*{
  margin:0px;
  padding:0px;
}

body{
  font-size:76%;
	font-family: "Trebuchet MS",sans-serif;
}

img{
	border:none;
}

div#wrapper{
  width:900px;
  margin-left:auto;
  margin-right:auto;
}

#logo{
  position:absolute;
  top:10px;
  margin-left:737px;
}

/*------------------------------- Header -------------------------------*/
div#header p, div#header h1{
  display:inline;
}

div#header{
  padding:32px 0 0 20px;
}

div#header h1{
  font-weight:normal;
  color:#A7A7A7;
}

div#header a{
color:#ED8500;
}

/*------------------------------- Nav ------------------------------- */

div#nav{
	padding:18px 0 0 0;
	margin:0px;
}

div#nav ul li{
  float:left;
  list-style:none;
  padding-right:10px;
}

div#nav ul li a{
  font-weight:bold;
  text-decoration:none;
	color:#FFF;
}

#nav a {
  float:left;
  background:url("../images/lahp/menu_left.gif") no-repeat left top;
  margin:0;
  padding:0 1px 0px 8px;
  text-decoration:none;
	line-height:0;
	margin:0px;
}

#nav a span {
  float:left;
  display:block;
  background:url("../images/lahp/menu_right.gif") no-repeat right top;
  padding:11px 15px 20px 6px;
  font-weight:bold;
  color:#FFF;
}

#nav li.selected a {
  background:url("../images/lahp/menu_on_left.gif") no-repeat left top;
}

#nav li.selected a span {
  background:url("../images/lahp/menu_on_right.gif") no-repeat right top;
}

#nav ul li.selected a:hover {
  background:url("../images/lahp/menu_on_left.gif") no-repeat left top;
}

#nav ul li.selected a:hover span {
  background:url("../images/lahp/menu_on_right.gif") no-repeat right top;
}

#nav a:hover {
  background:url("../images/lahp/menu_over_left.gif") no-repeat left top;
}

#nav a:hover span {
  background:url("../images/lahp/menu_over_right.gif") no-repeat right top;
}


/*------------------------------ Sub nav -------------------------------*/
div#sub_nav{

}

div#sub_nav ul li{
  float:left;
  list-style:none;
  padding-right:10px;
}


div#sub_nav ul li a{
  font-weight:bold;
  font-size:1.4em;
  text-decoration:none;
	color:#FFF;
}

#sub_nav a {
  float:left;
  background:url("../images/lahp/sub_nav_left.gif") no-repeat left top;
  margin:0;
  padding:5px 1px 0px 16px;
  text-decoration:none;
	line-height:0;
}

#sub_nav a span {
  float:left;
  display:block;
  background:url("../images/lahp/sub_nav_right.gif") no-repeat right top;
  padding:22px 15px 26px 6px;
	position:relative;
	top:-5px;
  font-weight:bold;
  color:#FFF;
}

#sub_nav li.selected a, #sub_nav li.selected a:hover {
	background:url("../images/lahp/sub_nav_left_on.gif") no-repeat left top white;
	padding-right:0px;
	padding-bottom:2px;
}


#sub_nav li.selected a span, #sub_nav li.selected a:hover span {
  background:url("../images/lahp/sub_nav_right_on.gif") no-repeat right top;
	color:#ED9205;
}

#sub_nav a:hover {
	background:url("../images/lahp/sub_nav_left_over.gif") no-repeat left top;
}

#sub_nav a:hover span {
  background:url("../images/lahp/sub_nav_right_over.gif") no-repeat right top;
}


/*------------------------------- Layout -------------------------------*/

div#lhs{
	width: 600px;
	padding: 20px 0px 0px 20px;
	position: relative;
	float: left;

}

div#lhs_other{
	width: 600px;
	padding: 20px 0px 0px 20px;
	position: relative;
	float: left;

}

div#rhs{
	width: 260px;
	padding: 0px 20px 0px 0px;
	position: relative;
	float: right;
}

