/* System wide general styles to apply */
@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}


/* Generated by Font Squirrel (http://www.fontsquirrel.com)*/
@font-face {
    font-family: 'ralewaybold';
    src: url('Fontkit/raleway-bold-webfont.eot');
    src: url('Fontkit/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fontkit/raleway-bold-webfont.woff2') format('woff2'),
         url('Fontkit/raleway-bold-webfont.woff') format('woff'),
         url('Fontkit/raleway-bold-webfont.ttf') format('truetype'),
         url('Fontkit/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaylight';
    src: url('Fontkit/raleway-light-webfont.eot');
    src: url('Fontkit/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fontkit/raleway-light-webfont.woff2') format('woff2'),
         url('Fontkit/raleway-light-webfont.woff') format('woff'),
         url('Fontkit/raleway-light-webfont.ttf') format('truetype'),
         url('Fontkit/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayregular';
    src: url('Fontkit/raleway-regular-webfont.eot');
    src: url('Fontkit/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fontkit/raleway-regular-webfont.woff2') format('woff2'),
         url('Fontkit/raleway-regular-webfont.woff') format('woff'),
         url('Fontkit/raleway-regular-webfont.ttf') format('truetype'),
         url('Fontkit/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



#wrapper {
    overflow: hidden;
}

body
{
    /*font-size: 1em;*/
    font-size: 14px;
    margin: 0px;
    display: block;
    /*font-family: 'Raleway';*/
    font-family: 'ralewayregular';
}

h1
{
    font-weight: bold;
    /*font-size: 1.2em;*/
    font-size: 16px;
    color: #000000;
}

A 
{
    /*font-size: 0.8em;*/
    font-size: 14px;
}
A:active
{
}
A:link
{
}
A:visited
{
}
A:hover
{
    text-decoration: none;
}


input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/* Master page layouts  min-height: 800px; */
#masterBody {
    background-color: #ffffff;
    /*font-family: 'Raleway';*/
    font-family: 'ralewayregular';
}

/*#wrapper
{
    margin: 0px;
    padding: 0;
}*/

#header
{
    padding: 0;
    margin: 0 auto;
    position: relative;
    width: 100%;
    /*min-height: 108px;*/
    z-index: 1;
}

#mainContainer .header .left 
{
    /*
    */
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    min-height: 108px;
    min-width: 10px;
    /*background: transparent url(images/hl.png) repeat-x top left;*/
    z-index: -1;
}

#header .center {
    /*
    margin: 0 10px;
    padding: 10px 0 0 0;
    min-height: 100px;
    background: transparent url(images/hm.png) repeat-x top left;
    */ /*padding-top: 10px;*/ /*max-width: 800px;*/ /*margin : 0 auto;
    width: 100%;
    text-align: left;
    display: block;*/

    margin: 0px auto 3px auto;
    /*padding: 160px 0 8px 0;
    text-align: center;*/
    /*background: url('Images/SMheader.png') no-repeat center center;*/

    /*width: 100%;
    text-align: center;*/
}

#header .right {
    /*
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    right: 0px;
    min-height: 108px;
    min-width: 10px;
    background: transparent url(images/hr.png) no-repeat top left;
    */
    /* z-index: -1; */
}

/*---HEADER CSS START---*/

.mastHWrap {
    background: url("Images/top-image.jpg") no-repeat; 
    min-height: 250px;
}

.Header_Background {
    background: rgba(0, 0, 0, 0.75) none repeat scroll 0% 0%;
    height: 135px;
    z-index: 100;
    overflow: hidden;
}

.Header_Background_Darker {
    background: rgba(0, 0, 0, 0.85) none repeat scroll 0% 0%;
    min-height: 50px;
    z-index: 100;
}

.mastHWrapInner {
    display: table;
    width: 800px;
    position: absolute;
    top: 4%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.mastHLogo, .mastHTakeHome {
    display: table-cell;
    vertical-align: middle;
}

.mastHTakeHome a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}

#logo {
    /*padding: 20px;
    min-height: 10px;
    min-width: 200px;
    width: 250px;
    height: 50px;*/
}

#logo a {
    border-style: none;
    border-width: thin;
    border-color: inherit;
    position: absolute;
    top: 50px;
    height: 45px;
    left: 45%;
    display: block;
    max-width: 360px;
    color: transparent;
    text-decoration: none;
    /*font-size: 1.1em;*/
}

/*---HEADER CSS END---*/

#logo2
{
    /*margin: 0 0 6px 0;
    padding: 0;
    float: right;
    min-height: 200px;
    min-width: 250px;
    background: transparent url(images/DogImg.png) no-repeat right top;*/
}

#logo3
{
    /*float: right;
    min-height: 43px;
    min-width: 370px;
    background: transparent url(images/welcome.png) no-repeat right top;
    margin-top: 137px;*/
}

#mainMenu
{
    float: none;
}

@media print
{
    .logoStandAlone
    {
        display: none;
    }

    .headerWidthNonResponsive {
     width:28px;
     float:none;
    }
}
 
.logoStandAlone
{
    background: url(images/systemLogo.png) no-repeat;
    width: 254px;
    height: 55px;
}

#TopBack
{
    background-image: url(Images/headerBackground.gif);
    background-repeat: repeat-x;
    height: 99px;
}

#loginNameArea
{
    padding: 10px;
    /*text-align: right;*/
    /*height: 20px;*/
    /*width: 450px;*/
    /*z-index: 300;*/
    /*position: absolute;*/
    /*top: 40px;*/
    /*color: White;*/
    /*margin-top: 60px;*/
    align-content: center;
    display: inline-block;

}

/*---MASTER PAGE CSS START---*/
.mastHWrap2 {
    background-color: #414141;
    height:50px;
}

.mastHWrapInner2 {
    display: table;
    width: 800px;
    padding: 10px 0 15px;
    margin: 0 auto;
}

.mastHLoginContainer, .mastHNoticeContainer {
    display: table-cell;
    vertical-align: bottom;
}

.welcomeLblTxt
{
    display: block;
    font-size: 35px;
    font-weight: 700;
    color: #FFFFFF;
}

.LoginStatus {
    font-size: 14px;
    color: #FFFFFF;
}

.UserName, UserName:link, .UserName:hover, .UserName a, .UserName a:hover {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    text-decoration: none;
}

.userEmail {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
}

.LoginStatus:link, .LoginStatus:hover, .LoginStatus:visited, .LoginStatus:active
{
    font-size: 14px;
    color: #B70000;
    text-decoration: none;
    padding-left: 50px;
}

.LoginStatus:link::before {
    content: "<"    
}

.LoginStatus:link::after {
    content: ">"    
}

.mastHNotice, .mastHBasket {
    float: left;
    padding-left: 10px;
    width: 130px;
}

.mastHNotice a, .mastHBasket a {
    text-decoration: none;
}

.notices, .basket {
    display: table-cell;    
    vertical-align: middle;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}
/*---MASTER PAGE CSS END---*/

#TopImage
{
    background-image: url(Images/top.png);
    background-repeat: no-repeat;
    height: 90px;
    width: 130px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: 10px;
}
#TopSystem
{
    height: 38px;
    width: 450px;
    overflow: hidden;
    position: absolute;
    top: 40px;
    left: 140px;
}

.MenuArea
{
    background: #FFFFFF;
    top: 1px;
    left: 250px;
    position: absolute;
    z-index: 1000;
}

.MasterPageMessageArea {
    display: block;
    padding: 5px 5px 5px 30px;
    border: 1px solid #FFFF80;
    background: #FFFFBF url(images/warning.png) no-repeat left top;
    min-height: 25px;
    color: #000;
    cursor: pointer;
    width: 100%;
}

.MasterPageMessage
{
    /*
    padding: 2px;
    color: #FFFFFF;
    font-size: medium;
    font-weight: bold;
    background-color: #FF3300;
    text-align: center;
    width: 100%;    
    */
}

.Timeout
{
    display: block;
    padding: 10px 5px 10px 30px;
    border: 1px solid #FFFF80;
    background: #DECE33 url(images/warning.png) top left no-repeat;
    min-height: 25px;
    cursor: pointer; 
    width: 100%;   
}

.leftMenuDiv
{
    float: left;
    width: 255px;
}

.rightContentDiv
{
    overflow: hidden;
}

.leftContent
{
}

#mainContent
{
    clear: both;
    padding: 0;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.breadCrumb
{
    padding: 1px 5px 1px 10px;
}


/*
    FLOAT: left; 
    PADDING-RIGHT: 0px; 
    PADDING-BOTTOM: 0px; 
    MARGIN: 29px 0px 0px 10px; 
    OVERFLOW: hidden; 
    WIDTH: 320px; 
    PADDING-TOP: 36px; 
    HEIGHT: 0px! important
*/



.RadTopMenu
{   
}

#HolderMenu
{
    /*position: relative;*/
    /*height: 23px; */      /* give the area an explicit height because the generated menu control does not force this */
}



#LeftMenu
{
    width: 250px;
    padding: 6px;
}

/*Login screen specific styles*/

#loginHeadWrapp {
    margin: 0px auto 3px auto;
    padding: 0px 0 8px 0;
    text-align: center;
}


.ASPLoginControl {
}

#SSLLogo {
    padding: 10px;
}

#loginLogo {
    /*background: url('../../Images/logo.jpg') no-repeat center bottom;*/
    background: url('Images/SMheader.png') no-repeat center center;
}

#loginLogo a {
    display: block;
    height: 235px;
    text-decoration: none;
 }

#loginSlogan
{
    width: 0px;
    height: 0px;
}
   
#loginWrapp
{
    padding: 8px 0;
    text-align: center;
}

#loginWrapper {
    /*width:250px;*/
    padding: 8px 0;
    text-align: center;
    /*font-size: 0.8em;*/  
    font-size: 12px;
    /*background-color: blue;*/
    float: none;
}

#loginControls {
    width: 250px;
    /*padding-left: 43%;*/ 
    /*background-color: red;*/
    margin-left: auto;
    margin-right: auto;
    
}
 
loginWrapper3
{
    padding: 8px 0;
    text-align: center;
    /*font-size: 0.8em;*/  
    font-size: 12px;
}

#loginWrapper2
{
    margin: 50px auto 50px 10px;
    padding: 8px 0 8px;
    width: 490px;
    height: 332px;
    min-height: 332px;
    text-align: center;
    color: #FFFFFF;
    font: normal 9pt/14pt Verdana, Arial, Helvetica, sans-serif;
    background: transparent url(images/LoginBackground.png) no-repeat left top;
    float: left;
}

