@import url('/css/hosportal.base.css');
@import url('/css/layout_lite.css');

/*--------------------------------------------------------------------------------
generic classes used throughout site
*/

.theader {text-align: left;
		background: #e4e9be;
		font-weight: bold;
		color:#695E49;
		}

.theader td {
  border-bottom: 1px solid #96a336;
  padding: 0 6px 0 6px;
}


.message, .messageNil{
background-image: url(/includes/images/icons/bullet_star.gif);
background-repeat:no-repeat;
background-position: 5px;
padding-left:25px;
text-align:top;
color:red;
vertical-align:top;
}

.messageNil {
padding-top: 10px;
padding-bottom: 10px;
}

.liteborder {
	float: left;
	border: 1px solid #C3C0B5;
	padding:2px 2px 2px 2px;
	}

.liteborder th{
background-color: #ECEADB;
width: 8em;
padding: 3px 5px 3px 5px;
font-weight: bold;
text-align: right;
font-size: 0.8em;
border-right: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
white-space: nowrap;
}
.liteborder td {margin: 2px 2px 2px 2px;}
.liteborder td.sectionTitle {
padding: 3px 5px 3px 5px;
font-weight: bold;
border-bottom: 1px solid #96a336;
}

.liteborder tr.alt td {
	background-color: #ECEADB;
	}
.inputtable {
border: 0px solid ;
padding:0px 0px 0px 0px;

}

.inputtable th{
	background-color: #ECEADB;
	width: 8em;
	padding: 5px;
	font-weight: normal;
	text-align: right;
	font-size: 0.9em;
	border-right: 2px #afaca4 solid;
	border: none;
	background:  #ECEADB url(/content/images/corner_top_right.png) no-repeat top right;
	color: #333;
	white-space: nowrap;
}

.radio {
	vertical-align: top;
	}

.topPageOptions, .top {
    width: 100%;
    margin: 5px 0 10px 0;
    float: left;
}

select.site {
	border: 1px solid #e2e3ea;
	border-top: 1px solid #abadb3;
	color: #fff;
}
select.site, select.site option {
	background-color:#ccff99;
	color: #fff;

}
/*-----------------------------------------------------------------------------------------
LINKS
*/
a.edit, a.view, a.email, a.mobile, a.event, a.events, a.messages, a.posts, a.forum, a.star, a.unstar, a.doc, a.documents, a.call, a.leave {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left 50%;
}
a.edit 	{background-image:url(/includes/images/icons/pencil.gif);}
a.view	{background-image:url(/includes/images/icons/bullet_go.gif);}
a.email {background-image: url(/includes/images/icons/email.gif); background-position: left bottom;}
a.mobile {background-image: url(/content/images/phone_go.gif);}
a.event, a.events {background-image: url(/includes/images/icons/date.gif);}
a.messages {background-image: url(/includes/images/icons/comment.gif);}
a.posts, a.forum {background-image: url(/content/images/comments.gif);}
a.star {background-image: url(/content/images/document/star.gif);}
a.unstar {background-image: url(/content/images/document/unstar.gif);}
a.doc, a.documents {background-image: url(/includes/images/icons/page_white_text.gif);}
a.call {background-image: url(/includes/images/icons/lightning.gif);}
a.del {background-image: url(/includes/images/icons/delete.gif);}
a.leave {background-image: url(/content/images/airplane.gif);}

/*LINKS without associated text */
a.view2, a.edit2, a.add2, a.del2, a.fave, a.unfave, a.neg2 {
			width: 16px;
			height: 16px;
			display: block;
			float: left;
			background-repeat: no-repeat;
			background-position: 50% 50%;
			margin-right: 5px;
}
a.view2 {background-image: url(/includes/images/icons/bullet_go.gif);}
a.edit2 {background-image: url(/includes/images/icons/pencil.gif);}
a.add2 {background-image: url(/includes/images/icons/add.gif);}
a.del2 {background-image: url(/includes/images/icons/delete.gif);}
a.fave {background-image: url(/content/images/star.gif);}
a.unfave {background-image: url(/content/images/unstar.gif);}
a.neg2 {background-image: url(/content/images/decline.gif);}

a.swap2 {
			background: url(/content/images/buttons/swap_button_square.gif) no-repeat 50% 50%;
			width: 26px;
			height: 26px;
			display: block;
			float: right;	
}	

a.contact_url {
			text-decoration: underline;
			display: block;
}

/*------------------------------------------------------
SEARCH RESULTS
------------------------------------------------------*/