div#rhsMS{
	width: 260px;
	padding: 0px 20px 0px 0px;
	position: relative;
	float: right;
}

/* for Internet Explorer; others ignore the style below */
/*\*/
* html body div#rhsMS {
  width: 260px;
    margin-top:-17px;
	padding: 0px 20px 0px 0px;
	position: relative;
	float: right;

/**/
}

/*------------------------------- Content -------------------------------*/

div#content{
  clear:both;
  color:#FFF;
}
div#headBottom{
  background: url(../images/lahp/box_bottom.gif) bottom no-repeat #ED9205 ;
  padding-bottom:31px;
}

/* for Internet Explorer; others ignore the style below */
/*\*/
* html body div#content div#headBottom {
  padding-bottom:26px;

/**/
}

div#headBottomMS{
  background: url(../images/lahp/box_bottom.gif) bottom no-repeat #ED9205 ;
  padding-bottom:55px;
}

/* for Internet Explorer; others ignore the style below */
/*\*/
* html body div#content div#headBottomMS {
  padding-bottom:55px;

/**/
}

div#content a{
	color:#FFF;
}

div#content div.forie{
	background:url(../images/lahp/box_top.gif) no-repeat top;
	display	:block	;
	padding:10px 20px 0px 20px;
}

div#content div.forieLogin{
	background: url(../images/lahp/box_top.gif) no-repeat top;
	display	:block	;
	padding:10px 20px 0px 20px;
}

#home div#content div.forie{
	padding-left:10px;
}

a#random{
	margin-left:20px;
}

div#pageContent{
	padding: 10px 0px 0px 20px;
	margin: -10px 0px 0px -10px;
}

/* for Internet Explorer; others ignore the style below */
/*\*/
* html body div#pageContent {
	padding: 0px 0px 0px 20px;
	margin: -16px 0px 0px -10px;
/**/
}

#searches div#content div.forie{
	padding:0px;
}

div#content hr{
  clear:both;
  margin:0px;
	padding:0px;
visibility:hidden	;
}

div#info{
  clear:both;
  width:876px;
	overflow:hidden;
	text-align:center;
	padding:10px 0px 10px 0px;
}

div#info h2{
	padding:0 0 15px 0;
}

div.info_block{
  float:left;
  width:229px;
  padding:10px;
  background:#E97400;
  border:1px solid #E96300;
  height:136px;
  margin:0px 13px 0px 0px;
}

/* for Internet Explorer; others ignore the style below */
/*\*/
* html body div.info_block {
	height:150px;
/**/
}

div.info_block_last{
 float:left;
  width:229px;
  padding:10px;
  background:#E97400;
  border:1px solid #E96300;
  height:136px;
  margin:0px 0px 0px 0px;
}

/*------------------------------- Home -------------------------------*/

#home div#content{
  color:#FFF;
}

#home div#content a{
	color:#FFF;
}

#home img#random{
  margin-left:20px;
}


/*------------------------------- News -------------------------------*/

div#news{
  clear:both;
  padding:0 0 0 10px;
}

div.news_block{
  float:left;
  width:233px;
  padding:10px;
}

div.news_block p.gray{
	padding:0 0 10px 0;
}

div.news a{
	color:#3B4D99 ! important ;
	font-weight:bold;
}

div.events a{
	color:#279644 ! important ;
	font-weight:bold;
}

div#lhs h1{
	font-size:1.6em;
	color:#ED9205;
	padding:0 0 20px 0;
}

div#lhs_other h1{
	font-size:1.6em;
	color:#ED9205;
	padding:0 0 20px 0;
}

div.newsletter p{
	padding:0 0 10px 0;
}

div.newsletter{
	padding:0 0 30px 0;
}



/*------------------------------- Login -------------------------------*/
#login div#header{
  height:78px;
}


#login div.form{
	width:510px;
	background:url(../images/lahp/login_top.gif) no-repeat #FFF;
}

#login div.form div.forie_form{
	position:relative;
	background:url(../images/lahp/login_bottom.gif) bottom  no-repeat ;

}

