
/* INFORM A COLLEAGUE PART */
p.jlord-recommend-title {
    font-size:90%;
    text-align:center;
}

textarea#msg_message{
    margin-top:6px;
    width:130px;
}

div#form_box input{
    width:130px;
}

div#form_box input submit{
    width:150px;
}

div.modulerec div div div{
    background-color: #e4e5ea;
}

div.tutor_img_pre p img{
    width: 130px;
    height: 180px;
}

div.dda_quick select.inputbox{
    position:relative;
    top:6px;
    width:250px;
}

/* SAFARI AND GOOGLE CHROME HACK */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    div.dda_quick select.inputbox{
        right: -320px;
    }
}


div#maincolumn table.nopad{
    /*margin-top: 15px; */
}

div.form_element {
    text-align: center;
}

label.cf_label{
    text-align: right;
    line-height: 26px;
}

div.form_element{
    margin: 0;
    width:700px;
}

div.box-container{
    border:1px solid #CCCCCC;
    padding: 10px;
    margin-top: 10px;
    width: 500px;
}

span.req_fld {
    color: #A85A2C;
}

div.box-container h3{
    background: none;
    padding-left: 2px;
}

input.submit-form{
    background: url(../images/submit-info.gif) no-repeat;
    border: 0 solid #000000;
    width: 154px;
    height: 25px;
}

input.submit-form:hover{
    cursor: pointer;
}

input.cf_inputbox, select.cf_inputbox {
    border:1px solid #CCCCCC;
    width: 200px;
    height: 23px;
}

input.radio {
    border:1px solid #CCCCCC;
    padding: 0;
    margin: 0;
    
}

input#chrono_verification{
    border:1px solid #CCCCCC;
    width: 170px;
    height: 23px;
}

div.float-right{
    width: 250px;
    float:right;
}

span.captcha_text{
    width: 240px;
    float: left;
    text-align: center;
}

div#maincolumn{
    width: 530px;
}
div.cfclear{
    width: 500px;
}
div.form_item{
    width: 500px;
}

label.cf_label{
    margin-left: 50px;
}

img.cf_image{
    margin-left: 50px;
}

tr.sectiontableentry2 {
    background-color: #F0F0F0;
}

div.moduletable-flash-area  {
    border: 1px dotted #C0C0C0;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.moduletable-flash-area  h3{
    font-size: 12px;
    
}

/* Traininng booking form */
.bluebg {background-color:#003366; height: 30px; line-height: 30px; color: #fff; font-weight: bold;
            padding-left: 10px}
.step-active {font-weight: bold; font-size: 120%;}
div.clear {clear:both}
.float-left {float: left}
.float-right {float: right}
.top {vertical-align: top;}


div#booking-form-container { width:520px;}
div#step-container { background-color:#003366}
div#step-number-container { margin: 0 auto; width: 300px; margin-top: 10px; margin-bottom: 6px;}
div#step-number-title { font-weight: bold; color: #fff; padding-left: 10px; }
div#bottom-nav { margin-top: 10px;}

div.main-form {background-color: #F0F0F0; padding: 10px; }
div.course-date-select select {width:450px; margin-top: 5px;}
div.main {padding:10px;}
div.field-name-holder input, div.field-name-holder select {width: 250px;}
div.course-date-holder {border: 1px dotted #C0C0C0 ; padding: 10px;}


span.step-number {    color: #fff; width: 100px;  }
div.remove-delegate{    float:right;}
div.box-title {float:left}

label.field-name {    display: inline-block; width:180px; text-align: right}

span.note-title {
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 50px;
}

p.note-body {
    padding: 5px;
}

/** General Styles and Overides **/
.contentpaneopen .contentheading { width:510px !important;}
.moduletable_font-resizer { padding-bottom:10px; }
ul.menu li a {text-decoration: none}
#cse-search-textbox { background-image:none !important; }
.moduletable-text-box-right { width:178px !important; }
* html .moduletable-text-box-right { width:180px !important; }