html *
{
    margin:0;
    padding:0;
}

html
{
    height:100%;
}

body {
  text-align: center;
  font-family: Arial, sans-serif;
  font-size: 62.5%;
  background: #e1dfd0;
  height:100%;
  color:#333;
}

#page {
    width: 76em;
    margin:0 auto;
    min-height:100%;
    height: auto !important;
    height:100%;
    text-align:left;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    background-color: #F3F2ED;
    position:relative;
}

#lhs
{
    width:16em;
    float:left;
    
}

#centre
{
    float:left;
    width:45em;
}


#rhs
{
    float:left;
    width:15em;
}

/*   ----    HEADER  INFO    ----    */
.header
{
    height:10em;
}

#logo
{
    margin: 10px 0 0 10px;
    height:5.3em;
    width:12.2em;
}

#jct
{
    margin: 10px 2px 0 0;
}

.strapline
{
    margin-top:25px;  
    width:27.5em;
    height:2.1em; 
}

#help
{
    padding-right:10px;
    text-align:right;
}

#help a
{
    display:block;
    padding:2px 0;
    font-size:1.2em;
}

a#help1
{
    padding-top:15px;
}

ul.mainmenu li
{
    font-size:1.2em;
    display:inline;
}

ul.mainmenu li a
{
    padding:0 2px;
}

/*   ----    LHS DIV    ----    */
#documentmenu
{
    margin-left:2px;
}

#documentmenu li a
{
    font-size:1.2em;
}

#documentmenu li
{
    padding: 0 0 8px 0;
}

#documentmenu li.rhsItem
{
    background: url(../images/documentmenu_li.gif) no-repeat 0 0;
    padding:0 0 8px 22px;
}
.lhsmenu
{
    margin-left:2px;
}

.lhsmenu li a
{
    font-size:1.2em;
}

.lhsmenu li
{
    padding: 0 0 8px 0;
}

.lhsmenu li.rhsItem
{
    background: url(../images/documentmenu_li.gif) no-repeat 0 0;
    padding:0 0 8px 22px;
}


/*   ----    CENTRE DIV    ----    */

a.actionlink
{
    display:block;
    font-size:1.1em;
    margin-top:10px;
    padding:3px 5px;
    border:1px solid #000;
    color:#333;
    width:10em;
    text-decoration:none;
}

.box
{
    background: url(../images/tl.gif) no-repeat left top;
    padding:1px 0 0 1px;
    margin: 0 5px 20px 5px;
    position:relative;
}

.box_br
{
    background: url(../images/br.gif) no-repeat right bottom;
    padding: 10px;
}

.box p, .boxl p, .boxr p, .box table
{
    font-size:1.2em; 
    padding:2px 0 6px 0;
    line-height:1.4;
}

.box p a, .boxl p a, .boxr p a
{
    font-size:1em;
}

.boxl
{
    background: url(../images/tl.gif) no-repeat left top;
    float:left;
    width:47%;
    margin-left:5px;
    padding:1px 0 0 1px;
    display:inline;
}

.boxr
{
    background: url(../images/tl.gif) no-repeat left top;
    padding:1px 0 0 1px;
    float:right;
    width:47%;
    margin-right:5px;
}

#secondarycontent .box_br
{
    padding: 6px;
}

#maincontent #documentlist
{
    list-style-type:none;
    margin:0;
    padding:0;
}


#maincontent #documentlist li
{
    font-size:1.2em;
    padding: 3px 10px 3px 26px;
    background: url(../images/documentlist_li.gif) no-repeat 0 50%;
    margin:12px 0;
}

p.error
{
    margin:12px 5px;
    border:1px solid #666;
    padding: 10px 5px 8px 40px;
    background: url(../images/warning.gif) no-repeat 2px 50%;
}

span.error
{
    display:block;
    color: #f00;
    font-weight:bold;
    padding: 3px 0;
}

.log_button
{
    margin: 6px 0
}

#lib
{
    margin-bottom:12px;
}

/*  REMOVED contract image from header 
div.document h2
{
    height: auto !important;
    height: 4em;
    min-height: 4em;
    padding-left:60px;
}*/

.contractButtons
{
    position:relative; 
}

.completeButton
{
    border:0;
    background: transparent url(../images/complete.jpg) no-repeat;
    color: #333;
    padding-left:36px;
    height: auto !important;
    height:34px;
    min-height:34px;
    text-align:left;
    font-weight:bold;
    font-size:1.2em;
    width:12em;
    cursor:pointer;
    z-index:1;
}

.ra
{
        position:absolute;
    right:6px;
    top:2px;
}

.vdc
{
    font-weight:bold;
    font-size:1.2em;
}

