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

Global Style Sheet for Assembly Point

Updated: 11/9/09

Main Colours:
Dark Blue: 1b3c6a
Green: 8DAD0E
Orange: E27F16
Mid Grey: 9B9E99
Light Grey: D5D5D5
Very Light Grey: f1f4f7
Green for Links: 9cb246
Dark Blue Grey for Text: 393e58

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


body
{
    font-family: helvetica, arial, sans-serif;
    font-size: 75% /* 12px */;
    color: #393e58;
    line-height: 1.5 /*18px*/;
}

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

/* ---------- =Style Reset: meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ------------ */

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: "" "";
}

/* Remove annoying border on linked images. */
a img
{
    border: none;
}

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

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

h1
{
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    padding: 40px 0 60px 0;
}

h2
{
    font-size: 20px;
    line-height: 1.6;
    font-weight: bold;
    margin: 0 0 .75em;
}

h3
{
    font-size: 18px;
    line-height: 1.2;
    font-weight: normal;
    margin: 0 0 1.05em;
}

h4
{
    font-size: 16px;
    line-height: 1.2;
    font-weight: normal;
    margin: 1.4em 0 1.3em;
}

h4.norm
{
    color: #fff;
    font-size: 18px;
    line-height: 1;
    font-weight: normal;
    padding: 10px 10px 8px;
    margin: 0 0 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #313131;
}

