/*-------------*/
.dropmenudiv_a{
position:absolute;
top: 0;
border-top: 0px solid #ffffff; /*Top border width. Should match height of .ddcolortabsline above*/

font:normal 12px Arial;
line-height:18px;
margin-top:0px;
border:2px solid #2c4052;
border-bottom:2px solid #2c4052;
z-index:1;
background-color:#44596c;
width: 230px;
visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 10px;
background-color:#203342;
padding: 2px 0;
text-decoration: none;
color:#fff;
font-size:11px;
text-transform:uppercase; font-weight:bold
}
.dropmenudiv_a a.menu_head{background-color:#337eda; color:#FFF; font-weight:bold}
.dropmenudiv_a a.menu_head:hover{background-color:#44596c; color:#000; font-weight:bold}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: #2c4052;
color:#FFCC00;
}

/* CSS Tabs */
#navcontainer_header {
    font-size:93%;
    line-height:normal;	
	background:#337eda;
	/*background: url(../images/bg_header.gif) repeat-x;*/
}
#header_bar1 {
	padding:0; margin:0;
    font-size:93%;
    line-height:normal;	
	background:#337eda;
    border-left:1px solid #213341;
	background: url(../images/backgroundhd.gif) repeat-x;
	position:absolute;

}
#header_bar2 {
	padding:0; margin:0;
    font-size:93%;
    line-height:normal;	
	background:#337eda;
    border-left:1px solid #213341;
	border-right:1px solid #213341;
	background: url(../images/backgroundhd2.gif) repeat-x;
}
#navcontainer {
	width:100%;
	float:left;
	height:24px;
	margin:auto;
    font-size:12px;
    line-height:normal;
	/*background-color:#101e29;*/
	border-top:1px solid #213341;
	background: url(../images/backgroundmenu.gif) repeat-x;
	/*background: #599def;
	border-top: 1px solid #e0ede9;
    border-bottom: 0px solid #337eda;*/
}

ul#navlist {
	width:970px;
    margin: auto;
    padding: 0;
    list-style-type: none;
    white-space: nowrap;
}

ul#navlist li {
        float: left;
        font-family: arial, sans-serif;
        font-weight: bold;
        margin: 0;
        padding: 6px 0 4px 0;
        
		/*border-right: 1px solid #23506e;
		border-bottom: 1px solid #23506e;
		border-bottom:1px solid #3f86db;
		background: url(../images/bg2.gif) repeat-x;*/
}
ul#navlist li#current {
       /* background-color:#1a3445;
		border-bottom: 1px solid #44596c;*/
}
#navlist a, #navlist a:link {
        margin: 0;
        padding: 5px 7px 4px 7px;
        color: #fff;
        text-decoration: none;
}
#navlist a:hover {
	color: #ffdf0a;
}

#navlist .left{
	/*border-left: 1px solid #337eda;*/
}

ul#navlist li#active {
        color:#fff;
        background-color: #d6d6d6;		
		
}

ul#navlist li#current a {
        color:#ffdf0a;
}
ul#navlist li#spec {
		border-bottom:1px solid #F60;
}
ul#navlist li#spec a {
			background-color:#F60;
      color:#fff;
}
ul#navlist li#spec a:hover {
			background-color:#090;
      color:#000;
}
.menu_head{background-color:#06C; color:#FFF; font-weight:bold}

#navcontainer_sub {
	width:100%;
	height:24px;
	float:left;
	margin:auto;
    font-size:50%;
    line-height:normal;
	background: #44596c;
	text-transform:uppercase
}
ul#navlist_sub {
	width:980px;
	height:22px;
    margin: auto;
    padding: 0;
    list-style-type: none;
    white-space: nowrap;
	height:14px
}

