/*  @@@@@[  Wrappers  ]@@@@@ */
/* The percentage in the body tag takes care of earlier versions of IE using the percentages (base font size is 16px for IE 6, 16 x 62.5 = 10)... ems should be used in most other style declarations */

body {
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #fffffe; 
	line-height: 19px;
	text-align: left;
	color: #454444; 
	margin: 0px;
}
#wrapper {	
	margin: 0px auto;
	width: 953px;
}

/*  @@@@@[  Navigation  ]@@@@@ */
#nav-header{
	width: 953px;
}
#nav {
	border-top: 1px dashed #929293;
	float: left;
	width: 781px;
	padding: 0 0px 0 4px;
	margin-bottom:0px;
}
.nav{
	padding-right: 23px;
	padding-left: 23px;
	padding-top: 8px;
}
#nav-tab{
	float: left;
	width: 164px;
	padding-top:2px;
}
.nav-tab{
}
/*  @@@@@[  Sub Nav  ]@@@@@ */
/* Note that there are styles applied to all "a" tags in .subnav (such as display: block) and then specific styles for "a" tags in .sub1 */
.subnav {
	padding-bottom: 10px;
	font: 0.95em/1.4em Georgia, "Times New Roman", Times, serif;
	color: #666666;
	margin-bottom: 15px;
}
.subnav a:link {
	display: block; 
	text-decoration: none; 
	color: #fff; 
	height: 100%;
}
.subnav a:active {
	display: block; 
	text-decoration: none; 
	color: #fff; 
	height: 100%;
}
.subnav a:visited {
	display: block; 
	text-decoration: none; 
	color: #fff; 
	height: 100%;
}
.subnav a:hover {
	display: block; 
	text-decoration: none; 
	background: #cdb8cc no-repeat; 
	color: #824D80;
	height: 100%;
}
.subnav .sub1 a:link {
	font-size: 1.2em;
	padding: 5px 15px 3px 23px;
	background: #CCCCCC url(file:///D|/KHUYEN/information/standard/images/bullet.jpg) no-repeat 15px 9px;
}
.subnav .sub1 a:active {
	font-size: 1.2em;
	padding: 5px 15px 3px 23px;
	background: #CCCCCC url(file:///D|/KHUYEN/information/standard/images/bullet.jpg) no-repeat 15px 9px;
}
.subnav .sub1 a:visited {
	font-size: 1.2em;
	padding: 5px 15px 3px 23px;
	background: #CCCCCC url(file:///D|/KHUYEN/information/standard/images/bullet.jpg) no-repeat 15px 9px;
}
.subnav .sub1 a:hover {
	font-size: 1.2em; 
	padding: 5px 15px 3px 23px;
	background: #cdb8cc url(file:///D|/KHUYEN/information/standard/images/bullet.jpg) no-repeat 15px 9px;
}
.subnav .sub2 a:link {
	font-size: 1.1em; 
	padding: 5px 15px 3px 33px;
	background: #CCCCCC url(file:///D|/KHUYEN/information/standard/images/bullet.jpg) no-repeat 25px 9px;
}
.subnav .sub2 a:active {
	font-size: 1.1em; 
	padding: 5px 15px 3px 33px;
	background: #CCCCCC url(file:///D|/KHUYEN/information/standard/images/bullet.jpg) no-repeat 25px 9px;
}
.subnav .sub2 a:visited {
	font-size: 1.1em; 
	padding: 5px 15px 3px 33px;
	background: #CCCCCC url(file:///D|/KHUYEN/information/standard/images/bullet.jpg) no-repeat 25px 9px;
}
.subnav .sub2 a:hover {
	font-size: 1.1em; 
	padding: 5px 15px 3px 33px;
	background: #cdb8cc url(file:///D|/KHUYEN/information/standard/images/bullet.jpg) no-repeat 25px 9px;
}
.subnav .sub3 a:link {
	font-size: 1.1em; 
	padding: 5px 15px 3px 43px;
	background: #CCCCCC url(file:///D|/KHUYEN/information/standard/images/bullet.jpg) no-repeat 35px 9px;
}
.subnav .sub3 a:active {
	font-size: 1.1em; 
	padding: 5px 15px 3px 43px;
	background: #CCCCCC url(file:///D|/KHUYEN/information/standard/images/bullet.jpg) no-repeat 35px 9px;
}
.subnav .sub3 a:visited {
	font-size: 1.1em; 
	padding: 5px 15px 3px 43px;
	background: #CCCCCC url(file:///D|/KHUYEN/information/standard/images/bullet.jpg) no-repeat 35px 9px;
}
.subnav .sub3 a:hover {
	font-size: 1.1em; 
	padding: 5px 15px 3px 43px;
	background: #cdb8cc url(file:///D|/KHUYEN/information/standard/images/bullet.jpg) no-repeat 35px 9px;
}

