/* General */
* { outline: none; }
body { font: 90% Open Sans,Verdana,Helvetica,Arial,sans-serif; background:url(/Images/bg.jpg) repeat-x #3e3a3a; margin:0 0 10px; }

/* Page */
#PageWrapper { }

/* Header */
#MasterTable { background:#69946A !important;  }

#HeaderTop { height:90px; padding-top:15px; background-image:url(/Images/teampball-bannerbg-new.png) !important; background-size:100% 100% !important; background-repeat:no-repeat;}
#Header a { color:#fff; text-decoration:none; font-size:40px; margin-left:140px; }
#Header a img { border:none !important; }

/* New Logo Header */
#NewHeaderTop { height:115px; padding:15px; background-image:url(/Images/teampball-bannerbg-new.png) !important; background-size:100% 100% !important; background-repeat:no-repeat;}
#new-header a { color:#fff; text-decoration:none; font-size:40px; margin-left:120px; }
#new-header a img { border:none !important; }

/* Navigation */
#NavContainer { background:#288503; background:url(/Images/index_07.gif); height: 44px; }
#NavWrapper { max-width:80%; margin:0 auto;  }
#NavWrapper2 { max-width:100%; margin:0 auto;  }
#Nav { list-style: none; margin: 0; padding: 12px 0; }
#Nav li { display: inline; margin: 0 0 0 1.4em; }
#Nav a { color: #fff; text-decoration: none; font-weight: bold; padding:12px 10px; font-size:15px !important; }
#Nav a:hover { background:rgba(0,0,0,0.3); }

/* Content */
#ContentContainer { max-width:80%; margin:0 auto; }
#ContentWrapper { width:70%; max-width:100%; float:left; min-height: 390px; margin: 1%; color: #ddd !important; }
#ContentWrapper a { color: #85C669; text-decoration:none; }
#ContentWrapper a:hover { text-decoration:underline; }

/* Admin Content */
#ContentContainer2 { max-width:100%; margin:0 auto; }
#ContentWrapper2 { width:100%; max-width:100%; float:left; min-height: 390px; margin: 1%; color: #ddd !important; }
#ContentWrapper2 a { color: #85C669; text-decoration:none; }
#ContentWrapper2 a:hover { text-decoration:underline; }

/* Sidebar */
#SidebarWrapper { width:26%; max-width:300px; float:left; margin:30px 1%; }
#team-buttons a { display:block; color:#000; background:#ddd; margin-bottom:5px; padding: 10px 20px; text-decoration:none; font-weight:bold; border-radius:3px; }
#team-buttons a:hover { background:#288503; background:url(/Images/index_07.gif); color:#fff; }

#add-your-league a { display:block; color:#fff; background:#288503; background:url(/Images/index_07.gif); border:3px solid #ddd;  margin-bottom:5px; padding: 5px 20px; text-decoration:none; font-weight:bold; border-radius:20px; text-align:center; text-transform:uppercase; font-size:16px; }
#add-your-league a:hover { border:3px solid #356ABF; }

#add-your-league2 a { display:block; color:#fff; background:#288503; background:url(/Images/index_07.gif); border:3px solid #ddd;  margin-bottom:5px; padding: 5px 20px; text-decoration:none; font-weight:bold; border-radius:20px; text-align:center; text-transform:uppercase; font-size:16px; width:274px; }
#add-your-league2 a:hover { border:3px solid #356ABF; }


.sidebar-heading { color:#fff; font-size:14px; font-weight:bold; background: #356ABF; margin:20px 0 3px 0; display:block; padding:3px 10px; border-radius:0px 50px 3px 3px; }

/* Footer */
#FooterTop { background:#fff; padding:10px 0; }
#FooterWrapper { color: #000; font-size: small; text-align: center; }
#FooterWrapper a { color: #000; text-decoration: none; }

/* Headers */
h1, h2, h3 { color: white; }

/* Classes */
.ErrorMessage { display: block; border: 5px solid #F00; padding: 5px 5px 5px 5px; background: #FDD; color: #000; }
.ConfirmMessage { display: block; border: 5px solid #0F0; padding: 5px 5px 5px 5px; background: #DFD; color: #000; }
.Splitter { clear:both; height: 0px; }
.bye { text-decoration: line-through; }
dashed_rule { border-top: dashed 1px #999; background-color: #525050; color:#525050; }

/* Tables */
.tableGrid { border: 1px solid #000; cursor: default; }
.tableGrid th { padding: 4px; color: #fff; background-color: #000; text-align: left; }
.tableGrid td { padding: 4px; color: #000; }

.row { background-color: #fff; }
.alt_row { background-color: #ddf; }

/* DB Tables*/
.tableGrid { border:none; margin-bottom:10px; margin-top:10px}
.tableGrid a { text-decoration:none; }
.tableGrid a:hover { text-decoration:underline; }
.tableGrid th, .tableGrid td { color:#fff; padding:5px 10px; }
.tableGrid tr:nth-child(odd) { background:#525050 !important; }
.tableGrid tr:nth-child(even) { background:#666 !important; }

/*dates and year*/
.when_where { border:#999 1px solid; color:#999; padding:8px; margin:10px 0px 10px 0px; letter-spacing:0.12em; font-family: Verdana, Helvetica, Arial, sans-serif; display: inline-block; }
.eventdate { font-style:italic; padding:-10px 0 0 0; }

/* Remove */
.UpcomingEvents { border: 3px solid #3D77D8; background: #47413F; width: 45%; height: 200px; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; float: left; margin: 0 0 1em 0;}
.UpcomingEvents div { overflow: auto; height: 172px; }
.UpcomingEvents h1 { font-size: 1.5em; margin: 0; padding: 0 0 5px 1em; display: block; background: #3D77D8; color: white;}
.UpcomingEvents ul { list-style: none; padding: 0; margin: 0; }
.UpcomingEvents li { border-bottom: 1px dotted #3D77D8; padding: 3px 0 5px 5px; }

.Documents { border: 3px solid #3D77D8; background: #47413F; width: 45%; height: 200px; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; float: right; margin: 0 0 1em 0;}
.Documents div { overflow: auto; height: 172px; }
.Documents h1 { font-size: 1.5em; margin: 0; padding: 0 0 5px 1em; display: block; background: #3D77D8; color: white;}
.Documents ul { list-style: none; padding: 0; margin: 0; }
.Documents li { border-bottom: 1px dotted #3D77D8; padding: 3px 0 5px 5px; }
#ymcaLakeland { margin:1px; margin-bottom:3px; padding:5px; background:#fff; color:#444; font-weight:bold; height:17px; border-radius:0 0 15px 0; width:120px; }

/* Contact Form */
.vanishingform { width:70%; }
.vanishingform input { height:20px !important; }
.vanishingform input, .vanishingform textarea { width:90% !important; border:0; margin:2px 0; border-radius:3px; background:#eee; padding:5px 10px; font-family:Open Sans; }
.vanishingform input[type="submit"] { width:100px !important; margin-top:20px; cursor:pointer; font-weight:bold !important; height:30px !important; }
.vanishingform input[type="submit"]:hover { background:#ccc; }

/* Admin Homepage */
contentNav li {List-style-type:none; float:left; border:1px dotted #CCC; width:150px; }
ul.contentNav { padding: 0; float: left; margin-top: 0; }
ul.contentNav li { list-style-type: none; margin: 1em 1em 1em 0; padding: 4px; width: 200px; height: 75px; border: 1px solid #999; background-color: #444; }
ul.contentNav a { font-weight: bold; }