@CHARSET "ISO-8859-1";
/* CSS Document */

body { margin: 0px; padding: 0px; background-color:#666666; background:url(../../../template/default/images/template_images/bg.gif);}

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; margin: 12px 12px 12px 0px; color: #666666; font-weight: bold; letter-spacing: 6px;}
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; margin: 12px 12px 12px 0px; color: #666666; font-weight: bold; letter-spacing: 3px;}
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 12px 12px 12px 0px; color: #666666; font-weight: bold; letter-spacing: 3px;}
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 12px 12px 12px 0px; color: #666666; font-weight: bold; letter-spacing: 0px;}

img { border:0px;}
hr { color:#CCCCCC; height:1px;}

form{ margin:0px;	padding:0px;}
input { border:1px solid #999999; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; padding-left:4px;}
textarea { border:1px solid #999999; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; padding-left:4px;}
.lbl_rememberme{ color:#cccccc; cursor:pointer;}
.username	{ height:16px; 				border:none; background-color:#FFFFFF; background:url(../../../template/default/images/template_images/username.png) no-repeat; padding-left:20px;}
.password	{ height:16px; 				border:none; background-color:#FFFFFF; background:url(../../../template/default/images/template_images/password.png) no-repeat; padding-left:20px;}
.checkbox {border:none; }
.checkboxLabel:hover {cursor:pointer;}
.radiobutton {border:none; }
.button{ border:none; background-color:#FF7700; background:url(../../../template/default/images/template_images/btn_login.png); padding:1px 10px; color:#FFFFFF; font-size:12px;}
.btn_log	{ 				width:75px; border:none; background-color:#FF7700; background:url(../../../template/default/images/template_images/btn_login.png); 			padding-bottom:1px; color:#FFFFFF; font-size:12px;}
select{ border:1px solid #999999; color:#333333; font-size:11px;}
pre {margin:0px; padding:0px;}

.table { width: 100%;border: 0px;margin: 0px;padding: 0px;}
.table tr {vertical-align:top;}
.rightfloat { float: right;}
.leftfloat { float: left;}

.a {color:#ff9900;}
.a:hover{background:#ff9900; color:#ffffff; text-decoration:underline; cursor:pointer;}

.orange{ color:#ff9900;}
.orange:hover{background:#ff9900; color:#ffffff; text-decoration:none; cursor:pointer;}

.red{ color:#ff0000 !important;}
.red:hover{background:#ff0000 !important; color:#ffffff !important; text-decoration:none; cursor:pointer;}

/****************/
/* Main Wrapper */
/****************/
div.wrapper { width: 970px; height: 100%; color:#666666; text-align:center; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px;}

/**************/
/* Top Header */
/**************/
div.topheader { width:100%; background:#EEEEEE; border-bottom:1px solid #999999;}
div.topheader ul { margin:0px; padding:0px; list-style-type:none;}
div.topheader ul li { color: #333333; float: left; padding: 6px 0px;}
div.topheader ul li a { color:#333333; text-decoration:none; padding:6px 10px 6px 10px;}
div.topheader ul li a:hover { background:#ffaa00; color:#FFFFFF;}

/***************/
/* Main header */
/***************/
div.mainheader { width: 100%; background:#FFFFFF; padding:5px 0px; }

/**************/
/* Sub Header */
/**************/
div.subheader { width: 100%; background:#999999; padding:5px 0px; color:#EEEEEE; }
	div.subheader a {		text-decoration:underline; border:0px; color:#EEEEEE; }
	div.subheader a:hover {	text-decoration:none; background:#EEEEEE; color:#ff7700; }
	div.subheader b { color:#EEEEEE; }

/***********/
/* Content Area */
/***********/
.contentarea {	margin-top:10px; text-align:left; }

/* Content Bar */
.contentbar { vertical-align:top; background:#FFFFFF; }
	.contentbar a {			text-decoration:underline;	border:0px;			color:#ff9900; }
	.contentbar a:hover {	text-decoration:none;		background:#ff9600;	color:#ffffff; }

/* Service Bar */
.servicebar {	vertical-align:top; width:136px; background:#999999; }
	.servicebar a:hover {	background:#666666; }

/* Space Bar */
.spacebar {		width:10px; }

/* Menu */
.side-menu-header { background:url(../../../template/default/images/template_images/tblbg2.gif); padding:3px 3px 3px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; letter-spacing:2px; }
	.side-menu-header a { text-decoration:none !important; color:#FFFFFF !important; }
	.side-menu-header a:hover { text-decoration:none; }
	.side-menu-header label { font-weight:bold; letter-spacing:normal; }

/* Side Bar */
.sidebar { vertical-align:top; background:#FFFFFF; width:270px; }
	.sidebar a {		text-decoration:underline; border:0px; color:#ff9900; }
	.sidebar a:hover {	text-decoration:none; background:#ff9600; color:#ffffff; }
	.sidebar ul {		padding:0px; margin:15px; }
	.sidebar ul li {	list-style:square; }

/* Menu Bar */
.menubar {		padding-bottom:5px; vertical-align:top; background:#FFFFFF; width:170px; }
	.menubar .content {padding:0px 10px; line-height:16px;}
	.menubar h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; margin: 12px 0px 0px 0px; padding-bottom:3px; color: #666666; font-weight: bold; letter-spacing: normal; }
	.menubar h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; margin: 12px 0px 0px 0px; padding-bottom:3px; color: #666666; font-weight: bold; letter-spacing: normal; }
	.menubar h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 12px 0px 0px 0px; padding-bottom:3px; color: #666666; font-weight: bold; letter-spacing: normal; }
	.menubar h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 12px 0px 1px 0px; padding-bottom:3px; color: #666666; font-weight: bold; letter-spacing: normal; border-bottom:1px dotted #999999;}
	.menubar h5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 12px 0px 1px 0px; padding-bottom:3px; color: #666666; font-weight: bold; letter-spacing: normal; border-bottom:1px dotted #999999;}
	.menubar h6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin: 12px 0px 1px 0px; padding-bottom:3px; color: #666666; font-weight: bold; letter-spacing: normal; }
	.menubar ul { margin:0px; padding:0px; list-style-type:none; }
	.menubar ul li { color:#666; }
	.menubar ul li a { padding:1px 0px;padding-left:5px !important; color:#666; text-decoration:none; display:block; }
	.menubar ul li a:hover { background:#ffaa00; color:#FFFFFF; }
	.menubar b 	{ font-size:10px; font-weight:bold; color:#666666;}

/* Content */
div.content { padding:0px 15px 15px 15px; line-height:16px; }

/**************/
/* Footer */
/**************/
div.footer { width: 100%; padding:5px 0px; font-size: 10px; color: #999999; vertical-align:top; }

/****************/
/* Flyout Table */
/****************/
.menucelloff {  background-color: #999999; border-style: none; }
.menucelloff:hover { background-color: #666666; border-style: none; }
.menucellover {  background-color: #666666; border-style: none; }

.flyoutdivs { border: #999999 solid; border-width: 0px 0px 0px 1px;}
.flyoutheading { color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing:1px; padding-left:4px; height:18px; vertical-align:middle;}
.flyoutable {  background-color: #CCCCCC; border-style: none; padding:6px; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.flyoutable img {border:1px solid #FFFFFF; margin:3px;}
.flyoutable ul { margin:0px 0px 0px 15px; padding:0px;}
.flyoutable ul li {	 color:#FFFFFF; list-style:square;  border:1px;}
.flyoutable a:link {  color: #666666}
.flyoutable a:visited {  color: #666666}
.flyoutable a:hover {  color: #333333; text-decoration: underline}
.flyoutable a:active {  color: #666666}
.flyoutable b {color: #FFFFFF; font-size:14px;}
.cs{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; letter-spacing:1px; }

.announcements {  color: #999999; vertical-align:top; text-align:justify; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 6px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; }
.rollupdivs {  border: 1px #999999 solid }
.rolltd {  padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px }

/*******/
/* FAQ */
/*******/
.faq {}
.faq tr { vertical-align:top; }
.faq tr td { height:20px; }
.faq tr td a { text-decoration:none; display:block; font-weight:bold; color:#666666;}
.faq tr td a:hover { padding:3px; color:#FFFFFF;}
.faq tr td div { padding:2px; border:1px solid #CCCCCC; background:#F9F9F9; }

/**************************/
/* Form Response Handling */
/**************************/
.success { border:1px solid green; padding:10px; margin:15px 0px; background:#CCFFCC; color:green; font-weight:bold; text-align:center;}
.failure { border:1px solid red; padding:10px; margin:15px 0px; background:#FFFFCC; color:red; font-weight:bold; text-align:center;}
.inputarea { background:#eeeeee; border:1px solid #999999; }

/**********/
/* Status */
/**********/
.active{ color:green !important; }
.inactive{ color:red !important; }

/***********/
.label-link {		color:#ff9900;	padding:1px 5px;	text-decoration:underline; }
.label-link:hover { color:#ffffff;						text-decoration:none;		background-color:#ff9900;   cursor:pointer; }