﻿/* ------- DOCUMENT SETTINGS ------- */
body 
{
	margin: 0;
	padding: 0;
	background-color: #020202;
	font-family: Arial, Tahoma, Verdana, MS Sans Serif;
	font-size: 9pt;
	color: #ffffff;
}
form 
{
	margin: 0;
	padding: 0;
}
table, tr, td
{
	font-family: Arial, Tahoma, Verdana, MS Sans Serif;
	font-size: 9pt;
	color: #ffffff;
}

a:link, a:visited 
{
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}
a:hover
{
	color: #ffe1a5;
	text-decoration: none;
	cursor: pointer;
}

/* ------- HEADER ------- */

.banner
{
	height: 218px;
	background: transparent url(Images/logo-donghoplus.gif) no-repeat left top;
	font-family: Arial, Tahoma, Verdana, MS Sans Serif;
	font-size: 9pt;
	vertical-align: top;
	color: #c1c1c1;
	padding-top: 71px;
}

/* ------- FOOTER ------- */
.footer
{
	background-color: #e3edff;
	height: 70px;
	text-align: center;
	font-family: Arial, Tahoma, Verdana, MS Sans Serif;
	font-size: 9pt;
}

/* ------- CONTENT ------- */
#main_table
{
	WIDTH: 1060px;
}

.left
{
	background-color: #2e2e2e;
	width: 200px;
	vertical-align: top;
}
.right
{
	background-color: #2e2e2e;
	vertical-align: top;
	color: #ffffff;
}

.center
{
	background-color: #201c1b;
	width: 600px;
	height: 800px;
	vertical-align: top;
	line-height: 150%;
}
.center_home
{
	background-color: #1e1e1e;
	background-image: url(Images/bg_center_home.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.space
{
	height: 5px;
	background-color: #020202;
}
.space_02
{
	height: 3px;
	background-color: #020202;
}

.title
{
	height: 70px;
	/*background-color: #3a3935;*/
	color: #ffffff;
	font-family: Times New Roman;
	font-size: 20pt;
	text-align: center;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 3px;
	line-height: 120%;
}
.title a:link, .title a:visited, .title a:hover
{
	color: White;
	text-decoration: underline;
}

.title2,
.title2 a:link,
.title2 a:visited
{
	color: #999999;
	font-size: 9pt;
	line-height: 120%;
}
.title2 a:hover
{
	color: #ffe1a5;
}

.title3
{
	color : #ffcc66;
	font-family: Arial, Tahoma, Verdana;
	/*font-size: 11pt;*/
	font-weight: bold;
}
.title3 a:link,
.title3 a:visited
{
	color: #ffcc66;
	text-decoration: none;
}
.title3 a:hover
{
	color: #ffe1a5;
	text-decoration: none;
}

.title4
{
	color : #c1bd4a;
	font-size: 17pt;
}

.about_website
{
	height: 225px;
	padding: 10px 210px 15px 10px;
	background-image: url(Images/bgAboutUs.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	vertical-align: top;
	color: #000000;
}
.latest_news
{
	HEIGHT: 250px;
	BACKGROUND-COLOR: #8a0403;
	background-image: url(Images/bg_latest_news.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.latest_news a:link,
.latest_news a:visited
{
	color: #ffffff;
	text-decoration: none;
}
.latest_news a:hover
{
	color: #ffe1a5;
	text-decoration: none;
}

.bullet
{
	color: #ece198;
}
.firm_logo img
{
	border: solid 2px #201c1b;
}
.firm_logo img:hover
{
	border: solid 2px #ffe1a5;
}

/* ------- USER CONTROLS ------- */

.control_frame
{
	border: solid 1px #7e7e7e;
}


/* ------- Others ------- */
.label_error
{
	color: Red;
}

.image
{
	border: solid 1px #fff;
}

.button
{
	width: 70px;
	height: 20px;
	font-size: 8pt;
	border: 0px;
	padding: 0px;
	background-image: url(Images/button_bg2.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: Transparent;
	cursor: pointer;
	color: #000;
}
.textbox
{
	font-family: Tahoma, Verdana, MS Sans Serif;
	font-size: 8pt;
	background-color: #d1d1d1;
}
.dropdownlist
{
	font-size: 9pt;
	background-color: #666666;
	color: #f1f1f1;
	cursor: pointer;
}
.hyperlink
{
	font-size: 8pt;
}
.radio
{
	font-size: 8pt;
}






/** Preview content */
#loader_container {text-align:center;position:absolute;top:40%;width:100%}
#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:110px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}
#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:0px;
	background-color:#9D9D94;
}

.title_h2 {
	 padding:3px 10px 3px 10px;
	 font-size: 12px;
	 font-weight: bold;
	 background-color: #0b357f;
	 color: #ffffff;
}
.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid #444;
}

.preview_temp_load {
	vertical-align:middle;
	font-size: 8pt;
	padding: 5px 5px 5px 5px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}
