@charset "utf-8";
/* CSS Document */
body, body.public {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006;
	padding: 0;
	margin: 0;
}
body{
	width: 100%;
}
body.public{
	background-image: url(../images/backs/mathbk.gif);
}
h1 {
	font-size:16px;
	text-align:center;
}
td h1{
	text-align: center;
}
h2 {
	font-size: 15px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 13px;
}
a {
	color: inherit;
}
th{
	text-align: center;
}
th a{
	text-decoration:none;
}
.boxlabel{
	font-weight:bold;
	text-align:center;
	font-size:16pt;
}
.subboxlabel{
	font-weight:bold;
	text-align:center;
	font-size:14pt;
}
.content_1col, .content_2col, .content_3col, .content, .content_s, .content_xs, .content_l, .content_xl, .content_f, content_actor{
	margin-left:auto;
	margin-right:auto;
}
/* see also dash_main below */
.content2{
	margin-left:auto;
	margin-right:auto;
}
.content_1col {
	width: 1450px;
}
.content_2col {
	width: 670px;
	float: left;
}
.content_3col {
	width: 445px;
	float: left;
}
.content_s {
	width: 800px;
}
.content_xs {
	width: 600px;
}
.content {
	width: 1000px;
}
.content_l{
	width: 1400px;
}
.content_xl{
	width: 1600px;
}
.content_f{
	width: 98%;
}

.content_center{
	margin-left:auto;
	margin-right:auto;
	
}

.spacer_div{
	height:200px;
	width:1px;
}
.center{
	text-align:center;
}

/* update content_actor to content_s */
.content_actor {
	padding-left: 5px;
	padding-top: 5px;
	width: 800px;
}
#actor_report{
	width: 600px;
}
.block{
	padding: 0px;
	margin-left: 3px;
	float:left;
}
.disabled_fields{
	padding: 0px;
	margin-left: 3px;
	float:left;
	background-color:#999;
}
.dash_main{
	width: 700px;
	padding-left: 10px;
	float: left;
}
.dash_main_odd{
	background-color:#9CF;
}
.dash_main_even{
	background-color:#CCC;
}
.actor_show_list{
}
.past{
	color:#999;
}
.pres{
	color:#060;
}
.fut{
	color:#009;
}
.actor_show_reports_due{
}
#fu {
	width:auto;
	margin-bottom: 10px;
}
.dash_sidebar{
	width: 400px;
	padding-left: 10px;
	float: left;
}
.dash_main td, .dash_main th{
	padding-left:5px;
	padding-right:5px;
}
.scroll_table_wrapper{
	
}
.scroll_table_body{
	height: 300px;
	overflow:auto;
	width: auto;
}
.dash_main .date{
	width: 40px;
}
.dash_main .fname{
	width: 75px;
}
.dash_main .lname{
	width: 75px;
}
.dash_main .client_name{
	width: 270px;
}
.dash_main .city{
	width: 100px;
}
.dash_main .state{
	width: 20px;
}
.dash_main .days{
	width: 40px;
}
#header { /*Header displayed on all AR-NET pages */
	background-color:#03a2aa;
	padding-top:7px;
	padding-left:50px;
	text-align:left;
}

.subform {
	border-top-color:#003;
	padding: 5px;
	border-top-width: .5px;
	border-top-style: solid;
	margin-top: 10px;
}
.subform_comments {
	float:left;
	width:400px;
	border-color:#003;
	padding: 5px;
	margin-left:5px;
	margin-top:10px;
	border-width: .5px;
	border-style: solid;
}
.subform_bookings {
	float:left;
	/*
	width:550px;*/
	border-color:#003;
	padding: 5px;
	margin-left:5px;
	margin-top:10px;
	border-width: .5px;
	border-style: solid;

}
.subform_emails {
	float:left;
	/*width:300px;*/
	border-color:#003;
	padding: 5px;
	margin-left:5px;
	margin-top:10px;
	border-width: .5px;
	border-style: solid;

}
.subform_shows {
	float:left;
	/* width:620px; */
	border-color:#003;
	padding: 5px;
	margin-left:5px;
	margin-top:5px;
	border-width: .5px;
	border-style: solid;
}
.subform_accounting {
	float:left;
	width:630px;
	border-color:#003;
	padding: 5px;
	margin-left:5px;
	margin-top:5px;
	border-width: .5px;
	border-style: solid;
}
.subform_box{
	float:left;
	border-color:#003;
	padding: 5px;
	margin-left:5px;
	margin-top:10px;
	border-width: .5px;
	border-style: solid;
}