/* @@@@@[  Header / Footer  ]@@@@@ */

#header {
	width: 953px;
}
#flashWrapper { 
        float: left;
        width: 655px;
}
#footer {
	color: #a7a6a6;
	clear: both;
	font-size: 11px;
	padding: 10px 0 5px 0;
	width: 953px;
	border-top: 1px dashed #929293;
}
#footer a:active {
	color: #a7a6a6; 
	text-decoration: none;
}
#footer a:visited {
	color: #a7a6a6; 
	text-decoration: none;
}
#footer a:link {
	color: #a7a6a6; 
	text-decoration: none;
}
#footer a:hover {
	color: #a7a6a6; 
	text-decoration: underline;
}
#footer .seo a:hover {
	color: #a7a6a6; 
	text-decoration: none;
}
#footer .seo a:active {
	color: #a7a6a6; 
	text-decoration: none;
}
#footer .seo a:visited {
	color: #a7a6a6; 
	text-decoration: none;
}
#footer .seo a:link {
	color: #a7a6a6; 
	text-decoration: none;
}
#footer a.seo:link {
	text-decoration: none;	color: #a7a6a6;
}
#footer a.seo:active {
	text-decoration: none;	color: #a7a6a6;
}
#footer a.seo:visited {
	text-decoration: none;	color: #a7a6a6;
}
#footer a.seo:hover {
	text-decoration: none; cursor: text;
}
#gravitate{
	float: right;
}

/* @@@@@[  Main Page  ]@@@@@ */
#content {
	width: 953px;
	padding-bottom:20px;
}
#content_second {
	width: 953px;
	border-bottom: 1px dashed #929293;
	padding-bottom:30px;
}
.clr {
	clear: both;
}
/* @@@@@@ Index page @@@@  */
#top-header{
  	height: 101px;
}
#logo{
	padding: 18px 352px 0px 18px;
	float: left;
}
#login{
	width: 337px;
	float: right;
	padding-top: 28px;
	padding-right: 14px;
}
#banner{
	width: 953px;
	height: 288px;
	padding: 10px 0px 10px 0;
	border-bottom: 1px dashed #929293;
	border-top: 1px dashed #929293;
	margin-top:0px;
}
#banner-in{
	width: 260px;
	line-height: 21px;
	padding: 30px 20px 0px 10px;
        float: right;
}
p.banner_descrip {
        font-size: 14px;
        line-height: 24px;
        margin: 0px 0 0 0;
        padding: 10px 0 0 0;
	border-top: 1px dashed #929293;
}
p.banner_descrip span { display: block; margin: 10px 0; font-weight: bold; font-size: 16px; }
#content-in{
	padding: 24px 14px 0px 9px;
}
#content-left{
	float: left;
	width: 614px;
	padding-right: 28px;
	background: url(images/_bg-bottom.gif) left top no-repeat;
}
#content-right{
	float: left;
	width: 272px;
}
#column-in{
	width: 297px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-top: 0px;
	border-right: 1px dashed #929293;
	}