.searchmarkup {
    font-weight:bold;
    background-color:#FFFF00;
}

.hpHeader td {
    color: #cccc99;
    font-size: 1.2em;
    border-bottom: 1px dotted #cccc99;
    padding: 5px 0 5px 0;
    font-weight: bold;
    }


.holiday {
	padding: 3px 0 3px 25px;
	border: 1px solid #CCC;
	background-color: #eeeebb;
	background-image: url(/includes/images/icons/weather_sun.gif) ;
	background-repeat: no-repeat;
	background-position: center left;
	}


/*--------------------------------------------------------------------------------
Calendar
*/

.calendarHeader {
    border:1px solid #eeeeff;
    height:20px;
    background-color:#2a254b;
    font-size:1.3em;
    color:#ffffff;
    text-align: center;
}


/*-----------------------------------------------------------------------------------------
VALIDATION
*/
span.valid_warn, span.valid_error, td.valid_warn, td.valid_error {
	background-image: url(/includes/images/icons/asterisk_red.gif);
	background-repeat:no-repeat;
	background-position: 5px;
	padding-left:25px;
	/*text-align:top;*/
	color:red;
	vertical-align:middle;
	font-size: 0.9em;
	font-weight:bold;
	width: 20em
}

span.valid_ok, td.valid_ok{
	width: 20em;
	padding-left:25px;
	font-size: 0.8em;
	font-weight:bold;
}

span.error {
	background: url(/content/images/validation/error.gif) no-repeat left top;
	padding-left:25px;
	height: 23px;
	color: #ff3333;
	display: block;
	font-size: 1.1em;
}
span.ok {
	background: url(/content/images/validation/accept.gif) no-repeat left 50%;
	padding-left:25px;
}
span.valid {
	display: block;
	width: 21px;
	height: 21px;
	background: url(/content/images/validation/valid.gif) no-repeat 50% 50%;
}

/*-----------------------------------------------------------------------------------------
HELP TEXT
*/

.help {
background-color: #eef;
border: 1px solid #99f;
padding: 8px;
margin: 2px;
/*background-color: #ffffdd;
border: 1px outset #b2b2b2;
padding: 8px;
margin: 10px;*/
}

/*-----------------------------------------------------------------------------------------
WARNING TEXT
*/

.warning {
background-color: #f99;
border: 1px solid #c33;
padding: 8px;
margin: 2px;
}

/*-----------------------------------------------------------------------------------------
POSTIT TEXT
*/

.postit {
background-color: #fdfcbf;
padding: 8px;
margin: 2px;
}


/*this table goes directly under the tabs*/
.tbTable {
  float: left;
	border: 1px solid #afaca4;
	border-top: 0px ;
	padding:0;
	width: 100%;
	}
.tbTable tr.alt td {
	background-color: #ECEADB;
	/*padding: 1px 10px 1px 2px;*/
	}
.tbTable tr td {
	/*padding: 1px 10px 1px 2px;*/
	}
.tbTable th{
	background-color: #ECEADB;
	width: 8em;
	padding: 5px;
	font-weight: normal;
	text-align: right;
	font-size: 0.9em;
	border-right: 2px #afaca4 solid;
	border: none;
	background:  #ECEADB url(/content/images/corner_top_right.png) no-repeat top right;
	color: #333;
	white-space: nowrap;
	}

.tbTable td {margin: 2px 2px 2px 2px;}
.tbTable td.sectionTitle, .sectionTitle td {
padding: 3px 5px 3px 5px;
font-weight: bold;
border-bottom: 1px solid #96a336;
}