.loginPanel
{
   background-color:transparent;
}

.loginBody {
    /*background: #272727;*/
    text-align: center;
}

.userInputMessage {
    padding-top: 10px;
    font-size: 14px;
    /*font-size: 1.0em;*/
    width: 210px;
    text-align: left;
    color: #202020;
    margin: 0 auto;
}

.LoginSubWrapper {
}

.riSingle RadInput RadInput_MetroTouch {
    /*width:100%;*/
}

.loginFieldsUser .RadInput_MetroTouch.riSingle .riTextBox {
    background-color: #fff;
    font-size: 18px;
    width: 222px;
    left: -30px;
    position: relative;
}

.loggingIn {
    background-color: beige;
    padding: 10px 20px;
    max-width: 180px;
    margin: 0 auto;
}

.loginFieldsPwd .RadInput_MetroTouch.riSingle .riTextBox {
    font-size: 18px;
    width: 222px;
    left: -30px;
    position: relative;
}

.RadGrid_MetroTouch .rgMasterTable {
    font-size: 18px !important;
    font-family: 'ralewayregular' !important;
}

.RadGrid_MetroTouch .rgHoveredRow, .RadGrid_MetroTouch .rgSelectedRow td {
    background-color: #A0A0A0 !important;
    background-image: none !important;
    border-color: #A0A0A0 !important;
}

.RadGrid_MetroTouch .rgRow td, .RadGrid_MetroTouch .rgAltRow td, .RadGrid_MetroTouch {
    border: 0px !important;
}

/*.RadGrid_MetroTouch .rgRow {
    background-color: #E5E5E5 !important;
    background-image: none !important;
}*/

.RadGrid_MetroTouch .rgSelectedRow {
    background-color: #69A8AC !important;
    border-color: #69A8AC !important;
}

.RadGrid_MetroTouch .rgSelectedRow td {
    border-color: #69A8AC !important;
}
.RadGrid_MetroTouch .rgHoveredRow td {
    border-color: #69A8AC !important;
}

/*.RadGrid_MetroTouch .rgAltRow {
}*/

.loginFieldsUser {
    padding-top: 10px;
}

.loginFieldsPwd {
    padding-top: 10px;
}

.loginFields {
    padding-top: 10px;
}

.loginFieldsSubmit {
    padding-top: 10px;
}

.loginFieldsNew {
    padding-top: 10px;
}

.loginFieldsForgot {
    padding-top: 10px;
}

.loginFieldsError {
    /*padding: 10px;*/
    text-align: center;
    /*font-size: 1.0em;*/
    font-size: 14px;
}

.registerImageButton {
    margin-top: 2px;
    width: 220px;
}

.forgotImageButton {
    margin-top: 2px;
    width: 220px;
}


#LoginButton {
}

.loginImageButton {
    width: 220px;
    /*background:url(./images/log-in.png) no-repeat;*/
    /*display: block;
    background: url(images/log-in.png) no-repeat;
    background-position: -0px -0px;
    width: 250px;*/
}


.smsSettings {
    padding: 20px;
    background: #A0A0A0;
    margin-top: 10px;
    color: #fff;
    font-size: 18px;
}

.smsLabel {
    line-height: 25px;
}


@media (max-width:720px) {
    #loginHeadWrapp {
        max-width:100% !important; width:99% !important;
        padding-top: 10px;
    }
    #loginLogo {
        display: none;
        background: url('../../Images/logo.jpg') no-repeat center top;
        display: block;
    }
    #loginLogo a {
        display: block;
        height: 115px;
        text-decoration: none;
     }
    #loginWrapp {
        max-width:100% !important; width:99% !important;
    }

    .headerWidthNonResponsive {
     width:28px;
     float:none;
    }
}


.registerFieldsUser .RadInput_MetroTouch.riSingle .riTextBox {
    background-color: #fff;
    font-size: 18px;
    width: 222px;
    left: -30px;
    position: relative;
}

.registerFieldsPwd .RadInput_MetroTouch.riSingle .riTextBox {
    /*background-color: #E8D404;*/
    font-size: 18px;
    width: 222px;
    left: -30px;
    position: relative;
}


.registerFieldsUser {
    padding-top: 10px;
}

.registerFieldsPwd {
    padding-top: 10px;
}

.registerFieldsNew {
    padding-top: 10px;
}

.registerFieldsError {
    /*padding: 10px;*/
    text-align: center;
    /*font-size: 1.0em;*/
    font-size: 14px;
}

.registerImageButton2 {
    margin-top: 2px;
    width: 220px;
}

.loginFieldsCheckbox {
    padding-top: 10px;
}

.RemeberMe {
    font-size: 16px;
}

.LoginErrorMessage {
    padding: 8px;
    max-width: 202px;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.85) none repeat scroll 0% 0%;
    color: #fff;
    /*background-color: #E8D404;*/
    /*font-size: 1.0em;*/
    font-size: 14px;
}

.RegisterErrorMessage {
    padding: 8px;
    max-width: 202px;
    margin: 0 auto;
    background-color: #E8D404;
    /*font-size: 0.9em;*/
    font-size: 12px;
}


.forgotFieldsUser .RadInput_MetroTouch.riSingle .riTextBox {
    /*background-color: #E8D404;*/
    font-size: 18px;
    width: 222px;
    left: -30px;
    position: relative;
}


.forgotFieldsUser {
    padding-top: 10px;
}

.forgotFieldsError {
    padding: 10px 0 0;
    text-align: center;
    /*font-size: 1.0em;*/
    font-size: 14px;
}


.ContentContainerArea
{
    margin: 3px 8px 3px 8px;
    padding: 0px;
    z-index: 1; 
    /*

    background: #002738;
    
    position: relative;
    */
}


#ContentMain
{
    padding: 0px;
    position: relative;
    width: 99%;
}



.mainContainer {
    clear: both;
    margin: 10px 0 0 0;
    padding: 0;
    width: 100%;
    position: relative;
}

.mainContainer .header {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 25px;
    position: relative;
}

.mainContainer .header .title {
    margin: 0;
    padding: 0;
    float: left;
    color: #202020;
    font: normal 16px/30px Arial, Helvetica, sans-serif;
    /*font-size: 1.6em;*/
    font-size: 18px;
}

.mainContainer .header .icon {
    margin: 3px 6px 0 0;
    padding: 0;
    float: left;
    vertical-align: middle;
    min-height: 16px;
    min-width: 16px;
}

.mainContainer .header .collapse {
    margin: 0;
    padding: 0;
    float: right;
    vertical-align: middle;
    min-height: 19px;
    min-width: 19px;
}

.mainContainer .header .left
{
    background-position: 0 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    min-height: 25px;
    min-width: 8px;
    /*background: transparent url('Images/dhl.png') no-repeat 0 0;*/
}

.mainContainer .header .center
{
    background-position: 0 0;
    margin: 0 8px 0 8px;
    padding: 0;
    min-height: 25px;
    /*background: transparent url(images/dhm.png) repeat-x 0 0;*/
}

.mainContainer .header .right
{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    right: 0px;
    min-height: 25px;
    min-width: 8px;
    /*background: transparent url(images/dhr.png) no-repeat 0 0;*/
}

.mainContainer .contentContainer
{
    font: normal 8pt/14pt Verdana, Arial, Helvetica, sans-serif;
    clear: both;
    margin: 0 1px 0 0;
    padding: 0px;
    position: relative;
    border: 1px solid #2B4072; /* background: #FFF url(images/bfade.png) repeat-x top left;*/
    overflow: hidden;
    background-color: #FFFFFF;
}

.mainContainer .contentContainer  
{
}

.content
{
    padding-bottom: 7px;
}

.toolBar
{
    padding: 0px;
    overflow: hidden;
    width: 100%;
}

.editContent
{
    padding: 10px;
    vertical-align: top;
}

.editContent .content
{
    /* background: #FFF url(images/bfade.png) repeat-x top left; */
}

/* Used for all popup forms */
.FormBody
{
    /*background-position: #DAE6F4;*/
    overflow: hidden;
    background: #DAE6F4;
    height: 100%;
    margin: 0;
}

.warning {
    /*display: block;
    margin: 0px;
    padding: 5px 5px 5px 30px;
    border: 1px solid #CC0000;
    background: #FF0000 url(images/warning.png) no-repeat left top;
    min-height: 25px;
    color: #FFFFFF;*/

    display: block;
    padding: 12px 10px 12px 30px;
    background-color: #E5E5E5;
    border-style: solid none solid none;
    border-width: 1px;
    /*background: #DECE33 url(images/warning.png) no-repeat top left;*/
}

.headerWidthNonResponsive {
     width:50px !important;
     float:none !important;
     column-width: auto!important;
     column-fill:balance !important;
     grid-column-sizing: auto !important;
     min-width: 50px !important;
     max-width: 50px !important;
    }


.info {
    /*display: block;
    margin: 0px;
    padding: 5px 5px 5px 30px;
    border: 1px solid #FFFF80;
    background: #FFFFBF url(images/info.png) no-repeat top left;
    min-height: 25px;
    color: #000;*/


    display: block;
    padding: 12px 10px 12px 30px;
    background-color: #E5E5E5;
    border-style: solid none solid none;
    border-width: 1px;
    /*border-color: #414141;*/
    background: #E5E5E5 url(images/info.png) no-repeat top left;

}

.displayHeadings {
    display: block;
    margin: 2px;
    padding: 2px 2px 2px 5px;
    background: #FFFFFF;
    min-height: 20px;
    color: #202020;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
}



/*
Used to manage the div's for the Available Asigned block type selections
*/

.availableAsigned
{
    width: 100%;
    height: 420px;
    position: relative;
    top: -150px;
}

.availableAsigned .left
{
    margin: 0;
    padding: 0;
    top: 0px;
    left: 0px;
    min-height: 98%;
    min-width: 310px;
    position: absolute;
}
.availableAsigned .left .selection
{
    margin: 0;
    padding: 0;
    top: 30px;
    left: 0px;
    border: thin solid #000080;
    min-height: 98%;
    min-width: 310px;
    position: absolute;
    background: #FFF url(images/bfade.png) repeat-x top left;    
    height:460px;
}
    
.availableAsigned .centre
{
    padding: 8px;
    margin-top: 150px;
    margin-left: 310px;
    margin-right: 310px;
}

