@import url('/css/font-awesome/css/font-awesome.min.css');
A, A:visited, A:active
{
    font-size: 12px;
    font-weight: normal;
    color: #0054a0;
    font-family: arial,helvetica,sans-serif;
    text-decoration: underline
}
A.nodec, A.nodec:visited, A.nodec:active, A.nodec:hover.information_msg_container 
{
    font-weight: normal;
    text-decoration: none;
}
A.Bold, A.Bold:active, A.Bold:visited, A.Bold:hover
{
    font-weight: bold;
}

A:hover, A.Bold:hover, A.Description:hover, A.CalendarDay:hover
{
    text-decoration: underline;
    color: #f26722;
}
A.Description, A.Description:active, A.Description:visited
{
    color: #676767;
}
A.CalendarDay, A.CalendarDay:active, A.CalendarDay:visited
{
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}
A.Form, A.Form:active, A.Form:visited, A.Form:hover
{
    font-weight: bold;
    text-decoration: underline;
    color: #333333;
}
A.DiscSubHead, A.DiscSubHead:active, A.DiscSubHead:visited, A.DiscSubHead:hover
{
    font-weight: bold;
    text-decoration: underline;
    color: #333333;
}
A.CalendarToday, A.CalendarToday:active, A.CalendarToday:visited, A.CalendarToday:hover
{
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}
A.CalendarToday:hover
{
    color: #f26722;
}
A.SubTitleLink, A.SubTitleLink:active, A.SubTitleLink:hover, A.SubTitleLink:visited
{
    font-weight: bold;
    text-decoration: underline;
    color: #044d8a;
}
A.Header, A.Header:active, A.Header:visited, A.Header:hover
{
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}
A.Intro, A.Intro:visited, A.Intro:active, A.Intro:hover
{
    text-decoration: underline;
    padding: 0px;
    color: #0054a0;
}
A.People, A.People:visited, A.People:active, A.People:hover, A.PeopleIn, A.PeopleIn:visited, A.PeopleIn:active, A.PeopleIn:hover
{
    font-weight: normal;
    text-decoration: none;
}
A.PeopleIn, A.PeopleIn:visited, A.PeopleIn:active, A.PeopleIn:hover
{
    color: #aa0000;
}
A.profile_main_n, A.profile_main_n:visited, A.profile_main_n:active, A.profile_main_n:hover, A.profile_main_b, A.profile_main_b:visited, A.profile_main_b:active, A.profile_main_b:hover, A.profile_main_s, A.profile_main_s:visited, A.profile_main_s:active, A.profile_main_s:hover
{
    text-decoration: underline;
    color: #000000;
}

A.profile_main_b, A.profile_main_b:visited, A.profile_main_b:active
{
    font-weight: bold;
}
A.disc-title-link, A.disc-title-link:link, A.disc-title-link:active, A.disc-title-link:visited, A.disc-title-link:hover, A.disc-title-link-sm:link, A.disc-title-link-sm:active, A.disc-title-link-sm:visited, A.disc-title-link-sm:hover
{
    font-weight: bold;
    text-decoration: none;
    color: #333333;
}
A.disc-list-link, A.disc-list-link:link, A.disc-list-link:active, A.disc-list-link:visited, A.disc-list-link:hover
{
    color: #333333;
}
A.disc-title-link-sm, A.disc-title-link-sm:link, A.disc-title-link-sm:active, A.disc-title-link-sm:visited, A.disc-title-link-sm:hover
{
    font-size: 10px;
    color: #FFFFFF;
}
A.Form:hover, A.DiscSubHead:hover, A.SubTitleLink:hover, A.Intro:hover, A.profile_main_n:hover, A.profile_main_b:hover, A.profile_main_s:hover, A.disc-title-link:hover, A.disc-title-link-sm:hover, A.disc-list-link:hover
{
    text-decoration: none;
}
A.PrimaryContact
{
    font-weight:bold;
}
a.linkdisabled { 
    pointer-events: none;
    cursor: default;
    text-decoration: inherit;
    color: inherit;
}

TABLE.Chat
{
    background-color: #DDDDDD;
}
TABLE.DivLine
{
    background-color: #000000
}

