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

/* standard styles */
body {
	font-family: sans-serif;
}

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

ul {
	color: #405070;
}

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

a {
	font-size: inherit;
	color: #4d567d;
	background-color: inherit;
	font-weight: bold;
}

a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration: underline}

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

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

h2 {
	color: #405070;
	background-color: #d0d9e0;
	font-size: 1.3em;
	font-weight: bold;
	margin: 20px 10px 10px 10px;
	vertical-align: middle;
	line-height: 2em;
	padding-left: 1em;

	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(to right , rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 50%);
}

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

h3 {
	color: white;
	padding-left: 0.66em;
	padding-top: 0.2em;
	background-color: #4d567d;
	font-size: 1.1em;
	font-weight: bold;
	margin: 20px 20px 0px 20px;
	vertical-align: baseline;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-image: linear-gradient(to top, #4d567d, #6d769d);
}

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

h5 {
	color: #405070;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px 20px 10px 20px;
	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 {
	border-radius: 1em;
	border: 0.125em solid #b4bbc1;
	border: 0.125em solid rgba(0, 0, 0, 0.1);
	margin: 1em;
	padding: 2em;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), #dde8ed 10%);
	background-image: -webkit-gradient(linear, 0% top, 0% bottom, from(rgba(255, 255, 255, 0.25)), color-stop(10%, #dde8ed));
	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%;
	color: #203050;
	padding: 0.33em;
}

select {
    width: 262px !important;
    background: #fff;
    height: 32px;
    border-bottom-left-radius: 0%;
    border: 1px solid #888;
}

.bpcheckablelistbox,
textarea,
input[type=text],
input[type=password] {
	background: white;
	border: 1px solid #888;
}

input[type=password] {
	width: 250px;
}

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

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

textarea:focus,
input[type=text]:focus,
input[type=password]:focus {
	background-color: #ffffe9;
	box-shadow: 0 0 0.5em #888;
}

.bpcheckablelistbox li:hover {
	outline: 1px dotted;
}


/* main layout container */
#cocoa_apparea {
	background: #dde8ed;
	vertical-align: top;
	text-align: left;
	color: inherit;
	min-height: 525px;
	min-width: 800px;
	border-left: solid #4d567d 2px;
	border-right: solid #4d567d 2px;
	border-bottom: solid #4d567d 2px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

#cocoa_banner {
	font-size: 4em;
	font-weight: bold;
	background-image: url(headerbg.png);
	background-repeat: repeat;
	min-width: 800px;
	margin: 0em;
	border-left: 2px solid #405070;
	border-right: 2px solid #405070;
	border-top: 2px solid #405070;
	text-align: left;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#cocoa_banner p {
	margin: 0em;
	padding: 0em;
}

#cocoa_banner img {
	vertical-align: middle;
	border: none;
	margin: 0.25em;
}

#styleswitcher {
	font-size: 20%;
	position: absolute;
	top: 1.5em;
	right: 1.5em;
	width: 13em;
	margin: 0.5em;
	background: #939FAE;
	border: 2px solid rgba(0, 0, 0, 0.1);
	border-radius: 0.33em;
}

#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 {
	box-shadow: 5px 5px 2em black;
	border-color: #C5CED9;
}

#styleswitcher:hover ul {
	display: block;
}

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

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

#styleswitcher li:focus a,
#styleswitcher li:hover a {
	color: white;
	text-decoration: none;
	background: #4d567d;
	background-image: linear-gradient(to bottom, #6d769d, #4d567d);
}

#appmenu {
	display: block;
	margin-left: 0em;
	margin-right: 0em;
	margin-top: 0em;
	color: white;
	padding: 0.25em 0.1em;
	line-height: 1.2em;
	font-size: 0.9em;
	background-color: #4d567d;
	background-image: linear-gradient(to bottom, #4d567d, #6d769d);
}

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

#appmenu a {
	color: white;
	padding: 0.1em 1em;
}

#appmenu a:hover,
#appmenu a:focus {
	background: #b4bbc1;
	background: rgba(255, 255, 255, 0.25);
	text-decoration: none;
}


/* data display 
   tabulated - bpResultSet::tabulate() */
.bpform.hidden{ display:none; }
.bpresultset {
	padding-left: 10px;
	margin: 0px 20px 0.3em 20px;
	border-collapse: collapse;
	font-size: 0.9em;
}

.bpresultset tbody tr {
	background-color: rgba(255, 255, 255, 0.1);
	border-bottom: solid #bdc8cd 1px;
}

.bpresultset thead tr {
	border-bottom: solid #4d567d 2px;
}

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

.bpresultset td {
	padding: 4px 8px;
}

.bpresultset td select {
	font-size: 90%;
	padding: 2px;
}

.bpresultset td:first-child {
	padding-left: 0;
}

.bpresultset td:last-child {
	padding-right: 0;
}

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

.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: #4d567d;
}

.conference_payment_summary {
	margin-left: 2em;
}

