/*
    Document   : forms
    Created on : 28-Oct-2009, 10:09:34
    Author     : Andy Cole
    Description: Styles all site wide form elements
                 (user registration, user login, user details, subscriptions etc)
*/

/* Global Form Styles      -      applies to all forms with class of user_info */
.user_info {
   background-color:#fff;
   border:1px solid #0659b6;
   padding:0 10px 10px 10px;
   position: relative;
   display: table;
   float: left;
}

.user_info input, .user_info select, .user_info textarea {
    padding:5px;
    font-size:16px;
    float:right;
    width:260px;
    border:1px solid #ccc;
    text-align:left;
}

.user_info .checkbox, .user_info .radio {
   width:13px;
   float:left;
   margin-left:30px;
   margin-top:10px;
}

.user_info fieldset {
    width:490px;
    padding-top:20px;
}

.user_info label {
    font-size:14px;
    line-height:24px;
    width:190px;
    text-align:right;
    font-weight:bold;
    color:#666;
}

.user_info span.form_error {
    font-size:10px;
    position:absolute;
    bottom:2px;
    left:490px;
    width:170px;
    padding:5px 5px 5px 30px;
    background:transparent url(../images/sprites/form-sprites.png) repeat-x scroll 0 bottom;
    color:#f00;
}

.user_info a.addbtn {
    position:absolute;
    width:10px;
    height:10px;
    top:10px;
    left:500px;
}

.user_info h4 {
        width:688px;
	background:#1765bc url(../images/sprites/form-sprites.png) repeat-x scroll 0 0px;
	font-size:14px;
	color:#fff;
        margin:10px -10px 5px -10px;
        padding:4px 10px 4px 10px;
        font-weight:bold;
        height:20px;
        float:left;
}

.user_info h4.first {
    margin-top:0;
}

.user_info h4 a {
	color:#fff;
	text-decoration:underline;
}

.user_info h4 a:hover {
	color:#ffcc00;
	text-decoration:underline;
}

.user_info ul li {
    width:100%; float:left; margin-bottom:3px; padding-bottom:3px; position:relative;
}

.user_info img.security {
    clear:left;
    border:2px solid #999;
    float:left;
    margin-top:-5px;
    margin-left:20px;
    padding:5px;
}

.user_info input.security {
    clear:left;
    float:left;
    margin-top:5px;
    margin-left:20px;
    padding:5px;
    width:160px;
}

.user_info label.security {
    float:left;
    margin: 0 20px 0 0;
    padding:0;
    width:650px;
    text-align:left;
}

.user_info span.security {
    font-size:10px;
    position:absolute;
    bottom:10px;
    left:290px;
    width:170px;
    padding:5px 5px 5px 30px;
    background:transparent url(../images/sprites/form-sprites.png) repeat-x scroll 0 bottom;
    color:#f00;
}

.user_info fieldset {
    display:inline;
    float:left;
}


/*================= Form buttons =====================*/
/*Login*/
input.lgnbutton {
background:#FFF url(../images/sprites/form-sprites.png) no-repeat scroll 0 -31px;
border:0 none;
cursor:pointer;
height:37px;
overflow:hidden;
width:101px;
cursor:pointer;
padding:0;
clear:both;
}

/*Submit Details */
input.sbmtbutton {
background:#FFF url(../images/sprites/form-sprites.png) no-repeat scroll 0px -68px;
border:0 none;
cursor:pointer;
height:37px;
overflow:hidden;
width:100px;
cursor:pointer;
padding:0;
clear:both;
}


/*Update Details */
input.dtlsbutton {
background:#FFF url(../images/sprites/form-sprites.png) no-repeat scroll -101px -31px;
border:0 none;
cursor:pointer;
height:37px;
overflow:hidden;
width:141px;
cursor:pointer;
padding:0;
clear:both;
}

/*Retrieve Login Details */
input.rtrvbutton {
background:#FFF url(../images/sprites/form-sprites.png) no-repeat scroll -101px -68px;
border:0 none;
cursor:pointer;
height:37px;
overflow:hidden;
width:141px;
cursor:pointer;
padding:0;
clear:both;
}

label.recaptcha_input_area_text
{
line-height: 0.8em;
}