/*-------------------
Inputs
--------------------*/
/*
Design Rules for Online forms:
* Free text fields should have a green border (Green 1)
* Drop down boxes should be shaded a light green (‘Green 3’) with a Green 1 border
* Asterix for mandatory fields should be colored Green 1
* Buttons should be shaded a light green (‘Green 3’) with a Green 1 border
* Submit Buttons should be right aligned with the forms fields
* Back Buttons should be left aligned with the forms fields
* Field names should be comfortably spaced from field boxes (i.e. boxes should not ‘butt’ up against copy)
* The information symbol should be colored dark green (Green 2)
* Sections with radio buttons should have the green outline
* Check boxes should appear right of the copy to which they relate
* Text area boxes should have a green border 
-07/04/2009 (Ian Matthews)
*/

/************* INPUT BUTTON *************************/

#article_mainarea input[type="checkbox"], #article_mainarea input[type="radio"], #article_mainarea input[type="back"]{
    border: 0;
    background: transparent;
}

.unitlist input[type="checkbox"] .unitlist input[type="radio"], .unitlist input[type="back"]{
    border: 0;
    background: transparent;
    float:right;
}

#unitlist input[type="checkbox"] #unitlist input[type="radio"], #unitlist input[type="back"]{
    border: 0;
    background: transparent;
    float:right;
}


/******/

#article_mainarea input.button:hover {
    border-left: 2px solid #666666;
}

#article_mainarea input[type="file"], #article_mainarea input[type="password"], #article_mainarea input[type="text"] {
    /*margin: 0 0 0 6px;*/
    border: 1px solid #00B259;
}

#article_mainarea #checkbox {
    margin-bottom:-20px;
    margin-left:0;
    margin-right:0;
    margin-top:0;
}

#article_mainarea .save, #article_mainarea input[type="submit"], #article_mainarea input[type="submit"] {
    border: 1px solid #bbb;
    margin: 10px 2px 2px;
    color: #0b4400;
    cursor: pointer;
    background: url(/other_files/images/aat/formbg1.gif) repeat-x top left;
    float:right;
    padding:1px 10px;
}

#article_mainarea .left {
    border: 1px solid #bbb;
    margin: 10px 2px 2px;
    color: #0b4400;
    cursor: pointer;
    background: url(/other_files/images/aat/formbg1.gif) repeat-x top left;
    padding:1px 10px;
}

#article_mainarea input[type="cancel"], #article_mainarea input[type="reset"], #article_mainarea input[type="button"], #article_mainarea button[type] {
    border: 1px solid #bbb;
    margin: 10px 2px 2px;
    color: #0b4400;
    cursor: pointer;
    background: url(/other_files/images/aat/formbg1.gif) repeat-x top left;
    /*float:left;*/
    padding-left: 6px;
    padding-right: 6px;
    /*min-width:75px;*/
    text-align:center
}

#article_mainarea1 input[type="cancel"], #article_mainarea1 input[type="reset"], #article_mainarea1 input[type="button"], #article_mainarea1 button[type] {
    border: 1px solid #bbb;
    /*margin: 10px 2px 2px;*/
    color: #0b4400;
    cursor: pointer;
    background: url(/other_files/images/aat/formbg1.gif) repeat-x top left;
    /*float:left;*/
    padding-left: 6px;
    padding-right: 6px;
    /*min-width:75px;*/
    text-align:center
}

.article_mainarea1 input[type="cancel"], .article_mainarea1 input[type="reset"], .article_mainarea1 input[type="button"], .article_mainarea1 button[type] {
    border: 1px solid #bbb;
    /*margin: 10px 2px 2px;*/
    color: #0b4400;
    cursor: pointer;
    background: url(/other_files/images/aat/formbg1.gif) repeat-x top left;
    /*float:left;*/
    padding-left: 6px;
    padding-right: 6px;
    /*min-width:75px;*/
    text-align:center
}

