/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0

	The CSS, XHTML and design is released under Creative Common License 3.0:
	http://creativecommons.org/licenses/by-sa/3.0/

*/       

html, body {border: 0; margin: 0; padding: 0;}

body {
  	font: 85%/0.9 arial, helvetica, sans-serif;
	background: #222222;
	background-image:url(/customer-portal/images/black.png);
  	line-height: 130%;
  	width: 100%;
  	min-width: 994px;
  	color: black;
}
table#productTable td {    
	padding: 5px; 
	color:#FFFFFF   
	border: solid #fff 1px;
}
.productListing-rowheading {
	color:#ffffff; 
	padding-left:25px;}
	
.productListing-odd {
	color:#ffffff; 
	padding-left:25px;}
	
.productListing-heading {
	color:#ffffff; 
	padding-left:25px; 
	font-size: 12px;
}
.productListing-data {
	color:#ffffff; 
	padding-left:25px;
}
.employeeListing-heading {
	font-weight: bold;
	color:#ffffff; 
	text-align:center;
	font-size: 12px;
}
.employeeListing-data {
	color:#ffffff; 
	padding-left:2px;
}
a {
	color: #0099CC;
	text-decoration: none;
}

a:hover {
	color: #00CCFF;
}

a img {
  border: none;/*remove border for linked images*/
}

h1 {
	font-size: 1.6em;
	padding-top: 0;
}

h2{
	font-size: 1.2em;
	padding-top: 0;
}

.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

/***** Main Layout ****/
#container {
  	margin:0 auto;
	padding:0 auto;
  	text-align: center;/* IE fix to center the page */
}

#content {
  	width: 994px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
	padding: 20px;
}

#map-head {
background-image:url(/customer-portal/images/c-portal_03_01.png);
height:81px;
width:739px;
color:#ffffff;}

.map-head-txt {
padding-top:30px;
padding-left:25px;
padding-right:20px;
}

#map-top{
font-size:24px;
color:#ffffff;
background:#111111;
padding:20px;
}
.menu-text {
	margin-left: 5px;
	font-size: 12px;
	padding-top: 7px;
	margin-bottom: 7px;
	color: #ffffff;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}
.menu-text:hover {color: orange; text-decoration: underline; 
}
#Footer {
padding:1px;
color:#FFFFFF;
text-align: center;
font-size: 10px;
}
#Main {margin:0; font:arial;}
#header {width: 994px; margin-left: auto;	margin-right: auto;}
#head {height: 111px; background-image:url(/c-bod_01.jpg); color:#FFFFFF}
#body { width:994px; margin-left: auto;	margin-right: auto;}
#Left { width: 494px; float:left;}
#Right { width: 500px; float:left;}
#contentL {width: 494px; float:left; height: 100%}
#contentR {float:left; padding-left:25px; color:#ffffff; height: 100%}
#BTL { float:left;}
#BTR { float:left;}
#closersL {float: left;}
#closersR { float: left;}
#MBody {background-image:url(/c-bod_04.png); background-repeat:repeat-y; }
#buttons { padding-top:15px; padding-left:20px;}
#location {color:#fff; padding-left:25px;}
.map {padding-left:25px;}
.headline {color:#02b4dc; padding-left:25px;}
.clear { clear:both;}



p {color:#fff;}
a {color:#02b4dc;}
h1 {color:#ffffff;}

table.calendar {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  border-collapse: collapse;
  background-color: white;
  border: solid #999999 1px;
  background-color: white;
  width: 200px;
  text-align: center;
  /*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
  -moz-user-select: none;
    /*-khtml-user-select: none;*/
}
table.calendar input, table.calendar select {
  font-size: 10px;
}
table.calendar td {
  border: 0;
  font-size: 10px;
  text-align: center;
}
div.mainheading {
  margin: 2px;
}
table.caldayheading {
  border-collapse: collapse;
  cursor: pointer;
  empty-cells: show;
  margin: 0 6px 0 6px;
}
table.caldayheading td {
  border: solid #CCCCCC 1px;
  text-align: left;
  color: #0054E3;
  font-weight: bold;
  width: 22px; /*should match calendar cell's width*/
}
table.caldayheading td.wkhead {
  border-right: double #CCCCCC 3px;
}
table.calcells {
  border-collapse: collapse;
  cursor: pointer;
  margin: 0 6px 0 6px;
}
table.calcells td {
  border: solid #CCCCCC 1px;
  vertical-align: top;
  text-align: left;
  font-weight: bold;
  width: 22px;
  height: 20px; /*IE doesn't like ems*/
}
table.calcells td div {
  padding: 1px;
  margin: 0;
}
table.calcells td.wkhead {
  background-color: white;
  text-align: center;
  border-right: double #CCCCCC 3px;
  color: #0054E3;
}
table.calcells td.wkday {
  background-color: #DDDDDD;
}
table.calcells td.wkend {
  background-color: #DDDDDD;
}
table.calcells td.curdate {

}
table.calcells td.cell_selected {
  background-color: #99CCFF;
  color: black;
}
table.calcells td.notmnth {
  background-color: #FFFFFF;
  color: #CCCCCC;
}
table.calcells td.notallowed {
  background-color: white;
  color: #EEEEEE;
  font-style: italic;
}
table.calcells td.hover {
  background-color: #999999;
}