.availableAsigned .right
{
    margin: 0;
    padding: 0;
    top: 0px;
    right: 0px;
    min-height: 98%;
    min-width: 310px;
    position: absolute;
}

.availableAsigned .right .selection
{
    margin: 0;
    padding: 0;
    top: 30px;
    right: 0px;
    border: thin solid #000080;
    min-height: 98%;
    min-width: 310px;
    position: absolute;
    background: #FFF url(images/bfade.png) repeat-x top left;    
    height:460px;
}

.LeftNavHandle
{
    width: 15px;
    height: 500px;
    background-image: url(Images/HandleHand.png);
    cursor: e-resize;
    background-repeat: repeat-y;
}

/*
Used to manage the div's for the Available Asigned block type selections
*/

.availableAsigned
{
    width: 100%;
    height: 420px;
    position: relative;
}

.availableAsigned .left
{
    margin: 0;
    padding: 0;
    top: 0px;
    left: 0px;
    min-height: 98%;
    min-width: 310px;
    position: absolute;
}


/*
Legacy Core Comparison
*/

.legacyCoreComp
{
    padding: 4px 2px 4px 8px;
}

.legacyCoreComp .messageArea
{
    display: block;
    padding: 5px 5px 5px 30px;
    border: 1px solid #FFFF80;
    background: #FFFFBF url(images/warning.png) top left no-repeat;
    min-height: 20px;
    color: #000;
    cursor: pointer; 
}

.legacyCoreComp .tds
{
    padding: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    width: 49%;
    margin: 0px 1px 0px 0px;
    float: left;
    color: #0C3A9F;
    font: normal 12px/25px Arial, Helvetica, sans-serif;
}

.legacyCoreComp .coredata
{
    border-style: solid;
    border-width: 1px;
}

.legacyCoreComp .legacy
{
    padding: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    width: 49%;
    margin: 0px 0px 0px 1px;
    float: right;
    color: #0C3A9F;
    font: normal 12px/25px Arial, Helvetica, sans-serif;
}

.legacyCoreComp .split
{
    /*padding: 4px 2px 4px 8px;*/
}

.legacyCoreComp .split .left
{
    width: 49%;
    float: left;
    padding-left: 4px;
    border-style: solid;
    border-width: 1px;
}

.legacyCoreComp .split .right
{
    width: 49%;
    float: right;
    padding-left: 4px;
    border-style: solid;
    border-width: 1px;
}

.legacyCoreComp .core
{
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    text-align: center;
}

.legacyCoreComp .yoke
{
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    text-align: center;
}


.bgdUpdateProgress {
    background-color:gray; 
    filter: alpha(opacity=20); /* Internet Explorer */
    opacity: 0.2; /* newer Mozilla and CSS-3 */
    -moz-opacity: 0.2; /* Mozilla 1.6 and below  */
} 

.testBCK2
{
    border-style: solid;
    border-width: thin;
}
.testBCK
{
    width: 15px;
    height: 16px;
    background-image: url(Images/HandleHand.png);
    overflow: hidden;
    background-repeat: repeat-y;
}

.PanelImage
{
    padding: 0px;
    border-style: solid;
    border-width:3px;
    border-color:Navy;
}



#PageBottom
{
    text-align: center;
    padding: 3px;
    color: #000000;
    margin-top: 30px;
    margin-left:30px;
    margin-right:30px;
    border-right: #3399ff 1px solid;
    border-top: #3399ff 1px solid;
    border-left: #3399ff 1px solid;
    border-bottom: #3399ff 1px solid;
}



.formHeadingArea
{
    /*font-size: 1.1em;*/
    color: #000000;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
}

.pageActionArea
{
    padding-top: 10px;
    width: 100%;
}

.pageModalPopupArea
{
    background-color: #ffffe0;
    padding: 10px;
    /*font-size: 0.7em;*/
    color: #000000;
    font-size: 10px;
    
}
.pageBackgroudPopupArea
{
    background-color: #dcdcdc;
    filter:alpha(opacity=50);   /* Internet Explorer       */
    -moz-opacity:0.5;           /* Mozilla 1.6 and below   */
    opacity: 0.5;               /* newer Mozilla and CSS-3 */
}

@media print
{
    .horizontalLine
    {
        display: none;
    }

    .headerWidthNonResponsive {
     width:28px;
     float:none;
    }
}

.horizontalLine
{
    background-image: url('Images/hm.png');
    background-color: transparent;
    background-repeat: repeat-x;
}

/*

Used for the container blocks with round corners
*/

/* set the image to use and establish the lower-right position */ 
.cssbox, 
.cssbox_body, 
.cssbox_head, 
.cssbox_head h2 
{ 
    background: transparent url(images/roundedbox.png) no-repeat bottom right; 
}
 
.cssbox
{
    width: 93% !important; /* intended total box width - padding-right(next)  i.e (350-15=335) */
    width: 93%; /* IE Win = width - padding  i.e (350-(15 + 15)=320) */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 0px auto 20px auto; /* use to position the box */
} 

/* set the top-right image */ 
.cssbox_head
{
    background-position: right top;
    margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px;
} 


/* set the top-left image */ 
.cssbox_head h2
{
    background-position: left top;
    margin: 0; /* reset main site styles*/
    border: 0; /* ditto */
    padding: 25px 0 5px 40px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important;
    height: 1%; /*text-align: center;*/
} 

/* set the lower-left corner image */ 
.cssbox_body 
{ 
    background-position: bottom left; 
    margin-right: 25px;         /* interior-padding right */ 
    padding: 10px 0 15px 40px;  /* mirror .cssbox_head right/left */ 
}


/*

Used for the container blocks with round corners
*/

/* set the image to use and establish the lower-right position */ 
.cssboxHeader, .cssboxHeader_body, .cssboxHeader_head, .cssboxHeader_head h2 
{ 
    background: transparent url(images/header.jpg) no-repeat bottom right; 
}
 
.cssboxHeader
{
    width: 100% !important; /* intended total box width - padding-right(next)  i.e (350-15=335) */
    width: 100%; /* IE Win = width - padding  i.e (350-(15 + 15)=320) */
    padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
    margin: 2px auto 5px auto; /* use to position the box */
} 

/* set the top-right image */ 
.cssboxHeader_head 
{
    background-position: top right; 
    margin-right: -5px;     /* pull the right image over on top of border */ 
    padding-right: 15px;        /* right-image-gap + right-inside padding (i.e 25 + 15)*/ 
} 


/* set the top-left image */ 
.cssboxHeader_head h2
{
    background-position: top left;
    margin: 0; /* reset main site styles*/
    border: 0; /* ditto */
    padding: 10px 0 5px 40px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important;
    height: 1%;
} 

/* set the lower-left corner image */ 
.cssboxHeader_body 
{ 
    background-position: bottom left; 
    margin-right: 10px;         /* interior-padding right */ 
    padding: 5px 0 5px 15px;    /* mirror .cssbox_head right/left */ 
}




/* set the image to use and establish the lower-right position */ 
.cssboxHeader1, .cssboxHeader1_body, .cssboxHeader1_head, .cssboxHeader1_head h2 
{ 
    background: transparent url(images/t.jpg) no-repeat bottom right; 
}


.cssboxHeader1
{
    width: 100% !important; 
    width: 100%; 
    padding-right: 5px; 
    margin: 2px auto 5px auto; 
} 

.cssboxHeader1_head 
{
    background-position: top right; 
    margin-right: -5px;     
    padding-right: 15px;        
} 



.cssboxHeader1_head h2
{
    background-position: top left;
    margin: 0; 
    border: 0; 
    padding: 10px 0 5px 40px; 
    height: auto !important;
    height: 1%;
} 



.cssboxHeader1_body
{
    background-position: left bottom;
    margin-right: 10px;
    padding: 5px 0 5px 15px;
}



 /* 
    All screens performing some kind of AJAX callback can make use of this positional div
*/
.AJAXProgress
{
    background-image: url('Images/WaitBar.gif');
    height: 130px;
    background-repeat: no-repeat;
}

 /* 
    background-image: url('Images/WaitBar.gif');
    display: block;
    z-index: 100008;
    left: 38%;
    visibility: visible;
    position: absolute;
    top: 40%;
    width: 150px;
    height: 100px;
    background-repeat: no-repeat;
*/

/* ***************************************** News Panel heading and contents **************************************** */

#ContentMessage
{
    border: 3px solid #3a5870;
    width: 100%;
    vertical-align: top;
    margin-top: 10px;
}

.PanelMessageHeader
{
    background-color: #dbebf2;
    color: #333333;
    height: 30px;
    float : none;
}

.PanelNewsHeaderDesc
{
    float: left;
    padding-left: 8px;
    height: 30px;
    padding-top: 5px;
    font-size: medium;
    font-weight: bold;
}

.PanelNewsHeaderMaxMin
{
    padding-right: 8px;
    text-align: right;  
    float: right;
    padding-top: 5px;

}

.PanelMessageContent
{
    background-color: #FFFFFF;
    border-color: #000099;
    clear: both;
}

.PanelNewsContentDiv
{
    padding: 5px;
}


/* ************************************* General Panel heading and contents ************************************** */

/* This contains the collapes divs. It is the container for the collapse area*/
.PanelCollapseContainer
{
    border: 3px solid #3a5870;
    width: 100%;
    vertical-align: top;
    margin-top: 10px;
}

.PanelGeneralHeader
{
    background-color: #dbebf2;
    color: #333333;
    height: 30px;
    float : none;
}

.PanelGeneralHeaderDesc
{
    float: left;
    padding-left: 8px;
    height: 30px;
    padding-top: 5px;
    font-size: medium;
    font-weight: bold;
}

.PanelGeneralHeaderMaxMin
{
    padding-right: 8px;
    text-align: right;  
    float: right;
    padding-top: 5px;

}

.PanelGeneralContent
{
    background-color: #FFFFFF;
    border-color: #000099;
    clear: both;
}

.PanelGeneralContentDiv
{
    padding: 5px;
}


/* *********************** Areas Specific detail withing collapse divs *********************** */

.vehicleContainerDiv{
    height: 500px;
    width: 99%
}


/* ************************************* Rounded Borders ************************************** */

.lefboxContainer
{
    padding: 5px;
    float: none;
    clear: both;    
}