TABLE.Help
{
    font-family: arial,helvetica,sans-serif;
}
TABLE.LeftNav
{
    background-color: #FFFFFF
}
TH
{
    font-size: 12px;
    font-family: arial,helvetica,sans-serif;
}
TH.Description
{
    font-weight: normal;
    padding: 4px 4px 4px 4px;
    background-color: #cfe6f1;
}
TH.Chat
{
    text-align: left;
    padding: 0 0 0 8px;
    color: #044d8a;
    background-color: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF, #DDDDDD);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#DDDDDD));
    background: -webkit-linear-gradient(top, #FFFFFF, #DDDDDD);
    background: -o-linear-gradient(top, #FFFFFF, #DDDDDD);
    background: linear-gradient(top, #FFFFFF, #DDDDDD);
    background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD', GradientType=0);
}
TH.Sub, TH.SubSm, TH.SubCenter, TH.SubRight, TH.CalendarLarge, TH.CalendarSun, TH.CalendarSat, TH.CalendarDay, .HeaderSubreport
{
    background: #cfe6f1;
    font-size:14px;
    font-weight: bold;
    color: #333;
    padding: 4px 6px 4px 6px;
    border-top: 1px #ffffff solid;
    border-bottom: 1px #cccccc solid;
    border-left: 1px #ffffff solid;
    border-right: 1px #cccccc solid;
    color: #02447e;
    background-color: #cfe6f1;
    background: -ms-linear-gradient(top, #cfe6f1, #cfe6f1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#cfe6f1), to(#cfe6f1));
    background: -webkit-linear-gradient(top, #cfe6f1, #cfe6f1);
    background: -o-linear-gradient(top, #cfe6f1, #cfe6f1);
    background: linear-gradient(top, #cfe6f1, #cfe6f1);
    background: -moz-linear-gradient(top, #cfe6f1, #cfe6f1);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#cfe6f1', endColorstr='#cfe6f1', GradientType=0);
}
TH.Sub,TH.SubRight
{
    padding: 4px 6px 4px 6px;
    border-collapse: separate;
}
TH.Sub
{
    text-align: left;
}
TH.SubCenter
{
    text-align: center
}
TH.SubRight
{
    text-align: right
}
TH.Sub a, TH.SubRight a
{
    font-weight: bold;
    text-decoration: underline;
    color: #02447e;
}
TH.Sub a:hover, TH.SubRight a:hover
{
    text-decoration: none;
}
.HeaderSubreport
{
    padding: 4px 6px 4px 6px;
    font-weight: bold;
    text-align: left
}
TH.DiscSub, TH.DiscSubCenter, TH.DiscSubRight
{
    padding: 4px;
    border-top: #FFFFFF 0px none;
    border-bottom: #FFFFFF 0px none;
    border-left: #FFFFFF 0px none;
    border-right: #FFFFFF 0px none;
    color: #333333;
    background-color: #cccccc;
    background: -ms-linear-gradient(top, #cccccc, #CCCCCC);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#CCCCCC));
    background: -webkit-linear-gradient(top, #cccccc, #CCCCCC);
    background: -o-linear-gradient(top, #cccccc, #CCCCCC);
    background: linear-gradient(top, #cccccc, #CCCCCC);
    background: -moz-linear-gradient(top, #cccccc, #CCCCCC);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#cccccc', endColorstr='#CCCCCC', GradientType=0);
}
TH.DiscSub
{
    text-align: left
}
TH.DiscSubCenter
{
    text-align: center
}
TH.DiscSubRight
{
    padding: 4px 10px 4px 4px;
    text-align: right
}
TH.Project
{
    padding: 4px;
    background-color: #cfe6f1
}
TH.Legend
{
    padding: 4px;
    text-align: right;
    border-top: #FFFFFF 1px solid;
    border-bottom: #cccccc 1px solid;
    border-left: #FFFFFF 1px solid;
    border-right: #cccccc 1px solid;
    color: #02447e;
    background-color: #cfe6f1;
}
TH.Filter
{
    padding: 0 2px 0 4px;
    width: 90px;
    text-align: left;
    background-color: #FFFFFF;
}
TH.Title, .title-bar
{
    font-weight: normal;
    font-size:18px;
    padding:6px 8px 8px 8px;
    text-align: left;
    border-top: #187fc1 1px solid;
    border-bottom: #044d8a 1px solid;
    border-left: #187fc1 1px solid;
    border-right: #044d8a 1px solid;
    font-family: arial,helvetica,sans-serif;
    color: #FFFFFF;
    background-color: #055da7;
    background: -ms-linear-gradient(top, #055da7, #187fc1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#055da7), to(#187fc1));
    background: -webkit-linear-gradient(top, #055da7, #187fc1);
    background: -o-linear-gradient(top, #055da7, #187fc1);
    background: linear-gradient(top, #055da7, #187fc1);
    background: -moz-linear-gradient(top, #055da7, #187fc1);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#055da7', endColorstr='#187fc1', GradientType=0);
}
TH.SubTitle,div.SubTitle , .notestitle , .annotitle {
    font-size: 13px;
    font-weight:bold;
    padding: 6px;
    text-align: left;
    border-top: #ededed 1px solid;
    border-bottom: #9ed3e9 1px solid;
    border-left: #FFFFFF 0px none;
    border-right: #FFFFFF 0px none;
    color: #044d8a;
    background-color: #f1f1f0;
    background: -ms-linear-gradient(top, #f1f1f0, #c0deeb);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f0), to(#c0deeb));
    background: -webkit-linear-gradient(top, #f1f1f0, #c0deeb);
    background: -o-linear-gradient(top, #f1f1f0, #c0deeb);
    background: linear-gradient(top, #f1f1f0, #c0deeb);
    background: -moz-linear-gradient(top, #f1f1f0, #c0deeb);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f1f1f0', endColorstr='#c0deeb', GradientType=0);

}

.SubTitle h2 {
    font-size: inherit;
    font-weight: inherit;
    padding: 0;
    margin: 0;
    display: inline;
}

.notes .edit , .notes .change {
    background: #f26722;
    padding: 4px 4px 4px 5px;
    border-radius: 3px;
    font-size: 11px;
    color: #FFFFFF;
}


.notespanel {
    padding: 10px 6px;
    margin-bottom:  0 !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    word-break:break-word;
    word-wrap:break-word;
    -ms-word-wrap:break-word;
    filter:none;
    padding-bottom:10px;
    padding-top:10px;
}

.notespanel p {
    margin-top: 0;
    margin-bottom: 5px;
}

.notespanel .Description {
    display: inline-block;
    margin-top: 5px;
}


.SubTitle .caret_container {
    display:inline;
    padding:2px 4px;
    margin: 0 8px -3px 0;
    font-size:14px;
    color:#044d8a;
    background:transparent;
    background:-linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent 100%);
    background:-moz-linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent 100%);
    background:-webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent 100%);
    border: 1px rgba(0, 0, 0, 0.3) solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity:0.85;
    filter:alpha(opacity=85);
    overflow:hidden;
    cursor:pointer;
}
.SubTitle .caret_container i {
    cursor:pointer;
}
.SubTitle .caret_container:hover {
    background:transparent;
    background:-linear-gradient(90deg, rgba(0, 0, 0, 0.3), transparent 100%);
    background:-moz-linear-gradient(90deg, rgba(0, 0, 0, 0.3), transparent 100%);
    background:-webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.3), transparent 100%);
}
.SubTitle .caret_container:active {
    background:transparent;
    background:-linear-gradient(270deg, rgba(0, 0, 0, 0.3), transparent 100%);
    background:-moz-linear-gradient(270deg, rgba(0, 0, 0, 0.3), transparent 100%);
    background:-webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.3), transparent 100%);
}
.title_closed_ellipsis{
    border-right:1px #CCCCCC solid;
    border-bottom:1px #CCCCCC solid;
    border-left:1px #CCCCCC solid;
    color:#CCCCCC;
    font-weight:bold;
    padding:0px 6px 6px 6px;
}
TH.Topic
{
    padding: 2px 2px 2px 4px;
    height: 22px;
    text-align: left;
    color: #02447e;
    border-top: #FFFFFF 1px solid;
    border-bottom: #cccccc 1px solid;
    border-left: #FFFFFF 1px solid;
    border-right: #cccccc 1px solid;
    background-color: #cfe6f1;
}
TH.SmCalendar
{
    background-color: #cfe6f1
}
TH.Form, TH.FormTop, TH.FormLg, TH.FormSm, TH.FormXSm, TH.FormApp, TH.FormPanel
{
    min-height:17px;
    border-top: #FFFFFF 1px solid;
    border-bottom: #cccccc 1px solid;
    border-left: #FFFFFF 1px solid;
    border-right: #cccccc 1px solid;
    color: #333333;;
    background-color: #EEEEEE;
    background: -ms-linear-gradient(top, #EEEEEE, #EEEEEE);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEEEEE), to(#EEEEEE));
    background: -webkit-linear-gradient(top, #EEEEEE, #EEEEEE);
    background: -o-linear-gradient(top, #EEEEEE, #EEEEEE);
    background: linear-gradient(top, #EEEEEE, #EEEEEE);
    background: -moz-linear-gradient(top, #EEEEEE, #EEEEEE);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#EEEEEE', GradientType=0);
}
TH.Form, TH.FormTop, TH.FormLg, TH.FormSm, TH.FormXSm, TH.FormApp
{
    font-weight: normal;
    padding: 6px 6px 8px 6px;
    vertical-align: top;
    text-align: right;
}
TH.Form
{
    width: 150px;
}
TH.FormTop
{
    padding: 6px 6px 8px 6px;
    text-align: left;
}
TH.FormLg
{
    width: 160px;
}
TH.FormSm
{
    width: 100px;
}
TH.FormXSm
{
    width: 80px;
}
TH.FormApp
{
    padding: 2px 2px 3px 6px;
    width: 150px;
    height: 26px;
    text-align: left;
}
TH.FormPanel
{
    padding: 2px 2px 2px 6px;
    width: 60px;
    vertical-align: top;
    text-align: left
}
.FormInstructions{
    padding: 10px 4px;
    background: #F9F9F9;
    border-bottom:1px solid #E1E1E1;
    color: #444;
    text-align: left;
}
th.Form .FormInstructions{
    margin: 4px 0 0 0;
    padding: 6px 4px;
    background: transparent;
    border-bottom:none;
    color: #444;
    text-align: left;
}
.form-group .FormInstructions{
    padding: 5px 5px 10px;
    border-bottom:none;
}
.fieldCaptionDiv {
    width:200px;
    height:100%;
    padding: 7px 5px;
    vertical-align: top;
    text-align: right;
    font-weight: bold;
    background: #fff ;
    color: #444;
    border-top:1px solid #FFFFFF;
    float:left;
    display:table-cell;
}
.fieldContentDiv {
    padding: 2px 2px;    
    white-space: normal;
    margin-left:210px;
}
/*
.fieldContentDiv input[type=text], .fieldContentDiv select, .fieldContentDiv textarea{
    width:90%;
    min-width:100px;
    max-width:800px;
}
*/
.fieldContentDiv ul.checkboxList {
    display: block;
    margin: 6px 0px 0px 0px;
    padding-left: 0px;
    list-style-type: none;    
}
.fieldContentDiv ul.checkboxList.singleOpt {
    display: block;
    padding: 0px;
    margin: 0px;
    list-style-type: none;    
}
.fieldContentDiv ul.checkboxList.singleOpt li {
    padding: 0px;
    margin: 0px;
}
.fieldContentDiv textarea{
    height:100px;
}

.fieldContentDiv input[type=checkbox]{
    margin: 9px;
}


.fieldContentDiv.CheckBoxContainer  {
    display: table-cell;
    padding: 9px 5px
}

.fieldContentDiv.RadioContainer {
    padding: 5px 0;
}


.fieldContentDiv div.RadioContainer {
    margin-top: 6px;
    padding-left: 2px;
}
.fieldContentDiv input[type=radio] + label {
    padding-right: 5px;
}
.fieldContentDiv div#action_div div {
    padding-top: 5px;
}
div.fieldContentRO {
    display: inline-block;
    padding: 5px 0px 0px 5px;
}
/*
.fieldContentDiv input[type=checkbox] + label {
    padding-top: 8px;
}
*/
/*.fieldContentDiv div:not(.tooltip):not(.tooltip-arrow):not(.tooltip-inner):not(.slider_container):not(.slider):not(.colorSelector_div):not(.colorSelector){
    min-width:100px;
    max-width:800px;
    line-height: 20px;
    padding: 6px;
    word-break: break-word;
}*/

.rowDiv, .rowDivFull {
    width: 100%;
    float: left;
    white-space: nowrap;    
    padding: 2px;
}
.rowDiv:nth-child(odd) {
    clear:both;
}
.cf_trans {
    background: #f5f5f5;
    margin-top: 10px;
    padding: 15px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    width: calc(100% - 70px);
    box-sizing: border-box;
    display: none;
}

.cf_trans div {
    font-size: 14px;
    font-weight: 600;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 2px 0px;
    border-bottom: 1px solid #eee;
    width: 100%;
}

.cf_trans span {
    display: block;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
}

.fieldContentDiv:not(.fieldContentDiv input) {
    padding:auto
}
TH.Label
{
    font-weight: normal;
    text-align: right;
    padding: 4px 4px 4px 8px;
}
TH.disc-reply-title
{
    text-align: left;
    padding: 6px 6px 6px 10px;
    width: 200px;
    border-top: 0px #FFFFFF none;
    border-bottom: 0px #FFFFFF none;
    border-left: 0px #FFFFFF none;
    border-right: 0px #FFFFFF none;
    color: #333333;
    background-color: #cccccc;
    background: -ms-linear-gradient(top, #cccccc, #cccccc);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#cccccc));
    background: -webkit-linear-gradient(top, #cccccc, #cccccc);
    background: -o-linear-gradient(top, #cccccc, #cccccc);
    background: linear-gradient(top, #cccccc, #cccccc);
    background: -moz-linear-gradient(top, #cccccc, #cccccc);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc', GradientType=0);
}
TH.disc-reply-details
{
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    padding: 10px;
    width: 200px;
    border-top: 0px #FFFFFF none;
    border-bottom: 0px #FFFFFF none;
    border-left: 0px #FFFFFF none;
    border-right: 0px #FFFFFF none;
    color: #333333;
    background-color: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFFFFF));
    background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0);
}
.SubTabContainer ul
{
    list-style-type: none;
    padding:0px;
    margin:0px;
}
.SubTabContainer ul li
{
    float:left
}
.SubTabOn, .SubTabOff
{
    box-sizing: border-box;
    ms-box-sizing: border-box;
    webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    *white-space:pre-wrap;
    min-width:60px;
    height:42px;
    font-weight: bold;
    font-size: 13px;
    padding: 2px 14px 2px 14px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}
.SubTabOn, .tabtitle-bar
{
    color: #FFFFFF;
    border-top: #02447e 1px none;
    border-bottom: #02447e 1px none;
    border-left: #02447e 1px solid;
    border-right: #02447e 1px solid;
    background-color: #02447e;
    background: -ms-linear-gradient(top, #02447e, #1071b6);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#02447e), to(#1071b6));
    background: -webkit-linear-gradient(top, #02447e, #1071b6);
    background: -o-linear-gradient(top, #02447e, #1071b6);
    background: linear-gradient(top, #02447e, #1071b6);
    background: -moz-linear-gradient(top, #02447e, #1071b6);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#02447e', endColorstr='#1071b6', GradientType=0);
}
.SubTabOff
{
    color: #1071b6;
    border-top: #FFFFFF 0px none;
    border-bottom: #FFFFFF 0px none;
    border-left: #FFFFFF 1px solid;
    border-right: #FFFFFF 1px solid;
    background-color: #CCCCCC;
    background: -ms-linear-gradient(top, #CCCCCC, #CCCCCC);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#CCCCCC), to(#CCCCCC));
    background: -webkit-linear-gradient(top, #CCCCCC, #CCCCCC);
    background: -o-linear-gradient(top, #CCCCCC, #CCCCCC);
    background: linear-gradient(top, #CCCCCC, #CCCCCC);
    background: -moz-linear-gradient(top, #CCCCCC, #CCCCCC);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#CCCCCC', GradientType=0);
}
.SubTabArrow
{
    box-sizing: border-box;
    ms-box-sizing: border-box;
    webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    width:20px;
    min-width:20px;
    height:42px;
    font-weight: bold;
    font-size: 13px;
    padding: 0px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}
.tabtitle-bar{
    font-size: 13px;
    font-weight:bold;
    padding: 6px;
    text-align: center;
}

.tabtitle-bar h2 {
    font-size: inherit;
    font-weight: inherit;
    padding: 0;
    margin: 0;
}

.noresults {
    text-align: center;
    font-size: 20px;
}

/* ------common classes------ */


TD
{
    font-size: 12px;
    font-style: normal;
    font-family: arial,helvetica,sans-serif;
}
.Submit
{
    padding: 1px;
    text-align: center;
    border-top: #FFFFFF 1px solid;
    border-bottom: #cccccc 1px solid;
    border-left: #FFFFFF 1px solid;
    border-right: #cccccc 1px solid;
    color: #000000;
    background-color: #cfe6f1;
}
td.FormContainer{
    width:50%;
    vertical-align: top;
}
TD.Form
{
    text-align: left;
    vertical-align: middle;
    padding: 3px 6px 3px 4px;
    border-top: #FFFFFF 0px none;
    border-bottom: #FFFFFF 0px none;
    border-left: #FFFFFF 0px none;
    border-right: #FFFFFF 0px none;
    color: #000000;
    background-color: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFFFFF));
    background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0);
}

TD.NavBarBg
{
    padding:2px 4px 2px 4px;
    border-top: #8E8E8E 0px none;
    border-bottom: #E0E0E0 0px none;
    border-left: #8E8E8E 0px none;
    border-right: #E0E0E0 0px none;
    background-color: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFFFFF));
    background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0);
}
TD.TLButton
{
    padding: 0 2px 0 2px;
    color: #FFFFFF;
}
TD.SubTitle
{
    font-weight: bold;
    color: #044d8a;
    background-color: #f1f1f0;
}
.v-container {
    min-width:700px;
    width:100%;
}
#v-content {
    border:1px solid #cccccc;
    background:#FFFFFF;
    padding:20px;
    margin: 82px 0 0 0 ;
    z-index: 1;
}
#v-header {
    width:100%;
    background: #FFFFFF;
    position:fixed;
    top: 0px;
    z-index: 200;
}
.v-footer {
    min-width:700px;
    bottom: 0px;
    width:100%;
    background: #FFFFFF;
    position:fixed;
    z-index: 2000;
}

.v-footer.lookup {
    max-width: 100%;
}

.list-footer {
    bottom: 0px;
    width:100%;
    background: #FFFFFF;
    position:fixed;
    z-index: 2000;
}
#l-header {
    width:100%;
    background: #FFFFFF;
    position:fixed;
    top: 0px;
    z-index: 200;
}
#f-content {
    background:#FFFFFF;
    padding:20px;
    z-index: 1;
    border:1px solid #cccccc;
}
#resultdiv td {
    color: #000000;
}
.profile_main
{
    text-align: left;
    padding: 0 0 12px 10px;
}
.profile_sub
{
    padding: 0 8px 12px 0;
}
.profile_circle {
    color: #FFFFFF;
    width:32px;
    height:32px;
    border-radius:16px;    
    background:#dfdfdf;
    text-align:center;
    vertical-align:middle;    
    overflow: hidden;  
    text-align: center;
    background-size: cover !important;
    background-position-x: center !important;
    background-position-y: center !important;          
}
.profile_circle div {
    font-size: 17px;
    padding:7px 0 0 0;
}    
.pc_A, .pc_Q, .pc_7 {
    background:#ef6392;    
}
.pc_B, .pc_R, .pc_8 {
    background:#4acbde;    
}
.pc_C, .pc_S, .pc_9 {
    background:#faa820;    
}
.pc_D, .pc_T, .pc_0 {
    background:#de615b;    
}
.pc_E, .pc_U {
    background:#b93120;    
}
.pc_F, .pc_V {
    background:#89de4a;    
}
.pc_G, .pc_W {
    background:#fa8120;    
}
.pc_H, .pc_X {
    background:#4aa8de;    
}
.pc_I, .pc_Y {
    background:#4adeaf;    
}
.pc_J, .pc_Z {
    background:#b9207e;    
}
.pc_K, .pc_1 {
    background:#12a2af;    
}
.pc_L, .pc_2 {
    background:#d86101;    
}
.pc_M, .pc_3 {
    background:#3a4348;    
}
.pc_N, .pc_4 {
    background:#d77ceb;    
}
.pc_O, .pc_5 {
    background:#3c9a08;    
}
.pc_P, .pc_6 {
    background:#3f687f;    
}
.profile_thumbnail {
    max-width:36px;
    height:auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.lock_msg{
    width:100%;
    position:relative;
    background-color:#FCDC02;
    z-Index:200;
    opacity:1;
    filter:alpha(opacity=100);
    padding:4px;
    border:1px #FF0000 solid
}
.header_logo{
    margin: 10px;
}


/* ------filter classes------ */


TD.FilterAlphOn, TD.FilterAlphOff, TD.FilterAlphAll, TD.FilterAlph
{
    background: #ffffff;
    vertical-align: middle;
    border-top: #FFFFFF 0px none;
    border-bottom: #FFFFFF 0px none;
    border-left: #FFFFFF 0px none;
    border-right: #FFFFFF 0px none;
}

TD.Filter
{
    padding: 2px;
    background-color: #FFFFFF
}
TD.FilterCenter
{
    padding: 2px;
    text-align: center;
    border-top: #FFFFFF 0px none;
    border-bottom: #FFFFFF 0px none;
    border-left: #FFFFFF 0px none;
    border-right: #FFFFFF 0px none;
    background-color: #FFFFFF;
}


/* ------project/job costing classes------ */


TD.ProjectDay, TD.ProjectDaySat, TD.ProjectDaySun
{
    color: #000000;
    background-color: #cfe6f1;
    padding: 4px;
    width: 20px;
    height: 20px;
    text-align: center
}
TD.ProjectTask
{
    padding: 0 0 0 4px;
    overflow: auto;
    background-color: #cfe6f1;
}
TD.ProjectDone
{
    background: #ffffff;
    text-align: right;
}
TD.ProjectDays
{
    background: #ffffff;
    text-align: center;
}
TD.ProjectTaskDayOn
{
    background: #000000;
}
TD.ProjectTaskDayOff
{
    width: 20px;
    height: 20px;
    background: #ffffff;
}
.projectevent
{
    font-size: 12px;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    border-bottom: black thin solid;
    background: palegreen
}
.projecteventzero
{
    font-size: 12px;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    border-bottom: black thin solid;
    background: #ff8888
}
.projecteventdone
{
    font-size: 12px;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    border-bottom: black thin solid;
    background: #c0c0ff
}

/* ------tab bar classes------ */


TD.Title, .AppNavSolid, .AppNavOn
{
    border-top: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 0px none;
    border-left: #FFFFFF 1px solid;
    border-right: #FFFFFF 1px solid;
    color: #02447e;
    background-color: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFFFFF));
    background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0);
}
TD.Title
{
    padding: 1px 2px 1px 2px;
}
.AppNavSolid
{
    padding: 4px;
}
.AppNavSolid:after
{
    content: "";
    display: table;
    clear: both;
}

TD.AppNav
{
    padding: 4px 6px 4px 6px;
}
TD.AppNav a
{
    font-size:12px;
    text-decoration: none;
    color: #02447e;
}
div.AppNav
{
    border-bottom: #cccccc 0px solid;
    background-color: #CCCCCC;
    background: -ms-linear-gradient(top, #CCCCCC, #CCCCCC);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#CCCCCC), to(#CCCCCC));
    background: -webkit-linear-gradient(top, #CCCCCC, #CCCCCC);
    background: -o-linear-gradient(top, #CCCCCC, #CCCCCC);
    background: linear-gradient(top, #CCCCCC, #CCCCCC);
    background: -moz-linear-gradient(top, #CCCCCC, #CCCCCC);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#CCCCCC', GradientType=0);
}
.AppNavTop
{
    border-top: #FFFFFF 1px solid;
    border-right: #FFFFFF 1px solid;
    border-bottom:1px #cccccc solid;
    border-left: #FFFFFF 1px solid;
    background: #FFFFFF;
}
.AppNavOn, .AppNavOff
{
    font-size: 13px;
    padding: 4px 6px 4px 6px;
    font-weight: bold;
    cursor: pointer;
}
.AppNavOn
{
    border-top: #FFFFFF 0px solid;
    color: #02447e;
}
.AppNavOff
{
    border-top: #cccccc 0px solid;
    border-bottom: #cccccc 0px solid;
    border-left: #CCCCCC 0px solid;
    border-right: #cccccc 0px solid;
    color: #02447e;
    background-color: #CCCCCC;
    background: -ms-linear-gradient(top, #CCCCCC, #CCCCCC);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#CCCCCC), to(#CCCCCC));
    background: -webkit-linear-gradient(top, #CCCCCC, #CCCCCC);
    background: -o-linear-gradient(top, #CCCCCC, #CCCCCC);
    background: linear-gradient(top, #CCCCCC, #CCCCCC);
    background: -moz-linear-gradient(top, #CCCCCC, #CCCCCC);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#CCCCCC', GradientType=0);
}
.AppNavDivider{
    width: 0px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #000000;
    margin: 8px 0 0 0;
    padding: 0;
    opacity:0.15;
    filter:alpha(opacity=15);
}

.cmbdiv{
    float: right;
    padding-left:5px;
    display:inline-block;white-space:nowrap;
}
.loptions {
    float:right;
}
.sortdiv select:first-child{
    width:200px;
}
.sortdiv, .listcombodiv{
    padding-left:5px;
    display:inline-block;
    white-space:nowrap;
}
.cmb_right {
    float: right;
}
.cmb_right div{
    float: left;
}

.lookupdiv, .ajaxLookUpContainer {
    position:relative;
    height:100%;
    display:block;
}
#resultdiv, .resultdiv {
    position:absolute;
    left:0;
    top:2;
    display:none;
    background:#FFFFFF;    
    margin:2px 4px 0 0;
    border:1px #CCCCCC solid;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.search_fields .resultdiv , .search_fields #resultdiv {
    left: unset;
    left: inherit;
    right: 0;
}

.ajaxLookUpResult {
    position:absolute;
    left:0;
    top:100% !important;
    display:none;
    background:#FFFFFF;    
    margin:2px 4px 0 0;
    border:1px #CCCCCC solid;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}


.mwindiv_content .resultdiv {
    z-index: 5000 !important;
}

.mwindiv_content .lookupdiv {
    width: 410px;
}

.resulttable tr:first-child > td {
    font-weight:bold;
    border-bottom:1px #CCCCCC solid;
    background: #E9E9E9;
}
.resulttable tr:not(:first-child):hover {
    background-color: #EEEEEE;
    cursor: pointer;
}
.resulttable td {
    border-bottom:1px #E9E9E9 solid;
    padding: 4px 6px;    
}
.resulttable tr:nth-child(odd) { 
    background-color:#f1f1f1; 
}
.resulttable tr:nth-child(even)	{ 
    background-color:#fff; 
}
.resulttable2 {
    width: 100%;
}
.resulttable2 tr > td:hover {
    background-color: #EEEEEE;
    cursor: pointer;
}
.resulttable2 td {
    border-bottom:1px #E9E9E9 solid;
    padding: 4px 6px;    
}
.resulttable2 tr:nth-child(odd) { 
    background-color:#f1f1f1; 
}
.resulttable2 tr:nth-child(even)	{ 
    background-color:#fff; 
}
.highlight{
    background-color: #EEEEEE !important;
}
button.Button + div.lookUpResultsContainer, div.tooltip + div.lookUpResultsContainer {
    margin-top: 10px;
}
div.lookUpResultsContainer {
    column-width: unset;
    column-gap: 0;
}
div.lookUpResultsInlineContainer {
    column-width: unset;
    column-gap: 0;
    height: 40px;
    overflow: hidden;
}
/* ------right navigation classes------ */

ul.RightNavStatic
{
    list-style-type:none;
    padding:0px;
    margin:0px;
    position:relative;
}
ul.RightNavStatic li
{
    display:block;
}
li.RightNavStaticHeader
{
    font-weight: bold;
    text-align: left;
    padding: 4px 2px 4px 4px;
    display:block;
    color: #044d8a;
    background: #f1f1f0;
}
ul.RightNavStatic li a
{
    padding: 4px 0px 3px 4px;
    text-decoration:none;
    display:block;
    color: #000000;
    background: #FFFFFF;
}
ul.RightNavStatic li a:hover
{
    text-decoration:none;
    color: #FFFFFF;
    background: #000000;
}


/* ------top navigation classes------ */


.nav-top-header
{
    font-size: 12px;
    text-align: left;
    padding: 6px 0 2px 2px;
    list-style-type: none;
    float: left;
    height: 20px;
    width: 120px;
    color: #FFFFFF;
    font-family: arial,helvetica,sans-serif;
    border-top: #187fc1 1px solid;
    border-bottom: #044d8a 1px solid;
    border-left: #187fc1 1px solid;
    border-right: #044d8a 1px solid;
    background-color: #055da7;
    background: -ms-linear-gradient(top, #055da7, #187fc1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#055da7), to(#187fc1));
    background: -webkit-linear-gradient(top, #055da7, #187fc1);
    background: -o-linear-gradient(top, #055da7, #187fc1);
    background: linear-gradient(top, #055da7, #187fc1);
    background: -moz-linear-gradient(top, #055da7, #187fc1);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#055da7', endColorstr='#187fc1', GradientType=0);
}


/* ------left navigation classes------ */


li.MenuHeader
{
    font-weight: bold;
    text-align: left;
    padding: 4px 2px 4px 2px;
    display:block;
    color: #FFFFFF;
    border-top: #187fc1 1px solid;
    border-bottom: #044d8a 1px solid;
    border-left: #187fc1 1px solid;
    border-right: #044d8a 1px solid;
    background-color: #055da7;
    background: -ms-linear-gradient(top, #055da7, #187fc1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#055da7), to(#187fc1));
    background: -webkit-linear-gradient(top, #055da7, #187fc1);
    background: -o-linear-gradient(top, #055da7, #187fc1);
    background: linear-gradient(top, #055da7, #187fc1);
    background: -moz-linear-gradient(top, #055da7, #187fc1);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#055da7', endColorstr='#187fc1', GradientType=0);
}
.LeftNavStaticHeader
{
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}
ul.LeftNavStatic
{
    list-style-type:none;
    padding:0px;
    margin:0px;
    position:relative;
}
li.LeftNavStatic
{
    background: #FFFFFF;
    border-left: #055da7 1px solid;
    border-bottom: #055da7 1px solid;
    border-right: #055da7 1px solid;
    text-align: left;
}
ul.LeftNavStatic li
{
    display:block;
}
ul.LeftNavStatic li a
{
    color: #000000;
    padding: 5px 0px 5px 4px;
    text-decoration:none;
    display:block;
}
li.LeftNavStatic a:hover, ul.LeftNavStatic li a:active
{
    color: #FFFFFF;
    background: #000000;
}

/* ---- menu ---- */

#log { position:fixed; bottom: 0; right:1em; text-align:right; }
#switch { position: fixed; bottom: 0; right: 15em; }

.basic  {
    width: 100%;
}
.basic ul {
    text-indent: 0px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.basic a.nav-header, .basic a.nav-header:hover, .basic a.nav-header:selected
{
    cursor: pointer;
    display: block;
    padding: 2px 0 2px 2px;
    margin: 0px;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    color: #FFFFFF;
    border-top: #187fc1 1px solid;
    border-bottom: #044d8a 1px solid;
    border-left: #187fc1 1px solid;
    border-right: #044d8a 1px solid;
    background-color: #055da7;
    background: -ms-linear-gradient(top, #055da7, #187fc1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#055da7), to(#187fc1));
    background: -webkit-linear-gradient(top, #055da7, #187fc1);
    background: -o-linear-gradient(top, #055da7, #187fc1);
    background: linear-gradient(top, #055da7, #187fc1);
    background: -moz-linear-gradient(top, #055da7, #187fc1);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#055da7', endColorstr='#187fc1', GradientType=0);
}
.basic li.nav-off, .basic li.nav-on {
    cursor: pointer;
    height: 20px;
    border: none;
    text-decoration: none;
    text-align:left;
    margin: 0px;
    padding: 3px 0 3px 4px;
    width: 100%;
}
.basic li.nav-off {
    color: #000000;
    background: #FFFFFF;
}
.basic li.nav-on {
    color: #FFFFFF;
    background: #000000;
}
.nav-off, .nav-on, .basic li.nav-off a, .basic li.nav-on a, .basic a.nav-header, .basic a.nav-header:hover, .basic a.nav-header:selected
{
    font-size: 13px;
}
.basic a.nav-header, .basic a.nav-header:hover, .basic a.nav-header:selected {
    font-weight: bold;
}



/* ------list classes------ */

tr.clickable:hover td{
    cursor: pointer;
    background-color: #EEEEEE;
    background: -ms-linear-gradient(top, #EEEEEE, #EEEEEE);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEEEEE), to(#EEEEEE));
    background: -webkit-linear-gradient(top, #EEEEEE, #EEEEEE);
    background: -o-linear-gradient(top, #EEEEEE, #EEEEEE);
    background: linear-gradient(top, #EEEEEE, #EEEEEE);
    background: -moz-linear-gradient(top, #EEEEEE, #EEEEEE);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#EEEEEE', GradientType=0);
}

.Data1, .Data2, TD.Data1r, TD.Data2r, TD.Data1b, TD.Data2b, TD.Data1-2, TD.Data2-2, TD.DData1, TD.DData2
{
    padding: 6px;
    border-top: #FFFFFF 0px none;
    border-bottom: #cccccc 1px dotted;
    border-left: #FFFFFF 0px none;
    border-right: #FFFFFF 0px none;
    color: #000000;
}
.Data1, TD.Data1-2, TD.Data1r, TD.Data1b, TD.DData1
{
    background-color: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFFFFF));
    background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0);
}
.Data2, TD.Data2-2, TD.Data2r, TD.Data2b, TD.DData2
{
    background-color: #eeeeee;
    background: -ms-linear-gradient(top, #eeeeee, #eeeeee);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#eeeeee));
    background: -webkit-linear-gradient(top, #eeeeee, #eeeeee);
    background: -o-linear-gradient(top, #eeeeee, #eeeeee);
    background: linear-gradient(top, #eeeeee, #eeeeee);
    background: -moz-linear-gradient(top, #eeeeee, #eeeeee);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=0);

}

TD.Data1r, TD.Data2r
{
    padding: 6px;
    text-align: right;
}
TD.Data1b, TD.Data2b
{
    font-weight: bold;
}
TH.SubStatus, .DataStatus {
    padding: 0px;
    width: 5px !important;
    font-size: 0px;
    overflow: hidden;
    border: 0px;
}
TD.Total
{
    font-weight: bold;
    padding: 2px;
    border-top: #FFFFFF 0px none;
    border-bottom: #cccccc 1px dotted;
    border-left: #FFFFFF 0px none;
    border-right: #FFFFFF 0px none;
    color: #000000;
    background-color: #FFFFFF
}
.data_row_name {
    font-size:13px;
    font-weight:bold;
    padding:0 0 4px 0;
    display:block;
}
table.fixedlist {
    width			: 100%;
    table-layout 	: fixed;
    empty-cells 	: show;
    border-spacing	: 0;
}

table.fixedlist tr th, table.fixedlist tr td {
    overflow		: hidden;
    white-space		: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow 	: ellipsis;
}

.filename_ellipsis{
    overflow: hidden;
    text-overflow: ellipsis; 
}
/* ------email classes------ */


TD.Panel
{
    font-weight: bold;
    padding: 2px 4px 3px 4px;
    vertical-align: top;
    border-top: #FFFFFF 0px none;
    border-bottom: #FFFFFF 0px none;
    border-left: #FFFFFF 0px none;
    border-right: #FFFFFF 0px none;
    background-color: #cfe6f1
}


/* ------chat classes------ */

.people_header{
    font-size: 12px;
    font-weight:bold;
    text-align: left;
    white-space:nowrap;
    overflow:hidden;
    padding: 5px 5px 5px 8px;
    color: #044d8a;
    background-color: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF, #DDDDDD);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#DDDDDD));
    background: -webkit-linear-gradient(top, #FFFFFF, #DDDDDD);
    background: -o-linear-gradient(top, #FFFFFF, #DDDDDD);
    background: linear-gradient(top, #FFFFFF, #DDDDDD);
    background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD', GradientType=0);
}
.people_body{
    height:130px;
    position:relative;
    background-color: #DDDDDD;
    padding: 0 8px 0 8px;
}
.people_content{
    height:130px;
    text-align:left;
    white-space:nowrap;
    padding: 0 0 0 2px;
    font-size: 11px;
    overflow-x:hidden;
    overflow-y:auto;
    background-color: #FFFFFF;
    border-top: #cccccc 0px none;
    border-bottom: #cccccc 0px none;
    border-left: #cccccc 0px none;
    border-right: #cccccc 0px none;
}
.people_msg{
    font-size: 11px;
    font-weight: bold;
    height:24px;
    width:100%;
    padding:4px 0 0 0;
    text-align:left;
    background-color: #DDDDDD;
}
#peopleonlinediv{
    height:177px;
}

TD.Chat
{
    padding: 0 0 0 2px;
    font-size: 11px;
    background-color: #FFFFFF;
    border-top: #cccccc 0px none;
    border-bottom: #cccccc 0px none;
    border-left: #cccccc 0px none;
    border-right: #cccccc 0px none;
}
TD.ChatSimple
{
    font-size: 11px;
    background-color: #FFFFFF;
}
TD.ChatUser
{
    padding: 0 0 8px 8px;
    background: #FFFFFF;
    width: 150px;
    vertical-align: top;
}
TD.ChatContent
{
    padding: 0 0 8px 0;
    background: #FFFFFF;
    vertical-align: top;
    font-weight: normal;
    text-align: left;
}
TD.ChatIncoming
{
    font-size: 11px;
    font-weight: bold;
    background-color: #DDDDDD;
}

/* ------calendar classes------ */


TD.CalendarLarge, TD.CalendarSat, TD.CalendarSun, TD.CalendarToday, TD.CalendarAllDay, TD.CalendarDay
{
    padding: 2px;
    border-top: #E0E0E0 0px solid;
    border-left: #E0E0E0 0px solid;
    border-bottom: #E0E0E0 0px solid;
    border-right: #E0E0E0 0px solid;
}
TD.CalendarLarge, TD.CalendarDay
{
    background: #ffffff
}
TD.CalendarSat, TD.CalendarSun
{
    text-align: center
}
TD.CalendarToday
{
    background: #ffffe6
}
TD.CalendarAllDay
{
    background: #f4f4f4
}
TD.CalendarHeader
{
    font-weight: bold;
    background: #ffffff;
    text-align: center
}
TD.CalendarDayHeader
{
    font-weight: bold;
    padding: 1px;
    text-align: center;
    background-color: #cfe6f1;
}
TD.CalendarTodayHeader
{
    font-weight: bold;
    padding: 1px;
    color: #ffffff;
    text-align: center;
    background-color: #055da7;
}
TD.sub_cal_preview
{
    padding: 4px 2px 4px 2px;
    background: #ffffcc;
    border-top: #E0E0E0 0px solid;
    border-left: #E0E0E0 0px solid;
    border-bottom: #E0E0E0 0px solid;
    border-right: #E0E0E0 0px solid;
    color: #000000;
}
TD.sub_cal_preview_data
{
    font-size: 11px;
    top: 0px;
}
TD.Border
{
    padding: 2px;
    border-top: #E0E0E0 0px solid;
    border-left: #E0E0E0 0px solid;
    border-bottom: #E0E0E0 0px solid;
    border-right: #E0E0E0 0px solid
}
#calendarlist{
    background-color:#FFFFFF;
    border: 1px #CCCCCC solid;
    -moz-box-shadow:2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow:2px 2px 5px 0 #9C9C9C;
    box-shadow:2px 2px 5px 0 #9C9C9C;
    position:absolute;
    display:none;
    max-height:80%;
    overflow:auto;
    z-index:20000
}
#calendarlist a{
    color:#FFFFFF
}

/* ------misc td classes------ */


TD.Description
{
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    padding: 0 4px 0 4px;
    background-color: #FFFFFF
}

TD.FormInfo
{
    font-weight: normal;
    vertical-align: top;
    width: 100%;
    text-align: right;
    color: #333333;
}
TD.Legend
{
    padding: 4px;
    border-top: #FFFFFF 0px none;
    border-bottom: #FFFFFF 0px none;
    border-left: #FFFFFF 0px none;
    border-right: #FFFFFF 0px none;
    background-color: #FFFFFF
}
TD.Header
{
    font-weight: bold;
    padding: 3px 4px 3px 1px;
    color: #000000;
    background-color: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFFFFF));
    background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0);
}
TD.TButton
{
    font-weight: bold;
    border-top: #F8F7F7 1px solid;
    border-left: #F8F7F7 1px solid;
    border-bottom: #272727 1px solid;
    border-right: #272727 1px solid;
    text-align: center;
    cursor: pointer;
    background-color: #f26722;
}
TD.FormHead
{
    padding: 4px 2px 4px 2px;
    border-top: #FFFFFF 0px none;
    border-bottom: #FFFFFF 0px none;
    border-left: #FFFFFF 0px none;
    border-right: #FFFFFF 0px none;
    color: #000000;
    background-color: #cfe6f1
}
TD.TitleNavDiv
{
    background: #ffffff
}
TD.Arrow
{
    background-color: #FFFFFF
}
.NavCollapse
{
    width: 7px;
    background: url(/images/nav_arrow_left.gif) #FFFFFF repeat-y center center;
}
.NavExpand
{
    width: 7px;
    background: url(/images/nav_arrow_right.gif) #FFFFFF repeat-y center center;
}

TD.LoginHeader
{
    border-bottom: 2px #055da7 solid;
    background-color: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFFFFF));
    background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0);
}

TD.LoginFooter
{
    background-color: #055da7;
    background: -ms-linear-gradient(top, #055da7, #187fc1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#055da7), to(#187fc1));
    background: -webkit-linear-gradient(top, #055da7, #187fc1);
    background: -o-linear-gradient(top, #055da7, #187fc1);
    background: linear-gradient(top, #055da7, #187fc1);
    background: -moz-linear-gradient(top, #055da7, #187fc1);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#055da7', endColorstr='#187fc1', GradientType=0);
}
TD.LoginFooterTxt
{
    color: #FFFFFF;
}
TD.disc-reply-title
{
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    padding: 6px;
    border-top: 0px #FFFFFF none;
    border-bottom: 0px #FFFFFF none;
    border-left: 0px #FFFFFF none;
    border-right: 0px #FFFFFF none;
    color: #333333;
    background-color: #cccccc;
    background: -ms-linear-gradient(top, #cccccc, #cccccc);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#cccccc));
    background: -webkit-linear-gradient(top, #cccccc, #cccccc);
    background: -o-linear-gradient(top, #cccccc, #cccccc);
    background: linear-gradient(top, #cccccc, #cccccc);
    background: -moz-linear-gradient(top, #cccccc, #cccccc);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc', GradientType=0);
}
TD.disc-reply-details
{
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    padding: 10px;
    border-top: 0px #FFFFFF none;
    border-bottom: 0px #FFFFFF none;
    border-left: 0px #FFFFFF none;
    border-right: 0px #FFFFFF none;
    color: #333333;
    background-color: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFFFFF));
    background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0);
}

input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,select:focus,textarea:focus {
    background-color: #EEEEEE;
    border:#000000 solid 1px;
}

input::-ms-clear {
    display: none;
}

.HighlightOn,.HighlightOff
{
    font-family: arial,helvetica,sans-serif;
    font-weight: normal;
    width: 100%;
    padding:2px 4px 2px 4px;
    cursor: pointer;
}
.HighlightOn
{
    color: #000000;
    background-color: #EEEEEE
}
.HighlightOff
{
    color: #000000;
    background-color: #FFFFFF
}
SPAN
{
    font-weight: none;
    font-size: 12px;
    font-family: arial,helvetica,sans-serif;
}
SPAN.Menu
{
    font-size: 13px;
    cursor: pointer;
}
SPAN.Description
{
    font-size: 13px;
    font-weight: bold;
}
SPAN.DescriptionSm
{
    font-size: 10px;
    padding: 0 2px 0 0;
}
SPAN.Required
{
    color: #000000;
}
SPAN.Copy
{
    font-weight: bold;
    font-size: 16px;
    color: #E00000;
    font-style: italic;
}
SPAN.Highlight
{
    font-size: 13px;
    font-weight: normal;
    background: #E8E925;
}
SPAN.Highlight1
{
    font-size: 13px;
    font-weight: normal;
    background: #6A9CFD;
}
SPAN.Activity
{
    width: 100%;
    max-width: 100%;
    padding: 1px 2px 1px 2px;
}
SPAN.Title
{
    font-weight: bold;
    font-size: 14px;
    text-align: center
        color: #FFFFFF;
}
SPAN.Important
{
    font-size: 13px;
    font-weight: bold;
    color: #920c0a;
}
SPAN.sub_cal_preview_label
{
    font-size: 11px;
    font-weight: bold;
}
DIV
{
    font-family: arial,helvetica,sans-serif;
}
DIV.Activity
{
    border: 1px solid #999999;
    margin: 2px 0 2px 0;
    max-width: 100%;
    padding: 1px 2px 1px 2px;
    width: 99%;
}
DIV.DropNav
{
    padding: 0 0 2px 0;
    border-collapse: separate;
    border-top: #F8F7F7 1px solid;
    border-left: #F8F7F7 1px solid;
    border-bottom: #8E8E8E 1px solid;
    border-right: #8E8E8E 1px solid;
    color: #323232;
    position: absolute;
    z-index: 10;
    background-color: #FFFFFF;
}
DIV.Container
{
    border-top: #1071b6 4px solid;
    border-left: #1071b6 1px solid;
    border-bottom: #1071b6 1px solid;
    border-right: #1071b6 1px solid;
}
DIV.Description
{
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    padding: 0px 4px;
    background-color: #FFF;
}
DIV.ExcoButton
{
    padding: 2px;
    float: right;
}
div.failedValidation {
    display:inline;
}
div.failedValidation input, div.failedValidation textarea, div.failedValidation select  {
    border: 1px rgba(231, 88, 106, 0.8) solid;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(249, 141, 155, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(249, 141, 155, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(249, 141, 155, 0.6);
}
div.failedValidation input[type="checkbox"], div.failedValidation input[type="radio"] {
    border: none;
    outline: 1px rgba(231, 88, 106, 0.8) solid;
}

.TabButton
{
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    color: #f1f1f0;
    background-color: #044d8a;
}
.TabNavBar
{
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
    background-color: #1071b6;
    border-top: #1071b6 1px solid;
}
BODY
{
    font-size: 12px;
    margin: 0px;
    font-family: arial,helvetica,sans-serif;
    color: #000000;
    background: #FFFFFF;
}
BODY.Arc
{
    font-size: 12px;
    background: #EEEEEE;
    font-family: arial,helvetica,sans-serif;
    min-width:100%;
    max-width:100%;
    width:100%;
    margin: 0px;
}
BODY.FormIn
{
    background-color: #FFFFFF
}
BODY.Cork
{
    background-image: url(/images/cork.gif)
}
body.content_frame{
    background:#FFFFFF;
}
P.Activity
{
    width: 100%;
    max-width: 100%;
    padding: 1px 2px;
}
P.Menu
{
    max-width: 100%;
    margin: 5px 8px;
}
.Intro
{
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    padding: 10px 10px 20px 10px;
    background: #FFFFFF;
}
.Intro li{
    padding: 0 0 3px 0;
}
.IntroSm
{
    font-size: 10px;
}
fieldset {
    margin: 0px 0px 20px 0px;
}
LEGEND
{
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-left: 8px;
    padding: 0px;
    vertical-align: middle;
    font-family: arial,helvetica,sans-serif;
    color: #000000;
}
LEGEND.profile_main
{
    padding:0 4px 0 4px;
    font-weight: bold;
    font-size: 16px;
}
FIELDSET
{
    padding: 0px;
    border-top: #055da7 solid 1px;
    border-bottom: #055da7 solid 1px;
    border-left: #055da7 solid 1px;
    border-right: #055da7 solid 1px;
}
FIELDSET ul li
{
    margin: 0 0 2px 0;
}
LABEL
{
    padding-bottom: 6px;
    vertical-align: middle;
}
LABEL.Title
{
    color: #FFFFFF;
}

.Form.checktoggle label {
    display: inline-block;
    padding: 0;
}
input + label
{
    position: relative;
    top: 3px;
    vertical-align: top;
}
.calspan1
{
    font-size: 12px;
    background: yellow;
}
.disc-body-cus
{
    font-size: 10px
}
.CellBorder
{
    border: 1px solid #556;
    color: #000
}
.AlignLeft
{
    text-align: left !important;
}
.AlignRight
{
    text-align: right !important;
}
.AlignCenter
{
    text-align: center !important;
}
.ReportTotal
{
    font-weight: bold !important;
    border-top: 1px solid #556;
    border-bottom: 1px solid #556;
}
.ReportTotalHeader
{
    padding: 6px;
    font-weight: bold !important;
    text-decoration: underline;
}
.ReportRowLeftPad1
{
    padding-left: 6px !important;
}
.ReportRowLeftPad2
{
    padding-left: 26px !important;
}
.ReportRowLeftPad3
{
    padding-left: 46px !important;
}
.ReportRowLeftPad4
{
    padding-left: 66px !important;
}
.ReportRowLeftPad5
{
    padding-left: 86px !important;
}

.cautionmessage {
    background: #FAEBCC;
    display: inline-block;
    margin: 10px 0px 0 0;
    color: #8a6d3b;
    box-sizing: border-box;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.cautionmessage span {
    float: left;
    font-size: 17px;
    background: #FCF8E3;
    text-align: center;
    height: 33px;
    width: 30px;
    padding-top: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    box-sizing: border-box;
}

.warningmessage {
    background: #ec1c00;
    display: inline-block;
    margin: 10px 0px 0 0;
    color: #fff;
    box-sizing: border-box;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.warningmessage span {
    float: left;
    font-size: 17px;
    background: #f7523c;
    text-align: center;
    height: 33px;
    width: 30px;
    padding-top: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    box-sizing: border-box;
}

.warningmessage span + span {
    float: right;
    font-size: 15px;
    padding: 8px 10px 7px 10px;
    width: auto;
    height: auto;
    text-align: left;
    background: transparent;
}


.warningmessage span + div, .cautionmessage span + div {
    font-size: 15px;
    padding: 8px 10px 8px 40px;
    width: auto;
    height: auto;
    text-align: left;
    background: transparent;
}

.successmessage {
    background: #73b426;
    display: none;
    margin: 20px 0px 0 0;
    color: #fff;
    box-sizing: border-box;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.successmessage {
    display: inline-block;
}

.successmessage span {
    float: left;
    font-size: 17px;
    background: #85ca33;
    text-align: center;
    padding-top: 6px;
    height: 30px;
    width: 30px;
    border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    box-sizing: border-box;
}

.successmessage span {
    height: 33px;
}

.successmessage span + span {
    float: right;
    font-size: 14px;
    padding: 8px 10px 8px 10px;
    width: auto;
    height: auto;
    text-align: left;
    background: transparent;
}
.ErrMsg
{
    font-weight: bold;
    font-size: 12px;
    color: red;
}
.information_msg_container {
    background-color: #d9edf7;
    border: 1px #bce8f1 solid;
}

.information_msg_container span.controls {
    display: none;
}

.warning_msg_container {
    background-color: #fcf8e3;
    border:1px #faebcc solid;
}
.information_msg_container, .warning_msg_container, .success_msg_container {        
    font-size: 12px;
    padding: 8px;
    margin: 10px 0px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-sizing: border-box;
}
.information_msg_container span, .warning_msg_container span, .success_msg_container span {
    font-size: 12px;
}
.option_bar_message {
    float:right;
}
UL.Horlist, .horlist25
{
    padding: 0px 0px 0px 17px;
    margin: 0px;
    list-style-type: none;
}

LI.Horlist, LI.HorList
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    width: 275px;
    float: left;
}

li.Horlist{
    display: block;
    margin-left:18px;
}
li.Horlist input[type='checkbox']{margin-left:-16px;}        

.horlist25 li{
    width:25%;
    padding: 0 10px 0 0;
    margin: 0px;
    display:inline-block;
}
ul.checklist
{
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
    list-style-type: none;
}

li.checklist
{
    padding: 0 0 0 10px;
    margin: 0px;
    list-style-type: none;
    float: left;
}
/* ---- search styles ---- */

div.search-title
{
    float: right;
    padding: 4px 10px 4px 4px;
    font-size: 13px;
    font-weight: bold;
    color: #f1f1f0;
}

div.resizebar
{
    width: 7px;
    height: 100%;
    background: #f1f1f0;
}
img.resizebar
{
    width: 7px;
    height: 100%;
    background: #f1f1f0;
}
b.rc1sr, b.rc2sr, b.rc3sr, b.rc4sr, b.rc5sr{font-size:1px; overflow:hidden; display:block;}
b.rc1sr {background:#f1f1f0;height:1px; margin:0 6px 0 0;}
b.rc2sr {background:#f1f1f0;height:1px; margin:0 5px 0 0;}
b.rc3sr {background:#f1f1f0;height:1px; margin:0 3px 0 0;}
b.rc4sr {background:#f1f1f0;height:2px; margin:0 2px 0 0;}
b.rc5sr {background:#f1f1f0;height:2px; margin:0 1px 0 0;}

#loading-image {
    display: none;
    position: fixed;
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 100%;
    z-index: 4000;
    overflow: hidden;
    top: 0;
}

.loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #f26722; 
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#loading-message {
    display: table;
    height: 100%;
    width: 100%;
    visibility: hidden;
}

#loading-message > div {
    display: table-cell;
    padding: 0 25px;
    text-align: center;
    vertical-align: middle;
}

#loading-message > div > div {
    display: inline-block;
    width: 90%;
    max-width: 500px;
    padding: 25px;
    color: #f26722;
}

#loading-message > div > div > span.fa {
    display: block;
    margin-top: 100px;
    margin-left: 40px;
    font-size: 170px;
}

#loading-message > div > div > p {
    font-size: 3em;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

div.header
{
    width: 100%;
    height: 24px;
    padding: 0 4px 0 0;
    vertical-align: middle;
    color: #000000;
    background-color: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFFFFF));
    background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0);
}

/* ---- nav header styles ---- */

div.navheader
{
    width: 153px;
    height:24px;
    position:absolute;
    top:0;
    left:7;
    color: #000000;
    background-color: #FFFFFF;
    background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFFFFF));
    background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
    background: linear-gradient(top, #FFFFFF, #FFFFFF);
    background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0);
}
div.navheader-c
{
    height: 7px;
    width: 7px;
    float: left;
}
div.navheader-i
{
    z-index:1;
    width: 153px;
    height: 76px;
    background-color: #FFFFFF;
}
div.navheader-e
{
    height: 45px;
    width: 7px;
    float: left;
    background: url(/images/nav_header_empty_shadow.png) #FFFFFF top right repeat-x;
}
.navheader-corner-bg{
    position:absolute;
    background:#FFFFFF;
    width:7px;
    height:7px;
}
.navheader-corner-fg{
    position:absolute;
    background:#FFFFFF;
    width:7px;
    height:7px;
    -webkit-border-left-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    border-top-left-radius: 7px;
}
.navheader-corner-im{
    position:absolute;
    height:7px;
    width:7px;
    background: url(/images/nav_header_corner_shadow.png);
    background-repeat:no-repeat;
}
.ie8 .navheader-corner-im, .ie7 .navheader-corner-im{
    background: url(/images/nav_header_corner_shadow_sharp.png);
}

/* ---- title bar styles ---- */

div.title-bar
{
    color: #FFFFFF;
    border-bottom: #044d8a 1px solid;
    background-color: #055da7;
    background: -ms-linear-gradient(top, #055da7, #187fc1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#055da7), to(#187fc1));
    background: -webkit-linear-gradient(top, #055da7, #187fc1);
    background: -o-linear-gradient(top, #055da7, #187fc1);
    background: linear-gradient(top, #055da7, #187fc1);
    background: -moz-linear-gradient(top, #055da7, #187fc1);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#055da7', endColorstr='#187fc1', GradientType=0);
}






div.title-bar
{
    font-weight: normal;
    font-size:18px;
    position:relative;
    padding:6px 8px 8px 8px;
}
div.title-bar span
{
    font-size:16px;
}
div.title-bar-in
{
    color: #FFFFFF;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
b.rctop-t b
{
    background: #FFFFFF;
}
div.subtitle-bar-out
{
    position: relative;
    font-weight: bold;
    font-size: 13px;
    padding: 6px;
    text-align: left;
    color: #FFFFFF;
    border-top: #ededed 1px solid;
    border-bottom: #9ed3e9 1px solid;
    border-left: #FFFFFF 0px none;
    border-right: #FFFFFF 0px none;
    color: #044d8a;
    background-color: #f1f1f0;
    background: -ms-linear-gradient(top, #f1f1f0, #c0deeb);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f0), to(#c0deeb));
    background: -webkit-linear-gradient(top, #f1f1f0, #c0deeb);
    background: -o-linear-gradient(top, #f1f1f0, #c0deeb);
    background: linear-gradient(top, #f1f1f0, #c0deeb);
    background: -moz-linear-gradient(top, #f1f1f0, #c0deeb);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f1f1f0', endColorstr='#c0deeb', GradientType=0);
}

.titlediv table:not(.resulttable):not(.resulttable2){
    position:relative;
    margin-bottom: 15px;
}   
.titlediv table:empty{
    margin-bottom: 0px;
}
.titlediv_hidden{
    position:relative;
    display:none;
}
.titlediv_hidden2{
    position:absolute;
    visibility:hidden;
    display:none;
}
.titlediv_hidden3{
    display:none;
}
/* ---- basic search styles ---- */

#srch-parent
{
    float: left;
    height: 23px;
    width: 100%;
}
#srch-title
{
    font-size: 14px;
    font-weight: bold;
    padding: 8px;
    color: #000000;
}
#srch-out
{
    width: 100%;
    padding:8px 8px 8px 0;
    background: #f1f1f0;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
#srch-in
{
    text-align: left;
    background: #FFFFFF;
}
#srch-in-top
{
    padding:4px;
    background: #FFFFFF;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
}
#srch-in-bottom
{
    padding:4px;
    background: #FFFFFF;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}
#srch-parent
{
    background: #FFFFFF;
}
b.rctop-srch-out, b.rcbottom-srch-out
{
    background: #FFFFFF
}
b.rctop-srch-out b, b.rcbottom-srch-out b
{
    background: #f1f1f0
}
b.rctop-srch-in, b.rcbottom-srch-in
{
    background: #f1f1f0
}
b.rctop-srch-in b, b.rcbottom-srch-in b
{
    background: #FFFFFF
}



/* ---- new drop down menu styles ---- */



.app_nav{
    position: relative;
    float:left;
    list-style-type: none;
    margin:0px;
    padding:0px;
}
.app_nav li{
    color: #02447e;
    float:left;
    margin: 0px;
    padding: 3px 9px 3px 9px;
    font-size: 12px;
    border-right: 1px transparent solid;
    cursor: pointer;

}
.app_nav li a{
    color: #02447e;
    font-size: 12px;
    text-decoration:none;
}
.app_nav li:last-child a{
    border-right: none;
}
.app_nav li:hover{
    color: #02447e;
    position: relative;
}
.app_nav li.hover a{
    color: #02447e;
}
.app_nav ul{
    list-style-type: none;
    width: 180px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left:0;
    margin:0px;
    padding:0px;
    background: #FFFFFF;
    -moz-box-shadow:2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow:2px 2px 5px 0 #9C9C9C;
    box-shadow:2px 2px 5px 0 #9C9C9C;
}
.app_nav ul li{
    float:none;
    color: #323335;
    padding:4px 0 4px 8px;
}
.app_nav ul li a{
    border-right: none;
    color: #323335;
    font-size: 12px;
    width: 100%;
    display: inline-block;
}
.app_nav ul li:hover{
    width:172px;
    background:#EEEEEE;
}
.app_nav ul ul{
    left: 100%;
    top: 0;
}
.app_nav li:hover > ul{
    visibility: visible;
}
.app_nav .nav_divider{
    width: 0px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ADADAD;
    padding: 3px 0 3px 0;
    opacity:0.40;
    filter:alpha(opacity=15);
}


/* ---- new drop down appnav menu styles ---- */

.app_mainnav ul{
    color: #02447e;
    background: #CCCCCC;
    border-right:1px #cccccc solid;
    border-bottom:1px #cccccc solid;
    border-left:1px #cccccc solid;
}
.app_mainnav{
    position: relative;
    float:left;
    list-style-type: none;
    margin:0px;
    padding:0px;
}
.app_mainnav li{
    float:left;
    margin: 0px;
    padding: 6px 10px 4px 10px;
    font-size: 13px;
}
.app_mainnav li a{
    font-size: 13px;
    text-decoration:none;
}
.app_mainnav li:last-child a{
    border-right: none;
}
.app_mainnav li:hover{
    position: relative;
}
.app_mainnav ul{
    list-style-type: none;
    width: 180px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left:-1px;
    margin:0px;
    padding:0px;
}
.app_mainnav ul li{
    float:none;
    padding:4px 0 4px 8px;
}
.app_mainnav ul li a{
    border-right: none;
    font-size: 13px;
    width: 100%;
    display: inline-block;
}
.app_mainnav ul li:hover{
    width:172px;
    background:#FFFFFF;
}
.app_mainnav ul ul{
    left: 100%;
    top: 0;
}
.app_mainnav li:hover > ul{
    visibility: visible;
}
li.AppNavOn, li.AppNavOff
{
    margin:-1px 0 0 0;
    border-bottom:none
}

/* ---- new profile option menu styles ---- */


.prof_optnav{
    position: relative;
    float:right;
    list-style-type: none;
    margin:0px;
    padding:0px;
}
.prof_optnav li{
    text-align:left;
    float:left;
    margin: 0px;
    padding: 2px;
    font-size: 12px;
}
.prof_optnav li a{
    font-size: 12px;
    text-decoration:none;
}
.prof_optnav li:last-child a{
    border-right: none;
}
.prof_optnav li:hover{
    position: relative;
}
.prof_optnav ul{
    list-style-type: none;
    float: left;
    width: 180px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left:0;
    margin:0px;
    padding:0px;
    background: #FFFFFF;
    -moz-box-shadow:2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow:2px 2px 5px 0 #9C9C9C;
    box-shadow:2px 2px 5px 0 #9C9C9C;
}
.prof_optnav ul li{
    float:none;
    color: #323335;
    padding:4px 0 4px 8px;
}
.prof_optnav ul li a{
    border-right: none;
    color: #323335;
    font-size: 12px;
    width: 100%;
    display: inline-block;
}
.prof_optnav ul li:hover{
    width:172px;
    background:#EEEEEE;
}
.prof_optnav ul ul{
    left: 100%;
    top: 0;
}
.prof_optnav li:hover > ul{
    visibility: visible;
}

/* ---- login page styles ---- */

a.Login, a.Login:link, a.Login:visited, a.Login:active, a.Login:hover
{
    font-size: 10px;
    color: #FFFFFF;
}
a.Login:hover
{
    text-decoration: none;
}
#content
{
    text-align: center;
    background: #EEEEEE;
    border-left: 2px #055da7 solid;
    border-right: 2px #055da7 solid;
}
#content2
{
    background: #055da7;
    border-left: 2px #055da7 solid;
    border-right: 2px #055da7 solid;
}
#con-titlebar
{
    width: 100%;
    padding-bottom: 7px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    padding-left: 12px;
    background: #055da7;
}
#con-title
{
    color: #FFFFFF;
}
b.rctop-con, b.rcbottom-con, strong.rctop-con, strong.rcbottom-con, b.rctop-con2, b.rcbottom-con2, strong.rctop-con2, strong.rcbottom-con2
{
    display: block;
    background: #FFFFFF;
}
b.rctop-con b, b.rcbottom-con b, strong.rctop-con strong, strong.rcbottom-con strong, b.rctop-con2 b, b.rcbottom-con2 b, strong.rctop-con2 strong, strong.rcbottom-con2 strong
{
    display: block;
    overflow: hidden;
    background: #055da7
}
b.rc1con, strong.rc1con
{
    height: 1px;
    margin: 0 7px
}
b.rc2con, strong.rc2con
{
    height: 1px;
    margin: 0 5px
}
b.rc3con, strong.rc3con
{
    height: 1px;
    margin: 0 3px
}
b.rc4con, strong.rc4con
{
    height: 2px;
    margin: 0 2px
}
b.rc5con, strong.rc5con
{
    height: 2px;
    margin: 0 1px
}



/* ---- portal styles ---- */

.portal_header{
    font-weight: bold;
    font-size: 12px;
    text-align:left;
    color: #000000;
    background-color: #FFFFFF;
    -moz-box-shadow: -2px 2px 5px 0 #000000;
    -webkit-box-shadow: -2px 2px 5px 0 #000000;
    box-shadow: -2px 2px 5px 0 #000000;
}
.portal_header_lower{
    width:100%;
    position:absolute;
    border-top:1px #FFFFFF solid;
    bottom:0px;
}
.portal_header_lower_inner{
    font-weight: bold;
    font-size: 12px;
    text-align:left;
    color: #000000;
    padding:4px;
}
.portal_header_nav{
    float:right;
    padding:4px;
}
.portal_header_logo{
    float:left;
    padding:4px;
}
.portal_nav_div{
    height:100%;
    width:8px;
    float:right;
    background-color: #FFFFFF;
}
.portal_button{
    margin:4px;
    height:28px;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top:1px #ffffff solid;
    border-right:1px #000000 solid;
    border-bottom:1px #000000 solid;
    border-left:1px #ffffff solid;
    cursor:pointer;
}
div.HomeFaceContainer{
    margin: 0 auto;
    padding:0 0 20px 0;
}
div.HomeFace{
    background:#FFFFFF;
    margin: 20px 20px 0 20px;
    padding:20px 20px 0 20px;
    border: 1px solid #D7D7D7;
    display:block;
}
.HomeFace h2{
    font-size:16px;
    font-weight:bold;
    border-bottom: 1px #D7D7D7 dotted;
    margin:0 0 10px 0;
    padding:0 0 10px 0;
}
.HomeFace ul
{
    padding: 0px;
    font-size: 12px;
    margin: 0px;
    list-style-type: none;
}
.HomeFace ul li
{
    vertical-align:top;
    padding: 0 20px 20px 0;
    display: -moz-inline-box;
    display: inline-block;
    width: 230px;
    *float:left;
}
.HomeFace ul li img
{
    float:left;
}
.HomeFace ul li a
{
    margin: 0 4px 4px 0;
    float:left;
}
.HomeFace ul li h3
{
    padding: 4px 0;
    font-size: 13px;
    margin: 0px;

}
.HomeFace ul li h3 a
{
    color: #2f2f2f;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    float:none;
    width:auto;
}
.HomeFace ul li p
{
    padding: 0px;
    margin: 0px;
    color: #000000;
    clear:left;
}
.HomeFace ul li p a
{
    padding: 0px;
    margin: 0px;
    color: #000000;
    text-decoration:none;
}
.HomeFace span.promote
{
    padding: 1px 4px 1px 4px;
    font-weight: bold;
    background: #929bab;
    color: #fff;
    margin: 0 2px 0 0;
}
.HomeFaceIntro{
    background:#FFFFFF;
    margin: 20px 20px 0 20px;
    padding:20px;
    border: 1px solid #D7D7D7;
}
.shortcutImage {
    overflow:hidden;
    height: 120px;
}

.shortcutImage img{
    min-width: 160px;
    max-width: 200px;
    width: 100%;
}
.shortcut_lg ul li
{
    width: 350px;
}
.shortcut_lg ul li p
{
    clear:none;
    clear:initial;
    float:none;
    width:auto;
}
.mobile .shortcut_lg ul li
{
    text-align:center;
}
.mobile .shortcut_lg ul li img
{
    margin:0 10px
}
.mobile .shortcut_lg ul li
{
    padding: 0 20px 40px 0;

}
.mobileouterdiv {
    display: table;
    width:100%;
    border: 1px solid #EEEEEE;
    margin-top: 10px;
    color: #333333;
    cursor: pointer;
    height: 65px;
}
.mobilediv {
    margin-right: 20px;
}
.mobiledatadiv{
    display: table-cell;
    padding: 5px;
    position:relative;        
}  
.mobiledatadiv .profile_circle {
    top: 8px;
    right: 32px;
    position: absolute;
    font-weight: normal;
}
.mobilechkdiv{
    display: table-cell;
    width:20px;
    padding: 5px 0;
}
.mobilestatusdiv{
    display: table-cell;
    width: 5px
}    
.mobileouterdiv:hover, .mobileouterdiv.active {
    -moz-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow:2px 2px 5px rgba(0, 0, 0, 0.2);
}  
.mobileouterdiv.active {
    background: #f9f9f9;
}    

.mobilefirstdiv {
    font-weight:bold;
}   

/*added for global search or breadcrum */
#helpFont{
    font-size: 10px;
    border-bottom: 1px dotted #000000;
    padding: 0px;
    cursor: pointer;
}

.titleFont{
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #333;
}

.tablePadding{padding: 5px;}


#rightBorder{border-right: 1px solid #ccc;}
.bottomBorder2{border-bottom: 1px solid #ccc;}

.bottomBorder{
    border-bottom: 2px solid #8F8F8F;
    margin-bottom: 10px;
}

.clearBoth {clear: both;}

#overLinks {color: #8F8F8F; text-align: left; list-style-type:none; text-indent: 9px;}


.floatLeft {float: left;}
.floatRight {float: right;}



.globalContainer {margin-top: 10px; margin-bottom: 10px;}

#overLinks:before { content:"-"; position:relative; left:-5px; color: #8F8F8F;}

/*end global search or breadcrum */

.mobile .shortcut_lg ul li h3, .mobile .shortcut_lg ul li h3 a
{
    font-weight:normal;
    clear:both;
    width:92px;
    height:2em;
    text-align:center;
    overflow: hidden;
    text-overflow:ellipsis;
}
.mobile .shortcut_lg ul li p
{
    display:none
}

/* ---- face portal ---- */


.call-title
{
    color: #FFFFFF;
    background-color: #055da7;
    background: -ms-linear-gradient(top, #055da7, #187fc1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#055da7), to(#187fc1));
    background: -webkit-linear-gradient(top, #055da7, #187fc1);
    background: -o-linear-gradient(top, #055da7, #187fc1);
    background: linear-gradient(top, #055da7, #187fc1);
    background: -moz-linear-gradient(top, #055da7, #187fc1);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#055da7', endColorstr='#187fc1', GradientType=0);
}

.call-box
{
    border: 1px #055da7 solid;
}

.box-small-header
{
    color: #044d8a;
    background-color: #f1f1f0;
}

.box-small
{
    border: 1px #f1f1f0 solid;
}
.panel-frame
{
    border-top: 2px #1071b6 solid
}
.footer
{
    border-top: 2px #055da7 solid;
}
.icon-off
{
    border: 1px #FFFFFF solid;
    background-color: #CCCCCC;
}
.description-off
{
    border: 1px #FFFFFF solid;
    background-color: #FFFFFF;
    color: #02447e;
}
.description-off a
{
    color: #02447e;
}
.icon-on
{
    border: 1px #FFFFFF solid;
    background-color: #CCCCCC;
}
.description-on
{
    border: 1px #FFFFFF solid;
    background-color: #FFFFFF;
    color: #02447e;
}
.description-on a
{
    color: #02447e;
}


/* -------- new sub tabs -----------*/

#subtabs {
    margin: 5px 0;
    background-color: #CCCCCC;
    background: -ms-linear-gradient(top, #CCCCCC, #CCCCCC);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#CCCCCC), to(#CCCCCC));
    background: -webkit-linear-gradient(top, #CCCCCC, #CCCCCC);
    background: -o-linear-gradient(top, #CCCCCC, #CCCCCC);
    background: linear-gradient(top, #CCCCCC, #CCCCCC);
    background: -moz-linear-gradient(top, #CCCCCC, #CCCCCC);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#CCCCCC', GradientType=0);
    border-top: #FFFFFF 0px none;
    border-bottom: #FFFFFF 0px none;
    border-left: #FFFFFF 1px solid;
    border-right: #FFFFFF 1px solid;
}

li.subtabitem {
    border-right: #FFFFFF 1px solid;
}
#subtabs div.subcontainer_in {
    border-top: #FFFFFF 0px none;
}
#subtabs ul.subtabbar {
    float: left;
    list-style-type: none;
    margin:0px;
    padding:0px;
    margin:0 0 -1px 0;
    z-index:110;
}
#subtabs li.subtabitem {
    float:left;
    margin: 0px;
    font-size: 16px;
    border-left: 1px #FFFFFF solid;
}
#subtabs ul.subtabbar li.subtabitem a {
    outline: none;
    padding: 14px 16px 14px 16px;
    text-decoration: none;
    color: #1071b6;
}
#subtabs ul.subtabbar li.subtabitem_active a {
    color: #333333;
}
#subtabs li.subtabitem_active {
    background:#FFFFFF;
    border-bottom:1px #FFFFFF solid
}
#subtabs div.subcontainer_in, .subcontainer_in, .subtabcontainer_in {
    background:#FFFFFF;
    clear: both;
    margin:0px;
    padding:10px 20px 20px 20px;
    z-index:100;
}

li.subtab_end{
    padding: 14px 0 14px 0;
    border-right: 0px #FFFFFF none;
    border-left: 1px #FFFFFF solid;
}
* html #subtabs li.subtabitem, #tabs li.tabitem {
    display: inline;
}
li.subtabitem, li.subtabitem a, li.subtab_end {
    float: left;
}

/* ------form classes------ */
.Hundred {
    width: calc(100% - 80px);
}
form {
    display: inline;
}
INPUT
{
    font-size: 12px;
    font-family: @basefont@,Verdana, Arial, sans-serif, 'MS Sans Serif';
}
INPUT.Small
{
    width: 100px
}
INPUT.SmallBlur
{
    background-color: #F3F3F3;
    width: 100px
}
INPUT.XSmall
{
    width: 70px
}
INPUT.XSmallBlur
{
    background-color: #F3F3F3;
    width: 70px
}
INPUT.XXSmall
{
    width: 44px
}
INPUT.XXSmallBlur
{
    background-color: #F3F3F3;
    width: 44px
}
INPUT.XXXSmall
{
    width: 25px
}
INPUT.Medium
{
    width: 188px
}
INPUT.MediumIn
{
    width: 188px
}
INPUT.MediumBlur
{
    width: 188px
}
INPUT.Large, div.resultdiv.Large
{
    width: 242px;
}
div.resultdiv.Large
{
    width: 250px;
}
INPUT.LargeBlur
{
    background-color: #F3F3F3;
    width: 242px
}
INPUT.XLarge
{
    width: 320px
}
INPUT.XLargeBlur
{
    background-color: #F3F3F3;
    width: 320px
}
INPUT.XXLarge
{
    width: 467px
}
INPUT.XXLargeBlur
{
    background-color: #F3F3F3;
    width: 467px
}
INPUT.Tiny
{
    font-size: 9px;
    height: 15px;
    width: 25px;
    border-left-color: #000000;
    border-right-color: #d8d7d7;
    border-top-color: #000000;
    border-bottom-color: #d8d7d7;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px
}
INPUT.TinyNone
{
    background-color: #055da7;
    font-size: 9px;
    font-weight: bold;
    height: 14px;
    width: 25px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px
}
INPUT.TinyBlur
{
    background-color: #F3F3F3;
    width: 25px
}
INPUT.Fifty
{
    width:50%
}
INPUT.Hundred
{
    width: 94%
}
INPUT.HundredBlur
{
    background-color: #F3F3F3;
    width: 95%
}
INPUT.HundredLookUp
{
    width: 88%
}
INPUT.Display
{
    border-left-color: #055da7;
    border-right-color: #055da7;
    border-top-color: #055da7;
    border-bottom-color: #055da7;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width:1px;
    width: 240px
}
INPUT.Invisible
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    font-size: 1px;
    BORDER-LEFT: 0px;
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-BOTTOM: 0px;
    height: 1px;
    width: 60px
}
INPUT.MultiSearch
{
    width: 140px;
    height: 80px
}
INPUT.Multi
{
    width: 140px
}
INPUT.Lookup
{
    width: 164px
}
INPUT.LookupBlur
{
    background-color: #F3F3F3;
    width: 164px
}
INPUT.AppNav
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 1px;
    padding-top: 0px;
    height: 16px;
    width: 180px;
}
INPUT.AppNavSm
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 1px;
    padding-top: 0px;
    height: 12px;
    width: 16px;
}
INPUT.Filter
{
    width: 140px
}
.readonly{
    background:#F1F1F1;
}
INPUT.textreadonly,INPUT.textreadonly:focus
{
    border: 0px #FFFFFF solid !important;
    background-color: #FFFFFF;
    outline: none !important;
    width: 100%;
}
INPUT.textreadonly-fixed-sm
{
    border-left-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width:0px;
    background-color: #FFFFFF;
    width: 60px
        pointer-events: none;
}
.textreadonly_container {
    display:inline-block;
    line-height: 20px;
    max-width: 97%;
}
INPUT.Percent
{
    font-weight: bold;
    text-align: right;
    height: 17px;
    line-height: 13px;
    width: 25px
}
INPUT.HorCheck
{
    height: 60px
}

.datepickclass {
    width: 74px !important;
}

td.row_searchterm .datepickclass {
    width: 81.5% !important;
}

.datetimepickclass{
    width: 140px !important;
}
input[type="text"] + .ui-datepicker-trigger  {
    color: #666;
    position: relative;
    border: none;
    background: none;
    cursor: auto;
    box-shadow: none;
    outline: 0;
    margin-left: -26px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

input.datepickclass {
    padding-right: 18px !important;
}

SELECT
{
    font-size: 12px;
}
SELECT
{
    FONT-FAMILY: arial,helvetica,sans-serif;
    MARGIN-BOTTOM: 1px
}
SELECT.MultiSearch
{
    WIDTH: 140px;
    HEIGHT: 80px
}
SELECT.Small
{
    WIDTH: 100px
}
SELECT.Medium
{
    WIDTH: 188px;
    overflow:visible;
}
.ie8 SELECT.Medium:focus
{
    WIDTH: auto;
    position:relative;
}
SELECT.Large
{
    WIDTH: 242px;
}
.ie8 SELECT.Large:focus
{
    WIDTH: auto;
    position:relative;
}
SELECT.XLarge
{
    WIDTH: 320px
}
SELECT.XXLarge
{
    WIDTH: 400px
}
SELECT.Fifty
{
    WIDTH: 50%
}
SELECT.Hundred
{
    WIDTH: 95%
}
SELECT.HundredLookUp
{
    WIDTH: 88%
}
SELECT.Tiny
{
    VISIBILITY: visible;
    OVERFLOW: visible;
    WIDTH: 45px
}
SELECT.AppNav
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    WIDTH: 180px;
    margin: -2px 0 -2px 0
}
SELECT.FontLarge
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 15px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
}
SELECT.Filter
{
    WIDTH: 140px
}
SELECT.FilterSm
{
    WIDTH: 92px
}
SELECT.prdLarge
{
    FONT-SIZE: 12px;
    OVERFLOW: visible;
    WIDTH: 220px;
}

select[multiple], select[size] {
    height: 130px;
    min-height: 125px;
    overflow:auto;
}


input[type="button"]::-moz-focus-inner, button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
    margin: -1px; padding: 0; border-width: 1px;
}

a.btn:hover {
    text-decoration: none;
}

/* pagination */
.pagination {
    display: inline-block;
    float:left;
    border-radius: 3px; 
}

.pagination a:first-child {
    border: 1px solid #f26722;
}

.pagination a:last-child {
    border: 1px solid #f26722;
}

.pagination input {
    width: 60px;
    border-radius: 0;
    border: none;
    vertical-align: middle;
    text-align: center;
}
.pagination #pagedisplay {
    line-height: 20px;
    display: inline-block;
    padding: 0px 10px;
    font-size: 12px;
    text-align: right;
    min-width: 55px;
    cursor: pointer;
}
.pagination #pagedisplay:hover {
    background: #F8F8F8;
}
#pageoptions {
    display:none;
    position: absolute;
    background: #ffffff;
    padding: 5px;
    border: 1px #cccccc solid;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    text-decoration: none;
    white-space: nowrap;
    right: 0px;
    z-index: 1500; /*Ticket #66001 Please refer to Log Updated August 09 2018 by Ciaran Donnelly */
}
.pagesizediv {
    float:left;
    padding-left: 2px;
    padding-right: 5px;
}
.pagesizediv select, .pagesizediv select:focus, .pagesizediv select:active {
    width: 60px;
    vertical-align: middle;
    border:1px;
}

.Button,.ButtonSm,.ButtonMd,.ButtonLg,.ButtonLg,.ButtonXSm,.ButtonXSm,.ButtonLstSm,.ButtonLst,.ButtonFrmSm,.NavBar,.NavBarArrow,.moveonDemandButton, .btn-lookup,.btn-default,#placeholder, input[type="Button"],.pagination a, .pagination a.disabled 
{
    margin: 0 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 4px 10px !important;
    cursor: pointer;
    text-align: center;
    text-decoration:none;
    line-height: 14px;
    display: inline-block;
}
.btn-lookup {
    vertical-align: top;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file:visited {
    color: #fff;
}
.btn-file input[type=file] , .btn-file input[type=button] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
    -webkit-appearance: none;
}
.btn-lookupLeft, input.btn-lookupLeft {
    margin: 0px 1px 0px -2px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0px;
}
.Button,.ButtonSm,.ButtonMd,.ButtonLg,.ButtonLg,.ButtonXSm,.ButtonXSm,.ButtonLstSm,.ButtonLst,.ButtonFrmSm,.NavBar,.NavBarArrow,.moveonDemandButton, .btn-lookup, .btn-lookupLeft, .btn-default,#placeholder, input[type="Button"],.pagination a, .pagination a.disabled 
{
    padding: 2px 10px 2px;
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #FFFFFF;
    background-color: #f26722;
    background: -ms-linear-gradient(top, #f26722, #f26722);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f26722), to(#f26722));
    background: -webkit-linear-gradient(top, #f26722, #f26722);
    background: -o-linear-gradient(top, #f26722, #f26722);
    background: linear-gradient(top, #f26722, #f26722);
    background: -moz-linear-gradient(top, #f26722, #f26722);
    border: 1px solid #f26722;
    line-height:14px
}
.Button{
    padding/*\**/: 2px\9; /* padding hack for ie8 */
}
.moveonDemandButton{
    display:none;
    min-width: 100px;
    *min-width:;
}
.ButtonSm {
    min-width: 100px;
    *min-width:;
}


INPUT.ButtonArrow, INPUT.ButtonUpArrow
{
    cursor: pointer;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #f26722;
    border-left-color: #d8d7d7;
    border-right-color: #f26722;
    border-top-color: #d8d7d7;
    border-bottom-color: #f26722;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px
}

INPUT.ButtonMdImp
{
    cursor: pointer;
    color: #FFFFFF;
    width: 150px;
    height: 18px;
    background-color: #CC0000;
    border-left-color: #d8d7d7;
    border-right-color: #f26722;
    border-top-color: #d8d7d7;
    border-bottom-color: #f26722;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px
}

INPUT.prdXSmallButton
{
    width: 70px;
    height: 29px
}
INPUT.prdSmallButton
{
    width: 100px;
    height: 29px
}
INPUT.prdMediumButton
{
    width: 144px;
    height: 29px
}
INPUT.prdLargeButton
{
    font-weight: bold;
    font-size: 13px;
    color: #000000;
    width: 220px;
    height: 40px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    margin-top:2px;
}

INPUT.Tiny
{
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
}

INPUT.DiscButtonLst
{
    color: #333333;
    background-color: #cccccc;
}
.NavBarArrow, .NavBar {
    margin: 0 1px 0 1px;
    font-size: 11px;

}
.NavBarArrow
{
    padding: 0px 6px;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #f26722;
    background: -ms-linear-gradient(top, #f26722, #f26722);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f26722), to(#f26722));
    background: -webkit-linear-gradient(top, #f26722, #f26722);
    background: -o-linear-gradient(top, #f26722, #f26722);
    background: linear-gradient(top, #f26722, #f26722);
    background: -moz-linear-gradient(top, #f26722, #f26722);
    border: 1px solid #f26722;
}
.NavBar
{
    padding: 0px 6px;
    color: #FFFFFF;
    background-color: #f26722;
    background: -ms-linear-gradient(top, #f26722, #f26722);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f26722), to(#f26722));
    background: -webkit-linear-gradient(top, #f26722, #f26722);
    background: -o-linear-gradient(top, #f26722, #f26722);
    background: linear-gradient(top, #f26722, #f26722);
    background: -moz-linear-gradient(top, #f26722, #f26722);
    border: 1px solid #f26722;
}


BUTTON
{
    font-size: 12px;
}
input[type="button"].DisabledButton, BUTTON.DisabledButton
{
    background-color: #B7B7B7;
    background: -ms-linear-gradient(top, #D8D8D8, #B7B7B7);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#D8D8D8), to(#B7B7B7));
    background: -webkit-linear-gradient(top, #D8D8D8, #B7B7B7);
    background: -o-linear-gradient(top, #D8D8D8, #B7B7B7);
    background: linear-gradient(top, #D8D8D8, #B7B7B7);
    background: -moz-linear-gradient(top, #D8D8D8, #B7B7B7);
    border: 1px solid #d8d7d7;
    border-color: #d8d7d7;
}
BUTTON.IconNav
{
    cursor: pointer;
    font-weight: normal;
    color: #FFFFFF;
    height: 23px;
    width: 23px;
    background-color: #f26722;
    border-left-color: #d8d7d7;
    border-right-color: #f26722;
    border-top-color: #d8d7d7;
    border-bottom-color: #f26722;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px
}
BUTTON.Logout
{
    cursor: pointer;
    font-weight: normal;
    color: #FFFFFF;
    height: 23px;
    width: 68px;
    background-color: #f26722;
    border-right-color: #f26722;
    border-bottom-color: #f26722;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px
}
.navbar-right{
    float:right;
    margin: -2px 0 -2px 0;
}

select.restrictcompanyfield {
    width: 206px;
}

select:disabled {
    background-color: #EFEFEF;
}

.restrictwrapper {
    margin: 8px 0;
}

div#navbar {float:right;margin-left:20px;}

TEXTAREA
{
    font-size: 12px;
    font-family: Arial,Verdana,'MS Sans Serif', Geneva, sans-serif;
}
TEXTAREA.Small
{
    width: 100px
}
TEXTAREA.SmallBlur
{
    background-color: #F3F3F3;
    width: 100px
}
TEXTAREA.Medium
{
    width: 200px
}
TEXTAREA.MediumBlur
{
    background-color: #F3F3F3;
    width: 200px
}
TEXTAREA.Large
{
    width: 250px;
}

TEXTAREA.LargeBlur
{
    background-color: #F3F3F3;
    width: 250px
}
TEXTAREA.XLarge
{
    width: 320px
}
TEXTAREA.XLargeBlur
{
    background-color: #F3F3F3;
    width: 320px
}
TEXTAREA.XXLarge
{
    width: 440px
}
TEXTAREA.XXLargeBlur
{
    background-color: #F3F3F3;
    width: 440px
}
TEXTAREA.HundredLookUp
{
    width:88%
}
TEXTAREA.Hundred
{
    width: 95%
}
TEXTAREA.HundredBlur
{
    background-color: #F3F3F3;
    width: 95%
}
TEXTAREA.Template
{
    font-size: 12px;
    width: 100%
}
TEXTAREA.textreadonly
{
    border-left-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width:0px;
    background-color: #FFFFFF;
    width: 100%
        pointer-events: none;
}

textarea, input, select {
    max-width:97%;
}


/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
    font-size: 13px;
    border: 1px solid #055da7;
    color: #000;
    cursor: default;
    background: #ffffff;
    font-family: @basefont@,tahoma,verdana,sans-serif
}
.calendar thead .title { /* This holds the current "month, year" */
    font-weight: bold;      /* Pressing it will take you to the current date */
}
/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
    color: #000;
    text-align: center;    /* They are the navigation buttons */
    padding: 4px          /* Make the buttons seem like they're pressing */
}

.calendar thead .title { /* This holds the current "month, year" */
    /* Pressing it will take you to the current date */
    text-align: center;
    background: #fff;
    color: #000;
    padding: 2px
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
    background: #FFFFFF;
    color: #fff
}

.calendar thead .daynames { /* Row <TR> containing the day names */
    background: #cfe6f1
}

.calendar thead .name { /* Cells <TD> containing the day names */
    border-bottom: 1px solid #055da7;
    padding: 2px;
    text-align: center;
    color: #000
}

.calendar thead .weekend { /* How a weekend day name shows in header */
    color: #a66
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
    background: #cfe6f1;
    color: #000000;
    border: 1px solid #055da7;
    padding: 1px
}

.calendar thead .active { /* Active (pressed) buttons in header */
    background: #055da7;
    padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
    width: 2em;
    color: #000000;
    text-align: right;
    padding: 2px 4px 2px 2px
}

.calendar table .wn {
    padding: 2px 3px 2px 2px;
    border-right: 1px solid #055da7;
    background: #cfe6f1
}

.calendar tbody .rowhilite td {
    background: #cfe6f1
}

.calendar tbody .rowhilite td.wn { /* wk column highlight */
    background: #ffffff
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
    background: #ffffff;
    padding: 1px 3px 1px 1px;
    border: 1px solid #055da7
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
    background: #cfe6f1;
    padding: 2px 2px 0px 2px
}

.calendar tbody td.selected { /* Cell showing today date */
    font-weight: bold;
    border: 1px solid #055da7;
    padding: 1px 3px 1px 1px;
    background: #fff;
    color: #000
}

.calendar tbody td.weekend { /* Cells showing weekend days */
    color: #a66
}

.calendar tbody td.today { /* Cell showing selected date */
    font-weight: bold;
    color: #00f
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
    visibility: hidden
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
    display: none
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
    text-align: center;
    background: #556;
    color: #fff
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
    background: #fff;
    color: #445;
    border-top: 1px solid #055da7;
    padding: 1px
        width: 150px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
    background: #d8d7d7;
    border: 1px solid #055da7;
    color: #000;
    padding: 1px
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
    background: #77c;
    padding: 2px 0px 0px 2px
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    width: 4em;
    cursor: default;
    border: 1px solid #655;
    background: #def;
    color: #000;
    font-size: smaller
}

.combo .label {
    width: 100%;
    text-align: center
}

.combo .hilite {
    background: #acf
}

.combo .active {
    border-top: 1px solid #46a;
    border-bottom: 1px solid #46a;
    background: #eef;
    font-weight: bold
}


/* ------new note classes------ */

.note_tab{
    position: fixed;
    right: -60px;
    top: 35%;
    display: none;
    border-top: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
    border-left: 1px solid #D7D7D7;
    z-index: 2002;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -moz-box-shadow: -2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow: -2px 2px 5px 0 #9C9C9C;
    box-shadow: -2px 2px 5px 0 #9C9C9C;
    background: #E7E7E7;
    background: -ms-linear-gradient(top, #E7E7E7, #D2D2D2);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#E7E7E7), to(#D2D2D2));
    background: -webkit-linear-gradient(top, #E7E7E7, #D2D2D2);
    background: -o-linear-gradient(top, #E7E7E7, #D2D2D2);
    background: linear-gradient(top, #E7E7E7, #D2D2D2);
    background: -moz-linear-gradient(top, #E7E7E7, #D2D2D2);
    background-repeat: repeat-x;
    cursor: pointer;
}
.note_tab_active{
    background: #FFFFFF;
    background: -ms-linear-gradient(top, #F4F4F4, #FFFFFF);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#F4F4F4), to(#FFFFFF));
    background: -webkit-linear-gradient(top, #F4F4F4, #FFFFFF);
    background: -o-linear-gradient(top, #F4F4F4, #FFFFFF);
    background: linear-gradient(top, #F4F4F4, #FFFFFF);
    background: -moz-linear-gradient(top, #F4F4F4, #FFFFFF);
    background-repeat: repeat-x;
}
.ie7 .note_tab, .ie8 .note_tab {
    position: fixed;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand');
}
.ie9 .note_tab{
    -ms-transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#F4F4F4', endColorstr='#FFFFFF', GradientType=0);
}
.note_tab closed{
    height: auto;
}
.note_inner{
    padding: 15px 20px 15px 20px;
    white-space:nowrap;
    font-size: 16px;
    margin: 0px;
}
.note_wedge{
    position: fixed;
    display: none;
    height: 75%;
    width: 8px;
    right: 253px;
    background: #FFFFFF;
    z-index: 2003;
}
.notesframe_div{
    width: 0px;
    height: 75%;
    background: #FFFFFF;
    border: 1px solid #D7D7D7;
    padding: 10px 0 10px 10px;
    position: fixed;
    right: 0;
    display: none;
    z-index: 2001;
    -moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
    box-shadow: 2px 2px 5px 0 #9C9C9C;
}

.loghistory_by {
    margin-top: 2px;
    padding: 4px;
    background: #f5f5f5;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
}
.loghistory_body {
    margin-top: 2px;
    padding: 5px;
    border-bottom: 1px #EEEEEE solid;
    padding: 8px 0 20px 0;
    margin: 0 20px 20px 20px;
    -moz-box-shadow: inset 0 -10px 10px -6px rgba(200, 200, 200, 0.15);
    -webkit-box-shadow: inset 0 -10px 10px -6px rgba(200, 200, 200, 0.15);
    box-shadow: inset 0 -10px 10px -6px rgba(200, 200, 200, 0.15);
}
/* ------modal classes------ */


.mwindiv
{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 70px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.5); /* Black w/ opacity */ 
    z-index: 55454545; 
    margin-top: 0 !important;
    text-align: center;
}

.mwindiv_content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0px;
    width: 61%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    display: inline-block;
}

.mwindiv_content.modalstatic {
    width: auto;
}

.mwindiv_content.modalstatic .mwindiv_in {
    margin: 20px 0px 10px 0px;
}

.mwindiv_content.modalstatic .details {
    width:100%;
    max-width: 800px;    
}
.mwindiv_content.modalstatic .details td{
    display: block;
    text-align: left;
    background: #FFFFFF;

}
.mwindiv_content.modalstatic .details td span{
    display: block;
    font-weight:bold;
    padding: 5px 0px;
}
.mwindiv_content.modalstatic .details .modalhidden{
    display: none;
}
.mwindiv_content.modalstatic .details .Data1, .mwindiv_content.modalstatic .details .Data2 {
    padding: 8px 20px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}


.mwin_title {
    color: #000000;    
    padding: 20px 20px 10px 20px;
    border-bottom: 1px solid #f1f1f1;
    font-size: 26px;
    text-align: left;
    vertical-align: middle;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.mwin_title span.mwinname {
    font-size: 26px;
    margin-right: 25px;
}

.mwin_close {
    font-size: 35px;
    color: #cccdcd;
    float: right;
    font-weight: normal;
    margin-top: -3px;
    webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    cursor: pointer;
}

.mwin_close:hover,
.mwin_close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.mwindiv_confirm {
    display:none;
    border:2px #DFDFDF solid;
    margin:20px;
    padding:100px 0 100px 0;
    font-size: 12pt;
    font-weight:bold;
    text-align:center
}

.mwindiv_in
{
    display:none;
}
.mwin_frame
{
    height:0px;
    width:900px;
    display:none;
}

#mwin_frame {
    max-height: 700px;
    box-sizing: border-box;
}
.lightdiv {
    display:none;
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    background:#6D6D6D;
    opacity:0.7;
    filter:alpha(opacity=70);
    text-align:center
}
.lightdiv2 {
    opacity:0.8;
    filter:alpha(opacity=80);
}
.lightdiv3 {
    opacity:0.9;
    filter:alpha(opacity=90);
}
.blocked {
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.99); /* Black w/ opacity */ 
}
/* ------recent classes------ */

#rv_container{
    background:#FFFFFF;
    float:right;
    width:200px;
    height:100%;
    border:1px #DFDFDF solid;
    display:none;
}
.mru_content {
    padding:0px;
    margin:0px;
    list-style-type: none;
}
.mru_content li{
    background: #FFFFFF;
    text-decoration:none;
    white-space: nowrap;
    overflow:hidden;
    padding:4px 2px 4px 2px;
    display:block;
    border:1px #FFFFFF solid;
    clear:both;
}
.mru_content li:hover{
    background: #F1F1F1;
    text-decoration:none;
    padding:4px 2px 4px 2px;
    border:1px #DFDFDF solid;
    cursor:pointer;
}
.mru_content li a{
    color:#000000;
    text-decoration:none;
    display:block;
    width:100%;
}
.mru_content li a:hover{
    color:#000000;
    text-decoration:none;
    display:block;
    width:100%;
}

/* ------advanced search status template drop classes------ */


table.asearch , table.asearchbottom {
    width: 825px;
}

.row_cell select  , .asearch select {
    width: 100%;
}

.row_cell input {
    width: 88%;
}

.SubModal {
    background: #cfe6f1;
    font-size:13px;
    font-weight: bold;
    color: #333;
    text-align: left;
    padding: 4px 6px 4px 6px;
    border-top: 1px #ffffff solid;
    border-bottom: 1px #cccccc solid;
    border-left: 1px #ffffff solid;
    border-right: 1px #cccccc solid;
    color: #02447e;
    background-color: #cfe6f1;
    background: -ms-linear-gradient(top, #cfe6f1, #cfe6f1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#cfe6f1), to(#cfe6f1));
    background: -webkit-linear-gradient(top, #cfe6f1, #cfe6f1);
    background: -o-linear-gradient(top, #cfe6f1, #cfe6f1);
    background: linear-gradient(top, #cfe6f1, #cfe6f1);
    background: -moz-linear-gradient(top, #cfe6f1, #cfe6f1);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#cfe6f1', endColorstr='#cfe6f1', GradientType=0);
}

.row_cell td {
    padding: 5px;
    box-sizing: border-box;
}

.Modal .Button {
    float: left
}

.acategory , .astatus , .asearch {
    max-width: 275px;
    min-width: 275px;
    width: 275px;
    box-sizing: border-box;
}

.row_selector {
    min-width:65px;
    max-width: 65px;
    width: 65px;
    box-sizing: border-box;
}

.row_commonfields {
    min-width: 180px;
    max-width: 180px;
    width: 180px;
    box-sizing: border-box;
}

.row_field {
    min-width: 180px;
    max-width: 180px;
    width: 180px;
    box-sizing: border-box;
}

.row_matching {
    min-width: 110px;
    max-width: 110px;
    width: 110px;
    box-sizing: border-box;
}

.row_searchterm {
    min-width: 220px;
    max-width: 220px;
    width: 220px;
    box-sizing: border-box;
}

.row_button {
    min-width: 38px;
    max-width: 75px;
    width: 38px;
    box-sizing: border-box;
}

.search_nav{
    position: relative;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width:100%;
}
.search_nav li{
    float: left;
    cursor: pointer;
    position: relative;
    width:100%;
}
.search_nav li a span{
    margin: 7px 0 0 4px;
}
.search_nav li.hover a{
    color: black;
}
.search_nav ul{
    display: none;
    overflow:auto;
    overflow-x:hidden;
    position: absolute;
    top: 100%;
    width:300px;
    /*max-height:90%;*/
    padding: 5px 0;
    margin: 0 0 0 -8px;
    list-style: none;
    background: #FFFFFF;
    border: 1px solid #ccc;
    text-decoration:none;
    -moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
    box-shadow: 2px 2px 5px 0 #9C9C9C;
    z-index:1000;
}
.search_nav ul li{
    font-weight: normal;
    float: none;
    color: #323335;
    padding: 2px 5px 2px 5px;
    border: none;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: 98%;
}
.search_nav li:hover > ul{
    display:block;
}
.loptionbar {
    padding:5px 5px 0 5px;
    position:relative;
    display:block;
    border-bottom: 1px #D7D7D7 solid;
}
.search_fields, .sortdiv, .listcombodiv{
    display:inline-block;
    margin: 0 0 5px 0;
    white-space:nowrap;
    float: right;
}
.search_fields .searchtext {
    border-radius: 4px 0px 0px 4px;
    padding-right: 20px;
    width:500px;
    max-width:500px;
}

.search_fields .RadioContainer {
    float: left;
    margin-top: 5px;
}
.search_fields input[type=checkbox] {
    margin-left: 0 !important;
}

.searchadditional {
    width: 150px;
    display: inline-block;
    padding: 6px 15px 0 0;
}

.showallbutton {
    cursor:pointer;
    float:right;
    padding:4px;
    margin: 1px 0 0 -40px;
    position:relative;
    z-index:1000
}
.showallbutton i {
    color:#999;
}

#searchoptionscontainer {
    position:relative;
    display:inline-block;
}
#searchoptionscontainer input{
    vertical-align: middle;
}
.search_dropdown {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display:inline-block;
}
.search_dropdown li {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    background-color: #FFF;
    border: 1px solid #CCC;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;    
    padding: 4px 6px;
    font-size: 14px;
    color: #222;
    border-radius: 3px;
    float: left;
    margin: 0 4px 0 0;
    line-height:20px;
    font-size: 14px;
    cursor: pointer;
}
.search_dropdown li label{
    cursor: pointer;
}
.search_dropdown li a{
    font-size: 13px;
    color: #222;
    text-decoration: none;
    padding: 8px;
}
.search_dropdown li a span{
    margin: 7px 0 0 4px;
}
.search_dropdown li:last-child a{
    border-right: none; 
}
.search_dropdown li:hover{
    color: #000;
    background: #F1F1F1;
    border-right: 1px #EAEAEA solid;
}
.search_dropdown li.hover a{
    color: #000; 
}
.search_dropdown ul {
    visibility: hidden; 
    position: absolute; 
    top: auto; 
    min-width: 160px;
    padding: 5px 0;
    margin: 1px 0 0 -8px;
    white-space:nowrap;
    list-style: none;
    background: #FFFFFF;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    text-decoration:none;
    -moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
    box-shadow: 2px 2px 5px 0 #9C9C9C;    
    z-index:1000;
    overflow: auto;
    overflow-x: hidden;
    max-width: 350px;
}
.search_dropdown li ul li{
    float: none;
    color: #323335;
    padding: 2px 5px 2px 5px;
    border: 0px none #FFF;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: initial;
}
.search_dropdown li ul li a{
    border-right: none; 
    font-size: 13px;    
    border: 1px #FFFFFF solid;
    display: inline-block; 
    padding: 3px 4px 3px 6px;
}
.search_dropdown li ul li a:hover{
    border-right: none; 
    display: inline-block; 
    border: 1px #efefef solid;
    background: #efefef;
}
.search_dropdown li ul li:hover{
    background: transparent;
    border: none;
}
.search_dropdown ul li ul{
    left: 158px;
    top: 0; 
}
.search_dropdown li:hover > ul{
    visibility: visible; 
}
.searchoptions_dropdown {
    position:absolute;
    left:0;
    top: 100%;
    z-index:99;
    display:none;
    background:#FFFFFF;
    padding:5px 7px 5px 7px;
    margin: 1px 0 0 0;
    white-space:nowrap;
    background: #FFFFFF;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    text-decoration:none;
    -moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
    box-shadow: 2px 2px 5px 0 #9C9C9C;
    z-index:3000 !important;
}
.filter_dropdown {
    display:inline-block;
    line-height:20px;
    padding:4px 0 0 4px
}
.filter_dropdown #container_save{
    display:none;
    position: absolute;
    z-index:1000;
    padding:4px;
    background:#FFFFFF;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    text-decoration:none;
    -moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
    box-shadow: 2px 2px 5px 0 #9C9C9C;
}
.filter_dropdown:hover > #container_save{
    display:block;
}
.arrow-down {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin: 6px 0 0 0;
}


.folder_obj{
    clear:both;
    height:16px;
    white-space: nowrap;
    width:1000px;
}

.hidetext, .hide {
    display: none !important;
}
.uploadtext {
    position:fixed;
    float:right;
    display:none;
    color: #fff;
    background:#bdbdbd;
    padding:2px;
    font-weight:bold;
}
.dbox{
    -moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
    box-shadow: 2px 2px 5px 0 #9C9C9C;
}
.progressstatusbar {
    margin: 0 0 10px 0;
}
.statuscontaineroff {
    float: left;
    width: 75px;
    background-image: url(/images/status-off.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin-right: 5px;
}
.statuscontaineron {
    float: left;
    width: 75px;
    background-image: url(/images/status-on.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin-right: 5px;
}
.statusnumber {
    font-family: arial,helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    height: 65px;
    padding: 25px 0 0 0;
}
.statustitle {
    font-family: arial,helvetica,sans-serif;
    font-size: 11.5px;
    font-weight: normal;
    color: #333333;
    text-align: center;
}
.error_msg_container{
    margin:0 0 20px 0;
    background: #F9DDDD;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    position: relative;
    padding: 15px;
    border:1px #E7C2C7 solid;
    border-radius: 7px 7px 7px 7px;
}
.error_msg_container span{
    color:#B94A48;
    font-size:16px;
    padding:2px 0 0 0;
    display:inline-block
}
.error_msg_container ul{
    font-size:13px;
    padding:0 0 0 30px;
}
.error_msg_container ul li{
    margin:0 0 3px 0;
}

.success_msg_container {

    background-color: #dff0d8;
    display:none;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    border:1px #d6e9c6 solid;
}

.success_msg_container span{
    color: #468847;
    display:inline-block
}
.container_dotted
{
    border:1px #D7D7D7 dotted;
    padding:10px 15px;
    margin:0 20px 20px 0;
    display:inline-block;
    vertical-align:top;
}
.container_flex {
    display: flex;
    flex-wrap: wrap;
}
.container_flex > .flexAddressBox {
    flex-basis: 20%;
    min-width: 25%;
}
.jconfirm-holder {
    text-align: left;
}
#address_container, .address_container{
    display:block;
    cursor:pointer;
}
.address_container {
    margin: 15px 0;
}
#address_container:hover, .address_container:hover{
    text-decoration:underline;
}
span.text-help {
    border-bottom: 1px dotted #000000;
    padding: 0px;
    margin-top: -10px;
    cursor: pointer;
}
div.text-help, #map_container{
    text-align:left;
    position: absolute;
    display: none;
    z-index: 3120 !important;
    background: #FFFFFF;
    border: 1px #CCCCCC solid;
    -moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
    box-shadow: 2px 2px 5px 0 #9C9C9C;
    overflow: auto;
    font-weight: normal;
    margin: -1px 0 0 0;
}
.help-options {
    background: #F1F1F1;
}
.help-options ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.help-options ul li:hover {
    background: #FFFFFF;
}
.help-options ul li {
    padding: 4px 6px 4px 6px;
    border-top:1px #FFFFFF solid;
    border-right:1px #CCCCCC solid;
    border-bottom: 1px #CCCCCC solid;
    border-left:1px #FFFFFF solid;
    float:left;
    min-width: 64px;
    cursor: pointer
}
.help-options ul li i {
    margin-right: 5px;
}
.help-content, .map-content {
    background: #FFFFFF;
    color: #000000;
    padding: 8px;
    max-width: 352px;
    min-width: 58px;
    z-index: 202 !important;
}
span.text-help div.text-help{
    display: none;
}
span.text-help:hover >  div.text-help{
    top:14px;
    opacity: 1;
    display: block;
}
div.ajaxLookUpContainer
{
    position: relative;
    height: 100%;
    /*display: block;*/
}

div.ajaxLookUpResult
{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    background: #FFFFFF
}
div.event-prev
{
    position: absolute;
    display: none;
    z-index: 200;
    left: 0;
    top: 0;
    background: #FFFFFF;
    width: 250px;
    padding: 0px;
    border: 0px solid #FFFFFF;
    overflow: auto;
    font-weight: normal;
}
div.result-help
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    display: none;
    background: #FFFFFF;
    width: 210px;
    padding: 8px;
    border: 1px solid #000000;
    overflow: auto;
    font-weight: normal;
}
.developer_box {
    position:absolute;
    top:24px;
    right:24px;
    background:#FFFFFF;
    color:#FFFFFF;
    padding: 0px 10px 10px 10px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-box-shadow:2px 4px 4px 0 #000000;
    -webkit-box-shadow:2px 4px 4px 0 #000000;
    box-shadow:2px 4px 4px 0 #000000;
    white-space:nowrap;
}
.developer_box img {
    float:left;
    margin:2px 5px 10px 0;
}
.developer_box span {
    font-size:14px;
    font-weight:bold;
    float:none;

}
.developer_box p {
    font-size:11px;
    margin:0px;
    padding:0px;
}
#cal-item
{
    list-style: none;
    padding: 0;
    margin: 0;
}
#cal-item li
{
    float: left;
    margin: 1 0px;
    width: 100%;
    border:#999999 solid 1px;
}
#cal-item li a
{
    width: 100%;
    padding: 0 2px 0 2px;
    display: block;
    text-decoration: none;
}
#imgPreviewWithStyles {
    background: #222;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    padding: 1px;
    z-index: 999;
    border: none;
}
.resetwidth {
    /*[if IE]*/
    min-width:auto;
    max-width:auto;
    /*[endif]*/
    min-width:initial;
    max-width:initial;
    width:auto;
}
.resetwidthfixed {
    min-width:100%;
    max-width:100%;
    width:100%;
}
.breadcrumb{
    margin: -10px 0 0 0;
    padding:0 0 10px 0;
}
.breadcrumb2{
    margin: 0 0 0 0;
    padding:10px 0 10px 0;
}
#ui-datepicker-div {z-index:3110 !important;}
button.ui-datepicker-close {display:none !important;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {margin-left: 35% !important;color:#222222 !important;}
.ssCheckBoxContainer {
    display: inline-block;
    padding: 5px 0 0 0;
}

.ssCheckBoxDiv {
    display:table-cell;
    vertical-align:top;
    padding: 5px 3px;
}
.ssCheckBoxDiv label {
    padding: 0px;
    display: inline;
    width: 90% !important;
    vertical-align: top;
}
.ssCheckBoxDiv input {
    vertical-align: middle;
}

.fieldContentDiv .ssCheckBoxDiv {
    display: inline-block;
}

#slider {
    margin-top: 7px;
}
#slider label {
    position: absolute;
    width: 20px;
    margin-left: -15px;
    text-align: center;
    margin-top: 10px;
    left: 46%;
}
#slider label:first-of-type  {
    left: 13px;
}
#slider label:last-child {
    left: auto;
    right: 4px;
}


/* loading div*/
.loadingSplash {
    width:100%;height:100%;top:0;left:0;position:absolute;background:#FFFFFF;z-index:200;opacity:0.8;filter:alpha(opacity=80);text-align:center
}
.loadingSplash div {
    font-size:16pt;font-weight:bold;color:#697F39;
}
.loadingSplash span {
    font-size:12pt;font-weight:bold;color:#697F39
}
div.filterblk {
    display:block;width:100%;
}
div.filterblk div {
    display:inline-block;padding:1px;
}
div.filterblk div.rightblk {
    float:right;
}
.versiondiffdiv {
    position: absolute;
    top: 65px;
    border: 1px solid #CCC;
    padding: 15px 25px 15px 15px;
    background: white;
    display: none;
}
.versiondiffdiv div.closebutton {
    position: absolute;
    top: 2px;
    right: 8px;
    cursor: pointer;
    color: #797979;
}

.colorSelector div {
    width: 22px;
    height: 22px;
    background: url(/jquery/color/images/selectg28.png) center;
}
.Bold {
    font-weight: bold;
}
.ajaxLookupSpan {
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-radius: 5px;
    padding: 6px 8px 2px 8px;
    margin: 3px 6px 3px 0px;
    display:inline-block;
    max-width: 300px;
    background: #F4F4F4;
    color: #757575;
    cursor: default;
}
.ajaxLookupSpanInline:first-of-type {
    margin: 0px 6px 3px 6px;
}
.ajaxLookupSpanInline {
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-radius: 5px;
    padding: 6px 8px 2px 8px;
    margin: 0px 6px 3px 0px;
    display:inline-block;
    max-width: 300px;
    background: #EEEEEE;
    color: #777777;
    cursor: default;
}
.ajaxLookupSpan:hover, .ajaxLookupSpanInline:hover {
    background: #EAEAEA;
    color: #777777;
}
.ajaxLookupSpan > span:first-child, .ajaxLookupSpanInline > span:first-child {
    display: inline-block;
    width: calc(100% - 18px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}
.ajaxLookupSpan > span.fa-close, .ajaxLookupSpanInline > span.fa-close {
    margin: 1px 0px 0px 7px;
    float: right;
    cursor: pointer;
    color: #B5B5B5;
    font-size: 14px;
}
.ajaxLookupSpan > span.fa-close:hover, .ajaxLookupSpanInline > span.fa-close:hover {
    color: #858585;
}
.l-container{
    background:#FFFFFF;
}
#placeholder{
    font-size:14px;
    padding-top:6px;
    padding-bottom:6px;
    background:transparent;
    min-width:1px;
    border:transparent;
    display:inline-block;
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
}
#chkbtnbar{
    display:inline-block;
}
textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-top: 1px solid #ABADB3;
    border-right: 1px solid #DBDFE6;
    border-bottom: 1px solid #E3E9EF;
    border-left: 1px solid #E2E3EA;
    padding:2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    padding: 4px;    
    color: black;
}

table.Data .ssCheckBoxDiv input + label {
    top: 0;
}


.searchoptions_dropdown #searchfield {
    max-width: 180px !important; 
}

.searchoptions_dropdown {
    z-index: 3000;
}

.option_bar_in .btn-group {

    left:18px;
}
.btn-group {
    display:inline-block;
}
.btn-group div{
    display:inline-block;
}
.btn-group a, a[name="iconbutton"] {
    color: #FFFFFF;
}
#quicksearchbutton {
    float:left;margin:0px 4px 2px 0px;
}

.delButton{
    cursor:pointer;
    float:right;
    font-size: 12px !important;
    display:none !important;
    padding:0px 5px !important;
    margin:-3px 0 !important;
    color: #7F7F7F !important;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
    background-color: #FFFFFF !important;
    background: -ms-linear-gradient(top, #FFFFFF, #D7D7D7) !important;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#D7D7D7)) !important;
    background: -webkit-linear-gradient(top, #FFFFFF, #D7D7D7) !important;
    background: -o-linear-gradient(top, #FFFFFF@, #D7D7D7) !important;
    background: linear-gradient(top, #FFFFFF, #D7D7D7) !important;
    background: -moz-linear-gradient(top, #FFFFFF, #D7D7D7) !important;
    background-repeat: repeat-x;
    border: 1px solid #B2B2B2 !important;
    border-color: #B2B2B2 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#fieldlist, .fieldlist, #fielddisplay, ul[id^="fielddisplay"]{
    padding:0px;
    margin:0px;
    list-style-type: none;
}
#fielddisplay li, #fieldlist li, .fieldlist li,  ul[id^="fielddisplay"] li {
    padding:6px 4px;
    margin: 2px;
    border:1px #ffffff solid;
    vertical-align:middle;
}
#fielddisplay li:hover, #fieldlist li:hover, ul[id^="fielddisplay"] li:hover , .fieldlist li:hover {
    cursor: pointer;
    border:1px #D7D7D7 solid;
    background: #EEEEEE;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#fielddisplay li:hover > .delButton, ul[id^="fielddisplay"]  li:hover > .delButton, div.includecaption:hover > .delButton{
    display:block !important;
}
#prof_customfields{
    margin: 0 0 15px 0;
}

/* annotation colour styles */

.annotateon {
    border: 1px dashed #fe8181;
    background: #ffd5d5;
}


th.Form.annotateon  {
    border: 1px dashed #fe8181;
    border-right: 0;
    background: #ffd5d5;
}

td.Form.annotateon  {
    border-left: 0;
    border-top: 1px dashed #fe8181;
    border-bottom: 1px dashed #fe8181;
    border-right: 1px dashed #fe8181;
    background: #ffd5d5;
}

td.Form.annotateon:only-child {
    border-left: 1px dashed #fe8181;
}

th.FormTop.annotateon {
    background: #ffd5d5;
    border: 1px dashed #fe8181;

}

.annotateon .FormInstructions  {
    background: #fdc4c4;
    border-bottom: 0;
}

th.Form.annotateon .FormInstructions {
    background: #fdc4c4 !important;
    border: 0;
}


/* inline annotation styles */


.notifyjs-container table {
    border-collapse:separate;
    border-spacing: 0px 6px;
}

.notifyjs-container p {
    font-size: 15px;
    line-height: 150%;
    margin: 0 0 5px 0;
    padding: 10px 10px 10px 10px;
    background: rgba(255, 255, 255, 0.6);
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}

.notifyjs-container span.Description {
    display: block;
    font-size: 12px;
    text-align: right;
    font-weight: normal;
    padding: 5px 5px 5px 5px;
    width: 100%;
    line-height: 150%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}




.notifyjs-container div > div.Form {
    padding: 10px 10px 5px 10px;
    margin-bottom: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}


.annopanel {
    padding: 10px 10px 5px 10px;
    margin-bottom: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    word-break:break-word;
    word-wrap:break-word;
    -ms-word-wrap:break-word;
    filter:none;
    padding-bottom:10px;
    padding-top:10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;

}

.annopanel p {
    font-size: 15px;
    line-height: 150%;
    margin: 0 0 5px 0;
    padding: 10px 10px 10px 10px;
    background: rgba(255, 255, 255, 0.6);
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}


.annopanel span.Description {
    display: block;
    font-size: 12px;
    text-align: right;
    font-weight: normal;
    padding: 5px 5px 0px 5px;
    width: 100%;
    line-height: 150%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

TD.Sub {
    padding: 3px 2px 1px 4px;
}

#editdiv {
    display: none;
    position: absolute;
    margin: 0 auto;
    left: 0;
    font-size: 14px;
    text-align: center;
    width: inherit;
    border: 1px solid #bebebe;
    box-sizing: border-box;
    background: #fff;
    -moz-box-shadow: 2px 2px 5px 0 #b8b8b8;
    -webkit-box-shadow: 2px 2px 5px 0 #b8b8b8;
    box-shadow: 2px 2px 5px 0 #9C9C9C;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;        
    z-index: 1000;
}
#editdivtitle_container{
    font-size: 18px;
    text-align: left;    
    border-bottom: 1px solid #f1f1f1;
}
#editdivtitle{
    display:inline-block;
    padding: 8px;
}
#editdivpanel {
    padding: 8px;
}
#editdiv select {
    width: 300px;
}  
#editdiv input {
    width: 300px;
}  
#close{
    padding: 8px;
    font-size: 18px;
    color: #cccdcd;
    float: right;
    font-weight: normal;
    margin-top: -3px;
    webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    cursor: pointer;
}

/* invitations */

.invitetable {
    margin-bottom: 15px;
    width: 98%;
}

.invitetable .Data1 {
    width: 20%;
    padding: 8px;
    box-sizing: border-box;
}

.invitetable th.Sub {
    padding: 6px;
}

.invitetable tr:last-child > .Data1 {
    border-bottom: 0;
}

.invitetable select, .invitetable input[type="text"]:not(.form-control), .invitetable input[type="email"] {
    width: 80%;
}

.invitetable .Btnwrap > button {
    margin-top: 10px;
}

.invitetable td.cancel {
    width: 60px;
    padding-left: 10px;
    text-align: center;
}

/* new status monitor */


ul.progressstatusbar { 
    font-size: 0;
    margin: 0; 
    padding-left: 0;
    cursor: default;
    white-space: initial;
    display: inline-block;
}

ul.progressstatusbar li {
    display:inline-block;
    font-size: 15px;
    width: 25%;
    position: relative;
    padding-right: 20px;
    width: auto;
    margin:  0 0 15px 3px;
    padding-bottom: 7px;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    white-space: normal;
}

ul.progressstatusbar li span.bar  {
    display: inline-block !important;
    margin-top: 5px;
    box-sizing: border-box;
    padding: 5px;
    display: block;
    width: 100%;
    min-height: 5px;
    text-align: center;
    padding-right: 20px;
}

ul.progressstatusbar li p {
    float: left;
    margin: 5px 0;
    margin-top: 4px;
    margin-bottom: 0;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.number {
    float: left;
    font-size: 15px;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    display: inline-block;
    line-height: 1.6em;
    margin-right: 5px;
    text-align: center;
    width: 25px;
}

ul.progressstatusbar li div.info {
    display: none;
    position: absolute;
    padding: 8px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 40px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    width: inherit;
    border: 1px solid #bebebe;
    box-sizing: border-box;
    background: #fff;
    z-index: 1000;
}

div.info:after, 
div.info:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

div.info:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 7px;
    left: 50%;
    margin-left: -4px;
}
div.info:before {
    border-color: rgba(190, 190, 190, 0);
    border-bottom-color: #bebebe;
    border-width: 8px;
    left:50%;
    margin-left: -5px;
}

ul.progressstatusbar li:hover div.info {
    display: block;   
}

ul.progressstatusbar li:hover div.info:empty {
    display: none;
}

/* inactive */

ul.progressstatusbar li.active  {
    color: #f26722;
    border-bottom: 4px solid #f26722;
}
ul.progressstatusbar li.notactive {
    border-bottom: 4px solid #bebebe;
}


ul.progressstatusbar li.active span.bar {
    background-color: #f26722;
    transform: skewX(-28deg);

}

ul.progressstatusbar li.active span.number {
    background: #f26722;
    color: #ffffff;
}


ul.progressstatusbar li.active p {
    float: left;
    margin-top: 4px;
    margin-bottom: 0;
    max-width: 100%;
    width: auto;
    white-space: nowrap;
    overflow: none;
}

/* active */


ul.progressstatusbar li  {
    color: #bebebe;

}

ul.progressstatusbar li span.bar {
    background-color: #bebebe;
    transform: skewX(-30deg);

}

span.number {
    background: #bebebe;
    color: #ffffff;
}

ul.progressstatusbar li:first-of-type > span.number {
    margin-left: 0;
}

ul.progressstatusbar li:first-of-type span.bar::before {
    content: "";
    background-color: #bebebe;
    font-weight: bold;
    height: 10px;
    width: 15px;
    position: absolute;
    left: -3px;
    skew: 0;
    transform: skewX(28deg);
    top: 0px; 
}


ul.progressstatusbar li.active:first-of-type span.bar::before {
    content: "";
    background-color: #f26722;
    font-weight: bold;
    height: 10px;
    width: 15px;
    position: absolute;
    left: -4px;
    skew: 0;
    transform: skewX(28deg);
    top: 0px;
}

.btn-group.mediaplayer > .btn, .btn-group.mobilesearch > .btn, .buttonToggle {
    background: #f4f4f4 !important;
    border: 1px solid #ccc !important;
    outline: 0;
}

.btn-group.mediaplayer > .btn .fa, .btn-group.mobilesearch > .btn .fa, .buttonToggle {
    color: #f26722 !important;
}

.btn-group.mediaplayer > .btn.active, .btn-group.mobilesearch > .btn.active, .buttonToggle.active {
    background-color: #f26722 !important;
    background: -ms-linear-gradient(top, #f6762b, #f26722);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6762b), to(#f26722));
    background: -webkit-linear-gradient(top, #f6762b, #f26722);
    background: -o-linear-gradient(top, #f6762b, #f26722);
    background: linear-gradient(top, #f6762b, #f26722);
    background: -moz-linear-gradient(top, #f6762b, #f26722);
    background-repeat: repeat-x;
    border: 1px solid #f26722;
    border-color: #f26722;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}


.btn-group.mediaplayer > .btn.active .fa, .btn-group.mobilesearch > .btn.active .fa, .buttonToggle.active {
    color: #FFFFFF !important;
}


.exporttranslation_in {
    background: #FFFFFF;
    clear: both;
    border: 1px #CCCCCC solid;
    margin: 0px;
    padding: 10px 20px;
    z-index: 100;
}

.exporttrans {
    display: block;
    text-align: center;
    font-size: 16px;
}

/* XML Styling */

/* Table Formatting */

.xml {
    padding: 20px;
    text-align: left;
}

.xml.small {
    width: 900px;
}

.xml.medium {
    width: 1200px;
}

.xml.large {
    width: 1600px;
}


.xml table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse:  collapse;
}

.xml table td {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}


/* global input styles */

textarea.noresize {
    resize: none;
}

.xml input , .xml select , .xml textarea, .xml .datepickclass {
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
}

.xml .datepickclass {
    border: 1px solid #e8e8e8 !important;
    background-color: #ffffff !important;
    min-width: 100px;
    padding-right: 20px;
}

.xml input , .xml select {
    height: 30px !important;
}



.xml input[readonly] , .xml textarea[readonly] , .xml select[readonly] {
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #f1f1f1;
}

.xml input[readonly]:focus , .xml textarea[readonly]:focus , .xml select[readonly]:focus {
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #f1f1f1;	
}


.xml input[disabled] , .xml textarea[disabled] , .xml select[disabled]  {
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

/* hide content */

.hidden {
    display: none !important;
}

.xml .hideinput input {
    display: none;
}

/* Logo and Instructions */


.xml .logo {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
}

.xml .logo img {
    display: inline-block !important;
}

.xml .title {
    font-size: 25px;
    font-weight: bold;
    padding-bottom: 5px;
    color: #f1f1f0;
}

.xml .information_msg_container {
    background-color: #d9edf7;
    border: 1px #bce8f1 solid;
    font-size: 14px;
    padding: 8px;
    margin: 10px 0px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-sizing: border-box;
}

.xml .information_msg_container span{
    font-size: 14px;
    color: #31708f;
}


/* Title Bar Styles */

.xmlTitleBar {
    background-color: #f1f1f0;
    font-size: 18px;
    font-weight: normal;
    padding: 8px;
    color: #044d8a;    
    text-align: left;
    width: 100%;
    box-sizing: border-box;
}


.xmlHead {
    font-size:14px;
    font-weight: bold;
    color: #333;
    padding: 4px 6px 4px 6px;
    color: #02447e;
    background-color: #cfe6f1;
    background: -ms-linear-gradient(top, #cfe6f1, #cfe6f1);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#cfe6f1), to(#cfe6f1));
    background: -webkit-linear-gradient(top, #cfe6f1, #cfe6f1);
    background: -o-linear-gradient(top, #cfe6f1, #cfe6f1);
    background: linear-gradient(top, #cfe6f1, #cfe6f1);
    background: -moz-linear-gradient(top, #cfe6f1, #cfe6f1);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#cfe6f1', endColorstr='#cfe6f1', GradientType=0);
    position:relative;
}

.xmlLabel {
    font-size:14px;
    color: #333;
    padding: 4px 6px 4px 6px;
    border-bottom: 1px solid #f1f1f1;
    box-sizing: border-box;
}

.xmlHidden {
    display: none;
}

/* setting up columns */

.xmlCell {
    width: 210px;
    padding-left: 10px;
    border-bottom: 1px solid #f1f1f1;
    box-sizing: border-box;
}

.xmlCell.medium {
    min-width: 280px;
    max-width: 280px;
    width: 280px;
}

.xmlCell.medium input, .xmlCell.medium select , .xmlCell.medium textarea {
    width: 260px;
}

.xmlCell.large {
    min-width: 380px;
    max-width: 380px;
    width: 380px;
}

.xmlCell.large input , .xmlCell.large select , .xmlCell.large textarea {
    width: 350px;
}


.xmlCell input:not(.xmlXSmall):not(.xmlSmall):not(.xmlMedium):not(.xmlLarge):not(.xmlXLarge) {
    width: 180px;
}
.xmlCell select:not(.xmlXSmall):not(.xmlSmall):not(.xmlMedium):not(.xmlLarge):not(.xmlXLarge) {
    width: 180px;
}
.xmlCell textarea:not(.xmlXSmall):not(.xmlSmall):not(.xmlMedium):not(.xmlLarge):not(.xmlXLarge) {
    width: 180px;
}

.xmlTotal {
    background-color: #f1f1f1;
    font-weight: bold;
}

.xmlTotal input {
    font-weight: bold;
}

.xmlXSmall {
    width: 74px;
}
.xmlSmall {s
           width: 100px;
}
.xmlMedium {
    width: 188px;
}
.xmlLarge {
    width: 300px;
}
.xmlXLarge {
    width: 320px;
}

/* Alignment */

.leftAlign {
    text-align: left;
}

.centerAlign {
    text-align: center;
}

.rightAlign {
    text-align: right;
}
/*------------------- bootstrap tooltip -------------------*/
.text-help + .tooltip.bottom .tooltip-arrow {    
    border-bottom-color: #999999;
}
.text-help + .tooltip > .tooltip-inner {
    background-color: #ffffff;
    color:#000000;
    font-size: 12px;
    -moz-box-shadow: 2px 2px 5px 0 #9C9C9C;
    -webkit-box-shadow: 2px 2px 5px 0 #9C9C9C;
    box-shadow: 2px 2px 5px 0 #9C9C9C;    
    padding:8px;
}
.text-help + .tooltip > .tooltip-inner {
    border: 1px #999999 solid;
    white-space: normal;
}
i.text-help {
    color: #999999;
    vertical-align: top;
    margin: 3px 0 0 5px;
}
i.text-help:hover {
    color: #f26722;
}
.fieldContentDiv input[type=checkbox] + i.text-help{
    margin: 9px 0;
}
.Data1 i, .Data2 i {
    padding-left: 2px;
    padding-right: 2px;
    margin: 1px 0px 0px 0px;
}
.tooltip {
    position: absolute;
    z-index: 3111;
    display: block;
    padding: 5px 5px 0 5px;
    font-size: 11px;
    visibility: visible;

}
.tooltip.top {
    margin-top: -3px;
}
.tooltip.right {
    margin-left: 3px;
}
.tooltip.bottom {
    margin-top: 3px;
}
.tooltip.left {
    margin-left: -3px;
}
.tooltip-inner {    
    width:auto;
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: left;
    text-decoration: none;
    background-color: #333333;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    word-wrap: break-word;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #333333;
    border-width: 5px 5px 0;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #333333;
    border-width: 5px 5px 5px 0;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #333333;
    border-width: 5px 0 5px 5px;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #333333;
    border-width: 0 5px 5px;
}


.notifyjs-bootstrap-error span {
    margin-right: 7px;
}

.notifyjs-bootstrap-error span:after{
    font-size: 12px;
    font-family: FontAwesome;
    position: absolute;
    top: -3px;
    color: #B94A48;
    content: "\f00d";
    padding-left: 6px;
}

.headercontainer {
    display:table;
    width:100%;
}
.headerlabelcontainer {
    display:table-cell;
}
.headersortcontainer {
    vertical-align:middle;    
    display:table-cell;
    padding: 0px 0 0 6px;
}
.headersortcontainer i {
    float:right;
    margin:0 0 0 6px;
    color:#000000;
}  


#navdiv, .navdiv {
    float:right;
    margin:0 0 0 10px    
}
#navdiv .pagesizediv select {
    border-top: 1px solid #ABADB3;
    border-right: 1px solid #DBDFE6;
    border-bottom: 1px solid #E3E9EF;
    border-left: 1px solid #E2E3EA;
}




.search_fields #searchoptionscontainer {
    float: left;
}

#temstadiv {
    display: inline-block;
    vertical-align: middle;
    z-index: 3000;
}

#temstadiv ul.search_dropdown li {
    font-size: 12px;
    border-radius: 2px;
    padding:2px 2px 1px 2px; 
}


.systable {
    padding-top: 1px;
    border-top: 1px solid #d7d7d7;
}

.container.sys {
    padding-top: 10px;
}

.container.sys .object_name {
    font-size: 18px;
    color: #FFFFFF;
    margin: 0 20px;
    padding: 5px 0 0 0;
}

.container.sys .object_name > span {
    font-size: 18px;
}    


.container.sys .list_container {
    margin-top: 15px;
    border-bottom: 1px #EEEEEE solid;
    padding: 0px 0px 9px 0;
    margin: 15px 20px 25px 20px;
    -moz-box-shadow:  inset 0 -11px 10px -6px rgba(200, 200, 200, 0.1);
    -webkit-box-shadow: inset 0 -11px 10px -6px rgba(200, 200, 200, 0.1);
    box-shadow: inset 0 -11px 10px -6px rgba(200, 200, 200, 0.1);
}

.container.sys .list_container tr:last-child > td {
    border-bottom: 0;
}

.container.sys td {
    vertical-align: top;
    padding: 8px;
}

.container.sys th {
    padding: 4px 8px 4px 8px;
    line-height: 150%;
}

.container.sys .parentid {
    width: 5%;
    min-width: 66px;
}
.container.sys .parentname {
    width: 10%;
    min-width: 91px;
}

p.systitle {
    font-size: 17px;    
    margin-bottom: 1px;
    padding-bottom: 4px;
}

.systable {
    padding-top: 1px;
    border-top: 1px solid #d7d7d7;
}

/*
.container.sys .id {
width: 4%;
min-width: 74px;
}
*/

.container.sys .name {
    width: 25%;
}
.container.sys .summaries {
    width: 55%;
}

.container.sys .field {
    font-weight: bold;
}


.container.sys .hightlight_term {
    color: #de0000;
}


ul.checkboxList {
    list-style-type: none;
    padding-left: 0;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.headeroptions {
    padding:5px
}
.emulate {
    font-size: 14px;
    position: fixed;
    /* center the element */
    right: 0;
    left: 0;
    min-width: 300px;
    width: 300px;
    margin-right: auto;
    margin-left: auto;
    z-index: 999;
}

.emulate #batchUpdateDiv , .emulate #reconnectDiv {
    position: relative;
    padding:10px 40px 10px 20px;
    color: #000;
    background: -moz-linear-gradient(top, #fff  0%, #d7d7d7  200px, #d7d7d7  100%);
    background: -webkit-linear-gradient(top, #fff  0%,#d7d7d7  200px,#d7d7d7  100%);
    background: -o-linear-gradient(top, #fff  0%,#d7d7d7  200px,#d7d7d7  100%);
    background: -ms-linear-gradient(top, #fff  0%,#d7d7d7  200px,#d7d7d7  100%);
    background: linear-gradient(top, #fff  0%,#d7d7d7  200px,#d7d7d7  100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#d7d7d7');/*For IE7-8-9*/ 
    -webkit-box-shadow: -4px 1px 31px -4px rgba(0,0,0,0.21);
    -moz-box-shadow: -4px 1px 31px -4px rgba(0,0,0,0.21);
    box-shadow: -4px 1px 31px -4px rgba(0,0,0,0.21);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #f26722; 
    border-top:none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.topbar.message {
    display: inline-block;
    background: #eb940b; 
    border-bottom: 0;
    width: auto;
    min-width: 300px;
    padding-bottom: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.topbar.message > div {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color:  #fff;
    padding: 5px 10px 3px 10px;
    border-right: 1px solid #fff;
}

.topbar.message > div:only-child {
    border-right: 0;
}

.topbar.message > div.viewing {
    border-right: 0;
}

.topbar.message > div span {
    font-weight: normal;
}

.topbar.message div.icon {
    display: inline-block;
    background: #eb940b;
    color: #fff;
    margin-right: 3px;
}

.topbar.message div.icon .fa {
    padding: 5px 0 0 2px;
}
#batchUpdateDiv, #reconnectDiv {
    width: 300px !important;
    margin: 0 auto;
}
#batchUpdateDiv .closesharescreen {
    border-radius: 50%;
    width: 21px;
    height: 21px;
    margin-top: -8px;
    position: absolute;
    top: 12px;
    right: -3px;
}

.ssInputDiv {
    height: auto;
    width: 100%;
    border: 1px solid #515151;
}

table.yui-uploader-table .Data1 , table.yui-uploader-table .Data2 {
    background-color: transparent;
    background: transparent;
}

.ssRadioContainer > div {
    float: left;
}
.ssRadioContainer > div > input {
    float: left;
}
.ssRadioContainer > div > label {
    vertical-align: sub;
    float: left;
}

span.progressbarcell {
    position: absolute;
    text-align: center;
    background-color: #ffffff;
}

div.progressbar {
    border: 1px solid #cccccc;
}

div.progressbar > div {
    width: 0;
    padding: 7px 0;
    text-align: center;
    color: #ffffff;
    background-color: #009900;
}

.toggleButtonGroup {
    display: inline-block;
    float: right;
}

/* ssUploadedFileList */

div.ssUploadedFileList {
    margin: 20px 0;
    clear: both;
}

div.ssUploadedFileList > button.faButton {
    margin-left: 0;
}

div.ssUploadedFileList > ul {
    margin-top: 15px;
    padding-left: 0;
    font-size: 14px;
    column-width: 350px;
    column-gap: 0;
    list-style-type: none;
}

div.ssUploadedFileList > ul > li {
    display: inline-block;
    width: 98%;
    margin: 2px;
    background-color: #ffffff;
    border: 1px solid #e4e4e4;
}

div.ssUploadedFileList-checkbox, div.ssUploadedFileList-checkbox2, div.ssUploadedFileList > ul > li > span, div.ssUploadedFileList > ul > li > span.renamebuttons {
    display: inline-block;
    padding-top: 8px !important;
    padding-bottom: 6px !important;
    vertical-align: middle;
    white-space: nowrap;
    pd4ml-display: block;
}

div.ssUploadedFileList-checkbox, div.ssUploadedFileList-checkbox2 {
    padding: 10px 5px 8px 5px !important;
    background-color: #f5f5f5;
    pd4ml-visibility: hidden;
    pd4ml-display: none;
}

div.ssUploadedFileList-checkbox:hover {
    background-color: #e5e5e5;
    cursor: pointer;
}
div.ssUploadedFileList-checkbox2:hover {
    background-color: #e5e5e5;
    cursor: default;
}

div.ssUploadedFileList-checkbox > input[type="checkbox"], div.ssUploadedFileList-checkbox > input[type="checkbox"] + span, div.ssUploadedFileList-checkbox2 > input[type="checkbox"], div.ssUploadedFileList-checkbox2 > input[type="checkbox"] + span {
    display: none;
}

div.ssUploadedFileList-checkbox > input[type='checkbox'] + span + label {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 0 0 5px;
    padding: 5px;
    font-size: large;
    font-weight: normal;
    color: #000000;
    transition: transform 0.1s ease;
    cursor: pointer;
}

div.ssUploadedFileList-checkbox2 > input[type='checkbox'] + span + label {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 0 0 5px;
    padding: 5px;
    font-size: large;
    font-weight: normal;
    color: #000000;
    transition: transform 0.1s ease;
    cursor: default;
}

div.ssUploadedFileList-checkbox > input[type="checkbox"] + span + label.rotate, div.ssUploadedFileList-checkbox2 > input[type="checkbox"] + span + label.rotate {
    transform: scale(0,1);
}

div.ssUploadedFileList-checkbox > label.fa-file-archive-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-audio-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-code-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-excel-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-image-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-pdf-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-powerpoint-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-text-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-video-o::before,
div.ssUploadedFileList-checkbox > label.fa-file-word-o::before,
div.ssUploadedFileList-checkbox > label.fa-sticky-note-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-archive-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-audio-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-code-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-excel-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-image-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-pdf-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-powerpoint-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-text-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-video-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-file-word-o::before,
div.ssUploadedFileList-checkbox2 > label.fa-sticky-note-o::before {
    background-color: #ffffff;
    border-top-right-radius: 10px;
}

div.ssUploadedFileList-checkbox > label.fa-folder::before, div.ssUploadedFileList-checkbox2 > label.fa-folder::before {
    color: #ffffff;
    margin-left: -2px;
}

div.ssUploadedFileList-checkbox > label.fa-folder::after, div.ssUploadedFileList-checkbox2 > label.fa-folder::after {
    content: "\f114";
    margin-left: -16px;
}

div.ssUploadedFileList-checkbox > label.fa-check {
    left: -1px;
}

span.ssUploadedFileList-details, div.ssUploadedFileList > ul > li > span.renamespan {
    padding-top: 6px !important;
}

span.ssUploadedFileList-details > span {
    display: block;
    padding: 0 3px 0 8px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
}

div.ssUploadedFileList > ul > li > span.renamespan {
    padding: 0 3px 0 8px;
}

div.ssUploadedFileList > ul > li > span.renamespan > span {
    display: block;
    padding: 0 3px 0 0;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
}

span.ssUploadedFileList-details > span:first-child, div.ssUploadedFileList > ul > li > span.renamespan > span:first-child {
    font-size: 14px;
    font-weight: bold;
    color: #f26722;
}

span.ssUploadedFileList-details > span:first-child > a {
    white-space: nowrap;
    font-weight: bold;
    text-decoration: none;
}

span.ssUploadedFileList-details > span:first-child > a:hover, div.ssUploadedFileList-options > span:hover, div.ssUploadedFileList > ul > li > span.renamebuttons > span:hover {
    cursor: pointer;
}

span.ssUploadedFileList-details > span:first-child > a:hover, div.ssUploadedFileList-options > span:hover > i , div.ssUploadedFileList > ul > li > span.renamebuttons > span:hover > i {
    color: #f26722;
}

span.ssUploadedFileList-details > span:nth-child(2), div.ssUploadedFileList > ul > li > span.renamespan > span:nth-child(2) {
    margin-top: 3px;
    white-space: nowrap;
    font-size: 11px;
}

div.ssUploadedFileList > ul > li > span.renamespan > input {
    margin-top: -2px;
}

div.ssUploadedFileList > ul > li > span.renamebuttons {
    padding-right: 10px !important;
}

div.ssUploadedFileList-options {
    display: inline-block;
}

div.ssUploadedFileList-options > span, div.ssUploadedFileList > ul > li > span.renamebuttons > span, div.ssUploadedFileList > ul > li > span.renamebuttons > a {
    display: inline-block;
    padding: 5px 0;
    text-decoration: none;
    background-color: #ffffff !important;
}

span.ssUploadedFileList-size, span.ssUploadedFileList-date {
    display: none !important;
}

div.ssUploadedFileList-options > span {
    padding-right: 5px;
    position: relative;
    top: 3px;
}

div.ssUploadedFileList-options > span > i, div.ssUploadedFileList > ul > li > span.renamebuttons > span > i {
    margin: 0 10px;
    font-size: 18px;
    color: #f26722;
}

div.ssUploadedFileList-options > ul {
    display: none;
    margin-top: 10px;
    margin-left: -92px;
    padding: 5px 0;
    position: absolute;
    font-size: 14px;
    list-style-type: none;
    color: #222222;
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.075);
    border: 1px solid #cccccc;
    z-index: 2001;
    cursor: pointer;
}

div.ssUploadedFileList-options > ul:before {
    content: '\25b2';
    position: absolute;
    top: -14px;
    left: 95px;
    font-size: 15px;
    color: #ffffff;
    text-shadow: 0 -3px 1px rgba(0, 0, 0, 0.075), 0 -2px 0 rgba(0, 0, 0, 0.075);
    transform: scale(1.5, 1);
}

div.ssUploadedFileList-options > ul > li {
    width: 100px;
    margin: 5px 0;
    padding: 5px 15px;
}

div.ssUploadedFileList-options > ul > li:hover {
    color: #FFFFFF;
    background-color: #f26722;
}

div.ssUploadedFileList > ul.listView {
    display: table;
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}

div.ssUploadedFileList > ul.listView > li {
    display: table-row !important;
}

div.ssUploadedFileList > ul.listView > li > div, div.ssUploadedFileList > ul.listView > li > span {
    display: table-cell;
    vertical-align: middle;
}

li.ssUploadedFileList-listViewHeader {
    display: none !important;
    border: none !important;
}

li.ssUploadedFileList-listViewHeader > span.ascending, li.ssUploadedFileList-listViewHeader > span.descending {
    font-weight: bold;
}

li.ssUploadedFileList-listViewHeader > span > span {
    display: inline-block;
    margin-right: 5px;
}

li.ssUploadedFileList-listViewHeader > span:nth-child(2), li.ssUploadedFileList-listViewHeader > span:nth-child(3), li.ssUploadedFileList-listViewHeader > span:nth-child(4) {
    cursor: pointer;
}

li.ssUploadedFileList-listViewHeader > span:nth-child(2) {
    padding-left: 10px;
}

li.ssUploadedFileList-listViewHeader > span:nth-child(3), li.ssUploadedFileList-listViewHeader > span:nth-child(4) {
    padding: 0 10px;
}

li.ssUploadedFileList-listViewHeader > span:nth-child(3), div.ssUploadedFileList > ul.listView > li > span.ssUploadedFileList-size {
    text-align: right;
}

li.ssUploadedFileList-listViewHeader > span > div.ssCheckBoxContainer {
    position: relative;
    top: -2px;
    left: 13px;
}

li.ssUploadedFileList-listViewHeader > span > i.fa {
    display: none;
}

li.ssUploadedFileList-listViewHeader > span.ascending > i.fa-caret-up, li.ssUploadedFileList-listViewHeader > span.descending > i.fa-caret-down {
    display: inline-block;
}

div.ssUploadedFileList > div.ssUploadedFileList-footer {
    display: none;
}

div.ssUploadedFileList > div.ssUploadedFileList-footer > span.total {
    display: inline-block;
}

div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-checkbox, div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-checkbox2 {
    padding: 3px 5px 0 5px !important;
}

div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-checkbox, div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-checkbox2, div.ssUploadedFileList > ul.listView > li > span, div.ssUploadedFileList > ul.listView > li > span.renamebuttons {
    padding-top: 10px !important;
    padding-bottom: 8px !important;
}

div.ssUploadedFileList > ul.listView > li > span.ssUploadedFileList-size, div.ssUploadedFileList > ul.listView > li > span.ssUploadedFileList-date {
    display: table-cell !important;
    padding: 0 10px;
}

div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-checkbox > input[type='checkbox'] + span + label, div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-checkbox2 > input[type='checkbox'] + span + label {
    padding: 0 5px;
}

div.ssUploadedFileList > ul.listView > li > span.ssUploadedFileList-details > span {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
}

div.ssUploadedFileList > ul.listView > li > span.ssUploadedFileList-details, div.ssUploadedFileList > ul.listView > li > span.renamespan {
    width: 100% !important;
    position: relative;
}

div.ssUploadedFileList > ul.listView > li > span.ssUploadedFileList-details > span:last-child, div.ssUploadedFileList > ul.listView > li > span.renamespan > span {
    display: none;
}

div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-options {
    padding: 0 5px 0 0;
    text-align: right;
}

div.ssUploadedFileList > ul.listView > li > div.ssUploadedFileList-options > ul {
    padding: 5px 0;
    text-align: left;
}

div.ssUploadedFileList > ul.listView.renameMode > li > div.ssUploadedFileList-options > ul {
    margin-left: -45px;
}

div.ssUploadedFileList > ul.pd4ml {
    margin-top: -15px !important;
    column-count: 1;
}

div.ssUploadedFileList > ul.pd4ml > li {
    width: calc(100% - 5px);
}

div.ssUploadedFileList > ul.pd4ml + div.ssUploadedFileList-footer, div.ssUploadedFileList > ul.listView + div.ssUploadedFileList-footer {
    display: block;
    padding: 10px 15px;
    text-align: right;
    font-size: 12px;
}

div.ssUploadedFileList > ul.pd4ml + div.ssUploadedFileList-footer {
    margin-top: -5px;
    padding: 0 15px;
}

.batchupdate .optionsDiv {
    position: fixed;
    width: 220px;
    background: #f6f6f6;
    height: 100vh;
    overflow: overlay;
    overflow-x: hidden;
    border-right: 1px solid #eee;
}
.batchupdate .Description {
    float: right;
    width: calc(100% - 220px);
    padding-bottom: 30px;
}
.batchupdate .Description .information_msg_container {   
    display: block;
}

.batchupdate .contentDiv {
    width: 100%;
}

.batchupdate .fieldDiv {
    border: 0;
    padding: 5px 0;
    margin-left: 20px;
    border-bottom: 1px solid #f1f1f1;
}

.batchupdate .fieldLabel {
    font-weight: 600;
}

.batchupdate .optionsDiv ul.checkboxList {
    padding: 0 !important;
    margin: 0;
}

.batchupdate .optionsDiv ul li {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #efecec;
    padding-bottom: 0;
    box-sizing: border-box;
}

.batchupdate .optionsDiv ul li.highlight {
    background: #e2e0e0 !important;
}

.batchupdate input[type="checkbox"] {
    float: left;
    margin: 10px 0 10px 20px;
}

.batchupdate input + label {
    width: calc(100% - 45px);
    padding: 10px 0;
}

.batchupdate .optionsDiv ul li label {
    padding: 10px 0 10px 10px;
    display: inline-block;
    top: 0px
}

.batchupdate .optionsDiv ul li label:after , .batchupdate .optionsDiv ul li label:before {
    top: auto;
    left: 20px;
}

.batchupdate .containerPad {
    display: inline-block;
}

.batchsuccess {
    background-color: #4CAF50;
    color: #fff;
    width: 100%;
    text-shadow: none;
    margin-top: 0px;
    width: auto;
    display: inline-block;
    padding: 4px 7px;
    font-size: 14px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.batchupdate .Description .information_msg_container {
    background-color: #d9edf7;
    border: 1px #bce8f1 solid;
    margin: 15px 20px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    position: relative;
    padding: 15px;
    border-radius: 7px 7px 7px 7px;
}

.securityaudit table {
    margin: 10px 0;
}

.securityaudit .groupheader {
    color: #3f3f3f;
    padding: 10px;
    background: #f7f7f7;
    border-bottom: 1px solid #eee;
}

.securityaudit td , .securityaudit th {
    padding: 10px;
    vertical-align: top;
}

.securityaudit .Data2 {
    background: transparent;
}

.securityaudit .attention {
    width: 9%;
    width: 140px !important;
    text-align: center;
}

.securityaudit .severity , .securityaudit .area , .securityaudit .category {
    width: 7%;
}

.securityaudit .details {
    width: 26%;
}
.securityaudit .risk {
    width: 40%;
}
.securityaudit .url {
    width: 5%;
    text-align: center;
}

.securityaudit .url a {
    color: #000000;
}

.content_container.notes ,  .content_container.annotations {
    display: flex;
    margin: 10px 0 5px 0;
    width: 98% !important; 
    flex-wrap: wrap;
}

.content_container.notes div.notes, .content_container.annotations div.annotations {
    margin: 5px 0 5px 0;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 100%;
}

.annotations.inline div.annotations:only-child , .annotations.inline div.annotations:first-of-type {
    margin-top: 3px;
}


.content_container.notes .number {
    margin-left: 0px;
}

.classicnotes .content_container.notes {
    width: 99% !important;
    margin: 0 auto;
}

.notes span.number {
    color: #000;
    background: #f3f3f3;
}

.notes .status , .annotations .status , .notifyjs-container .status {
    float: left;
    background: #f3f3f3;
    display: table-cell;
    width: 5px;
    height: 100%;
    margin: 0 5px 0 0;
}

.notes .content {
    padding: 15px;
    box-sizing: border-box;
}

.annotations .annotationscontent {
    display: inline-block;
    margin: 10px 0;
    padding: 0 0 5px 5px;
    border-bottom: 1px solid #f3f3f3;
    line-height: 150%;
    width: 95%;
    box-sizing: border-box;
}

.annotations.inline .annotationscontent {
    width: 100%;
}


.annotations.inline .content {
    display: inline-block;
    width: 90%;
}

.notes .title , .annotations .title {
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
}

.notes p {
    float: left;
    font-size: 15px;
    margin: 4px 0 0 2px;
    padding: 0;
}

.notes .edit a , .notes .change a {
    color: #FFFFFF;
}

.notes .edit , .notes .change {
    background: #f26722;
    float: right;
    padding: 4px 3px 2px 5px;
    border-radius: 4px;
}
.notes .notescontent {
    margin: 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #f3f3f3;
    line-height: 150%;
}

.notes .type ,  .annotations .type  {
    font-size: 12px;
    padding: 5px;
    background: #f3f3f3;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    width: 99%;
}

.annotations .type  {
    display: inline-block;
    width: 91%;
    margin: 10px 0 0 0;
}


.annotations .namedate {
    float: right;
    font-size: 12px;
    min-width: 190px;
    max-width: 200px;
    padding: 0 10px 0 0;
    padding-bottom: 0;
    text-align: right;
}


.annotations.inline .namedate {
    font-size: 12px;
    text-align: right;
    padding: 0 0 5px 0;
}

.annotations .name , .annotations .date {
    display: block;
    box-sizing: border-box;
    padding-bottom: 3px;
}

.annotations .annoeditbutton {
    display: inline-block;
}

.annotations.inline .annoeditbutton {
    float: left;
    width: auto;
}
.notes .name {
    float: left;
    padding: 2px 0 10px 0;
}


.notesearchpanel {
    background: #f3f3f3;
    padding: 10px 5px;
    box-sizing: border-box;
}
div.listfilter {
    display: inline-block;
}
div.listfilter span {
    padding: 4px;
    font-weight: bold;
}

textarea.importstyles {
    height: 88vh !important;
}


#optd label , #filetab label , #mediatab label {
    display: inline-block;
    padding: 0;
}

.DefaultHide {
    display: none !important;
}

.nomargin {
    margin:0px;
}


.addresstype #fielddisplaycontainer , .addresstype #fieldlistcontainer {
    float: left;
    width: 49%;
    border: 1px solid #eee;
    margin-right: 1%;
}

.addresstype #fielddisplaycontainer {
    margin-right: 0;
}

.picker {
    padding: 10px;
    display: inline-block;
    background: #f9f9f9;
    margin-top: 10px;
    width: 100%;
    box-sizing: border-box;
}

.picker .slider_container {
    top: 4px;
}


.addresstype #fieldlistcontainer #fieldspicker {
    padding: 10px;
    box-sizing: border-box;
}

.addresstype #fieldlistcontainer select {
    width: 100%;
    margin-bottom: 5px;
}

.addresstype #fielddisplaycontainer ul[id^="fielddisplay"]{
    border-bottom: 1px solid #eee;
    width: 100%;
    height: auto;
    min-height: 30px;
    -webkit-padding-start: 0px;
    padding:10px 10px;
    box-sizing: border-box;
}


.addresstype #fielddisplaycontainer ul[id^="fielddisplay"]:empty::after{
    color: #cccccc;
    font-size: 25px;
    content: attr(data-empty-message);
}

.includecaption {
    display: inline-block;
    width: 100%;
    padding: 5px;
    text-align: right;
    box-sizing: border-box;
    background: #f9f9f9;
}

.includecaption div {
    float: left;
}

.includecaption label + label {
    float: right;
    margin-top: 3px;
    margin-left: 5px;
}

.addresstype #fielddisplaycontainer .addbutton {
    background: #f9f9f9; 
    padding: 5px;
}


.psectionholder {
    width: 95%;
    margin: 0 auto;
}

.pcontainerwrapper {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}

.pcontainerwrapper .pcontainer {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    margin: 20px 2% 0 0;
    padding: 20px;
    box-sizing: border-box;
    width: 48%;
}

.pcontainerwrapper .pcontainer:last-of-type {
    margin-right: 0;
}

.pcontainerwrapper .pcontainer .ptitle {
    font-size: 20px;
    font-weight: bold;
}

.pcontainerwrapper .pcontainer_inner {
    padding-bottom: 20px;
    width: 100%;
}

.pcontainerwrapper .pcontainer_inner:nth-of-type(2) {
    padding-top: 20px;
    border-top: 1px solid #f5f5f5;
}

.pcontainerwrapper .pcontainer_inner span a {
    font-size: 13px;
}

.pcontainerwrapper .pcontainer .warning_msg_container.small {
    display: block;
    margin-top: 15px;
}

.pcontainerwrapper .pcontainer p {
    line-height: 150%;
}

.pcontainerwrapper .pcontainer ul {
    padding: 0;
    margin: 15px 0;
    list-style: none;
}

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

.portalvideo a {
    display: inline-block;
    padding: 10px;
    background: #f9f9f9;
    border-radius: 3px;
    text-decoration: none;
    margin-bottom: 15px;
}

.portalvideo a:hover {
    text-decoration: underline;
}

.portalvideo:after {
    content: '';
    display: block;
    postition: relative;
    clear: both;
}

.portalvideo a .fa {
    padding-right: 8px;
}

.stagecolor {
    display: inline-block;
    height: 15px;
    border-radius: 50%;
    width: 15px;
    margin-left: 5px;
    margin-top: 2px;
}

.modal_frame .v-content td.Data1:first-of-type , .modal_frame .v-content td.Data2:first-of-type {
    width: 30px;
}

span.ssProgressBar {
    display: inline-block;
    width: 100%;
    max-width: 500px;
    margin: 0 5px 0 0;
    position: relative;
}

span.ssProgressBar-percentage {
    display: block;
    margin-bottom: 5px;
    text-align: right;
    font-size: 25px;
    color: #000000;
}

span.ssProgressBar-meter {
    display: block;
    overflow: hidden;
    height: 10px;
    background-color: #f5f5f5;
    border-radius: 10px;
    box-shadow: 0 1px 1px #cccccc inset;
}

span.ssProgressBar-meter-progress {
    display: block;
    width: 0;
    background-color: #f26722;
    -webkit-transition: width 1.5s ease-in-out;
    transition: width 1.5s ease-in-out;
}

span.ssProgressBar-text {
    display: block;
    margin-top: 5px;
    text-align: right;
    font-size: 12px;
}

span.ssRadialProgressBar {
    display: block;
    width: 150px;
    margin: 0 5px 0 0;
    position: relative;
}

svg.ssRadialProgressBar-meter {
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}

circle.ssRadialProgressBar-meter-progress {
    stroke-dasharray: 421;
    stroke-dashoffset: 421;
}

span.ssRadialProgressBar-percentage {
    display: block;
    width: 150px;
    margin-bottom: -25px;
    position: relative;
    top: -95px;
    font-size: 30px;
    text-align: center;
}

span.ssRadialProgressBar-text {
    display: block;
    text-align: center;
    font-size: 12px;
}


.closetopmessage {
    position: absolute;
    border: 0 !important;
    top: 0px;
    right: 2px;
    cursor: pointer;
}


/* submit message */

.submitmessage {
    font-family: 'Roboto',"Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #fff;
    width: 60vw;
    margin: 0 auto;
    margin-top: 40px;
    border: 1px solid #eeeeee;
    border-radius: 9px;
    overflow: hidden;
    -webkit-box-shadow:  1px 4px 13px 0 rgba(0,0,0,0.06);
    -moz-box-shadow:  1px 4px 13px 0 rgba(0,0,0,0.06);
    box-shadow: 1px 4px 13px 0 rgba(0,0,0,0.06);
}

.submitmessage .titlebar {
    font-weight: normal;
    font-size: 25px;
    line-height: 30px;
    padding: 16px 20px;
    background: #f3f3f3;
}

.submitmessage .title {
    white-space: pre-line;
}

.submitmessage .message {
    font-size: 15px;
    line-height: 170%;
    color: #2d2e29;
    padding: 25px 20px;
    white-space: pre-line;
    border-bottom: 0;
}

.submitbuttonwrapper {
    padding: 18px 15px;
    border-top: 1px solid #eee;
    margin: 0 20px;
    text-align: center;
}


.submitbuttonwrapper button {
    font-size: 15px;
    padding: 6px 18px;
}

.submitbuttonwrapper button > .fa {
    vertical-align: inherit;
    padding-right: 2px;
}

text.hyper:hover {
    fill: #f26722;
    cursor: pointer;
}
.notficationsicon {
    padding: 0px 15px 15px 15px;
}
.notficationsicon span {
    margin-top: 3px;
    background: inherit;
    font-size: 14px;
    padding-top: 2px;
    box-sizing: border-box;
}

.notficationsicon span .fa {
    font-size: 14px;
}
ul.alertwrapper {
    min-width:600px;min-height:100px;max-width:1000px;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: 0;
    background: #f7f7f7;
    text-align: left;
}
ul.alertwrapper li.alert {
    display: table;
    width: 100%;
    background: #f7f7f7;
    color: #3d3d3d;
    padding: 8px 10px 11px 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #ebebeb;
    cursor: default;
    white-space: pre-line;
}

ul.alertwrapper li.alert:last-child {
    border-bottom: 0;
}

ul.alertwrapper li.alert span.icon {
    background: transparent;
    color: #878787;
    display: table-cell;
    padding: 0px 10px 0px 0px;
}

ul.alertwrapper li.alert span.icon .fa {
    font-size: 24px;
    margin-top: 4px;
}

ul.alertwrapper li.alert span.message {
    width: 99%;
    font-size: 15px;
    text-align: left;
    display: table-cell;
}

ul.alertwrapper li.alert span.messagebody {
    font-size: 14px;
    display: block;
    margin-top: 4px;
}


ul.alertwrapper li.alert span.time {
    font-size: 11px;
    display: inline-block;
    width: auto;
    padding: 3px;
    margin-top: 7px;
    background: #3d3d3d;
    color: #fff;
    border-radius: 3px;

}

/* ssMediaPlayer - Start */

#mediaPlayerDock div.videoplayerwrapper,
#mediaPlayerDock div.videoplayerwrapper video,
#mediaPlayerDock div.videoplayerwrapper div.mejs-video,
#mediaPlayerDock div.videoplayerwrapper div.mejs-layer,
#mediaPlayerDock div.audioplayerwrapper div.mejs-layer,
div.ssMediaLibrary-audioVideo,
div.ssMediaLibrary-audioVideo div.videoplayerwrapper,
div.ssMediaLibrary-audioVideo div.videoplayerwrapper video,
div.ssMediaLibrary-audioVideo div.videoplayerwrapper div.mejs-video,
div.ssMediaLibrary-audioVideo div.videoplayerwrapper div.mejs-layer,
div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-layer {
    height: 100% !important;
    width: 100% !important;
}

#mediaPlayerDock {
    display: none;
    width: 350px;
    position: fixed;
    top: 55px;
    right: 20px;
    z-index: 2001;
}

#mediaPlayerDock.iosAudioWidth {
    width: 270px !important;
}

#mediaPlayerDock > div {
    height: 100%;
}

#mediaPlayerDock > div {
    position: relative;
}

#mediaPlayerDock-titleBar {
    display: table;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 1;
}

#mediaPlayerDock-titleBar-title, #mediaPlayerDock-titleBar-minimizeButton, #mediaPlayerDock-titleBar-closeButton {
    display: table-cell;
    padding: 5px;
    font-size: 18px;
    color: #ffffff;
    cursor: pointer;
}

#mediaPlayerDock-titleBar-title {
    width: 100%;
    padding: 0;
    position: relative;
}

#mediaPlayerDock-titleBar-title-value {
    display: block;
    width: calc(100% - 5px);
    padding: 10px 0 8px 8px;
    position: absolute;
    top: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    cursor: default;
}

#mediaPlayerDock-titleBar-minimizeButton {
    padding-right: 0;
    font-size: 14px;
}

#mediaPlayerDock div.videoplayerwrapper {
    height: 255px !important;
}

#mediaPlayerDock div.videoplayerwrapper div.mejs-container-fullscreen, div.ssMediaLibrary-audioVideo div.videoplayerwrapper div.mejs-container-fullscreen {
    z-index: 2000;
}

#mediaPlayerDock div.audioplayerwrapper {
    width: calc(100% - 40px) !important;
    padding-top: 35px;
    padding-bottom: 10px;
}

#mediaPlayerDock div.audioplayerwrapper div.mejs-poster {
    display: none;
}

div.ssMediaLibrary-audioVideo, #mediaPlayerDock div.audioplayerwrapper, div.ssMediaLibrary-audioVideo div.audioplayerwrapper {
    background-color: #000000;
}

div.ssMediaLibrary-audioVideo {
    display: none;
}

div.ssMediaLibrary-audioVideo div.audioplayerwrapper {
    width: calc(100% - 40px) !important;
    position: relative;
    top: calc(50% - 30px);
}

#mediaPlayerDock div.mejs-overlay-error, div.ssMediaLibrary-audioVideo div.mejs-overlay-error {
    display: table;
    height: 100%;
    width: 100%;
}

#mediaPlayerDock div.mejs-overlay-error > div, div.ssMediaLibrary-audioVideo div.mejs-overlay-error > div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background-color: #f8f8f8;
}

#mediaPlayerDock div.mejs-audio, div.ssMediaLibrary-audioVideo div.mejs-audio, #mediaPlayerDock div.videoplayerwrapper span.mejs-time-loaded, div.ssMediaLibrary-audioVideo span.mejs-time-loaded {
    width: 100% !important;
}

#mediaPlayerDock div.audioplayerwrapper span.mejs-time-slider, div.ssMediaLibrary-audioVideo div.audioplayerwrapper span.mejs-time-slider {
    width: 90px !important;
}

#mediaPlayerDock div.audioplayerwrapper span.mejs-time-slider span.mejs-time-float {
    z-index: 1;
}

#mediaPlayerDock div.audioplayerwrapper a.mejs-horizontal-volume-slider, div.ssMediaLibrary-audioVideo div.audioplayerwrapper a.mejs-horizontal-volume-slider {
    display: block !important;
}

div.ssMediaLibrary-audioVideo div.audioplayerwrapper a.mejs-horizontal-volume-slider {
    margin-top: 0;
    background-color: transparent;
}

#mediaPlayerDock div.audioplayerwrapper div.mejs-time-rail, div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-time-rail {
    width: 100px !important;
}

div.fullscreen-video {
    height: 100% !important;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 800 !important
}

div.fullscreen-video iframe.fullscreen-video {
    height: 100% !important;
    width: 100% !important;
}

div.editcellwrapper {
    box-sizing: border-box;
    background: #f9f9f9;
    border-bottom: 1px solid #ccc;
}

div.editcellwrapper > div.editcell,
div.editcellwrapper > div.editcell > label:first-child,
div.editcellwrapper > div.editcell > div {
    display: inline-block;
}

div.editcellwrapper > div.editcell {
    padding-left: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
}

div.editcellwrapper > div.editcell > label:first-child {
    margin: 0 5px;
    text-align: right;
}

div.editcellwrapper > div.editcell > div > input:not([type="checkbox"]),
div.editcellwrapper > div.editcell > div > select {
    width: 100%;
}

ul.nolist {
    overflow: auto !important;
}

.summarysection {
    padding-top: 10px;
    padding-bottom: 5px;
}

.systemsummary {
    margin: 65px 0 0 0;
    background: #fff;
    position: relative;
}

.systemsummary h2 {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 5px;
    margin-bottom: 0;
    border-bottom: 1px solid #ececec;
    display: inline-block;
    width: 100%;
}
.systemsummary #audit {
    float: left;
    width: auto;
    padding-left: 15px;
    font-weight: bold;
    color: #FFFFFF;
}

.summarycontentwrapper.warn {
    background: #B94A48;
}
.summarycontentwrapper.approve {
    background: #00ad2a;
}

.systemsummary #auditdate div.left {
    padding-left: 5px !important;
}

.systemsummary #auditdate {
    background: #f5f5f5;
    width: auto;
    padding-left: 5px;
}
.summarycontentwrapper {
    float: left;
    width: auto;
    padding: 10px 15px 10px 0;
}

.summarysection > div {
    border-radius: 3px;
    margin-right: 5px;
}

.summarycontentwrapper div.left {
    float: left;
    width: auto;
    padding-left: 0;
}
.summarycontentwrapper div.right {
    float: left;
    width: auto;
    padding-left: 5px;
}
.summarycontentwrapper div.date {
    float: left;
    padding-left: 5px;
}

.summarycountwrapper {
    display: inline-block;
    width: 100%;
}


@media screen and (max-width: 1715px) {
    div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-controls {
        height: 65px;
        top: -15px;
    }

    div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-controls > div, div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-controls > a {
        display: inline-block !important;
        float: none !important;
    }

    div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-playpause-button {
        position: relative;
        top: -5px;
    }

    div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-time-rail, div.ssMediaLibrary-audioVideo div.audioplayerwrapper span.mejs-time-slider {
        width: calc(100% - 40px) !important;
    }

    div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-time {
        margin-left: 28px;
    }

    div.ssMediaLibrary-audioVideo div.audioplayerwrapper a.mejs-horizontal-volume-slider {
        width: 1px;
        margin-top: -17px;
    }
}

@media screen and (max-width: 1012px) {
    div.ssMediaLibrary-audioVideo div.audioplayerwrapper {
        width: calc(100% - 50px) !important;
    }

    div.ssMediaLibrary-audioVideo div.audioplayerwrapper div.mejs-controls {
        width: calc(100% + 10px);
    }

    div.ssMediaLibrary-audioVideo div.mejs-audio {
        height: 15px !important;
    }
}

@media screen and (max-width: 768px) {
    #mediaPlayerDock div.audioplayerwrapper {
        margin-left: 0;
    }
}

@media screen and (max-width: 699px) {
    button.ssMediaLibrary-annotateButton {
        display: none;
    }
}

@media screen and (max-width: 665px) {
    div.ssMediaLibrary-audioVideo div.audioplayerwrapper {
        width: calc(100% - 10px) !important;
        top: calc(50% - 20px);
    }
}

/* ssMediaPlayer - End */

@media only screen and (max-width: 768px) {
    .pcontainerwrapper .pcontainer {
        width: 100%;
    }
}


@media screen and (-ms-high-contrast: none) {
    .topbar.message div.icon {
        height: auto;
        width: auto;
    }
}

@media only screen and (max-device-width: 768px) {
    .iframe_ipad {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        /* max-height: 10%; */
        max-height: 100vh;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -moz-text-size-adjust: none;
        text-size-adjust: none;
    }

}


@media only screen and (min-width: 1200px) {
    .ui-grid-filter-container.ng-scope > .ng-scope {
        position: relative;
    }
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) {
    .iframe_ipad {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        /* max-height: 10%; */
        max-height: 100vh;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -moz-text-size-adjust: none;
        text-size-adjust: none;
    }

}

/* Landscape*/

@media only screen and (min-device-width: 1366px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
    .iframe_ipad {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        /* max-height: 10%; */
        max-height: 100vh;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -moz-text-size-adjust: none;
        text-size-adjust: none;
    }

}

/* Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
    .iframe_ipad {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        /* max-height: 10%; */
        max-height: 100vh;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -moz-text-size-adjust: none;
        text-size-adjust: none;
    }

}
