/* SVN FILE: $Id$ */
/**
 * main class for forms
 *
 * CourseSource LMS | csAdmin
 *
 * @filesource		/public/css/forms.css
 * @copyright		Copyright 2010-2011, Core Learning Services Ltd
 * @link            http://www.course-source.net/admin/users
 * @version         $Revision$
 * @modifiedby		$LastChangedBy$
 * @lastmodified	$Date$
 * @license         http://www.corelearningservices.net/
 */
 
/* ------------------- Default elements ----------*/

form {width:100%; margin:0 auto;}

form.light-background {
    background-color: #F1F1F1;
}

fieldset {
    margin: 5px 0 5px 0;
    padding:1%;
}

legend {
    margin-bottom: 10px; 
    display: block; 
}

label {
    display: block; 
    width:100%;
    margin-bottom: 5px; 
    float:left;
}

label.error {
    margin-bottom: 5px; 
    float:none;
    display:inherit;
    color: red;
}

.required {
	font-weight: bold;
}

form p {clear:both; display:block; width:100%; float:left; margin-bottom: 6px !important;}

table.table-form-wide input,
.input-short,
.input-medium,
.input-long,
.input-wide{
    padding: 3px;
}

table.table-form-wide input[type="text"],
.input-short,
.input-medium,
.input-long,
.input-wide{
    height: 17px;    
}

input[type="checkbox"] {
    height: 13px;
}

table.table-form-wide input,
input.input-short,
input.input-medium,
input.input-long, 
input.input-wide,
select, 
textarea {
    border: 1px solid #cccccc;
}

select { 
    padding: 2px; 
    float:left;
}

input[type=text],
input[type=password] {
    float:left;
    height: 21px;
}

.subtitulo select { float: none; }

#perPage, #idf, #perPage_chosen {
    float: none;
}

/*table.table-form-wide input:focus,
input.input-short:focus,
input.input-medium:focus,
input.input-long:focus, 
input.input-wide:focus,
select:focus, 
textarea:focus {
    background: url(../images/input-bg-focus.gif) top left repeat-x #ffffff;
    border-color: #a9c2d1;
}*/

select option[disabled] {
    color:#000; 
    font-weight:bold;
}

textarea {
    padding: 3px; 
}

.input-short { 
    width: 25%; 
}

.input-medium { 
    width: 50%;
}

.input-long { 
    width: 200px;
    padding: 1px 3px;
    margin: 0 0 0 0;
}

.input-wide { 
    width: 100%;
}

input.submit-green,
input.submit-gray {
    color: #fff;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    cursor: pointer;
    border: 1px solid #000;
}

button.submit-green { 
    background: url(../images/submit-green-bg.gif) top left repeat-x; 
    border: 0; 
    border-top: 1px solid #6bd091; 
    border-left: 1px solid #6bd091; 
    border-right: 1px solid #349c5c; 
    border-bottom: 1px solid #349c5c; 
    color: #ffffff; 
    font-size: 14px; 
    padding: 2px 12px; 
    margin: 0px 10px 0 0;
    cursor: pointer; }

input.submit-green { 
    background-color: #00ae42;
    margin-left: 9px;
}

input.submit-gray { 
    background-color: #c9282d;
}

button.submit-green-hover,
input.submit-green-hover { 
    background-image: url(../images/submit-green-bg-hover.gif);
}


input.submit-gray-hover { 
    background-image: url(../images/submit-gray-bg-hover.gif); 
}
 
.errors {
    background:0px 10% no-repeat; 
    margin: 0px 0 10px 0;
    padding:3px 3px 3px 25px;
    font-size: 12px;
    background-image:url(../images/cross-on-white.gif); 
    background-position: 5px 5px;
    color: #c9282d; 
    background-color: #ffc6ca; 
    border: 1px solid #efb9c3; 
    clear:both; 
    display:block;
}

ul.errors { margin-left: 140px;}

    
 /* -------------------- enrolCourse form -------------------- */
form.enrolCourse label {
    width:100%;
}

form.enrolCourse div {
    margin-right:0.5%; 
    padding-right:0.5%;
}

