﻿/********************************* Stella International, Inc. **************************/

/* PRINT */
@media print {
    .printhide { display:none; }
    .screenhide { display:none; }	
	#receiptHeader 
	{
		padding-bottom: 20px;
		border-bottom: 1px dashed #ccc;
	}
	#CustomerreceiptHeader
	{
		padding-bottom: 20px;
		border-bottom: 1px dashed #ccc;
	}
	#receiptFooter 
	{
		padding-top: 20px;
		border-top: 1px dashed #ccc;
	    
	}
	#CustomerreceiptFooter 
	{
		padding-top: 20px;
		border-top: 1px dashed #ccc;
	    
	}
	#receipt 
	{
	   width:600px;
	   border:solid 1px #c6cfe1;
		background:#fff;
		padding:10px;
		color:#333333;
		margin:10px auto;
		text-align:left;
	}
	#Customerreceipt 
	{
	   width:600px;
	   border:solid 1px #c6cfe1;
		background:#fff;
		padding:10px;
		color:#333333;
		margin:10px auto;
		text-align:left;
	}
}
@media screen {
    .printhide { /* show */ }
    .screenhide { display:none; }	
	#receiptHeader 
	{
		padding-bottom: 20px;
		border-bottom: 1px dashed #ccc;
	}
	#CustomerreceiptHeader 
	{
		padding-bottom: 20px;
		border-bottom: 1px dashed #ccc;
	}
	#receiptFooter 
	{
		padding-top: 20px;
		border-top: 1px dashed #ccc;
	    
	}
	#CustomerreceiptFooter 
	{
		padding-top: 20px;
		border-top: 1px dashed #ccc;
	    
	}
	#receipt 
	{
	   width:600px;
	   border:solid 1px #c6cfe1;
		background:#fff;
		padding:10px;
		color:#333333;
		margin:10px auto;
		text-align:left;
	}
	#Customerreceipt 
	{
	   width:600px;
	   border:solid 1px #c6cfe1;
		background:#fff;
		padding:10px;
		color:#333333;
		margin:10px auto;
		text-align:left;
	}

}

	
/* HTML STYLES */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	
}
body {
	background-color: #e6e6e6;
	background-image: url(/images/bgpage.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
 	min-width: 1010px;
}
.RadEditor {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a, a:link {
	color:#0033CC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0033CC;
}
a:hover {
	text-decoration: underline;
	color: #CC0000;
}
a:active {
	text-decoration: none;
	color: #cc0000;
}
h1,h2,h3,h4,h5,h6, .Heading1, .Heading2, .Heading3, .Heading4, .Heading5, .Heading6 {
	font-weight: bold;
	margin:0.5em 0 0 0;
	padding:0;
}
/*
li { 	
	line-height:1.2em;
	margin:0px 0px 0px -20px;
	padding:5px 0px 0px 0px; 
	}
	
li li { 	
	line-height:1.0em;
	margin:0px 0px 0px -25px;
	padding:2px 0px 0px 0px; 
	list-style-type:none;
	}
*/	
p {margin:0.5em 0 0 0; 
}


fieldset 
{
	border: 1px solid #aec0ce;
	padding:5px;
	margin:0;
}
legend 
{
	font-size:1.1em;
	font-weight:bold;
	}
h1, .Heading1 {
	font-size: 18px;
}
h2, .Heading2 {
	font-size: 16px;
}
h3, .Heading3 {
	font-size: 14px;
}
h4, .Heading4 {
	font-size: 14px;
}
h5, .Heading5 {
	font-size: 14px;
}
h6 {
	font-size: 14px;
}
hr {
	height:1px;
	width: 100%;
	background: #aec0ce; 
	margin: 0px 0px 0px 0px;
}
.left 
{
    text-align:left;
}
.right 
{
     text-align:right;
}
.center 
{
     text-align:center;
}
/* CUSTOM CLASSES */
.bannerad {
	text-align:center;
	vertical-align:center;
}
#datetime {
	border-bottom:1px solid #aec0ce;
	width: 700px;
	text-align:center;
	color:#aec0ce;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
}
#wrapper {
  text-align: left;
  width: 1010px;
  margin-left: auto;
  margin-right: auto;
}
#menuheader {
  text-align: right;
  font-size:0.8em;
  padding:0px 10px 15px 0px;
}
#main {
  padding:10px 10px 10px 10px;
  min-height:500px;
  vertical-align:top;
  
}
#primarycontent {
	width: 100%;
	display:block; 
	float:left; 
	position:relative;
	padding-bottom:20px;
}
#quicklinks {
	margin:5px 0px 0px 10px;
	padding:5px 0px 0px 10px;	
}
#quicklinks li {
	list-style:url(/images/bullet.jpg) outside;line-height:1.5em;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px; 
}
#quicklinks a, #quicklinks a:visited {
	color:#333333;
}
#secondarycontent {
	width: 200px;
	display:block; 
	float:right; 
	position:relative;
	border:1px solid #556e8d;
	background:#dfe6ee url(/images/bgsecondary.jpg) left repeat-y;
	min-height:300px;
	padding:10px;
	vertical-align:top;
}
.adminblock {background-color:#ccff88;display:block;font-weight:bold;font-size:1.1em;padding:5px;border-top:1px solid #aec0ce;border-bottom:1px solid #aec0ce;}
.adminmenu ul {padding:5px;margin:0}
.adminmenu li {padding:8px;margin:0;border-bottom:1px solid #aec0ce; }
.adminmenu strong {font-size:1.2em;}
.bold { font-weight:bold; }
.clearer {clear: both; line-height: 0; height: 0;}
.error { color:Red;font-weight:bold;font-size:1.1em;}
.red { color:Red;}
.errorblock { background-color:#ffff66;margin:5px;text-align:center;display:block;padding:10px;border:1px solid #cc0000;color:#cc0000;font-weight:bold;font-size:1.1em;}
.errorbox { background-color:#ffff66;margin:5px;text-align:center;display:block;padding:10px;border:1px solid #cc0000;color:#cc0000;font-weight:bold;font-size:1.1em;}

.highlight {
	background-color:#FFFF00;
}
.refreshblock { background-color:#ffffff;margin:5px;text-align:center;display:block;padding:10px;border:1px solid #aec0ce;color:#000000;font-weight:bold;font-size:1.1em;}
.footer {
	color:#666666;
	font-size:0.9em;
	text-align:center;
	padding:20px 0px 20px 0px;
	border-top:1px solid #bbcad6;
}
.footnote {color:#666666;font-size:0.9em;}
.footerbottomleft {background:url(/images/bottomleft.jpg) bottom left no-repeat;}
.footerbottomright {background:url(/images/bottomright.jpg) bottom right no-repeat;}
.footerreflectbg {background:url(/images/bottomreflection.jpg) top left repeat-x;}
.footerbottomreflectleft {background:url(/images/bottomleftreflection.jpg) top left no-repeat;}
.footerbottomreflectright {background:url(/images/bottomrightreflection.jpg) top right no-repeat;}
.greenbox { background-color: #99FF66;margin:5px;text-align:center;display:block;padding:10px;border:1px solid #cc0000;color:#cc0000;font-weight:bold;font-size:1.1em;}
.homepagecolumns {background:url(/images/bghomepagecolumns.jpg) top left repeat-x;min-height:200px;}
.homepagecol1 {color:#FFFFFF;font-weight:bold;font-size:14px;background:#3c7fff url(/images/bghomepagecol1.jpg) left no-repeat;margin:0px 0px 10px 0px; height:18px;padding:1px 0px 0px 30px;}
.homepagecol2 {color:#FFFFFF;font-weight:bold;font-size:14px;background:#003fc1 url(/images/bghomepagecol2.jpg) left no-repeat;margin:0px 0px 10px 0px; height:18px;padding:1px 0px 0px 30px;}
.homepagecol3 {color:#FFFFFF;font-weight:bold;font-size:14px;background:#9c0403 url(/images/bghomepagecol3.jpg) left no-repeat;margin:0px 0px 10px 0px; height:18px;padding:1px 0px 0px 30px;}
.inservice {background:#f1f3fa url(/images/bginservice.jpg) bottom left repeat-x;min-height:200px;list-style:inside;list-style-type:square;width:450px}
.inservicedetail {background:#f1f3fa url(/images/bginservice.jpg) bottom left repeat-x;min-height:200px;list-style:inside;list-style-type:square;width:95%; padding:0px;margin:30px}
.inserviceimg {display:block;float:left;padding:0px 10px 10px 0px;}
.inservice p {padding:0px 0px 5px 0px;margin:0}
.inservice ul {padding:0px;margin:0}
.inservice li {padding:5px 0px 0px 0px;margin:0}
.inservicetitle {font-weight:bold;font-size:14px;color:#ffffff;background:#5e7cbc url(/images/bgbarbluestar.jpg) left no-repeat;padding:1px 0px 0px 30px;}
.inservicetag {font-style:italic;font-family:"Times New Roman", Times, serif;font-size:16px;color:#ffffff;}
.footerreflect {
	Filter:FlipV;
	color:#c3c3c3;
	font-size:0.9em;
	text-align:center;
	padding:35px 0px 10px 0px;
}
.hide {
	display:none;
}
.letterheader {padding:10px}
.letterbody {padding:10px;}
.newsitem {
	border-bottom:1px solid #aec0ce;
	padding:5px;
}
.newsitem span {
	color:#999999;
}
.newsitemlist {
	display:block;
	border-bottom:1px solid #aec0ce;
	padding:5px 5px 12px 5px;
	clear:both;
}
.newsitemlist span {
	color:#999999;
}
.itemnews { position:relative;	float:left;	padding:10px 10px 10px 10px; border:0px;}
.itemnewssmall { position:relative;	float:left;	padding:0px 5px 5px 0px; border:0px;}
.itempreview { padding:5px;border:6px solid #ffff66; min-height:300px;}

.tbloptions td {background:url(/images/bghomepagecolumns.jpg) top left repeat-x; vertical-align:top;}
.submenu {background:url(/images/bghomepagecolumns.jpg) top left repeat-x; vertical-align:center;padding:3px 5px 5px 5px;border-top:1px solid #aec0ce;border-bottom:1px solid #aec0ce;margin:5px 0 10px 0;}
.tblrow1 td {background:#ffffff;border-bottom:1px solid #aec0ce; vertical-align:top;padding:5px;}
.tblrow2 td {background:#f6f6f6;border-bottom:1px solid #aec0ce; vertical-align:top;padding:5px;}
.tbldata {border:1px solid #e5e5e5;width:100%; text-transform:uppercase;}
.tbldata th {background:#014BA0;border-bottom:1px solid #aec0ce;font-size:1.1em;font-weight:bold;color:#ffffff; vertical-align:bottom;padding:5px;}
.tbldata th a {color:#ffffff;}
.tbldata a {color:#0033CC;}
.menubg {display:block;background:#aec0ce url(/images/bgmenu.jpg) bottom left  repeat-x;margin:0;padding:0;border-top:1px solid #aec0ce;height:22px;}
.menulow {background: #F6BA8B url(/images/bgmenulow.jpg) left repeat-y;border-top:1px solid #556e8d;font-size:6px;}
.pagehead {background: url(/images/bghead.jpg) left repeat-x;height:21px;}

.headerred {
	background:#cc0001 url(/images/star_red.jpg) left no-repeat;
	border-bottom:1px solid #660000;
	padding: 4px 4px 4px 20px;
	color:#ffffff;
	font-weight:bold;
	font-size:1.2em;
}
.headerblue {
	background:#006699 url(/images/star_blue.jpg) left no-repeat;
	border-bottom:1px solid #003399;
	padding: 4px 4px 4px 20px;
	color:#ffffff;
	font-weight:bold;
	font-size:1.2em;
}
.quote {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
	line-height:1.5em;
	color: #666666;
}
.secondaryspacer {
	padding:3px 0px 3px 0px;
}
.signuptable {
	border: 1px solid #5175a2;
}
.signuptable td {
	border-bottom: 1px solid #e9e9e9;
}

.tagline {color:#033B9C;text-align:right;line-height:68px;font-family:"Times New Roman", Times, serif;font-style:italic;font-size:15px;padding-right:7px;}
.underline {border-bottom:1px solid #aec0ce;}
.centerline {border-left:1px solid #aec0ce;}
.white {background:#ffffff;}


/* Form Elements */

.formbutton { 
	color: #FFFFFF; 
	font-weight: bold;
	border: thin outset #cccccc; 
	background-color: #AE2A26; 
	height:25px; 
	border-style:solid; 
	border-top-width:1px; 
	border-bottom-width:1px; 
	border-left-width:1px; 
	border-right-width:1px; 
	cursor: hand;
} 
.inputtextbox {
	

}
.required {
}
.inputdrowndown {

	
}
.hidden
{
	visibility: hidden;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
}


.tableA {
	border:1px solid #333333;
	background-color:#ffffff;
}
.tableA tr {
	
}
.tableA td {
	background:#f6f6f6; vertical-align:top;border-bottom:1px solid #aec0ce;
}

#MenuList 
{
    margin:0px;
    padding:30px;
}
#MenuList li 
{
    font-size:17px;
    list-style:none;
    border:solid 1px #c6cfe1;
	background:#f5f5f5;
	margin:5px;
	padding:5px;
}
#ActionList {
    margin:0px;
    padding:0px;
}
#ActionList li 
{
    font-size:12px;
    list-style:none;
    border:solid 1px #c6cfe1;
	background:#f5f5f5;
	margin:5px;
	padding:5px;
}
.SubMenuList 
{

	width:100%;
	position:relative;
	float:left;
	left:-20px;
    margin: -10px 0px -10px 0px;
    padding:15px;
}
.SubMenuList li 
{
	font-weight:bold;
    list-style:none;
    border:solid 1px #c6cfe1;
	background:#f5f5f5;
	margin:0px 10px 0px 0px;
	padding:5px;
}
.SubMenuListAlt 
{
	width:100%;
	position:relative;
	float:left;
	left:-20px;
    margin: -10px 0px -10px 0px;
    padding:15px;
}
.SubMenuListAlt li 
{
	font-weight:bold;
    list-style:none;
    border:solid 1px #000000;
	background:#ffffff;
	margin:0px 10px 0px 0px;
	padding:5px;
}
.searchbox {
	border:solid 1px #c6cfe1;
	background:#f5f5f5;
	padding:10px 10px 10px 100px;
	color:#333333;
	margin:10px 150px 20px 150px;
	text-align:left;
}
.searchbox label 
{
    color:#555555;
    font-weight:bold;
}
.paging 
{
    text-align:center;
}
.surveybox {
	border:solid 1px #c6cfe1;
	background:#f5f5f5;
	padding:10px 10px 10px 100px;
	color:#333333;
	margin:10px auto 20px auto;
	text-align:left;
}
.surveybox p 
{
    font-weight:bold;
}
.surveybox table 
{
    width:100%;
}

.printbox {
	border:solid 1px #c6cfe1;
	background:#fff;
	padding:10px 10px 10px 100px;
	color:#333333;
	margin:10px 150px 20px 150px;
	text-align:left;
}
.printbox p 
{
    font-weight:bold;
}
.printbox table 
{
    width:100%;
}
/********************************** MENUS ***********************************************/

/* CUSTOMIZED BY STELLA INTERNATIONAL, INC.  ORIGINAL CREDIT SEE BELOW. */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/variable_dl.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {list-style-type:none; padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin: 0; padding: 0;}

#menu li {display:block; float:left; position:relative; z-index:100; margin:0;padding:0;}
#menu li span {display:block; z-index:100;padding: 4px 10px 4px 10px; font-weight:bold;}
#menu li a, #menu li a:visited {display:block; padding:0;}


#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: url(transparency.gif);}
#menu dt {background: #006699 url(/images/bgmenu.jpg) bottom left repeat-x; margin:0; float:left; font-weight:bold;}
#menu dd {display:none; background: transparent; border-bottom:1px solid #aec0ce; clear:left; margin:0; padding:0; color: #ffffff;text-align:left;font-weight:normal;}

#menu dt a, #menu dt a:visited {background:transparent;display:block; color:#000000; padding:4px 10px 4px 10px; text-decoration:none;}
#menu dd a, #menu dd a:visited {background:#003399; color:#ffffff; text-decoration:none; display:block; padding:3px 7px 3px 7px;}

#menu li a:hover {border-right:0;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {border-bottom:1px solid #556e8d;}
#menu li:hover dt a, #menu li a:hover dt a {background: #006699 url(/images/bgmenuon.jpg) left repeat-x;color:#000; }
#menu dd a:hover {background: #9c0403; color:#ffffff; padding:3px 7px 3px 7px;}

/* */

#menulogin {list-style-type:none; padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin: 0; padding: 0;}

#menulogin li {display:block; float:right; position:relative; z-index:100; margin:0;padding:0;}
#menulogin li span {display:block; z-index:100;padding: 4px 10px 4px 10px; font-weight:bold;}
#menulogin li a, #menulogin li a:visited {display:block; padding:0;}


#menulogin dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: url(transparency.gif);}
#menulogin dt {background: #006699 url(/images/bgmenu.jpg) bottom left repeat-x; margin:0; float:left; font-weight:bold;}
#menulogin dd {display:none; background: transparent; border-bottom:1px solid #aec0ce; clear:left; margin:0; padding:0; color: #ffffff;text-align:left;font-weight:normal;}

#menulogin dt a, #menulogin dt a:visited {background:transparent;display:block; color:#000000; padding:4px 10px 4px 10px; text-decoration:none;}
#menulogin dd a, #menulogin dd a:visited {background:#003399; color:#ffffff; text-decoration:none; display:block; padding:3px 7px 3px 7px;}

#menulogin li a:hover {border-right:0;}

#menulogin li:hover dd, #menulogin li a:hover dd {display:block;}
#menulogin li:hover dl, #menulogin li a:hover dl {border-bottom:1px solid #556e8d;}
#menulogin li:hover dt a, #menulogin li a:hover dt a {background: #006699 url(/images/bgmenuon.jpg) left repeat-x;color:#000; }
#menulogin dd a:hover {background: #9c0403; color:#ffffff; padding:3px 7px 3px 7px;}

/**************************************** END MENUS *****************************************************/

/**************************************** FORM STYLES ***************************************************/
input, select {	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
}
div.main{
	margin:50px auto; 
	width:340px;
	}

div.box{
	border:solid 1px #c6cfe1;
	background:#f5f5f5;
	padding:10px;
	color:#333333;
	margin-bottom:20px;
}
div.box h1 {
	font-size:14px;
	color:#000000;
	padding-bottom:4px;
}
div.box p{padding-bottom:14px;}

div.box input .input-text{
	border:1px solid #3b6e22;
	color:#666666;
	width:180px;
}

div.box label{
	display:block;
	/*margin-bottom:10px;*/
	color:#555555;
}

div.box label span{
	display:block;
	float:left;
	padding-right:6px;
	width:70px;
	text-align:right;
	font-weight:bold;
}
div.boxedit input .input-text{
	border:1px solid #cccccc;
	color:#666666;
	width:250px;
}
div.boxedit input[type="text"]{
	border:1px solid #cccccc;
	color:#000000;
	width:250px;
}
div.boxedit select {
	width:250px;
}
div.boxedit label
{
    clear:both;
	display:block;
	padding-bottom:3px;
	padding-top: 3px;
	color:#555555;
	border-bottom:1px dotted #e5e5e5;
}
div.boxedit table 
{
    width:100%;
    text-align:center;
    
}

div.boxedit table td 
{   
    vertical-align:top;
    width:50%;
    text-align:left;
}
div.boxedit span {
	
	display:block;
	color:#555555;
	
}
div.boxedit label span  {
	display:block;
	float:left;
	color:#666666;
	padding:0px 6px 7px 0px;
	width:180px;
	text-align:left;
	font-weight:normal;
	
}


div.boxedit h2
{   
    line-height:2em;
    margin-bottom:10px;
    border-bottom:1px solid #ccc;
}
div.boxedit h3
{   
    line-height:2em;
    margin-bottom:10px;
    border-bottom:1px solid #ccc;
}
div.boxedit h3 span
{   
   float:right;
   font-size:0.8em;
   font-weight:normal;
}
.clear, .dvRow
{
    clear:both;
}
.tableEdit {
    width:100%;
    margin:5px 0px 0px 0px;
}
.tableEdit strong {
    color:#999;
}
.tableEdit tr {
    vertical-align:top;
}
.tableEdit td {
    /* border-bottom:1px dotted #e5e5e5; */
    padding:1px 3px 1px 3px;
    color:#555;
    font-size:9px;
    line-height:12px;
}
.tableEditData {
    font-size:12px;
    font-weight:bold;
}
.tableView {
    width:100%;

}
.tableView strong {
    color:#999;
}
.tableView tr {
    vertical-align:top;
}
.tableView td {
    border-bottom:1px dotted #e5e5e5;
    padding:3px 3px 3px 3px;
    color:#555;
    font-size:11px;
    line-height:12px;
}
.changelog span {
    padding:2px;
    margin:2px;
}
.oldval {
    text-decoration: line-through;
    color:#000099;
}
.newval {
    background-color:#FFEE00;
}

.dvRow
{
    display:block;
    padding:0px 6px 2px 0px;
    border-bottom:1px dotted #e5e5e5;
}
.dvCol1 
{
    display:block;
	float:left;
	color:#666666;
	padding:0px 6px 2px 0px;
	width:180px;
	text-align:left;
	font-weight:normal;
}
.dvCol2
{
    display:block;
	float:left;
    color:#555555;
    padding:0px 6px 2px 0px;
    width:550px;
}
.dvCol3
{
    display:block;
	float:right;
    color:#777777;
    padding:0px 3px 0px 2px;
    font-size:0.9em;
    width:200px;
}

.dvSpellImg , .dvIconImg
{
    float:left;
    padding-right: 5px;
}
.dvSpellLink
{
    float:left;
}
#divNotes td {
    border-width:0px;
    padding:3px 3px 3px 3px;
}
.litTree {
    border-top:1px solid #FC0;
    padding:3px 0 0 0;
    margin:5px 0 0 0;
}
.litTree ul {
    margin-top:0;
    margin-bottom:0;
}
.litTree li {
    list-style-image: url(/icons/attach.png);
    padding:0;
    margin:0;
}

.noteblue 
{
    background-color: #f0f3f9;
    padding:5px;
}
.noteyellow 
{
    background-color: #ffffe6;
    padding:5px;
}
.noteVert {
	border-left:1px solid #e5e5e5;	
}
.noteHorz {
	border-bottom:1px solid #e5e5e5;	
}
.noteExtra {
    border-top:1px solid #e5e5e5;	
}
.noteLabel {
	font-size:0.8em;
	color:#999;
}
.noteLegend {
    color:#999;
    font-weight:normal;
    font-size:0.9em;
    
}
.noteLabel span {
    color:#999;
}
.noteAuthor {
	font-size:0.9em;
	color:#666;
	font-weight:bold;
	width:150px;
}
/* 
div.boxedit fieldset {
    border-color:#e5e5e5;	
}
*/

div.boxedit div 
{
    margin-bottom:5px;
}
.spacer{margin-left:80px; 
	margin-bottom:10px;
	font-size:11px;
	color:#555555;
}
/* BUTTON STYLING 
    useage: <div class="buttons"><a href="action">Button Text</a></div>
*/

.buttonsbox , .button
{
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    background-color:#f5f5f5;
    text-align:center;
    padding:5px;
}
.buttons a, .btn a {
    background-image:url(/images/bgbuttm.jpg);
    background-repeat:repeat-x;
	background-color:#66cc00;
	padding:0px 6px;
	border-top:1px solid #cccccc;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	border-left:1px solid #cccccc;
	height:25px; 
	line-height:25px;
	color:#FFFFFF;
	font-size:12px;
	margin:1px 5px 1px 5px;
	display:inline-block;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}

.buttons a:hover , btn a:hover
{
    background-image:url(/images/bgbuttmo.jpg);
    background-repeat:repeat-x;
	background-color:#a52c25;
	border-top:1px solid #333333;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #333333;
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
}

.buttonslarge a {
    background-image:url(/images/bgbuttl.jpg);
    background-repeat:repeat-x;
	background-color:#66cc00;
	padding:0px 40px;
	border-top:1px solid #cccccc;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	border-left:1px solid #cccccc;
	height:110px; 
	line-height:110px;
	color:#FFFFFF;
	font-size:18px;
	margin:1px 5px 1px 5px;
	display:inline-block;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}

.buttonslarge a:hover 
{
    background-image:url(/images/bgbuttlo.jpg);
    background-repeat:repeat-x;
	background-color:#a52c25;
	border-top:1px solid #333333;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #333333;
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
}
/* END BUTTONS */




.contentsHeader 
{
    border-bottom:1px solid #cccccc;
    padding:0px 0px 8px 0px;
    margin:0px 0px 5px 0px;
    font-size:1.5em;
    font-weight:bold;
}
.hints 
{
    float:right;
    width:200px;
   margin:0px;
    padding:0px;
}
.hints li 
{
    font-size:12px;
    list-style:none;
    border:solid 1px #c6cfe1;
	background:#f5f5f5;
	margin:5px 5px 5px -30px;
	padding:5px;
}
/* table less columns - see user_edit.aspx for example */
.tUL li, .tUL li li
{
    clear:both;
    border-top:1px dashed #e9e9e9;
    padding:2px 0px;
    margin:0px;
    list-style-type:none;
}
.tUL ul
{
    padding:2px 0px 0px 0px;
    margin:0px;
}
.tUL ul li
{
    font-weight:bold;
}
.tUL ul li li
{
    font-weight:normal;
    padding-left:10px;
}
.tCol3 
{
    float:right;
    width:50px;
    border-left:1px solid #e9e9e9;
    border-right:1px solid #e9e9e9;
    text-align:center;
}
.tCol2
{
    float:right;
    width:50px;
    border-left:1px solid #e9e9e9;
    text-align:center;
}
.tCol3Edit 
{
    float:right;
    width:100px;
    border-left:1px solid #e9e9e9;
    border-right:1px solid #e9e9e9;
    text-align:center;
}
.tCol2Edit
{
    float:right;
    width:100px;
    border-left:1px solid #e9e9e9;
    text-align:center;
}
.tCol1Edit
{
    float:right;
    width:100px;
    border-left:1px solid #e9e9e9;
    text-align:center;
}

.TotalDisplay {
    font-weight:bold;
}
.TotalDisplay span {
    font-size: 1.2em;
    color: red;
}
.hand {
    cursor:pointer;
}
.red { color:#c00; }
.nodata, .nodata td {
    font-size: 1.0em;
    color: red;
    text-align:center;
    padding:5px 0px;
}
.report {
    border: 3px solid #ececec;
}
/************************************************************* END FORM STYLES ***************************/

/* TABS */
#mainTABS {
	border: 1px solid #666;
	clear: both;
	background: #FFF3B3;
	padding-top: 2em;
}

#contentsTABS {
	padding: 1.5em;
	background: #FFFDF3;
	min-height: 300px;
}

#header {
	position: relative;
	
	width: 100%;
	height: 3em;
	/* width: 45em;  a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 100%; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#primary li  {
	display: inline;
	list-style: none;
}

#header ul#primary a,#header ul#primary span,#header ul#primary a.current {
	width: 15em;
	display: block;
	float: left;
	padding: 4px 0;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	font-size: 100%;
	text-decoration: none;
	color: #333;
}
#header a.current 
{
    font-weight:bold;
}

#header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
	border: 1px solid #666;
	border-bottom: none;
	background: #FFF3B3;
	padding-bottom: 6px;
	margin-top: 0;
}

#header ul#primary a {
	background: #FFFAE1;
	border: 1px solid #AAA;
	border-bottom: none;
}

#header ul#primary a:hover {
	margin-top: 0;
	border-color: #666;
	background: #FFF7CD;
	padding-bottom: 5px;
}

#header ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -1.4em;
	left: 1px;
	width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#secondary li a,#header ul#secondary li span {
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
	text-align: auto;
	border: none;
	border-right: 1px dotted #AAA;
	background: none;

}

#header ul#secondary li a {
	color: #06C;
	text-decoration: underline;
}

#header ul#secondary li a:hover {
	color: #333;
	background: transparent;
	padding: 0 10px;
	border: none;
	border-right: 1px dotted #AAA;
}

#header ul#secondary li a:active {
	color: #000;
	background: transparent;
}

#header ul#secondary li:last-child a { border: none; }
/* END TABS */

/* table less columns - see user_edit.aspx for example */
.tUL li, .tUL li li
{
    clear:both;
    border-top:1px dashed #e9e9e9;
    padding:2px 0px;
    margin:0px;
    list-style-type:none;
}
.tUL ul
{
    padding:2px 0px 0px 0px;
    margin:0px;
}
.tUL ul li
{
    font-weight:bold;
}
.tUL ul li li
{
    font-weight:normal;
    padding-left:10px;
}
.tCol3 
{
    float:right;
    width:50px;
    border-left:1px solid #e9e9e9;
    border-right:1px solid #e9e9e9;
    text-align:center;
}
.tCol2
{
    float:right;
    width:50px;
    border-left:1px solid #e9e9e9;
    text-align:center;
}
.tCol3Edit 
{
    float:right;
    width:100px;
    border-left:1px solid #e9e9e9;
    border-right:1px solid #e9e9e9;
    text-align:center;
}
.tCol2Edit
{
    float:right;
    width:100px;
    border-left:1px solid #e9e9e9;
    text-align:center;
}
.tCol1Edit
{
    float:right;
    width:100px;
    border-left:1px solid #e9e9e9;
    text-align:center;
}

/* Start Doc Tree */

/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	/* Turn off list bullets */
	ul.mktree  li { list-style: none; } 
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; padding:3px 0 3px 0; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(/icons/minus.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(/icons/plus.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(/icons/bullet_yellow.png) center left no-repeat; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 16px;font-weight:bold;border-bottom: 1px solid #e5e5e5; }
	ul.mktree  li ul li { font-size: 15px;font-weight:normal;border-bottom: 1px dashed #e5e5e5;  }
	ul.mktree  li ul li ul li { font-size: 14px; }
	ul.mktree  li ul li ul li ul li { font-size: 13px; }
	
	/* Format menu items differently depending on what level of the tree they are in
	ul.mktree  li span { font-size: 10px;font-weight:bold;border-bottom: 0px solid #e5e5e5; text-align:left; }
	ul.mktree  li ul li span { font-size: 9px;font-weight:normal;border-bottom: 0px dashed #e5e5e5;text-align:left;  }
	 */
	
}



/* End Doc Tree */
.ulMessageTags {width:275px;}
.rightalign {text-align:right}
.noupper {
    text-transform:none;
}
.dvSpellcheck {
    clear:both;
   padding: 3px 10px 10px 0px;
}
.dvSpellLink {
    font-size:0.9em;
}
.dvSpellImg {
    float:left;
    padding: 0px 10px;
}

.clear, .dvRow
{
    clear:both;
}
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
.dvRow
{
    padding:3px;
    border-bottom:1px dotted #e5e5e5;
    
}
.dvRow:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.dvCol1 
{
    
	float:left;
	color:#666666;
	padding:0px 6px 2px 0px;
	width:180px;
	text-align:left;
	font-weight:normal;
	
	
}
.dvCol2
{
    
	float:left;
    color:#555555;
    padding:0px 6px 2px 0px;
    width:750px;
    
}
.agentcopy {
    color:Orange;
    font-weight:bold;
}
.customercopy {
    color:Green;
    font-weight:bold;
}
.loginlabel {display:block;float:left;padding-right:6px;width:70px;text-align:right;font-weight:bold;line-height:22px;}
.logininput {display:block;float:left;padding-right:6px;font-weight:bold;width:130px;}
.loginbutton {background-color:#014BA0;border:1px solid #3b6e22;color:#FFFFFF;display:block;font-size:12px;font-weight:bold;height:26px;line-height:24px;padding:0px 6px;width:48px;margin:10px 95px 7px 0px;font-family:Arial, Helvetica, sans-serif;}

.msg404 {
    margin:100px auto;
    width:400px;
    border:1px solid #ccc;
    background-color: #f9f9f9;
    padding:10px;
}
/* Doc list bullets */
	ul.doclist  li { list-style: none; } 
	/* Control how "spaced out" the tree is */
	ul.doclist,ul.doclist li { margin-left:10px; padding:3px 0 3px 0; }
	/* Sublists are visible or not based on class of parent LI */
	ul.doclist { display: block; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.doclist  li a { font-size: 16px;font-weight:bold; }
	