/* import common libraries */

@import url("reset.css");
@import url("clearfloats.css");
/*@import url("moostyles.css");*/
@import url("forms.css");

/* import finished */

body { background: #3b4350 url('/gfx/rotary_bg_sliver.jpg') repeat-x; font-size: 14px; font-family: arial; color: #3d3d3d; line-height: 18px; }

h1, h2, h3, h4, h5, h6, h7 { color: #164d7c; font-family: georgia; font-weight: normal; text-shadow: #fff 2px 2px 5px; line-height: 1.2em; }
h1 { font-size: 2.4em; }
h2 { font-size: 2.1em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.2em; }

p { margin-bottom: 1em; }
strong { color: #000000; }/*#555555*/
a { color: #0076a3; } /*text-decoration: none;
a:hover { text-decoration: underline; }*/

h3 strong { font-weight: normal; color: #164d7c; }
h3 a strong { font-weight: normal; color: #0076a3; }

hr {
	padding: 1em 0 .9em 0;
	border: none 0;
	height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
	border-top: 1px dotted #3b4350;
}

/* necessary because of reset.css: */
/* maybe this will be my default at some point, but not for now */
/*ul.basic_list { list-style: disc outside; }
ul.basic_list li { display: block; padding: 0 0 8px 20px; line-height: 1.3em; font-size: 1em; }
ol { list-style: decimal outside; margin: 1em 0; }*/

/* background styles */
/* iOS doesnt' do position:fixed very well, so had to increase the overall length of the bg image here: */
.wrapper { width: 970px; background: transparent url('/gfx/rotary_bg2-long.png') no-repeat fixed top center; margin: 0 auto; height: auto; min-height: 730px !important; }
.wrapper_close { width: 970px; background: transparent url('/gfx/wrapper_close.png') no-repeat top center; margin: 0 auto; height: 30px; min-height: 30px !important; }

/* topbar */

.topbar { height: 128px; max-height: 128px !important; background: transparent url('/gfx/topbar_bg.png') no-repeat top center; margin-bottom: 12px; }
.topbar .logo { float: left; margin-top: 7px; margin-left: -11px; background: transparent url('/gfx/top_rotary_logo.png') no-repeat top center; width: 107px; height: 107px; }
.topbar .textlogo { float: left; background: transparent url('/gfx/top_rotary_text.png') no-repeat top center; margin-top: 5px; width: 207px; height: 81px; }
.topbar .logo a { text-indent: -2000px; display: block; width: 107px; height: 107px; }
.topbar .textlogo a { text-indent: -2000px; display: block; width: 207px; height: 81px; }
.topbar .theme { float: right; margin-right: 15px; }
.topbar .theme_separator { float: right; }
.topbar .userinfo { float: right; margin: 10px 15px 0 0; text-align: right; font-size: 13px; line-height: 20px; }

/* top bar menu styles */

.topbar .menu ul { list-style: none; margin: 0; padding: 0; margin: -23px 15px 0 0; float: right; display: block; height: 38px; min-height: 38px !important; }

.topbar .menu ul li { float: right; height: 38px; font-size: 11px; text-transform: uppercase; background: transparent url('/gfx/topbar_menu_bg.png') repeat-x; }
.topbar .menu ul li span.linktext { display: block; padding: 4px 6px 0 6px; height: 34px; margin: 0; float: left; }
.topbar .menu ul li span.left { display: block; height: 38px; width: 3px; margin: 0; float: left; background: transparent url('/gfx/topbar_menu_divide_left.png') no-repeat; }
.topbar .menu ul li span.right { display: block; height: 38px; width: 2px; margin: 0; float: left; background: transparent url('/gfx/topbar_menu_divide_right.png') no-repeat; }
.topbar .menu ul li.last span.right { display: block; height: 38px; width: 3px; margin: 0; float: left; background: transparent url('/gfx/topbar_menu_divide_right_last.png') no-repeat; }
.topbar .menu ul li a, .topbar .menu ul li a:hover { color: #4d4d4d; text-decoration: none; }
.topbar .menu ul li a:hover { text-decoration: none; }

.topbar .menu ul li:hover { background: transparent url('/gfx/topbar_menu_bg_over.png') repeat-x; }
.topbar .menu ul li:hover span.linktext { color: #1e374d; }
.topbar .menu ul li:hover span.left { background: transparent url('/gfx/topbar_menu_divide_left_over.png') no-repeat; }
.topbar .menu ul li:hover span.right { background: transparent url('/gfx/topbar_menu_divide_right_over.png') no-repeat; }
.topbar .menu ul li.last:hover span.right { background: transparent url('/gfx/topbar_menu_divide_right_over_last.png') no-repeat; }

/*.topbar .menu ul li.current { background: transparent url('/gfx/topbar_menu_bg_current.png') repeat-x; }*/
.topbar .menu ul li.current span.linktext { color: #1e374d; background: transparent url('/gfx/topbar_menu_bg_current.png') repeat-x; }
.topbar .menu ul li.current span.left { width: 2px; background: transparent url('/gfx/topbar_menu_divide_current_left.png') no-repeat; }
.topbar .menu ul li.current span.right, .topbar .menu ul li.current:hover span.right { width: 2px; background: transparent url('/gfx/topbar_menu_divide_current_right.png') no-repeat; }

.topbar .menu ul li.currentleft span.right { width: 4px; background: transparent url('/gfx/topbar_menu_divide_right_nextToCurrent.png') no-repeat; }
.topbar .menu ul li.currentright span.left { width: 4px; background: transparent url('/gfx/topbar_menu_divide_left_nextToCurrent.png') no-repeat; }

.topbar .menu ul li.currentleft:hover span.right { width: 4px; background: transparent url('/gfx/topbar_menu_divide_left_nextToCurrent_over.png') no-repeat; }
.topbar .menu ul li.currentright:hover span.left { width: 4px; background: transparent url('/gfx/topbar_menu_divide_right_nextToCurrent_over.png') no-repeat; }

/* top login form */
#toplogin_form input.te { width: 120px; font-size: 10px; border: 1px solid #adadad; background-color: #fff; color: #0076a3; }

/* main sidebar */

.main_sidebar { margin-left: 24px; float: left; width: 228px; max-width: 228px !important; margin-top: 4px; }
.main_sidebar .content { padding: 0 4px; background: transparent url('/gfx/main_sidebar_bg.png') repeat-y; font-size: 12px; line-height: 15px; }
.main_sidebar .closer { background: transparent url('/gfx/main_sidebar_close.png') no-repeat; height: 17px !important; }
.main_sidebar .content_no_bg { padding: 15px; }

.main_sidebar .content div { margin: 4px 10px 8px 10px; border-bottom: 1px solid #cccccc; }
.main_sidebar .content div.last { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; }
.main_sidebar .content div img { float: left; margin: 0 6px 2px 0; border: 1px solid #000; }
.main_sidebar .content div p { margin-bottom: 4px; padding-bottom: 4px; }
.main_sidebar .content div em { font-size: 11px; }
.main_sidebar .content div.header { margin: 0; padding: 3px 6px; color: #fff; height: 19px; max-height: 19px !important; overflow: hidden;
	background: #fff url('/gfx/main_sidebar_header_bg.jpg') no-repeat; font-family: georgia; font-size: 14px; line-height: 18px; }

.main_sidebar strong { color: #555555; }

/* program of the week, "extends" main sidebar */

.potw { float: right; margin-left: 24px; }
.potw a { text-decoration: underline; }
.potw .content div { margin: 4px 20px 0 20px; padding-bottom: 0; border-bottom: 0; margin-bottom: 0; }
.potw .content div h1 { color: #0076a3; font-family: georgia; font-weight: normal; font-size: 15px; margin-bottom: 4px; }
.potw .content div.potw_img { background: transparent url("/gfx/potw_img.png") no-repeat; width: 188px; height: 96px; padding: 0 0 0 5px; margin: 8px 0 0 15px; }

/* main content pane */

.main_content { float: left; margin-left: 18px; width: 660px; }
.main_content .intro { margin-top: 15px; text-align: justify; }
.main_content .intro p { margin-bottom: 15px; color: #0076a3; line-height: 21px; font-size: 18px; padding-left: 8px; }

.main_content .subcol_left { float: left; width: 410px; }
.main_content .subcol_right { float: right; width: 228px; }

.main_content_wide { margin: 0 36px; }

/* twitter feed */

.twit { font-size: 12px; padding: 4px; margin: 0 4px 4px 4px; border-bottom: 1px solid #000; clear: both; }
.twit img { width: 48px; height: 48px; border: 1px solid #000; float: left; margin: 0 4px 4px 0; }
.twit .date { font-size: 11px; font-weight: bold; }
.lasttwit { border: 0; }

/* footer */

.footer { width: 920px; color: #fff; text-align: center; font-size: 11px; margin: 0 auto; }

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

meeting stuff

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

/*.meeting_page .controls { margin-top: 12px; border: 1px solid #000000; background-color: #fff; padding: 8px; }*/
.meeting_page .controls { margin-top: 12px; }
.meeting_page .controls input { margin-right: 12px; }
.meeting_page h1 { font-size: 18px; border-bottom: 1px solid #000; border-top: 1px solid #000; padding: 0 12px; margin: 12px 0; float: left; clear: both; }
.meeting_page img { float: left; margin: 0 12px 12px 0; border: 1px solid #000; }

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

meeting editor

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

.workblock { border: 1px solid #164d7c; background-color: #fff; padding: 0; margin: 12px 0; }
.block_handle { float: left; height: 100%; background: #fff url('/gfx/dragbar_bg.jpg') repeat-y; width: 10px; margin-right: 8px; cursor: move; }
.delete_part, .content_toggle { float: right; cursor: pointer; margin-left: 4px; font-size: 11px; text-transform: uppercase; }
div.pagebreak { background-color: #164d7c; color: #fff; padding: 4px; }
.part_label { cursor: pointer; }
.part_content { overflow: hidden; max-height: 100px; font-size: 10px; line-height: 12px; cursor: pointer; padding: 12px; }
.part_content img { float: left; }
.sortable_list { margin: 0; padding: 0; list-style: none; }
.editor_form { padding-left: 12px; }

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

structured tables

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

table.structured { width: 100%; }
table.structured, table.structured td, table.structured th {
	border-collapse: collapse;
	border: 1px solid #fff;
	padding: 4px;
	font-size: 11px;
}
table.structured th { background-color: #164d7c; color: #fff; }
table.structured th.divider { background-color: #164d7c; color: #fff; }
/*table.structured td { color: #fff; }*/
table.structured tr { background-color: #dfdfdf; }
table.structured tr:hover { background-color: #fff; }
table.structured th a { color: #bdd0d9; }

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

info bars (1 line and 2 line)

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

.infobar_2L, .infobar_1L { margin: 0; width: 890px; }
.infobar_2L { height: 48px; background: transparent url('/gfx/infobar_2L_leftcap.png') no-repeat top left; padding-left: 9px; }
.infobar_1L { height: 34px; background: transparent url('/gfx/infobar_1L_leftcap.png') no-repeat top left; padding-left: 9px; }

.infobar_2L div { height: 48px; max-height: 48px !important; }
.infobar_1L div { height: 34px; max-height: 34px !important; }

.infobar_2L .rcap { background: transparent url('/gfx/infobar_2L_rightCap.png') no-repeat top right; padding-right: 9px; }
.infobar_1L .rcap { background: transparent url('/gfx/infobar_1L_rightCap.png') no-repeat top right; padding-right: 9px; }

.infobar_2L * .left { background: transparent url('/gfx/infobar_2L_leftBG.png') repeat-x top left; }
.infobar_1L * .left { background: transparent url('/gfx/infobar_1L_leftBG.png') repeat-x top left; }

.infobar_2L * .lr_divide { background: transparent url('/gfx/infobar_2L_lrdivide.png') no-repeat; width: 5px; float: right; margin-top: 2px; height: 46px; }
.infobar_1L * .lr_divide { background: transparent url('/gfx/infobar_1L_lrdivide.png') no-repeat; width: 5px; float: right; margin-top: 2px; height: 32px; }

.infobar_2L * .right { background: transparent url('/gfx/infobar_2L_rightBG.png') repeat-x; float: right; margin-top: 2px; height: 46px; }
.infobar_1L * .right { background: transparent url('/gfx/infobar_1L_rightBG.png') repeat-x; float: right; margin-top: 2px; height: 32px; }

.infobar_2L * .r_divide { background: transparent url('/gfx/infobar_2L_rdivide.png') no-repeat; width: 5px; float: right; margin-top: 2px; height: 46px; }
.infobar_1L * .r_divide { background: transparent url('/gfx/infobar_1L_rdivide.png') no-repeat; width: 5px; float: right; margin-top: 2px; height: 32px; }

.infobar_2L * p, .infobar_1L * p { float: left; font-size: 12px; line-height: 1.3em; }
.infobar_2L * .left p, .infobar_1L * .left p { padding: 8px 4px; }
.infobar_2L * .right p, .infobar_1L * .right p { color: #00d6ef; padding: 7px 4px; }
.infobar_2L * .right p strong, .infobar_1L * .right p strong { color: #fff; font-weight: normal; }


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

members page... (eclub members, group members, etc)
own file eventually?

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

div.info_container {
	width: 194px;
	height: 104px;
	padding: 8px;
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 10px 10px 0 0;
	color: #55646c;
	float: left;
	background: transparent url('/gfx/member_pane_bg.png') no-repeat;
}

div.info_container div.links {
	float: right;
	text-align: right;
	font-size: 10px;
	padding-right: 4px;
}

div.info_container img { border: 1px solid #9f9f9f; }

div.info_container div.info {
	clear: left;
	float: left;
	width: 35%;
	text-align: left;
}


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

forum stuff

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

.timetier_1 { background: transparent url('/gfx/icons/forum_timetier_1.png') no-repeat 2px 6px; }
.timetier_2 { background: transparent url('/gfx/icons/forum_timetier_2.png') no-repeat 2px 6px; }
.timetier_3 { background: transparent url('/gfx/icons/forum_timetier_3.png') no-repeat 2px 6px; }

.forum { padding: 4px 0 0 30px; font-size: 13px; border-bottom: 1px solid #5e83a2; margin-bottom: 12px; }
.forum a { font-size: 18px; }
.forum .last_post { float: right; border-left: 1px solid #fff; padding: 0.5em 0.7em 1em 0.7em; margin-left: 0.7em; font-size: 11px; line-height: 1.2em; background: transparent url('/gfx/last_post_bg.png') repeat-x top left; max-width: 320px !important; }
.forum .last_post a { font-size: 12px; }
/*.forum .last_post:hover { background: transparent url('/gfx/last_post_bg_hover.png') repeat-x top left; }*/

.subforum { padding: 4px 0 0 30px; font-size: 13px; border-bottom: 1px solid #5e83a2; margin-bottom: 12px; }
.subforum a { font-size: 18px; }
.subforum .last_post { text-align: right; float: right; padding: 0.5em 0.7em 1em 0.7em; margin-left: 0.7em; font-size: 11px; line-height: 1.3em; }
.subforum .last_post strong { font-size: 12px; color: #164d7c; }
/*.subforum .last_post:hover { background: transparent url('/gfx/last_post_bg_hover.png') repeat-x top left; }*/

.replyform { margin: 11px 20px 0; }
.post_actions form { float: left; padding-right: 6px; }

.post_block {
	margin-bottom: 0;
	background: #efefef url("/gfx/boxtop_shadowlite.png") repeat-x;
	border-right: 1px solid #dfdfdf;
}

.post_author {
	font-size: 0.9em;
	position: relative;
	background: #fff url("/gfx/boxtop_shadowlite.png") repeat-x;
	padding: 12px 4px 6px 12px;
	line-height: 1.4em;
	float: left;
	width: 150px;
	max-width: 150px !important;
}

.post_data {
	font-size: 0.9em;
	float: left;
	padding: 18px 0 12px 14px;
	width: 700px;
}

div.title {
	font-size: 1.2em;
	font-weight: bold;
	color: #BB3062;
}


div.post_mini {
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid #5483d6;
}

div.post_mini p { float: left; }

p.post_minicred {
	padding: 4px;
	margin-right: 8px;
	border: 1px solid #5483d6;
	background-color: #fff;
	clear: both;
	margin-bottom: 6px;
	float: left;
	font-size: 10px;
	color: #656565;
}

div.quote {
	padding: 8px;
	margin-bottom: 1em;
	border: 1px solid #d65483;
	background-color: #ffffff;
}

/* name of user being quoted */
div.quote em {
	color: #d65483;
}

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

thread / user comment styles

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

div.commc {
	margin-top: 4px;
	width: 330px;
}

div.commc p {
	margin: 2px 0 12px 0;
	padding: 0;
}

.thread_subj {
	font-size: 1.3em;
	font-weight: bold;
}

.thread_recip {
	font-size: 0.9em;
}

.thread_recip a {
	text-decoration: none;
}

.thread_msgs {
	/*border: 1px solid #ff0000;*/
}

.thread_msg_sender {
	float: left;
	margin-top: 12px;
	width: 30%;
	padding: 4px 4px 4px 4px;
	/*border: 1px solid #0000ff;*/
}

.thread_msg_body {
	float: left;
	margin-top: 12px;
	width: 60%;
	padding: 4px 4px 0 16px;
	/*border-bottom: 1px solid #656565;
	font-size: 0.8em;*/
	line-height: 1.5em;
	border-left: 2px solid #afafaf;
	/*border: 1px solid #00ff00;*/
}

.thread_msg_sender div, .thread_msg_sender img {
	float: left;
	clear: left;
}

.thread_msg_form {
	margin-top: 12px;
	padding: 4px 4px 0 16px;
	/*margin-left: 30%;*/
}

.sender_name {
	font-size: 1.2em;
}

.sender_date {
	font-style: italic;
	font-size: 0.9em;
	/*color: #000;*/
}

.pm_divide {
	clear: left;
	float: left;
	width: 60%;
	border-bottom: 1px solid #656565;
	margin: 12px 0 12px 35%;
 }

div.datestampdiv, span.datestampdiv {
	border-left: 1px solid black;
	padding: 2px 0 2px 4px;
	margin: 2px 2px 2px 0;
	float: right;
	font-size: 0.8em;
	width: 30%;
	clear: right;
}


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

miscellaneous

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

/* need to do something better than this...:
.bigger, .bigger p { font-size: 1.3em; line-height: 1.2em; }

.break { padding: 8px; text-transform: uppercase; background-color: #fff; border: 1px solid #b4d3e1; text-align: center; margin-bottom: 12px; }
*/

.bigger, .bigger p { font-size: 115%; line-height: 115%; }
.smaller, .smaller p { font-size: 90%; line-height: 90%; }
.required, .req { color: #ff0000; }

.pagination { border: 1px solid #3baee0; background-color: #fff; padding: 8px; font-size: 10px; margin-bottom: 12px; }

.clickable { cursor: pointer; }
.boldish { font-weight: 700; font-size: 1.2em; }
.alert { color: #ff0000; }
.alertok { color: #8dc63f; }
.hidden { display: none; }

p.error, span.alert {
	background: transparent url('/gfx/icons/delete.png') no-repeat top left;
	padding: 2px 0 0 20px;
	min-height: 16px;
	display: block;
	margin: 1px 0 1.5em 0;
}

span.alert { margin-bottom: 0; }

span.alert_inline { display: inline; font-size: 11px; padding-top: 2px; padding-bottom: 4px; }

p.success, p.error { background-color: #ff9696; border: 1px solid #ff0000; background-position: 4px 4px; color: #fff; padding: 4px 4px 4px 24px; font-size: 14px; }

p.success, span.alertok {
	background: transparent url('/gfx/icons/accept.png') no-repeat top left;
	padding: 2px 0 0 20px;
	min-height: 16px;
	display: block;
	margin: 1px 0;
}
p.success { background-color: #96ff96; border: 1px solid #00ff00; color: #02421d; }

.msg { font-size: 9px; font-style: italic; }

#big_poppa {
	border: 2px solid black;
	background: #dbeeff url('/images/altbg_fade_hover.jpg') repeat-x;
	color: #121212;
	font-family: tahoma, arial, sans-serif;
	position: absolute;
	z-index: 100;
	text-align: center;
}

#big_poppa p {
	margin: 0;
	padding: 12px;
	font-size: 18px;
	line-height: 14px;
	font-weight: bold;
}

#big_poppa_close {
	font-size: 12px;
	font-weight: normal;
	/*
	color: #fff;
	background-color: #000;
	float: right;
	*/
	padding: 4px;
	height: 20px;
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
}