/* CSS Document */

/* Reset styles - START - these will clear the different browser defaults for various margins, borders and such */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: disc;
	margin-left: 15px;
}
li{
	margin-bottom: 8px;	
}
strong{
	font-weight: bold;
}
#rightTextContentAreaSplit ul{
	list-style: disc;
	margin-bottom: 10px;
	margin-left: 15px;
}
#rightTextContentAreaSplit ul li{
	font-size: 13px;	
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Reset styles - END */

body{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(../images/bg-fade.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

/* Clearfix style - START - Forces Firefox to expand divs when content is bigger than initial height. Must be applied as a class to the divs needing it */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Clearfix style - END */


td, font, div{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
	color: #000000;
}

a{
	color: #0066FF;
	text-decoration: underline;
}

a:hover{
	text-decoration: underline;
}

h1{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 1em;
	margin-bottom: 36px;
	color: #333;
	font-weight: normal;
}
h2{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	line-height: 23px;
	color: #333;
	font-weight: bold;
	text-transform: none;
	margin-bottom: 8px;
}
h2 a{
	color: #333;
	text-decoration: none;
}
h2 a:hover{
	color: #FF0000;
	text-decoration: none;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
}
h3.ingress{
	font-weight: bold;
	color: #000;
	margin-bottom: 12px;
}
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 14px;
	font-weight: bold;	
}
h4.front{
	font-size: 16px;
	color: #0F519A;
	font-weight: bold;
}

h4.productSideHeading{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	line-height: 12px;
	font-weight: bold;	
}
h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-bottom: 6px;
	font-weight: bold;
}

h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 0px;
	color: #333;
	font-weight: normal;
	font-style: italic;	
}

p{
	margin-bottom: 11px;
}
.menuDivider{
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #FFFFFF;
}
input, select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 18px;
	border: 1px solid #333333;
}

/* Main container styles - START - These are containers for the entire site design. Background is usually defined outside of these, and these contain the actual box of the main site. Usually the outer wrapper is just a box to properly position the site while the siteContainer keeps the main look of the box */
#outerWrapper{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-image: url(../images/bg-shadow.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}
#wrapper{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1032px;
	overflow: hidden;
	text-align: center;
	background-image: url(../images/page-faderepeat.jpg);
	background-position: bottom;
	background-repeat: repeat-y;
}

#siteContainer {
	margin: 0;
	padding: 0;
	position: relative;
	clear: both;
	width: 1000px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	background-image: url(../images/page-topfade.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;	
}
#bottomContainer{
	margin: 0 auto;
	padding: 0;
	clear: both;
	width: 1032px;
	height: 16px;
	background-image: url(../images/page-bottom.gif);
	background-repeat: no-repeat;
}
/* Main container styles - END */

#pageFlip{
	position: absolute;
	top: -2px;
	right: 4px;
	z-index: 1000;
}
#pageFlipLeftCTC{
	position: absolute;
	top: -2px;
	left: 4px;
	z-index: 1000;
}
#pageFlipRightCTC{
	position: absolute;
	top: 8px;
	right: 34px;
	z-index: 1000;
}
#upperArea{
	height: 66px;
}
#logoArea{
	width: 150px;
	padding-left: 25px;
	padding-top: 15px;
	margin-right: 150px;
	float: left;	
}
#menuArea{
	float: left;
	width: 615px;
	padding-top: 25px;
}
#menuContainer{
	margin: 0;
	padding: 0;
	width: 615px;
	clear: both;
}
#menuContainer ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#menuContainer ul li{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin-right: 38px;
}
#menuContainer ul li a{
	color: #000000;
	text-decoration: none;
}
#menuContainer ul li a:hover{
	color: #FF0000;
}
#menuContainer ul li a.selected{
	color: #FF0000;
}
#subMenuContainer{
	margin: 0;
	padding: 0;
	width: 615px;
	padding-top: 3px;
	clear: both;
}
#subMenuContainer ul{
	margin: 0;
	padding: 0;
	list-style: none;	
}
#subMenuContainer ul li{
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	float: left;
	margin-right: 20px;
}
#subMenuContainer ul li a{
	color: #000000;
	text-decoration: none;
}
#subMenuContainer ul li a:hover{
	color: #FF0000;
}
#subMenuContainer ul li a.selected{
	color: #FF0000;
}
#productMenuContainer{
	margin: 0;
	padding: 0;
	width: 200px;
	padding-top: 3px;
	clear: both;
}
#productMenuContainer ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#productMenuContainer ul li{
	margin: 0;
	font-size: 11px;
	font-weight: normal;
}
#productMenuContainer ul li a{
	color: #FFFFFF;
	text-decoration: none;
}
#productMenuContainer ul li a:hover{
	color: #FF0000;
}
#productMenuContainer ul li a.selected{
	color: #FF0000;
}
#mainContentContainer{
	clear: both;
	width: 1000px;
}
#frontContentContainer{
	width: 840px;
	padding-left: 132px;
	padding-right: 28px;
}
#productContentContainer{
	margin: 0;
	padding: 0;
	width: 858px;
	padding-left: 135px;
}
#listContentContainer{
	margin: 0;
	padding: 0;
	width: 958px;
	padding-left: 52px;
	padding-top: 10px;
}
#productContentContainer.leftImage{
	width: 985px;
	padding-left: 15px;
}
#articleFrontContainer{
	float: left;
	width: 532px;
	margin-right: 45px;
}
#articleMainContainer{
	float: left;
	width: 602px;
	margin-right: 25px;
}
#articleProductContainer{
	float: left;
}
.articleItem{
	float: left;
	margin-bottom: 15px;
}