h4.normClosed
{
    background: #313131 url(../images/icons/icon_add.png) no-repeat 10px 50%;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    font-weight: normal;
    padding: 10px 10px 8px;
    margin: 0 0 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

h4.normOpen
{
    background: #313131 url(../images/icons/icon_close.png) no-repeat 10px 50%;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    font-weight: normal;
    padding: 10px 10px 8px;
    margin: 0 0 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

h4 a.expand
{
    margin: -1.4em 0 -1em;
}

h4 a:link.expand, h4 a:visited.expand
{
    display: block;
    padding: 5px 0 4px 10px;
    color: #fff;
    border: 2px solid #ee6901;
    background: #E27F16 url(../images/h4_expand_bg.png) repeat-x right top;
}

h5
{
    font-size: 16px;
    line-height: 1.4;
    font-weight: normal;
    margin: 0 0 .75em;
}

h6
{
    font-size: 14px;
    margin: 0 0 .75em;
}

p
{
    margin: 0 0 1.4em;
}

a.employee, a:hover.employee, a.employee:visited, a:active.employee
{
    background: transparent;
    outline: none;
    overflow: hidden;
}

a:link, a:visited
{
    color: #E27F16;
    font-weight: normal;
    padding: 3px 1px 0px;
    text-decoration: none;
    border-bottom: 1px dotted #999;
}

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

ul.default
{
    margin: 0 1.5em 1.5em 1em;
    list-style-type: disc;
}

ul.default li
{
    margin: 0 0 1.4em;
}

/* Very specific text styling */

strong
{
    font-weight: bold;
}

em
{
    font-style: italic;
}

.large
{
    font-size: 1.2em;
}

.email
{
    margin: 0 0 1.5em 0;
}
.phone
{
    margin: 0 0 1.5em 0;
}

.greenHilite
{
    margin: 0px;
    color: #8DAD0E;
    font-weight: bold;
}
/* Breadcrumbs */
#breadcrumb
{
    width: 100%;
    margin-bottom: 10px;
}
.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;
}

/* 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 link buttons */
a.closeInstruction
{
    float: right;
    color: #E27F16;
    border: 0;
    font-size: 13px;
    font-weight: normal;
    display: inline;
    padding: 4px 4px 2px 19px;
    line-height: .7;
}

a.closeInstruction
{
    background: url(../images/icons/icon_del.png) no-repeat 4px 50%;
}

a:hover.closeInstruction
{
    color: #ffffff;
    background: #E27F16 url(../images/icons/icon_del.png) no-repeat 4px 50%;
}

a.addIcon, a.viewIcon, a.editIcon, a.delIcon, a.importIcon, a.approveIcon, a.leftIcon, a.rightIcon, a:visited.addIcon, a:visited.viewIcon, a:visited.editIcon, a:visited.delIcon, a:visited.importIcon, a:visited.approveIcon, a:visited.leftIcon, a:visited.rightIcon
{
    color: #E27F16;
    border: 0;
    font-size: 13px;
    font-weight: normal;
    display: inline-block;
    padding: 4px 4px 2px 19px;
    line-height: .7;
}

a.rightIcon
{
    padding: 3px 22px 2px 3px;
}

a.addIcon
{
    background: url(../images/icons/icon_add.png) no-repeat 4px 50%;
}

a:hover.addIcon
{
    color: #ffffff;
    background: #E27F16 url(../images/icons/icon_add.png) no-repeat 4px 50%;
}

a.viewIcon
{
    background: url(../images/icons/icon_view.png) no-repeat 4px 50%;
}

a:hover.viewIcon
{
    color: #ffffff;
    background: #E27F16 url(../images/icons/icon_view.png) no-repeat 4px 50%;
}

a.editIcon
{
    background: url(../images/icons/icon_edit.png) no-repeat 4px 50%;
}

a:hover.editIcon
{
    color: #ffffff;
    background: #E27F16 url(../images/icons/icon_edit.png) no-repeat 4px 50%;
}

a.delIcon
{
    background: url(../images/icons/icon_del.png) no-repeat 4px 50%;
}

a:hover.delIcon
{
    color: #ffffff;
    background: #E27F16 url(../images/icons/icon_del.png) no-repeat 4px 50%;
}

a.importIcon
{
    background: url(../images/icons/icon_import.png) no-repeat 4px 50%;
}

a:hover.importIcon
{
    color: #ffffff;
    background: #E27F16 url(../images/icons/icon_import.png) no-repeat 4px 50%;
}

a.approveIcon
{
    background: url(../images/icons/icon_approve.png) no-repeat 4px 50%;
}

a:hover.approveIcon
{
    color: #ffffff;
    background: #E27F16 url(../images/icons/icon_approve.png) no-repeat 4px 50%;
}

a.leftIcon
{
    font-size: 14px;
    background: url(../images/icons/icon_left.png) no-repeat 1px 50%;
}

a:hover.leftIcon
{
    color: #ffffff;
    background: #E27F16 url(../images/icons/icon_left.png) no-repeat 1px 50%;
}

a.rightIcon
{
    font-size: 14px;
    background: url(../images/icons/icon_right.png) no-repeat 100% 50%;
}

a:hover.rightIcon
{
    color: #ffffff;
    background: #E27F16 url(../images/icons/icon_right.png) no-repeat 100% 50%;
}



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

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

#header
{
    width: 100%;
    background: #1A1A1A url( "../images/header_bg.png" ) repeat-x bottom;
}


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

#content
{
    float: left;
    position: relative;
    width: 950px;
    margin-top: -40px;
    border: 5px #D5D5D5 solid;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.content_wrapper
{
    float: left;
    width: 890px;
    padding: 30px;
}

.col1, .col2
{
    width: 420px;
    margin-bottom: 20px;
}

.col1
{
    float: left;
}

.col2
{
    float: right;
    margin-left: 30px;
}

.col2-3
{
    float: left;
    width: 600px;
}

.col1-3
{
    float: right;
    width: 250px;
}

.user_info
{
    padding: 15px 30px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

.userName
{
    margin-right: 10px;
}

/*  -- =Account Nav  -- */

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

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: 1px dotted #999;
}

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

/*  -- =Footer  -- */

#footer
{
    clear: both;
    width: 960px;
    padding: 20px 0 90px 0;
    color: #ccc;
    text-align: right;
}


ul.footerNav
{
    float: right;
    list-style: none;
    display: inline;
    width: 100%;
    height: 10px;
}

.footerNav li
{
    float: left;
    margin-left: 2px;
}

.footerNav li a:link, .footerNav li a:visited
{
    text-decoration: none;
    margin-right: 15px;
}

.footerNav li a:hover
{
    text-decoration: underline;
}

ul.footerDetails
{
    list-style: none;
    display: inline;
    height: 10px;
    width: 100%;
}

.footerDetails li
{
    float: left;
    margin-left: 5px;
}

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

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

.logo
{
    float: right;
    margin-top: -10px;
}

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

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

/*  -- =Directory Content  -- */

ul.contactBox
{
    float: right;
    margin: 0;
    width: 100%;
}

ul.contactBox li
{
    float: left;
    margin: 0;
    list-style-type: none;
    width: 100%;
    margin-bottom: 1em;
    border: 1px solid #ccc;
    background: url(../images/contact_box_bg.jpg) repeat-x bottom;
}

.contactCol1, .contactCol2, .contactCol3, .contactCol4
{
    float: left;
    width: 170px;
    padding: 0 20px;
    margin: 20px 0;
}

.contactBox h6
{
    font-weight: normal;
}

.contactBox p
{
    margin-bottom: .5em;
}

.last
{
    width: 50px;
}


.avatar
{
    float: left;
    text-align: center;
    width: 100px;
    height: 100px;
    margin: 20px;
    line-height: 0; /* Stop mozilla putting space at bottom */
    overflow: hidden;
    border: 4px solid #ccc;
}


.avatarThumbFrame
{
    position: relative;
    float: left;
    text-align: center;
    padding: 5px;
    border: 2px solid #ccc;
    margin-bottom: 20px;
}

.avatarThumbImg
{
    width: 70px;
    height: 70px;
    line-height: 0; /* Stop mozilla putting space at bottom */
    overflow: hidden;
}

p.avatarThumbEdit
{
    height: 20px;
    position: absolute;
    top: -3px;
    right: -4px;
}

.avatarThumbUser
{
    float: left;
    margin: -10px 0 0 20px;
}

/* ----------  =Accordion Stuff ---------- */

a.menuItem
{
    padding: 5px;
    width: 390px;
    color: #fff;
    font-size: 1.2em;
    outline: none;
    display: block;
    margin-bottom: 5px;
    background: #1B3C6A url(../images/menu_title_bg.png) repeat-x top;
}

/*  -- =FAQs  -- */

ul.faqBox
{
    width: 100%;
    margin: 25px 0;
    color: #fff;
    list-style-type: none;
}

ul.faqBox li
{
    float: left;
    width: 290px;
    margin: 0px 20px 25px 0;
    -webkit-border-bottom-left-radius: 9px;
    -webkit-border-bottom-right-radius: 9px;
    -moz-border-radius-bottomleft: 9px;
    -moz-border-radius-bottomright: 9px;
    background: #2B2B2B url(../images/faqsBoxBG.jpg) no-repeat;
}

ul.faqBox li a
{
    color: #fff;
    display: block;
    float: left;
    padding: 30px;
    border: 0;
}

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

ul.faqBox li h4
{
    margin-top: 0;
}

ul.faqBox li p
{
}


/*  -- =Video  -- */

.video
{
    overflow: hidden;
    line-height: 0;
    border: 5px #ccc solid;
}

.label
{
    float: left;
    width: 75px;
    font-weight: bold;
}

.reports_filters_wrapper
{
    width: 100%;
    clear: both;
}

.reports_filters ul
{
    margin: 20px 0;
    padding: 0;
    float: left;
}

.reports_filters li
{
    padding-left: 5px;
    display: inline;
}

.reports_filters label.hidden
{
    position: absolute;
    margin-left: -5000px;
}

.reports_filters select
{
    width: 200px;
}

.directory_Search
{
    background-color: #8DAD0E;
    float: right;
    padding: 10px;
}

.testBtn
{
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -999px;
}

.docsTitle
{
    font-size: 18px;
    margin-bottom: 10px;
}

.docDesc
{
    clear:both;
    text-align:left;
    line-height: 17px;   
}

.publishedToDesc
{
    font-size: 10px;
    color: #BDBDBD;
    text-align: left;   
}

.docsDel
{
    font-size: 10px;
}


#message_box
{ 
   position: absolute;
   top: 0; left: 0; 
   z-index: 11; 
   padding:15px;
   border:1px solid #CCCCCC;
   text-align:center; 
   font-weight:bold; 
   width:99%;
}

.message_box_interact
{
    background:#F7F7F7;
}

.message_box_error
{
    background: #F6CECE;
}

.Instructions
{
    background: #FFEF64;
    clear: both;
    padding: 0 15px 15px 15px;
}

.detailsRight
{
    float: left;
    padding: 10px 0 10px 0;
}

.extraInstructions
{
    background-color: #F9FFC3;   
}