#login div.form form{
	padding:20px;
}

#login div.form p{
	display:inline;
	position:relative;
	top:-8px;
}

#login div.form label{
	width:100px;
	padding:0 0 0px 0;
	display:block;
	float:left;
	text-align:right;
	font-size:1.2em;
	font-weight:bold;
	color:#666;
}

#login input{
	margin:0 0 10px 10px;
}

#login .checkbox{
	margin:0 0 10px 110px;
}

#login .submit{
	margin:0 0 10px 110px;
}

#login h2{
	color:#666;
	padding:0 0 20px 0;
	font-weight:normal;
	font-size:1.6em
}

/*------------------------------- Performance -------------------------------*/

#performance div#lhs h1{
	font-size:1.6em;
	color:#ED8500;
}

#performance table{
	width:100%;
}

#contactDetailsCatalogueUpdateTable input {
	font-family: 'Trebuchet MS',sans-serif;
	font-size: 11px;
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;
}

#contactDetailsCatalogueUpdateTable .FieldName {
	font-family: 'Trebuchet MS',sans-serif;
	font-size: 11px;
	text-align: left;
	vertical-align: middle;	
}

#turnaroundTimeCatalogueUpdateTable input {
	font-family: 'Trebuchet MS',sans-serif;
	font-size: 11px;
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;
}

#turnaroundTimeCatalogueUpdateTable .FieldName {
	font-family: 'Trebuchet MS',sans-serif;
	font-size: 11px;
	text-align: left;
	vertical-align: middle;		
}

#feesCatalogueUpdateTable input {
	font-family: 'Trebuchet MS',sans-serif;
	font-size: 11px;
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;	
}

#feesCatalogueUpdateTable .FieldName {
	font-family: 'Trebuchet MS',sans-serif;
	font-size: 11px;
	text-align: left;	
	vertical-align: middle;		
}

#feesCatalogueUpdateTable textarea {
	font-family: 'Trebuchet MS',sans-serif;
	font-size: 11px;
	text-align: left;	
	padding-left: 2px;
	padding-right: 2px;	
}

#feesCatalogueUpdateTable .footnote {
	font-family: 'Trebuchet MS',sans-serif;
	font-size: 11px;
	text-align: left;	
}

#cancellationPolicyCatalogueUpdateTable input {
	font-family: 'Trebuchet MS',sans-serif;
	font-size: 11px;
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;	
}

#cancellationPolicyCatalogueUpdateTable .FieldName {
	font-family: 'Trebuchet MS',sans-serif;
	font-size: 11px;
	text-align: left;
	vertical-align: middle;	
}

#cancellationPolicyCatalogueUpdateTable textarea {
	font-family: 'Trebuchet MS',sans-serif;
	font-size: 11px;
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;	
}	

#effectiveDate {
	font-family: 'Trebuchet MS',sans-serif;
	font-size: 11px;
	text-align: left;	
	padding-left: 2px;
	padding-right: 2px;			
}

/*------------------------------ Marketing -------------------------------*/

div#b_success h1{
	padding:0 0 15px 0;
	color:#ED8500;
	font-size:1.6em;
}

div#b_success h1 a{
	text-decoration:none;
}

/*
div#b_support h1{
	color:#4C88A7;
	font-size:1.6em;
	padding:0 0 10px 0;
}
*/

div#b_support{
	clear:both;
	padding:0 20px 0 0;
}

div#b_support a{
	color:#4C88A7;
	text-decoration:none;
}

div.support_pack img{
	float:left;
	padding-right:20px;
}

div.support_pack h1{
  padding:28px 0 35px 90px;
}

div.support_pack h3{
  padding:0px 0px 0px 0px;
}

div.support_pack{
	clear:both;
	margin:0 0 30px 0;
}

div#b_support h1, #marketing div#lhs h1{
	color:#ED9205;
	font-size:1.6em;
	padding:0 0 20px 0;
}


