/* Reset Style.
* @author Eric Meyer
* @author Russ Tennant (russ@i2rd.com)
* @author Ben Barber (bbarber@i2rd.com)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}
body{line-height: 1;color: #000;background: #FFF;}
ol, ul{list-style: none;}
table{border-collapse: separate; border-spacing: 0;}
caption, th, td{text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}

td{vertical-align: middle;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
b, strong{font-weight: bold;}

#column1 {
}

#e_content {
	min-height: 100.0%;
}
* html #e_content {
	height: 100%;
}

#footer {
}

#header {
}

#e_column_0 {
}

#column2 {
	float: left;
}

#column3 {
	float: left;
}
/* Basic Styles */

body {
  background: #F6F2E8 url(/resources/dyn/files/85028/_fn/body-bg.gif) repeat-y left top;
  margin: 0;
  padding: 0;
  color: #222; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px;
  line-height: 1.3;
}
div.page {
  width: 794px;
  position: relative;
}
#e_content {
  float: right;
}
/* column 1 --------------------*/
#logo {
  background: url(/resources/dyn/files/92192/_fn/NLKids_Web.gif) no-repeat center bottom;
  width: 140px;
  height: 100px;
  margin: 0 auto;
}
#logo h1 a {
  display: block;
  width: 140px;
  height: 100px;
  text-indent: -4000em;
}
#sponsor_logos {
  margin-top: 102px;
}
#sponsor_logos img {
  display: block;
  margin: 0 auto;
}
#sponsor_logos img.n-lighten {
  margin-top: 30px;
}
#column1 {
  position: absolute;
  top: 0;
  left: 1px;
  background: transparent url(/resources/dyn/files/85030/_fn/masthead-bg.jpg) no-repeat left top;
  margin: 0;
  padding: 0;
  text-align: left; 
  width: 151px; 
  z-index: 4;
}
/* header ----------------*/
#header {
  position: relative;
}
/* main navigation ----------------*/ 
#main_menu {
  background: #FFF url(/resources/dyn/files/85033/_fn/topnav-bg.jpg) repeat-x left top;
  float: left;
  height: 37px; 
  width: 642px;
  border: 0;
  margin: 0;
  padding: 0;
}
#main_menu ul {
  float: left;
  font-family: "comic sans MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
#main_menu ul li {
  float: left;
  display: inline;
}
#main_menu ul li a {
  background: transparent url(/download?id=18) repeat-x left -38px;
  color: #FFF;
  float: left;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 8px 10px 6px 10px;
  text-decoration: none;
}
#main_menu ul li a:hover {
  background: transparent url(/download?id=18) repeat-x left top;
  color: #00307E;
  font-weight: bold;
  margin: 0;
}
/* logout component ------------*/
div.logoutbean {
  position: absolute;
  top: 8px;
  right: 10px;
}
.logoutbean a,
.logoutbean a:visited {
  font-family: "comic sans MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: white;
}
/* columns -------------------*/
#e_column_0 {
  background: #FFF url(/resources/dyn/files/85029/_fn/content_left-bg.jpg) repeat-x left top;
  clear: both;
  float: left;
  margin: 0 0 0 0;
  width: 642px;
}

/* footer ------------------------*/ 
#footer {
  background: #333;
  clear: both;
  float: right;
  height: 38px;
  margin: 0 0 0 0;
  width: 642px;
}
#footer p {
  color: #FFF; 
  font-size: 10px; 
  padding: 10px;
}
#footer a {
  color: #FFFFCC; 
  font-size: 10px; 
  text-decoration: none;
}

/* general styles */

img {
  border: 0;
}
img.left {
  float: left;
  margin-right: 10px;
}
img.right {
  float: right;
  margin-left: 10px;
}
a {
  color: #B11818; 
  font-weight: bold; 
  text-decoration: none;
}
a:active {
  color: #ffce49; 
  text-decoration: none;
}
a:visited {
  color: #990000; 
  text-decoration: none;
}
a:hover {
  color: #FF0000; 
  text-decoration: underline;
}
h2, h4, h5, h6 {
  font-family: "comic sans MS", Arial, Helvetica, sans-serif; 
  margin-bottom: 0.5em;
}
h2 {
  color: #00307E; 
  font-size: 20pt; 
  font-weight: bold; 
}
h3 {
  color: #222; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 14pt; 
  font-weight: normal; 
}
h4 {
  color: #00307E; 
  font-size: 12pt; 
  font-weight: bold;
}

