html, body {
	background-color: white;
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
}
h1 {
	color: #0001ac; 
	font-weight:bold; 
	font-size:22px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-style: italic;
	line-height:20px;
}

h2 {
	color: #0001ac; 
	font-weight:bold; 
	font-size:16px; 
	font-family: Arial, Helvetica, sans-serif;
	line-height:6px;
}

h3 {
	color: #0001ac; 
	font-weight:bold; 
	font-size:12px; 
	font-family: Arial, Helvetica, sans-serif;
	line-height:18px;
}

sub {
   vertical-align: baseline;
   position: relative;
   top: 0.4em;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/* moves the jquery calendar icon down and to the right slightly */
.ui-datepicker-trigger {
    margin-left : 5px;
    vertical-align : top;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -30px;
}
.footer, .push {
    height: 30px;
}

#footer {
	clear: both;
	margin: 0 auto;
	width: 990px;
	height: 30px;
	position: relative;
	left: 0;
	right: 0;
	bottom: 0;
}

.footer_top {
	border-top: 1px solid blue;
	padding: 2px;

}	

/* round order drag and drop styles */
#customer_list { list-style: none; padding: 0; margin: 0 40px; } 
#customer_list li { padding: 4px 0px 4px 2px; background-color: #FFFFCC; border: 1px solid #3CA18E; margin-bottom: 1px; } 
#customer_list .handle { float: left; margin-right: 10px; cursor: move; }  

#selCustomerxxx {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
}

#menu_table {
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
}

/* grey backgroung behind jquery popup */
#backgroundPopup {  
	display:none;  
	position:fixed;
	position:absolute; /* hack for internet explorer 6 */  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#000000;  
	border:1px solid #cecece;  
	z-index:1;  
}

/* pagination input field */
.pag_input {  
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: blue; 
	width: 25px;
	line-height: 18px;
	vertical-align: middle;
	text-align: center;
	padding: 1px;
}
.pag_cell {  
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: white;
}

.pag_align {
	vertical-align: middle;
}
  
/* altRowEven & altRowOdd are used to style alternating table rows. */
.bbcaltRowEven {
	background-color: #f0f0f0;
}
.bbcaltRowOdd {
	background-color: #d6d6d6;
}
.highlight {
	background-color: yellow;
}
.altRowEven {
	background-color: #eee8aa;
}
.altRowOdd {
	background-color: #f0e68c;
}

.btn_style {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	font-weight:bold; 
	cursor: pointer;
}

.btn {
	background-color: #2f62f9;
	color: white;
	font: 12px bold Arial, Helvetica, sans-serif ;
	font-weight: bold;
	padding: 2px 8px 2px 8px;
	text-align: center;
	border: 1px solid transparent;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
}

.btn:hover {
	background-color: #a6a6ff;
	color: #3c3dff;
	border: 1px solid #3c3dff;
	text-align: center;
	text-decoration: none;
}

/* BBC classes */
.bluetext {color: blue;}
.redtext {color: red;}
.whitetext {color: white;}
.blacktext {color: black;}