.colum-left{
	width: 312px;
	float: left;
	padding-left: 20px;
}
.column-right{
	width: 253px;
	color: #135fac;
	float: right;
	padding-left: 12px;
	margin-left: 14px;
}

.left-in{
	width: 160px;
	float: left;
}
.right-in{
	float: right;
	width: 145px;
	padding-right: 15px;
}
.title{
	margin-bottom: 19px;
}
.title-column{
	margin: 6px 0 25px 0;
}
.dash{
	width: 953px;
	padding-bottom: 24px;
}
.author{
	font-style: italic;
	color: #135fac;
	font-size: 11px;
	line-height: 14px;
}
/* @@@@@@ Secondary page @@@@  */
#banner_second{
	width: 953px;
	height: 132px;
	color: #fff;
	padding-bottom: 24px;
}
.b-pro{background: url(images/_banner-professional.jpg) no-repeat;}
.b-1{background: url(images/_banner-11.jpg) no-repeat;}
.b-2{background: url(images/_banner-2.jpg) no-repeat;}
.b-3{background: url(images/_banner-13.jpg) no-repeat;}
.b-4{background: url(images/_banner-4.jpg) no-repeat;}
.b-5{background: url(images/_banner-5.jpg) no-repeat;}
.b-6{background: url(images/_banner-6.jpg) no-repeat;}
.b-7{background: url(images/_banner-12.jpg) no-repeat;}
.b-8{background: url(images/_banner-8.jpg) no-repeat;}
.b-9{background: url(images/_banner-9.jpg) no-repeat;}
.b-10{background: url(images/_banner-10.jpg) no-repeat;}
.b-14{background: url(images/_banner-14.jpg) no-repeat;}
.b-15{background: url(images/_banner-15.jpg) no-repeat;}
.b-16{background: url(images/_banner-16.jpg) no-repeat;}
.b-17{background: url(images/_banner-17.jpg) no-repeat;}
.b-18{background: url(images/_banner-18.jpg) no-repeat;}
.b-19{background: url(images/_banner-19.jpg) no-repeat;}
.b-20{background: url(images/_banner-20.jpg) no-repeat;}
.b-21{background: url(images/_banner-21.jpg) no-repeat;}
.b-22{background: url(images/_banner-22.jpg) no-repeat;}
.b-23{background: url(images/_banner-23.jpg) no-repeat;}
.b-24{background: url(images/_banner-24.jpg) no-repeat;}
.b-25{background: url(images/_banner-25.jpg) no-repeat;}
.b-26{background: url(images/_banner-26.jpg) no-repeat;}
.b-27{background: url(images/_orange_partner_banner.jpg) no-repeat;}
.b-28{background: url(images/_orange_partner_news_banner.jpg) no-repeat;}
#banner-in_second{
	padding: 91px 762px 0px 39px;
}
#content-left_second{
	float: left;
	width: 244px;
	padding-top:6px;
}
#content-left_second ul#nav-left{ list-style:none; margin:0 30px 22px 26px; padding:0; line-height:23px;border-bottom: #CFCFCF 1px solid; color:#686868;}
#content-left_second ul#nav-left a{color:#686868;}
#content-left_second ul#nav-left a:hover{text-decoration:underline;}
#content-left_second ul#nav-left li{border-top: #CFCFCF 1px solid; padding-left:23px; font-weight: bold;}
#content-left_second ul#nav-left a#active{ text-decoration:underline;}
#content-left_second ul#nav-left ul{list-style: none; padding-bottom:5px;line-height:18px;}
#content-left_second ul#nav-left ul li{border-top:none; font-size: 11px; font-weight: normal; background: url(images/_arrow2.gif) no-repeat 12px 6px; margin-left:-35px;}
#nav-btn{ margin-left:11px;}
#nav-btn img{ margin-bottom: 12px;}
#content-right_second{
	float: left;
	width: 700px;
	padding-top:6px;	
}
#content-right-in_second{ margin:0 0 0 15px;}
ul.content_list{list-style:none; margin:0 0 20px 15px;; padding:0;}
ul.content_list li{background:url(images/_bullet.gif) no-repeat 0px 6px; padding-left:10px;}
ul.content_list li li{list-style:none;}
.quote_div{ padding-bottom:20px; width:620px;}
.quote_div .top{ background:url(images/quote_bg_top.gif) no-repeat; height:11px; width:620px; font-size: 0px;}
.quote_div .mid{ background:url(images/quote_bg_mid.gif) repeat-y; width:620px;color:#FFFFFF;}
.quote_div .mid blockquote{ padding:0; margin:0 130px 5px 25px; font-size:16px; background:url(images/quote-close.gif) no-repeat right bottom; width:440px;padding-left: 28px;text-indent: -28px;}
.quote_div .mid blockquote:first-letter {background: url(images/quote-open.gif) no-repeat left top;padding-left:30px;font-size:19px}
.quote_div .mid span{ font-size:13px; margin-left:53px;}
.quote_div .bot{ background: url(images/quote_bg_bot.gif) no-repeat; height:11px; position:relative; width:620px;}
.quote_div .bot .quote_img{position:absolute; right:0px; width:110px; bottom:0;}
.quote_div .bot .quote_img img{/*behavior: url(images/iepngfix.htc;)*/}
/* @@@@@[  Redefined Tags / Classes  ]@@@@@ */
a:active {
	color: #2464a9; 
	text-decoration: none;
}
a:visited {
	color: #2464a9; 
	text-decoration: none;
}
a:link {
	color: #2464a9; 
	text-decoration: none;
}
a:hover {
	color: #2464a9; 
	text-decoration: underline;
	}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	padding-left: 10px;
	color:#818080;
	border-top: 1px dashed #929293;border-bottom: 1px dashed #929293;
	line-height:40px;
	margin:0 60px 13px 5px;
}
h2 {
	font-weight: bold;
	color: #1664B0;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 2px;
	font-size: 1.2em;
	line-height: 1.3em;
}
h3 {
	font-weight: bold;
	color: #FF9900;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 2px;
	font-size: 1.3em;
	line-height: 1.3em;
}
p {
	margin: 0px;
	padding-bottom: 15px;
	font-size: 12px;
}
#content-left p{
	margin: 0px;
	padding-bottom: 7px;
}
#content-right img{
	border-width: 0px;
	margin-bottom: 12px;
}
.left{
	float: left;
}
.right{
	float: right;
}
#slides{
	height:130px;
	}