h5 {
  border: 1px solid #FBF2D1;
  padding: 5px;
  font-size: 12pt; 
  font-weight: bold;
}
h6 {
  color: #00307E; 
}
p { 
  margin: 0 0 15px 0;
}
/* list style */
.textbean ul li,
.article_content ul li {
  list-style-type: disc;
}
.textbean ol li,
.article_content ol li {
  list-style-type: decimal;
}
.textbean li li,
.article_content li li {
  list-style-type: circle;
}
.textbean ol, 
.textbean ul,
.article_content ol, 
.article_content ul {
  margin: 10px 0 15px 25px;
}
.textbean ol ul, 
.textbean ul ul,
.article_content ol ul, 
.article_content ul ul {
  margin: 0 0 0 15px;
}

/* tables */
.textbean table {
  width: 100%;
}
.textbean td {
  padding: 5px;
  vertical-align: top;
}


/*logout*/
 div.logoutbean span.username {
  display: none;
}



/* interior pages styles ---------------*/
#column2 {
  width: 121px;
}
#column3 {
  width: 481px;
  padding: 20px 20px 50px;
  background: white url(/resources/dyn/files/85116/_fn/content_body-bg.jpg) repeat-y top left;
  min-height: 400px;
}
#member_template #column2 {
  display: none;
}
#member_template #two_column #column2 {
  display: block;
}
#member_template #column3 {
  width: 602px;
}
#member_template #two_column #column3 {
  width: 481px;
}

/* subnavigation -------------------------*/

#submenu {
  float: right;
  margin: 0;
  padding: 0px 0 10px 0;
  text-align: left;
  width: 121px;
}
#Left-Menu h3, 
#Content-2c-Left h3 {
  font-size: 13px; 
  font-weight: bold; 
  margin: 0 15px 0 15px;
}
#submenu ul {
  float: right; 
  margin: 0 0 12px 0; 
  padding: 0 0 0 0; 
  width: 121px;}
#submenu li {
  list-style: none;
  margin: 0;
  padding: 0 0 0 0;
  width: 121px;
}
#submenu li a {
  border-bottom: #E1D9BB 1px solid;
  color: #000;
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  padding: 2px 15px 2px 15px;
  overflow: visible;
  white-space: normal;
  width: 91px;
}
#submenu li a:visited {
  color: #222;
}
#submenu li a:hover  {
  background: #D14F04;
  border-bottom: #222 1px solid;
  color: #FFF;
}



/* Tabs. tab_north=&gt;MIWT, tab-items=&gt;CMS  ============================== */
div.tab-container {
  float: left;
  width: 100%;
}
div.tab-content {
  border: 1px #ddd solid;
  float: left;
  width: 95%;
  padding: 8px;
}
ul.tab-items {
  float: left;
  clear: right;
  list-style: none;
}
ul.tab-items li {
  float: left;
}
ul.tab-items,
ul.tab_north {
  padding: 0;
  margin: 5px 5px -1px 0;
  background: transparent url("/resources/all/docroot/cms/icons/tab-gray-grad-bg.gif") repeat-x left bottom;
}
ul.tab_north {
  width: 100%;
}
ul.tab_north { /* This may break things. */
  display: block;
  float: left;
}
ul.tab-items li,
ul.tab_north li {
  background: transparent url("/resources/all/docroot/cms/icons/tab-gray-grad-bg-ia.gif") repeat-x left bottom;
  border: 1px #ddd solid;
  border-bottom: none;
  font-size: 85%;
  line-height: 20px;
  font-weight: bold;
  margin: 0px 2px 0px 2px;
  padding: 0 5px 0 5px;
  text-decoration: none;
  color: #666;
  cursor: pointer;
}
ul.tab_north li a {
   text-decoration: none;
   color: #666;
}
ul.tab_north li {
  float: left;
  display: inline;
  list-style: none;
}
ul.tab-items li:hover,
ul.tab_north a:hover {
  color: #111;
  text-decoration: underline;
}
ul.tab-items li.tab-selected,
ul.tab_north li.tab_north_selected {
  color: #333;
  border-bottom: 1px #fff solid;
  background: transparent url("/resources/all/docroot/cms/icons/tab-gray-grad-bg-a.gif") repeat-x left bottom;
}