.inputform { /* anywhere that input is requested, it will be in a div with this ID */
	padding-left:10px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100.01%;
	color: #666699;
	text-align: left;
}
.form_item { /*class for DIV that holds each item on form in its entirety -- the control and label */
	padding-bottom: 5px;
}
table .form_item{ /*clear styles from .form_item class when it's inside a table so we control layout with the table styles instead */
	padding: 0;
	margin: 0;
}

/* still experimenting with these setting to control nested tables and the slight indent that seems to occur: */
td table tr{
	padding: 0;
	margin: 0;
}
td table tr td{
	padding: 0;
	margin: 0;
}
#contacts table td .form_item { /*just for contacts table in clients page - some margin was needed to keep button from running over inputs */
	padding-bottom: 0;
	margin-bottom: 5px;
}
#contacts td table td .form_item { /*clear styles from above so nested tables revert to cleared styles */
	padding-bottom: 0;
	margin-bottom: 0px;
}
.inputform table { /*how a table looks when it's on an input form */
	padding: 0px;
	border: none;
	margin-left:auto;
	margin-right:auto;
}
.inputform td{
	
}
.inputfield { /* span tag around check boxes and radio buttons - setting this looks more consistent than setting styles on the label tag, which only apply to the label and not control */
	background-color: #C4DDFD;
}
.inputlabel { /* (don't confuse with below) this aggects the label for each field on the input form, for example Name */
	font-weight: bold;
}
.inputform label {/* (don't confuse with above) this affects the labels on check boxes and radio buttons, not the control itself */
	background-color: #84EEFB;
	white-space:nowrap;
}

.inputform .active {
	background-color: #ADD1AB;
	border-color: #360;
	border-style: solid;
	border-width: medium;
}
.inputform .clsfrm{
	background-color: #666;
	color: #FFF;
}
.inputform .updated {
	background-color:#F93;
}
.form_submit{ /* to control placement of buttons under form */
	text-align:center;
}

.form_submit_cell{
	text-align:right;
}

#outputform { /*applied to div that contains output after user clicks submit */
	font-family: Arial;
	font-size: 11pt;
	padding: 30px;
	text-align: left;
}

.outputlabel { /* affects the label for the data on the output form */
	color: #666;	
}
.outputfield { /* affects the data porttion */
	font-weight: bold;
}
.error { /*anywhere where an error is displayed, there is a span tag around it where this class is applied */
	font-weight: bold;
	background-color: #FF0;
}
.status { /*to show status updates on forms -- similar to error, but for non-error status */
	font-weight:bold;
	background-color: #C9F;
	color: #003;
	
}
.status_warn {
	font-weight:bold;
	background-color: #F69;
	color: #003;
}
.status_ok {
	font-weight:bold;
	background-color: #0C0;
	color: #003;
}
.statusbox{
	margin-bottom: 7px;
}
.description { /*optional for labels on the form -- adds additional information about the info being requested */
	color: #09F;
}

/* Navigation */

#nav { /*affects the whole NAV DIV */
	padding-top:3px;
	background-color:#03a2aa;
	font-size: 10px;
	margin-left:0px;
	margin-right:0px;
	width:100%;

}
#menu_wrapper{
	width:675px;
	margin-left:auto;
	margin-right:auto;
}

.nav_1, .nav_2, .nav_3, .nav_button_down {
	padding: 5px;
}

#nav a { /* all hyperlinks within NAV, which basically controls how each menu item appears */
	text-decoration:none;
/*	color:#300;
	*/
}