.lefboxArea
{
    background-color: #d5e7ed;
}
.t {background: url(Images/Box/dt.png) 0 0 repeat-x; width: 100%}
.b {background: url(Images/Box/db.png) 0 100% repeat-x}
.l {background: url(Images/Box/dl.png) 0 0 repeat-y}
.r {background: url(Images/Box/dr.png) 100% 0 repeat-y}
.bl {background: url(Images/Box/bl.png) 0 100% no-repeat}
.br {background: url(Images/Box/br.png) 100% 100% no-repeat}
.tl {background: url(Images/Box/tl.png) 0 0 no-repeat}
.tr {background: url(Images/Box/tr.png) 100% 0 no-repeat; padding:10px}


/* ************************************* Main Navigation  ************************************** */


.CustomButton
{
    background-position: url(Menu/MenuItemBackground.gif);
    background: url(Menu/MenuItemBackground.gif);
    border-left: solid 1px #617fb5;
}

.leftrighttable 
{
    z-index: 1;
    border-style: solid;
}


/* Default Home page Content layout */

#wrapperDefaultContent .left
{
    /*width: 260px;*/
    max-width: 260px;
    float: none;
    display: inline-block;
}

#wrapperDefaultContent .main
{
    margin-top: -10px;
    width: 100%;
    display: inline-block;
}

#wrapperDefaultContent .LeftMenu2
{
    padding-left: 10px;
}

#wrapperDefaultContent .LeftMenu2Sub
{
    padding-top: 2px;
    padding-bottom: 2px;
}

#wrapperDefaultContent
{
}

.LeftMenu2SubText
{
    padding-left: 2px !important;   /* this could be increased if you want to have more space betwwen the left button edge and the text  */
    text-align: left !important;    
}


/* style used for labels in edit screens */

.style1
{ 
    font-size: small; font-weight: normal; 
}


/* style used for inner panels in grids (grid detail) screens */
.viewWrap
{
    padding: 15px;
    background: #2291b5 0 0 url(images/bluegradient.gif) repeat-x;
}
        
.contactWrap
{
    padding: 10px 15px 15px 15px;
    background: #fff;
    color: #333;
}
        
.contactWrap td
{
    padding: 0 20px 0 0;
}
        
.contactWrap td td
{
    padding: 3px 20px 3px 0;
}
        
.contactWrap img
{
    border: 1px solid #05679d;
}



/*@media (max-width:720px) {
    #dashbMstMenu {
        max-width:100% !important; width:99% !important;
    }
}*/




#dashbMstMain {
    padding: 10px;
}

#dashbMstFoot {
    margin-top: 10px;
    padding-top: 10px;
    background-color: white;
    color: #FFFFFF;
    line-height: 30px;
    clear: both;
    margin-bottom:10px;
}

.dashbMstFootCont {
    /*padding-left: 100px;*/
    margin: 0 auto;
    width: 95%;
    max-width: 800px;
}

/*#dashbMstMenu {
    margin : 0 auto;
    width: 100%;
    max-width: 800px;
    text-align: center;
    display: block;
}

.dashbMstMenuItem {
    float: left;
    display: inline-block;
}*/


/*---DASHBOARD ICONS CSS START---*/
.dashbHome {
    border-style: none;
    padding-top: 30px !important;
    float: left;
    margin-top: 0px;
    background-position: center top;
    background-image: url('/Images/home1.png');
    opacity: 0.8;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    width: 90px;
    min-height: 112px;
    display: block;
    background-repeat: no-repeat;
    transform: scale(1.0);
}

.dashbHome:hover {
    background-position: center -0px;
    background-image: url('/Images/home2.png');
    opacity: 1.0;
    background-repeat: no-repeat;
    transform: scale(1.1);
}


.dashbAccount {
    border-style: none;
    padding-top: 30px !important;
    float: left;
    margin-top: 0px;
    background-position: center top;
    background-image: url('/Images/account1.png');
    opacity: 0.8;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    width: 90px;
    min-height: 112px;
    display: block;
    background-repeat: no-repeat;
    transform: scale(1.0);
}

.dashbAccount:hover {
    background-position: center -0px;
    background-image: url('/Images/account2.png');
    opacity: 1.0;
    background-repeat: no-repeat;
    transform: scale(1.1);
}


.dashbMDomain {
    border-style: none;
    padding-top: 30px !important;
    float: left;
    margin-top: 0px;
    background-position: center top;
    background-image: url('/Images/domains1.png');
    opacity: 0.8;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    width: 90px;
    min-height: 112px;
    display: block;
    background-repeat: no-repeat;
    transform: scale(1.0);

}

.dashbMDomain:hover {
    background-position: center -0px;
    background-image: url('/Images/domains2.png');
    opacity: 1.0;
    background-repeat: no-repeat;
    transform: scale(1.1);
}

.dashbHosting {
    border-style: none;
    padding-top: 30px !important;
    float: left;
    margin-top: 0px;
    background-position: center top;
    background-image: url('/Images/hosting1.png');
    opacity: 0.8;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    width: 90px;
    min-height: 112px;
    display: block;
    background-repeat: no-repeat;
    transform: scale(1.0);


}

.dashbHosting:hover {
    background-position: center -0px;
    background-image: url('/Images/hosting2.png');
    opacity: 1.0;
    background-repeat: no-repeat;
    transform: scale(1.1);
}

.dashbEmail {
    border-style: none;
    padding-top: 30px !important;
    float: left;
    margin-top: 0px;
    background-position: center top;
    background-image: url('/Images/emails1.png');
    opacity: 0.8;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    width: 90px;
    min-height: 112px;
    display: block;
    background-repeat: no-repeat;
    transform: scale(1.0);

}

.dashbEmail:hover {
    background-position: center -0px;
    background-image: url('/Images/emails2.png');
    opacity: 1.0;
    background-repeat: no-repeat;
    transform: scale(1.1);
}

.dashbPanel {
    border-style: none;
    padding-top: 30px !important;
    float: left;
    margin-top: 0px;
    background-position: center top;
    background-image: url('/Images/panel1.png');
    opacity: 0.8;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    width: 90px;
    min-height: 112px;
    display: block;
    background-repeat: no-repeat;
    transform: scale(1.0);

}

.dashbPanel:hover {
    background-position: center -0px;
    background-image: url('/Images/panel2.png');
    opacity: 1.0;
    background-repeat: no-repeat;
    transform: scale(1.1);
}

.dashbMProfile {
    border-style: none;
    padding-top: 30px !important;
    float: left;
    margin-top: 0px;
    background-position: center top;
    background-image: url('/Images/profile1.png');
    opacity: 0.8;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    width: 90px;
    min-height: 112px;
    display: block;
    background-repeat: no-repeat;
    transform: scale(1.0);
}

.dashbMProfile:hover {
    background-position: center -0px;
    background-image: url('/Images/profile2.png');
    opacity: 1.0;
    background-repeat: no-repeat;
    transform: scale(1.1);
}

.dashbMAdv {
    border-style: none;
    padding-top: 30px !important;
    float: left;
    margin-top: 0px;
    background-position: center top;
    background-image: url('/Images/adv1.png');
    opacity: 0.8;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    width: 90px;
    min-height: 112px;
    display: block;
    background-repeat: no-repeat;
    transform: scale(1.0);
}

.dashbMAdv:hover {
    background-position: center -0px;
    background-image: url('/Images/adv2.png');
    opacity: 1.0;
    background-repeat: no-repeat;
    transform: scale(1.1);
}

.dashbMDebtors {
    border-style: none;
    padding-top: 30px !important;
    float: left;
    margin-top: 0px;
    background-position: center top;
    background-image: url('/Images/accounts1.png');
    opacity: 0.8;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    width: 90px;
    min-height: 112px;
    display: block;
    background-repeat: no-repeat;
    transform: scale(1.0);
}

.dashbMDebtors:hover {
    background-position: center -0px;
    background-image: url('/Images/accounts2.png');
    opacity: 1.0;
    background-repeat: no-repeat;
    transform: scale(1.1);
}

.dashbHostingRadListView {
    padding-top: 8px;
}


/*-- IPAD LANDSCAPE --*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
    #dashbMenu {
        /*max-width:100% !important; width:99% !important;*/
        margin : 0 auto;
        width: 100%;
        max-width: 880px;
        text-align: center;
        overflow: auto;
    }

    .headerWidthNonResponsive {
     width:28px;
     float:none;
    }

    .bootsXLarge {
        display: none !important;
    }

}

/*-- IPAD PORTRAIT --*/
@media only screen and ( max-width: 980px ) {
    #dashbMenu {
        max-width:95% !important; width:99% !important;
        padding-left: 5% !important;
    }

    .headerWidthNonResponsive{
     width:28px;
     float:none;
     background-color:red;
    }

    .bootsLarge {
        display: none !important;
    }

}


/*-- IPONE LANDSCAPE --*/        
@media only screen and ( max-width: 767px ) { 
    #dashbMenu {
        max-width:90% !important; width:99% !important;
        padding-left: 10% !important;
    }

    .headerWidth {
    width: 0px !important;
    }

    debtorSearch {
    width:150px !important;
    }

    .bootsMed {
        display: none !important;
    }

}


/*-- IPONE PORTRAIT --*/
@media only screen and ( max-width: 479px ) {
    #dashbMenu {
        max-width:95% !important; width:99% !important;
        padding-left: 5% !important;
    }
    .responsiveColumn {
        display: none !important;
    }

    .headerWidth {
    width: 0px !important;
    }

    debtorSearch {
    width:150px !important;
    }

    .bootsSmall {
        display: none !important;
    }

    .additionalColumn {
    display:none;
    }

}


.ajax-loading {
    background-image: url('Images/loading-big.gif'); 
    background-repeat: no-repeat; 
    background-position: center center;  
    height: 150px;
}

.ajax-loading2 {
    background-image: url('Images/loading-flat.gif'); 
    background-repeat: no-repeat; 
    background-position: center center;  
    height: 150px;
}

#dashbContainer {
    padding: 0;
    margin: 0 auto;
    position: relative;
    width: 95%;
    z-index: 1;
    color: #414142;
    /*font-family: Raleway;*/
}

#dashbMain {
    padding-top: 10px;
    margin : 0 auto;
    width: 100%;
    text-align: left;
    display: block;
    max-width: 800px;
}


#dashbMenu {
    /*height: 150px;*/
    padding-top: 12px;
    margin : 0 auto;
    /*width: 100%;*/
    max-width: 800px;
    /*text-align: center;*/
    overflow: hidden;
    /*background-color: red;*/
    /*border:solid;*/

    /*text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;*/

}

.dashbContentContainer {
    max-width: 800px;
    margin : 0 auto;
}

