html,body,div,span,applet,object,iframe,caption,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {vertical-align: baseline;font-size: 100%;outline: 0;padding: 0;margin: 0;border: 0;}

/* remember to define focus styles! */

:focus {outline: 0;}

body {background: #fff;line-height: 1;color: black;}

ol,ul {list-style: none;}

/* tables still need cellspacing="0" in the markup */

table{border-collapse: separate;border-spacing: 0;}

caption,th,td {font-weight: normal;}

/* remove possible quote marks (") from <q> & <blockquote> */

blockquote:before,blockquote:after,q:before,q:after {content: "";}

blockquote,q {quotes: "" "";}

/* ||| the end |||*/

/* ||| set of clearing floats |||*/	

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.clearfix {display: inline-block;}

.clr {font-size : 1px;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

.clear {clear: both;}

/* End hide from IE-mac */

/* ------------------------ the end ----------------------------*/



html {

	height: 100%;

	margin-bottom: 1px;

}



body {

	margin: 0;

	padding: 0;

	font-size: 62.5%; /* Reset: 1em = 10px */

	font-family: "Lucide Sans Unicode", "Lucida Grande", Arial , sans-serif;

}

 

div#wrapper_main{

	position: relative;

	font: normal 1.2em/1.5em "Lucide Sans Unicode", "Lucida Grande", Arial , sans-serif; /* Basic font size: 12px, line-height: 15px */

}



/* Basic link styles 

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



a {

	outline: none;

	cursor: pointer;

}



a:link,

a:visited,

a:active {

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



/* Basic image style 

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



img {

	border: none;

	text-decoration: none;

}



/* Basic lists styles 

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



ul {

	padding: 0;

	margin: 0 6px;

	list-style: none;

}



ul li {

	padding-left: 0;

	line-height: 170%;

	padding: 5px 0;

}



ul li a {

	text-decoration: none !important;

}



ul li a:hover {

	text-decoration: underline !important;

}



ol li {

	line-height: 170%;

}



dl#system-message dd ul li{

	border: none !important;

}



/* Basic heading styles 

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



th {

	padding: 4px;

	text-align: left;

}



h1 { font-size: 200%; }

h2 { font-size: 175%; }

h3 { font-size: 150%; }

h4 { font-size: 125%; }

h5 { font-size: 115%; }



p, pre, blockquote, h1, h2, h3, h4, h5, h6 {

	margin: 1em 0;

	padding: 0;

}



/* Basic form styles 

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



fieldset {

	border: none;

	padding: 5px 0;

}



fieldset a {

	font-weight: bold;

}



input, select, button {

	font-size: 11px;

	font-weight: normal;

}



/* Basic HR-line style 

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



hr {

	border-right: 0;

	border-left: 0;

	border-bottom: 0;

	height: 1px;

	color: #eee;

	background-color: #eee;

}



/* Basic positioning classes 

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



.clearfix {

	clear: both;

}



.lf {

	float: left;

}



.rf {

	float: right;

}



/* Logo 

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



a#logo, a#logo_styled {

	margin: 16px 0;

	float: left;

	display: block;

}



a#logo_styled{

	/* 

		Here you can change width or height of your logo 

		if you've disabled option "logo as image"

	*/

	width: 320px;

	height: 73px; 

}



