/* CSS Document */


body
{
	background: #EAF4E9;
   text-align: center;
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
}

h1
{
	color: #000000;
	font-size: 16px;
}

h3
{
	font-size: 14px;
	font-weight: bolder;
	color: #FF6B1A;
}

img
{
	border: 0;
}

#page-wrapper
{
	width: 775px;
	margin: 0px auto;
	background-color: #EAF4E9; 
	margin-top: 25px;
}

div.row-wrapper
{
	display: table-row;
	width: 775px; 
}

#header-left
{
	display: table-cell;
	width: 175px;
	float:left;
	vertical-align:middle;
}

#header
{
	display: table-cell;
	width: 600px;
	float:left;
	vertical-align:middle;
	text-align: center;
}

#header-right
{
	display: table-cell;
	width: 0px;
	float:right;
	vertical-align:middle;
}

#main-left
{
	display: table-cell;
	width: 175px;
	float:left;
	background: url('/site/images/skc_left_bg.jpg');
	background-repeat: repeat-y;
	vertical-align:middle;
}

#main
{
	display: table-cell;
	width: 600px;
	float:left;
	vertical-align:middle;
	background: url('/site/images/skc_main_bg.jpg');
	background-repeat: repeat-y;
	text-align: center;
}

#main-right
{
	display: table-cell;
	width: 0px;
	float:right;
	vertical-align:middle;
}

#footer-left
{
	display: table-cell;
	width: 175px;
	float:left;
	vertical-align:middle;
}

#footer
{
	display: table-cell;
	width: 600px;
	float:left;
	vertical-align:middle;
	text-align: center;
}

#footer-right
{
	display: table-cell;
	width: 0px;
	float:right;
	vertical-align:middle;
}

#alignment
{
	text-align: left;
}

#nav
{
	font-family: Arial;
	width: 160px;
   position: relative;
   z-index: 10000;
   padding-top: 10px;
   padding-bottom: 10px;
}

.nav_head a
{
	width: 160px;
   margin-left: 15px;
   font-size: 16px;
   color: #014493;
   font-weight: bolder;
}

.nav_head a:hover
{
	color: #FF0000;
}

.nav
{
	margin-left: 25px;
   margin-bottom: 5px;
	font-family: Arial; 
	font-size: 12pt; 
}

.nav a
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.nav a:visited
{
	color: #FFFFFF; 
	font-weight: bold;
}

.nav a:hover
{
	color: #FFFF00; 
	text-decoration: underline;
	font-weight: bold
}
	
.con_head
{
	color: #000000;
	font-size: 16pt;
}

.main_table
{
	width: 95%;
	color: #000000;
   font-family: Arial;
   font-size: 10pt;
   background-color: #ffffff;
	margin: 15px;
	margin-bottom: 40px;
}

.main_table a
{
	color: blue; 
	font-weight: bold; 
	text-decoration: underline;
}

.main_table a:hover
{
	color: #E79748; 
	font-weight: bolder; 
	text-decoration: underline;
}

.main_table2
{
	width: 80%;
	color: #000000;
   background-color: #ffffff;
   text-align: left;
	margin: 25px;
}

.main_table2 a
{
	color: blue; 
	font-weight: bold; 
	text-decoration: underline;
}

.main_table2 a:hover
{
	color: #E79748; 
	font-weight: bolder; 
	text-decoration: underline;
}

.footer
{
	width: 775px;
	font-family: Arial;
   font-weight: bold;
	color: #000000;
	margin-right: -10px;
   margin-top: 20px;
   font-size: 12px;
}

.footer a:link
{
	font-family: Arial; 
	font-size: 12px; 
	color: blue; 
	font-weight: bold; 
	text-decoration: underline;
}

.footer a:visited
{
	font-family: Arial; 
	font-size: 12px; 
	color: blue; 
	font-weight: bold; 
	text-decoration: underline;
}

.footer a:hover
{
	font-family: Arial; 
	font-size: 12px; 
	color: #E69748; 
	font-weight: bolder; 
	text-decoration: underline;
}

/* overall table */
#calendar table {
border:1px solid #fff;
padding: 0;
margin:20px;
}

/* the day headers across the top */
#calendar th {
background: #565;
color: #fff;
margin: 3px;
padding: 2px 5px;
}

/* how days this month will look, make dates appear in top right */
#calendar td {
background: #eee;
color: #000;
padding: 2px;
margin:0;
height:60px;
text-align:right;
vertical-align:top;
border:1px solid #fff;
}

