/* =============================================================================
'	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:#ffffff;
	margin:0; padding:0;
	font:normal 10px verdana, tahoma, arial, sans-serif;
}

a:link, a:visited	{ color:#990000; font-weight:bolder; text-decoration:none;		}
a:hover, a:active	{ color:#ff0000; font-weight:bolder; text-decoration:underline;	}
a.disabled			{ color:#ACACAC; font-weight:bolder; text-decoration:none;}


/* 
.pad1	{ margin:0; padding-left:15px; padding-right:15px; }
*/
/* sub-content */
.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; }


/* -----------------------------------------------------------------------------
	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; }
.tblMini td	{ padding:2px;	border:1px #ddd solid; }
.tblMini	{ margin:4px 0; border:1px #000 solid; border-collapse:collapse; }
.tblMini .lbl	{ background:#eee; }
.tblMini .val	{ background:#fff; }
.tbl0      { margin:0; padding:0; border:0; border-collapse:collapse; }
.tbl1      { margin:0; padding:0; border:1px #cccccc solid; border-collapse:separate; width:100%; border-spacing:0; }
.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; }
.tblsml    { margin:0; padding:0; border-collapse:collapse; width:100%; }
.tbl1 th   { background:#e3e2e2; color:#908070; border:1px #e3e2e2 solid; font-size:9px; font-weight:bold; margin:0; padding:3px; vertical-align:middle; text-align:left; }
.tbl2 th   { background:#e3e2e2; color:#908070; border:1px #e3e2e2 solid; font-size:9px; font-weight:bold; margin:0; padding:3px; vertical-align:middle; text-align:left; }
.tbl3 th   { background:#e3e2e2; color:#908070; font-size:9px; font-weight:bold; margin:0; padding:3px; vertical-align:middle; text-align:left; }
.tbl1 td   { color:#666666; border:1px #f5f5f5 solid; margin:0; padding:3px 1px; vertical-align:top; }
.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; }
.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; }
.warn		{ color:#ff0000; font-weight:bolder; }

.non		{ display:none }

.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:normal 11px "Courier New", courier, monospace;  height:17px; vertical-align:middle; margin:0; padding:0px; }
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:#ffffe0; 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 10px tahoma, verdana, arial, sans-serif; min-height:19px; text-align:center; vertical-align:middle; padding-left:3px; padding-right:3px; }
button		{ font:bold 10px tahoma, verdana, arial, sans-serif; min-height:19px; text-align:center; vertical-align:middle; padding-left:3px; padding-right:3px; }
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:normal 11px "Courier New", courier, monospace;  vertical-align:middle; margin:0; padding:0; }
select.req	{ background:#ffffe0; color:#000000; }
textarea	{ background:#ffffff; color:#2f4f4f; font:normal 11px "Courier New", courier, monospace;  vertical-align:middle; margin:0; padding:1px; }
textarea.req{ background:#ffffe0; 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; }
*/
td.lbl		{ height:2em; }
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; }
.msgBox		{
	font-size:12px;
	font-weight:bold;
	border:1px #000 dotted;
	background:#ffc;
	margin	:1em 8em 2em;
	padding	:1em;
	text-align:center;
}
/* iframes - no/border, no/scroll */
.ifb, .ifbs	{ border: 1px #cccccc solid; }
.copy		{ color:#999999; font:normal 9px arial, tahoma, sans-serif; padding:30px 0 10px 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; }



.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;}
.fll	{ float:left;			}	.flr	{ float:right;			}
.flc	{ clear:both;			}

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


#progress_div , #panel_div
{
margin:0px 0px 0px 0px;
position:fixed;
height: 200%;
width:100%;
z-index:9999;
padding-top:200px;
padding-left:50px;
background:url('../images/transbg.png') center fixed;
text-align:center;
/*
clear:none;
background-color:#666666;
border:1px solid #000000;*/
}

.scroll{
	height:350px;
	overflow:auto;
	margin:0; padding:5px; border:0;
/*	scrollbar-face-color: #6095C1;
	scrollbar-highlight-color: #C2D7E7;
	scrollbar-3dlight-color: #85AECF;
	scrollbar-darkshadow-color: #427AA8;
	scrollbar-shadow-color: #315B7D;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #4DECF8S;*/
	text-align:justify;
	background-color:lightgrey;
}
* html .scroll{
	overflow-y: scroll; 
	overflow-x: hidden;
}

.scrollx{
	height:280px;
	overflow:auto;
	margin:0; padding:2px; border:0;
	text-align:justify;
	background-color:lightgrey;
}
* html .scrollx{
	overflow-y: scroll; 
	overflow-x: hidden;
}

/* pop up div (draw shadow) */
.style2
{
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  background-color: lightgrey;
  left:-5px; /* expose the shadow */
  top:-5px; /* expose the shadow */
}

.shadow
{
	display: block; 
	/*border:1px solid #ddd; */
	position:relative;
	margin:1em 0;
	/*background-color: #bbb;*/
}

/* Redo ===================================================================== */


/* headers */
.hdr	{
	background: #3e0845 url(img/menu_bg.png) center left no-repeat; /*#7f0006*/
	border-top:1px #000000 solid; border-bottom:1px #000000 solid; border-collapse:collapse;
	margin:0; padding:0;
	height:60px; width:100%;
	vertical-align:middle;
}
.hdr a:link, .hdr a:visited { color:#ffffff; text-decoration:underline;	}
.hdr a:hover, .hdr a:active { color:#ffa303; text-decoration:underline;	}
.hdr input { border:0; background:transparent; color:#fff; font:bold 9px verdana, tahoma, arial, sans-serif; }
.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:2em; text-align:left; vertical-align:middle; white-space:nowrap;
}

#content	{ background:url(img/body_bg.png) top left repeat-x; padding-top:2em; }

/* Menu */
#menu		        { border:0; margin:0; padding:0; }
#menu .itm			{ position:relative; float:left; height:72px; border:1px #ffffff solid; background:#ffffff; cursor:pointer; font:normal 9px verdana, tahoma, arial, sans-serif; padding:2px; width:80px; text-align:center; vertical-align:top; }
#menu .itm:hover,
#menu .itm1			{ position:relative; float:left; height:72px; border:1px #cccccc solid; background:#dddddd; cursor:pointer; font:normal 9px verdana, tahoma, arial, sans-serif; padding:2px; width:80px; text-align:center; vertical-align:top; background:url(img/shades.png); }
#menu .sep          { position:relative; float:left; height:72px; background:url(img/sep.gif) top center repeat-y; width:4px; }
#menu .itm0	{ width:auto; }

/* Tabs */
.tabs		{ width: 100%; border:0; border-bottom:2px #4c0a55 solid;	border-collapse:collapse;			text-align:  left; font:normal 9px verdana, tahoma, arial, sans-serif; margin-top:1.5em; }
.tab0		{ width: auto; border:0; text-align:center; font:bold   9px verdana, tahoma, arial, sans-serif; padding:0px; vertical-align:middle; }
.tab		{ width: 98px; border:0; text-align:center; font:bold   9px verdana, tahoma, arial, sans-serif; padding:2px; vertical-align:middle; cursor:pointer; color:#666666; height:26px; background:url(img/tabs.png) 0   0px no-repeat; }
.tab1		{ width: 98px; border:0; text-align:center; font:bold   9px verdana, tahoma, arial, sans-serif; padding:2px; vertical-align:middle; cursor:pointer; color:#000000; height:26px; background:url(img/tabs.png) 0   0px no-repeat; }
.tab:hover	{ width: 98px; border:0; text-align:center; font:bold   9px verdana, tahoma, arial, sans-serif; padding:2px; vertical-align:middle; cursor:pointer; color:#000000; height:26px; background:url(img/tabs.png) 0   0px no-repeat; text-decoration:underline; }
.tab2		{ width: 98px; border:0; text-align:center; font:bold   9px verdana, tahoma, arial, sans-serif; padding:2px; vertical-align:middle; cursor:pointer; color:#ffffff; height:26px; background:url(img/tabs.png) 0 -30px no-repeat; text-decoration:underline; }
.tabx		{ width:4px; border:0; border-bottom:2px #e6e6e6 solid; }
.sub,
.tabc		{ background:#f8f8ff url(img/tabc.png) top left repeat-x; border:1px #c5c5c5 solid; margin:0; padding:4px; }

.tabc th,
.sub th	{ padding:5px; background:#eeeeee; border:1px #fcf9f3 solid; color:#666666; font:bold 10px verdana, tahoma, arial, sans-serif; text-align:left; }



/* Form elements */
select, textarea, .txt,
input.txt	{ border:1px #ccc solid; vertical-align:middle; margin:0; padding:0; background:#fff url(img/input_bg.gif) top left repeat-x; }
input.txt	{ background:#ffffff; color:#2f4f4f; font:normal 11px "Courier New", courier, monospace;  height:17px; vertical-align:middle; margin:0; padding:0px; }
input.req	{ background:#ffffe0 url(img/input_req_bg.gif) top left repeat-x; color:#000000; }
input.tro	{ border:none; background:none; color:#996633; font:bold 10px verdana, tahoma, arial, helvetica, sans-serif; cursor:default; }
input.iro	{ color:#996633; background:#eeeeee; font-weight:bolder; }
input.ro	{ background:transparent; cursor:default; }
input.rdo	{ vertical-align:middle; width:20px; }
input.rdo.req { background:transparent; }

select		{ color:#2f4f4f; font:normal 11px "Courier New", courier, monospace;  vertical-align:middle; margin:0; padding:0; }
select.req	{ background:#ffffe0 url(img/input_req_bg.gif) top left repeat-x; color:#000000; }
textarea	{ color:#2f4f4f; font:normal 11px "Courier New", courier, monospace;  vertical-align:middle; margin:0; padding:1px; }
textarea.req{ background:#ffffe0 url(img/input_req_bg.gif) top left repeat-x; color:#000000; }

optgroup		{ background:#b0c4de; background:#4169e1; color:#ffffff; font-weight:bold; }
option			{ background:#ffffff; color:#000; }
option.hl 		{ background:#e6e6fa; }

label, .lbl	{ color:#555555; font:bold 10px verdana, tahoma, arial, helvetica, sans-serif; }
.val,.fix	{ color:#996633; font:bold 10px verdana, tahoma, arial, helvetica, sans-serif; height:23px }

.txt:hover,input.txt:hover,select:hover,textarea:hover	{ border:1px #778899 solid; }
.txt:focus,input.txt:focus,select:focus,textarea:focus	{ border:1px #ff0000 solid; }