/* Media / responsive settings */
	
@media screen and not handheld
{
	.media_is_screen { display:block; }
	
	div#LOGIN_FORM_CONTAINER_DIV
    {
    	display:block;
    }
}	
@media not screen
{
	.media_is_screen { display:none; }
	div#LOGIN_FORM_CONTAINER_DIV
    {
    	display:none;
    }
}
.index_banner
{
	text-align:center; font-size:3.0em; font-weight:bold; border: solid 1px;
}
.menu_width
{
	padding-left:75px; /* as #BANNER_CONTROL_BAR minus #INNER */
	padding-right:75px;
}


/* General CSS */

body,html
{
	height:100%;
	top:0px;
	left:0px;
	padding:0px;
	margin:0px;
}
body
{
	height:101%;
	//color:#0A6391;
	//background-color: #7092B8; /* #73A5DD; */
/*
	background-image:url('images/inner_backdrop.gif');
	background-position:center bottom;
	background-repeat:no-repeat;
*/
}
div
{
	border:0;
	margin:0;
	padding:0;
     /*
	-moz-box-sizing: border-box;
	box-sizing: border-box;
      */
}

/* general content container(s) and menu system(s) */

div#entirepage
{
	//font-family: Verdana, Helvetica, Arial, sans-serif;
	//font-size:10pt;
	min-height:98%;
	//background-color:#E7F2F8;
	//border: solid #6897ED 1px;
	margin: 5px;
}

div.crop
{
	height:1.5em;
	overflow:hidden;
}

div.entire_menu_across
{
}
div.entire_menu_down
{
	background-image:url('images/inner_menu_down.gif');
	background-position:left;
	background-repeat:repeat-y;
	background-color:transparent;
}


div.inner_menu_across
{
}
div.inner_menu_down
{
	margin-left:150px;
}

div#INNER
{
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
}
div#BANNER_CONTROL_BAR
{
	padding-left:85px;
	padding-right:85px;
}

div#BANNER_BACKDROP,
div#BANNER_PANEL,
div#BANNER_MENU
div#BANNER_LANGUAGE
{
	//font-family: Verdana, Helvetica, Arial, sans-serif;
	//font-size:10pt;
}

div#BANNER_BACKDROP
{
	height:100px;
	//background-color:#BDD8E7;
	background-image:url('images/oboe_sword_3.png');
	background-position:top left;
	background-repeat:no-repeat;
	padding-bottom:1px;
	overflow:hidden;
}

div#BANNER_PANEL
{
	/*
	background-image:url('images/banner_behind.gif');
	background-position:center;
	background-repeat:no-repeat;
	background-color:transparent;
	*/
	font-size:20pt;
	//color:#0A6391;
	vertical-align:middle;
	padding:2px;
	padding-left:5px;
	width: 1px;
	height:62px;
	line-height:60px;
	cursor:pointer;
    margin-left:350px;
	/* height:50px; */
	overflow:hidden;
}

div#BANNER_PANEL_NAME
{
	vertical-align:middle;
	overflow:hidden;
}


div#BANNER_CONTROL_BAR
{
	text-align:left;
	vertical-align:top;
}

div#BANNER_MENU
{
	white-space:nowrap;
	padding:5px;
	margin-top:2px;
	margin-bottom:5px;
	//background-color:#73A5DD;
}

div#SIDE_MENU
{
	text-align:center;
	white-space:nowrap;
	padding:5px;
	margin-top:2px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
}

div#MENU_FRAMING_ACROSS
{
	text-align:left;
}



#MENU_FRAMING_DOWN A:hover,
#MENU_FRAMING_ACROSS A:hover
{
	//color:#B9E0F4;
	//background-color:#6897ED;
}

#MENU_FRAMING_DOWN A,
#MENU_FRAMING_ACROSS A
{
	//color:#0A6391;
	//background-color:#85AAED;
	text-decoration:none;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:5px;
	padding-right:5px;
	margin:0;
	border:0;
	white-space:nowrap;
}

#MENU_FRAMING_DOWN UL
{
	margin:0px;
	padding:0px;
	list-style: none none inside;
	vertical-align:top;
}
#MENU_FRAMING_ACROSS UL
{
	margin:0px;
	padding:0px;
	list-style: none;
}

#MENU_FRAMING_DOWN LI
{
	margin-left:2px;
	margin-right:2px;
	display: block;
}
#MENU_FRAMING_ACROSS LI
{
	margin-left:0px;
	display: inline;
	margin-top:1px;
	margin-bottom:1px;
}