/* Nav level 2 */
.nav_2 {
	background-color:#0C9;
}
.nav_2 .nav_button_down { /* How a nav button appears when you are on the page to which it corresponds */
	background-color: #0F9;
	font-weight: bold;
}
.nav_2 .nav_button a:hover { /* how a nav button looks when you hover over it */
	background-color: #F36;
}
.nav_2 .nav_button_down a:hover { /* how a nav button looks when you hover over it and you are on the page to which it corresponds */
	background-color: #999;
	font-weight: bold;
}
/* Nav level 1 */
.nav_1 {
	background-color: #999;
	color: #FFF;
	padding-top: 10px;
}
.nav_button a{
	text-decoration:none;
}
.nav_button_down a{
	text-decoration:none;
}

.nav_1 .nav_button a{
	color: #FFF;
}
.nav_1 .nav_button_down a {
	color: #333;
}
.nav_1 .nav_button_down { /* How a nav button appears when you are on the page to which it corresponds */
	background-color: #FFF;
	font-weight: bold;
}
.nav_1 .nav_button a:hover { /* how a nav button looks when you hover over it */
	background-color: #F36;
}
.nav_1 .nav_button_down a:hover { /* how a nav button looks when you hover over it and you are on the page to which it corresponds */
	background-color: #999;
	font-weight: bold;
}

/* Nav level 3 */
.nav_3 {
	background-color: #0FC;
}
.nav_3 .nav_button_down { /* How a nav button appears when you are on the page to which it corresponds */
	background-color: #0C9;
	font-weight: bold;
}
.nav_3 .nav_button a:hover { /* how a nav button looks when you hover over it */
	background-color: #F36;
}
.nav_3 .nav_button_down a:hover { /* how a nav button looks when you hover over it and you are on the page to which it corresponds */
	background-color: #999;
	font-weight: bold;
}
.nav_sub {
	background-color:#FFF;
	padding: 5px;
	font-size:12px;
	color: #006;
}

/* Controls - These are just hyperlink styles that are used to create "controls" on forms -- something you click to perform a function*/
/* Control - Blue */
.control{
	background-color:#9CF;
	margin-top:10px;
    margin-bottom:10px;
	padding-top:3px;
	padding-bottom:12px;
	padding-left:10px;
	text-align:center;
}
.control table{
	margin-left: auto;
	margin-right: auto;
}
.control_blue {
	
}
.control_blue a{
	background-color:#CCC;	
	color: #00C;
	text-decoration:none;
	border:outset;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	
}
.control_blue a:hover { /* how it looks when you hover over it */
	color: #0CF;
}
.control_subblue {
	
}
.control_subblue a{
	background-color:#CCC;	
	color: #00C;
	text-decoration:none;

	border:outset;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	
}
.control_subblue a:hover { /* how it looks when you hover over it */
	color: #0CF;
}
.control_subblue_hide {
	
}
.control_subblue_hide a{
	background-color:#CCC;	
	color: #00C;
	text-decoration:none;
	visibility:hidden;
	border:outset;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	
}
.control_subblue_hide a:hover { /* how it looks when you hover over it */
	color: #0CF;
}
/* Control - Orange */
.control_orange {
	
}
.control_orange a{
	background-color:#CCC;	
	color: #F60;
	text-decoration:none;
	border:outset;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	

}
.control_orange a:hover { /* how it looks when you hover over it */
	color: #F96;
}

/* Control - lightblue */
.control_lightblue {
	
}
.control_lightblue a{
	background-color:#CCC;	
	color: #6FF;
	text-decoration:none;
	border:outset;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	
}
.control_lightblue a:hover { /* how it looks when you hover over it */
	color: #69F;
}

/* Control - Red */
.control_red {
		
}
.control_red a{
	background-color:#CCC;
	color: #900;
	text-decoration:none;
	border:outset;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	
}
.control_red a:hover { /* how it looks when you hover over it */
	color: #F00;
}
/* Control - Yellow */
.control_yellow {
		
}
.control_yellow a{
	/*background-color:#333;*/
	background-color:#CCC;
	color: #FF0;
	text-decoration:none;
	border:outset;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	
}
.control_yellow a:hover { /* how it looks when you hover over it */
	color: #FF9;
}
/* Control - Purple */
.control_purple {
	
}
.control_purple a{
	background-color: #CCC;	
	color: #60C;
	text-decoration:none;
	border:outset;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	
	
}
.control_purple a:hover { /* how it looks when you hover over it */
	color: #63F;
}
/* Control - Green */
.control_green {
	
}
.control_green a{
	background-color:#CCC;
	color: #060;
	text-decoration:none;
	border:outset;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	
}
.control_green a:hover { /* how it looks when you hover over it */
	color: #0F0;
}
/* Control - White */
.control_white {
	
}
.control_white a{
	/*background-color:#333;	*/
	background-color:#CCC;
	color:#FFF;
	text-decoration:none;
	border:outset;

	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	
}
.control_white a:hover { /* how it looks when you hover over it */
	color:#CC6;
}



