html, body 
{
	margin: 0;
	padding: 0;
    font-family: sans-serif;
}

 .pageLayout { left: 0; right: 0; top: 0; bottom: 0; }
    .rowLayout, .colLayout, .pageLayout { overflow: hidden; position: absolute; }
    .rowLayout { left: 0; right: 0; }
    .colLayout { top: 0; bottom: 0; }
    .scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .scroll-y {
         overflow-y: auto; 
         -webkit-overflow-scrolling: touch;
         
         
    }
    .fill, .pane { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100% }
    .pane { display: none; }
    


.header.rowLayout { height: 113px;background-color: #001D49;margin-bottom: 2px;}
.mainBody.rowLayout { top: 114px; bottom: 25px; background-color: white; }
.footer.rowLayout { height: 25px; bottom: 0; background-color: #001D49;}
          
div.header { padding: 0px 10px;}
 
/* Track */
.scroll-y::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
  /*    -webkit-border-radius: 10px;
  border-radius: 10px;*/
}

  
::-webkit-scrollbar {
    width: 12px;
}
 
/* Handle */
.scroll-y::-webkit-scrollbar-thumb {
   /* -webkit-border-radius: 10px;
    border-radius: 10px;*/
    background:#3e779d; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.scroll-y::-webkit-scrollbar-thumb {
	background: #65a9d7; 
}
     
    .field-validation-valid {
    display: none;
}

button, .button {
    border: none;
    background: #3e779d; /*#65a9d7;*/
    /* background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
    background: -moz-linear-gradient(top, #65a9d7, #3e779d);
    background: -ms-linear-gradient(top, #65a9d7, #3e779d);
    background: -o-linear-gradient(top, #65a9d7, #3e779d);
    */
    
    
    padding: 4px 8px;
             
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
   /*            
  box-shadow: 0px 0px 2px gray;
        -moz-box-shadow: 0px 0px 2px gray;

border-top: 1px solid #96d1f8;
background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
               background: -moz-linear-gradient(top, #3e779d, #65a9d7);
               background: -ms-linear-gradient(top, #3e779d, #65a9d7);
               background: -o-linear-gradient(top, #3e779d, #65a9d7);
               
              
               -webkit-box-shadow: rgba(0,0,0,1) 1px 1px 1px;
               -moz-box-shadow: rgba(0,0,0,1) 1px 1px 1px;
               box-shadow: rgba(0,0,0,1) 1px 1px 1px;
               text-shadow: rgba(0,0,0,.4) 1px 1px 1px;*/
        color: white;
        font-size: 14px;
        font-family: Helvetica, Arial, Sans-Serif;
        text-decoration: none;
        vertical-align: middle;
    }
            
    button:hover, .button:hover, .button.selected {
        /*border-top-color: #28597a;*/
        background: #28597a;
        color: #ccc;
        cursor: pointer;
         -webkit-box-shadow: rgba(0,0,0,1) 0px 0px 3px;
               -moz-box-shadow: rgba(0,0,0,1) 0px 0px 3px;
               box-shadow: rgba(0,0,0,1) 0px 0px 3px;
        }
    button:active, .button:active {
        border-top-color: #1b435e;
        background: #1b435e;
                 -webkit-box-shadow: none;
               -moz-box-shadow: none;
               box-shadow: none;
        }

 .taskPanel {
      /*  border: 1px solid #001D49;*/

        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin: 5px;
        padding: 3px;
        background-color:  #f1f1f1;
    }
    
    .taskPanel h4 
    {
        font-size: 14px;
        font-weight: bold;
        margin: -3px -3px 3px -3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 3px 3px 3px 10px;
        background-color: #1C4176;
        color: white;
    }
    
    .taskCommandArea {
        margin-bottom: 20px;
        float:none; 
        margin: 0 5px 10px 0; 
        padding: 3px 0 3px 5px; 
        clear: both;
        background-color: #888;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    /*#262626;
        border-radius: 12px; 
        -moz-border-radius: 12px;*/
    }
    
    .tableStyleSmall, .rowDetails table { position: relative; font-family:Arial, Helvetica, Sans-Serif; font-size:0.8em;border-collapse: collapse;}
    .tableStyleSmall {margin: 10px 0;}
    .tableStyleSmall th, .rowDetails th {background:#7CB8E2; color:#fff; padding:7px 15px; text-align:center; }
    .rowHeader ul, .row ul {margin:0; padding: 0;list-style-type: none;}
        
    .formArea {
        margin: 10px 0;
    }    
    .formArea ul {
        list-style-type: none; 
    }             
    
    .formArea ul li {
        margin-bottom: 5px;
    }
    
    .formArea ul label {
        width: 150px;   
        display: inline-block; 
    }
    #requestsTable tr.rowDetails div.rowDetailsContent {
        display: none;
     }
     
     /* #requestsTable tr.rowDetails div.rowDetailsContent 
{

transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);



        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
        -webkit-transition: 1s;
        transition: 1s;
        background: red;
        max-height: 999px;
      }

    .closed 
    {
        max-height: 0;
        overflow: hidden;
    }
    
    .testContent:active  {
        max-height: 999px;
    }
    
           .testContent 
           {
               transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
               -moz-transform: translate3d(0, 0, 0);
                -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
        -webkit-transition: 1s;
        transition: 1s;
               max-height:1.2em;
               width: 100%;
               background: blue;
               overflow: hidden;
      }*/

          
  

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    
}
						
    .toolbarWrapper {
       /* width: 100%;
        margin: 10px 0  5px 0;*/
        border: none;
        /*text-align: center;*/
        
    }
    .toolbar 
    {
        /*display: inline-block;*/
        height: 75px;
       
    }
    
    .toolbarContent {
        width: 100%;
        float: left;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        font-size: 0.8em;
        
    }
    
    .toolbarButton
    {
        width: 65px;
        margin: 0px 8px;
        height: 48px;
        float: left;
        border-left: none 2px;
        border-right: none 2px;      
    }
    
    /*.toolbarButton:hover, .toolbarButtonSelected 
    {
        margin-left: 13px;
        margin-right: 13px;
        cursor: pointer;
        border-left-style: groove;
        border-right-style: groove;
    }*/
    
    .toolbarButton.close {
        float: right;
    }
    
    .toolbarButtonImg 
    {
        width: 48px;
        height: 48px;
        margin-left: auto;
        margin-right: auto;
        cursor: pointer;
    }
    
     .toolbarButtonImg :hover {
               /*border-top-color: #28597a;*/
                -webkit-box-shadow: rgba(0,0,0,1) 0px 0px 3px;
               -moz-box-shadow: rgba(0,0,0,1) 0px 0px 3px;
               box-shadow: rgba(0,0,0,1) 0px 0px 3px;
               background: #28597a;
               color: #ccc;
                cursor: pointer;
         
               }
               
                .toolbarButtonImg :active {
               /*border-top-color: #28597a;*/
                    -webkit-box-shadow: none;
               -moz-box-shadow: none;
               box-shadow: none;
               background: #28597a;
               color: #ccc;
                cursor: pointer;
         
               }
    
    .toolbarButtonImg img {
         -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }
    .toolbarButtonText 
    {
        clear:both;
        font-size: 10px;
        color: black;
        text-align: center;
        width: 100%;
    }


    .formResult 
    {
        display: inline-block;
        margin-left:  10px;
        height: 16px;
        font-size: 14px;
        font-weight: bolder;
    }
   
    
    .taskResult {
        height: 14px;
        font-size: 10px;
        font-weight: bold;
    }
    
    .resultSuccess {
        color: green;
        font-weight: bold;
        margin-left:10px;
        font-size: 1.2em;
    }
    
    .resultFailed {
        color: red;
        font-weight: bold;
        margin-left:10px;
        font-size: 1.2em;
    }
    

