body {
	margin-left:12px;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 12px;
	background-color: #FFFFFF;
	font-family: Tahoma, serifSansSerifMonospace;
        font-size: 11px;
        color: #273f5f;
        text-decoration: none;

}
img { border: 0px }
a:active,
a:link,
a:visited   	{ color:#004E99; text-decoration:none }
a:hover      	{ color:#5798C9;text-decoration:underline }

h1 {
  font-size: 16px;
  color: #273f5f;
  text-decoration: none;
  font-weight:bold
}

h2 {
  font-size: 15px;
  font-weight:bold;
}

h3 {
  font-size: 14px;
  font-weight:bold;
}

h4 {
  font-size: 13px;
  font-weight:bold;
}

th {
	text-align: left;
}

acronym {
	border-bottom: dotted 1px;
	cursor: help;
}

#navigation {
	clear: both;
	list-style: none;
	margin: 15px 0 0;
	padding: 0 15px;
	position: relative;
	line-height: 14px;
	font-size: 1.2em;
	background: #D7D6E6;
	border: solid 1px #AAA6C9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#navigation li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}
#navigation li a {
	color: #444;
	font-weight: bold;
	padding: 6px 25px;
	display: block;
}
#navigation li.hover a {
	color: #000;
	text-decoration: none;
	background: #D7D6E6;
}
#navigation li.active a {
	background: #AAA6C9;
	color: #000;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 5px 0;
	position: absolute;
	left: -999em;
	width: 200px;
	z-index: 1000;
	background: #eee;
	border: solid 1px #AAA6C9;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
#navigation ul li {
	width: 100%;
	display: block;
	float: left;
}
#navigation li.hover ul {
	left: auto;
}
#navigation li.hover ul a {
	color: #000;
	font-weight: normal;
	padding: 4px 25px;
	background: #eee;
}
#navigation li.hover ul a:hover {
	background: #ddd;
}


.welcome_bg {
	background-image: url('/img/welcome_bg.gif');
	background-repeat: no-repeat;
}
.white_text_normal {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.blue_text_normal {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000080;
	text-decoration: none;
}
a.blue_links_normal {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000080;
	text-decoration: underline;
}
a.blue_links_normal:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000080;
	text-decoration: none;
}
.gray_text_normal {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #273f5f;
	text-decoration: none;
}
.gray_text_larger {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #273f5f;
	text-decoration: none;
}
.gray_text_larger_bold {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #273f5f;
	text-decoration: none;
font-weight: bold;
}
a.gray_links_normal {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #273f5f;
	text-decoration: underline;
}
a.gray_links_normal:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #273f5f;
	text-decoration: none;
}
.blue_Support_bold {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0b9cfc;
	text-decoration: none;
	font-weight: bold;
}
.orange_Support_bold_underline {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffa800;
	text-decoration: underline;
	font-weight: bold;
}.orange_Support_bold {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffa800;
	text-decoration: none;
	font-weight: bold;
}
.planSpecs {
  padding-left:2px;
  background:#f2f4f8;
  border-bottom:1px solid white;
  height:13px;
}
.planTable { 
  width:165px; 
  border:1px solid #0B9CFC;
}

/* TOS Classes */
.tos {
  font-size: 11px;
  text-align:justify;
}

.tosh1 {
  font-size: 15px;
  font-weight:bold;
}

.tosh2 {
  font-size: 13px;
  font-weight:bold;
}

