/* Page Styles */
html, body
{
	margin: 0;
	padding: 0;
	font: normal 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	background-color: white;
}
a
{
  color: Blue;
}

/* 
body 
{
	background-color: #FFCC00;
}
 */
 
#maincontainer
{
	background-color: white;
	border: 2px solid #e0e0e0;
	border-width: 0 2px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;

}
#logo
{
	width: 350px;
	margin-left: 10px;
	margin-bottom: 5px;
}

#logo img
{
	padding: 10px;
}

#header
{
}
#footer
{
	clear: both;
}

/* Tabs Style */
#tabs
{
  background: transparent;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 870px;
}
#tabs ul
{
  font: bold 70% Arial, Verdana, sans-serif;
  margin: 0;
  padding: 0;
  list-style: none;
}
#tabs li
{
  display: inline;
  margin: 0 2px 0 0;
  padding: 0;
  text-transform: uppercase;
}
#tabs a
{
  background: #FFCC00 url(color_tabs_left.gif) no-repeat left top;
  color: white;
  float: left;
  letter-spacing: 1px;
  margin: 0 2px 0 0;
  text-decoration: none;
}
#tabs a span
{
  background: transparent url(color_tabs_right.gif) no-repeat right top;
  float: left;
  display: block;
  padding: 4px 9px 3px 6px;
}
#tabs a span
{
  float: none;
}
#tabs a:hover
{
  background-color: #FFCC00;
}
#tabs a:hover span
{
  background-color: #FFDD66;
  color: #000000;
}
#tabs #current a, 
#tabs #current span
{
  background-color: white;
  color: #000000
}




/* Top Bar Style */
#userbar
{
	color: black;
  	font-weight: bold;
  	padding-left: 5px;
  	padding-right: 5px;
  	float: left;
}

#topbar
{
	color: #fff;
	//background: #ecf0fc url(topgradient.jpg) top left repeat-x;
}
#topbar .divide
{
	background: #FFCC00;
	/*border-top: 1px solid #fff; Remove this to remove border between bar and tabs*/
	clear: both;
	height: 8px;
	line-height: 8px;
	padding: 0;
	width: 100%;
}

/* Column Styles */
#leftcolumn
{
	clear: left;
	float: left;
	margin-right: 5px;
	margin-top: 1em;
	width: 158px;
	/* background: white url(../images/shape_logo.gif) no-repeat; 
	padding-top: 160px */
	
}
#leftcolumn .titlebar
{
	background: black url(titlebg.jpg) repeat-x top left;
	border-bottom: 1px solid #7b9bc4;
	color: white;
	font-weight: bold;
	margin: 1em 0;
	padding-left: 2px;
	text-transform: uppercase;
}
#middlecolumn
{
	background-color: white;
	border-left: 1px solid #C3C3C3;
	float: left;
	margin-top: 1em;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1em;
	width: 597px;
}

/* table Style */

table
{
	width: 95%;
}

th
{
	background: black;
	color: white;
	font-size: 80%;
  	font-weight: bold;
  	padding-left: 5px;
  	padding-right: 5px;
}



/* Comments Style */
#comments
{
}
#comments h2
{
  border-bottom: 1px solid #dadada;
  background: white url(squarebullet.png) center left no-repeat;
  color: #686868;
  font-size: 110%;
  font-weight: bold;
  letter-spacing: 1.5pt;
  margin: 1em 0;
  text-transform: uppercase;
  padding-left: 18px;
}
#comments ul
{
  list-style: none;
}
#comments li
{
  background-color: #ececec;
  padding: 10px;
  width: 460px;
}

/* Misc Styles */
.ddmarkermenu
{
	list-style-type: none;
	margin: 0;
	margin-bottom: 8px;
	padding: 0;
}
.errormessage
{
	list-style-type: none;
	margin: 0;
	margin-bottom: 8px;
	padding: 0;
	color: #FF0000;
}
.headers{
  border: 1px solid #BBB;
  background: url(chromebg.gif) center center repeat-x;
  font-size: 120%;
  margin-left: 0;
  padding: 2px 0 2px 5px;
  text-align: left;
  width: 99%;
}
.button
{
  height: 30px;
  width: 110px;
}
.scheduled
{
	margin: 0;
	padding: 0;
	color:#00FF33;
	font: bold "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	background-color: white;	
}
.debug
{
  color: #686868;
  margin: 0 0 0 1em;
  text-transform: uppercase;
}