body 
{
	background:#EFEFEF url('images/bgTop.gif') repeat-x top;
	margin: 0; 
	text-align: center;
	font:12px Arial;
	color:#333;
	
}

#formFrame
{	
	margin:0 auto;
	width: 740px;
	text-align: left;
}

#formFrameOpenCalls
{	
	margin:0 auto;
	text-align: left;
	width: 1270px;
}
.buttonSelectField
{   
    width:40px;
    text-align:left;
}

#fffix /* fix Firefox scrollbar */
{
	top: 0;
	bottom: -0.1px;
	position:absolute;
	width:1em;
	z-index:-1;
}
#topBar
{
	height:24px;
	background:url('images/responderLogo.gif') no-repeat left top;
	text-align:right;
	vertical-align:middle;
	line-height:21px;
}
#topBar .headerImg
{
	margin:0 0 0 5px;
	line-height:24px;
	vertical-align:top;
}

#topNav
{
	height:28px;
	font-size:12px;
	line-height:28px;
}
#topNav ul, #subNav ul
{
	margin:0;
	padding:0;
}
#topNav li, #subNav li
{
	float:left;
	list-style:none;
}
#topNav a
{
	text-decoration:none;
	color:#CCC;
	margin: 0 10px;
}
#topNav p
{
	margin: 0;
}
h1, h2, h3
{
	margin:3px 0;
}
#topNav .selected a, #topNav a:hover
{
	color:#FFF;	
}
#topNav .selected p
{
	background:url('images/groupSelectPtr.gif') no-repeat bottom center;
}
#topNav .selected  
{	
	background:url('images/groupSelectBg.gif') repeat-x bottom;
}
#subNav a
{
	color:#999;
	margin: 0 10px;
	text-decoration:none;
}
#subNav .selected a
{	
	text-decoration:underline!important;
}
#subNav .selected a, #subNav a:hover
{
	color:#333;
}
#progressIndicator
{
	float:right;
	margin:5px;
}
h1
{
	font-size:20px;
}
h2
{
	font-size:16px;
}
h3{ font-size:14px; color:#666;}

.DataGridOpenCalls
{
 float:left;
}

#FilterOpenCalls {
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;
    float:left;
    cursor: default;
}

#FilterOpenCalls label {
    float:left;
    width:7.0em;
     color:Gray;
}

#FilterOpenCalls label span {
    text-align:center;
    padding:3px 0px;
    display:block;
}

#FilterOpenCalls label input {
    position:absolute;
    top:-20px;
}

.spanChecked
{   
   color:#F7F7F7;  
   background-color:#404040;
}
    
    
fieldset.sectional
{
  clear : both;
  border-color: #999;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 5px 3px;
  margin: 0;
}
.subHeading
{
	font-size:smaller;
	padding-bottom: -2em;
	color:#999;
}
fieldset.sectional legend
{
	font-size:14px;
	font-weight:bold;
	color:#666;
	margin-bottom:3px;
}
fieldset.info
{
	background:#EEF;
	border:solid 1px #99D;
	padding:5px;
}
legend
{
	color:#666;
}
p
{
	margin:5px 0;
	padding:0;
}

a
{
	color:#009;
	/*text-decoration:underline;*/
	text-decoration:none;
}
a:visited
{
	color:#009;
	text-decoration:none;
}
a:hover
{
	color:#00D;
	text-decoration:underline;
}

#pageTitle
{
	margin: 20px 0 5px 5px;
}
#pageMessages
{
	padding: 0 0 10px 35px;
	background:url('images/infoIcon.gif') no-repeat top left;
}
#pageMessages ul
{
	margin:0;
	padding:0;
}
#pageMessages li
{
	list-style:none;
	padding:0;
	margin-left:15px;
}
#content
{
	min-height:200px;
	clear:both;
	margin:5px;
}
/* for Internet Explorer */
/*\*/
* html #content {
height:200px;
}
/**/
#footer
{
	text-align:center;
	font-size:smaller;
	min-height: 40px;
	width:100%;
	background:url('images/mmLogo.gif') no-repeat top right;
}
/* for Internet Explorer */
/*\*/
* html #footer {
height:40px;
}
/**/
.indent
{
	background:url('images/cutoutL.gif') repeat-y left;
}
.indentBody
{
	width:100%;
	background:url('images/cutoutR.gif') repeat-y right;
}
.indentHeader
{
	background:url('images/cutoutTL.gif') no-repeat top left;
}
.indentHeader .corner
{
	margin:0;
	height:9px;
	width:100%;
	background:url('images/cutoutTR.gif') no-repeat top right;
	font-size:1px;
}
.indentFooter
{
	background:url('images/cutoutBL.gif') no-repeat bottom left;
}
.indentFooter .corner
{
	width:100%;
	margin:0;
	height:7px;
	background:url('images/cutoutBR.gif') no-repeat bottom right;
	font-size:1px;
}
.indentContent
{
	padding:0 9px 2px 9px;
}