/* Block Controls More styles for hyperlink "controls" -- the block styles are suited to single character "buttons" */
/* Block Control - Red */
.block_control_red {
		
}
.block_control_red a{
	background-color:#999;
	color: #900;
	text-decoration:none;
	display: block;
	margin: 0;
	width: 3px;
	text-align: center;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 1px;
	margin-bottom: 5px;
	padding-left: 3px;
	font-weight: bold;
}
.block_control_red a:hover { /* how it looks when you hover over it */
	color: #F00;
}

.block_control_orange {
		
}
.block_control_orange a{
	background-color:#999;
	color: #F60;
	text-decoration:none;
	display: block;
	margin: 0;
	width: 3px;
	text-align: center;
	padding-top: 1px;
	padding-right: 9px;
	padding-bottom: 1px;
	padding-left: 3px;
	font-weight: bold;
}
.block_control_orange a:hover { /* how it looks when you hover over it */
	color: #F96;
}

.block_control_lightblue {
		
}
.block_control_lightblue a{
	background-color:#999;
	color: #6FF;
	text-decoration:none;
	display: block;
	margin: 0;
	width: 3px;
	text-align: center;
	padding-top: 1px;
	padding-right: 9px;
	padding-bottom: 1px;
	padding-left: 3px;
	font-weight: bold;
}
.block_control_lightblue a:hover { /* how it looks when you hover over it */
	color: #69F;
}


/* Block Control - Green */
.block_control_green {
		
}
.block_control_green a{
	background-color:#999;
	color: #060;;
	text-decoration:none;
	display: block;
	margin: 0;
	width: 3px;
	text-align: center;
	padding-top: 1px;
	padding-right: 9px;
	padding-bottom: 1px;
	padding-left: 3px;
	font-weight: bold;
}
.block_control_green a:hover { /* how it looks when you hover over it */
	color: #0F0;
}

/* Block Control - Blue */
.block_control_blue {
		
}
.block_control_blue a{
	background-color:#999;
	color: #00C;;
	text-decoration:none;
	display: block;
	margin: 0;
	width: 3px;
	text-align: center;
	padding-top: 1px;
	padding-right: 9px;
	padding-bottom: 1px;
	padding-left: 3px;
	font-weight: bold;
}
.block_control_blue a:hover { /* how it looks when you hover over it */
	color: #0CF;
}
/* Block Control - White */
.block_control_white {
		
}
.block_control_white a{
	background-color:#333;
	color:#FFF;
	text-decoration:none;
	display: block;
	margin: 0;
	width: 3px;
	text-align: center;
	padding-top: 1px;
	padding-right: 9px;
	padding-bottom: 1px;
	padding-left: 3px;
	font-weight: bold;
}
.block_control_white a:hover { /* how it looks when you hover over it */
	color:#CC6;
}

/* Block Control - Yellow */
.block_control_yellow {
		
}
.block_control_yellow a{
	background-color:#333;
	color:#FF0;
	text-decoration:none;
	display: block;
	margin: 0;
	width: 3px;
	text-align: center;
	padding-top: 1px;
	padding-right: 9px;
	padding-bottom: 1px;
	padding-left: 3px;
	font-weight: bold;
}
.block_control_yellow a:hover { /* how it looks when you hover over it */
	color:#FF9;
}

