/***************************************************************
##Two Column Form Styles
***************************************************************/
form.two_col
{
    margin : 10px 0 10px 0;
    padding : 0;
    clear : both;
    
    color : #666;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
}

form.two_col div.fieldset
{
    display : inline;
    float : left;	
    width : 90%;
}

form.two_col fieldset
{
    margin : 0 0 0 0;
    width : 100%;
    border : none;
}

form.two_col fieldset.radio_group {margin-bottom : 0; width : 61%;}
form.two_col fieldset.radio_group div { width : 130px; }

form.two_col fieldset.single {width : 95%;}

form.two_col legend 
{
    margin : 0 10px 5px -5px;
    font-weight : bold;
    font-size : 12px;
}

form.two_col p
{   
    margin : 0 10px 5px 0; 
    font-size : 10px;     
}

form.two_col div.divider
{
    width : 100%;
    margin : 0 10px 10px 0; 
    clear : both;
}

form.two_col div.submit input {width : auto;}
form.two_col fieldset.single div.submit input {margin-left : 33%;}

form.two_col label
{
    width : 36%;
    float : left;
    position : relative;
    display : block;
    padding-top : 2px;
    
    font-size : 10px;
    font-weight : bold;
    color : #70bd0d;
}

form.two_col fieldset.radio_group label
{
    float : left;
    display : block;
    width : auto;
    margin : 3px 0 0 0;
    font-size : 10px;
    color : #476b07;
    font-weight : normal;
}

form.two_col fieldset.radio_group input
{
    float : left;
    clear : left;
    width : auto;
    display : block;
    border : none;
    height : 20px;
}

form.two_col fieldset.radio_group.checkbox div { float : left; }
 
form.two_col label img
{
    padding : 0;
    border : none;
    vertical-align : text-top;
    position : absolute;
    right : 2px;
    top : 50%;
    margin-top : -5px;
}

form.two_col input,
form.two_col select,
form.two_col textarea
{
    width : 60%;
    padding : 0 0 0 3px;
    
    color : #476b07;
    font-size : 11px;
    font-family : verdana, arial, helvetica, sans-serif;
}

form.two_col span.checkbox input
{
    width : auto;
    border : none;
    vertical-align : middle;
}

form.two_col select {width : 61%;}

form.two_col span.advice,
form.two_col span.field_error
{
    display : block;
    margin : 2px 10px 0 35%;
    clear: left; 
}

form.two_col span.advice {font-size : 10px;}
form.two_col span.field_error {color : #ff0000; font-weight : bold;}



form.two_col img.calendar {border : none; margin : 0 0 0 5px; vertical-align : top;}
form.two_col input.calendar {width : 54%;}
div.calendar {border : 1px solid #666; background-color : #fff;}
/***************************************************************/



/***************************************************************
##Calendar Pop-Up Styles
***************************************************************/
.cpYearNavigation,
.cpMonthNavigation
{
    background-color : #C0C0C0;
    text-align : center;
    vertical-align : middle;
    text-decoration:none;
    color : #000000;
    font-weight:bold;
}

.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText {font-size:9px;}

td.cpDayColumnHeader
{
    text-align : right;
    border-color : #C0C0C0;
    border-style : solid;
    border-width : 0px 0px 1px 0px;
}

.cpCurrentMonthDate,
.cpOtherMonthDate,
.cpCurrentDate  {text-align:right; text-decoration : none;}

.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDateDisabled {color : #D0D0D0; text-align : right; text-decoration : line-through;}

.cpCurrentMonthDate,
.cpCurrentDate {color : #000000;}

.cpOtherMonthDate {color : #808080;}
td.cpCurrentDate
{
    color : #fff;
    background-color : #C0C0C0;
    border : solid 1px #800000;
}

td.cpCurrentDateDisabled {border-width : 1px; border:solid 1px #FFAAAA;}

td.cpTodayText,
td.cpTodayTextDisabled {border : solid 1px #C0C0C0; border-width:1px 0px 0px 0px;}

a.cpTodayText,
span.cpTodayTextDisabled {height:20px;}

a.cpTodayText {color:#000;}
.cpTodayTextDisabled {color : #D0D0D0;}
.cpBorder {border : solid 1px #666;}
/***************************************************************/


/***************************************************************
##Form Error notification
***************************************************************/
div.notification
{
    margin : 5px 15px 10px 0;
    padding : 5px;

    color : #333;
    background : #eee;

    border : 1px solid #999;
    border-bottom-width : 2px;
    border-right-width : 2px;
}

.notification h2
{
    margin : 0 0 5px 0;
    font-size : 14px;
    color : #70bd0d;
}

.notification p {margin : 0 0 5px 0;}
/***************************************************************/