/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: White;
    font-size: 14px;
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link
{
    color: white;
    text-decoration:none;
}
a:visited
{
    color: white;
    text-decoration: none;
}
a:hover
{
    color: white;
    text-decoration: none;
}
a:active
{
    color: white;
    text-decoration: none;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}


#headerbanner {
  background : #464646;
  height : 40px;
  position : relative;
  padding : 0px 0px;
}

#headerbannerlocation {
  background : #0066cc;
  height : 40px;
  position : relative;
  padding : 0px 0px;
}

#footerbannerwhite {
  background : #FFFFFF;
  height : 25px;
  position : relative;
  padding : 0px 0px;
}

#footerbanner {
  background : #464646;
  height : 25px;
  position : relative;
  padding : 0px 0px;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    background : #0072C6;
    padding: 0;
}


/* Metro */
/*
 * Metro UI CSS
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Tiles.less
 *
 */
.tile-group {
  margin: 0;
  margin-right: 80px;
  float: left;
  width: auto;
  height: auto;
  min-height: 1px;
  width: 802px;
}
.tile {
  display: block;
  float: left;
  background-color: #525252;
/*
  width: 135px;
  height: 95px;
*/
  width: 150px;
  height: 135px;
  cursor: pointer;
  box-shadow: inset 0px 0px 1px #FFFFCC;
  text-decoration: none;
  color: #ffffff;
  overflow: hidden;
  position: relative;
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 11pt;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin: 0 10px 10px 0;
  overflow: hidden;
/************************************ END ADDED BY TRO 03/19/13 *****/  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
/************************************ END ADDED BY TRO 03/19/13 *****/   
  
}
.tile * {
  color: #ffffff;
}

/*=======================================================*/
/* JKS - New Styles for Sensitivity Analysis             */
/*=======================================================*/

