@import url("/RichWidgets/Theme.Wave.css?643");

            
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline:none;
    -webkit-user-select: none; 
}

html {
    font-family: sans-serif;
}

* { target-new: tab } 

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body, select, textarea, input {
    line-height: 1;
}

a:hover {
    background-color: transparent;
    text-decoration: none;
}

body {
    background: #ebebeb;
}

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* GLOBAL CLASSES */

.Heading1 {
    font:normal 22px arial black, 'ArialBlackiOS';
    font-weight:normal;
    padding-top: 0px;
    border-bottom: none;
}

.Heading2 {
    font:normal 18px arial;
    font-weight:bold;
    padding-top: 0px;
}

.Heading2n {
    font:normal 18px arial;
    font-weight:normal;
    padding-top: 0px;
}

@font-face {
    font-family: 'ArialBlackiOS';
    src: url('/Theme_UI/fonts/arial-black-5900d3630922d.eot'); /* IE9 Compat Modes */
    src: url('/Theme_UI/fonts/arial-black-5900d3630922d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Theme_UI/fonts/arial-black-5900d3630922d.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Theme_UI/fonts/arial-black-5900d3630922d.woff') format('woff'), /* Pretty Modern Browsers */
       url('/Theme_UI/fonts/arial-black-5900d3630922d.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/Theme_UI/fonts/arial-black-5900d3630922d.svg#arialblack') format('svg'); /* Legacy iOS */
}

.Heading3 {
    font-style:normal; 
    font-size: 16px;
    font-family: arial black, 'ArialBlackiOS';
    font-weight:normal;
    padding-top: 0px;
}

div.Header {
    background: url("/Theme_UI/img/bg_header_100.png?766") repeat-x scroll left top #339933;
    min-height: 100px;
}

div.HeaderBlue {
    background: url("/Theme_UI/img/bg_header_100.png?766") repeat-x scroll left top #004b8d;
    min-height: 100px;
}

a {
    text-decoration:none;   
}

div.MainContent {
    padding-bottom: 40px;
}

/* LOGO AREA */

table.Header_Title {
    height: 59px;
    vertical-align: middle;
    margin-bottom: 5px;
    width:50%;
}

table.Header_Title a,
table.Header_Title a:link,
table.Header_Title a:visited,
table.Header_Title a:hover {
    color: #333333;
}

td.Header_Title_Image,
td.Header_Title_Application {
    background-color:white;
    border:none;
}


td.Header_Title_Spacer {
    background:url("/RichWidgets/img/Header_Wave.png?643") no-repeat scroll right top transparent;
    width: 120px;
    padding:0px;
    border:0;
}


div.Login_Tagline {
    display:none;
}

div.Login_Info {
    position:absolute;
    right:0px;
    top:0px;
    
    
    background:none;
    font:normal 18px arial;
    color:#EAEAEA;
    
}

div.Login_Info a,
div.Login_Info a:link,
div.Login_Info a:visited {
    color: #EAEAEA;
    text-decoration: none;
}

div.Login_Info a:hover {
    text-decoration: underline;
}



div.System_Name {
    position:absolute;
    right:100px;
    top:35px;
   
}

div.Language_Select {
    position:absolute;
    right:0px;
    top:30px;
   
}

.surveyAnswer
    {
height:400px;
overflow-y:auto;
overflow-x:hidden;
border: 1px solid #CCC;
}

.SaveButton {
    height:30px;
    color:#000 !important;
    font:bold 18px arial !important;
    padding:1px 2px !important;
    margin:0px 5px ;
    cursor:pointer;    
}

/* TOP MENU */



/* CONTENT AREA */


/* Structural layout */
.colmask {
    position:relative;        /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;            /* width of whole page */
    overflow:hidden;    /* This chops off any overhanging divs */
}
/* 2 column right menu settings */
.rightmenu {
    background:#fff;
}
.rightmenu .colleft {
    float:left;
    width:200%;
    margin-left:-200px;
    position:relative;
    right:100%;
    background:#fff;
}
.colleft {
    margin-left:10px;
    margin-right:10px;
}

    .rightmenu .col1wrap {
    float:left;
    width:50%;
    position:relative;
    left:50%;
    padding-bottom:1em;
}
.rightmenu .col1 {
    margin:0 15px 0 215px;
    overflow:hidden;
}
.rightmenu .col2 {
    float:right;
    width:170px;
    position:relative;
    left:185px;
}
.datebkg {
    background: #FFFFFF;   
}

/* DASHBOARD */

.dashboard_welcome {
    font:normal 20px arial black, 'ArialBlackiOS';
    color:#036039;
    padding:8px 8px 0 8px;
}

.dashboard_header {
    background:#FFF url(/Theme_UI/img/gp_gradient_black.jpg?766) center repeat-x !important;    
    padding-top:2px;
    padding-bottom:2px;
    margin:10px 0 5px 0;
    color:#fff;
    border:1px solid #ccc;
    font:normal 16px arial black, 'ArialBlackiOS';
    -moz-border-radius: 5px;
    border-radius: 5px;        
}
    .dashboard_header_right_column {
        width:100px;
    }




.odometer
{
    padding-top:8px; 
    padding-right:5px; 
}
  
div.jackpot_Wrapper { 
    white-space: nowrap;
    height:68px;
    margin:2px;   
}
        
div.newgame_Wrapper {   
    margin:2px;  
    border : solid 2px #aaa;  
    padding:3px;  
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;      
}

div.newgame_Wrapper a, 
div.newgame_Wrapper a:link, 
div.newgame_Wrapper a:hover, 
div.newgame_Wrapper a:active {
    text-decoration:none;
    color: #0b395a;
    font-size:16px;
    font-weight:bold;
    font-family:arial;
}
        
    div.newgame_
 {
        width:auto;
        position:relative;
        overflow:auto;
        overflow-y:hidden;    
        ms-overflow-y:hidden;
        padding:5px;           
    }


    .newgame_img {
        height:150px;
        width:auto;
        padding:5px;
    }
    

        div.ScrollingTableRecords_OuterWrapper {
            clear:both;                    
            margin-bottom:00px;                        
        }

            .ScrollWrapperHeader {        
                font:bold 16px arial;                
            }
            
                .ScrollWrapperHeader table td {
                    padding:3px 5px 3px 5px;
                    border-top:1px solid #ccc;
                    border-right:1px solid #fff;
                    border-bottom:1px solid #ccc;
                    border-left:1px solid #ccc;
                }
            
            div.ScrollingTableRecords_InnerWrapper {
                max-height:125px;
                overflow:auto;
                padding-right:10px;
                padding-left:5px;
                overflow-x:hidden;    
                ms-overflow-x:hidden;                   
            }
            
                div.ScrollingTableRecords_InnerWrapper table {
                    border-bottom:1px solid #e5e5e5;
                    border-top:1px solid #fff;                                
                }
                
                    div.ScrollingTableRecords_InnerWrapper table td {
                        font:normal 18px arial !important;
                        padding:8px 5px;                
                    }
                    
                    div.ScrollingTableRecords_InnerWrapper a {
                        font:bold 18px arial !important;
                        padding:0 5px 5px 0;                
                    }

/* FOOTER */

.Footer {
    text-align:center;
    font:normal 12px arial;
}

/************** Other Classes **************/

a.Link_Image,
a.Link_Image:link,
a.Link_Image:visited {
    color: #1F5BA4;
    text-decoration: none;
}

a.Link_Image:hover {
     background-color: transparent;
    color: black;
    text-decoration: none;
}

a.Link_Image[disabled='disabled'], 
a.Link_Image[disabled='disabled']:hover {
    background-color: transparent;
    color: ButtonShadow;
    text-decoration: none;
}

div.Button_Holder { 
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: -moz-inline-box; /*FF2*/
    display: inline-block;
    *float: left; 
    white-space: nowrap; 
    font-size: 14px;
    margin-left: -1px;
    margin-right: 10px;
    padding: 4px 8px 3px;
    border-color: #666666 #666666 #AAAAAA;
    border-style: solid;
    border-width: 1px;
    clear: right;
    margin-bottom: -2px\0/;
    background-color:#FFFFDD;
} 
div.Button_Holder:hover {
    background-color: lightgreen;
}
div.Button_Holder a:link,
div.Button_Holder a:visited,
div.Button_Holder a {
    color: #444444;
    text-decoration: none; 
}
div.Button_Holder:hover a {
    color: #444;
}

div.Button_Bar { 
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: -moz-inline-box; /*FF2*/
    display: inline-block;
    *float: left; 
    white-space: nowrap; 
    font-size: 14px;
    margin-left: -1px;
    margin-right: 10px;
    padding: 4px 8px 3px;
    border-color: #006633 #006633 #006633 #006633;
    border-style: groove;
    border-width: 4px;
    clear: right;
    margin-bottom: -2px\0/;
} 
div.Button_Bar a:hover {
    background-color: transparent;
}




div.ScrollingTableRecords_Text {
    font:bold 20px arial !important;
    margin:10px;
    padding-top:5px;  
}

div.ScrollingTableRecords a {
    font:bold 20px arial !important;
    margin:10px;
    padding-top:5px;  
}


div.ScrollingOpenEntries_Wrapper {
    clear:both;
    background:#FFD4AA;
    margin:1px;
    border : solid 2px #888;  
    max-height:110px;
    overflow:auto;
    padding-right:10px;
    padding-left:2px;
    padding-top:2px;
    padding-bottom:2px;    
    overflow-x:hidden;    
    ms-overflow-x:hidden;
    
}



div.Mileage_entry
{
       
    
}

.surveyAnswerScroller
{
    clear:both;
    margin:5px;
    border : solid 2px #888;  
    height:460px;
    overflow:auto;
    padding:5px;
    overflow-x:hidden;    
    ms-overflow-x:hidden;
}


.serviceActionScroller
{
    clear:both;
    margin:5px;
    border : solid 2px #888;  
    height:360px;
    overflow:auto;
    padding:5px;
    width:650px;
    overflow-x:hidden;    
    ms-overflow-x:hidden;
}

.ServiceActionOuterWrapper
{
    height:480px;
    width:680px;
}

div.Feedback_Message_Wrapper img {
    display: none;
}

a.Feedback_Message_Wrapper_Close img {
    display: inline;
}

div.SummaryTable {
    text-align: center;
}

table.SummaryTable {
    text-align: left;
    width: 800px;
    border: solid 2px #888;
    background-color: #C1D5E6;
}



div.Menu_TopMenus { 
 padding:0 !important;
    margin-left: 10px;
    *height: 27px;
    _border-left: 1px solid #cccccc;  /* IE6 */
    
        
} 

div.Menu_TopMenu { 
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: -moz-inline-box; /*FF2*/
    display: inline-block;
    *float: left; 
    white-space: nowrap; 
    font-size: 14px;
    margin-left: -1px;
    margin-right: 8px;
    padding: 4px 6px 5px;
    border-color: #666666 #666666 #AAAAAA;
    border-style: solid;
    border-width: 1px;
    background: url("/RichWidgets/img/bg_menu_shadow.png?643") repeat-x scroll left bottom #EAEAEA;
    clear: right;
    margin-bottom: 2px\0/;
} 

div.Menu_TopMenu a:link,
div.Menu_TopMenu a:visited,
div.Menu_TopMenu a {
    border:none;
    outline:none;
    display: block;
    padding: 6px 6px 5px;
    font:normal 18px arial;
    color: #444444;
    text-decoration: none; 
}

div.Menu_TopMenu:hover {
    background-color: white;
}