/* these are the days falling outside this month */
#calendar td.notInMonth
{
background: #999;
}

.traffic
{
border: 1px solid black;
background: yellow;
font-size: 11px;
}

.traffic td
{
	font-size: 11px;
}

.traffic_header
{
	border: 1px solid black;
	background: black;
	color: white;
	font-size: 11px;	
}

.return
{
   color: #000000;
   width: 100%;
}

.req
{
	color: red;
}

.grid div
{
	width: 100%;
}

.grid table
{
	font-size: 10pt;
	width: 100%;
   background: #000000;
   color: #FFFFFF;
}

.grid th
{
	 border: 1px solid black;
}

.grid td
{
	padding: 2px;
	text-align: center;
}

.totals
{
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	width: 75%;
}

.totals th
{
	background: #000000;
	color: #FFFFFF;
	text-align: left;
	width: 25%;
}

.totals td
{
	padding: 2px;
}

.picker
{
	width: 100%
   border: 1px solid #000000;
   overflow: auto;
}

.report
{
	margin-bottom: 15px;
	width: 100%;
	border: 1px solid black;
	background: #000000;
	font-size: 10pt;
}

.report2
{
	margin-bottom: 15px;
	width: 250px;
	border: 1px solid black;
	background: #CCCCCC;
}

.unit_name
{
	font-size: 12pt;
	background: #000000;
	color: #ffffff;
}

.total
{
	font-weight: bold;
}

.report_total
{
	font-size: 12pt;
	font-weight: bold;
	border: 1px solid black;
	width: 500px;
	background: #CCCCCC;
}

.date_range
{
	font-size: 12pt;
	font-weight: bold;
}

.details
{
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	padding: 3px;
	background: yellow;
	width: 100%;
}

.number
{
	background: #FFFFFF;
	border: 1px solid black;
	width: 100px;
}

.report th
{
	background: #000000;
	color: #ffffff;
}

.report2 th
{
	background: #000000;
	color: #ffffff;
}

.rsvtable
{
   background: #FFFFFF;
   font-family: arial;
   font-size: 10pt;
}

.rsvtable th
{
   background: #cccccc;
}

.ut
{
   background: #cccccc;
}

.bk
{
   background: #1FFEF3;
}

.bk2
{
	background: gray;
}

.bk a
{
  color: #000000;
  font-weight: bold;
}

.bk a:hover
{
   font-weight: bold;
   color: #0000FF;
}

.altbk
{
   background: #FF33CC;
}

.altbk a
{
  color: #000000;
  font-weight: bold;
}

.altbk a:hover
{
   font-weight: bold;
   color: #0000FF;
}

.nbk
{
   text-align: center;
}

.nbk a
{
  color: #000000;
  font-weight: bold;
}

.nbk a:hover
{
  color: #0000FF;
}

.web_link a
{
	color: #FFFF00;
}

.web_link a:hover
{
	color: #00FF00;
}

div.ui-datepicker
{
 font-size: 10pt;
}

.label
{
	font-size: 10pt;
}

label.error 
{ 
	color: red; 
	font-size: 8pt;
}

.error 
{ 
	color: red; 
	font-weight: bold;
}

.error2
{ 
	color: red; 
	font-size: 8pt;
	font-weight: bold;
}

.success
{ 
	color: green; 
	font-size: 12pt;
	font-weight: bold;
}

.error 
{ 
	color: red; 
	font-weight: bold;
	font-size: 10pt;
}

td.label input.error, td.label select.error, tr.errorRow td.label input,tr.errorRow td.label select 
{
	border: 1px solid red;
	background-color: #FFFFD5;
	color: red;
}

.disabled
{
	color: #666666;
}

.row
{
	background: #ffffff;
}

.altRow
{
	background: #CCCCCC;
}

.hideCharge
{
	display: none;
}

.showCharge
{
	display: block;
}

.showCharge table
{
	width: 100%;
	color: #000000;
   font-family: Arial;
   font-size: 10pt;
   background-color: #ffffff;
}

#total
{
	width: 100%;
	font-size: 14pt;
}

#pricing_dlg
{
	font-size: 10pt;
	text-align: left;
}

.sub_table
{
	font-size: inherit;
	color: inherit;
}

.sub_table td
{
	width: 218px;
}

#zip_msg
{
	font-size: 8pt;
	color: red;
}