﻿body
{
    font: 16px Helvetica, Arial, Sans-Serif;
    margin: 0px;
    padding: 30px 0px;
    background-image: url('/Images/template/body_bg.jpg');
    background-repeat: repeat-x;
}
h1
{
    font: bold 17px Verdana, Geneva, Sans-Serif;
    color: #17A;
}
h2
{
    font: normal 11px Helvetica, Arial, Sans-Serif;
    color: #666;
}
a
{
    color: #28B;
    text-decoration: none;
}
#wrapper
{
    position: relative;
    width: 616px;
    margin: 0px auto;
    padding: 0px 0px 15px 0px;
}
#wrapper #round_box_top
{
    width: inherit;
    height: 20px;
    background: url('/Images/login/login_box_top.png') no-repeat;
        position: relative;
}
#wrapper #content
{
    width: inherit;
    background-image: url('/Images/login/login_box_bg.png');
    background-repeat: repeat-y;
    position: relative;

}
#wrapper #round_box_bottom
{
    width: inherit;
    height: 20px;
    background: url('/Images/login/login_box_bottom.png') no-repeat;
        position: relative;
}
#header
{
    position: relative;
    width: 577px;
    height: 120px;
    margin: 0px auto;
    
}
.msgValidate, .error
{
    font: 13px Verdana, Geneva, Sans-Serif;
    color: #8A4;
}
label
{
    display: block;
    font: 12px/12px Helvetica, Arial, Sans-Serif;
    color: #666;
    text-align: right;
    padding-right: 10px;
}
div.AccountType {
    display: inline;
    padding: 5px 0px;
}
.AccountType label{
    display: inline;
    font: 16px Helvetica, Arial, Sans-Serif;
    color: #000;
}
input.TextBox {
    border: solid 1px #28B;
    width: 300px;
    height: 24px;
    font: 16px/16px Helvetica, Arial, Sans-Serif;
    padding: 4px 2px 3px 2px;
    color: #582;
}
/*------------------------------------------------*/
/*--| Spiffy Login Box
/*------------------------------------------------*/

/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h1
{
    background: transparent url('/Images/login/login_body_box_blue.png') no-repeat bottom right;
}
.cssbox
{
    /* intended total box width - padding-right(next) */
    width: 562px !important; /* IE Win = width - padding */
    width: 547px; /* the gap on the right edge of the image (not content padding) */
    padding-right: 15px; /* use to position the box */
    margin: 20px auto 0px auto;
}
/* set the top-right image */
.cssbox_head
{
    background-position: top right; /* pull the right image over on top of border */
    margin-right: -15px; /* right-image-gap + right-inside padding */
    padding-right: 40px;
}
/* set the top-left image */
.cssbox_head h1
{
    background-position: top left;
    margin: 0; /* reset main site styles*/
    border: 0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */
    padding: 25px 0 10px 32px;
    height: auto !important;
    height: 1%;
}
/* IE Holly Hack *//* set the lower-left corner image */
.cssbox_body
{
    background-position: bottom left;
    margin-right: 25px; /* interior-padding right */
    padding: 10px 0 15px 32px;
}
/* mirror .cssbox_head right/left */

/*------------------------------------------------*/
/*--| Buttons inside blue box
/*------------------------------------------------*/

div.button
{
    background: transparent url('/Images/buttons/sliding_blue_a.png') no-repeat scroll top right;
    float: left;
    height: 29px;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;
    clear: both;
    margin-top: 5px;
    z-index: 100;
}

div.button span
{
    background: transparent url('/Images/buttons/sliding_blue_span.png') no-repeat;
    display: block;
    line-height: 13px;
    padding: 6px 0 10px 5px;
}
div.button span a:link, div.button span a:visited, div.button span a:active, div.button span a:hover
{
    font: 13px/13px Tahoma, Geneva, Verdana, Sans-Serif;
    color: #FFF;
    padding: 6px 15px 6px 15px;
    text-decoration: none;
}
div.button:active
{
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

div.button:active span
{
    background-position: bottom left;
}