.miwt_editor_tabs {
  width: 486px;
}
* html table.miwt_editor_tabs {
  font-size: 10px;
}
/* CMS Tables ============================== */
.reporting_entry_component table {
  clear: both;
}
table.miwt_highlight {
  clear: both;
  width: 100%;
  margin: 0;
}
table.miwt_highlight td,
table.miwt_highlight th {
  padding: 5px;
}
table.miwt_highlight thead td,
table.miwt_highlight th {
  border-top: 1px solid #A3DBF4;
  border-bottom: 1px solid #A3DBF4;
  border-left: none;
  border-right: none;
  background: #E7F3FF;
}
table.miwt_highlight td {
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
table.miwt_highlight table td,
table.miwt_highlight table th {
  border: none;
}
table tr.odd td {
  background: #eee;
}

table.miwt_highlight th,
table.miwt_highlight th a {
  padding: 3px;
  font-weight: bold;
  text-decoration: none;
}
table.miwt_highlight th a {
  color: #555;
}
table.miwt_highlight th a:hover {
  text-decoration: underline;
}

table.css_nde_table th.column_name, 
table.css_nde_table td.column_name {
  text-align: left;
}
table.sortable {
  margin: 15px 0 0 0;
}
table.sortable tr:hover td {
  background-color: #D3E5FF;
}
table.sortable th {
  border: none;
  background-color:#eee;
  color: #666666;
  font-weight: bold;
  white-space: nowrap;
  border: 1px #D3D3D3 solid;
}
table.sortable td {
  border-top: none;
  border-bottom: 1px #CCC solid;
}
table.sortable th:hover {
  background-color: #ddd;
}
table.sortable th a:hover {
  background-color: inherit;
  color: black;
}
table.sortable th a {
  background-color: inherit;
  color:#666666;
  font-weight: bold;
  text-decoration: none;
  display: block;
  cursor: pointer;
}
table.sortable th a span {
  color: black;
  text-decoration: none;
}
table.sortable td.column_modtime, 
table.sortable td.column_instance_count {
  text-align: center;
}
.sortable_handle {
  cursor: pointer;
}
td.pager_pages {
  margin:0;
  padding: 0;
}
/* Leader Board tab. ==============================*/
.standings_search_container {
  position: relative;
  height: 77px;
}
.standings_search_field_division,
.standings_search_field_teamname,
.standings_search_field_city,
.standings_search_field_division,
.standings_search_field_county,
.standings_search_field_state {
  float: left;
  padding: 3px 0;
}
.standings_search_field_division {
  width: 210px;
}
.standings_search_field_teamname {
  width: 190px;
}
.standings_search_field_city {
  width: 177px;
}
.standings_search_field_county {
  width: 180px;
}
.standings_search_field_state {
  width: 55px;
}
span.label {
  display: block;
}
.standings_search_field_buttons_con {
  position: absolute;
  bottom: 0;
  right: 10px;
}
button.standings_search_field_search {
  padding: 0;
}
span.standings_type_label {
  font-weight: bold;
  font-size: 1.4em;
}
.standings_searches_con {
  margin-top: 10px;
}
.standings_team_group_name {
  font-size: 1.5em;
  font-weight: bold;
}

/* Team Statistics tab. ==============================*/
.team_stats_container {
  margin-top: 10px;
}
.reporting_division_label {
  font-weight: bold;
  font-size: 12pt;
}
.team_stats_table_total {
  display:block;
  text-align:right;
}

/* Report Progress tab. ==============================*/
.report_progress_container fieldset {
  margin-top: 10px;
}
.reporting_entry_component {

}
.reporting_entry_component fieldset {
  margin-top: 10px;
}
.reporting_entry_component legend {
  font-weight: bold;
  font-size: 12pt;
}
.reporting_entry_sub_summary {
  margin-top: 5px;
}
.reporting_entry_sub_summary legend {
  font-size: 10pt;
}
.reporting_entry_sub_standings {
  margin-top: 5px;
}
.reporting_entry_sub_standings legend {
  font-size: 10pt;  
}
.team_stats_report_progress_for{
  font-size: 14pt;
}
.reporting_entry_adder, .reporting_entry_editor{
  margin: 10px 0;
}
#ie6only .reporting_entry_adder, 
#ie6only .reporting_entry_editor{
  height: 40px;
}
.reporting_entry_editor_reporting_date td {
  padding: 1px;  
}
.reporting_entry_editor_reporting_date {
  float: left;
  width: 215px;
}
.reporting_entry_editor_reporting_value {
  float: left;
  width: 190px;
}
.team_stats_report_progress_for {
  display: block;
  padding: 10px 0px;
}
.reporting_entry_editor_reporting_buttons {
  padding-top: 20px;
}
.reporting_entry_editor_reporting_date span,
.reporting_entry_editor_reporting_value span {
  display: block;
  height: 20px;
}


