@import url('gameon_layout.css');
@import url('reset.css');

body { height: 100%;	font-size: 14px; color: #333333;}
form, fieldset{border: 0 none; vertical-align: bottom; padding: 0; margin: 0;}

/* Anchors */
a { margin-bottom: 3px; padding-bottom: 1px; color: #2c539e; border-bottom-style: dotted; border-bottom-width: 1px; text-decoration: none; }
a:hover { border-bottom-width: 3px; border-bottom-style: double; }
a.pop_up_form { z-index: 1; position: absolute; top: -12px; right: -10px; }
a.global_nav {color: #fff;}
a.small_calendar_arrow { margin-bottom: 0px; padding-bottom: 0px; font-weight: bold; color: white; }
a.big_calendar_arrow { margin-bottom: 0px; padding-bottom: 0px; font-weight: bold; color: white; }
a.click_once_menu { color: #4c4c4c; }
a.modalCloseImg {border: none;}

/* Divs, Spans, Paragraphs */
div.top_align {vertical-align:text-top}
div.pop_up_form form.entry textarea, div.modal_form form.entry textarea{ background-color: #efe9d9; height: 50px; width: 149px; }
div.pop_up_form form.entry textarea, div.modal_form form.entry textarea.medium{ background-color: #efe9d9; height: 250px; width: 350px; }
div.post_it { background-color: #efe9d9; margin: 10px; border-style: none; }
div.post_it h3 {padding-left: 15px; padding-right: 15px; padding-top: 10px; background-color: #d4c594; color: #333;}
div.post_it p {padding: 15px;}
div.post_it div.smalltext a { width: 100%; font-weight: bold; color: #365499; text-align: right; }
div.main_post_it_banner { background-color: #f2f2f2; padding-left: 0px; padding-right: 0px; border-bottom-color: #cccccc; border-bottom-width: 1px; border-bottom-style: solid; background-repeat: no-repeat; font-size: large; font-variant: small-caps; font-family: Times, "Times New Roman", Georgia, serif; text-align: left; width: 100%; }
div.page_filter { padding-bottom: 10px; margin-left: 10px; margin-bottom: 10px; display: inline-block; background-color: #f2f2f2; border-color: #bfbfbf; border-width: 1px; border-style: solid; }
div.page_filter_no_inline { padding-bottom: 10px; margin-left: 10px; background-color: #f2f2f2; border-color: #bfbfbf; border-width: 1px; border-style: solid; }
div.action_box { background-color: #dadffc; margin-left: 10px; padding-bottom: 10px; border-color: #bfbfbf; border-width: 1px; border-style: solid; display: inline-block; }
div.tabs { margin-top: 10px; margin-left: 10px; display: inline-block; }
div.pop_up_form { display: none; padding: 7px; z-index: 1; background-color: white; left: 1px; top: 1px; position: absolute; border-color: #7f7f7f; border-width: 1px; border-style: solid; }
div.modal_form { display: none; padding: 7px; z-index: 1; background-color: white; border: 4px solid #ccc;}
div#available_official_popup {height: 500px;width: 600px; overflow-y: scroll;}

p.calendar_details { text-align: center; padding: 0px; margin: 0px; font-style: italic; }
p { margin-right: 10px; margin-left: 10px; padding-bottom: 7px; padding-top: 3px; }
p.error { color: #74281e; font-weight: bold; }
br {padding: 10px;}

span.readonly { font-weight: bold; }
/* Headings */
h1 { padding-right: 10px; padding-left: 10px; padding-bottom: 8px; padding-top: 3px; line-height: 25px; text-shadow: 1px 1px 3px #7f7f7f; font-size: xx-large; font-family: Georgia, "Times New Roman", Times, serif; }
h2 { padding-right: 10px; padding-left: 10px; padding-bottom: 8px; padding-top: 3px; line-height: 25px; text-shadow: 1px 1px 3px #7f7f7f; font-family: Georgia, "Times New Roman", Times, serif; font-size: x-large; }
h3 { padding-right: 10px; padding-left: 10px; padding-bottom: 8px; padding-top: 3px; line-height: 25px; font-family: Georgia, "Times New Roman", Times, serif; font-size: large; }
h4 { padding-right: 10px; padding-left: 10px; padding-bottom: 8px; padding-top: 3px; line-height: 25px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; }
h5 { padding-right: 10px; padding-left: 10px; padding-bottom: 8px; padding-top: 3px; line-height: 25px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }
h1.news { font-style: italic; font-variant: normal; text-decoration: underline; }
h3.calendar { text-decoration: underline; padding: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: medium; }
h3.underline { text-decoration: underline; }
h1.dashboard { font-family: Georgia, "Times New Roman", Times, serif; font-size: medium; font-weight: bold; text-decoration: underline; }
h1.dashboard_calendar { font-family: Georgia, "Times New Roman", Times, serif; font-size: medium; font-weight: bold; }
h2.dashboard { font-weight: bold; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: medium; }
h3.local_nav_menu {padding-left: 5px; font-size: medium; }
h1.gold {padding-left: 10px; padding-bottom: 15px; padding-right: 0; padding-top: 15px; text-decoration: none; text-shadow: 0px 0px 0px; font-style: normal; font-weight: normal; color:#fff; background-color:#b39b3f; margin:0;}
h2.gold {font-size: large; font-variant: normal; background-color:#d4c594; margin:0; padding:5px 0 5px 10px;}

/* Forms */

form.input { padding: 0px; margin: 0px; }
form.input input { padding: 0px; margin: 0px; background-color: #efe9d9; border-color: #b2b2b2; border-width: 1px; border-style: solid; }
form.file_field { padding: 0px; margin: 0px; background-color: #efe9d9; border-color: #b2b2b2; border-width: 1px; border-style: solid; }
form.input textarea { padding: 0px; margin: 0px; background-color: #efe9d9; border-color: #b2b2b2; border-width: 1px; border-style: solid; }
form.input textarea.medium { height: 250px; width: 250px; padding: 0px; margin: 0px; background-color: #efe9d9; border-color: #b2b2b2; border-width: 1px; border-style: solid; }
form.input textarea.large { padding: 0px; margin: 0px; background-color: #efe9d9; border-color: #b2b2b2; border-width: 1px; border-style: solid; }
form.title input { font-weight: bold; line-height: 25px; text-shadow: 1px 1px 3px #7f7f7f; font-family: Georgia, "Times New Roman", Times, serif; font-size: x-large; padding: 0px; margin: 0px; background-color: #efe9d9; border-color: #b2b2b2; border-width: 1px; border-style: solid; }
input.input { padding: 0px; margin: 0px; background-color: #efe9d9; border-color: #b2b2b2; border-width: 1px; border-style: solid; }
input.read { margin-left: 0px; background-color: white; border-color: #b2b2b2; border-width: 1px; border-style: solid; }
textarea { background-color: #efe9d9; border-color: #b2b2b2; border-width: 1px; border-style: solid; }
fieldset.buttons { text-align: right; width: 100%; }
form.entry { font-size: 14px; padding: 10px; }
form.entry label { width: 150px; text-align: left; display: inline-block;}
form.entry fieldset.submit { padding-left: 150px; padding-bottom: 0px; padding-right: 0px; padding-top: 5px; margin: 0px; }
form.entry fieldset.submit input{ margin: 0px; }form.entry fieldset.submit_no_labels { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 5px; padding: 0px; }
form.entry fieldset.submit_no_labels input{ margin: 0px; }label.error { font-weight: bold; font-style: italic; color: #74281e; }
form.inline_form ol { display: inline; }
form.inline_form ol li { display: inline; }
form.inline_form ol li.hidden { display: none; }
form.inline_form fieldset { padding-left: 0px; display: inline; }
form.inline_form label { width: auto; text-align: left; display: inline-block;}
form.entry.hidden { display: none; }
form.grid { padding: 0px; }
form.grid table { padding: 0px; }
form.entry label.datetime { display: inline; }
#right_col form.entry textarea { background-color: #efe9d9; height: 400px; width: 375px; }
#right_col form.entry input.input { background-color: #efe9d9; width: 375px; }
form.entry textarea { background-color: #efe9d9; height: 200px; width: 500px; }
form#incident_report textarea { background-color: #efe9d9; height: 200px; width: 300px; overflow-y: scroll;}
textarea.read { background-color: white; height: 200px; width: 500px; }
label { vertical-align: top;}
input.error { margin: 0px; padding: 0px; border-color: #dc2a1a; border-width: thin; }
textarea.error { border-color: #dc2a1a; border-width: thin; }
input { margin-left: 10px; }

/* Tables */
table.list { border-left-color: #bfbfbf; border-top-color: #bfbfbf; border-left-width: 1px; border-left-style: solid; border-top-style: solid; border-top-width: 1px; margin: 10px; }
table.list th { padding: 5px; border-right-color: #bfbfbf; border-bottom-color: #bfbfbf; border-right-width: 1px; border-right-style: solid; border-bottom-style: solid; border-bottom-width: 1px; font-weight: bold; color: #fff; background-color: #336699; white-space: nowrap; }
table.list td { border-bottom-color: #bfbfbf; border-right-color: #bfbfbf; border-right-width: 1px; border-right-style: solid; border-bottom-style: solid; border-bottom-width: 1px; padding: 5px; white-space: nowrap; vertical-align:top;}
table.list th.error { color: #de463f; font-weight: bold; }
table.list td.error { background-color: #de453f; border-bottom-color: #bfbfbf; border-right-color: #bfbfbf; border-right-width: 1px; border-right-style: solid; border-bottom-style: solid; border-bottom-width: 1px; padding: 5px; white-space: nowrap; vertical-align:top;}
table.small_calendar { display: inline-block; margin: 10px; border-right-color: #b2b2b2; border-top-color: #b2b2b2; border-right-width: 1px; border-right-style: solid; border-top-style: solid; border-top-width: 1px; vertical-align: top;}
table.small_calendar td.weekday { font-variant: small-caps;}
table.small_calendar td { text-align: center; border-left-color: #b2b2b2; border-bottom-color: #b3b3b3; border-left-width: 1px; border-left-style: solid; border-bottom-style: solid; border-bottom-width: 1px; height: 22px; width: 30px; vertical-align:middle;}
table.small_calendar td.highlight { background-color: #d4c594; text-align: center; border-left-color: #b2b2b2; border-bottom-color: #b3b3b3; border-left-width: 1px; border-left-style: solid; border-bottom-style: solid; border-bottom-width: 1px; height: 22px; width: 30px; vertical-align:middle;}
table.small_calendar th { text-align: center; background-color: #336699; color: white; border-left-color: #b2b2b2; border-bottom-color: #b2b2b2; border-left-width: 1px; border-left-style: solid; border-bottom-style: solid; border-bottom-width: 1px; height: 22px; width: 30px; vertical-align:middle; }
table.small_calendar a { font-style: normal; text-decoration: none; margin-bottom: 0px; padding-bottom: 0px; font-weight: normal; }
table.big_calendar { margin: 10px; border-right-color: #b2b2b2; border-top-color: #b2b2b2; border-right-width: 1px; border-right-style: solid; border-top-style: solid; border-top-width: 1px;}
table.big_calendar td.weekday { font-size: large; font-variant: small-caps; text-align: center; border-left-color: #b2b2b2; border-bottom-color: #b3b3b3; border-left-width: 1px; border-left-style: solid; border-bottom-style: solid; border-bottom-width: 1px; height: 22px; width: 75px; vertical-align:middle;}
table.big_calendar td { padding: 5px; text-align: left; border-left-color: #b2b2b2; border-bottom-color: #b3b3b3; border-left-width: 1px; border-left-style: solid; border-bottom-style: solid; border-bottom-width: 1px; height: 75px; width: 75px; vertical-align:top;}
table.big_calendar td.highlight { background-color: #efe9d9; padding: 5px; text-align: left; border-left-color: #b2b2b2; border-bottom-color: #b3b3b3; border-left-width: 1px; border-left-style: solid; border-bottom-style: solid; border-bottom-width: 1px; height: 75px; width: 75px; vertical-align:top;}
table.big_calendar th { text-align: center; background-color: #336699; color: white; border-left-color: #b2b2b2; border-bottom-color: #b2b2b2; border-left-width: 1px; border-left-style: solid; border-bottom-style: solid; border-bottom-width: 1px; height: 22px; width: 75px; vertical-align:middle; }
tr.grid_add  { background-color: #e6e9fd; }

/* Lists */
ol.numbered { list-style-type: decimal; }
ul.bullet_list { margin-top: 10px; margin-bottom: 20px; margin-left: 25px; list-style-position: outside; list-style-type: disc; }
ol.numbered_list { margin-top: 10px; margin-bottom: 20px; margin-left: 25px; list-style-position: outside; list-style-type: decimal; }
ol.upper_alpha_list { margin-top: 10px; margin-bottom: 20px; margin-left: 25px; list-style-position: outside; list-style-type: upper-alpha; }
ol.lower_alpha_list { margin-top: 10px; margin-bottom: 20px; margin-left: 25px; list-style-position: outside; list-style-type: lower-alpha; }
ol.success { padding-bottom: 5px; padding-top: 5px; padding-right: 10px; padding-left: 10px; margin-right: 10px; margin-left: 10px; border-bottom-width: 4px; border-bottom-style: double; border-top-style: double; border-top-width: 4px; border-bottom-color: #cbc7a7; border-top-color: #cbc7a6; background-color: #fbf9e4; font-style: italic; font-weight: bold; }
ul.pop_up_menu { display: none; border-left: 1px solid #ccc; border-top: 1px solid #ccc; position: absolute; z-index: 2; width: auto; top:0px; left: 0px;
	padding-left: 0;
	padding-bottom: 9px;
	padding-right: 10px;
	padding-top: 0;
	background:	url('../images/shadow.png') repeat bottom right;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
	}
ul.pop_up_menu li {padding: 5px; border-bottom: 1px solid #ccc; background-color: #fff;}
ul.pop_up_menu li:last-child {border-bottom: none;}
ul.pop_up_menu li:hover { background-color: #e6e9fd;}
ul.no_bullet { list-style-type: none;}
ul.local_nav_menu { border-color: #bfbfbf; border-width: 1px; border-style: solid; background-color: #f9f9f9; }
li.local_nav_menu { padding-left: 0px; padding-bottom: 9px; padding-right: 5px; padding-top: 5px; border-bottom-color: #bfbfbf; border-bottom-width: 1px; border-bottom-style: solid; }
ul.click_once_menu { margin-top: 10px; margin-bottom: 10px;width: 250px; padding-left: 10px; }
ul.click_once_menu li { padding-left: 15px; margin-right: 5px;}
li#local_current { list-style-image: url(../images/bullet.gif); padding-left: 0px; margin-left: 30px; margin-right: 5px; }
li.left_pad { padding-left: 10px; }
ol.form li { padding-bottom: 5px; }
ul.dashboard_bullets { margin-left: 25px; list-style-type: disc; }
ul.dashboard_bullets li {padding-bottom: 8px;}
ul.dashboard { list-style-position: outside; list-style-image: url(../images/star_bullet.png); margin-top: 10px; margin-left: 30px; }
ul.dashboard li {padding-bottom: 8px;}
/*.counter { border-color: black; border-style: double; border-width: 3px; padding-top: 0px; display: inline-block; margin-right: 3px; padding-right: 3px; padding-left: 3px; background-color: #344b96; color: white; font-weight: bold; text-align: center; font-family: monospace;}*/
ol.error { background-color: #f5d6d5; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; border-right-style: solid; border-left-style: solid; border-right-width: 1px; border-left-width: 1px; margin-left: 10px; margin-bottom: 20px; margin-right: 10px; margin-top: 0px; padding: 20px; border-bottom-style: double; border-top-style: double; border-color: #652c21; border-bottom-width: thick; border-top-width: thick; color: #652c21; font-style: italic; }

/* Images */
img.center { margin-right: auto; margin-left: auto; display: block; }
img.loader { margin-right: auto; margin-left: auto; display: block; }
img.icon { height: 20px; width: 20px; }

/* General Classes */
.highlight { background-color: #d4c594; }
.italics { font-size: small; font-style: italic; }
.dashboard_content_div { border-color: #bfbfbf; border-width: 1px; border-style: solid; }
.inline_form { display: inline; }
.grey_border { margin-left: 10px; border-color: #bfbfbf; border-width: 1px; border-style: solid; }
.inline { display: inline; }
.underline { text-decoration: underline; }
.no_link { border-width: 0px; }
.no_link:hover { border-width: 0px; }
.emphasis { font-weight: bold; font-style: italic; }
.smalltext { margin-right: 10px; margin-left: 10px; border-top-color: #7f7f7f; border-top-width: 1px; border-top-style: dashed; font-size: x-small; }
.bold { font-weight: bold; }
.inner_padding { padding: 10px; }
.hidden { display: none; }

/*autocompletor styling */
.ac_results {padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999;}
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;}
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /*  if width will be 100% horizontal scrollbar will apear when scroll mode will be used*//*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden;}
.ac_loading { background: white url('indicator.gif') right center no-repeat;}
.ac_odd { background-color: #eee;}
.ac_over { background-color: #0A246A; color: white;}
div#page_edit { height: 100%; }
div#page_settings { padding-right: 3px; padding-left: 3px; padding-top: 3px; border-bottom-color: #406595; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 10px; background-color: #eee9db; width: 100%; }
div#page_settings.full_page { height: 100%; padding-right: 3px; padding-left: 3px; padding-top: 3px; border-bottom-color: #406595; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 10px; background-color: #eee9db; width: 100%; }
a#page_menu_return { padding-right: 5px; float: right; }
div#page_settings_details { background-color: white; }
img.border { border-color: black; border-width: 1px; border-style: solid; }
ul#page_layout li { display: inline; }
ul#page_layout { display: inline; }
textarea#website_page_html_page_html { padding-bottom: 200px; height: 500px; width: 100%; }
textarea#website_page_nav_html_nav_html { padding-bottom: 200px; height: 475px; width: 100%; }
ul#sortbox{margin:0px; padding: 0px;} 
div.league_page{padding-left: 10px; padding-right: 10px;}
div.league_page h1, div.league_page h2, div.league_page h3, div.league_page h4, div.league_page h5 {padding-left:0px;}

input.dirty { background-color: #c89c6e; }
.dirty { background-color: #c89c6e; }

#simplemodal-container a.modalCloseImg {
	background:url(../images/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-9px;
	cursor:pointer;
}
#simplemodal-overlay {background-color: black;}

ul.contact_list {width: 400px; display: none; background-color: #fff; border: 4px solid #aaa;}
ul.contact_list li { padding: 5px;}
ul.contact_list ul {border: 1px solid #ccc; padding: 10px;}
ul.contact_list ul li {padding: 0px;}
ul.contact_list ul li:first-child {font-weight: bold;}
ul.contact_list h2 {text-shadow: none; padding-left: 0px; text-decoration: underline;}
div.agenda_popup { max-width: 350px; z-index: 5000; padding: 10px; background-color: white; border-style: solid; border-color: #a5a5a5; border-width: 1px; position: absolute; }
div.agenda_popup ul li { padding-bottom: 5px; }
div.agenda_popup td { padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; }
div.agenda_popup th { font-size: 0.8em; padding-left: 5px; font-weight: bold; text-decoration: underline; text-align: left; }
.ui_button {display: inline; padding: 6px; margin-bottom: 1em;}
#agenda_button_bar {padding: 10px;}
.ui_button img {height: 20px;}
div.dialog_buttons {float: right; padding-top: 10px;}
div#official_unavailable_dates_modal{width: 380px;}
div#personal_text_message_email_modal{width: 430px;}
a.ui-corner-all{border: none;}
.big_button{ padding-right: 15px; padding-bottom: 10px; padding-top: 10px; padding-left: 15px; font-size: 2em; }
#team_container{ }
#team_logo{ float: left; }
#team_info{ clear: right; float: left; }
#team_info ul{ margin-left: 10px; }
.div_button{height:20px;margin:0 0.2em; padding: 0 0.4em; display: inline-block;}
.div_button a{border: none;}
#news_tab ul{background-color: #fff; border: 1px solid #ccc;}