a.black:hover {color:#000000 !important;}
a.white:hover {color:#FFFFFF !important;}

font.sa_menubanner
{
    color: White;
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 16px;
}

/*=======================================================*/
/* JKS - New Styles for Sensitivity Analysis             */
/*=======================================================*/

.adjcheckboxbgcolor {
    background-color: #EDF5FC;
}

.tile.dummy {
  display: block;
  float: left;
  background-color: #525252;
  width: 150px;
  height: 135px;
  cursor:auto;
  box-shadow: inset 0px 0px 0px #FFFFCC;
  text-decoration: none;
  color: #ffffff;
  overflow: hidden;
  position: relative;
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 11pt;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin: 0 10px 10px 0;
  overflow: hidden;
}

.tile.spacer {
  display: block;
  float: left;
  background-color: #525252;
  width: 20px;
  height: 135px;
  cursor:auto;
  box-shadow: inset 0px 0px 0px #FFFFCC;
  text-decoration: none;
  color: #ffffff;
  overflow: hidden;
  position: relative;
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 11pt;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin: 0 10px 10px 0;
  overflow: hidden;
}

.tile.smalldummy {
  display: block;
  float: left;
  background-color: #525252;
  width: 50px;
  height: 40px;
  cursor:auto;
  box-shadow: inset 0px 0px 0px #FFFFCC;
  text-decoration: none;
  color: #ffffff;
  overflow: hidden;
  position: relative;
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 11pt;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin: 0 10px 10px 0;
  overflow: hidden;
}

.tile.disabled {
  display: block;
  float: left;
  background-color: #CDCBCB;
  width: 150px;
  height: 135px;
  cursor:auto;
  box-shadow: inset 0px 0px 0px #FFFFCC;
  text-decoration: none;
  color: #ffffff;
  overflow: hidden;
  position: relative;
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 11pt;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin: 0 10px 10px 0;
  overflow: hidden;
}

.tile.dummyimage {
  display: block;
  float: left;
  background-color: #525252;
  width: 150px;
  height: 135px;
  cursor:auto;
  box-shadow: inset 0px 0px 0px #FFFFCC;
  text-decoration: none;
  color: #ffffff;
  overflow: hidden;
  position: relative;
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 11pt;
  letter-spacing: 0.02em;
  line-height: 20px;
  margin: 0 10px 10px 0;
  overflow: hidden;
}

.tile .tile-content {
  width: 100%;
  height: 100%;
  padding: 0;
  padding-bottom: 30px;
  vertical-align: top;
  padding: 3px 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  font-family: 'Segoe UI SemiBold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  color: #000000;
  color: #ffffff;
  line-height: 16px;
}


.tile .tile-content:hover {
  color: rgba(0, 0, 0, 0.8);
}
.tile .tile-content:active {
  color: rgba(0, 0, 0, 0.4);
}
.tile .tile-content:hover {
  color: #ffffff;
}
.tile .tile-content h1,
.tile .tile-content h2,
.tile .tile-content h3,
.tile .tile-content h4,
.tile .tile-content h5,
.tile .tile-content p {
  padding: 0;
  margin: 0;
  line-height: 24px;
}
/* h6 is used for status messages so show in black */
.tile .tile-content h6 {
  color: #000000;
  padding: 0;
  margin: 0;
  line-height: 24px;
}

.tile .tile-content h1:hover,
.tile .tile-content h2:hover,
.tile .tile-content h3:hover,
.tile .tile-content h4:hover,
.tile .tile-content h5:hover,
.tile .tile-content h6:hover,
.tile .tile-content p:hover {
  color: #ffffff;
}
.tile .tile-content p {
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  color: #000000;
  color: #ffffff;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tile .tile-content p:hover {
  color: rgba(0, 0, 0, 0.8);
}
.tile .tile-content p:active {
  color: rgba(0, 0, 0, 0.4);
}
.tile .tile-content p:hover {
  color: #ffffff;
}
.tile.icon  > .tile-content {
  padding: 0;
}
.tile.icon  > .tile-content  > img {
  position: absolute;
  width: 64px;
  height: 64px;
  top: 50%;
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
}
.tile.image  > .tile-content,
.tile.image-slider  > .tile-content {
  padding: 0;
}
.tile.image  > .tile-content  > img,
.tile.image-slider  > .tile-content  > img {
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: 100%;
}
.tile.image-set  > .tile-content {
  margin: 0;
  padding: 0;
  width: 25% !important;
  height: 50%;
  float: left;
  border: 1px #1e1e1e solid;
}
.tile.image-set  > .tile-content  > img {
  min-width: 100%;
  width: 100%;
  height: auto;
  min-height: 100%;
}
.tile.image-set .tile-content:first-child {
  width: 50% !important;
  float: left;
  height: 100%;
}
/* This is used for the progress bar */
.tile.singleone {
}
.tile.double {
  width: 310px;
}
.tile.triple {
  width: 470px;
}
.tile.quadro {
  width: 630px;
}
.tile.double-vertical {
  height: 200px;
  /*height: 310px;*/
}
.tile.triple-vertical {
  height: 470px;
}
.tile.quadro-vertical {
  height: 630px;
}

.tile .brand,
.tile .tile-status {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 30px;
  background-color: transparent;
  *zoom: 1;
}
.tile .brand:before,
.tile .tile-status:before,
.tile .brand:after,
.tile .tile-status:after {
  display: table;
  content: "";
}
.tile .brand:after,
.tile .tile-status:after {
  clear: both;
}
.tile .brand  > .badge,
.tile .tile-status  > .badge {
  position: absolute;
  bottom: 0;
  right: 0;
  right: 5px;
  margin-bottom: 0;
  color: #ffffff;
  width: 34px;
  height: 28px;
  text-align: center;
  font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 11pt;
  letter-spacing: 0.01em;
  line-height: 14pt;
  padding-top: 3px;
}
.tile .brand  > .badge.activity,
.tile .tile-status  > .badge.activity {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGMSURBVDhPvZMtTwNBEIbv2mtScaICcQJRgSgJCQIEhqSiAlEHAlFRwU/ov0AgUEgUsrIkiJIgMOAQJFSQQAIJJBWIu95Hj2eGvXIpB3W8yWTn452Z3dld25pDmqZuFEWdcrm8jr6JK7Bt+wb9Ft85+vsXswBxHHdIfmFNi4TYG7InXAp6ss52kCTJIc6e6KzSVbrdYzrYDaSFXZU4uEQ8x3FW1ZpMJge5Tn3IdQ3kID5iw4zHTqIsUEP3TWCA7WhgDjRZg/eUFRCR3Fl3KYJjyfALIUU46jHcsSlQl8FdmQJnhrcQJFbJ6QZB0LDDMNyS4XBFo1Kp9Gw4/wi247GLHmvNuBaC47Y5gtzIQB1mBmMGdDSdTpfV+QdM8vfcsqkap6ClgQIQa+a4bXViPGRO5ILjuBqYAwk7yIfhXcNz9CljDFkkST6P4JGjnHA7d+gBxAY3tIve1Khljbi1beKvakHQp0uhfTrMjvOL9H3fX9FE8OM7yxAhdem4QWHZkSufSoTYaaVSkY9kYFmfXgyTciI3uacAAAAASUVORK5CYII%3D) 50% no-repeat;
}
.tile .brand  > .badge.alert,
.tile .tile-status  > .badge.alert {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFeSURBVDhPpZMtT8RAEIbb7YoTJ04gkQgQuBNIEpB4LD8AwQ9AkCCQhGAvQSAuKHCIE0gEP+DEISAhQYK4pE0/eWa65a7lSvh4k8nsvDv77sxs67UhSZLNNE0LZ3uO/gLj/J+hAkVRWI1+geqMCuR5fkKZoyiKViX+DuQu094wy7KhEmEYrkAk0qt4Nk5R77GszQCuE8fxIXxY8ZJjgiBY8n3/UcTwlsQDNifGmF29AcBtITyGOyan47gXXFfW2g/q+yi+VeptJhVgR1KRHp4HZI+bzknQlhYcvpQZuHRF8xmnCDyLL8MZEI9o4YkW3h1VB+o73DJp3to08l7xsw9Lng5i1EiSSV/Pcbdwzfk8MLcNqjIyye1STnHD5joln7lYcGWtXaP8gYsFfeJyHvR9waExt3wKsV74L3Brn/geu3OUDqiL1T7nNoEK8mLi9RUoZYqlsv4pqtf459/oeR8seozS7mDHCwAAAABJRU5ErkJggg%3D%3D) 50% no-repeat;
}
.tile .brand  > .badge.available,
.tile .tile-status  > .badge.available {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAKvSURBVHjahJA/bJR1HMY/31977x33r2LuClc1LYM9TSAUr5gqtkVJjAkSFxYHE3VgaWRw0cUwOagxMZLApoXFBIwuHVSoQYkVMBXUpqSkMW9jaS25plh7/3rv+3scTIwixs/8PHn+2Bk/SVtN2mqxacYOKw13KfNiXtlneihmDONXqs0VVs/VXP1UqJvnc8qBeZoWYWf9JHXVqWkj2EX55G76X86R4W40aDHNzMdzLBwJLLEWm6fTI+o0knvZ+dkgO/cDfGczTNpl5gjxePrpY0SPMKwKT1A5nCe7Y4ofDgQEv/Ghn2AqunZabUmR9Fb8gQoaUVIVFTSiokaV0qDu0T694Y+rGbWktnQ5+nHiuP+IjrFjR4cqevj9wBK8beO87t6jiyzbKJAiIEWSreQxjAm7QGyeAwzRzb39i/7WFbdV2bGs0nxvs7zjxtlOgRwZPP6v7R5PmhQPUOKEneFLd4UECfqs51WXU/opDL6wb/mdDfJkEfrXgUKk2UKbiM/5BoD76d7reujOANwgJH9H8p14PDnSzBGySZsSReecDIAIDxj/jxH/LcQtW7UJ0E8f69RwuP+0Ohwb1CnTS0CCW6zK3Wb9a4AnNcgWktRoYHdpYhgtWvypfRSARVv5yVXd2smGWuzTHo7qeRZZpk7zH00cRos2ITd5yT/HQY0gPKGW3u0YPvZ06HB77tO2hx5jN5HFTNk11lgHRIs2VW5Tp8kRf5g3eYUUSa5y/eKsfn7NTvlPaCjqelwDF3bx4ADAeXeJc1xijpCYmDJ9jKrCIe0H4IaF81/56VGDJTvtPwV1IFmhTO/4AOWDSQIAWmwiRIokADEx08xeXGD5hUjxQp0GnQCdOAKS1RnNP7tO7VDOMmO9bB8qUQRghVVCW7raUOPEvH45W7IidRoA/DEAmmk0pL+n6f4AAAAASUVORK5CYII%3D) 50% no-repeat;
}
.tile .brand  > .badge.unavailable,
.tile .tile-status  > .badge.unavailable {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAKASURBVHjalJK9axxXFMV/772ZzOysVqvRDgtaSSwpJYFwY3ATEpIm5KNLawgp3Ljz/5E2bu20CYQUBoMNNnaRMkUKqYiQtIgdCQ0TaVc7M29n3nspzC7GMYYcuMWFe7jnHI4YjUY453DOYYyh0+l8opT63vO8L8MwbAshqKqq0lo/c849rqrquXMOIcSbGY1GWGsxxny0urr6MI7jH5RSAFhrAZBSLvc8z3+dTqf3lFL/SCnxAIwxwdra2tP19fXPAC4vL8myjKIoAIiiiF6vR7/fJ0mS75RSH19dXX0hpbwWx8fHrKys/JwkyV1rLYeHh5yenuKc420lzjm2trbY3d3F8zzyPH8ynU6/ERcXF3fiOP7D930ODg44OjoiDMOl7AWstZRlyXA4ZH9/H2MM4/H4K+l53n3f98myjJOTE4Ig+A95kUMURZydnXF+fo5SiiiKHkjf9z9f+AaWst+HRfKL2yiKbssgCNrOOWaz2Xs/vwulFLPZjLquCcPwDcM5x//B2/dyPp9XC3/WWoQQHyQbY2i32/i+T1VVTtZ1/QogSZJlGz/02VpLkiQAlGX5l2ya5mHTNPT7fba3tynLctnAd8llWTIYDNjY2MBaS1EUP0qt9YvJZPI7wM7ODsPhEK01WmuapqFpGrTWVFXFYDBgb28PIQTX19ev67r+TYzHY7TW3W63+zKO41sAaZqSZRk3NzcAtNtter0em5ubAEwmk7/zPP9USjkWaZoyn89xziWdTudRt9v9etGFuq4B8H1/aSXP89dFUdx1zp065xBpmlLXNUIIjDG0Wq1vPc+7H4bhnVarhRCCsiwpiuJPY8xPRVH8EgQBxhistfw7ABpxTL93U9x/AAAAAElFTkSuQmCC) 50% no-repeat;
}
.tile .brand  > .badge.away,
.tile .tile-status  > .badge.away {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAJ2SURBVHjajJI7iFVnFIW//d9zz52ZO2fG14gzJBgbp5JYKPh+NqKxsxWMRZoBCxu1sAuBKFaClj5KDUQhRXybCIqICjqNYjFDhtExN45e7/uc8y+L/yJGp3A1+2fDWv/ea23zlQvIp0gpRgfrWbZRNrhP0cAOopEyGGSvWmQz15zq59SeuC5LsAis0MJ85SLKG8jXY3pXnKb8/X6iBAB8KLhuzZtQf/gbrWc/WTGetSgnAg9qlCiv/pNk1RYAqz3A6jeg/SyoxMtReRNKNsLAhj24gWW0726H+B3+9Rmyd3fPp5KyXMpf/SqNL5KelEIdH5Ke9Ejj8+SnjyrLWkolZbX7f/jZk5h/e3WN7197j0I/NnMMN3MYoiXgBv6/g+rQmUJDR/Ajv4BP0eylnU5u/pgK/Vj9Ee6/411y8gm5a4b1Qfwt9uYUrnoTXBGLvzvoFCXbDLDaVcjfd38WX0JBRCnUroRW/M1qRzRSxgPt55+NPRc8FJJgbtaB4rBz+phRxtcj//hylr5s4YDScvDVT0KfCw7yGpRGIYohfS2H3v4NoL6tYL3BbWwOsoHawY3y1tDJpp46p8pp5U2UrEcLD0BnCtT4bBIXyJ0J/Pwf0eAu8ELtiROO5uQtazy9LMAvPoKGDoU00n/CSr4K2RTkFfyCMRj+OWg2Ht9RNv27+X/PId8cVN+62/SvWAngqtehdq17yjmURlHfZjRvdxi98fyFr/21GWfT5ivnkQehRfSOnqV35S4KpW4w7ZB/1NNNMYf6wzukk3ulbBI1iIJkBBZX1Bn/gby621wyRrx0DcXhQGzPYOnEY/nmKbVeXLTicNcn+DAArZ4503S5ZjkAAAAASUVORK5CYII%3D) 50% no-repeat;
}
.tile .brand  > .badge.busy,
.tile .tile-status  > .badge.busy {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAKNSURBVHjajJI9a1RBGIWfGeLdmPXuKkR0Q0RTmFsFUxgQNcaPRonpbAW1sAlY2IhFfoCIVSDaaVImFhYWmkTxAwJBVgttNqTYQFAjAWPi7t3svXeOxeC3hQdeZpiZ887DmTFuchIlCUoSTLOJ6erqV7F4QYXCaTo68hgDHz82WFmZsbXauKrVWYUhBjCNBsZNTaF6HdVqAT09tzlw4BJhyD8Vx1Au36dSuWyC4LPJMlpwDur1HH19jzh48DiAefUK8+QJVCrgHHR3o2PHUH8/HD16jkKhi7m5UwTBF9zdu6RzcxOJpFRSduOG1N4u5XJ+3LlTam2Vtm+XGxlR2mgokZTOzz90o6PgpqcPpRsbP83GSKWSFEXS/v2+okjq7JRA7vp1pZLSZlPJ5OQZqx07hrVtG+b1a+zNm7B7N4ShR/8u56CtDfbswYyNYZ8+hS1bMPv2XbUKw5MGMNPTsLEBhQJIfwco+SZJAo8f+7XOzj5LR0cegIUFb/715j/lnKerVKDZhFLJWlnrN9OU/1aW/Zha8+FDA4Dublhfh+8N/yVr4etXiCIIAvj0SZa1tRcAOnECtm6FWg2M+dtsDGxu8uMsYJaX31q7unpbcYyOHEFXrsDyMtTrv5NY683VKu7iRTQ4CBKqVm/h7twhnZ9/kEhK41ju2jWpWJTa2qRdu3zl81I+r2x4WNnamv8H5fKLZHQU48bHURwXdfjwM3p6egHs7CzMzPi0swyiCA0MoKEhj76wsOiePx/AmPfGTUwgQFI7UXSP3t5BcjmPvrnp37+19Wf65fJLlpbOK02XqNdpAaClBYJgVe/enWV9fciE4TB79x6iVPLGlRVMtfpGcTymxcUpUyr5nIBvAwDWIWcndiwtQAAAAABJRU5ErkJggg%3D%3D) 50% no-repeat;
}
.tile .brand  > .badge.newMessage,
.tile .tile-status  > .badge.newMessage {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC/SURBVDhP1ZE9DgIhFIQhobDYg1haWniMbSw9j0exsfMAeg9L7Sy2kPATnCFI2LgYtjJOMjx4vPkoED+X5OK934cQ+thpFOYvSqmdMMascVDOuQMcGn1GptNaL4W1dgBkMwOSw8jeBJszIKMwexFAN0A+wnQG0Lh4wv0EJIb5AO4fRX8MoDFAlZAyPJSztOSSfiYLAYeyxTcdURcIrqSUJ7iLA4UmAdQbgnqvhakqgEoQXQtTXwEtIuCa9n8pIV67VJf6AmhGmgAAAABJRU5ErkJggg%3D%3D) 50% no-repeat;
}
.tile .brand  > .badge.paused,
.tile .tile-status  > .badge.paused {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAArSURBVDhPY/j9+7fDnz9//mPBCQxQgE8NE1QN2WDUgFEDQGDUgIE3gIEBAArtNKc4HT7sAAAAAElFTkSuQmCC) 50% no-repeat;
}
.tile .brand  > .badge.playing,
.tile .tile-status  > .badge.playing {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEXSURBVDhPY4CBnz9/pvz+/dsFyiUaMEFpBiYmJhkgtf3v37/t////Z4GIEgZwA0CAkZGRBai5AmjIYSCtABXGC1AMQAIWf/78OQ/EEVA+ToDLAJBrBIDUcqBrZgNdwwMRxQQ4DYABoOYUoCGngYFsABVCAQQNgAINYCAf//XrVwGUDwfEGgDyEgfQkH5guGwGukoEKky8AUhA5sePH6DwAQOSDAC6YgIzM7MpJyfnHagQcQYAnfwGiD2BmguBhvyBCoMBMQbsYWFh0WVlZd0B5aMAnAYAbfzz79+/SqBmV6CtL6DCGACXAQ+ABliysbF1QPk4AYYBQI0rgH7VBWo+AxXCC+AGADV+AVKJQL9GAp0MYhMBGBgA8v5j1f90TA8AAAAASUVORK5CYII%3D) 50% no-repeat;
}
.tile .brand  > .badge.error,
.tile .tile-status  > .badge.error {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFiSURBVDhPjVM7TsNQELRjy8ISBQeIREtBEYnQUXCINFTkCCBxgNwAJI5AaejSpaCAEqRINBTcIQ1SbD9/mHmfZP3iSIw0ytt9O7O7thMGHpqmGVZVNQnD8AwcMde27RL8rOt6nqbpjy7sA4RTpdQKv20fcbcuy/IOZrGVbIHLpz7RHr52TJCYukuMeU+6WDBjdxej4UyLubMbm0KdBDyTzHWEyY01UEVRnA4Q8IEdaZVAFEW3yD/g+IzzFc6VuTFAHAPXO7vLKQi5q+suuOD+X15yx4ToEXON1QB3B6ZkC3Qd+q8Kaxzbo0TMCTLPefPAfPS8nTeOtnk1YEfMsf11pIm+y/P8BLusmaCZrevsLE1QO3F51FzopJyCQil2pAnFoLLxI7X6z8SxkVjgeMn4H/jGQz3Ht/BrY2MC85nrsI/sjNpDKzMTSODzHPELQ9EY1H9ndFqCHxC/JEnyrgs1guAPTvwreuY0IiIAAAAASUVORK5CYII%3D) 50% no-repeat;
}
.tile .brand  > .badge.attention,
.tile .tile-status  > .badge.attention {
  background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEbSURBVDhPtZI9bsJAEIVZ7ANQ5gApEomChjoNBUUOkSJFivSUQE3JEThCCo4BkotcIVKKNEi2vP7hveVZrMFgKPJJo915szOzf51/Jc/zhbV2Jfc+kiR5QrLNsqzEMJJ8O0hcM1kWlWUZKtQOOo69ZGdpmn4ofB12QsI3k1BoRtP8F7Gell0GnT6rrpJ4HOfzUiU1ww7o9HepAGI2juNHyeegw7Ja3FRA9iW5jv9slSl0WqD2rEYjF7Hy68E7gCPNORpjpk44sg2CYAg969JTxVoywYIXmlyfAS77jRPDZ8PZN5j3KfiEYeh2yG07wQN5P4g/d9H9Hf5ZMkHM/QO5NbCzh6IoJgbVI/iNBdrALnY8An9X+w9rpLPbA/sADga+JgSiAAAAAElFTkSuQmCC) 50% no-repeat;
}
.tile .brand  > .name,
.tile .tile-status  > .name {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 5px;
  margin-left: 15px;
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  color: #ffffff;
}
.tile .brand  > .name:hover,
.tile .tile-status  > .name:hover {
  color: #ffffff;
}
.tile .brand  > .name  > [class*=icon-],
.tile .tile-status  > .name  > [class*=icon-] {
  font-size: 24px;
}
.tile .brand  > .icon,
.tile .tile-status  > .icon {
  margin: 5px 15px;
  width: 32px;
  height: 32px;
}
.tile .brand  > .icon  > [class*=icon-],
.tile .tile-status  > .icon  > [class*=icon-] {
  font-size: 32px;
}
.tile .brand  > .icon  > img,
.tile .tile-status  > .icon  > img {
  width: 100%;
  height: 100%;
}
.tile .brand  > .text,
.tile .tile-status  > .text {
  position: absolute;
  left: 60px;
  top: 5px;
  right: 50px;
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  color: #000000;
  color: #ffffff;
  line-height: 14px;
}
.tile .brand  > .text:hover,
.tile .tile-status  > .text:hover {
  color: rgba(0, 0, 0, 0.8);
}
.tile .brand  > .text:active,
.tile .tile-status  > .text:active {
  color: rgba(0, 0, 0, 0.4);
}
.tile .brand  > .text:hover,
.tile .tile-status  > .text:hover {
  color: #ffffff;
}
.tile:hover {
  outline: 3px #3a3a3a solid;
}