form.enrolCourse div,label {float:left; display:inline;}
form.enrolCourse p.hint {margin-top:0; font-size:18px;}
form.enrolCourse .row {width:100%; margin-bottom:1%; clear:both;}
form.enrolCourse .setwide {width:31%; }
form.enrolCourse .setmid {width:8%;}
form.enrolCourse .setsmall {width:5%;}
form.enrolCourse .icon {width:2%;}
form.enrolCourse .readonly {border:0px none;background:none; width:100%;}
form.enrolCourse .readonly:focus {background:none;}
form.enrolCourse .submitCell {float:right;}
form.enrolCourse .totalCell {width:84%; text-align:right;}
form.enrolCourse .totalCell input {width:19%; float:right; font-weight:bold;}
form.enrolCourse .totalCell .label {width:80%; clear:none; font-weight:bold; margin-right:1%;}
form.enrolCourse .errors {margin-left:0px;}

/* -------------------- Pricing edit form -------------------- */
form.pricingForm input{width:50px;}

/* -------------------- Event feedback edit form -------------------- */
form.feedbackForm input{width:50px;}
form.feedbackForm label{width:auto;position:relative;}

/* -------------------- Login form -------------------- */

form.login {width:500px;}


/* -------------------- Wide form -------------------- */
form.wideform label {
    display: block;float: left;width: 130px;text-align: right;
}
form.wideform label,
form.wideform .label-description {
    padding: 3px 5px;margin: 0 0 5px 0;
}
form.wideform input {border: 1px solid #cccccc;width: 200px;padding: 1px 3px;margin: 0 0 0 0;}
form.wideform .submit-green {width:auto !important;}
form.wideform .submit-gray {width:auto !important;}
/*form.wideform input:focus {background: url(../images/input-bg-focus.gif) top left repeat-x #ffffff;border-color: #a9c2d1;}*/


/* -------------------- Groups ID search form ------------------- */
#groups-id-filter-container {
    width: 300px;
    display: inline-block;
}
#groups-id-filter #group-id {
    width: 80px;
}
#groups-id-filter #group-search {
    margin-left: 6px;
}


/* -------------------- Advanced search form -------------------- */
.advanced-search div {float:left; margin-bottom:8px;}
.advanced-search input{width:80%; float:right; margin-right:10px;}
.advanced-search .buttons {float:right; width:50%;}
.advanced-search .submit-green {float:right;}
.advanced-search .submit-gray {float:right;}

div#advanced-search-container {
    /*background-color: #fff; */
    /*position: absolute;*/
    font-size: 95%; 
    clear:both; 
    /*width:97%;*/
    /*display:none; */
    padding:6px;
    /*border:1px solid gray; */
    /*margin:25px 0 10px 0;
    float:left;
    left: 1em;*/
}

div#advanced-search-container .button-transparent {
    background:transparent; 
    border:0px none; 
    cursor:pointer;
}

div#advanced-search-container div#viewFieldsContainer {
    clear:both; 
    width:100%; 
    float:left; 
    display:none; 
    margin-top:10px; 
    margin-bottom:20px;
}

div#advanced-search-container div#viewFieldsContainer label {
    width:145px; 
}

div#advanced-search-container div#viewFieldsContainer .labelname {
    width:100% !important; 
    font-size:14px; 
    font-weight:bold;
}

div#advanced-search-container select#GroupName { width: 150px; }

.reports select { float: none !important; }
.reports fieldset { margin: 0px 0px 4px 0px !important}
.reports
{
    position: absolute;
    background-color: white;
    display: none;
}

table.table-form-wide td {background-color:transparent !important; vertical-align:top;}
table.table-form-wide select {width:90%;}
table.table-form-wide select.small-20p {width:20%;}
table.table-form-wide td:hover {background-color:transparent !important;}
table.table-form-wide .errors {margin-left:0 !important;}
table.table-form-wide .submit-gray,
table.table-form-wide .submit-green,
table.table-form-wide .button-transparent {float:right !important; margin-left:10px;}
table.table-form-wide .row-label {
    font-size:120%;
    padding:10px;
    font-weight:bold;
    text-transform:capitalize;
    background-color:whitesmoke !important;
    border-top:2px solid;
}
table.table-form-wide .row-label-note {
    font-size:100%;
    font-weight:normal;
    font-style:italic;
    text-transform:none;
}
table.table-form-wide .row-checkbox {vertical-align:middle;}
table.padding-2 td {padding:2px 0 0px 3px;}
table.users select{width: 158px;}
table.users input{width: 150px;}

