/* CSS document for BAAPS website */
@import url(ui-core.css);
@import url(nav.css);
@import url(typography.css);
@import url(forms.css);
@import url(homepage.css);
@import url(live-site.css);
body {font: 75%/1.5 Arial, Helvetica, sans-serif; background: #e6e3dd; color:#1d1d1d; text-align:left;}
html {overflow-y:scroll;}

/* page containers */
#wrapper {margin:0 auto; text-align:left; width:958px; background:#fff; padding-bottom:34px;}
#header {display:block; width:908px; position:relative; min-height:100px; height:auto !important; height:100px; padding:0 25px;}
#leftCol {width:188px; float:left; margin-right:16px !important;}
#content {width:517px; float:left; min-height:400px; height:auto !important; height:400px;}
#content.twoCol {width:722px; float:left; }
#content.fullWidth {width:926px; float:left; }
#rightCol {width:188px; float:right; }
#contentholder {width:auto; margin-top:16px;}	
#contentblock {width:926px; padding:0 16px; clear:both;}
#footer { width:958px; clear:both; margin:6px auto;} 
#footer p {margin:0; font-size:.92em; float:left;} 
#footer a { font-weight:normal;} 

#footer ul{ list-style: none; margin:0; float:left;}
#footer ul li{ display:inline; color:#031c49; margin:0 1px 0 1px; font-size:0.92em;}
#footer ul li a{ color:#031c49;}
#footer ul{ margin-right:0; float:right;}
#footer ul#networking{ float:right}
#footer ul#networking li{ color:#d7d7d7;  float:left; margin:0 4px 0 4px;}
#footer ul#networking li a{ display:block;}
#footer ul#networking li a span{ display:none;}
#footer ul#networking li.facebook a{ background:url(../assets/icon-facebook.png) no-repeat left top; height:24px; width:24px;}
#footer ul#networking li.twitter a{ background:url(../assets/icon-twitter.png) no-repeat left top; height:24px; width:24px;}


p.skip {display:none;}

.box{ padding:12px 17px 15px 15px; color:#474d53; margin-bottom:17px; float:right;width:188px; w\idth:156px;}
.box img{ float:right; display:block;}
.box p{ margin-bottom:0em;}
.box h4{ margin-bottom:0.7em; font-size:1.33em;}
.box.style-one{ background:#D8E4E2;}
.box.style-two{ background:#D8E4E2;}
.box.style-three{ background:#417D75; padding:0;}
.box.style-three {width:188px;}
.box.style-four{ background:#D8E4E2;}
.box.style-four h4{ background:#D8E4E2; font-size:1.13em;}
.box.style-three h4{ margin-bottom:0; font-size:1.25em;}
.box.style-three a {color:#FFFFFF; padding:12px 0px 15px 15px; display:block;}
.box.style-three h4 a em {font-size:1.25em; font-style:normal;}
.box.style-three h4 a:hover, .box.style-three h4 a:visited {color:#fff;}

#content .box{ margin-left:15px; width:167px; padding-right:0px}
#content .box p.icons.pdf a{ background:url(../assets/pdf.png) no-repeat left top; display:block; font-size:0.92em; font-weight:normal; padding-left:40px;}

.hidden {display: none; opacity: 0;}

/* download box */
div.download {width:167px; background:#D8E4E2; padding:12px 0 15px 15px; color:#5e594e; margin:4px 0 17px 15px; float:right;}
div.download p {margin-bottom:0em;}
div.download p a {background:url(../assets/pdf.png) no-repeat left top; display:block; font-size:0.92em; font-weight:normal; padding:0 6px 0 40px; color:#5E594E}

p.link{ background:#417d75; padding:0px; float:left; margin-top:0.8em;}
p.link a{ color:#fff !important; font-weight:normal; clear:right; display:block; padding:5px 10px 5px 7px;  }
p.link a span{ background: url(../assets/box-link-arrow.png) no-repeat right center; display:block; padding-right:18px;  }

.relatedBlocks{width:517px;}
.relatedBlocks .content{ float:left; width:162px; min-height:162px;}
.relatedBlocks .content a span{ display:block; color:#fff; font-size:1.15em; padding:8px 12px 10px 12px;}
.relatedBlocks .content a:hover span{ color:#142537;}
.relatedBlocks .content.color-style-one a span{ background:#546e8f;}
.relatedBlocks .content.color-style-two a span{ background:#988495;}
.relatedBlocks .content.color-style-three a span{ background:#859991;}
.relatedBlocks .content.gutter{margin:0 15px;}

#storyHolder{ width:100%;}
#storyHolder .story{ margin-bottom:20px; min-height:105px; height:auto !important; height:105px;}
#storyHolder .story h4{ margin-bottom:0;}
#storyHolder .story p{ margin-bottom:0;}
#storyHolder .story img{ float:left; margin-right:15px;}

#procedures-lists h3{  width:517px;}
#procedures-lists h3{ clear:left; margin-bottom:.6em;}
#procedures-lists ul{ width:258px; float:left; margin:0  0 1em 0; list-style:none;}
#procedures-lists ul li{ float:left; width:250px; margin-right:0px; line-height:1.1;}
#procedures-lists ul li a{display:block; padding-bottom:0.4em; font-size:0.92em;  }
#procedures-lists .hr{ margin-bottom:1em; }
/* end page containers */

#news-types{width:517px; display:inline-block; background:url(../assets/members-bg.png) repeat-y left top;}
.news-types-list{ width:248px;}
#content .news-types-list ul{ list-style:none; margin-left:0; }
#content .news-types-list ul li{ line-height:1.2; margin-bottom:0.8em; font-size:0.85em;}
#content .news-types-list ul li a{ display:block; padding-bottom:0.1em; font-size:1.18em;}
.news-types-list.left{ padding-right:10px;}
.news-types-list.right{ padding-left:10px;}
#members-feature{ margin-top:15px; clear:left;}
#logged {float:left; margin:-15px 0 6px 0; padding:0 16px 0 0; width:958px; w\idth:942px;}
.home #logged {margin:0px; background:#AF89AC; padding:4px 16px 4px 0;}
p#forgoten-password a{ font-weight:normal; text-decoration:underline; margin-left:180px;}

#logged form {float:right;}
#logged form input.button {background:none; color:#417D75; font-weight:bold; padding:0; font-size:.92em; margin-left:10px;}
.home #logged form input.button {color:#fff;}

ul.links li{ line-height:1.1; margin-bottom:15px;}
ul.links li a.newline{display:block;}


#content ol li, #content ul li, body#tinymce ol li, body#tinymce ul li {margin-bottom:.4em; line-height:1.3;}
#content div#regions ol {margin-left:2.5em;}
#content div#regions ol li {margin-bottom:.2em;}
ol.faqs li, #content #procedures-lists ul li, #content ul.contact li, #content ol.region li{ }

dd p.right{ margin-bottom:0;}

/*-----multi-use styles --------*/
.left{float:left;}
.right{float:right;}

/*-------- clearfix------------ */
.clearfix:after, #contentholder:after, 
#contentblock:after, .borderBottom:after, 
#footer:after, #breadcrumbs:after,
#nav:after, #header:after, .sideShow:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* hide the logout form in the content area */
div#content form#mod_login_logoutform {display:none;}


/* search reults */
div.componentheading {display:none;}
form#searchForm {padding:0 16px;}
table.contentpaneopen {padding:0 16px;}
table.contentpaneopen td, table.searchintro td {border:0;}
table.contentpaneopen fieldset {float:left; width:100%; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #ccc;}

div.searchintro {margin:20px 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #ccc;}
#content div.searchintro h2 {margin:0;}
#content div.searchintro h2 span {font-weight:normal; font-size:.75em; margin:0; padding:0 0 0 10px;}

span.small {font-size:.92em; padding:0 6px 0 0;}
span.highlight {font-weight:bold; color:#142537;}
/* end search reults */

/* diary index page */
#content div.diary ul {list-style-type:none; margin:0;}
#content div.diary ul li {margin:0 0 20px 0; font-size:.92em;}
#content div.diary ul li a {color:#417D75 !important; font-size:1.15em;}

/* press articles index */
div.articlecontent p {margin:0;}
p.date {font-size:.92em; margin-top: -20px;}

/* date on announcements page */
div#articledate {margin:-20px 0 10px 0; font-size:.92em; fo nt-weight:bold;}

/* hide the members area page intro */
div.memberintro {display:none;}

/* rules for in page editing */
div#editicon {float:left; margin:4px 0 0 10px;}
div.release div#editicon {float:none; display:inline;}
div.buttonheading {margin:-20px 0 20px 0;}
div.contentheading h2 {float:left;}
div.contentpaneopen {clear:left;}
div.tool-tip {background:#E6E3DD ; border:2px solid #82477D;}
div.tool-title {font-weight:bold; padding:4px 10px; border-bottom:1px solid #82477D;}
div.tool-text {;padding:4px 10px;}

table.adminform td {border-bottom:none; padding:4px 0;}
table.adminform label {width:auto; padding:0 10px 0 0; float:none;}
table.adminform textarea {width:auto !important; padding:0 10px 0 0; float:none;}
div#content fieldset {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #E6E3DD ;}
img.calendar {background:#fff; border-color:#fff; cursor:pointer;}

/* wysiwyg */
.mceContentBody {background:#fff; font-size:82%; padding:10px;}
body#content {background:#fff; font-size:.92em;}

/* system messages */
dl#system-message {border-top:none;}
dl#system-message dd {border-bottom:none; text-indent:0; padding:0; width:100%; background:#E6E3DD}
#system-message dd ul {border-bottom:3px solid #82477D; border-top:3px solid #82477D; color:#1D1D1D; margin:0; padding:20px;}
#system-message > .message > ul {background-position: 7px center;}
#system-message dd ul {padding: 10px 40px;}
/* pagination */
.list-footer ul li, .pagination ul li {
    list-style: none;
    display: inline;
    padding: 8px 5px;
}
.list-footer .pagination-numbers, .pagination-numbers {
    padding-left: 100px;
}

/* other styles */
.logout-button, .login-greeting {display:inline;}
.delete-image-button {border: 0 none; background: none; padding: 0; margin: 0; cursor: pointer;}
#content #login-form .logout-button {display: none;}
.hoho-class {display: none;}

a.button.cancel {
    display: block;
    float: left;
    color: #fff;
    margin-top: 4px;
    background-color: #417d75;
    padding: 2px;
    text-decoration: none;
}