/* Basic wrapper styles 

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

div#wrapper_main{

	width:980px;

	margin:0 auto;


}



div#wrapper_top{

	height: 105px;

	position:relative;

}



div#buttons{

	width: auto;

	position:absolute;

	right:0;

	bottom: 12px;

}



div#buttons span#login_btn_noborder,

div#buttons span#register_btn_noborder{

	border: none !important;

}



div#buttons span:first-child{

	padding-right: 4px;

	margin-right: 1px;

}



div#buttons span{

	text-transform: uppercase;

	font-size: 10px;

	line-height:10px;

	font-weight: bold;

	height:10px;

}



div#banner1{

	width:468px;

	height:60px;

	float:left;

	margin-top: 16px;

}



div#search{

	width: 155px;

	height:17px;

	float:right;

	margin-top: 36px;

}



div#search div.search{

	width: 155px;

	height:17px;

}



div#search input#mod_search_searchword{

	border:none;

	height: 15px;

	padding:2px 0 0 4px;

	width: 134px;

	display: block;

	float:left;

}



div#search input.button{

	height:17px;

	width:17px;

	margin:0;

	padding:0;

	float:left;

	display:block;

	text-indent: -9998em;

}



div#header1,

div#header2{

	float: left;

}



/* component + right 

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



div#component-right {

	float: left;

	width: 671px;

	margin-bottom: -9px;

}



div#right {

	float: right;

	width: 300px;

}



/* component + left

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



div#component-left{

	float: right;

	width: 671px;

	margin-bottom: -9px;

}



div#left{

	float: left;

	width: 300px;

}



/* component 

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



div#component {

	width: 980px;

	padding: 0;

	margin-bottom: -9px;

}



div#mainbody{

	margin-bottom: 9px;

}



/* Bottom

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



div#wrapper_bottom{

	border:  1px solid #e6e6e6;

	background: #f7f7f7;

}



/* Footer

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



div#wrapper_footer{

	text-align:center;

	padding-bottom: 15px;

	margin-top: 23px;

	position: relative;

	

}



ul#bottom_menu{

	width:auto;

	margin:0 auto;

	list-style-type: none;

	margin:0;

	padding:0;

}



ul#bottom_menu li{

	display:inline;

	height: 12px;

	margin-right: 8px;

	padding: 0 0 0 8px;

}



ul#bottom_menu li:first-child{

	border-left:none;	

}



div#informations{

	clear: both;

	margin-top:4px;

}



div#stylearea{

	float: right;

	position: absolute;

	right: 0;

	top: 25px;

	font-size: 11px;

}



/* set the width of user modules 

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

div#wrapper_bottom{

	margin-bottom: 8px;

	width: 100%;

	display: table;

}



div.users_wrap{

	margin-bottom: 8px;

}



div#wrapper_inside{

	padding-top: 19px;

}



.us_width-100{

	width: 100%;

	vertical-align: top;

}



.us_width-20:first-child,

.us_width-25:first-child,

.us_width-33:first-child, 

.us_width-50:first-child {

	margin: 0;

}



.us_width-20,

.us_width-25,

.us_width-33, 

.us_width-50 {

	margin-left: 2%;

	display: block;

	float: left;

}



.us_width-20{

	width:19%;

}



.us_width-25{

	width: 24%;	

}



.us_width-33{

	width:32%;

}



.us_width-50{

	width: 49%;	

}



/* suffixes */



div.moduletable h3,

div.moduletable_dark h3,

div.moduletable_menu h3,

div.moduletable_color h3,

div.moduletable_text h3{

	margin: 0 0 16px 16px;

	padding:0 0 0 28px;

	height:16px;

	font-size: 0.8em;

	line-height: 1.4em;

	font-weight: bold;

	text-transform: uppercase;

}



div.moduletable_advert div.moduletable_content{

	padding: 9px;

	border: 1px solid #e6e6e6;

 	clear: both;

}



div.moduletable_advert h3{

	font-size: 10px;

	font-weight: normal;

	color: #999;

	width: auto;

	float: right;

	margin: 0 12px -8px 0;

	padding: 0 4px;

	background: #fff;

}



div.moduletable h3 span,

div.moduletable_dark h3 span,

div.moduletable_color h3 span,

div.moduletable_menu h3 span,

div.moduletable_text h3 span{

	padding: 0 28px 0 0;

	display:block;

	height: 16px;

	width: auto;

	float: left;

}



div.moduletable div.moduletable_content,

div.moduletable_dark div.moduletable_content,

div.moduletable_menu div.moduletable_content,