.block_control_subblue {
		
}
.block_control_subblue a{
	background-color:#999;
	color: #00C;;
	text-decoration:none;
	display: block;
	margin: 0;
	width: 3px;
	text-align: center;
	padding-top: 1px;
	padding-right: 9px;
	padding-bottom: 1px;
	padding-left: 3px;
	font-weight: bold;
}
.block_control_subblue a:hover { /* how it looks when you hover over it */
	color: #0CF;
}
.block_control_subblue_hide {
		
}
.block_control_subblue_hide a{
	background-color:#999;
	color: #00C;;
	text-decoration:none;
	display: block;
	margin: 0;
	width: 3px;
	text-align: center;
	padding-top: 1px;
	padding-right: 9px;
	padding-bottom: 1px;
	padding-left: 3px;
	visibility:hidden;
	font-weight: bold;
}
.block_control_subblue_hide a:hover { /* how it looks when you hover over it */
	color: #0CF;
}


.pop_menu
{	margin: 0;
	padding: 0;}

.pop_menu li
{	margin: 0;
	padding: 0;
	list-style: none;

}

.pop_menu li a
{
	display: block;
	margin: 0;
	/*width: 3px;*/
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 4px;
}

.pop_menu li a:hover
{	background: #49A3FF}

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

	.pop_menu 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;
	}

	.pop_menu div a:hover
	{	background: #49A3FF;
		color: #FFF}
.pop_menu_wrapper input{
	background-color: #69F;
	text-align:center;
}
/*
.pop_menu_target{
	background:#CCC;
}

.pop_menu_target_other{
	background: #0F0;
}

.pop_menu_text_wrapper{
	float:left;
}
.pop_menu_label_wrapper{
	float:left;
	padding-right: 5px;
}
*/
.add_item{
	height: 0px;
	display:none;
}
.add_item_btn{ /*the table cell that contains the add new something button */
	text-align:right;
	vertical-align:bottom;
	background-color:#FFF;
}
.add_item_vis{
	height: auto;

}
#contacts table{
	border-collapse:collapse;
}
.empty_cell{
	width:0;
	display:none;
}
.record_odd, .record_even{
	vertical-align: top;
}
.record_odd td, .record_even td{
	padding-top: 5px;
}
td.contact_submit{
	/*This fixes an issue in the contacts section of the client page where the submit button for the basic contact info has a vertical misalignment  */
	padding-top:8px;
	
}
.record_odd td table td, .record_even td table td{
	padding-top: 0px;
	margin-top: 0px;
}
.record_odd{
	background-color: #D9AB8C;
}

.record_even{
	background-color: #ADFCDC;
}
.record_low{
	color:#666;
}

/* new general purpose odd/even tr classes:    */
tr.odd, div.even{
	background-color:#FFF;
}
tr.even, div.odd{
	/*background-color:#9CF;*
	background-color:#F1F1F1; */
	background-color:#E3E3E3;
}
tr.odd_alt, div.even_alt{
	background-color:#BBF4B5;
}
tr.even_alt, div.odd_alt{
	background-color:#F9FCBA;
}
tr.totals{
	background-color:#CCC;
}
tr.highlight{
	border-top-style:solid;
	border-top-color:#60C;
	border-top-width:medium;
	border-bottom-style:solid;
	border-bottom-color:#60C;
	border-bottom-width:medium;
	font-weight:bold;
}

.comment_header{
	font-weight:bold;
	background-color:#666;
	text-align:right;
	color:#FFF;
}
.comment_display{
	background-color: #CCC;
}
.red_flag{
	color:#900;
}

.client_record {
	color:#00C;
}
.client_record a{
	color:#00C;
}
.client_record a:hover {
	color: #09F;
}
.client_record_flag {
	color:#900;
}
.client_record_flag a{
	color:#900;
}
.client_record_flag a:hover {
	color: #930;
}
.client_record_low {
	color:#333;
}
.client_record_low a {
	color:#333;
}
.client_record_low a:hover{
	color:#999;
}
.booking_record td, .booking_record_balance_flag td, .booking_record_deposit_flag td{
	padding-left:10px;
}
.booking_record {
	color:#006;
}
.booking_record a{
	color: #006;
}
.booking_record a:hover {
	color: #06F;
}
.booking_record_balance_flag {
	background-color:#FF9;
}
.booking_record_balance_flag a{
	background-color:#FF9;
}
.booking_record_balance_flag a:hover {
	background-color: #06F;
}
.booking_record_deposit_flag {
	background-color: #F99;
}
.booking_record_depsoit_flag a {
	background-color: #F99;
}
.booking_record_depsoit_flag a:hover{
	background-color: #06F;
}

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