/* JKS */
.tile.dummy:hover {
  outline: 0px #3a3a3a solid;
}

.tile.spacer:hover {
  outline: 0px #ffffff solid;
}

.tile.smalldummy:hover {
  outline: 0px #3a3a3a solid;
}

/* Used for Palette Drop Down list on Work Assignment Layout */
.cifRed:hover {
background-color : #8B0000;
border-color:#8B0000;
color : #ffffff;
}
.cifGreen:hover {
background-color : #008000;
border-color:#008000;
color : #ffffff;
}
.cifBlue:hover {
background-color : #71A9D2;
border-color:#71A9D2;
color : #ffffff;
}
select option:hover {
    background-color: yellow;
}

/* JKS */



/*
 * Metro UI CSS
 * Copyright 2012 Sergey Pimenov
 * Licensed under the MIT Lilcense
 *
 * Variables.less
 */
.fg-color-blue {
  color: #2d89ef !important;
}
.fg-color-blueLight {
  color: #44a3aa !important;
}
.fg-color-blueDark {
  /*color: #2b5797 !important;*/
  color: #0072C6 !important;
}
.fg-color-green {
  color: #00a300 !important;
}
.fg-color-greenLight {
  color: #99b433 !important;
}
.fg-color-greenDark {
  color: #1e7145 !important;
}
.fg-color-red {
  color: #b91d47 !important;
}
.fg-color-yellow {
  color: #ffc40d !important;
}
.fg-color-orange {
  color: #e3a21a !important;
}
.fg-color-orangeDark {
  color: #da532c !important;
}
.fg-color-pink {
  color: #9f00a7 !important;
}
.fg-color-pinkDark {
  color: #7e3878 !important;
}
.fg-color-purple {
  color: #603cba !important;
}
.fg-color-darken {
  color: #1d1d1d !important;
}
.fg-color-white {
  color: #ffffff !important;
}
.fg-color-grayDark {
  color: #525252 !important;
}
.bg-color-blue {
  background-color: #2d89ef !important;
}
.bg-color-blueLight {
  background-color: #44a3aa !important;
}
.bg-color-blueDark {
  /*background-color: #2b5797 !important;*/
  background-color: #0072C6 !important;

}
.bg-color-green {
  background-color: #00a300 !important;
}
.bg-color-greenLight {
  background-color: #99b433 !important;
}
.bg-color-greenDark {
  background-color: #1e7145 !important;
}
.bg-color-red {
  background-color: #b91d47 !important;
}
.bg-color-yellow {
  background-color: #ffc40d !important;
}
.bg-color-orange {
  background-color: #e3a21a !important;
}
.bg-color-orangeDark {
  background-color: #da532c !important;
}
.bg-color-pink {
  background-color: #9f00a7 !important;
}
.bg-color-white {
  background-color: #ffffff !important;
}
.bg-color-pinkDark {
  background-color: #7e3878 !important;
}
.bg-color-purple {
  background-color: #603cba !important;
}
.bg-color-darken {
  background-color: #1d1d1d !important;
}
.bg-color-white {
  background-color: #ffffff !important;
}
.bg-color-grayDark {
  background-color: #525252 !important;
}
[class*=border-color] {
  border: 2px solid;
}
.border-color-blue {
  border-color: #2d89ef !important;
}
.border-color-blueLight {
  border-color: #44a3aa !important;
}
.border-color-blueDark {
  border-color: #2b5797 !important;
}
.border-color-green {
  border-color: #00a300 !important;
}
.border-color-greenLight {
  border-color: #99b433 !important;
}
.border-color-greenDark {
  border-color: #1e7145 !important;
}
.border-color-red {
  border-color: #b91d47 !important;
}
.border-color-yellow {
  border-color: #ffc40d !important;
}
.border-color-orange {
  border-color: #e3a21a !important;
}
.border-color-orangeDark {
  border-color: #da532c !important;
}
.border-color-pink {
  border-color: #9f00a7 !important;
}
.border-color-pinkDark {
  border-color: #7e3878 !important;
}
.border-color-purple {
  border-color: #603cba !important;
}
.border-color-darken {
  border-color: #1d1d1d !important;
}
.border-color-white {
  border-color: #ffffff !important;
}
.border-color-grayDark {
  border-color: #525252 !important;
}
*:hover[class=outline-color] {
  outline: 3px solid;
}
.outline-color-blue {
  outline-color: #2d89ef !important;
}
.outline-color-blueLight {
  outline-color: #44a3aa !important;
}
.outline-color-blueDark {
  outline-color: #2b5797 !important;
}
.outline-color-green {
  outline-color: #00a300 !important;
}
.outline-color-greenLight {
  outline-color: #99b433 !important;
}
.outline-color-greenDark {
  outline-color: #1e7145 !important;
}
.outline-color-red {
  outline-color: #b91d47 !important;
}
.outline-color-yellow {
  outline-color: #ffc40d !important;
}
.outline-color-orange {
  outline-color: #e3a21a !important;
}
.outline-color-orangeDark {
  outline-color: #da532c !important;
}
.outline-color-pink {
  outline-color: #9f00a7 !important;
}
.outline-color-pinkDark {
  outline-color: #7e3878 !important;
}
.outline-color-purple {
  outline-color: #603cba !important;
}
.outline-color-darken {
  outline-color: #1d1d1d !important;
}
.outline-color-white {
  outline-color: #ffffff !important;
}
.outline-color-grayDark {
  outline-color: #525252 !important;
}