.tosh3 {
  font-size: 12px;
  font-weight:bold;
}


  .listHeading    				{ font-weight: bold; font-size: 11px; border-right: 1px solid #4B93C1; border-bottom: 1px solid #0A293F; padding:3px; }
  .listHeading a:link 	    	{ font-weight:bold; color: white; padding-left:4px }
  .listHeading a:active 	   { font-weight:bold; color: white; padding-left:4px }
  .listHeading a:visited 	   { font-weight:bold; color: white; padding-left:4px }
  .listHeading a:hover 	    	{ font-weight:bold; color: white; padding-left:4px }

  .listHeadingRight       		{ font-weight: bold; font-size: 12px; border-top: 1px solid #D3E9F7; border-left: 1px solid #D3E9F7; border-right: 1px solid #4B93C1; border-bottom: 1px solid #0A293F; text-align:right; padding-right: 4px; }
  .listHeadRow    				{ color: #F5F5F6; background-color: #5988BC; margin:0px; padding:3px; }
  .listHeadRow a:link  			{ color: #F5F5F6; background-color: #5988BC; margin:0px; padding:3px; }

  .listHeadRow2    				{  color: #FFF; background-color: #727272; margin:0px; padding:3px; }
  .listHeadRow2 a:link  		{ color: #FFF; background-color: #727272; margin:0px; padding:3px; }


  .listHeadingRight       		{ font-weight: bold; font-size: 11px; border-top: 1px solid #D3E9F7; border-left: 1px solid #D3E9F7; border-right: 1px solid #4B93C1; border-bottom: 1px solid #0A293F; text-align:right; padding-right: 4px; }
  .listHeadRow    				{ color: #F5F5F6; background-color: #5988BC; margin:0px; padding:3px; }
  .listHeadRow a:link  		   { color: #F5F5F6; background-color: #5988BC; margin:0px; padding:3px; }


  .listRow1                   { background-color: #E5E6EA; margin:0px; padding:3px; }                                        
  .listRow2                   { background-color: #FDFDFD; margin:0px; padding:3px; }
  .listRow1Over, .listRow2Over { background-color: #CBDBE8; margin:0px; padding:3px; }
  .listRow1Click, .listRow2Click { background-color: #A0E09F; margin:0px; padding:3px; }
  .listRow1a                  { background-color: #FC7E7E; margin:0px; padding:3px; }                                      
  .listRow1aOver              { background-color: #CBDBE8; margin:0px; padding:3px; }                        
  .listRow1aClick             { background-color: #A0E09F; margin:0px; padding:3px; } 
  .listRow2a                  { background-color: #FDE4E4; margin:0px; padding:3px; }                                
  .listRow2aOver              { background-color: #CBDBE8; margin:0px; padding:3px; }                        
  .listRow2aClick             { background-color: #A0E09F; margin:0px; padding:3px; }

  .listCell                   { padding:3px; font-size:11px;  border-right: 1px solid #3382B4;  border-bottom: 1px solid #3382B4;}

  .listCellRight          		{ font-size:11px; border-right: 1px solid #3382B4; border-bottom: 1px solid #3382B4; text-align:right; padding-right: 4px; }
  .listTable      			   { padding:0px; border-top: 1px solid #003B61; border-left: 1px solid #003B61; }

  .smallSubmit                { font-size:11px; }
  .redSubmit                  { background-color:#DF0000; color:white; font-weight:bold}
  .blueSubmit                  { background-color:#0000CA; color:white; font-weight:bold}

/* Calendar Classes */

  table.bcalendar             { font-family:tahoma,arial,helvetica,sans-serif; width:100%; border: 1px solid black; font-size: 12px;}
  tr.bweekdays                { font-weight:bold; font-size:11px; padding:4px; text-align: center  }

  .bcalhead                   { font-weight:bolder; font-size: 12px; color:white; background-color: #EFEFEF; background:url('/images/calendar/cal_top_back.gif'); }
  
  .bcalprev                   { font-size: 11px; color:white; height:30px; width:30%; }
  .bcalprev a:link, 
  .bcalprev a:active, 
  .bcalprev a:visited, 
  .bcalprev a:hover           { color:white; }

  .bcalnext                   { font-size: 11px; text-align:right;}
  .bcalnext a:link,
  .bcalnext a:active,
  .bcalnext a:visited,
  .bcalnext a:hover           { color:white }
  
  .bcalmonth                  { text-align: center; vertical-align:middle;}
  .blastmonth                 { background-color: #EFEFEF; padding:0px; height:80px; width:14% ; vertical-align:top}
  .bthismonth                 { padding:0px; width:14%; height:80px; vertical-align:top }
  
  .bthismonth a:link          { color: black }
  .bthismonth a:active,
  .bthismonth a:visited,
  .bthismonth a:hover         { color: black }
  .bcevents                   { }
  .cday                       { padding:4px; padding-bottom: 4px; }
  .btoday                     { font-weight:bolder; text-align:left; background:#fde4c3; padding: 0px; width:14%; vertical-align:top }
   .btoday a:link,
  .btoday a:active,
  .btoday a:visited,
  .btoday a:hover             { font-weight:normal; text-align:left; padding: 0px; width:14%; vertical-align:top }
  
  .bnextmonth                 { padding:0px; background-color: #EFEFEF; width:14%; vertical-align:top }
  
  .calBlock                   { padding:0px; padding-left:4px; padding-right:2px; width:14%; margin:0px }
  
  .cspan                      { width:98%;padding-left:2px; margin-bottom:2px; border-top:1px solid black; border-bottom: 1px solid black; }
  
  
  

/* Mini Calendar Classes */

  table.mcalendar             { font-family:tahoma,arial,helvetica,sans-serif; border:1px solid #e5e5e4; width:196px; font-size: 9px;}
  tr.mweekdays                { font-weight:bold; width:28px; font-size:10px; padding:0px; text-align: right;  }

  .mcalhead                   { font-weight:bolder; font-size: 10px; color:white; background-color: #EFEFEF; text-align:right; background:url('/images/calendar/cal_top_back.gif'); }
  .mcalhead a:link            { color: white }
  .mcalhead a:active,
  .mcalhead a:visited,
  .mcalhead a:hover           { color: white }
  
  .mcalmonth                  { padding:0px; height:4px; vertical-align:top; text-align:center;}
  .mlastmonth                 { padding:0px; height:4px; width:28px; vertical-align:top; text-align:right; background-color: #EFEFEF;}
  .mthismonth                 { padding:0px; width:28px; height:4px; vertical-align:top; text-align:right; }
  
  .mthismonth a:link          { color: black }
  .mthismonth a:active,
  .mthismonth a:visited,
  .mthismonth a:hover         { color: black }
  
  .mtoday                     { padding:0px; font-size: 9px; font-weight:bolder; border:thin solid red; background:#fde4c3; height:4px; width:28px; vertical-align:top; text-align:right}
  
  .mnextmonth                 { padding:0px; background-color: #EFEFEF; vertical-align:top; text-align:right }
  
  .mcalBlock                  { padding:0px; width:28px; }
/* End Calendar Classes */
 
.formTable                    { margin-left:auto; margin-right:auto; border-collapse:collapse; border-color:#e5e5e4; }

thead tr {
	background: #E8EAFB;
}

#sort-progress {
	background: #FFFFCC;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 20px;
	margin: -20px 0 0 -61px;
	z-index: 1000;
	border: solid 2px #eeee55;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 10px;
	color: #000;
}

#save-progress {
	background: #FF9999;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 20px;
	margin: -20px 0 0 -61px;
	z-index: 1000;
	border: solid 2px #FF6666;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 10px;
	color: #000;
}

.sortable th {
	white-space: normal;
	overflow: hidden;
}

.sortable .header {
	background-image: url(/images/bg.gif);
	cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px;
	text-align: left;
}

.sortable .headerSortUp {
	background-image: url(/images/asc.gif);
}

.sortable .headerSortDown {
	background-image: url(/images/desc.gif);
}

.sortable td {
	overflow: hidden;
}

.hide-overflow {
	white-space: nowrap;
	overflow: hidden;
}

td.note {
	cursor: pointer;
}

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    border: 1px solid #999;
    padding: 6px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmClose {
	float: right;
	position: relative;
}

.jqmTitle {
	padding: 3px 0 9px 10px;
	margin: 0;
}

.jqmContent {
	background: #fff;
	padding: 10px;
}

.report-search-form {
	background: #E8EAFB;
	padding: 10px 10px 0;
	border: solid 1px #000;
	margin-bottom: 20px;
}

.report-search-form input, .report-search-form select {
	margin-right: 10px;
	border: solid 1px #999;
}

.hasDatepicker {
	background: #fff url(/images/calendar/cal.gif) no-repeat right;
	border: solid 1px #ccc;
}

/* jQuery validate styles */
input.error, textarea.error, select.error {
	border: solid 1px #f00;
}
label.error {
	margin-left: 10px;
	color: #f00;
}

/* Scheduling page */
#crew-members .actions {
	display: none;
	position: absolute;
	background: #eee;
	padding: 9px;
	margin: -9px 0 0 -53px;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
}
#crew-members .hover .actions {
	display: block;
}
#crew-members .actions .delete {
	color: #f00;
}
#crew-members .edit-fields {
	display: inline-block;
	width: 300px;
}
#crew-members a.employee-name {
	display: inline-block;
	width: 300px;
}

.territory-conflict {
	background:#FA8072;
	color:#000;
	border:2px solid #EF0015;
	padding:1em;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/* Comment System */
.commentHeader              { background: #B9C6DC; text-align:center; color: #000; font: 130%/1.1 arial,helvetica,sans-serif; font-weight:bold; }
.commentRow1                { background: #E4EAF2; padding:6px; border:1px solid #FFF; border-left:none; border-bottom: none; }
.commentRow1Alt             { background: #E4EAF2; padding:6px; border:1px solid #FFF; border-left:none; border-bottom: none; }
.commentRow1M               { background: #E4EAF2; padding:6px; border:1px solid #FFF; border-left:none; border-right:none; border-bottom: none; font-weight:bold; }
.commentRow1MAlt            { background: #E4EAF2; padding:6px; border:1px solid #FFF; border-left:none; border-right:none; border-bottom: none; font-weight:bold; }
.commentRow1R               { background: #E4EAF2; padding:6px; border:1px solid #FFF; border-left: none; border-bottom: none; font: 90%/1.1 arial,helvetica,sans-serif; }
.commentRow1RAlt            { background: #E4EAF2; padding:6px; border:1px solid #FFF; border-left: none; border-bottom: none; font: 90%/1.1 arial,helvetica,sans-serif; }
.commentRow2                { background: #EEF2F7; padding:6px; border:1px solid #FFF; border-left: none; }
.commentRow2Alt             { background: #F5F9FD; padding:6px; border:1px solid #FFF; border-left: none;  }
.commentRow2L               { background: #EEF2F7; padding:6px; border:1px solid #FFF; border-left: none; font: 90%/1.1 arial,helvetica,sans-serif; }
.commentRow2LAlt            { background: #F5F9FD; padding:6px; border:1px solid #FFF; border-left: none; font: 90%/1.1 arial,helvetica,sans-serif; }
.commentRow3                { background: #D1DCEB; padding:6px; border:1px solid #FFF; border-left: none; }
.commentRow3Alt             { background: #D1DCEB; padding:6px; border:1px solid #FFF; border-left: none; }
.spacerRow                  { background: #8394B2; padding:6px; height:4px; font-size:2px; border-left: none; }
.commentRow3L               { background: #D1DCEB; padding:6px; border:1px solid #FFF; border-left: none; font: 90%/1.1 arial,helvetica,sans-serif; }
.commentRow3LAlt            { background: #D1DCEB; padding:6px; border:1px solid #FFF; border-left: none; font: 90%/1.1 arial,helvetica,sans-serif; }

.add-com{
	display:inline-block; 
	width:14px;
	height:14px;
	background:url(../images/plus_com.png) no-repeat 0 0;
	position:relative;
	top:-1px;
}
#add-commission{
	color:#818181;
}
#add-commission:hover{
	cursor:pointer;
	color:#090;
}

#add-commission:hover .add-com{
	background-position:-14px 0;
}