#inputbox .save, #inputbox input[type="submit"], #inputbox input[type="submit"] {
background:transparent url(/other_files/images/aat/formbg1.gif) repeat-x scroll left top;
border:1px solid #BBBBBB;
color:#0B4400;
cursor:pointer;
float:right;
margin:10px 2px 2px;
padding:1px 10px;
}


#inputbox label.text {
    display: block;
    float: left;
    width: 150px;
}

#inputbox input[type="file"], #inputbox input[type="password"], #inputbox input[type="text"] {
    border:1px solid #00B259;
}

#inputbox div {
margin:2px 0 12px;
}

/************* END INPUT BUTTON *************************/

textarea {
    width: 150px;
    padding:4px;
    border: 1px solid #00b259;
    /*margin-left:5px;*/
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

.textareamid {
    width: 50%;
    height: 100px;
    padding:4px;
    border: 1px solid #00b259;
    /*margin-left:5px;*/
   font-family:Arial, Helvetica, sans-serif;
   font-size:0.8em;
}

.textarealarge {
    margin:10px;
    width: 90%;
    height: 200px;
    padding:4px;
    border: 1px solid #00b259;
    /*margin-left:5px;*/
   font-family:Arial, Helvetica, sans-serif;
   /*font-size:0.8em;*/
}
/**** myaat service ****/
.textareabox {
    margin:10px;
    width: 90%;
    height: 200px;
    padding:4px;
    border: 1px solid #00b259;
    /*margin-left:5px;*/
   font-family:Arial, Helvetica, sans-serif;
   font-size:0.8em;
}

.textareabig textarea {
    margin:10px;
    width: 90%;
    height: 200px;
    padding:4px;
    border: 1px solid #00b259;
    /*margin-left:5px;*/
   font-family:Arial, Helvetica, sans-serif;
   font-size:0.8em;
}

/**************Myaat - serices forms ******************
.textareabox
 {
    margin:10px;
    width: 90%;
    height: 200px;
    padding:4px;
    border: 1px solid #00b259;
    /*margin-left:5px;*/
   font-family:Arial, Helvetica, sans-serif;
   font-size:0.8em;
}
/************** END ******************

.aat-form textarea {
    border: 1px solid #00B259;
}

/************** Radio ****/
input.radio {
    border:none;
  /* float:left; */
    display:inline;
    position:relative;
 /*  top:2px; */
    width:20px;
    color: #cce0da;
}

.service input.radio {
    border:none;    
    display:inline;
    position:relative;
    top:13px;
    width:20px;
}

radio.label {
    float:left;
    display:inline;
    left:15;
    display: block;
    float: left;
    width: 90px;
}

radiolist {
    /*border: 1px solid #d7d7d7;*/
}

/*** End Radio ****/
/*------------------------------------------------------*/

/*** fieldset ****/

fieldset {
    /*border: none;*/
    border: 1px solid #00b259;
    /*width:95%;*/
   /*width:497px;*/
    padding: 10px 10px;
    /*padding-top: 10px 10px;*/
    margin-top: 8px;
    /*margin-bottom: 15px;*/
    /*display: block;*/
    /*overflow: hidden;*/
}

fieldset legend span {
    position: absolute;
    top: -9999px;
    visibilty: hidden;
    left: -9999px;
}

/* Hide fieldset and legend */
.aat-form fieldset {
    /* border: none; */
    /*padding: 0;*/
    /*margin-top: 8px;*/
}

/*** END fieldset ****/

#article_mainarea input[type="radio"] {
     margin-right:10px
}

legend { 
    color: #000000; 
    /*width:250px;*/
    /*display:block;*/
    /*white-space:normal;*/
}


/* Set label and input defaults */
#article_mainarea label.text {
    /*display: block;*/
    float: left;
    width: 200px;
}

.certificate label {
    float: left;
    width: 150px;
}

#certificate label {
    float: left;
    width: 150px;
}

.forms textarea {
    display: block;
    /*float: left;*/
    width: 200px;
}

.textarealarge textarea {
    margin:10px;
    width: 90%;
    height: 200px;
    padding:4px;
    border: 1px solid #00b259;
    /*margin-left:5px;*/
   font-family:Arial, Helvetica, sans-serif;
   font-size:0.8em;
}