/*
Icon Set:	Broccolidry -- http://dribbble.com/shots/587469-Free-16px-Broccolidryiconsaniconsetitisfullof-icons
License:	Aribitrary -- http://licence.visualidiot.com/


Icon Set:	Meteocons -- http://www.alessioatzeni.com/meteocons/
License:	Arbitrary -- http://www.alessioatzeni.com/meteocons/#about


Icon Set:	IcoMoon - Free -- http://keyamoon.com/icomoon/
License:	CC BY-SA 3.0 -- http://creativecommons.org/licenses/by-sa/3.0/
*/
@font-face {
  font-family: 'iconFont';
  src: url('../fonts/iconFont.eot');
  src: url('../fonts/iconFont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconFont.svg#iconFont') format('svg'), url('../fonts/iconFont.woff') format('woff'), url('../fonts/iconFont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'iconFont';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'iconFont';
  font-style: normal;
  speak: none;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
}
.icon-large:before {
  vertical-align: middle;
  font-size: 1.3333333333333332em;
  margin-top: -8px;
}
button [class^="icon-"],
.button [class^="icon-"],
button [class*=" icon-"],
.button [class*=" icon-"] {
  font-size: 1em;
}
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large:before,
li .icon-large:before {
  width: 1.875em;
}
.icon-home:before {
  content: "\21";
}
.icon-newspaper:before {
  content: "\23";
}
.icon-pencil:before {
  content: "\24";
}
.icon-droplet:before {
  content: "\26";
}
.icon-pictures:before {
  content: "\27";
}
.icon-camera:before {
  content: "\29";
}
.icon-music:before {
  content: "\2a";
}
.icon-film:before {
  content: "\2c";
}
.icon-camera-2:before {
  content: "\2d";
}
.icon-spades:before {
  content: "\2e";
}
.icon-clubs:before {
  content: "\2f";
}
.icon-diamonds:before {
  content: "\30";
}
.icon-broadcast:before {
  content: "\31";
}
.icon-mic:before {
  content: "\32";
}
.icon-book:before {
  content: "\33";
}
.icon-file:before {
  content: "\35";
}
.icon-new:before {
  content: "\36";
}
.icon-copy:before {
  content: "\37";
}
.icon-folder:before {
  content: "\38";
}
.icon-folder-2:before {
  content: "\39";
}
.icon-tag:before {
  content: "\3a";
}
.icon-cart:before {
  content: "\3b";
}
.icon-basket:before {
  content: "\3c";
}
.icon-calculate:before {
  content: "\3d";
}
.icon-support:before {
  content: "\3e";
}
.icon-phone:before {
  content: "\3f";
}
.icon-mail:before {
  content: "\40";
}
.icon-location:before {
  content: "\41";
}
.icon-compass:before {
  content: "\42";
}
.icon-history:before {
  content: "\43";
}
.icon-clock:before {
  content: "\44";
}
.icon-bell:before {
  content: "\45";
}
.icon-calendar:before {
  content: "\46";
}
.icon-printer:before {
  content: "\47";
}
.icon-mouse:before {
  content: "\48";
}
.icon-screen:before {
  content: "\49";
}
.icon-laptop:before {
  content: "\4a";
}
.icon-mobile:before {
  content: "\4b";
}
.icon-cabinet:before {
  content: "\4c";
}
.icon-drawer:before {
  content: "\4d";
}
.icon-drawer-2:before {
  content: "\4e";
}
.icon-box:before {
  content: "\4f";
}
.icon-box-add:before {
  content: "\50";
}
.icon-box-remove:before {
  content: "\51";
}
.icon-download:before {
  content: "\52";
}
.icon-upload:before {
  content: "\53";
}
.icon-database:before {
  content: "\54";
}
.icon-flip:before {
  content: "\55";
}
.icon-flip-2:before {
  content: "\56";
}
.icon-undo:before {
  content: "\57";
}
.icon-redo:before {
  content: "\58";
}
.icon-forward:before {
  content: "\59";
}
.icon-reply:before {
  content: "\5a";
}
.icon-reply-2:before {
  content: "\5b";
}
.icon-comments:before {
  content: "\5c";
}
.icon-comments-2:before {
  content: "\5d";
}
.icon-comments-3:before {
  content: "\5e";
}
.icon-comments-4:before {
  content: "\5f";
}
.icon-comments-5:before {
  content: "\60";
}
.icon-user:before {
  content: "\61";
}
.icon-user-2:before {
  content: "\62";
}
.icon-user-3:before {
  content: "\63";
}
.icon-busy:before {
  content: "\64";
}
.icon-loading:before {
  content: "\65";
}
.icon-loading-2:before {
  content: "\66";
}
.icon-search:before {
  content: "\67";
}
.icon-zoom-in:before {
  content: "\68";
}
.icon-zoom-out:before {
  content: "\69";
}
.icon-key:before {
  content: "\6a";
}
.icon-key-2:before {
  content: "\6b";
}
.icon-locked:before {
  content: "\6c";
}
.icon-unlocked:before {
  content: "\6d";
}
.icon-wrench:before {
  content: "\6e";
}
.icon-equalizer:before {
  content: "\6f";
}
.icon-cog:before {
  content: "\70";
}
.icon-pie:before {
  content: "\71";
}
.icon-bars:before {
  content: "\72";
}
.icon-stats-up:before {
  content: "\73";
}
.icon-gift:before {
  content: "\74";
}
.icon-trophy:before {
  content: "\75";
}
.icon-diamond:before {
  content: "\76";
}
.icon-coffee:before {
  content: "\77";
}
.icon-rocket:before {
  content: "\78";
}
.icon-meter-slow:before {
  content: "\79";
}
.icon-meter-medium:before {
  content: "\7a";
}
.icon-meter-fast:before {
  content: "\7b";
}
.icon-dashboard:before {
  content: "\7c";
}
.icon-fire:before {
  content: "\7d";
}
.icon-lab:before {
  content: "\e000";
}
.icon-remove:before {
  content: "\e003";
}
.icon-briefcase:before {
  content: "\e004";
}
.icon-briefcase-2:before {
  content: "\e005";
}
.icon-cars:before {
  content: "\e006";
}
.icon-bus:before {
  content: "\e007";
}
.icon-cube:before {
  content: "\e008";
}
.icon-cube-2:before {
  content: "\e009";
}
.icon-puzzle:before {
  content: "\e00a";
}
.icon-glasses:before {
  content: "\e00b";
}
.icon-glasses-2:before {
  content: "\e00c";
}
.icon-accessibility:before {
  content: "\e00d";
}
.icon-accessibility-2:before {
  content: "\e00e";
}
.icon-target:before {
  content: "\e00f";
}
.icon-target-2:before {
  content: "\e010";
}
.icon-lightning:before {
  content: "\e011";
}
.icon-power:before {
  content: "\e012";
}
.icon-power-2:before {
  content: "\e013";
}
.icon-clipboard:before {
  content: "\e014";
}
.icon-clipboard-2:before {
  content: "\e015";
}
.icon-playlist:before {
  content: "\e016";
}
.icon-grid-view:before {
  content: "\e017";
}
.icon-tree-view:before {
  content: "\e018";
}
.icon-cloud:before {
  content: "\e019";
}
.icon-cloud-2:before {
  content: "\e01a";
}
.icon-download-2:before {
  content: "\e01b";
}
.icon-upload-2:before {
  content: "\e01c";
}
.icon-upload-3:before {
  content: "\e01d";
}
.icon-link:before {
  content: "\e01e";
}
.icon-link-2:before {
  content: "\e01f";
}
.icon-flag:before {
  content: "\e020";
}
.icon-flag-2:before {
  content: "\e021";
}
.icon-attachment:before {
  content: "\e022";
}
.icon-eye:before {
  content: "\e024";
}
.icon-bookmark:before {
  content: "\e025";
}
.icon-bookmark-2:before {
  content: "\e026";
}
.icon-star:before {
  content: "\e027";
}
.icon-star-2:before {
  content: "\e028";
}
.icon-star-3:before {
  content: "\e029";
}
.icon-heart:before {
  content: "\e02a";
}
.icon-heart-2:before {
  content: "\e02b";
}
.icon-thumbs-up:before {
  content: "\e02c";
}
.icon-thumbs-down:before {
  content: "\e02d";
}
.icon-plus:before {
  content: "\e031";
}
.icon-minus:before {
  content: "\e032";
}
.icon-help:before {
  content: "\e033";
}
.icon-help-2:before {
  content: "\e034";
}
.icon-blocked:before {
  content: "\e035";
}
.icon-cancel:before {
  content: "\e036";
}
.icon-cancel-2:before {
  content: "\e037";
}
.icon-checkmark:before {
  content: "\e038";
}
.icon-minus-2:before {
  content: "\e039";
}
.icon-plus-2:before {
  content: "\e03a";
}
.icon-enter:before {
  content: "\e03b";
}
.icon-exit:before {
  content: "\e03c";
}
.icon-loop:before {
  content: "\e03d";
}
.icon-arrow-up-left:before {
  content: "\e04e";
}
.icon-arrow-up:before {
  content: "\e04f";
}
.icon-arrow-up-right:before {
  content: "\e050";
}
.icon-arrow-right:before {
  content: "\e051";
}
.icon-arrow-down-right:before {
  content: "\e052";
}
.icon-arrow-down:before {
  content: "\e053";
}
.icon-arrow-down-left:before {
  content: "\e054";
}
.icon-arrow-left:before {
  content: "\e055";
}
.icon-arrow-up-2:before {
  content: "\e05a";
}
.icon-arrow-right-2:before {
  content: "\e05b";
}
.icon-arrow-down-2:before {
  content: "\e05c";
}
.icon-arrow-left-2:before {
  content: "\e05d";
}
.icon-arrow-up-3:before {
  content: "\e05e";
}
.icon-arrow-right-3:before {
  content: "\e05f";
}
.icon-arrow-down-3:before {
  content: "\e060";
}
.icon-arrow-left-3:before {
  content: "\e061";
}
.icon-menu:before {
  content: "\e062";
}
.icon-enter-2:before {
  content: "\e063";
}
.icon-backspace:before {
  content: "\e064";
}
.icon-backspace-2:before {
  content: "\e065";
}
.icon-tab:before {
  content: "\e066";
}
.icon-tab-2:before {
  content: "\e067";
}
.icon-checkbox:before {
  content: "\e068";
}
.icon-checkbox-unchecked:before {
  content: "\e069";
}
.icon-checkbox-partial:before {
  content: "\e06a";
}
.icon-radio-checked:before {
  content: "\e06b";
}
.icon-radio-unchecked:before {
  content: "\e06c";
}
.icon-font:before {
  content: "\e06d";
}
.icon-paragraph-left:before {
  content: "\e06e";
}
.icon-paragraph-center:before {
  content: "\e06f";
}
.icon-paragraph-right:before {
  content: "\e070";
}
.icon-paragraph-justify:before {
  content: "\e071";
}
.icon-left-to-right:before {
  content: "\e072";
}
.icon-right-to-left:before {
  content: "\e073";
}
.icon-share:before {
  content: "\e074";
}
.icon-new-tab:before {
  content: "\e075";
}
.icon-new-tab-2:before {
  content: "\e076";
}
.icon-embed:before {
  content: "\e077";
}
.icon-code:before {
  content: "\e078";
}
.icon-bluetooth:before {
  content: "\e079";
}
.icon-share-2:before {
  content: "\e07a";
}
.icon-share-3:before {
  content: "\e07b";
}
.icon-mail-2:before {
  content: "\e07d";
}
.icon-google:before {
  content: "\e07f";
}
.icon-google-plus:before {
  content: "\e080";
}
.icon-google-drive:before {
  content: "\e084";
}
.icon-facebook:before {
  content: "\e085";
}
.icon-instagram:before {
  content: "\e088";
}
.icon-twitter:before {
  content: "\e089";
}
.icon-feed:before {
  content: "\e08c";
}
.icon-youtube:before {
  content: "\e090";
}
.icon-vimeo:before {
  content: "\e091";
}
.icon-flickr:before {
  content: "\e093";
}
.icon-picassa:before {
  content: "\e096";
}
.icon-dribbble:before {
  content: "\e098";
}
.icon-deviantart:before {
  content: "\e09d";
}
.icon-github:before {
  content: "\e09f";
}
.icon-github-2:before {
  content: "\e0a0";
}
.icon-github-3:before {
  content: "\e0a1";
}
.icon-github-4:before {
  content: "\e0a2";
}
.icon-github-5:before {
  content: "\e0a3";
}
.icon-git:before {
  content: "\e0a5";
}
.icon-github-6:before {
  content: "\e0a6";
}
.icon-wordpress:before {
  content: "\e0a7";
}
.icon-joomla:before {
  content: "\e0a9";
}
.icon-blogger:before {
  content: "\e0aa";
}
.icon-tumblr:before {
  content: "\e0ac";
}
.icon-yahoo:before {
  content: "\e0ae";
}
.icon-amazon:before {
  content: "\e0b0";
}
.icon-tux:before {
  content: "\e0b2";
}
.icon-apple:before {
  content: "\e0b3";
}
.icon-finder:before {
  content: "\e0b4";
}
.icon-android:before {
  content: "\e0b5";
}
.icon-windows:before {
  content: "\e0b6";
}
.icon-soundcloud:before {
  content: "\e0b7";
}
.icon-skype:before {
  content: "\e0b9";
}
.icon-reddit:before {
  content: "\e0ba";
}
.icon-linkedin:before {
  content: "\e0bb";
}
.icon-lastfm:before {
  content: "\e0bd";
}
.icon-delicious:before {
  content: "\e0bf";
}
.icon-stumbleupon:before {
  content: "\e0c0";
}
.icon-pinterest:before {
  content: "\e0c2";
}
.icon-xing:before {
  content: "\e0c5";
}
.icon-flattr:before {
  content: "\e0c6";
}
.icon-foursquare:before {
  content: "\e0c8";
}
.icon-paypal:before {
  content: "\e0c9";
}
.icon-yelp:before {
  content: "\e0cc";
}
.icon-libreoffice:before {
  content: "\e0cd";
}
.icon-file-pdf:before {
  content: "\e0ce";
}
.icon-file-openoffice:before {
  content: "\e0cf";
}
.icon-file-word:before {
  content: "\e0d0";
}
.icon-file-excel:before {
  content: "\e0d1";
}
.icon-file-powerpoint:before {
  content: "\e0d2";
}
.icon-file-zip:before {
  content: "\e0d3";
}
.icon-file-xml:before {
  content: "\e0d4";
}
.icon-file-css:before {
  content: "\e0d5";
}
.icon-html5:before {
  content: "\e0d6";
}
.icon-html5-2:before {
  content: "\e0d7";
}
.icon-css3:before {
  content: "\e0d8";
}
.icon-chrome:before {
  content: "\e0d9";
}
.icon-firefox:before {
  content: "\e0da";
}
.icon-IE:before {
  content: "\e0db";
}
.icon-opera:before {
  content: "\e0dc";
}
.icon-safari:before {
  content: "\e0dd";
}
.icon-IcoMoon:before {
  content: "\e0de";
}
.icon-sunrise:before {
  content: "\7e";
}
.icon-sun:before {
  content: "\e0df";
}
.icon-moon:before {
  content: "\e0e0";
}
.icon-sun-2:before {
  content: "\e0e1";
}
.icon-windy:before {
  content: "\e0e2";
}
.icon-wind:before {
  content: "\e0e3";
}
.icon-snowflake:before {
  content: "\e0e4";
}
.icon-cloudy:before {
  content: "\e0e5";
}
.icon-cloud-3:before {
  content: "\e0e6";
}
.icon-weather:before {
  content: "\e0e7";
}
.icon-weather-2:before {
  content: "\e0e8";
}
.icon-weather-3:before {
  content: "\e0e9";
}
.icon-lines:before {
  content: "\e0ea";
}
.icon-cloud-4:before {
  content: "\e0eb";
}
.icon-lightning-2:before {
  content: "\e0ec";
}
.icon-lightning-3:before {
  content: "\e0ed";
}
.icon-rainy:before {
  content: "\e0ee";
}
.icon-rainy-2:before {
  content: "\e0ef";
}
.icon-windy-2:before {
  content: "\e0f0";
}
.icon-windy-3:before {
  content: "\e0f1";
}
.icon-snowy:before {
  content: "\e0f2";
}
.icon-snowy-2:before {
  content: "\e0f3";
}
.icon-snowy-3:before {
  content: "\e0f4";
}
.icon-weather-4:before {
  content: "\e0f5";
}
.icon-cloudy-2:before {
  content: "\e0f6";
}
.icon-cloud-5:before {
  content: "\e0f7";
}
.icon-lightning-4:before {
  content: "\e0f8";
}
.icon-sun-3:before {
  content: "\e0f9";
}
.icon-moon-2:before {
  content: "\e0fa";
}
.icon-cloudy-3:before {
  content: "\e0fb";
}
.icon-cloud-6:before {
  content: "\e0fc";
}
.icon-cloud-7:before {
  content: "\e0fd";
}
.icon-lightning-5:before {
  content: "\e0fe";
}
.icon-rainy-3:before {
  content: "\e0ff";
}
.icon-rainy-4:before {
  content: "\e100";
}
.icon-windy-4:before {
  content: "\e101";
}
.icon-windy-5:before {
  content: "\e102";
}
.icon-snowy-4:before {
  content: "\e103";
}
.icon-snowy-5:before {
  content: "\e104";
}
.icon-weather-5:before {
  content: "\e105";
}
.icon-cloudy-4:before {
  content: "\e106";
}
.icon-lightning-6:before {
  content: "\e107";
}
.icon-thermometer:before {
  content: "\e108";
}
.icon-compass-2:before {
  content: "\e109";
}
.icon-none:before {
  content: "\e10a";
}
.icon-Celsius:before {
  content: "\e10b";
}
.icon-Fahrenheit:before {
  content: "\e10c";
}
.icon-forrst:before {
  content: "\e09b";
}
.icon-headphones:before {
  content: "\e002";
}
.icon-bug:before {
  content: "\e03e";
}
.icon-cart-2:before {
  content: "\e03f";
}
.icon-earth:before {
  content: "\e040";
}
.icon-battery:before {
  content: "\e041";
}
.icon-list:before {
  content: "\e042";
}
.icon-grid:before {
  content: "\e043";
}
.icon-alarm:before {
  content: "\e044";
}
.icon-location-2:before {
  content: "\e045";
}
.icon-pointer:before {
  content: "\e046";
}
.icon-diary:before {
  content: "\e047";
}
.icon-eye-2:before {
  content: "\e048";
}
.icon-console:before {
  content: "\e001";
}
.icon-location-3:before {
  content: "\e023";
}
.icon-move:before {
  content: "\e02e";
}
.icon-gift-2:before {
  content: "\e02f";
}
.icon-monitor:before {
  content: "\e030";
}
.icon-mobile-2:before {
  content: "\e049";
}
.icon-switch:before {
  content: "\e04a";
}
.icon-star-4:before {
  content: "\e04b";
}
.icon-address-book:before {
  content: "\e056";
}
.icon-shit:before {
  content: "\e057";
}
.icon-cone:before {
  content: "\e058";
}
.icon-credit-card:before {
  content: "\e059";
}
.icon-type:before {
  content: "\e04c";
}
.icon-volume:before {
  content: "\e04d";
}
.icon-volume-2:before {
  content: "\e07c";
}
.icon-locked-2:before {
  content: "\e07e";
}
.icon-warning:before {
  content: "\e081";
}
.icon-info:before {
  content: "\e082";
}
.icon-filter:before {
  content: "\e083";
}
.icon-bookmark-3:before {
  content: "\e086";
}
.icon-bookmark-4:before {
  content: "\e087";
}
.icon-stats:before {
  content: "\e08a";
}
.icon-compass-3:before {
  content: "\e08b";
}
.icon-keyboard:before {
  content: "\e08d";
}





/* Metro Colors */

/* PURPLE RGB 162 0 255 */
#metro_purple
{
    background : #A200FF
}
#metro_teal
{
    background : #00ABA9
}

/*
MAGENTA
RGB 255 0 151
FF0097

TEAL
RGB 0 171 169
00ABA9

LIME
RGB 140 191 38
8CBF26

BROWN
RGB 160 80 0
A05000

PINK
RGB 230 113 184
E671B8

ORANGE
RGB 240 150 9
F09609

BLUE
RGB 27 161 226
1BA1E2

RED
RGB 229 20 0
E51400

GREEN
RGB 51 153 51
339933

*/

#headerfont
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 56px !important;
}