ul#navlist_sub li {
        float: left;
        font-family: arial, sans-serif;
        font-size: 11px;
        font-weight: bold;
        padding: 3px 0 1px 0;
		border-left:1px solid #5f7284; border-right:1px solid #35485a; 
}
#navlist_sub span {
        margin: 0;
        /*padding: 5px 9px 4px 15px;*/
		padding: 0 5px;
        color:#FFFF00;
}
#navlist_sub a, #navlist_sub a:link {
        margin: 0;
        padding: 5px 9px 4px 10px;
        color:#FFF;
        text-decoration: none;
}
#navlist_sub a:hover {
	color: #ffdf0a;}

#navlist_sub .left{
	border-left: 1px dashed #d1e3db;
}

ul#navlist_sub li#active {
        color:#fff;
        background-color: #00D7D7;
}
ul#navlist_sub li#current {
        color: #fff;
        background-color:#00BFBF;
}
ul#navlist_sub .special a {
	color:#00FFFF; font-weight:bold
}

/*------------*/
#bodynavlist {
        padding: 3px 0;
        margin-left: 0;
        border-bottom: 1px solid #185fb7;
        font: bold 12px arial, sans-serif;
}

#bodynavlist li {
        list-style: none;
        margin: 0;
        display: inline;
}

#bodynavlist li a {
        padding: 3px 0.5em;
        margin-left: 3px;
        border: 1px solid #185fb7;
        border-bottom: none;
        background: #ebf3fb;
        text-decoration: none;
}

#bodynavlist li a:link { color: #185fb7; }
#bodynavlist li a:visited { color: #185fb7; }

#bodynavlist li a:hover {
        color: #FFF;
        background:#B4C4FA;
        border-color: #227;
}

#bodynavlist li a#current {
        background: white;
        border-bottom: 1px solid white;
		color:#666
}
/*css left menu*/
#navlist_lm {
        color: white;
       background: #fff;
        border-bottom: 0.2em solid #fff;
        border-right: 0.2em solid #fff;

        padding: 0 1px;
        margin-left: 0;
        width: 12em;
        font: normal 11px Arial, sans-serif;
		width:160px
}

#navlist_lm li {
        list-style: none;
        margin: 0;
        font-size: 1em;
}

#navlist_lm a.special {
	background-color:#00FF00; color:#FFFFFF
}

#navlist_lm a {
        display: block;
        text-decoration: none;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
        color: #000;
       	background: #eef2fa;
        border-width: 1px;
        border-style: solid;
        border-color: #b3c1dc #7792c7 #7792c7 #7792c7;
        border-left: 0.3em solid #658188;
        padding: 0.25em 0.5em 0.4em 0.75em;

		font-weight:11px; font-weight:bold;
}

#navlist_lm a#current { border-color: #b3c1dc #7792c7 #7792c7 #f30; color:#fff; background-color:#fff}

.navcontainer_header {
	padding-left:5px; padding-top:5px; font-size:14px; font-weight:bold; color:#4165ac; display:block; text-transform:uppercase; font-family:Georgia, Arial
}

#navcontainer_lm #navlist_lm a {
        width: auto;color:#274279;
		text-decoration:none
        /* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist_lm a:hover, #navlist_lm a#current:hover {
        background: #fff;
        border-color: #069 #6cf #5bd #fc0;
        padding: 0.4em 0.35em 0.25em 0.9em;
		text-decoration:none;
		color:#000
}

#navcontainer_lm #navlist_lm a:active, #navlist_lm a#current:active{
        background: #17a;
        border-color: #069 #6cf #5bd white;
        padding: 0.4em 0.35em 0.25em 0.9em;
		text-decoration:none
}

/* end css leftmenu*/

/* begin tabchart */
ul#navlist_chart {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
		color:#cccccc
}

ul#navlist_chart li {
        float: left;
        font-family: verdana, arial, sans-serif;
        font-size: 9px;
        font-weight: bold;
        margin: 0;
		margin-bottom:-1px;
        padding: 5px 0 4px 0;
        background-color: #222;
        border-top: 1px solid #666;
		border-right: 1px solid #666;
		color:#cccccc
}

