/* @override http://v3.ccro.org/_ui/css/main.css */

/**********************************************************************************************

	CSS on Sails
	Title: CCRO
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: September 2009

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Sidebar
			2.6 Footer
			2.7 Focus box
			2.8 Tabs
			2.9 Top banner
			2.10 Top
			2.11 Breadcrumbs

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #edeff2; color: #70747b; font: 62.5%/1.5 "Arial", "Helvetica", sans-serif; text-align: center; }
h2 { color: #32609e; font-weight: bold; }
h3 em { font-style: normal; font-weight: normal; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited { color: #32609e; text-decoration: none; }
span.blue { color: #32609e; text-decoration: none; }
a:hover, a:active { color: #32609e; text-decoration: underline; }
.button { display: block; padding-left: 2px; float: left; background: #305e9b url(../images/bg_button.png) no-repeat; }
.button input, .button a { display: block; border: 0; background: url(../images/bg_button.png) top right no-repeat; color: #fff; padding: 0 9px 0 7px; float: left; height: 28px; line-height: 28px; font-weight: bold; font-size: 1.17em; text-decoration: none; text-transform: uppercase; margin: 0; }
.button a { padding: 0 13px 0 11px; }
.button a:visited, .button a:active, .button a:hover { color: #fff; }

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/

.new-container { width: 960px; position: relative; margin: 0 auto; padding: 20px 0 38px 0; text-align: left; font-size: 1.2em; }
.fixed { padding-top: 20px; }
#content-wrapper { background: #fff url(../images/bg_content_wrapper.png) repeat-y; }
#content-wrapper .top { background: url(../images/bg_content_wrapper.png) -960px 0 no-repeat; }
#content-wrapper .bottom { background: url(../images/bg_content_wrapper.png) -1920px 100% no-repeat; padding: 38px 30px 25px 30px; }
.home #content-wrapper .bottom { padding-top: 25px; }
.topic #content-wrapper .bottom { padding: 40px 30px 150px 30px; }
.tabs #content-wrapper .bottom { padding-top: 20px; }
.content { width: 630px; float: right; }
.right-sidebar .content { float: left; }
.right-sidebar #sidebar { float: right; border-left: 1px solid #6c3; padding-left: 10px; }
.no-sidebar .content { float: none; width: 900px; }
.no-sidebar #sidebar { display: none; }
#sidebar { width: 240px; float: left; }
#footer { clear: both; margin-top: 20px; padding-top: 20px; background: #305d9a url(../images/bg_footer.png) no-repeat; color: #d4deeb; font-size: 0.92em; }
#footer .inner { background: url(../images/bg_footer.png) bottom no-repeat; padding: 0 18px 15px 30px; }
iframe { border: none; background-color: white; margin-left: -20px;}


/* 2.2 Header
-----------------------------------------------------------------------------------------------*/

#header { position: relative; height: 33px; margin-bottom: 7px; }
#header .site-name,
#header .site-name span { display: block; overflow: hidden; width: 207px; height: 33px; position: absolute; top: 0; left: 0; }
#header .site-name { position: relative; }
#header .site-name span { background: url('../images/logo.png') no-repeat; position: absolute; top: 0; left: 0; z-index: 10; }
#header a.site-name span { cursor: pointer; }
#header .slogan { position: absolute; top: 10px; left: 217px; color: #32609e; font: bold 0.83em/1.5 Tahoma, "Lucida Grande", lucida, sans-serif; }


/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/
#navigation { height: 46px; padding-bottom: 1px; margin-bottom: 20px; background: #305d9a url(../images/bg_navigation.png) top left no-repeat; color: #d4deeb; }
.someclass #navigation { margin-bottom: 0; }
#navigation .main-nav { float: left; font: bold 0.92em/1.5 Tahoma, "Lucida Grande", lucida, sans-serif; z-index: 9999; }
#navigation .main-nav li { float: left; padding-right: 2px; background: url(../images/bg_navigation.png) 100% -47px no-repeat; }
#navigation .main-nav a { display: block; padding: 5px 29px; height: 36px; line-height: 36px; color: #d4deeb; text-align: center; }
#navigation .main-nav a.selected { background: url(../images/bg_navigation.png) 0 -94px no-repeat; }
#navigation .main-nav a:hover, #navigation .main-nav a.selected:hover { background: url(../images/bg_navigation.png) 0 -141px no-repeat; color: #fff; text-decoration: none; }
#navigation .main-nav .first a.selected { background: url(../images/bg_navigation.png) 0 -188px no-repeat; }
#navigation .main-nav .first a:hover { background: url(../images/bg_navigation.png) 0 -235px no-repeat; }

