/***********************/
/*  Date: 04.10.2008   */
/***********************/

/******************/
/* GLOBAL LAYOUT  */
/******************/

body
{
    font-size: 62.5%;
    background-color: rgb(255,255,255);
    font-family: Verdana, Calibri, Courier New, Consolas;
}
/*Font-size: 1.0em = 10px when browser default size is 16px*/
.container
{
    width: 978px;
    padding-top: 10px;
    padding-bottom: 20px;
    margin: 0 auto;
    font-size: 1.0em;
}

.header
{
    margin: 0 auto;
    width: 976px;
    min-height: 161px /*Non-IE6*/;
    height: auto !important /*Non-IE6*/;
    height: 130px /*IE6*/; /*border-left: solid 1px rgb(241, 224, 157);*/ /*border-right: solid 1px rgb(241, 224, 157);*/
    background-color: rgb(255, 255, 255); /*background: url(images/header/bg_header.jpg) repeat-x Total header background image entered here. Height: 125px*/
    font-size: 1.0em;
}

.navbar
{
    white-space: nowrap /*IE hack*/;
    margin: 0 auto;
    width: 976px;
    height: 45px;
    background-color: Transparent;
    font-family: Verdana, New,arial,sans-serif;
    font-size: 130% !important /*Non-IE6*/;
    font-size: 120% /*IE6*/;
}
/*Color navigation bar normal mode*/

.allpageview
{
    width: 1200px;
    background-image: url('images/style/wrappage.png');
    background-color: #C0C0C0;
    background-repeat: repeat-y;
    margin: 0 auto;
}

.main
{
    width: 1050px; /*border-left: solid 1px rgb(241, 224, 157);*/ /*border-right: solid 1px rgb(241, 224, 157);*/
    font-size: 1.0em;
    background-image: url('images/style/wrapmain.png');
    background-repeat: repeat-y;
}
.ProgressContentInfo
{
    font-size: 10px;
}
.mainwrapernoline
{
}
.content
{
    display: inline; /*Fix IE floating margin bug*/ /* float:left; */
    width: 776px;
    background-color: #C0C0C0;
    font-size: 1.0em;
    overflow: visible !important /*Non-IE6*/;
    overflow: hidden /*IE6*/;
    min-height: 556px;
}
.subcontent
{
    display: inline; /*Fix IE floating margin bug*/ /* float:right; */
    width: 270px;
    border-right: solid 4px white;
    background-color: #C0C0C0;
    font-size: 1.0em;
    overflow: visible !important /*Non-IE6*/;
    overflow: hidden /*IE6*/;
    min-height: 560px;
}


.footer
{
    width: 1020px;
    height: 90px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    background: #505050 url( images/style/footer.png) no-repeat 50% 0;
}

/****************/
/*  HEADER-TOP  */
/****************/

/* BUTTON NAVIGATION */
/* Old */
.navbutton
{
    width: 400px;
    position: absolute;
    z-index: 2;
    margin-top: 26px;
    margin-left: 547px !important /*Non-IE6*/;
    margin-left: 550px /*IE6*/;
}
.navbutton ul
{
    float: right;
}
.navbutton li
{
    display: inline;
    list-style: none;
}
.navbutton li a
{
    padding-left: 3px;
}
.navbutton a:hover
{
    text-decoration: none;
}
.navbutton a img
{
    height: 32px;
}

/*******************/
/*  HEADER BOTTOM  */
/*******************/

/* BREADCRUMB */
.header-bottom ul
{
    float: left;
    width: 430px;
    list-style: none;
    padding: 8px 0 3px 10px !important /*Non-IE6*/;
    padding: 8px 0 3px 10px /*IE6*/;
}
.header-bottom ul li
{
    display: inline;
    padding: 0 0 0 10px;
    background: transparent url(images/bg_bullet_arrow.gif) no-repeat 0 50%;
    font-size: 110% !important /*Non-IE6*/;
    font-size: 100% /*IE6*/;
}
.header-bottom ul li.nobullet
{
    display: inline;
    padding: 0;
    background: none;
    color: rgb(75,75,75);
}
.header-bottom ul a
{
    color: rgb(125,125,125);
    font-weight: bold;
    text-decoration: none;
}
.header-bottom ul a:hover
{
    color: rgb(255,255,255);
}

/* CONTAINER (NO BOXES) */
.content-1col-nobox
{
    width: 776px;
    float: right;
    background-color: #C0C0C0;
    border-bottom: solid 4px white;
}
/************/
/*  FOOTER  */
/************/
.footer p
{
    clear: both;
    line-height: 1.3em;
    text-align: center;
    color: rgb(125,125,125);
    font-weight: bold;
    font-size: 110%;
}
.footer p.credits
{
    clear: both;
    font-weight: normal;
}
.footer a, .footer a:visited
{
    text-decoration: underline;
    color: rgb(125,125,125);
}
.footer a:hover
{
    text-decoration: none;
    color: rgb(0,0,0);
}
/******************/
/*  CLEAR FLOATS  */
/******************/
.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after, .main:after, .main_blank:after, .content:after, .content div:after, .subcontent:after, .subcontent div:after, .footer:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.content-1col-nobox:after, .subcontent-box:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

p:after
{
    content: ".";
    display: block;
    height: 0; /*clear:both Do not use here to avoid paragraphs clearing next to images;*/
    visibility: hidden;
}

/* Controls  */
/* Input Box */
.inputBox
{
    border: 1px solid rgb(90,90,90);
    margin: 10px 0px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #00529B;
    background-color: silver;
}
.inputBox p
{
    padding: 0px 50px;
    text-align: center;
}
.inputBox a
{
    float: right;
    cursor: pointer;
    padding-top: 5px;
}
.inputboxheader
{
    background-color: Red;
    color: White;
    height: 20px;
    line-height: 20px;
    border-bottom: solid 1px rgb(90,90,90);
}

.inputboxheadertext
{
    color: White;
    line-height: 20px;
    padding-left: 5px;
    float: left;
    font-weight: bold;
}

.inputboxfooter
{
    text-align: center;
    padding-top: 5px;
}

.inputboxmodalbackground
{
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.6;
    z-index: 998;
}