#navlist_chart a, #navlist_chart a:link {
        margin: 0;
        padding: 7px 9px 6px 9px;
        color:#cccccc;
        text-decoration: none;
}
#navlist_chart a:actived{ color:#ccc}
#navlist_chart a{ color:#ccc}

ul#navlist_chart li.active {
        color: #ccc;
        background-color: #000;
		border-bottom:1px solid #000;
}

#navlist_chart .first{border-left: 1px solid #666;}

#navlist_chart a:hover {
        color: #fff;
        background-color: #666;
}
#navlist_chart a:visited {
        color: #ccc;
}
#navlist_chart a#current {
        color: #ccc;
}
#chartconfig{
	height:70px;
	clear:both;
	border-left:1px solid #666;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	border-top:1px solid #666;
	margin-top:-1px;
	padding:15px;
	font-size:12px;
}
#chartconfig .active{background-color:#000000}


/* end tabchart*/

/* sub header nave*/
#title_sub_nav {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
}

#title_sub_nav li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#title_sub_nav a:link, #title_sub_nav a:visited {
        float: left;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491; 
}

#title_sub_nav a:link.active, #title_sub_nav a:visited.active, #title_sub_nav a:hover {
        color: #000;
        background: url(../images/rounded.gif) no-repeat bottom center;
}

.bg_title_img{background:url(../images/bg_title_img.gif) repeat-x; height:20px; color:#990000; font-weight:bold; padding-top:5px; padding-left:10px}
.tr10{ border-bottom:1px solid #ccd6db}

#home_top{float: left; overflow:hidden}
#home_top .home_equal{ float:left; margin-bottom: -2000px; padding-bottom: 2000px; border:1px solid #ccd6db}

#bottom_service {float: left; overflow: hidden;}
#bottom_service .equal { float: left; ; background-color:#444445; margin-bottom: -2000px; padding-bottom: 2000px}
.style1{
    margin: auto;
    padding: 0;
    list-style-type: none;
}
.style1 li{
	margin: 0;
	padding: 5px 0 4px 0;
}
.style1 .current{
	background-color:#CAFFFF; color:#FF0000
}

.style1 a.footer{
	text-decoration:none; color:#ccc
}
.style1 a.footer:hover{
	text-decoration:underline; color:#FF9900
}

.style2{
    margin: auto;
    padding: 0;
    list-style-type: none;
    /*white-space: nowrap;*/
}
.style2 li{
	margin: 0;
	padding: 2px 0 2px 0;
}


#title_header_page_1{background-image:url(../images/bg_title_1.gif); height:25px; width:970px}
#title_header_page_2{background-image:url(../images/bg_title_2.gif); height:25px; width:970px}
#title_header_page_3{background-image:url(../images/bg_title_3.gif); height:25px; width:970px}
.title_header_page_left{ float:left; width:170px; padding-top:4px; padding-left:10px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:16px; font-family:Georgia, Arial}
.title_header_page_right h1{ float:left; width:780px; padding-top:4px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:14px; font-family:Georgia, Arial}

/*css chart signal*/
#navlist_cs {
	display:table-row
}

#navlist_cs li {
        list-style:none;
        margin: 0;
        font-size: 1em;
		width:135px
}
#navlist_cs a:link, #navlist_cs a:visited  {
        display: block;
        text-decoration: none;
        color: #274279;
        border-bottom: 1px solid #658188;
		border-right: 1px solid #658188;
		border-left: 1px solid #658188;
        padding: 0.25em 0.5em 0.4em 0.75em;
		
		font-size:16px; font-weight:bold;
		font-family:Georgia;
		background-color:#E7F5FE
}
#navlist_cs a:link.active, #navlist_cs a:visited.active, #navlist_cs a:hover {
        background: #006699;
        border-color: #658188 #FFF #658188 #658188;
        padding: 0.4em 0.35em 0.25em 0.9em;
		text-decoration:none;
		color:#fff
}


.navlist_cs_sub {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
}

.navlist_cs_sub li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

