body {
	
	scrollbar-face-color: #7FA4CC;
    scrollbar-shadow-color: #FFFFFF;
   	scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #1E1E58;
    scrollbar-darkshadow-color: #1E1E58;
    scrollbar-track-color: #D1DFED;
   	scrollbar-arrow-color: #FFFFFF;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	background-repeat: repeat ;
	background-attachment:fixed;
	background-image : url(../../images/devback.gif);
	
}

html, body, form
{
    font: 12px / 16px "segoe ui", arial, sans-serif; color: black;
	
    height: 100%;
    margin: 0px;
    padding: 0px;
   /* overflow: hidden;*/
}

/*xmas html tag*/
/*html{
    background:  url(../../images/devback.gif) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
*/
.topheader {  font-family: "segoe ui", arial, sans-serif; font-size: 20px; font-weight: 600; color: black}
.heading {   font-size: 16px; font-weight: 600; color: black}
.formobject {  font-family: "segoe ui", arial, sans-serif; font-size: 12px; font-weight: normal; color: #003366 }
.header { background-color: #88a6d2;	font-weight:normal ;  color: white; padding: 5px 5px 5px 5px; text-align: right }

.headerLeft { background-color: #88a6d2;	font-weight:normal ;  color: white; padding: 5px 5px 5px 5px; }
.upper {	text-transform: uppercase;}
.loginInvalid {  color:  red; font-weight: 600;}
.selected { background-color : #FFFFC0}
div#tipDiv {  position:absolute; visibility:hidden; left:0; top:0; z-index:10000; background-color : #FFFFC0 ; border-width:1px; border-style: solid ;}
.callheader { background-color : #E8EEF4}
.callheading {  font-family: "segoe ui", arial, sans-serif; font-size: 20px; font-weight: bold; color: #003366; }
.qviewheading {  font-family: "segoe ui", arial, sans-serif; font-size: 30px; font-weight: bold; color: #003366; }
.versionHeader { font-family: "segoe ui", arial, sans-serif; font-weight: 700; color:  black; text-align: right }
.smallText {font-size: 8pt;}
.xsmallText {font-size: 6pt ;  color: Red;}
.pinText{position:relative; top:-25px; left:2px;width:30px;color:#ffffff; text-align:center; font: bold 12px Arial; }


.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.modalPopupAlert {
	background-color:#FFC0C0;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

input[type="button"]:not([class]), input[type="submit"]{
	
	 font: 12px / 16px "segoe ui", arial, sans-serif; color: white;
    border: 2px solid #0072c6;
    padding: 2px 10px 1px 10px;
  
  background: #0072c6;
  cursor: pointer;
  display: inline-block;

}

input[type="button"]:not([class]):hover, input[type="submit"]:hover {
	
	 font: 12px / 16px "segoe ui", arial, sans-serif; color: white;
     border: 2px solid #25a0da;
     padding: 2px 10px 1px 10px;
  background: #25a0da;
  cursor: pointer;
  display: inline-block;

}

input[disabled][type="submit"] 
{
    	 font: 12px / 16px "segoe ui", arial, sans-serif; color: white;
    border: 2px solid #a3bbc9;
    padding: 2px 10px 1px 10px;
  
  background: #a3bbc9;
  cursor: pointer;
  display: inline-block;
}

input, select, checkbox, textarea
{
	
	 font: 12px / 16px "segoe ui", arial, sans-serif; color: black;
	 border: 1px solid #6788be;
     padding: 3px 3px 3px 3px;
   
}

a img{
     border: 0px none white;
    
}
input[type="image"]
{
 border: 0px none white;
 padding: 0px 0px 0px 0px;
}

.disabled
{
	color:Gray ;
	cursor:pointer;
}



 DIV.pinStyle2 a:link {
text-decoration:none;
}

td
{   font-size : 12px;
	vertical-align:top ;
	text-align:left;
	border-collapse:separate ;
	border-collapse:separate ;
}
th
{
	font-size : 12px;
	vertical-align:top ;
	text-align:left;
	border-collapse:separate ;
}



table.tableborder, .tableborder, table.tableborder td,  table.tableborder th{
     border: 1px solid #6788be;
    color: black;
    font: 12px "Segoe UI", Arial, Helvetica, sans-serif;
}

table.noborder, .noborder, table.noborder td {
                border-width: 0px;
                border-style: none;
                padding: 0px 0px 0px 0px;
}

.notesOrg
{
OVERFLOW: auto;
HEIGHT: 50px;
background-color: #F5F5F5;
padding: 3px; 
}

html>body #wrap {height:100%;} /* 100 % height */
#header {
	width:100%;
	height:auto;
}
html>body #header {
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
}
html>body #content-wrap {100%} /* 100 % height */

#footer {
	width:100%;
	height:5em;
}
html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}


.dashboard div {
    display: inline-block;
}

.content-box-gray .content {
    width: 140px;
    overflow: hidden;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
/*    border: 1px solid #6788be;*/
   border: 1px solid #083f2c;

    height: 65px;
    font-size: 20pt;
    font-weight:bold;
     text-align:center !important;
   vertical-align: central !important;
}
.content-box-gray a
{
    color: black;
    text-decoration: none;
}
.content-box-gray .title {
    width: 140px;
    text-align:center !important;
    height:10px;
    line-height:10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
     display:block;
    display:block;
    padding:10px;
/*    border: 1px solid #6788be;*/
   border: 1px solid #083f2c;


    border-bottom:none;
}
div.responsiveContainer {
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    margin-bottom: 5px;
}
div.serviceJobsForAudit {
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    margin-bottom: 5px;
}
div.serviceJobsForAuditForms {
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    margin-bottom: 5px;
}
div.serviceJobsForAuditLog {
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    margin-bottom: 5px;
}

div.spacedDiv{
    margin:5px;
}

#GasServiceBulkUpdate .rfdTable td div,
#GasServiceBulkUpdate .rfdTable td div {
    text-align: center;
    /*Can't control the perent td, so using negative margin to remove effect of padding. Need to use padding here or height of cell affected*/
    margin: -5px;
    padding: 5px;
}
#GasServiceBulkUpdate div.dataValid {
    background-color: lightgreen;
}
#GasServiceBulkUpdate div.dataInvalid {
    background-color: pink;
}