#loginfont
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    color: #000;
}

#headerbannerfont
{
    font-size: 16px;
}

/* JKS : New Styles for Facelift */

#wijpiechart         
{             
    width: 400px;             
    height: 300px;         
}

table.editheader
{
    background-color:#FFFFFF;
    width:100%;
    border-width: 1px;
    border-color:#a7a7aa;
    border-style: solid;
}

table.dashboard
{
    padding : 0px;
    background-color:#000000;
    /*background-color:#aeaeae;*/
    width:100%;
}
/* ============================================== */
/* JKS : print/preview table styles */
table.printpreview 
{ 
border-width: 0 0 1px 1px; 
border-spacing: 0; 
border-collapse: collapse; 
border-style: solid; 
color: #000000;
border-color: Gray;
padding : 1px;
} 
 
.printpreview td
{ 
font-size: 9px;
margin: 0; 
padding: 0px; 
border-width: 1px 1px 1 1; 
border-style: solid; 
border-color: Gray;
} 

.printpreview th 
{ 
font-size: 12px;
margin: 0; 
padding: 3px; 
border-width: 1px 1px 0 0; 
border-style: solid; 
background-color: ButtonFace;
border-color: Gray;
} 

/* Will be used for rotating text in the print/preview */
/*.TableGroupHeader_cell { width: 3em; height: 20em; border: 2px solid #DDB575; }  */
.TableGroupHeader_div { text-align: center; vertical-align:middle; }  
.TableGroupHeader_div { writing-mode:tb-rl; -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform: rotate(270deg); }  
.TableGroupHeader_text {  vertical-align:top; color:Black; font-size: 14px; display: block; height: 110%; width: 100%;;  }  
/*.TableGroupHeader_text {  vertical-align:top; color:Gray; font-size: 16px; display: block; height: 110%; width: 100%; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  }  */