div#b_support div.starter h3, div#b_support div.starter a, div#b_support div.starter h1 { 
	color:#4C88A7;
	padding-right:40px;
}
div#b_support div.starter a{
	color:#4C88A7;
	padding-right:0px;
}

div#b_support div.regional h3, div#b_support div.regional a, div#b_support div.regional h1{
	color:#5CAE94;
	padding-right:40px;
}

div#b_support div.reward h3, div#b_support div.reward a, div#b_support div.reward h1{
	color:#7AA74C;
	padding-right:40px;
}

div#b_success div.dot{
	background: url(../images/lahp/dot.gif) right repeat-y;
	margin-right:20px;
	width:280px;
}

div#b_success div.nodot{
	margin-right:10px;
	width:280px;
}

div.market_block{
	margin-bottom:40px;
	margin-right:20px;
}

div.market_block ul, div.market_block p{
	margin-left:186px;
}

/*------------------------------- Searches -------------------------------*/

#searches div.forie{
	height:70px;
}


#searches div#sub_nav ul{
	position:absolute;
	top:127px;
	padding-left:20px;
}

#searches table{
	border-collapse:separate;
}

table#search_results{
	width:auto;
	margin:10px;
	display: inline;
	padding-right:20px;
}

/* for Internet Explorer; others ignore the style below */
/*\*/
* html body table#search_results {
	margin-top:-18px;
/**/
}

table#search_results_pager{
	width:875px;
	margin:20px;
}

#searches td{
	padding:2px;
}

#searchDetailsTable{
	width:250px;
}

#acceptSearchTable{
	width:270px;
}

#negTable{
	width:875px;
}

#prodTable{
	width:875px;
}

#resOuterTable{
	width:875px;
}

#resSearchDetailsTable{
	width:420px;
}

#resMiscTable{
	width:420px;
}

#resAttachmentTable{
	width:875px;
}

#resHardOuterTable{
	width:875px;
}

#resHardSearchDetailsTable{
	width:250px;
}

#hardcopyResponseTable{
	width:270px;
}

.FieldName {
	font-family: 'Trebuchet MS',sans-serif;
	font-size: 12px;
	text-align: left;
}

.bartitle {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	background-color: #E6EAEB;
	padding-left: 3px;
}
.bartitleborder {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	background-color: #E6EAEB;
	padding-left: 3px;
	border-right-width: 2px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.bargrey {
	background-color: #F4F4F4;
	line-height: 14px;
	padding-left: 3px;
}
.barlightblue {
	background-color: #9AC2FF;
	vertical-align: top;
}
.bardarkblue {
	background-color: #93BCF8;
	line-height: 14px;
	padding-left: 3px;
}
.bargreyborder {
	background-color: #f4f4f4;
	line-height: 14px;
	padding-left: 3px;
	border-right-width: 2px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
}
.barwhite {
	line-height: 14px;
	padding-left: 3px;
}
.barwhitetall {
	text-indent: 3px;
	padding-top: 5px;
}

.subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #004C99;
	background-color: #D2DADE;
}

.dpuiTdRight {
  text-align: right;
  width:95px;
}

#searches table tr.bargrey{
	background:#F4F4F4;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}

table#search_details{
	margin:20px;
}

a#tutorial{
	margin:0px 0 0 780px;
	position:relative;
	top:26px;
	left:20px;
	height:24px;
	width:68px;
	background: url(../images/lahp/button_tutorial.gif) no-repeat;
	display:block;
}

/* for Internet Explorer; others ignore the style below */
/*\*/
* html body a#tutorial {
	top: 26px;
/**/
}

a#tutorial:hover{
	background: url(../images/lahp/button_tutorial_over.gif) no-repeat;
}


/*------------------------------- Marketing Success -------------------------------*/
#success div#lhs h1{
	font-size:1.6em;
	color:#ED9205;
}

div.success_story_mkt {
	margin:0 20px 40px 0;
	float:left;
	width:230px;
}

div.success_story{
	margin:0 0px 40px 0;
	float:left;
}

