﻿@charset "utf-8";
/* CSS Document */

/*resets and overrides
--------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
        margin:0;
        padding:0;
}
table {
        border-collapse:separate;/* tables still need cellspacing="0" in the markup */
        border-spacing:0;
}
fieldset,img { 
        border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
        font-style:normal;
        font-weight:normal;
}
ol, ul {
        list-style:none;
}
caption,th, td {
        font-weight: normal;
        text-align:left;
}
h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
}
q:before,q:after {
        content:'';
}
abbr,acronym { border:0;
}
:focus {
        outline: 0;
}

/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
        content: "";
        }
blockquote, q {
        quotes: "" "";
        }

/*swatch colors

dadfed - light blue
005191 - dark blue
ecf2e0 - light green
96b84d - dark green
e5e6e6 - dark gray
f3f3f3 - light gray
===============*/


/*links and type
--------------*/
body { font-family:Verdana, sans-serif; font-size:71%; color:#000; /*text-align:center;*/}

a:link, a:active, a:visited {text-decoration:none; color:#00b7e9;}
a:hover {text-decoration:underline;}

p span {font-weight:bold; color:#00b7e9;}

.u {text-decoration:underline !important;}

h1 { color:#00b7e9; font-size:1.4em; font-weight:bold; }
h1 a {}
h1 a:hover{}
h1 span { font-size:81%;/*font-size:1.3em;*/ }

h2{ color:#00b7e9; padding:2px 0 7px 0; font-weight:bold;}
h2 a{}
h1 a:hover{}

h3 { font-weight:bold; }
/*h3 span { font-size:1.5em;}*/

ol.decimal { list-style-type:decimal; margin:10px 0 10px 30px; }
ol.decimal li { padding:3px 0; }

/*buttons
--------------*/
/*GLOBAL*/
a.btn { float: left; height: 26px; padding-right: 35px; font-size: 1.1em; font-weight: bold; color: #ffffff; display: block; cursor: pointer; text-decoration:none;}
a.btn span { display: block; height: 24px; float: left; padding: 1px 5px 0 10px; color: #ffffff; white-space:nowrap;}

/*DIFFERENT COLOURS*/
.issue-1 { background: url(../../images/btn-blue-slant.png) no-repeat right top; }
.issue-1 span { background:transparent url(../../images/btn-blue.png) no-repeat left top;}
.issue-1-loading { background: url(../../images/btn-blue-loading-slant.gif) no-repeat right top; }
.issue-1-loading span { background:transparent url(../../images/btn-blue.png) no-repeat left top;}

.issue-2 { background: url(../../images/btn-green-slant.png) no-repeat right top;}
.issue-2 span { background:transparent url(../../images/btn-green.png) no-repeat left top; }
.issue-3 { background: url(../../images/btn-black-slant.png) no-repeat right top;}
.issue-3 span { background:transparent url(../../images/btn-black.png) no-repeat left top; }
.issue-3-loading { background: url(../../images/btn-black-loading-slant.gif) no-repeat right top; }
.issue-3-loading span { background:transparent url(../../images/btn-black.png) no-repeat left top;}

.desibled-1 { background:url(../../images/btn-desibled-blue-slant.gif) no-repeat right top; cursor:default !important;}
.desibled-1 span{ background:url(../../images/btn-desibled-blue.gif) no-repeat left top; }
.desibled-2 { background:url(../../images/btn-desibled-green-slant.gif) no-repeat right top; cursor:default !important;}
.desibled-2 span { background:url(../../images/btn-desibled-green.gif) no-repeat left top; }
.desibled-3 { background:url(../../images/btn-desibled-black-slant.gif) no-repeat right top; cursor:default !important;}
.desibled-3 span { background:url(../../images/btn-desibled-black.gif) no-repeat left top; }

/*BACK BUTTON*/
a.btn-back { float: left; height: 26px; padding-left: 35px; font-size: 1.1em; color: #ffffff; font-weight: bold; display: block; cursor: pointer; text-decoration: none; background: url(../../images/btn-bblack-slant.png) no-repeat left top; }
a.btn-back span { display: block; float: left; height: 24px; padding: 1px 10px 0 5px; background: url(../../images/btn-bblack.png) no-repeat right top; color: #ffffff;}

/*main layout
--------------*/
.content-wrapper { width: 620px; margin:0 auto; text-align: left; }
.logo {width:620px; height:91px;padding-left:30px;}
#outer {margin: 0 auto; width:990px;background:#FFF /*url(../../images/topBar.jpg) top left repeat-x*/;}
.wrapper {width:100%; height: 550px;float:left;background: url(../../images/background.jpg) no-repeat left top;}


.login-wrapper {
    background: rgb(255,255,255);
    background: transparent;    
    background: rgba(255,255,255,.5);

    zoom: 1;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#75ffffff,endColorstr=#75ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#75ffffff,endColorstr=#75ffffff)";
    width: 430px;
    height: 300px;
    float: left;
     margin: 140px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

.login-inner {width:400px; float:left;margin: 20px;}
.login-inner h1 {margin-bottom:20px; color:#00b7e9; font-size:1.6em; text-transform:uppercase;font-weight:bold;}
.login-inner .row {width:380px; height:30px; padding-right:20px;clear:both;}
.login-inner .row .col1 {width:80px; float:left;text-align:left;color:#000;}
.login-inner .row .col2 {width:202px; float:left;}

.login-inner label {padding:5px 0;}
.login-inner input {width:200px; height:auto !important; font-size:11px;padding:4px 0; border:1px solid #999;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.login-inner .login-btn {width:85px; height:26px;border:0;}
.footer {width:590px; height:130px; float:left; padding-top:10px; padding-left:30px;}
.footer p {color:#000;}
.footer .col1 {width:220px; float:left; padding-right:20px; border-right:1px solid black;}
.footer .col2 {width:280px; float:left; padding-left:20px;}
.footer h2 {text-transform:uppercase;}

#validationSummary ul li { width:385px }
#alphacode { display: none; }
#storecode { display: block; }
.additionalMessage a:link{text-decoration:underline;}

.left {float:left;}