h1 {  font-family: Tahoma, Arial, Helvetica; font-size: 14px; font-style: bold; color: black}

h2 {  font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-style: bold; color: black}

body, table {  font-family: Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color: black}

a {color:#0000FF; text-decoration: none; outline: none; -moz-outline-style: none;}
a:link { color : #0000FF; text-decoration: none }
a:visited { color : #0000FF; text-decoration: none }
a:hover { color : #0000FF; text-decoration: underline }
a:active { color : #0000FF; text-decoration: none}

.heading1 {  font-family: Tahoma, Arial, Helvetica; font-size: 14px; font-weight: bold; color: black}
.heading2 {  font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; color: black}

.table_heading_text, .header-left-top-bottom, .header-top-bottom, .header-right-top-bottom
{ 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 10px; 
	font-weight: bold; 
	color: black
}

.table_text {  font-family: Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; text-decoration: none;}
.table_text:link {  font-family: Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color: #000000; text-decoration: underline}

.title_on {  font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; decoration: underline; color: black}

.title_off {  font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; color: #666666}

.body_rollover {  font-family: Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color: #666666}

.tbl_heading_bk {color: #DEDEBE}

.tbl_list_column_heading {color: #CCCC99}

.tbl_alternate_row {color: #EBEBEB}

.rm_leftnav {  font-family: Arial, Helvetica, sans-serif; font-size: xx-small; font-weight: bold; color: #333333; left: 4px; clip:  rect(   ); text-decoration: none}

.rm_lefnav_title {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333333}

.rfield { font-face: Tahoma, Arial, Helvetica; font-size: 14px; color:red; }
.mrfield { font-face: Tahoma, Arial, Helvetica; color:red; }

.footer {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
.footer:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}

.incident_title { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000 }

.incident_label { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #666666 }

.incident_data_bold { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #666666 }

.incident_data { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000 }

.tab_nav { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #000000; background: #cccc99 }

.form_label {  font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: bold; font-style: normal; color: black}
.form_label_grey {  font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: bold; font-style: normal; color: #696969}

.form_section_header {  font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold; font-style: normal; color: black}

.form_input {  font-family: Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color: black}
.form_input_grey {  font-family: Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color: #696969}

.page_nav {  font-family: Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color: #696969; text-decoration: none}
.page_nav:link {  font-family: Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color: #696969; text-decoration: underline}

.tutorial_title {  font-family: Verdana; font-size: 14px; font-style: normal; color: #000000; font-weight: bold; text-decoration: none}
.tutorial_nav {  font-family: Verdana; font-size: 10px; font-style: normal; color: #000000; text-decoration: none}
.tutorial_text {  font-family: Verdana; font-size: 12px; font-style: normal; color: #000000; text-decoration: none}

.nav_text { font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-style: normal; color: white; font-weight: bold; }
.title_header { font-family: Verdana; font-size: 14px; font-style: normal; color: #333333; font-weight: bold; }
.subtitle_header {font-family: Verdana; font-size: 12px; font-style: normal; color: #333333; font-weight: bold; }

.admin_text {font-family: Verdana; font-size: 12px; font-style: normal; color: #696969; font-weight:bold;}
.admin_nav {font-family: Verdana; font-size: 12px; font-style: normal; color: #000000; font-weight:bold; background-color: #87CEFA;}
.admin_click {font-family: Verdana; font-size: 12px; font-style: normal; color: #000000; font-weight:bold; background-color: #87CEFA;}

.alpha_text {font-family: Verdana; font-size: 10px; font-style: normal; color: #000000; font-weight:bold; background-color: #A9A9A9;}
.alpha_nav {font-family: Verdana; font-size: 10px; font-style: normal; color: #000000; font-weight:bold; background-color: #00C5CD;}
.alpha_click {font-family: Verdana; font-size: 10px; font-style: normal; color: #FFFFFF; font-weight:bold; background-color: #00008B;}
.alpha_grey {font-family: Verdana; font-size: 10px; font-style: normal; color: #FFFFFF; font-weight:bold; background-color: #696969;}

.maintenance_header {margin: 10px; padding: 10px; height: 24px; background-color: #818181;}
.maintenance_header_text {font-family: Verdana; font-size: 12px; font-style: normal; color: #FFFFFF; font-weight:bold;}

input.bcp {background:#000055; border-color:#FFFFFF; color:#FFFFFF; width:150px; height:20px; font-family: Verdana; font-size: 10px; font-weight:bold;}

input.bcp_grey {background:#696969; border-color:#FFFFFF; color:#FFFFFF; width:150px; height:20px; font-family: Verdana; font-size: 10px; font-weight:bold;}

.header-left-top-bottom {
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
		
.header-top-bottom {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.header-right-top-bottom {
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.content-left-bottom {
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.content-bottom {
	border-bottom: 1px solid #999999;
}

.content-right-bottom {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.grey_out {
	background:#E7E7E7;
}
.normal {
	background:#FFFFFF;
}

.prefix_icon {	
	margin: 0;
	padding: 0;	
	float: left;
	padding-right: 3px;
	padding-left: 0px;
	border: 0 none #ffffff;
}


/* kamran - styles the form on /monsoon_php/monsoon_cp/subscriber/administration/usergp/add_edit.php */
.form_group {
	margin-left:10px;
	float:left;
	position:static;
}

/* kamran - styles the form on /monsoon_php/monsoon_cp/subscriber/administration/usergp/add_edit.php */
#heading.heading2 {
	background:#ACACAC;
	padding:2px 0 2px 2px;
	font-size:1.2em;
	font-weight: bold;
	margin:15px 0 5px 0;
	float:left;
	width:100%;
}

#members, #permissions, #department {
	margin-left:50px;
}

#permissions{
	width:100%;
}

#permissions .permission_form_label,#permissions .premission_indent, #permissions .permission_child_indent, #permissions .premission_not_indent, #permissions .premission_not_parent, #permissions .premission_parent {
	font-family: Verdana,Arial,Helvetica;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: black;
	padding-top:5px;
	padding-bottom:5px;
}

.premission_indent {
	padding-left:45px;
}

.permission_child_indent {
	background:#CCCCCC;
	padding-left:25px;
}


.permission_blocked_label {
	color: #A0A0A0;
}

.paging-info-padding {
	/* left padding should be the same as .subtitle*/
	padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:0px;
}
.button-gap {
	/*width:5px;*/
}
.error-message {
	color:#FF0000; font-size:14px;
}
.page-section-header {
	color:#FFFFFF; background:#868286; font-size: 14px; font-weight:bold; padding: 5px; margin-top:5px; margin-bottom:5px; 
}
.page-section-line {
	padding-left:50px;
}
.page-section-line-landmark {
  padding-left:5px;
}
.page-section-line-indent {
	padding-left:75px;
}
.page-subsection-header {
	background:#C2C2C2; font-size: 12px; font-weight:bold; padding: 5px; margin-top:5px; margin-bottom:5px; 
}


.premission_not_indent, .premission_parent {
	margin-top:5px;
	background:#CCCCCC;
}

.premission_indent {
	background:#CCCCCC;
	}

/* This section deals with the multi select box component. */

.fixHeader, .fixHeader2 {
	table-layout:fixed;
	vertical-align: top; 
	padding: 0px; 
	border-spacing: 0px; 
	border-collapse:collapse;
	border-width:0px;
}
.fixHeader {
	width: 266px;
}
html>body .fixHeader {
	width: 269px;
}
.fixHeader2 {
	width: 280px;
}
html>body .fixHeader2 {
	width: 283px;
}
.iconColumnHead {
	background:#A5A5A5;
	border: 1px solid #A5A5A5;
	width: 25px;
}
.nameColumnHead {
	background:#A5A5A5;
	border: 1px solid #A5A5A5;
	padding-left:3px;
	width:125px;
}
.detailsColumnHead {
	background:#CCCCCC;
	border: 1px solid #A5A5A5;
	padding-left:3px;
	width:125px;
}
.iconColumnData {
	width: 25px; 
	overflow:hidden;
}
.nameColumnData {
	width:125px; 
	overflow:hidden;
	padding-top:1px;
	padding-bottom:1px;
}
.detailsColumnData {
	width:125px;
	overflow:hidden; 
	padding-left:7px;
	padding-top:1px;
	padding-bottom:1px;	
}
.scrollableContentOuter, .scrollableContentOuter2 {
	overflow: auto;overflow-x:hidden;height: 200px; border: 1px solid #A5A5A5;
}
.scrollableContentOuter {
	width: 266px;
}
.scrollableContentOuter2 {
	width: 286px;
}
.scrollableContentInner {
	width: 250px; table-layout:fixed; cursor: default;
}
.scrollableContentInner2 {
	width: 275px; table-layout:fixed; cursor: default;
}

.msdisabled {
    color:grey;
}

/** End of Section **/

/* Styles defined for mouseover popup using 3rd party tools */
.dvhdr1, .dvhdr_items_assigned_pending {
    background: #FFFFCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    border: 1px solid black;
 }

.dvhdr_items_assigned_pending {
    font-size: 12px;
	width: 250px;
    padding: 5px;
}

.dvbdy1, .dvbdy_items_assigned_pending {
    background: #FFFFCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

.dvbdy_items_assigned_pending {
    font-size: 10px;
	padding: 5px;
	width: 250px;	
}

span.hide, a.hide, a.hide:link, a.hide:visited, a.hide:hover, a.hide:active {cursor:pointer;}

.subtitle_padding {
	/* left padding should be the same as .subtitle */
	padding-left:10px;
}
.subtitle {
	font-family: Tahoma, Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.section_title {
	font-family: Arial, Tahoma, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background:#818181;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.add_new_label {
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 50px;
}
.add_new_label_no_indent {
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.hovers {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.hide_table {
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.generic_body_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.generic_body_text_no_indent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    margin: 0px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
}
.generic_labels {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.generic_labels_grey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #696969;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.generic_labels_ivr {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  padding-left: 10px;
  padding-bottom: 5px;
}
.generic_labels_no_indent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.lpadding_3x {
	padding-left: 3px;
}
.sub_subtitle {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.hide {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #0000FF;
	text-decoration: none;
	margin: 0px;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.section_subtitle {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;		
}
.section_subtitle_wo_align { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    margin: 0px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 10px;     
}
.input_body_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
.addremove_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.addremove_title_name_padding {
	padding-left: 4px;
}

.addremove_title_details_padding {
	padding-left: 15px;
}
html>body .addremove_title_details_padding {
	padding-left: 11px;
}
.main_content {margin: 0 0 0 10px;}

/* Styles defined for Scenario Manager */
.dotted {
    border: thin dotted #d3d3d3;
}

/* Styles defined for home page use */
.home_welcome
{
	margin: 3px 0 10px 0;
}

.home_left_section
{
    float: left;
    text-align: left;
    margin-right: 15px;
    width: 65%;
}

.home_right_section
{
    width: 100%;
}

.home_cell_header 
{
	margin: 15px 0px 0 5px;
	color:#FFFFFF;
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	vertical-align: middle;
}

.home_cell_subtitle
{
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	padding-top: 5px;
	padding-left: 10px;
}

.category_icon 
{
	float:left;
	/*padding-top: 50px;*/
}

.home_summary_fleet_image_header
{
	width: 100%;
	border-bottom: 1px solid #000;
	background-color: #013567;
}

.home_summary_fleet_content
{
	height: 200px;
	overflow:auto;
	/*padding-top: 10px;*/
	margin-bottom: 0px;
	
	background-color: #FFFFFF;
}

.home_notice_news_image_header
{
	width: 100%;
	background-color: #013567;
}

.home_notice_news_content
{
	height: 100px;
	overflow:auto;
	padding: 10px;
	overflow-x: hidden;
	background-color: #FFFFFF;
}

/* used by tutorial manager - starting */
.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a:link, .dtree a:visited, .dtree a:hover, .dtree a:active {color:#333;cursor:pointer;}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}
/* used by tutorial manager - ending */

.beacon_note {
	margin: 2px 0px 0px 0px;
	padding: 2px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;	
	width: 97%;
	height: 200px;
	overflow: auto;
	overflow-x: hidden;
}
#progress {
	background-color: #FFFFCC;
	margin: auto;
	border: 1px solid #000000;
	width: 30%;
	height: 21%;
	position: absolute;
	top: 40%;
	left: 37%;
	z-index: 10006;
	display: none;
}
#progress_iframe {
	/* this iframe is a hack for msie 6 which div can not be shown on top of window control (like 'select') */
	/* but iframe can be seen on top of the window control. msie7, ff have no problems */	
	margin: auto;
	width: 30%;
	height: 21%;
	position: absolute;
	top: 40%;
	left: 37%;
	z-index: 10005;	
	display: none;
}
#progress_label {
	color: darkred;
	font-weight: bold;
}
.report_label_width {
	width: 230px;
}
.report_label_width_1 {
	width: 180px;
}
.report_label_width_2 {
        width: 190px;
}
.usage_parent, .usage_indent {
	font-family: Verdana,Arial,Helvetica;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: black;
	padding-top:5px;
	padding-bottom:5px;
}
.usage_parent {
	margin-top:5px;
	background:#CCCCCC;
}	

.usage_indent {
	padding-left:50px;
}

.usage_indent {
	background:#CCCCCC;
}
.usage_category_title {
	padding-left:10px;
}
#dhtmltooltip{
	position: absolute;
	left: -300px;
	/*width: 150px;*/
	border: 1px solid black;
	padding: 0px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.box {
	background: #EFEBEF;
	overflow: none;
	padding:5px 5px 5px 5px;
}

.clearfloat {
	clear:both;
}
.reporttable tbody tr:hover, .reporttable tbody tr.hilite, tr.hilite:hover {
	background-color: #ffc;
	color: #000000;
}
table.reporttable thead a:link, table.reporttable thead a:active, table.reporttable thead a:visited, table.reporttable thead a:hover {
	color: #000000;
	text-decoration: none;
}
.photo {
	border: 4px solid #999999;
	width: 100px;
	height: 100px;
}
.adorned {
    background: #EFEBEF;
    width: 20em;
    text-align: center;
    padding: 10px 10px;  /* padding greater than corner height|width */
    margin: 0.25em 0.25em;
    color:#000;
}
.cell_caption {
	color:#FFFFFF;
	/*background-color:#013567;*/
	padding-top:0px;
	padding-bottom:0px;
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
}
.cell_caption table {
	color:white;
	font-family:Verdana,Arial,Helvetica;
	font-size:10px;
	font-style:normal;
}
.home_page_table {
	width:98%;
	border: 1px solid #000;
}
.home_page_table_header {
	border: 0px;
}
.header_border_left, .header_border_left_bg{
	border-left: 1px solid #999999; 
	border-top: 1px solid #999999; 
	border-bottom: 1px solid #999999;
}
.header_border_center, .header_border_center_bg{
	border-top: 1px solid #999999; 
	border-bottom: 1px solid #999999;
}
.header_border_right, .header_border_right_bg{
	border-right: 1px solid #999999; 
	border-top: 1px solid #999999; 
	border-bottom: 1px solid #999999;
}
.header_text{
	color:#000000;
}
.header_background{
	background:#CCCCCC;
}
.header_border_left_bg, .header_border_center_bg, .header_border_right_bg{
	background:#A9A9A9;
}

/* disclaimer styles */
div.disclaimerScroll {
	height: 250px;
	width: 450px;
	overflow: auto;
	border: 1px solid #666;
	background-color: #FFFFFF;
	padding: 8px;
}

/* For report index page */
.report_category_cell {
	width:50%; 
	border-collapse: collapse;
}
.report_category_tbl {
	width:100%;
}
.category_icons {
	margin-left:50px;
	margin-bottom:15px;
	margin-right:5px;
	padding-top:0px;
}
.rpt_link {
	text-decoration:none;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
}
a.rpt_link:link, a.rpt_link:visited, a.rpt_link:hover, a.rpt_link:active {
	color:#013567;
}
.rpt_items {
	padding: 10px 0 10px 0;
}

.rpt_cell_caption {
	text-align:center;
	color:#FFFFFF;
	/*background-color: #013567;*/
	padding-top:20px;
	padding-bottom:8px;
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
}
.color_legend_green {
  background-color: #99ff66;
}

.color_legend_yellow {
  background-color: #ffff99;
}

.color_legend_orange {
  background-color: #ff9900;
}

.color_legend_start {
  background-color: #1e90ff
}

.color_legend {
  background: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;    
}

.color_legend_cell {
  border: 1px silver solid;
}

/* css for checkin BB popup window */
.cibb_row_color {
  background-color: #ebebeb;
}

.cibb_row_text {
  font-family: Verdana, Arial, Helvetica; 
  font-size: 11px; 
  font-style: normal; 
  color: black;
}

.cibb_row_text_today {
  font-family: Verdana, Arial, Helvetica; 
  font-size: 11px; 
  font-style: normal; 
  color: red;
}

.cibb_label {
  font-family: Verdana, Arial, Helvetica; 
  font-size: 11px; 
  font-weight: bold; 
  color: #999999;
}
.cibb_subtitle { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  margin: 0px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 10px;   
}
.footer_border_top {
  border-top: 1px solid #999999; 
}
.cibb_left_col {
	padding-left: 10px;
}

/* for idle map report */
.idm_table_hegiht {
	height:  200px;
	overflow:  auto;
	margin-bottom: 5px;
}
.idm_table_hegiht_print {
  margin-bottom: 5px;
}

.rpt_table_text {  
	font-family: Verdana, Arial, Helvetica; 
	font-size: 10px; 
	font-style: normal; 
	text-decoration: none;
	border-bottom: 1px solid #000000;
}

.rpt_table_text_right {  
	font-family: Verdana, Arial, Helvetica; 
	font-size: 10px; 
	font-style: normal; 
	text-decoration: none;
	border-bottom: 1px solid #000000;
	text-align: right;
}

.outside_table_round_corner {
	border: 1px solid #000;
	background-color: #013567;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
}

.table_footer_div {
	background-color:#FFFFFF;
	height: 11px;
}

.padding_top_3px {
	padding-top: 3px;
}


.admin_youtube_span {
	float: right;
	font-weight: normal;
	font-size: 12px;
	padding-right: 10px;
	padding-top:5px
}

button.cp_report_tab_button {
	line-height: 1.5;
    font-family: Verdana, Arial, Helvetica;
    cursor: pointer; /*forces the cursor to change to a hand when the button is hovered*/
    padding: 3px 10px; /*add some padding to the inside of the button*/
    background: #003366; /*the colour of the button*/
    border: 1px solid #4b4e50; /*required or the default border for the browser will appear*/
    /*give the button curved corners, alter the size as required*/
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    /*give the button a drop shadow*/
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0, .85);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0, .85);
    box-shadow: 1px 1px 2px rgba(0,0,0, .85);
    /*style the text*/
    color: white;
    font-size: 11px;
    font-weight: 600;
    margin: 1px 2px 1px 2px;
}
button.cp_report_tab_button.unselected {
    background: #537493;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
button.cp_report_tab_button:hover, button.cp_report_tab_button:focus {
    outline: none;
    background-color: #003366; /*make the background a little lighter */
    /*reduce the drop shadow size to give a pushed button effect*/
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .85);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .85);
    box-shadow: 1px 1px 1px rgba(0,0,0, .85);
}
button.cp_report_tab_button.unselected:hover, button.cp_report_tab_button.unselected:focus {
    outline: none;
    background-color: #003366; /*make the background a little lighter */
    /*reduce the drop shadow size to give a pushed button effect*/
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .85);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .85);
    box-shadow: 1px 1px 1px rgba(0,0,0, .85);
}
button.cp_report_tab_button:disabled {
    opacity: 0.50; 
    cursor: not-allowed;
}
button.cp_report_tab_button i.fa {
    padding-right: 4px;
}


/**** Default non-image button ****/
button.cp_default_css_button {
    cursor: pointer !important; /*forces the cursor to change to a hand when the button is hovered*/
    padding: 3px 10px !important; /*add some padding to the inside of the button*/
    background: #D3D3D3 !important;  /*the colour of the button*/
    border: 1px solid #4b4e50 !important; /*required or the default border for the browser will appear*/
    /*give the button curved corners, alter the size as required*/
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    /*give the button a drop shadow*/
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0, .85) !important;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0, .85) !important;
    box-shadow: 1px 1px 2px rgba(0,0,0, .85) !important;
    /*style the text*/
    color: black !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

button.css_add_to {
	width: 80px;
}


/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
button.cp_default_css_button:hover {
    outline: none !important;
    background-color: #808080 !important; /*make the background a little darker*/
    /*reduce the drop shadow size to give a pushed button effect*/
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .85) !important;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .85) !important;
    box-shadow: 1px 1px 1px rgba(0,0,0, .85) !important;
    color: white !important;
}

button.cp_default_css_button:focus {
    outline: none !important;
}

button.cp_default_css_button {
    background: #003366 !important;  /*the colour of the button*/
    color: white !important;
}

button.cp_default_css_button:hover {
    background-color: #00004e !important; /*make the background a little darker*/
}

button.cp_default_css_button:disabled {
    opacity: 0.50 !important; 
    cursor: not-allowed !important;
}

button.cp_default_css_button > span {
	padding-top: 0.1em !important;
	padding-bottom: 0.1em !important;
}

.button_width_40 {
	width: 40px;
}

.button_width_60 {
	width: 60px;
}

.button_width_80 {
	width: 80px;
}

.img_button_pointer {
	cursor: pointer;
}

/** set the style of the select menu arrow for consistency purpose across different browsers **/
select {
  padding: 2px;
  border: 1px solid #bbbbbb;
  border-radius: 3px;
  color: #000000;
  background-color: #ffffff;
  line-height: normal;

}