.articleImage{
	float: left;
	width: 182px;
	min-height: 100px;
	margin-right: 15px;
}
.employeeImage{
	float: left;
	width: 100px;
	margin-left: 82px;
	min-height: 50px;
	margin-right: 15px;
}
.articleText{
	float: left;
	width: 335px;
	font-size: 11px;
	color: #666666;
	line-height: 150%;
}
.articleWideText{
	float: left;
	width: 405px;
	font-size: 11px;
	color: #666666;
	line-height: 150%;
}
.articleWideTextNoImage{
	float: left;
	width: 405px;
	margin-left: 195px;
	font-size: 11px;
	color: #666666;
	line-height: 150%;
}
.articleContentText{
	float: left;
	width: 388px;
	font-size: 11px;
	color: #666666;
	line-height: 150%;
}

.articleContentText table tbody tr td{
	margin: 0;
	padding: 0;
	padding-bottom: 25px;
}
#articleContentContainer{
	padding-left: 187px;
	margin-right: 25px;
}
#articleContentContainer.product{
	padding-left: 0px;
	margin-right: 33px;
}
#newsFrontContainer{
	float: left;
	width: 243px;
}
#newsSideContainer{
	float: left;
	width: 188px;	
}
#imageArea{
	clear: both;
	width: 1000px;
	height: 245px;
	overflow: hidden;
	margin-bottom: 15px;
	background-color: #000;
}
#imageContainer{
	float: left;
	width: 683px;
	min-height: 235px;
}
#blackImageArea{
	float: left;
	width: 277px;
	height: 165px;
	padding-top: 70px;
	padding-left: 25px;
	padding-right: 15px;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 140%;
	font-weight: bold;
	text-transform: uppercase;
}
#productsSideContainer{
	float: left;
	width: 195px;
	padding: 10px;
	margin-top: 30px;
	padding-left: 12px;
	padding-right: 12px;
	background-color: #000000;	
}
#productsSideContainerBlank{
	float: left;
	width: 195px;
	padding: 10px;
	margin-top: 0px;
	padding-left: 12px;
	padding-right: 12px;
}
#productImages{
	float: left; 
	width: 300px;
	margin-top: 60px;
	padding-left: 15px;
}
.productContentImage{
	margin: 0;
	padding: 0;
	float: left;
	width: 225px;
	min-height: 200px;
	margin-bottom: 15px;
}
.imageMagnifier{
	float: left;
	width: 25px;
}
.productContentImageText{
	width: 275px;	
	text-align: left;
	clear: both;
	font-size: 10px;
	color: #666666;
}
.newsFrontImage{
	clear: both;
	margin-bottom: 13px;
}
.newsFrontItem{
	clear: both;
	font-size: 10px;
	margin-bottom: 13px;
	color: #666666;
}
.newsFrontItem a{
	color: #666666;
	text-decoration: none;
}
.newsFrontItem a.selected{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.greyLine{
	height: 30px;
	border-top: 1px solid #999999;
}
#underBottomContainer{
	margin: 0 auto;
	width: 975px;
	padding-left: 25px;
	text-align: left;
}
#attachmentContainer{
	float: left;
	width: 180px;
	margin-top: 25px;
	margin-left: 10px;
}
#attachmentContainer ul{
	margin: 0;
	padding: 0;
	list-style: outside;
	margin-left: 25px;
	margin-top: 15px;
	list-style: none;
}
#attachmentContainer li{
	margin: 0;
	padding: 0;
	width: 180px;
}
/* Fancybox styles */
.fancybox{
	background-color: #FFFFFF;
	border: 4px solid #DDD;
	padding: 3px;
	margin: 10px 40px 0 0;
}
.textBoxAreaSingle{
	float: left;
	width: 265px;
	height: 400px;
}
.textBoxAreaDouble{
	float: left;
	width: 550px;
	height: 400px;
}
.textBox{
	float: left;
	width: 180px;
	margin-right: 95px;
	margin-bottom: 10px;
	min-height: 145px;
}
/* Washington CTC Launch */

