/* Eric Meyers Reset CSS rules */
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-family: Arial, Helvetica, sans-serif;
color: #555;
}

/*
COLOURS:
TEAL #009ca4;
BLUE #00649e;
RED #e72028;
*/


body {
margin:0 auto;
background-color:#fff;
font-size: 13px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
}


.main_container{
	padding:10px;
	background: transparent;
	height:100%;
}
.main_container_with_left_menu{
	background: transparent;
	padding:0px;
	height:100%;	
	
}
/*.header_container{
	padding:10px;
	background-color:#FFFFFF;
	height:60px;
}*/

#header_container {
height:85px;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
background: url('/img/bg_header.jpg') no-repeat  #fff;
}


/* header rules */

#login, #company {
float: left;
height: 85px;
width: 200px;
background-color: #00649e;
}
#company {
width: 260px;
background-color: #009ca4;
}
#login a, #company a {
width: 170px;
background: transparent url('/img/bg_login_button_end.gif') no-repeat scroll top right;
color: #00649e;
display: block;
height: 24px;
margin-right: 10px;
padding-right: 10px; /* sliding doors padding */
text-decoration: none;
border-bottom: none;
}
#login a span, #company a span {
color: #00649e;
background: transparent url('/img/bg_login_button.gif') no-repeat;
display: block;
line-height: 14px;
padding: 4px 0 6px 10px;
}
#login a:hover, #company a:hover {
background-position: bottom right;
color: #fff;
outline: none; /* hide dotted outline in Firefox */
}
#login a:hover span, #company a:hover span {
background-position: bottom left;
color: #fff;
}
#login p, #company p {
padding: 0 10px;
color: #fff;
margin: 4px 0 0 0;
overflow: hidden;
width: 100%
}
#company p {
padding: 0 20px;
}
#logo {
float: right;
width:200px;
height:85px;
background: url('/img/PTtrans.png') no-repeat;
}


#left_menu{
	float: left;
	height:100%;
	/*background-color:#FFFFFF;*/
	background: url('/img/bg_with_menu.gif') no-repeat  #fff;
	position:  absolute;
		top:87px !important;
		top:87px;
		left:  0px;
		margin:  0;
		
	/* Replace width with the width of your left column. */
		width:  200px;
		padding: 15px 0 0 0;
	
	
}

/*
#left_menu {
float: left;
height: 500px;
width:  200px;
padding: 15px 0 0 0;
}
*/
/* left nav rules */

#left_menu ul {
list-style-type: none;
}

#left_menu li a {
border-bottom: none;
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
}	
	
#left_menu li a:link, #left_menu li a:visited {
color: #00649e;
display: block;
background:  url('/img/bg_menu.gif');
padding: 8px 0 0 20px !important;
padding: 8px 0 10px 20px ;
}
	
#left_menu li a:hover {
color: #fff;
background:  url('/img/bg_menu.gif') 0 -32px;
padding: 8px 0 0 20px !important;
padding: 8px 0 10px 20px ;
cursor:pointer;
}

#left_menu li p.current {
width: 200px;
margin: 0;
color: #00649e;
background:  url('/img/bg_menu.gif') 0 -64px;

padding: 8px 0 0 20px !important;
padding: 8px 0 10px 20px ;
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
width: 180px !important;
width:200px;
}




.right_content{
	height:100%;
	margin-left:200px;
	padding:10px;
	background: transparent;
	
	
}


/* generic rules */

p {
margin: 0 0 15px 0;
}

a {
color:#00649e;
text-decoration: none;

}

a:hover {
color:#00649e;
border-bottom: 1px solid #00649e;
}


/* stand alone buttons */

a.button {
background: transparent url('/img/bg_inline_button_end.gif') no-repeat scroll top right;
color: #00649e;
display: block;
float: left;
height: 24px;
margin-right: 10px;
padding-right: 10px; /* sliding doors padding */
text-decoration: none;
border-bottom: none;
}
a.button span {
color: #00649e;
background: transparent url('/img/bg_inline_button.gif') no-repeat;
display: block;
line-height: 14px;
padding: 4px 0 6px 10px;
}
a.button span.long {
	width:445;
}

a.button span.company_options {
	width:260;
	font-weight:bold;
}


a.large {
background: transparent url('/img/bg_inline_lrg_button_end.gif') no-repeat scroll top right;
font-size: 20px;
color: #00649e;
display: block;
float: left;
height: 71px;
margin-right: 10px;
padding-right: 10px; /* sliding doors padding */
border-bottom: none;

}




a.button span.large {
	background: transparent url('/img/bg_inline_lrg_button.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 27px 0 27px 20px !important;
	padding: 28px 0 29px 20px;
	text-decoration: none !important;
}


a.button:hover {
background-position: bottom right;
color: #fff;
outline: none; /* hide dotted outline in Firefox */
border-bottom: none;
cursor:pointer;
}
a.button:hover span {
background-position: bottom left;
color: #fff;
cursor:pointer;

}
span.small{
	background: transparent !important;
	display:inline !important;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
}

p.buttons {
overflow: hidden;
width: 100%
}

/* end stand alone buttons */

.clear {
clear:both;
}

h2 {
color: #00649e;
font-size: 19px;
border-bottom: 1px solid #888;
margin: 0px 0px 10px 0px;
}
h3 {
color: #00649e;
font-size: 17px;
margin: 0px 0px 10px 0px;
}
h4 {
color: #00649e;
font-size: 15px;
}
p.fineprint {
color: #888;
}
td {
font-size: 13px;
}
#table_form {
border-collapse:collapse;
}
#table_form td {
height: 23px;
background-color: #eee;
border-bottom: 1px solid #fff;
border-right: 2px solid #fff;
padding: 3px 7px;
}





