/*******************/
/*                 */
/* CSS RESET
/*                 */
/*******************/ 

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center,
    dl, dt, dd, ol, ul, li, fieldset, form, label, legend,   caption,  .row, 
    article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {display: block;}
    body {line-height: 1;}
    ol, ul {list-style: none;}
    blockquote, q {quotes: none;}
    blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}      
    del,ins{text-decoration:none;} 
    caption{text-align:left;}
    h1,h2,h3,h4,h5,h6{font-weight:normal;}
    q:before,q:after{content:'';}
    abbr,acronym{border:0;font-variant:normal;}
    sup{vertical-align:baseline;}sub{vertical-align:baseline;}
    legend{color:#000;}
    input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
    input,button,textarea,select{*font-size:100%;} 



html {
        overflow: -moz-scrollbars-vertical; 
        overflow-y: scroll;
        }

td img
{vertical-align:middle
}

input[type="text"]:disabled
{
    color: #333 !important;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: #ececec !important;
    Background:#ececec  !important;border:1px solid #bbb;
}
textarea,select,input[type="text"] {  border:1px solid #bbb;  }
/*input[type="text"] {  height:20px;  }*/
table {  border-color: #ececec !important; }
     
body {/* font-family:Verdana,Arial !important;*/
FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }

strong, b
{
    font-weight:bold;
}

pre 
{
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 width: 99%;   /* remove horizontal scroll-bar when viewing in IE7 */
} 
.info {width:auto;
    padding:3px;margin-top:10px;margin-bottom:10px;
	border: 1px solid #bbb !important; 
	/*Background Gradients*/
	background: #e0f4ff;
    font-size:.875em;
	background: -moz-linear-gradient(top,#e0f4ff,#d4e6f0);
	background: -webkit-gradient(linear, left top, left bottom, from(#e0f4ff), to(#d4e6f0));
}
.clsWoJobDetail {margin:17px 0px;text-align:center;font-size:10.5pt; text-decoration:none;}
.clsWoJobDetail label{ font-size:9pt;font-weight:bold;}
.clsWoHeaderJobDetail{color:blue;font-weight:normal;text-transform:uppercase }
.clsWoHeaderJobDetail{color:blue;font-weight:normal;text-transform:uppercase }
.clsWoSaveFooter
{
    width: 100%;
    margin-top: 2px;
    float: left;
    background-color: Lavender;
    border-bottom: 1px solid #bbb;
}
.clsWoSaveTable
{
    float: right;
    padding: 10px;
}
.clsSubMenu
{
	background-image: url(..\AppGraphics\menu_background.png);
}

A:link    { border: none }
A:visited { border: none }
/*A:active  { border: thin dotted #800080 }*/

.clsMainWindowForm
{
	box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    background: #f7f7f7 !important; /* Old browsers */ 
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */
    *border:1px solid #bbb;  
    PADDING-RIGHT: 1pt; 
    PADDING-LEFT: 1pt;
    PADDING-BOTTOM: 1pt;
    MARGIN: 0pt; 
    COLOR: black;
    LINE-HEIGHT: 0;
    PADDING-TOP: 1pt; 
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    LETTER-SPACING: 0pt; 
    TEXT-ALIGN: left
}
.clsButton
{
    height: 26px;
    padding: 2px 5px;
    *padding:2px 0px !important;
    border: 1px solid #BBB;
    border-radius: 2px;
    color: #222;
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
    color: #222;
    background-color: #F8F8F8;
    border-color: #BBB;  
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    background-image: -o-linear-gradient( #F8F8F8, #ECECEC);
    background-image: -ms-linear-gradient( #F8F8F8, #ECECEC);
    background-image: -moz-linear-gradient( #F8F8F8, #ECECEC);
    background-image: -webkit-linear-gradient( #F8F8F8, #ECECEC);
    background-image: linear-gradient( #F8F8F8, #ECECEC);
}
    
.clsButton:hover {
    background-color: #F8F8F8;
    border-color: #BBB;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    color:#222 ;
    background-image: -o-linear-gradient( #F8F8F8, #ECECEC);
    background-image: -ms-linear-gradient( #F8F8F8, #ECECEC);
    background-image: -moz-linear-gradient( #F8F8F8, #ECECEC);
    background-image: -webkit-linear-gradient( #F8F8F8, #ECECEC);
    background-image: linear-gradient( #F8F8F8, #ECECEC);
}
       



.clsColHeaderCenter
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	font-weight: bolder;
	font-size: 9pt;
	background-image: url(..\AppGraphics\colBackground.bmp);
	border-left: gray 1px solid;
	color: black;
	border-bottom: gray 1px solid;
	background-repeat: repeat-x;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #6972ff;
	text-align: center;
}
.clsStatusButton
{
	font-weight: bolder;
	font-size: 10pt;
	vertical-align: baseline;
	text-transform: capitalize;
	color: white;
	border-top-style: outset;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-right-style: outset;
	border-left-style: outset;
	height: 17pt;
	background-color: blue;
	border-bottom-style: outset;
}
.clsDeleteButton
{
    height: 26px;
    padding: 2px 5px;
    *padding:2px 0px !important;
    border: 1px solid #BBB;
    border-radius: 2px;
    color: #222;
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
    color: #222;
    background-color: #F8F8F8;
    border-color: #BBB;  
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    background-image: -o-linear-gradient( #F8F8F8, #ECECEC);
    background-image: -ms-linear-gradient( #F8F8F8, #ECECEC);
    background-image: -moz-linear-gradient( #F8F8F8, #ECECEC);
    background-image: -webkit-linear-gradient( #F8F8F8, #ECECEC);
    background-image: linear-gradient( #F8F8F8, #ECECEC);
    /*font-weight:bold;*/
    VERTICAL-ALIGN: center;
    text-transform: uppercase;   
}
.clsButtonSubmit
{
    height: 26px;
    padding: 2px 5px;
    *padding: 2px 0px;
    border: 1px solid #CF0404;
    border-radius: 2px;
    color: white;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    background-color: #ff3019;
    border-color: #CF0404;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25); 
    background-image: -o-linear-gradient( #ff3019, #CF0404);
    background-image: -ms-linear-gradient( #ff3019, #CF0404);
    background-image: -moz-linear-gradient( #ff3019, #CF0404);
    background-image: -webkit-linear-gradient( #ff3019, #CF0404);
    background-image: linear-gradient( #ff3019, #CF0404);
    /*font-weight:bold;*/
    VERTICAL-ALIGN: center;
    text-transform: uppercase;   
}
.clsButtonMenuBar
{
    BORDER-RIGHT: black thin;
    BORDER-TOP: black thin;
    FONT-WEIGHT: normal;
    MARGIN: 1pt 1px 1px;
    VERTICAL-ALIGN: baseline;
    TEXT-TRANSFORM: capitalize;
    BORDER-LEFT: black thin;
    WIDTH: 100%;
    COLOR: white;
    BORDER-BOTTOM: black thin;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    LETTER-SPACING: 1pt;
    BACKGROUND-COLOR: blue
}
.clsBody
{
    MARGIN: 0px 0px 0px 5px;
    BACKGROUND-COLOR: white
}

html
{
    background-color: #e9e9e9;
	background: #e9e9e9; 
}
.clsASPBody
{
	padding-right: 0px;
	/*background-position: center bottom;*/
	padding-left: 0px;
	right: 0px;
	left: 0px;
	/*background-image: url(..\AppGraphics\pattern.gif);*/
    height: 100%;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	/*background-repeat: repeat;*/
	position: absolute;
	top: 0px;
	background-color: #e9e9e9;
	background: #e9e9e9; 
} 
.clsCode
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Courier
}
.clsTableHeader
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: navy;
    FONT-FAMILY: MS Sans Serif;
    BACKGROUND-COLOR: #669a98;
    TEXT-ALIGN: center
}
.clsHeader
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 12pt;
    TEXT-TRANSFORM: capitalize;
    FONT-FAMILY: MS Sans Serif;
    BACKGROUND-COLOR: #669a98;
    TEXT-ALIGN: center
}
.clsFormHeader
{
    padding:2px 0 2px 5px !important;
   
    font-weight: bold;
    font-size: 12pt;
      
    color: white; 
    font-style: normal;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 45px;
    vertical-align: top;
    
    text-align: left;
    font-variant: normal;
    background: url(../images/ic_launcher_32.png) no-repeat left center; 
    background-color: #1a73e8 !important; 
   background-origin: content-box;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2), 0 3px 3px -2px rgba(0,0,0,0.14), 0 1px 8px 0 rgba(0,0,0,0.12);
    box-sizing: border-box;
   
    border-bottom: none
    
	/*background-color: #2cacf1 !important;*/
    
    /*background: #2cacf1 !important;*/ /* Old browsers */
    
    
}


table.clsFormHeader tr   
{
     
    border-bottom: 1px solid #e4e5e7;
} 

table.clsFormHeader tr td:first-child  
{
    padding-left:40px !important;
   
}
.clsBlueHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: white;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: #000080;
    TEXT-ALIGN: center
}
.clsOrangeHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: #ffcc00;
    TEXT-ALIGN: center
}
.clsOrangeHeaderSmall
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: #ffcc00;
    TEXT-ALIGN: center
}
.clsOrangeBlueHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: blue;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: #ffcc00;
    TEXT-ALIGN: center
}
.clsMessageBar
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    TEXT-ALIGN: left
}
.clsTableData
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: silver
}
.clsTableColHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: lightgreen
}
.clsColumnHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: none;
    COLOR: navy;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: lightgreen;
    TEXT-ALIGN: center
}
.clsInputColHeader
{
    FONT: bold 12px Arial;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    BACKGROUND-COLOR: silver;
    TEXT-ALIGN: center
}
.clsActiveData
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    color: #333 !important;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
 

.clsColumnDels
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.clsInactiveData
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;;
    BACKGROUND-COLOR: white
}
.clsInputLabel
{
    FONT: 9pt Arial;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    TEXT-ALIGN: right
}

.clsFormSubHeader
{
    padding: 5px;
text-align: center; 
background: #F6F6F6 !important;
background-color: #F6F6F6 !important;
font-weight: bold;
color: #0073EA !important;
text-align: center;
-webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
-moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); 
font-size: 11px;
}

.clsInputLabelCenter
{
    FONT: 8pt Arial;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.clsInputLabelLeft
{
    FONT: 9pt Arial;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    TEXT-ALIGN: left; 
}
.clsSubHeaderLabelLeft
{
    FONT: 9pt Arial;
    ColOR: #444 !important;
    font-weight:bold;
    background-color:silver;
    TEXT-ALIGN: left !important; 
}


.clsSubHeaderLabelLeftLavender
{
    FONT: 9pt Arial;
    ColOR: #444 !important;
    font-weight:bold;
    background-color:#f6f7f8;
    TEXT-ALIGN: left !important; 
}
.clsTextLabelLeft
{
    FONT: 9pt Arial;
    TEXT-TRANSFORM: capitalize;
    COLOR: #3b5998;
    TEXT-ALIGN: left;
    font-weight:bold; 
    padding-right:7PX;
    padding-left:2px;
}
.clsTableGroup
{
    BORDER-RIGHT: silver;
    BORDER-TOP: silver;
    FONT: 8pt verdana;
    BORDER-LEFT: silver;
    BORDER-BOTTOM: silver;
    BACKGROUND-COLOR: silver
}
.clsTableInput
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: left
}
.clsInputTable
{
    BORDER-RIGHT: thin outset;
    BORDER-TOP: thin outset;
    BORDER-LEFT: thin outset;
    COLOR: black;
    BORDER-BOTTOM: thin outset;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: silver
}
.clsHomeLabel
{
    FONT: 10pt verdana;
    COLOR: lime;
    BACKGROUND-COLOR: navy
}
.clsHomeHeader
{
    BORDER-RIGHT: aqua ridge;
    PADDING-RIGHT: 4px;
    BORDER-TOP: aqua ridge;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    PADDING-BOTTOM: 4px;
    MARGIN: 5px;
    BORDER-LEFT: aqua ridge;
    COLOR: navy;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: aqua ridge;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    TEXT-ALIGN: center
}
.clsHomeTitle
{
    BORDER-RIGHT: #90cccc ridge;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #90cccc ridge;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 25pt;
    PADDING-BOTTOM: 4px;
    MARGIN: 5px;
    BORDER-LEFT: #90cccc ridge;
    COLOR: lime;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #90cccc ridge;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: navy;
    TEXT-ALIGN: center
}
.clsToolbarTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: navy;
    PADDING-TOP: 2px;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: silver;
    TEXT-ALIGN: center
}
.clsPageHeader
{
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: aqua 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    TEXT-TRANSFORM: capitalize;
    BORDER-LEFT: aqua 1px solid;
    COLOR: aqua;
    BORDER-BOTTOM: gray 1px solid;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: navy;
    TEXT-ALIGN: center
}
.clsInputFieldLeft
{
    BORDER-TOP: gray 1px solid;
    FONT: 10pt 'Arial';
    BORDER-LEFT: gray 1px solid;
    COLOR: black;
    BORDER-BOTTOM: gray 1px solid;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: left
}
.clsInputFieldCenter
{
    BORDER-TOP: aqua 1px solid;
    FONT: 10pt 'Arial';
    COLOR: black;
    BORDER-BOTTOM: gray 1px solid;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsInputFieldRight
{
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: aqua 1px solid;
    FONT: 10pt 'Arial';
    COLOR: black;
    BORDER-BOTTOM: gray 1px solid;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsInputFieldFull
{
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: aqua 1px solid;
    FONT: 10pt 'Arial';
    BORDER-LEFT: aqua 1px solid;
    COLOR: black;
    BORDER-BOTTOM: gray 1px solid;
    BACKGROUND-COLOR: silver;
    TEXT-ALIGN: center
}
.clsInputField
{
    FONT: 10pt Arial;
    COLOR: black
}
.clsInputFieldRight
{
    FONT: 14px 'MS Sans Serif';
    COLOR: navy;
    TEXT-ALIGN: right
}
.clsInputFieldTextArea
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
} 
H1
 { 
	mso-style-next:Normal; 
	margin:0in; 
	margin-bottom:.0001pt; 
	text-align:center; 
	mso-pagination:none; 
	page-break-after:avoid; 
	mso-outline-level:1; 
	mso-layout-grid-align:none; 
	text-autospace:none; 
	font-size:14.0pt; 
	font-family:verdana;
	mso-bidi-font-family:"Times New Roman"; 
	mso-font-kerning:0pt; 
	COLOR: navy
	}
H13_RED
{
    FONT: bold 13pt verdana;
    COLOR: RED
}
H13_NAVY
{
    FONT: bold 13pt verdana;
    COLOR: NAVY
}
A:link
{
	font-weight: bold;
	color: blue;
	text-decoration: none;
}
A:visited
{
	font-weight: bold;
	color: blue;
	text-decoration: none;
}
A:hover
{
  /*  TEXT-DECORATION: underline*/
}
.clsMiniMessage
{
    FONT-SIZE: 9pt;
    COLOR: aqua;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: navy
}
.clsTitle
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 14pt;
    BACKGROUND-IMAGE: url(../AppGraphics/formHeaderPattern.gif);
    COLOR: aqua;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: left;
    TEXT-DECORATION: underline
}
.clsInputLabelRight
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black; 
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    TEXT-ALIGN: right
}
.clsEditTextBreakBar
{
	font-weight: bolder;
	font-size: 9pt;
	color: white;
	height:14pt;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: gray;
	text-align: center;
    padding:3px;
}
.clsEditTextBreakBarLeft
{
	font-weight: bolder;
	font-size: 9pt;
	color: white;
	height:14pt;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: gray;
	text-align: left;
    padding:3px 6px;
}
.clsEditTextSubBreakBarCenter
{
	font-weight: bolder;
	font-size: 9pt;
	color: white;
	height:14pt;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: silver;
	text-align: center;
    padding:0px;
}
.clsEditTextSubBreakBarCenter tr
{ 
	background-color: silver; 
}
.clsEditTextSubBreakBarCenter tr td
{ 
	padding:2px;color:#444;
}
.clsSearchTitleBar
{
   FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: white;
    FONT-FAMILY: Verdana,Arial;
    TEXT-ALIGN: center;
    HEIGHT: 14pt;
    BACKGROUND-COLOR: gray

}
.clsSearchTitleBar_old
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: darkturquoise;
    TEXT-ALIGN: center
}




.clsTitleBar
{
	font-weight: bolder;
	font-size: 9pt;
	color: black;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #99cccc;
	text-align: center;
}
.clsTable
{ 
     box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    background: #f7f7f7 !important; /* Old browsers */ 
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* W3C */
   
    *border:1px solid #bbb;  
    PADDING-RIGHT: 1pt; 
    PADDING-LEFT: 1pt;
    PADDING-BOTTOM: 1pt;
    MARGIN: 0pt; 
    PADDING-TOP: 1pt; 
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    width:100%;
}
.clsSMInputField
{
    FONT: 8pt Arial;
    TEXT-TRANSFORM: none;
    COLOR: black;
    TEXT-ALIGN: left;
    margin-left:1px;
      margin-right:1px;  
}



.clsSaveButton
{
    
    height: 26px;
    padding: 2px 5px;
    *padding: 2px 0px;
    border: 1px solid #CF0404;
    border-radius: 2px;
    color: white;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    background-color: #ff3019;
    border-color: #CF0404;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25); 
    background-image: -o-linear-gradient( #ff3019, #CF0404);
    background-image: -ms-linear-gradient( #ff3019, #CF0404);
    background-image: -moz-linear-gradient( #ff3019, #CF0404);
    background-image: -webkit-linear-gradient( #ff3019, #CF0404);
    background-image: linear-gradient( #ff3019, #CF0404);
    /*font-weight:bold;*/
    VERTICAL-ALIGN: center;
    /*text-transform: uppercase;*/   
}



a.clsSaveButton
{
    
    height: 26px;
    padding: 5px;
    *padding: 2px 0px;
    border: 1px solid #CF0404;
    border-radius: 2px;
    color: white !important;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal  !important;
    background-color: #ff3019;
    border-color: #CF0404;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25); 
    background-image: -o-linear-gradient( #ff3019, #CF0404);
    background-image: -ms-linear-gradient( #ff3019, #CF0404);
    background-image: -moz-linear-gradient( #ff3019, #CF0404);
    background-image: -webkit-linear-gradient( #ff3019, #CF0404);
    background-image: linear-gradient( #ff3019, #CF0404);
    /*font-weight:bold;*/
    VERTICAL-ALIGN: center;
    /*text-transform: uppercase;*/   
}
 

 
 .clsSaveButton:hover  {
        background-color: #ff3019;
        border-color: #CF0404;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
        color: white;
        background-image: -o-linear-gradient( #ff3019, #CF0404);
        background-image: -ms-linear-gradient( #ff3019, #CF0404);
        background-image: -moz-linear-gradient( #ff3019, #CF0404);
        background-image: -webkit-linear-gradient( #ff3019, #CF0404);
        background-image: linear-gradient( #ff3019, #CF0404);
	text-decoration:none;
        }
       
        


.clsSaveButton1
{
    height: 26px;
    padding: 2px 5px;
    *padding: 2px 0px;
    border: 1px solid #CF0404;
    border-radius: 2px;
    color: white;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    background-color: #ff3019;
    border-color: #CF0404;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25); 
    background-image: -o-linear-gradient( #ff3019, #CF0404);
    background-image: -ms-linear-gradient( #ff3019, #CF0404);
    background-image: -moz-linear-gradient( #ff3019, #CF0404);
    background-image: -webkit-linear-gradient( #ff3019, #CF0404);
    background-image: linear-gradient( #ff3019, #CF0404);
    /*font-weight:bold;*/
    VERTICAL-ALIGN: center;
    text-transform: uppercase;   
}
.clsScreenInstruction
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    FONT-VARIANT: normal
}
.clsRectangle
{
    BORDER-RIGHT: darkseagreen thin;
    BORDER-TOP: darkseagreen thin;
    BORDER-LEFT: darkseagreen thin;
    BORDER-BOTTOM: darkseagreen thin;
    BACKGROUND-COLOR: lightgoldenrodyellow
}
.clsInputLabelCenterBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    LETTER-SPACING: normal;
    BACKGROUND-COLOR: silver;
    TEXT-ALIGN: center;
    FONT-VARIANT: normal
}
.clsTableFooter
{
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size: .815em; 
    BACKGROUND-COLOR: peachpuff
}
.clsTableFooter td
{
    font-weight:bold;
}
.clsColumnHeaderBlue
{
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: lightsteelblue;
    TEXT-ALIGN: center
}
.clscolumnheaderCenter_old
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: lightsteelblue;
    TEXT-ALIGN: center
}

.clsColumnHeaderLeft_old
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: lightsteelblue;
    TEXT-ALIGN: center
}
.clsColumnHeaderLeft {
       padding: 5px;
text-align: center;
border: 1px solid #DDD;
background: #F6F6F6;
font-weight: bold;
color: #0073EA;
text-align: center; 
-webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
-moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);  
font-size: 11px;
}
.clsColumnHeaderLeft a:hover
{color:white;
}
.clsColumnHeaderLeft:hover a
{color:white;
}
.clsColumnHeaderLeft:hover {
color: #fff; 
background: #0073EA;
font-weight: bold;
cursor:pointer;
color: white !important;
-webkit-text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
-moz-text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
}
.clsColumnHeaderCenter
{
    padding: 5px;
text-align: center;
border: 1px solid #DDD;
background: #F6F6F6;
font-weight: bold;
color: #0073EA;
text-align: center; 
-webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
-moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); 
 
font-size: 11px;
}
.clsColumnHeaderCenter a:hover
{color:white;
}
.clsColumnHeaderCenter:hover a
{color:white;
}
.clsColumnHeaderCenter:hover {
color: #fff; 
background: #0073EA;
font-weight: bold;
cursor:pointer;
color: white !important;
-webkit-text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
-moz-text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
}
.clsEditGroupCenter
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: white; 
    TEXT-ALIGN: center;
    HEIGHT: 14pt;
    BACKGROUND-COLOR: gray
    
}
.clsTextSmall
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12pt; 
}
.clsTextMedium
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: navy
}
.clsTextLarge
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14pt;
    COLOR: navy;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.clsTextLargeBold
{
	font-weight: bold;
	font-size: 14pt;
	color: navy;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.clsTextVeryLarge
{
    FONT-SIZE: 18pt;
    COLOR: navy
}
.clsTextVerySmall
{
    FONT-SIZE: 8pt
}
.clsButtonNext
{
    BACKGROUND-IMAGE: url(..\AppGraphics\next_record.png);
    WIDTH: 59pt;
    HEIGHT: 18pt;
    VERTICAL-ALIGN: center;
    BACKGROUND-REPEAT: no-repeat
}
.clsButtonPrevious
{
    BACKGROUND-IMAGE: url(..\AppGraphics\previous_record.png);
    WIDTH: 72pt;
    HEIGHT: 18pt;
    VERTICAL-ALIGN: center;
    BACKGROUND-REPEAT: no-repeat
}
.clsButtonTop
{
    BACKGROUND-IMAGE: url(..\AppGraphics\top_record.png);
    WIDTH: 59pt;
    HEIGHT: 18pt;
    VERTICAL-ALIGN: center;
    BACKGROUND-REPEAT: no-repeat
}
.clsButtonBottom
{
    BACKGROUND-IMAGE: url(..\AppGraphics\bottom_record.png);
    WIDTH: 72pt;
    HEIGHT: 18pt;
    VERTICAL-ALIGN: center;
    BACKGROUND-REPEAT: no-repeat 
}
.clsButtonWoJobCost
{
    BACKGROUND-IMAGE: url(..\AppGraphics\wo_jobcost.gif);
    WIDTH: 98pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    HEIGHT: 16pt;
    TEXT-ALIGN: center
}
.clsButtonWoSummary
{
    BACKGROUND-IMAGE: url(..\AppGraphics\wo_summary.gif);
    WIDTH: 98pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    HEIGHT: 16pt;
    TEXT-ALIGN: center
}
.clsButtonWoAttachment
{
    BACKGROUND-IMAGE: url(..\AppGraphics\wo_attachment.gif);
    WIDTH: 98pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    HEIGHT: 16pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsButtonWoClose
{
    BACKGROUND-IMAGE: url(..\AppGraphics\wo_close.gif);
    WIDTH: 98pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    HEIGHT: 16pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsEditTextTableLabel
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: lavender;
    TEXT-ALIGN: center
}
H4
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    COLOR: navy;
    LINE-HEIGHT: 0pt; 
}
.clsScrollingHelpText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    Z-INDEX: 10;
    VISIBILITY: hidden;
    WIDTH: 250px;
    CLIP: rect(0px 250px 50px 0px);
    COLOR: white;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    POSITION: absolute;
    BACKGROUND-COLOR: blue
}
.clsCurrentData
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: blue;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.clsActiveDataOddClosed
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: uppercase;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: yellowgreen;
    FONT-VARIANT: small-caps
}
.clsActiveDataEvenClosed
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: uppercase;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: limegreen;
    FONT-VARIANT: small-caps
}
.clsDisabledData
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: black
}
.clsSMInputLabelLeft
{
    FONT: 9pt Sans-Serif;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    text-align:left !important;
}

.clsSmInputLabelLeft tr td
{
    FONT: 9pt Sans-Serif;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    TEXT-ALIGN: left
}

.clsSMInputLabelRight
{
    FONT: 9pt Sans-Serif;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    TEXT-ALIGN: right
}
.clsSMInputLabelCenter
{
    FONT: 8pt Sans-Serif;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    TEXT-ALIGN: center
}
.clsSmallActiveDataEven
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    CURSOR: hand;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: gainsboro
}
.clsSmallActiveDataOdd
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    CURSOR: hand;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: #dcdcc3
}
.clsSmallColumnHeaderCenter_old
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: navy;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    HEIGHT: 25px;
    BACKGROUND-COLOR: darkgray;
    TEXT-ALIGN: center
}

.clsSmallColumnHeaderCenter
{
    padding: 5px;
text-align: center;
border: 1px solid #DDD;
background: #F6F6F6;
font-weight: bold;
color: #0073EA;
text-align: center; 
-webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
-moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); 
border-left: solid 1px #bbb;
font-size: 11px;
}
.clsSmallColumnHeaderCenter a:hover
{color:white;
}
.clsSmallColumnHeaderCenter:hover a
{color:white;
}
.clsSmallColumnHeaderCenter:hover {
color: #fff; 
background: #0073EA;
font-weight: bold;
cursor:pointer;
color: white !important;
-webkit-text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
-moz-text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
}


.clsSubmenuButton
{
    BORDER-RIGHT: outset;
    BORDER-TOP: outset;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    MARGIN: 0px;
    BORDER-LEFT: outset;
    WIDTH: 63pt;
    COLOR: black;
    BORDER-BOTTOM: outset;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: whitesmoke
}
.clsIDLargeFont
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: darkblue;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: silver
}
.clsIDLargeLabel
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.clsPopup
{
    BORDER-RIGHT: olive 1pt solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: olive 1pt solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: olive 1pt solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: olive 1pt solid;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: gainsboro
}
.clsSubTableHeader
{
    FONT-WEIGHT: bold;
    COLOR: white;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: olive
}
.oldclsReportTbl
{
    BORDER-RIGHT: gray 1pt solid;
    BORDER-TOP: gray 1pt solid;
    BORDER-LEFT: gray 1pt solid;
    BORDER-BOTTOM: gray 1pt solid;
    BACKGROUND-COLOR: #d5e6e6
}
.clsReportTbl
{
     BACKGROUND-COLOR: none;
}
.clsReportHeader
{
    BORDER-RIGHT: black;
    BORDER-TOP: black;
    FONT-WEIGHT: bold;
    BORDER-LEFT: black;
    COLOR: white;
    BORDER-BOTTOM: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: gray
}
.clsEditTableTitle
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	font-weight: bold;
	font-size: 12pt;
	border-left: black 1px solid;
	color: black;
	border-bottom: black 1px solid;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: lightskyblue;
}
.clsEditTableGroup
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #0000cc;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: gainsboro
}
.clsEditTableColumnHeader
{
    BORDER-RIGHT: gray 1pt solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: white 1pt solid;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: white 1pt solid;
    COLOR: black;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: gray 1pt solid;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: gainsboro;
    TEXT-ALIGN: center
}
.clsEditTableDetailEven
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: white
}
.clsEditTableDetailOdd
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: gainsboro
}
.clsEditTable
{
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    BACKGROUND-COLOR: gainsboro
}
.clsEditTableRow
{
    BORDER-RIGHT: gray 1pt solid;
    BORDER-TOP: gray 1pt solid;
    BORDER-LEFT: gray 1pt solid;
    BORDER-BOTTOM: gray 1pt solid;
    BACKGROUND-COLOR: gainsboro
}
.clsLGInputLabelLeft
{
	font: bold 10pt Verdana, Arial, Tahoma;
	text-transform: capitalize;
	color: navy;
	text-align: left;
}
.clsGroupHeader
{
	font-weight: bolder;
	font-size: 10pt;
	padding:5px;
margin-bottom:5px !important;
	text-transform: uppercase;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color:gainsboro;
}
.clsGroupFooter
{
	font-weight: bolder;
	font-size: 10pt;
	text-transform: uppercase;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: snow;
}
.clsGrandTotalFooter
{
	font-weight: bolder;
	font-size: 12pt;
	text-transform: uppercase;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color:Silver;
}
.clsQueryGroup
{
	font-weight: normal;
	font-size: 13pt;
	text-transform: none;
	color: navy;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: white;
}
.clsActiveDataOddPriority
{
	font-weight: normal;
	font-size: 9pt;
	color: black;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #ffff9d;
	font-variant: small-caps;
}
.clsActiveDataEvenPriority
{
	font-weight: normal;
	font-size: 9pt;
	color: black;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: fffb7d;
	font-variant: small-caps;
}
.clsActiveDataEvenPastDuePriority
{
	font-weight: normal;
	font-size: 9pt;
	color: yellow;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #000000;
	font-variant: small-caps;
}
.clsActiveDataOddPastDuePriority
{
	font-weight: normal;
	font-size: 9pt;
	color: yellow;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #000000;
	font-variant: small-caps;
}
.clsActiveDataEvenPastDueRoutine
{
	font-weight: normal;
	font-size: 9pt;
	color: white;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #000000;
	font-variant: small-caps;
}
.clsActiveDataOddPastDueRoutine
{
	font-weight: normal;
	font-size: 9pt;
	color: white;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #000000;
	font-variant: small-caps;
}
.clsActiveDataEvenPastDue
{
	font-weight: normal;
	font-size: 9pt;
	color: red;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #000000;
	font-variant: small-caps;
}
.clsActiveDataOddPastDue
{
	font-weight: normal;
	font-size: 9pt;
	color: red;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #000000;
	font-variant: small-caps;
}
 
.clsActiveDataEvenNegativeNumber
{
	font-weight: normal;
	font-size: 9pt;
	color: red;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: aliceblue;
	font-variant: small-caps;
}

.clsActiveDataEven
{
	font-weight: normal; 
	color: black;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*background-color: aliceblue;*/ 
	font-size: .815em;  
	font-variant:small-caps;  
    background: #ffffff; /* Old browsers */
     
}
.clsActiveDataOdd
{
	font-weight: normal;
	font-size: .815em; 
	color: black;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*background-color: whitesmoke;*/
	font-variant: small-caps; 
    background: #f7fbff; /* Old browsers */ 
     background-color: #f7fbff; /* Old browsers */ 
}
 
.clsActiveDataOddNegativeNumber
{
	font-weight: normal;
	font-size: 9pt;
	color: red;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: whitesmoke;
	font-variant: small-caps;
}
.clsActiveDataOddClosed
{
	font-weight: normal;
	font-size: 9pt;
 	color: black;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #99ff99;
	font-variant: small-caps; 
}
.clsActiveDataEvenClosed
{
	font-weight: normal;
	font-size: 9pt;
 	color: black;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #ccffcc;
	font-variant: small-caps;
}
.clsActiveDataEvenEmergency
{
	font-weight: normal;
	font-size: 9pt;
	color: black;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: orangered;
	font-variant: small-caps;
}
.clsActiveDataOddEmergency
{
	font-weight: normal;
	font-size: 9pt;
	color: black;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #ff3300;
	font-variant: small-caps;
} 
 .clsActiveDataRejected
{
	font-weight: normal;
	font-size: 9pt;
	color: black;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color:  olive;
	font-variant: small-caps;
}
.clsActiveDataForwarded
{
	font-weight: normal;
	font-size: 9pt;
	color: black;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: orange;
	font-variant: small-caps;
}




.clsSubTitle
{
	font-weight: bold;
	font-size: 1.25em;
	color: gray;
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding:0.1em 0;
	margin:0 1em;
}

ul.editSection600 {
  background:url('../images/editSection600_bottom.png') no-repeat bottom left;
  margin-top:1em;
}

ul.editSection600 li {
  padding:10px;
  padding-bottom:5px;
}

ul.editSection600 li.first {
  background:url('../images/editSection600_top.png') no-repeat top left;
}

ul.editSection600 span.title {
  display:block;
  font-size:1.25em;
  padding:0.25em 0;
}







ul.editSection700 {
  background:url('../images/editSection700_bottom.png') no-repeat bottom left;
  margin-top:1em;
}

ul.editSection700 li {
  padding:5px;
  padding-bottom:5px;
}

ul.editSection700 li.first {
  background:url('../images/editSection700_top.png') no-repeat top left;
}

ul.editSection700 span.title {
  display:block;
  font-size:1.25em;
  padding:0.25em 0;
}

.seperator
 {
  background:url('../images/section_seperator.png') repeat-x center;
 }

.textEditBlock
{
	font-weight: normal;
	  
}

.clsReportGrandTotal
{
	font-weight: bold;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    HEIGHT: 25px;
    BACKGROUND-COLOR: orange;
    TEXT-ALIGN: left
}
.clsColumnHeaderCenterWhiteOnBlue
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: white;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    HEIGHT: 25px;
    BACKGROUND-COLOR: blue;
	VERTICAL-ALIGN: center;     
    TEXT-ALIGN: center 

}
.clsColumnHeaderCenterBlackOnLightBlue
{
    font-weight: normal;
    font-size: 9pt;
    color: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 25px;
    background-color: #CEE7FF;
    vertical-align: center;
    text-align: center;
}
.clsColumnHeaderCenterBlackOnYellow
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    HEIGHT: 25px;
    BACKGROUND-COLOR: yellow;
	VERTICAL-ALIGN: center;
    TEXT-ALIGN: center 
}
.clsButtonGo
{
    BORDER-RIGHT: #0000ff;
    BORDER-TOP: #0000ff;
    BACKGROUND-IMAGE: url(..\AppGraphics\go_green.gif);
    BORDER-LEFT: #0000ff;
    WIDTH: 20pt;
    COLOR: black;
    BORDER-BOTTOM: #0000ff;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    HEIGHT: 18pt;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
}
.clsButtonReset
{
    BACKGROUND-IMAGE: url(..\AppGraphics\Reset.gif);
	BACKGROUND-REPEAT: no-repeat;
    WIDTH: 22pt;
    HEIGHT: 18pt
}
.clsButtonEstimateDetail
{
    BACKGROUND-IMAGE: url(..\AppGraphics\est_detail_button.gif);
    WIDTH: 78pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    HEIGHT: 18pt;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
}
.clsButtonIssueSo
{
    BACKGROUND-IMAGE: url(..\AppGraphics\issue_wo_button.gif);
    WIDTH: 78pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    HEIGHT: 18pt;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
}
.clsButtonEstimateCost
{
    BACKGROUND-IMAGE: url(..\AppGraphics\est_cost_button.gif);
    WIDTH: 78pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    HEIGHT: 18pt;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
}
.clsButtonVoidEstimate
{
    BACKGROUND-IMAGE: url(..\AppGraphics\void_estimate_button.gif);
    WIDTH: 78pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    HEIGHT: 18pt;
    TEXT-ALIGN: center
}
.clsButtonSaveAs
{
    BACKGROUND-IMAGE: url(..\AppGraphics\save_est_as_button.gif);
    WIDTH: 78pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    HEIGHT: 18pt;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
}
.clsButtonActualVsEst
{
    BACKGROUND-IMAGE: url(..\AppGraphics\actual_vs_est_button.gif);
    WIDTH: 78pt;
    COLOR: black;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    HEIGHT: 18pt;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.clsTableRowGroup
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    TEXT-TRANSFORM: uppercase;
    COLOR: navy;
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: yellow;
    FONT-VARIANT: small-caps
}


 /*----------------------------------------------------------------------*/
/* NEW BTNS AND LAYOUT BOX
/*----------------------------------------------------------------------*/

.theBox_grey_transparent { 
           
            box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
            -moz-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
            -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
            background: #f7f7f7 !important; /* Old browsers */ 
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%); /* W3C */ 
            *border:1px solid #bbb;
         }

        table.dashboardSearchOptions tr td
        {padding:0px 3px 0px 3px
        }
 
        .btn_light {
        background-color: #F8F8F8;
        border-color: #BBB;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
        background-image: -o-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -ms-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -moz-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -webkit-linear-gradient( #F8F8F8, #ECECEC);
        background-image: linear-gradient( #F8F8F8, #ECECEC);
        }
      
        
        .btn_light:hover, .btn_light:hover {
        background-color: #F8F8F8;
        border-color: #BBB;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
        color:#222 ;
        background-image: -o-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -ms-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -moz-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -webkit-linear-gradient( #F8F8F8, #ECECEC);
        background-image: linear-gradient( #F8F8F8, #ECECEC);
        }
        .btn_light {
        background-color: #F8F8F8;
        color: #222;
        }
         .btn_light {
        height: 26px;
        padding: 2px 5px;
        *padding:2px 0px !important;
        border: 1px solid #BBB;
        border-radius: 2px;
        color: #222;
        cursor: pointer;
        font-size: 11px;
        font-weight: 500;
        }

         a.btn_light
        {padding: 5px 10px; 
         text-decoration:none;
        }
 
        .btn_save {
        background-color: #ff3019;
        border-color: #CF0404;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
        color: white;
        background-image: -o-linear-gradient( #ff3019, #CF0404);
        background-image: -ms-linear-gradient( #ff3019, #CF0404);
        background-image: -moz-linear-gradient( #ff3019, #CF0404);
        background-image: -webkit-linear-gradient( #ff3019, #CF0404);
        background-image: linear-gradient( #ff3019, #CF0404);
        } 
        .btn_save:hover, .btn_save:hover {
        background-color: #ff3019;
        border-color: #CF0404;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
        color: white;
        background-image: -o-linear-gradient( #ff3019, #CF0404);
        background-image: -ms-linear-gradient( #ff3019, #CF0404);
        background-image: -moz-linear-gradient( #ff3019, #CF0404);
        background-image: -webkit-linear-gradient( #ff3019, #CF0404);
        background-image: linear-gradient( #ff3019, #CF0404);
        }
        .btn_save {
        background-color: #ff3019;
        color: white;
        }
         .btn_save {
        height: 26px;
        padding: 2px 5px;
        *padding: 2px 0px;
        border: 1px solid #CF0404;
        border-radius: 2px;
        color: white;
        cursor: pointer;
        font-size: 11px;
        font-weight: 500;
        }
          a.btn_save
        {padding: 5px 10px; 
         text-decoration:none;
         text-transform:none ;
         color:white;
         font-size: 12px;
         font-weight:normal;
         border: 1px solid #CF0404;
        }


 
.btn_primary:hover, .btn_primary:hover {
background-color: #959595;
border-color: #797979;
box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
color: white;
background-image: -o-linear-gradient( #0094E0, #0084DA);
background-image: -ms-linear-gradient( #0094E0, #0084DA);
background-image: -moz-linear-gradient( #0094E0, #0084DA);
background-image: -webkit-linear-gradient( #0094E0, #0084DA);
background-image: linear-gradient( #0094E0, #0084DA);
}
.btn_primary {
background-color: #008DDE;
color: white;
}
 .btn_primary {height: 26px;
padding: 2px 10px;
border: 1px solid #797979;
border-radius: 2px;
color: white;
cursor: pointer;
font-size: 11px;
font-weight: 500;
text-decoration: none;
}

 

a.btn_primary
{       
        padding: 5px 10px; 
        text-decoration:none; 
        color:white;
        font-size: 11px;
        font-weight:normal;
        border: 1px solid #797979;
        white-space: nowrap;
}

@media print
{



    .btn_light
    {
        background-color: #F8F8F8;
        border-color: #BBB;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
        background-image: -o-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -ms-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -moz-linear-gradient( #F8F8F8, #ECECEC);
        background-image: -webkit-linear-gradient( #F8F8F8, #ECECEC);
        background-image: linear-gradient( #F8F8F8, #ECECEC);
    }


        .btn_light:hover, .btn_light:hover
        {
            background-color: #F8F8F8;
            border-color: #BBB;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
            color: #222;
            background-image: -o-linear-gradient( #F8F8F8, #ECECEC);
            background-image: -ms-linear-gradient( #F8F8F8, #ECECEC);
            background-image: -moz-linear-gradient( #F8F8F8, #ECECEC);
            background-image: -webkit-linear-gradient( #F8F8F8, #ECECEC);
            background-image: linear-gradient( #F8F8F8, #ECECEC);
        }

    .btn_light
    {
        background-color: #F8F8F8;
        color: #222;
    }

    .btn_light
    {
        height: 26px;
        padding: 2px 5px;
        *padding: 2px 0px !important;
        border: 1px solid #BBB;
        border-radius: 2px;
        color: #222;
        cursor: pointer;
        font-size: 11px;
        font-weight: 500;
    }

    a.btn_light
    {
        padding: 5px 10px;
        text-decoration: none;
    }

    .btn_save
    {
        background-color: #ff3019;
        border-color: #CF0404;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
        color: white;
        background-image: -o-linear-gradient( #ff3019, #CF0404);
        background-image: -ms-linear-gradient( #ff3019, #CF0404);
        background-image: -moz-linear-gradient( #ff3019, #CF0404);
        background-image: -webkit-linear-gradient( #ff3019, #CF0404);
        background-image: linear-gradient( #ff3019, #CF0404);
    }

        .btn_save:hover, .btn_save:hover
        {
            background-color: #ff3019;
            border-color: #CF0404;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
            color: white;
            background-image: -o-linear-gradient( #ff3019, #CF0404);
            background-image: -ms-linear-gradient( #ff3019, #CF0404);
            background-image: -moz-linear-gradient( #ff3019, #CF0404);
            background-image: -webkit-linear-gradient( #ff3019, #CF0404);
            background-image: linear-gradient( #ff3019, #CF0404);
        }

    .btn_save
    {
        background-color: #ff3019;
        color: white;
    }

    .btn_save
    {
        height: 26px;
        padding: 2px 5px;
        *padding: 2px 0px;
        border: 1px solid #CF0404;
        border-radius: 2px;
        color: white;
        cursor: pointer;
        font-size: 11px;
        font-weight: 500;
    }

    a.btn_save
    {
        padding: 5px 10px;
        text-decoration: none;
        text-transform: uppercase;
        color: white;
        font-size: 12px;
        font-weight: normal;
        border: 1px solid #CF0404;
    }



    .btn_primary:hover, .btn_primary:hover
    {
        background-color: #959595;
        border-color: #797979;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
        color: white;
        background-image: -o-linear-gradient( #0094E0, #0084DA);
        background-image: -ms-linear-gradient( #0094E0, #0084DA);
        background-image: -moz-linear-gradient( #0094E0, #0084DA);
        background-image: -webkit-linear-gradient( #0094E0, #0084DA);
        background-image: linear-gradient( #0094E0, #0084DA);
    }

    .btn_primary
    {
        background-color: #008DDE;
        color: white;
    }

    .btn_primary
    {
        height: 26px;
        padding: 2px 10px;
        border: 1px solid #797979;
        border-radius: 2px;
        color: white;
        cursor: pointer;
        font-size: 11px;
        font-weight: 500;
        text-decoration: none;
    }



    a.btn_primary
    {
        padding: 5px 10px;
        text-decoration: none;
        text-transform: uppercase;
        color: white;
        font-size: 12px;
        font-weight: normal;
        border: 1px solid #797979;
        white-space: nowrap;
    }
}


 /*----------------------------------------------------------------------*/
/* CALENDAR
/*----------------------------------------------------------------------*/
 
/* input box in default state */ 
.tcalInput {
	background: url('img/cal.gif') 100% 50% no-repeat;
	padding-right: 20px;
	cursor: pointer;
        background-color:#fff; 
 
}

a.tcalIcon{width:18px;height:15px;  
	background-image: url('img/cal.gif');
        background-repeat:no-repeat;float:left;margin-left:5px;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
	background-image: url('img/no_cal.gif');
}
/* container of calendar's pop-up */
#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 1000000 !important;
	width: 210px !IMPORTANT;
	
	cursor: pointer;
        background-color:#fff; 
	margin-top: 6px;
	margin-left:75px;
	padding: 0 2px 2px 2px; 
    border: 1px solid #bbb 
	-moz-box-shadow: 3px 3px 4px silver;
	-webkit-box-shadow: 3px 3px 4px silver;
	/*box-shadow: 3px 3px 4px silver;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');*/
}

/* table containing navigation and current month */
#tcalControls {
	border-collapse: collapse;
	border: 0;
	width: 100%;
	margin:3px 0px 3px 0px;
}
#tcalControls td {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 16px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#tcalControls th {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	white-space: nowrap;
}
#tcalPrevYear { background-image: url('img/prev_year.gif'); }
#tcalPrevMonth { background-image: url('img/prev_mon.gif'); }
#tcalNextMonth { background-image: url('img/next_mon.gif'); }
#tcalNextYear { background-image: url('img/next_year.gif'); }

/* table containing week days header and calendar grid */
#tcalGrid {
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
}
#tcalGrid th {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 3px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: gray;
	color: white;
}
#tcalGrid td {
	border: 0;
	border-collapse: collapse;
	padding: 2px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 14%;
	font-size: 11px;
	cursor: pointer;
}		
#tcalGrid td.tcalOtherMonth { color: silver; }
#tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
#tcalGrid td.tcalToday { border: 1px solid red; }
#tcalGrid td.tcalSelected { background-color: #FFB3BE; }		

.tcal{width:100px;z-index:-1;  
	background: url('img/cal.gif') #fff 100% 50% no-repeat !important;font-size: 12px;
	padding-right: 20px;}




  
        
/* Flora style sheet for jQuery Datepicker v4.0.2. */
.datepick {
	background-color: #e0f4d7;
	color: #000;
	border: 1px solid #00c; 


    /*border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;*/
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;,Helvetica,Sans-serif;
	font-size: 90%;
}
.datepick-rtl {
	direction: rtl;
}
.datepick-popup {
	z-index: 1000;
}
.datepick-disable {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.datepick a {
	color: #000;
	text-decoration: none;
}
.datepick a.datepick-disabled {
	color: #888;
	cursor: auto;
}
.datepick button {
    margin: 0.25em;
    padding: 0.125em 0em;
    background-color: #fc8;
    border: none;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-weight: bold;
}
.datepick-nav a
        {color: #fff !important;
        }
.datepick-nav, .datepick-ctrl {
	float: left;
	width: 100%; 
	color: #fff !important;
    background: #88bfe8;
background: -moz-linear-gradient(top, #88bfe8 0%, #9dc1ff 1%, #4286fd 2%, #0124ab 98%, #3775ef 99%, #3775ef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88bfe8), color-stop(1%,#9dc1ff), color-stop(2%,#4286fd), color-stop(98%,#0124ab), color-stop(99%,#3775ef), color-stop(100%,#3775ef));
background: -webkit-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
background: -o-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
background: -ms-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
background: linear-gradient(to bottom, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#3775ef',GradientType=0 );
	font-size: 90%;
	font-weight: bold;
}
.datepick-ctrl {
	   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
color: #fff !important;
font-weight: bold;
border-color: #00c;
background: #88bfe8;
background: -moz-linear-gradient(top, #88bfe8 0%, #9dc1ff 1%, #4286fd 2%, #0124ab 98%, #3775ef 99%, #3775ef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88bfe8), color-stop(1%,#9dc1ff), color-stop(2%,#4286fd), color-stop(98%,#0124ab), color-stop(99%,#3775ef), color-stop(100%,#3775ef));
background: -webkit-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
background: -o-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
background: -ms-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
background: linear-gradient(to bottom, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#3775ef',GradientType=0 );
}
.datepick-cmd {
	width: 30%;
}
        .datepick-ctrl a
        {
            color: #fff !important;
        }
.datepick-cmd:hover {
	background-color: #b1db87;
}
.datepick-ctrl .datepick-cmd:hover {
	background-color: #fa4;
}
.datepick-cmd-prevJump, .datepick-cmd-nextJump {
	width: 8%;
}
a.datepick-cmd {
	height: 1.5em;
}
button.datepick-cmd {
	text-align: center;
}
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
	float: left;
	padding-left: 2%;
}
.datepick-cmd-current, .datepick-cmd-today {
	float: left;
	width: 35%;
	text-align: center;
}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
	float: right;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
	float: right;
	padding-left: 0%;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
	float: right;
}
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
	float: left;
	padding-left: 2%;
	padding-right: 0%;
	text-align: left;
}
.datepick-month-nav {
	float: left;
	background-color: #eee;
	text-align: center;
}
.datepick-month-nav div {
	float: left;
	width: 12.5%;
	margin: 1%;
	padding: 1%;
}
.datepick-month-nav span {
	color: #888;
}
.datepick-month-row {
	clear: left;
}
.datepick-month {
	float: left;
	width: 15em;
	border: 1px solid #83c948;
	text-align: center;
}
        .datepick-month-header
        {    padding-top:2px;
        }
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
	height: 1.5em; 
    line-height:21px;
	color: #333;
	font-weight: bold;
    background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #dadada 98%, #ffffff 99%, #dadada 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(98%,#dadada), color-stop(99%,#ffffff), color-stop(100%,#dadada));
background: -webkit-linear-gradient(top, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
background: -o-linear-gradient(top, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
background: linear-gradient(to bottom, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 );
}
.datepick-month-header select, .datepick-month-header input {
	height: 1.4em;
	border: 1px solid #A1A5A9;
}
.datepick-month-header input {
	position: absolute;
	display: none;
}
.datepick-month table {
	width: 100%;
	border-collapse: collapse;
}
.datepick-month thead {
	border-bottom: 1px solid #aaa;
}
.datepick-month th, .datepick-month td {
	margin: 0em;
	padding: 0em;
	font-weight: normal;
	text-align: center;
}
.datepick-month th {
	border: 1px solid #ddd;
}
.datepick-month th, .datepick-month th a {
	background-color: #eee;
	color: #000;
	border: 1px solid #888;
}
.datepick-month td {
	background-color: #fff;
	color: #666;
	border: 1px solid #888; 
}
.datepick-month td.datepick-week * {
	background-color: #b1db87;
	color: #666;
	border: none;
}
.datepick-month a {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
	text-decoration: none;
}
.datepick-month span {
	display: block;
	width: 100%;
	padding: 0em 0em;
}
.datepick-month td span {
	color: #888;
}
.datepick-month td .datepick-other-month {
	background-color: #e0f4d7;
}
.datepick-month td .datepick-weekend {
	background-color: #e0f4d7;
}
.datepick-month td .datepick-today {
	background-color: #b1db87;
}
.datepick-month td .datepick-highlight {
	background-color: #fc8;
}
.datepick-month td .datepick-selected {
	color: #fff;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
font-weight: bold;
border-color: #c00;
background: #e8bf88;
background: -moz-linear-gradient(top, #e8bf88 0%, #ffc19d 1%, #fd8642 2%, #ab2412 98%, #ef753f 99%, #ef753f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8bf88), color-stop(1%,#ffc19d), color-stop(2%,#fd8642), color-stop(98%,#ab2412), color-stop(99%,#ef753f), color-stop(100%,#ef753f));
background: -webkit-linear-gradient(top, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
background: -o-linear-gradient(top, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
background: -ms-linear-gradient(top, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
background: linear-gradient(to bottom, #e8bf88 0%,#ffc19d 1%,#fd8642 2%,#ab2412 98%,#ef753f 99%,#ef753f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8bf88', endColorstr='#ef753f',GradientType=0 );
} 


.datepick-status {
	clear: both;
	background-color: #b1db87;
	text-align: center;
}
.datepick-clear-fix {
	clear: both;
}
.datepick-cover {
    display: none;
    display/**/: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -1px;
    left: -1px;
    width: 100px;
    height: 100px;
}




.datepick-month a {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
position: relative;
float: left;
padding: 0;
margin: 0;
font-size: 14px;
text-align: center;
cursor: pointer;
color: #222;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #dadada 98%, #ffffff 99%, #dadada 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(98%,#dadada), color-stop(99%,#ffffff), color-stop(100%,#dadada));
background: -webkit-linear-gradient(top, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
background: -o-linear-gradient(top, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
background: linear-gradient(to bottom, #ffffff 0%,#dadada 98%,#ffffff 99%,#dadada 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 );
}

.datepick-month a{
font-weight: bold;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
}
.datepick-month td .datepick-weekend 
{
color: #3858a8;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
} 

.datepick-month a:hover
{
background: #fcfff4;
background: -moz-linear-gradient(top, #fcfff4 0%, #e9e9ce 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#e9e9ce));
background: -webkit-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%);
background: -o-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%);
background: -ms-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%);
background: linear-gradient(to bottom, #fcfff4 0%,#e9e9ce 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 );
}

        .datepick-month td .datepick-today { 
            text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
color: #fff;
font-weight: bold;
border-color: #00c;
background: #88bfe8;
background: -moz-linear-gradient(top, #88bfe8 0%, #9dc1ff 1%, #4286fd 2%, #0124ab 98%, #3775ef 99%, #3775ef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88bfe8), color-stop(1%,#9dc1ff), color-stop(2%,#4286fd), color-stop(98%,#0124ab), color-stop(99%,#3775ef), color-stop(100%,#3775ef));
background: -webkit-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
background: -o-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
background: -ms-linear-gradient(top, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
background: linear-gradient(to bottom, #88bfe8 0%,#9dc1ff 1%,#4286fd 2%,#0124ab 98%,#3775ef 99%,#3775ef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#3775ef',GradientType=0 );
}


input[disabled='disabled'] { 
	border:1px solid #bbb;
}
.viewAssetLabelExtraLarge{
  background-color:silver;
	border:1px solid #bbb !important;width:250px !important
}
.viewAssetLabelLarge {
  background-color:silver;
	border:1px solid #bbb !important;width:170px !important
}
.viewAssetLabelMedium{
  background-color:silver;
	border:1px solid #bbb !important;width:125px !important
}
.viewAssetLabelSmall{
  background-color:silver;
	border:1px solid #bbb !important;width:80px !important
}
.viewLabelBasic50{padding:1px	1px 1px	1px;width:50em !important;color:#444;min-width:150px; padding:3px;margin:0px;} 
.viewLabelBasic{padding:1px	1px 1px	1px; width:20em !important;color:#444;min-width:150px; padding:3px;margin:0px;}
.viewLabelBasic20{padding:1px	1px 1px	1px; width:20em !important;color:#444;min-width:150px; padding:3px;margin:0px;}
.viewLabelBasic15{padding:1px	1px 1px	1px; width:15em !important;color:#444;min-width:150px; padding:3px;margin:0px;}
.viewLabelBasic6{padding:1px	1px 1px	1px; width:6em !important;color:#444;min-width:150px; padding:3px;margin:0px;}
.viewLabelBasic16{padding:1px	1px 1px	1px; width:16em !important;color:#444;min-width:150px; padding:3px;margin:0px;}
.viewLabelBasic42{padding:1px	1px 1px	1px; width:42em !important;color:#444;min-width:150px; padding:3px;margin:0px;}
.viewLabelBasic8{padding:1px	1px 1px	1px; width:8em !important;color:#444;min-width:150px; padding:3px;margin:0px;}
.viewLabelBasic9{padding:1px	1px 1px	1px; width:9em !important;color:#444;min-width:150px; padding:3px;margin:0px;}
.viewLabelBasic26{padding:1px	1px 1px	1px; width:26em !important;color:#444;min-width:150px; padding:3px;margin:0px;}
.viewLabelBasic5{padding:1px	1px 1px	1px; width:5em !important;color:#444;min-width:150px; padding:3px;margin:0px;}
.viewLabelBasic26{padding:1px	1px 1px	1px; width:13em !important;color:#444;min-width:150px; padding:3px;margin:0px;}
.viewLabelBasic4{padding:1px	1px 1px	1px; width:4em !important;color:#444;min-width:150px; padding:3px;margin:0px;}
.viewLabelBasic18{padding:1px	1px 1px	1px; width:4em !important;color:#444;min-width:150px; padding:3px;margin:0px;}
.viewLabelBasic12{padding:1px	1px 1px	1px; width:12em !important;color:#444;min-width:150px; padding:3px;margin:0px;}       
.viewLabelBasic13{padding:1px	1px 1px	1px; width:13em !important;color:#444;min-width:150px; padding:3px;margin:0px;}
.viewLabelBasic32{padding:1px	1px 1px	1px; width:32em !important;color:#444;min-width:150px; padding:3px;margin:0px;} 
.viewLabelBasic15{padding:1px	1px 1px	1px; width:15em !important;color:#444;min-width:150px; padding:3px;margin:0px;}   
.viewLabelBasic30{padding:1px	1px 1px	1px; width:30em !important;color:#444;min-width:150px; padding:3px;margin:0px;} 
.viewLabelBasic38{padding:1px	1px 1px	1px; width:38em !important;color:#444;min-width:150px; padding:3px;margin:0px;}  
.viewLabelBasic45{padding:1px	1px 1px	1px; width:45em !important;color:#444;min-width:150px; padding:3px;margin:0px;}     
.viewLabelBasic69{padding:1px	1px 1px	1px; width:69em !important;color:#444;min-width:150px; padding:3px;margin:0px;} 
.viewLabelBasic10{padding:1px	1px 1px	1px; width:10em !important;color:#444;min-width:150px; padding:3px;margin:0px;}


label.clsInputLabelLeft
{padding:1px	1px 1px	1px;  color:#444;min-width:150px; padding:3px;margin:0px;
}



h2.secHeader {
    font-family: 'Open Sans Condensed','Arial Narrow',sans-serif;
    text-transform: uppercase;
    color: #444;
    font-weight: bold;
    margin-bottom: 4px;
    font-size:1em;
    line-height:23px;
}
h2.secHeader span {
    font-family: 'Open Sans Condensed','Arial Narrow',sans-serif;
    text-transform: uppercase;
    color: #444;
    font-weight: bold;
    margin-bottom: 4px;
}


/*UPDATED 5-29-13*/
.clsEditButtonNavigation {background-color:white;border-bottom:1px solid #bbb; }
.clsEditButtonNavigation tr td table td  {padding:5px;  }
.secPadding{padding:5px 5px 5px 5px;}
.secPaddingBottom{padding:5px 5px 15px 5px;}





/*UPDATED 7-18-2013*/
/* fixed hover over design */
#dropmenudiv {
position: absolute !important; 
border: 1px solid #bbb !important; 
font: normal 10px Verdana !important; 
line-height: 18px !important; 
z-index: 100; 
box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
}





/* 
    UPDATED BY MATT K 7-31-2013 
    moved stylesheet from custom folder to main stylesheet
    for the reports dashboard from the todolistv10
*/

.service_type_container {max-width:970px;height:100%;margin:0px auto;padding:0px;} 
.service_type_box { 
    padding:10px 0px; width:130px; float:left;margin-left:20px; margin-bottom:20px;
    margin-top:10px;border:1px solid #fff !IMPORTANT;text-decoration:none !important 
} 
.service_type_box:hover {border:1px solid #fff; background-color:#d2ccc8;  -moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #333;}  
.service_type_box:hover p.service_type_label { }  
p.service_type_label {font-family:'arial';cursor:pointer; font-size:10px; font-weight:bold; cursor:pointer;
                  text-align:center;padding:2px;
                  }
p.service_type_label:hover {  }
.service_type_label {cursor:pointer;font-family:'ColaborateLightRegular';line-height:16px; }
p.service_type_label {margin-top: 0px;margin-bottom: 0px;position:relative; top:0px; left:0;}


.green_grad{
   
background: #9ecb2d; /* Old browsers */
background: -moz-linear-gradient(top, #9ecb2d 0%, #72aa00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ecb2d), color-stop(100%,#72aa00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9ecb2d 0%,#72aa00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9ecb2d 0%,#72aa00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9ecb2d 0%,#72aa00 100%); /* IE10+ */
background: linear-gradient(to bottom, #9ecb2d 0%,#72aa00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ecb2d', endColorstr='#72aa00',GradientType=0 ); /* IE6-9 */
}
    .green_grad p
    {
        color: #fff !important;
    }


.orange_grad{ 
background: #f38002; /* Old browsers */
background: -moz-linear-gradient(top, #f38002 0%, #c25d08 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f38002), color-stop(100%,#c25d08)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f38002 0%,#c25d08 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f38002 0%,#c25d08 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f38002 0%,#c25d08 100%); /* IE10+ */
background: linear-gradient(to bottom, #f38002 0%,#c25d08 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f38002', endColorstr='#c25d08',GradientType=0 ); /* IE6-9 */
}
 .orange_grad p
    {
        color: #fff !important;
    }
.blue_grad{  
background: #87bcea; /* Old browsers */
background: -moz-linear-gradient(top, #87bcea 0%, #0a77d5 97%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87bcea), color-stop(97%,#0a77d5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #87bcea 0%,#0a77d5 97%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #87bcea 0%,#0a77d5 97%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #87bcea 0%,#0a77d5 97%); /* IE10+ */
background: linear-gradient(to bottom, #87bcea 0%,#0a77d5 97%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87bcea', endColorstr='#0a77d5',GradientType=0 ); /* IE6-9 */
}
.blue_grad p
    {
        color: #fff !important;
    }




/*---------------------------------------*/
/*                 
/*  GENERAL STYLES
/*                  
/*---------------------------------------*/ 	 
       
 .clear {display:block;zoom:1;}
.clear:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}




/*-------------------------------------------------------------------*/
/*  UPDATED 10-8-2013 By Matt K */
/*  ASSETOPIA/MFG/PROFILES HEADERS CSS       */
/*-------------------------------------------------------------------*/
 
.assetopia_loggedin {margin-left:155px; }
 #mfgBar .mfgHeader ul  li{ list-style:none;display: inline;} 

  
  
  

.mfgNav {
    float: left;
    width: 100%;
    background-color:#008dde;
    /*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f8f8f8,#eeeeee);
    background-image: -moz-linear-gradient(#f8f8f8,#eeeeee);
    background-image: -o-linear-gradient(#f8f8f8,#eeeeee);
    background-image: linear-gradient(#f8f8f8,#eeeeee);*/
    border-top: 1px solid #444;
    border-bottom: 1px solid #000 !important;
    height: 25px;
}
.mfgNav ul { margin-left: 10px; }
.mfgNav ul {
    padding-left: 15px;
    padding-right: 15px; 
}
.mfgNav ul li {
    float: left;
    display: block;
    height:30px;
}
div.mfgNav ul li.selected a {
    border-left: 10px solid #43acff;
    display: block;
    margin: 2px 13px 0 13px;
    padding: 0;
    color: #f1f1f1;
    padding-left: 0;
    font-weight: normal;
    border-left-width: 0;
    /*border-bottom: 2px solid #333;*/
    line-height: 23px;
    text-shadow: 1px 1px 1px #333; z-index: 0;
}
  div.mfgNav ul li a {
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    border-left: 0 solid transparent; 
    display: block;
    margin: 2px 10px 0 10px;
    padding: 0; 
    border-left-width: 0px;
    border-bottom: 0 solid #0077b5;
    line-height: 23px;
    text-shadow: 1px 1px 1px #333;
    -webkit-transition: border-bottom-width 0.3s ease-out,color 0.3s ease-out;
    -moz-transition: border-bottom-width 0.3s ease-out,color 0.3s ease-out;
    -o-transition: border-bottom-width 0.3s ease-out,color 0.3s ease-out;
    transition: border-bottom-width 0.3s ease-out,color 0.3s ease-out;
}
    div.mfgNav ul li a:active
    {
        border:none;
    }

  div.mfgNav ul li:hover,div.mfgNav ul li.selected  {
background: url("../images/nav-sprite_g.png") no-repeat   center 23px;
cursor: pointer;  
z-index: 9999;
}


  /*HEADER BAR FOR MFGS*/
 div.mfg-bar{
    padding-top:15px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    display: block;
    min-height: 146px;
    height: auto;
    _height: 146px;
}  

div.mfg-bar .mfg-leftsection  { display: table; }
div.mfg-bar .mfg-leftsection {
    background: #fff;
    overflow: visible;
    margin: 15px 0px 0px 0;
    float: left;
    width: 402px;
   
}
div.mfg-bar .content-wrapper {
    height: 31px;
} 
div.mfg-bar .mfg-leftsection .content-wrapper  {
    display: table-cell;
    vertical-align: middle;
}
div.mfg-bar .mfg-rightsection  {
 float:right; position:relative;top:15px;right:10px
}
div.mfg-bar .mfg-leftsection .content-wrapper h1 {
     /*margin-left:10px;*/
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    color: #000;
    width: 200px;
}
div.mfg-bar .image-wrapper {
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    float: left;
    padding:3px 8px 3px 8px;
    margin: -5px 0 -10px 20px;
    min-height: 80px;
    height: 80px;
    _height: 80px;
    min-width: 120px;
    width: 140px !important;
    _width: 120px;
    position: absolute;
    width: auto;
}
div.mfg-bar .image-wrapper img  { 
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    } 
div.mfg-bar .content-wrapper
{
    font-size:.775em;
}
    div.mfg-bar table.leftSectionInfo
    {
        float:left;
    }
div.mfg-bar table.leftSectionInfo   tr td  
{
     padding:3px; white-space:nowrap;
}
div.mfg-bar table.leftSectionInfo   tr td  label
{
     padding-right:3px; 
}
div.mfg-bar table.leftSectionInfo   tr td  span
{
     padding-right:12px; 
}
  /*END HEADER BAR FOR MFGS*/
  

  /*HEADER BAR FOR ASSETS*/
 div.assets-bar{
    padding-top:15px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    display: block;
    min-height: 80px;
    height: auto;
    _height: 80px;
    margin-bottom:10px; 
}  

div.assets-bar .mfg-leftsection  { display: table; }
div.assets-bar .mfg-leftsection {
    background: #fff;
    overflow: visible;
    margin: 15px 0px 0px 0;
    float: left;
    width: 402px;
   
}
div.assets-bar .content-wrapper {
    height: 31px;
} 
div.assets-bar .mfg-leftsection .content-wrapper  {
    display: table-cell;
    vertical-align: middle;
}
div.assets-bar .mfg-rightsection  {
 float:right; position:relative;top:15px;right:10px
}
div.assets-bar .mfg-leftsection .content-wrapper h1 {
     /*margin-left:10px;*/
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    color: #000;
    width: 100%;
}
div.assets-bar .image-wrapper {
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    float: left;
    padding:3px 8px 3px 8px;
    margin: -5px 0 -10px 20px;
    min-height: 80px;
    height: 80px;
    _height: 80px;
    min-width: 120px;
    width: 140px !important;
    _width: 120px;
    position: absolute;
    width: auto;
}
div.assets-bar .image-wrapper img  { 
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    } 
div.assets-bar .content-wrapper
{
    font-size:.775em;
}
    div.assets-bar table.leftSectionInfo
    {
        float:left;
    }
div.assets-bar table.leftSectionInfo   tr td  
{
     padding:3px; white-space:nowrap;
}
div.assets-bar table.leftSectionInfo   tr td  label
{
     padding-right:3px; 
}
div.assets-bar table.leftSectionInfo   tr td  span
{
     padding-right:12px; 
}

div.assets-bar .content-wrapper h2
{
    width: 350px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top:7px;  
}

  /*END HEADER BAR FOR ASSETS*/
  
  
  
  
    
    h1.product-info-h1{ width:100%;float:left;font-size:1em;padding-left:8px; }
  table.assetopia_Registration tr th,table.assetopia_Registration tr td
{font-size:.9em; 
} 

table.assetopia_Registration tr th 
{ text-align:right;
}


table.clsInputTable2 tr td
{  
    padding: 0em  .3em .3em .3em;
    text-align: left;
}
table.clsInputTable2 tr td table  
{  
    border-spacing:0px;
    padding: 0em;
    margin:0em;
    text-align: left;
}
table.clsInputTable2 tr td table tr
{  
    border-spacing:0px;
    padding: 0em;
    margin:0em;
    text-align: left;
}
table.clsInputTable2 tr td table tr td
{  
    padding: 0em;
    margin:0em;
    text-align: left;
}

table.clsInputTable2 tr th
{  
    padding: .3em .3em .3em .3em;
    text-align: left;
}
table.clsInputTable2 {
border-collapse: separate; 
margin: .5em auto;
border-collapse: collapse;
vertical-align:top;
float:left;
}

table.clsMainTable tr td
{
    color: #444;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;
    padding: .3em 1em;
    text-align: left;
}
table.clsMainTable {
border-collapse: separate;
border-spacing: 2px;
border-color: gray; 
width: 90%;
border-top: 1px solid #DDD;
border-right: 1px solid #DDD;
margin: .5em auto;
border-collapse: collapse;
vertical-align:top;
}
    table.clsMainTable tr.w
    {
        background-color:#fff;background:#fff;
    }

table.nobordertable tr td
{
    border:none;
    padding:0px;
}

table.clsMainTable img {
    vertical-align:top;
}
 

.ulHorizontalList li {list-style:none;display:inline-block;*display:block;float:right }
.ulHorizontalList li span {line-height:21px;padding:0px 2px 0px 8px; }
.ulReportsHorizontalList li a{color:blue;text-decoration:none;font-size:1em;text-shadow:0px 1px 1px #fff;}
.ulReportsHorizontalList li {float:left;list-style:none;display:inline-block;*display:block; padding:10px 10px 10px 10px;width:230px;text-align:center;border-right:1px solid #bbb;}
.ulReportsHorizontalList li span {line-height:21px;padding:0px 2px 0px 8px; }
    .ulReportsHorizontalList 
    {
        
    }

/*useeeee this is there are issues with the section header displaymessage function.*/
.clsDisplayMessage
{
}


.clsDisplaySearchResults
{
    background-color:grey;
    color:#fff;
}
.clsDisplaySearchResults tr td
{ 
    color:#fff;font-weight:bold;
}

 .w100{
    width:100% !important;
}
 .w960{
    width:960px !important;margin:auto !important;
} 
 .w900{
    width:900px !important;margin:auto !important;
} 
 .w800{
    width:800px !important;margin:auto !important;
}



 /**UPDATE TO ICON instead of IMG TO LEFT OF PROFILE**/
   .profile_icn_wrapper{ 
float: left;
padding: 3px 8px 3px 8px;
margin: -5px 0 -10px 20px;
min-height: 80px;
height: 70px;
_height: 70px;
min-width: 80px;
width: 80px !important;
_width: 80px;
position: absolute;
width: auto;

   }

   .profile_icn_wrapper_singleline{ 
float: left;
padding: 3px 8px 3px 8px;
margin: -5px 0 -10px 20px;
min-height: 40px;
height: 35px;
_height: 35px;
min-width: 40px;
width: 40px !important;
_width: 40px;
position: absolute;
width: auto;

   }

   /*fix for margin in table*/

select.clsActiveData
{
    margin-left:1px !important;
         margin-right:5px
}
 input.clsActiveData
{
    margin-left:3px;
    margin-right:5px
}

.tcal
{margin-right:5px
}

td.clsInputLabelLeft,td.clsInputLabelLeft
{
    padding-left:2px;padding-right:6px
} 











  /*HEADER BAR FOR MFGS*/
 div.woprofile-bar{
    padding-top:15px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    display: block;
    min-height:120px;
    height: auto;
    _height: 120px;
}  

div.woprofile-bar .woprofile-leftsection  { display: table; }
div.woprofile-bar .woprofile-leftsection {
    background: #fff;
    overflow: visible;
    margin: 15px 0px 0px 0;
    float: left;
    width: 402px;
   
}
div.woprofile-bar .content-wrapper {
    height: 31px;
    width:100%;position:relative;top:0px;padding-left: 20px;
} 
div.woprofile-bar .woprofile-leftsection .content-wrapper  {
    display: table-cell;
    vertical-align: middle;
}
div.woprofile-bar .woprofile-rightsection  {
 float:right; position:relative;top:15px;right:10px
}
div.woprofile-bar .woprofile-leftsection .content-wrapper h1 {
     /*margin-left:10px;*/
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    color: #000;
    width: 100%;
}
div.woprofile-bar .image-wrapper {
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    float: left;
    padding:3px 8px 3px 8px;
    margin: -5px 0 -10px 20px;
    min-height: 80px;
    height: 80px;
    _height: 80px;
    min-width: 120px;
    width: 140px !important;
    _width: 120px;
    position: absolute;
    width: auto;
}
div.woprofile-bar .image-wrapper img  { 
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    } 
div.woprofile-bar .content-wrapper
{
    font-size:.775em;
}
    div.woprofile-bar table.leftSectionInfo
    {
        float:left;
    }
div.woprofile-bar table.leftSectionInfo   tr td  
{
     padding:3px; white-space:nowrap;
}
div.woprofile-bar table.leftSectionInfo   tr td  label
{
     padding-right:3px; 
}
div.woprofile-bar table.leftSectionInfo   tr td  span
{
     padding-right:12px; 
}
    div.woprofile-bar #pnlUploadLogoRights
    {
        float:left;padding-top:8px;padding-left:6px;
    }

.woprofileNav {
    float: left;
    width: 100%;
    background-color:#008dde;
    /*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f8f8f8,#eeeeee);
    background-image: -moz-linear-gradient(#f8f8f8,#eeeeee);
    background-image: -o-linear-gradient(#f8f8f8,#eeeeee);
    background-image: linear-gradient(#f8f8f8,#eeeeee);*/
    border-top: 1px solid #444;
    border-bottom: 1px solid #000 !important;height:28px;
}
.woprofileNav ul { 
    margin-left: 10px; padding-left:10px;
    padding-right: 20px;
    
}
.woprofileNav ul li {
    float: left;
    display: block;
    height:30px;
}
div.woprofileNav ul li.selected a {
    border-left: 10px solid #43acff;
    display: block;
    margin: 2px 13px 0 13px;
    padding: 0;
    color: #f1f1f1;
    padding-left: 0;
    font-weight: normal;
    border-left-width: 0;
    /*border-bottom: 2px solid #333;*/
    line-height: 23px;
    text-shadow: 1px 1px 1px #333; z-index: 0;
}
  div.woprofileNav ul li a {
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    border-left: 0 solid transparent;
    display: block;
    margin: 2px 13px 0 13px;
    padding: 0; 
    border-left-width: 0;
    border-bottom: 0 solid #0077b5;
    line-height: 23px;
    text-shadow: 1px 1px 1px #333;
    -webkit-transition: border-bottom-width 0.3s ease-out,color 0.3s ease-out;
    -moz-transition: border-bottom-width 0.3s ease-out,color 0.3s ease-out;
    -o-transition: border-bottom-width 0.3s ease-out,color 0.3s ease-out;
    transition: border-bottom-width 0.3s ease-out,color 0.3s ease-out;
}
    div.woprofileNav ul li a:active
    {
        border:none;
    }

  div.woprofileNav ul li:hover,div.woprofileNav ul li.selected  {
background: url("../images/nav-sprite_g.png") no-repeat   center 23px;
cursor: pointer;  
z-index: 9999;
}




/*SEARCH INPUT FIELD*/
#txtAddressInput:focus
{
    box-shadow: 0 1px 4px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    -webkit-box-shadow: 0 1px 4px rgba(34, 25, 25, 0.4);
    border:1px solid #2F5BB7;
}

#txtAddressInput
{
        color: #212121;
        background:#ffffff;
        font-weight:bold; 
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        height: 36px;
        margin: 0;
        padding: 8px 8px 8px 72px;
        transition: color .2s;
        width: 100%;
        border: 1px solid #bbb;
        border-radius: 2px;
        color: #212121;
        font: 14px/18px Roboto,sans-serif;
        margin: 0;
        max-width: 100%;
        outline: 0;
        padding: 7px;
        transition: border-color .2s;
        vertical-align: middle;
        box-shadow: 0 1px 4px rgba(34, 25, 25, 0.1);
                    -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
                    -webkit-box-shadow: 0 1px 4px rgba(34, 25, 25, 0.1);
}


.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-front {
	z-index: 100;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}

.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}

.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}





  /*END HEADER BAR FOR MFGS*/

.clsUp1
{
     position:relative;top:-1px; 
}
.clsUp2
{
     position:relative;top:-2px; 
}
.clsUp3
{
     position:relative;top:-3px; 
}
.clsUp4
{
     position:relative;top:-4px; 
}
.clsUp5
{
     position:relative;top:-5px; 
}
.clsUp6
{
     position:relative;top:-6px; 
}
 ul.clsReportsList li
	    {
            font-size:14px;color:#444; width:100%;line-height:22px !important;padding:0px;
	    }
        ul.clsReportsList li:hover
	    {
            width:100%;background-color:#f1f1f1;color:#333;
	    }

.clsTableBackground
{
    background: #f7f7f7 !important;
    background-color: #f7f7f7 !important;
}


div.box-content {
border-top-color: #d95049;width:100%;
}
  div.bl {
border-top: 3px solid #33B8FF;
}
  div.bl i {
color: #33B8FF;
}
   div.gr {
border-top: 3px solid #8cc474;
}
    div.gr i {
color: #8cc474;
}
    div.rd {
border-top: 3px solid #f00;
}

    div.rd i {
color: #d95049;
}
     div.yl {
border-top: 3px solid #f1ec0d;
}  div.yl i {
color: #f1ec0d;
}
 
div.or {
    border-top: 3px solid #f9b256;
}  
div.or i {
    color: #f9b256;
}       

  div.box-content {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

border-top-width: 4px;
padding: 20px 30px 10px 30px;
-moz-border-radius: 8px;
-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
-moz-box-sizing: border-box;
-webkit-border-radius: 8px;
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
background: #FFFfff;
background: -webkit-gradient(linear,left top,left bottom,color-stop(#FFFfff,0.01),color-stop(#f9f9f9,0.98));
background: -webkit-linear-gradient(top, #FFFfff 1%, #f9f9f9 98%);
background: -moz-linear-gradient(top, #FFFfff 1%, #f9f9f9 98%);
background: -o-linear-gradient(top, #FFFfff 1%, #f9f9f9 98%);
background: linear-gradient(top, #FFFfff 1%, #f9f9f9 98%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#FFFfff), color-stop(98%,#f9f9f9));
background: -webkit-linear-gradient(top, #FFFfff 1%,#f9f9f9 98%);
background: -moz-linear-gradient(top, #FFFfff 1%,#f9f9f9 98%);
background: -o-linear-gradient(top, #FFFfff 1%,#f9f9f9 98%);
background: linear-gradient(top, #FFFfff 1%,#f9f9f9 98%);
background: -webkit-linear-gradient(to bottom, #FFFfff 1%,#f9f9f9 98%);
background: -moz-linear-gradient(to bottom, #FFFfff 1%,#f9f9f9 98%);
background: -o-linear-gradient(to bottom, #FFFfff 1%,#f9f9f9 98%);
background: linear-gradient(to bottom, #FFFfff 1%,#f9f9f9 98%);
border-bottom: 1px solid #DFDFDF;
border-left: 1px solid #ECECEC;
border-radius: 8px;
border-right: 1px solid #ECECEC;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFfff', endColorstr='#f9f9f9',GradientType=0 );
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
min-height: 100px;
position: relative;
text-align: left;
z-index: 1;
} 
.box-content h4  {
color: #262626;
font-weight:normal;
display: inline-block;
font: 300 20px Roboto,arial,sans-serif;
margin-bottom:10px;
}

.box-content p  
    {
 color:#737373;
font-size: 13px;
margin-top: 3px; 
text-overflow: ellipsis; 
text-align:left;
}
.box-content table tr td  
    {
 color:#737373;
font-size: 13px;
margin-top: 3px;  
text-align:left;
vertical-align:top;
}
.box-content .clsTextHeader {
font-size: 1.1em;
cursor: pointer;
color: #737373;
max-width: 380px;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: normal;
margin: 10px 0px 5px 0px;
}


/*******POPUP*******/

 iframe { border: none; }

#popupPanel-popup {
	right: 0 !important;
	left: auto !important;
}
#popupPanel {
	width: 200px;
	border: 1px solid #000;
	border-right: none;
	background: rgba(0,0,0,.5);
	margin: -1px 0;
}
#popupPanel .ui-btn {
	margin: 2em 15px;
}
 
.ui-body-b,
.ui-overlay-b {
	border: 1px solid 		#999 /*{b-body-border}*/;
	background: 			#f3f3f3 /*{b-body-background-color}*/;
	color: 					#222 /*{b-body-color}*/;
	text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
	font-weight: normal;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{b-body-background-start}*/), to( #ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/);
}
.ui-overlay-b {
	background-image: none;
	border-width: 0;
}
   
/* corner rounding classes
-----------------------------------------------------------------------------------------------------------*/
.ui-corner-tl {
	-moz-border-radius-topleft: 		.6em /*{global-radii-blocks}*/;
	-webkit-border-top-left-radius: 	.6em /*{global-radii-blocks}*/;
	border-top-left-radius: 			.6em /*{global-radii-blocks}*/;
}
.ui-corner-tr {
	-moz-border-radius-topright: 		.6em /*{global-radii-blocks}*/;
	-webkit-border-top-right-radius: 	.6em /*{global-radii-blocks}*/;
	border-top-right-radius: 			.6em /*{global-radii-blocks}*/;
}
.ui-corner-bl {
	-moz-border-radius-bottomleft: 		.6em /*{global-radii-blocks}*/;
	-webkit-border-bottom-left-radius: 	.6em /*{global-radii-blocks}*/;
	border-bottom-left-radius: 			.6em /*{global-radii-blocks}*/;
}
.ui-corner-br {
	-moz-border-radius-bottomright: 	.6em /*{global-radii-blocks}*/;
	-webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
	border-bottom-right-radius: 		.6em /*{global-radii-blocks}*/;
}
.ui-corner-top {
	-moz-border-radius-topleft: 		.6em /*{global-radii-blocks}*/;
	-webkit-border-top-left-radius: 	.6em /*{global-radii-blocks}*/;
	border-top-left-radius: 			.6em /*{global-radii-blocks}*/;
	-moz-border-radius-topright: 		.6em /*{global-radii-blocks}*/;
	-webkit-border-top-right-radius: 	.6em /*{global-radii-blocks}*/;
	border-top-right-radius: 			.6em /*{global-radii-blocks}*/;
}
.ui-corner-bottom {
	-moz-border-radius-bottomleft: 		.6em /*{global-radii-blocks}*/;
	-webkit-border-bottom-left-radius: 	.6em /*{global-radii-blocks}*/;
	border-bottom-left-radius: 			.6em /*{global-radii-blocks}*/;
	-moz-border-radius-bottomright: 	.6em /*{global-radii-blocks}*/;
	-webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
	border-bottom-right-radius: 		.6em /*{global-radii-blocks}*/;
	}
.ui-corner-right {
	-moz-border-radius-topright: 		.6em /*{global-radii-blocks}*/;
	-webkit-border-top-right-radius: 	.6em /*{global-radii-blocks}*/;
	border-top-right-radius: 			.6em /*{global-radii-blocks}*/;
	-moz-border-radius-bottomright: 	.6em /*{global-radii-blocks}*/;
	-webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
	border-bottom-right-radius: 		.6em /*{global-radii-blocks}*/;
}
.ui-corner-left {
	-moz-border-radius-topleft: 		.6em /*{global-radii-blocks}*/;
	-webkit-border-top-left-radius: 	.6em /*{global-radii-blocks}*/;
	border-top-left-radius: 			.6em /*{global-radii-blocks}*/;
	-moz-border-radius-bottomleft: 		.6em /*{global-radii-blocks}*/;
	-webkit-border-bottom-left-radius: 	.6em /*{global-radii-blocks}*/;
	border-bottom-left-radius: 			.6em /*{global-radii-blocks}*/;
}
.ui-corner-all {
	-moz-border-radius: 				.6em /*{global-radii-blocks}*/;
	-webkit-border-radius: 				.6em /*{global-radii-blocks}*/;
	border-radius: 						.6em /*{global-radii-blocks}*/;
}
.ui-corner-none {
	-moz-border-radius: 				   0;
	-webkit-border-radius: 				   0;
	border-radius: 						   0;
}
 
/* loading icon */
.ui-icon-loading {
	background: url(images/ajax-loader.gif);
	background-size: 46px 46px;
}
/* Button corner classes
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-corner-tl {
	-moz-border-radius-topleft: 		1em /*{global-radii-buttons}*/;
	-webkit-border-top-left-radius: 	1em /*{global-radii-buttons}*/;
	border-top-left-radius: 			1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-tr {
	-moz-border-radius-topright: 		1em /*{global-radii-buttons}*/;
	-webkit-border-top-right-radius: 	1em /*{global-radii-buttons}*/;
	border-top-right-radius: 			1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-bl {
	-moz-border-radius-bottomleft: 		1em /*{global-radii-buttons}*/;
	-webkit-border-bottom-left-radius: 	1em /*{global-radii-buttons}*/;
	border-bottom-left-radius: 			1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-br {
	-moz-border-radius-bottomright: 	1em /*{global-radii-buttons}*/;
	-webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
	border-bottom-right-radius: 		1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-top {
	-moz-border-radius-topleft: 		1em /*{global-radii-buttons}*/;
	-webkit-border-top-left-radius: 	1em /*{global-radii-buttons}*/;
	border-top-left-radius: 			1em /*{global-radii-buttons}*/;
	-moz-border-radius-topright: 		1em /*{global-radii-buttons}*/;
	-webkit-border-top-right-radius: 	1em /*{global-radii-buttons}*/;
	border-top-right-radius: 			1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-bottom {
	-moz-border-radius-bottomleft: 		1em /*{global-radii-buttons}*/;
	-webkit-border-bottom-left-radius: 	1em /*{global-radii-buttons}*/;
	border-bottom-left-radius: 			1em /*{global-radii-buttons}*/;
	-moz-border-radius-bottomright: 	1em /*{global-radii-buttons}*/;
	-webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
	border-bottom-right-radius: 		1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-right {
	 -moz-border-radius-topright: 		1em /*{global-radii-buttons}*/;
	-webkit-border-top-right-radius: 	1em /*{global-radii-buttons}*/;
	border-top-right-radius: 			1em /*{global-radii-buttons}*/;
	-moz-border-radius-bottomright: 	1em /*{global-radii-buttons}*/;
	-webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
	border-bottom-right-radius: 		1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-left {
	-moz-border-radius-topleft: 		1em /*{global-radii-buttons}*/;
	-webkit-border-top-left-radius: 	1em /*{global-radii-buttons}*/;
	border-top-left-radius: 			1em /*{global-radii-buttons}*/;
	-moz-border-radius-bottomleft: 		1em /*{global-radii-buttons}*/;
	-webkit-border-bottom-left-radius: 	1em /*{global-radii-buttons}*/;
	border-bottom-left-radius: 			1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-all {
	-moz-border-radius: 				1em /*{global-radii-buttons}*/;
	-webkit-border-radius: 				1em /*{global-radii-buttons}*/;
	border-radius: 						1em /*{global-radii-buttons}*/;
}
/* radius clip workaround for cleaning up corner trapping */
.ui-corner-tl,
.ui-corner-tr,
.ui-corner-bl,
.ui-corner-br,
.ui-corner-top,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-left,
.ui-corner-all,
.ui-btn-corner-tl,
.ui-btn-corner-tr,
.ui-btn-corner-bl,
.ui-btn-corner-br,
.ui-btn-corner-top,
.ui-btn-corner-bottom,
.ui-btn-corner-right,
.ui-btn-corner-left,
.ui-btn-corner-all {
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}
/* Overlay / modal
-----------------------------------------------------------------------------------------------------------*/
.ui-overlay {
	background: #666;
	filter: Alpha(Opacity=50);
	opacity: .5;
	position: absolute;
	width: 100%;
	height: 100%;
}
.ui-overlay-shadow {
	-moz-box-shadow: 0px 0px 12px 			rgba(0,0,0,.6);
	-webkit-box-shadow: 0px 0px 12px 		rgba(0,0,0,.6);
	box-shadow: 0px 0px 12px 				rgba(0,0,0,.6);
}
.ui-shadow {
	-moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ 			rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
	-webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ 		rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
	box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ 				rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
}
.ui-bar-a .ui-shadow,
.ui-bar-b .ui-shadow ,
.ui-bar-c .ui-shadow  {
	-moz-box-shadow: 0px 1px 0 				rgba(255,255,255,.3);
	-webkit-box-shadow: 0px 1px 0 			rgba(255,255,255,.3);
	box-shadow: 0px 1px 0 					rgba(255,255,255,.3);
}
.ui-shadow-inset {
	-moz-box-shadow: inset 0px 1px 4px 		rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 1px 4px 	rgba(0,0,0,.2);
	box-shadow: inset 0px 1px 4px 			rgba(0,0,0,.2);
}
.ui-icon-shadow {
	-moz-box-shadow: 0px 1px 0 				rgba(255,255,255,.4) /*{global-icon-shadow}*/;
	-webkit-box-shadow: 0px 1px 0 			rgba(255,255,255,.4) /*{global-icon-shadow}*/;
	box-shadow: 0px 1px 0 					rgba(255,255,255,.4) /*{global-icon-shadow}*/;
}
/* Focus state - set here for specificity (note: these classes are added by JavaScript)
-----------------------------------------------------------------------------------------------------------*/
.ui-btn:focus, .ui-link-inherit:focus {
	outline: 0;
}
.ui-btn.ui-focus {
	z-index: 1;
}
.ui-focus,
.ui-btn:focus {
	-moz-box-shadow: inset 0px 0px 3px 		#387bbe /*{global-active-background-color}*/, 0px 0px 9px 		#387bbe /*{global-active-background-color}*/;
	-webkit-box-shadow: inset 0px 0px 3px 	#387bbe /*{global-active-background-color}*/, 0px 0px 9px 		#387bbe /*{global-active-background-color}*/;
	box-shadow: inset 0px 0px 3px 			#387bbe /*{global-active-background-color}*/, 0px 0px 9px 		#387bbe /*{global-active-background-color}*/;
}
.ui-input-text.ui-focus,
.ui-input-search.ui-focus {
	-moz-box-shadow: 0px 0px 12px 			#387bbe /*{global-active-background-color}*/;
	-webkit-box-shadow: 0px 0px 12px 		#387bbe /*{global-active-background-color}*/;
	box-shadow: 0px 0px 12px 					#387bbe /*{global-active-background-color}*/;	
}
/* unset box shadow in browsers that don't do it right
-----------------------------------------------------------------------------------------------------------*/
.ui-mobile-nosupport-boxshadow * {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
/* ...and bring back focus */
.ui-mobile-nosupport-boxshadow .ui-focus,
.ui-mobile-nosupport-boxshadow .ui-btn:focus,
.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
	outline-width: 1px;
	outline-style: auto;
}
/* some unsets - more probably needed */
.ui-mobile, .ui-mobile body { height: 99.9%; }
.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
.ui-mobile a img, .ui-mobile fieldset { border-width: 0; }
/* responsive page widths */
.ui-mobile-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* Issue #2066 */
body.ui-mobile-viewport,
div.ui-mobile-viewport { overflow-x: hidden; }
/* "page" containers - full-screen views, one should always be in view post-pageload */
.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }
.ui-mobile .ui-page-active { display: block; overflow: visible; }
/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
.ui-page { outline: none; }
/*orientations from js are available */
@media screen and (orientation: portrait){
.ui-mobile, .ui-mobile .ui-page { min-height: 420px; }
}
@media screen and (orientation: landscape){
.ui-mobile, .ui-mobile .ui-page { min-height: 300px; }
}
/* loading screen */
.ui-loading .ui-loader { display: block; }
.ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; left: 50%; border:0; }
.ui-loader-default { background: none; filter: Alpha(Opacity=18); opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
.ui-loader-verbose { width: 200px; filter: Alpha(Opacity=88); opacity: .88; box-shadow: 0 1px 1px -1px #fff; height: auto; margin-left: -110px; margin-top: -43px; padding: 10px; }
.ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; }
.ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; }
.ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; }
.ui-loader-verbose .ui-icon { margin: 0 auto 10px; filter: Alpha(Opacity=75); opacity: .75; }
.ui-loader-textonly { padding: 15px; margin-left: -115px; }
.ui-loader-textonly .ui-icon { display: none; }
.ui-loader-fakefix { position: absolute; }
/*fouc*/
.ui-mobile-rendering > * { visibility: hidden; }
/*headers, content panels*/
.ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
.ui-bar { font-size: 16px; margin: 0; }
.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; }
.ui-header, .ui-footer { position: relative; border-left-width: 0; border-right-width: 0; zoom: 1; }
.ui-header .ui-btn-left,
.ui-header .ui-btn-right,
.ui-footer .ui-btn-left,
.ui-footer .ui-btn-right { position: absolute; top: 3px; }
.ui-header .ui-btn-left,
.ui-footer .ui-btn-left { left: 5px; }
.ui-header .ui-btn-right,
.ui-footer .ui-btn-right { right: 5px; }
.ui-footer .ui-btn-icon-notext,
.ui-header .ui-btn-icon-notext { top: 6px; }
.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 30% .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
.ui-footer .ui-title { margin: .6em 15px .8em; }
/*content area*/
.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
/* icons sizing */
.ui-icon { width: 18px; height: 18px; }
/* non-js content hiding */
.ui-nojs { position: absolute; left: -9999px; }
/* accessible content hiding */
.ui-hide-label label.ui-input-text, .ui-hide-label label.ui-select, .ui-hide-label label.ui-slider, .ui-hide-label label.ui-submit, .ui-hide-label .ui-controlgroup-label,
.ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
/* Transitions originally inspired by those from jQtouch, nice work, folks */
.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ui-page-pre-in {
	opacity: 0;
}
.in {
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 350ms;
	-moz-animation-timing-function: ease-out;
	-moz-animation-duration: 350ms;
}
.out {
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 225ms;
	-moz-animation-timing-function: ease-in;
	-moz-animation-duration: 225ms;
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}
.fade.out {
	opacity: 0;
	-webkit-animation-duration: 125ms;
	-webkit-animation-name: fadeout;
	-moz-animation-duration: 125ms;
	-moz-animation-name: fadeout;
}
.fade.in {
	opacity: 1;
	-webkit-animation-duration: 225ms;
	-webkit-animation-name: fadein;
	-moz-animation-duration: 225ms;
	-moz-animation-name: fadein;
}
.pop {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
}
.pop.in {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
    opacity: 1;
	-webkit-animation-name: popin;
	-moz-animation-name: popin;
	-webkit-animation-duration: 350ms;
	-moz-animation-duration: 350ms;
}
.pop.out {
	-webkit-animation-name: fadeout;
	-moz-animation-name: fadeout;
	opacity: 0;
	-webkit-animation-duration: 100ms;
	-moz-animation-duration: 100ms;
}
.pop.in.reverse {
	-webkit-animation-name: fadein;
	-moz-animation-name: fadein;
}
.pop.out.reverse {
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-webkit-animation-name: popout;
	-moz-animation-name: popout;
}
@-webkit-keyframes popin {
    from {
        -webkit-transform: scale(.8);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes popin {
    from {
        -moz-transform: scale(.8);
        opacity: 0;
    }
    to {
        -moz-transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes popout {
    from {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(.8);
        opacity: 0;
    }
}
@-moz-keyframes popout {
    from {
        -moz-transform: scale(1);
        opacity: 1;
    }
    to {
        -moz-transform: scale(.8);
        opacity: 0;
    }
}
/* keyframes for slidein from sides */
@-webkit-keyframes slideinfromright {
    from { -webkit-transform: translateX(100%); }
    to { -webkit-transform: translateX(0); }
}
@-moz-keyframes slideinfromright {
    from { -moz-transform: translateX(100%); }
    to { -moz-transform: translateX(0); }
}
@-webkit-keyframes slideinfromleft {
    from { -webkit-transform: translateX(-100%); }
    to { -webkit-transform: translateX(0); }
}
@-moz-keyframes slideinfromleft {
    from { -moz-transform: translateX(-100%); }
    to { -moz-transform: translateX(0); }
}
/* keyframes for slideout to sides */
@-webkit-keyframes slideouttoleft {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(-100%); }
}
@-moz-keyframes slideouttoleft {
    from { -moz-transform: translateX(0); }
    to { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes slideouttoright {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(100%); }
}
@-moz-keyframes slideouttoright {
    from { -moz-transform: translateX(0); }
    to { -moz-transform: translateX(100%); }
}
.slide.out, .slide.in {
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 350ms;
	-moz-animation-timing-function: ease-out;
	-moz-animation-duration: 350ms;
}
.slide.out {
	-webkit-transform: translateX(-100%);
	-webkit-animation-name: slideouttoleft;
	-moz-transform: translateX(-100%);
	-moz-animation-name: slideouttoleft;
}
.slide.in {
	-webkit-transform: translateX(0);
	-webkit-animation-name: slideinfromright;
	-moz-transform: translateX(0);
	-moz-animation-name: slideinfromright;
}
.slide.out.reverse {
	-webkit-transform: translateX(100%);
	-webkit-animation-name: slideouttoright;
	-moz-transform: translateX(100%);
	-moz-animation-name: slideouttoright;
}
.slide.in.reverse {
	-webkit-transform: translateX(0);
	-webkit-animation-name: slideinfromleft;
	-moz-transform: translateX(0);
	-moz-animation-name: slideinfromleft;
}
.slidefade.out {
	-webkit-transform: translateX(-100%);
	-webkit-animation-name: slideouttoleft;
	-moz-transform: translateX(-100%);
	-moz-animation-name: slideouttoleft;
	-webkit-animation-duration: 225ms;
	-moz-animation-duration: 225ms;
}
.slidefade.in {
	-webkit-transform: translateX(0);
	-webkit-animation-name: fadein;
	-moz-transform: translateX(0);
	-moz-animation-name: fadein;
	-webkit-animation-duration: 200ms;
	-moz-animation-duration: 200ms;
}
.slidefade.out.reverse {
	-webkit-transform: translateX(100%);
	-webkit-animation-name: slideouttoright;
	-moz-transform: translateX(100%);
	-moz-animation-name: slideouttoright;
	-webkit-animation-duration: 200ms;
	-moz-animation-duration: 200ms;
}
.slidefade.in.reverse {
	-webkit-transform: translateX(0);
	-webkit-animation-name: fadein;
	-moz-transform: translateX(0);
	-moz-animation-name: fadein;
	-webkit-animation-duration: 200ms;
	-moz-animation-duration: 200ms;
}
/* slide down */
.slidedown.out {
	-webkit-animation-name: fadeout;
	-moz-animation-name: fadeout;
	-webkit-animation-duration: 100ms;
	-moz-animation-duration: 100ms;
}
.slidedown.in {
	-webkit-transform: translateY(0);
	-webkit-animation-name: slideinfromtop;
	-moz-transform: translateY(0);
	-moz-animation-name: slideinfromtop;
	-webkit-animation-duration: 250ms;
	-moz-animation-duration: 250ms;
}
.slidedown.in.reverse {
	-webkit-animation-name: fadein;
	-moz-animation-name: fadein;
	-webkit-animation-duration: 150ms;
	-moz-animation-duration: 150ms;
}
.slidedown.out.reverse {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-webkit-animation-name: slideouttotop;
	-moz-animation-name: slideouttotop;
	-webkit-animation-duration: 200ms;
	-moz-animation-duration: 200ms;
}
@-webkit-keyframes slideinfromtop {
    from { -webkit-transform: translateY(-100%); }
    to { -webkit-transform: translateY(0); }
}
@-moz-keyframes slideinfromtop {
    from { -moz-transform: translateY(-100%); }
    to { -moz-transform: translateY(0); }
}
@-webkit-keyframes slideouttotop {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes slideouttotop {
    from { -moz-transform: translateY(0); }
    to { -moz-transform: translateY(-100%); }
}
/* slide up */
.slideup.out {
	-webkit-animation-name: fadeout;
	-moz-animation-name: fadeout;
	-webkit-animation-duration: 100ms;
	-moz-animation-duration: 100ms;
}
.slideup.in {
	-webkit-transform: translateY(0);
	-webkit-animation-name: slideinfrombottom;
	-moz-transform: translateY(0);
	-moz-animation-name: slideinfrombottom;
	-webkit-animation-duration: 250ms;
	-moz-animation-duration: 250ms;
}
.slideup.in.reverse {
	-webkit-animation-name: fadein;
	-moz-animation-name: fadein;
	-webkit-animation-duration: 150ms;
	-moz-animation-duration: 150ms;
}
.slideup.out.reverse {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-webkit-animation-name: slideouttobottom;
	-moz-animation-name: slideouttobottom;
	-webkit-animation-duration: 200ms;
	-moz-animation-duration: 200ms;
}
@-webkit-keyframes slideinfrombottom {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0); }
}
@-moz-keyframes slideinfrombottom {
    from { -moz-transform: translateY(100%); }
    to { -moz-transform: translateY(0); }
}
@-webkit-keyframes slideouttobottom {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(100%); }
}
@-moz-keyframes slideouttobottom {
    from { -moz-transform: translateY(0); }
    to { -moz-transform: translateY(100%); }
}
/* The properties in this rule are only necessary for the 'flip' transition.
 * We need specify the perspective to create a projection matrix. This will add
 * some depth as the element flips. The depth number represents the distance of
 * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
 * value.
 */
.viewport-flip {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	position: absolute;
}
.flip {
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
	-moz-backface-visibility:hidden;
	-moz-transform:translateX(0);
}
.flip.out {
	-webkit-transform: rotateY(-90deg) scale(.9);
	-webkit-animation-name: flipouttoleft;
	-webkit-animation-duration: 175ms;
	-moz-transform: rotateY(-90deg) scale(.9);
	-moz-animation-name: flipouttoleft;
	-moz-animation-duration: 175ms;
}
.flip.in {
	-webkit-animation-name: flipintoright;
	-webkit-animation-duration: 225ms;
	-moz-animation-name: flipintoright;
	-moz-animation-duration: 225ms;
}
.flip.out.reverse {
	-webkit-transform: rotateY(90deg) scale(.9);
	-webkit-animation-name: flipouttoright;
	-moz-transform: rotateY(90deg) scale(.9);
	-moz-animation-name: flipouttoright;
}
.flip.in.reverse {
	-webkit-animation-name: flipintoleft;
	-moz-animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0); }
    to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@-moz-keyframes flipouttoleft {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) ; }
    to { -webkit-transform: rotateY(90deg) scale(.9); }
}
@-moz-keyframes flipouttoright {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(90deg) scale(.9); }
}
@-webkit-keyframes flipintoleft {
    from { -webkit-transform: rotateY(-90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoleft {
    from { -moz-transform: rotateY(-90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
@-webkit-keyframes flipintoright {
    from { -webkit-transform: rotateY(90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoright {
    from { -moz-transform: rotateY(90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
/* The properties in this rule are only necessary for the 'flip' transition.
 * We need specify the perspective to create a projection matrix. This will add
 * some depth as the element flips. The depth number represents the distance of
 * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
 * value.
 */
.viewport-turn {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	position: absolute;
}
.turn {
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
	-webkit-transform-origin: 0;
	
	-moz-backface-visibility:hidden;
	-moz-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
	-moz-transform-origin: 0;
}
.turn.out {
	-webkit-transform: rotateY(-90deg) scale(.9);
	-webkit-animation-name: flipouttoleft;
	-moz-transform: rotateY(-90deg) scale(.9);
	-moz-animation-name: flipouttoleft;
	-webkit-animation-duration: 125ms;
	-moz-animation-duration: 125ms;
}
.turn.in {
	-webkit-animation-name: flipintoright;
	-moz-animation-name: flipintoright;
	-webkit-animation-duration: 250ms;
	-moz-animation-duration: 250ms;
	
}
.turn.out.reverse {
	-webkit-transform: rotateY(90deg) scale(.9);
	-webkit-animation-name: flipouttoright;
	-moz-transform: rotateY(90deg) scale(.9);
	-moz-animation-name: flipouttoright;
}
.turn.in.reverse {
	-webkit-animation-name: flipintoleft;
	-moz-animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0); }
    to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@-moz-keyframes flipouttoleft {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) ; }
    to { -webkit-transform: rotateY(90deg) scale(.9); }
}
@-moz-keyframes flipouttoright {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(90deg) scale(.9); }
}
@-webkit-keyframes flipintoleft {
    from { -webkit-transform: rotateY(-90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoleft {
    from { -moz-transform: rotateY(-90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
@-webkit-keyframes flipintoright {
    from { -webkit-transform: rotateY(90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoright {
    from { -moz-transform: rotateY(90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
/* flow transition */
.flow {
	-webkit-transform-origin: 50% 30%;
	-moz-transform-origin: 50% 30%;	
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
}
.ui-dialog.flow {
	-webkit-transform-origin: none;
	-moz-transform-origin: none;	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.flow.out {
	-webkit-transform: translateX(-100%) scale(.7);
	-webkit-animation-name: flowouttoleft;
	-webkit-animation-timing-function: ease;
	-webkit-animation-duration: 350ms;
	-moz-transform: translateX(-100%) scale(.7);
	-moz-animation-name: flowouttoleft;
	-moz-animation-timing-function: ease;
	-moz-animation-duration: 350ms;
}
.flow.in {
	-webkit-transform: translateX(0) scale(1);
	-webkit-animation-name: flowinfromright;
	-webkit-animation-timing-function: ease;
	-webkit-animation-duration: 350ms;
	-moz-transform: translateX(0) scale(1);
	-moz-animation-name: flowinfromright;
	-moz-animation-timing-function: ease;
	-moz-animation-duration: 350ms;
}
.flow.out.reverse {
	-webkit-transform: translateX(100%);
	-webkit-animation-name: flowouttoright;
	-moz-transform: translateX(100%);
	-moz-animation-name: flowouttoright;
}
.flow.in.reverse {
	-webkit-animation-name: flowinfromleft;
	-moz-animation-name: flowinfromleft;
}
@-webkit-keyframes flowouttoleft {
    0% { -webkit-transform: translateX(0) scale(1); }
	60%, 70% { -webkit-transform: translateX(0) scale(.7); }
    100% { -webkit-transform: translateX(-100%) scale(.7); }
}
@-moz-keyframes flowouttoleft {
    0% { -moz-transform: translateX(0) scale(1); }
	60%, 70% { -moz-transform: translateX(0) scale(.7); }
    100% { -moz-transform:  translateX(-100%) scale(.7); }
}
@-webkit-keyframes flowouttoright {
    0% { -webkit-transform: translateX(0) scale(1); }
	60%, 70% { -webkit-transform: translateX(0) scale(.7); }
    100% { -webkit-transform:  translateX(100%) scale(.7); }
}
@-moz-keyframes flowouttoright {
    0% { -moz-transform: translateX(0) scale(1); }
	60%, 70% { -moz-transform: translateX(0) scale(.7); }
    100% { -moz-transform:  translateX(100%) scale(.7); }
}
@-webkit-keyframes flowinfromleft {
    0% { -webkit-transform: translateX(-100%) scale(.7); }
	30%, 40% { -webkit-transform: translateX(0) scale(.7); }
    100% { -webkit-transform: translateX(0) scale(1); }
}
@-moz-keyframes flowinfromleft {
    0% { -moz-transform: translateX(-100%) scale(.7); }
	30%, 40% { -moz-transform: translateX(0) scale(.7); }
    100% { -moz-transform: translateX(0) scale(1); }
}
@-webkit-keyframes flowinfromright {
    0% { -webkit-transform: translateX(100%) scale(.7); }
	30%, 40% { -webkit-transform: translateX(0) scale(.7); }
    100% { -webkit-transform: translateX(0) scale(1); }
}
@-moz-keyframes flowinfromright {
    0% { -moz-transform: translateX(100%) scale(.7); }
	30%, 40% { -moz-transform: translateX(0) scale(.7); }
    100% { -moz-transform: translateX(0) scale(1); }
} 
.ui-btn-text { position: relative; z-index: 1; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
.ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
.ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
.ui-btn-icon-top .ui-btn-inner { padding-top: 40px; }
.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 40px; }
.ui-header .ui-btn-icon-left .ui-btn-inner,
.ui-footer .ui-btn-icon-left .ui-btn-inner,
.ui-mini.ui-btn-icon-left .ui-btn-inner,
.ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; }
.ui-header .ui-btn-icon-right .ui-btn-inner,
.ui-footer .ui-btn-icon-right .ui-btn-inner,
 
.ui-dialog {
	 background: none !important; /* this is to ensure that dialog theming does not apply (by default at least) on the page div */
}
.ui-dialog-contain {
	width: 92.5%;
	max-width: 500px;
	margin: 10% auto 15px auto;
	padding: 0;
	position: relative;
	top: -15px;
}
.ui-dialog-contain > .ui-header, 
.ui-dialog-contain > .ui-content, 
.ui-dialog-contain > .ui-footer { 
	display: block;
	position: relative; 
	width: auto;
	margin: 0;
}
.ui-dialog-contain > .ui-header {
	border: none;
	overflow: hidden;
	z-index: 10; 
	padding: 0;
}
.ui-dialog-contain > .ui-content { 
	padding: 15px; 
}
.ui-dialog-contain > .ui-footer {
	z-index: 10; 
	padding: 0 15px; 
}
.ui-popup-open .ui-header-fixed,
.ui-popup-open .ui-footer-fixed {
	position: absolute !important; 	/* See line #553 of popup.js */
}
.ui-popup-screen {
	background-image: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); /* Necessary to set some form of background to ensure element is clickable in IE6/7. While legacy IE won't understand the data-URI'd image, it ensures no additional requests occur in all other browsers with little overhead. */
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 1px;
	position: absolute;
	filter: Alpha(Opacity=0);
	opacity: 0;
	z-index: 1099;
}
.ui-popup-screen.in {
	opacity: 0.5;
	filter: Alpha(Opacity=50);
}
.ui-popup-screen.out {
	opacity: 0;
	filter: Alpha(Opacity=0);
}
.ui-popup-container {
	z-index: 1100;
	display: inline-block;
	position: absolute;
	padding: 0;
	outline: 0;
}
.ui-popup {
	position: relative;
}
.ui-popup.ui-content,
.ui-popup .ui-content {
	overflow: visible;
}
.ui-popup > p,
.ui-popup > h1,
.ui-popup > h2,
.ui-popup > h3,
.ui-popup > h4,
.ui-popup > h5,
.ui-popup > h6 {
	margin: .5em 7px;
}
.ui-popup > span {
	display: block;
	margin: .5em 7px;
}
.ui-popup .ui-title {
	font-size: 16px;
	font-weight: bold;
	margin-top: .5em;
	margin-bottom: .5em;
}
.ui-popup-container .ui-content > p,
.ui-popup-container .ui-content > h1,
.ui-popup-container .ui-content > h2,
.ui-popup-container .ui-content > h3,
.ui-popup-container .ui-content > h4,
.ui-popup-container .ui-content > h5,
.ui-popup-container .ui-content > h6 {
	margin: .5em 0;
}
.ui-popup-container .ui-content > span {
	margin: 0;
}
.ui-popup-container .ui-content > p:first-child,
.ui-popup-container .ui-content > h1:first-child,
.ui-popup-container .ui-content > h2:first-child,
.ui-popup-container .ui-content > h3:first-child,
.ui-popup-container .ui-content > h4:first-child,
.ui-popup-container .ui-content > h5:first-child,
.ui-popup-container .ui-content > h6:first-child {
	margin-top: 0;
}
.ui-popup-container .ui-content > p:last-child,
.ui-popup-container .ui-content > h1:last-child,
.ui-popup-container .ui-content > h2:last-child,
.ui-popup-container .ui-content > h3:last-child,
.ui-popup-container .ui-content > h4:last-child,
.ui-popup-container .ui-content > h5:last-child,
.ui-popup-container .ui-content > h6:last-child {
	margin-bottom: 0;
}
.ui-popup > img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.ui-popup iframe {
	vertical-align: middle;
}
@media all and (min-width: 450px){
	.ui-popup .ui-field-contain label.ui-submit,
	.ui-popup .ui-field-contain .ui-controlgroup-label,
	.ui-popup .ui-field-contain label.ui-select,
	.ui-popup .ui-field-contain label.ui-input-text {
		font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em;
	}
	.ui-popup .ui-field-contain .ui-btn.ui-submit,
	.ui-popup .ui-field-contain .ui-controlgroup-controls,
	.ui-popup .ui-field-contain .ui-select,
	.ui-popup .ui-field-contain input.ui-input-text,
	.ui-popup .ui-field-contain textarea.ui-input-text,
	.ui-popup .ui-field-contain .ui-input-search {
		width: 100%; display: block;
	}
}
.ui-popup > .ui-btn-left,
.ui-popup > .ui-btn-right {
	position: absolute; 
	top: -9px;
	margin: 0;
	z-index: 1101;
}
.ui-popup > .ui-btn-left { left: -9px; }
.ui-popup > .ui-btn-right { right: -9px; }
.ui-popup.ui-corner-all > .ui-header,
.ui-popup.ui-corner-all ~ .ui-content,
.ui-popup.ui-corner-all > .ui-content:first-child {
	-webkit-border-top-left-radius:  inherit;
	border-top-left-radius:          inherit;
	-webkit-border-top-right-radius: inherit;
	border-top-right-radius:         inherit;
}
.ui-popup.ui-corner-all > .ui-content,
.ui-popup.ui-corner-all > .ui-footer,
.ui-popup.ui-corner-all > .ui-header:nth-child(n):last-child {
	-webkit-border-bottom-left-radius:  inherit;
	border-bottom-left-radius:          inherit;
	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius:         inherit;
}
.ui-popup.ui-corner-all > .ui-content:nth-child(2),
.ui-popup.ui-corner-all > .ui-header:nth-child(2) {
	-webkit-border-top-left-radius:  0;
	border-top-left-radius:          0;
	-webkit-border-top-right-radius: 0;
	border-top-right-radius:         0;
}
.ui-popup.ui-corner-all > .ui-content:nth-last-child(1n+2),
.ui-popup.ui-corner-all > .ui-footer:nth-last-child(1n+2) {
	-webkit-border-bottom-left-radius:  0;
	border-bottom-left-radius:          0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius:         0;
}
.ui-popup.ui-corner-all > .ui-header:only-child,
.ui-popup.ui-corner-all > .ui-footer:only-child {
	-webkit-border-radius: inherit;
	border-radius:         inherit;
} 
.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden !important;
/* This !important is required for iPad Safari specifically. See https://github.com/jquery/jquery-mobile/issues/2647 */ }
.ui-select .ui-btn-text { text-overflow: ellipsis; } 
.ui-selectmenu-hidden { top: -99999px; left: -9999px; }
.ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; } 
@media all and (min-width: 450px){
	.ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
	.ui-field-contain .ui-select { width: 78%; display: inline-block; }
	.ui-hide-label .ui-select { width: 100%; } 
} 
@media all and (min-width: 450px){
	.ui-field-contain label.ui-input-text  { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
	.ui-field-contain input.ui-input-text, 
	.ui-field-contain textarea.ui-input-text, 
	.ui-field-contain .ui-input-search { width: 78%; display: inline-block; } 
	.ui-hide-label input.ui-input-text, 
	.ui-hide-label textarea.ui-input-text, 
	.ui-hide-label .ui-input-search { width: 100%; }
	.ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
} 
@media all and (min-width: 480px){
	 .ui-li-aside { width: 45%; }
}	 
 
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .ui-li .ui-btn-text { overflow:  visible; }
} 
@media all and (min-width: 450px){
	.ui-field-contain label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
	.ui-field-contain div.ui-slider { width: 43%; }
	.ui-field-contain div.ui-slider-switch { width: 5.5em; }
}	

.clsColumnHeaderCenter_MassEdit
{
padding: 5px;
text-align: center;
border: 1px solid #DDD;
background: silver; 
font-weight: bold;
color: #0073EA;
text-align: center; 
-webkit-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
-moz-text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); 
 
font-size: 11px;
}
.clsColumnHeaderCenter_MassEdita:hover
{color:white;
}
.clsColumnHeaderCenter:hover a
{color:white;
}
.clsColumnHeaderCenter_MassEdit:hover {
color: #fff; 
background: skyblue;
font-weight: bold;
cursor:pointer;
color: white !important;
-webkit-text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
-moz-text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
}
 


  
 
.clsBlackOnWhite
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    background-color: white !important;  
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  
    color: black !important;   
}


.clsBlackOnRed
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    background-color: red !important; 
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  
    color: black !important;  
}


.clsBlackOnYellow
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    background-color: #ffff9d !important;  
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  
    color: black !important; 
 }

.clsWhiteOnBlue
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    background-color: blue !important; 
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  
    color: white !important; 
 }


.clsRedOnWhite
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    background-color: white !important;  
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  
    color: red !important; 
 }


.clsRedOnWhite
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    background-color: white !important;  
    FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  
    color: red !important; 
 }



.clsHostEmergency
{
	font-weight: bold;
	font-size: 9pt;
	color:  red !important; 
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: white !important; 
 }
.clsHostPriority
{
	font-weight: bold;
	font-size: 9pt;
	color: black !important; 
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: white !important; 
 }
.clsHostRoutine
{
	
	font-weight: bold ;
	font-size: 9pt;
	color: fuchsia !important; 
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: white !important; 
 }
.clsHostRejected
{
	font-weight: bold;
	font-size: 9pt;
	color: orange !important; 
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: white !important; 
 }
.clsHostForwarded
{
	font-weight: bold;
	font-size: 9pt;
	color: olive !important; 
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: white !important; 
 }
.clsHostClosed
{
	
	font-weight: bold;
	font-size:9pt;
	color: green !important; 
	FONT-FAMILY: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: white !important; 
 }
 




.taskinfo{position:relative;}

	.tooltip {
            z-index:10;display:none; padding:14px 20px;
            margin-top:-30px; margin-left:28px;
            width:300px; line-height:16px;
        }

 	.taskinfo:hover .tooltip{
            display:inline; position:absolute; color:#fff !important;left:5px;top:50px;
            border:1px solid #DCA; background:rgb(0, 115, 229);z-index:99999 !important}
        .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
        /*CSS3 extras*/
        .taskinfo .tooltip
        {
            border-radius:4px;
            box-shadow: 5px 5px 8px #CCC;z-index:99999 !important
        }






/* Splash style */
.splash {
  position: fixed;
  z-index: 2000;
  background: rgba(255, 255, 255, 0.8);
  color: gray;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.splash-title {
  text-align: center;
  max-width: 500px;
  margin: 15% auto;
  padding: 20px;
}
.splash-title h1 {
  font-size: 26px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 200;
}

.color-line {
  background: #f7f9fa;
  height: 6px;
  background-image: -webkit-linear-gradient(left, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
  background-image: -moz-linear-gradient(left, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
  background-image: -ms-linear-gradient(left, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
  background-image: linear-gradient(to right, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
  background-size: 100% 6px;
  background-position: 50% 100%;
  background-repeat: no-repeat;
}
.spinner {
  margin: 20px auto;
  width: 60px;
  height: 50px;
  text-align: center;
  font-size: 15px;
}
.spinner > div {
  background-color: rgb(26, 115, 232);
  height: 100%;
  width: 8px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}