/* ============================================== */


table.editheaderthin
{
    background-color:#FFFFFF;
    width:100%;
    border-width: 1px;
    border-color:#a7a7aa;
    border-style: solid;
}
table.editfooterthin
{
    background-color:#FFFFFF;
    width:100%;
    border-width: 1px;
    border-top-color:#FFFFFF; 
    border-bottom-color:#a7a7aa; 
    border-right-color:#a7a7aa; 
    border-left-color:#a7a7aa;
    border-style: solid;
}

table.editheaderprofile
{
    background-color:#EAEAEA;
    width:100%;
    border-width: 2px;
    border-color:#a7a7aa;
    border-style: solid;
}

table.editheaderbgcolor
{
    background-color:#d4d4d4;
}

.checkboxstyle
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
}

a.topbannerfont
{
    font-size:16px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
}

a.hyperlink
{
    text-decoration:underline;
}

a.approvalqueuelink
{
    font-size:14px; 
    color:Blue;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    text-decoration:underline;
}

a.deptloclinkmainpage
{
    font-size:14px; 
    color:White;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    text-decoration:underline;
    font-weight:bold;
}

a.deptloclink
{
    font-size:14px; 
    color:Teal;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    text-decoration:underline;
    font-weight:bold;
}

.topbannerfont
{
    font-size:16px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
}

.topbannerfontbold
{
    font-size:16px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-weight:normal;
}

.smallfonttext
{
    font-size:12px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-weight:normal;
}

.topbannerfontboldbig
{
    font-size:20px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-weight:normal;
}

font.hyperlinktextwhite
{
    font-size:14px; 
    color:#660000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-weight:normal;
    text-decoration:underline;
}

font.deptlocbannerfont
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 16px;
    color: #FFFFFF;
    font-weight:normal;
}

font.menubanner
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    color: #FFFFFF;
    font-size: 16px;
}

font.topbannerfontboldbigblack
{
    font-size:20px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-weight:normal;
}
font.editfieldtext
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-weight:normal;
}
font.editfieldtextwhite
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-weight:normal;
}
font.editfieldtextred
{
    font-size:14px; 
    color:Red;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-weight:normal;
}
font.editfieldtextredbold
{
    font-size:14px; 
    color:Red;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-weight:bold;
}

input.editfieldtext
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-weight:normal;
}
font.disabledfieldtext
{
    font-size:14px; 
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-weight:normal;
}

font.deptlocbannergrayfontbig
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 24px;
    color: Gray;
    font-weight:normal;
}

font.deptlocbannerfontbig
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 24px;
    color: #FFFFFF;
    font-weight:normal;
}

font.deptlocbannerfont16
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 16px;
    color: #FFFFFF;
    font-weight:normal;
}

font.deptlocbannerfont14
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 14px;
    color: #FFFFFF;
    font-weight:normal;
}

font.deptlocbannerfont10
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 10px;
    color: #FFFFFF;
    font-weight:normal;
}

font.deptlocbannerfontblackbold
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 16px;
    color: #000000;
    font-weight:normal;
}

#bannerfontwhitebold 
{ 
font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif; 
font-size: 14px; 
color: #FFFFFF; 
font-weight:bold; 
}

#LaborPlanGrouping
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 16px;
    color: #FFFFFF;
    font-weight:normal;
}


#appbannerfont
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 24px;
    color: #FFFFFF;
    font-weight:normal;
}

/*===============================================================================================================*/
/* BEGIN: Added for TPS Phase II */
font.deptlocbannerfont18
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 18px;
    color: #FFFFFF;
    font-weight:bold;
}


td.bannerfontblacksmall
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 14px;
    color: #000000;
    font-weight:normal;
}

#bannerfontblacksmall
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 14px;
    color: #000000;
    font-weight:normal;
}

td.bannerfontgreybold
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 14px;
    color: #505050;
    font-weight:bold;
}

#bannerfontgreybold
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 14px;
    color: #505050;
    font-weight:bold;
}

td.bannerfontwhitebold
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 14px;
    color: #FFFFFF;
    font-weight:bold;
}

#bannerfontwhitebold
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 14px;
    color: #FFFFFF;
    font-weight:bold;
}

#bannerfontblackbold
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 14px;
    color: #000000;
    font-weight:bold;
}

#bannerfontblack10px
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 12px;
    color: #000000;
    font-weight:bold;
}

#bannerfontwhite16px
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 16px;
    color: #FFFFFF;
    font-weight:bold;
}

font.bannerfontyellow18px
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 18px;
    color: Yellow;
    font-weight:normal;
}

font.bannerfontred18px
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 18px;
    color: Red;
    font-weight:normal;
}

#bannerfontblackboldbig
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 16px;
    color: #000000;
    font-weight:bold;
}

#bannerfontblackboldbig20
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 20px;
    color: #000000;
    font-weight:bold;
}
#bannerfontgreenbold
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 16px;
    color: #336633;
    font-weight:bold;
}

#bannerfontlightgreen
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 16px;
    color: #339933;
    font-weight:normal;
}

#bannerfontlightgrey
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 16px;
    color: #686868 ;
    font-weight:normal;
}

#bannerfontlightblack
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 16px;
    color: #000000;
    font-weight:normal;
}

#appbannerboldfont
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 24px;
    color: #FFFFFF;
    font-weight:bold;
}

#appbannerboldfontblack
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 24px;
    color: #000000;
    font-weight:bold;
}

#appbannerfontboldred
{
    font-family: Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 24px;
    color: Red;
    font-weight:bold;
}
/* END: Added for TPS Phase II */
/*===============================================================================================================*/


#header2
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    background : #FFFFFF;
    padding: 0;
}

#header h1
{
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
}

#main
{
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
    background-color:#EDF5FC;
    overflow:hidden;
    font-family:Verdana, Tahoma, Arial, 'Helvetica Neue', Helvetica, Sans-Serif;   
}

.description_notes
{
    height: 200px;
    width: 500px;
}