div.Menu_TopMenuActive {
    background: linear-gradient(0deg, #ebebeb,#004AC2,#004AC2,#004AC2 35%, #077FDB 70%, #87B8E9) !important;
    border-bottom: 1px solid #ebebeb !important;
    -webkit-box-shadow: inset 0px 0px 0px 2px #ebebeb;
    -moz-box-shadow: inset 0px 0px 0px 2px #ebebeb;
    box-shadow: inset 0px 0px 0px 2px #ebebeb;
 
}

div.Menu_TopMenu:hover a,
div.Menu_TopMenuActive a, 
div.Menu_TopMenuActive a:link,
div.Menu_TopMenuActive a:visited {
    border:none;
    outline:none;
    color: #444;
}

.Prompt {
    
    margin:0 8px 0 0;
}

.SubmenuButton {
    height:40px;
    background:url(/Theme_UI/img/gp_gradient_gray.png?766) center repeat-x !important;
    color:#000 !important;
    font:normal 18px arial;
    padding:5px 4px;
    margin:0 3px;
    cursor:pointer;    
}




.SubmenuButtonSelect {
    height:40px;
    background:url(/Theme_UI/img/gp_gradient_blue.png?766) center repeat-x !important;
    font:normal 18px arial !important;
    color:#fff ;
    padding:5px 6px ;
    margin:0 3px;
    cursor:pointer;    
}

.SubmenuButtonSmall {
    height:40px;
    background:url(/Theme_UI/img/gp_gradient_gray.png?766) center repeat-x !important;
    color:#000 !important;
    padding:3px 1px !important;
    margin:0 3px;
    cursor:pointer; 
    font:normal 18px arial !important;
}
 
a.SubmenuLink, div.SubNavigationContainer > a.SubmenuLink {
    border:1px solid #aaa;
    outline:none;
    text-decoration: none;
    color:#333;
    padding:4px 10px ;
    background-color: #efefef;
    margin:0px 4px;
    cursor:pointer; 
    font-weight:normal;
    font-size: 16px;
    font-family: arial;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    white-space: nowrap;
    min-width: 28px;
    min-height: 20px;
    display: inline-block;
    line-height: 20px;
    text-align: center;
}
a.SubmenuLink:hover, div.SubNavigationContainer > a.SubmenuLink:hover {
    text-decoration: none;
    -webkit-filter: brightness(1.03);   
}

a.SubmenuLink.active,  div.SubNavigationContainer > a.SubmenuLink.active {
    background: -moz-linear-gradient(0deg, #004AC2 35%, #077FDB 65%, #87B8E9) !important; /* ff3.6+ */
    background: -webkit-gradient(linear, bottom, top, color-stop(0%, #2E5271), color-stop(49%, #1583C2), color-stop(51%, #1583C2), color-stop(100%, #2E5271)) !important; /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, #004AC2 35%, #077FDB 65%, #87B8E9) !important; /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, #004AC2 35%, #077FDB 65%, #87B8E9) !important; /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, #004AC2 35%, #077FDB 65%, #87B8E9) !important; /* ie10+ */
    background: linear-gradient(0deg, #004AC2 35%, #077FDB 65%, #87B8E9) !important; /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004AC2', endColorstr='#077FDB',GradientType=1) !important; /* ie6-9 */
    color: #fff;
    cursor: pointer; 
}
 

.RetailerHeading {
    font:normal 24px arial black, 'ArialBlackiOS';
    padding-top: 5px;
    padding-right: 5px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: left;
    padding-bottom: 2px;
    white-space: nowrap;
}

    
/* RETAILER FLOW */

div.TableRecords_TopNavigation, div.Filters_Wrapper {
    vertical-align:middle;
    min-height:25px;
    color:white;
    font:bold 18px arial ;
    background:#000 url(/Theme_UI/img/gp_gradient_black.jpg?766) center repeat-x !important;
    border-radius:5px;
    border:2px solid #000;
    margin:5px 0;
    padding:2px 5px;
}

div.New_Filters_Wrapper {
    vertical-align:middle;
    min-height:25px;
    font:bold 18px arial ;
    border-radius:5px;
    border:2px solid #000;
    margin:5px 0;
    padding:2px 5px;
}

    div.Filters_Wrapper table {
        margin:2px 0;        
    }

        div.Filters_Wrapper .InputMandatorySymbol {
            color:#ffff00 ;
            font:normal 20px arial black, 'ArialBlackiOS';
        }

        div.TableRecords_TopNavigation input, div.TableRecords_TopNavigation select, div.Filters_Wrapper input, div.Filters_Wrapper select {
            margin:0 0 0 4px;
        }

        /* anchor tags in Filters_Wrapper have the same style as those in TableRecords_BottomNavigation */
        div.Filters_Wrapper a {
            color: white ;
            font:normal 20px arial ;
            margin:3px 3px;
           /* border:1px solid #000 !important;    
             background:url(/Theme_UI/img/gp_opaque_white.png);*/
            background:transparent;
            padding:3px 8px;
            border-radius:5px;
        }
        
        div.Filters_Wrapper a:hover {
            background:url(/Theme_UI/img/gp_opaque_bright_white.png?766);
            text-decoration:none;             
        }
        
         div.Filters_Wrapper input {
            background-color:white;           
        }

        table.Filters input {
            margin-right:4px;
            margin-left:4px;
        }

table.TableRecords {
    font:normal 16px arial;
    text-align:left;
    border-collapse:separate;
    margin:6px 0px;    
}

    th.TableRecords_Header {
        /*background:url(/Theme_UI/img/gp_gradient_white.jpg) center repeat-x !important;*/
        font:bold 16px arial;        
        background:#fff url(/Theme_UI/img/gp_gradient_white2.png?766) center repeat-x;            
        color: #000;
        white-space: nowrap;        
        padding:3px 5px; 
        border-right:1px solid #fff;  
        border-left:1px solid #b3b3b3;        
        border-bottom:1px solid #b3b3b3;
    }
    
    .TableRecords_OddLine {
        background:url(/Theme_UI/img/gp_opaque_white.png?766)
    }

    .TableRecords_EvenLine {
        background:url(/Theme_UI/img/gp_opaque_blue.png?766)
    }    
    
div.TableRecords_Wrapper {
    margin:5px 0;
}

    div.TableRecords_Wrapper  br {
        display:none;
        height:0;
    }

    .ListRecords {
        
    }
                  
        .ListContainer {
            position: relative;            
            border-bottom: 2px dotted #ccc !important;
            border-top: 0 !important;
            border-left: 0 !important;
            border-right: 0 !important;
            border-radius: 0 !important;
            font: normal 16px arial;
            margin: 0 !important;
            padding: 10px;
        }
        
    
        .ListContainer:nth-of-type(odd) { background:url(/Theme_UI/img/gp_opaque_white.png?766) }
        .ListContainer:nth-of-type(even) { background:url(/Theme_UI/img/gp_opaque_blue.png?766) }
                    
            .ListContainer tr:nth-child(1) a {
                font-weight:bold;
                color:#0b395a;
            }
            

/* BOTTOM NAVIGATION */
            
.TableRecords_BottomNavigation {
    /*background:url(/Theme_UI/img/gp_gradient_black.jpg) repeat-x center !important; */
    background:#999;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:2px solid #ccc;
    color:#fff !important;
    margin:10px 0px;    
    font:normal 16px arial;
    display:table;
    white-space: nowrap;
}            
    /* anchor tags in TableRecords_BottomNavigation have the same style as those in Filters_Wrapper */
    .TableRecords_BottomNavigation a:hover, .TableRecords_BottomNavigation a:active{
        background:url(/Theme_UI/img/gp_opaque_bright_white.png?766);
        text-decoration:none;             
    }      
    .TableRecords_BottomNavigation>div{
        width: auto;
        display:table-cell;
    }       
 

    div.ListNavigation_Wrapper span {
        font-size: 18px;   
    }

    div.Counter_Message {
        color: white !important;
        font:normal 18px arial !important;
    }
    
    .ListNavigation_Previous, .ListNavigation_Next, .ListNavigation_PageNumber {
        color: white !important;
        font:normal 20px arial !important;
        margin:0px 8px !important;        
        border:1px solid #ccc ;    
        background:url(/Theme_UI/img/gp_opaque_white.png?766);
        padding:1px 6px 1px 6px !important;
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
    }
    
    .ListNavigation_CurrentPageNumber {
        color: #ccc !important;
        font:normal 20px arial !important;      
        margin:0 8px !important;        
        border:0 !important;
        background:transparent !important;
    }
    
    .ListNavigation_DisabledPrevious, .ListNavigation_DisabledNext {
        color: #999999 !important;
        font:normal 20px arial !important;    
        margin:0 8px !important;    
        border:1px solid #ccc !important;    
        border:0 !important;
        background:transparent !important;        
    }
                    
/* POPUPS */
td.MainPopup {
padding: 0 8px;
background-color: #efefef;
font:normal 16px arial;
}

    
    div.Header_Wrapper {
        background:url(/Theme_UI/img/gp_gradient_white.jpg?766) center !important;
        font-weight:bold !important;
        border:1px solid #fff !important;
        padding:0 !important;
    }
    
        div.Header_Wrapper table {
            margin:0 !important;
            border-collapse:separate !important;
        }
    
            div.Header_Wrapper table td {
                font:bold 16px arial;
                padding:6px !important;                
            }
    
        
    td.MainPopup .Heading2 {
        font:normal 18px arial black, 'ArialBlackiOS';
        font-weight:bold;
    }


    div.PopupHeading {
    vertical-align:middle;
     white-space:nowrap;
    min-height:20px;    
    font:bold 24px arial;
    color: #fff;
    background:#699;
    border:2px solid #aaa;
    margin:5px 0px 2px 0px;
    padding:2px 5px 2px 5px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;  
        
    
    }
    
    div.PopupSubHeading {
    vertical-align:middle;
     white-space:nowrap;
    min-height:20px;    
    font:bold 20px arial;
    color: #fff;
    background:#888;
    border:2px solid #aaa;
    margin:5px 0px 2px 0px;
    padding:2px 5px 2px 5px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;  
        
    
    }

        span.PopupHeading {
        }
        

    .MainPopup .RetailerHeading {
    font: bold 18px arial;
    margin: 0 5px;
    }
    
    /*
    td.MainPopup table td div {
        text-align:left !important;
        font:normal 16px arial !important;
    }
    */

.headingSummaryOuter 
{
    padding-top:10px;
    border: 2px #aaa solid;
    border-radius:5px;
    background: #eee;
    position: relative;
    
}
.headingSummaryOuter .fixedHeight {
    overflow-y: auto;
    max-height: 100%;
}
.headingSummaryOuter .fixedHeight table td {
    word-break: break-all !important;
    white-space: normal !important;
}

.Text_small {
    font-size: 80%;   
}


.headlineScroller {
overflow: auto;
margin:5px 15px 20px 5px;
font: normal 14px/1.3 arial;
}

.newsScroller {
height:350px;
overflow-y:auto;
overflow-x:hidden;
margin: 8px 5px;
font: normal 14px/1.3 arial;
background: #EFEFEF;
border: 1px solid #CCC;
}

.inputbox {
 font:18px; 
 background-color:white;
}


.datebox {
 font:18px; 
 background-color:white;
 width:130px; 
}


textarea { 
border:0;
overflow:auto;
color:#333;
padding-right:10px;
}

span.ValidationMessage {
    color: white;
    font-size: 11px;
    position: absolute;
    padding: 6px;
    font-weight: bold;
    background: #BF1601;
    max-width: 300px;
    z-index: 100;
    display:none;
}

.ErrorText {
    color:red;
    font-size: smaller;   
}

.WarningText {
    color: darkgoldenrod;
    font-size: smaller;
}

div.NavigationContainer {
    position: relative;
    margin:5px;
    margin-bottom:2px;
    padding-top:4px;
    padding-bottom:4px;
    background:#ddd;
     border:1px #999 solid;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


.RetailerNavigationContainer {
    margin-top:5px;
    margin-bottom:2px;
    padding-top:4px;
    padding-bottom:4px;
    background:#ddd;
    border:1px #999 solid;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
    border-radius: 10px;
  }

.SubNavigationContainer {
    margin-top:2px;
    margin-bottom:2px;
    padding-top:4px;
    padding-bottom:4px;
    display: inline-block;
}
 
 img.PosItemPicture {
     padding:10px;
    display: inline;
    width: 250px;
    height:auto;
    border: 1px solid #EAEAEA;
}

.roleSelection {
    max-width:350px;
    background:#ffffcc;
     padding-left:10px;
     padding-right:10px;
 border:2px #336633 solid;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 
 }
 
 div.SectionLabel 
{
    border:1px solid seagreen;
    background:ivory;
    border-radius: 7px;
    padding:  1px 5px 2px 5px;
    position:absolute;
    top:-12px;
    left:15px;
}

div.SectionLabelRightBottom
{
    border:1px solid seagreen;
    background:ivory;
    border-radius: 7px;
    padding:  1px 5px 2px 5px;
    position:absolute;
    bottom:-12px;
    right:15px;
}
 

div.calendar {
    position: relative;
    z-index: 2000;
}

div.calendar,
div.calendar table {
    border: 1px solid white;
    font-size: 20px !important;
    cursor: default;
    background-color: white;
    font-family: "trebuchet ms", verdana, tahoma, sans-serif;
    border-collapse: 
}

div.calendar {
    border-color: #666666;
}

div.calendar .button { 
    text-align: center; 
    padding: 2px;       
    font-weight: bold;
    color: black;
    background-color: #EAEAEA;
    border: 1px solid #EAEAEA;
}

div.calendar thead .button.notclose { 
    border-top: 1px solid #EAEAEA;
}

div.calendar .nav {
    font-family: verdana,tahoma,sans-serif;
}

div.calendar thead .title { 
    font-weight: bold;      
    color: black;
    text-align: center;
    padding: 2px;
    background-color: #EAEAEA;
}

div.calendar thead .name { 
    padding: 2px;
    text-align: center;
    color: white;
    background-color: #666666;
    border-bottom: 1px solid #666666;
}

div.calendar thead .weekend { 
    color: #a0a0a0;
}

div.calendar thead .hilite { 
    background-color: white;
    border: 1px solid #666666;
        color:#666666;
}

div.calendar thead .button.notclose.hilite { 
    border-top: 1px solid #666666;
}

div.calendar thead .day.hilite { 
    padding: 1px 1px 2px 1px;
}

div.calendar thead .active { 
    background-color: #333333;
    color: white;
    padding: 3px 1px 1px 3px;
    border: 1px solid #cccccc;
}

div.calendar thead .active.notclose { 
    padding: 3px 1px 0px 3px;
}

div.calendar tbody .day { 
    font-family: verdana, tahoma, sans-serif;
    width: 2em;
    color: black;
    background-color: white;
    text-align: right;
    padding: 2px 4px 2px 2px;
}

div.calendar tbody .day.othermonth {
    font-size: 1.5ex;
    background-color: white;
    color: black;
    font-style:  italic;
}

div.calendar tbody .day.othermonth.oweekend {
    background-color: white;
    color: #a0a0a0;
}

div.calendar tbody td.active.day.othermonth,
div.calendar tbody th.active.day.othermonth {
    background-color: #333333;
}

div.calendar tbody .rowhilite td.hilite.day.othermonth,
div.calendar tbody .rowhilite th.hilite.day.othermonth {
    background-color: white;
}

div.calendar tbody .rowhilite td.day.othermonth,
div.calendar tbody .rowhilite th.day.othermonth {
    background-color: #666666;
}
 
div.calendar table .wn {
    padding: 2px 4px 3px 3px;
    background-color: white;
    border: 1px solid white;
    border-right: 1px solid #666666;        
}

div.calendar .daynames .wn {
    border: 1px solid #EAEAEA;
    border-right: 1px solid #666666;        
    border-bottom: 1px solid #666666;
    background-color: #EAEAEA;    
}

div.calendar tbody .rowhilite td,
div.calendar tbody .rowhilite th {
    background-color: #EAEAEA;
}

div.calendar tbody .rowhilite td.selected,
div.calendar tbody .rowhilite th.selected {
    background-color: #1E5AA3;
}

div.calendar tbody .rowhilite td.wn,
div.calendar tbody .rowhilite th.wn {
    background-color: white;    
    border: 1px solid #cccccc;
}

div.calendar tbody td.today,
div.calendar tbody th.today {
    font-weight: bold;
}

div.calendar tbody td.hilite,
div.calendar tbody th.hilite { 
    background-color: white;
    color: black;
    padding: 1px 3px 1px 1px;
    border: 1px solid #cccccc;
}

div.calendar tbody td.active,
div.calendar tbody th.active { 
    padding: 2px 2px 0px 2px;
    background-color: #333333;
    color: white;
    font-weight: bold;
}
 
div.calendar tbody td.weekend,
div.calendar tbody th.weekend { 
    color: #a0a0a0;
}

div.calendar tbody td.selected,
div.calendar tbody th.selected {
    border: 1px solid #cccccc;
    padding: 1px 3px 1px 1px;
    background-color: #1E5AA3;
    color: white;
    font-weight: bold;
}
 
div.calendar tbody td.selected.hilite,
div.calendar tbody th.selected.hilite {
    background-color: white;
    color: black;
}
 
div.calendar tbody .disabled {
}

div.calendar tbody .emptycell { 
    background-color: white;
}

div.calendar tbody .emptyrow { 
    display: none;
}

div.calendar tfoot .footrow { 
    text-align: center;
}

div.calendar tfoot .ttip { 
    padding: 2px;
    background-color: white;
    color: black;
    border-top: 1px solid #666666;        
}

div.calendar tfoot .hilite { 
    background-color: white;
    border: 1px solid #666666;
    color: black;
    padding: 1px;
}

div.calendar tfoot .active { 
    background-color: #333333;
    color: white;
    padding: 2px 0px 0px 2px;
}

div.calendar .combo {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    width: 4em;
    cursor: default;
    background-color: white;
    border: 1px solid #cccccc;
    color: black;
    z-index: 100;
    font-size: 90%;
}

div.calendar .combo .label,
div.calendar .combo .label-IEfix {
    text-align: center;
    padding: 1px;
}

div.calendar .combo .label-IEfix {
    width: 4em;
}

div.calendar .combo .hilite {
    background-color: #666666;
    color: black;
}

div.calendar .combo .active {
    background-color: #666666;
    color: black;
    font-weight: bold;
}

div.calendar td.time,
div.calendar th.time {
    padding: 1px 0px;
    text-align: center;
    background-color: #EAEAEA;
    color: black;
    border-top: 1px solid #666666;
}

div.calendar td.time .hour,
div.calendar th.time .hour,
div.calendar td.time .minute,
div.calendar th.time .minute,
div.calendar td.time .ampm,
div.calendar th.time .ampm {
    padding: 0px 5px 0px 6px;
    font-weight: bold;
    background-color: #EAEAEA;
    border: 1px solid #EAEAEA;
    color: black;
}

div.calendar td.time .hour,
div.calendar th.time .hour,
div.calendar td.time .minute,
div.calendar th.time .minute {
    font-family: monospace;
}

div.calendar td.time .ampm,
div.calendar th.time .ampm {
    text-align: center;
}

div.calendar td.time .colon,
div.calendar th.time .colon {
    padding: 0px 2px 0px 3px;
    font-weight: bold;
}

div.calendar td.time span.hilite,
div.calendar th.time span.hilite {
    background-color: white;
    border: 1px solid #666666;
    color: black;
}

div.calendar td.time span.active,
div.calendar th.time span.active {
    background-color: #333333;
    color: white;
}
 
div.calendar td.special,
div.calendar th.special {
    background-color: #efefef;
    border: 1px solid #cccccc;
}

div.calendar tbody td.hilite.special,
div.calendar tbody th.hilite.special {
    background-color: white;
    padding: 2px 4px 2px 2px;
}

div.calendar .rowhilite td.special,
div.calendar .rowhilite th.special {
    background-color: #efefef;
}
div.Menu_TopMenus { 
    margin-left: 10px;
    *height: 27px;
    _border-left: 1px solid #cccccc;  /* IE6 */
    
        
} 

div.Menu_TopMenu { 
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: -moz-inline-box; /*FF2*/
    display: inline-block;
    *float: left; 
    white-space: nowrap; 
    font-size: 14px;
    margin-left: -1px;
    margin-right: 10px;
    padding: 4px 8px 3px;
    border-color: #666666 #666666 #AAAAAA;
    border-style: solid;
    border-width: 1px;
    background: url("/RichWidgets/img/bg_menu_shadow.png?643") repeat-x scroll left bottom #EAEAEA;
    clear: right;
    margin-bottom: -2px\0/;
} 

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: white;
}

div.Menu_TopMenuActive {    
    background-color: #FFFFFF;
    border-color: #666666 #666666 #FFFFFF;
    background-image: none;
}

div.Menu_TopMenu:hover a {
     color: #004Ac2;
}
div.Menu_TopMenuActive a, 
div.Menu_TopMenuActive a:link,
div.Menu_TopMenuActive a:visited {
    color: white;
}



td.EditRecord_Caption {
    color: #444444;
    font-size: 16px;
    padding: 7px 7px 7px 0px;
    font-weight: normal;
    vertical-align: top;
    white-space: nowrap;
    text-align: left;
}

.smButton{
    text-align: center;
    margin-right: 1px;
    padding: 1px 1px;
 }

.answer-box {
    margin-top:10px;
}

.line-separator{
height:1px;
/*background:#ffa07a;*/
border-bottom:1px solid #778899;
margin: 5px 0px 5px 0px;
}

.line-separator-dotted{
height:1px;
/*background:#ffa07a;*/
border-bottom:1px dotted #778899;
margin: 5px 0px 5px 0px;
}

.round-box {
background-color: #f5f5f5;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
border-radius: 10px;
}
.caption-margin-left {
    margin-left:2px;
}

.value-margin-left {
    margin-left:4px;
}

.mandatory_question {
    color: red;
}


div.tempAssign {
    margin:1px;
    display:inline-block;
    padding:1px;
    border:1px solid #777;
    font-weight:bold;
    background:antiquewhite;
     border-radius:5px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}

/* Menu_SubMenu */

div.Menu_SubMenus { 
 padding:0 !important;
    margin-left: 10px;
    *height: 24px;
    _border-left: 1px solid #cccccc;  /* IE6 */
    
    
} 

div.Menu_SubMenu { 
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: -moz-inline-box; /*FF2*/
    display: inline-block;
    *float: left; 
    white-space: nowrap; 
    font-size: 12px;
    margin-left: -1px;
    margin-right: 10px;
    padding: 3px 6px 3px;
    border-color: #666666 #666666 #AAAAAA;
    border-style: solid;
    border-width: 1px;
    background: url("/RichWidgets/img/bg_menu_shadow.png?643") repeat-x scroll left bottom #EAEAEA;
    clear: right;
    margin-bottom: -2px\0/;
} 


.ServiceActionScroller
{
    clear:both;
    margin:5px;
    border : solid 2px #888;  
    height:250px;
    overflow:auto;
    padding:5px;
    overflow-x:hidden;    
    ms-overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
}

.ServiceActionNoScroll
 {
    clear:both;
    margin:0px;
    border : solid 2px #aaa;  
    padding:5px;  
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}


.ServiceHistoryScroller
{
    clear:both;
    margin:5px;
    border : solid 2px #aaa;  
    height:600px;
    overflow:auto;
    padding:5px;
    overflow-x:hidden;    
    ms-overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
}

.ServiceHistoryNoScroll
{
    
    margin:0px;
    border : solid 2px #aaa;
    padding:3px;  
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}



div.Menu_SubMenu a:link,
div.Menu_SubMenu a:visited,
div.Menu_SubMenu a {
    display: block;
    padding: 4px 10px 3px;
    font:normal 16px arial;
    font-weight:bold;
    color: #444444;
    text-decoration: none; 
}

div.Menu_SubMenu:hover {
    background-color: white;
}

div.Menu_SubMenuActive {
    background-color: #EAEAEA !important;
    border-color: #666666 #666666 #EAEAEA !important;
    background-image: none !important;    
    border-bottom:0 !important;
}

div.SubMenuContainer {    
    background-image: none !important;
    background-color: #EAEAEA !important;
    padding: 4px;
    margin-top: 0px;
    border: 1px solid #666666 !important;
}

div.Menu_SubMenu:hover a {
     color: #004Ac2;
}
div.Menu_SubMenuActive a, 
div.Menu_SubMenuActive a:link,
div.Menu_SubMenuActive a:visited {
    color: #004Ac2;
    font-weight:bold;
}


.OrderButton {
    display: inline;
    color:#333;
    padding:4px 8px ;
    background-color: #efefef;
    margin:0 4px;
    cursor:pointer; 
    font-weight:bold;
    font-size: 20px;
    font-family: arial ;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border:1px solid #999;
    
}

.OrderButtonSelected{
    display: inline;
    color:#fff;
    padding:4px 10px ;
    background-color: #004Ac2;
    margin:0 5px;
    cursor:pointer; 
    font-weight:bold;
    font-size: 20px;
    font-family: arial ;
      border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border:1px solid #999;
}

a.OrderLink {
    color:#333;
    padding:4px 10px ;
    background-color: #efefef;
    margin:0 5px;
    cursor:pointer; 
    font-weight:normal;
    font-size: 18px;
    font-family: arial ;
    border-radius: 5px;
}

div.TopBar {
    margin-top:3px;
    position:relative; 
    font-weight:normal;
    font-size: 18px;
    font-family: arial;
    height:40px;   
}

div.TopBar .FilterSection {
    line-height: 30px;   
}

.phone div.TopBar .FilterSection,
.tablet.portrait div.TopBar .FilterSection {
    width: 100%;
    text-align: left;
    margin-top: 10px;
}
.phone div.TopBar .FilterSection:first-child,
.tablet.portrait div.TopBar .FilterSection:first-child {
    margin-top: 0px;
}

div.TopBar .FilterItem {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

div.TopBar .FilterItem:first-child {
    margin-left: 0px;   
}

div.TopBar .FilterItem input,
div.TopBar .FilterItem select,
div.TopBar .FilterItem a,
div.TopBar .FilterItem img {
    margin: 0;
}

div.TopBar .FilterItem img.FilterImg {
   height: 30px;
   width: auto;
   vertical-align: bottom;
}


div.TopBarMid {
    margin-top:3px;
    position:relative; 
    font-weight:normal;
    font-size: 18px;
    font-family: arial;
    height:40px;   
    vertical-align: baseline;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 42px;
}

div.TopBarMid select, 
div.TopBarMid input, 
div.TopBarMid a,
div.TopBarMid>img{
    vertical-align: middle;
    /*margin-top: 3px;*/
    margin-right: 0.5em;
    margin-top: -2px;
}

div.TopBarMid a>img,
div.TopBarMid div {
    vertical-align: middle;
}

div.TopBarMid select, 
div.TopBarMid input  {
    font:bold 18px arial;
}
div.TopBarMid a.RoundButton {
    margin-right:0.5em;
    margin-left: 0px;
}
div.TopBarMid a.SubmenuLink {
    line-height: 18px;
}

div.TopBarMid input[type="checkbox"], 
div.TopBarMid input[type="radio"] {
    margin-top: 0px;
}

div.TopBarMid > div.rightWidget {
    float: right;
}
div.TopBarText {
    line-height: 35px;
    margin-right: 1ex;
}

div.BorderedTopBar {
    margin-top:3px;
    position:relative; 
    font-weight:normal;
    font-size: 18px;
    font-family: arial;
    height:40px;   
     background:#ddd;
     border:1px #999 solid;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

div.TallTopBar {
    margin-top:3px;
    position:relative; 
    font-weight:normal;
    font-size: 18px;
    font-family: arial;
    height:60px;   
}

div.BorderedTallTopBar {
    margin-top:3px;
    position:relative; 
    font-weight:normal;
    font-size: 18px;
    font-family: arial;
    height:60px; 
     background:#ddd;
     border:1px #999 solid;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
div.TopBar select  {
    font:bold 18px arial;
    margin-top:2px;
    margin-left:5px;
}

div.BorderedTopBar select  {
    font:bold 18px arial;
    margin-top:2px;
    margin-left:5px;
}
  
div.TopBar input[type="text"], div.TopBar input[type="search"], div.TopBar input[type="number"]  {
    font:bold 18px arial;
    margin-top:5px;
    margin-left:5px;
}

div.TopBarMid div, div.TopBarMid a, div.TopBarMid a.RoundButton, div.TopBarMid a.RoundButton:link {
    display: inline-block;
    vertical-align: middle;
}
 
div.BorderedTopBar input[type="text"], div.BorderedTopBar input[type="search"], div.BorderedTopBar input[type="number"]   {
    font:bold 18px arial;
    margin-top:5px;
    margin-left: 5px;
}

div.TallTopBar input[type="text"], div.TallTopBar input[type="search"], div.TallTopBar input[type="number"]  {
    font:bold 18px arial;
    margin-top:7px;
    margin-left:5px;
}

div.newTopFilters {
    white-space:nowrap;
    position:relative;
    vertical-align:middle;
    min-height:30px;    
    font:bold 22px arial;
    color: #fff;
    background:#699;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border:1px solid #999;
    margin:5px 0;
    padding:2px 5px;
}

a.GoButton {
    -moz-box-shadow:inset 0px -1px 0px 0px #c1ed9c;
    -webkit-box-shadow:inset 0px -1px 0px 0px #c1ed9c;
    box-shadow:inset 0px -1px 0px 0px #c1ed9c;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #21b30b), color-stop(1, #b9f039) );
    background:-moz-linear-gradient( center top, #21b30b 5%, #b9f039 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#21b30b', endColorstr='#b9f039');
    background-color:#21b30b;
    -webkit-border-top-left-radius:20px;
    -moz-border-radius-topleft:20px;
    border-top-left-radius:20px;
    -webkit-border-top-right-radius:20px;
    -moz-border-radius-topright:20px;
    border-top-right-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    -moz-border-radius-bottomright:20px;
    border-bottom-right-radius:20px;
    -webkit-border-bottom-left-radius:20px;
    -moz-border-radius-bottomleft:20px;
    border-bottom-left-radius:20px;
    text-indent:0;
    border:1px solid #83c41a;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    font-style:normal;
    height:35px;
    margin-left:10px;
    margin-right:10px;
    line-height:35px;
    min-width:90px;
    text-decoration:none;
    outline:none;
    text-align:center;
    text-shadow:1px 1px 0px #689324;
}
a.GoButton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b9f039), color-stop(1, #21b30b) );
    background:-moz-linear-gradient( center top, #b9f039 5%, #21b30b 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9f039', endColorstr='#21b30b');
    background-color:#b9f039;
}a.GoButton:active {
    position:relative;
    top:1px;
}
/* This button was generated using CSSButtonGenerator.com */

a:hover>img{
    -webkit-filter: saturate(1.2);    
}
a:active>img{
    position:relative;
    top:1px;
}

a.TopbarLink {
    position: absolute;
    top:7px;
    margin-left:5px;
    border:1px solid #999;
    outline:none;
    color:#333;
    padding:4px 10px ;
    background-color: #efefef;
    cursor:pointer; 
    font-weight:normal;
    font-size: 18px;
    font-family: arial;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

a.TopbarLinkRel {
    position: relative;
    top:12px;
    margin-left:5px;
    border:1px solid #999;
    outline:none;
    color:#333;
    padding:4px 10px 2px 10px;
    background-color: #efefef;
    cursor:pointer; 
    font-weight:normal;
    font-size: 18px;
    font-family: arial;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.noteBox
{
    font-family: arial;
    padding: 3px 8px;
    background-color: #F6F291;
    display: inline-block;
    border-radius: 5px;
    font-size: 0.8em;
    text-align: left;
    white-space: normal;
}




.blockBox
{
    font-family: arial;
    padding: 5px 8px;
    background-color: salmon;
    display: inline-block;
    border-radius: 5px;
    font-size: 0.8em;
    text-align: right;
}

.recordListBox
{
    font-family: arial;
    padding: 5px 8px;
    background-color: white;
    display: inline-block;
    border:1px solid #999;
    border-radius: 5px;
    font-size: 0.8em;
    text-align: left;
}

.selectListBox
{
    font-family: arial;
    padding: 10px 8px;
    background-color: white;
    display: inline-block;
    border:1px solid #999;
    border-radius: 5px;
    font-size: 1.2em;
    text-align: left;
}

.containerSimpleBox
{
    font-family: arial;
    padding: 10px 8px;
    background-color: white;
    border:1px solid #999;
    border-radius: 5px;
    font-size: 1.2em;
    text-align: left;
}


.Bigcheck {
  width:25px; 
  height:25px;
  margin:0px;   
}

.Bigradio {
  width:25px; 
  height:25px;
  margin:2px;   
}
.ServiceInput {
    font-size:20px;
    border:1px solid #aaa;
}

a.RoundButton, a.RoundButton:link, div.FakeRoundButton, div.FakeRoundButton:link {
    display: inline-block;
    vertical-align: baseline;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    font-style: normal;
    text-shadow: #222222 1px 1px 0;
    background-color: #27ae60;
    border: 2px solid #aaaaaa;
    border-radius: 16px;
    padding: 4.5px 17px;
    margin-left: 0.25em;
    margin-right: 0.25em;
}
a.RoundButton:hover, div.FakeRoundButton:hover {
    color: #ffffff;
    text-decoration: none;
    /*-webkit-filter: saturate(1.2);*/    
    -webkit-filter: brightness(1.03);   
}
a.RoundButton:active, div.FakeRoundButton:active {
    color: #ffffff;
    position:relative;
    top:1px;
}
a.RoundButton:visited, div.FakeRoundButton:visited{
    color: #ffffff;
}

a.RoundButton.tiny, div.FakeRoundButton.tiny {
    font-size: 12px;
    line-height: 12px;
    border-radius: 12px;
    padding: 2px 10px 3px;
}


a.RoundButton.small, div.FakeRoundButton.small {
    font-size: 14px;
    line-height: 14px;
    border-radius: 14px;
    padding: 3px 15px 4px;
}
a.RoundButton.medium, div.FakeRoundButton.medium {
    font-size: 14px;
    line-height: 14px;
    border-radius: 16px;
    padding: 5.5px 9px;
}

a.RoundButton.arrow, div.FakeRoundButton.arrow {
    padding-left: 10px;
    padding-right: 10px;
    
}
a.RoundButton.shadow, div.FakeRoundButton.shadow {
    box-shadow: 1px 2px #222222;
}
a.RoundButton.blue, div.FakeRoundButton.blue {
    background-color: #2980b9;
}
a.RoundButton.red, div.FakeRoundButton.red {
    background-color: #c0392b;    
    /*background-color: #BB5154;*/
}
a.RoundButton.orange, div.FakeRoundButton.orange {
    background-color: #DB9111;
}
a.RoundButton.green, div.FakeRoundButton.green {
    background-color: #27a360;
}
a.RoundButton.gray, div.FakeRoundButton.gray {
    /*background-color: #B0B8BF;*/    
    /*background-color: #8EA3A3;*/
    background-color: #5396B0;
}
a.RoundButton.go, div.FakeRoundButton.go {
    padding: 4.5px 27px;
}
a.RoundButton[disabled='disabled'], a.RoundButton[disabled='disabled']:hover, a.RoundButton[disabled='disabled']:active,
div.FakeRoundButton[disabled='disabled'], div.FakeRoundButton[disabled='disabled']:hover, div.FakeRoundButton[disabled='disabled']:active {
    background-color: #BBBBBB;
    color: #E8E8E8;
    text-shadow: #333333 1px 1px 0;
    -webkit-filter: none;
}
div.FakeRoundButton {
    cursor: pointer;
}
div.FakeRoundButton[disabled='disabled'] {
    cursor: initial;
}

input[type=checkbox] {
    width:25px;
    height:25px;
}

input[type=radio] {
    width:25px;
    height:25px;
    background: none;
}

a.BoldLink {
    font-weight: bold;
    margin-left: 0.25em;
}

div.surveywrapper {
    width: 500px;
    margin: 0 auto;
}

.OuterTableContainer{
    display: table;
    width:100%;
    }

.Row  {
    display: table-row;    
    }
.FourCol {
    vertical-align: top;
    padding:3px;
    display: table-cell;
    white-space: nowrap;
    width:25%;
}
.ThreeCol {
    vertical-align: top;
    padding:3px;
    display: table-cell;
    white-space: nowrap;
    width:33%;
}

.TwoCol {
    vertical-align: top;
    padding:3px;
    display: table-cell;
    white-space: nowrap;
    width:50%;
}

.OneCol {
    vertical-align: top;
    padding:3px;
    display: table-cell;
    white-space:nowrap;
    width:100%;
}
.InnerTableContainer
{
  min-height:70px;   
  margin:3px;
}

.NoteTableContainer
{
  min-height:20px;   
  margin:3px;
}

.DashHeading
{
    font-size:larger;
    line-height: 1.25;
    color:#333;
    
}

.DashHeading a
{
    font-size:22px;
    line-height: 1.25;
    color:#333;
    
}

.drawable{
    cursor: url('/GemPortal/pencil.cur'), crosshair !important;
}

div.YearRadioButtons > div {
    margin-right: 1em;
    display: inline-block;
}

div.RejectionNotes {
    margin: 2px 5px;
    padding: 2px 5px;
    clear:both;
    border:1px solid black;
    background-color:salmon;
    font-weight:bold;
}

/**
 * micro ClearFix
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.dispNone {
    display: none !important;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.Text_Wrap{
 white-space:normal;
 word-wrap:break-word;
 text-overflow:ellipsis;
}

.stopSign
{
    width:30px;
    height:30px;
    display:inline-block;
    background:url("/Theme_UI/img/Stop_45.png?766");
    background-size:30px;
    margin-left: 10px;
    position: relative;
    vertical-align: top
}

.stopNumber
{
    position:absolute;
    padding-top:3px;
    color:white;    
    font-size:18px;
    top:3px;
    width:100%;
    text-align: center;
}

div.DashboardHeader {
    text-align: center;
    white-space:nowrap;
    position:relative;
    min-height:26px;    
    font:bold 18px arial;
    color: #fff;
    background:#699;
    border:2px solid #aaa;
    margin:0px 0px 2px 0px;
    padding:2px 5px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;  
    
}

div.ServiceCategoryName 
{
    border:1px solid seagreen;
    background:lightseagreen;
    border-radius: 7px;
    padding:  1px 3px 1px 3px;
    color:white;       
    font-size:small;
}

div.ServiceCategoryPosition
{
    position:absolute;
    top:-20px;
    left:70px;
}

div.Scrolling_Wrapper {
    clear:both;
    border : solid 2px #888;  
    height:300px;
    overflow:auto;
    padding: 10px 5px;
}



/** SilkUI Web Patterns Styles **/

/*------------------------------------*\
        $6.1 Patterns > Content
\*------------------------------------*/

/* AccordionVertical **************************/
.AccordionVertical {
    border: 1px solid #ddd;
}

/* Inside no padding elements like Panel */
.nopadding .AccordionVertical {
    border: none;
}

.AccordionVertical_item {
    border-top: 1px solid #ddd;
}

.AccordionVertical_item:first-child {
    border-top: 0;
}

.AccordionVertical_item.open > .AccordionVertical__header {
    font-weight: 600;
}

.AccordionVertical__header:hover {
    cursor: pointer;
}

.AccordionVertical__header {
    display: table;
    padding: 12px 14px;
    /*width: 100%;          This was causing the Header to overflow to the right, maybe from a conflict with GemPortals Css*/
}

.AccordionVertical___title {
    color: #253b4a;
    display: table-cell;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
}

.AccordionVertical___title > div {
    display: inline-block;
    margin-right: 5px;
}

.AccordionVertical___icon {
    border-left: 1px solid #ccc;
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle;

    
}

.AccordionVertical___icon > .fa {
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 22px;
    color: #999;
    font-size: 20px;
    height: 22px;
    width: 22px;
}

.AccordionVertical_item.open > .AccordionVertical__header >.AccordionVertical___icon > .fa {
    background-color: transparent;
    border: 1px solid #666;
    border-radius: 22px;
    color: #666;
    height: 22px;
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
    width: 22px;
}

.AccordionVertical__content {
    border-color: #ddd;
    box-sizing: content-box;
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0 17px;
    -webkit-transition: height .5s ease, padding .5s ease;
            transition: height .5s ease, padding .5s ease;
    visibility: visible;

    
}

.AccordionVertical_item.open > .AccordionVertical__content {
    border-top: 1px solid #ddd;
    height: auto;
    padding: 17px;
    visibility: visible;
}

.AccordionVertical_item.autoheight > .AccordionVertical__content {
    height: auto !important;
    overflow: visible;
    padding: 17px;
    -webkit-transition: 0;
            transition: 0;
}

/* Rules when accordion item is envolved by span */

.AccordionVertical span:not(:first-child) .AccordionVertical_item {
    border-top: 1px solid #ddd;
}


/* Alert **************************/
.Alert {
    border: 1px solid #ccc;
    color: #fff;
    margin-bottom: 20px;
    padding: 10px 10px 10px 35px;
    position: relative;
    width: 100%;

    
}

.Alert span.fa {
    font-size: 16px;
    left: 10px;
    position: absolute;
    top: 12px;
}

.Alert.Info {
    background-color: #62b6d1;
    border-color: #009bd0;
}

.Alert.Success {
    background-color: #a9c264;
    border-color: #97ae58;
}

.Alert.Error {
    background-color: #e09d90;
    border-color: #d87c69;
}

.Alert.Warning {
    background-color: #f5c459;
    border-color: #c78e10;
}

/* Balloon **************************/
@-webkit-keyframes balloon {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -5px, 0);
    }
    50% {
        opacity: .8;
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@-ms-keyframes balloon {
    0% {
        opacity: 0;
        -ms-transform: translate3d(0, -5px, 0);
    }
    50% {
        opacity: .8;
    }
    100% {
        opacity: 1;
        -ms-transform: translate3d(0, 0, 0);
    }
}

@keyframes balloon {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: translade3d(0, -5px, 0);
    }
    50% {
        filter: alpha(opacity=80);
        opacity: .8;
    }
    100% {
        filter: alpha(opacity=100);
        opacity: 1;
        transform: translade3d(0, 0, 0);
    }
}

.Balloon {
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 20px;

    
    
    
    
}


.Balloon_content {
    padding: 8px 10px;

    
    
    
    
    
    
    
}

.Balloon_footer {
    border-top: 1px solid #ccc;
    padding: 10px;

    
    
    
}

.Balloon__heading.Heading3 {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}


.js_open.Balloon {
    -webkit-animation: balloon .2s ease-in;
            animation: balloon .2s ease-in;
    display: block;
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 15;
}

/* BlankSlate **************************/
.Blank {
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    display: table;
    height: 200px;
    padding-bottom: 10px;
    width: 100%;
}

.Blank.FullHeight {
    height: 100%;
    min-height: 200px;
}

.Blank_row {
    display: table-row;
}

.Blank_wrapper {
    display: table-cell;
    text-align: center;
    vertical-align: top;
}

.Blank_icon {
    color: #d0d0d0;
    display: table-cell;
    font-size: 80px;
    text-align: center;
    vertical-align: bottom;
}

.Blank_desc {
    margin-top: 10px;
}

.Blank_action {
    margin-top: 20px;
}

.Blank_action .Button {
    margin-left: 0;
}

.Blank .fa-fw {
    width: auto;
}

/* Box **************************/
.Box {
    background-color: #e4e4e4;
    margin: 20px 0;
    padding: 20px;
}

.phone .Box {
    padding: 10px;
}

.Section .Box {
    margin: 20px 0;
    padding: 10px;
}

.Box:first-child {
    margin-top: 0;
}

.Box .Columns:last-child .Column {
    margin-bottom: 0;
}

/* Bullets **************************/
ol.List,
ul.List {
    margin-top: 10px;
    padding-left: 26px;
}

ol.List li,
ul.List li {
    padding-bottom: 10px;
}

/* ButtonsArea **************************/
.Buttons {
    display: table;
    padding: 10px 0;
    vertical-align: middle;
    width: 100%;
}

.Buttons_Left {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.Buttons_Right {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

/* Cards **************************/
.Card {
    padding: 10px;
    width: 100%;
}

.Card .Button,
.Card a.Button {
    margin-left: 0;
    margin-right: 10px;
}

.Card .Card_Title.Heading3 {
    margin-bottom: 10px;
    margin-top: 0;
    padding-top: 0;
}

.CardSimple .Card_Text {
    margin-bottom: 10px;
    margin-top: 0;
    padding-top: 0;

    
}

.CardSimpleImage .Card_Image {
    margin-bottom: 10px;
    margin-top: 0;
    padding-top: 0;

    
}

.CardSimpleImage .Card_Text {
    margin-bottom: 10px;
}

.CardSimpleImage .Card_Actions .Button:last-child {
    margin-right: 0;
}

.CardLeftImage .Left {
    display: table-cell;
    vertical-align: top;

    
}

.CardLeftImage .Left .Card_Image {
    
}

.CardLeftImage .Right {
    display: table-cell;
    padding: 10px;
    vertical-align: top;
    width: 100%;

    
}

.CardLeftImage .Right .Card_Title.Heading4 {
    margin-bottom: 10px;
    margin-top: 0;
    padding-top: 0;
}

.CardBackground {
    background-position: center center;
    background-size: cover;
    position: relative;
}

.CardBackground_Content {
    word-break: break-word;
}

/* Carousel **************************/
.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

.owl-theme .owl-controls .owl-buttons div {
    background: #aaa;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    margin-top: -20px;
    opacity: .5;
    top: 50%;
    width: 25px;

    *display: inline;/*IE7 life-saver */
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;

    *display: inline;/*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
    background: #aaa;
    border-radius: 20px;
    display: block;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    height: 10px;
    margin: 10px 10px;
    opacity: .5;
    width: 10px;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

.owl-carousel .owl-wrapper:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;

    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
        -ms-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.owl-prev.fa.fa-fw.fa-angle-left {
    left: 10px;
    position: absolute;
}

.owl-next.fa.fa-fw.fa-angle-right {
    position: absolute;
    right: 10px;
}

/* Info **************************/
.InfoTooltip {
    margin: 0 10px;

    
}

/* Modal **************************/
.Modal {
    display: block;
    z-index: 100;

    
    
    
    
}

body.ModalOpened .Modal {
    display: block;
}

body.ModalOpened .ModalBackground {
    background-color: rgba(0, 0, 0, .15);
    display: block;
}

.ModalBackground {
    background-color: rgba(0, 0, 0, .0);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease;
            transition: all .3s ease;
    z-index: 10;

    
}

.phone .ModalBackground {
    display: none;
}

body.ModalOpened .ModalContainer {
    display: block;
    -webkit-transform: translateX(-50%) translateY(0) translateZ(0);
        -ms-transform: translateX(-50%) translateY(0) translateZ(0);
            transform: translateX(-50%) translateY(0) translateZ(0);
}

.ModalContainer {
    background: #fff;
    border: 1px solid #e4e4e4;
    border: 1px solid #dddedf;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    bottom: 0;
    box-shadow: 0 1px 5px 2px rgba(50, 50, 50, .1);
    display: block;
    left: 50%;
    max-width: 800px;
    padding: 30px 20px;
    position: fixed;
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(100%) translateZ(0);
        -ms-transform: translateX(-50%) translateY(100%) translateZ(0);
            transform: translateX(-50%) translateY(100%) translateZ(0);
    -webkit-transition: all .3s;
            transition: all .3s;
    width: 100%;
    z-index: 11;

    
    
    
    
    
    
    
}

.ModalContainer table.EditRecord,
.ModalContainer table.ShowRecord {
    border: 0;
    text-align: left;
}

.ModalContainer.done {
    bottom: 0;
}

.ModalContainer .Heading1 {
    margin-bottom: 20px;
    margin-top: 0;
}

.ModalMessage {
    font-size: 14px;
    margin-bottom: 20px;
}

.ModalOpened {
    overflow: hidden;
}

.ModalOpened .calendar,
.ModalOpened .calendarPattern {
    z-index: 9999;
}

/* Responsive Context **************************/
.phone .ModalContainer {
    height: 100%;
    overflow-y: scroll;
    z-index: 22;

    -webkit-overflow-scrolling: touch;
}

/* Panel **************************/
.Panel {
    border: 1px solid #ccc;
    min-height: 100px;
}

.Panel_header,
.Panel_footer {
    border-bottom: 1px solid #ccc;
    display: table;
    padding: 10px;
    width: 100%;
}
.Panel_header > div {
    width: 60%;
}

.Panel_header > .Panel__actions {
    width: 100%;
}

.Panel_content {
    padding: 10px;

    
}

.Panel_footer {
    border-bottom: 0;
    border-top: 1px solid #ccc;
}

.Panel__title.Heading3 {
    display: table-cell;
    font-style: normal;
    text-align: left;
    vertical-align: middle;
}

.Panel__actions {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}


/* Post **************************/
.Post {
    display: table;
    margin-bottom: 15px;
    width: 100%;
}

.Post_icon {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    width: 50px;
}

.Post_content {
    display: table-cell;
    padding-left: 15px;
}

.Post__date {
    float: right;
}

.Post__description {
    margin-top: 2px;
}

/* Section **************************/
.Section {
    margin: 20px 0 0;
}

.Section:first-child {
    margin-top: 0;
}

.Section_header {
    border-bottom: 1px solid #ccc;
    display: table;
    margin-top: 0;
    min-height: 38px;
    padding-bottom: 5px;
    width: 100%;
}

.tablet .Section_header,
.phone .Section_header {
    min-height: 44px;
}

.Section__title.Heading2 {
    display: table-cell;
    min-width: 100px;
    vertical-align: middle;
}

.Section__title.Heading2 span.fa {
    margin-right: 5px;
}

.Section__actions {
    display: table-cell;
    min-width: 100px;
    text-align: right;
    vertical-align: middle;
}

.Section__actions > * {
    float: right;
    margin-left: 10px;
}

.Section_content {
    padding-top: 10px;
}

/* SectionExpandable **************************/

.Panel .SectionExpandable {
    margin-top: 0;
}

.Panel_content.nopadding {
    padding: 0;
}

.SectionExpandable_header {
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    display: table;
    margin-top: 0;
    padding: 0 0 5px 0;
    width: 100%;
}

.SectionExpandable.expanded .SectionExpandable_header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.SectionExpandable__title.Heading2 {
    display: table-cell;
    min-width: 100px;
    text-align: left;
    vertical-align: middle;
    padding-bottom: 0px;
}

.SectionExpandable__title.Heading2 span.fa {
    margin-right: 5px;
}

.SectionExpandable__icon.Heading2 {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 16px;
}

.SectionExpandable.expanded .SectionExpandable__icon {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

.SectionExpandable_content {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: none;
    box-sizing: content-box;
    height: 0;
    margin-top: 0;
    overflow: hidden;
    padding: 0 10px;
    -webkit-transition: all 500ms cubic-bezier(.420, .000, .580, 1.000);
            transition: all 500ms cubic-bezier(.420, .000, .580, 1.000);
    visibility: visible;

    
}


.SectionExpandable.autoheight .SectionExpandable_content {
    display: block;
    height: auto !important;
    -webkit-transition: 0;
            transition: 0;
}


.SectionExpandable.expanded .SectionExpandable_content {
    display: block;
    height: auto;
    overflow: visible;
    padding: 10px;
    visibility: visible;
}

/* Separator **************************/
.Separator {
    border-bottom: 1px solid #dfdfdf;
    margin: 10px 0;
}

.DropdownMenu .Separator {
    margin: 0;
}

/* Tooltip **************************/
.tooltipstered {
    cursor: help;
    display: inline-block;
}

.TooltipWithCounter {
    display: block;
}

.tooltipstered.balloon {
    cursor: pointer;
}

.tooltip_style {
    background-color: #2a2a2a;
    border: 0;
    border-radius: 0;
    color: #fff;
}

.tooltip_style .tooltipster-content {
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    padding: 8px 10px;
}

.tooltipster-base {
    z-index: 15;
}



/*------------------------------------*\
        $6.2 Patterns > Controls
\*------------------------------------*/

/* ButtonGroup **************************/
.ButtonGroup {
    outline: 1px solid transparent;
    -webkit-transition: outline-color .3s ease-out;
            transition: outline-color .3s ease-out;
    width: 100%;
}

.ButtonGroup_button.Button {
    background-color: #fff;
    border-color: #dcdcdc;
    border-radius: 0;
    border-right-width: 0;
    margin: 0;
    margin-right: 0;
}

.ButtonGroup_button.Button span.fa {
    pointer-events: none;
}

.ButtonGroup_button * {
    color: #2a2a2a;
}

.ButtonGroup_button.active {
    background: rgba(238,238,238,1);
    background:    -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(224,224,224,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,238,238,1)), color-stop(100%, rgba(224,224,224,1)));
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(224,224,224,1) 100%);
    background:      -o-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(224,224,224,1) 100%);
    background:     -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(224,224,224,1) 100%);
    background:         linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(224,224,224,1) 100%);
    border-color: #ccc;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.ButtonGroup_button.Button:last-child {
    border-right-width: 1px;
}

.ButtonGroup_button input[type=radio] {
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    z-index: -1;

    
    
    
}

.ButtonGroup_button.Button.disabled,
.ButtonGroup_button.Button.disabled:hover {
    background-color: #f5f5f5;
    color: #999;
    cursor: default;
}

.Form:not(.form-top) .ButtonGroup_button {
    padding-top: 0;
}

/* Remove Margin When use ButtonGroup on Filters_Wrapper */
.Filters_Wrapper .ButtonGroup_button.Button {
    margin-left: 0;
}

/* Responsive Context **************************/

.phone :not(.NoResponsive) > .ButtonGroup .ButtonGroup_button.Button,
.phone :not(.NoResponsive) > .ButtonGroup .ButtonGroup_button a.Button {
    border-right-width: 1px;
    box-shadow: none;
    text-align: center;
}

.phone :not(.NoResponsive) > .ButtonGroup .ButtonGroup_button.Button {
    border-bottom-width: 0;
    border-right-width: 1px;
    width: 100%;
}

.phone :not(.NoResponsive) > .ButtonGroup .ButtonGroup_button.Button:last-child {
    border-bottom-width: 1px;
    width: 100%;
}

.phone .NoResponsive > .ButtonGroup.ButtonGroup2 .ButtonGroup_button.Button {
    width: 50%;
}

.phone .NoResponsive > .ButtonGroup.ButtonGroup3 .ButtonGroup_button.Button {
    width: 33.33%;
}

.phone .NoResponsive > .ButtonGroup.ButtonGroup4 .ButtonGroup_button.Button {
    min-width: 60px;
    width: 25%;
}

.phone .NoResponsive > .ButtonGroup.ButtonGroup5 .ButtonGroup_button.Button {
    min-width: 46px;
    width: 20%;
}

.phone .NoResponsive {
    position: relative;
}


/* Dropdown **************************/
.DropdownMenu {
    background-color: #fff;
    border-color: #c6c6c6;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px 3px #c6c6c6;
    display: none;
    left: 0;
    min-width: 120px;
    position: absolute;
    text-align: left;
    top: 115%;
    z-index: 15;

    
}

.DropdownMenu .PH > a {
    color: #125f90;
    display: block;
    line-height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

.DropdownMenu .PH > a:hover {
    background-color: #efefef;
    color: #499acd;
    text-decoration: none;
}

.open > .DropdownMenu {
    display: block;
}

.DropdownMenu.arrangeHorizontal {
    left: auto;
    right: 0;
}

.DropdownMenu.arrangeVertical {
    bottom: 102%;
    top: auto;
}

/* Dropdown: ButtonDropdown **************************/
.ButtonDropdown {
    position: relative;
}

.ButtonDropdown_button.Button {
    margin-left: 0;
    min-width: 90px;
    padding: 0 10px;
}

.ButtonDropdown_text {
    
}

/* Dropdown: InlineDropdown **************************/
.InlineDropdown {
    position: relative;
}

.InlineDropdown_label {
    cursor: pointer;
    min-width: 50px;
}

.InlineDropdown + .InlineDropdown {
    margin-left: 20px;
}

/* Dropdown: IconDropdown **************************/
.IconDropdown {
    position: relative;
}

.IconDropdown_button.Button {
    margin-left: 0;
    min-width: 35px;
    padding: 0 10px;
}

.IconDropdown_button.Button span.fa {
    margin-left: 0;
}

/* InputWithIcons **************************/

.InputWithIcons {
    position: relative;
}

.InputWithIcons input[type="text"],
.InputWithIcons input[type="password"],
.InputWithIcons input[type="datetime"],
.InputWithIcons input[type="datetime-local"],
.InputWithIcons input[type="date"],
.InputWithIcons input[type="month"],
.InputWithIcons input[type="time"],
.InputWithIcons input[type="week"],
.InputWithIcons input[type="number"],
.InputWithIcons input[type="email"],
.InputWithIcons input[type="url"],
.InputWithIcons input[type="search"],
.InputWithIcons input[type="tel"],
.InputWithIcons input[type="color"] {
    padding-left: 48px;
    width: 100%;
}

.InputWithIcons.Right input[type="text"],
.InputWithIcons.Right input[type="password"],
.InputWithIcons.Right input[type="datetime"],
.InputWithIcons.Right input[type="datetime-local"],
.InputWithIcons.Right input[type="date"],
.InputWithIcons.Right input[type="month"],
.InputWithIcons.Right input[type="time"],
.InputWithIcons.Right input[type="week"],
.InputWithIcons.Right input[type="number"],
.InputWithIcons.Right input[type="email"],
.InputWithIcons.Right input[type="url"],
.InputWithIcons.Right input[type="search"],
.InputWithIcons.Right input[type="tel"],
.InputWithIcons.Right input[type="color"] {
    padding-left: 12px;
    padding-right: 48px;
    width: 100%;
}


.InputWithIcons.Right .InputIcon {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    left: auto;
    right: 1px;
}

.InputWithIcons .InputIcon {
    background-color: #e6e6e6;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 30px;
    left: 1px;
    line-height: 30px;
    padding: 0 10px;
    pointer-events: none;
    position: absolute;
    top: 1px;
}

.tablet .InputWithIcons .InputIcon,
.phone .InputWithIcons .InputIcon {
    height: 36px;
    line-height: 36px;
}


/* Range **************************/
.Slider {
    
    
    
}

.SliderContainer {
    padding: 0 11px;
}

/* Range: Slider values **************************/
.Slider_values {
    display: table;
    margin-top: 10px;
    width: 100%;
}

.tablet .Slider_values,
.phone .Slider_values {
    margin-top: 15px;
}

.Slider_minvalue {
    display: table-cell;
    text-align: left;
    width: 25%;
}

.Slider_maxvalue {
    display: table-cell;
    text-align: right;
    width: 25%;
}

.LabelValues {
    height: 35px;
    margin-top: 0;

    
    
}

.LabelValues * {
    float: left;
    margin-right: 5px;
    vertical-align: bottom;
}

.LabelValues label {
    margin-right: 10px;
}

.Slider_minvalue,
.Slider_maxvalue,
.Slider_currentvalue,
.Slider_currentvalue2 {
    color: #666;
    font-size: 12px;
    margin-top: 2px;
}

.Page .Slider_InputNumber > input,
.Page .Slider_InputNumber2 > input {
    display: none;

    
}

/* Range: Slider bar **************************/
.SliderRange {
    background: #fafafa;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 4px 0 rgba(0,0,0,.15);
    display: table;
    height: 8px;
    position: relative;
    text-align: left;
    width: 100%;
    -webkit-appearance: none;
       -moz-appearance: none;

    
    
    
}

/* Range: Slider cursor **************************/
.SliderRange .ui-slider-handle {
    background: -webkit-linear-gradient(-90deg, #fff 9%, #e0e0e0 100%);
    background:    -moz-linear-gradient(-90deg, #fff 9%, #e0e0e0 100%);
    background:     -ms-linear-gradient(-90deg, #fff 9%, #e0e0e0 100%);
    background:      -o-linear-gradient(-90deg, #fff 9%, #e0e0e0 100%);
    background:         linear-gradient(180deg, #fff 9%, #e0e0e0 100%);
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15);
    cursor: default;
    cursor: pointer;
    height: 22px;
    margin-left: -11px;
    position: absolute;
    top: -9px;
    width: 22px;
    z-index: 2;

    -ms-touch-action: none;
        touch-action: none;
}

.SliderRange .ui-slider-handle:hover {
    background: -webkit-linear-gradient(90deg, #fff 29%, #f2f2f2 100%);
    background:    -moz-linear-gradient(90deg, #fff 29%, #f2f2f2 100%);
    background:     -ms-linear-gradient(90deg, #fff 29%, #f2f2f2 100%);
    background:      -o-linear-gradient(90deg, #fff 29%, #f2f2f2 100%);
    background:         linear-gradient(0deg, #fff 29%, #f2f2f2 100%);
}

.SliderRange .ui-state-active:focus {
    background: #fff;
    outline-width: 0;
}

.tablet .SliderRange .ui-slider-handle,
.phone .SliderRange .ui-slider-handle {
    height: 35px;
    margin-left: -17px;
    top: -14px;
    width: 35px;
}

.SliderRange .ui-slider-handle:after {
    border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
    content: "";
    height: 7px;
    left: 9px;
    position: absolute;
    top: 7px;
    width: 1px;
}

.tablet .SliderRange .ui-slider-handle:after,
.phone .SliderRange .ui-slider-handle:after {
    height: 18px;
    left: 15px;
    width: 2px;
}

.SliderRange .ui-slider-handle:before {
    border-left: 2px solid #ccc;
    content: "";
    height: 7px;
    left: 6px;
    position: absolute;
    top: 7px;
    width: 1px;
}

.tablet .SliderRange .ui-slider-handle:before,
.phone .SliderRange .ui-slider-handle:before {
    height: 18px;
    left: 11px;
}

/* Range: two values range **************************/
.SliderRange .ui-slider-range {
    background: #e6e6e6 ;
    background-position: 0 0;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.ie .SliderRange .ui-slider-range,
.firefox .SliderRange .ui-slider-range {
    border: 1px solid #ccc;
}

.LabelValues > div,
.Slider_InputNumber,
.Slider_InputNumber2 {
    
    
}

.Slider_InputNumber,
.Slider_InputNumber2 {
    
    
    
}

.Slider_InputNumber2 {
    
}

.Slider_InputNumber input,
.Slider_InputNumber2 input {
    
    
}


/* Select2 **************************/
.select2-container .select2-choice {
    background-image: none;
}

.select2-container .select2-choice {
    background-image: none;
    font-family: 'lucida sans unicode', 'lucida sans', 'helvetica nueue', arial, helvetica, sans-serif;
    border-radius: 2px;
    height: 32px;
    line-height: 32px;
}

.select2-container .select2-choice .select2-arrow {
    background: #fff;
    background-clip: padding-box;
    border-left: 1px solid #ddd;
    border-radius: 0 2px 2px 0;
}

.select2-container .select2-choice .select2-arrow b {
    background: url("/WebPatterns/img/select2.png?691") 0 1px no-repeat ;
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
}

.select2-container-active .select2-choice,
.select2-drop-active {
    border: 1px solid #ddd;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    outline: none;
}

.select2-drop {
    /*z-index: 15;*/
    border: 1px solid #ddd;
    border-radius: 0 0 2px 2px;
    border-top: 0;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}


.select2-dropdown-open .select2-choice {
    background-color: #eee;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 1px 0 #fff inset;
}


.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #ddd;
}

.select2-search input {
    background: #fff url("/WebPatterns/img/select2.png?691") no-repeat 100% -22px;
    background: url("/WebPatterns/img/select2.png?691") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0, #fff));
    background: url("/WebPatterns/img/select2.png?691") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 0%, #fff 0%);
    background: url("/WebPatterns/img/select2.png?691") no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 0%, #fff 0%);
    background: url("/WebPatterns/img/select2.png?691") no-repeat 100% -22px, linear-gradient(to bottom, #fff 0%, #fff 0%) 0 0;
}

/* The image is the same but we need to overwrite the original image name because of OS file renaming rules */
.select2-container-multi .select2-choices .select2-search-field input.select2-active,
.select2-more-results.select2-active,
.select2-search input.select2-active {
    background-image: url("/WebPatterns/img/select2spinner.gif?691");
}

input.select2-offscreen,
input.select2-offscreen:focus {
    font-size: 0;
    height: 32px !important;
    width: 100% !important;
}

select.select-hide {
    display: block !important;
    opacity: 0;
    position: absolute;
    z-index: -10;
    pointer-events: none;
    filter: alpha(opacity=0);
    width: 1px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #ccc;
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: none;
}

.select2-container-multi .select2-choices {
    border: 1px solid #ccc;
}

.select2-container-multi .select2-choices .select2-search-field input {
    height: 28px;
}

.tablet .select2-container-multi .select2-choices .select2-search-field input,
.phone .select2-container-multi .select2-choices .select2-search-field input {
    height: 34px;
}

.select2-container-multi .select2-choices .select2-search-choice {
    margin: 4px 0 3px 5px;
    padding: 3px 5px 3px 16px;
}

.tablet .select2-container-multi .select2-choices .select2-search-choice,
.phone .select2-container-multi .select2-choices .select2-search-choice {
    padding: 7px 5px 6px 16px;
}

.select2-search-choice-close {
    top: 3px;
}

.tablet .select2-search-choice-close,
.phone .select2-search-choice-close {
    top: 7px;    
}


/* ToggleButton **************************/
.ToggleButton {
    background-color: #cfcfcf;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px;
    height: 20px;
    border-radius: 15px;
    outline: 1px solid transparent;
    -webkit-transition: outline-color .3s ease-out;
            transition: outline-color .3s ease-out;
    width: 54px;
}

.ToggleButton_label {
    color: transparent;
    cursor: pointer;
    display: block;
    height: 20px;
    position: relative;
    transition: left .15s ease-out;
    width: 50px;

}

.ToggleButton_label:after {
    background-color: #fff;
    border-color: #dcdcdc;
    border-style: solid;
    border-width: 1px;
    color: #444;
    content: "";
    display: block;
    height: 15px;
    left: 5px;
    position: absolute;
    top: 2px;
    transition: left .15s ease-out;
    width: 15px;
    border-radius: 20px;
}

.ToggleButton_label.changed:after {
    background-color: #fff;
    content: "";
    display: block;
    height: 15px;
    left: 30px;
    position: absolute;
    top: 2px;
    -webkit-transition: left .15s ease-out;
            transition: left .15s ease-out;
    width: 15px;
}

.ToggleButton_label input {
    opacity: 0;
    position: absolute;
    z-index: -1;

    
    
    
    
}

.ToggleButton.changed {
    background-color: #a9c264;
    background-image: none;
    border-color: #dcdcdc;
    color: #444;
}

/* Calendar **************************/
.Calendar-topCont {
    z-index: 19 !important;
}

.CalendarWrapper {
    height: auto;
    width: 100%;
}

.Calendar {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    cursor: default;
    font-size: 12px;
    line-height: 14px;
    min-width: 250px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.Calendar-body {
    overflow: hidden;
    padding: 0;
    position: relative;
    line-height: 30px;
}

.Calendar table {
    border-collapse: collapse;
}

.Calendar-dayNames table,
.Calendar-bodyTable {
    width: 100%;
}

/* month title */
.Calendar-titleCont {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin: auto;
    position: relative;
    text-align: center;
    width: 44%\9;
    z-index: 9;
}

.Calendar-title > div {
    display: inline-block;
    display: block\9;
    height: 50px;
    line-height: 20px;
    margin: auto;
    padding-top: 5px;
    width: 80%;
}

body > .Calendar-topCont .Calendar-title {
    max-width: 110px;
}

/* buttons month and year */
.Calendar-navBtn {
    position: absolute;
    top: 0;
    width: 14.4%;
}

.ShowWeekNumbers .Calendar-navBtn,
.ShowWeekNumbers .Calendar-prevMonth {
    width: 12.5%;
}

.Calendar-navBtn > div {
    color: #333;
    cursor: pointer;
    font-size: 30px;
    height: 50px;
    line-height: 42px;
    width: 100%;
}

.desktop .Calendar-navBtn > div:hover {
    color: #ccc;
}


.Calendar-navDisabled,
.topBar-navDisabled .Calendar-navBtn {
    filter: alpha(opacity=30);
    opacity: .3;
}

.Calendar-navDisabled > div,
.topBar-navDisabled .Calendar-navBtn > div {
    color: #ccc !important; /* ensure it's disabled */
    cursor: default;
}

.Calendar-prevMonth {
    border-right: 1px solid #ccc;
    left: 14%;
}

.Calendar-nextMonth {
    border-left: 1px solid #ccc;
    left: 71.2%;
}

.ShowWeekNumbers .Calendar-nextMonth {
    left: 75%;
}

.Calendar-prevYear {
    border-right: 1px solid #ccc;
    left: 0;
}

.Calendar-nextYear {
    border-left: 1px solid #ccc;
    left: 85.4%;
}
.ShowWeekNumbers .Calendar-nextYear {
    left: 87.5%;
}

/* hidden menu select year and month */
.Calendar-menu {
    filter: alpha(opacity=85);
    height: 100%;
    left: 0;
    opacity: .85;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

/* Calendar days */
.Calendar-dayNames {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}


.Calendar-day-disabled,
.Calendar-day-disabled:hover {
    background: #f1f1f1 !important; /* ensure it's disabled */
    cursor: default !important; /* ensure it's disabled */
    filter: alpha(opacity=20) !important; /* ensure it's disabled */
    font-weight: normal !important; /* ensure it's disabled */
    opacity: .2 !important; /* ensure it's disabled */
}

.Calendar-day-selected,
.Calendar-day-selected:hover {
    background: #666;
    color: #fff !important;
 }

.Calendar-day-today {
    font-weight: bold !important; 
}

body > .Calendar-topCont .Calendar-day,
body > .Calendar-topCont .Calendar-weekNumber,
.Calendar-dayNames div,
.Calendar-bottomBar-today,
.triggerTime,
.triggerTimeBack {
    border: 1px solid #fff;
    color: #333;
    height: 100%;
    line-height: 30px;
    position: relative;
}

/* Calendar bottom */
.Calendar-bottomBar-today,
.triggerTime,
.triggerTimeBack {
    opacity: .8;
    padding: 0 20px;
}

body .triggerTimeBack {
    height: 30px;
    margin: auto;
    max-width: 170px;
}

.Calendar-day:hover,
.Calendar-bottomBar-today:hover,
.triggerTime:hover,
.triggerTimeBack:hover {
    background: #ccc;
    cursor: pointer;
}

.Calendar-bottomBar-today {
    cursor: pointer;
}

.Calendar-bottomBar > table table {
    margin: auto;
}

/* other months display */
.Calendar-day-othermonth {
    filter: alpha(opacity=70);
    opacity: .7;
}

.Calendar-dayNames td {
    opacity: .5;
    width: 14.3%;
}

.Calendar-bodyTable .Calendar-weekNumber {
    opacity: .5;
}

.CalendarWrapper .Calendar-topCont,
.CalendarWrapper .Calendar,
.CalendarWrapper .Calendar-bodyTable {
    height: 100%;
    width: 100%;
}

.ShowWeek,
.ShowWeek ~ td {
    width: 12.5% !important;
}

.ShowWeek {
    border-right: 1px solid #ccc;
    opacity: .5;
}

.Calendar-week > td {
    padding: 0;
}

.Calendar-day.Calendar-day-disabled.Calendar-day-selected {
    color: #333 !important;
    opacity: 0.7 !important;
}

/* Calendar time */
.TimeContent {
    background: #fff;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.Calendar-time-down,
.Calendar-time-up,
.Calendar-time-am {
    border: 1px solid #ccc;
    color: #333;
    cursor: pointer;
    display: table-cell;
    font-size: 24px;
    height: 50px;
    margin: auto;
    vertical-align: middle;
    width: 50px;
}

.desktop .Calendar-time-down:hover,
.desktop .Calendar-time-up:hover,
.desktop .Calendar-time-am:hover {
    color: #ccc;
}

.Calendar-time-am {
    font-size: 16px;
    text-transform: uppercase;
}

.Calendar-time {
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    padding-top: 50px;
}

.Calendar-time td {
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 60px;
}

.Calendar-time td:empty,
.Calendar-focusLink {
    display: none;
}

.calTriggerOut {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 18;
}

.ios .calTriggerOut {
    cursor: pointer;
}


/*------------------------------------*\
      $6.3 Patterns > Data
\*------------------------------------*/

/* Badge **************************/
.Badge {
    border-radius: 25px;
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    margin-left: 10px;
    min-width: 20px;
    padding: 1px 5px;
    position: relative;
    text-align: center;
}

.Button .Badge {
    top: -1px;
}

.IconBadge {
    display: inline-block;
    margin-top: 5px;
    position: relative;
}

.IconBadge_number {
    background-color: #499acd;
    border: 2px solid #fff;
    border-radius: 25px;
    color: #fff;
    font-size: 10px;
    letter-spacing: 1px;
    min-width: 18px;
    padding: 1px 5px;
    position: absolute;
    right: -10px;
    text-align: center;
    text-shadow: 1px 1px #369;
    top: -12px;
}

.IconBadge span.fa {
    font-size: 20px;
}

/* Counter **************************/
.Counter {
    text-align: center;
}

.Counter_row {
    height: 50%;
    position: relative;
    width: 100%;
}

.Counter_number {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
}

.Counter_label {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.Counter.Auto {
    height: 80px;
}

.Counter.Auto .Counter_number {
    font-size: 24px;
}

/* Counter: Small **************************/
.Counter.Small {
    height: 50px;
}

.Counter.Small .Counter_number {
    font-size: 18px;
}

/* Counter: Medium **************************/
.Counter.Medium {
    height: 80px;
}

.Counter.Medium .Counter_number {
    font-size: 24px;
}

/* Counter: Large **************************/
.Counter.Large {
    height: 160px;
}

.Counter.Large .Counter_number {
    font-size: 42px;
}

/* ProgressBar **************************/
.Progress {
    background-color: #f5f5f5;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    height: 18px;
    overflow: hidden;
    text-align: left;
    width: 100%;
}

.Progress.Small {
    height: 8px;
}

.Progress.Medium {
    font-size: 10px;
    height: 16px;
}

.Progress.Large {
    font-size: 20px;
    height: 32px;
}

.Progress_bar {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    color: #fff;
    display: table;
    height: 100%;
    text-align: center;
    -webkit-transition: width .6s ease;
            transition: width .6s ease;

    
}

.Progress span {
    display: table-cell;
    vertical-align: middle;

    
}

/* ProgressBar: Tooltipster Context **************************/
.tooltipster-content .Counter {
    padding: 10px 5px;
}

.tooltipster-content .Counter_number {
    line-height: 45px;
}

/* Tile **************************/
.Tile {
    display: table;
    height: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
}

.firefox .Tile {
    display: -moz-deck;
}

.Tile .Row {
    display: table-row;
}

a .Tile {
    text-decoration: none;
}

.Tile.Small {
    /* Firefox */
    display: -moz-box;
    line-height: 20px;
    min-height: 80px;
    width: 100%; /* Firefox needs this */
    -moz-box-align: center;
    -moz-box-pack: center;
}

.Tile.Medium {
    /* Firefox */
    display: -moz-box;
    min-height: 180px;
    width: 100%; /* Firefox needs this */
    -moz-box-align: center;
}

.Tile.Large {
    /* Firefox */
    display: -moz-box;
    min-height: 280px;
    width: 100%; /* Firefox needs this */
    -moz-box-align: center;
    -moz-box-pack: center;
}

.ie .Tile.Large .TileNumber_number {
    height: 50%;
    vertical-align: bottom;
}

.ie .Tile.Large .TileNumber_text {
    height: 50%;
    vertical-align: top;
}

/* Tile: InfoTooltip **************************/
.Tile .InfoTooltip {
    margin: 0;
    position: absolute;
    right: 5px;
    top: 5px;
}

/* Tile: InfoTooltip IF Small **************************/
.Tile.Small .InfoTooltip {
    font-size: 10px;
    right: 2px;
    top: 2px;
}

/* Tile: TileIcon **************************/
.Tile.TileIcon {
    padding: 10px 0 10px;
}

.TileIcon_icon {
    display: table-cell;
    font-size: 48px;
    vertical-align: middle;
}

.TileIcon_text {
    display: table-cell;
    font-size: 16px;
    vertical-align: middle;
}

/* TileIcon IF Small **************************/
.Tile.Small .TileIcon_icon {
    font-size: 30px;
}

.Tile.Small .TileIcon_text {
    font-size: 16px;
}

/* TileIcon IF Medium **************************/
.Tile.Medium .TileIcon_icon {
    font-size: 60px;
}

.Tile.Medium .TileIcon_text {
    font-size: 22px;
}

/* TileIcon IF Large **************************/
.Tile.Large .TileIcon_icon {
    font-size: 70px;
}

.Tile.Large .TileIcon_text {
    font-size: 28px;
}

/* Tile: TileIconText **************************/
.TileIconText_icon {
    display: table-cell;
    font-size: 60px;
    vertical-align: middle;
    width: 120px;
}

.TileIconText_right {
    display: table-cell;
    font-size: 16px;
    padding-right: 20px;
    vertical-align: middle;
}

/* Tile: TileIconText_icon IF Small **************************/
.Tile.Small .TileIconText_icon {
    font-size: 36px;
}

.Tile.Small .TileIconText_right {
    font-size: 16px;
}

/* Tile: TileIconText_icon IF Medium **************************/
.Tile.Medium .TileIconText_icon {
    font-size: 72px;
}

.Tile.Medium .TileIconText_right {
    font-size: 22px;
}

/* Tile: TileIconText_icon IF Large **************************/
.Tile.Large .TileIconText_icon {
    font-size: 88px;
}

.Tile.Large .TileIconText_right {
    font-size: 28px;
}

/* Tile: TileNumber **************************/
.TileNumber_number {
    display: table-cell;
    font-size: 45px;
    font-weight: 700;
    vertical-align: bottom;
}

.TileNumber_text {
    display: table-cell;
    vertical-align: top;
}

/* Tile: TileNumber IF Small **************************/
.Small .TileNumber_number {
    font-size: 18px;
}

.Tile.Small .TileNumber_text {
    font-size: 14px;
}

/* Tile: TileNumber IF Medium **************************/
.Tile.Medium .TileNumber_number {
    font-size: 48px;
}

.Tile.Medium .TileNumber_text {
    font-size: 20px;
}

/* Tile: TileNumber IF Large **************************/
.Tile.Large .TileNumber_number {
    font-size: 62px;
}

.Tile.Large .TileNumber_text {
    font-size: 20px;
}

.Tile .fa-fw {
    width: auto;
}

/* UserInitials **************************/
.UserInitials,
.UserInitials.Small {
    border-radius: 50%;
    height: 22px;
    width: 22px;
}

.UserInitials span,
.UserInitials.Small span {
    font-size: 10px;
}

/* UserInitials: Medium **************************/
.UserInitials.Medium {
    height: 40px;
    width: 40px;
}

.UserInitials.Medium span {
    font-size: 16px;
    font-weight: bold;
    line-height: 2.6em;
}

/* UserInitials: Large **************************/
.UserInitials.Large {
    height: 80px;
    width: 80px;
}

.UserInitials.Large span {
    font-size: 34px;
    font-weight: bold;
    line-height: 2.4em;
}



/*------------------------------------*\
      $6.4 Patterns > Mobile
\*------------------------------------*/

/* ListItem **************************/
.ListItem {
    border-bottom: 1px solid #ccc;
    display: table;
    line-height: 1;
    padding: 15px 20px;
    width: 100%;
}

.ListItem span.fa {
    margin-right: 10px;
}

a .ListItem {
    padding-right: 50px;
    position: relative;
}

a .ListItem:after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    margin-top: -9px;
    position: absolute;
    right: 20px;
    top: 50%;
}

a:hover > .ListItem {
    background-color: #efefef;
}

a > .ListItem.active,
a:active > .ListItem {
    background-color: #ccc;
}

/* ListItemGroup **************************/
.ListItemGroup {
    background-color: #fff;
    border: 1px solid #ccc;
}

.ListItemGroup > a:last-child > .ListItem,
.ListItemGroup > .ListItem:last-child,
.ListItemGroup > span > a:last-child > .ListItem,
.ListItemGroup > span > .ListItem:last-child,
.ListItemGroup > span > span:last-child > a > .ListItem,
.ListItemGroup > span > span:last-child > .ListItem {
    border-bottom: none;
}

.ListItemGroup a {
    text-decoration: none;
}

.Panel .ListItemGroup {
    background-color: transparent;
    border: none;
    border-left: none;
    border-right: none;
}

/* ListItemToggle **************************/
.ListItemToggle .ListItemContent {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.ListItemToggle .WrapperToggleButton {
    display: table-cell;
    width: 70px;
}

.ListItemToggle .ToggleButton {
    display: inline-block;
    float: right;
}



/*------------------------------------*\
      $6.5 Patterns > Navigation
\*------------------------------------*/

/* Breadcrumbs **************************/
.Breadcrumbs {
    font-size: .8em;
    margin-bottom: 15px;
}

.Breadcrumbs div {
    
}

.phone .Breadcrumbs div:first-child span {
    display: none;
}

/* NavigationBar: Horizontal **************************/
.NavigationBar .InlineDropdown .InlineDropdown_icon {
    display: inline;
}

.NavigationBar a,
.NavigationBar a:link,
.NavigationBar a:visited {
    border-bottom: transparent;
    color: #999;
    display: inline-block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative;
}

.NavigationBar a.InlineDropdown {
    cursor: pointer;
}

.NavigationBar a.Active {
    background: transparent;
    color: #151515;
    font-weight: 600;
}

.NavigationBar a:after,
.NavigationBar a:link:after {
    background-color: #c7c7c7;
    bottom: 0;
    content: "";
    height: 2px;
    left: 1%;
    position: absolute;
    right: 1%;
    width: 98%;
}

.NavigationBar a.Active:after {
    background-color: #125f90;
}

.NavigationBar a.Active:not(.ie7):before,
.NavigationBar a.Active:not(.ie8):before {
    border-bottom: 4px solid #125f90;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: 2px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    width: 0;
}

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

/* Responsive Context **************************/
.desktop .NavigationBar a:hover,
.desktop .NavigationBar a:link:hover {
    color: #151515;
}

.desktop .NavigationBar a:hover:after,
.desktop .NavigationBar a:link:hover:after {
    background-color: #125f90;
}

.phone .NavigationBar a:active,
.phone .NavigationBar a:link:active,
.tablet .NavigationBar a:active,
.tablet .NavigationBar a:link:active {
    color: #3e5154;
}

.phone .NavigationBar a:active:after,
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after,
.tablet .NavigationBar a:link:active:after {
    background-color: #125f90;
}

.phone .NavigationBar .InlineDropdown .DropdownMenu a:after,
.tablet .NavigationBar .InlineDropdown .DropdownMenu a:after,
.phone .NavigationBar .InlineDropdown .DropdownMenu a:active:after,
.tablet .NavigationBar .InlineDropdown .DropdownMenu a:active:after {
    background-color: transparent;
}

.phone .NavigationBar .InlineDropdown .DropdownMenu a,
.tablet .NavigationBar .InlineDropdown .DropdownMenu a {
    width: 100%;
}

.phone .NavigationBar .InlineDropdown .DropdownMenu .Active:not(.ie7):before,
.tablet .NavigationBar .InlineDropdown .DropdownMenu .Active:not(.ie7):before,
.phone .NavigationBar .InlineDropdown .DropdownMenu .Active:not(.ie8):before,
.tablet .NavigationBar .InlineDropdown .DropdownMenu .Active:not(.ie8):before {
    border: none;
}

/* NavigationBar: Vertical **************************/
.NavigationBar.Vertical a,
.NavigationBar.Vertical a:link {
    border-left: 2px solid #c7c7c7;
    display: block;
    margin-top: 2px;
    padding: 10px 10px;
}

.NavigationBar.Vertical a.Active,
.NavigationBar.Vertical a:link.Active {
    border-color: #125f90;
}

.NavigationBar.Vertical a:after,
.NavigationBar.Vertical a:link:after {
    content: none;
}

.NavigationBar.Vertical a.Active:not(.ie7):before,
.NavigationBar.Vertical a.Active:not(.ie8):before {
    border-bottom: 4px solid transparent;
    border-left: 4px solid #125f90;
    border-right: 0;
    border-top: 4px solid transparent;
    bottom: calc(50% - 6px);
    left: 0;
}

/* Responsive Context **************************/
.desktop .NavigationBar.Vertical a:hover,
.desktop .NavigationBar.Vertical a:link:hover {
    border-color: #125f90;
}

.phone .NavigationBar.Vertical .InlineDropdown:after,
.phone .NavigationBar.Vertical .InlineDropdown:link:after,
.tablet .NavigationBar.Vertical .InlineDropdown:after,
.tablet .NavigationBar.Vertical .InlineDropdown:link:after {
    background-color: #c7c7c7;
    content: "";
}

.phone .NavigationBar.Vertical .InlineDropdown,
.phone .NavigationBar.Vertical .InlineDropdown:link,
.tablet .NavigationBar.Vertical .InlineDropdown,
.tablet .NavigationBar.Vertical .InlineDropdown:link {
    border: none;
    padding: 8px 6px;
}

.phone .NavigationBar.Vertical,
.phone .NavigationBar.Vertical,
.tablet .NavigationBar.Vertical,
.tablet .NavigationBar.Vertical,
.phone .NavigationBar.Vertical .InlineDropdown .InlineDropdown_label,
.tablet .NavigationBar.Vertical .InlineDropdown .InlineDropdown_label {
    min-width: 60px;
}

.phone .NavigationBar.Vertical .InlineDropdown .DropdownMenu a,
.tablet .NavigationBar.Vertical .InlineDropdown .DropdownMenu a {
    border: none;
}

/* SectionIndex **************************/
.phone .SectionIndex {
    
}

/* TabsClient **************************/
.Tabs {
    border: 1px solid #ccc;
    border-top: none;
    min-height: 80px;
}

.Tabs_header {
    background: #efefef;
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
}

.desktop .Tabs_header,
.tablet .Tabs_header {
    display: table;
}

.Tabs__tab {
    background: #e4e4e4;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 0;
    border-top: 1px solid #ccc;
    cursor: pointer;
    display: table-cell;
    padding: 5px 10px;
    text-align: center;
    transition: background-color .3s ease;
    vertical-align: middle;

    
}

.Tabs__tab:hover {
    background: #fff;
}

.Tabs__tab.active {
    background: #fff;
    border-bottom-color: #fff;
    border-top: 0;
    cursor: default;
}

.Tabs__tab:first-child {
    border-left: 0;
}

.Tabs_body {
    border: 0;
    border-top: 0;
    margin-top: 0;
    padding: 10px;
    position: relative;
    z-index: 0;
}

.Tabs__content {
    display: none;
    height: 0;
    margin-top: 0;
    opacity: 0;

    
    
    
}

.Tabs__content.active {
    display: block;
    height: auto;
    opacity: 1;
}

.Tabs__Loading {
    padding: 25px 40px;
}

.phone .Tabs_header,
.tablet .Tabs_header {
    display: block;
    line-height: 36px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-transition: all .2s;
            transition: all .2s;
    white-space: nowrap;
    width: 100%;
}

.phone .Tabs__tab,
.tablet .Tabs__tab {
    height: 100%;
    min-width: 100px;
    text-align: center;
    width: 1%; /* hack to make tabs adjust and still overflow if needed*/
}

.phone .Tabs__tab.active + .phone .Tabs__tab,
.tablet .Tabs__tab.active + .tablet .Tabs__tab {
    border-left: 0;
}

.phone .Tabs__tab.active:first-child,
.tablet .Tabs__tab.active:first-child {
    border-left: none;
}

.phone .Tabs__tab:first-child,
.tablet .Tabs__tab:first-child {
    border-left-width: 1px;
}

.phone .Tabs__content,
.tablet .Tabs__content {
    display: none;
    height: 0;
    margin-top: 0;
    opacity: 0;

    
    
    
}

.phone .Tabs__content.active,
.tablet .Tabs__content.active {
    display: block;
    height: auto;
    opacity: 1;
}

/* TabsClient inside Panel **************************/

.Panel_content.nopadding .Tabs {
    border-bottom: none;
    border-left: none;
    border-right: none;
}

/* Wizard **************************/
.WizardParent {
    border: 1px solid #e2e2e2;
    display: table;
    overflow: hidden;
    width: 100%;
}

.WizardStep {
    background: #fff;
    display: table-cell;
    font-weight: 600;
    line-height: 38px;
    padding-right: 20px;
    position: relative;
    text-align: center;
    width: 1%;

    
    
}

.WizardStep.ActiveStep {
    background: #e2e2e2;
    color: #fff;
    font-weight: bold;
}

.WizardStep.Past {
    background: #fff;
}

.WizardStep a,
.WizardStep a:link {
    display: block;
    line-height: 38px;
    text-align: center;
}

.WizardStep a,
.WizardStep a:link,
.WizardStep a[disabled="disabled"],
.WizardStep a[disabled="disabled"]:hover {
    color: #333;
}

/* after: right arrow on wizard step **************************/
.WizardStep:after {
    border-right: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    content: "";
    height: 38px;
    position: absolute;
    right: 8px;
    top: 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 38px;
    z-index: 1;
}

.WizardStep:last-of-type:after {
    background: none;
}

/* before: left "inverted" arrow on wizard step **************************/
.WizardStep:before {
    border-bottom: 20px solid #fff;
    border-left: 20px solid transparent;
    border-top: 20px solid #fff;
    content: "";
    height: 0;
    left: -20px;
    position: absolute;
    top: 0;
    width: 0;
}

.WizardStep:first-of-type:before {
    border: none;
    margin-left: 0;
}

.WizardStep.Past:before {
    border-bottom-color: #fff;
    border-top-color: #fff;
}

.WizardStep.ActiveStep:before {
    border-bottom-color: #e2e2e2;
    border-top-color: #e2e2e2;
}

.WizardStep.LastStep:after,
.WizardStep.ActiveStep:after,
.WizardStep.HideArrow:after,
.WizardStep:last-of-type:after {
    border: 0;
    content: "";
}

/*------------------------------------*\
      $6.6 Patterns > Responsive
\*------------------------------------*/

/* TableRecordsResponsive **************************/
.phone .TableRecordsResponsive .TableRecords {
    border: 1px solid #dcddde;
    padding-top: 0;
}

.phone .TableRecordsResponsive .TableRecords td {
    display: block;
    padding-left: 100px;
    padding-right: 10px;
    position: relative;
}

.phone .TableRecordsResponsive .TableRecords tr td div {
    font-size: 14px;
    text-align: left;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Counter.Small .Counter_number {
    font-size: 18px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Counter.Medium .Counter_number {
    font-size: 24px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Counter.Large .Counter_number {
    font-size: 42px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Progress.Medium .Progress_bar {
    font-size: 10px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Progress.Large .Progress_bar {
    font-size: 20px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Tile.Small .TileIcon_icon {
    font-size: 30px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Tile.Small .TileIcon_text {
    font-size: 16px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Tile.Medium .TileIcon_icon {
    font-size: 60px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Tile.Medium .TileIcon_text {
    font-size: 22px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Tile.Large .TileIcon_icon {
    font-size: 70px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Tile.Large .TileIcon_text {
    font-size: 28px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .TileIcon_icon {
    font-size: 48px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .TileIcon_text {
    font-size: 16px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Tile.Small .TileIconText_icon {
    font-size: 36px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Tile.Medium .TileIconText_icon {
    font-size: 72px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Tile.Large .TileIconText_icon {
    font-size: 88px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .TileIconText_icon {
    font-size: 60px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .TileIconText_right .Heading2 {
    font-size: 22px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Tile.Small .TileIconText_right .TilleIconText_text {
    font-size: 16px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Tile.Medium .TileIconText_right .TilleIconText_text{
    font-size: 22px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Tile.Large .TileIconText_right .TilleIconText_text{
    font-size: 28px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .TileIconText_right .TilleIconText_text{
    font-size: 16px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Small .TileNumber_number {
    font-size: 18px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Tile.Small .TileNumber_text {
    font-size: 14px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Tile.Medium .TileNumber_number {
    font-size: 48px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Tile.Medium .TileNumber_text {
    font-size: 20px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Tile.Large .TileNumber_number {
    font-size: 62px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Tile.Large .TileNumber_text {
    font-size: 20px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .TileNumber_number {
    font-size: 45px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .TileNumber_text {
    font-size: 14px;
}

.phone .TableRecordsResponsive .TableRecords tr td div .Blank_icon {
    font-size: 80px;
}

.phone .TableRecordsResponsive .TableRecords .silkui_TableRecords_Label {
    font-size: 12px;
    font-weight: 600;
    left: 15px;
    position: absolute;
    width: 80px;
    word-wrap: break-word;
}

.phone .TableRecordsResponsive .TableRecords .TableRecords_OddRow {
    background-color: #f4f4f4;
}

.phone .TableRecordsResponsive .TableRecords .TableRecords_OddLine,
.phone .TableRecordsResponsive .TableRecords .TableRecords_EvenLine {
    border: none;
}

.phone .TableRecordsResponsive .TableRecords td {
    padding: 10px;
}
.TableRecordsResponsive .TableRecords td:before {
    display: none;
}

.phone .TableRecordsResponsive .TableRecords td.TableRecords_OddLine,
.phone .TableRecordsResponsive .TableRecords td.TableRecords_EvenLine {
    cursor: default;
}

/* FIX FOR TABLE'S WHEN REFRESHED BY AJAX WITH VERTICAL SLIDE*/
span[id*="TableAjaxRfrsh"] {
    width: 100%;
}



/*------------------------------------*\
      $6.7 Patterns > Structure
\*------------------------------------*/

.Page.phone .mob_BreakAll > .Column {
    
}

/* Gallery ***************************/

.Gallery .GalleryWrapper {
    margin-left: -10px;

    
}

.Gallery .GalleryItem > span {
    display: block;
}

.Gallery .GalleryItem {
    display: inline-block;
    margin-bottom: 10px;
    padding-left: 10px;
    vertical-align: top;

    
}

.Gallery .GalleryWrapper .ListRecords {
    display: inline;
}

.Gallery .GalleryWrapper .GalleryItem .Box {
    margin-bottom: 0;
}

.Gallery .GalleryWrapper .GalleryItem > img {
    width: 100%;
}

.Gallery .GalleryWrapper .GalleryItem [class*="ThemeGrid_Width"] {
    margin: 0;
    width: 100%;
}


/*------------------------------------*\
      $7 Patterns > Utilities
\*------------------------------------*/

/* Card Flip **************************/
.CardFlip {
    position: relative;
    -moz-transform: perspective(1000px);
     -ms-transform: perspective(1000px);
    -webkit-perspective: 1000;
            perspective: 1000;
    -moz-transform-style: preserve-3d;
     -ms-transform-style: preserve-3d;
}

.CardFlip:hover .CardFlip_container.hover,
.CardFlip .CardFlip_container.flipped {
    -webkit-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
            transform: rotateY(180deg);
}

.CardFlip .CardFlip_container {
    position: relative;
    -webkit-transition: .6s;
            transition: .6s;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.CardFlip .CardFlip__frontContainer,
.CardFlip .CardFlip__backContainer {
    left: 0;
    min-height: 80px;
    top: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.CardFlip .CardFlip__frontContainer {
    position: relative;
    -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
            transform: rotateY(0deg);
    z-index: 2;
}

.CardFlip .CardFlip__backContainer {
    position: absolute;
    -webkit-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
    width: 100%;

    
    
}

/* FIX FOR IE */
.Page.ie .CardFlip {
    -webkit-perspective: 1000;
            perspective: 1000;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.Page.ie .CardFlip:hover .CardFlip_container.hover .CardFlip__backContainer,
.Page.ie .CardFlip .CardFlip_container.flipped .CardFlip__backContainer {
    -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
            transform: rotateY(0deg);
}

.Page.ie .CardFlip:hover .CardFlip_container.hover .CardFlip__frontContainer,
.Page.ie .CardFlip .CardFlip_container.flipped .CardFlip__frontContainer {
    -webkit-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
}

.Page.ie .CardFlip .CardFlip_container {
    -webkit-transition: .6s;
            transition: .6s;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.Page.ie .CardFlip .CardFlip__frontContainer,
.Page.ie .CardFlip .CardFlip__backContainer {
    -webkit-transition: .6s;
            transition: .6s;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.Page.ie .CardFlip .CardFlip__frontContainer {
    -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
            transform: rotateY(0deg);
    z-index: 2;
}

.Page.ie .CardFlip .CardFlip__backContainer {
    -webkit-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
}

.Page.ie .CardFlip:hover .CardFlip_container.hover,
.Page.ie .CardFlip .CardFlip_container.flipped {
    -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
            transform: rotateY(0deg);
}

/* File Upload **************************/
.FileUpload {
    background-color: rgba(0,0,0,.05);
    border: 1px solid #ccc;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 10px;
    position: relative;
}

.FileUpload_Button,
.FileUpload_Label {
    display: inline-block;
    line-height: 32px;

    
    
}

.FileUpload_Button .Button {
    margin-left: 0;
}

.FileUpload_Label {
    display: inline-block;
    margin-top: 0;
    padding: 0 10px;
    position: relative;
}

.FileUpload_Widget {
    cursor: pointer;
    filter: alpha(opacity=0);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;

    
}

.FileUpload_Widget input[type=file] {
    cursor: pointer;
    height: 100%;
    width: 100%;
}

.FileUpload.active .FileUpload_Label {
    color: #999;
}

.bak_turquoise
{
    background-color: #1ABC9C;  
    color:white;
}

.bak_emerald
{
    background-color: #2ecc71;
    color:white;   
}

.bak_peterRiver
{
    background-color: #3498BD;
    color:white;
}

.bak_amethyst
{
    background-color:#9b59b6;
    color:white;
}

.bak_wetAsphalt
{
    background-color: #34495e;
    color:white;   
}

.bak_greenSea
{
    background-color: #16A085;
    color:white;
}

.bak_nephritis
{
    background-color: #27ae60;
    color:white;
}

.bak_belizeHole
{
    background-color: #2980b9;
    color:white;
}

.bak_wisteria
{
    background-color: #8e44ad;
    color:white;
}

.bak_midnightBlue
{
    background-color: #2c3e50;
    color:white;
}

.bak_sunflower
{
    background-color: #f1c40f;
    color:white;
}

.bak_carrot
{
    background-color: #e67e22;
}

.bak_alizarin
{
    background-color: #e74c3c;
    color:white;
}

.bak_clouds
{
    background-color: #ecf0f1;
}

.bak_concrete
{
    background-color: #95a5a6;
    color:white;
}

.bak_orange
{
    background-color: #f39c12;
    color:white;
}

.bak_pumpkin
{
    background-color: #d35400;
    color:white;
}

.bak_pomegranate
{
    background-color: #c0392b;
    color:white;
}

.bak_silver
{
    background-color: #bdc3c7;
    color:white;
}

.bak_asbestos
{
    background-color: #7f8c8d;
    color:white;
}

.bak_madison{
    background-color: #2c3e50;
    color:white;
}

.stopSign
{
    width:30px;
    height:30px;
    display:inline-block;
    background:url("/Theme_UI/img/Stop_45.png?766");
    background-size:30px;
    margin-left: 10px;
    position: relative;
    vertical-align: top
}

.stopNumber
{
    position:absolute;
    padding-top:3px;
    color:white;    
    font-size:18px;
    top:3px;
    width:100%;
    text-align: center;
}

/*------------------------------------*\
      Misc
\*------------------------------------*/

textarea.noresize {
    resize: none;
    border: 1px solid #aaa;
}

/*------------------------------------*\
      Tags
\*------------------------------------*/

.Tag {
    display: inline-block; 
    padding: 5px; 
    background-color: #056ED3; 
    color: #fff; 
    border-radius: 5px; 
    margin-top: 5px; 
    margin-left: 5px;
}

.Tag .RemoveLink {
    margin-left: 8px;  
}
.Tag .RemoveLink img {
    vertical-align: top;
}

.TagsWrapper {
    min-height: 30px;
    margin-bottom: 5px;
}

.TagListEmpty {
    line-height: 30px;
    padding: 0px 6px;   
}

/*------------------------------------*\
      Multiple Selection - Filters
\*------------------------------------*/

.TopBar .ms-parent {
    margin-top: 5px;   
}

.TopBar .ms-choice {
    height: 30px;
    line-height: 1;
    box-shadow: none;
    border-color: rgb(169, 169, 169);
    color: #333;
    font: bold 18px arial;
}

/*------------------------------------*\
      Floating Jackpot Details
\*------------------------------------*/

.jackpotDetails {
 position:fixed;  
 bottom:35px;
 left:0px;
 width:100%
}

div.jackpotClose{
    cursor: pointer;
    background: url(/Theme_UI/img/Popup_Editor_No_Title_Close.png?766) no-repeat;
    background-size: 36px 36px;
    position: absolute;
    height: 36px;
    width: 36px;
    top: -14px;
    right: -4px;
}

div.jackpotClose:hover{
    background: url(/Theme_UI/img/Popup_Editor_No_Title_Close_Hover.png?766) no-repeat;
    background-size: 36px 36px;
}

.Text_Note_Dark {
    color: #333333;
    font-weight: bold;
    font-size: 11px;
}

/*** Advanced Search Buttons/Checkboxes ***/
.AdvSearchButtons .AdvSearchButton {
    float: right;
    margin-left: 10px;
}
.AdvSearchButtons .AdvSearchButton:last-child {
    margin-left: 0px;   
}

/*----------------------------------------*/
/*** Add scroll to the top of the table records list*/
.horizontalScrolllTop {
    overflow-x: auto;
    transform: rotateX(180deg);
}
.rotate180 {
    transform: rotateX(180deg);
}
/* Add scroll to the top of the list***/
/*----------------------------------------*/