.navlist_cs_sub a:link, .navlist_cs_sub a:visited {
        float: left;
        font-size: 14px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491; 
}

.navlist_cs_sub a:link.active, .navlist_cs_sub a:visited.active, .navlist_cs_sub a:hover {
        color: #ff0000;
        background: url(../images/rounded.gif) no-repeat bottom center;
}

.navlist_cs_sub_display {
        margin: 0;
        padding: 0 0 20px 10px;
}

.navlist_cs_sub_display li {
        margin: 0;
        padding: 0;
        display:table-row;
}

.navlist_cs_sub_display a:link, .navlist_cs_sub_display a:visited {
        float: left;
        font-size: 16px;
        line-height: 14px;
        font-weight: bold;
        padding: 12px;
        text-decoration: none;
        color:#006699;
}

.navlist_cs_sub_display a:link.active, .navlist_cs_sub_display a:visited.active, .navlist_cs_sub_display a:hover {
        color: #ff0000;
}

.signalchart{
	color:#FF6600; font-weight:bold; font-size:14px;
}

.txt{
	border:1px solid #004A95;
	background-color:#F0F8FF;
	height:20px;
	box-shadow: 0 0 2px #82C4FF;
	font-size:16px;
	font-weight:100
}
.txt input{
	font-size:16px;
	font-weight:100
}
.txt input:focus, .txt input:active{
	box-shadow: 0 0 5px #0085C6;
    outline: 1px dotted transparent;
    text-decoration: none;
}

.btn {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffde00;
    background-image: -moz-linear-gradient(#0073E6, #004A95);
    border-color: #ffde00;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
    cursor: pointer;
    display: inline-block;
    height: auto;
    line-height: 13px;
    padding: 0;
    position: relative;
    vertical-align: middle;
	 box-shadow: 0 0 3px #ffde00
}
.btn input, .btn a {
    background-color: transparent;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    display: block;
	text-decoration:none;
	font-weight:bold;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0;
	font-size:12px;
    padding: 6px 15px 5px;
}
.btn input:hover, .btn a:hover {
    background-color: #0073E6;
    background-image: -moz-linear-gradient(#0073E6, #004A95);
    color: #ffffff;
	font-weight:bold;
    text-decoration: none;
}
.btn input:focus, .btn a:focus, .btn a:active, .btn input:active, .message-header .flag a:focus, .message-header .flag a:active, .file-attach li:focus, .attachment-button-form span.focused, .pod:focus {
    box-shadow: 0 0 5px #0085C6;
    outline: 1px dotted transparent;
    text-decoration: none;
}

.left {
}
span.left, span.left a {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
span.right, span.right a {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.btn a{
background-color:#}


/* box shadow --*/
.cc_boxshadow {background:url(http://images.vietnamworks.com/cc_boxshadow_right.gif) right repeat-y; margin-bottom:5px}
	.cc_boxshadow .cc_boxshadow_top {background:url(http://images.vietnamworks.com/cc_boxshadow_topline.gif) top repeat-x}
	.cc_boxshadow .cc_boxshadow_tl {background:url(http://images.vietnamworks.com/cc_boxshadow_tl.gif) left no-repeat; height:9px}
	.cc_boxshadow .cc_boxshadow_tr {background:url(http://images.vietnamworks.com/cc_boxshadow_tr.gif) right no-repeat; height:9px}
	.cc_boxshadow .cc_boxshadow_ct {border-left:#ccc 1px solid; padding:5px 18px 0 9px}
	.cc_boxshadow .cc_boxshadow_bot {background:url(http://images.vietnamworks.com/cc_boxshadow_botline.gif) top repeat-x}
	.cc_boxshadow .cc_boxshadow_bl {background:url(http://images.vietnamworks.com/cc_boxshadow_bl.gif) left no-repeat; height:12px}
	.cc_boxshadow .cc_boxshadow_br {background:url(http://images.vietnamworks.com/cc_boxshadow_br.gif) right no-repeat; height:12px}
