/* DEFAULTS
----------------------------------------------------------*/
body   
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

img
{
    border-style: none;
    border: 0px;
}

.img_photo{
  height : 158px;
  width : 113px;
}
.InputButtonLink
{
    background: none;
    border: none;
    color: #1F4038;
    text-decoration: underline;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
}


.divSessionTimeoutWarning {
    position:fixed;
    top: 45%;
    left: 50%;
    width:30em;
    height:auto;
    margin-top: -0em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #FCD56D;
    border-color: #1F4038; 
    border-style:solid;
    color: #000000;
    font-size:12px;
    font-weight:bold;
    display:none;
}

.divWorking {
    position:fixed;
    top: 50%;
    left: 50%;
    width:30em;
    height:4em;
    margin-top: -2em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #FCD56D;
    border-color: #1F4038; 
    border-style:solid;
    color: #000000;
    font-size:12px;
    font-weight:bold;
    display:block;
}

.img_photo{
  height : 158px;
  width : 113px;
}


/* LINKS
----------------------------------------------------------*/

.LabelDisabled
{
    color: #CCCCCC;
    font-style:italic; 
}

a:active, a:visited, a:link, a:hover
{
    color: #1F4038;
    text-decoration: none;
    cursor: pointer;
}

.aWhite:active, .aWhite:visited, .aWhite:link, .aWhite:hover 
{
    color:#FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

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

.page
{
    width:950px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #1F4038;
}

.header
{
    background-color: #3f7f71;
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    color: #f9f9f9;
    border: none;
    line-height: 1em;
    font-size: 1em;
}

.header h2
{
    font-weight: 700;
    margin: 0px;
    color: #f9f9f9;
    border: none;
    line-height: 1em;
    font-size:small;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* HEADINGS CUSTOM
----------------------------------------------------------*/

.H1Custom, .H2Custom, .H3Custom, .H4Custom, .H5Custom, .H6Custom
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight:600;
    margin-bottom: 0px;
}

.H1Custom
{
    font-size: 1.6em;
}

.H2Custom
{
    font-size: 1.5em;
}

.H3Custom
{
    font-size: 1.2em;
}

.H4Custom
{
    font-size: 1.1em;
}

.H5Custom, .H6Custom
{
    font-size: 1em;
}

/* GRIDS
----------------------------------------------------------*/
.GridContainer
{
    border-width: 0px 0px 0px 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

.GridContainer Th
{
    background: -moz-linear-gradient(top, #3F7F71 0%, #1F4038 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3F7F71), color-stop(100%, #1F4038));
    background: -webkit-linear-gradient(top, #3F7F71 0%, #1F4038 100%);
    background: -o-linear-gradient(top, #3F7F71 0%, #1F4038 100%);
    background: -ms-linear-gradient(top, #3F7F71 0%, #1F4038 100%);
    background: linear-gradient(to bottom, #3F7F71 0%, #1F4038 100%);

    font-size: 10px;
    border-color: #1F4038;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    color: #FFFFFF;
    height: 20px;
    padding: 0px;
    padding-left: 0px;
    text-align:center !important; 
}

.GridContainer Td
{
    font-size: 10px;
    border-color: #1F4038;
    border-style: solid;
    border-width: 1px;
    padding: 1px 2px 1px 2px;
    border-width: 1px 1px 1px 1px;
    color: #000000;
}
/* TABLES
----------------------------------------------------------*/


.TableContainerHighlight
{
    border-width: 0px 0px 0px 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

.TableContainerHighlight Th
{
    background: -moz-linear-gradient(top, #ffff00 0%, #b3b300 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffff00), color-stop(100%, #b3b300));
    background: -webkit-linear-gradient(top, #ffff00 0%, #b3b300 100%);
    background: -o-linear-gradient(top, #ffff00 0%, #b3b300 100%);
    background: -ms-linear-gradient(top, #ffff00 0%, #b3b300 100%);
    background: linear-gradient(to bottom, #ffff00 0%, #b3b300 100%);
    
    border-color: #3F7F71;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    padding: 0px;
    padding-left: 7px;
    text-align: left;
}

.TableContainerHighlight Td
{
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #FFFFFF;
    border-color: #1F4038;
    color: #1F4038;
    text-align:center;
}


.TableContainerReverse
{
    border-width: 0px 0px 0px 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

.TableContainerReverse Th
{
    background: -moz-linear-gradient(top, #ffff00 0%, #3F7F71 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffff00), color-stop(100%, #3F7F71));
    background: -webkit-linear-gradient(top, #ffff00 0%, #3F7F71 100%);
    background: -o-linear-gradient(top, #ffff00 0%, #3F7F71 100%);
    background: -ms-linear-gradient(top, #ffff00 0%, #3F7F71 100%);
    background: linear-gradient(to bottom, #ffff00 0%, #3F7F71 100%);
    
    border-color: #3F7F71;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    padding: 0px;
    padding-left: 7px;
    text-align: left;
}

.TableContainerReverse Td
{
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #FFFFFF;
    border-color: #1F4038;
    color: #1F4038;
    text-align:center;
}


.toshow{
         display:none;
  }

.TableContainer
{
    border-width: 0px 0px 0px 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

.TableContainer Th
{
    background: -moz-linear-gradient(top, #3F7F71 0%, #1F4038 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3F7F71), color-stop(100%, #1F4038));
    background: -webkit-linear-gradient(top, #3F7F71 0%, #1F4038 100%);
    background: -o-linear-gradient(top, #3F7F71 0%, #1F4038 100%);
    background: -ms-linear-gradient(top, #3F7F71 0%, #1F4038 100%);
    background: linear-gradient(to bottom, #3F7F71 0%, #1F4038 100%);

    border-color: #1F4038;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    padding: 0px;
    padding-left: 7px;
    text-align: left;
}

.TableContainer Td
{
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #FFFFFF;
    border-color: #1F4038;
    color: #1F4038;
    text-align:center;
}

.TableHidden
{
    border-width: 0px;
    border-collapse: collapse;
    border-color: #000000;
    border-spacing: 0px;
    border-style: solid;
    text-align: center;
}

.TableHidden Tr
{
    border-width: 0px;
    border-collapse: collapse;
}

.TableHidden Td
{
    border-width: 0px;
    border-collapse: collapse;
}

.TableFieldNote
{
    border-width: 0px 0px 0px 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    color: #000000;
    text-align:left;
    vertical-align:top; 
}

.TableFieldNote Th
{
    border-color: #000000;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    font-size: 10px;
    color: #000000;
    text-align:left;
    vertical-align:top; 
}

.TableFieldNote Td
{
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #000000;
    color: #000000;
    text-align:left;
    vertical-align:top; 
}

.TableSectionThPGYActive
{
    background-color: #FCD56D !important;
    color: #000000 !important;
    text-align: center !important;
    border-color: #1F4038 !important;
}

.TableSectionThPGY
{
    background-color: #1F4038 !important;
    color: #FFFFFF !important;
    text-align: center !important;
    border-color: #1F4038 !important;
}

/* BUTTONS
----------------------------------------------------------*/

.ButtonDisabled
{
    padding: 0px;
    margin: 0px;
    text-align: center;
    background: #DDE4EC;
    border-color: #DDE4EC;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-size: 11px;
    height: 25px;
    width: 80px;
}

.Button
{
    padding: 0px;
    margin: 0px;
    text-align: center;
    background: #DDE4EC;
    border-color: #1F4038;
    border-style: solid;
    border-width: 1px;
    color: #1F4038;
    font-size: 11px;
    height: 25px;
    width: 100px;
}

.Button:hover
{
    background: #1F4038;
    color: #BFCBD6;
    cursor: pointer;
}

.ButtonLink
{
    padding: 1px 4px 1px 4px;
    text-decoration: none;
    background: #DDE4EC;
    border-color: #1F4038;
    border-style: solid;
    border-width: 1px;
    color: #1F4038;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}

.ButtonLink:hover
{
    background: #1F4038;
    color: #BFCBD6;
    cursor: pointer;
    text-decoration: none;
}

.ButtonBrowse
{
    padding: 0px;
    margin: 0px;
    text-align: center;
    background: #DDE4EC;
    border-color: #1F4038;
    border-style: solid;
    border-width: 1px;
    color: #1F4038;
    font-size: 11px;
    height: 25px;
    width: 90px;
}

.ButtonBrowseInvalid
{
    padding: 0px;
    margin: 0px;
    text-align: center;
    background: #FFDFDF;
    border-color: #FF0000;
    border-style: solid;
    border-width: 1px;
    color: #FF0000;
    font-size: 11px;
    height: 25px;
    width: 90px;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    margin-right:5px; 
    text-align:right;
    clear: both;
}

.title
{
    width: 100%;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.TextBoxDateInclusive
{
    background-color: #DDE4EC;
    color: #1F4038;
    border: 1px solid #1F4038;
    font-size: 11px;
    height: 15px;
    padding-top: 3px;
}

.TextBox
{
    background-color: #DDE4EC;
    border: 1px solid #1F4038;
    font-size: 11px;
    height: 15px;
    padding-top: 3px;
}

.TextBoxDisabled
{
    background-color: #EEEEEE;
    border: 1px solid #EEEEEE;
    font-size: 11px;
    height: 15px;
    padding-top: 3px;
}

.TextBoxInvalid
{
    background-color: #FFDFDF;
    border: 1px solid #FF0000;
    font-size: 11px;
    height: 15px;
    padding-top: 3px;
}

.LabelText
{
    font-weight: bold;
    color:#8B0000; 
    font-size: 10px;
    height: 20px;
    background: none;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;

}

.FailureLabelValidation
{
    font-size: 12px;
    font-weight: bold;
    color:#8B0000; 
}


.WarningLabelValidation
{
    font-size: 16px;
    font-weight: bold;
    color:#1F4038; 
}

.SuccessLabelValidation
{
    font-size: 12px;
    font-weight: bold;
    color:Green; 
}

.DropDownList
{
    background-color: #DDE4EC;
    border: 1px solid #1F4038;
    font-size: 11px;
    height: 20px;
}

.DropDownListDisabled
{
    background-color: #EEEEEE;
    border: 1px solid #EEEEEE;
    color: #EEEEEE;
    font-size: 11px;
    height: 20px;
}

.DropDownListInvalid
{
    background-color: #FFDFDF;
    border: 1px solid #FF0000;
    font-size: 11px;
    height: 20px;
}

.ListBox
{
    background-color: #DDE4EC;
    border: 1px solid #1F4038;
    font-size: 11px;
}

.ListBoxInvalid
{
    background-color: #FFDFDF;
    border: 1px solid #FF0000;
    font-size: 11px;
}

.UserPicture
{
    max-height: 250px;
    max-width: 350px;
    border-color: #DDE4EC;
    border-width: 1px;
    border-style: solid;
}

.UserPictureSmall
{
    max-height: 500px;
    max-width: 700px;
    border-color: #DDE4EC;
    border-width: 1px;
    border-style: solid;
}

.DivListContainer
{
    border-collapse:collapse;
    border: 1px solid #1F4038;
    overflow:auto;
    background-color:#DDE4EC;
    text-align:left;
    max-height:500px;
    width:95%;
}

.ListContainer
{
    border-width: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    border-style: solid;
    margin: 0px;
    padding: 0px;
    width:100%;
}

.ListContainer tr
{
    border-width: 0px;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

.ListContainer td
{
    border-width: 0px;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    font-size:10px;
    font-weight:normal;  
    text-align:left;
    background-color: #DDE4EC;
}

.DivListContainerInvalid
{
    border-collapse:collapse;
    border: 1px solid #FF0000;
    overflow:auto;
    background-color:#DDE4EC;
    text-align:left;
    max-height:500px;
    width:95%;
}

.ListContainerInvalid
{
    border-width: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    border-style: solid;
    margin: 0px;
    padding: 0px;
    width:100%;
}

.ListContainerInvalid tr
{
    border-width: 0px;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

.ListContainerInvalid td
{
    border-width: 0px;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    font-size:10px;
    font-weight:normal;  
    text-align:left;
    background-color: #FFDFDF;
}

.TableTdSpace1 td
{
    padding: 1px;
}

.TableTdSpace2 td
{
    padding: 2px;
}

.TableTdSpace3 td
{
    padding: 3px;
}

.TableTdSpace4 td
{
    padding: 4px;
}

.TableTdSpace5 td
{
    padding: 5px;
}

.DivListContainerWhite
{
    border-collapse:collapse;
    border: 0px;
    overflow:auto;
    background-color: #FFFFFF;
    text-align:left;
    max-height:500px;
    width:95%;
}

.ListContainerWhite
{
    border-width: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    border-style: solid;
    margin: 0px;
    padding: 0px;
    width:100%;
}

.ListContainerWhite tr
{
    border-width: 0px;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

.ListContainerWhite td
{
    border-width: 0px;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    font-size:10px;
    font-weight:normal;  
    text-align:center;
    background-color: #FFFFFF;
}

.DivCheckBoxList
{
    border-collapse:collapse;
    border: 1px solid #1F4038;
    overflow:auto;
}

.DivCheckBoxListInvalid
{
    border-collapse:collapse;
    border: 1px solid #FF0000;
    overflow:auto;
}

.CheckBoxList
{
    background-color: #F0F0FF;
    width: 100%;
    padding:0px;
}

.CheckBoxList td
{
    text-align:left;
    background-color: #DDE4EC;
    padding:0px;
    margin:0px;
    font-size:12px;
    vertical-align:top;
}

.CheckBoxListInvalid
{
    background-color: #FFDFDF;
    width: 100%;
    padding:0px;
}

.CheckBoxListInvalid td
{
    text-align:left;
    background-color: #FFDFDF;
    padding:0px;
    margin:0px;
    vertical-align:top;
}

.LabelFieldNoteSection
{
    font-size:10px;
   
}

.Label
{
    background-color: #DDE4EC;
    background: #DDE4EC;
    color:#000000; 
    font-size: 16px;
    height: 20px;
    background: none;

}

.LabelWarning
{
    background-color: #f4fc4e;
    background: #f4fc4e;
    color:#8B0000; 
    font-size: 16px;
    height: 20px;

}


.CheckBoxListFieldNote
{
    border-width: 1px;
    border-collapse: collapse;
    border-spacing: 0px;
    border-style: solid;
    margin: 0px;
    padding: 0px;
    border-color: #1F4038;
}

.CheckBoxListFieldNote tr
{
    border-width: 0px;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

.CheckBoxListFieldNote td
{
    border-width: 0px;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    font-size:10px;
    font-weight:normal;  
    text-align:left;
    background-color: #DDE4EC;
}

.RadioList
{
    border-width: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    border-style: solid;
    margin: 0px;
    padding: 0px;
    text-align:left;
}

.RadioList tr
{
    border-width: 0px;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    text-align:left;
}

.RadioList td
{
    border-width: 0px;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    font-size:10px;
    font-weight:normal;  
    text-align:left;
}

.RadioListFieldNote
{
    border-width: 1px;
    border-collapse: collapse;
    border-spacing: 0px;
    border-style: solid;
    margin: 0px;
    padding: 0px;
    border-color: #1F4038;
}

.RadioListFieldNote tr
{
    border-width: 0px;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

.RadioListFieldNote td
{
    border-width: 0px;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    font-size:10px;
    font-weight:normal;  
    text-align:left;
    background-color: #DDE4EC;
}

div.hidden
{
    display: none;
}

div.show
{
    display: block;
}

.ImageHelpGrid
{
    max-height: 11px;
    max-width: 11px;
}

ol.d 
{
    list-style-type:lower-alpha;
}

.ui-tooltip-titlebar .ui-state-default
{
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -9px;
 
    cursor: pointer;
    outline: medium none;
 
    border-width: 1px;
    border-style: solid;
}

.TableRadioHeader
{
    vertical-align:middle !important;
    width: 60% !important;
    background-color: #1F4038 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-align: left !important;
    font-size: 11px !important;
    font-style: italic !important;
    padding: 0px 0px 0px 10px !important;
}

.TableRadioDesc
{
    vertical-align:middle !important;
    width: 60% !important;
    background-color: #FFFFFF !important;
    padding-left: 10px !important;
    text-align: left !important;
    font-size: 11px !important;
    padding: 1px 1px 1px 10px !important;
}


.TableRadioDesc2
{
    vertical-align:middle !important;
    width: 40% !important;
    background-color: #FFFFFF !important;
    padding-left: 10px !important;
    text-align: left !important;
    font-size: 11px !important;
    padding: 1px 1px 1px 10px !important;
}


.TableRadioScore1
{
    vertical-align:middle !important;
    background-color: #f7f7f7 !important;
    width:10% !important;
    text-align:center !important;
    font-size:10px !important;
    padding: 0px 0px 1px 0px !important;
}

.TableRadioScore2
{
    vertical-align:middle !important;
    background-color: #ffdede !important;
    width:10% !important;
    text-align:center !important;
    font-size:10px !important;
    padding: 0px 0px 1px 0px !important;
}

.TableRadioScore3
{
    vertical-align:middle !important;
    background-color: #fffac4 !important;
    width:10% !important;
    text-align:center !important;
    font-size:10px !important;
    padding: 0px 0px 1px 0px !important;
}

.TableRadioScore4
{
    vertical-align: middle !important;
    background-color: #b6e89f !important;
    width: 10% !important;
    text-align: center !important;
    font-size: 10px !important;
    padding: 0px 0px 1px 0px !important;
}


.TableRadioScore5
{
    vertical-align: middle !important;
    background-color: #b6e89f !important;
    width: 10% !important;
    text-align: center !important;
    font-size: 10px !important;
    padding: 0px 0px 1px 0px !important;
}

.TableRadioScore6
{
    vertical-align: middle !important;
    background-color: #b6e89f !important;
    width: 10% !important;
    text-align: center !important;
    font-size: 10px !important;
    padding: 0px 0px 1px 0px !important;
}


img
{
    border-style: none;
    border: 0px;
}

.InputButtonLink
{
    background: none;
    border: none;
    color: #401404;
    text-decoration: underline;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
}

.LabelUseOn45Login
{
    font-size: 12px;
    font-weight: bold;
}

.LinkButtonFilter
{
    font-size: 11px;
    text-decoration: underline !important;
    font-weight: bold;
}