body{
    font-size:12px;
    font-family:'Century Gothic', Arial;
}

a                   {color: #111111;}
a:link              {color: #111111;}
a:visited           {color: #111111;}
a:hover             {color: #111111; text-decoration: underline;}
a:active            {color: #111111;}


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

    #small_wrapper{
        width:100% !important;
        margin-top:10px !important;
    }
    .small_border {
        background: #fff !important;
        border: none !important;
        
    }
    
    #small_wrapper img[style]{
        width:50px !important;
    }
    
    
    
    .small_error_placeholder{
        height: auto !important ;
        
    }
    
    .small_content{
        width:100%  !important;
        text-align:left  !important;
        vertical-align: middle;
        padding-top: 20px;
        display: none;
    }
    
    .small_content img{
        height:76px !important;
        width:80px !important;
        float: left;

    }
    .small_login_details, .small_login_box{
        width: 100% !important;
    }
    .small_login_box{
        border: none !important;
    }
    
    .cms_footer_annotation, .cms_footer_annotation + div{
        display: none;
    }
    
    .small_input {
        width:90% !important;
        font-size:20px;
        height:40px;
    }
    
    .frontpageLabel{
        font-weight:bold;
        font-size: 20px;
    }
    
    .small_button {
        width:200px;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #004699;
        background-image: -moz-linear-gradient(top, #005599, #002f99);
        background-image: -ms-linear-gradient(top, #005599, #002f99);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#005599), to(#002f99));
        background-image: -webkit-linear-gradient(top, #005599, #002f99);
        background-image: -o-linear-gradient(top, #005599, #002f99);
        background-image: linear-gradient(top, #005599, #002f99);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005599', endColorstr='#002f99', GradientType=0);
        border-color: #002f99 #002f99 #00174d;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        *background-color: #002f99;
        /* Darken IE7 buttons by default so they stand out more given they won't have borders */

        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }
    .small_button:hover,
    .small_button:active,
    .small_button.active,
    .small_button.disabled,
    .small_button[disabled] {
        background-color: #002f99;
        *background-color: #002780;
    }
    .small_button:active,
    .small_button.active {
        background-color: #001f66 \9;
    }
}

/* S4 (portrait and landscape) ----------- */
@media screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 1080px){

    #small_wrapper{
        width:100% !important;
        margin-top:10px !important;
    }
    .small_border {
        background: #fff !important;
        border: none !important;

    }

    #small_wrapper img[style]{
        width:50px !important;
    }



    .small_error_placeholder{
        height: auto !important ;

    }

    .small_content{
        width:100%  !important;
        text-align:left  !important;
        vertical-align: middle;
        padding-top: 20px;
        display: none;
    }

    .small_content img{
        height:76px !important;
        width:80px !important;
        float: left;

    }
    .small_login_details, .small_login_box{
        width: 100% !important;
    }
    .small_login_box{
        border: none !important;
    }

    .cms_footer_annotation, .cms_footer_annotation + div{
        display: none;
    }
        .small_input {
                width:95% !important;
            }
    .small_button {
        width:200px;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #004699;
        background-image: -moz-linear-gradient(top, #005599, #002f99);
        background-image: -ms-linear-gradient(top, #005599, #002f99);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#005599), to(#002f99));
        background-image: -webkit-linear-gradient(top, #005599, #002f99);
        background-image: -o-linear-gradient(top, #005599, #002f99);
        background-image: linear-gradient(top, #005599, #002f99);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005599', endColorstr='#002f99', GradientType=0);
        border-color: #002f99 #002f99 #00174d;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        *background-color: #002f99;
        /* Darken IE7 buttons by default so they stand out more given they won't have borders */

        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }
    .small_button:hover,
    .small_button:active,
    .small_button.active,
    .small_button.disabled,
    .small_button[disabled] {
        background-color: #002f99;
        *background-color: #002780;
    }
    .small_button:active,
    .small_button.active {
        background-color: #001f66 \9;
    }
}

@media only screen 
and (-webkit-min-device-pixel-ratio: 2) 
and (min-device-height: 1200px) 
and (max-device-height: 1300px) 
and (orientation: portrait) {
    #small_wrapper{
        width:100% !important;
        margin-top:10px !important;
    }
    .small_border {
        background: #fff !important;
        border: none !important;

    }

    #small_wrapper img[style]{
        width:50px !important;
    }



    .small_error_placeholder{
        height: auto !important ;

    }

    .small_content{
        width:100%  !important;
        text-align:left  !important;
        vertical-align: middle;
        padding-top: 20px;
        display: none;
    }

    .small_content img{
        height:76px !important;
        width:80px !important;
        float: left;

    }
    .small_login_details, .small_login_box{
        width: 100% !important;
    }
    .small_login_box{
        border: none !important;
    }

    .cms_footer_annotation, .cms_footer_annotation + div{
        display: none;
    }
    .small_input {
        width:95% !important;
    }
    .small_button {
        width:200px;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #004699;
        background-image: -moz-linear-gradient(top, #005599, #002f99);
        background-image: -ms-linear-gradient(top, #005599, #002f99);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#005599), to(#002f99));
        background-image: -webkit-linear-gradient(top, #005599, #002f99);
        background-image: -o-linear-gradient(top, #005599, #002f99);
        background-image: linear-gradient(top, #005599, #002f99);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005599', endColorstr='#002f99', GradientType=0);
        border-color: #002f99 #002f99 #00174d;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        *background-color: #002f99;
        /* Darken IE7 buttons by default so they stand out more given they won't have borders */

        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }
    .small_button:hover,
    .small_button:active,
    .small_button.active,
    .small_button.disabled,
    .small_button[disabled] {
        background-color: #002f99;
        *background-color: #002780;
    }
    .small_button:active,
    .small_button.active {
        background-color: #001f66 \9;
    }
    .inbottom {
        margin-top: 100px;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

    #small_wrapper{
        width:100% !important;
        margin-top:10px !important;
    }
    .small_border {
        background: #fff !important;
        border: none !important;
        
    }
    
    #small_wrapper img[style]{
        width:50px !important;
    }
    
    
    
    .small_error_placeholder{
        height: auto !important ;
        
    }
    
    .small_content{
        width:100%  !important;
        text-align:left  !important;
        vertical-align: middle;
        padding-top: 20px;
        display: none;
    }
    
    .small_content img{
        height:76px !important;
        width:80px !important;
        float: left;

    }
    .small_login_details, .small_login_box{
        width: 100% !important;
        text-align: center;
    }
    .small_login_box{
        border: none !important;
    }
    
    .cms_footer_annotation, .cms_footer_annotation + div{
        display: none;
    }
    
    .small_input {
        width:90% !important;
        font-size:20px;
        height:40px;
    }
    
    .frontpageLabel{
        font-weight:bold;
        font-size: 20px;
    }
    
    .small_button {
        width:200px;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #004699;
        background-image: -moz-linear-gradient(top, #005599, #002f99);
        background-image: -ms-linear-gradient(top, #005599, #002f99);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#005599), to(#002f99));
        background-image: -webkit-linear-gradient(top, #005599, #002f99);
        background-image: -o-linear-gradient(top, #005599, #002f99);
        background-image: linear-gradient(top, #005599, #002f99);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005599', endColorstr='#002f99', GradientType=0);
        border-color: #002f99 #002f99 #00174d;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        *background-color: #002f99;
        /* Darken IE7 buttons by default so they stand out more given they won't have borders */

        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }
    .small_button:hover,
    .small_button:active,
    .small_button.active,
    .small_button.disabled,
    .small_button[disabled] {
        background-color: #002f99;
        *background-color: #002780;
    }
    .small_button:active,
    .small_button.active {
        background-color: #001f66 \9;
    }
}

#small_wrapper{
    width:496px;
    margin-left:auto;
    margin-right:auto;
    margin-top:60px;
    text-align:center;

}

.small_border{
    border: 1px solid #808080;
    background-color: #dedfdf;
}

.small_border_inner{
    border: 1px solid #808080;
    padding:10px;
    margin:10px;
    background-color: #FFFFFF;
}

.small_login_details{
    width:260px;
    float:right;
    text-align:center;
  
}

.small_content{
    width:177px;
    float:left;
    text-align:center;
}

.small_return_link{
    width:170px;
    padding-left:8px;
    margin-top:15px;
}
.small_return_link a{
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    float:right;
    width:120px;
    color:grey;
    text-align:left;
    padding-left:10px;
    padding-top:6px;
}
.small_return_link a:hover{
    text-decoration:underline;
}
.small_return_link img{
    width:36px;
    display:block;
    float:left;
}

.clear{
    line-height:1px;
    font-size:1px;
    float:none;
    clear:both;
}

.frontpageLabel{
    font-weight:bold;
}

.small_input{
    border:1px solid grey;
}

.small_login_box{
    border: 1px solid grey;
    padding-top:15px;
    padding-bottom:15px;
}

.small_div_table_header {
    width: 450px;
    border-bottom: 2px solid #bbbbbb;
    height: 15px;
    font-size: 10px;
}

.small_div_table_header div {
    float: left;
    text-align: left;
}

.small_div_table_header div.first {
    width: 150px;

}

.small_tree_div td { 
    border-bottom: solid 1px #bbbbbb;
    height: 23px;
    font-size: 12px;
    font-family:'Century Gothic', Arial, Helvetica, "ms sans serif",
        sans-serif;
}

.small_tree_div table { 
    width: 450px;
    text-align: left;
    border-collapse: collapse;
}
.small_tree_div { 
    width: 450px;
}

.small_generic {
    text-align: left;
}

.small_generic td.first {
    width: 150px;
}


.small_button{
    margin-top:10px;
}

.small_error_placeholder{
    height:100px;
    margin-bottom:10px;
}

.small_error_box{
    height:100px;
    border:1px solid grey;
    background:lightgrey;
}

p.info_header {
    text-align: left !important;
    font-weight: bold;
}

p.info_text {
    text-align: left !important;
}

.redask
{
    display: none;
}

table.movetable {margin-left: 10px;}
.mrow1 {border-bottom: 1px solid #b4b7c3; width: 40px; text-align: left;}
.mrow2 {border-bottom: 1px solid #b4b7c3; width: 390px; text-align: left;}
.mrowhead2 {border-bottom: 1px solid #b4b7c3; width:620px; font-weight: bold;}
td.mstatic {background-color: #eeeeee;}

div.errorHeader     { margin: 0px; padding: 10px; border: solid 1px #808080; background-color: #FFCCCC; }

table.listGenericObjsPOSTAGE_WEIGHT_COSTS td.first
{
    width: 360px;
}

.cms_footer_annotation
{
    margin: 5px;
    color: #CCCCCC;
}

.tree_div   { position: relative; }
.itCbx { position: absolute; left: 0px; }