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


Global Style Sheet for Assembly Point


Updated: 27/01/10


Main Colours: 
Orange: e97400
Green: 8dad0e

oring forums: #CADCEB


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




body 
{
font-family: Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #324959;
line-height: 1.5 /*18px*/; 
background:  url(brochure_images/bg.jpg) repeat-x 0 200px; 
}


html>body /* For everything except IE6 */
{
font-size: 12px;
}


/* ---------- =Style Reset ------------ */


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  vertical-align: baseline;
}


/* Tables still need 'cellspacing="0"' in the markup. */
table 
{
border-collapse: separate;
border-spacing: 0;
} 


caption, th, td 
{
text-align: left;
font-weight: normal;
}


table, td, th 
{
vertical-align: middle;
}


/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before,
blockquote:after,
q:before,
q:after 
{
content: "";
}


blockquote,
q 
{
quotes: "" "";
}


a img 
{
   border: none;
}


/* -------------- =Default Text  -------------- */


h2,h3,h4,h5,h6 
{ 
  clear: both; 
}


h1 
{ 
font-size: .2em;
line-height: 0;
text-indent: -5000px;
}


h2
{
font-size: 2.0em;
font-weight: bold;
line-height: 1.25;
margin: 1em 0 .85em; 
}


#intro h2
{
position: absolute;
top: -70px; left:5px;
font-size: 2.5em;
line-height: 1.36;
font-weight: normal;
text-align: left;
width: 540px;
}


h3 
{
font-size: 1.8em;
margin: 1.2em 0 0 0; 


}


h4 
{
color: #444;
font-size: 1.6em;
font-weight: bold;
line-height: 1.4;
margin: 1.2em 0 0 0; 
}


h4.benefits 
{
color: #e97400;
font-size: 1.8em;
line-height: 1;
margin-bottom: .75em;
}


h5 
{
color: #DF6F00;
font-size: 1.4em;
margin: 1.4em 0 0 0; 
}


h6 
{
font-size: 1.4em;
font-weight: bold;
margin: 1.6em 0 0 0; 


}


p           
{ 
font-size: 1.2em;
margin: 1em 0 1.4em 0; 
}


p.large
{
font-size: 1.6em;
margin: 1em 0 1em 0; 
}


a:link,
a:visited           
{ 
color: #9cb246;
font-weight: bold;
text-decoration: none; 
border-bottom: 1px dotted #999;
}


a:hover,
a:active  
{ 
color: #666;
text-decoration: none; 
border-bottom: 1px dotted #ccc;
}


/* Lists */


ul.default
{
margin-right: 85px; 
list-style-type: none;
}


ul.default li
{ 
font-size: 1.2em;
padding: 5px 0 0 25px;
background: url(../brochure_images/tick_sm.gif) no-repeat 0 50%;
}


ul.benefits
{
float: left;
color: #DBE6EE;
font-size: 1.4em;
margin-right: 85px; 
list-style-type: none;
}


ul.benefits li
{ 
padding: 5px 0 0 25px;
background: url(../brochure_images/tick.gif) no-repeat 0 50%;
}


strong      
{ 
font-weight: bold; 
}


em         
{ 
}


.emphasis
{
color: #e97400; 
}


.emphasisSm
{
font-size: .8em;
line-height: 1.65;
color: #e97400; 
}




/* Breadcrumbs*/
#breadcrumb
{
width: 100%;
margin-bottom: 10px;
}


.icon
{
margin: 0 0 0 8px;
}


.more
{
position: absolute; 
bottom: 10px; 
right: 10px;
width: 92%;
text-align: right;
font-weight: bold; 
padding: 3px 10px 0 5px;
border: 1px solid #ddd;
display: block;
}


blockquote 
{
background:transparent url(/brochure_images/bq.png) no-repeat 0%;
color:#555555;
margin:1em 0pt;
padding-left:30px;
}


/* Horizontal Rule */


hr {
  background: #222; 
  color: #222;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 2.4em 0 2em 0;
  border: none; 
}


* html hr  /* IE6 fix */
{ 
  margin: 2em 0 1.6em 0;
}


/* -------- =General Image Styles -------- */
.picRight
{
position: absolute;
left: 390px;
top: -103px;
}




/* -------- =Wrappers and Gutters -------- */
.wrapper 
{
position: relative;
width: 960px;
    margin: 0 auto;
}


/* -------- =Header and Search Banner -------- */


#header
{
   width: 100%; 
   border-bottom: 1px solid #000;
background: #222 url('../brochure_images/header_bg.png') repeat-x -20% 100%; 
}