.dashbContentGrid {
    padding-top : 10px;
    max-width: 800px;
    margin : 0 auto;
}

.dashbMenuItem {
    float: left;
    display: inline-block;
}

.dashbAccountHeader {
    padding: 8px 8px 8px 20px;
    margin-top: 15px;
    background-color: #A0A0A0;
    color: #FFFFFF;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
}

.dashbAccountDetail {
    margin-top: 15px;
    padding-left: 8px;
}

.dashbAccountOptions {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 0 10px 8px;
    /*line-height: 40px;*/
    /*background-color: orange;*/
}


.dashbDetailHeader {
    padding: 8px 8px 8px 20px;
    margin-top: 15px;
    background-color: #ff9829;
    color: #FFFFFF;
    vertical-align: middle;
    font-size: 16px;
    line-height: 20px;
}

.dashbOptionLinks {
    padding-right: 10px;
    display:inline-block; 
    float: left;
    margin-bottom: 1px;
    color: #333132;
}

.dashbHeadMain {
    color: #333132;
    font-size: 18px;
    font-family: 'ralewaybold';
}

.dashbDetailHeadMain {
    color: #333132;
    font-size: 16px;
    font-family: 'ralewaybold';
}
.dashbDetailHead {
    margin-top: 15px;
    color: #4E4E4E;
    font-size: 15px;
    font-family: 'ralewaybold';
}

.dashbDetailValue {
    color: #4E4E4E;
    font-size: 15px;
    font-family: 'ralewaylight';
}

.dashbDetailValueHigh {
    color: #333132;
    font-size: 15px;
    font-family: 'ralewaybold';
}

.dashbMissingData {
    font-size: 15px;
    color: #439297;
    font-weight: bold;
    margin-top: 4px;
    /*display: inline-block !important;*/
    padding-top: 8px !important;
    white-space: nowrap;
    line-height: 35px;
}

.passwordConfirmation {
    text-align:right !important;


}

a.dashbButtonA {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    font-size: 15px;
    font-family: 'ralewaybold';
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 5px;
}

a.dashbButtonA.dark, a.dashbButtonB.dark {
    background-color: #333132;
}

a.dashbButtonA.red, a.dashbButtonB.red {
    background-color: #B70000;
}

a.dashbButtonB {
    color: #FFFFFF;
    text-decoration: none;
    padding: 10px;
    font-size: 15px;
    font-family: 'ralewaybold';
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 5px;
}

a.dashbButtonC {
    color: #FFFFFF;
    text-decoration: none;
    border: 1px solid #414141;
    padding: 10px;
    font-size: 15px;
    background-color: #414141;
    font-family: 'ralewaybold';
    white-space: nowrap;
}

a.dashbButtonPDF {
    text-decoration: none;
    padding: 10px;
    font-size: 15px;
    font-family: 'ralewaybold';
    white-space: nowrap;
    /*background-image: url('../../Images/pdf.jpg');*/
    background-image: url('Images/pdf.jpg'); 
    background-size: contain;
    background-repeat: no-repeat;
    height:50px;
}


a.dashbButtonA.dashbHostButton {
    color: #fff;
    text-decoration: none;
    /*border: 1px solid #DECE33;*/
    padding: 10px;
    font-size: 15px;
    /*background-color: #DECE33;*/
    font-family: 'ralewaybold';
    white-space: nowrap;
    vertical-align:middle;
}

a.dashbButtonA.dashbHostButton.dark {
    background-color: #333132;
}

a.dashbButtonC.dashbHostButton {
    color: #FFFFFF;
    text-decoration: none;
    border: 1px solid #414141;
    padding: 10px;
    font-size: 15px;
    background-color: #414141;
    font-family: 'ralewaybold';
    white-space: nowrap;
    vertical-align:middle;
}

a.dashbButtonA:hover {
    font-size: 15px;
}

a.dashbButtonB:hover {
    font-size: 15px;
}

a.dashbButtonC:hover {
    font-size: 15px;
    color: #FFFFFF;
}

a.dashbButtonPDF:hover {
    font-size: 15px;
}


.dashbButtonA {
    color: #fff;
    text-decoration: none;
    /*border: 1px solid #DECE33;*/
    padding: 10px;
    font-size: 15px;
    /*background-color: #DECE33;*/
    font-family: 'ralewaybold';
}

a.dashbButtonA.dark, a.dashbButtonB.dark, .dashbButtonA.dark, .dashbButtonB.dark {
    background-color: #333132;
}

a.dashbButtonA.red, a.dashbButtonB.red, .dashbButtonA.red, .dashbButtonB.red {
    background-color: #B70000 !important;
    color: #fff !important;
}

.dashbButtonB {
    color: #FFFFFF;
    text-decoration: none;
    /*border: 1px solid #68A7AB;*/
    padding: 10px;
    font-size: 15px;
    /*background-color: #68A7AB;*/
    font-family: 'ralewaybold';
}

.dashbButtonC {
    color: #FFFFFF;
    text-decoration: none;
    border: 1px solid #414141;
    padding: 10px;
    font-size: 15px;
    background-color: #414141;
    font-family: 'ralewaybold';
}

.dashbButtonPDF {
    text-decoration: none;
    border: 0px;
    padding: 10px;
    font-size: 15px;
    font-family: 'ralewaybold';
    background-image: url("Images/pdf.jpg");
    height: 30px;
    width: 30px;
    background-size: contain;

}


a.HyperlinkDark {
    color: #000000 !important;
}

a.HyperlinkDarkDashboardText {
    color:white;
}

.dashbMessageContainer {
    padding: 10px 10px 20px 10px;
    background-color: #E5E5E5;
    border-style: solid none solid none;
    border-width: 1px;
    border-color: #414141;
}

.dashbMessageContainerMessage {
    /*height: 70px;*/
}
.dashbMessageContainerOptions {
    margin-top: 10px;
    padding: 10px;
}

.dashbMessageContent {
    line-height: 25px;
}

.dashbHelpContainer {
    margin-top: 10px;
    padding: 10px;
    background-color: #E5E5E5;
    border-style: solid none solid none;
    border-width: 1px;
    border-color: #414141;
}

#dashbDomSearchTextDiv {
    clear: both;
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

#dashbDomEnterDomain {
    display: inline-block;
    min-height: 30px;
}

#domainPrefixDiv {
    display: inline-block;
}

.domainPrefix {
    position: relative;
    bottom: -5px;
    font-size: 16px;
    font-weight: bold;
}

/*.ProductLabelDetail {
    position: relative;
    bottom: -5px;
    left: 30px;
}*/

.ProductPanel {
    padding: 0px;
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
}

.ProductPanelDisplay {
    max-width: 300px;
    margin: 0px auto;
    padding-left: 0px;
}

.ProductImage, .ProductLabel {
    float: left;
}

.ProductImage {
    width: 70px;
}

.ProductLabel{
  max-width: 180px;
}

.ProductLabel span {
    color: #B70000;
    font-size: 18px;
}

.wrapword {
    word-wrap: break-word;    
    display: block;
    padding: 5px 0;
}


#dashbDomSearchButtonDiv {
    /*width: 43px;
    height: 40px;*/
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    /*padding-top: 4px;*/
}

#dashbDomSearchButtonDiv2 {
    display: inline-block;
    margin-top: 15px;
}

.dashbDropDown {
    height:40px;
    font-size: 15px !important;
    width: 250px;
}

.dashbAccountDetail .RadComboBox_BlackMetroTouch .rcbReadOnly .rcbInputCell {
    /*color: black !important;*/
    background-color : #ffffff !important;
}

.dashbAccountDetail .RadComboBox_BlackMetroTouch .rcbReadOnly .rcbInput {
    color: black !important;
    background-color : #ffffff !important;
}

.dashbAccountDetail .RadComboBoxDropDown_BlackMetroTouch {
    color: black !important;
    background: #ffffff none repeat scroll 0% 0% !important;
}

.dashbAccountDetail .RadComboBoxDropDown .rcbList > li {
    background: #FFF !important;
    color: #000 !important;
}

.dashbDomainHostingRow {
    margin-bottom: 2px;
}
.dashbDomainHostingRowAlt {
    /*height: 60px;
    vertical-align: middle;*/
    background-color:#A0A0A0;
    margin-bottom: 2px;
}

.dashbDomainHostingImage {
    margin-right: 10px;
    vertical-align: middle;
}

.dashbDomainHostingDesc1 {
    font-size: 15px;
    display: inline-block;
    margin-top: 5px;
    vertical-align: middle;
    margin-left: 5px;
}

.dashbDomainDetail {
    padding-top: 10px;
}

.dashbRotator {
    width: 100%;
    margin: 0px;
    padding: 2px;
}


.dashbRotatorContent {
    border: solid;
    width: 100%
}


.RADDonutChart {
    width: 100% !important;
    height: 250px !important;
}

.dashbServicesLeft {
    float: left; 
    width: 50%;
}
.dashbServicesRight {
    float: left; 
    width: 50%;
}

.informationImage {
    Height: 15%; 
    Width: 13%;
    vertical-align:sub;
    /*grid-row-span:inherit;*/
}

.dashbDetailHeadInput {
    margin-top: 5px;
    color: #4E4E4E;
    font-size: 15px;
    font-family: 'ralewaybold';
    min-width: 140px;
    display: inline-block;
    line-height: 35px;
    text-align: left;
}

.dashbDetailHeadInputRadioButton {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    color: #4E4E4E !important;
    font-size: 15px !important;
    font-family: 'ralewaybold' !important;
    min-width: 140px !important;
    display: inline-block !important;
    line-height: 15px !important;
    text-align: left !important;
}

/*.test123 {
    display: inline-block;
    line-height: 35px
}*/

/* ************************************************** WHOIS ********************************************** */

#footer-info {
 padding-top: 5px;
}

.topblackmenuFacebook {
   text-align: right;
}

.et_pb_widget a {
	color: #666;
	text-decoration: none;
}

#main-text-footer {
    background-color: #191919;

}

.footer-widget {
    width: 20.875%;
    margin: 0 4.1% 0% 0;
    /*margin-right: 5.5%;
    margin-bottom: 5.5%;*/
    float: left;
    color: #fff;
    padding-bottom: 20px;
    /*max-width: 100%;*/    
    /*vertical-align: baseline;*/

}


#footer-widgets {
    /*padding: 6% 0 0;*/
    padding-top: 6%;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 35px;
    /*float: left;*/
}

.footer-container {
    position: relative;
    text-align: left;
    max-width: 1200px;
    margin: auto;
}


