@charset "utf-8"; 


/* -- body tag styles -- */
body
{
	background:#202020 url('../images/bg/bg.jpg') top center no-repeat;  
	margin:0px; 
	padding:0px;  
	text-align:center;   
}


/* -- page scroller button styles -- */
#scrollBtns
{
	position:absolute;  
	width:16px;  
	text-align:center;  
	margin:0px;  
	padding:0px;  
	display:none;  
	left:50%;   
	margin-left:480px; 
}


/* -- main body layout styles -- */
#bodyMainDiv { width:900px;  padding:0px;  margin:0 auto;  text-align:left;  }
#mainTB, #mainTB_content, #mainTB_spacer, #mainTB_side { margin:0px;  padding:0px;  }
#mainTB { width:900px;  margin:0 auto;  }
#mainTB_content { width:600px;  } 
#mainTB_spacer { width:20px;  } 
#mainTB_side { width:280px;  }


/* -- main nav links -- */
#logoArea { width:100%;  }
#navBar { padding:8px;  background:url('../images/bg/navbg.png') top left repeat-x;   }


/* -- no margin styles -- */
html, body, table, td, div, span, form, input, select, textarea, img, a { margin:0px;  }


/* -- main font styles -- */
body, text, font, span, a   
{ 
	font-family:Verdana;  
	font-style:normal;  
	font-size:12px;  
	line-height:18px;  
	text-decoration:none;  
	/*
	text-align:justify;  
	text-justify:distribute; 
	*/
	color:#aaaaaa;  
}