#article_mainarea label.textarea {
    /*display: block;*/
    float: left;
    width: 200px;
}

text {
    display: block;
    float: left;
    width: 200px;
}

#article_mainarea div {
    margin: 2px 0 12px;
}

/*------------------------------------------------------*/

/* Updated by Simon Smith - These are new styles for tableless forms - 
   Common styles are depicted by aat-form class. Each form has own id for specific styles */

.aat-form fieldset legend span {
    position: absolute;
    top: -9999px;
    visibilty: hidden;
    left: -9999px;
}

/* Set label and input defaults */
.aat-form label {
    display: block;
    float: left;
    width: 90px;
}

.aat-form div {
    margin: 2px 0 12px;
}

.aat-form .navigation li {
    background: none;
}

.aat-form .navigation {
    margin-left: -20px;
}

/* Change Password Specific */
#changePassword label {
    width: 105px;
}


/******************************************************************************
   Alternative Routes - Form
   Izik Goldfarb - 24/2/2009
******************************************************************************/

/*** drop down select ****/
select {
    /*margin-top:2px;*/
    /*margin-bottom:2px;*/
    /*border: 1px solid #00b259;*/
    /*background:  #cce0da;*/
    /*width:200px;*/
    /*display: block;*/

    border: 1px; 
    border-style: solid; 
    border-color: #00b259;
    background-color: #cce0da; 
    padding:0px;
    margin:0px;

/*width:300px;*/
}

.unitlist select {
    width:500px;
    background:  #cce0da;
}

#unitlist select {
    width:500px;
    background:  #cce0da;
    display: block;
}

#SubCat2 select {
    width:150px;
    background:  #cce0da;
}

#SubCat5 select {
    width:150px;
    background:  #cce0da;
    float:left;
    margin-right:5px;
}

.SubCat6 select {
    background:  #cce0da;
    float:left;
    margin-right:5px;
    margin-bottom:10px;
}

.SubCat6 input[type="text"] {
    float:left;
    margin-bottom:10px;
}

#article_mainarea .SubCat6 input[type="submit"] {
    float:right;
    margin-bottom:10px;
    margin:34px 2px 2px;
}


.SubCat5 select {
    width:150px;
    background:  #cce0da;
    float:left;
    margin-right:5px;
}

.SubCat2 select {
    width:150px;
    background:  #cce0da;
    display: block;
}

#SubCat10 select {
    width:150px;
    background:  #cce0da;
}

.ctrDropDown{
    width:160px;
}
.ctrDropDownClick{
    width:auto;
}
.plainDropDown{
    width:160px;
}

.alternativeRoutes select {
   width: 130px;
}

.dateofbirthDay select {
   width: 50px;
   position: absolute;
}

.dateofbirthMonth select {
   width: 50px;
   position: absolute;
   margin-left: 60px;
}

.dateofbirthYear select {
   width: 55px;
   position: absolute;
   margin-left: 120px;
}

div#container 
{
   position: relative;
}

.employmentStatus select {
   width: 520px;
}

.howHeardAboutAAT select {
   width: 300px;
}

.individualAAT input.radio {
    border:none;
    float:left;
    display:inline;
    position:relative;
    top:13px;
    width:20px;
}

.individualAAT input.radio {
    border:none;
    width:500px;
    float:left;
    display:inline;
    top:7px;
}

.individualAAT label.radio {
    float:left;
    display:inline;
    left:15;
}

.individualAAT portlet-form-legend radiolist {
    height:50px;
}

/******************************************************************************
   Student Registration - Form
   Izik Goldfarb - 27/2/2009
******************************************************************************/
.breadcrumb_selected {
    background:#1FB25A;
    color: white;
}
.breadcrumbs {
    font-weight : bold;
}
.breadcrumb_steps {
    text-decoration:underline;
}

/*****************************************/

.maatTable {
    width:95%
}

/** Asterix for mandatory fields should be colored Green 1*/
#dot {
   font-weight:bold;
   color: #00723f;
}