/*-----------------------------------------------------------------------------------------
BUTTONS
*/

  .btn {
    float:left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height:15px;
    margin-top:-1px; /* moves btns up a bit line up with other elements on the same line*/
    }
   

  .btn a {
    float:left;
    margin:0;
    padding:0;
    font-size: 11px;
    /*padding-bottom:1px; /*you need to adjust this if you adjust font-size and line-height*/
    background: url(/content/images/buttons/edit_button_l.gif) no-repeat left top;
    text-decoration:none;
	  color: #566C11;
	  cursor: pointer;
	  margin-left: 6px; /* space between buttons in a row */
    }

  .btn span {
    display:block;
    float: left;
    background: url(/content/images/buttons/edit_button_r.gif) no-repeat right top;
    padding:5px 20px;
    padding-left: 35px;
    }
  
	.btn a:hover {text-decoration:underline;}

  .btn a.add {background-image:url(/content/images/buttons/add_button_l.gif);}
  .btn .add span {background-image:url(/content/images/buttons/add_button_r.gif);}

  .btn a.go {background-image:url(/content/images/buttons/go_button_l.gif);}
  .btn .go span {background-image:url(/content/images/buttons/add_button_r.gif);}

  .btn a.save {background:url(/content/images/buttons/save_button_l.gif);}
  .btn .save span{background-image:url(/content/images/buttons/save_button_r.gif);}
  
	.btn a.del{color:#A63F3F; font-weight:bold;}
  .btn a.del {background-image:url(/content/images/buttons/del_button_l.gif);}
  .btn .del span {background-image:url(/content/images/buttons/del_button_r.gif);}

  .btn a.exit {background-image:url(/content/images/buttons/exit_button_l.gif);}
  .btn .exit span {background-image:url(/content/images/buttons/exit_button_r.gif);}

  .btn a.out {background-image:url(/content/images/buttons/out_button_l.gif);}
  .btn .out span {background-image:url(/content/images/buttons/add_button_r.gif);}

  .btn a.email {background-image:url(/content/images/buttons/send_button_l.gif);}
  .btn .email span {background-image:url(/content/images/buttons/add_button_r.gif);}

  .btn a.uncheck {background-image:url(/content/images/buttons/uncheck_button_l.gif);}
  .btn .uncheck span{background-image:url(/content/images/buttons/save_button_r.gif);}

  .btn a.query {background-image:url(/content/images/buttons/query_button_l.gif);}
  .btn .query span{background-image:url(/content/images/buttons/add_button_r.gif);}

	.btn a.swap {background-image:url(/content/images/buttons/swap_button_l.gif);}
  .btn .swap span{background-image:url(/content/images/buttons/swap_button_r.gif);}

  .btn a.document {background-image:url(/content/images/buttons/document_button_l.gif);}
  .btn .document span {background-image:url(/content/images/buttons/edit_button_r.gif);}

  .btn a.left {background-image:url(/content/images/buttons/left_button_l.gif);}
  .btn .left span {background-image:url(/content/images/buttons/add_button_r.gif);}

  .btn a.right {background-image:url(/content/images/buttons/right_button_l.gif);}

  .btn .right span {background-image:url(/content/images/buttons/edit_button_r.gif);}

	.btn a.print {background-image:url(/content/images/buttons/print_button_l.gif);}
  .btn .print span{background-image:url(/content/images/buttons/add_button_r.gif);}

  .btn a.star {background-image:url(/content/images/buttons/star_button_l.gif);}
  .btn .star span {background-image:url(/content/images/buttons/add_button_r.gif);}

  .btn a.unstar {background-image:url(/content/images/buttons/unstar_button_l.gif);}
  .btn .unstar span {background-image:url(/content/images/buttons/del_button_r.gif);}

  .btn a.folder {background-image:url(/content/images/buttons/button_folder_l.gif);}
  .btn .folder span {background-image:url(/content/images/buttons/edit_button_r.gif);}

  .btn a.import {background-image:url(/content/images/buttons/button_import_l.gif);}
  .btn .import span {background-image:url(/content/images/buttons/add_button_r.gif);}


/* ---------------- tabs --------------*/
#tab {
  float:left;
  width:100%;
  min-width: 100%; /*this is required for IE7*/
  background:#fff url(/content/images/tabs/tab_bg_white.gif) repeat-x bottom;
  }

#tab li {
  display:inline;
  }
#tab a {
  float:left;
  background:url(/content/images/tabs/tab_left_both.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 3px; /*this must be the same width as the left handed image*/
  margin-right: 1px; /*space between the tabs */
  border-bottom:1px solid #afaca4;
  text-decoration:none;
  }
#tab a span {
  float:left;
  display:block;
  background:url(/content/images/tabs/tab_right_both.gif) no-repeat right top;
  padding:5px 15px 4px 11px;
  color:#000;
  }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tab a span {float:none;}
/* End IE5-Mac hack */

#tab .active a {
  background-position:0 -40px;
  border-width:0;
  text-decoration: none;
}
#tab .active a span {
  background-position:100% -40px;
  padding-bottom:5px;
  color:#333;
  text-decoration: none;
}
#tab .activedark a {
	background-position:0 -80px;
  border-width:0;
  text-decoration: none;
}
#tab .activedark a span {
	background-position:100% -80px;
  padding-bottom:5px;
  color:#333;
  text-decoration: none;
}

