/*****************************************************
  HTML tags
*****************************************************/
html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    background: #FFF url(/images_atbv1/global_bg.jpg) repeat top left;
    height: 100%;
}

a {
    color: #333;
    text-decoration: underline;
}

a:hover {
    color: #C68251;
}

a img {
    border: 0;
}

h1, h2, h3, p, form {
    margin: 0;
}

/*****************************************************
 General Classes
*****************************************************/
.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.spacer {
    height: 15px;
}

.spacerSmall {
    height: 10px;
}

.inline {
    display: inline !important;
}

.error {
  color:red;
  font-weight:bold;
  margin-bottom: 5px;
}

/*****************************************************
 Layout Divs
*****************************************************/
div#bg {
    background: url(/images_atbv1/global_bg_top.jpg) repeat-x top left;
    height: 100%;
}

table#container {
    margin: 0 auto;
    width: 750px;
    height: 100%;
    background-color: #E8BB66;
}

table#container td {
    vertical-align: top;
}

div#contentWrapper {
    background: #FFF url(/images_atbv1/global_content_background.gif) repeat-x top left;
    padding: 10px 0;
}

div#content {
    border-left: 1px dotted #898989;
    float: right;
    padding: 0 5px;
    width: 549px;
    font: 0.7em/1.4 Verdana, Arial, "Lucida Grande", sans-serif;
    color: #333;
}

* html div#content {
    width: 550px;
}

div#leftColumn {
    width: 181px;
    padding: 0 4.5px;
    float: left;
    border-right: 1px dotted #898989;
    margin-right: -2px;
}

div#accountInfo {
    background: url(/images_atbv1/global_leftcolumn_acctinfo.gif) no-repeat top left;
    width: 181px;
    height: 85px;
}

div#footer {
    background: #EDEDED url(/images_atbv1/global_footer_background.gif) repeat-x top left;
    height: 15px;
    border-top: 1px solid #C4C4C4;
    border-bottom: 1px solid #D0BD69;
    padding: 2px 5px;
    font: 10px Verdana, Arial, "Lucida Grande", sans-serif;
    color: #919191;
}

div#bottomFade {
    background: url(/images_atbv1/global_bottomfade.gif) repeat-x top left;
    height: 48px;
}

/*****************************************************
 #accountInfo style and classes
*****************************************************/
div#accountInfo form {
    padding: 30px 0 0 0;
    text-align: center;
    font-size: 11px;
}

div#accountInfo input.username {
    font: 11px Verdana, Arial, "Lucida Grande", sans-serif;
    color: #333;
    border: 1px inset #F1F1F1;
    width: 164px;
}

div#accountInfo input.password {
    font: 11px Verdana, Arial, "Lucida Grande", sans-serif;
    color: #333;
    border: 1px inset #F1F1F1;
    width: 120px;
}

div#accountInfo input.logInButton {
    font: 11px Verdana, Arial, "Lucida Grande", sans-serif;
    color: #333;
    border: 1px inset #F1F1F1;
    background-color: #FFF;
    width: 45px;
}

* html div#accountInfo input.logInButton {
    font-size: 10px;
}

/*****************************************************
 #content style and classes
*****************************************************/
div#content .highlight1 {
    color: #366890;
}

div#content .highlight2 {
    color: #C68251;
}

div#content h1 {
    font-size: 1.4em;
    font-weight: bold;
    color: #C68251;
    border-bottom: 1px dotted #898989;
    margin: 0 0 2px 0;
    line-height: 1.0;
}

div#content h1 span.subTitle {
    color: #999;
    font-size: 0.9em;
}

div#content h2 {
    font-size: 1.3em;
    font-weight: bold;
    color: #366890;
    border-bottom: 1px dotted #898989;
    margin: 0 0 2px 0;
    line-height: 1.0;
}

div#content h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: #366890;
}

div#content img.floatRight {
    float: right;
    border: 1px solid #898989;
    padding: 1px;
    margin: 0 0 5px 5px;
}

div#content label {
    display: block;
    font-weight: bold;
}

div#content ol li {
    margin-bottom: 15px;
}

div#content ol.global_error {
    color: #366890;
    font-weight: bold;
    margin: 0;
}

div#content ol.global_error li {
    margin-bottom: 0;
}

div#content ol.packages {
    margin: 0;
}

div#content ol.packages li {
    margin-bottom: 0;
}

div#content ul li {
    margin-bottom: 15px;
}

/*****************************************************
 #leftColumn styles and classes
*****************************************************/
div#leftColumn img {
    display: block;
}

div#leftColumn div#textSize {
    height: 41px;
    width: 162px;
    margin: 1px auto 0 auto;
    background: url(/images_atbv1/global_leftcolumn_textsizebg.gif) repeat-x top left;
    padding: 1px 0 0 15px;
}

div#leftColumn div#textSize img {
    display: inline;
}

/*****************************************************
 #footer styles and classes
*****************************************************/
div#footer a {
    color: #919191;
    text-decoration: none;
}

div#footer a:hover {
    color: #333;
}

/*****************************************************
 Contact section styles and classes
*****************************************************/
div#content table.contactInfo td {
    width: 50%;
    padding-right: 40px;
}

/*****************************************************
 Archives Styles and Classes
*****************************************************/
div#content ul#archives {
    list-style: none;
    margin: -2px 0 0 0;
    padding: 0;
}

div#content ul#archives li {
    margin: 0;
    border-bottom: 1px solid #D3D3D3;
}

div#content ul#archives li blockquote {
    margin: 20px;
}

div#content ul#archives li a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    line-height: 1.6;
    padding: 2px;
    color: #366890;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

div#content ul#archives li a:hover {
    color: #C68251;
    background-color: #F2F2F1;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
}

/*****************************************************
 Form type styles and classes
*****************************************************/
input.textbox {
    border: 1px solid #999;
    font: 1.0em Verdana, Arial, "Lucida Grande", sans-serif;
    color: #333;
    width: 200px;
    margin-bottom: 10px;
}

input.button {
    background: url(/images_atbv1/global_submitbuttonbg.gif) no-repeat top left;
    width: 164px;
    height: 22px;
    border: 0px none;
    font: bold 1.0em Verdana, Arial, "Lucida Grande", sans-serif;
    color: #333;
}

select {
    font: 1.0em Verdana, Arial, "Lucida Grande", sans-serif;
    color: #333;
    margin-bottom: 10px;
}

textarea {
    border: 1px solid #999;
    font: 1.0em Verdana, Arial, "Lucida Grande", sans-serif;
    color: #333;
    margin-bottom: 10px;
}