/* -- various text color styles -- */
.white { color:#ffffff;  }
.warn { color:#b6150d;  }
.red { color:#b6150d;  }
.green { color:#4c962e;  }
.grey { color:#666666;  }
.blue { color:#86defe;  }
.yellow { color:#e27b19;  }
.dark { color:#111111;  }


/* -- top msg styles -- */
div.warn   { background-color:#b6150d;  color:#FFF;  } 
div.green  { background-color:#4c962e;  color:#FFF;  } 
div.grey   { background-color:#666666;  color:#FFF;  } 
div.yellow { background-color:#e27b19;  color:#333;  } 
div.blue   { background-color:#86defe;  color:#333;  } 
#topMsgDiv 
{ 
	font-weight:bold;  
	text-align:center; 
	margin:0 auto;  
	padding:6px;  
	border:0px solid;  
	border-bottom:1px solid #202020;  
	position:fixed;  
	width:100%;  
}


/* -- action status span styles -- */
span.default { color:#666666;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/promotion.png') top left no-repeat;  }
span.accept  { color:#00cc33;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/accept.png') top left no-repeat;  }
span.error   { color:#cc3300;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/delete.png') top left no-repeat;  }
span.load    { color:#666666;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/ajax-loader.gif') top left no-repeat;  }


/* -- iconized span styles -- */
.iconSpan  { color:#888888;  margin:0px;  padding:0px;  padding-left:20px;  background:top left no-repeat;  }
.linkSpan  { color:#eeeeee;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/add_link.png') top left no-repeat;  }
.starSpan  { color:#eeeeee;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/star_full.png') top left no-repeat;  }
.chartSpan { color:#444444;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/chart.png') top left no-repeat;  }
.addSpan   { color:#eeeeee;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/add.png') top left no-repeat;  }
.userSpan  { color:#eeeeee;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/user.png') top left no-repeat;  }
.imSpan    { color:#eeeeee;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/add_comment.png') top left no-repeat;  }
.checkSpan { color:#666666;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/accept.png') top left no-repeat;  }
.emailSpan { color:#eeeeee;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/email.png') top left no-repeat;  }
.aimSpan   { color:#eeeeee;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/sms.png') top left no-repeat;  }
.skypeSpan { color:#eeeeee;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/cloud_comment.png') top left no-repeat;  }
.backSpan  { color:#eeeeee;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/back.png') top left no-repeat;  }
.nextSpan  { color:#eeeeee;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/forward.png') top left no-repeat;  }
.dlSpan    { color:#666666;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/globe_download.png') top left no-repeat;  }

.mainSpan  { color:#eeeeee;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/home.png') top left no-repeat;  }
.aboutSpan { color:#eeeeee;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/male_user_help.png') top left no-repeat;  }
.workSpan  { color:#eeeeee;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/process.png') top left no-repeat;  }
.feedsSpan { color:#eeeeee;  margin:0px;  padding:0px;  padding-left:20px;  background:url('../images/icons/small/coquette/rss.png') top left no-repeat;  }


/* -- content box title styles -- */
.topHome { margin:0px;  width:600px;  height:200px;  background:url('../images/index_top.jpg') top left no-repeat;  }
.topTable { margin:0px;  padding:10px;  background:url('../images/content_top.jpg') top left no-repeat;  }
.topTableText { color:#ffffff;  }
.topTableText_plain { color:#ffffff;  }
.topTableText_right { color:#4e4e4d;  float:right;  } 
.topTableText, .topTableText_right, .topTableText_plain 
{ 
	font-family:Trebuchet MS;  
	font-size:18px;  
	line-height:26px;  
	font-weight:normal;  
	letter-spacing:-1px;  
}


/* -- hr lines -- */
hr { border-color:#202020;  height:1px;  border-style:solid;  border-width:1px 0 0 0;  }


/* -- main link styles -- */
a:active, a:active img, a:focus, a:focus img { outline:none;  }
a:link, a:visited, a:active, a:hover { text-decoration:none;  outline:none;  }
a:link, a:visited, a:active { color:#e28619;  }
a:hover { color:#ffcc01;  } 


/* -- full page dim styles -- */
#fullDim 
{
	top:0px; 
	left:0px; 
	position:fixed; 
	background:#000000 repeat;  
	height:100%; 
	width:100%; 
	z-index:99; 
}


/* -- tooltip styles -- */
#tt { position:absolute;  margin:0px;  padding:0px;  display:none;  }
#ttcont 
{ 
	font-family:Verdana;  
	font-weight:bold;  
	font-size:10px;  
	line-height:10px; 
	margin:0px;  
	padding:8px;  
	background-color:#333322;  
	border:1px solid #666666;  
	color:#eeeeee;  
}


/* -- main round boxes styles -- */
.bx { margin:0px;  padding:0px;  background-color:#3b341c;  text-align:left;  }
.tl_plain { margin:0px;  padding:0px;  background-image:url('../images/round/plain/tl_plain.jpg');  background-position:top left;  background-repeat:no-repeat;  }
.tl { margin:0px;  padding:0px;  background-image:url('../images/round/plain/tl.gif');  background-position:top left;  background-repeat:no-repeat;  }
.tr { margin:0px;  padding:0px;  background-image:url('../images/round/plain/tr.gif');  background-position:top right;  background-repeat:no-repeat; }
.bl { margin:0px;  padding:0px;  background-image:url('../images/round/plain/bl.gif');  background-position:bottom left;  background-repeat:no-repeat;  }
.br { margin:0px;  padding:0px;  background-image:url('../images/round/plain/br.gif');  background-position:bottom right;  background-repeat:no-repeat;  }


/* -- black round boxes styles -- */
.bbx   { margin:0px;  padding:0px;  background-color:#383838;  text-align:left;  }
.btl_o { margin:0px;  padding:0px;  background-image:url('../images/round/black/tl_o.gif');  background-position:top left;  background-repeat:no-repeat;  }
.btl   { margin:0px;  padding:0px;  background-image:url('../images/round/black/tl.gif');  background-position:top left;  background-repeat:no-repeat;  }
.btr   { margin:0px;  padding:0px;  background-image:url('../images/round/black/tr.gif');  background-position:top right;  background-repeat:no-repeat; }
.bbl   { margin:0px;  padding:0px;  background-image:url('../images/round/black/bl.gif');  background-position:bottom left;  background-repeat:no-repeat;  }
.bbr_o { margin:0px;  padding:2px;  background-image:url('../images/round/black/br_o.gif');  background-position:bottom right;  background-repeat:no-repeat;  }
.bbr   { margin:0px;  padding:2px;  background-image:url('../images/round/black/br.gif');  background-position:bottom right;  background-repeat:no-repeat;  }


/* -- white round boxes styles -- */
.wbx   { margin:0px;  padding:0px;  background-color:#ffffff;  text-align:left;  }
.wtl_o { margin:0px;  padding:0px;  background-image:url('../images/round/white/tl_o.gif');  background-position:top left;  background-repeat:no-repeat;  }
.wtl   { margin:0px;  padding:0px;  background-image:url('../images/round/white/tl.gif');  background-position:top left;  background-repeat:no-repeat;  }
.wtr   { margin:0px;  padding:0px;  background-image:url('../images/round/white/tr.gif');  background-position:top right;  background-repeat:no-repeat; }
.wbl   { margin:0px;  padding:0px;  background-image:url('../images/round/white/bl.gif');  background-position:bottom left;  background-repeat:no-repeat;  }
.wbr_o { margin:0px;  padding:2px;  background-image:url('../images/round/white/br_o.gif');  background-position:bottom right;  background-repeat:no-repeat;  }
.wbr   { margin:0px;  padding:2px;  background-image:url('../images/round/white/br.gif');  background-position:bottom right;  background-repeat:no-repeat;  }


/* -- form round boxes styles -- */
.fbx   { margin:0px;  padding:0px;  background-color:#2d2b23;  text-align:left;  }
.ftl_o { margin:0px;  padding:0px;  background-image:url('../images/round/form/tl_o.gif');  background-position:top left;  background-repeat:no-repeat;  }
.ftl   { margin:0px;  padding:0px;  background-image:url('../images/round/form/tl.gif');  background-position:top left;  background-repeat:no-repeat;  }
.ftr   { margin:0px;  padding:0px;  background-image:url('../images/round/form/tr.gif');  background-position:top right;  background-repeat:no-repeat; }
.fbl   { margin:0px;  padding:0px;  background-image:url('../images/round/form/bl.gif');  background-position:bottom left;  background-repeat:no-repeat;  }
.fbr_o { margin:0px;  padding:2px;  background-image:url('../images/round/form/br_o.gif');  background-position:bottom right;  background-repeat:no-repeat;  }
.fbr   { margin:0px;  padding:2px;  background-image:url('../images/round/form/br.gif');  background-position:bottom right;  background-repeat:no-repeat;  }


/* -- ajax side menu with tabs */
#navTable { width:100%;  margin:0 auto;  }
#nav_content { padding:0px;  margin:0px;  width:100%;  text-align:left;  background:transparent url('../images/navs/bg.gif') left top repeat-x;  }
.navOn { background-color:#20545a;  }
.navOff { background-color:#013940;  }
.navOn a:link, .navOn a:hover, .navOn a:active, .navOn a:visited { text-decoration:none;  font-weight:bold;  outline:none;  color:#ffffff;  }
.navOff a:link, .navOff a:hover, .navOff a:active, .navOff a:visited { text-decoration:none;  font-weight:bold;  outline:none;  color:#ffee00;  }


/* -- bottom slider bar styles  -- */
.bottom_tl  { padding:0px;  background:url('../images/round/bottom/tl.gif') top left no-repeat;  }
.bottom_tr  { padding:0px;  background:url('../images/round/bottom/tr.gif') top right no-repeat;  }
#bottom_bar { display:none;  width:97.6%;  margin-left:1%;  }
#bottom_btn { display:inline;  left:50%;   margin-left:488px;  }
#bottom_bar, #bottom_btn 
{ 
	background:#2d2b23 url('../images/round/bottom/tm.gif') top left repeat-x;  
	position:fixed;  
	bottom:0px;  
	text-align:left;  
	padding:0px;  
} 


/* -- tr row styles  -- */
.trOn { background-color:#013940;  }
.trOff { background-color:transparent;  }


/* -- footer styles -- */
#footerDiv 
{ 
	width:900px;  
	padding:0px;  
	margin:0 auto;  
	text-align:center;   
	background:url('../images/footer/bg.jpg') top center no-repeat;  
}


/* -- form styles -- */
.listCB, checkbox, radio, input[type="checkbox"], input[type="radio"] 
{ 
	border:0px solid;  
	background:transparent;   
	margin:0px;  
}
input, select, textarea 
{
	background-color:transparent;  
	border:0px solid;  
    color:#888888;  
	/* color and text */
	font-family:"Courier New", Courier, monospace;  
	font-weight:normal;  
	font-size:14px;  
	text-decoration:none;  
	letter-spacing:-1px;  
	/* adjustments */
	margin:0px;  
	padding:1px;  
}
input 
{ 
	overflow:hidden;  
	height:18px;  
	width:100%;  
}
select 
{ 
	overflow:hidden;  
	height:22px;  
	width:auto; 
}
textarea 
{ 
    overflow:auto;  
	width:100%;  
	height:100px;  
}

.sLite { background-image:url('../images/form/sLite.gif');   }
.sDark { background-image:url('../images/form/sDark.gif');   }
.sLite, .sDark
{ 
	color:#ffffff; 
	font-family:Verdana; 
	font-weight:bold;  
	font-style:normal;  
	font-size:9px;  
	letter-spacing:0px;  
	border:0px solid;   
	padding:0px;  
	padding-bottom:2px;      
	width:100px;  
	height:24px;      
	background-color:transparent;  
	background-position:left bottom; 
	background-repeat:no-repeat;   
}


/* -- img fix ups -- */
img 
{
	border:0px solid;  
}


/* -- code block styles -- */
.codeBlock 
{
	margin:0px; 
	padding:0px; 
	background-color:#292929; 
	overflow:auto;  
	overflow-Y:hidden;  
}
pre 
{
	margin:0px; 
	margin-left:10px; 
	padding:0px; 
	padding-left:10px; 
	font-size:12px; 
	line-height:8px; 
	color:#066; 
	background-color:#202020; 
	overflow:auto;  
	overflow-Y:hidden;  
}