/* Sign in */
#navigation .sign-in { float: right; padding: 13px 31px 0 0; }
#navigation .sign-in li { float: right; }
#navigation .sign-in li li { float: none; }
#navigation .sign-in #sign-in-toggle { display: block; padding: 2px 3px; width: 61px; height: 19px; line-height: 19px; background: #f3f5f7 url(../images/bg_navigation.png) 0 -282px no-repeat; font: bold 0.92em/1.5 Tahoma, "Lucida Grande", lucida, sans-serif; color: #2f5b97; text-align: center; }
#navigation .sign-in #sign-out-toggle { display: block; padding: 2px 3px; width: 61px; height: 19px; line-height: 19px; background: #f3f5f7 url(../images/bg_navigation.png) 0 -282px no-repeat; font: bold 0.92em/1.5 Tahoma, "Lucida Grande", lucida, sans-serif; color: #2f5b97; text-align: center; }
#sign-in-box { display: none;  position: absolute; left: auto; z-index: 100; width: 308px; margin: 0 0 0 -236px; font-size: 0.92em; color: #797d84; }
#sign-in-box.display { display: block; }
#sign-in-box .top { width: 308px; height: 31px; background: url(../images/bg_sign_in.png) no-repeat; }
#sign-in-box .inner { background: url(../images/bg_sign_in_inner.png) repeat-y; padding: 0 19px 8px 19px; }
#sign-in-box .bottom { width: 308px; height: 8px; background: url(../images/bg_sign_in.png) bottom left no-repeat; }
#sign-in-box .username { margin-bottom: 8px; }
#sign-in-box .password { margin-bottom: 4px; }
#sign-in-box a { color: #2f5b97; }
#sign-in-box input { vertical-align: middle; }
#sign-in-box input.text { display: block; margin-top: 0; border: 1px solid #0e0e0e; background: #eff0f3 url(../images/bg_sign_in_text.gif) repeat-x; color: #4c4e52; padding: 7px 11px; width: 246px; font-size: 1em; }
#sign-in-box .checkbox { margin: 0 4px 0 0; }
#sign-in-box .submit { margin-top: 6px; }
#sign-in-box .submit ul { float: left; width: 180px; line-height: 1.33; }
#sign-in-box .submit input { display: block; float: right; width: 69px; height: 25px; line-height: 25px; margin-top: 2px; background: #2e5a97 url(../images/bg_sign_in_submit.png) no-repeat; color: #dee6f1; font: bold 0.92em/1.5 Tahoma, "Lucida Grande", lucida, sans-serif; border: 0; }