div.moduletable_color div.moduletable_content{

	padding: 0 16px;

	margin: 0 0 22px 0;

}



div.wrapper_centered,

div.module_wrap,

div#wrapper_header{

	margin-bottom: 9px !important;

}



div.moduletable_clear{

	margin: 0;

	padding:0;

	border:none;

}



div.moduletable_clear div.moduletable_content{

	margin: 0;

	padding:0;	

}



.nohead .moduletable_content{

	margin-top: 32px !important;

}



div#slider{

	height:  8px;

	margin-bottom: 9px;

	cursor: pointer;

}



/* restrictions

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



div#wrapper_bottom .us_width-20{

	width:20%;

}



div#wrapper_bottom .us_width-25{

	width: 25%;	

}



div#wrapper_bottom .us_width-33{

	width:33%;

}



div#wrapper_bottom .us_width-50{

	width: 50%;	

}



div#wrapper_bottom .us_width-20,

div#wrapper_bottom .us_width-25,

div#wrapper_bottom .us_width-33, 

div#wrapper_bottom .us_width-50 {

	margin-left: 0;

	display: table-cell;

	vertical-align: top;

}



div#wrapper_bottom .us_width-20:first-child  div.moduletable_content,

div#wrapper_bottom .us_width-25:first-child  div.moduletable_content,

div#wrapper_bottom .us_width-33:first-child  div.moduletable_content,

div#wrapper_bottom .us_width-50:first-child  div.moduletable_content{

	border-left: none;

	margin: 0 0 22px 0;

}



div#wrapper_bottom .us_width-20 div.moduletable_content,

div#wrapper_bottom .us_width-25 div.moduletable_content, 

div#wrapper_bottom .us_width-33 div.moduletable_content, 

div#wrapper_bottom .us_width-50 div.moduletable_content{

	overflow: hidden;

	margin: 0 0 22px 0;

}



div#wrapper_bottom div.moduletable,

div#wrapper_bottom div.moduletable_dark,

div#wrapper_bottom div.moduletable_menu,

div#wrapper_bottom div.moduletable_color,

div#wrapper_bottom div.moduletable_advert,

div#wrapper_bottom div.moduletable_text{

	border: none;

}



div#right div.moduletable,

div#right div.moduletable_dark,

div#right div.moduletable_menu,

div#right div.moduletable_color,

div#right div.moduletable_text,

div#right div.moduletable_advert,

div#left div.moduletable,

div#left div.moduletable_dark,

div#left div.moduletable_menu,

div#left div.moduletable_color,

div#left div.moduletable_advert,

div#left div.moduletable_text{

	margin-bottom: 9px;

}



div#right div.moduletable div.moduletable_content,

div#right div.moduletable_dark div.moduletable_content,

div#right div.moduletable_menu div.moduletable_content,

div#right div.moduletable_color div.moduletable_content,

div#right div.moduletable_advert div.moduletable_content,

div#right div.moduletable_text div.moduletable_content,

div#left div.moduletable div.moduletable_content,

div#left div.moduletable_dark div.moduletable_content,

div#left div.moduletable_menu div.moduletable_content,

div#left div.moduletable_color div.moduletable_content,

div#left div.moduletable_text div.moduletable_content,

div#left div.moduletable_advert div.moduletable_content{

	padding: 9px 9px 0 9px !important;

}



/* popups */



div#popup_login,

div#popup_register{

	position: absolute;

	z-index: 100000;

	width: 530px;

	top: 5px;

	right: 0;

	margin-right: -12px;

	display: none;

}



div#close_button_login,

div#close_button_register{

	width: 24px;

	margin: 3px 3px 0 0;

	height: 24px;

	cursor: pointer;

	float: right;

}



div.top{

	width: 488px;

	padding: 0 10px 16px 32px;

	margin: 27px 0 0 0;

	overflow: hidden;

}



div.top form#josForm{

	width: 480px;

	margin: 0 auto;

}



div.bottom{

	width: 530px;

	height: 16px;

}