#MENU_FRAMING_DOWN LI,
#MENU_FRAMING_ACROSS LI
{
	list-style: none;
	//border-top:solid #659DDD 3px;
	//border-bottom:solid #659DDD 3px;
	//border-left:solid #659DDD 3px;
	//border-right:solid #659DDD 3px;
	padding:0px;
}


div#BANNER_LANGUAGE_ACROSS
{
	height:20px;
	float:right;
	margin-top:3px;
	margin-right:5px;
	vertical-align:top;
	padding:0;
}


div#MENU_FRAMING_DOWN
{
	width:150px;
	float:left;
}

div#MENU_FRAMING_DOWN
{
	/* height:80%; */
}

#MENU_FRAMING_DOWN A
{
	display:block;
	width:110px;
	text-align:center;
}


div#BANNER_LANGUAGE_DOWN_INNER
{
	padding:5px;
	/* background-color:blue; */
}


div#BANNER_LANGUAGE_DOWN
{
	margin-top:3px;
	vertical-align:top;
	text-align:center;
	position:absolute;
	left:0px;
	bottom:0px;
	width:140px;
	padding:5px;
}

#BANNER_LANGUAGE_DOWN input
{
	margin-top:10px;
}
#BANNER_LANGUAGE_ACROSS input
{
	padding:0;
	margin-right:5px;
}

#BANNER_LANGUAGE_DOWN input,
#BANNER_LANGUAGE_ACROSS input
{
	width:40px;
	height:20px;
	border:0;
	cursor:pointer;
	font-variant:small-caps;
	font-size:xx-small;
	//color:#4C76A7;
	//background-color:#70AEF4;
	background-position:center;
	background-repeat:no-repeat;
}

form#LANGUAGE_LIST_FORM,
form#LANGUAGE_LIST_FORM fieldset
{
	display: inline;
	border:none;
	margin:0;
	padding:0;
}






div.feedback_errors
{
	border:solid red 2px;
	padding:1.0em 2.0em 1.0em 2.0em;
	color:red;
	background-color:white;
	font-weight:bold;
}


div.feedback_warnings
{
	border:solid blue 1px;
	padding:1.0em 2.0em 1.0em 2.0em;
	color:blue;
	background-color:yellow;
	font-weight:bold;
}


div.feedback_advises
{
	border:solid white 1px;
	padding:1.0em 2.0em 1.0em 2.0em;
	color:white;
	background-color:green;
	font-weight:bold;
}



/* potentially sharable definitions */

.immutable
{
	background-color:yellow;
}

.lefttext
{
	text-align:left;
}
.centertext
{
	text-align:center;
}
.righttext
{
	text-align:right;
}
.centerblock
{
	margin-left: auto;
	margin-right: auto;
}

.clearboth
{
	clear: both;
}

.rhs_container
{
	float:right;
	width:200px;
}

.rhs_box
{
	border:solid black 1px;
	padding:5px;
	margin-top:3px;
}

input.button:hover:disabled,
input.button:disabled
{
	cursor:not-allowed;
	color:#6897ED;
	background-color:#7387AA;	
}

input.button:hover
{
	color:#0F86C3;
	background-color:#6897ED;	
}

input.button
{
	cursor:pointer;
	color:#0A6391;
	background-color:#85AAED;
	not-ie-min-width:5.0em;
}

form.details
{	
}

fieldset.ui_container textarea,
form.details select,
form.details textarea,
form.details input[type=text]
{
	margin-bottom:0.25em;
}

fieldset.ui_container textarea,
form.details textarea,
form.details input[type=text]
{
	padding-left:0.25em;
}
form.details select
{
	padding-left:0.0em;
}

form.details input[type=text]
{
    width: 20.0em;
}

fieldset.ui_container textarea
{
    width: 20.5em;
}
form.details select.standard
{
    width: 20.5em;
}


form.details input.label
{
	border:none;
    margin-top: 2px;
	background-color:transparent;
}

form.details  label.continue
{
	float: none;
	display:inline;
	padding-left:5px;
}

form.details label.text
{
    margin-top: 0px;
}

form.details label
{
	float: left;
    display: block;
    width: 12.0em;
    text-align: right;
    padding-right: 0.5em;
    margin-top: 3px;
}

