/* cocoa.css
   stylesheet for Cocoa v2.3.2 */

/* standard styles */
body {
	font-family: sans-serif;
	font-size: 1.2em;
	background: white;
	color: black;
}

p {
	font-size: 1em;
	margin: 0.8em 0.8em 0.8em 1.6em;
}

em {
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

a {
	font-size: inherit;
	color: inherit;
	background-color: inherit;
	font-weight: bold;
	text-decoration: underline;
}

a:hover,
a:focus {
	background-color: black;
	color: white;
}

li {
	margin-bottom: 0.5em;
	font-size: 1em;
}

span.dummyanchor {
	font-size: 1em;
	background-color: inherit;
	text-decoration: none;
}

h2 {
	color: black;
	font-size: 1.3em;
	font-weight: bold;
	margin: 1em 1em 1em 1em;
	line-height: 1.5em;
	padding-left: 0.5em;
	padding-top: 0.5em;
	border-top: 2px solid black;
}

h2 img {
	margin-top: 0.33em;
	margin-right: 0.5em;
}

h3 {
	color: white;
	padding-left: 0.66em;
	padding-top: 0.2em;
	background-color: #222;
	font-size: 1.1em;
	font-weight: bold;
	margin: 2em 40px 0 40px;
	vertical-align: baseline;
	-moz-border-radius-topleft: 0.66em;
	-moz-border-radius-topright: 0.25em;
	-webkit-border-radius-topleft: 0.66em;
	-webkit-border-radius-topright: 0.25em;
	border-top-left-radius: 0.25em;
	border-top-right-radius: 0.25em;
}

h4 {
	color: black;
	font-size: 1em;
	font-weight: bold;
	margin: 0px 20px 10px 20px;
	vertical-align: baseline;
}

h5 {
	color: black;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px 10px 10px 10px;
	vertical-align: baseline;
}

td {
	margin: 10px;
	font-size: 1em;
}

img {
	border-style: none;
}


/* generic extended styles */
p.small {
	font-size: 0.7em;
	vertical-align: top;
	margin-top: 0.3em;
}

p.large {
	font-size: 1.1em;
}

/* individual elements */
#menubar_logout_item {
	float: right;
}

/* forms */
form {
	-khtml-border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	border: 2px solid black;
	margin: 2em;
	padding: 1.5em;
	background-color: #dde8ed;
}

form.nostyle {
	padding: 0em;
	margin: 0em;
	border: none;
	background-image: none;
	background-color: transparent;
}

.bpcheckablelistbox,
textarea,
input[type=text],
input[type=password],
select {
	font-family: sans-serif;
	font-size: 110%;
	padding: 0.33em;
}

.bpcheckablelistbox,
textarea,
input[type=text],
input[type=password],
select {
	background: white;
	border: 2px solid black;
	margin-left: 0.2em;
	margin-right: 0.2em;
}

input[id*=___Tags][type=checkbox] {
	margin-top: 15px;
}

td.bpdataformcaption {
	padding-top: 0.5em;
}

textarea:focus,
input[type=text]:focus,
input[type=password]:focus {
	background-color: black;
	color: white;
	border: 2px solid white;
	outline: 2px solid black;
}

.bpcheckablelistbox li {
	border-bottom: 1px solid #888;
	font-size: 1.2em;
	line-height: 1.75em;
}

.bpcheckablelistbox li:last-child {
	border-bottom: none;
}

.bpcheckablelistbox li:hover {
	outline: 1px dotted;
	background-color: #444;
	color: white;
}

.bpcheckablelistbox li.selected {
	background-color: black;
	color: white;
}

/* main layout container */
#cocoa_apparea {
	background: white;
	vertical-align: top;
	text-align: left;
	color: inherit;
	min-height: 525px;
	min-width: 800px;
	border-left: 3px solid black;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-radius-bottomleft: 4px;
	-webkit-border-radius-bottomright: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

