/* ||| universal set of reset styles |||*/
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: white; 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; text-align: left; }

/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* ||| set of clearing floats |||*/	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear { clear: both; }
/* End hide from IE-mac */


html { height: 100%; margin-bottom: 1px; }
body { margin: 0; padding: 0; font-size:100%; }

#bg { background: #45494D url(../images/bg_page.png) repeat-x 0 0; font: normal 12px Arial, Verdana, sans-serif; color: #7d7f8b; line-height:16px; }

a { outline: none; cursor: pointer; }
img { border: none; text-decoration: none; }
element.style { cursor:pointer; }

a:link, a:visited, a:active { text-decoration:none; color:#304c84; }
a:hover  {text-decoration:underline; }

ul { padding: 0 0 0 2px; margin: 0; margin-left: 1px; list-style: none; }
ul li { background: transparent url(../images/arrow.gif) no-repeat 0 5px; padding-left: 16px; line-height: 160%; }
ol li { line-height: 170%; }

fieldset { border: 0; padding: 5px 0; }

h1 { font-size: 200%; }
h2 { font-size: 210%; font-weight: normal; margin:2px 0 15px 0; }
h3 { font-size: 125%; }
h4 { font-size: 100%; }
h5 { font-size: 120%; }
h6 { font-size: 110%; }

th { padding: 4px; text-align: left; }

fieldset { border: none; }
fieldset a { font-weight: bold; }
input,select { font: normal 12px Arial, Helvetica, sans-serif; }

hr { border-top: 1px solid #f9f9f9; border-right: 0; border-left: 0; border-bottom: 0; height: 1px; }

.clearfix { clear: both; }

/* Major Blocks-------------------------------------------------------------------------------*/
div#page { background: url('../images/bg_top.jpg') no-repeat 50% 0; height: 100%; margin: 0 auto; }

div#top { height: 80px; width: 960px; margin: 0 auto; }

/* Here you can change width or height of your logo*/
a#logo {
	background: transparent url('../images/logo.png') no-repeat 0 50%;
	width: 960px;
	height: 80px;
	display: block;
	float: left;
}
/*end*/

div#wrap-1 { width: 981px; margin: 0 auto; }
div#wrap-2 { clear: both; background: transparent url('../images/p_middle.png') repeat-y 0 0; }
div#wrap-3 { background: url('../images/p_top.jpg') no-repeat scroll 50% 0; }
div#wrap-4 { margin: 0 25px; padding-top: 12px; position: relative; }

div#bottom { background: url('../images/p_bottom.png') no-repeat 50% 100%; height: 36px; }
div#ctop   { width: 100%; height: 22px; position: absolute; top: 12px; }

div#loginwrap { float: left; width: 80%; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #2c3039; }
div#loginwrap a { color: #2c3039; }
div#loginwrap input { border: none; border-bottom: 1px solid #202123; margin: 0 5px; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #2c3039; background: none; }
div#loginwrap input.button { border: 1px solid #202123; }
div#patmenu-wrap1 { position: relative; top: -11px; padding: 0; background: #eee url('../images/bg_patmenu-left.png') no-repeat 0 0; }
div#patmenu-wrap2 { height: 18px; padding: 0 12px; background: url('../images/bg_patmenu-right.png') no-repeat 100% 0; }
div#pathway { float: left; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #2c3039; line-height: 18px; background: url('../images/icon_pathway.png') no-repeat 0 50%; padding-left: 20px; } 
div#topmenu { float: right; margin-top: 2px; }
div#search { float: right; width: 20%; }
div#search input { float: right; }

div#search input.inputbox {
	background: transparent url('../images/icon_search.png') no-repeat 0 40%;
	border: none;
	border-bottom: 1px solid #0f1014;
	padding: 0 18px 0 20px;
	height: 19px;
	line-height: 19px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #2c3039;
}

div#cont-1 {
	clear: both;
	width: 931px;
	background: url('../images/bg_content-top.png') no-repeat scroll 50% 0;
	padding-top: 8px;
	margin-top: 0px;
}
div#cont-2 {
	background: #fff url('../images/bg_content-bottom.png') no-repeat scroll 50% bottom;
	padding: 15px;
	position: relative;
	margin-bottom: 20px;
}
div#mainbody { clear: both; }
div#menu {
	clear: both;
	background: url('../images/menu_bg.jpg') no-repeat 50% 0;
	height: 39px;
	margin-top: 47px;
}
div#header { clear: both; }

/* Footer
-------------------------------------------------------------------------------*/
div#footer { clear: both; padding: 0; font-size: 11px; margin:0 25px; }
div#footer a { font-size: 11px; color: #7D7F8B; }
div#links { float: left; padding-bottom: 10px; color: #7D7F8B; }
div#copyright { float: right; }

