/*

   These are standard efiling class definitions 
   
   This file should be auto imported into the brand.css before the brand.css potentially can override them

   Rather than using id's to override certain class types, quite often another
   class is defined in addition to the main class, such as
   
   eFilingDropDown and eFilingCountryDropdown
   
   Rather than having to specify each instance of a country dropdown as a seperate
   id, where feasable, a second class is mentioned to allow overrriding elements
   from the main class for certain things like input boxes and drop down boxes
   where size may be set based on the type of box - i.e. postcode box is smaller
   than address line   so there is an eFilingInput and an eFilingInputPostcode
   
*/

/* controls the width and style of the drop down boxes for signature questions */

.signaturedrop
{
   width: 430px;
}

#eFormWrapper
{
   width: 100%;
   padding: 0px;
   border-collapse: collapse;
   margin: 0px;   
   border-spacing: 0px;   
}
input.eFormOpenButton
{
   background: transparent url(/site/images/system/section_open.gif) no-repeat center top;
   width: 60px;
   height: 20px;
   outline: none;
   border: 0;
   cursor: pointer;
   cursor: hand;     
  
}

.eFormSaveButton
{
   background: transparent url(/site/images/system/submit.gif) no-repeat center top;
   width: 60px;
   height: 25px;
   outline: none;
   border: 0;
   cursor: pointer;
   cursor: hand;     
   float: right;
   padding: 50px;
}

.eFormBackButton
{
   background: transparent url(/site/images/system/back1.gif) no-repeat center top;
   width: 72px;
   height: 25px;
   outline: none;
   border: 0;
   cursor: pointer;
   cursor: hand;     
   float: left;
   padding: 50px;
}

.eFormValid
{
   background: transparent url(/site/images/system/greentick.gif) no-repeat center top;
   width: 30px;
   height: 24px;
   display: block;
   outline: none;
   border: 0;
   text-align: left;
}
.eFormInvalid
{
   background: transparent url(/site/images/system/redcross.gif) no-repeat center top;
   width: 30px;
   height: 24px;
   display: block;
   outline: none;
   border: 0;
   text-align: left;
}
.eFormTableModuleRow
{
   width: 100%;
   border-collapse: collapse;
   height: 27px;
        color: #ffffff;
        font-size: 13px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        background-image: url(/visual/tophorizbar.gif);
        background-repeat: repeat-x;
        background-position: center top;
    text-decoration: none; 
    padding: 1 1 1 1 ;
    height: 25px;
}
   
.eFormTableHeaderRow
{
   width: 100%;
   background-color: #0a0a99;
   border-collapse: collapse;
   height: 25px;
        color: #ffffff;
        font-size: 13px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        background-image: url(/visual/horizbar.gif);
        background-repeat: repeat-x;
        background-position: center top;
    text-decoration: none; 
    padding: 1 1 1 1 ;
    height: 30px;
}

.eFormTableSpacer1
{
   width: 10px;
   max-width: 10px;
}
.eFormTableSpacer2
{
   width: 10px;
}
.eFormTableSpacer3
{
   width: 10px;
   max-width: 10px;
}
.eFormTableOpen
{
   max-width: 70px;
   width: 70px;
   text-align: middle;
}
.eFormTableValidFlag
{
   width: 60px;
   max-width: 60px;
   text-align: right;
}
.eFormTableTitle
{
   width: 600px;
   max-width: 600px;
   text-align: left;
}
.eFormTableBody
{
}

#eFormStatusTable
{
   width: 100%;
   padding: 13px 13px 13px 13px;
   border-collapse: collapse;
}
.eFormStatusRow
{
   background-color: #efefef;
   color: #ff0000;
   font-size: 13px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-align: center;
   
}

/* eFilingDescriptive is the descriptive text at the top of a stage */
.eFilingDescriptive
{
   color: #404040;
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   width: 100%;
   text-align: left;
   padding-left: 10px;
   padding-right: 10px;
}


/* eFilingColInfo is the text used on an input screen to describe what they are going to type in */
.eFilingColInfo
{
   color: #a0a0a0;
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   width: 300px;
   vertical-align: top;
   padding-left: 10px;
}

/* eFilingColData is the column used on an input screen to hold where the input box is */
.eFilingColData
{
   color: #404040;
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   width: 450px;
}

/* eFilingInput is used for any input boxes */
.eFilingInput
{
   color: #000000;
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   width: 275px;
}

/* eFilingCheckBox is used for any CheckBoxes boxes */
.eFilingCheckBox
{
   color: #000000;
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
}

/* eFilingRadio is used for any CheckBoxes boxes */
.eFilingRadio
{
   color: #000000;
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
}

/* eFilingSeparator is used for any Separators (HR) */
.eFilingSeparator
{
   color: #000000;
}


/* eFilingLinkFrame is used for the iframe for directorships linked to the officer */
.eFilingLinkFrame
{
    width: 800px;
    min-width: 800px;
    height: 300px;
    border: 2;
}



/* eFilingInputPostcode used for any postcode boxes */
.eFilingInputPostcode
{
   width: 95px;
}

/* eFilingSignatureEntry used for signatureboxes */
.eFilingSignatureEntry
{
   width: 45px;
}


                                   
/* eFilingDropDown is used for any dropdownboxes */
.eFilingDropDown
{
   color: #000000;
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
}

/* eFilingDropDown is used for any dropdownboxes */
.eFilingMemArts
{
   color: #000000;
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   width: 350px;
   height: 80px;
}

/* eFilingCountryDropDown is used in addition to eFilingDropDown
   four country dropdowns (so width can be overriden or selected)
*/
.eFilingCountryDropDown
{
    width: 150px;
}   

/* eFilingSignatureDropDown is used in addition to eFilingDropDown
   for signatures (so width can be overriden or selected)
*/
.eFilingSignatureDropdown
{
    width: 350px;
}   

/* eFilingRegOfficeDropDown is used in addition to eFilingDropDown
   four RegOffice dropdowns (so width can be overriden or selected)
*/
.eFilingRegOfficeDropDown
{
    width: 300px;
}   
   
/* eFilingCompanySelect wraps the Company Select (stage 1) in forms */
.eFilingCompanySelect
{
    width: 98%;
    text-align: center;
    color: #000000;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
}

/* eFilingPreviousFormSelect wraps the Previous Form Selection (stage 1) in forms */
.eFilingPreviousFormSelect
{
    width: 98%;
    text-align: center;
    color: #000000;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
}

/* ajax overlay */
.AJAXLoad {
    text-align: left;
    color: #000000;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
} 
                   
/* subtable, subtableheader, subtableodds, subtableevens
  are classes to control the look of the table box
  with subtablelink controlling the style of the links
  and linkedit / linkdelete as optional configurables for links

*/
                   

span.namechecksuccess{
	display:block;
	padding:32px;
	padding-left:80px;
	font-size:18px;
	background:#EEEEEE url(/site/images/tick.png) 24px 50% no-repeat;
	border:1px solid #0072FF;
}

div.eFilingGenericBox{
	border:1px solid #FF6500;
	background:#EEEEEE;
	padding:8px;
}

tr.eFormTableModuleRow{
	background-color:#EEEEEE;
	background-image:none;
	color:#333333;
	border-bottom:1px solid #CCCCCC;
}

.eFilingColInfo{
	color:#333333;
}