.contract_header_left{

	text-align: left;
	width:4.5in;
}
.contract_header_right{
	text-align: right;
	padding-top:.25in;
	width:3in;
}
.i1{
	font-weight:bold;
	text-decoration:underline;
	text-transform:uppercase;

}
.i2{
	font-weight:bold;
	text-transform:uppercase;
}
.i3{
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
}
.i4{
	text-decoration:underline;
}
.i5{
	text-decoration:underline;
	font-weight:bold;
}
.i6{
	text-decoration:underline;
	font-weight:bold;
	color:#900;
}



.table_layout td{
	border: none;
}
.map_sidebar{
	width: 20%;
	height: 700px;
	overflow: auto;
	float:left;
	padding-left: 1%;
	background-color:#CC9;
}
.map_wrapper{
	width:100%;

}
.map_wsb{
	width: 78%;
	height: 700px;
	float:left;

}
.map_sidebar h3, .map_sidebar h4{
	padding: 0;
	margin: 0;
}
.map_sidebar h2{
	text-decoration:underline;
}
.map_infobox h3, .map_infobox h4{
	padding: 0;
	margin: 0;
}
.morning{
	background-color: #FC0;
}
.afternoon{
	background-color: #E0A385;
}
.evening{
	background-color:#99C2FF;
}
.show{
	margin-bottom: 7px;
}
#rep_shows_sub .record_odd, #rep_shows_sub .record_even{
	padding: 10px;
}
#actor_booking_info td{
	padding-left: 10px;
	padding-right: 10px;
}
#actor_booking_shows td{
	padding-left: 10px;
	padding-right: 10px;
}
td.box{
	border-style:solid;
	border-width:thin;
	border-color:#00F;
}
tr.spacer{
	height:7px;
	border: none;
}
td.spacer{
	width:5px;
	border:none;
}
td.spacer_fat{
	width:20px;
	border:none;
}
tr.separator td{
	
	border-top-style: solid;
	border-top-width: thick;
	border-top-color:#006;
	
	height:10px;
	background-color:#CCC;
	
}
tr.group_separator td{
	/*
	border-top-style: solid;
	border-top-width: thin;
	border-top-color:#006;
	*/
	height:10px;
	background-color:#CCC;
	
}
tr.group_header td{
	text-align:center;
	background-color:#FF9;
	font-weight:bold;
	border-top-width:medium;
	border-top-color:#006;
	border-top-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#006;
	border-bottom-style:solid;
	height:25px;
}
tr.section_header td{
	text-align:center;
	background-color:#666;
	font-weight:bold;
	border-top-width:thick;
	border-top-color:#006;
	border-top-style:solid;
	border-bottom-width:medium;
	border-bottom-color:#006;
	border-bottom-style:solid;
	color:#FFF;
}

tr.group_total td{
	font-weight:bold;
	background-color:#CCC;
	height: 7px;
	border-top-width:thin;
	border-top-color:#006;
	border-top-style:solid;

}
tr.total td{
	font-weight:bold;
	background-color:#CCC;

}
table.basic th {
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	border-bottom-width:medium;
	border-bottom-color:#006;
	border-bottom-style:solid;
}
table.basic{
	border-collapse:collapse;

}
table.basic td{
	padding-left:10px;
	padding-right:10px;
}
td.num{
	text-align:right;
}
td.colborder-left{
	border-left-width:thin;
	border-left-color:#006;
	border-left-style:solid;
}
td.colborder-left-dbl{
	border-left-color:#006;
	border-left-style:double;
}
td.colborder-right-dbl{
	border-right-color:#006;
	border-right-style:double;
}
td.colborder-right{
	border-right-width:thin;
	border-right-color:#006;
	border-right-style:solid;
}
tr.rowborder-top td{
	border-top-width:thin;
	border-top-color:#006;
	border-top-style:solid;
}
tr.box td{
	border-width:thin;
	border-color:#006;
	border-style:solid;
}
.good {
	color: #090;
}
.bad {
	color: #F00;
}
.neutral {
	color: #666;
}
#search_results table td{
	padding-left: 10px;
	padding-right: 10px;
}

