﻿@import url("/RichWidgets/Theme.Black.css?5064");

/************** Customized CSS **************/

div.GoToHome {
 position:absolute; 
 right:300px;
 left:0px; 
 bottom:30px; 
 top:0px; 
 cursor:pointer;  
}

body, select, textarea, input {
    font-family: helvetica;
    color:#747575;
    font-size:12px;
    text-align:left;
}

div.Header {
    background: url("/CA_Rider/img/header_img.jpg?5795") no-repeat left top #313131;
    min-height: 108px;
    position: relative;
}

div.Footer {
    color: #666666;
    font-size: 11px;
    padding: 10px 16px;
}

div.Title {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 30px;
    border-bottom-color: #A4C339;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    font-weight: bolder;
    color:#333333;
}

td{
vertical-align:top;
}

td.Separator {
    border-top: 1px solid #9FA096;
}

th.TableRecords_Header {
    color: #C3C4BE;
    background: #494944;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/RichWidgets/img/Bar_Gradient.png', sizingMethod='scale');  /* IE6 */
    white-space: nowrap;
    line-height: 18px;
    padding: 4px 6px 4px 6px;
    border-right: 1px solid white;
    font-weight: normal;
}

td.TableRecords_EvenLine,
td.TableRecords_OddLine {
    white-space: normal;
}

div.Menu_TopMenus { 
    margin-left: 50px;
    *height: 31px;
    _border-left: 1px solid #cccccc;  /* IE6 */
    
        
    font-weight: bold;
} 

div.Menu_TopMenu { 
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    display: -moz-inline-box; /*FF2*/
    display: inline-block;
    *float: left; 
    white-space: nowrap; 
    font-size: 14px;
    margin-left: -1px;
    margin-right: -1px;
    padding: 6px 13px 6px;
    border-color: #666666 #666666 #AAAAAA;
    border-style: solid;
    border-width: 1px;
    background-color: #AACCBB;
    color: #323232;
    clear: right;
    margin-bottom: -2px\0/;
    z-index: 1;
    position:relative;
} 

div.Menu_TopMenuActive {
    background-color: #91918E;
    border-color: #000 #000 #91918E;
    color: #000;
    background-image: none;
    cursor: pointer;
    z-index:3;
}

div.Menu_TopMenu > a:link,
div.Menu_TopMenu > a:visited,
div.Menu_TopMenu > a {
    color: #444444;
    text-decoration: none; 
}

div.Menu_TopMenu:hover {
    background-color: #91918E; 
    text-decoration: none;
}

div.Menu_TopMenuActive a, 
div.Menu_TopMenuActive a:link,
div.Menu_TopMenuActive a:visited,
div.Menu_TopMenu:hover > a {
    color: #000;
}

div.Menu_TopMenu_App{
    background-color: #FFF;
    color: #323232;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    display: -moz-inline-box; /*FF2*/
    display: inline-block;
    *float: left; 
    white-space: nowrap; 
    font-size: 14px;
    margin-left: -1px;
    margin-right: -1px;
    padding: 6px 13px 6px;
    border-color: #666666 #666666 #AAAAAA;
    border-style: solid;
    border-width: 1px;
    clear: right;
    margin-bottom: -2px\0/;
    z-index: 1;
    position:relative;
    
}

div.Menu_TopMenu_App > a:link,
div.Menu_TopMenu_App > a:visited,
div.Menu_TopMenu_App > a {
    color: #444444;
    text-decoration: none; 
}

div.Menu_TopMenu_App:hover {
    background-color: #FFF; 
    text-decoration: none;
    color: #FFFFFF;
}

td.MainWithRightSidebar,
div.Menu_Container {
    width: 100%;
}

td.Main{
    background: url(/CA_Rider/img/background.jpg?5795) 0% 0% repeat-x;
    background-color: white;
    padding: 0px 60px 14px 60px;
    min-width: inherit;
}

@media (max-width: 800px) {
    td.Main {
        padding: 0px 15px 15px;
    }
}

@media (max-width: 400px) {
    td.Main {
        padding: 0px 5px 5px;
    }
}