/* MAK 20120719 - Required to make all backgrounds of editable form elements gold */
.work_asgmt_form_element_defaults
{
    width: 500px;
    background-color:#EDF5FC;
}

.work_asgmt_form_element_layout
{
    width: 200px;
}

.work_asgmt_palette_element
{
    width: 100px;
}

.consideration_notes
{
    height: 350px;
    width: 500px;
}

.disabled_textarea
{ 
    background-color: White;
    overflow: auto; 
    font-family:Verdana, Tahoma, Arial, 'Helvetica Neue', Helvetica, Sans-Serif;   
} 


/* JKS : These were taking precedence and I was unable to use "new { style = "width:295px;" }" to override */
/*
input[type="text"] 
{
    width: 295px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}
*/

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label
{
    margin: 1em 0 0 0;
}

.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}
/* Styles for OWO Kiosk 
----------------------------------------------------------*/

/* Do not make them important because we want the highlight to show  */
td.editable-cell-settings { background-color:#EDF5FC;} /* !important; } */
td.protected-cell-settings { background-color:silver;} /* !important; } */
td.disabled-cell-settings { background-color:white;} /* !important; } */

input.editable-cell-settings { background:#EDF5FC; }
input.protected-cell-settings { background:silver; }
input.disabled-cell-settings { background:white; }

.editablebackground {
  background-color: #EDF5FC !important;
}

.uneditablebackground {
  background-color: white !important;
}

.greybackground {
  background-color: silver !important;
}

.disabledbackground {
  background-color: silver !important;
}

.kiosk_form_textarea_element_40
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 40px;
    background-color:#EDF5FC;
}

.kiosk_form_textarea_element_60
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 60px;
    background-color:#EDF5FC;
}

.kiosk_form_textarea_element_80
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 80px;
    background-color:#EDF5FC;
}

.kiosk_form_textarea_element_80_ddl
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 86px;
    background-color:#EDF5FC;
}

.kiosk_form_textarea_element_82_ddl
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 89px;
    background-color:#EDF5FC;
}

.kiosk_form_textarea_element_150
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 150px;
    background-color:#EDF5FC;
}

.kiosk_form_textarea_element_250
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 250px;
    background-color:#EDF5FC;
}

.kiosk_form_textarea_element_350
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 350px;
    background-color:#EDF5FC;
}

.kiosk_form_textarea_element_400
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 400px;
    background-color:#EDF5FC;
}

.kiosk_form_textarea_element_600
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 600px;
    background-color:#EDF5FC;
}

.kiosk_form_textarea_element_700
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 700px;
    background-color:#EDF5FC;
}

.kiosk_form_textarea_element_800
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 800px;
    background-color:#EDF5FC;
}


.kiosk_form_textarea_element_400_dll
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 377px;
    background-color:#EDF5FC;
}

/*for disabled text fields */
.kiosk_form_disabled_textarea_element_40
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 40px;
    background-color:White;
}

.kiosk_form_disabled_textarea_element_80
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 80px;
    background-color:White
}

.kiosk_form_disabled_textarea_element_80_ddl
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 86px;
    background-color:White;
}

.kiosk_form_textarea_element_110
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 110px;
    background-color:#EDF5FC;
}

.kiosk_form_disabled_textarea_element_110
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 110px;
    background-color:White;
}

.kiosk_form_disabled_textarea_element_150
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 150px;
    background-color:White;
}

.kiosk_form_disabled_textarea_element_250
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 250px;
    background-color:White;
}

.kiosk_form_disabled_textarea_element_350
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 350px;
    background-color:White;
}

.kiosk_form_disabled_textarea_element_400
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 400px;
    background-color:White;
}

.kiosk_form_disabled_textarea_element_800
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 800px;
    background-color:White;
}

.kiosk_form_textarea_element_400_40
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 400px;
    height: 40px;
    background-color:#EDF5FC;
}

.kiosk_form_textarea_element_400_50
{
    font-size:14px; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 400px;
    height: 50px;
    background-color:#EDF5FC;
}

/* kiosk body style : the rounded image is the upper-left corner */
#kiosk_body {
  background : #FFFFFF;
  position : relative;
  padding : 1px 1px;
}

/* kiosk banner or footer section style */
#kiosk_banner_footer {
  background : #0072C6;
  height : 20px;
  position : relative;
  padding : 5px 5px;
}

/* kiosk left pane style : same as body except for the padding */
#kiosk_leftpane {
  background : #EAEAEA url(/images/csc_tl.png) no-repeat;
  height : 540px;
  position : relative;
  padding : 5px 5px;
}

/* MAK 20120708 - I need a class so I can use it multiple times on a view; this should bed the same as kiosk_edit_header_short below */
.kiosk_header_short {
  background : #71A9D2;
  height : 40px;
  position : relative;
  color : #FFFFFF;
  font-size : 0.8em;
  font-weight : bold;
}

/* kiosk edit header banner tall */
#kiosk_edit_header_tall {
  background : #71A9D2;
  height : 40px;
  position : relative;
  color : #FFFFFF;
  font-size : 0.8em;
  font-weight : bold;
}

/* kiosk edit header banner extended (ex. long descriptions) */
#kiosk_edit_header_extended {
  background : #71A9D2;
  height : 60px;
  position : relative;
  color : #FFFFFF;
  font-size : 0.8em;
  font-weight : bold;
}

/* kiosk edit header banner short; Please make sure both this and .kiosk_header_short are the same until we can discuss a better approach  */
#kiosk_edit_header_short {
  background : #71A9D2;
  height : 20px;
  position : relative;
  color : #FFFFFF;
  font-size : 0.8em;
  font-weight : bold;
}

/*this is for putting a color in the background of a cell the same as what the background color of the value is*/
span.cellWithoutBackground
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:22px;
    padding:4px;
}

/*this is for putting a color in the background of a cell the same as what the background color of the value is*/
span.cellWithoutBackgroundSmall
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:14px;
    padding:4px;
    background:#F08080
}

/*this is for putting a color in the background of a cell the same as what the background color of the value is*/
.holdRow td 
{
    font-weight : normal !important;
    background:#F08080 !important;
}

.higLightholdRow td 
{
    font-weight : bold !important;
    background:#FF0000 !important;
}

/*this is for putting a bold line on the row*/
span.cellWithBoldLines
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    cursor: pointer;
    text-decoration: underline;
}

span.cellWithBoldLinesNoUnderline
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-top: 2px solid;
    border-bottom: 2px solid;
}

span.cellWithUnderline
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    cursor: pointer;
    text-decoration: underline;
}

span.cellWithOutUnderline
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
}

span.cellTopWithOutUnderline
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-top: 2px solid;
}

span.cellTopBottomWithOutUnderline
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-top: 2px solid;
    border-bottom: 2px solid;
}

span.cellTopBottomWithUnderline
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    cursor: pointer;
    text-decoration: underline;
}

span.cellBottomWithOutUnderline
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-bottom: 2px solid;
}

span.cellWithBoldLineSides
{
    display:block;
    background-image:none;
    background:#E8E8E8;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-right: 2px solid;
    border-left: 2px solid;
}

span.cellWithBoldLineRightSideGrey
{
    display:block;
    background-image:none;
    background:#E8E8E8;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-right: 2px solid;
    cursor: pointer;
    text-decoration: underline;
}

span.cellWithBoldLineRightSideGreyNoUnderline
{
    display:block;
    background-image:none;
    background:#E8E8E8;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-right: 2px solid;
}

span.cellWithBoldLineRightSideGreyUnderline
{
    display:block;
    background-image:none;
    background:#E8E8E8;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-right: 2px solid;
    cursor: pointer;
    text-decoration: underline;
}

span.cellWithBoldLineRightSide
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-right: 2px solid;
    cursor: pointer;
    text-decoration: underline;
}

span.cellWithBoldLineRightSideNoUnderline
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-right: 2px solid;
}

span.cellWithBoldLineTopRightSideNoUnderline
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-right: 2px solid;
    border-top: 2px solid;
}

span.cellWithBoldLineBottomRightSideNoUnderline
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-right: 2px solid;
    border-bottom: 2px solid;
}

span.cellWithBoldLineTopRightBottomSidesNoUnderline
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-top: 2px solid;
}

span.cellWithBoldLineSidesAll
{
    display:block;
    background-image:none;
    background:#E8E8E8;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-right: 2px solid;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-top: 2px solid;
}

span.cellWithBoldLineNoLeftGrey
{
    display:block;
    background-image:none;
    background:#E8E8E8;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-top: 2px solid;
    cursor: pointer;
    text-decoration: underline;
}

span.cellWithBoldLineNoLeftGreyNoUnderline
{
    display:block;
    background-image:none;
    background:#E8E8E8;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-top: 2px solid;
}

span.cellWithBoldLineNoLeft
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-top: 2px solid;
    cursor: pointer;
    text-decoration: underline;
}

span.cellWithBoldLineTopBottom
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-bottom: 2px solid;
    border-top: 2px solid;
    cursor: pointer;
    text-decoration: underline;
}


span.cellWithBoldLineNoLeftNoUnderline
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-top: 2px solid;
}

span.cellWithBoldLineSidesBottom
{
    display:block;
    background-image:none;
    background:#E8E8E8;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-right: 2px solid;
    border-left: 2px solid;
    border-bottom: 2px solid;
}

span.cellWithBoldLineRightSideBottomGrey
{
    display:block;
    background-image:none;
    background:#E8E8E8;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-right: 2px solid;
    border-bottom: 2px solid;
}

span.cellWithBoldLineRightSideBottom
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-right: 2px solid;
    border-bottom: 2px solid;
}

span.cellWithBoldLineBottom
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-bottom: 2px solid;
}

/* JKS : Mar-31-2016 : Added for column header row on the print results reports */
span.cellWithBoldLineSidesTopHeader
{
    display:block;
    background-image:none;
    background:#E8E8E8;
    margin-right:-2px;
    margin-left:-2px;
    height:36px;
    padding:6px;
    border-right: 2px solid;
    border-left: 2px solid;
    border-top: 2px solid;
}