#text-widget-middle {
}

#text-widget-right {
    float: left;
    color: #fff;
}

/*.topblackmenuFacebook {
    width: 64px;
    height: 38px;

}*/

.loginFooter {
    background-image: url('/Images/footer.jpg') !important;
    padding: 40px 0px !important;
    padding-top: 40px !important;
    padding-right: 0px !important;
    padding-bottom: 40px !important;
    padding-left: 0px !important;
}

#container {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.copyright-text {
    font-weight: bold;
    color: #fff !important;
    padding: 10px 30px;
    overflow: hidden;
    float: left;
    background: #191919 ;
    height: 30px;
}


#footer-image {
    width :100% !important;
    height: 54px !important;
}

#text-footer {
    min-height: 260px;
    position: relative;
    background-color: #191919;
    position: relative;
background-color: #191919;

width: 100%;
display: block;
overflow: hidden;

}

#footer-widget-left {
    float:left;
    text-align: left;
    color: #fff; 
    line-height: 2em;
}

#text-widget-middle {
    line-height: 2em;
}
#text-widget-right {
    float: left;
    color: #fff;
    line-height: 2em;
}


#WhoIs {
    margin:10px;

    max-width: 1200px !important;
    float: left;
    width: 80%;
    margin: 0 20%;
    position: relative;
}

#domManImageDiv {
    float: left;
    width: 350px;
    height: 220px;
    /*background: transparent url(http://media.redcactus.co.za/images/RedCactus/domainMan/inet.png) no-repeat center center;*/
    display:none;
}

#dmSearchDiv {
    padding-top:10px;
    padding-bottom:8px; 
    padding-left: 2px;
    margin-bottom:5px;
}

.dmSearchHead {
    margin-left: 5px;
    font-size: 23px;
    color: #707070;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px;
}

.dmSearchSubHead {
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    /*font-size: 1.1em;*/
    color: #707070;
    text-align: left;
    font-size: 15px;
}



.dmSearchContainer {
    margin : 0 auto;
    width: 100%;
    text-align: left;
    /*border-width: thin;
    border-style: solid;*/
}


#dmSearchTextDiv {
    clear: both;
    width: 50%;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

#dmEnterDomain {
    display: inline-block;
    min-height: 30px;
}

#dmSearchButtonDiv {
    width: 90px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}



.rdbSearchText {
    height: 30px;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    color: #0000FF;
}
.rdbSearchText:hover {
    background-color: #FF00FF;
}


#dmResultDiv {
    padding: 5px;
    color: #707070;
    float: none;
    clear: both;
    background-color: #e5e5e5;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 25px;
}

.dmSelectedDiv {
    background-color: transparent;
    width: 330px;
    float: right;
    vertical-align: middle;
    margin-top:10px
}


/* Gradient button */
.RadButton.rbSearchButton {
     border: 0;
     background-color: aliceblue;
}
 
.RadButton.rbSearchButton:hover {
}

.domainFoundDiv {
    height: 90px;
    font-weight: bold;
    /*font-size: 1.2em;*/
    font-size: 15px;
}
.domainNotFoundDiv {
    height: 70px;
    font-weight: bold;
    /*font-size: 1.2em;*/
    font-size: 15px;
}

#domainAvailWrapper {
    max-width: 470px;
    float: left;
}

#domainAvail {
    /*background: transparent url(http://media.redcactus.co.za/images/RedCactus/domainMan/good.png) no-repeat left top;
    height: 32px;
    width: 32px;*/
    float:left;
    margin-right:8px;
}
#domainAvailCongrats {
    float:left;
    height: 20px;
    vertical-align:middle;
    margin-right:8px;
    margin-top: 8px;
}
#domainAvailCongratsRegister {
    float:left;
    margin-top: 8px;
}

.domainDisplayText {
    float:left;
    padding-right:5px;
    color: #50ab00;
}

#domainAvailText {
    color: #50ab00;
}
#domainUnavailText {
    color: #d50000;
}

.labelLargeUnavail {
    position: absolute;
    top: 5px;
    left: 48px;
    /*font-size: 1.1em;*/
    font-size: 15px;
}


.inlineFloaters {
    float:left;
    padding-right:5px;
}

.chooseAlternative {
    /*float: none;
    clear: both;*/
    float:left;
    padding-top: 0px;
    /*font-size : 0.8em;*/
    font-size: 15px;
}

#domainNotAvail {
    background: transparent url(http://media.redcactus.co.za/images/RedCactus/domainMan/bad.png) no-repeat left top;
    height: 32px;
    width: 32px;
    float:left;
    margin-right:8px;
}
#domainNotAvailSorry {
    float:left;
    vertical-align:middle;
    margin-right:8px;
}
#domainNotAvailSorryMessage {
    float:left;
    color: #d50000;
    padding-right: 5px;
}







.domainBottomPrice {
    display:inline-block;
    vertical-align: top;
    padding-top: 20px;
}

.panelDomainAvail {
    padding-top: 20px;
    /*height: 400px;
    overflow: hidden;
    clear: both;
    float: none;*/
    /*border: solid;*/
}

.PriceHead {
    padding-left: 10px;
    color: #B70000;
    /*font-size: 1.3em;*/
    font-size: 22px;
    font-weight: 600;
}


/*.ListOfDomainsView {
    background-color: aqua;
}*/

.listLayout {
    width: 800px;
    display: block;
}
 
.itemStyle {
    float: left;
    width: 195px;
    height: 30px;
    background-image: url(images/x.png);
    margin: 10px;
    position: relative;
    background-repeat: no-repeat;
}
 
.labelLarge {
    position: absolute;
    left: 6px;
    /*font-size: 1.0em;*/
    font-weight: bold;
    font-size: 14px;
}
 
.labelSmall {
    position: absolute;
    left: 125px;
    /*font-size: 1.0em;*/
    /*margin-right: 8px;*/
    font-size: 14px;
}
.labelCost {
    position: absolute;
    left: 215px;
    /*font-size: 1.0em;*/
    font-size: 14px;
}

.itemStylePrice {
    background-position: bottom;
    float: left;
    width: 270px;
    height: 20px;
    background-image: url(images/line-pixel.png);
    margin: 10px;
    position: relative;
    background-repeat: repeat-x;
    padding-right: 15px;
}



.demo-container {
    max-width: 795px;
}
 
div.dataPager {
    clear:both;
    margin:10px 0 0 11px;
    width:770px;
    display:inline-block;
}
 
div.message-box {
    margin: 30px 0;
}


.AddDomainButton {
    background-image: url(Images/select.png);
    background-repeat: no-repeat;
}
.AddDomainButton:hover {
    /*background-color: #FF0000;*/
    /*background-image: url(Images/unselect.png);*/
    background: url(Images/unselect.png);
    background-repeat: no-repeat;
}
.AddDomainButton:visited {
}

.AddDomainButtonAddThis {
    margin-top: 10px;
    background-image: url(Images/dom-select.png);
    background-repeat: no-repeat;
    height: 50px;
    width: 80px;
}

.AddDomainButtonRemoveThis {
    margin-top: 10px;
    background-image: url(Images/dom-unselect.png);
    background-repeat: no-repeat;
}

.AddDomainButtonAdded {
    margin-top: 10px;
    background-image: url(Images/dom-select.png);
    background-repeat: no-repeat;
}

.AddDomainButtonRemoveThis:hover {
    margin-top: 10px;
    background-image: url(Images/remove.png);
    background-repeat: no-repeat;
}

.rgAltRow, .rgRow
{
    cursor: pointer !important;
}



#DomainGrid {
    max-height: 430px;
    overflow: hidden;
    /*border: solid;*/
}

.ShowMore {
    margin-top: 30px;
    text-align: center;
    /*font-size: 1.2em;*/
    font-size: 16px;
}

#DomainGrid2 {
    max-height: 400px;
    overflow: hidden;
}

#ListView1 {
    max-height: 350px;
    overflow: hidden;
}

.ShowMoreSuggest {
    margin-top: 30px;
    margin-bottom:10px;
    text-align: center;
    /*font-size: 1.2em;*/
    font-size: 16px;
}


.ShowMoreDomList {
    margin-top: 30px;
    text-align: center;
    /*font-size: 1.2em;*/
    font-size: 16px;
}

.domainLeftAvailable {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.domainLeftAvailableFull {
    width: 99%;
    display: inline-block;
    vertical-align: top;
}

.domainRightSuggest {
    width: 49%;
    display:inline-block;
    vertical-align: top;
}

.domainRightSuggestFull {
    width: 99%;
    display:inline-block;
    vertical-align: top;
}

.domainBottomTaken {
    display:inline-block;
    vertical-align: top;
    padding-top: 20px;
}


/*.AvailableHead0 {
    background-position: 43px;
    background-image: url('Images/line-pixel.png');
    background-repeat: repeat-x;
}*/

.AvailableHead {
    padding-left: 5px;
    color: #50ab00;
    /*font-size: 1.3em;*/
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    font-size: 22px;
}

.AvailableHead2 {
    padding-left: 5px;
    color: #333333;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    font-size: 22px;
}

.SuggestedHead {
    padding-left: 5px;
    color: #d55500;
    /*font-size: 1.3em;*/
    display:inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    font-size: 22px;
}
.SuggestedHead2 {
    padding-left: 5px;
    color: #333333;
    /*font-size: 1.3em;*/
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    font-size: 22px;
}
.TakenHead {
    padding-left: 10px;
    color: #CC0000;
    /*font-size: 1.3em;*/
    font-size: 22px;
    padding-bottom: 20px;
    font-weight: bold;
}

@media (max-width:880px) {
    .domainLeftAvailable {
        max-width:100% !important; width:99% !important;
    }
    .domainRightSuggest {
        max-width:100% !important; width:99% !important;
    }

    .headerWidthNonResponsive {
     width:28px;
     float:none;
    }
}

.entryViewSearch .searchH1 {
    width: 300px;
    float: left;
    margin-bottom: 2px;
    padding-left: 2px;
}

.entryViewSearch .searchH5 {
    width:100px;
    padding-top: 7px;
    margin-bottom: 20px;
    float:left;
}


.rgDomains {
    margin-top : 3px;
}

.rgDomains tr.rgRow {
    height: 70px;
    border-bottom: 5px solid#333333 !important;
}
.rgDomains tr.rgAltRow 
{ 
    height: 70px;
}
.rgDomains tr.rgSelectedRow {
    height: 70px;
}

.migrateDetail {
    padding: 30px 0px;
}

.migrateLbls {
    max-width: 625px;
}

.migrateLbl {
    float: left;
}

.migrateLbl:nth-child(2) {
   /*padding-left: 5px;*/
}

.migrateLbl span {
    text-transform: uppercase;
    font-weight: bold;

}

.migrateDetailInner {
    float: right;
}

/* ************************************************** WHOIS ********************************************** */



/*-- IPAD LANDSCAPE --*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
    #wrapper {
        max-width: 100% !important;
        width: 99% !important;
    }



    .RADDonutChart {
        width: 100% !important;
        height: 100px !important;
    }

    .dashbServicesLeft {
        float: left; 
        width: 100%;
    }
    .dashbServicesRight {
        float: left;
        width: 100%;
    }

    .informationImage {
        Height: 15%;
        Width: 7%;
        vertical-align: sub;
        /*grid-row-span:inherit;*/
    }

    
    .headerWidthNonResponsive {
     width:28px;
     float:none;
    }

}