a:link{
    color: #A4C339;
}
a:visited {
    color: #A4C339;
    text-decoration: none;
}
a:hover {
    background-color: transparent;
    color: #A4C339;
    text-decoration: underline;
}
a:focus {
    outline: 0;
}

.Text_Note {
    font-weight: normal;
}

/****************************************/
/***********  Link Buttons  *************/

a.Button,
a.Button:link,
a.Button:visited,
div.Actions a.Button,
div.Actions a.Button:link,
div.Actions a.Button:visited {
    display: inline-block;
    background: #87C454 url('/CA_Portal/img/ButtonGrayBkg.png?5559') left 0px repeat-x;
    border: 1px solid #ADADAD;
    border-top: 1px solid #D3D3D3;
    padding: 0 10px;
    line-height: 29px;
    font-size: 13px;
    font-weight: bold;
    color: #005B51;
    margin-right: 10px;
    white-space: nowrap;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-align: center;
    *zoom: 1;
}
a.Button:hover,
.TableRecords_OddLine a.Button:hover,
.TableRecords_EvenLine a.Button:hover,
div.Actions a.Button:hover,
a.Button_Small:hover,
.TableRecords_OddLine a.Button_Small:hover,
.TableRecords_EvenLine a.Button_Small:hover,
div.Actions a.Button_Small:hover {
    border-top: 1px solid #ADADAD;
    background: #ADADAD url('/CA_Portal/img/ButtonGrayBkg.png?5559') left -30px repeat-x;
    text-decoration: none;
    color: #005B51;
}
a.Button:active, 
a.Button_Small:active {
    border-top: 1px solid #ADADAD;
    background: #ADADAD url('/CA_Portal/img/ButtonGrayBkg.png?5559') left -60px repeat-x;
    text-decoration: none;
    color: #005B51;
}

a.Button_Small,
a.Button_Small:link,
a.Button_Small:visited,
div.Actions a.Button_Small,
div.Actions a.Button_Small:link,
div.Actions a.Button_Small:visited {
    display: inline-block;
    background: #87C454 url('/CA_Portal/img/ButtonGrayBkg.png?5559') left 0px repeat-x;
    border: 1px solid #ADADAD;
    border-top: 1px solid #D3D3D3;
    padding: 0 5px;
    line-height: 20px;
    font-size: 10px;
    font-weight: bold;
    color: #005B51;
    margin-right: 10px;
    white-space: nowrap;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-align: center;
    *zoom: 1;
}


.disabled {
    color: gray;
    opacity: .6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
}

/* Start Button Red */