#frontContentContainerWashington{
	margin: 0;
	padding: 0;
	width: 930px;
	padding-left: 42px;
	padding-right: 28px;
}
#washingtonLaunchContainer{
	margin: 0;
	padding: 0;
	float: left;
	width: 622px;
	margin-right: 45px;
	text-align: center;
	display: inline;
}
#washingtonLaunchContainer h1{
	font-size: 24px;
	color: #F00;
	font-weight: bold;
	margin-bottom: 8px;
}
#washingtonLaunchContainer a{
	font-size: 14px;
	color: #06F;
	font-weight: normal;
}
#imageAreaLanding{
	margin: 0;
	padding: 0;
	float: left;
	width: 1000px;
}
#imageContainerLanding{
	margin: 0;
	padding: 0;
	float: left;
	width: 500px;
	background-color: #000;
}
#pictureAreaLanding{
	margin: 0;
	padding: 0;
	float: left;
	width: 500px;
	background-color: #000;
}
#textAreaLanding{
	margin: 0;
	padding: 0;
	float: left;
	width: 450px;
	padding: 25px;
	padding-top: 65px;
	padding-bottom: 47px;
	font-size: 13px;
	line-height: 130%;
	color: #FFF;
	background-color: #000;
}
#textAreaLanding h1{
	font-size: 18px;
	color: #F00;
	font-weight: bold;
	margin-bottom: 8px;
	line-height: 130%;
}
#signupContentContainer{
	margin: 0;
	padding: 0;
	width: 1000px;
}
#signupInfoContainer{
	float: left;
	width: 440px;
	padding: 30px;
	padding-top: 50px;
	padding-bottom: 50px;
	line-height: 150%;
}
#signupInfoContainer h1{
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin-bottom: 8px;
}
#signupBrochureContainer{
	float: left;
	width: 500px;
	padding-top: 50px;
	padding-bottom: 50px;
}
#signupBrochureContainer h4{
	font-size: 13px;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 6px;
}
#signupBrochureContainer a img{
	float: left;
	width: 150px;
	margin-right: 15px;
	border: 1px solid #999;
	display: inline;
}
.signupDownloadItem{
	float: left; 
	width: 450px;
	margin-left: 25px;
	margin-bottom: 25px;
	display: inline;
}
.signupButton{
	float: left;
	width: 500px;
	text-align: center;
	padding-top: 25px;
}

/**** Form Section ****/
.appnitro
{
	font-family:Arial, Verdana, sans-serif;
	font-size:small;
}

.appnitro li
{
	width:81%;
}

form ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

form li
{
	display:block;
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
}

form li:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons
{
	clear:both;
	display:block;
	margin-top:10px;
}

* html form li
{
	height:1%;
}

* html .buttons
{
	height:1%;
}

* html form li div
{
	display:inline-block;
}

