/* =============================================================================
'	Title    : Primary CSS for web-application
'	File     : includes/default.css
'	Author   : eek-1 (13 Dec 2007)
'	Modified : eek-1 (17 Jan 2008)
'	Rev.     : 1
'============================================================================ */

/*body
{
	background:#bfd8e7;
	margin:0; padding:0;
	font:normal 10px verdana, tahoma, arial, sans-serif;
}*/

/* headers */
.hdr	{
	background:#cc3333 url(../images/layout/tpl_header.gif) top left repeat-x;
	border-top:2px #fa8072 solid; border-bottom:2px #800000 solid; border-collapse:collapse;
	margin:0; padding:0;
	height:60px; width:100%;
	vertical-align:middle;
}
.hdr a:link, .hdr a:visited { color:#ffdddd; text-decoration:none; font:normal 11px Book Old Style;		}
.hdr a:hover, .hdr a:active { color:#ff0000; text-decoration:underline;	font:normal 11px Book Old Style;}
.hdr th {
	color:#ffffff;
	margin:0; padding:0;
	font:bold small-caps 19px tahoma, arial, helvetica, sans-serif;
	letter-spacing:2px; word-spacing:0.3em; text-indent:10px; text-align:left; vertical-align:middle; white-space:nowrap;
}
.hdr td {
}

#content	{ background:url(../images/layout/tpl_body.gif) top left repeat-x; padding-top:10px; }

/* Top-side menu */
#menu		{ border:0; margin:0; padding:0;}
#menu .itm0	{ width:auto; }
#menu .itm	{ background:#ffffff; cursor:pointer; font:normal 9px verdana, tahoma, arial, sans-serif; padding:2px; width:80px; text-align:center; vertical-align:top; } 
#menu .itm1	{ background:#e2e2e2; cursor:pointer; font:normal 9px verdana, tahoma, arial, sans-serif; padding:2px; width:80px; text-align:center; vertical-align:top; } 
#menu .itm2	{ background:#e2e2e2; }
#menu .sep	{ background:#eeeeee; width:2px; }

/* Hence beforth, this young padawan shall stood */
.pad1	{ margin:0; padding-left:15px; padding-right:15px; }

/* tab-style menu */
.tabs	{ color:#666666; width:100%;  border:0; border-collapse:collapse;        text-align:left;   font:normal 9px verdana, tahoma, arial, sans-serif;              vertical-align:middle; cursor:auto;	background:#e3e2e2; height:32px; }
.tab0	{ color:#666666; width:auto;  border:0; border-bottom:5px #d20000 solid; text-align:center; font:bold   9px verdana, tahoma, arial, sans-serif; padding:2px; vertical-align:middle; cursor:auto;	background:#e3e2e2; }
.tab	{ color:#666666; width:100px; border:0; border-bottom:5px #d20000 solid; text-align:center; font:bold   9px verdana, tahoma, arial, sans-serif; padding:2px; vertical-align:middle; cursor:pointer;	background:#e3e2e2; }
.tab1	{ color:#ffffff; width:100px; border:0; border-bottom:5px #d20000 solid; text-align:center; font:bold   9px verdana, tahoma, arial, sans-serif; padding:2px; vertical-align:middle; cursor:pointer;	background:#e7817e; }
.tab2	{ color:#ffffff; width:100px; border:0; border-bottom:5px #d20000 solid; text-align:center; font:bold   9px verdana, tahoma, arial, sans-serif; padding:2px; vertical-align:middle; cursor:pointer;	background:#d20000 url(../images/layout/tpl_tab2.gif) top left repeat-x; }

/* sub-content */
.sub	{ border:1px #999999 solid; margin:10px; padding:0px; background:#f8f8ff; }
.btd	{ border:1px #fcfcfc solid; margin:10px; padding:3px; height:23px; background:#f9f9f9; text-align:right; }
.ltd	{ padding:3px; vertical-align:top; width:160px; max-width:160px; min-width:160px; height:20px; min-height:22px; }
.rtd	{ padding:3px; vertical-align:top; width:auto; }
.sub th	{ padding:5px; background:#eeeeee; border:1px #fcf9f3 solid; color:#666666; font:bold 10px verdana, tahoma, arial, sans-serif; }
.line	{ padding: 5px; background: #ffffff url(../images/img11.gif) repeat-x; font-size: 11px;	}

/* -----------------------------------------------------------------------------
	tables:
	tbl1 = standard
	tbl2 = standard in form
	tbl3 = search
	tbl4 = lite
	tbl5 = lite in form
	tbl6 = lite search
	tbl7 = dashboard
*/
th { padding:3px; color:#908070; }
.tbl0      { margin:0; padding:0; border:0; border-collapse:collapse; }
.tbl1      { margin:0; padding:0; border:1px #cccccc solid; border-collapse:separate; width:99%; border-spacing:0; text-align:left; }
.tbl2      { margin:0; padding:0; border:1px #cccccc solid; border-collapse:separate; width:100%; border-spacing:0; }
.tbl3      { margin:0; padding:0; border:1px #cccccc solid; border-collapse:separate; width:100%; border-spacing:0; background:#e3e2e2; }
.tbl4      { background:#ffffff;}
.tblsml    { margin:0; padding:0; border-collapse:collapse; width:100%; }
.tbl1 th { color:#FFFFFF; font-size:12px; font-weight:bold; margin:0; padding:3px 1px; vertical-align:middle; height:25; background:url(../images/td_hdr.gif) }
.tbl1 hh   { background:#e3e2e2; color:#07517c; border:1px #e3e2e2 solid; font-size:10px; font-weight:bold; margin:0; padding:3px; vertical-align:middle; }*/
.tbl2 th   { background:#e3e2e2; color:#908070; border:1px #e3e2e2 solid; font-size:9px; font-weight:bold; margin:0; padding:3px; vertical-align:middle; }
.tbl3 th   { background:#e3e2e2; color:#908070; font-size:9px; font-weight:bold; margin:0; padding:3px; vertical-align:middle; }
.tbl1 td   { background:#ffffff; color:#666666; border:0; margin:0; padding:3px 1px; vertical-align:top; font-size:10px }
.tbl2 td   { color:#666666; border:1px #dddddd solid; margin:0; padding:3px 1px; vertical-align:top; }
.tbl3 td   { color:#666666; font-size:9px; font-weight:bold; margin:0; padding:3px 1px; vertical-align:middle; background:#e3e2e2; }
.tbl4 td{
	padding: 5px;
	background: url(../images/img11.gif) repeat-x;
	font-size: 11px;
}


.tblreg	 { margin:0; padding:0; border:1px #e3e2e2 solid; border-collapse:collapse; width:100%; font: "verdana,tahoma" }
.tblreg th { color:#FFFFFF; font-size:12px; font-weight:bold; margin:0; padding:3px 1px; vertical-align:middle; height:25; background:url(../images/td_hdr.gif) }
.tblreg td { color:#666666; border:0; margin:0; padding:3px; vertical-align:middle; font-size:12px; }

.tblsml td { color:#666666; border:0; margin:0; padding:1px; vertical-align:top; }


.row0 { background:#dddddd; }
.row1 { background:#fcfcfc; }
.row2 { background:#f6f6f6; }
.row_highlight,
.row3 { background:#f3f3f3; }
.row4 { background:#ecf0ff; color:darkred; font-weight:bold; text-decoration:underline; cursor:pointer; }
.row4 td { color:darkred; }
.row5   { background:#cococo; color:#07517c; border:1px #e3e2e2 solid; font-size:12pt; font-weight:bold; margin:0; padding:3px; vertical-align:middle; }

.warn     { font:10px ;color:#ff0000; font-weight:bolder; }

.hid table	{ border:none; border:0; border-collapse:collapse; margin:0; padding:0; }
.hid td		{ border:none; border:0; margin:0; padding:0; }

/* Forms - form elements styling are best avoided */

form, input { margin:0; padding:0; }
input.txt	{ background:#ffffff; color:#2f4f4f; font:bold 11px "verdana,tahoma";  height:25px; vertical-align:middle; margin:0; padding:1px; border:2px #d0e5f2 solid }
input.reg2	{ background:#ffffff; color:#2f4f4f; font:bold 12px "verdana,tahoma";  height:30px; vertical-align:middle; margin:0; padding:1px; border:2px #d0e5f2 solid }

input.reg {
	border: 1px solid #999999;
	background:#ffffff; color:#2f4f4f; height:25px;
	font-family: verdana,tahoma; border-color:#3399FF;
	font-size: 12px; font-weight:bold
}

input.tro	{ border:none; background:none; color:#996633; font:bold 10px verdana, tahoma, arial, helvetica, sans-serif; cursor:default; }
input.ro	{ background:transparent; cursor:default; }
input.req	{ background:#ffffcc; color:#000000; }
th input.th	{ font:normal 9px verdana, tahoma, arial, sans-serif; }
/* IE7 has a bug that is min-width attribute for input type=button.  So I can't apply min-width:20px to .btn */
.btn, .btn1, .btn2, .cal, .clc { cursor:pointer; }
input.btn	 { font:bold 12px "verdana,tahoma"; min-height:30x; text-align:center; vertical-align:middle; padding-left:5px;padding-top:5px; padding-right:5px;padding-bottom:5px; }

input.btnsrc	 { font:bold 11px "verdana,tahoma"; min-height:15x; text-align:center; vertical-align:middle; padding-left:1px;padding-top:1px; padding-right:1px;padding-bottom:1px; }


input.cal	{ background:url(../images/layout/frm_cal.gif) center center no-repeat; border:1px #dcdcdc solid; border-bottom-color:#000000; border-right-color:#000000; margin:0; padding:0; height:19px; width:20px; vertical-align:middle; }
input.clc	{ background:url(../images/layout/frm_calc.gif) center center no-repeat; border:1px #dcdcdc solid; border-bottom-color:#000000; border-right-color:#000000; margin:0; padding:0; height:19px; width:20px; vertical-align:middle; }
input.chk	{ /* checkboxes are almost impossible to be styled */ }
select		{ background:#ffffff; color:#2f4f4f; font:bold 10px "verdana,tahoma";  vertical-align:middle; margin:0; padding:0; border:2px #d0e5f2 solid;}
select.req	{ background:#ffffcc; color:#000000; }
textarea	{ background:#ffffff; color:#2f4f4f; font:bold 13px "verdana,tahoma";  vertical-align:middle; margin:0; padding:0px; border:2px #d0e5f2 solid;}
textarea.req{ background:#ffffcc; color:#000000; }
input.rdo	{ vertical-align:middle; width:20px; }
input.rdo.req { background:transparent; }

/*
form, input { margin:0; padding:0; }
input.txt	{ background:#ffffff; color:#2f4f4f; font:normal 11px "Courier New", courier, monospace;  height:17px; vertical-align:middle; margin:0; padding:0; }
input.btn	{ padding-left:2px; padding-right:3px; background:#f8f8f8; color:#908070; border:1px #dcdcdc solid; font:bold 10px tahoma, verdana, arial, sans-serif; height:21px; text-align:center; vertical-align:middle; border-bottom-color:#000000; border-right-color:#000000; }
input.tro	{ border:none; background:none; color:#996633; font:bold 10px verdana, tahoma, arial, helvetica, sans-serif; }
th input.th	{ font:normal 9px verdana, tahoma, arial, sans-serif; }
*/
/* IE7 has a bug that is min-width attribute for input type=button.  So I can't apply min-width:20px to .btn */
/*
input.cal	{ background:#f8f8f8 url("../images/layout/frm_cal.gif")  center center no-repeat; border:1px #dcdcdc solid; border-bottom-color:#000000; border-right-color:#000000; margin:0; padding:0; height:19px; width:20px; vertical-align:middle; }
input.clc	{ background:#f8f8f8 url("../images/layout/frm_calc.gif") center center no-repeat; border:1px #dcdcdc solid; border-bottom-color:#000000; border-right-color:#000000; margin:0; padding:0; height:19px; width:20px; vertical-align:middle; }
select	{ background:#ffffff; color:#2f4f4f; font:normal 11px "Courier New", courier, monospace;  height:19px; vertical-align:middle; margin:0; padding:0; }
textarea	{ background:#ffffff; color:#2f4f4f; font:normal 11px "Courier New", courier, monospace;  vertical-align:middle; margin:0; padding:1px; }
input.rdo	{ vertical-align:middle; }
*/
label, .lbl	{ color:#555555; font:bold 10px verdana, tahoma, arial, helvetica, sans-serif; }
.fix, .val	{ color:#996633; font:bold 10px verdana, tahoma, arial, helvetica, sans-serif; }
.pricing	{ font:normal 9px arial; }
.msg		{ background:#eeeeee; color:#332211; font-weight:bolder; padding:4px; }
/* iframes - no/border, no/scroll */
.ifb, .ifbs	{ border: 1px #cccccc solid; }
.copy		{ color:#717171; font:normal 9px arial, tahoma, sans-serif; padding:15px 0 20px 0; text-align:center; }

/* Notice box, the slightly yellow ones that you don't often see */
.notice				{ background:#fffacd; color:#888888; border:1px #888888 dotted; font:9px Verdana, Tahoma, Arial, Helvetica, sans-serif; margin:15px; padding:10px; }
.notice .subject		{ color:#dc143c; font-weight:bold; }
.notice a			{ font-weight:bold; }

/* Notice box type 2, often used after submit changes to an item */
.notice2			{ background:#e0ffff; color:#888888; border:1px #888888 dotted; font:9px Verdana, Tahoma, Arial, Helvetica, sans-serif; margin:15px; padding:10px; }
.notice2 .subject	{ color:#0000cd; font-weight:bold; text-transform:uppercase; }

a:link, a:visited, .lnk  { color:#990000; cursor:pointer; font-weight:bolder; text-decoration:none;			}
a:hover, a:active, .lnk1 { color:#ff0000; cursor:pointer; font-weight:bolder; text-decoration:underline;	}

.w		{ width:auto; }	.w5		{ width:  5%; }
.w10	{ width: 10%; }	.w15	{ width: 15%; }
.w20	{ width: 20%; } .w25	{ width: 25%; }
.w30	{ width: 30%; } .w35	{ width: 35%; }
.w40	{ width: 40%; } .w45	{ width: 45%; }
.w50	{ width: 50%; } .w55	{ width: 55%; }
.w60	{ width: 60%; } .w65	{ width: 65%; }
.w70	{ width: 70%; } .w75	{ width: 75%; }
.w80	{ width: 80%; } .w85	{ width: 85%; }
.w90	{ width: 90%; } .w95	{ width: 95%; }
.w100	{ width:100%; }

.txtl	{ text-align:   left; }
.txtr	{ text-align:  right; }
.txtc	{ text-align: center; }
.txtj	{ text-align:justify; }

.vat	{ vertical-align:   top; }
.vab	{ vertical-align:bottom; }

div .on		{ display:block;			}
tbody .on	{ display:table-row-group;	}
.off		{ display:none;				}

option	{ background:#ffffff; color:#000000;  }
optgroup 	{ background:#000000; color:#ffffff; font-weight:bolder; }

h1 { color:#000; line-height:1.2em; font:bold 24px "verdana,tahoma"; padding-top:12px; padding-left:10px;}
h2 { color:#789; line-height:1.2em; font:bold 20px "verdana,tahoma"; }
h3 { color:#789; line-height:1.2em; font:bold 16px "verdana,tahoma"; }
h4 { color:#789; line-height:1.2em; font:bold 12px "verdana,tahoma"; }
h5 { color:#789; line-height:1.2em; font:bold 10px "verdana,tahoma"; }

.topmenu { 	
			font: bold 11px "verdana,tahoma"; color:#ffffff; font-weight:bold; background:#000; word-spacing:0.2em; text-indent:6px;
			height:25px; vertical-align:middle; padding-top:5px; 
		}
.topmenu a:link, .topmenu a:visited { color:#E6E6FA; font-weight:bold; text-decoration:none; }
.topmenu a:hover, .topmenu a:active { color:#ffffcc; font-weight:bold; text-decoration:underline; }

#mainmenu
{
	background:#fff; color:#fff;
	/*font:normal 12px verdana, tahoma, helvetica, sans-serif;*/
	text-align:center;
}

.m		{ border:0; border-collapse:collapse; width:300px; text-align:center; }

.m td	{ border:0; background:#92aaf0; border-bottom:1px #92aaf0 solid; height:5px; vertical-align:middle; }
.m .btm	{ border:0; background:#92aaf0 bottom center no-repeat; height:5px; width:300px; }
.m .top	{ border:0; background:#92aaf0 top    center no-repeat; height:5px; width:300px; border-bottom:1px #92aaf0 solid; }

.m a:link, .m a:visited { color:#ffee99; font-weight:bold; text-decoration:none; }
.m a:hover, .m a:active { color:#cococo; font-weight:bold; text-decoration:underline; }
.m th { color:#FFFFFF; font-size:12px; font-weight:bold; margin:0; padding:3px 1px; vertical-align:middle; height:25; background:url(../images/td_hdr.gif) }
/*.m th	{ border:0; background:#92aaf0; margin:0; padding:0; font:10pt; font-weight:bold; vertical-align:middle; }*/

.m1		{ border:0; border-collapse:collapse; width:130px; text-align:center; }
.m1 th	{ border:0; background:#92aaf0; margin:0; padding:0; font:10pt; font-weight:bold; vertical-align:middle; }
.m1 td	{ border:0; background:#92aaf0; border-bottom:1px #92aaf0 solid; height:5px; vertical-align:middle; }
.m1 .btm	{ border:0; background:#92aaf0 bottom center no-repeat; height:5px; width:130px; }
.m1 .top	{ border:0; background:#92aaf0 top    center no-repeat; height:5px; width:130px; border-bottom:1px #92aaf0 solid; }

.m1 a:link, .m1 a:visited { color:#ffee99; font-weight:bold; text-decoration:none; }
.m1 a:hover, .m1 a:active { color:#cococo; font-weight:bold; text-decoration:underline; }


/*
.m		{ border:0; border-collapse:collapse; width:200px; text-align:center; }
.m th	{ border:0; background:#92aaf0; margin:0; padding:0; font:10pt; font-weight:bold; vertical-align:middle; }
.m td	{ border:0; background:#92aaf0; border-bottom:1px #92aaf0 solid; height:10px; vertical-align:middle; }
.m .btm	{ border:0; background:#92aaf0 url("../images/mbtm.gif") bottom center no-repeat; height:14px; width:200px; }
.m .top	{ border:0; background:#92aaf0 url("../images/mtop.gif") top    center no-repeat; height:14px; width:200px; border-bottom:1px #92aaf0 solid; }

.m a:link, .m a:visited { color:#ffee99; font-weight:bold; text-decoration:none; }
.m a:hover, .m a:active { color:#ffffcc; font-weight:bold; text-decoration:underline; }
*/

#msgicon 	 {	float:left; width:70px;  height:60px;  margin:10px; 		text-align:justify; 		}
#msgtitle1	 {	float:left; width:400px; height:20px;  padding-top:20px;  	vertical-align:bottom;	font: "verdana, tahoma"; 	}
#msgtitle3	 {	float:left; width:400px; height:12px;  padding-top:7px;  	vertical-align:bottom;	font: "verdana, tahoma"; 	}
#msgtitle2	 {	float:left; width:400px; height:0px;   margin:0px;  		vertical-align:top; 	
				font:italic 10px "verdana, tahoma"; 		
			 }
#msgcontent1 {	float:left; width:550px; height:100%;  margin:10px;	text-align:justify; 	
				font: 10px "verdana,tahoma"; font-weight:bold;		}
				
#msgcontent2 {	float:left; width:100%; height:100%;  padding:5px; text-align:justify; border:1; background:#DCDCDC;
				color:#789; line-height:1.2em; font:bold "verdana,tahoma";
			 }
			 
#msgend		 {	background: url(../images/img11.gif) repeat-x; width:600px; text-align:center; }

#cmttitle1	 {	float:left; width:450px; height:10px; padding-top:0px; margin:10px;  vertical-align:bottom;		}
#cmttitle2	 {	float:left; width:450px; height:30px; padding-left:10px; 	
				padding-top:0px; margin:0px;  vertical-align:top; font: 10px "verdana,tahoma"; font-weight:italic;		
			 }
#cmtcontent1 {	float:left; width:550px; height:100%; margin:10px;	   	text-align:justify;	font: 10px "verdana,tahoma"; font-weight:bold;		}
.cmtwho		 { 	font: bold 11px "verdana,tahoma"; padding-top:12px;  }
.cmtsaid	 {	font: bold 10px "verdana,tahoma"; color:#808080	}
.cmtdate	 {	font:  10px "Arial"; color:#696969	}
.cmttxt		 {	float:left; padding-bottom:5px; padding-top:10px;	text-align:justify; 	
				font: 11px "verdana,tahoma";  word-spacing:0.1em; text-indent:0px; text-align:left;
			 }
#mbricon 	 {	float:left; margin:2px; width:70px; height:71px; text-align:justify; }
#mbrtitle1	 {	float:left; width:120px; padding-top:3px; vertical-align:top; 		 }
#mbrend		 {	height:10px; width:480px; text-align:center; }


.login		{	
				margin: 0;
				padding: 0;
				list-style: none;
				font: 11px "verdana,tahoma";
			}

.box {
	border: 1px solid #999999;
	background:#ffffff; color:#2f4f4f; height:25px;
	font-family: verdana,tahoma; border-color:#3399FF;
	font-size: 12px; font-weight:bold
}
.boxlogin {
	border: 1px solid #999999;
	background:#ffffff; color:#2f4f4f; height:20px;
	font-family: verdana,tahoma;
	font-size: 11px; font-weight:bold
}

#btn  	{ cursor:hand; border:0;  }
.title 	{ font:12pt; color:#ffffff; height:30 }
.title a:link,  .title a:visited  	{ color:#ff0000; cursor:pointer; font-weight:bolder; text-decoration:none;		}
.title a:hover, .title a:active 	{ color:#ffffff; cursor:pointer; font-weight:bolder; text-decoration:underline;	}