body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#242424;
}

#tlc, #trc { zoom: 1 }

#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	padding: 0;
	text-align: left;
	width:908px;				/* <-- use this for a set width */
	background-color: #E8E8E8;
	}
 	
#the_content
	{
	padding:3em;
	}

	
#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(/images/box/tlc.jpg);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(/images/box/trc.jpg);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(/images/box/blc.jpg);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(/images/box/brc.jpg);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(/images/box/t.jpg);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(/images/box/b.jpg);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(/images/box/r.jpg);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(/images/box/l.jpg);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}






.divnav {
background-image:url(/images/header/navdiv.jpg);
background-repeat:no-repeat; 
background-position:right; 
padding:5px 10px 10px 10px;
text-align:center;
}





ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.nav{
	display: table;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}




ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
	color:white;
	
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
	color: #242424;
}


ul.nav li:hover,
.nav ul li a:hover{
	color: #242424;
}

ul.nav li:active,
.nav ul li a:active{
	color: #242424;
}



.nav a{
	text-decoration: none;
}
.nav_li {
background-image:url(/images/header/navdiv.jpg);
background-repeat:no-repeat; 
background-position:right; 
padding:5px 10px 10px 10px;
text-align:center;
display: inline;
}
.nav_end {
background-position:right; 
padding:5px 10px 10px 10px;
text-align:center;
display: inline;
}






a.nav_small:link {
	text-decoration: none;
    color: #FFFFFF;
	font-size: 10px;
	font-weight:bold;
}
a.nav_small:visited {
	text-decoration: none;
    color: #FFFFFF;
	font-size: 10px;
	font-weight:bold;
}
a.nav_small:hover {
	text-decoration: none;
    color: #FBED73;
	font-size: 10px;
	font-weight:bold;
}
a.nav_small:active {
	text-decoration: none;
	font-size: 10px;
	font-weight:bold;
}

