﻿form li {background:0; padding:0; margin:0;}
label.inline{display: inline;}

/* login */
.login input[type="text"], .login input[type="password"] {display:block;}

/* Form Styling */
.detail_insertion ul {padding:20px 0; margin:0; list-style:none;}
.detail_insertion ul li {clear:both; padding:10px 0; height:auto; display:block; position:relative;}
.detail_insertion a#CheckAvailability {clear:both; margin-left:170px;}

.detail_insertion ul li div#Availability {color:#f00;display:block; margin-left:170px; padding:5px 0 5px 30px; background:url('/Images/Members/accept.gif') no-repeat 0 0; }
span.loading {width:180px; padding-left:25px; display:inline-block; background:url('/Images/Members/ajax-loader.gif') no-repeat 5px 0; font-size:13px; font-weight:bold;}
#convenor_message .loading {margin-left:17px; width:50px;}
.detail_insertion label {float:left; width:250px; padding:3px 20px 3px 0; clear:left; font-size:14px; line-height:19px; text-align:right;} 
.detail_insertion input {width:200px; margin-bottom:10px; padding:3px;}
.detail_insertion textarea {width:340px; height:120px; margin-bottom:10px; padding:3px; /*font:13px Sergoe UI, Arial, Sans-Serif;*/ overflow:auto;}

.detail_insertion ul li.buttons {padding:10px 0 0 170px;}
.detail_insertion li.buttons input {margin:0 5px 0 0; width:auto; padding: 2px 10px 3px 10px;} 

#activate li.buttons input {width:170px;}

.detail_insertion span.field-validation-error {display:block;margin-left:170px; height:20px; font-size:12px;}

#signup-form .detail_insertion span.field-validation-error {display:block;margin-left:10px; height:20px; font-size:12px;}
#signup-form span.field-validation-error {display:block;margin-left:10px; height:20px; font-size:12px;}

.detail_insertion .ui-state-default, #edit_notifications .ui-selectmenu-item-selected a {   
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
    background-color: #e6e6e6;
    /*background-repeat: no-repeat;*/
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    color: #333;
    line-height: normal;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
}
  .detail_insertion ui-corner-all {border:1px solid #89972b;}
  .detail_insertion .triangle-inactive {background:url('/images/members/arrow-ui.png') no-repeat 50% 50% !important;}
  .detail_insertion .ui-state-active .triangle-inactive {background:url('/images/members/down-arrow-ui.png') no-repeat 50% 50% !important;}
  .detail_insertion .checkbox input { width: 20px; }
  .detail_insertion li.textarea {position:relative;}
  .detail_insertion li.textarea .character_limit{position:absolute; top:-10px; right:184px; display:none;}
  .detail_insertion li.textarea .overlimit {color:#f00 !important;}
  .detail_insertion li.select select {width:208px;}
  
span.sucess {height:20px; display:block;background:url('/Images/Members/accept.gif') no-repeat 170px 0; padding-left:190px; color:#99c700;}
span.fail {height:20px; display:block;background:url('/Images/Members/error.gif') no-repeat 170px 0; padding-left:190px; color:#f00;}

/* bigger labels */
.large label{width:220px;}
.large ul li.buttons {padding-left:240px;}
.large li.textarea .character_limit {right:120px;}
.large.detail_insertion li em {left:470px;}
.large span.field-validation-error {margin-left:240px;}

/* Password Strength */
#psr_score {font-size:14px; line-height:14px; color:#666; margin-left:170px; padding:0 0 20px 0; background:url('/Images/Members/signal.gif') no-repeat 0 50px;}
div.Weak{background-position:0 18px !important;}
div.Medium{background-position:0 -17px !important;}
div.Strong{background-position:0 -52px !important;}

.psr_Weak { color: #A52A2A; }
.psr_Medium { color: #FFA500; }
.psr_Strong { color: #3DBE5E; }

/* Tooltip */
.detail_insertion li em {display:block; position:absolute; top:12px; left:400px; width:280px; padding:5px 10px 5px 25px; z-index:50;
background: url("/Images/Members/information.gif") no-repeat 5px 7px #f2ee79; font-style:normal; font-size:13px; color:#3e8acd; border: 1px solid #ffef6c;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 1px 2px #aaa; -webkit-box-shadow: 0 1px 2px #aaa;}

#activate li.buttons input {width:170px;}


.detail_insertion a.minor-button{
    display:inline-block;
    background-color: #1997d5;
    background-image: url(/Images/Members/button.png);
    background-repeat:repeat-x;
    padding: 2px 10px;
    color: #fff;
    text-decoration: none;
    /*font:bold 13px/20px Segoe UI, Arial, sans-serif;*/
    letter-spacing:1px;
    border-style: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: 0 1px 2px #aaa;
    -webkit-box-shadow: 0 1px 2px #aaa;
    position: relative;
    cursor: pointer;
    height:24px;
}

.minor-button {background-image: url(/Images/Members/minor-button.gif) !important; line-height:24px !important; padding:0 10px !important;}


/* staff tools forms */
#staff-tools input.full-width { width:603px }
#staff-tools ul.valuation-details li { width: 100%; overflow: hidden; font-size: 12px; margin: 5px 0px 5px 0px; }
#staff-tools ul.valuation-details li label { float: left; width: 100px; font-weight: bold; }
#staff-tools .sd-box .content { width: 100%; height: auto; min-height: 100px;  margin-right: 20px; padding: 0px;}
#staff-tools .sd-box .footer { clear: left; margin-right: 0px; }
#staff-tools .sd-box { min-width: 200px; }

#staff-tools .sd-box .content ul { padding: 10px; }

a.renew-button {
    margin: 0 auto;
    padding: 4px 0 0 0;
    display: block;
    width: 122px;
    height: 23px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background: transparent url("/Images/Offers/buttons.png") no-repeat 0 0;
    text-shadow: 0 -1px 0 #4AAF00; background-position: -130px 0 }


.checkListItemLabelFor { line-height:14px !important }