/* 2.4 Content
-----------------------------------------------------------------------------------------------*/
.content h1 { color: #b7bdc6; font-size: 2.5em; font-weight: normal; margin-bottom: 20px; line-height: 1.1; } 
.content h2 { font-size: 1.17em; margin-bottom: 16px; }
.content h2.underlined { font-weight: normal; color: #85898f; border-bottom: 1px solid #e4e7ea; padding: 0 0 0 2px; margin-bottom: 4px; }
.content h2.uppercase { text-transform: uppercase; font-weight: normal; color: #85898f; margin-bottom: 4px; }
.content h3 { margin-bottom: 0.5em; }
.content p { margin-bottom: 1.5em; }
.content .intro { border-bottom: 1px solid #cdd0d4; padding-bottom: 17px; margin: 0 -5px 20px 0; }
.content .intro p { color: #70747b; font-size: 1.33em; margin: 0; }
.content .intro p a { font-size: 0.75em; }
.content img.framed { border: 1px solid #dadcdf; padding: 2px; display: block; }

/* Member */
.member { margin-top: 19px; }
.member-first { margin-top: 0; }
.member .photo { float: left; display: block; border: 1px solid #d7dadd; padding: 2px; }
.member h3 { margin-left: 90px; }
.content .member p { margin: 0 0 0 90px; }

/* Meeting */
.meeting { margin: 25px 0 16px 4px; }
.meeting img.framed { float: left; }
.meeting p { margin: 12px 0 0 0; }
.meeting .inner { margin-left: 242px; }
.meeting .intro { font-size: 1.17em; padding: 0; border: 0; line-height: 1.29; margin: 0; }
.description { display: none; }
.description ul { margin: 0 0 0 17px; }
.description-opened { display: block; }
.toggle-adescription { font-size: 0.92em; background: url(../images/bg_toggle_description.gif) left center repeat-x; line-height: 1.25; }
.toggle-adescription a { display: block; float: left; padding: 4px 8px 4px 17px; background: #fff url(../images/bg_toggle_description_arrows.gif) 0 -36px no-repeat; }
.toggle-adescription a.collapse { background-position: 0 8px; }
.agenda h3 { color: #32609e; text-decoration: none; font-size: 1.2em; }

/* Documents */
.document { border-bottom: 1px solid #e4e7ea; padding-bottom: 18px; margin-bottom: 19px; }
.document .pic img { display: block; float: left; }
.document .pic img.border { border: 1px solid #e4e7ea; }
.document .inner { float: right; width: 514px; }
.no-sidebar .document .inner { float: right; width: 764px; }
.nopic .inner { float: none; width: 630px;}
.no-sidebar .nopic .inner { float: none; width: 900px;}
.document .inner h2 { line-height: 1.25; margin-bottom: 10px; }
.document .inner p { margin-bottom: 5px; }
.document .description { border-top: 1px solid #e4e7ea; padding-top: 5px; display: none; }
.document .description ul { margin: 0 0 0 17px; }
.document .description li { list-style: disc; margin-bottom: 5px; margin-left: 10px; }
.document .description li li { list-style: disc; margin-bottom: 5px; margin-left: 20px; }
.document .description-opened { display: block; }
.document .toggle-description { font-size: 0.92em; background: url(../images/bg_toggle_description.gif) left center repeat-x; line-height: 1.25; }
.document .toggle-description a { display: block; float: left; padding: 4px 8px 4px 17px; background: #fff url(../images/bg_toggle_description_arrows.gif) 0 -36px no-repeat; }
.document .toggle-description a.collapse { background-position: 0 8px; }
.document .toggle-description-grey { font-size: 0.92em; background: url(../images/bg_toggle_description.gif) left center repeat-x; line-height: 1.25; }
.document .toggle-description-grey span { display: block; float: left; padding: 4px 8px 4px 17px; background: #fff url(../images/bg_toggle_description_arrows.gif) 0 -36px no-repeat; }
.document .toggle-description-grey span.collapse { background-position: 0 8px; }
.document .action { clear: both; margin-top: 8px; }
.document .action li { float: left; padding-right: 3px; background: url(../images/bg_document_action.png) right top no-repeat; margin-right: 14px; }
.document .action li a { font-size: 0.92em; display: block; background: url(../images/bg_document_action.png) left top no-repeat; }
.document .action li a strong { font-weight: normal; display: block; padding: 0 11px 0 31px; height: 26px; line-height: 26px; background: url(../images/ico_document_action.png) 8px 5px no-repeat; }
.document .action li.pdf a strong { background-position: 8px -35px; }
.document .action li.word a strong { background-position: 8px -75px; }
.document .action li.purchase { text-transform: uppercase; float: right; margin: 0; background: #2f5b97 url(../images/bg_document_action.png) right bottom no-repeat; }
.document .action li.purchase a { background: url(../images/bg_document_action.png) left bottom no-repeat; color: #d4deeb; font-size: 0.92em; }
.document .action li.purchase a strong { padding-left: 33px; background: none; }

/* Documents list */
.content ul.documents { margin: 5px 0 20px 0; }
.content ul.documents li { padding: 0 0 6px 16px; margin-bottom: 8px; border-bottom: 1px solid #e4e7ea; background: url(../images/bullet_sidebar.gif) 0 5px no-repeat; }
.content ul.documents li h3 { margin: 0; }
.content ul.documents li p { margin: 0; }
.content ul.documents p.size { font-size: 0.92em; color: #a4aab4; }
.content ul.documents ul { margin: 0 0 0 17px; }
.content ul.documents ul li { margin: none; padding: none; margin-bottom: 5px; border: none; background: none; }
li.shade { background-color: #e3e3e3;}

/* Comment */
.content .comments { border-bottom: 1px solid #e4e7ea; margin-bottom: 25px; }
.content .comments p { margin-bottom: 1em; }
.content .comment { padding-bottom: 12px; border-bottom: 1px solid #e4e7ea; }
.content .comment input.text { border: 0; padding: 6px 4px; width: 255px; background: #f3f7fc url(../images/bg_comment_form.png) 0 -375px no-repeat; }
.content .comment textarea { font-size: 1em; border: 1px solid #f3e3fc; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px; width: 99%; height: 76px; background-color: #f3f7fc; display: block; margin-top: 8px; }
.content .comment .name { float: right; margin-top: 8px; }
.content .comment .submit { float: left; margin-top: 8px; }

/* Blue boxes */
.blue-boxes { background: #f3f7fc url(../images/bg_blue-boxes.png) no-repeat; width: 630px; padding-top: 2px; margin-bottom: 25px; }
.blue-boxes ul { background: url(../images/bg_blue-boxes.png) bottom no-repeat; }
.blue-boxes li.box { float: left; padding: 12px 5px 10px 21px; width: 183px; min-height: 105px; }
.blue-boxes li h2 { color: #2f5b97; font-size: 1.17em; font-weight: normal; text-transform: uppercase; margin-bottom: 8px; }
.blue-boxes ul ul { background: none; }
.blue-boxes li a strong { color: #2f5b97; }
.blue-boxes li p { margin: 0; }

/* Contact */
.contact { margin-bottom: 24px; }
.contact img.framed { float: left; }
.contact .blue-boxes { float: right; margin: 17px 0 0 0; }
.google-map { margin-bottom: 35px; }
.google-map img { display: block; }

/* 2.5 Sidebar
-----------------------------------------------------------------------------------------------*/
#sidebar h2 { font-size: 1.17em; margin-bottom: 10px; color: #6c3; }
#sidebar table { width: 100%; line-height: 1.45; }
#sidebar th { padding: 6px 15px 6px 12px; border-top: 1px solid #cdd0d4; }
#sidebar td { padding: 6px 0; border-top: 1px solid #cdd0d4; }
#sidebar tr.first th { border: 0; }
#sidebar tr.first td { border: 0; }
#sidebar .calendar { margin-bottom: 15px; }
#sidebar .calendar th { font-size: 0.75em; text-transform: uppercase; text-align: center; line-height: 1.0; }
#sidebar .calendar th strong { font-size: 2.22em; }
#sidebar .calendar td, #sidebar .groups td { font-size: 0.92em; }
#sidebar .calendar td a, #sidebar .groups td a { font-size: 1.09em; }
#sidebar .groups th { vertical-align: middle; padding: 7px 10px 7px 6px; }
#sidebar .groups td { padding: 7px 0; }
#sidebar ul { margin: 15px 0 25px 0; }
#sidebar li { padding: 0 0 6px 16px; margin-bottom: 8px; border-bottom: 1px solid #e4e7ea; background: url(../images/bullet_sidebar.gif) 0 5px no-repeat; }
#sidebar li h3 { margin: 0; }
#sidebar li p { margin: 0; }
#sidebar li p.date, #sidebar li p.size { font-size: 0.92em; }
#sidebar li p.date { color: #a4aab4; }
#sidebar .banner { line-height: 1.25; font-size: 0.92em; margin-top: 45px; }
#sidebar .banner a { display: block; width: 140px; height: 50px; padding: 25px 80px 5px 20px; color: #8d949e; }
#sidebar .banner a strong { font-size: 1.27em; text-transform: uppercase; }
#sidebar .banner-small-margin { margin-top: 25px; }
#sidebar .banner-working-groups a { background: url(../../_media/images/working-groups.jpg) no-repeat; }
.right-sidebar #sidebar ul { margin-bottom: 15px; }
#sidebar td strong {color: #32609e; font-size: 1.09em; font-weight: normal;}

/* Comments */
#sidebar h2 a { font-size: 0.71em; font-weight: normal; }
#sidebar form ul { margin: 0; }
#sidebar form li { padding: 0; background: none; border: 0; margin: 0 0 4px 0; }
#sidebar form input.text { background: #f3f7fc; border: 0; padding: 5px 4px 5px 4px; }
#sidebar form textarea { background: #f3f7fc; border: 0; font-size: 1em; padding: 4px; }
#sidebar form.comment input.text { width: 190px; background: #f3f7fc url(../images/bg_comment_form.png) no-repeat; }
#sidebar form.comment textarea { width: 230px; height: 121px; background: #f3f7fc url(../images/bg_comment_form.png) 0 -71px no-repeat; display: block; }
#sidebar form.comment li { margin: 0; }
#sidebar form.comment .name { margin-bottom: 4px; }
#sidebar form.comment .submit { margin-top: 6px; }
#sidebar form.comment .button { float: right; }
#sidebar ul.comments { margin-top: 5px; }
#sidebar div#sidebar-form-comments { display: none;}

/* 2.6 Footer
-----------------------------------------------------------------------------------------------*/
#footer a { color: #d4deeb; }
#footer .vcard { float: left; width: 214px; padding-right: 20px; }
#footer .vcard h3 { margin-bottom: 4px; }
#footer ul { float: left; }
#footer .copy { float: right; margin-top: 10px; width: 300px; text-align: right; }
#footer .copy img { display: block; float: right; margin-bottom: 10px; }
#footer .copy p { margin: 0 11px 0 0; clear: both; }

/* 2.7 Focux box
-----------------------------------------------------------------------------------------------*/
#focus { margin-bottom: 20px; height: 429px; }
#focus .tab { position: relative; width: 960px; height: 359px; background: #70747b; }
#focus .tab .photo { display: block; }
#focus .tab .frame { position: absolute; top: 0; left: 0; display: block; z-index: 2; width: 960px; height: 359px; background: url(../images/bg_focus_frame.png) no-repeat; }
#focus .tab .text { position: absolute; bottom: 0; left: 0; z-index: 3; padding: 23px 30px 12px 30px; background: url(../images/bg_focus_text.png); color: #e3e7ec; }
#focus .tab .text h3 { font-size: 1.17em; color: #e3e7ec; margin-bottom: 5px; }
#focus .tab .text h3 a { color: #e3e7ec; }
#focus .tab .text p { font-size: 0.92em; line-height: 1.63; margin-bottom: 8px; }
#focus .tab .learn-more { text-align: right; line-height: 1.0; margin: 0; }
#focus .tab .learn-more a { display: block; float: right; padding: 1px 2px; width: 64px; background: url(../images/bg_learn_more.png) no-repeat; color: #fff; text-align: center; }
#focus .nav { background: #272727 url(../images/bg_focus_nav.png) no-repeat; padding: 1px 0; height: 70px; float: left; }
#focus .nav li { float: left; line-height: 1.33; padding-right: 2px; background: url(../images/border_focus_nav.gif) top right no-repeat; }
#focus .nav li a { display: block; padding: 20px 5px 5px 13px; width: 166px; color: #797d84; height: 45px; }
#focus .nav .ui-tabs-selected a, #focus .nav a:hover { background: #181818; color: #a6acb5; text-decoration: none; }
#focus .nav li#first-tab a { padding-left: 30px; }
#focus .nav li#first-tab.ui-tabs-selected a,  #focus .nav li#first-tab a:hover { background: #181818 url(../images/bg_focus_first_hover.png) left bottom no-repeat; }
#focus .all { background: #272727 url(../images/bg_focus_nav.png) top right no-repeat; padding: 1px 0; height: 70px; float: left; }
#focus .all a { display: block; padding: 20px 5px 5px 13px; width: 181px; color: #797d84; height: 45px; }
#focus .all a:hover { background: none; text-decoration: underline; }


/* 2.8 Tabs
-----------------------------------------------------------------------------------------------*/
.ui-tabs-hide { display: none; }
#tabs .nav { float: right; border-left: 1px solid #e4e7ea; }
#tabs .nav li { float: left; }
#tabs .nav a { display: block; padding: 10px 15px; border-top: 1px solid #e4e7ea; border-right: 1px solid #e4e7ea; font-weight: bold; background: #fff; color: #2f5b97; line-height: 1.25; }
#tabs .nav .ui-tabs-selected a { color: #9ea5ae; position: relative; margin-bottom: -1px; padding: 10px 15px 11px 15px; }
#tabs .tab { clear: both; width: 900px; margin: 0 -30px 20px -30px; padding: 25px 30px 0 30px; border-top: 1px solid #e4e7ea; }


#tabs-inactive .nav { float: right; border-left: 1px solid #e4e7ea; }
#tabs-inactive .nav li { float: left; }
#tabs-inactive .nav a { display: block; padding: 10px 15px; border-top: 1px solid #e4e7ea; border-right: 1px solid #e4e7ea; font-weight: bold; background: #fff; color: #2f5b97; line-height: 1.25; }
#tabs-inactive .nav .ui-tabs-selected a { color: #9ea5ae; position: relative; margin-bottom: -1px; padding: 10px 15px 11px 15px; }
#tabs-inactive .tab { clear: both; width: 900px; margin: 0 -30px 20px -30px; padding: 25px 30px 0 30px; border-top: 1px solid #e4e7ea; }


/* 2.9 Top banner
-----------------------------------------------------------------------------------------------*/
#top-banner { position: relative; margin: -10px 5px 13px 5px; }
#top-banner img { display: block; margin-top: 5px;}
#top-banner .frame { display: block; width: 955px; height: 144px; position: absolute; top: 0; left: 0; z-index: 1; background: url(../images/bg_top_banner_frame.png) no-repeat; }

/* 2.9 Warning
-----------------------------------------------------------------------------------------------*/
#warning { margin: 5px; padding-top: 10px; padding-bottom: 5px; }
#warning img { padding-right: 20px; padding-left: 40px; vertical-align: middle; }
#warning { border: 1px solid #FFCC33; display: block; width: 950px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 44px; text-align: left; background-color: #FFFFCC; }

/* 2.10 Top
-----------------------------------------------------------------------------------------------*/
#top { padding: 15px 18px 15px 30px; }
#top h1 { float: left; color: #b7bdc6; font-size: 2.5em; font-weight: normal; margin: 0; line-height: 1.0; width: 550px; }
#top .back { float: right; line-height: 1.0; width: 250px; text-align: right; margin: 17px 0 0 0; }
#top .back a { font-weight: bold; font-size: 1.17em; padding-left: 11px; background: url(../images/ico_arrow_back.gif) left center no-repeat; }

/* 2.11 Breadcrumbs
-----------------------------------------------------------------------------------------------*/
.breadcrumbs { float: left; font-weight: bold; color: #b7bdc6; text-transform: uppercase; margin: 10px 0 0 0; }


/* Added by Christopher 
-----------------------------------------------------------------------------------------------*/
table.pics td {padding:5px;}
table.pics { width: 100%;}
h2.agenda { color: #32609e; font-size: 1.3em;}
.content div.document ul { margin: 0 0 0 17px; }
.content div.document ul li { margin: none; padding: none; margin-bottom: 5px; border: none; background: none; }
.content div.member ul { margin: 0 0 0 150px; }
.content div.member ul li { margin: none; padding: none; margin-bottom: 5px; border: none; background: none; }


/* Access Request Form */
.content form input[type=text] {padding: 6px 4px; border: 1px solid #f3e3fc; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #f3f7fc; }
.content form input[type=password] {padding: 6px 4px; border: 1px solid #f3e3fc; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #f3f7fc; }
.content form textarea { font-size: 1em; border: 1px solid #f3e3fc; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px; width: 99%; height: 76px; background-color: #f3f7fc; display: block; margin-top: 8px; }
.content form .submit { float: left; margin-top: 8px; }


/* New Login */

.login input.text { font-size: 1em; border: 1px solid #f3e3fc; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px; padding: 6px 4px; width: 125px;  }
.login textarea { font-size: 1em; border: 1px solid #f3e3fc; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px; width: 99%; height: 76px; background-color: #f3f7fc; display: block; margin-top: 8px; }
.login .name { float: right; margin-top: 8px; }
.login input.submit  { width: 69px; height: 25px; margin-top: 2px; background: #2e5a97 url(../images/bg_sign_in_submit.png) no-repeat; color: #dee6f1; font: bold 0.92em/1.5 Tahoma, "Lucida Grande", lucida, sans-serif; border: 0; }

/* Podcast Player */

.podcast .player { padding: 10px; background-color: #ffe5d0; border: 1px solid #ff903b; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.podcast p.title { color: #ff903b; font-size: 1.2em; margin-top: -5px; margin-bottom: 5px;}


#print-logo {display: none;}


/* Agenda Files */
.agenda .action { clear: both; margin-top: 8px; }
.agenda .action li { list-style: none; float: left; padding-right: 3px; background: url(../images/bg_document_action.png) right top no-repeat; margin-right: 14px; }
.agenda .action li a { font-size: 0.92em; display: block; background: url(../images/bg_document_action.png) left top no-repeat; }
.agenda .action li a strong { font-weight: normal; display: block; padding: 0 11px 0 31px; height: 26px; line-height: 26px; background: url(../images/ico_document_action.png) 8px 5px no-repeat; }
.agenda .action li.pdf a strong { background-position: 8px -35px; }
.agenda .action li.word a strong { background-position: 8px -75px; }

.document .action { list-style-type: none; }

span.search_highlight { font-weight: bold; background-color: #ffc; padding: 2px;}

/* Added by Wes 
-----------------------------------------------------------------------------------------------*/

.personal_info { position: relative; margin: 0 0 20px; }
.personal_info img, .contact { float: left; margin: 0; }
.personal_info .contact ul { margin: 0 0 0 15px; }
.personal_info .contact ul li { list-style: none; padding: 0 !important; margin: 0 !important; }
.personal_info .contact ul li.state { margin-top: 10px !important; }
.export li a { display: block; background: transparent url(http://www.ccro.org/_ui/images/bg_document_action.png) no-repeat right top; }
.export li a strong { display: block; padding: 5px 3px 0 30px; font-weight: normal; height: 21px; }
.export li a.vcard strong { background: transparent url(/_ui/images/vcard.jpg) no-repeat 3px center; }
.export li a.pdf strong { background: transparent url(/_ui/images/printer.jpg) no-repeat 3px center; }

.content h2,.content h3 {padding-top: 10px;}
.contributions li { margin-left: 30px; padding-top: 10px; list-style: square;}
.person { padding: 20px 0; border-bottom: 1px solid #e4e7ea; overflow: auto; clear: left; cursor: pointer; }
.person:hover { background: #efefef; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.person img { margin-left: 15px; }
.info h2 { padding: 0; margin: 0; }
div.info, .person img { float: left; }
div.info { overflow: auto; margin-left: 15px; }
.info ul { float: left; margin: 3px 0 0; padding-left: 0; }
.info ul li { list-style: none; padding: 0; margin-left: 0; }

.pages_nav { width: 250px; margin: 10px auto 0; }
.pages_nav li { list-style: none; float: left; margin-left: 10px; }
.search_term { font-weight: bold; }

.info ul.left { width: 250px; }

.contact ul li { list-style: none; padding: 0 !important; margin: 0 !important; }
.contact ul h2 { margin: 0; padding: 0; }
.contact ul li.address { margin-top: 10px !important; }
.export { width: 110px; position: absolute; bottom: 0; right: 0; }
.export li { 
	margin: 0 0 5px; 
	list-style: none; 
	background: transparent url(http://www.ccro.org/_ui/images/bg_document_action.png) no-repeat left top;
	padding: 0 0 0 3px;
	height: 26px;
}
.export li a { display: block; background: transparent url(http://www.ccro.org/_ui/images/bg_document_action.png) no-repeat right top; }
.export li a strong { display: block; padding: 5px 3px 0 30px; font-weight: normal; height: 21px; }


a#clear_search { background: #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 3px 6px; border: 1px solid #eee; }
a#clear_search:hover { border: 1px solid #ddd; text-decoration: none; }
p#search_info { margin: 15px 0; }

/* Directory search */

#member_search { width: 250px; float: right; }
#member_search input { color: #999; }
#member_search .submit { 
	float: none !important; 
	background: transparent url(http://ccro.org/_ui/images/bg_sign_in_submit.png) no-repeat left top; 
	border: 0;
	color: #dee6f1;
	padding: 6px;
	-webkit-border-radius: 5px;
}

/* My Profile Form */
#profile_form label { display: block; width: 100px; float: left; text-align: right; margin: 8px 10px 0 20px; }
#profile_form fieldset div { padding: 7px 0; background: #f9f9f9; clear: left; }
#profile_form fieldset div { border-bottom: 1px solid #fff; border-top: 1px solid #eee; }
#profile_form fieldset div:first-child { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
#profile_form fieldset div.last { -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom: none; }
#profile_form textarea { width: 700px; height: 150px; }
#profile_form input { width: 300px; }
#profile_form input.submit { width: 75px; padding: 4px 6px; background: #32609E; color: #fff; border: none; font-size: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#profile_form p.company { margin: 8px 0 0; }
p.success { padding: 10px; background: #D6FACA; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
img.profile_pic { margin-bottom: 10px; }
#profile_form div p { margin-bottom: 0; }
#profile_form div p span { display: block; width: 100px; float: left; text-align: right; margin: 0 10px 0 20px; }

/* Colorbox content */

#colorbox h2 { font-size: 1.4em; }
#colorbox p, #colorbox ul, #colorbox ol { text-align: left; font-size: 1.2em; }
#doc_content h3, h4 { font-size: 1.2em; }
#doc_content p, #doc_content ul, #doc_content ol { margin: 0 0 10px; }
#colorbox #doc_content ul li, #colorbox #doc_content ol li { margin-left: 30px; list-style: square; }
#doc_content { width: 455px; float: left; margin: 0; padding: 0 20px 0 10px; max-height: 500px; overflow: auto; }
div.no-sidebar #doc_content { width: 795px; }
#colorbox h2, #doc_content h3, #doc_content h4, #doc_content ul, #doc_sidebar h3 { text-align: left; }
#colorbox h2 { margin: 15px 0 10px 10px; }
#doc_sidebar h3 { color: #6c3; }
#doc_sidebar { width: 310px; padding: 0 10px 0 0; margin: 0 10px 0 20px; float: right; }
#doc_sidebar ul.participants li { margin: 0 0 3px; padding: 5px 0 5px; border-bottom: 1px solid #eee; overflow: auto; } 
/* #doc_sidebar { font-size: .9em; } */
#doc_sidebar ul.participants ul li { margin: 0; border: 0 !important; padding: 0 !important; text-align: left; }
#doc_sidebar .participants img { float: left; margin-right: 5px; }
#doc_sidebar h3 { font-size: 1.4em; margin-bottom: 10px; }
#colorbox ul ul { font-size: 1em; }
.participants { margin-top: 10px; margin-bottom: 20px; }
#colorbox a.full { position: absolute; bottom: 15px; left: 20px; z-index: 10000; padding: 3px 6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #32609E; color: #fff; }
#colorbox .player { background: #eee; border-color: #bbb; }
#colorbox .podcast .title { color: #70747b; }


#header { width: 960px; margin: 0 auto; background: #edeff2; padding-bottom: 20px; }
#header-wrap { border-top: 30px solid #edeff2; margin-bottom: 38px; font-size: 1.2em; position: fixed; width: 100%; z-index: 1000; background: #edeff2; }
#header div.login { position: relative; }
#header-wrap .border { padding-bottom: 10px; background: #edeff2; width: 960px; margin: 0 auto; }
.new-container { border-top: 125px solid #edeff2; }
#navigation { width: 960px; margin: 0 auto; }