@charset "utf-8";

/******************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,

blockquote,th,td{margin:0; padding:0; font:normal 12px/150% Verdana; font-family:"Verdana", Lucida, Arial, Helvetica,sans-serif; vertical-align:middle;}

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

body{ background:#F2F2F2; color:#4F4F4F;}

img{border:0;}

a:focus{ outline:none;}
a{blr:expression(this.onFocus=this.blur());}
a{ text-decoration:none; color:#444;}

a:hover{ text-decoration:none; color:#555; }

ol,ul{list-style:none;}

caption,th{text-align:left; }

h1,h2,h3,h4,h5,h6{font:100%/160% Arial, Helvetica, sans-serif;}

#clear{ clear:both;}

.img_middle{ vertical-align:middle;}

#warper{ width:980px; margin:0 auto; padding-top:4px;}

/******************************Header********************************/

#header{ background:url(../images/hd-header-bg.png) 0 0 repeat-x; height:90px;}
#header .header{ width:980px; margin:0 auto;}
#header .header .logo{ width:322px; float:left; padding:6px 0px 0px 6px;}
#header .header .menu{ width:650px; float:left; padding-top:36px;}

/****************************Footer**********************************/

#footer{margin:0 auto; text-align:center;  height:70px;}
#footer .footer-menu{ height:35px;}
#footer .footer-menu li{ display:inline; line-height:40px;}
#footer .footer-menu li a{color:#010101; border-right: #010101 1px solid; padding:0 10px;}
#footer .footer-menu li a:hover{ text-decoration:underline;}
#footer .footer-menu li a.last{ border:none;}
#footer .copyright div{color:#686767; line-height:25px; font-size:11px;}

/*****************tutorials page*******************/
.page{ text-align:right;}
.page .page-count{ float:right; line-height:20px; margin-left:15px;}
.page .pri{ background:url(../images/pri_ico.png) 0 0 no-repeat; height:20px; width:20px; float:right; cursor:pointer;}
.page .next{ background:url(../images/next_ico.png) 0 0 no-repeat; height:20px; width:20px; float:right; cursor:pointer; margin-left:2px;}
.page ul{ float: right;}
.page ul li{ margin-left:2px; float:left;}
.page ul li a{ background:url(../images/page.png) 0 0 no-repeat; width:20px; height:20px; float:left; text-align:center; line-height:20px;text-decoration:none; color:#3D3D3D;}
.page ul li.active a,.page ul li a:hover{ background:url(../images/page-active.png); color:#FFF;}

/***************************Guides*****************************/

#guides{ border-top:2px #1D77AB solid;}
#guides .guides-content{ margin:16px 0px 15px 5px;}
#guides .guides-content .img{ float:left; margin: 0px 45px 0px 0px;}
#guides .guides-content h1{ font-size:20px; color:#2D6D01; font-weight:bold; margin-bottom:12px;}
#guides .guides-content h2{ font-size:18px; color:#2D6D01; font-weight:bold; margin-bottom:12px;}
#guides .guides-content h3{ font-size:16px; color:#2D6D01; font-weight:bold; margin-bottom:12px;}
#guides .guides-content h4{ font-size:15px; color:#2D6D01; font-weight:bold; margin-bottom:12px;}
#guides .guides-content h5,#guides .guides-content h6{ font-size:14px; color:#2D6D01; font-weight:bold; margin-bottom:12px;}
#guides .guides-content p{ font-size:12px; color:#505050; margin:12px 0px; line-height:24px;}
#guides .guides-content p img{ margin-top:14px;}
#guides .guides-content a{ color:#1D59BD; text-decoration:underline;}
#guides .guides-content a img{ text-decoration:none;}
#guides .guides-content a:hover{ text-decoration:none; }
#guides .guides-content ol.related{ padding-bottom:20px; list-style-type:none;} 
#guides .guides-content ol.related li{margin-bottom:4px;}


/** Hot Tags **/
#hot-tags{ margin-top: 5px; width:976px; margin:0 auto; padding:18px 0px 18px 9px; height:45px; clear: both; border: 1px thick #999999; background: #FFFFFF;}
#hot-tags li{ display:inline; padding:0px 5px; padding-bottom: 10px;}
#hot-tags li a{ color:#0573dc; text-decoration:underline;}
#hot-tags li a:hover{ color:#2d93f5; text-decoration:underline;}
#hot-tags li span.hottags{ color:#fc0a08; font-weight:bold;}