/****************Join form - Date 3 boxes Day/month/year ************/

.forms .DOB {
   /*width:100px;*/
   padding-right:122px;
}

.forms .startingDate
{
   padding-right:30px;
}

#span_ITEM_ATT1445_0, #span_ITEM_ATT1446_0, #span_ITEM_ATT1447_0,#span_ITEM_ATT2512_0,#span_ITEM_ATT2513_0 {
  display:inline;
}

#ITEM_ATT3259_0, #ITEM_ATT3260_0, #ITEM_ATT3261_0, #ITEM_ATT3263_0, #ITEM_ATT3264_0, #ITEM_ATT3265_0 {
  float:left;
background-color:#CCE0DA;
border:1px solid #00B259;
margin:0;
padding:0;
margin-right:5px;
margin-bottom:10px;
}


/******** /join/info_pack/ - (why do we want this?) link ************/
#popuplink {
   position: relative;
   top:-15px;
}
/*****************************************/


/*
* edit by will.  to make all text areas on centres feedback page full width.
*/

#portletFormp5402I textarea {
display: inline;
width: 98%;
}

#portletFormp5402I label.textarea {
width: 98%;
}

#portletFormp9174I textarea {
display: inline;
width: 98%;
}

#portletFormp9174I label.textarea {
width: 98%;
}

#portletFormp5360I textarea {
display: inline;
width: 98%;
}

#portletFormp5360I label.textarea {
width: 98%;
}

#formp10055I label.textarea{
width: 98%;
}

#formp10055I textarea {
display: inline;
width: 98%;
}
/*-------       for box around multiple questions within a question --------*/
#greenBoxForms {
border:1px solid #00B259;
padding: 10px;
}

}
/*-------       questions that need their box removing because they are multiple questions within a question --------*/

#portletFormp5402I #span_ITEM_ATT2357_0 {
border: none;
}

#portletFormp5402I #span_ITEM_ATT2358_0 {
border: none;
}

#portletFormp5402I #span_ITEM_ATT2359_0 {
border: none;
}

#portletFormp9174I #span_ITEM_ATT2362_0 {
border: none;
}

#portletFormp9174I #span_ITEM_ATT2363_0 {
border: none;
}

#portletFormp9174I #span_ITEM_ATT2350_0 {
border: none;
}

#portletFormp9174I #span_ITEM_ATT2351_0 {
border: none;
}

#portletFormp9174I #span_ITEM_ATT2352_0 {
border: none;
}

#portletFormp9174I #span_ITEM_ATT2353_0 {
border: none;
}

#portletFormp9174I #span_ITEM_ATT2354_0 {
border: none;
}

#portletFormp9174I #span_ITEM_ATT2355_0 {
border: none;
}


/*****************  Info Pack Form Specials *******************/
.infoPackFieldInfo{
    cursor:pointer;
    font-size:9pt;
}

.infoPackFieldInfo:hover{
    color:#00B259;
}

#formp10055I #span_ITEM_ATT1456_0 {
margin:0;
}

#validationError {
    color:#FF0000;
}

.validationError {
    color:#FF0000;
}

#portlet-msg-error {
    color:#FF0000;
}

.portlet-msg-error {
    color:#FF0000;
}


.ITEM_ATT1441_0 {
    width: 50%;
    height: 100px;
    padding:4px;
    border: 1px solid #00b259;
    /*margin-left:5px;*/
   font-family:Arial, Helvetica, sans-serif;
   font-size:0.8em;
}

#ITEM_ATT1441_0 {
    width: 50% !important;
    height: 100px !important;
    padding:4px;
    border: 1px solid #00b259;
    /*margin-left:5px;*/
   font-family:Arial, Helvetica, sans-serif;
   font-size:0.8em;
}


#largetextarea textarea {
    width: 50% !important;
    height: 100px !important;
    padding:4px;
    border: 1px solid #00b259;
    /*margin-left:5px;*/
   font-family:Arial, Helvetica, sans-serif;
   font-size:0.8em;
}