fieldset.group-reports {border:1px solid #ccc;}
fieldset.group-reports legend{font-weight:normal; font-size:110%;}
fieldset.group-reports table{width:100%; border:0px none !important;}
fieldset.group-reports table td{padding: 1px !important; border:0px none !important;}
fieldset.group-reports table td.selects {width:25%}
fieldset.group-reports table td.selects input, fieldset.group-reports table td.selects select{width:30% !important;}

#advancedViewFields {display:none; position: absolute; top: 34px; right: 5px; width: 80%; float:right; clear:both; background: #fff; padding: 6px; border: 1px solid #444; z-index: 10;}
#advancedViewFields label{font-size:100%;}
#advancedViewFields div.advoptions {float:right; width:100%;}
#advancedViewFields div.advoptions label{float:left; width:50%;}
#advancedViewFields div.groupby {float:right; width:100%; height:70px;}

ul.ui-autocomplete {max-height:150px !important; overflow:auto;}

input.hasDatepicker { width: 70px !important; }

input.hasTimepicker { width: 120px !important; }

#messages-container { clear: both; }

@-moz-document url-prefix() { ul#nav { margin-top: 47px !important; } }

input[type="radio"] {
    padding: 4px;  margin: 4px;
}

form.wideform span.note {
	display: block;
    padding: 3px 5px;
}

form.wideform .radioList {
    width: 100px;
    text-align: left;
    float: none;
    display: inline;
}

form.wideform .radioListPurchaseTypes {
    height: 55px;
}
form.wideform .radioList.radioListWithLabel input {
    margin-left: 0;
}

form.wideform input[type="radio"]{
    width: 30px;
    text-align: right;
    margin: 3px 3px 3px 3px;
    margin-left: 130px;
}

.chosen-search input[type=text]{
    float:none;
}

.chosen-choices .search-choice {
    width:80%;    
}

.chosen-container {
    vertical-align: top !important;
    min-width: 80px;
    float:left;
}

.subtitulo .chosen-container {
    width:100% !important;
}

.barra_tabela .chosen-container {
    float: none;
}

/* Used on Enrolment Keys page, needed because dropdowns are populated dynamically so chosen cannot pickup correct widths */

#VendorID_chosen {
    width: 500px !important;
}

#CourseType_chosen {
    width: 500px !important;
}

#CourseName_chosen {
    width: 500px !important;
}

#PriceTypeID_chosen {
    width: 500px !important;
}

.duration_select {
	width: 160px !important;
}

/* Used in the moveusers form to shorten the selected users boxes */
#MoveUsers #Users_chosen .chosen-choices .search-choice {
    width: auto;
}
#MoveUsers .chosen-container {
    width: 50% !important;
}

/* switch site */
#switch-site-page #Submit-element {
    clear: both;
}
#switch-site-page #site_name-label label {
    width: 60px;
}

/* add user */
#user-add-edit-page #Language_chosen {
    min-width: 200px;
}

/* locate user */
form#LocateUser p label[for=UserSiteID] {
    width: 280px;
    text-align: left;
}
form#LocateUser p input#UserSiteID {
    clear: both;
}

/* user enrolment key */
.user-enrolments form#UserEnrolmentKey table tr td {
    vertical-align: middle;
}

/* new user report */
fieldset.group-reports table.grid td {
    border: 1px solid #CCC !important;
}
fieldset.group-reports table td.ReportType p label {
    width: 100px;
}
fieldset.group-reports table td.ReportType p label[for=ReportType] {
    width: 100%;
}

/* history report criteria */
#advanced-search-container #report_form .group-reports table table td {
    vertical-align: middle;
}
#advanced-search-container #report_form .group-reports table table .chosen-container {
    min-width: 130px;
}

/* vendor/publisher report criteria */
#vendor-selector-label input.default {
    min-width: 130px;
}