A:hover               { color: #000000; text-decoration: none; }
A:active      { color: #000000; text-decoration: none; }
A:link           { color: #0066E9; text-decoration: none; }
A:visited      { color: #0066E9; text-decoration: none; }
A:visited:hover      { color: #000000; text-decoration: none;}

html{
	height: 100%;
}

body {
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
}


input, textarea {
	font-family: Arial, 'Times New Roman'; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-right: 2px;
	background-color: #FFFFFF; 
}

.content{
	margin-left: 10px;
}

.submit{
	font-weight: bold;
	background-color: #0066E9;
	color: #FFFFFF;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	border: 2px solid #C6DAFE;
	border-right: 2px solid #000066;
	border-bottom: 2px solid #000066;
}
.submit:hover{ background-color: #0099FF; }

.style{
	border: 2px solid #FFFFFF;
	padding: 5px;
	margin: 5px;
	width: 65px;
	font-size: 11px;
	display: block;
	color: #000000;
}
.style:hover { border: 2px solid #F6EE9F; color: #000000; }
.style:visited { color: #000000; }


.styleSelected { border: 2px solid #FFCC33;
	padding: 5px;
	margin: 5px;
	width: 65px;
	font-size: 11px;
	display: block;
	color: #8B2500;
}

.allotmentStatus{
	margin-bottom: 15px;
	border: 2px dotted #CCCCCC;
	background-color: #EFEFEF;
	padding: 5px;
}


.selectStyle{
	border: 2px solid #EFEFEF;
	padding: 5px;
	margin: 5px;
	margin-bottom: 20px;
	width: 150px;
	font-size: 12px;
}
.selectStyle A { color: #333333;}
.selectStyle A:visited { color: #333333; }
.selectStyle A:visited:hover { color: #8B2500;}
.selectStyle A:hover { color: #8B2500;}
.selectStyle:hover{ border: 2px solid #F6EE9F; }

.closeWindowLink{ padding: 8px; border: 2px outset #CCCCCC; background-color: #EFEFEF;}
.closeWindowLink:hover { border: 2px outset red;} 

.selectColor{
	border: 1px solid #EFEFEF;
	padding: 5px;
	margin: 5px;
}
.selectColor:hover{ background-color: #F6EE9F; border: 1px solid #CCCCCC; }

.selectColorSelected{
	background-color: #F6EE9F;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin: 5px;
}

.selectColorSelected:hover{ background-color: none; border: 1px solid #EFEFEF; }

.searchSubmit{
	font-weight: bold;
	background-color: #0066E9;
	color: #FFFFFF;
	font-size: 11px;
	padding: 2px 4px 2px 4px;
	border: 2px solid #C6DAFE;
	border-right: 2px solid #000066;
	border-bottom: 2px solid #000066;
}
.searchSubmit:hover{ background-color: #0099FF; }


.reset{
	font-weight: bold;
	background-color: #EFEFEF;
	color: #999999;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	border: 2px solid #EFEFEF;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
}

.reset:hover{ background-color: #CCCCCC; color: #333333; }

select{
	background-color:#FFFFFF;
	padding: 4px 0px 2px 2px;
	font-family: Arial, 'Times New Roman'; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
}

.smallInput{
	width: 78px; border: 1px solid #CCCCCC; font-size: .9em; padding-left: 2px;
}

.message{
	font-weight: bold;
	margin-left: 10px;
	color: #3366CC;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px -2px 0px;
}

.messageError{
	font-weight: bold;
	margin-left: 10px;
	color: #FF0000;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px -2px 0px;
	background-color: #FFFF33;	
}

.optional{
	font-style: italic;
	color: #666666;
}

.creditCardForm{
	border: 1px solid #CCCCCC;
	background-color: #EFEFEF;
}
.creditCardForm .element{ padding: 8px; }

.checkboxradio{
	border: 0px;
	vertical-align: text-bottom;
	background-color: none;
}

.shoppingCart{
	border: 4px outset #666666;
	margin-bottom: 15px;
	width: 250px;
}
.shoppingCart .element{
	padding: 10px;
}

.shoppingCart .totalsBox, .order .totalsBox{
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px;
}

.shoppingCart .final, .order .final{
	background-color: #333333;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}

.shoppingCart .updateSubmit{
	padding: 2px;
	font-size: 11px;
	color: #999999;
}

.shoppingCart .updateInput{
	padding: 2px;
	border: 0px solid #FFFFFF;
	font-weight: bold;
}

.cartLink, .cartLink A {
	color: #CC0000;
	font-weight: bold;
}	

.order{
	width: 550px;
	margin-bottom: 15px;
	margin-left: 20px;
}
.order .itemStatus{ font-size: 11px; color: #666666; margin-left: 3px;}

.positive{ color: #006600; font-weight: bold; }
.neutral{ color: #000000; font-weight: bold; }
.negative{ color: #990000; font-weight: bold; }

.orderSearch{ margin: 5px 0px 20px 20px; padding: 5px; background-color: #EFEFEF; border: 1px solid #CCCCCC; }

.plus{
	font-size: 20px;
	font-weight: bold;
	color: #009900;
	vertical-align: baseline;
}

.minus{
	font-size: 20px;
	font-weight: bold;
	color: #CC0000;
	vertical-align: baseline;
}



.messageLong, .messageCompose {margin: 10px 25px; width: 500px;}
.messageLong .messageTitle, .messageCompose .messageTitle {font-weight: bold; color: #000099;}
.messageLong .longBody, .messageCompose form { border: 1px solid #ccc;}
.messageCompose form {padding: 2px;}
.messageLong .longHistoryBody {border: 1px dashed #ccc;}
.messageLong td, .messageCompose td {padding-top: 3px;}
.messageLong p {margin: 0; text-align: right;}
.messageLong .longTitle, .messageCompose .inputTitle {color: #999; font-weight: bold; width: 50px;}

.userMessage{ width: 98%; }

#messageMenu {float: left; width: 100%; border-bottom: 1px solid #000099; padding-left: 5px; }
#messageMenu ul, .flatlist ul {margin: 0; padding: 0; list-style: none;  white-space: nowrap; line-height: 15px; } 
#messageMenu li, .flatlist li {position: relative; float: left; width: 100px; margin: 0; padding: 0; list-style: none; text-align: center; }
#messageMenu a {display: block; height: 15px; padding: 5px 12px 5px 12px; font-weight: bold;}
.flatlist a, .flatlist span {display: block;}
.flatlist span a {display: inline;}
#messageMenu a:hover {display: block; height: 15px; padding: 5px 12px 5px 12px; font-weight: bold; background-color: #ccc; color: #0066E9;}
a#messageMenuOn, a:hover#messageMenuOn {background-color: #000099; color: #efefef;}
#messageOptions {float: left; text-align: right; width: 100%; line-height: normal;}
#messageOptions li {float: right; padding: 0 7px 0 0}
#messageOptions a, #messageOptions span {background-color: #efefef; padding: 2px 8px 5px 8px;}
#messageOptions span a {padding: 0;}


.messageTable th {background-color: #efefef; border-bottom: 1px solid #ccc;}
.messageTable td {height: 25px;}


/********************************************************/
/*				AUTOCOMPLETION STYLES					*/
/********************************************************/

          div.auto_complete {
            width: 350px;
            background: #fff;
          }
          div.auto_complete ul {
            border:1px solid #888;
            margin:0;
            padding:0;
            width:100%;
            list-style-type:none;
          }
          div.auto_complete ul li {
            margin:0;
            padding:3px;
			border-bottom: 1px solid #CCCCCC;
          }
          div.auto_complete ul li.selected { 
            background-color: #ffb; 
          }
          div.auto_complete ul strong.highlight { 
            color: #800; 
            margin:0;
            padding:0;
          }