span.cellWithBoldLineSidesTop
{
    display:block;
    background-image:none;
    background:#E8E8E8;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-right: 2px solid;
    border-left: 2px solid;
    border-top: 2px solid;
}

span.cellWithBoldLineTop
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-top: 2px solid;
    cursor: pointer;
    text-decoration: underline;
}

span.cellWithBoldLineTopNoUnderline
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-top: 2px solid;
}

span.cellWithBoldLineTopRightGrey
{
    display:block;
    background-image:none;
    background:#E8E8E8;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-top: 2px solid;
    border-right: 2px solid;
    cursor: pointer;
    text-decoration: underline;
}

span.cellWithBoldLineTopRightGreyNoUnderline
{
    display:block;
    background-image:none;
    background:#E8E8E8;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-top: 2px solid;
    border-right: 2px solid;
}

/* JKS - PRINT CHANGES */
span.cellWithBoldLineTopRightSideNoUnderlinePrint
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:36px;
    padding:6px;
    border-right: 2px solid;
    border-top: 2px solid;
}
span.cellWithBoldLineSidesTopPrint
{
    display:block;
    background-image:none;
    background:#E8E8E8;
    margin-right:-2px;
    margin-left:-2px;
    height:36px;
    padding:6px;
    border-right: 2px solid;
    border-left: 2px solid;
    border-top: 2px solid;
}
span.cellWithBoldLineSidesPrint
{
    display:block;
    background-image:none;
    background:#E8E8E8;
    margin-right:-2px;
    margin-left:-2px;
    height:36px;
    padding:6px;
    border-right: 2px solid;
    border-left: 2px solid;
}
span.cellWithBoldLineSidesAllPrint
{
    display:block;
    background-image:none;
    background:#E8E8E8;
    margin-right:-2px;
    margin-left:-2px;
    height:36px;
    padding:6px;
    border-right: 2px solid;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-top: 2px solid;
}
span.cellTopBottomWithOutUnderlinePrint
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:36px;
    padding:6px;
    border-top: 2px solid;
    border-bottom: 2px solid;
}
span.cellWithBoldLineTopNoUnderlinePrint
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:36px;
    padding:6px;
    border-top: 2px solid;
}

span.cellWithBoldLineNoLeftNoUnderlinePrint
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:36px;
    padding:6px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-top: 2px solid;
}

span.cellWithBoldLineNoLeftGreyNoUnderlinePrint
{
    display:block;
    background-image:none;
    background:#E8E8E8;
    margin-right:-2px;
    margin-left:-2px;
    height:36px;
    padding:6px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-top: 2px solid;
}
span.cellWithBoldLineRightSideNoUnderlinePrint
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:36px;
    padding:6px;
    border-right: 2px solid;
}


span.cellWithBoldLineRightSideGreyNoUnderlinePrint
{
    display:block;
    background-image:none;
    background:#E8E8E8;
    margin-right:-2px;
    margin-left:-2px;
    height:36px;
    padding:6px;
    border-right: 2px solid;
}
span.cellWithOutUnderlinePrint
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:36px;
    padding:6px;
}

span.cellWithBoldLinesNoUnderlinePrint
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:36px;
    padding:6px;
    border-top: 2px solid;
    border-bottom: 2px solid;
}

span.cellWithBoldLineTopRightNoUnderlinePrint
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:36px;
    padding:6px;
    border-top: 2px solid;
    border-right: 2px solid;
}
span.cellWithBoldLineTopRightGreyNoUnderlinePrint
{
    display:block;
    background-image:none;
    background:#E8E8E8;
    margin-right:-2px;
    margin-left:-2px;
    height:36px;
    padding:6px;
    border-top: 2px solid;
    border-right: 2px solid;
}

span.cellWithBoldLineTop
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-top: 2px solid;
    cursor: pointer;
    text-decoration: underline;
}

span.cellWithBoldLineTopRight
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-top: 2px solid;
    border-right: 2px solid;
    cursor: pointer;
    text-decoration: underline;
}

span.cellWithBoldLineTopRightNoUnderline
{
    display:block;
    background-image:none;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    border-top: 2px solid;
    border-right: 2px solid;
}

span.cellHighlight
{
    display:block;
    background-image:none;
    background:#F0F8FF;
    margin-right:-2px;
    margin-left:-2px;
    height:9px;
    padding:6px;
    text-align:right;
}

span.cellHighlightBoldTop
{
    display:block;
    background-image:none;
    background:#F0F8FF;
    margin-right:-2px;
    margin-left:-2px;
    border-top: 2px solid;
    height:9px;
    padding:6px;
    text-align:right;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 39px;
  height : 39px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
.tr {
  background : transparent url(/images/csc_tr.png) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(/images/csc_bl.png) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(/images/csc_br.png) no-repeat;
  right : 0;
  bottom : 0;
}

#spacer
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    height:1px;  	 
	border: 0;
}

/* Styles for error message handling */
ul.error-ul {list-style-type:none;}
 
/* Styles for jqGrid Layout
----------------------------------------------------------*/

input.ui-pg-input { width: auto; }

.ui-widget-header {
background-color: #C7BC8F;
}

/*
.wijmo-wijmenu      
{
    background: grey;
}
.wijmo-wijmenu-text      
{
    color: #FFFFFF;
}
.wijmo-wijmenu .wijmo-wijmenu-child  
{
    background: #d7d0d0;
    border: #000000;
    color: black; 
}   
*/
/* Changes the drop down list item text to black */
div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-text
{
  float:none;
  color: black; 
}

/************************************ ADDED BY TRO 03/15/13 *****/

.tile.singleLast {
  width: 150px; 
  background-color: #ffffff;   
}

.tile.doubleLast {
  width: 310px; 
  background-color: #ffffff;
}

.tile.tripleLast {
  width: 470px;
  background-color: #ffffff;
}

.tile-contentLast {
  width: 100%;
  height: 100%;
  padding: 0;
  padding-bottom: 30px;
  vertical-align: top;
  /*padding: 10px 15px;*/
  padding: 3px 7px;  
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  color: #000000;
  /*line-height: 16px;*/

}

.tile-contentLast h1 
{
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 8pt;
  color: #000000; 
  line-height: 8px; 
}

.tile-contentLast h4
{
    font-family: 'Segoe UI' , 'Open Sans' , Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 12pt;
    color: #000000;
    line-height: 10px;
    font-style: italic;
}

.tile-contentLast a
{
    font-family: 'Segoe UI' , 'Open Sans' , Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 12pt;
    color: Blue;
    line-height: 10px;
    font-style: italic;
    text-decoration: underline;
}

.tile.singleLast:hover 
{
  cursor: default;  
  outline: 0px #3a3a3a solid;
}

.tile.doubleLast:hover 
{
  cursor: default;  
  outline: 0px #3a3a3a solid;
}

.tile.tripleLast:hover 
{
  cursor: default;  
  outline: 0px #3a3a3a solid;
}

.smallBorder {
  border: 4px #2d89ef solid;
}

.smallBorderLast {
  border: 4px #ffffff solid;
}

.smallBorderNoCheck {
  border: 4px #2d89ef solid;
}

.smallBorder:after {
  width: 0;
  height: 0;
  border-top: 40px solid #2d89ef;
  border-left: 40px solid transparent;
  position: absolute;
  display: block;
  right: 0;
  content: ".";
  top: 0;
  z-index: 1000;
}

.smallBorder:before {
  position: absolute;
  content: "\2714";
  color: #fff;
  right: 5px;
  font-family: Tahoma;
  z-index: 2000;
}

.smallBorderNoCheck:after {
  width: 0;
  height: 0;
  border-top: 20px solid #2d89ef;
  border-left: 20px solid transparent;
  position: absolute;
  display: block;
  right: 0;
  content: ".";
  top: 0;
  z-index: 1000;
}

.smallBorderNoCheck:before {
  position: absolute;
  content: "";
  color: #fff;
  right: 5px;
  font-family: Tahoma;
  z-index: 2000;
}

.smallBorderAlt {
  border: 4px #2b5797 solid;
}

.smallBorderAlt:after {
  width: 0;
  height: 0;
  border-top: 40px solid #2b5797;
  border-left: 40px solid transparent;
  position: absolute;
  display: block;
  right: 0;
  content: ".";
  top: 0;
  z-index: 1000;
}

.smallBorderAlt:before {
  position: absolute;
  content: "\2714";
  color: #fff;
  right: 5px;
  font-family: Tahoma;
  z-index: 2000;
}

.sensitivity_analysis_form_textarea_element_350
{
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 350px;
    background-color:#FFFFFF;
}

.sensitivity_analysis_form_textarea_element_200
{
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    width: 200px;
    background-color:#FFFFFF;
}
#accordion-resizer     
{
    padding: 5px;
    width: 350px;
    height: 430px;
}

 .buttonsa {
    background-color: white; /* Green */
    border: none;
    color: black;
    padding:5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px ! important;
    margin: 4px 2px;
    cursor: pointer;
}

.btnsa-selected
{
   background-color: #white !important;
   color: black !important;
}

.btnsa-disabled
{
    background-color: #white !important;
    color: #146EB9 !important;
}

/** Remove blue border from css custom-styled button in Chrome */
button:focus {outline:0;}

/************************************ END ADDED BY TRO 03/15/13 *****/

/* JKS : 03/20/2017 : Added for the SA Adjustments */

.sa_kiosk_form_textarea_element_75
{
    height:17px;
    width:75px;
    font-size:14px; 
    text-align:right; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    background-color:#EDF5FC;
}

.ratiodriver_notes_form_textarea_element_618
{
    height:17px;
    width:618px;
    font-size:14px; 
    text-align:left; 
    color:#000000;
    font-family:Segoe UI, Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    background-color:#EDF5FC;
}