form li div
{
	color:#444;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li span
{
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li div.left
{
	display:inline;
	float:left;
	width:48%;
}

form li div.right
{
	display:inline;
	float:right;
	width:48%;
}

form li div.left .medium
{
	width:100%;
}

form li div.right .medium
{
	width:100%;
}

.clear
{
	clear:both;
}

form li div label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

form li span label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

form li .datepicker
{
	cursor:pointer !important;
	float:left;
	height:16px;
	margin:.1em 5px 0 0;
	padding:0;
	width:16px;
}

.form_description
{
	border-bottom:1px dotted #AAA;
	clear:both;
	display:inline-block;
	margin:0 0 1em;
}

.form_description[class]
{
	display:block;
}

.form_description h2
{
	clear:left;
	font-size:160%;
	font-weight:400;
	margin:0 0 3px;
}

.form_description p
{
	font-size:95%;
	line-height:130%;
	margin:0 0 12px;
}

form hr
{
	display:none;
}

form li.section_break
{
	border-top:1px dotted #ccc;
	margin-top:9px;
	padding-bottom:0;
	padding-left:9px;
	padding-top:13px;
	width:97% !important;
}

form ul li.first
{
	border-top:none !important;
	margin-top:0 !important;
	padding-top:0 !important;
}

form .section_break h3
{
	font-size:110%;
	font-weight:400;
	line-height:130%;
	margin:0 0 2px;
}

form .section_break p
{
	font-size:85%;

	margin:0 0 10px;
}

/**** Buttons ****/
input.button_text
{
	overflow:visible;
	padding:0 7px;
	width:auto;
}

.buttons input
{
	font-size:120%;
	margin-right:5px;
}

/**** Inputs and Labels ****/
label.description
{
	border:none;
	color:#222;
	display:block;
	font-size:95%;
	font-weight:700;
	line-height:150%;
	padding:0 0 1px;
}

span.symbol
{
	font-size:115%;
	line-height:130%;
}

input.text
{
	background:#fff url(shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
}

input.file
{
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
}

textarea.textarea
{
	background:#fff url(shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	margin:0;
	width:99%;
}

select.select
{
	color:#333;
	font-size:100%;
	margin:1px 0;
	padding:1px 0 0;
	background:#fff url(shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
}


input.currency
{
	text-align:right;
}

input.checkbox
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

input.radio
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

label.choice
{
	color:#444;
	display:block;
	font-size:100%;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;
	padding:4px 0 5px;
	width:90%;
}

select.select[class]
{
	margin:0;
	padding:1px 0;
}

*:first-child+html select.select[class]
{
	margin:1px 0;
}

.safari select.select
{
	font-size:120% !important;
	margin-bottom:1px;
}

input.small
{
	width:25%;
}

select.small
{
	width:25%;
}

input.medium
{
	width:50%;
}

select.medium
{
	width:50%;
}

input.large
{
	width:99%;
}

select.large
{
	width:100%;
}

textarea.small
{
	height:5.5em;
}

textarea.medium
{
	height:10em;
}

textarea.large
{
	height:20em;
}

textarea.custom
{
	height:3em;
}


/**** Errors ****/
#error_message
{
	background:#fff;
	border:1px dotted red;
	margin-bottom:1em;
	padding-left:0;
	padding-right:0;
	padding-top:4px;
	text-align:center;
	width:99%;
}

#error_message_title
{
	color:#DF0000;
	font-size:125%;
	margin:7px 0 5px;
	padding:0;
}

#error_message_desc
{
	color:#000;
	font-size:100%;
	margin:0 0 .8em;
}

#error_message_desc strong
{
	background-color:#FFDFDF;
	color:red;
	padding:2px 3px;
}

form li.error
{
	background-color:#FFDFDF !important;
	border-bottom:1px solid #EACBCC;
	border-right:1px solid #EACBCC;
	margin:3px 0;
}

form li.error label
{
	color:#DF0000 !important;
}

form p.error
{
	clear:both;
	color:red;
	font-size:10px;
	font-weight:700;
	margin:0 0 5px;
}

form .required
{
	color:red;
	float:none;
	font-weight:700;
}

/**** Guidelines and Error Highlight ****/
form li.highlighted
{
	background-color:#FFAAAA;
}

form .guidelines
{
	background:#f5f5f5;
	border:1px solid #e6e6e6;
	color:#444;
	font-size:80%;
	left:100%;
	line-height:130%;
	margin:0 0 0 8px;
	padding:8px 10px 9px;
	position:absolute;
	top:0;
	visibility:hidden;
	width:42%;
	z-index:1000;
}

form .guidelines small
{
	font-size:105%;
}

form li.highlighted .guidelines
{
	visibility:visible;
}

form li:hover .guidelines
{
	visibility:visible;
}

.no_guidelines .guidelines
{
	display:none !important;
}

.no_guidelines form li
{
	width:97%;
}

.no_guidelines li.section
{
	padding-left:9px;
}

/*** Success Message ****/
.form_success 
{
	clear: both;
	margin: 0;
	padding: 90px 0pt 100px;
	text-align: center
}

.form_success h2 {
    clear:left;
    font-size:160%;
    font-weight:normal;
    margin:0pt 0pt 3px;
}

/*** Password ****/
ul.password{
    margin-top:60px;
    margin-bottom: 60px;
    text-align: center;
}
.password h2{
    color:#DF0000;
    font-weight:bold;
    margin:0pt auto 10px;
}

.password input.text {
   font-size:170% !important;
   width:380px;
   text-align: center;
}
.password label{
   display:block;
   font-size:120% !important;
   padding-top:10px;
   font-weight:bold;
}

#li_captcha{
   padding-left: 5px;
}


#li_captcha span{
	float:none;
}