/*------------------------------- Marketshare -------------------------------*/

div.chart{
	padding:0 0 40px 0;
}
div.chartButton{
	padding:0 0 10px 0;
}
div.chart h1{
	padding:0 0 10px 0;
	font-size:1.5em;
	color:#ED9205;
}

#market_share_data {
	float:left;
	position: relative;
	padding:0 0 0 20px;
}
#market_share_graph_data {
	float:left;
	position: relative;
	padding:0 0 0 20px;
}
table#update_data td{
	border:1px solid black;
}

table#update_data{
	border-collapse:collapse;
}

#market_share_data h1 {
	padding:0 0 10px 0;
	font-size:1.5em;
	color:#ED9205;
}

.market_share_date_range_select {
	font-size:12px;
	width:90px;
	padding:0px;
	text-align: left;

}

.market_share_data_type_title {
	padding:0px;
	width: 130px;
}

.market_share_data_entry_column_header {
	text-align:center;
	padding-bottom:0px;
}

#dataEntrySubmitRow {
	text-align: right;
}

/*------------------------------- Layout elements -------------------------------*/

div.announcement{
	padding:0 0 20px 0;
	color:#666;
}

div.announcement h1{
	color:#ED9205;
	font-size:large;
}

div.announcement a{
	font-weight:bold;
}

div.announcement h3{
	color:#000;
	padding:10px 0 0 0;
}

div.improvement img{
	float:left;
}

div.improvement{
	padding:0 0 20px 0;
}

div.improvement a{
	font-weight:bold;
}

div.improvement h3{
	margin:0 0 0 140px;
}

div.improvement p{
	margin:0 0 0 140px;
}

div.improvement ul {
	margin:0 0 0 140px;
}

div.sidebox{
	background:#F1F9EF url(../images/lahp/sidebox_bottom.gif) no-repeat bottom;
	margin:0 0 10px 0;
	padding:30px 0px 20px 20px;
	color:#666666;
	width:240px
}

div.sideboxMS{
	background:#F1F9EF url(../images/lahp/sidebox_long_bottom.gif) no-repeat bottom;
	margin:0 0 10px 0;
	padding:30px 0px 20px 20px;
	color:#666666;
	width:240px
}

/* for Internet Explorer; others ignore the style below */
/*\*/
* html body div#sideboxMS {
 	background:#F1F9EF url(../images/lahp/sidebox_long_bottom.gif) no-repeat bottom;
	margin:0 0 10px 0;
	padding:30px 0px 20px 20px;
	color:#666666;
	width:240px

/**/
}

div.market_to{
	background: url(../images/lahp/sidebox_bottom_market.gif) bottom;
	padding-bottom:150px;
}

div.market_to a{
	color:#36A456;
}


div.sidebox h1{
	font-size:1.6em;
	background: url(../images/lahp/sidebox_top.gif) no-repeat;
	padding:20px 20px 6px 20px;
	margin:-30px 0 0 -20px;
}

div.sideboxMS h1{
	font-size:1.6em;
	background: url(../images/lahp/sidebox_top.gif) no-repeat;
	padding:20px 20px 6px 20px;
	margin:-30px 0 0 -20px;
}

div.top h1{
	background:none;
}


div.sidebox p{
	margin-right:10px;
}

div.sideboxMS p{
	margin-right:10px;
}

div.results p{
	padding:5px 20px 5px 5px;
}

/*------------------------------ Tables -------------------------------*/

table tr td, table th{
	padding:5px 0 5px 5px;
}

table th{
	text-align:left;
}

.y {
	background-color: #E6EAEB;
}

.ms_data {
	font-family: "Trebuchet MS",sans-serif;
	font-size: 12px;	
	width: 43px;
	padding: 0 0 0 3px;
}

.ms_data_invalid_date {
	background: #DDDDDD;
	width: 43px;
	padding:0px;
}

#searches td{
}

/*------------------------------- Footer -------------------------------*/