/* The last active cell in contacts section of the clients form */
.last_active {
	text-align:center;
}
.textimg_right{
	float:right;
}
.textimg_left{
	float:left;
}
.toggle_list_hid{
	visibility:hidden;
	height:0px;
}
.toggle_list_vis{
	visibility:visible;
	height:auto;
}
td.control{
	background-color:#FFF;
}
#calnav, #calnav_month{
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}
#calnav{
	width: 1100px;
}
#calnav_month{
	width: 750px;
}
#calnav div, #calnav_month div{
	float:left;
	text-align:center;
	vertical-align:middle;
}
#calnav div a{
	text-decoration:none;
}
div.clear{
	clear:both;
}
#calnav .curr{
	font-weight:bold;
	color: #0CF;
}
table.week, table.month{
	border-collapse:collapse;
	width:97%;
}
table.week td{
	width: 12%;
	padding: 1%;
	vertical-align:top;
}
table.week th{
	border-style:solid;
	border-width:thin;
	background-color:#CCC;
}
table.week td{
	border-style:solid;
	border-width:thin;
}
div.calbook{
	margin-bottom:10px;
	padding-bottom:7px;
	border-bottom-style:solid;
	border-bottom-width:thin;
}
div.calbook a{
	text-decoration:none;
}
table.week td.week_actor{
	width: 3%;
	text-align:center;

}
.minimonth{
	margin-left:30px;
}
.minimonth table{
	border-collapse:collapse;
}
.minimonth td{
	text-align:right;
	vertical-align:middle;
	width: 18px;
	height: 8px;
}
.minimonth td.other, table.month td.other{
	color:#666;
}
.minimonth td.weekend, table.month td.weekend{
	font-style:italic;
}
.minimonth td.thisweek{
	background-color:#9CF;
}
.minimonth td.today, table.week th.today{
	color:#900;
	font-weight: bold;
}
.minimonth th{
	text-align:right;
}
table.month td{
	border-style:solid;
	border-width:thin;
	width:10%;
	padding:1%;
	vertical-align:top;
}
table.month td a{
	text-decoration:none;
}
table.month td.today{
	border-width:medium;
}
div.daylabel{
	margin-bottom:4px;
	font-size:14px;
	font-weight: bold;
}
#list_controls{
	padding:5px;
	margin-top:10px;
}

#list{
	clear:both;
	padding:5px;
	border-top-style:solid;
	border-top-width:thin;
	margin-top:10px;
}
#list_summary{ /*for summary info above master list  */
	padding:5px;
	margin-bottom:20px;
}
#list_crit{
	padding:5px;
}
.state_list{
	float:left;
	width: 170px;
	margin-left: 5px;
}
.listbox{
	height:200px;
	width: 150px;
	margin-right:5px;
	padding:5px;
	float:left;
}
.listbox_list{
	text-align:left;
	height:180px;
	width: 150px;
	overflow:auto;
	border-style:solid;
	border-width:thin;
	background-color:#EBEBEB;

}
.listbox a{
	text-decoration:none;
}
.listbox_addremove{
	width: 60px;
	margin-right:5px;
	padding-top:80px;
	float:left;
	text-align:center;
}

#list_crit_summary{
	clear:left;
	padding:5px;
}
.critsel_vis{
	visibility:visible
	text-align:center;
	background-color:#D6D6D6;
	border-style:groove;
	border-color:#A2A2A2;
	border-width:thin;
	float:left;
	margin-right:10px;
}

#seghead{
	margin-top:15px;
}
.crit_comp{
	background-color:#95B3DF;
}
.crit_part{
	color: #777;
}
#actor_booking_info h3{
	margin-bottom:2px;
}
#actor_booking_info p{
	margin-top:0;
	margin-left:3px;
}
/* these are for the 3 boxes at the bottom of the booking form */
#emails{
	width:475px;
}
#report{
	width:250px;
}
#eval{
	width:475px;
}
td.center{
	text-align:center;
}
#stagelights{  /*div for stage and lights drop downs on booking form - just to create a border  */
	border-bottom-color:#003;
	border-bottom-width: .5px;
	border-bottom-style: solid;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
}