/*---------------------------------------------------------------

# Package - Joomla Template based on Sboost Framework   

# ---------------------------------------------------------------

# Author - mixwebtemplates http://www.mixwebtemplates.com

# Copyright (C) 2008 - 2013 mixwebtemplates.com. All Rights Reserved.

# Websites: http://www.mixwebtemplates.com

-----------------------------------------------------------------*/



body.bg{color: #222;background-color:#f2f3f4}

body{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:150%}

a{text-decoration:none;}

a:hover,a:active,a:focus{text-decoration:none;}

.mx-base{margin-left:auto;margin-right:auto}

.mx-block{float:left;display:inline}

.mod-block {padding:10px}

.mx-inner{padding-left:10px;padding-right:10px}

.mx-block .first {margin-left:-10px}

.mx-block .last {margin-right:-10px}

.mx-block .single {margin-left:-10px;margin-right:-10px}

.gap{clear:both;margin-bottom:10px}

.top-bg{padding-top:10px}



/*top bar*/

#mx-top-header {margin-top:3px;}

#mx-banner,

#mx-bookmarks,

#mx-search,

#members-area{float:right}

#mx-search {margin-top:10px;}

#mx-top-menu{margin-top:10px;float:left}

#mx-top-menu ul.menu {margin:0;padding:0;}

#mx-top-menu li{display:inline-block;list-style:none;border-left:1px solid #ccc;padding:0 5px;line-height:12px}

#mx-top-menu li a{color:#6f6f6f}



/*Header*/

#headershow .mx-inner {padding:0}

#header {position:relative}

.slider .mx-inner {padding:0}

a#logo,#logo-text,a#logom{float:left; position: relative; z-index: 100;}

#logo-text h1{font-size:200%;font-weight:bold;text-transform:uppercase;border:0!important;margin:10px 0 0!important;padding:0!important}

#logo-text h1 a{}

#logo-text p.site-slogan{margin:0;padding:0;}



/*Module positions bottom*/

#mx-bottom .mx-inner{}



/*search*/

#mx-search .mod-search input#mod-search-searchword, 

#mx-search .mod-search input#mod-finder-searchword{background:#fff url(../images/search.png) no-repeat 3% 50%;padding: 4px 3px 4px 30px; margin:0;

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	box-shadow:0 0 6px rgba(0,0,0,0.3);

}



/* Layout */

#mx-leftcol, #mx-rightcol, #mx-maincol ,#mx-sideleft, #mx-sideright, #inner_content {float:left}

#mx-leftcol, #mx-rightcol, #mx-maincol {padding:10px 0}

#sj-br{position: absolute; top: 0px; left: -5500px;}



/*Font Resizer*/

div.font-sizer{width:62px;height:16px;line-height:16px;float: right;}

div.font-sizer a.btn_fs_big,div.font-sizer a.btn_fs_reset,div.font-sizer a.btn_fs_small

{background-image:url(../images/font-resizer.png);background-repeat:no-repeat;height:16px;width:18px;border:medium none;cursor:pointer;display:block;float:left;text-indent:-999em;padding:0;}

div.font-sizer a.btn_fs_big{background-position:0 0}

div.font-sizer a.btn_fs_reset{background-position:-19px 0}

div.font-sizer a.btn_fs_small{background-position:-37px 0}

div.font-sizer a.btn_fs_big:hover{background-position:0 -16px}

div.font-sizer a.btn_fs_reset:hover{background-position:-19px -16px}

div.font-sizer a.btn_fs_small:hover{background-position:-37px -16px}



/* Breadcrumbs */

#mx-breadcrumbs .mx-inner {padding:0}

#mx-breadcrumbs .breadcrumb {

	margin:0;

	background:transparent;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	border-top:1px solid #e7e7e7;

	border-bottom:1px solid #e7e7e7	

}



/* Footer */

#mx-footer {}

#mx-bft { padding:10px}

#mx-footer .cp {float:left; line-height:26px; }



/*Footer Navigation*/

#mx-footer-nav{float:right}

#mx-footer-nav ul{list-style-type:none;padding:0;margin:0 0 5px 0}

#mx-footer-nav li{background:none;padding:0;display:inline} 

#mx-footer-nav .nav > li > a:hover {background:none;}

#mx-footer-nav a{font-weight:normal;text-decoration:none;display:inline;margin:0;padding:0 8px;color:#838181}

a#pagetop{float:right;color:#111; }

span.designed_by {display:block;}

/*logo*/

a#logo{background:url(../images/logo/logo.png) no-repeat}

/* clr */

.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

/* template colors */

div.color-site{height:16px;line-height:16px; margin-top:6px; text-align: right;}

div.color-site a {padding: 1px 6px; height: 16px; 

box-shadow:0 0 3px rgba(0,0,0,0.5);

-moz-box-shadow:0 0 3px rgba(0,0,0,0.5);

-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);}

