/*=================================================
SITE: ATTSOFTWARE
FILE: styles.css
CREATED: 12/23/2008
AUTHOR: Vu Duy Cuong (www.attgroup.vn)
==================================================*/



*{margin:0;	padding:0;	outline:none; border-collapse:collapse;}
body{background:#579ec7 url(../images/bg-body.gif) top repeat-x; font-family: arial, tahoma, san-serif;	color:#595959;	font-size:11px;	position:relative; line-height:18px;}
a:link, a:visited{ color:#187db7; text-decoration:none;}
a:hover{text-decoration:underline;}
.t-title{color: #8b8b8b; font-weight:normal;}
.t-title b{ display:block; color:#474747;}
.t-title a:link span, .t-title a:visited span {color: #ff7e00; font-weight:normal; text-decoration: none; }
.t-title a:hover span{color:#ff9935}
.text-index{font-size:24px; display:block; padding:1px 0 10px;}
img{border:0;}
#wrapper{width:980px;margin:0 auto;	height:auto;overflow:hidden;}
.text-tsmall{font-size:12px; font-weight:bold; display:block;}
.text-adress{color:#187DB7; font-size:12px; font-weight:bold; display:block;}
.text-email{color:#fff00; font-size:12px; font-weight:normal;}
.text-tslarg{color:#FE8B05; padding-bottom:10px; font-size:16px; font-weight:bold; display:block;}
.left{float:left;}
.right{float:right;}
.cboth{clear:both;}
.w500{width:500px;}
.w500 ul{ margin:0; padding:0; position:relative; top:-25px;}
.w500 ul li{padding-left:10px; width:200px; display:inline; float:left; background:url(../images/bulet4.gif) left center no-repeat;}
.h54{height:54px;}
.pdlo{padding-top:15px;}
.pd-lr{padding:0 10px;}
.pd-b{padding-bottom:10px;}
.pd-t{padding-top:10px;}
.pd-tb{padding:10px 0;}
.pd-all{padding:10px;}
.pd-all2{padding:5px 0; margin:0 20px;}
.pd-all2 .edit{ float:right;}
.pd-r{margin-right:15px; padding:2px; border:1px solid #98c6e1; background-color:#fff;}
.pd-rr{padding-right:10px;}
.pd-l{padding-left:10px;}
.pd-contact{padding:10px 10px 10px 120px;}
.pd20{padding:10px 10px 20px 50px; clear:both;}
.mg-rlb{margin:0 10px 10px;}
.pd-tbns{padding:25px 5px 50px;}
.mg-t{margin-top:10px;}
.mg-t3{margin-top:30px;}
.mg-tb{margin:10px 0;}
.mg-t20{margin-top:20px;}
.mg-r{margin-right:10px;}
.mg-b{margin-bottom:10px;}
.mg-l{margin-left:10px;}
.mg-l3{margin-left:-30px;}
.mg-all{margin:10px;}
.mg-lr{margin:0 10px;}
.mg-l20{margin-left:20px;}
.mg-r20{margin-right:20px;}
.mg-b{margin-bottom:20px;}
.w80{width:80px;}
.w120{width:120px; text-align:right; padding-right:10px;}
.w170{width:170px;}
.w250{width:250px; overflow:auto;}
.w300{width:310px;}
.w500 p{ clear:both; padding-bottom:5px;}
.border-bt{border-bottom:1px solid #cecccc;}
.mg-l20 span{padding:0 10px 2px 5px; line-height:20px;}
.h-auto{height	background:url(../images/head-cc.gif) repeat-x;}
.title-about{color:#000;}
.add-t{ width:40px; float:left; font-weight:bold; color:#CBE6F5;}

/*----header--------------------------------------------------------------------------------------------------------------------*/
#header{ height:auto; overflow:hidden;}
#header-logo{background:#fff url(../images/bg-header.gif) right repeat-y; height:81px;}
#header-banner{background:#fff url(../images/banner.jpg) top left no-repeat; width:980; height:213px; overflow:hidden; clear:both;}
#logo{ background:url(../images/logo.gif) center center no-repeat; width:120px;height:80px; padding-left:50px;}
.top-nav{background:url(../images/top-nav.gif) top center no-repeat; padding:5px; width:259px; height:18px; color:#c5d8e3;}
.top-nav ul{ list-style:none; padding:0; width:200px; margin:0 auto; }
.top-nav li{ display:inline; padding:0 5px 6px; float:left; line-height:15px; }
.top-nav li a:link, .top-nav li a:visited{ color:#c5d8e3; text-decoration:none;}
.top-nav li a:hover{ color:#d8e3ea;}
#ct-menu{height:54px;background:url(../images/bg-menu.gif) repeat-x;}
.head-r{background:url(../images/head-cc.gif) repeat-x;	float:left;	width:314px; line-height:54px;color:#FFF;}
.head-r a:link,.head-r a:visited{font-weight:bold;	text-decoration:none;color:#D5FF9E;}
.head-r a:hover{text-decoration:underline;}
.search{padding:3px 10px 0 0; display:none;}
.search input{ font-size:11px; line-height:15px}
.inputtext{background:url(../images/search.png) center left no-repeat; padding:2px 2px 2px 19px; border:1px solid #7F9DB9}  
.quotacolor{color:#FF6600;}


/*- menuheader----------------------------------------------------------------------------------------------------------------- */
.menuheader {height:32px;width:980px;background:url(../images/bg-menu.gif);position:relative; clear:both; padding:0;font-family:arial, verdana, sans-serif; font-size:12px; font-weight:bold; z-index:100; border-top:1px solid #4F98C1;}
.menuheader ul { list-style:none; padding-left:20px; padding-top:3px;}
.menuheader li {padding-right:2px;float:left; display:inline;}
.menuheader li a { height:19px; float:left; margin:0; padding:5px 20px; text-decoration:none; color:#094d74;}
.menuheader li a:hover { background-color:#62a0c4; color:#fff; text-decoration:none;}
.menuheader #current a  { background-color:#62a0c4; color:#fff; text-decoration:none;}
.menuheader:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.dropmenudiv{
position:absolute;
top: 2px;
border-right: 1px solid #c5dce9;
border-bottom: 1px solid #c5dce9;
font:normal 11px Verdana bold;
color:#FFFFFF;
line-height:18px;
z-index:100;
background-color: #15ade6;
width: 180px;
visibility: hidden;
background:#9fc8e0 url(../images/bg-submenu.gif) top repeat-x;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#545454,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #c5dce9; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color:#FFFFFF;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
color:#FFFFFF;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color:#00a1de;
text-decoration: none;
color:#FFFFFF;
}
.menuheader ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " ";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/*- content-------------------------------------------------------------------------------------------------------------------- */
#content{background: #cbe6f5 url(../images/bg-content.gif) top left repeat-x; width:962px; padding:10px 8px; border-bottom: 1px solid #D7EAF5; border-left: 1px solid #D7EAF5; border-right: 1px solid #D7EAF5; height:auto; overflow:hidden; float:left;}


/*- left-------------------------------------------------------------------------------------------------------------------- */
#left-content{width:696px; height:auto; overflow:hidden; float:left;}
.content-t{ background:url(../images/content-t.gif) bottom center no-repeat; width:696px; min-height:110px;height:auto !important; height:110px;  float:left;}
.content-tsm{ background:url(../images/content-tsm.gif) bottom center no-repeat; width:676px; height:46px; padding-left:20px; line-height:46px;}
.left-content{width:175px; float:left;}
.right-content{width:500px; float:left; color:#09537e; line-height:18px;}
.right-content p{ padding:10px 0 10px 10px;}
.content-m{ background:url(../images/content-m.gif) center repeat-y; width:676px; float:left; padding:0 10px 20px 10px;}
.content-mh{ min-height:487px;height:auto !important; height:487px;}
*:first-child+html .content-mh{ min-height:493px;height:auto !important; height:493px;}
*html .content-mh{ min-height:493px;height:auto !important; height:493px;}
.content-m .container-t{padding:0 10px 10px;}
.content-m ol{padding:0 10px 10px 40px; display:block; list-style-type:decimal;}
.content-m ul{padding:0 0 10px 40px; display:block; list-style-type:disc;}
.content-m i{padding-top:10px; display:block; color:#187DB7;}
.content-m .container-m{height:auto; overflow:hidden; float:left; padding:0; width:676px;}
.container-m .ct-column{ width:318px; height:auto; overflow:hidden; padding:30px 10px;}
.container-m .ct-column p{ height:auto; overflow:hidden;}
.container-m .ct-column p img{padding:2px; border:1px solid #98c6e1; margin-right:10px;}
.container-news{background:url(../images/shadow-ct.gif) top center no-repeat; clear:both; padding:20px 0;}
.btn-st{margin-right:10px}
.btn-st a img{border:none !important; margin:10px 10px 0 0;_margin:20px 10px 0 0;}
.content-bt{ background:url(../images/content-bt.gif) top center no-repeat; width:696px; height:16px; overflow:hidden; float:left;}
.border-br{ background-color:#f9f9f9;}
.border-b{ background-color:#e6eff5;}
.border-r{ background-color:#e6eff5;}
.bg-br{ background-color:#f9f9f9;}
.search-profile{color:#403e3e; font-size:12px; height:auto; overflow:hidden;}
.search-profile ul{ margin:25px 0 10px 0; padding:0; list-style:none;}
.search-profile li{ margin-bottom:5px; padding:0;}
.search-profile li a:link,.search-profile li a:visited{ background:url(../images/bullet2.gif) left 8px no-repeat; color:#f47171; padding:5px 2px 5px 20px;} 
.txt-profile a:link,.txt-profile a:visited{color:#849d2e;}
.txt-profile a:hover{ text-decoration:underline;}
.txt-profile2 a:link,.txt-profile2 a:visited{color:#a6a7a8;}
.txt-profile2 a:hover{ text-decoration:underline;}
.bg-input{background:#fff url(../images/bg-input.gif) left top repeat-x; padding:5px; margin-right:10px; margin-left:30px; border:1px solid #dedada;}
.logo-search{margin:0 20px 0 40px;}
.line-bt-search{height:25px; background-color:#f4f5f6; clear:both; margin-bottom:15px;}
.member-detail{height:90px; background-color:#ebf4ff; padding:5px; margin-bottom:15px;}
.member-detail2{ color:#595c5f; float:left;}
.member-detail2 span{ display:block; font-size:20px; margin:6px 0; font-weight:bold; color:#9ba529;}
.member-detail2 span.prf{ text-transform:uppercase; color:#595c5f;}
.name-member{font-size:12px; font-weight:bold; color:#849d2e; margin-bottom:5px;}
.style-img{border:1px solid #CECCCC; padding:4px; background-color:#fff; margin:0 20px 0 20px; float:left;}

.pd-all2 p{ margin:0; padding:0;}
.pd-all2 input{ width:300px; padding:2px; border:1px solid #c8d6e3;}
.pd-all2 p.pd{ margin:10px 0;}
.pd-all2 span{ width:100px; float:left; color:#6e96cc; font-weight:bold;}
.pd-all2 span.sub{ width:150px; float:left; color:#403e3e; font-weight:normal; margin-bottom:5px;}
.title-profile{height:25px; background-color:#eff9fd; border-top:1px solid #c6d5eb; clear:both; margin-bottom:10px; color:#6e96cc; font-size:14px; line-height:25px; padding-left:10px; font-weight:bold;}
.gray{color:#403e3e; font-weight:bold;}
.blue{color:#3267b0; font-weight:bold;}
.small{color:#acabab; font-size:11px;}
.gr{color:#849D2E;}
input{ font-family:Arial, Helvetica, sans-serif;}

.bg-log{ background:url(../images/form-logintb.gif) left top no-repeat; width:494px; height:auto; overflow:hidden; padding-top:20px; margin:0 auto; font-size:12px;}
.bg-log div{ background:url(../images/form-logintb.gif) left bottom no-repeat; width:494px; height:auto; overflow:hidden; padding-bottom:20px; margin:0 auto; font-size:12px;}
.bg-log div div.bg-login{ background:url(../images/form-login-c.gif) left top repeat-y; width:474px; padding:0 10px; margin:0 auto; font-size:12px;}
.bg-login p{ padding:5px 40px; margin:0; line-height:30px;}
.bg-login p label{ width:100px; color:#356392; font-weight:bold; float:left;}




/*- right-------------------------------------------------------------------------------------------------------------------- */
#right-content{width:264px; height:auto; overflow:hidden; float:left;}
.company{background:url(../images/cpn-top.gif) right top no-repeat; padding:45px 0 0 8px; color:#fff;}
.company div{background:url(../images/cpn-bottom.gif) right bottom no-repeat; padding-bottom:14px;}
.company div div{background:url(../images/cpn-middle.gif) right repeat-y; padding: 10px 5px 1px;}
.company div div p{ font-size:11px; font-weight:normal; padding:0;}
.company div div p.title{ text-transform:uppercase; color:#ffc63b; font-size:11px; font-weight:bold; text-align:left; padding:20px 0 0 10px; display:block;}
.company div div div{background:#007ab9;}
.cres{background:url(../images/cres-top.gif) right top no-repeat; padding:45px 0 0 8px; margin-top:5px;}
.cres div{background:url(../images/cres-bottom.gif) right bottom no-repeat; padding-bottom:14px;}
.cres div div{background:url(../images/cres-middle.gif) right repeat-y; padding: 10px 5px 1px;}
.cres div div div{background:#f9f9f9;}
.link-text{padding:0;}
.link-text ul{padding:0 0 10px 10px; list-style:none;}
.link-text li{ background:url(../images/bulet.gif) left 8px no-repeat; padding-left:15px; list-style:none;}
.link-text li a:link, .link-text li a:visited{ color:#187db7; text-decoration:underline;}
.link-text li a:hover{text-decoration:none;}


/*- footer----------------------------------------------------------------------------------------------------------------- */
#footer{background:url(../images/bg-footer.gif) top repeat-x; height:30px; text-align:center; color:#094d74; clear:both; padding:10px;}