.groupbox {
	margin: 1em 1em 2em 1em;
	border-radius: 0.5em;
	padding: 1em 0em;
	background-color: rgba(255, 255, 255, 0.25);
	background-color: rgba(192, 192, 192, 0.1);
	border: 2px solid #b4bbc1;
}

.conference_payment_summary table.bpresultset {
	font-size: 75%;
}

.conference_payment_summary table.bpresultset tr {
	border-bottom: dotted #bdc8cd 1px;
}

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


/* 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 */
	margin: 10px;
	vertical-align: top;
	color: #405070;
	font-size: 0.9em;
}

/* 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: none;
	font-weight: normal;
	font-style: normal;
	color: white;
	border-radius: 2px;
	border: 1px solid #405070;
	background: #a8b0bb; /* Old browsers */
	background: linear-gradient(to bottom,  #a8b0bb 0%, #405070 35%,#405070 100%); /* W3C */
}

.bpform_formoptions li a:hover,
.pushbutton:hover {
	background: #405070;
	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: 300px;
	background-color: #eee;
	padding: 0 0 5px 0;
	box-shadow: 5px 5px 20px #444;
}

.bpcalendar_title {
	background: rgba(0, 0, 0, 0.1);
	margin: 0;
	border-bottom: 1px solid #aaa;
}

.bpcalendar select {
	font-size: 95%;
	padding: 2px;
	margin: 4px 2px;
}

.bpcalendar table {
	margin: auto;
	margin-top: 5px;
	max-width: 95%;
}

.bpcalendar td {
	padding: 7px 5px;
	border: 1px solid #bbb;
}

.bpcalendar td:hover {
	background-color: rgb(128, 128, 128);
	color: #eee;
}

/* 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;
	background: rgba(255, 255, 255, 0.5);
	border: 2px solid #4d567d;
	margin: 0px 20px 20px 20px;
}

/* dialogues */
.statspanel,
.bpform_statusarea_container,
.bpdialogue_message,
.bpdialogue_question,
.bpdialogue_warning,
.bpdialogue_error {
	margin: 2em;
	border: thin solid rgb(160, 160, 160);
 	padding: 1em;
	font-size: 0.8em;
	border-radius: 0.5em;
	box-shadow: 0.25em 0.25em 0.5em rgba(128, 128, 128, 0.33);
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 25%);
	background-image: -webkit-gradient(linear, 0% top, 0% bottom, from(rgba(255, 255, 255, 0.15)), color-stop(25%, rgba(255, 255, 255, 0)));
}

.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 #4d567d;
	border-radius: 0.5em;
	padding: 1em;
	box-shadow: 0.25em 0.25em 2em #222;
	text-align: left;

	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), #dde8ed 10%);
	background-image: -webkit-gradient(linear, 0% top, 0% bottom, from(rgba(255, 255, 255, 0.25)), color-stop(10%, #dde8ed));
	background-color: #dde8ed;
	margin-top: -10em;
}

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

#editpaper #Paper___Title,
textarea#Panel___Title {
	width: 600px !important;
	max-width: 850px;
}

input#Panel___Chair,
input#Panel___Discussant {
	width: 150px;
}
.country-select.inside input, .country-select.inside input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0;
    width: 262px;
}

.calendar-icon {
    margin-top: 6px !important;
}

#bpdateedit_Person___DateOfBirth_display, #bpdateedit_LogonDateOfBirth_display {
	width: 230px !important;
}


#editpanel textarea,
input#Panel___Chair, input#Panel___Discussant {
	width: 600px;
}

#editpaper #Paper___ShortAbstract,
#editpaper #Paper___Abstract {
	width: 600px;
}

input[id^=Order___],
select[id^=AcceptanceStatus___] {
	width: auto !important;
}

@media only screen and (max-width: 1220px) {
	#editpanel tr.bpformcolumn,
	#editpaper tr.bpformcolumn {
		display: grid;
	}
	.bpform_formoptions {
		display: flex;
	}

	#editpaper #Paper___ShortAbstract,
	#editpaper #Paper___Abstract {
		max-width: 60vw;
	}

	#editpanel textarea,
	#editpanel input,
	#editpaper #Paper___Title {
		width: 60vw;
		max-width: 60vw;
	}

	input#Panel___Chair, input#Panel___Discussant {
    	width: 60vw; 
	}
}

@media only screen and (max-width: 768px) {
	#editperson table tbody .bpformcolumn {
		display: block;
	}
	#editpaper table tbody .bpformcolumn {
		display: block;
	}

	#editpaper textarea,
	#editpaper input,
	#editpaper #Paper___Title {
		max-width: 60vw;
	}

	.major_section {
		max-width: 100vw;
	}

	select[id^=ClosedToProposals],
	select[id^=OpenToProposals] {
		display: none;
	}

	table[id^=panels_table_org] thead tr th:nth-child(7){
		display: none;
	}
}