.tabbedContainer
{
	background:url('images/contL.gif') repeat-y left;
}
.tabbedBody
{
	width:100%;
	background:url('images/contR.gif') repeat-y right;
}
.tabbedHeader
{
	background:#EFEFEF url('images/contTL.gif') no-repeat bottom left;
}
.tabbedHeader .lc
{
	font-size:1px; /* ensure minimum height */
	height:28px;
	background:url('images/contTR.gif') no-repeat bottom right;
}
.tabbedHeader ul
{
	list-style:none;	
	padding:0 8px;
	margin:0;
	height:28px;	
	background:url('images/contTR.gif') no-repeat bottom right;
}
.tabbedHeader li
{
	float:left;	
}
.tabbedHeader li a
{
	background:url('images/tabTL.gif') no-repeat top left;
	padding-left:10px;
	text-decoration:none;
	color:#666;
	display:block;
	float:left;
	font-size:95%;
}
.tabbedHeader a:hover
{
	color:Blue;
	cursor:pointer;
}
.tabbedHeader .selected
{
	color:#000;
	background:url('images/tabTLS.gif') no-repeat top left;
}
.tabbedHeader a span
{
	background:url('images/tabTR.gif') no-repeat top right;
	padding-right:10px;
	padding-top:-2px;
	display:block;
	line-height:28px;
	float:left;
}
.tabbedHeader .selected span
{
	background:url('images/tabTRS.gif') no-repeat right top;
}
.tabbedContent
{
	margin:0 10px;
}
.tabbedBase
{
	background:url('images/contBL.gif') no-repeat bottom left;
}
.tabbedBase .lc
{
	font-size:1px; 
	height:10px;
	background:url('images/contBR.gif') no-repeat bottom right;
}
div.row
{
	width:100%;
	margin:2px 0;
	clear:both;
	float:left;
}
div.row span.label
{
	width:25%;
	margin-right:1%;
	float:left;
	text-align:right;
	color:#666;
}
div.row span.form
{
	float:right;
	width:73%;
	text-align:left;
}

table.inputs {
    color: #666;
    width: 300px;
}

br.clear
{
	float:none;
	clear:both;
	width:100%;
}
input.submit
{
	border-top:double 3px #FFF;
	border-bottom:solid 3px #999;
	border-left:double 2px #DDD;
	border-right:double 2px #DDD;
	background:#FFF url('images/submit.gif') repeat-x left -3px;
	font-size:12px;
	color: #333;
	font-family: Arial, sans-serif;
}
input.disabledButton
{
	border-top:double 3px #FFF;
	border-bottom:solid 3px #999;
	border-left:double 2px #DDD;
	border-right:double 2px #DDD;
	background:#FFF url('images/submit.gif') repeat-x left -3px;
	font-size:12px;
	color: #757575;
	font-family: Arial, sans-serif;
}
input[type="submit"].clearButton 
{
    border-top:double 3px #FFF;
	border-bottom:solid 3px #999;
	border-left:double 2px #DDD;
	border-right:double 2px #DDD;
	background:#FFF url('images/submit.gif') repeat-x left -3px;
	font-size:12px;
	color: #333;
	font-family: Arial, sans-serif;
    width: 70px;
    margin-left: 228px; 
}
input[type="button"].searchCustomersButton 
{
    border-top:double 3px #FFF;
	border-bottom:solid 3px #999;
	border-left:double 2px #DDD;
	border-right:double 2px #DDD;
	background:#FFF url('images/submit.gif') repeat-x left -3px;
	font-size:12px;
	color: #333;
	font-family: Arial, sans-serif;
    width: 70px; 
    cursor: pointer;
    float: right;
}
input.submit:hover
{
	cursor:pointer;
}
input.red
{
	color:#FDD!important;
	border-top:double 3px #FDD!important;
	border-bottom:solid 3px #D33!important;
	border-left:double 2px #E66!important;
	border-right:double 2px #E66!important;
	background:#F66 url('images/submitRed.gif') repeat-x left -3px!important;
}
textarea
{
	font-family: Arial, sans-serif;
}
input.invalid, textarea.invalid, select.invalid, option.invalid
{
	border:solid 2px #F66;
	background:#FDD;
}
input.highlight
{
	border-top:double 3px #0F0!important;
	border-bottom:solid 3px #0F0!important;
	border-left:double 2px #0F0!important;
	border-right:double 2px #0F0!important;
}
.gridFooter td
{
	border-top:solid 1px #666;
}
#pageMessages li
{
	padding: 0 0 2px 20px;
}
#pageMessages .Generic
{
	background:url('images/arrow_right.gif') no-repeat left top;
}
#pageMessages .Alert
{
	background:url('images/icon_alert.gif') no-repeat left top;
	color:#B00;
}
#pageMessages .Alert, #pageMessages .Alert a, #pageMessages .Stop, #pageMessages .Stop a
{
	color:#B00;
}
#pageMessages .Accept
{
	background:url('images/icon_accept.gif') no-repeat left top;
}
#pageMessages .Accept
{
	background:url('images/icon_accept.gif') no-repeat left top;
}
#pageMessages .Stop
{
	background:url('images/action_stop.gif') no-repeat left top;
}
#pageMessages .Information
{
	background:url('images/icon_info.gif') no-repeat left top;
}
#pageMessages .Comment
{
	background:url('images/comment_blue.gif') no-repeat left top;
}
.warning
{
	color:Red;
	font-weight:bold;
}
.emphasis
{
	font-size:120%;
	font-weight:bold;
}