/* Messages ============================== */

.message {
  clear: both;
}
.message_container .error {
  color: red;
  font-size: 12pt;
  padding: 0 0 0 20px;
  background: transparent url(/resources/all/docroot/cms/icons/x16/message_error.png) no-repeat 0% 0%;
}

/* Buttons ============================== */
div.button, input.button, input[type~="button"], input[type~="submit"], input[type~="reset"], button {
background:#ADADAD url(/resources/all/docroot/cms/icons/button/gray2.jpg) repeat-x scroll left bottom;
border-color:#ADADAD rgb(153, 153, 153) rgb(153, 153, 153) rgb(173, 173, 173);
border-style:solid;
border-width:1px 2px 2px 1px;
color:#444444;
cursor:pointer;
font-family:Arial;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding:2px 6px 2px 6px;
margin-top: 1px;
}


div.menu_component {
 position: relative;
 display: inline-block;
}
* html div.menu_component {
 display:inline; zoom:1.0;
}
*+html div.menu_component {
 display:inline; zoom:1.0;
} 
.menu_component ul.menu_items {
 position: absolute;
 top: 1.5em;
 left: 0;
 background-color: #ddd; /* Required for phantom padding bug in IE. Seriously. */
 list-style: none;
 margin: 0;
 padding: 0;
 z-index: 1;
}
.menu_component li.menu {
 position: relative;
 margin: 0;
 padding: 0;
 width: 11em;  /* Override if necessary based on length of menu labels. */ 	
}
.menu_component li.menu ul.menu_items {
 top: 0;
 left: 100%;   /* Override if necessary based on position on page */
}
.menu_component .menu a.menu_item,
.menu_component .menu span.menu_item {
 display: block;
 width: 10em;
 color: #000;
 text-decoration: none;
 padding: 4px .5em;
 margin: 0;
}
.menu_component li.menu a.menu_item:hover {
 background-color: #aaa;
}
.menu_component li.menu span.menu_item {
 color: #666;
}
.menu_component .parent_menu > a.menu_item {
 background-image: url(/resources/all/docroot/miwt/component/images/menu-expand.gif) ;
 background-position: right center;
 background-repeat: no-repeat;
}
/** Support up to 5 levels for IE6 */
.menu_component ul,
div.menu_component.active ul ul,
div.menu_component.active .active ul ul,
div.menu_component.active li .active ul ul,
div.menu_component.active li li .active ul ul,
div.menu_component.active li li li .active ul ul  {
 display: none;
}
div.menu_component.active ul,
div.menu_component.active .active ul,
div.menu_component.active li .active ul,
div.menu_component.active li li .active ul,
div.menu_component.active li li li .active ul,
div.menu_component.active li li li li .active ul {
 display: block;
}
div.menu_component.active li:hover > ul {
 display: block;
}    div.window {
		background-color: #eee;
		border-style: ridge;
		border-color: ThreeDLightShadow ThreeDDarkShadow ThreeDDarkShadow ThreeDLightShadow;
		border-width:1px 2px 2px 1px;
		padding: 2px;
    }
	.titlebar_row td {
		height: 1.2em;
	}
	td.activewindowtitle {
	    font-weight: bold;
	    display: compact;
		text-align: center;
		vertical-align: middle;
		padding: 0px;
		margin: 0px;
	    border: 0px none;
		overflow: hidden;
		cursor: pointer;
		cursor: hand;
	}
    td.windowbuttons {
		color: ButtonText;
		margin: 0;
		font-size: .8em;
		text-align: right;
	}	
	td.inactivewindowtitle {
	    background-color: InactiveCaption;
	    font-weight: bold;
		color: InactiveCaptionText;
		text-align: center;
		vertical-align: middle;
		overflow: hidden;
		cursor: pointer;
		cursor: hand;
	}
	div.windowcontent {
	  	color: WindowText;
		background-color: #fafcff;
		border: 1px outset #777;
	    overflow: auto;
	    position: absolute;
	    top: 1.75em; /* Needs to be >= titlebar height + padding, etc */
	    bottom: 2px;
	    left: 2px;
	    right: 2px;
	}
	.windowresize_sw,
	.windowresize_se,
	.windowresize_nw,
	.windowresize_ne {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 5px;
		height: 5px;
		cursor: ne-resize;
	}
	.windowresize_sw {
		cursor: sw-resize;
	}

	.windowresize_se {
		cursor: se-resize;
	}

	.windowresize_nw {
		cursor: nw-resize;
	}				
    /* OptionDialog. */
    table.OptionDialogButtons,
    table.OptionDialog {
        margin: 0 auto;
    }