.dlContractButton
{
    border:0;
    background: transparent url(../images/downloadDocument.jpg) no-repeat;
    color: #333;
    padding-left:36px;
    height: auto !important;
    height:34px;
    min-height:34px;
    text-align:left;
    font-weight:bold;
    font-size:1.2em;
    width:12em;
    cursor:pointer;
}

.info
{
    float:right;
}

#prev
{
    border:0;
    background: transparent url(../images/previous.jpg) no-repeat;
    color: #333;
    padding-left:36px;
    height: auto !important;
    height:34px;
    min-height:34px;
    text-align:left;
    font-weight:bold;
    font-size:1.2em;
    width:6em;
    cursor:pointer;
}

#next
{
    border:0;
    background: transparent url(../images/next.jpg) no-repeat 100% 0;
    color: #333;
    padding-right:36px;
    height: auto !important;
    height:34px;
    min-height:34px;
    text-align:left;
    font-weight:bold;
    font-size:1.2em;
    width:6em;
    cursor:pointer;
    text-align:right;
}

.vdContractImg
{
    vertical-align:middle;
}

a.vdc
{
    font-weight:bold;
    font-size:1.2em;
    color: #333;
    text-decoration:none;
    z-index:99;
}

a:hover.vdc
{
       color: #333;
    text-decoration:none; 
}

.topspacer
{
    margin-top:12px;
}

div.pageNav
{
    border: 1px solid #efefef;
    margin:16px 4px;
    padding:8px;
    text-align:center;
}

#maincontent div.pageNav h3
{
    padding-top:0;
    margin-top:0;
    padding-bottom:12px;
}

#pageNum
{
    vertical-align:middle;
}

.breadcrumb
{
    margin-bottom:6px;
}

.pricing
{
    margin: 34px 3px 12px 0;
    background: url(../images/payment.jpg) no-repeat 0 50%;
    padding: 5px 3px 5px 60px;
}

.subscriber
{
    margin: 20px 3px 12px 0;
    background: url(../images/createDocument.jpg) no-repeat 0 50%;
    padding: 0 0 0 60px;
    min-height: 58px;
    height:auto !important;
    height:60px;
}

.verify_between
{
    padding:0 0 5px 0;
    font-size:1.2em;
}

.verify_and
{
    padding: 7px 0 5px 0;
    font-size:1.2em;
}

p.purchased
{
    padding:7px 0 3px 0;
}

p.highlight
{
    font-weight:bold;
    color: #f00;
}

p.confirm
{
    height: auto !important;
    height:36px;
    min-height:36px;
    background: url(../images/tick.gif) no-repeat 0 50%;
    padding-left:36px;
    font-size:1.2em;
    margin-bottom:12px;
}

.small
{
    font-size:0.8em;
}

#centre hr
{
    color: #ccc;
    height:1px;
    margin:2em 1em 1em 1em;
}

dl
{
    padding: 0 0 14px 0;
}

dt
{
    font-size: 1.2em;
    padding-bottom:3px;
}

dl.contract
{
    padding-left:30px;
    background: url(../images/contract.gif) no-repeat 0 0;
}

dl.guidance
{
    padding-left:30px;
    background: url(../images/guidance.jpg) no-repeat 0 0;
}

span.purchased
{
    color: #000;
     font-weight:bold;
    
}

.fp
{
    text-align:right;
}

.box_fp
{
    display:block;
    margin:6px 0 7px 0;
    font-size:1.1em;
}

.fp_form
{
    margin:12px 0;
}

#maincontent ul
{
    margin: 3px 0 10px 22px;
    list-style-type:circle;
}

#maincontent ul li
{
    font-size:1.2em;
    padding-bottom:4px;
}

#maincontent li a
{
    font-size:1em;
}

#maincontent h3
{
    margin:12px 0 4px 0;
}

/*    FORMS     */
fieldset
{
    border:0;
}

legend
{
    font-weight:bold;
    font-size:1.2em;
}

form table
{
    margin:10px 6px;
}

th
{
    padding: 2px 12px 2px 0;
}

td
{
    padding:2px 0;
}

.sub
{
    background-color: #8c8759;
    color:#fff;
    font-weight:bold;
    padding:2px 4px;
}

.required
{
    padding-right:20px;
    background: url(../images/required.gif) no-repeat right top;
}

.required_error
{
    padding-right:20px;
    background: url(../images/required_error.gif) no-repeat right top;
    color:#f00;
    font-weight:bold;
}

.form_error
{
	color:#f00;
	font-weight:bold;
}

/*label
{
    font-size:1.2em;
}*/

td label
{
    font-size:1em;
}

#ctrRef, .sub
{
    vertical-align:middle;
}

#verifyform
{
    margin-bottom:20px;
}

