/* Default CSS Stylesheet for a new Web Application project */

/* 
#0000cc = TF logo blue 
#a0d8ef = light blue
#6393c1 = slate
*/

body {
    Font-Family: 'Open Sans', sans-serif;
    FONT-SIZE: 12px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    height: 100%;
}

P {
    Font-Family: 'Open Sans', sans-serif;
    FONT-SIZE: 12px;
}
		
h1 {
    Font-Family: 'Open Sans', sans-serif;
    FONT-SIZE: 20px;
    FONT-WEIGHT: bold;
    margin-top: 0px
	}

h2 {
    Font-Family: 'Open Sans', sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    margin-top: 0px
	}

td
{
    Font-Family: 'Open Sans', sans-serif;
    FONT-SIZE: 12px;
}

.WorkOrderTitle {
    Font-Family: 'Open Sans', sans-serif;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold;
    margin-top: 0px
	}

/* header information */
#tblHeader {display:inline}

A:link	{	text-decoration:	none;}	
A:visited	{text-decoration:	none;}	
A:hover	{text-decoration:	underline;}
A:active	{text-decoration:	none;}

.hdrFieldData {
    background-color: white;
    padding: 1px;
}

.hdrFieldData a:link {
    text-decoration: underline;
}

/* used? */
.status {
    cursor: default;
    border-bottom: 1px dotted #000000
}
.status:hover {border-bottom: 1px solid #000000}

/* for the flash tutorials */
#media
{
		text-align: center ;
    margin-top: 40px;
}
#noUpdate
{
    margin: 0 auto;
    font-family:Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #cccccc;
    text-align: left;
    width: 210px; 
    height: 200px;	
    padding: 40px;
}

	
	
SMALL	{font-size:	8px;}	
BIG	{font-size:	14px;}	

.login {border: 1px solid #808080; 
		background-color: #e2e2e2; padding: 10px; width: 160px; 
		margin-right:20px; 
		-moz-border-radius: 5px;
		border-radius: 5px
		}
.login table {}
.login input {width: 75px}




td.searchBoxTitle { border-bottom: 1px solid #333333; padding: 3px; padding-left: 8px; background-color: #B9C7E9; font-weight: bold; }
td.searchHeader { padding-right: 10px; font-size: 8pt; vertical-align: bottom; }
td.fieldlabel {font-weight: bold; vertical-align:top}

.divPageTitle
{font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px
	}

.divNavigationBar 
{
	font-size: small;
	font-weight:bold;
	background-image:url(img/bg_bread.gif);
	padding-bottom: 5px; 
	padding-top: 5px; 
	padding-left: 10px; 
	padding-right: 10px;
	border-bottom:1px solid silver;
	margin-bottom: 0px;
	}
	
.divNavigationBar A:link	{	text-decoration:	none; color: #00288F}	
.divNavigationBar A:visited	{text-decoration:	none;color: #00288F}	
.divNavigationBar A:active	{text-decoration:	none; color: #00288F}	
.divNavigationBar A:hover	{text-decoration:	underline; color: #00288F}	
	

.gvWO {border: 1px solid #6393c1; margin-bottom: 5px }
.gvWO .header TH {font-size:10px; border-bottom:1px solid black; height: 20px; border-right: 1px solid #333333; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; background-color: #B9C7E9; color: #333333; white-space:nowrap }
.gvWO .rowstyle TD {font-size:xx-small; padding: 33px; border-bottom:1px dotted #808080; border-right: 1px dotted #808080; padding-left: 3px; color: #404040;}
.gvWO .pager {font-size:small; padding-left: 3px; vertical-align: middle; }



.gvPortalWO {margin-bottom: 5px;}
.gvPortalWO .rowstyle td {font-size:xx-small; border-bottom:1px dotted #808080; border-right: 1px dotted #808080; padding-left: 3px; }
.gvPortalWO .header th {font-size:x-small; 
			height: 20px; 
			padding-left: 3px; 
			border-bottom:1px solid black; 
			border-right: 1px solid #333333; 
			background-color: #B9C7E9; 
			color: #404040; 
			white-space:nowrap }
			
.gvPortalWO .headernote th {font-size:12px;
														font-family:Verdana, Tahoma, Helvetica, sans-serif; 
														background-color: #B9C7E9; 
														padding:3px;
														text-align:left;
	}

.WO_Status_Default { color:black; }
.WO_Status_Yellow { color:black; background-color:yellow; }
.WO_Status_Red { color:black; background-color:#FF3333; }

.gvPortalInv {margin-bottom: 5px}
.gvPortalInv .header TH {font-size:xx-small; border-bottom:1px solid black; height: 20px; border-right: 1px solid #333333;  padding-left: 3px; background-color: #B9C7E9; color: #404040;}
.gvPortalInv .rowstyle TD {font-size:xx-small; padding: 3px; border-bottom:1px dotted #808080; border-right: 1px dotted #808080; padding-left: 3px; color: #404040; }

.LegendOnHold {background-color:#FF99FF;border: 1px solid silver }
.LegendPendingApproval{background-color:#FF9999;border: 1px solid silver  }
.LegendCompleted{background-color:#CCCCFF;border: 1px solid silver  }
.LegendInProgress{background-color:#99FF99;border: 1px solid silver  }
.LegendPendingQA{background-color:#99cc99;border: 1px solid silver  }

.xxWoDetail {border: 0px solid #6393c1; margin-bottom: 45px }
.xxWoDetail TH {font-size:12px; text-align:left;
							border-bottom:1px solid #6393c1; 
							height: 20px; 
							background-color: #B9C7E9; color: #333333; 
							padding: 4px 4px 4px 4px;}
.xxWoDetail TD {font-size: 12px; padding:  4px 4px 4px 4px;}

.gvDocuments {border: 0px solid #c0c0c0}
.gvDocuments th {font-size:12px; text-align:left;
							border-bottom:1px solid #6393c1; 
							height: 20px; 
							background-color: #FFFFFF; color: #333333; }
.gvDocuments td {border: 0px; font-size: 12px; padding: 4px 4px 4px 4px; }

/* sections on the work order screen */
.tblWoSection {border: 0px solid #6393c1; margin-bottom: 20px }
.tblWoSection .titlebar 
{Font-Family: 'Open Sans', sans-serif;
			font-size:12px; text-align:left;
							border-bottom:2px solid #6393c1; 
							border-top: 1px solid #c0c0c0;
							height: 30px; 
							background-color: #B9C7E9; color: #333333; 
							padding: 4px 4px 4px 4px;}
.tblWoSection .content {font-size: 12px; padding:   4px 0px 4px 0px;}

/* general purpose - for tables of fields, with lines */
.tblFieldsWithLines {}
.tblFieldsWithLines td {FONT-SIZE: 12px; border-bottom: 1px solid #c0c0c0; vertical-align:top; padding: 0px	}
.tblFieldsWithLines .fieldlabel {font-weight: bold; vertical-align:top; width: 175px; padding: 4px;}
.tblFieldsWithLines .fielddata {font-weight: normal; padding: 4px; width:200px}


/* general purpose - for tables of fields, no lines */
.tblFields {}
.tblFields td {FONT-SIZE: 12px; border-bottom: 0px solid red; vertical-align:top; padding: 0px	}
.tblFields .fieldlabel {font-weight: bold; vertical-align:top; width: 200px; padding: 4px}
.tblFields .fielddata {font-weight: normal; padding: 4px}


.WoTooltip {}


.tblAccountInformation {}
.tblAccountInformation TD {FONT-SIZE: 12px;	}
.tblAccountInformation .information {font-size: 12px; padding: 10px 0px 10px 0px}
.tblAccountInformation .fieldlabel {font-weight: bold; font-size: 12px; vertical-align:top; padding-left: 4px}
.tblAccountInformation .fieldheader {font-weight: bold; font-size: 14px; vertical-align:top; border-bottom: 1px solid #CCCCCC}

.tblMaterials {border: 1px solid silver;   }
.tblMaterials th {border-bottom: 1px solid silver; }



.Yellow_Message_Workorder {
								 vertical-align:middle; 
								 padding: 4px; 
								 color: #222222;
								 background-color:#fcf9ce;
								 border: 1px solid #dfdfde;
								 font-weight: bold;
								 margin:  5px 0px 5px 0px;
								 }


.Yellow_Message_NoMargin {
								 vertical-align:middle; 
								 padding: 4px; 
								 color: #222222;
								 background-color:#fcf9ce;
								 border: 1px solid #dfdfde;
								 font-weight: bold}


.Yellow_Message {margin-top: 10px; 
								 margin-bottom: 10px;
								 margin-left: 125px;
								 margin-right: 125px; 
								 vertical-align:middle; 
								 padding: 4px; 
								 color: #222222;
								 background-color:#fcf9ce;
								 border: 1px solid #dfdfde;
								 font-weight: bold}

.Green_Message {margin-top: 10px; 
								 margin-bottom: 10px;
								 margin-left: 150px;
								 margin-right: 150px; 
								 vertical-align:middle; 
								 padding: 4px; 
								 color: #222222;
								 background-color:#eef4d4;
								 border: 1px solid #8fad3d;
								 font-weight: bold}

.Green_Message_NoMargin {margin-top: 10px; 
								 margin-bottom: 10px;
								 vertical-align:middle; 
								 padding: 4px; 
								 color: #222222;
								 background-color:#eef4d4;
								 border: 1px solid #8fad3d;
								 font-weight: bold}

.Green_Account_Message {margin-top: 0px; 
								 margin-bottom: 10px;
								 margin-left: 0px;
								 margin-right: 0px; 
								 vertical-align:middle; 
								 padding: 4px; 
								 color: #222222;
								 background-color:#eef4d4;
								 border: 1px solid #8fad3d;
								 font-weight: bold}

.Yellow_Account_Message {margin-top: 0px; 
								 margin-bottom: 10px;
								 margin-left: 0px;
								 margin-right: 0px; 
								 vertical-align:middle; 
								 padding: 4px; 
								 color: #222222;
								 background-color:#fcf9ce;
								 border: 1px solid #8fad3d;
								 font-weight: bold}

.LocationDetail {border: 2px solid #6393c1; margin-bottom: 15px }
.LocationDetail TH {font-size:14px; text-align:left;
							border-bottom:1px solid #6393c1; 
							height: 20px; 
							background-color: #B9C7E9; color: #333333; }
.LocationDetail TD {}

.LocationFieldLabel {font-weight: bold; white-space:nowrap; width: 160px; vertical-align: top; padding: 2px}
.LocationFieldData {white-space:nowrap;  vertical-align: top}
.LocationTooltip {}

.textbox {
    border: 1px solid #000000;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px 2px 2px 2px;
}

.textarea {
    Font-Family: 'Open Sans', sans-serif;
    font-size: 12px;
    padding: 2px;
    background-color: #FFFFFF;
    border: 1px solid #c0c0c0;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px 2px 2px 2px;
}

.input {Font-Family: 'Open Sans', sans-serif;}
.inputreadonly {Font-Family: 'Open Sans', sans-serif;}
.inputreadonlyright {Font-Family: 'Open Sans', sans-serif;}

.combo {Font-Family: 'Open Sans', sans-serif;}

.woButton {}
.woUploadButton {}

/* printer/screen toggles for workorder.aspx */
#tblWoNotesScreen {display:inline}
#tblWoNotesPrinter {display: none}

/* printer/screen toggles for quote.aspx */
#trQuoteDescScreen {}
#trQuoteDescPrinter {display:none}

.woFilter 
{
	border: 1px solid #666666;
	background-image: url(img/bghatch.gif);
}

.woFilterCell 
{ font-size: 12px ;
	background-color: #f0f0f0; 
	padding: 5px 5px 5px 5px ;
	border-top: solid 1px #FFFFFF; 
	border-left: solid 1px #FFFFFF; 
	border-bottom: solid 1px #CCCCCC; 
	border-right: solid 1px #CCCCCC;
	vertical-align: middle; 
	white-space:nowrap
	}

.woFilterCell SELECT
{ font-size: 12px}

.woFilterCell INPUT
{ font-size: 12px}



.woFilterButton {width: 60px; height: 22px}


 /*- Menu Tabs--------------------------- */ 


    #tabs {
      float:left;
      width:100%;
      background:#BBD9EE;
      font-size:93%;
      line-height:normal;
      }
    #tabs ul {
			margin:0;
			padding:10px 10px 0 50px;
			list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("img/tabs/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("img/tabs/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FF9834;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }



/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:100%;
      background:#F4F4F4;
      background-image: url(img/bghatch.gif);
      /*font-size: x-small  ; */
      line-height:normal;
			border-bottom:1px solid #333333;
      }
    #tabsJ ul {
			margin:0;
			padding:10px 10px 0 10px;
			list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
      
    #tabsJ a {
      float:left;
      background:url("img/tabs/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }

    #tabsJ a span {
      float:left;
      display:block;
      background:url("img/tabs/tabrightJ.gif") no-repeat right top;
      padding: 5px 5px 4px 1px;
      color:#333333;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#333333;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }      
      
    #tabsJ a:hover span {
      background-position:100% -42px;
      }  
      
      
    #tabsJ a.selected {
      background-position:0% -42px;
      }  
      
	#tabsJ a.selected span {
      background-position:100% -42px;
      }              

/*- Menu Tabs K--------------------------- */

    #tabsK {
      float:left;
      width:100%;
      background:#F4F4F4;
      background-image: url(img/bghatch.gif);
      font-size:93%; 
      line-height:normal;
			border-bottom:1px solid #333333;
      }
    #tabsK ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
      }
    #tabsK li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsK a {
      float:left;
      background:url("img/tabs/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsK a span {
      float:left;
      display:block;
      background:url("img/tabs/tabrightJ.gif") no-repeat right top;
      padding:5px 5px 4px 1px;
      color:#333333;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsK a span {float:none;}
    /* End IE5-Mac hack */
    #tabsK a:hover span {
      color:#333333;
      }
    #tabsK a:hover {
      background-position:0% -42px;
      }
    #tabsK a:hover span {
      background-position:100% -42px;
      }
      
    #tabsK a.selected {
      background-position:0% -42px;
      }  
      
		#tabsK a.selected span {
      background-position:100% -42px;
      }    

.nodata { text-align: center; }


.button {width: 60px; height: 22px; FONT-SIZE: 12px; Font-Family: 'Oswald', sans-serif; }


.hiddenButton{display: none}


.map_code
{
	display:none;
}
.map_frame_small
{
	border:#333333 1px solid;
	height:150px;
	min-height:150px;
	width:175px;
	min-width:175px;
	text-align:center;
	vertical-align:top;
	overflow:hidden;
}
.map_small
{
	height:150px;
	min-height:150px;
	width:175px;
	min-width:175px;
	text-align:center;
	vertical-align:baseline;
	overflow:hidden;
}
.map_frame_large
{
	height:300px;
	min-height:300px;
	text-align:center;
	vertical-align:top;
	padding:0px 0px 0px 0px;
	width:300px;
	border: 1px solid #c0c0c0;

}
.map_large
{
	border:#333333 1px solid;
	height:300px;
	min-height:300px;
	width:auto;
	text-align:center;
	vertical-align:top;
	overflow:hidden;
}

.WOinvoice 
{background-color:White;
 padding-top:5px;
 padding-bottom:5px;
}
.WOinvoice .header {font-weight: bold;
                     padding-top:5px;
 padding-bottom:5px;
}

.editGrid 
{
	Font-Family: 'Open Sans', sans-serif;
  FONT-SIZE: 12px;
  border: 1px solid silver;
  border-collapse:collapse 
}

.editGrid th 
{
		Font-Family: 'Open Sans', sans-serif;
		FONT-SIZE: 12px;
	  border: 1px solid silver;
		border-collapse:collapse ;
	 vertical-align:bottom;
	 background-color: #f5f5f5;
	 }

.editGrid td 
{
	Font-Family: 'Open Sans', sans-serif;
  FONT-SIZE: 12px;
  border: 1px solid silver;
  border-collapse: collapse ;
}

.editGrid .pgr table
	{margin: 5px 0}

.editGrid .pgr td
{border: none;
	padding: 0 6px;
	font-weight: bold;}

.req {color: #ff0000; font-weight: bold}
.radiolist td {border: none}

/* Some Style mods for bootstrap*/
        #content {
	        border: 1px solid #ccc;
            border-top:0px;
	        clear: both;
	        padding: 0 1em;
	    }
        .nav-tabs {
            font-size:12px;
            font-weight:bold;
        }
        .nav-tabs > li > a {
            border-color: #ccc;
            background-color:#eee;
            padding-top:.24em;
            padding-bottom:.24em;
        }
        a {
          text-decoration: none;
        }
        a:hover,
        a:focus {
          color: black;
          text-decoration: underline;
        }
        label {
          display: inline;
          margin-bottom: 0px;
          font-weight: normal;
        }

    .hdrdivFields {
        padding: 4px;
    }
    .divFields {
        FONT-SIZE: 12px;
        padding: 4px;
        margin-top: 5px;
    }

    .divFields .divRow{
        margin-bottom:5px;
    }

    .divFields .fieldlabelbold {
        font-weight: bold;
        display: inline-block;
        text-align: left;
        vertical-align: top;
    }

    .divFields .fieldlabel {
        display: inline-block;
        text-align: left;
        vertical-align: top;
    }

    .divFields .fieldlabel50 {
        width: 50px;
    }

    .divFields .fieldlabel55 {
        width: 55px;
    }

    .divFields .fieldlabel60 {
        width: 60px;
    }
    
    .divFields .fieldlabel65 {
        width: 65px;
    }

    .divFields .fieldlabel70 {
        width: 70px;
    }

    .divFields .fieldlabel75 {
        width: 75px;
    }

    .divFields .fieldlabel80 {
        width: 80px;
    }

    .divFields .fieldlabel85 {
        width: 85px;
    }

    .divFields .fieldlabel90 {
        width: 90px;
    }

    .divFields .fieldlabel95 {
        width: 95px;
    }

    .divFields .fieldlabel100 {
        width: 100px;
    }

    .divFields .fieldlabel105 {
        width: 105px;
    }

    .divFields .fieldlabel110 {
        width: 110px;
    }

    .divFields .fieldlabel115 {
        width: 115px;
    }

    .divFields .fieldlabel120 {
        width: 120px;
    }

    .divFields .fieldlabel125 {
        width: 125px;
    }

    .divFields .fieldlabel130 {
        width: 130px;
    }

    .divFields .fieldlabel135 {
        width: 135px;
    }

    .divFields .fieldlabel140 {
        width: 140px;
    }

    .divFields .fieldlabel145 {
        width: 145px;
    }

    .divFields .fieldlabel150 {
        width: 150px;
    }

    .divFields .fieldlabel155 {
        width: 155px;
    }

        .divFields .fieldlabel160 {
            width: 160px;
        }

        .divFields .fieldlabel165 {
            width: 165px;
        }

        .divFields .fieldlabel170 {
            width: 170px;
        }

        .divFields .fieldlabel175 {
            width: 175px;
        }

        .divFields .fieldlabel180 {
            width: 180px;
        }

        .divFields .fieldlabel185 {
            width: 185px;
        }

        .divFields .fieldlabel190 {
            width: 190px;
        }

        .divFields .fieldlabel195 {
            width: 195px;
        }

        .divFields .fieldlabel200 {
            width: 200px;
        }

        .divFields .fieldlabel205 {
            width: 205px;
        }

        .divFields .fieldlabel210 {
            width: 210px;
        }

    .divFields .fieldlabel215 {
        width: 215px;
    }

    .divFields .fieldlabel250 {
        width: 250px;
    }

    .divFields .fielddata {
        font-weight: normal;
        width: 400px;
    }
    .ajax__html_editor_extender_texteditor {
        background-color: white;
    }

@media only screen and (max-width: 1050px) {

    #divHdrInfo4 {
        visibility: hidden;
        opacity: 0.0;
        display: none;
        position: absolute;
        left: -999999px;
    }
}

@media only screen and (max-width: 900px) {
    #divHdrInfo3 {
        visibility: hidden;
        opacity: 0.0;
        display: none;
        position: absolute;
        left: -999999px;
    }
}

@media only screen and (max-width: 800px) {
    #divHdrInfo2 {
        visibility: hidden;
        opacity: 0.0;
        display: none;
        position: absolute;
        left: -999999px;
    }
}

/* #FFFFE0 = background yellow */
/* #3B5899 = blue border */

/*input {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;	font-size: 12px;} */

.menubar {
    background-color: #0000CC;
    border-bottom: 2px solid #CCCCCC;
    width: 100%
}

    .menubar a:link {
        color: #FFFFFF
    }

    .menubar a:visited {
        color: #FFFFFF
    }

    .menubar a:active {
        color: #FFFFFF
    }

    .menubar a:hover {
        color: #FFFFFF
    }

    .menubar a:visited:hover {
        color: #FFFFFF
    }

/* master page navigation */
.divNavigationBar {
    font-size: larger;
    font-weight: bold;
    background-image: url(images/bg_bread.gif);
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid silver;
    margin-bottom: 0px;
    vertical-align: middle
}

    .divNavigationBar td {
        font-size: small;
        font-weight: bold;
    }

.divBreadCrumb {
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 5px;
    font-size: smaller;
}
/* end master page navigation */



.newmenu {
    border: 1px solid #1a7a3d;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px 6px 6px 6px;
    background-color: #FFFFFF;
}

    .newmenu td {
        width: 350px;
        padding: 20px 30px 20px 30px;
        vertical-align: top;
        font-size: 16px;
    }

        .newmenu td.leftcol {
            width: 350px;
            border-right: 1px solid #1a7a3d;
            background-color: #FFFFE0;
            -moz-border-radius: 6px 0px 0px 6px;
            -webkit-border-radius: 6px 0px 0px 6px;
            border-radius: 6px 0px 0px 6px;
        }

.leftcol {
    width: 370px;
    padding: 15px;
}

.newmenu td.rightcol {
    vertical-align: top;
}

.rightcol {
    vertical-align: top;
    display: table-cell;
    width: 370px;
    padding: 15px;
}

.menulinks {
    border: 1px solid #1a7a3d;
    width: 340px;
    margin: 10px 0px 10px 0px;
}

    .menulinks td {
        padding: 4px 4px 4px 8px;
        font-size: 14px
    }

        .menulinks td.titlebar {
            color: #FFFFFF;
            font-weight: bold;
        }

.titlebar {
    background-color: #1a7a3d;
    color: #FFFFFF;
    padding: 4px 4px 4px 8px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
}

.welltitlebar {
    background-color: #1a7a3d;
    color: #FFFFFF;
    padding: 4px 4px 4px 8px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border-radius: 4px 4px 0px 0px;
    position: relative;
    top: -9px;
    left: -9px;
}

.ItemBody {
    padding: 6px 0px 6px 6px;
}

.tblWo {
    border: 1px solid #000000;
    font-size: 9px;
    Font-Family: 'Open Sans', sans-serif;
}

    .tblWo th {
        border-bottom: 1px solid #000000;
        padding: 1px 3px;
        font-size: 11px;
        Font-Family: 'Open Sans', sans-serif;
    }

    .tblWo td {
        border: 1px solid #99999;
        padding: 1px 3px;
        font-size: 11px;
        Font-Family: 'Open Sans', sans-serif;
    }


    .tblWo .OnHold {
        background-color: #FF99FF;
        FONT-SIZE: 9px;
        Font-Family: 'Open Sans', sans-serif;
    }

    .tblWo .PendingApproval {
        background-color: #FF9999;
        FONT-SIZE: 9px;
        Font-Family: 'Open Sans', sans-serif;
    }

    .tblWo .Completed {
        background-color: #CCCCFF;
        FONT-SIZE: 9px;
        Font-Family: 'Open Sans', sans-serif;
    }

    .tblWo .InProgress {
        background-color: #99FF99;
        FONT-SIZE: 9px;
        Font-Family: 'Open Sans', sans-serif;
    }

    .tblWo .PendingQA {
        background-color: #99cc99;
        FONT-SIZE: 9px;
        Font-Family: 'Open Sans', sans-serif;
    }

.OnHold {
    background-color: #FF99FF;
    FONT-SIZE: 9px;
    Font-Family: 'Open Sans', sans-serif;
}

.PendingApproval {
    background-color: #FF9999;
    FONT-SIZE: 9px;
    Font-Family: 'Open Sans', sans-serif;
}

.Completed {
    background-color: #CCCCFF;
    FONT-SIZE: 9px;
    Font-Family: 'Open Sans', sans-serif;
}

.InProgress {
    background-color: #99FF99;
    FONT-SIZE: 9px;
    Font-Family: 'Open Sans', sans-serif;
}

.PendingQA {
    background-color: #99cc99;
    FONT-SIZE: 9px;
    Font-Family: 'Open Sans', sans-serif;
}

.tblWoPager td {
    font-size: 12px;
}

.UploadButton {
    Font-Family: 'Open Sans', sans-serif;
    font-size: 12px;
}

/* sections on the work order screen */
.tblWoSection {
    border: 0px solid #6393c1;
    margin-bottom: 20px
}

    .tblWoSection .titlebar {
        font-size: 12px;
        text-align: left;
        border-bottom: 2px solid #6393c1;
        border-top: 1px solid #c0c0c0;
        height: 30px;
        background-color: #B9C7E9;
        color: #333333;
        padding: 4px 4px 4px 4px;
    }

    .tblWoSection .content {
        font-size: 12px;
        padding: 4px 4px 4px 4px;
    }

/* general purpose - for tables of fields, without lines */
.tblData {
}

    .tblData td {
        FONT-SIZE: 12px;
        border-bottom: 0px solid #c0c0c0;
        vertical-align: top;
        padding: 0px
    }

    .tblData .fieldlabel {
        font-weight: bold;
        vertical-align: top;
        width: 225px;
        padding: 4px;
    }

    .tblData .fielddata {
        font-weight: normal;
        padding: 4px
    }

        .tblData .fielddata select {
            border: 1px solid #000000;
            width: 250px
        }

    .tblData .input {
        Font-Family: 'Open Sans', sans-serif;
        font-size: 12px;
    }

    .tblData .readonlysilver {
        Font-Family: 'Open Sans', sans-serif;
        font-size: 12px;
        color: silver;
        border: 1px solid #CCCCCC;
        padding: 1px
    }

    .tblData .readonly {
        Font-Family: 'Open Sans', sans-serif;
        font-size: 12px;
        color: black;
        border: 0px solid #CCCCCC;
        padding: 1px
    }

/* general purpose - for tables of fields, with lines */
.tblFieldsWithLines {
}

    .tblFieldsWithLines td {
        font-size: 12px;
        border-bottom: 1px solid #c0c0c0;
        vertical-align: top;
        padding: 0px
    }

    .tblFieldsWithLines .fieldlabel {
        font-weight: bold;
        vertical-align: top;
        width: 225px;
        padding: 4px
    }

    .tblFieldsWithLines .fielddata {
        font-weight: normal;
        padding: 4px;
        width: 225px;
    }

/* new request table */
.divAssetCriteria {
    background-color: #FFFFE0;
    border: 1px solid #1a7a3d;
}

.tblAssetCriteria {
    background-color: #FFFFE0;
}

    .tblAssetCriteria td {
        background-color: #FFFFE0;
        FONT-SIZE: 12px;
        vertical-align: top;
        padding: 4px
    }

    .tblAssetCriteria .fieldlabel {
        font-weight: bold;
        vertical-align: middle;
        padding: 4px;
        width: 200px
    }

    .tblAssetCriteria .fielddata {
        font-weight: normal;
        padding: 4px;
        width: 320px
    }

    .tblAssetCriteria .textbox {
        border: 1px solid #000000;
        width: 250px;
    }

    .tblAssetCriteria .readonly {
        border: 1px solid #FFFFE0;
        background-color: #FFFFE0;
        width: 250px
    }

    .tblAssetCriteria .select {
        border: 1px solid #000000;
        width: 250px
    }

    .tblAssetCriteria .taDesc {
        border: 1px solid #000000;
        width: 500px;
        Font-Family: 'Open Sans', sans-serif;
        font-size: 12px;
        padding: 2px;
    }

    .tblAssetCriteria .taDescWater {
        border: 1px solid #000000;
        width: 500px;
        color: #736F6E;
        Font-Family: 'Open Sans', sans-serif;
        font-size: 12px;
        padding: 2px;
    }



/* new request table */
.divNewRequest {
    background-color: #FFFFE0;
    border: 1px solid #1a7a3d;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px 6px 6px 6px;
}

.tblNewRequest {
    background-color: #FFFFE0;
}

    .tblNewRequest xtd {
        background-color: #FFFFE0;
        FONT-SIZE: 12px;
        vertical-align: top;
        padding: 4px
    }

    .tblNewRequest .fieldlabel {
        font-weight: bold;
        vertical-align: middle;
        padding: 4px;
        width: 200px
    }

    .tblNewRequest .fielddata {
        font-weight: normal;
        padding: 4px;
        width: 320px
    }

    .tblNewRequest .textbox {
        border: 1px solid #000000;
        width: 250px;
    }

    .tblNewRequest .readonly {
        border: 1px solid #FFFFE0;
        background-color: #FFFFE0;
        width: 250px
    }

    .tblNewRequest .readonly2 {
        border: 1px solid #000000;
        background-color: #FFFFE0;
        width: 250px;
    }

    .tblNewRequest .select {
        border: 1px solid #000000;
        width: 250px
    }

    .tblNewRequest .taDesc {
        border: 1px solid #000000;
        width: 500px;
        Font-Family: 'Open Sans', sans-serif;
        font-size: 12px;
        padding: 2px;
    }

    .tblNewRequest .taDescWater {
        border: 1px solid #000000;
        width: 500px;
        color: #736F6E;
        Font-Family: 'Open Sans', sans-serif;
        font-size: 12px;
        padding: 2px;
    }

/* work order detail, images table */
.tblImages {
    border: none
}

    .tblImages th {
        border-bottom: 1px solid #000000
    }

        .tblImages th a {
            color: #000000
        }


/* modal alerts */
/*Modal Popup*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=40);
    opacity: 0.4;
}

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

.alert {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 4px 4px 4px;
}

    .alert TD {
        vertical-align: top;
        padding: 8px;
        font-size: small
    }

.alertButtonCell {
    border-top: 1px solid #A9A9A9
}

.alert A:link {
    text-decoration: underline;
}

.alert A:visited {
    text-decoration: underline;
}

.alert A:active {
    text-decoration: underline;
}

.alert A:hover {
    text-decoration: underline;
}

.alert select {
    border: 1px solid #000000;
}

.alert .cboState {
    border: 1px solid #000000;
}


.hiddenButton {
    display: none
}

.LocationList {
    width: 350px;
    height: 200px;
    border: 1px solid #000000
}


/* yellow message bar */
.Yellow_Message {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    vertical-align: middle;
    padding: 4px;
    color: #222222;
    background-color: #fcf9ce;
    border: 1px solid #dfdfde;
    font-weight: bold
}

.Yellow_Message_NoMargin {
    vertical-align: middle;
    padding: 4px;
    color: #222222;
    background-color: #fcf9ce;
    border: 1px solid #dfdfde;
    font-weight: bold
}

/* new location table */
.divNewLocation {
    background-color: #FFFFE0;
    border: 1px solid #1a7a3d;
    width: 850px
}

.tblNewLocation {
    background-color: #FFFFE0;
}

    .tblNewLocation td {
        background-color: #FFFFE0;
        FONT-SIZE: 12px;
        vertical-align: top;
        padding: 0px;
        height: 26px;
        vertical-align: middle
    }

.tlbNewLocation textarea {
    Font-Family: 'Open Sans', sans-serif;
    font-size: 12px;
    padding: 0px;
    border: 1px solid #c0c0c0
}

.tblNewLocation .fieldlabel {
    font-weight: bold;
    vertical-align: middle;
    width: 150px
}

.tblNewLocation .fielddata {
    font-weight: normal;
    width: 250px
}

.tblNewLocation .textbox {
    border: 1px solid #000000;
    width: 200px;
}

.tblNewLocation .readonly {
    border: 1px solid #FFFFE0;
    background-color: #FFFFE0;
    width: 250px
}

.tblNewLocation .select {
    border: 1px solid #000000;
    width: 200px
}

.req {
    color: #ff0000;
    font-weight: bold
}


/* standard message banners */
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/alert/info32.png');
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('images/alert/success32.png');
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/alert/warning32.png');
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/alert/error32.png');
}


.Green_Account_Message {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    vertical-align: middle;
    padding: 4px;
    color: #000000;
    background-color: #eef4d4;
    border: 1px solid #8fad3d;
    font-weight: bold
}

.Yellow_Account_Message {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    vertical-align: middle;
    padding: 4px;
    color: #000000;
    background-color: #fcf9ce;
    border: 1px solid #8fad3d;
}

.tblAccountInformation {
}

    .tblAccountInformation td {
        FONT-SIZE: 12px;
    }

    .tblAccountInformation .information {
        font-size: 12px;
        padding: 10px 0px 10px 0px
    }

    .tblAccountInformation .fieldlabel {
        font-weight: bold;
        font-size: 12px;
        vertical-align: top;
        padding-left: 4px
    }

    .tblAccountInformation .fieldheader {
        font-weight: bold;
        font-size: 14px;
        vertical-align: top;
        border-bottom: 1px solid #CCCCCC
    }

    .tblAccountInformation .input {
        Font-Family: 'Open Sans', sans-serif;
        font-size: 12px;
    }

    .tblAccountInformation .readonly {
        Font-Family: 'Open Sans', sans-serif;
        font-size: 12px;
        color: silver;
        border: 1px solid #CCCCCC;
        padding: 1px
    }

/* featured story */

div#featuredstory {
    background-color: #c7d0fc;
}

div#featuredstory_headline {
    background-color: #353795;
    padding: 5px 10px;
    font-size: 1.3em;
    letter-spacing: 0.05em;
    font-weight: bold;
    color: #ffffff;
}

div#featuredstory_mid {
    margin: 10px;
    padding: 10px;
}

.input {
    Font-Family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.inputreadonly {
    Font-Family: 'Open Sans', sans-serif;
    font-size: 12px;
    border: 0px;
    background-color: lightgray;
    padding-bottom: 6px;
}

.inputreadonlyright {
    Font-Family: 'Open Sans', sans-serif;
    font-size: 12px;
    border: 0px;
    text-align: right
}

/* Some Style mods for bootstrap*/

.container {
    width: 95%;
    margin-top: .5em;
}

.mainArea {
    margin-bottom: 1em;
}

.mainAreaFull {
    width: 100%;
    margin-top: 0em;
    margin-bottom: -1em;
    margin-left: -2.4em;
}

.productBlock {
    border: 0.08em solid gray;
    margin: 0.5em 0.5em 0.5em 0.5em;
    padding: 0.5em 0.5em 0.5em 0.5em;
}

.productNameTitle {
    font-size: x-large;
}

.UserActionDate {
    position: relative;
    top: -20px;
    font-size: small;
    color: red;
}

.lbltest {
    color: black;
}

.tf-well {
    border: 1px solid lightgray;
    border-radius: 5px;
    margin: 20px 10px 10px 0px;
    background-color: antiquewhite;
}

.tf-header {
    background-color: lightgray;
    padding: 5px;
    overflow: auto;
}

.tf-body {
    padding: 5px;
}

.divFields .fieldlabel1 {
    display: inline-block;
    text-align: left;
    vertical-align: top;
}