#slide3{
	display: inline;
}
#slide2{
	display: inline;
}
#slide1{
	display: inline;
}
.cont-col{ float:left; width:225px;}
/*.cont-col-main{background:url(images/logo-bg.gif) repeat-y;}*/
.cont-col2{ float:left; width:215px; padding:0 5px;}
.cont-col3{width:215px; padding:0 6px 0 6px; border-right:1px solid #ccc;}
.cont-col4{ float:left; width:336px;}
.center{text-align:center;}
.cont-col2 p {padding: 0 6px;}
.cont-col3 p {padding: 0 6px;}

table.cnt {
	border-left: solid 1px #999999;
	border-top: solid 1px #999999;
	margin-bottom:10px;
}
table.cnt td {
	width:220px;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	padding-left:10px;
}
.div-img{ float:left; width:175px; margin-bottom: 10px;}
.div-cont{ float:left; width:500px; margin-bottom: 35px;}
.div-cont2{ float:right; width:450px; margin-bottom: 35px;}
.backto{ text-align:right;}
.img-l{ float:left; padding-right:20px; padding-bottom:10px; padding-top:8px;}
.img-r{ float:right; padding-left:20px; padding-bottom:50px; padding-top:8px;}
.img-r{ float:right; padding-left:20px; padding-bottom:10px; padding-top:8px;}
.img-l2{ float:left; padding-right:20px; padding-bottom:100px; padding-top:8px;}

.underline { border-left: 4px solid #1664B0; padding-left: 5px; margin-bottom: 10px; }

.underline2 { border-bottom: 1px solid #1664b0; margin: 0 0 25px 0; padding: 0; }

.pdf { background: url(images/pdficon.gif) top left no-repeat; }
.pdf a { margin-left: 20px; }

/*.form { background: url(images/formicon.gif) -5px left no-repeat; }*/
.form { background: url(images/formicon.gif) -5px no-repeat; }
.form a { margin-left: 30px; }

.callout { background: url(images/callout_bg.jpg) top left no-repeat; width: 620px; height: 104px; margin-bottom: 25px; } 

.callout p { padding: 30px 15px 15px 15px; color: #fff; font-size: 22px; line-height: 26px; font-style: italic; }

.em { font-style: italic; }

.xmargin { margin: 25px 0 20px 0; }

/*****Form*******/
.width1{ width:190px;}
.width2{ width:280px;}
input {
	border:solid #ccc 1px;
	color:#444;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	height:21px;
}
.heigh1 {
	height:16px;
}
.heigh2 {
	height:26px;
}
textarea {
	width:230px;
	height:70px;
	border:solid #ccc 1px;
	color:#444;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}

select {
	width:210px;
	border:solid #ccc 1px;
	color:#444;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}
.button {
	height:18px;
	background-color:#F5F5F5;
	border:solid #ccc 1px;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}
.button2 {
	height:25px;
	background-color:#F5F5F5;
	border:solid #ccc 1px;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}
.required{color:red;}
form td{ font-size:12px;}
.margin1{padding-left:100px;}

/* sizes the width of a drop down menu so options can be seen */

.ddmenu1 {
width:280px;
font-size: 11px;
}
.ddmenu1 option {
width:260px;
}

.ddmenuwide {
width: 300px;
}

.note { color: #f8981c; font-weight: bold; font-size: 12px; font-style: italic }

h5 { font-size: 13px; }


/*Dropdown menu*/
.topNavButton{
	float:left;
	padding-top:8px;
	padding-bottom:8px;
	
	
}
.topNavButton a{
	display:block;
	float:left;
	text-decoration:none;
	padding:0 23px;
	height:12px;
	cursor:pointer;
	
}
.topNavButton a.products{
	background:url(images/solutions_n.gif) 23px no-repeat;
	width:52px;
	
	
}
.topNavButton a.products:hover,.topNavButton a.products.selected{
	background:url(images/solutions_o.gif) 23px no-repeat;
}
.topNavButton a.pro_services{
	background:url(images/services-n.gif) 23px no-repeat;
	width:120px;
}
.topNavButton a.pro_services:hover, .topNavButton a.pro_services.selected{
	background:url(images/services-o.gif) 23px no-repeat;
}
.topNavButton a.partners{
	background:url(images/partners-n.gif) 23px no-repeat;
	width:49px;
}
.topNavButton a.partners:hover,.topNavButton a.partners.selected{
	background:url(images/partners-o.gif) 23px no-repeat;
}
.topNavButton a.support{
	background:url(images/support-n.gif) 23px no-repeat;
	width:44px;
}
.topNavButton a.support:hover,.topNavButton a.support.selected{
	background:url(images/support-o.gif) 23px no-repeat;
}
.topNavButton a.about_us{
	background:url(images/about-n.gif) 23px no-repeat;
	width:46px;
}
.topNavButton a.about_us:hover,.topNavButton a.about_us.selected{
	background:url(images/about-o.gif) 23px no-repeat;
}
.topNavButton a.contact_us{
	background:url(images/contact-n.gif) 23px no-repeat;
	width:57px;
}
.topNavButton a.contact_us:hover,.topNavButton a.contact_us.selected{
	background:url(images/contact-o.gif) 23px no-repeat;
}
.topNavButton a.resources{
	background:url(images/resources_n.gif) 23px no-repeat;
	width:57px;
}
.topNavButton a.resources:hover,.topNavButton a.resources.selected{
	background:url(images/resources_o.gif) 23px no-repeat;
}
.dash_hr{
	border-top:1px dashed #929293;
	height:1px;
	width:100%;
}

.chromestyle {
	/*width: 99%;*/
	width:780px;
	height:20px;
}
.chromestyle:after { /*Add margin between menu and rest of content in Firefox*/
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.chromestyle a:hover, .chromestyle a.selected { /*script dynamically adds a class of "selected" to the current active menu item*/
}

/* ######### Style for Drop Down Menu ######### */

/* Normal */
.dropmenudiv {
	position:absolute;
	top:0;
	margin-left:0;
	margin-top:-2px;
	padding:0;
	z-index:100;
	font-size:10px;
	font-weight:normal;
	line-height:normal;
	visibility:hidden;
}
.dropmenudiv a:link, .dropmenudiv a:visited {
	display:block;
	color:#808080;
	text-decoration:none;
	background:#ffffff;
	border:1px solid #6ba3d9;
	border-top:none;
	border-bottom:none;
	padding:5px 10px 5px 12px;
}
.dropmenudiv a:hover { /*THEME CHANGE HERE*/
	background-color:#e1edf7;
}
/* Normal (end) */

/* Left */
.dropmenudivLeft {
	position:absolute;
	top:2px;
	margin-left:0px;
	margin-top:10px;
	padding:0;
	z-index:100;
	font-size:10px;
	font-weight:normal;
	line-height:normal;
	visibility:hidden;
	border-top:1px solid #ffffff;
	min-width:170px;
	font-family:Arial, Helvetica, sans-serif;
}
.dropmenudivLeft a:link, .dropmenudivLeft a:visited {
	display:block;
	color:#808080;
	text-decoration:none;
	background:#ffffff;
	border:1px dashed #929293;
	border-top:none;
	border-bottom:none;
	padding:5px 10px 5px 6px;
}
.dropmenudivLeft a.last{
	border-bottom:1px dashed #929293;
}
.dropmenudivLeft a:hover { /*THEME CHANGE HERE*/
	background-color:#e1edf7;
}
/* Left (end) */

/* Right */
.dropmenudivRight {
	position:absolute;
	top:0;
	margin-left:-1px; /* Adjusts the dropdown for the last nav item */
	margin-top:-2px;
	padding:0;
	z-index:100;
	font-family:Trebuchet MS;
	font-size:10px;
	font-weight:normal;
	line-height:normal;
	visibility:hidden;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #6ba3d9;
}
.dropmenudivRight a:link, .dropmenudivRight a:visited {
	display:block;
	color:#808080;
	text-decoration:none;
	background:#ffffff;
	border:1px solid #6ba3d9;
	border-top:none;
	border-bottom:none;
	padding:5px 5px 5px 11px;
}
.dropmenudivRight a:hover { /*THEME CHANGE HERE*/
	background-color:#e1edf7;
}
/* Right (end) */

* html .dropmenudiv a { /*IE only hack*/
	/*width:90%;*/
	color:#eeeeee;
}
* html .dropmenudivLeft a { /*IE only hack*/
	/*width:90%;*/
	color:#eeeeee;
}
* html .dropmenudivRight a { /*IE only hack*/
	/*width:90%;*/
	color:#eeeeee;
}


/*@@@ scroll on home page @@@*/
.scroll_logo{
	width:900px;
	height:90px;
	padding-left:10px;
}

div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 900px;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 90px;
}
div.scrollableArea img{
	margin:0 40px;
}