/** Embedded Form **/

.embed #form_container{
	border: none;
}

.embed #top, .embed #bottom, .embed h1{
	display: none;
}

.embed #form_container{
	width: 100%;
}

.embed #footer{
	text-align: left;
	padding-left: 10px;
	width: 99%;
}

.embed #footer.success{
	text-align: center;
}

.embed form.appnitro
{
	margin:0px 0px 0;
	
}



/*** Calendar **********************/
div.calendar { position: relative; }

.calendar table {
cursor:pointer;
border:1px solid #ccc;
font-size: 11px;
color: #000;
background: #fff;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

.calendar .button { 
text-align: center;    
padding: 2px;          
}

.calendar .nav {
background:#f5f5f5;
}

.calendar thead .title { 
font-weight: bold;      
text-align: center;
background: #dedede;
color: #000;
padding: 2px 0 3px 0;
}

.calendar thead .headrow { 
background: #f5f5f5;
color: #444;
font-weight:bold;
}

.calendar thead .daynames { 
background: #fff;
color:#333;
font-weight:bold;
}

.calendar thead .name { 
border-bottom: 1px dotted #ccc;
padding: 2px;
text-align: center;
color: #000;
}

.calendar thead .weekend { 
color: #666;
}

.calendar thead .hilite { 
background-color: #444;
color: #fff;
padding: 1px;
}

.calendar thead .active { 
background-color: #d12f19;
color:#fff;
padding: 2px 0px 0px 2px;
}


.calendar tbody .day { 
width:1.8em;
color: #222;
text-align: right;
padding: 2px 2px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color: #fbb;
}

.calendar table .wn {
padding: 2px 2px 2px 2px;
border-right: 1px solid #000;
background: #666;
}

.calendar tbody .rowhilite td {
background: #FFF1AF;
}

.calendar tbody .rowhilite td.wn {
background: #FFF1AF;
}

.calendar tbody td.hilite { 
padding: 1px 1px 1px 1px;
background:#444 !important;
color:#fff !important;
}

.calendar tbody td.active { 
color:#fff;
background: #529214 !important;
padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { 
font-weight: bold;
border: 1px solid #888;
padding: 1px 1px 1px 1px;
background: #f5f5f5 !important;
color: #222 !important;
}

.calendar tbody td.weekend { 
color: #666;
}

.calendar tbody td.today { 
font-weight: bold;
color: #529214;
background:#D9EFC2;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { 
visibility: hidden;
}

.calendar tbody .emptyrow { 
display: none;
}

.calendar tfoot .footrow { 
text-align: center;
background: #556;
color: #fff;
}

.calendar tfoot .ttip { 
background: #222;
color: #fff;
font-size:10px;
border-top: 1px solid #dedede;
padding: 3px;
}

.calendar tfoot .hilite { 
background: #aaf;
border: 1px solid #04f;
color: #000;
padding: 1px;
}

.calendar tfoot .active { 
background: #77c;
padding: 2px 0px 0px 2px;
}

.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
border: 1px solid #ccc;
background: #f5f5f5;
color: #222;
font-size: 90%;
z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}

.calendar .combo .label-IEfix {
width: 4em;
}

.calendar .combo .hilite {
background: #444;
color:#fff;
}

.calendar .combo .active {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
background: #dedede;
font-weight: bold;
}
form font{
	color: #F00;	
}