#tab a:hover, #tab #tabNext a:hover, #tab #tabPrev a:hover, #tab #tabTitle a:hover {
  background-position:0% -40px;
}
#tab a:hover span, #tab #tabNext a:hover span, #tab #tabPrev a:hover span, #tab #tabTitle a:hover span{
  background-position:100% -40px;
  text-decoration: underline;
 }

#tab .active a:hover span, #tab .activedark a:hover span {
 	text-decoration: none;
}
	
#tab #tabNext, #tab #tabPrev, #tab #tabTitle {
	float: right;			
}
#tab #tabNext a {
	margin-right: 0; /*space between the tabs */
}
#tab #tabNext a span {
	background: url(/content/images/tabs/tab_next_both.gif) no-repeat top right;
	padding-right: 28px;			
}

#tab #tabPrev a {
	background: url(/content/images/tabs/tab_prev_both.gif) no-repeat top left;
  padding-left: 20px;
}
		
#tab #datebutton {
	 background: transparent url(/content/images/datepicker_new.gif) no-repeat 50% 50%;
	 margin: 5px 0 0 10px;
	 outline: none;	
	 width: 22px;
	 height: 17px;
	 border:0;
	 padding:0;
	 cursor: pointer;
}

/*--------------- PHOTOS -----------*/
.img-shadow {
  float:left;
  background: url(/content/images/shadowAlpha.png) no-repeat bottom right;
  margin: 10px 0 0 10px;
  }

.img-shadow img{
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }



/*colours*/
.bl {color:#003366}
.re {color:#dd2200}
.wh {color:#ffffff}
.lg {color:#cccc99}
.dg {color:#999966}
.bk {color:#000000}
.lb {color:#0066CC}



/* DHTML tables --------------------------------------------------------------------*/

a.nilRow, a.addRow{
	background-image: url(/includes/images/icons/add.gif);
	width: 16px;
	height: 16px;
	display: block;
}
a.delRow{
	background-image: url(/includes/images/icons/delete.gif);
	width: 16px;
	height: 16px;
	display: block;
}
a.editRow{
	background-image: url(/includes/images/icons/pencil.gif);
	width: 16px;
	height: 16px;
	display: block;
}
a.nilRow span, a.addRow span, a.delRow span, a.editRow span {
	display: none;
}

a.delRow span {
	display: none;
}

    
/* INDEX LEFT BAR --------------------------------------------------------------------*/
#index{
	border: 1px solid #C3C0B5;
	padding: 10px;
	}
#index p {
	margin:0
}
/*all this stuff is to make the index div expand to surround the floated divs within it. DO NOT TOUCH! */
#index:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }
#index{display: inline-block;}
 /* Hides from IE Mac \*/
  * html #index {height: 1%;}
   #index{display:block;}
    /* End Hack */  
#index table thead tr td{
  color: #bb9955;
  font-size: 1.2em;
  border-bottom: 1px dotted #bb9955;
  padding: 5px 0 5px 0;
  font-weight: bold;
  }
  
#index h3, #admin h3 {
	font-size: 1.3em;
 	letter-spacing: 0.2em;
 	color: #999;
}
	
#l_bar {
	margin-right: 315px; /*to leave room for the right bar*/fr
}
#l_bar table {
	width: 99%; /* this seems to fix a problem with IE6*/
	
	border: 0;
	clear: left;
}
#index #l_bar table {
	width: 615px;
}
#index #l_bar table tr td {
	vertical-align: top;
	padding-right: 10px;
}
#l_bar table tr.alt td {
	background-color: #eee;
	}
    
/* INDEX RIGHT BAR --------------------------------------------------------------------*/

#r_bar {
	float: right;
	width: 300px;
	padding: 5px;
}

#index #r_bar, .bc #r_bar { /*index and login pages don't have padding around thezen343	pi3141 r_bar*/
	padding: 0;
}	

#r_bar ul {
	float: left;
	width: 300px;
  list-style:none;
  background: url(/content/images/corner_top_left.png) no-repeat left top; 
  overflow: hidden;
  margin-bottom: 15px;
	background-color: #999;    
}

#r_bar li.r_heading {
	padding: 5px 0;
	padding-left: 10px; /*this is the same as the padding to the left of the anchor images so they line up*/
 	font-size: 1.3em;
 	letter-spacing: 0.3em;
 	background: url(/content/images/corner_top_right.png) no-repeat right top;
}