/*-- IPAD PORTRAIT --*/
@media only screen and ( max-width: 980px ) {
    #wrapper {
        max-width: 100% !important;
        width: 99% !important;
        /*background-color: #FFFFCC;*/
    }

    .mastHWrap {
        background-color: #DECE33; height: auto;
    }

.mastHLogo {
    float: left;
    padding-top: 10px;
}

.mastHTakeHome {
    margin: 0px;
    float: right;
    display: block;
    /*position: relative;
    left: 11.5%;*/
    padding-top: 10px;
}

.menuDescription {
    float: right;
    }

    /*.mastHTakeHome a, a:hover, a:visited, a:active {*/
    .mastHTakeHome a {
        /*font-size: 1.2em;*/
        color: #fff;
        text-decoration: none;
        font-size: 16px;
    }

    .mastHWrap2 {
        background-color: #414141; height:50px;
    }

    .mastHWrapInner, .mastHWrapInner2 {
        display: block;
        max-width: 95%;
        border: none;
        padding: 10px 0;
    }

    .mastHLoginContainer {
        vertical-align: initial;
        line-height: normal;
    }

    .mastHNoticeContainer {
        float: none;
        margin-top:2px;
        vertical-align: text-bottom;
        padding-left: 150px;
    }

    /*.mastHNotice {
        float:left; margin-top:1px; margin-left:2px;
    }*/

    .mastHNotice, .mastHBasket {
    float: none;
    width: 100px;
    padding-left: 0;
    display: table-cell;
}
    /*.mastHBasket {
        float:left; margin-top:1px; margin-left:2px;
    }*/

    .welcomeLblTxt
    {
        color: #FFFFFF;
        font-size: 35px;
        font-weight: 700;
}

    .LoginStatus {
        /*font-size: 0.9em;*/
        color: #FFFFFF;
        font-size: 13px;
    }
    .LoginStatus a {
        /*font-size: 0.9em;*/
        color: #FFFFFF;
        font-size: 13px;
    }

    .LoginStatus:hover
    {
        /*font-size: 0.9em;*/
        color: #FFFFFF;
        font-size: 13px;
    }


    .dashbOptionLinks {
        padding-right: 10px;
    }

.LoginStatus:link, .LoginStatus:hover, .LoginStatus:visited, .LoginStatus:active {
    font-size: 14px;
    color: #B70000;
    text-decoration: none;
    padding: 10px 0;
    display: block;
}

    .headerWidthNonResponsive {
     width:28px;
     float:none;
    }

}


/*-- IPHONE LANDSCAPE --*/        
@media only screen and ( max-width: 767px ) { 
    #wrapper {
        max-width: 100% !important;
        width: 99% !important;
    }


    .mastHWrap {
        background-color: #DECE33; height: auto;
    }

    .mastHLogo {
        float:left; 
        width: 300px;
    }

    .mastHLogo img {
     width: 100%;    
    }

    .mastHTakeHome {
        float: right;  
        margin-right: 50px;
        padding-bottom: 10px;
    }



    
    .mastHWrap2 {
        background-color: #414141; height:100px;
    }

    .mastHLoginContainer {
        float: none;
        margin-top:2px;
        vertical-align: text-bottom; 
        margin-left:20px;
        line-height: normal;
        display: table-cell;
        padding-right: 20px;
    }

    .mastHNoticeContainer {
        display: table-cell;
        float: none;
        padding-left: 0;
    }

    .mastHNotice {
        float:left; margin-top:1px; margin-left:10px;
    }

    .mastHBasket {
        float:left; margin-top:1px; margin-left:10px;
    }

    .dashbOptionLinks {
        padding-right: 20px;
    }

    .dashbServicesLeft, .dashbServicesRight {
        width: 100%;
    }

    .headerWidth {
    width: 0px !important;
    }

    debtorSearch {
    width:150px !important;
    }
}


/*-- IPONE PORTRAIT --*/
@media only screen and ( max-width: 479px ) {
    #wrapper {
        max-width: 100% !important;
        width: 99% !important;
    }


    .telephoneWidth {
    width:50px;
    }
    /*#header .center {
        padding: 120px 0 8px 0;
        background: url('../../Images/logo.jpg') no-repeat center 40px;
        margin-top: 20px;
    }*/

    /*.welcomeLblTxt
    {
        font-size: 1.4em;
        color: #000000;
        padding-right: 10px;
    }

    .LoginStatus {
        font-size: 1.0em;
        color: #000000;
    }
    .LoginStatus:link
    {
        font-size: 1.0em;
        color: #000000;
    }
    #logo a {
        border-style: none;
        border-width: thin;
        border-color: inherit;
        position: absolute;
        top: 2px;
        left: 10px;
        display: block;
        max-width: 350px;
        color: #000000;
    }*/

    .mastHWrap {
        background-color: #DECE33; height:auto;
    }

    .mastHLogo {
        max-width: 240px;
    }

    .mastHTakeHome {
        float:right; 
        margin-right: 0;
        padding: 0;
    }

    .menuDescription {
        display: none;
    }

    .mastHTakeHome a {
        color: #fff;
        text-decoration: none;
        font-size: 16px;
    }

    .mastHWrap2 {
        background-color: #414141; height:110px;
        padding-left: 10px;
        padding-top: 5px;
    }

    /*.mastHLoginContainer {
        float:left; margin-top:2px; line-height: 20px;
    }*/

    /*.mastHNoticeContainer {
        float:left; margin-top:20px;
    }*/

    .mastHNotice {
        float:none ; margin-top: 1px; margin-left: 2px; display: table-cell;
    }

    .mastHBasket {
        float: none; margin-top:1px; margin-left:2px;
    }


    .RADDonutChart {
        width: 100% !important;
        /*height: 100px !important;*/
    }

    .dashbServicesLeft {
        float: left; 
        width: 100%;
    }
    .dashbServicesRight {
        float: left;
        width: 100%;
    }

    .dashbOptionLinks {
        padding-right: 40px;
    }

    #ctl00_ctl00_CPHMain_CPHMain2_rtbCountryCode_wrapper, #ctl00_ctl00_CPHMain_CPHMain2_rtbCellCountryCode_wrapper {
     display: block;
     margin-bottom: 5px;
    }

    .mastHLogo img {
        max-width: 100%;
    }

    .dashbDetailHeadInput.responsive {
        display: block;
        float: none;
    }

    .responsive {
        display: block;
        float: left;
    }

    .no_border_right {
        margin-right: 5px !important;
    }

    .mastHLoginContainer {
        margin-left: 0;
    }

    .welcomeLblTxt {
        font-size: 20px;
    }

    .LoginStatus:link, .LoginStatus:hover, .LoginStatus:visited, .LoginStatus:active {
        padding: 5px 0 0;
    }

    
}

/*************************************MOBILE MENU*************************************/
#et_mobile_nav_menu {
    float: right;
    display: block;
}

#et-top-navigation {
    font-weight: 600;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#et-top-navigation {
    font-weight: 600;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.mobile_nav .select_page {
    display: none;
}

.mobile_nav .select_page {
    display: none;
}

.mobile_menu_bar, .et_header_style_left .mobile_menu_bar {
    padding: 5px;
    background: transparent url("https://www.redcactus.co.za/wp-content/uploads/2016/01/Main-menu.png") repeat scroll 0% 0% / cover;
    width: 60px;
    height: 60px;
}

.et_header_style_left .mobile_menu_bar {
    padding: 5px;
    background: transparent url("https://www.redcactus.co.za/wp-content/uploads/2016/01/Main-menu.png") repeat scroll 0% 0% / cover;
    width: 60px;
    height: 60px;
}
.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {
    padding-bottom: 24px;
}
.mobile_menu_bar {
    display: block;
    position: relative;
    line-height: 0;
}
.mobile_menu_bar {
    display: block;
    position: relative;
    cursor: pointer;
    line-height: 0;
}
.mobile_menu_bar::before {
    color: #b70000;
}

.mobile_menu_bar::before {
    color: transparent !important;
    height: 60px !important;
    width: 60px !important;
    position: absolute;
}
.et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page, .et_nav_text_color_light #top-menu > li > a, .et_nav_text_color_dark #top-menu > li > a, #top-menu a, .et_mobile_menu li a, .et_nav_text_color_light .et_mobile_menu li a, .et_nav_text_color_dark .et_mobile_menu li a, #et_search_icon:before, .et_search_form_container input, span.et_close_search_field:after, #et-top-navigation .et-cart-info, .mobile_menu_bar:before {
    color: #ddcd44;
}
#et_search_icon:hover, .mobile_menu_bar:before, .et-social-icon a:hover, .et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay:before, .entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .et_pb_member_social_links a:hover, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .et_pb_widget li a:hover, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .wp-pagenavi span.current, .wp-pagenavi a:hover, .nav-single a, .posted_in a {
    color: #ffffff;
}

.mobile_menu_bar:before {
    position: relative;
    top: 0;
    left: 0;
    font-size: 32px;
    content: "\61";
    cursor: pointer;
}

