/* Global Styles */

body {
	font: 62.5% "Trebuchet MS", sans-serif;
	margin:0px;
	}
	
td {
	font:11px arial;
	color:#333333;
	}
	
a {
	color: #cc0000;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {
	color: #990000;
	text-decoration:underline;
	}
	
/* ID Styles */
	
#navigation a {
	font:10px arial;
	color: #336666;
	text-decoration:none;
	letter-spacing:.1em;
	}
	
#navigation a:hover {
	color: #993300;
	text-decoration:underline;
	}

#padding {
	padding:20px 5px 20px 5px;
	}
	
#weekdays th {
	font:10px arial;
	color: #ffffff;
	letter-spacing:.2em;
	background-color:#006696;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-bottom:1px solid #AFB5B8;
	border-right:1px solid #AFB5B8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#calheader td {
	font-weight:bold;
	}

label, input {
	display:block;
	}

input.text {
	margin-bottom:12px;
	width:95%;
	}

fieldset {
	padding:0;
	border:0;
	margin-top:25px;
	}

/* Class Styles */

.logo {
	font:18px times new roman;
	color: #333300;
	letter-spacing:.4em;
	font-weight:bold;
	background: url(images/KLCLogoSmallb.png) no-repeat left top;
	}

.sidebarText {
	font:12px georgia;
	color: #336666;
	line-height:18px;
	}
	
.bodyText {
	font:11px arial;
	line-height:24px;
	color:#333333;
	}
	
.pageName {
	font:20px georgia;
	color: #CC3300;
	letter-spacing:.1em;
	line-height:26px;
	}
	
.subHeader {
	font:14px georgia;
	color: #669999;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.navText {
	font:10px arial;
	color: #333300;
	letter-spacing:.1em;
	}
	
.navTextBody {
	font: 11px Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}

.calendarText {
	font:11px arial;
	line-height:14px;
	color:#333333;
	}


.summary table {
	 font:0.8em Arial, Helvetica, sans-serif;
	}
	
.summary td {
	border: 1px solid #77d5f7;
	background: #0078ae url(images/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #ffffff;
	outline: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

.summary td a {
	color:#724809;
	text-decoration:none;
	font-weight:bold; }
	
.summary td a:hover {
	background-color:#F5B348;
	color:#FFF; }

caption {
	background-color:#5A666E;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.2em;
	border:1px solid #000; }

.tabRowOdd {
	background-color:#C5DBF3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
 }
	
.tabRowEven {
	background-color:#E4EDF4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
 }
	

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #a4c2c2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #a4d2c2}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #EAEBD8;
	color: #2875DE;
	font: 11px arial}

#sddm div a:hover
{	background: #a4d2c2;
	color: #FFF}

#blankRowInv td{display:none;}
#blankRowExp td{display:none;}
#blankRowPrd td{display:none;}
#blankRowProduct1 td{display:none;}
#blankRowProduct2 td{display:none;}
#blankRowPayment1 td{display:none;}
#blankRowPayment2 td{display:none;}

.currencyAndAmount
{	display:block;
	clear:both
	text-align:center}
	
.currencyChar
{	float:left}

.currencyAmt
{	float:right}