#r_bar li {
	color: #fff;
	overflow: hidden;
	_height: 1%;
}
#r_bar ul.r_suggestions li p, #r_bar ul.r_error li p, #r_bar ul.r_confirm li p {
	padding: 8px 5px 8px 35px;
	margin: 0;
	font-size: 1.1em;
	background: no-repeat 10px 50%;
	background-image:url(/content/images/index/import.png);
}

/*front page sliding panes */
#r_bar div.r_bar_container {
	float: left;
 	background: url(/content/images/corner_bottom_right.png) no-repeat bottom right;
 	margin-bottom: 2px;
 	background-color: #999;
}

#r_bar div.r_bar_container ul {
	margin-bottom: 0;
}

#r_bar div.r_bar_container li.r_heading {
	padding: 0 8px;
}




#r_bar li.r_heading a {
	padding: 5px 0;
	background: url(/content/images/index/expand.png) no-repeat right center;
	width: 100%;
	outline: none;
}
#r_bar li.r_heading a:hover {
	text-decoration: none;
}

#r_bar li a, #r_bar li p {
	float: left;
	clear: left;
	color: #fff;
	padding: 8px 0 8px 35px;  /*space for the anchor images*/
	background-repeat: no-repeat;
	background-position: 10px 50%;
	outline: none;
}

#r_bar li span { /*right hand counters*/
	font-size: 2em;
	float: right;
	margin: 0;
	padding-right: 8px;
}
#r_bar ul.r_error li span {
	font-size: 1em;
}

#r_bar ul.r_folder li p {background-image:url(/content/images/index/folder.png);}
#r_bar ul.r_help li p {background-image:url(/content/images/index/help_book.png);}
#r_bar ul.r_staff li p {background-image:url(/content/images/index/user_light.png);}



/* SHADES */

.s10, .s170 {
	background-image: url(/content/images/shades/colorshade_black_10.png) ;
}
.s20, .s160, .s180 {
	background-image: url(/content/images/shades/colorshade_black_20.png) ;
}
.s30, .s150, .s190 {
	background-image: url(/content/images/shades/colorshade_black_30.png) ;
}
.s40, .s140, .s200 {
	background-image: url(/content/images/shades/colorshade_black_40.png) ;
}
.s50, .s130, .s210 {
	background-image: url(/content/images/shades/colorshade_black_50.png) ;
}
.s60, .s120, .s220 {
	background-image: url(/content/images/shades/colorshade_black_60.png) ;
}
.s70, .s110, .s230 {
	background-image: url(/content/images/shades/colorshade_black_70.png) ;
}
.s80, .s100, .s240 {
	background-image: url(/content/images/shades/colorshade_black_80.png) ;
}
.s90, .s250 {
	background-image: url(/content/images/shades/colorshade_black_90.png) ;
}

/* ICON SPAN TAGS */
span.time, span.hols, span.note, span.range, span.bullet, span.sticky {
	margin: 0 0 0 3px;
	padding-left: 19px;
	background-repeat: no-repeat;
	background-position: center left;
	
}
span.time {background-image: url(/includes/images/icons/time.gif);}
span.hols {background-image: url(/includes/images/icons/weather_sun.gif);}
span.note {background-image: url(/includes/images/icons/note.gif);}
span.range {background-image: url(/content/images/arrow_right_grey.gif);}
span.bullet {background-image: url(/includes/images/icons/bullet_black.gif);}
span.sticky {background-image: url(/includes/images/icons/anchor.gif);}
img.icon {padding-right: 5px; vertical-align: middle;}
ul.bullet li {
	background:url(/includes/images/icons/bullet_black.gif) left 50% no-repeat;
	padding: 3px 0 3px 20px;
}

.tick {
			padding-left: 20px;
			background:url(/includes/images/icons/tick.gif) no-repeat left top;
			}
.cross {
			padding-left: 20px;
			background:url(/includes/images/icons/cross.gif) no-repeat left top;	
}
.note {
			padding-left: 20px;
			background:url(/includes/images/icons/note.gif) no-repeat left top;	
}
.note2 {
			width: 16px;
			height: 22px;
			display: block;
			float: right;
			background:url(/includes/images/icons/note.gif) no-repeat center center;

}
.help2 {
			width: 16px;
			height: 16px;
			display: inline-block;
			vertical-align: top;
			background:url(/includes/images/icons/help.gif) no-repeat center center;

}
/*allocations*/
#clinic_table em {
	font-style: bold;
	color: red;
}
#allocations {
	width: 100%;
	}
