@charset "UTF-8";

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin:0;padding:0;
}

a:hover, a:active, a:focus { outline:none;}

a img { border:none; }

a { text-decoration:none; color:#ff7200;}

a:hover{ color:#ff7200; }

p { padding-bottom:10px; }

ul { list-style:none; }

html { font-size: 100.01%; }

body
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:76%; /*------ 70% # 11px -------*/
	color:#383838;
	line-height:normal;
	background:#fff url(../images/bg/main-bg.jpg) repeat-x top ;
}

h1 { font-size:240%; font-weight:normal; }

h2 { font-size:210%; font-weight:normal; }

h3 { font-size: 180%; font-weight: normal; }

h4 { font-size: 150%; font-weight:normal; }

h5 { font-size: 120%; font-weight:normal; }

h6 { font-size: 100%; font-weight:normal; }

.clear { clear:both; }

/* Layout */

/*--------------- header ---------------*/
#header
{
	margin:0 auto;
	width:939px;
	height:207px;	
	padding:0 120px;
	background:url(../images/bg/header-bg.png) no-repeat top center;
	text-align:left;
}

.logo
{
	margin:30px 0 0 10px;
	float:left;
}

.page-search
{
	float:right;
	width:263px;
	background:url(../images/bg/search-bg.png) repeat-y right ;
	padding:10px;
	margin-top:20px;
}

.search-box
{
	float:right;
	width:193px;
	height:23px;
	border:1px solid #d3e7f9;
}

.txt-search
{
	background:none;
	border:none !important;
	height:20px;
	padding-left:5px;
	color:#fefefe;
}

.btn-search
{
	background: url("../images/buttons/buttons.png") no-repeat 0 -95px ;
    border: none;
    cursor: pointer;
    float: right;
    height: 21px;    
    width: 25px;
	margin-top: 3px;
}

/*--------------- header ---------------*/
.banner
{
	margin:0 auto;
	width:940px;
	height:378px;
	background:url(../images/bg/top-banner.png) no-repeat top center;
	padding-top:5px;
}

.banner-bottom
{
	float:left;
	width:100%;
	background:url(../images/bg/bottom-banner.png) no-repeat bottom center;
	height:15px;
}

.banner-content
{
	float:left;
	min-height:318px;
	width:910px;
	padding:15px;
	background:#fff url(../images/bg/content-banner.jpg) repeat-x bottom;
	text-align:left;
}

.banner-intro
{
	float:left;
	width:270px;
	margin-right:15px;
	font-size:14px;
}

.banner-intro .big-title { font-size:20px; }
.banner-intro p { padding-bottom:20px; }
.banner-intro .more
{
	background: url(../images/icons/b-blue-arrow.png) no-repeat right 4px ;
    color: #247BDC;
    float: right;
    padding: 0 15px 0 0;
}

/*--------------- content -----------------*/
#content
{
	margin:0 auto;
	width:940px;
	text-align:left;	
}

.forum-links
{
	float:left;
	margin-bottom:20px;
}

.web-list
{
	float:left;
	background:url(../images/bg/dblue-top-box.png) no-repeat 0 0;
	width:200px;
	height:26px;
	padding:15px 10px 10px 10px;
}

.web-list select { width:200px; color:#0065a3; }

.online-support ul li
{
	padding-bottom:10px;
}

.poll
{
	text-align:left;
}

.question { color:#029dde; }

.poll ul { margin-bottom:15px; }

.poll li { padding-top:10px; }

.poll input[type="text"] { width:115px; }

.others-news { float:left; margin-bottom:20px; }

.others-news ul { float:left; }

.others-news li a { display:block; background:url(../images/icons/orange-square.jpg) no-repeat 0 4px; color:#0065a3; padding:0 10px 10px 15px; }

.others-news li a:hover { text-decoration:underline; }

.news-item { float:left; padding-bottom:20px; }

.gray-box { float:left; padding:15px 20px 0 20px; background-color:#f3f3f3; }
/*--------------- content -----------------*/

/*--------------- footer ----------------*/
#footer
{	
	margin:0 auto;
	width:940px;
	min-height:70px;
	text-align:left;
	background:url(../images/bg/footer-bg.png) repeat-x top;
	padding:15px 0 25px 0;
	color:#0065a3;
}

#footer ul { margin-left:20px; float:left; }

#footer li 
{
	display:inline;
}

#footer a {	color:#0065a3; }
#footer a:hover { color:#FF7200; }

.copyright { margin-right:20px; }
/*----------------- UTILITY ----------------*/
.f-left { float:left !important; }
.f-right { float:right !important; }
.big-title { color:#ff7200; padding-bottom:15px; text-transform:uppercase; font-size:14px; display:block;}

.border_left { border-left:1px solid #555555; }
.border_right { border-right:1px solid #555555; }

.no_border { border:none !important; }

.box220-d-blue { float:left; width:220px; margin-bottom:20px;}
.box220-d-blue-top { float:left; background:url(../images/bg/top-d-blue-box.png) no-repeat top center; width:220px; height:5px; }
.box220-d-blue-content { float:left; background:#01aaf1 url(../images/bg/d-blue-box.png) repeat-x top; width:200px; min-height:137px; padding:10px; }
.box220-d-blue-bottom { float:left; width:220px; background:url(../images/bg/bottom-d-blue-box.png) no-repeat bottom center; width:220px; height:5px; }

.box220-l-blue { float:left; width:220px; margin-bottom:20px;}
.box220-l-blue-top { float:left; background:url(../images/bg/top-l-blue-box.png) no-repeat top center; width:220px; height:5px; }
.box220-l-blue-content { float:left; background:#ebf0f4 url(../images/bg/l-blue-box.png) repeat-x top; width:200px; min-height:242px; padding:10px; }
.box220-l-blue-bottom { float:left; width:220px; background:url(../images/bg/bottom-l-blue-box.png) no-repeat bottom center; width:220px; height:5px; }

.box220-sky { float:left; width:220px; margin-bottom:20px;}
.box220-sky-top { float:left; background:url(../images/bg/top-sky-box.png) no-repeat top center; width:220px; height:5px; }
.box220-sky-content { float:left; background:#ddf0ff url(../images/bg/sky-box.png) repeat-x top; width:200px; min-height:85px; padding:10px; }
.box220-sky-bottom { float:left; width:220px; background:url(../images/bg/bottom-sky-box.png) no-repeat bottom center; width:220px; height:5px; }

.box-title
{
	float:left;
	background:url(../images/bg/box-title-bg.png) no-repeat;
	width:210px;
	color:#0065a3;
	font-size:14px;
	text-align:left;
	padding:6px 5px;
	margin-bottom:10px;
}

.article-title { float:left; font-size:14px; font-weight:bold; color:#ff7200; text-transform:uppercase; padding-bottom:15px; width:100%; }

.title { width:100%; color:#0065a3; font-weight:bold; float:left; min-height:32px; }
.date-post { font-size:11px; color:#a3a3a3; padding-bottom:15px; display:block; width:100%; }
.left-fig { float:left; margin:0 10px 15px 0; }
/*----------------- COLUMNS ----------------*/
.col-main {	width:700px; }

.col1 {	width:220px; }

.col2 { width:460px; }

.row { float:left; width:100%; }
/*----------------- Controls ----------------*/
input[type="text"], textarea , input[type="password"]
{	
	outline:none;
	border:1px solid #bebebe;
	height:20px;
}

textarea { overflow:auto; }

input[type="submit"] , input[type="reset"] , button {}

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

.button-set
{
	float:right;
	margin:10px 0 0 0;
}

.more { float:right; }

button , .more
{
    background: none;
    border: 0;
    cursor: pointer;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: auto;
}

button span , .more span
{
	background:url(../images/buttons/buttons.png) no-repeat 0 -126px;
    color: #fff;
    float: left;    
    height: 32px;
    padding: 0 0 0 10px;
    text-align: center;    
    white-space: nowrap;
}

button span span , .more span span
{
    background: url(../images/buttons/buttons.png) no-repeat 100% -158px;
    padding: 7px 10px 0 0;
	min-width:55px;
	font-size:14px;
}