a:link { color: #36393D; text-decoration: none; font-size:12px; font-weight: bold; }
a:visited { color: #36393D; text-decoration: none; font-size:12px; font-weight: bold; }
a:hover { color: #2D406A; text-decoration: none; font-size:12px; font-weight: bold; }

a.small.small:link { color: #36393D; text-decoration: none; font-size:10px; font-weight: bold; }
a.small:visited { color: #36393D; text-decoration: none; font-size:10px; font-weight: bold; }
a.small:hover { color: #2D406A; text-decoration: none; font-size:10px; font-weight: bold; }

a.dark:link { color: #FFFFFF; text-decoration: none; font-size:12px; font-weight: bold; }
a.dark:visited { color: #FFFFFF; text-decoration: none; font-size:12px; font-weight: bold; }
a.dark:hover { color: #FBED73; text-decoration: none; font-size:12px; font-weight: bold; }

a.alerts_notify:link { color: #36393D; text-decoration: none; font-size:16px; font-weight: bold; }
a.alerts_notify:visited { color: #36393D; text-decoration: none; font-size:16px; font-weight: bold; }
a.alerts_notify:hover { color: #2D406A; text-decoration: none; font-size:16px; font-weight: bold; }

.inputbox { 
background-color: #FFFFFF; 
border:1px solid #cccccc; 
padding:3px;
border:1px solid #999999;
}
.dropdown { 
border:1px solid #ddd; 
padding:1px;
background-color: #eee;
}
.submit {
background-color: #DDDDDD;
color:#000000; 
padding:3px;
border:1px solid #999999;
font-size:12px;
}

span.block_header {
	line-height: 24px;
}

div.block_header {
	padding: 4px 6px 6px 7px;
	border: 1px solid #DDDDDD;
	font-weight: bold;
	background-image: url(/images/block_header.gif);
	background-repeat: repeat-x;
	color: #333333;
	font-size:12px;
	text-align:left;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
}
.block_content {
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-top: none;
	padding: 2px 2px 2px 2px;
	color:#242424;
}
div.block_header_red {
	padding: 4px 6px 6px 7px;
	border: 1px solid #7E0000;
	font-weight: bold;
	background-image: url(/images/block_header_red.gif);
	background-repeat: repeat-x;
	color: #FFF;
	font-size:12px;
	text-align:left;
}
.block_content_red {
	background: #FFFFFF;
	border: 1px solid #7E0000;
	border-top: none;
	padding: 2px 2px 2px 2px;
	color:#242424;
}

div.block_header_yellow {
	padding: 4px 6px 6px 7px;
	border: 1px solid #F8E600;
	font-weight: bold;
	background-image: url(/images/block_header_yellow.gif);
	background-repeat: repeat-x;
	color: #333333;
	font-size:12px;
	text-align:left;
}
.block_content_yellow {
	background: #FFFFFF;
	border: 1px solid #F8E600;
	border-top: none;
	padding: 2px 2px 2px 2px;
	color:#242424;
}

div.block_header_orange {
	padding: 4px 6px 6px 7px;
	border: 1px solid #FFB230;
	font-weight: bold;
	background-image: url(/images/block_header_orange.gif);
	background-repeat: repeat-x;
	color: #FFF;
	font-size:12px;
	text-align:left;
}
.block_content_orange {
	background: #FFFFFF;
	border: 1px solid #FFB230;
	border-top: none;
	padding: 2px 2px 2px 2px;
	color:#242424;
}


div.block_header_blue {
	padding: 4px 6px 6px 7px;
	border: 1px solid #607EC4;
	font-weight: bold;
	background-image: url(/images/block_header_blue.gif);
	background-repeat: repeat-x;
	color: #FFF;
	font-size:12px;
	text-align:left;
}
.block_content_blue {
	background: #FFFFFF;
	border: 1px solid #607EC4;
	border-top: none;
	padding: 2px 2px 2px 2px;
	color:#242424;
}



.page_header {
	font-size: 15pt;
	color: #555555;
	margin-bottom: 0px;
	margin-left:10px;
}


div.pagination {
	padding: 2px;
	
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 1px;
	border: 1px solid #36393D;
	text-decoration: none; /* no underline */
	color: #242424;
	font-size:10px;
	-x-background-color:#FFFFFF;
	
	background: #ffffff; /* old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* firefox */
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* webkit */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* ie */
	
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #36393D;
	color: #242424;
	font-size:10px;
	color:#FFFFFF;
	-x-background-color: #242424;

	background: #f85032; /* old browsers */
	background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* firefox */
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); /* webkit */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* ie */	
	
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 1px;
	border: 1px solid #36393D;
	font-weight: bold;
	-x-background-color: #242424;
	color: #FFFFFF;
	font-size:10px;
	
	background: #aebcbf; /* old browsers */
	background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); /* firefox */
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* webkit */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); /* ie */	
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 1px;
	border: 1px solid #AAAAAA;
	background-color: #DDDDDD;
	color: #AAAAAA;
	font-size:10px;
}
div.browse_tab a {
	background-color: #000000;
	background-image: url(/images/whiteline.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 7px 10px 7px 10px;
	border: 1px solid #242424; 
	border-left: none;
	font-weight: bold; 
	display: block;
	
}
	a.page {
		padding: 2px;
		border: 1px solid #DDCF0C;
		background-color: #000000;
		color: #DDCF0C;
		font-size: 10pt;
		font-weight: bold;
		
	}
	
	a.page_sel {
		padding: 2px;
		border: 1px solid #DDCF0C;
		background-color: #DDCF0C;
		color: #000000;
		font-size: 10pt;
		font-weight: bold;
	}
	
	td.thumb {
		border: 1px solid #DDCF0C;
		background-position: center;
		background-repeat: no-repeat;
		
		text-align: center;
		vertical-align: middle;
	}
	
	.online{
color:#009900;
font-weight: bolder;
}

.offline{
color:#990000;
font-weight: bolder;
}

.contact_over{
color:#FBED73;
font-weight: bolder;
font-size:12px;
background-color:#333333;
}

.contact_out{
color:#242424;
font-weight: bolder;
font-size:12px;
background-color:#E8E8E8;

}



td.tab a {
	background-color: #AAAAAA;
	background-image: url(/images/whiteline.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 7px 10px 7px 10px;
	border: 1px solid #999999; 
	border-left: none;
	font-weight: bold; 
	display: block;
	
}
td.tab a:hover {
	background-color: #DDDDDD;
	background-image: url(/images/whiteline.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 7px 10px 7px 10px;
	border: 1px solid #999999; 
	border-left: none;
	font-weight: bold; 
	display: block;
}
td.tab2 a {
	background-color: #DDDDDD;
	background-image: url(/images/whiteline.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 7px 10px 8px 10px;
	border: 1px solid #999999; 
	border-left: none;
	border-bottom: none;
	font-weight: bold; 
	display: block;
}
td.tab2 a:hover {
	background-color: #DDDDDD;
	background-image: url(/images/whiteline.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 7px 10px 8px 10px;
	border: 1px solid #999999; 
	border-left: none;
	border-bottom: none;
	font-weight: bold; 
	display: block;
}
div.tab_content {
	padding: 5px; 
	border: 1px solid #999999;
	border-top: none;
	background-color:#DDDDDD;
}
.alert_window {
background-color:#FDFEA5;
border:1px solid #F8E600;
text-align:center;
margin-bottom:5px;
margin-top:5px;
width:900px;
color:#666666;
}

.alert_empty {
background-color:#FDFEA5;
border:1px solid #F8E600;
text-align:center;
margin-bottom:5px;
margin-top:5px;
color:#666666;
padding:10px;
font-weight:bold;
font-size:12px;
}



div.topleftcorder{
	background-image:url(/images/corners/1.jpg);
	float:left;
	height:15px;
	width:15px;
	background-position:top left;
	
	}
	div.toprightcorder{
	background-image:url(/images/corners/1.jpg);
	float:right;
	height:15px;
	width:15px;
	background-position:top right;
	
	}
	div.bottomrightcorder{
	background-image:url(/images/corners/1.jpg);
	float:right;
	height:15px;
	width:15px;
	background-position:bottom right;
	
	}
	div.bottomleftcorder{
	background-image:url(/images/corners/1.jpg);
	float:left;
	height:15px;
	width:15px;
	background-position:bottom left;
	
	}
	
	div.topleftcorder2{
	background-image:url(/images/corners/2.jpg);
	float:left;
	height:7px;
	width:7px;
	background-position:top left;
	
	}
	div.toprightcorder2{
	background-image:url(/images/corners/2.jpg);
	float:right;
	height:7px;
	width:7px;
	background-position:top right;
	
	}
	div.bottomrightcorder2{
	background-image:url(/images/corners/2.jpg);
	float:right;
	height:7px;
	width:7px;
	background-position:bottom right;
	
	}
	div.bottomleftcorder2{
	background-image:url(/images/corners/2.jpg);
	float:left;
	height:7px;
	width:7px;
	background-position:bottom left;
	
	}
.section_contaier{
background-color:#242424;
margin-bottom:5px;
}


div.actions a.button
{
background: #DDDDDD;
line-height: 2em;
float: left;
display: block;
border: 0.1em solid #AAAAAA;
color: #000000;
text-decoration: none;
padding:4px 6px 4px 6px;

}

div.actions a.button:hover
{
background: #242424;
line-height: 2em;
float: left;
display: block;
border: 0.1em solid #FBED73;
color: #FBED73;
text-decoration: none;
padding:4px 6px 4px 6px;

}








.section_box{
border-left:1px solid #FFFFFF; 
border-top:1px solid #FFFFFF;
background-color:#DDDDDD;
}
.section_box_outer{
border:1px solid #AAAAAA; 
margin-bottom:5px; 
}


.side_nav_acc{
border: 1px solid #999999;
border-left: 0px;
background-image: url(/images/whiteline.gif);
background-repeat: repeat-x;
padding: 5px;
}
.side_nav_acc_outer{
background-color:#DDDDDD; 
border-left: 1px solid #999999;
background-image: url(/images/whiteline.gif);
background-repeat: repeat-y;
background-position:left;
margin-bottom:5px;
}

.vip_box{
background-repeat: repeat-x;
border-left:1px solid #FFFFFF; 
border-top:1px solid #FFFFFF;
background-color:#FDFEA5;
}
.vip_box_outer{
border:1px solid #F7E600; 
background-repeat: repeat-y;
background-position:left;
margin-bottom:5px; 
}


.alert_Success_box{
border-left:1px solid #FFFFFF; 
border-top:1px solid #FFFFFF;
background-color:#FDFEA5;
font-weight:bold;
text-align:center;
color:#242424;
padding:5px;
font-size:14px;
}
.alert_Success_box_outer{
border:1px solid #F7E600; 
background-position:left;
margin-bottom:5px; 

}

.alert_Failed_box{
border-left:1px solid #FFFFFF; 
border-top:1px solid #FFFFFF;
background-color:#B93817;
font-weight:bold;
text-align:center;
color:#FFFFFF;
padding:5px;
font-size:14px;
}
.alert_Failed_box_outer{
border:1px solid #7E100A; 
margin-bottom:5px; 

}

.feed_box{
border-left:1px solid #FFFFFF; 
border-top:1px solid #FFFFFF;
background-color:#F4F4F4
}
.feed_box_outer{
border:1px solid #AAAAAA; 
margin-bottom:5px; 
}




#overlay {
	z-index: 101;
	filter: alpha(opacity=50); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
	-moz-opacity: .50; /*older Mozilla*/
	-khtml-opacity: 0.5;   /*older Safari*/
	opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	position:fixed; top:0px; left:0px; width:100%; height:100%; text-align:center; vertical-align:middle;
}






.small_photos_list {
	float:left;
	margin:0;
	padding:5px;
	font-size:12px;
	line-height:15px;
	display:inline;
	margin:10px;
	width:50px;
	text-align:center;	
	}
	
	
ul.browse_suggest {	
	
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
z-index:10000;
}

li.selectable_with_divider {
background-image:url(/images/suggested.gif);
background-position:right top;
background-repeat:no-repeat;
padding-top:20px;
}

li.selectable_selection{
border-top:1px solid #DDDDDD;
padding:5px;
color:#AAAAAA
}

li.selectable_no_divider {
background-image:url(/images/suggested.gif);
background-position:right top;
background-repeat:no-repeat;
padding:5px;
}

.bs_out {
background-color:#FFFFFF;
color:#7D7D7D;
cursor:pointer;
border-top:1px solid #AAAAAA;
padding:5px;
}

.bs_over {
background-color:#7D7D7D;
color:#FFFFFF;
cursor:pointer;
border-top:1px solid #DDDDDD;
padding:5px;
}
.bs_over a.hover {
color:#FFFFFF;
}

.sort_letters_down {
background-image:url(images/search_first_letter_bg.gif); 
width:163px; 
height:28px;
}

.sort_letters_up {
background-image:url(images/field-option-bg_up.gif); 
width:163px; 
height:28px;
}







/* Layout */

#navigation {
  float: left;
  list-style-type: none;
  margin-left: 0;
}

#navigation li {
  float: left;
  position: relative;
  list-style: none;
margin-left: 0;
}



#navigation ul {
  display: block;
  position: absolute;
  background: #f0f0f0;
  margin-left: 0;
}

#navigation ul li {
  float: left; /*For Gecko*/
margin-left: 0;
}

#navigation ul li a {
  display: block;
  margin: 0;
  padding: 8px;
  background: #f0f0f0;
  margin-left: 0;
}

#navigation ul li a:hover {
  color: #f0f0f0;
  background: #0a4395;
  margin-left: 0;
}




/* Sales */
div.sales_nav a
{
background: #DDDDDD;
line-height: 2em;
display: block;
border-bottom: 0.1em solid #AAAAAA;
border-right: 0.1em solid #AAAAAA;
border-left: 0.1em solid #AAAAAA;
color: #000000;
text-decoration: none;
padding:3px;

}

div.sales_nav a:hover
{
background: #242424;
line-height: 2em;
display: block;
border-bottom: 0.1em solid #AAAAAA;
border-right: 0.1em solid #AAAAAA;
border-left: 0.1em solid #AAAAAA;
color: #FBED73;
text-decoration: none;
padding:3px;

}

div.tagged_listing_sm {
padding: 5px;
border:1px solid #AAA;
background-color:#DDD;
font-size:14px;
margin:4px;
height:45px;

}

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin:0px;
padding:3px;
}

#nav-menu li a
{
height: 2em;
line-height: 2em;
float: left;
width: 14em;
display: block;
text-decoration: none;
text-align: left;
background-color:#DDDDDD;
}

#nav-menu li.contact_out {
	border:none;
}

#nav-menu li.contact_out a
{
border: 0.1em solid #AAAAAA;
color: #242424;

}

#nav-menu li a:hover
{
height: 2em;
line-height: 2em;
float: left;
width: 14em;
display: block;
text-decoration: none;
text-align: left;
background-color:#242424;
}

#nav-menu li.contact_over {
	border:none;
}

#nav-menu li.contact_over a
{
border: 0.1em solid #DDCF0C;
color: #FBED73;

}

#nav-menu li.contact_over a:hover
{
border: 0.1em solid #DDCF0C;
color: #FBED73;

}


/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */
.icon {
float:left;
margin-top:5px;
margin-right:4px;
margin-left:5px;

}




/* Workflow \*/
.workflow_header{
	padding: 4px 6px 6px 7px;
	border: 1px solid #DDDDDD;
	font-weight: bold;
	background-repeat: repeat-x;
	color: #333333;
	font-size:12px;
	text-align:left;
}
.hbox{
font-weight: bold; 
font-size: 12px; 
float:left;
}
.cbox{
font-weight: bold; 
font-size: 11px; 
float:left;
}
.h1size{
 width:225px;
}
.h2size{
 width:100px;
 text-align:center;
}
.h3size{
 width:100px;
 text-align:center;
}

.c1size{
 width:230px;
 height:100px;
}
.c2size{
 width:100px;
 height:100px;
 text-align:center;
}
.c3size{
 width:100px;
 height:100px;
 text-align:center;
}

.x-bg{
background-image:url(images/icons/basic/delete_32.png);
background-position:center;
background-repeat:no-repeat;

}

.d-bg{
background-image:url(images/icons/basic/tick_32.png);
background-position:center;
background-repeat:no-repeat;

}

.n-bg{
background-image:url(images/icons/basic/block_32.png);
background-position:center;
background-repeat:no-repeat;

}

.p-bg{
background-image:url(images/icons/basic/print_32.png);
background-position:center;
background-repeat:no-repeat;

}

.c-bg{
background-image:url(images/icons/basic/clock_32.png);
background-position:center;
background-repeat:no-repeat;

}
/* ------------------------------------------------------------------------------------ */

#employeeSelector {
	font-size:12px;
}

#employeeSelector .selectorLabel {
	font-weight:bold;
}

/* ---SITEWIDE DATE PICKER CALENDAR STYLES--------------------------------------------- */

div.datePickerWrapper {
	border:1px solid #D4D4D4;
	padding:5px;
	z-index:5000;
	background:white;
	-webkit-box-shadow:0px 0px 12px rgba(0,0,0,.75);
	-moz-box-shadow:0px 0px 12px rgba(0,0,0,.75);
	box-shadow:0px 0px 12px rgba(0,0,0,.75);
}

div.datePickerWrapper table {
	width: 205px;
	height: 150px;
	border: 1px solid #AAAAAA;
	background-color: #DDDDDD;
}

div.datePickerWrapper table th.left {
	text-align:left;
}

div.datePickerWrapper table th.month {
	color: #242424;
	text-align: center;
	font-weight:bold;
}

div.datePickerWrapper table th.right {
	text-align:right;
}

div.datePickerWrapper table th.left a, div.datePickerWrapper table th.right a {
	color: #242424;
	text-decoration: none;
}

div.datePickerWrapper table td.dayHeader {
	text-align:center;
	background-color:#FFF;
	border: 1px solid #AAAAAA;
	font-weight:bold;
}

div.datePickerWrapper table td.nullDay {
	width:25px;
	height:25px;
}

div.datePickerWrapper table td.day {
	text-align: center;
	background-color:#fff;
	border: 1px solid #aaa;
	width:25px;
	height:25px;
}

div.datePickerWrapper table td.today {
	text-align: center;
	background-color:#FDFEA5;
	border: 1px solid #F7E600;
	width:25px;
	height:25px;
}

div.datePickerWrapper table td.day a, div.datePickerWrapper table td.today a {
	color: #242424;
	text-decoration: none;
}