@charset "utf-8"; 


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

td {
text-align:left;
}
/* -- 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;  }

#mainWEB_content { width:900px;  } 
/* -- 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('./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('./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:#202020 url('./content_top.jpg') top left no-repeat;  }
.topTable { margin:0px;  padding:10px;  background:#202020 url('./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:Arial;  
	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('./tl_plain.jpg');  background-position:top left;  background-repeat:no-repeat;  }
.tl { margin:0px;  padding:0px;  background-image:url('./tl.gif');  background-position:top left;  background-repeat:no-repeat;  }
.tr { margin:0px;  padding:0px;  background-image:url('./ttr.gif');  background-position:top right;  background-repeat:no-repeat; }
.bl { margin:0px;  padding:0px;  background-image:url('./tbl.gif');  background-position:bottom left;  background-repeat:no-repeat;  }
.br { margin:0px;  padding:0px;  background-image:url('./tbr.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('./tl_o.gif');  background-position:top left;  background-repeat:no-repeat;  }
.btl   { margin:0px;  padding:0px;  background-image:url('./tlcm.gif');  background-position:top left;  background-repeat:no-repeat;  }
.btr   { margin:0px;  padding:0px;  background-image:url('./trcm.gif');  background-position:top right;  background-repeat:no-repeat; }
.bbl   { margin:0px;  padding:0px;  background-image:url('./blcm.gif');  background-position:bottom left;  background-repeat:no-repeat;  }
.bbr_o { margin:0px;  padding:2px;  background-image:url('./br_o.gif');  background-position:bottom right;  background-repeat:no-repeat;  }
.bbr   { margin:0px;  padding:2px;  background-image:url('./brcm.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('./ttl_o.gif');  background-position:top left;  background-repeat:no-repeat;  }
.wtl   { margin:0px;  padding:0px;  background-image:url('./wtl.gif');  background-position:top left;  background-repeat:no-repeat;  }
.wtr   { margin:0px;  padding:0px;  background-image:url('./wtr.gif');  background-position:top right;  background-repeat:no-repeat; }
.wbl   { margin:0px;  padding:0px;  background-image:url('./wbl.gif');  background-position:bottom left;  background-repeat:no-repeat;  }
.wbr_o { margin:0px;  padding:2px;  background-image:url('./tbr_o.gif');  background-position:bottom right;  background-repeat:no-repeat;  }
.wbr   { margin:0px;  padding:2px;  background-image:url('./wbr.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('./tl_o.gif');  background-position:top left;  background-repeat:no-repeat;  }
.ftl   { margin:0px;  padding:0px;  background-image:url('./tl.gif');  background-position:top left;  background-repeat:no-repeat;  }
.ftr   { margin:0px;  padding:0px;  background-image:url('./ftr.gif');  background-position:top right;  background-repeat:no-repeat; }
.fbl   { margin:0px;  padding:0px;  background-image:url('./bl.gif');  background-position:bottom left;  background-repeat:no-repeat;  }
.fbr_o { margin:0px;  padding:2px;  background-image:url('./br_o.gif');  background-position:bottom right;  background-repeat:no-repeat;  }
.fbr   { margin:0px;  padding:2px;  background-image:url('./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('./tl.gif') top left no-repeat;  }
.bottom_tr  { padding:0px;  background:url('./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('./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:100%;  
	padding:0px;  
	margin:0 auto;  
	text-align:center;   
	background:#202020 url('./bgfooter.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('./sLite.gif');   }
.sDark { background-image:url('./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;  
	max-width:500px;
}


/* -- 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;  
}

/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width:839px; /* Set to gallery width, in px or percentage */
height: 130px; /* Set to gallery height */
}

#motioncontainer a img {
padding:0px 5px 0px 5px; /* Set image border color */
}

#motioncontainer a:hover img {
padding:0px 5px 0px 5px; /* Set image border hover color */
}

#statusdiv {
background-color:#fff;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */
.SideMain:after {
	content:".";
	visibility:hidden;
	display:block;
	clear:both;
}
.topHeader {
	overflow:hidden;	/*-- For Mozilla Firefox --*/
}
* html .topHeader {	/*-- For IE6 --*/
	overflow:visible;
	height:1%;
}

.homeGallery {
	clear:both;
	display:block;
	overflow:hidden;
	background:url(./homegallery_bg.png) left top no-repeat;
	padding:20px;
}
.showcaseImg {
	position:absolute;
	z-index:100;
	background:url(./tit_showcase.png) no-repeat left top;
	width:101px;
	height:72px;
}
/*.opacity img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.6;
}
.opacity:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1;
}*/


#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 30px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

#sidebar ul li.widget ul li
{
list-style-image:url(./homeli.png);

padding-left:5px;
}

#sidebar ul li.categories ul li
{
list-style-image:url(./accept.png);
font-weight:bold;

}

#sidebar ul li#advertise-widget ul li, #sidebar ul li#advertise-widget ul
{
list-style:none;
text-align:center;
padding-left:0px;
margin: 0;
}
#baogia ul li  {
list-style-image:url(./dl.png);
padding:5px;
}