#intro
{
width: 100%;
position: relative;
z-index: 0;
text-align: right;
height: 160px;
padding: 80px 0 10px;
}


.branding
{
padding: 5px 0 35px;
}




/* -------- =Main Content Layout -------- */


#mainContent
{
float: left;
width: 100%;
position: relative;
z-index: 10;
padding: 10px 0 0 0;
    margin: 0 auto;
    background: #fff;
}


#mainContent.shad
{
padding: 40px 0 0 0;
position: relative;
z-index: 10;
   background: url(../brochure_images/introBottShad.png) repeat-x top;
}


#midBand
{
float: left;
width: 100%;
padding: 10px 0 100px 0;
    margin: 0 auto;
background: #13181b url(../brochure_images/mid_band_bg.png) repeat-x top; 
}


.col1-3
{
float: right;
width: 280px;
padding: 35px 0 100px 0;
}


.col2-3
{
float: left;
width: 600px;
padding: 30px 0 100px 0;
}


#navBar
{
width: 100%;
height: 10px;
background: #222 url('../brochure_images/nav_bg.png') repeat-x -30% 100%; 


}


/*  -- =Login Nav  -- */


ul.accountNav  
{
float: right;
margin: 0;
padding: 10px 0;
}


ul.accountNav a 
{
text-decoration: none;
border: none;
}


ul.accountNav li 
{ 
margin: 0;
float: left;
display: block;
}


ul.accountNav li a,
ul.accountNav li a:visited
{
color: #e3e478;
margin: 0 10px;
padding-bottom: 1px;
border-bottom: none;
}


ul.accountNav li a:hover 
{
color: #fff;
margin: 0 10px;
border-bottom: none;
}


/*  -- =Features  -- */


ul.features
{
float: left;
width: 320px;
list-style-type: none;
margin-right: 20px;
display: inline; /* Kill double margin bug in IE6. Put in IE Style sheet */ 
}


ul.features li 
{
float: left;
position: relative;
width: 300px;
padding: 10px 0;
display: inline; 
overflow: hidden;
}


ul.features li .text
{
width: 180px;
}


ul.features li h4
{
color: #222;
font-size: 1.5em;
font-weight: normal;
margin-bottom: -1.3px;
}


ul.features li p
{
font-size: 1em;
}


/*  -- =Features Call to Action -- */


ul.featuresAction
{
float: right;
width: 280px;
list-style-type: none;
margin-top: 20px;
margin-bottom: 80px;
display: inline; /* Kill double margin bug in IE6. Put in IE Style sheet */ 
}


ul.featuresAction li 
{
float: right;
width: 270px;
padding: 0px;
-webkit-border-bottom-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
text-align: center;
display: inline; 
overflow: hidden;
background: #79BC21 url(../brochure_images/featuresActionBG.jpg) no-repeat 0 0;
}


ul.featuresAction li .arrow
{
margin-top: -10px; 
}


ul.featuresAction li .arrow a
{
border: none;
}


ul.featuresAction li h4
{
color: #fff;
font-weight: bold;
font-size: 2.3em;
}


ul.featuresAction li p
{
font-size: 1.4em;
color: #fff;
}


ul.featuresAction li a,
ul.featuresAction li a:visited
{
color: #fff;
border: 0;
} 


ul.featuresAction li a:hover,
ul.featuresAction li a:active
{
color: #E9F8D5;
}


ul.featuresAction li .text
{
margin-top: -10px; 
padding: 0px 20px;
}


/*  Feature brochure_images and Icons */


.icons
{
position: absolute;
z-index: 1000;
right: -10px; bottom: 0;
width: 140px;
height: 140px;
}


.timesheets
{
text-indent: -5000px;
background: url(../brochure_images/icon_timesheet.gif) no-repeat;
}


.timeoff
{
text-indent: -5000px;
display: block;
background: url(../brochure_images/icon_timeoff.gif) no-repeat;
}


.reports
{
text-indent: -5000px;
background: url(../brochure_images/icon_reports.gif) no-repeat;
}


.records
{
text-indent: -5000px;
background: url(../brochure_images/icon_records.gif) no-repeat;
}




/*  -- =Sign Up  -- */


ul.signup
{
float: left;
width: 960px;
margin-bottom: 50px;
list-style-type: none;
display: inline; /* Kill double margin bug in IE6. Put in IE Style sheet */ 
}


ul.signup li 
{
float: left;
position: relative; 
margin: 20px 35px 20px 0;
padding-left:5px;
padding-bottom: 0;
width: 205px;
font-size: 1.4em;
-webkit-border-bottom-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
color: #fff;
text-align: center;
display: inline; 
background: #dd730b url(../brochure_images/features_bg.jpg) no-repeat 0 0;
}


