/* CSS Document */
/* Created for Techguide by SSW */
/* Creator: Trisnadi Kurniawan */
/* Date: 07/07/2006 */
/* Last Updated: 07/07/2006 */

/* Stylesheet Definition for Beveled Container */
.ContainerBeveled {
	background-color: #F5E587;
	border: 1px solid #685a01;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.ContainerBeveled td {
	padding: 0px;
}
.ContainerBeveled td.content {
	padding: 15px;
}

.ContainerBeveled th {
	text-align:left;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #3f292c;
	vertical-align: middle;
	background-image:url(headerbg.gif);
	background-repeat:repeat-x;
	height:42px;
	margin:0px;
	font-size: 16px;
}
.ContainerBeveled h2 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003333;
}
.ContainerBeveled th .Head {
	display:block;
	padding: 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3f292c;	
	line-height: 14px;
}
/* Stylesheet Definition for Colored + Light Orange background Container */
.ContainerColor {
	background-color: #EFEBC4;
	background-image:url(arrow.gif);
	background-repeat:no-repeat;
	background-position: 3px 7px;
	border: 1px solid #FEC235;
}
.ContainerColor td {
	padding: 0px;
}
.ContainerColor td.content {
	padding: 10px;
}

.ContainerColor th {
	padding: 0px;
	vertical-align: middle;
	border-bottom: 2px solid #F89715;
	text-align: left;
}

.containerColor th span.Head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3f292c;
	display:block;
	margin-left: 20px;
	margin-top: 5px;
	padding-bottom: 3px;
}
/*Stylesheet Definition for Flat Header + Grey background Container */
.ContainerFlatGrey {
	background-color: #eeeeee;
	border: 1px solid #FEC235;
	width: 100%;
}
.ContainerFlatGrey td {
	padding: 4px;
}
.ContainerFlatGrey th {
	background-color: #FEC235;
	padding: 3px 0px;
	vertical-align: middle;
	border-top: 3px solid #F89715;
}
.ContainerFlatGrey th span.Head {
	font-family: Arial, Helvetica, sans-serif;
	color: #3f292c;
	font-weight: bold;
	font-size: 14px;
}
.ContainerFlatGrey td.content {
	padding: 5px;
}
/*Stylesheet Definition for Flat Header + No background Container */
.ContainerFlat {
	border: 1px solid #FEC235;
	width: 100%;
}
.ContainerFlat td {
	padding: 4px;
}
.ContainerFlat th {
	background-color: #FEC235;
	padding: 3px 0px;
	vertical-align: middle;
	border-top: 3px solid #F89715;
}
.ContainerFlat th span.Head {
	font-family: Arial, Helvetica, sans-serif;
	color: #3f292c;
	font-weight: bold;
	font-size: 14px;
}
.ContainerFlat td.content {
	padding: 0px;
}
/*Stylesheet Definition for Plain Container */
.ContainerPlain {
	background-color: #ffffff;
}
.ContainerPlain td {
	padding: 0px;
}

.ContainerPlain th {
	padding:0px;
	vertical-align: middle;
	border-bottom: 2px solid #F89715;
	text-align:left;
}
.ContainerPlain th span.Head {
	padding: 5px 2px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #3f292c;
}
.ContainerPlain td.content {
	padding: 10px;
	text-align: left;
}
/* Stylesheet Definition for Beveled Container Search with Grey Background*/
.ContainerBeveledSearch {
	background-color: #eeeeee;
	border: 1px solid #685a01;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.ContainerBeveledSearch td {
	padding: 0px;
}
.ContainerBeveledSearch td.content {
	padding: 15px;
}

.ContainerBeveledSearch th {
	text-align:left;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #3f292c;
	vertical-align: middle;
	background-image:url(headerbg.gif);
	background-repeat:repeat-x;
	height:42px;
	margin:0px;
	font-size: 16px;
}
.ContainerBeveledSearch h2 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003333;
}
.ContainerBeveledSearch th .Head {
	display:block;
	padding: 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3f292c;	
	line-height: 14px;
}
/* Stylesheet Definition for Beveled Admin Container */
.ContainerBeveledAdmin {
	background-color: #F5E587;
	border: 1px solid #685a01;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.ContainerBeveledAdmin td {
	padding: 0px;
}
.ContainerBeveledAdmin td.content {
	padding: 5px;
}

.ContainerBeveledAdmin th {
	text-align:left;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #3f292c;
	vertical-align: middle;
	background-image:url(headerbg.gif);
	background-repeat:repeat-x;
	height:42px;
	margin:0px;
	font-size: 16px;
}
.ContainerBeveledAdmin h2 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003333;
}
.ContainerBeveledAdmin th .Head {
	display:block;
	padding: 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3f292c;	
	line-height: 14px;
}
/*Stylesheet Definition for Plain Adamin Container */
.ContainerPlainAdmin {
	background-color: #ffffff;
}
.ContainerPlainAdmin td {
	padding: 0px;
}

.ContainerPlainAdmin th {
	padding:0px;
	vertical-align: middle;
	border-bottom: 2px solid #F89715;
	text-align:left;
}
.ContainerPlainAdmin th span.Head {
	padding: 5px 2px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #3f292c;
}
.ContainerPlainAdmin td.content {
	padding: 2px;
}
/*Stylesheet Definition for ContainerBlueGradient Container */
.ContainerBlueGradient {
	background-color: #ffffff;
}
.ContainerBlueGradient td {
	padding: 0px;
}
.ContainerBlueGradient th.head 
{
	background-image: url(grad_bg.jpg);
	background-repeat:repeat-y;
	background-position: right;
	background-color:#0085BC;
}
.ContainerBlueGradient th {
	padding:0px;
	vertical-align: middle;
	text-align:left;
}
.ContainerBlueGradient th span.Head {
	padding: 5px 2px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
}
.ContainerBlueGradient td.content {
	padding: 10px;
}
/* Stles for Light Blue background - Added 20/06/07 by Tristan */
.ContainerPlainLightBlueBackground {
	background-color: #F1F8FA;
	border: 1px solid #E0E6E8;
	padding: 0 20px 15px 20px;
	width: 97%;
	margin: -10px auto 15px auto;
}
.ContainerPlainLightBlueBackground .content {

}
.ContainerBlueGradient td.LowBottom {
	padding: 0px 10px 0 10px;
}
.ContainerBlueGradient td.LowBottom div div h1 {
	margin-top: 0px;
}