#allocations tbody {
	font-size: 1.2em;
}
#allocations tbody tr td{
	border-top: 1px solid #999;
	padding: 3px 0 3px 5px;
	
}
#allocations .resources tbody {
		font-size: 1em;
}
#allocations .resources tbody tr td {
	padding: 0;
	border: none;
}

tr.altpublished, tr.altpublished td {
	background-color: #ECEADB;
	}
tr.draft, tr.draft td {
	background-color: #FFFFCC;
}
tr.altdraft, tr.altdraft td {
	background-color: #FFFF66;
}
tr.template, tr.template td {
	background-color: #FFCCFF;
}
tr.alttemplate, tr.alttemplate td {
	background-color: #FFAAFF;
}
	
/* draglist*/

ul.dragable {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 667px; /*this allows for padding and borders of the li elements below*/
	font-size: 13px;
}

ul.dragable li {
	border: 1px solid #ccc;
	margin: 0;
	margin-top: -1px;
	width: 650px;	
	background: #eee url(/content/images/handle.png) no-repeat left top;
	padding: 0;
	line-height: 25px;
	cursor:n-resize;
}
ul.dragable li input {
	margin: 5px 0;
}
ul.tabular li {
	float: left;
}
ul.nohandle li {
	padding-left:15px;
}
ul.tabular li span {
	width: 100px;
	margin-right: 8px;
	float: left;
	padding: 5px 0;
}
ul.dragable li span.handle {
	width: 15px;
	height: 20px;
	float: left;
	display: block;
	margin: 0;
}
ul.drag_450 { width: 467px;}
ul.drag_450 li{ width: 450px;}

/* NEW TABLES AND DIVS */

.bdr {
	clear: both;
	border: 1px solid #aaa;
	padding: 2px;
	overflow: auto;
	width: 954px;
}	

div.bdr_a {
	clear: both;
	float: left;
	border: 1px solid #aaa;
	border-top: 0;
	padding: 2px;
	width: 954px;
	overflow: auto;
}

table.tbl_a {
	width: 100%
	}

table.tbl_a thead tr th, table.tbl_a tr.header th, table.tbl_a tr.hdr_a th {
    background:#2a254b;
    color:#fff;
    padding: 5px;
    font-size:1.1em;
    font-weight: normal;
    text-align: left;
    border-bottom: none;
}

table.tbl_a tbody tr td, table.tbl_a tbody tr th{
	border-bottom	: 1px solid #999;
	padding: 4px 0 4px 5px;
	vertical-align: top;
}
table.tbl_a tr.alt td,table.tbl_a tr.alt th {
	background-color: #ECEADB;
	}
table.tbl_a tbody tr:last-child td, table.tbl_a tbody tr:last-child th {
	border-bottom: none;
}
/* table type b - swap and holidays tables */
table.tbl_b {
	border: 1px solid #CCC;
	clear: left;
	float: left;
}

table.tbl_b caption {
    color: #bb9955;
    font-size: 1.2em;
    padding: 5px 0 5px 0;
    font-weight: bold;  
    text-align: left;
  }
  
table.tbl_b thead tr td {
    background:#2a254b;
    font-weight:bold;
    color:#ffffff;
		}
table.tbl_b tr td, table.tbl_b tr th {
	padding: 3px 3px 3px 5px;
}
table.tbl_b tr th{
	background-color: #ECEADB;
	width: 5em;
	font-weight: bold;
	text-align: right;
	font-size: 0.8em;
	border: 1px solid #CCC;
	white-space: nowrap;
}


table.tbl_b tr.alt  {
	background: #eee;
	}
/* standard data table - replaces inputtable*/
.tbl_i th{
	width: 8em;
	padding: 5px;
	font-weight: normal;
	text-align: right;
	font-size: 0.9em;
	border: none;
	background:  #ECEADB url(/content/images/corner_top_right.png) no-repeat top right;
	color: #333;
	white-space: nowrap;
}
.tbl_i tr.alt td {
	background-color: #ECEADB;
	}
	
/* NEW SLEEK BUTTON FORMAT BASED ON SWITCH */
.btn2 {
    background: url(/content/images/switch/button_left.png) no-repeat left top;
    text-decoration:none;
    color: #333;
    }

.btn2 span {
    display:block;
    background: url(/content/images/switch/button_right.png) no-repeat right top;
    padding:5px 20px;
    }
  
.btn2:hover {text-decoration:underline;  color: #244d85;}


/*these must be last*/
.rt {float: right;}
.lt {float: left;}