/* Setup of major blocks
----------------------------------------------------------------------------------*/
div#l_w-1 {
	float: left;
	width: 655px;
	margin-right: 10px;
}
div#l_w-wrap { }
div#l_w-wrap-0 { background: none; }
div#l_w-2 { width: 100%; }
div#r_w { float: right; width: 236px; }
div#l_w1 { float: right; width: 180px; }
div#r_w1-3 { float: left; width: 711px; padding-right: 10px; }
div#r_w1-2 { }
div#r_w1-1 { float: left; width: 460px; padding-right: 10px; }
div#mainbody { clear: both; }


/* Setup value of users position 1, 2, 3, 4
----------------------------------------------------------------------------------*/
div#user_position-1,
div#user_position-2,
div#user_position-3,
div#user_position-4,
div#user_position-5,
.us-stand { clear: both; overflow: hidden; }

div.us_1-left,
div.us_1-right,
div.us_1-center,
div.us_2-left,
div.us_2-right,
div.us_2-center,
div.us_3-left,
div.us_3-right,
div.us_3-center,
div.us_4-left,
div.us_4-right,
div.us_4-center,
div.us_5-left,
div.us_5-right,
div.us_5-center { float: left; width: 33.3%; width: 50%; width: 100%; overflow: hidden; }

div#user_position-1,
div#user_position-4 { background: url('../images/box-right.png') no-repeat bottom right; }

div#user_position-1 div,
div#user_position-4 div { background: url('../images/box-left.png') no-repeat bottom left; }

div#user_position-1 div div,
div#user_position-4 div div { background: url('../images/box-top.png') no-repeat top right; }

div#user_position-1 div div div,
div#user_position-4 div div div { background: url('../images/box-topleft.png') no-repeat top left; }

div#user_position-5 { background: url('../images/box-bottomright.jpg') no-repeat bottom right; }
div#user_position-5 div { background: url('../images/box-col1left.png') no-repeat bottom left; }
div#user_position-5 div div { background: url('../images/box-col1top.png') no-repeat top right; }
div#user_position-5 div div div { background: url('../images/box-col1topleft.png') no-repeat top left; }

div#user_position-1,
div#user_position-4,
div#user_position-5 { margin: 10px 0 0; padding: 0; clear: both; width: 100%; height:1%; }

div#user_position-1 { margin: 0 0 10px; }

div#user_position-1 div,
div#user_position-1 div div,
div#user_position-4 div,
div#user_position-4 div div,
div#user_position-5 div,
div#user_position-5 div div { padding: 0; }

div#user_position-1 div div div,
div#user_position-4 div div div,
div#user_position-5 div div div { padding: 9px 0; }

.border { background: url('../images/bullet.gif') repeat-y top left!important; }
.border-black { background: url('../images/bullet_2.gif') repeat-y top left!important; }

/*Modules
-------------------------------------------------------------------*/
div.moduletable,
div.moduletable-color1,
div.moduletable-color2 { font: normal 100% Arial, Helvetica, sans-serif; line-height:16px; padding: 0 10px!important; margin:-9px 0 0 0; }