#table_form td.title {
color: #000;
text-align: right;
background-color: #ddd;
border-right: none;
}
#table_form td.section {
padding: 0 0 0 0;
background-color: #009ca4;
border-bottom: 1px solid #eee;
border-top: 15px solid #fff;
}



#table_form td.section_head {
padding: 0 0 0 0;
background-color: #009ca4;
border-bottom: 1px solid #eee;

}

#calendar_title{
	border-collapse:collapse;
	background-color: #009ca4;
}

#calendar_title td{
	font-size: 16px;
	padding: 3px 5px;
	color: #fff;
}

#calendar_title a{
	color: #fff;
	text-decoration: underline
}


	
.old{
	background-color: #aaa !important;
}

#table_form tr.panel_title td{

background-color: #009ca4;
border:solid 0px;
border-right: 2px solid #fff;
border-bottom: 1px solid #eee;
color: #fff;
font-size: 17px;
margin: 0 0 10px 0;
/*border-top: 15px solid #fff;*/
}

#table_form tr.panel_title td div.right{
	display:inline;
	float:right;
}

h2 div.right{
	display:inline;
	float:right;
}

div.right_buttons{
	position:relative;
	top:-5;
	left: 10;
	display:inline;
	float:right;
	
}

div.left_buttons{
	position:relative;
	top:-5;
	left: 0;
	display:inline;
	float:left;
	
	
}

#table_form td.blank {
/*padding-left: 0px;*/
padding: 0 0 0 0;
background:none;

}
#table_form td.subhead {
background:none;
}
#table_form span.fineprint {
color: #888;
font-size: 11px;
}
#table_form h3, h3 label {
font-size: 16px;
margin: 3px 5px;
color: #fff;
}
#table_form h4 {
color: #000;
font-size: 14px;
text-align: center;
}

h4.failure {

background-color:red !important;
font-size: 16px !important;
padding: 3px 5px !important;
color: #fff !important;
}
tr.panel_col_title td{

background-color:#ccc !important;
color:#555;
font-weight:bold;
white-space: nowrap;
}

tr.panel_first_row td{
padding-top:7px !important;
}

#table_form td.confirm {
	background-color: #fff;
	text-align:right;
}

#table_form select {
width:200;
}


.nopadding{
	padding: 0px !important;
}
.nopadding table td{
	text-align: center !important;
}
.nopadding table td.title{
	border-bottom: 1px solid #fff !important;
	border-right: 2px solid #fff !important;
	text-align: center !important;
}


.panel_list_odd td{
	background-color:#ddd !important;
}

.panel_list_even td{
	
	background-color:#eee !important;
}

.in_progress_odd td{
	background-color:#dfd !important;
}

.in_progress_even td{
	
	background-color:#dfd !important;
}

.archived_odd td{
	background-color:#f99 !important;
}

.archived_even td{
	
	background-color:#f99 !important;
}

.cant_locate_odd td{
	background-color:#FFF79F !important;
}

.cant_locate_even td{
	
	background-color:#FFF79F !important;
}


.highlight td{
	
	background-color:#FFCC66 !important;
}

.highlight_on td{
	
	background-color:#99FF66 !important;
}



.checklist { 

  border: 1px solid #ccc; 

  list-style: none; 

  height: 10em; 

  overflow: auto; 

  width: 20em; 

 }.checklist, .checklist li { margin: 0; padding: 0; } 

.checklist label { 

  display: block; 

  padding: 0 0.2em 0 25px; 

  text-indent: -25px; 

} 

.checklist label:hover { background: #777; color: #fff; } 

* html .checklist label { height: 1%; } 


.admin_nav_block{
	padding:0px 10px;
	border-right: solid 1px #006192;
}

.admin_nav_list{
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;*/
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.admin_nav_list ul{
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;*/
	list-style-type: none;
	margin: 0px;
	padding-left: 20px;
}

.formfield{
	width:200px;
}

a.image:hover {
color:#00649e;
border-bottom: none !important;
}

#help td{
padding:10px;
}

textarea.audit_textbox{
	height:90px;
	width:400;
}

td.completed{
	background-color: #00ff00 !important;
}
td.overdue{
	background-color: #ff0000 !important;
}
td.appointment{
	background-color: #ffff00 !important;
}


		
#cal {
	color:#FFF;
	background-color:#FFF;
	/*border: 1px solid #1a4551;**/
	/*border-collapse:collapse;*/
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
}
#cal td { 
	text-align:center;
	width: 60px;
	height:30px;
	background-color: #cccccc;
}



tr#days-of-week td { 
	background-color: #aaa;
}
#cal thead td {
	background-color: #00649E;
	font-size: 12px;
	font-weight: bold;
}
#cal thead a{ 
	color: #FFF;
}
#cal a{	
	color: #FFF;
	text-decoration:none;
}
#cal td.event_set{
	background-color: #555 !important;
}
#cal .cal-prev-month-day, #cal .cal-next-month-day {
	color: #215f27;
}
#cal-current-day {
	/*background-color: #009CA4 !important;*/
	border:solid 2px red !important;
	color: #FFF;
}


#cal-header {
	color:#FFF;
}

#table_form td.date_day{
	padding:0px 3px !important;
	margin:0px 0px 0px 0px !important;
	width:17px !important;
	text-align:center;
}