input, select
{
    font-size:1em;
}

.fp_form input
{
    vertical-align:middle;
}

.form_length
{
    width:10em;
}

tr.ruled{
	background:#8B8559;
	color:#fff;
	
} 

/*   ----    FOOTER   ----    */

#footer
{
    text-align:right;
    margin-top:35px;
}


#footer p
{
    padding:3px 12px 3px 0;
}

#footer p.fl
{
    float:left;
    display:inline;
    padding-left:12px;
}


#footerlinks li
{
    display:inline;
}

#footer #footerlinks
{
    margin:0 12px;
    border-bottom:1px solid #ccc;
    padding-bottom:3px;
}

.entrytable th, .entrytable td
{
    padding:4px 20px 4px 0;
    font-size:1.1em;
}

.entrytable th a, .entrytable td a
{
    font-size:1em;
}

/*   ----    RHS DIV    ----    */

#accountdetails li a
{
    font-size:1.1em;
}

#addNewPage
{
    display:none;
    margin:0 0 12px 0;
}

.linkposition
{
    width:2em;
    margin-right:3px;
    vertical-align:middle;
}

.addpage
{
    display:block;
    padding:4px 0 6px 0;
    font-size:1.1em;
}

.aboutlinks
{
    margin-bottom:5px;
}

.aboutlinks li a
{
    font-size:1.1em;
}

/*   ----    GENERAL ELEMNTS    ----    */

a
{
    color: #333;
}

a:hover
{
    text-decoration:underline;
    color:#4D4930;
}

a img
{
    border:0;
}

ul
{
    list-style-type: none;
}

li
{
    padding:2px 0;
}

ul a
{
    text-decoration:none;
}


h1
{
    font-size: 1.6em;
    margin-bottom: 8px;
    color:#8C8759;
}

h1 span.ref
{
    color:#4D4930;
}

h2
{
    font-size: 1.4em;
    margin: 12px 0 3px 0;
    color:#8B8559;
}
h3
{
    font-size: 1.4em;
    margin-bottom: 8px;
    color:#8B8559;
}



h4
{
    font-size: 1.1em;
    margin-bottom: 5px;
}


/*   ----    INDIVIDUAL PAGES    ----    */
#home h1
{

}

#home h2
{
    padding:0;
    margin: 12px 0 4px 0;
}

#home_contract
{
    background: url(../images/hm_contract.gif) no-repeat 0 0;
    padding: 0 0 8px 110px;
    margin-bottom:4px;
}



/*   ----    SBCC ADMIN    ----    */
h2.sbccadmin
{
    margin-top:12px;
}

a.sbccadminbutton
{
    display:block;
    background-color:#8B8559;
    border:1px solid #000;
    margin:12px 0;
    width:10em;
    text-align:center;
    padding:4px 2px;
    font-size:1.1em;
    color:#fff;
    text-decoration:none;
}

table
{
    border-collapse:collapse;
}

table.admintable
{
    width:98%;
    border:1px solid #666;
}

table.admintable td, table.admintable th
{
    border-bottom:1px solid #666;
    padding:4px 8px 2px 2px;
    font-size:1.1em;
}

table.admintable td a, table.admintable th a
{
    font-size:1em;
}

table.admintable th
{
    font-weight:bold;
    background-color:#F3F2ED;
}


/*   ----    ADMIN    ----    */

#pageeditor
{
    margin:0 0 22px 0;
    padding: 16px 22px;
    border:1px solid #ccc;
    display:none;
    
}

#pageeditorlink
{
    border:1px solid #ccc;
    background-color:#fff;
    padding: 5px 12px;
    margin: 0 0 25px 2px;
    width:10em;
}

#pageeditor input
{
    margin: 0 12px 0 0;
}

#pageeditor label
{
    margin: 0 12px 0 0;
}

.pe_buttons
{
    text-align:center;
    padding:3px;
    margin:6px 0 0 0;
}

.pe_buttons .sub
{
      background-color: #900;
      color:#fff;  
}

.close
{
    float:right;
    margin: 0 0 8px 0;
}

.table_ob td, .table_ob th
{
    padding: 2px 10px 3px 2px;
    font-size:1.2em
}

#pagewrapper
{
    padding:0 12px;
}

.admin_space_form
{
    margin-top:20px;
}

.delete
{
    background-color: #900;
    color:#fff;  
}

.menu li a
{
    font-size:1.1em;
}

/* ############# CLEAR FIX  ############ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ############# HTML AREA ############ */


.htmlarea{
	width:605px;
	border:1px solid #ccc;
	margin: 10px 0;
}

div.toolbar table {
	border-collapse:collapse;
	margin:0
}

div.toolbar table th, div.toolbar table td{
	padding:0
}