div.moduletable h3,
div.moduletable-color1 h3,
div.moduletable-color2 h3 { font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0; margin: 0 0 5px 0; line-height: 24px; color: #050505; }

div#user_position-5 div.moduletable h3,
div#user_position-5 div.moduletable-color1 h3,
div#user_position-5 div.moduletable-color2 h3 { color: #fff; }

div#user_position-5 a { color: #fff; }

div#user_position-5 ul li { background: transparent url('../images/arrow_color.gif') no-repeat 0 5px; }

div.module h3,
div.module-slider h3,
div.module-color1 h3,
div.module-color2 h3,
div.module-clear h3 { margin: 0 -14px 0px; padding: 0 14px 8px; font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: normal; color: #050505; }

div.module-color2 h3 { color: #fff; }

div.module,
div.module-slider,
div.module-color1,
div.module-color2,
div.module-clear { margin: 0 0 10px; padding: 0; clear: both; width: 100%; height:1%; }
div.module-clear { margin: 0 0 10px; }

div.module div,
div.module div div,
div.module-slider div,
div.module-slider div div,
div.module-color1 div,
div.module-color1 div div,
div.module-color2 div,
div.module-color2 div div { padding: 0; }

div.module div div div,
div.module-slider div div div,
div.module-color1 div div div,
div.module-color2 div div div { padding: 9px 0; }

/* Default*/
div.module { background: url('../images/box-right.png') no-repeat bottom right; }
div.module div { background: url('../images/box-left.png') no-repeat bottom left; }
div.module div div { background: url('../images/box-top.png') no-repeat top right; }
div.module div div div { background: url('../images/box-topleft.png') no-repeat top left; padding: 13px; }

/*Slider*/
div.module-slider h3 { color: #fff; }
div.module-slider { background: url('../images/box-col1right2.jpg') no-repeat bottom right; }
div.module-slider div { background: url('../images/box-col1left.png') no-repeat bottom left; }
div.module-slider div div { background: url('../images/box-col1top.png') no-repeat top right; }
div.module-slider div div div { background: url('../images/box-col1topleft.png') no-repeat top left; color: #fff; padding: 9px 0; }

/*color1*/
div.module-color1 { background: url('../images/box-col2right.png') no-repeat bottom right; }
div.module-color1 div { background: url('../images/box-col2left.png') no-repeat bottom left; }
div.module-color1 div div { background: url('../images/box-col2top.png') no-repeat top right; }
div.module-color1 div div div { background: url('../images/box-col2topleft.png') no-repeat top left; padding: 13px; }

/*color2*/
div.module-color2 h3 { color: #fff; }
div.module-color2 { background: url('../images/box-col1right.jpg') no-repeat bottom right; }
div.module-color2 div { background: url('../images/box-col1left.png') no-repeat bottom left; }
div.module-color2 div div { background: url('../images/box-col1top.png') no-repeat top right; }
div.module-color2 div div div { background: url('../images/box-col1topleft.png') no-repeat top left; padding: 13px; color: #fff; }

/*|||------ Restrictions ------|||*/
div.module div div div div,
div.module div div div div div,
div.module div div div div div div,
div.module-slider div div div div,
div.module-slider div div div div div,
div.module-slider div div div div div div,
div.module-color1 div div div div,
div.module-color1 div div div div div,
div.module-color1 div div div div div div,
div.module-color2 div div div div,
div.module-color2 div div div div div,
div.module-color2 div div div div div div,
div#user_position-1 div div div div,
div#user_position-1 div div div div div,
div#user_position-1 div div div div div div,
div#user_position-4 div div div div,
div#user_position-4 div div div div div,
div#user_position-4 div div div div div div,
div#user_position-5 div div div div,
div#user_position-5 div div div div div,
div#user_position-5 div div div div div div { background: none; }

div.module div div div div,
div.module div div div div div,
div.module div div div div div div,
div.module-slider div div div div,
div.module-slider div div div div div div,
div.module-color1 div div div div,
div.module-color1 div div div div div,
div.module-color1 div div div div div div,
div.module-color2 div div div div,
div.module-color2 div div div div div,
div.module-color2 div div div div div div,
div#user_position-1 div div div div div,
div#user_position-1 div div div div div div,
div#user_position-4 div div div div div,
div#user_position-4 div div div div div div,
div#user_position-5 div div div div div,
div#user_position-5 div div div div div div { padding: 0; }

div.module-color2 a { color: #fff; }
div.module-color2 ul li { background: transparent url('../images/arrow_color.gif') no-repeat 0 5px; }

/* Typohraphy 
-----------------------------------------------------------------------------------*/
pre,
.code {
	background-color:#f9f9f9;
	border-left:5px solid #304c84;
	margin:10px 0pt 15px;
	padding:10px 15px;
	font-size: 11px;
}
.info { background:transparent url('../images/info.gif') no-repeat left top; color:#304c84; padding-left:30px; }
.warning { background:transparent url('../images/warning.gif') no-repeat left top; color:#cc0000; padding-left:30px; }
.tips { background:transparent url('../images/tips.gif') no-repeat left top; color:#E98B05; padding-left:30px; }
.date { background:transparent url('../images/date.gif') no-repeat left top; color:#35cc00; padding-left:30px; }

.audio,
.credit,
.email,
.feed,
.help,
.webcam { background:transparent url('../images/audio.gif') no-repeat left top; padding-left:30px; }
.credit { background:transparent url('../images/credit.gif') no-repeat left top; }
.email  { background:transparent url('../images/email.gif') no-repeat left top; }
.feed { background:transparent url('../images/feed.gif') no-repeat left top; }
.help { background:transparent url('../images/help.gif') no-repeat left top; }
.webcam { background:transparent url('../images/webcam.gif') no-repeat left top; }

.highlight-1 { background:#ffffda; padding:1px 5px; }
.highlight-2 { background:#f9f9f9; padding:1px 5px; }
.highlight-3 { background:#45494D; color: #fff; padding:1px 5px; }

span.clear,
span.color,
span.color-1,
span.color-2,
span.color-3,
span.color-4,
span.color-5,
span.color-6 { display: block; padding: 10px; margin-bottom: 10px; }

span.color { border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; background: #f9f9f9;}
span.color-1 { border-top: 1px solid #304c84; border-bottom: 1px solid #304c84; background: #f9f9f9; color: #304c84; }
span.color-2 { border-left: 1px solid #304c84; color: #304c84; }
span.color-3 { border-left: 1px solid #8c4889; color: #8c4889; }
span.color-4 { border-top: 1px solid #000; border-bottom: 1px solid #000; background: #000; color: #fff; }
span.color-5 { border-top: 1px solid #363a3e; border-bottom: 1px solid #363a3e; background: #45494D; color: #fff; }
span.color-6 { border-top: 1px solid #132241; border-bottom: 1px solid #132241; background: #0B162A; color: #fff; }
span.clear { border-top: 1px solid #eee; border-bottom: 1px solid #eee; }