.et-pb-arrow-prev:before, .et-pb-arrow-next:before, .et_pb_testimonial:before, .et_pb_toggle_title:before, .et_overlay:before, #et_search_icon:before, .mobile_menu_bar:before, .et-social-icon a:before, .et_pb_social_icon a.icon:before, .et_pb_font_icon:before, .et_audio_container .mejs-playpause-button button:before, .et_audio_container .mejs-volume-button button:before, #et-info-phone:before, #et-info-email:before, .et-cart-info span:before, .et_pb_pricing_table_button:after, .et_pb_promo_button:after, a.et_pb_more_button:after, .et_pb_newsletter_button:after, .comment-reply-link:after, .form-submit input:after, .et_pb_contact_submit:after, .et_pb_contact_reset:after, .et_password_protected_form .et_submit_button:after, .et_pb_button:after, .woocommerce button.single_add_to_cart_button.button:after, .woocommerce a.button.alt:after, .woocommerce-page a.button.alt:after, .woocommerce button.button.alt:after, .woocommerce-page button.button.alt:after, .woocommerce input.button.alt:after, .woocommerce-page input.button.alt:after, .woocommerce #respond input#submit.alt:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce #content input.button.alt:after, .woocommerce-page #content input.button.alt:after, .woocommerce-page a.button:after, .woocommerce button.button:after, .woocommerce-page button.button:after, .woocommerce input.button:after, .woocommerce-page input.button:after, .woocommerce #respond input#submit:after, .woocommerce-page #respond input#submit:after, .woocommerce #content input.button:after, .woocommerce-page #content input.button:after {
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
    speak: none;
}

.mobile_menu_bar:before {
    position: relative;
    top: 0;
    left: 0;
    font-size: 32px;
    content: "\61";
    cursor: pointer;
}

#et_search_icon:hover, .mobile_menu_bar:before, .et-social-icon a:hover, .comment-reply-link, .form-submit input, .entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .wp-pagenavi span.current, .wp-pagenavi a:hover, .et_password_protected_form .et_submit_button, .nav-single a, .posted_in a, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .footer-widget h4 {
    color: #2ea3f2;
}

.et_mobile_menu {
    left: inherit;
    right: 2%;
    width: 250px;
    padding: 3%;
    border-top: 3px solid #fff;
    opacity: 1;
    background: rgba(0, 0, 0, 0.8);
    display:none;
}
.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li:before, .et_pb_pricing li:before, blockquote {
    border-color: #ffffff;
}

.et_mobile_menu {
    display: none;
    visibility: visible;
    position: absolute;
    z-index: 9999;
    left: 0;
    width: 100%;
    padding: 5%;
    border-top: 3px solid #2ea3f2;
    opacity: 1;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li:before, blockquote {
    border-color: #2ea3f2;
}

ol, ul {
    list-style: none;
}

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, font, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 100%;
    vertical-align: baseline;
}

.et_mobile_menu {
    left: inherit;
    right: 2%;
    width: 250px;
    padding: 3%;
    border-top: 3px solid #fff;
    opacity: 1;
    background: rgba(0, 0, 0, 0.8);
}
.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li:before, .et_pb_pricing li:before, blockquote {
    border-color: #ffffff;
}

.et_mobile_menu {
    display: none;
    visibility: visible;
    position: absolute;
    z-index: 9999;
    left: 0;
    width: 100%;
    padding: 5%;
    border-top: 3px solid #2ea3f2;
    opacity: 1;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.et_mobile_menu {
    left: inherit;
    right: 2%;
    width: 250px;
    padding: 3%;
    border-top: 3px solid #fff;
    opacity: 1;
    background: rgba(0, 0, 0, 0.8);
}

.et_mobile_menu li a {
    color: #fff;
    text-transform: uppercase;
}

.et_mobile_menu li a {
    display: block;
    padding: 10px 5%;
    text-align: left;  
}

a ,a:hover   {
    text-decoration: none;
}

.et_mobile_menu li a {
    font-size: 14px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.et_menu_container .menuDescription {
    height: 40px;
    padding: 10px 0px 0px;
    color: #fff;
    margin-top: 42px;
    margin-right: 15px;
    font-size: 25px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.menuDescription {
    height: 40px;
    padding: 10px 0px 0px;
    color: #fff;
    margin-top: 13px;
    margin-right: 15px;
    font-size: 25px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.mobile_menu {
    left: inherit;
    right: 2%;
    width: 250px;
    padding: 2%;
    border-top: 3px solid #fff;
    opacity: 1;
    background: rgba(0, 0, 0, 0.8);
    display:none;
}
/*************************************MOBILE MENU END*************************************/
#menu {    background: #191919;}


#menu #mobile_menu_slide li a {
    border-bottom: 1px solid #222;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 0;
    color: #fff;
    display: inline-block;
        font-family: 'Raleway', Helvetica, Arial, Lucida, sans-serif;
            font-size: 14px;
                outline: 0;
    background: transparent;

}

.mobile_menu {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    position: inherit;
    text-align: left;
        padding: 28px 40px;
    border: none;
    background: none;
    box-shadow: none;
        line-height: 2em;
    }


.et_slide_in_menu_container {
    width: 320px;
    max-width: 75%;
    padding-top: 0 !important;
        background: #191919;
}


.et_slide_in_menu_container {
    /**/
    display:none;
    overflow: auto;
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    height: 100%;
    background: #2ea3f2;
    -webkit-transition: right 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: right 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    transition: right 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}

.topblackmenu {
    background: #000;
    width: 100%;
    height: auto;
    padding: 8px 0px;
    float: left;
}

.et_fixed_nav #main-header, .et_fixed_nav #top-header {

}

#main-header {
        width: 100%;
}

.topblackmenu {
    background: #000;
    width: 100%;
    height: auto;
    padding: 8px 0px;
    float: left;
}

.topblackWrapper {
    max-width: 1200px;
    margin: 0 auto;
}

/*.topblackmenuFacebook {
    width: 185px;
    float: left;
    margin-right: 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    padding: 2px 0 0 30px;
    margin-right: 40px;
    opacity: 1;
    margin-top: 4px;
}*/

.topblackmenuPinterest {


}

a {
    color: #2d2d2d;
}

span.logo_helper {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

#logo {
    display: inline-block;
    float: none;
    max-height: 54%;
    margin-bottom: 0;
    vertical-align: middle;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
}
img {
    max-width: 100%;
    height: auto;
}

.container {
    position: relative;
    text-align: left;
}

.mobile_menu_bar {
    margin-top: 5px;
    background: url(https://www.redcactus.co.za/wp-content/uploads/2016/08/Red-Cactus-New-Menu.jpg);
    width: 157px;
    height: 75px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.mobile_menu_bar::before {
    color: transparent !important;
    width: 157px !important;
    height: 75px !important;
    position: absolute;
}

    #et-top-navigation {
    float: right;
}

.et_header_style_left .logo_container {
    position: absolute;
    width: 100%;
    height: 100%;
}


#loginWrapp {
    width: 100%;
}


.panel {
    position: fixed;
    right: -320px; /*left or right and the width of your navigation panel*/
    width: 320px; /*should match the above value*/
}

.wrap {
    position: relative;
}

.et-social-icon span {
    display: none;
}
.et-social-facebook a.icon:before {
    content: "\e093";
    color:#fff;
    font-family: 'ElegantIcons';
}

.container{max-width: 1200px;    position: relative;
    text-align: left;    width: 80%;}

.container.et_menu_container {
    float: left;
    margin: 0 20% 0 20%;
}

@media (max-width:720px) {
    .container.et_menu_container {
        float: left;
        margin: 0 20% 0 20%;
        width: 100%;
        margin: 0px;
    }

    .headerWidthNonResponsive {
     width:28px;
     float:none;
    }
}

.logo_container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.et_search_outer {display:none;}

.toggle_slide_menu:after {
    left: -32px;
    opacity: 1;
    content: "\4d";
    color: #b70000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition-delay: 0.3s;
        position: relative;
    top: 0;
        font-size: 32px;
    cursor: pointer;
        font-weight: lighter;
    font-family: 'ElegantIcons';
}

.topblackmenuHostpanel {
    float: right;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    color: rgb(255, 255, 255);
    background: url(https://www.redcactus.co.za/wp-content/uploads/2016/08/Red-Cactus-New-Top-Host.png) no-repeat 0px 1px;
    padding: 2px 0 0 30px;
    margin-right: 40px;
    opacity: 1;
    margin-top: 4px;
}

.topblackmenuHostpanel:hover {
    opacity: 0.8;
}

.topblackmenuWebmail {
    float: right;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    color: rgb(255, 255, 255);
    background: url(https://www.redcactus.co.za/wp-content/uploads/2016/08/Red-Cactus-New-Top-Web.png) no-repeat 0px 1px;
    padding: 2px 0 0 30px;
    margin-right: 40px;
    opacity: 1;
    margin-top: 4px;
}

.topblackmenuWebmail:hover {
    opacity: 0.8;
}

.topblackmenuLogin {
    float: right;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    color: rgb(255, 255, 255);
    padding: 2px 14px 2px 30px;
    background: #c40000 url(https://www.redcactus.co.za/wp-content/uploads/2016/08/Red-Cactus-New-Top-Login.png) no-repeat 6px 2px;
    opacity: 1;
    margin-top: 4px;
}

.topblackmenuLogin:hover {
    opacity: 0.8;
}

.topblackmenuFacebook {
    width:;
    float: left;
    margin-right: 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
    padding:0px;
    margin-right: 40px;
    opacity: 1;
    margin-top:;
}

.topblackmenu{     line-height: 2;   font-family: 'Raleway', Helvetica, Arial, Lucida, sans-serif; font-weight: normal;}

.et_slide_menu_top {
    padding: 40px;
    background: rgba(0, 0, 0, 0.1);
}

.et_slide_menu_top a.et-cart-info {
    float: right;
}

.et-social-icons li {
    display: inline-block;
    margin-left: 20px;
}

.et_slide_menu_top ul.et-social-icons{
    float: left;
}

.et-cart-info{
    color:#fff;
    font-family: 'Raleway', Helvetica, Arial, Lucida, sans-serif; font-weight: normal;
}

.et-cart-info span:before {
    margin-right: 10px;
    content: "\e07a";
    font-family: 'ElegantIcons';
    color:#fff;
}

#mainContent {
    width: 100%;}

.login_statuscontainer {
        background: rgba(0, 0, 0, 0.85) none repeat scroll 0% 0%;
    display: inline-block;
    width: 100%;
    }

.RadMenu_MetroTouch {
    z-index: inherit !important;
}

@media (max-width:568px) {
    .footer-widget {
        width: 100%;
        padding-left: 35px;
    }

    .informationImage {
        Height: 15%;
        Width: 7%;
        vertical-align: sub;
        /*grid-row-span:inherit;*/
    }

    .headerWidthNonResponsive {
     width:28px;
     float:none;
    }
}