div.color-site a.btn_fs_blue{ background: #040426; color: #040426;}

div.color-site a.btn_fs_red{ background: #c30; color: #c30;}

div.color-site a.btn_fs_orange{ background: #f99d26; color: #f99d26;}

div.color-site a.btn_fs_green{ background: #99cc33; color: #99cc33;}

div.color-site a.btn_fs_brown{ background: #cc9966; color: #cc9966;}

div.color-site a.btn_fs_lilac{ background: #ad77bb; color: #ad77bb;}



/* Button, Input */



input, select, textarea, .inputbox, button, .button, input[type="button"], input[type="submit"] {

	padding: 3px;

}



input[type="button"], input[type="text"] {}



input[type="button"] { }



select, input[type="text"], input[type="password"], input[type="email"], textarea, .inputbox, .validate-username, .validate-password { 

	border: 0; background: #fff; color:#999;

	-webkit-box-shadow: 0 0 0 1px #ccc inset; box-shadow: 0 0 0 1px #ccc inset;

	border-radius: 3px; -webkit-border-radius: 3px;

}



#ol-topsl .inputbox, #ol-botsl .inputbox, #ol-user-panel .inputbox {}



input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover,

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus,

.inputbox:hover, .inputbox:focus, select:hover, select:focus,

 textarea:hover, textarea:focus { background: #ffffcc; color:#666; }





select.inputbox:focus {outline:none;}



.browserChrome input[type="text"]:focus, .browserChrome input[type="password"]:focus, .browserChrome input[type="email"]:focus,

.browserSafari input[type="text"]:focus, .browserSafari input[type="password"]:focus, .browserSafari input[type="email"]:focus,

.browserChrome .inputbox:focus, .browserChrome  textarea:focus,

.browserSafari .inputbox:focus, .browserSafari textarea:focus {outline: none;}



/* buttons */

.button, button, input[type="button"], input[type="submit"] {

	line-height:24px;

	color: #888;

	text-transform: uppercase; 

	border:0; 

	font-size: 11px !important;

	cursor:pointer;

	zoom: 1;

	*display: inline;

	vertical-align: top;

	outline: none;

	text-align: center;

	text-decoration: none;

	padding: 4px 15px !important;

	text-shadow: 0 1px 1px rgba(0,0,0, 0.1);

	-webkit-border-radius: 4px; border-radius: 4px;

	-webkit-box-shadow: 0 0 0 1px #BBBBBB inset;	

	-ms-box-shadow: 0 0 0 1px #bbbbbb inset;	

	box-shadow: 0 0 0 1px #BBBBBB inset;

	background: #f6f6f6;

	background-image: -webkit-linear-gradient(top,  #fff, #eee);

	background-image: -moz-linear-gradient(top, #fff, #eee);

	background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);

	background-image: -o-linear-gradient(top, #fff, #eee);

}





.button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover {

	color:#666 !important;

	cursor: pointer; text-decoration: none !important;

	background: #eee;

	background-image: -webkit-linear-gradient(top,  #fff,  #ddd);

	background-image: -moz-linear-gradient(top,  #fff,  #ddd);

	background-image: -ms-linear-gradient(top,  #fff,  #ddd);

	background-image: -o-linear-gradient(top,  #fff,  #ddd);

}

/* TipTip CSS  */

#tiptip_holder {

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 19;

}



#tiptip_holder.tip_top {

	padding-bottom: 5px;

}



#tiptip_holder.tip_bottom {

	padding-top: 5px;

}



#tiptip_holder.tip_right {

	padding-left: 5px;

}



#tiptip_holder.tip_left {

	padding-right: 5px;

}



#tiptip_content {

	font-size: 11px;

	color: #222;

	padding: 4px 8px;

	/*border: 1px solid rgba(255,255,255,0.25);*/

	background-color: rgb(255,255,255);

	background-color: rgba(255,255,255,0.92);

	background-image: -o-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#f1f1f1));

	background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#f1f1f1));

	background-image: -moz-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#f1f1f1));

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#f1f1f1));

	border-radius: 3px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

}



#tiptip_arrow, #tiptip_arrow_inner {

	position: absolute;

	border-color: transparent;

	border-style: solid;

	border-width: 6px;

	height: 0;

	width: 0;

}



#tiptip_holder.tip_top #tiptip_arrow {

	border-top-color: rgb(225,225,225);

	border-top-color: rgba(225,225,225,0.92);

}



#tiptip_holder.tip_bottom #tiptip_arrow {

	border-bottom-color: rgb(225,225,225);

	border-bottom-color: rgba(225,225,225,0.92);

}



#tiptip_holder.tip_right #tiptip_arrow {

	border-right-color: rgb(255,255,255);

	border-right-color: rgba(255,255,255,0.92);

}



#tiptip_holder.tip_left #tiptip_arrow {

	border-left-color: rgb(255,255,255);

	border-left-color: rgba(255,255,255,0.92);

}



#tiptip_holder.tip_top #tiptip_arrow_inner {

	margin-top: -7px;

	margin-left: -6px;

	border-top-color: rgb(255,255,255);

	border-top-color: rgba(255,255,255,0.92);

}



#tiptip_holder.tip_bottom #tiptip_arrow_inner {

	margin-top: -5px;

	margin-left: -6px;

	border-bottom-color: rgb(255,255,255);

	border-bottom-color: rgba(255,255,255,0.92);

}



#tiptip_holder.tip_right #tiptip_arrow_inner {

	margin-top: -6px;

	margin-left: -5px;

	border-right-color: rgb(255,255,255);

	border-right-color: rgba(255,255,255,0.92);

}



#tiptip_holder.tip_left #tiptip_arrow_inner {

	margin-top: -6px;

	margin-left: -7px;

	border-left-color: rgb(255,255,255);

	border-left-color: rgba(255,255,255,0.92);

}