/*
===========================
Generic styles
===========================
*/

.leftForm
{
    float:left;
}

.rightForm
{
    float:right;
}

.txtRight
{
    text-align:right;
}

.marginBottom10
{
    margin-bottom:10px;
}

.marginRight40
{
    margin-right:40px;
}

.marginBottom50
{
    margin-bottom:50px;
}

.clearBoth
{
    clear:both;
}

ul.noBullets
{
    margin:0;
    padding:0;
    list-style-type:none;
}

/*
===========================
Form styles
===========================
*/

.formContainer
{
    width:590px;
    font-family:Arial;
    font-size:10px;
    /*background-color:Blue;*/
}

.formContainer a
{
    color:#333333;
}

.formContainer a.blueLink
{
    color:#5579be;
    font-size:11px;
    text-decoration:none;
    
}

.formContainer .app-left
{
    width:420px;
    /*background-color:Red;*/
}

.formContainer .app-right
{
    width:140px;
    /*background-color:Green;*/
}

.definationList li
{
    margin:10px 0 0 0;
}

.formContainer h4
{
    font-size:11px;
    color:#765234;
    font-weight:normal;
    margin-bottom:10px;
}

.formContainer h4.TopMargin
{
    margin-top:30px;
}

.formContainer label
{
    color:#5579be;
    font-size:10px;
}

.formContainer label.black
{
    color:#666666;
}

.formContainer span.blueBlock
{
    color:#5579be;
    background-color:#f5f6f9;
    height:23px;
    line-height:23px;
    width:190px;
    margin:0 2px 4px 0;
}

.txtField
{
    border:3px solid #cacef6;
    background-color:#f9fafc;
    font-size:10px;
}

select.txtField
{
    width:156px;
}

.selectWidth
{
    width:150px;  
}

.txtLong
{
    width:414px;    /*width of container 420 - 6px form border */
}

.txtMid
{
    width:202px; /* width 208px - 6px = 202px*/
    display:block;
}

.txtMidDiv
{
    width:208px;  /* width 208px - 6px = 202px*/
      
}

.txtLongDiv
{
    width:416px;  /* width 208px - 6px = 202px*/
      
}

.txtMidDiv2
{
    width:279px;
      
}

.txtMidDiv2 input
{
    width:273px;    /* 279px -3px left border - 3px right border = 273px */
}


.txtMidDiv input
{
    width:202px;    /* 208px -3px left border - 3px right border = 202px */
}

.txtMidDiv select
{
    width:208px;
}

.txtMidDivFirst
{
    margin:0 3px 0 0;
}

.txtShort
{
    width:138px;
}

.txtShort input
{
    width:132px;    /* 138px -3px left border - 3px right border = 132px */
    margin-bottom:4px;
}

.txtShort select
{
    width:138px;
    margin-bottom:4px;
}

.txtShortMid
{
    margin:0 3px;
}


.errorMessage
{
    background-color:#f96767;
    border:3px solid #ba2c2c;
    margin:20px 0 15px 0;
}

.errorMessage h4
{
    margin:10px 7px;
    color:#fff5f5;
}


.successMessage
{
    background-color:#ecfdae;
    border:3px solid #c2dd59;
    margin:20px 0 15px 0;
}

.successMessage h4
{
    margin:10px 7px;
    color:#2f3a03;
}

.checkBoxMargin label
{
    margin:0 8px 0 4px;
}


/*
===========================
Tooltip styles
===========================
*/
a.tooltipLink
{
    color:#315bad;
    font-size:10px;
    position:relative;
    text-decoration:none;
    z-index:24;
    
    margin:10px 0 2px 0;
    background-image:url(../img/dashed_line.gif);
    background-position:bottom left;
    background-repeat:repeat-x;
}

a.tooltipLink span
{
    display:none;
}

a.tooltipLink:hover span
{
    display:block;
}

a.tooltipLink:hover span.toolTip
{
    color:#333333;    
    left:-257px;    /*move it left (-the width of the div) */
    position:absolute;
    top:-7px;
    width:257px;
}

a.tooltipLink:hover span.toolTip span.Top
{
    background-image:url(../img/tooltip_top.gif);
    background-repeat:no-repeat;
    background-position:bottom right;
    height:7px;
}

a.tooltipLink:hover span.toolTip span.Content
{
    background-image:url(../img/tooltip_content.gif);
    background-repeat:no-repeat;
    background-position:top right;
    padding:0 24px 3px 7px;
}

a.tooltipLink:hover span.toolTip span.Bottom
{
    background-image:url(../img/tooltip_bottom.gif);
    background-repeat:no-repeat;
    background-position:bottom right;
    height:4px;
}