ul.signup li.last 
{
margin-right: 0;
}


ul.signup li .button a,
ul.signup li .button a:visited
{
float: left;
color: #6DA91E;
width: 95%;
font-size: 1.4em;
padding:25px 0 20px 0;
margin-bottom: -40px;
border: 2px solid #dd730b;
-webkit-border-bottom-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
text-align: center;
background: #fff;
}


ul.signup li .button a:hover,
ul.signup li .button a:active
{
color: #fff;
background: #313131;
}


ul.signup li .text
{
padding: 0 10px;
}


ul.signup li h4
{
color: #fff;
font-weight: normal;
margin-bottom: -1.3px;
padding: 0 0 15px;
border-bottom: #fff dotted 1px;
}


ul.signup li h4.sm
{
font-size: 1.2em;
}


ul.signup li h4.md
{
font-size: 1.4em;
}


ul.signup li h4.lg
{
font-size: 1.6em;
}


ul.signup li h4.xlg
{
font-size: 1.8em;
}


/*  -- =Footer  -- */


#footer
{
clear: both;
float: left;
width: 100%;
padding: 40px 0 90px 0;
color: #ccc;
background: #3b3f41 url(../brochure_images/footer_bg.png) repeat-x top; 


}

ul.footerDetails 
{
    float: right;
    list-style: none;
    width: 20%;
    margin-bottom: 10px;
}

ul.footerDetails.full 
{
    width: 100%;
}

.footerDetails li 
{
    font-size: 1.2em;
    float: left;
    margin-right:5px;
}


.footerDetails li a:link, 
.footerDetails li a:visited 
{
    text-decoration: none;
}


.footerDetails li a:hover 
{
    text-decoration: none;
}


ul.footerDetails li.terms 
{
padding-left: 20px;
margin-right: 10px;
background:  url("../brochure_images/termsIcon.gif") no-repeat 0 50%;
}


ul.footerDetails li.privacy 
{
padding-left: 20px;
margin-right: 10px;
background: url("../brochure_images/privacyIcon.gif") no-repeat 0 50%;
}


ul.footerDetails li.partner
{
border: 1px solid #777;
margin: 0 0 20px 0;
padding: 5px;
line-height: 0;
background: #313131;
}


ul.footerDetails li.partner a
{
border: 0;
padding: 0;
}

ul.footerAddress
{
float: left;
    list-style: none;
    width: 80%;
}


.footerAddress li 
{
    font-size: 1.2em;
    float: left;
    margin-right:45px;
}


.footerAddress li a:link, 
.footerAddress li a:visited 
{
    text-decoration: none;
}


.footerAddress li a:hover 
{
    text-decoration: none;
}




/* -------- =Forms -------- */
fieldset
{
width: 630px;
}


fieldset legend 
{
font-weight: bold; 
font-size: 1.6em; 
padding: 10px 20px; 
width: 100%;
margin: -14px 0 0 -11px; 
}




label 
{
color: #333;
margin-right: 5px;
}


dl 
{ 
clear: both;
}


dt 
{
margin-right: 3px;
width: 120px;
}


dt,dd 
{
float: left; 
background: #fff;
line-height: 25px;
display: inline;
}


input, 
textarea, 
select
{
padding: 5px 0;
font-size: 1em;
border: #ccc solid 1px; 
}


input
{
width: 450px;
padding-left: 5px;
margin-bottom: 15px;
}


input:focus
{
background:#FEFCDD url(../brochure_images/form_arrow_on.png) no-repeat 0 50%;
}




textarea
{
width: 455px;
background: none;
}


textarea:focus
{
background:#FEFCDD;
}




.submit
{
width: 30%;
margin-left: 400px;
font-size: 1.2em;
color: #fff;
font-weight: bold;
padding: 10px 0;
background: #84A01D url() top left no-repeat;
border: 1px solid #ccc;
}


.submit:focus


{
background: #E07C17 url() top left no-repeat; /* To override the effect of focus being on all inputs */
}




.reqMark 
{
float: right; 
color: #E04A17;
font-size: 1.6em;
padding-left: 20px;
}


.reqSymbol
{
color: #E04A17; 
font-size: 1.6em;
margin: 0 5px 0 0;
}


.errMsg 
{ 
position: absolute; right: 170px; 
margin-top: -38px;
color: #fff;
padding: 0 10px 0 30px;
font-weight: bold;
display: block;
background: #E04A17 url(../brochure_images/errMsgBG.png) left no-repeat ;
}


.vimg
{
text-align: center;
}