#cocoa_banner {
	background: #f0f0ff;
	font-size: 4em;
	font-weight: bold;
	background-repeat: repeat;
	min-width: 800px;
	margin: 0em;
	border-left: 3px solid black;
	border-right: 3px solid black;
	border-top: 3px solid black;
	text-align: left;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-radius-topleft: 4px;
	-webkit-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	text-align: center;
}

#cocoa_banner p {
	margin: 0em;
	padding: 0em;
	line-height: 1.5em;
}

#cocoa_banner img {
	float: left;
	border: none;
	margin: 0.25em;
}

#styleswitcher {
	font-size: 27%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 1em;
	right: 1em;
	width: 13em;
	border: 2px solid;
	border-radius: 0.5em;
	background: inherit;
}

#styleswitcher h1 {
	font-size: 100%;
	text-align: right;
	padding: 0;
	padding-right: 0.5em;
	margin: 0;
	cursor: pointer;
}

#styleswitcher ul {
	display:none;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#styleswitcher:hover ul {
	display: block;
}

#styleswitcher li {
	text-align: right;
	margin: 0;
	padding: 0;
}

#styleswitcher li a {
	color: black;
	display: block;
	padding: 0.2em 0.5em;
}

#styleswitcher li:focus a,
#styleswitcher li:hover a {
	color: white;
	background: black;
}

#appmenu {
	display: block;
	margin-left: 0em;
	margin-right: 0em;
	margin-top: 0em;
	color: white;
	padding: 0.66em 0em;
	font-size: 1em;
	background-color: black;
}

#appmenu li {
	list-style-type: none;
	display: inline;
	margin: 0.4em;
}

#appmenu a {
	color: white;
	padding: 0.1em 1em;
	border: 4px solid white;
}

#appmenu a:hover,
#appmenu a:focus {
	background: white;
	color: black;
}

/* data display 
   tabulated - bpResultSet::tabulate() */
.bpresultset {
	padding-left: 10px;
	margin: 1.5em 30px 1.5em 30px;
	border-collapse: collapse;
	font-size: 0.9em;
}

.bpresultset tbody tr {
	border-bottom: solid #222 1px;
}

.bpresultset thead tr {
	border-bottom: solid #222 3px;
}

.bpresultset tbody tr:hover {
	background-color: #eaeef4;
	background-color: rgba(255, 255, 255, 0.33);
}

.bpresultset td {
	padding: 0.33em 0.3em;
}

.bpresultset th {
	padding: 0.1em 0.3em;
	font-weight: bold;
	color: black;
}

.bpresultset th.sortable {
	cursor: pointer;
}

.bpresultset th.sortable:before {
	content: "\21C5 ";
	font-weight: normal;
}

th.rowendoption,
td.rowendoption {
	width: 1%;	/* forces minimum necessary to contain link AND forces table to 100% of container's available width */
	padding: 1px;
	margin: 0px;
	text-align: center;
}

.bpresultset td a {
	color: inherit;
}

.bpresultset td a:hover,
.bpresultset td a:focus {
	background: black;
	color: white;
}

.conference_payment_summary {
	margin-left: 2em;
}

.groupbox {
	margin: 1em 2em 2em 2em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	padding: 1em 0em;
	border: 1px solid black;
}

.conference_payment_summary table.bpresultset {
	font-size: 85%;
	margin: 10px 40px 0 10px; 
}

.conference_payment_summary table.bpresultset thead tr {
	border-bottom: solid #222 2px;
}

.conference_payment_summary table.bpresultset tr {
	border-bottom: solid #222 1px;
}

.conference_payment_summary table.bpresultset th,
.conference_payment_summary table.bpresultset td {
	padding: 0.33em 1em;
}


/* data forms */
table.bpformcolumn {
	/* the table style for form column containers */
	vertical-align: top;
	padding-right: 20px;
	margin-left: 20px;
}

tr.bpformcolumn {}

td.bpformcolumn {
	vertical-align: top;
	padding-right: 20px;
}

table.bpform td {
	/* the table cell class for captions for data form elements */
	padding: 0.5em 1em;
	vertical-align: top;
	color: black;
	font-size: 0.95em;
}

table.bpform td.bpdataformcaption {
	padding-top: 1.2em;*/
}