table.linear
{
	border-collapse:collapse;
}
table.linear td
{
	vertical-align:top;
}
table.linear td.text
{
	padding-top:4px;
}


table.list tr.buttoned table.button_strip td.button_strip,
table.list table.button_strip td.button_strip,
table.button_strip td.button_strip
{
	border:none;
	padding:0;
}

table.list_sublist
{
	border:solid #0A6391 1px;
}
table.list_sublist tr.top
{
	border-top:solid #0A6391 1px;
}
table.list_sublist td.first
{
	border-right:solid #0A6391 1px;
}
table.list_sublist td.who
{
	text-align:right;
}

table.button_strip,
table.list_sublist,
table.list
{
	border-collapse:collapse;
}
table.list caption.small
{
	font-size:100%;
}
table.list_sublist caption,
table.list caption
{
	border-top:solid #0A6391 1px;
	border-left:solid #0A6391 1px;
	border-right:solid #0A6391 1px;
	font-variant:small-caps;
	font-size:200%;
	padding-bottom:0.25em;
}
table.list input.button
{
	//width:6.0em;
}
table.list th.two_buttons
{
	width:14.0em;
}

table.list_sublist th,
table.list th,
table.list td
{
	border:solid #0A6391 1px;
	padding-left:0.75em;
	padding-right:0.75em;
	vertical-align:top;
}
table.list_sublist td,
table.list tr,
table.list td
{
	background-color:transparent;
}

table.list_sublist td
{
	border:none;
	padding-left:0.75em;
	padding-right:0.75em;
	vertical-align:top;
}



table.list tr.buttoned td
{
	padding-top:0.5em;
}


span.nobreak;
{
	white-space:nowrap;
}


fieldset.blank
{
	border:none;
	padding:0;
	margin:0;
}
fieldset.nolegend
{
	margin-top:2px;;
}
fieldset
{
	padding:0.5em;
	border: solid #0A6391 1px;
}

h2
{
	padding-bottom: 1px;
	border-bottom:solid #0A6391 2px;
	padding-left: 4px;
	border-left:solid #0A6391 6px;
}

hr
{
	color: #0A6391;
}

fieldset.ui_container_free,
fieldset.ui_container
{
	float:left;
}
fieldset.ui_container_final
{
	clear:left;
}
fieldset.ui_container_wide
{
	margin-right:10.0em;
}
fieldset.ui_container_final,
fieldset.ui_container
{
	width:38.0em;
	margin-right:1.0em;
}
fieldset.ui_container textarea
{
	height:8.0em;
}

div.org_event_link
{
	position:absolute; 
	left:20.0em; 
}

div.magic_form_inactive
{
	display:none;
}
div.magic_form_active
{
	display:block;
}
div.magic_form_inactive,
div.magic_form_active
{
	position:absolute;
	left:1.0em; 
	top:20.0em; 
	background-color:#E7F2F8;
	border:solid #E7F2F8 1.0em;
}

div.button_align_thin1,
button.thin1 table.button td
{
	height: 21px;
}

div.button_align,
button table.button td
{
	height: 31px;
}

div.button_align_thin1,
div.button_align 
{
	display:inline;
	vertical-align:top;
}

tr.buttoned button.thin1
{
	margin-top:-3px;
}
button.thin1
{
	margin-top:-0px;
	margin-left:-8px;
}
table.layout button table.button td.start
{
	width:7.0em;
}
button[disabled]
{
	cursor:not-allowed;
}



/* sortable columns */

table.list th.sortable,
table.list th.sorted_D,
table.list th.sorted_A
{
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 16px;
	cursor: pointer;
}

table.list th.sortable
{
	background-image: url('images/icon_sortable.gif');
}
table.list th.sorted_A
{
	background-image: url('images/icon_sort_A.gif');
}
table.list th.sorted_D
{
	background-image: url('images/icon_sort_D.gif');
}


table.progress
{
	margin: 0.5em auto;
	border-collapse:collapse;
}
table.progress td.arrow
{
	border:none;
	color:transparent;
	background-color:transparent;
	background-image: url('images/progress-arrow.png');
	background-position: center;
	background-repeat: no-repeat;
}
table.progress td
{
	cursor:default;
	vertical-align:top;
	border: solid #555 2px;
	padding: 0.5em 0.9em 0.5em 0.9em; /* TRBL */
	font-weight:bold;
    //-moz-border-radius: 15px;
    //border-radius: 15px;
}