/*
 *
 * @copyright 	: Copyright (C) 2009 Tokaban. All rights reserved.
 * @license 	: See LICENSE.php
 * @version $Id	: normal_style.css 
 *
 
 * @Date 		: 2009/04/08
 * @Description	: Some infomation you must test OR Test case.
 *
 */

/* 
*	Phan mot, day la nhung dinh nghia bat buoc phai co trong mot site.
*	Phan dinh nghia cac thuoc tinh chung HTML cua mot site co ban.
*	
*/ 
html, body, h1, h2, h3, h4, h5, h6, form, fieldset {margin:0; padding:0;}
body {font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; text-align:justify; background: #FFFFFF;margin:0;}

img, fieldset {border: 0 none;}
h1 {font-size: 20px; font-weight:bold; margin:0; color:#0B55C4;}
h2 {font-size: 14px;font-weight:bold;background:#E9E9E9;padding:2px 0 2px 5px;text-align:center;color:#0B55C4;line-height:20px;height:20px}
h3 {font-size: 13px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;color:#0B55C4;display:inline;}

a:link {color: #0B55C4; text-decoration: none;}
a:visited { color: #0B55C4; text-decoration: none;}
a:hover	{ text-decoration: underline;}
a.active { color: #FF0000;}
	
input.disabled { background-color: #F0F0F0; }
input:hover, textarea:hover {background-color: #FFFFDD;}
input, textarea {border: 1px silver solid; }	
input.checkbox {border:0 none;}
input.ratiobutton {border:0 none;}
input:focus, select:focus, textarea:focus {background-color:#FFFFDD;}
input.button:hover {background-color: #FFFFDD;}

select { border: 1px silver solid; }
select.disabled { background-color: #FFFFDD; }
select:hover {background-color: #FFFFDD;}

textarea { font-family: Arial, Helvetica, sans-serif;font-size:13px;}

fieldset {padding:5px 1px;}

.message {border:1px #CCC solid;background:#F2F2F2;margin-bottom:10px;padding:5px;color:#FF0000}
/* 
*	phan dinh nghia css rieng cho trang login.
*	
*/ 
#login_form {background:url(../images/login.jpg) no-repeat;height:450px;overflow:hidden;margin:auto;width:650px;margin-top:0;}
	#language_login {margin:40px 0 0 650px;overflow:hidden;}
		#login_form #login_left {text-align:center;color:#CCCCCC;padding-top:130px;width:508px;float:left;}
			#login_form #message {color:#66FFFF;margin-left:70px;height:16px;}
			#login_form	#btn_login {text-align:left;margin-left:270px;}
		
		#login_form #login_right {width:240px;height:315px;float:left;text-align:center;margin-top:5px;color:#fff;}
			#login_right .bg_calendar {background:url(../images/bg_calendar.jpg) top left no-repeat;}
			#login_right table td {width:25px;height:25px;}
		
	#forget_password {margin-top:40px;text-align:left;margin-left:200px;}
		#forget_password  a {color:#fff}
/* 
*	ket thuc phan dinh nghia css rieng cho trang login.
*	
*/
table.ViewStyle01 {width: 100%; border-spacing: 1px; background-color: #e7e7e7; color: #666; border-collapse:inherit}
table.ViewStyle01 input {padding:1px}
table.ViewStyle01 input[type="checkbox"] {margin-right:2px}
table.ViewStyle01 th { padding: 2px; line-height:20px}
table.ViewStyle01 td { padding: 2px; line-height:20px} 
table.ViewStyle01 thead th {text-align: center; background: #f0f0f0; color: #666; border-bottom: 1px solid #999; border-left: 1px solid #fff;}

table.ViewStyle01 thead a {font-size:12px}
table.ViewStyle01 thead a:hover { text-decoration: underline; }
table.ViewStyle01 thead th img { vertical-align: middle; }

table.ViewStyle01 tbody th { font-weight: bold; }
table.ViewStyle01 tbody tr.row1 {background:#fff;}
table.ViewStyle01 tbody tr.row0:hover td { background-color: #ffd ; } 
table.ViewStyle01 tbody tr.row1:hover td { background-color: #ffd ; }
table.ViewStyle01 tbody tr.row1 td { background: #f9f9f9;border:0 none;}
table.ViewStyle01 td.key {background-color: #f6f6f6; text-align: left; width: 140px; color: #666; font-weight: bold; padding-left:5px;}
table.ViewStyle01 tbody tr td { height: 20px; background: #fff;border:0 none;}
table.ViewStyle02 {background: #E8E8E8;border:0 none;}


table.EditStyle01 {border-spacing:1px; margin-left:5px; padding-left:3px;}
table.EditStyle01 td {border:0 none}
table.EditStyle01 td.key {background-color: #f6f6f6; text-align: right; width: 140px; color: #666; font-weight: bold; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; padding-right:3px;}

table.EditStyle02 {border-spacing:1px; margin-left:5px; padding-left:3px;background:#F9F9F9;}
table.EditStyle02 td.key {text-align: right; width: 140px; color: #666; font-weight: bold; padding-right:3px;border-bottom:#F5F5F5 1px solid;}
/* 
*	Phan dinh nghia nhung thuoc tinh dac thu cua mot du an.
*	Phan dinh nghia nhung thuoc tinh dac thu cua mot du an.
*/ 



/* 
*	Phan dinh nghia cho nhung man hinh nhap lieu dang chuan 1.
*/ 
#ContentMessage {clear:both;border:1px solid #CCCCCC;padding:0 10px 0 10px;margin-bottom:10px;background:#f9f9f9;}
#NoteContentMessage {clear:both; font-style:oblique; color:#333366; margin:2px;}
#ErrorContentMessage {clear:both; font-style:oblique; color:#FF3F00; margin:2px;}
#EditContent {clear:both}

.box_content input {padding:1px 3px}
table.ViewStyle01 {margin-top:10px}
.tbl_bottom_list {margin-top:10px}
.tbl_header_list td, .tbl_header_list th, .tbl_bottom_list td, .tbl_bottom_list th {border:0 none}
.tbl_header_list td, .tbl_bottom_list td {padding:0}
.box_content table {margin-bottom:5px}
.box_content input, .box_content select {margin-bottom:0}


/* FORM LOGIN */
/*round cho bottom module*/
/*width dung de chinh chieu rong cua nguyen khoi module*/
.module_round {width:270px;margin:auto;}
	.module_top {position:relative;height:7px;overflow:hidden;}
		.module_top_left_bg {position:absolute;top:0;left:0;background:url(../images/round_top_left.png) top left no-repeat;width:7px;height:7px;}
		.module_top_center_bg {background:#4793CA;height:7px;margin:0 7px;}
		.module_top_right_bg {position:absolute;top:0;right:0;background:url(../images/round_top_right.png) top right no-repeat;width:7px;height:7px;}
	/*width dung de chinh chieu cao height cua nguyen khoi module*/
	.module_content {border-left:1px #4793CA solid;border-right:1px #4793CA solid;}
		h3.module_title {color:#fff;margin:0;padding:5px 0 13px 40px;font-size:18px;background:#4793CA}
	.module_footer {position:relative;height:7px;}
		.module_footer_left_bg {position:absolute;bottom:0;left:0;background:url(../images/round_bottom_left.png) bottom left no-repeat;width:7px;height:7px;}
		.module_footer_center_bg {border-bottom:1px #4793CA solid;height:7px;margin:0 7px;}
		.module_footer_right_bg {position:absolute;bottom:0;right:0;background: url(../images/round_bottom_right.png) bottom right no-repeat;width:8px;height:7px;}
	.tkn_module_row {overflow:hidden;margin-top:10px;}
		.tkn_module_row div {float:left;}

.inner #login {margin-bottom:90px}
#login h3.module_title {background:#4793CA url(../images/lock.png) top left no-repeat;}
#login label {font-size:13px; font-weight:normal}
#login input {width:auto; margin-bottom:10px}


#menu {margin:29px 0 4px 10px;;display:inline-block}
	/*Drop Down Menu Styles*/
	#ddmenu {margin:0 0 0 0;display:inline-block; border-color:#85C1E7 #2A6797; border-style:solid; border-width:1px;}
	#ddmenu li {list-style:none;position:relative;float:left;height:32px; line-height:32px;margin-left:0; position:relative}
	#ddmenu li:first-child a {border:0 no}
	#ddmenu li a {text-decoration:none;color:#FFF;display:inline-block; height:33px;background:url("../images/colour_schemes/skyblue/navigation_bg.png") repeat-x scroll 0 0 #3477AC; border-left:1px solid #85C1E7; border-right:1px solid #2A6797; font-weight:bold; text-shadow:0 1px 0 rgba(35, 53, 119, 0.6); padding:0 15px}
	#ddmenu li a:hover {background:url("../images/colour_schemes/skyblue/navigation_bg_hover.png") repeat-x #3e6268;}
	#ddmenu li ul {	position: absolute;top:35px;left:-20px;visibility: hidden;width:600px;}
	#ddmenu li ul li {display:inline;margin:0 0 0 0;}
	#ddmenu li ul li a {width: auto;color: #999; font-size: 12px;padding: 3px 10px; background:none; text-shadow:none; border:none; font-style:normal}
	#ddmenu li ul li a:hover {padding: 3px 10px;background:none;text-decoration:underline}
	
	#ddmenu .current a {background:#fff; border-color:#FFFFFF #FFFFFF; border-width:1px 1px 0; color:#555555; margin-top:-2px;text-shadow:none;}
	#ddmenu .current a:hover {background:#fff; color:#333}
	#ddmenu li ul .current a {text-decoration:underline}