.blue {	font-family: Arial, Helvetica, sans-serif; color: blue;}
.red {font-family: Arial, Helvetica, sans-serif; color: red;}
.white {font-family: Arial, Helvetica, sans-serif; color: white;}
.black {font-family: Arial, Helvetica, sans-serif; color: black;}
.maroon {font-family: Arial, Helvetica, sans-serif; color: maroon;}
.navy {font-family: Arial, Helvetica, sans-serif; color: #1F1FAB;}
.green {font-family: Arial, Helvetica, sans-serif; color: #06711c;}
.grey {font-family: Arial, Helvetica, sans-serif; color: #737373;}
.orange {font-family: Arial, Helvetica, sans-serif; color: #fb8106;}
.yellow {font-family: Arial, Helvetica, sans-serif; color: #fcef01;}

.bold { font-weight: bold; }
.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size14 { font-size: 14px; }
.size16 { font-size: 16px; }
.size18 { font-size: 18px; }
.link { text-decoration: underline; } 
.nolink { text-decoration: none; } 
.center { text-align: center;}
.left { text-align: left;}
.right { text-align: right;}
.just { text-align: justify;}
.italic { font-style: italic;}
/* ================================== */

/* Textarea readonly class */
.readonly_edit_field {
	background-color: #EBEBEB; 
	border: solid 1px blue;
}
/* ================================== */

.text_10 {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #009;
}
.text_10_link {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #009;
	text-decoration: underline;
	cursor: pointer;
}
.text_11 {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #009;
}
.text_11_link {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #009;
	text-decoration: underline;
	cursor: pointer;
}
.text_12_link {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #009;
	text-decoration: underline;
	cursor: pointer;
}
.text_12_chat {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #009;
	text-decoration: none;
	cursor: pointer;
	line-height: 18px;
}
.text_12 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #009;
}
.text_14 {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #009;
}
.text_16 {
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #009;
}

.title_10 {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #009;
}
.title_11 {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #009;
}
.title_12 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #009;
}
.title_14 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #009;
}
.title_16 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #009;
}

.btn_small {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	font-weight:bold; 
	cursor: pointer;
	background-image: url(../images/btn_Blank.png);
	background-repeat: no-repeat;
}
.input_number {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: normal;
	text-align: right;	
}

.sched_tooltip_head {
	background: #5c84fa;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  line-height: 20px;
	color: white;
	text-align: center;
  padding:1px;
  border: 1px solid #1D73AA;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
}
.sched_tooltip_body {
	width:450px;
	background-color: white;
  font-family: verdana;
  font-size:11px;
	line-height: 16px;
  border-left:1px solid #1D73AA;
  border-right:1px solid #1D73AA;
  border-bottom:1px solid #1D73AA;
  padding:3px;
	text-align: left;
}

.map_head {
  background: ActiveCaption;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  text-align: center;
  color: white;
  padding:1px;
  border: 1px solid blue;
}

.map_body {
  width: 300px;
  background-color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  border-left: 1px solid blue;
  border-right: 1px solid blue;
  border-bottom: 1px solid blue;
  padding: 2px;
  text-align: left;
}

.tooltip_head {
	background: ActiveCaption;
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   text-align: center;
	 color: white;
   padding:1px;
   border: 1px solid blue;
}

.tooltip_body {
   width: 440px;
	background-color: white;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
	line-height: 14px;
   border-left: 1px solid blue;
   border-right: 1px solid blue;
   border-bottom: 1px solid blue;
   padding: 2px;
	text-align: left;
}

.latest_body {
   width: 440px;
	background-color: white;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
	line-height: 14px;
   border-left: 1px solid blue;
   border-right: 1px solid blue;
   border-bottom: 1px solid blue;
   padding: 2px;
	text-align: left;
}
.contact_body {
   width: 300px;
	background-color: white;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
	line-height: 14px;
   border-left: 1px solid blue;
   border-right: 1px solid blue;
   border-bottom: 1px solid blue;
   padding: 2px;
	text-align: left;
}
.topic_body {
   width: 300px;
	background-color: white;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   border-left: 1px solid blue;
   border-right: 1px solid blue;
   border-bottom: 1px solid blue;
   padding: 2px;
	text-align: left;
}

.img_btn {
	cursor: pointer;
}
.border_all {
	border: 1px solid blue;
}
.border_top {
	border-top: 1px solid blue;
	padding: 2px;

}
.border_topbot {
	border-top: 1px solid blue;
	border-bottom: 1px solid blue;
	padding: 2px;
}
.border_bot {
	border-bottom: 1px solid blue;
	/* padding: 1px;*/
}
.border_bot_white {
	border-bottom: 1px solid white;
}
.bordertlr {
	border-top: 1px solid blue;
	border-left: 1px solid blue;
	border-right: 1px solid blue;
}

.borderlbr {
	border-left: 1px solid blue;
	border-bottom: 1px solid blue;
	border-right: 1px solid blue;
}
.borderlr {
	border-left: 1px solid blue;
	border-right: 1px solid blue;
}

.border_left {
	border-left: 1px solid blue;
}
.border_right {
	border-right: 1px solid blue;
}
.graph_12 {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	text-align: center;
}
.input_12_left {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CB0363;
	text-align: left;
}
.input_12black_left {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
	text-align: left;
}
.input_12_center {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CB0363;
	text-align: center;
}
.purple12bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990066;
	font-weight: bold;
}
.red12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
	font-weight: normal;
}
.red12bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
	font-weight: bold;
}
.red14bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: red;
	font-weight: bold;
}
.maroon12bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E80269 ;
	font-weight: bold;
}
.black10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
	font-weight: normal;
}
.black10bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
	font-weight: bold
}
.black10boldlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
	font-weight: bold;
	text-decoration: underline;
}
.black11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	font-weight: normal
}
.black12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: normal
}
.black12bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: bold
}
.black12link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	text-decoration: underline;
}
.black14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: Black;
}
.black14bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: Black;
	font-weight: bold
}
.black14link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: Black;
	text-decoration: underline;
}

.grey12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Silver;
	font-weight: normal
}

.white12boldlink {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-decoration: underline;
}
.white11 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	font-weight: normal;
}
.white11bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
}
.white12 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	font-weight: normal;
}
.white12bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
}
.white14 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
}
.white14bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: white;
}
.white14boldlink {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: white;
	text-decoration: underline;
}
.white16bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: white;
}

 /* password strength */
 .strength0 {
	width:50px;
   background:#cccccc;
   color: black;
}
.strength1 {
   width:10px;
   background:#ff0000;
   color: black;
}
.strength2 {
   width:20px;    
   background: #ff6600 
   color: black;azimuth: 
}
.strength3 {
   width:30px;
   background:#56e500; 
   color: black;azimuth:
}
.strength4 {
	background:#4dcd00; 
   color: black;azimuth:
   width:40px;
}
.strength5 {
   background:#399800; 
   color: black;azimuth:
   width:50px;
}

.dialog_button {
	background-color: #1e5799;
	color: white;
	font: 12px bold Arial, Helvetica, sans-serif ;
	padding: 3px;
	text-align: center;
	border: hidden;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
}

.select_list {
	width: 275px; /* Dialog will be no smaller than this */
	background: #FFF;
	border: solid 1px #00C;
	color: #000;
}

/* JQuery Alerts CSS */
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 2px #00C;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #FFF;
	background: url(images/menu_bkgrd.png) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(images/info.gif);
}

#popup_content.confirm {
	background-image: url(images/important.gif);
}

#popup_content.prompt {
	background-image: url(images/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}