a.Button_Red {
    -moz-box-shadow:inset 0px 1px 0px 0px #fce2e2;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fce2e2;
    box-shadow:inset 0px 1px 0px 0px #fce2e2;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dd0505), color-stop(1, #bb0505) );
    background:-moz-linear-gradient( center top, #dd0505 5%, #bb0505 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd0505', endColorstr='#bb0505');
    background-color:#dd0505;
    border:1px solid #bb0505;
    display:inline-block;
    color:#ffffff;
    font-size:13px;
    font-weight:bold;
    padding: 0 10px;
    margin-right: 10px;
    line-height: 29px;
    text-decoration: none !important;
    text-align: center;
}
a.Button_Red:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bb0505), color-stop(1, #dd0505) );
    background:-moz-linear-gradient( center top, #bb0505 5%, #dd0505 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb0505', endColorstr='#dd0505');
    background-color:#bb0505;
    text-decoration: none !important;
}
a.Button_Red:active {
    position:relative;
    top:1px;
}

a.Button_Red:hover,
.TableRecords_OddLine a.Button_Red:hover,
.TableRecords_EvenLine a.Button_Red:hover,
div.Actions a.Button_Red:hover {
    text-decoration: none;
}

/* End Button Red */

/* Start Button Orange */

a.Button_Orange {
    -moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    box-shadow:inset 0px 1px 0px 0px #fce2c1;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffa600), color-stop(1, #e69200) );
    background:-moz-linear-gradient( center top, #ffa600 5%, #e69200 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa600', endColorstr='#e69200');
    background-color:#ffa600;
    border:1px solid #eeb44f;
    display:inline-block;
    color:#ffffff;
    font-size:13px;
    font-weight:bold;
    padding: 0 10px;
    margin-right: 10px;
    line-height: 29px;
    text-decoration: none;
    text-align: center;
}
a.Button_Orange:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e69200), color-stop(1, #ffa600) );
    background:-moz-linear-gradient( center top, #e69200 5%, #ffa600 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e69200', endColorstr='#ffa600');
    background-color:#e69200;
}
a.Button_Orange:active {
    position:relative;
    top:1px;
}

a.Button_Orange:hover,
.TableRecords_OddLine a.Button_Orange:hover,
.TableRecords_EvenLine a.Button_Orange:hover,
div.Actions a.Button_Orange:hover {
    text-decoration: none;
}

/* End Button Orange */

a.Button_Main,
a.Button_Main:link,
a.Button_Main:visited,
div.Actions a.Button_Main,
div.Actions a.Button_Main:hover,
div.Actions a.Button_Main:visited {
    display: inline-block;
    background: #87C454 url('/CA_Portal/img/ButtonBkg.png?5559') left 0px repeat-x;
    border: 1px solid #00A292;
    border-top: 1px solid #00A292;
    padding: 0 10px;
    line-height: 29px;
    font-size: 13px;
    font-weight: bold;
    color: #F3F3F3;
    margin-right: 10px;
    text-decoration: none;
    min-width: 80px;
    letter-spacing: 0.05em;
    text-align: center;
    *zoom: 1;
}
a.Button_Main:hover,
.TableRecords_OddLine a.Button_Main:hover,
.TableRecords_EvenLine a.Button_Main:hover,
div.Actions a.Button_Main:hover,
a.Button_Main_Small:hover,
.TableRecords_OddLine a.Button_Main_Small:hover,
.TableRecords_EvenLine a.Button_Main_Small:hover,
div.Actions a.Button_Main_Small:hover {    
    border-top: 1px solid #00A292;
    background: #87C454 url('/CA_Portal/img/ButtonBkg.png?5559') left -30px repeat-x;
    text-decoration: none;
    color: #ECECEC;
}
a.Button_Main:active,
a.Button_Main_Small:active {
    border-top: 1px solid #00A292;
    background: #87C454 url('/CA_Portal/img/ButtonBkg.png?5559') left -60px repeat-x;
    text-decoration: none;
    color: #E9E9E9;
}

a.Button_Main_Small,
a.Button_Main_Small:link,
a.Button_Main_Small:visited,
div.Actions a.Button_Main_Small,
div.Actions a.Button_Main_Small:hover,
div.Actions a.Button_Main_Small:visited{
    line-height: 20px;
    font-size: 10px;
    padding: 0 5px;
    min-width: 40px;    
    display: inline-block;
    background: #87C454 url('/CA_Portal/img/ButtonBkg.png?5559') left 0px repeat-x;
    border: 1px solid #00A292;
    border-top: 1px solid #00A292;
    font-weight: bold;
    color: #F3F3F3;
    margin-right: 10px;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-align: center;
    *zoom: 1;
}

a.Button_Orange_Small,
a.Button_Orange_Small:link,
a.Button_Orange_Small:visited,
div.Actions a.Button_Orange_Small,
div.Actions a.Button_Orange_Small:hover,
div.Actions a.Button_Orange_Small:visited{
    line-height: 20px;
    font-size: 10px;
    padding: 0 5px;
    min-width: 40px;    
    font-weight: bold;
    margin-right: 10px;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-align: center;
    *zoom: 1;
    background-color:#ffa600;
    border:1px solid #eeb44f;
    display:inline-block;
    color:#ffffff;
}

a.Button_Red_Small,
a.Button_Red_Small:link,
a.Button_Red_Small:visited,
div.Actions a.Button_Red_Small,
div.Actions a.Button_Red_Small:hover,
div.Actions a.Button_Red_Small:visited{
    line-height: 20px;
    font-size: 10px;
    padding: 0 5px;
    min-width: 40px;    
    font-weight: bold;
    margin-right: 10px;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-align: center;
    *zoom: 1;
    background-color:#bb0505;
    border:1px solid #eeb44f;
    display:inline-block;
    color:#ffffff;
}



.Text_Small {
    font-size: 11px;
}

.SortColumns_Sortable:hover {
    text-decoration:none;
}    

.SortColumns_Sorted:hover {
    text-decoration:none;
}

th.SortColumns_Sorted {
    font-weight: normal;
    cursor:pointer;
    color:#C3C4BE;
    background: #323232;
}

table.TableRecords {
    border-top: none;
}

/* Tables Lines Color On over */
table.TableRecords>tbody>tr:hover {
    background-color: #F3F8FF;
}

.TableRecords_OddLine > a,
.TableRecords_EvenLine > a {
    color: #A4C339;
}

.TableRecords_OddLine a:hover,
.TableRecords_EvenLine a:hover {
    background-color: #BCECE0;
    text-decoration: underline;
}

div.TableRecords_TopNavigation,
div.TableRecords_BottomNavigation {
    padding: 10px 0;
    border-color: transparent;
}


/* Filters CSS - Start */
.Filter_SearchIconWrapper{
    padding: 4px;
    background-color: #EFEEEA;
    border: 1px solid #D7D8D5;
    margin: 0px 4px;
    cursor: pointer;
    height: 18px;
}

.Filter_ExpandCollapseIconWrapper{
    padding: 2px 1px 6px 2px;
    background-color: #EFEEEA;
    border: 1px solid #D7D8D5;
    margin-right:4px;
    cursor: pointer;
    height: 18px;
}

.Filter_ResetIconWrapper{
    padding: 4px 6px 4px 4px;
    background-color: #EFEEEA;
    border: 1px solid #D7D8D5;
    cursor: pointer;
    height: 18px;
}

.Filter_DisabledResetIconWrapper{
    padding: 4px 6px 4px 4px;
    background-color: #E6E6E2;
    border: 1px solid #D7D8D5;
    height: 18px;
}

.Filter_SearchInput{
    background-color: white;
    height: 28px;
    vertical-align:middle;
    border: 1px solid #D7D8D5;
    width: 220px;
}
td .Filter_SearchInput{
    height: 20px;
}

.Filter_SearchInput:active{
    border: 2px solid #A4C339;
    outline-color: transparent;
    -moz-border: 2px solid #A4C339 ;
    -webkit-border:2px solid #A4C339;
    *border:2px solid #A4C339;
}

.Filter_SearchInput:focus{
    border: 2px solid #A4C339;
    outline-color: transparent;
    -moz-border: 2px solid #A4C339 ;
    -webkit-border:2px solid #A4C339;
    *border:2px solid #A4C339;
    padding: 2px;
}


.Filter_Input{
    background-color: #EFEEEA;
    border: 1px solid #494944;
}

.Filter_Wrapper{
    margin: 20px 15px 0 0;
}

.Filter_ExpandableFiltersWrapper {
    min-height: 50px;
    padding: 0 5px 15px 10px;
    position:absolute;
    border-bottom: 3px solid #494944;
    background-color: #E0E1DE;
    width: 394px;
    z-index: 1;
}

.Filter_BackgroundColor{
    background-color: #E0E1DE;
}

 .Filtered_Results {
    font-size: 13px;
    font-weight: bolder;
    margin-right: 5px;
    color: #A4C339;
}

/* Filters CSS - End */

.WhiteButton {
    padding: 7px 18px;
    color: #00AF9E;
    background: url(/CA_Rider/img/Button_Gray_Background.png?5795) 0% 0% repeat-x;
    font-size: 12px;
    font-weight: bold;
 }
 
.GreenButton, .GreenButton_opaque{
    padding: 7px 18px;
    color: white;
    background: url(/CA_Rider/img/Button_Green_Background.png?5795) 0% 0% repeat-x;
    font-size: 14px;
    font-weight: bold;
 }
 
 
  .GreenButton_opaque{
    opacity: 0.5;
    margin-left: 22px;
}
 
 .GreenButton, .WhiteButton, .GreenButton_opaque{
    text-align: center;
    margin-right: 3px;
    display:inline-block;
    cursor: pointer;    
    border-radius: 5px;
    white-space: nowrap;
 }
  
.Heading2{
    font-size:16px;
    font-weight:bold;
    color:#6EA644;
    border-bottom:1px #D0D0CC dotted;
    padding: 5px 0 5px 5px; 
    margin-bottom:10px;
}

.Heading3{
    font-size:14px;
    font-weight:bold;
    color:#323232;
}

.FieldLabel{
    padding: 15px 0px 5px 0px;
}

.FieldLabel_TopLine{
    padding: 5px 0px 5px 0px;
}

.options, .FieldLabel, .FieldLabel_TopLine{
    color:#323232;
}

.options{
    padding: 5px 0px;
}

.SearchFilters {
    padding: 0px 4px 0px 0px;
    vertical-align: middle;
}

.TextValue {
    color:#323232;
    font-size: 12px;
    font-weight:normal;
}

/************** Boxes - START **************/
.BoxHeading{
    font-size:16px;
    font-weight:bold;
    color:#A4C339;
    border-bottom:1px #D0D0CC dotted;
    padding: 0; 
    margin: 15px 0 0;
    height: 24px;
}

.BoxContainer {
    background-color: #F0F3EB;
    border: 1px solid #A4C339;
    padding: 5px;
}

.InfoTD {
    background-color: #F9F9F9;
    padding: 5px 10px;
}

.BothSideContainer {
    margin: 10px 0 5px;
}

.LeftSideContainer {
    margin: 10px 10px 5px 0;
}

.RightSideContainer {
    margin: 10px 0 5px 10px;
}

.TD_Nowrap {
    white-space: nowrap;
}

.EditPencilWrapper {
    margin-left: 25px;
    position: relative;
    width: 26px;
    cursor: pointer;
}

.UploadDocLinkWrapper {
}

.UploadDocLinkWrapper a {
    color: #747575;
    text-decoration: none;
    font-size: 12px;
}

.UploadDocLinkWrapper a img {
    vertical-align: middle;
}

.UploadDocLinkWrapper a:hover {
    color: #A4C339;
    background-color: transparent;
}

.ContactTextLetters {
    font-weight: bold;
    color: #A4C339;
}
/************** Boxes - END **************/

.InfoContainer {
    border: solid 1px #CCC;
    border-radius: 10px;
    background-color: #FBFBFB;
    padding: 10px 10px 0px 10px;
}

.InfoSection {
    border-top: solid 1px #CCC;
    padding: 10px 0px 10px 0px;
}

.InfoSectionNoTop {
    padding: 10px 0px 10px 0px;
}

.TitleInfo {
    font-size: 16px;
    font-style: italic;
    color: gray;
}


.GreyBackground{
    padding: 20px;
    background-color: #F5F5F5;
}

.Representation {
    border: 2px solid #6EA644;
    margin-bottom: 20px;
    padding: 10px;
}

.InfoTD_Grey {
    background-color: #E9E9E9;
    border-radius: 3px 3px 3px 3px;
    padding: 7px;
}

.BulletData{
    padding-right: 10px;
    padding-left : 5px;
    vertical-align: middle;
}

.Separator{
    height: 10px;
}

.ChangeHistory_LinkWrapper {
    font-weight: bold;  
    font-size: 12px;
    color: #747575;
    white-space: nowrap;
    cursor: pointer;
}

.ChangeHistory_LinkWrapper:hover {
    color: #A4C339;
    text-decoration: none;    
}

.TableRecords_EditContainer {
    border: 2px solid #6EA644;
    padding: 5px;
}

/****************************************/
/************  Dashboards ***************/

.Dashboard_Group {
    margin: 30px 0;
    max-width: 1200px;
    *zoom: 1;
}

.Dashboard_Item,
.Dashboard_Item_Blank {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align:top;
    width: 290px; /* total 330px + right margin */
    margin-right: 30px;
    margin-bottom: 30px;
    padding: 20px 20px 15px;
    background-color: #EEE;
    border: 1px solid #DBDBDB;
}
.Dashboard_Item_Blank {
    background-color: transparent;
    border: 0;
    width: 330px;
    padding: 0;
}
.Dashboard_Item_Blank .Heading3 {
    padding: 15px 0 15px;
    text-align: center;
}
.Dashboard_Item_Blank .Actions {
    padding: 15px 0;
    text-align:center;
}

.Dashboard_Item .Heading2 {
    font-size: 16px;
    font-weight: bold;
    color: #6EA644;
    padding: 0 5px 10px;
    border-bottom: 1px solid #6EA644;
    margin-bottom: 10px;
}

.Dashboard_Item .Heading3 {
    font-size: 14px;
    color: #747575;
    margin: 10px 0;
    padding: 0 5px;
    font-weight: normal;
}

.Dashboard_Item tr:last-child td {
    border-bottom: 0;
}

.Counter {
    color: #747575;
    font-size: 16px;
}

.MainElement {
    font-size: 14px;
    font-weight: bold;
}
a.MainElement,
a.MainElement:link,
a.MainElement:visited {
    color: #747575;
}
a.MainElement:hover,
a.MainElement:active {
    color: #A4C339;
    text-decoration: none;
    background-color: transparent;
}

.Highlight {
    background-color: #DBDBDB;
    text-align: center;
    padding: 5px;
}

/* old styles before revamp */

.dashboard_Container {
    background-color: #EEEEEE;
    border: 1px solid #A4C339;
    /*border-radius: 10px 10px 10px 10px;*/
    margin: 0px 30px 0px 0px;
    padding: 20px 40px;
}

.dashboard_ItemContainerWB {
    padding: 10px;
}
.dashboard_ItemContainerBT {
    padding: 10px;
}
.dashboard_ActionButton {
    background: url("/CA_Rider/img/Button_Green_Background.png?2624&5795") repeat scroll 0 0 transparent;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-right: 3px;
    padding: 3px 10px;
    background-size: 1px 40px;
    text-align: center;
    width: 222px;
}

.dashboard_Caption{
    font-size: 16px;
}

.dashboard_Data{
    font-size: 16px;
    font-weight: bold;
}

.dashboard_Title{
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
}

.dashboard_Totals{
    font-weight: bold;
    color: #A4C339;
    font-size: 22px;
}

.dashboard_cell_border{
    border-right: 1px #D0D0CC solid;
}

.dashboard_Caption, .dashboard_Data{
    padding: 5px 0px;
    vertical-align: middle;
}


.dashboard_Heading2{
    font-size:16px;
    font-weight:bold;
    color:#6EA644;
    padding: 5px 0 5px 0px; 

}

.dashboard_Table{
    padding-bottom:20px;
    border-bottom:1px #D0D0CC dotted;
}

.formContainer{
    width:950px;
}

.options_block{
    background-color: #BCECE0;
    padding: 0 15px;
}

.darkerBackgroud_table{
    background-color: #B0E0D3;}
    
    
td.TableRecord_InnerTable{
    padding: 0 0 0 0;
}
.WhiteBackground{
    background-color: #FFFFFF;
}

.TrackTitle {
    white-space: nowrap;
    font-size: 16px;
    font-weight: bold;
}

.PerformerName {
    font-size: 16px;
    font-weight: normal;
}

.Roles {
    font-size: 14px;
    font-weight: bold;
    color: #6EA644;
}

.newIcon {
    background-color: #A4C339;
    border: 1px solid #A4C339;
    border-radius: 10px 0 10px 0;
    color: white;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    width: 20px;
    margin-left:10px;
    display: inline-block;
    white-space: nowrap;
}


.onHoldIcon {
    background-color: #FFA500;
    border: 1px solid #FFA500;
    border-radius: 10px 0 10px 0;
    color: white;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    width: 75px;
    margin-left:10px;
    display: inline-block;
    white-space: nowrap;
}

.EntitledToRightsIcon {
    background-color: white;
    border: 1px solid #FFA500;
    border-radius: 10px 0 10px 0;
    color: #FFA500;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    width: 34px;
    margin-left:10px;
    display: inline-block;
    white-space: nowrap;
}

    
span.ValidationMessage{
   margin-left: -92px;
   margin-top: -25px;
}
    
.ValidationMessage{
    color: white;
    font-size: 11px;
    padding: 6px;
    font-weight: bold;
    background: #BF1601;
    max-width: 300px;
    z-index: 100;}
    

.Mandatory_Reg{
    display:inline;
    color:#BF1601;
}

.ValidationMessage{
  display: none;
}


input:focus+span+span.ValidationMessage, 
input:hover+span+span.ValidationMessage,
input:focus~span~span.ValidationMessage, 
input:hover~span~span.ValidationMessage {
    display: inline;
}

/* Filter Tabs Styles */

.FilterTabs_Wrapper {
    background-color: transparent; 
    text-align: left;
    margin: 10px 0;
}

.Filter_Wrapper div.FilterTabs_FirstActiveTab,
.Filter_Wrapper div.FilterTabs_LastActiveTab,
.Filter_Wrapper div.FilterTabs_ActiveTab 
.Filter_Wrapper div.FilterTabs_FirstTabWrapper,
.Filter_Wrapper div.FilterTabs_LastTabWrapper,
.Filter_Wrapper div.FilterTabs_TabWrapper {
    display: inline-block;
    white-space: nowrap;
}

a.FilterTabs_Tab b {
    color: #128E86;
}

a.FilterTabs_Tab,
a.FilterTabs_Tab:link,
a.FilterTabs_Tab:visited {
    padding: 7px 5px;
    margin-right: 5px;
    font-weight: bold;
    color: #444444;
    background: #DFDFDF;
}
a.FilterTabs_Tab:hover,
a.FilterTabs_Tab:active,
a.FilterTabs_Tab.Active,
a.FilterTabs_Tab.Active:hover,
a.FilterTabs_Tab.Active:active {
    text-decoration: none;
    background-color: #A4C339;
    color: #EFEFEF;
}

.FilterTabs_FirstActiveTab,
.FilterTabs_LastActiveTab,
.FilterTabs_ActiveTab  {
    background-color: #A4C339;
    display: inline;
    line-height: 18px;
    padding: 7px 12px;
    color: #EFEFEF !important;
    cursor: auto;
    font-weight: bold;
    position: relative;
}

.FilterTabs_FirstActiveTab .AffiliationsNr,
.FilterTabs_LastActiveTab .AffiliationsNr,
.FilterTabs_ActiveTab .AffiliationsNr {
    color: #EFEFEF !important;
}

.FilterTabs_TabWrapperDisabled,
.FilterTabs_FirstTabWrapper,
.FilterTabs_LastTabWrapper,
.FilterTabs_TabWrapper {
    background-color: transparent;
    display: inline;
    line-height: 18px;
    padding: 7px 12px;
    color: #323232;
    cursor: pointer;
    font-weight: bold;
    margin: 0 10px;
}

.FilterTabs_TabWrapperDisabled {
    color: #ccc;
}

.FilterTabs_FirstTabWrapper:hover,
.FilterTabs_TabWrapper:hover,
.FilterTabs_LastTabWrapper:hover {
    background-color: transparent; 
    color: #A4C339;
}

.FilterTabs_Separator {
    display: inline;
}

.AffiliationsNr {
    margin-left: 10px;
    color: #A4C339;
}


/******** END TABS ***************/

div.cursor{
    cursor: pointer;
}

.DuplicatesMessage{
    color: white;
    font-size: 11px;
    padding: 6px;
    font-weight: bold;
    background: #BF1601;
    z-index: 100;
    white-space: nowrap;
}
.WarningMessage{
    color: white;
    font-size: 11px;
    padding: 6px;
    font-weight: bold;
    z-index: 100;
    white-space: nowrap;
    background-color: #ffa600;
}
/*
div.Feedback_AjaxWait {
    font-size: 16px;
    bottom: initial;
    top: 0px;
    left: 50%;
    background: none;
    background-color: #D9D900;
    vertical-align: middle;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 0px 0px 6px 6px;
}

div.Feedback_AjaxWait {
    background: none;
    background-color: #FFD023;
    border-radius: 0 0 6px 6px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    left: 45%;
    padding: 10px;
    position: fixed;
    top: 0;
    z-index: 10000;
    bottom: inherit;
}
*/
span.InputMandatorySymbol {
    padding: 0 4px;
    font-size: 18px;
}

div.Feedback_AjaxWait {
    color: white;
    font-size: 14px;
    font-weight: bold;
    position: fixed;
    bottom: 0px;
    left: 50%;
    width: 150px;
    margin-left: -75px;
    background-image: url(/CA_Portal/img/Feedback_AjaxWait_Background.png?5559);
    background-color: transparent !important;
    padding: 10px 0;
    text-align: center;
    z-index: 10000;
}
div.Feedback_AjaxWait img {
    display: none;
}

.PaddingTableHeader{
    padding-left:11px;
}

.right {
    float: right;
}
.left {
    float: left;
}
.clear {
    clear: both;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.EntitledToRights {
    color: #FFA500;
    font-weight: bold;
}

.Match_Percentage {
    font-size: 18px;
    font-weight: bold;
}


/** Grid **/
div.ThemeGrid_Container {
    padding: 0px;
    width: 1180px;
}


div.Counter_Message {
font-size: 15px !Important;
}

/* *** SubMenu *** */

.Menu_SubMenuSection {
    *zoom: 1;
    margin: 0px 0px -31px 0px;
    padding: 3px 0px 3px 50px;
    border-bottom: 1px solid #000;
    min-height: 24px;
    background-color: #91918E;
}

.Menu_SubMenuSection:before,
.Menu_SubMenuSection:after {
  display: table;
  line-height: 0;
  content: "";
}

.Menu_SubMenuSection:after {
  clear: both;
}

.Menu_SubMenuSection > a.Menu_SubMenuItem {
    padding: 2px 5px;
    margin: 2px 5px;
    display: inline-block;
    color: #DDD;
    white-space: nowrap;
    font-size: 13px;
    font-family: helvetica;
    font-weight: bold;
}

.Menu_SubMenuSection > a.Menu_SubMenuItemActive,
.Menu_SubMenuSection > a:hover,
div.Menu_Container .Menu_SubMenuSection a:hover {
    background: none;
    text-decoration: underline;
    color: white;
}


.Text_Note_Black {
  font-weight: normal;
  color: black;
}

/*************************** LINKS *********************/
.Link_Action a, .Link_Action a:visited, .Link_Action a:link {
    background-color: transparent !important;
    color: #a3a29f;
    text-decoration: none;
    font-size: 12px;
}

.Link_Action a:hover {
    color: #6ea644;
    font-weight: bold;
}

.Link_Title_DP{
    font-size:12px;
    font-weight:bold;
    color:#323232;
}



/* BUTTONS FOR FINANCIAL*/
a.Button_G{
  display: inline-block;
    background: #87C454 url('/CA_Portal/img/ButtonBkg.png?22763&5559') left 0px repeat-x;
    padding: 0px 10px;
    line-height: 20px;
    font-size: 13px;
    font-weight: bold;
    color: #F3F3F3;
    margin-right: 10px;
    text-decoration: none !important;
    letter-spacing: 0.05em;
    text-align: center;
    min-width: 80px;
    color: white !important;
}

a.Button_R{
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dd0505), color-stop(1, #bb0505) );
    background:-moz-linear-gradient( center top, #dd0505 5%, #bb0505 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd0505', endColorstr='#bb0505');
    background-color:#dd0505;
    border: 0px solid #bb0505;
    display:inline-block;
    font-size: 13px;
    font-weight:bold;
    padding: 0 10px;
    margin-right: 10px;
    line-height: 20px;
    text-decoration: none !important;
    text-align: center;
    min-width: 80px;
    color: white;
    margin-top: 1px;
}

/* Styles for FGDA*/

.TabsBodyFinancial{
    background: white; 
    padding-left: 15px;
    padding-top:  20px;
    padding-right: 15px;
    padding-bottom: 20px;
    border:  1px solid lightgray;
    min-height: 350px;
    margin-top: 10px !important;
}

.TabsHeaderFinancial{
    background: white; 
    padding-left: 20px;
    padding-top:  1px;
    padding-bottom: 20px;
    border:  1px solid lightgray;
    margin-top: 10px !important;
}