/* Table Sorting Styles */
.odd {
	background-color:#FFF;
}
.even {
	background-color:rgb(229,249,255);
}
.highlight {
	background-color: #FFFFCE;
	color: black;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

.largeHeaders {
		background: 
			#e9e9da
			url('../images/green_arrows.gif')
			no-repeat
			center left;
		padding: 5px;
		padding-left: 25px;
		text-align: left;
		cursor: pointer;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight:bold;
}
.sortUp {
	background:
		#e9e900 
		url('../images/green_decending.gif')		
		no-repeat
		center left;
}

.sortDown {
	background:
		#e9e900 
		url('../images/green_acending.gif')
		no-repeat
		center left;
}

#sorting {
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	display: none;
	padding:0px;
	width: 300px;
	height:100px;
	margin-left:-150px; /* half of width */
	margin-top:-50px; /* half of height */
}
/* this is the actual div */
#sorting div {
	position:absolute;
	left:50%;
	top:50%;
	width: 250px;
	height:24px;
	margin-left:-125px; /* half of width */
	margin-top:-12px; /* half of height */
	border: 1px solid #000;
	padding:10px;
	text-align: center;
	background-color: #FFF;
	color: #333;
	font-weight: bold;
}

#sorting img {
	padding-right:10px;
}

/* Error Handling */
.inputError {
	border:2px solid red;
}

div#listOfErrors {
	border: 2px solid #F00;
	background-color:#F7D6D5;
	width:535px;
	padding:10px;
	margin-top:15px;
	margin-bottom:15px;
	font-size: 16px;
}


/* location form styling */
select .categoryHeader {
	text-align:center;
	font-weight:bold;
}

div#tabsBlock form {
	height:18px;
}


div#tabsBlock .geoSuggestions {
	margin-top:10px;
	margin-bottom:0px;
	font-size:12px;
	color: black;
}

div#tabsBlock .geoSuggestions ul {
	margin-top:2px;
	margin-bottom:0px;
	line-height:18px;
}


div#tabsBlock .geoSuggestions a {
	color: red;
	
}

div#tabsBlock .geoSuggestions a:hover {

	color: #f3f6f9;
	background-color:red;
}



/* styles for location select tabs */

#tabsBlock {
	border: 1px solid #ddd;		
	border-right: 1px solid #abc;
	border-bottom: 1px solid #abc;
	padding: 0 .5em 1em .5em;
	margin: 2em 0 0 0;
	z-index:1;
}

#tabs ul {
	display: block;
	list-style: none outside;
	padding: 0;
	margin: 0 0 0 8px;
} * > #tabs ul { margin: 1px 0 0 8px; }

#tabs li {
	padding: 0;
	margin: 0 8px 0 0;
	border-top: 1px solid #cde;
	border-right: 2px solid #789;
	border-left: 1px solid #cde;

	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;

	/* re-organize horizontally */
	display: block;
	float: left;
	position: relative;
	z-index:0;
	top: -21px;
} * > #tabs li {top: -20px;}


#tabs a:link,
#tabs a:visited {
	padding:5px 5px 0 0;
	background-color: #d3d6d9;
	color: #000;
	text-decoration: none;
}

#tabs li a:hover, #tabs li a:active, #tabs li a:focus {
	background-color: #def;
	color: #000066;		
	padding:5px 5px 0 0;
}

#clearFloat {
	display: block;
	clear: both;
	margin-top:-1em;
}
html>body #clearFloat {
	margin-top:0;
}


        
            DIV#desk
            {
	            float: right;
	            width: 301px;
	            height: 228px;
	            background-image: url(../images/desk.jpg);
	            margin-right: -20px;
	            position: relative;
            }