﻿body
{
    font-size: 12px;
    font-family: "Trebuchet MS" , Georgia, Verdana ,Arial;
    line-height: 22px;
    padding: 0px;
    margin: 0px;
}
img
{
    border:none;  
    vertical-align:middle; 
}
a:link
{
    color: #FF0033;
    text-decoration: none;
}
a:hover
{
    color: #FF0000;
    background: #FFF;
    text-decoration: underline;
}
a:visited
{
    color: #FF7F7F;
    text-decoration: none;
}
#Container
{
    margin: auto;
    width: 750px;
    background-color: #FFFFFF;
    padding: 5px; /*border: solid 1px #CCCCCC;     background: url(background.jpg) repeat-y;*/
}
#Header
{
    height: 30px;
    line-height: 16px;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}
.HeaderSubTitle
{
    font-weight: normal;
    color: #000000;
}
.LeftColumn
{
    float: left;
    width: 150px;
    margin-left: 5px;
    font-size: 14px;
    color: #FF0033;
}
.RightColumn
{
    float: left;/**/
    width: 570px;
    padding: 5px;
    margin-right: 5px;
    color: #666666;
    padding-left: 10px;
    border-left: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
}
.SubContainer
{
    width: 750px;
    float: left;
    padding: 5px;
}
.ClientColumn
{
    float: left;/**/
    width: 570px;
    padding: 5px;
    margin-right: 5px;
    color: #666666;
    padding-left: 10px;
    border-left: solid 1px #CCCCCC;
}
.ClientWrapper
{
    width: 570px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    margin-left:-11px;
    padding-left:10px;
    border-bottom: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
}
.ClientHeader
{
    color: #666666;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    height: 25px;
}

.ClientHeader span
{

    color: #666666;
    font-weight:normal
}

 
.ClientTitle
{
    width: 120px;
    float: left;
    font-weight: normal;
    color: #000000;
}
.ClientContent
{
    width: 430px;
    float: left;
}
 
.ContentSpacer
{
    height: 400px;
    float: left;
    width: 550px;
}
#ScreenShotDiv
{
    background-color: #FFFFFF;
    position: absolute;
    visibility: hidden;
    left: -1000px;
    top: 0px;
    z-index: 200;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
}

.MyTab .ajax__tab_header
{
   border-bottom: 1px solid #CCCCCC; 
    /*background: url( "tab-line.gif" ) repeat-x bottom;*/
}
.MyTab .ajax__tab_outer
{
    /*background: url(  "tab-right.gif" ) no-repeat right; */
}
.MyTab .ajax__tab_inner
{
    /*padding-left: 3px;
    background: url(  "tab-left.gif" ) no-repeat; */
   
}
.MyTab .ajax__tab_tab
{
    /*     height: 21px;     padding: 4px;     margin: 0;     background: url( "tab.gif" ) repeat-x; */
    padding-left: 10px;
    padding-right: 10px;
    color: #333333;
    padding-top: 2px;
    background-color: #CCCCCC;
    border-top: 3px solid #FFFFFF;
    height: 22px;
    line-height: 24px;
    vertical-align: middle;
     margin:0;
}
.MyTab .ajax__tab_hover .ajax__tab_outer
{
    /* background: url( "tab-hover-right.gif" ) no-repeat right;*/
}
.MyTab .ajax__tab_hover .ajax__tab_inner
{
     /*background: url( "tab-hover-left.gif" ) no-repeat;*/
}
.MyTab .ajax__tab_hover .ajax__tab_tab
{
    /*background: url( "tab-hover.gif" ) repeat-x;*/
    color: white;
    background-color: #FF0000;
    border-top: 3px solid #FFFFFF;
}
.MyTab .ajax__tab_active .ajax__tab_outer
{
     /*background: url( "tab-active-right.gif" ) no-repeat right;*/
}
.MyTab .ajax__tab_active .ajax__tab_inner
{
    /* background: url( "tab-active-left.gif" ) no-repeat;*/
}
.MyTab .ajax__tab_active .ajax__tab_tab
{
    color: #FFFFFF;
    background-color: #FF7F7F;
    border-top: 3px solid #FF7F7F; /*background: url( "tab-active.gif" ) repeat-x;*/
}
.MyTab .ajax__tab_body
{
    background-color: #ffffff;
}