/* Progress Dialog. */
div.miwt_ajax_progress {
  padding: 1.5em; 
  width: 200px; 
  vertical-align: middle; 
  text-align: center; 
  background-color: #f5f5f5;
  z-index: 10001; 
  border: 1px solid #330000; 
}
span.miwt_ajax_progress span {
  background-color: lightsteelblue;
  border-top: thin solid black; 
  border-bottom: thin solid black;
}
#miwt_ajax_progress_0 {
  border-left: thin solid black;
}
#miwt_ajax_progress_4 {
  border-right: thin solid black;
}.miwt_dnd_feedback
{
  background-color: white;
  padding: 2px;
  border: thin gray solid;
}
 
.miwt_dnd_dropactive
{

}

div.dropoptions
{
  background-color: white;
  padding: 2px;
  border: thin gray solid;
}
div.column_visibility {
  position: relative;
  display: inline;
}
#ie6only div.column_visibility {
  position: static;
}
div.column_visibility_selector {
  position: absolute;
  top: 2.5em;
  right: 0;
  z-index: 1;
  min-width: 10em;
  visibility: hidden;
  border: 1px solid black;
  text-align: left;
  background: white;
  color: black;
  padding: .25em;
}
div.column_visibility button {
  width: 18px;
  height: 16px;
  text-indent: -1000em;
  overflow: hidden; 
  border: none;
  background: transparent url(/resources/all/docroot/miwt/component/images/view.gif) no-repeat center;
}
/* HORIZONTAL / HORIZ. PERSISTENT CSS --------------- */
ul.menubeanh,
ul.menubeanh_persistent {
  list-style: none;
  position: relative;
  overflow: visible;
}
ul.menubeanh,
ul.menubeanh ul,
ul.menubeanh_persistent,
ul.menubeanh_persistent ul {
  padding: 0;
  margin: 0;
  list-style: none;
  /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh li,
ul.menubeanh_persistent li {
  float: left;
  position: relative;
  list-style: none;
  /*
  	width: 8em;
	overflow: visible;
	*/
}
ul.menubeanh li ul,
ul.menubeanh_persistent li ul {
  display: none;
  position: absolute;
  top: 1.2em; /* IE */
  left: 0; /* IE */ /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh > li > ul,
ul.menubeanh_persistent > li > ul {
  top: auto; /* Non-IE */
  left: auto; /* Non-IE */
}
/* (sub-)submenus */
ul.menubeanh ul,
ul.menubeanh ul ul,
ul.menubeanh ul ul ul,
ul.menubeanh_persistent ul,
ul.menubeanh_persistent ul ul,
ul.menubeanh_persistent ul ul ul {
  position: absolute;
  top: 0;
  left: 95%;
}
/* Interactive lines: show/hide menus */
ul.menubeanh li.over ul ul,
ul.menubeanh li.over ul ul ul,
ul.menubeanh_persistent li.over ul ul,
ul.menubeanh_persistent li.over ul ul ul {
  display: none;
}
ul.menubeanh li.over ul,
ul.menubeanh ul li.over ul,
ul.menubeanh ul ul li.over ul,
ul.menubeanh_persistent li.over ul,
ul.menubeanh_persistent ul li.over ul,
ul.menubeanh_persistent ul ul li.over ul {
  display: block;
}

/* VERTICAL CSS --------------- */
ul.menubeanv,
ul.menubeanv_persistent,
ul.menubeanv ul,
ul.menubeanv_persistent, ul { 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li,
ul.menubeanv_persistent li {
  position: relative;
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li ul {
  display: none;
  position: absolute;
  top: 2px; /* IE */
  left: 6em; /* IE */ 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li:hover ul,
ul.menubeanv li.over ul {
  display: block;
}

ul.menubeanv_persistent li.mi_parent {
  cursor: pointer;
}
ul.menubeanv_persistent li ul {
  display: none;
}
ul.menubeanv_persistent li.over ul {
  display: block;
}