div#footer{
	clear:both;
	color:#787878;
	text-align:center;
	border-top:1px solid #D0D0D0;
	padding:20px;
	margin:0 20px 0 20px;
	position:relative;
	top:30px;
}

/*------------------------------- Lists -------------------------------*/

ul.round{
  list-style-position:inside;
}

ul{
	list-style-position:inside;
}

#marketing_support div#lhs ul{
	list-style-position:outside;
	padding:0 0 0 22px
}

/*------------------------------- Fonts -------------------------------*/

.warning {
	font-weight: bold;
	color: #FF0000;
}

.black{
	color:#000;
}

.gray{
	color:#787878;
}

.date{
	color:#666;
	font-weight:bold;
}

.right{
	float:right;
	position:relative;
	top:-18px;
}

.left{
	float:left;
}

.bold{
	font-weight:bold;
}

h1{
	font-size:2em;
}

h2{
	color:#666;
	padding:0 0 20px 0;
	font-weight:normal;
	font-size:1.6em;
}

h3{
	font-weight:bold;
	font-size:1.5em;
	line-height:1.6em;
}

h4{
	font-weight:bold;
	font-size:1.1em;
	line-height:1.3em;
	padding-top: 8px;
}

.headerModal{
	color: #004c99;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
	margin-left: 20px; }


.market{
	float:left;
	padding: 0 10px 0 0;
}

/*------------------------------- Links -------------------------------*/

a:link{
	color:#ED8500;
}

a:hover{
	text-decoration:none;
}

a:visited{
	color:#ED8500;
}

.arrow{
	background: url(../images/lahp/arrow.gif) no-repeat;
	padding-left:20px;
}

/*------------------------------- Nlis buttons -------------------------------*/
a.nlis_button{
color:#FFF;
font-weight:bold;
text-decoration:none;
height:22px;
border: 0px solid red;
background:url(../images/lahp/nlis_button_l.gif) left no-repeat;
}

/* for Internet Explorer; others ignore the style below */
/*\*/
* html body a.nlis_button {
  padding:0px 0px 0px 0px;
/**/
}

a.nlis_button span{
padding:1px 8px 1px 0px;
border: 0px solid green;
width: auto;
background:url(../images/lahp/nlis_button_r.gif) right no-repeat;
margin-left: 9px;
}

a.nlis_button:hover{
background:url(../images/lahp/nlis_button_over_l.gif) left no-repeat;
text-decoration:none;
}

a.nlis_button:hover span{
background:url(../images/lahp/nlis_button_over_r.gif) right no-repeat;
}

.dialogueBoxButton {
	font-family: 'Trebuchet MS',sans-serif;
	font-size: 12px;
}

/*------------------------------- Error Page -------------------------------*/

#error div#header{
  height:78px;
}

#error div.form p{
	display:inline;
	position:relative;
	top:-8px;
}

#error div.form{
	width:510px;
	background:url(../images/lahp/login_top.gif) no-repeat #FFF;
}

.errorText {
	font-family: "Trebuchet MS",sans-serif;
	font-size: 11px;
	color: #000000;
}

.errorFieldName {
	font-family: "Trebuchet MS",sans-serif;
	font-size: 11px;
	color: #000000;
	width: 85px;
	vertical-align: top;
}

.errorData {
	font-family: "Trebuchet MS",sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: top;
}

div#content a.errorContinueLink {
	color: #ED8500;
	font-size: 12px;
	font-family: "Trebuchet MS",sans-serif;
	text-decoration: underline;	
}

div#content a.errorContinueLink:hover {
	text-decoration: none;	
}

div#content div.forieError{
	background: url(../images/lahp/box_top.gif) no-repeat top;
	display	:block	;
	padding:10px 20px 0px 20px;
}

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

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

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

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

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

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

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  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: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/*------------------------------- Month-Year Calendar styles for LAHP -------------------------------*/

	.CALcpYearNavigation,
	.CALcpMonthNavigation
			{
			background-color:#7f7f7f;
			text-align:center;
			font-weight:bold;
			}