/* 2010-11-25: "form .bpmenu" can be removed when bpForm.php5 updated */
form .bpmenu,
.bpform_formoptions,
.pushbuttongroup {
	text-align: right;
	list-style-type: none;
	margin: 5px 10px;
	line-height: 2em;
}

/* 2010-11-25: "form .bpmenu li" can be removed when bpForm.php5 updated */
form .bpmenu li,
.bpform_formoptions li {
	display: inline;
	margin-left: 1em;
}

.bpform_formoptions li a,
.pushbutton {
	padding: 0.25em 1em;
	text-decoration: underline;
	font-weight: bold;
	font-style: normal;
	color: black;
	-o-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-khtml-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
	border: 4px solid black;
	background: white;
}

.bpform_formoptions li a:hover,
.pushbutton:hover {
	background: black;
	color: white;
}

/* anchor for options in listDialogue() */
a.bplistoption {
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: underline;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	color: #dde8ed;
	background-color: inherit;
	line-height: 1.5em;
}


/* calendar widget */
.bpcalendar {
	min-width: 20em;
	background-color: white;
	padding: 0.5em;

	border: 0.15em solid black;
	-moz-border-radius: 0.5em;
	-khtml-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
}

.bpcalendar select {
	font-size: 1em;
	font-weight: bold;
}

.bpcalendar table {
	margin-top: 0.5em;
}

.bpcalendar table td {
	padding: 0.5em 0.75em;
	border: 2px solid #444;
	color: black;
}

.bpcalendar table td:hover {
	background-color: black;
	color: white;
}

/* email previews (dev/test only) */
pre.emailpreview {
	border: medium solid black;
	font-family: sans-serif;
	font-size: 0.9em;
	color: black;
	background-color: white;
	margin: 40px;
	padding: 10px;
	white-space: pre-wrap;
}

/* cocoa sections */
h3+div,
div.detail_section {
	background: #fafeff;
	border: 2px solid black;
	margin: 0 40px 2em 40px;
	padding: 1em;
}

/* dialogues */
.statspanel,
.bpform_statusarea_container,
.bpdialogue_message,
.bpdialogue_question,
.bpdialogue_warning,
.bpdialogue_error {
	margin: 2em;
	border: 2px solid #444;
 	padding: 1em;
	font-size: 0.9em;

	background-color: #dde8ed;

	-moz-border-radius: 0.5em;
	-khtml-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
}

.bpdialogue_warning {
	background-color: RGB(255, 255, 200);
	background-color: RGBA(255, 255, 200, 0.5);
}

.bpdialogue_error {
	background-color: RGB(255, 200, 200);
	background-color: RGBA(255, 200, 200, 0.5);
}

.bpform_statusarea_container {
	margin: 0em;
	margin-bottom: 2em;
	height: 2.5em;
}

.bpdialogue_message ul,
.bpdialogue_question ul,
.bpdialogue_warning ul,
.bpdialogue_error ul {
	list-style-type: none;
	display: block;
	padding: 0em;
	margin: 0.5em 0em;
}

.bpdialogue_message li,
.bpdialogue_question li,
.bpdialogue_warning li,
.bpdialogue_error li {
	display: inline;
	padding: 0em 2em 0em 0em;
	margin: 0.5em 0em;
}

.bpdialogue_message li a,
.bpdialogue_question li a,
.bpdialogue_warning li a,
.bpdialogue_error li a {
	font-weight: bold;
	text-decoration: none;
}

.bpdialogue_message .bpdialogue_title,
.bpdialogue_question .bpdialogue_title,
.bpdialogue_warning .bpdialogue_title,
.bpdialogue_error .bpdialogue_title {
	font-weight: bold;
	margin-right: 1em;
}

/* email authors pop-up dialogue */
#none_panel_edit_emaildialogue,
.popup_dialogue_frame {
	border: 2px solid black;
	border-radius: 0.5em;
	padding: 1em;
	text-align: left;

	background-color: #dde8ed;
	margin-top: -10em;
}

#none_panel_edit_emaildialogue form {
	border: none;
	background: none;
	padding: 0em;
}