.center {   display: block;   margin-left: auto;   margin-right: auto; }

.reportWrapper,
.wrapper{
    position: relative;
    top: 10px;
    margin-left: auto;
    margin-right: auto;
    background: rgb(247, 247, 247);
    border: 1px solid rgba(147, 184, 189,0.8);
    box-shadow: 
        0pt 2px 5px rgba(105, 108, 109,  0.7),  
        0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
    border-radius: 5px;
}



#loginWrapper {
    width: 50%;
}

#loginWrapperMobile {
    width: 100%;
}
#serviceRequest {
    margin: 10px;
    padding: 10px;
}

#login {
    width: 80%;
    height: 80%;
    margin-left: auto;
    margin-right: auto;
}


.wrapper h1{
    font-size: 48px;
    color: rgb(6, 106, 117);
    font-family: 'FranchiseRegular','Arial Narrow',Arial,sans-serif;
    font-weight: bold;
    text-align: center;
}
 
/** For the moment only webkit supports the background-clip:text; */
.wrapper h1{
    background: 
    -webkit-repeating-linear-gradient(-45deg, 
        rgb(18, 83, 93) , 
        rgb(18, 83, 93) 20px,
        rgb(64, 111, 118) 20px,
        rgb(64, 111, 118) 40px,
        rgb(18, 83, 93) 40px);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
 
.wrapper h1:after{
    content:' ';
    display:block;
    width:100%;
    height:2px;
    margin-top:10px;
    background: 
        linear-gradient(left,  
            rgba(147,184,189,0) 0%,
            rgba(147,184,189,0.8) 20%,
            rgba(147,184,189,1) 53%,
            rgba(147,184,189,0.8) 79%,
            rgba(147,184,189,0) 100%); 
}


::-webkit-input-placeholder  { 
    color: rgb(190, 188, 188); 
    font-style: italic;
}
input:-moz-placeholder,
textarea:-moz-placeholder{ 
    color: rgb(190, 188, 188);
    font-style: italic;
} 
input {
  outline: none;
}

.wrapper input:not([type="checkbox"]){
    width: 100%;
    margin-top: 4px;
    padding: 5px 5px;    
    border: 1px solid rgb(178, 178, 178);
    box-sizing : content-box;
    border-radius: 3px;
    box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
    transition: all 0.2s linear;
}
.wrapper input:not([type="checkbox"]):active,
.wrapper input:not([type="checkbox"]):focus{
    border: 1px solid rgba(91, 90, 90, 0.7);
    background: rgba(238, 236, 240, 0.2);   
    box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
} 

.wrapper p.button input{
    width: 100px;
    cursor: pointer;    
    background: rgb(61, 157, 179);
    font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
    color: #fff;
    font-size: 24px;    
    /*border: 1px solid rgb(28, 108, 122);
    margin-right: -10px;  
    margin-bottom: 10px;    
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    border-radius: 3px; 
    box-shadow:
        0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
        0px 0px 0px 3px rgb(254, 254, 254),
        0px 5px 3px 3px rgb(210, 210, 210);
    transition: all 0.2s linear;*/
}
.wrapper p.button input:hover{
    background: rgb(74, 179, 198);
}
.wrapper p.button input:active,
.wrapper p.button input:focus{
    background: rgb(40, 137, 154);
    position: relative;
    top: 1px;
    border: 1px solid rgb(12, 76, 87);  
    box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
}
p.login.button{
    text-align: right;
}


/* Header */
.headerPane {
    background-position: left top;
    background-repeat: no-repeat;
}
.headerPane .headerTop
{
    height: 45px;
}
.templateTitle 
{
    float:left;
    margin-left: 0;
    margin-top: 7px;
}

.templateTitle a 
{
    text-decoration: none;
    font-size: x-large;
    color: White;
}

.templateTitle h2 
{
    font-family: sans-serif;
    text-decoration: none;
    font-size: x-large;
    color: White;
}
.loginControl 
{
    float: right;
    margin-top: 42px;
    margin-right: 25px;
    font-size: 12px;
    color: white;
}
.organisationSelect {
    float: right;
    margin-top: 38px;
    margin-right: 15px;
    font-size: 18px;
    color: white;
}

.organisationSelect a{
    color: white;
}

.menuHeader {
    float:left; width: 100%; height: 25px; background: black;
    background: -moz-linear-gradient(center top, #9f9f9f, #686868 25%, #2a2a2a 45%, #686868 85%, #9f9f9f);
    background: -webkit-gradient(linear, center top, center bottom, from(#9f9f9f), color-stop(25%, #686868), color-stop(45%, #2a2a2a), color-stop(85%, #686868), to(#9f9f9f)); 
}

.menuItem 
{
    font-family: sans-serif;
    font-style: normal;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 3px;
    height: 100%; 
     border-left-style: solid; 
    border-right-style: solid; 
    border-right-color: black;
    border-left-color: black;
     border-left-width: 1px;
    border-right-width: 1px;
     float: left; 
     width: 100px;
     color: whitesmoke;
    
}

.menuItemIcon {
    padding-left: 5px; 
    height: 100%; 
    border-left-style: solid; 
    border-right-style: solid; 
    border-right-color: black;
    border-left-color: black;
     border-left-width: 1px;
    border-right-width: 1px;
     float: right; 
     width: 40px;
     color: whitesmoke;
}

.menuItemIcon img {
    padding-top: 3px;
}

/*.loginControl a 
{
    color: White;
    text-decoration: none;
    border-bottom: dashed 1px White;
}*/
.headerMenu 
{
/*    margin-top: 11px;*/
}

/* Header Mobile */

.headerTopMobile
{
    height: 15px;
    margin-bottom:25px;
}

.templateTitleMobile 
{
    float:left;
   /* margin-left: 15px;*/
    font-size: x-large;
    text-align: center;
    color: White;
    margin-bottom: 5px;
}

.templateTitleMobile a 
{
    text-decoration: none;
    font-size: small;
    text-align: center;
    color: White;
}

.loginControlMobile
{
    float: right;
    margin-right: 15px;
    margin-top: 10px;
}

.loginControlMobile a 
{
    color: White;
    text-decoration: none;
    font-size: small;
    border-bottom: dashed 1px White;
}

.organisationSelectMobile {
    float: left;
    margin-bottom: 5px;
    width: 100%
}

.mobileHomePanel {
    width: 100%;
    float: left;
}

.mobileHomePanel img 
{
    margin: 0px;
    margin-left: 50px;
    margin-top: 30px;
}

/* Footer */
.footerPane 
{
    position:relative;
    height:100%;
}
.footerMenu {
    float: right;
    padding-top: 7px;
}
.copyright 
{
    float: left;
    margin-left: 15px;
    margin-top: 100px;
}

.content 
{
    padding: 5px;
}


/* Account */
.accountHeader h2 
{
    margin: 10px 0 7px 0;
    font-size: 16px;
}
.accountHeader p 
{
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.accountHeader 
{
    margin-bottom: 20px;
}
.form-field
{
    font-size: .8125em;
    margin-bottom: 8px;
}

.field-validation-error {
	font-size: 11px;
	color: Red;
}


/* iOS */
.dxsplVSeparator_iOS,
.dxsplHSeparator_iOS
{
    border-width: 0px !important;
}
.dxsplPane_iOS.leftPane,
.dxsplPane_iOS.rightPane,
.dxsplPane_iOS.contentPane
{
    border-width: 1px !important;
}
.dxsplControl_iOS .templateTitle
{
    margin-top: 3px;    
}
.dxsplControl_iOS .templateTitle a
{
    color: #303030;
    font-size: 26px;
    line-height: 1em;
    font-weight: bold;
}
.dxsplControl_iOS .headerTop,
.dxsplControl_iOS .content
{
    font-family: HelveticaNeue,Helvetica,Verdana,sans-serif;
}
.dxsplControl_iOS .loginControl
{
    margin-top: 4px;    
}

.dxsplControl_iOS .loginControl a
{
    color: #0160E7;
    text-decoration: underline;
    font-size: 20px;
    font-weight: bold;
}
.dxsplControl_iOS .headerTop
{
    height: 33px;
}
.dxsplControl_iOS .headerMenu
{
    margin-top: 0px;   
}
.dxsplPane_iOS.mainContentPane
{
    border-width: 0px !important;
    box-shadow: initial;
    -webkit-box-shadow: initial;
    -moz-box-shadow: initial;
}
.dxsplPane_iOS.footerPane
{
    border-width: 1px !important;
}
.dxsplControl_iOS .accountHeader p
{
    color: #303030;
    font-size: 18px;
}
.dxsplControl_iOS .accountHeader h2
{
    color: #303030;
    font-size: 26px;
    margin-bottom: 10px;
}


/* Aqua */
.dxsplControl_Aqua 
{
    font-family: Tahoma;
}
.dxsplControl_Aqua .headerPane,
.dxsplControl_Aqua .footerPane,
.dxsplControl_Aqua .footerMenu li
{
    background-color: #BFDBFF;
}
.dxsplControl_Aqua .headerPane
{
    background-image: url('images/AquaHeader.jpg');
}
.dxsplControl_Aqua .headerMenu li b
{
    height: 25px !important;
}
.dxsplControl_Aqua .accountHeader h2
{
    color: #5689C5;
}


/* DevEx */
.dxsplControl_DevEx 
{
    font-family: Verdana;
    color: #201F35;
}
.dxsplControl_DevEx .headerPane,
.dxsplControl_DevEx .footerPane,
.dxsplControl_DevEx .footerMenu li
{
    background-color: #F2F3F4;
}
.dxsplControl_DevEx .templateTitle a,
.dxsplControl_DevEx .loginControl,
.dxsplControl_DevEx .loginControl a
{
    color: #4B4B57;
}
.dxsplControl_DevEx .loginControl a 
{
    border-bottom-color: #4B4B57;
}
.dxsplControl_DevEx .headerMenu 
{
    margin-top: 13px;
}
.dxsplControl_DevEx .accountHeader p
{
    font-size: 11px;
}


/* BlackGlass */
.dxsplControl_BlackGlass 
{
    font-family: Tahoma;
}
.dxsplControl_BlackGlass .headerPane,
.dxsplControl_BlackGlass .footerPane,
.dxsplControl_BlackGlass .footerMenu li
{
    background-color: #2A2A2A;
    color: white;
}
.dxsplControl_BlackGlass .headerPane
{
    background-image: url('images/BlackGlassHeader.jpg');
}
.dxsplControl_BlackGlass .leftPanel li[class$="dxnb-last"] ul
{
    border-bottom: 1px solid black;
}
.dxsplControl_BlackGlass .accountHeader p
{
    color: #585858;
}


/* Glass */
.dxsplControl_Glass 
{
    font-family: Tahoma;
}
.dxsplControl_Glass .headerPane,
.dxsplControl_Glass .footerPane,
.dxsplControl_Glass .footerMenu li
{
    background-color: #CFE0E7;
}
.dxsplControl_Glass .headerPane
{
    background-image: url('images/GlassHeader.jpg');
}
.dxsplControl_Glass .footerMenu *
{
    background-image: none !important;
}
.dxsplControl_Glass .headerMenu li b
{
    height: 25px !important;
}
.dxsplControl_Glass .templateTitle a,
.dxsplControl_Glass .loginControl,
.dxsplControl_Glass .loginControl a
{
    color: #4B4B57;
}
.dxsplControl_Glass .loginControl a 
{
    border-bottom-color: #4B4B57;
}
.dxsplControl_Glass .accountHeader h2
{
    color: #387FA4;
}
.dxsplControl_Glass .accountHeader p
{
    color: #575757;
}



/* Office2003Blue */
.dxsplControl_Office2003Blue 
{
    font-family: Tahoma;
}
.dxsplControl_Office2003Blue .headerPane,
.dxsplControl_Office2003Blue .footerPane,
.dxsplControl_Office2003Blue .footerMenu li
{
    background-color: #BCD4F6;
}
.dxsplControl_Office2003Blue .footerMenu div
{
    background: transparent none;
}
.dxsplControl_Office2003Blue .leftPanel > ul
{
    background: transparent none;
}
.dxsplControl_Office2003Blue .templateTitle a,
.dxsplControl_Office2003Blue .loginControl,
.dxsplControl_Office2003Blue .loginControl a
{
    color: #4B4B57;
}
.dxsplControl_Office2003Blue .loginControl a 
{
    border-bottom-color: #4B4B57;
}
.dxsplControl_Office2003Blue .accountHeader p
{
    color: #424242;
}
.dxsplControl_Office2003Blue .headerMenu 
{
    margin-top: 5px;
}


/* Office2003Olive */
.dxsplControl_Office2003Olive 
{
    font-family: Tahoma;
}
.dxsplControl_Office2003Olive .headerPane,
.dxsplControl_Office2003Olive .footerPane,
.dxsplControl_Office2003Olive .footerMenu li
{
    background-color: #D6DCBB;
}
.dxsplControl_Office2003Olive .footerMenu div
{
    background: transparent none;
}
.dxsplControl_Office2003Olive .leftPanel > ul
{
    background: transparent none;
}
.dxsplControl_Office2003Olive .templateTitle a,
.dxsplControl_Office2003Olive .loginControl,
.dxsplControl_Office2003Olive .loginControl a
{
    color: #4B4B57;
}
.dxsplControl_Office2003Olive .loginControl a 
{
    border-bottom-color: #4B4B57;
}
.dxsplControl_Office2003Olive .accountHeader p
{
    color: #424242;
}
.dxsplControl_Office2003Olive .headerMenu 
{
    margin-top: 5px;
}

/* Office2003Silver */
.dxsplControl_Office2003Silver 
{
    font-family: Tahoma;
}
.dxsplControl_Office2003Silver .headerPane,
.dxsplControl_Office2003Silver .footerPane,
.dxsplControl_Office2003Silver .footerMenu li
{
    background-color: #D0D0DE;
}
.dxsplControl_Office2003Silver .footerMenu div
{
    background: transparent none;
}
.dxsplControl_Office2003Silver .leftPanel > ul
{
    background: transparent none;
}
.dxsplControl_Office2003Silver .templateTitle a,
.dxsplControl_Office2003Silver .loginControl,
.dxsplControl_Office2003Silver .loginControl a
{
    color: #4B4B57;
}
.dxsplControl_Office2003Silver .loginControl a
{
    border-bottom-color: #4B4B57;
}
.dxsplControl_Office2003Silver .accountHeader p
{
    color: #424242;
}
.dxsplControl_Office2003Silver .headerMenu 
{
    margin-top: 5px;
}


/* Office2010Black */
.dxsplControl_Office2010Black 
{
    font-family: Verdana;
}
.dxsplControl_Office2010Black .headerPane,
.dxsplControl_Office2010Black .footerPane,
.dxsplControl_Office2010Black .footerMenu li
{
    background-color: #393939;
    color: white;
}
.dxsplControl_Office2010Black .footerMenu a
{
    color: white !important;
}
.dxsplControl_Office2010Black .accountHeader h2
{
    color: #3C3C3C;
}
.dxsplControl_Office2010Black .accountHeader p
{
    font-size: 11px;
}
.dxsplControl_Office2010Black .headerMenu 
{
    margin-top: 13px;
}


/* Office2010Blue */
.dxsplControl_Office2010Blue 
{
    font-family: Verdana;
}
.dxsplControl_Office2010Blue .headerPane,
.dxsplControl_Office2010Blue .footerPane,
.dxsplControl_Office2010Blue .footerMenu li
{
    background-color: #D3E4F6;
}
.dxsplControl_Office2010Blue .templateTitle a,
.dxsplControl_Office2010Blue .loginControl,
.dxsplControl_Office2010Blue .loginControl a
{
    color: Black;
}
.dxsplControl_Office2010Blue .loginControl a 
{
    border-bottom-color: Black;
}
.dxsplControl_Office2010Blue .accountHeader h2
{
    color: #498BC2;
}
.dxsplControl_Office2010Blue .accountHeader p
{
    font-size: 11px;
}
.dxsplControl_Office2010Blue .headerMenu 
{
    margin-top: 13px;
}


/* Office2010Silver */
.dxsplControl_Office2010Silver 
{
    font-family: Verdana;
}
.dxsplControl_Office2010Silver .headerPane,
.dxsplControl_Office2010Silver .footerPane,
.dxsplControl_Office2010Silver .footerMenu li
{
    background-color: #A9ACB4;
    color: white;
}
.dxsplControl_Office2010Silver .accountHeader h2
{
    color: #3B3B3B;
}
.dxsplControl_Office2010Silver .accountHeader p
{
    font-size: 11px;
}
.dxsplControl_Office2010Silver .headerMenu 
{
    margin-top: 13px;
}



/* PlasticBlue */
.dxsplControl_PlasticBlue 
{
    font-family: Tahoma;
}
.dxsplControl_PlasticBlue .headerPane,
.dxsplControl_PlasticBlue .footerPane,
.dxsplControl_PlasticBlue .footerMenu li
{
    background-color :#3C4F8F;
    color: white;
}
.dxsplControl_PlasticBlue .headerPane
{
    background-image: url('images/PlasticBlueHeader.jpg');
}
.dxsplControl_PlasticBlue .accountHeader h2
{
    color: #5A83D0;
}
.dxsplControl_PlasticBlue .accountHeader p
{
    color: #575757;
}
.dxsplControl_PlasticBlue .headerMenu 
{
    margin-top: 12px;
}


/* RedWine */
.dxsplControl_RedWine 
{
    font-family: Tahoma;
}
.dxsplControl_RedWine .headerPane,
.dxsplControl_RedWine .footerPane,
.dxsplControl_RedWine .footerMenu li
{
    background-color: #78002B;
    color: white;
}
.dxsplControl_RedWine .headerPane
{
    background-image: url('images/RedWineHeader.jpg');
    background-position: top right;
}
.dxsplControl_RedWine .footerMenu div 
{
    background: transparent none;
}
.dxsplControl_RedWine .accountHeader h2
{
    color: #8A0A37;
}
.dxsplControl_RedWine .headerMenu 
{
    margin-top: 9px;
}


/* SoftOrange */
.dxsplControl_SoftOrange 
{
    font-family: Tahoma;
}
.dxsplControl_SoftOrange .headerPane,
.dxsplControl_SoftOrange .footerPane,
.dxsplControl_SoftOrange .footerMenu li
{
    background-color: #F9F9F9 !important;
    background-image: none !important;
}
.dxsplControl_SoftOrange .templateTitle a,
.dxsplControl_SoftOrange .loginControl,
.dxsplControl_SoftOrange .loginControl a
{
    color: Black;
}
.dxsplControl_SoftOrange .loginControl a 
{
    border-bottom-color: Black;
}
.dxsplControl_SoftOrange .accountHeader h2
{
    color: Black;
}
.dxsplControl_SoftOrange .accountHeader p
{
    color: #707070;
}
.dxsplControl_SoftOrange .headerMenu 
{
    margin-top: 8px;
}


/* Youthful */
.dxsplControl_Youthful 
{
    font-family: Tahoma;
}
.dxsplControl_Youthful .headerPane,
.dxsplControl_Youthful .footerPane,
.dxsplControl_Youthful .footerMenu li
{
    background-color: #8AA150;
    color: white !important;
}
.dxsplControl_Youthful .headerMenu li b
{
    height: 35px !important;
}
.dxsplControl_Youthful .accountHeader h2
{
    color: #80A70E;
}
.dxsplControl_Youthful .headerMenu 
{
    margin-top: 1px;
}