.SortedDescendingHeaderStyle 
{
    background:url('images/SortDesc.png') no-repeat right center;
    background-color:#bababa;
}
.SortedAscendingHeaderStyle
{
    background:url('images/SortAsc.png') no-repeat right center;
    background-color:#bababa;
}
.OpenCallsColumns
{
    word-wrap:break-word;
    word-break:normal;
 }
 .EstimateRestorationExpired {
     Font-Size:10px;
     font-weight: bold;
     color:#330000
 }
.floatNear
{
	float:left;
}
.floatFar
{
	float:right;
}
.inset
{
	margin-left:5%;
}
.textAlignNear
{
	text-align:left;
}
.textAlignFar
{
	text-align:right;
}
.treeNode
{
	white-space:normal;
}

.noOpenCallsMessage
{
    font-size:40px;
    text-align:center;
    margin-top:2%;
    color:#666; 
}

.selectReportMessage
{
    font-size: 32px;
    text-align: center;
    margin-top: 2%;
    color: #999;
}

/* for Internet Explorer */
/*\*/
* html .treeNode {
white-space:nowrap;
}
/**/
.pager td{font-size:130%;font-weight:bold;}
.pager a{color:#888; font-size:small;font-weight:normal;}
.pager a:hover{color:#666;}
.pager a:visited{color:#888;}


/*Modal Popup*/
.popupBackgroundColor
{
	background-color:Gray;
}

.modalPopupHeader
{
	cursor:move;
	width:auto;
	font-weight:bold;
	height:auto;
	text-align:left;
	color:Gray;
	font-size:small;
}

.modalPopup {
	background-color:White;
	border-width:3px;
	border-style:outset;
	padding:5px 10px 5px 10px;
	width: auto;
    min-width: 300px;
    height: auto;
    min-height: 100px;
    margin-right:auto;
    margin-left:auto;
    max-width:500px;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	/*background-image: url(../images/arrow_left.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	/*background-image: url(../images/arrow_right.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_content{
	padding:10px 10px 10px 10px;
	color:#000033;
	text-align:left;
}

.JT_loader{
	/*background-image: url(../images/loader.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}
/*Added to support date time picker date format*/
.dateFormatPlaceholder 
{
    display:none;
}
/*Added to support date time picker time format*/
.timeFormatPlaceholder 
{
    display:none;
}
/*Added to support initializing of date time picker with language*/
.cultureLanguagePlaceholder 
{
    display: none;
}

#customerTable {
    font-family: 'Open Sans', sans-serif;
    width: 850px;
    font-size: 12px;
    border-collapse:collapse; 
    border-spacing: 0; 
    text-align: left;
    page-break-inside: auto;
}

#customerTable thead {
    display: table-header-group;
}

#customerTable th {
    border-bottom: 2px solid #CCCCCC;
    padding: 10px 4px 6px 4px;
    font-weight: 600;
    text-align: left;
}

#customerTable tr {
    page-break-inside: avoid;
    page-break-after: auto;
}

#customerTable td {
    border-bottom: 1px solid #EEEEEE;
    padding: 7px 4px;
}