@import url("https://assets.uniteinteractive.com/fonts/?family=bebas_ycdt,font-awesome,icomoon2_ycdt,icomoon_arrows,icomoon_ycdt,open_sans_bold_ycdt,roboto_cond_black_ycdt,roboto_cond_bold_ycdt,roboto_cond_medium_ycdt,roboto_cond_regular_ycdt");

/* | List of Generated Fonts | */
/*
	bebas_ycdt
	font-awesome
	icomoon2_ycdt
	icomoon_arrows
	icomoon_ycdt
	open_sans_bold_ycdt
	roboto_cond_black_ycdt
	roboto_cond_bold_ycdt
	roboto_cond_medium_ycdt
	roboto_cond_regular_ycdt
*/
/* | End of Generate Fonts | */

body {
	background: #000000 url('images/background_2017_2018.jpg') no-repeat top center;
	margin: 0px;
	padding: 0px;
}
/*
#PageBgImage {
	background: url('images/page_bg_color.jpg') no-repeat top left;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
*/
body,p,td,th,li,label { font-family: Arial, Geneva, helvetica, sans-serif; font-size: 12px; line-height:18px; color: #000000; }

.icomoon {
	font-family: icomoon_ycdt !important;
	font-size: 20px !important;
	vertical-align: middle;
	padding-right: 5px !important;
}

strong { font-weight: bold; }
.highlight { color: #A6192E; }

a:link    { color: #2F5848; text-decoration: none; }
a:visited { color: #2F5848; text-decoration: none; }
a:hover   { color: #4f8570; text-decoration: underline; }
a:active  { color: #4f8570; text-decoration: underline; }

/* | Start Mobile Links | */
a.navlink:link    { color: #ffffff; text-decoration: none; }
a.navlink:visited { color: #ffffff; text-decoration: none; }
a.navlink:hover   { color: #dddddd; text-decoration: none; }
a.navlink:active  { color: #dddddd; text-decoration: none; }
/* | End Mobile Links | */

.clear { clear: both; font-size: 1px; }

.alert,
.form_required,
.login_error_msg {
	font-weight: bold !important;
	color: #A6192E !important;
	line-height: 20px !important;
}
.login_error_msg {
	background: #2F5848 !important;
	display: block;
	color: #ffffff !important;
	font-size: 12px;
	width: 100%;
	padding: 5px;
	margin: 0px 0px 5px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.login_error_msg .upgrade {
	color: #cbad36 !important;
}
.login_progress {
	background: url('images/loader.gif') repeat left center;
	display: block;
	width: 60px;
	height: 22px;
	padding: 0px;
	margin: 5px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.header_container
{
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 223px;
	padding: 0px 0px 0px 0px;
	margin: 0;
}

.header
{
	background: #ffffff url(images/banner_bg.jpg) no-repeat top left;
	position: relative;
	width: 945px;
	height: 223px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	border: 0;
}
.header_container_home_mobile,
.header_container_mobile {
	background: #000000 url(images/mobile_top_bg.jpg) repeat-x top left;
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 5;
}
.header_container_home_mobile .header_home,
.header_container_mobile .header {
	background: url(images/mobile_header_bg_logo.png) no-repeat 260px 0px;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
}

.logo
{
	float: left;
	width: 629px;
	height: 126px;
   margin: 0px;
	padding: 16px 0px 0px 3px;
}

.logo a {
	display: block;
	width:629px;
	height:126px;
	padding: 0px;
	margin: 0px;
	border: 0;
	text-decoration: none;
	text-indent: -9999px;
	background: url(images/logo.jpg) no-repeat top left;
}
.header_container_home_mobile .logo,
.header_container_mobile .logo {
	float: none;
	width:289px;
	height:58px;
   margin: 0px;
	padding: 5px;
}
.header_container_home_mobile .logo a,
.header_container_mobile .logo a {
	display: block;
	width:289px;
	height:58px;
	padding: 0px;
	margin: 0px;
	border: 0;
	text-decoration: none;
	text-indent: -9999px;
	background: url(images/mobile_logo.png) no-repeat top left;
}
.header_container_home_mobile .menu_button a,
.header_container_mobile .menu_button a {
	background-color: #222;
	display: block;
	float: right;
	padding: 10px 15px;
	margin: 15px 15px 0px 0px;
	border-top: 1px solid #454545;
	border-left: 1px solid #454545;
	border-bottom: 1px solid #020202;
	border-right: 1px solid #020202;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-family: icomoon_ycdt;
	font-size: 20px;
}

.rnd_player {
	background: no-repeat top right;
	float: right;
	width: 304px;
	height: 213px;
   margin: 0px;
	padding: 0px 0px 0px 0px;
}
.rnd_player a {
	background: no-repeat top center;
	display: block;
	width: 304px;
	height: 213px;
   margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.rnd_player a .random_name,
.rnd_player a:hover .random_name {
	background: url('images/rndplayer_overlay.png') no-repeat top right;
	display: block;
	width: 274px;
	height: 35px;
   margin: 0px;
	padding: 178px 0px 0px 30px;
	text-align: center;
	font-family: roboto_cond_black_ycdt, open_sans_bold_ycdt, Verdana, Arial;
	font-size: 22px;
	line-height: 30px;
	font-style: italic;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-shadow:
    -2px -1px 0 #2c4c37,
    -2px 1px 0 #2c4c37,
    -2px 0 0 #2c4c37,
    2px -1px 0 #2c4c37,
    2px 1px 0 #2c4c37,
    2px 0 0 #2c4c37,
    0 -1px 0 #2c4c37,
    0 1px 0 #2c4c37;
	-webkit-text-stroke: 0.5px #2c4c37;
}

.banner
{
	background: #FFFFFF url(images/content_container_bg.jpg) repeat-y top left;
	float: left;
	width: 641px;
	height: 223px;
   margin: 0;
	padding: 0;
}

.banner span {
	display: block;
	width:641px;
	height:223px;
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration: none;
	text-indent: -9999px;
}

.banner_home span {
	background: #FFFFFF url(images/banners/banner_home.jpg) no-repeat top left;
}
.banner_about span {
	background: #FFFFFF url(images/banners/banner_about.jpg) no-repeat top left;
}
.banner_news span {
	background: #FFFFFF url(images/banners/banner_news.jpg) no-repeat top left;
}
.banner_events span {
	background: #FFFFFF url(images/banners/banner_events.jpg) no-repeat top left;
}
.banner_links span {
	background: #FFFFFF url(images/banners/banner_links.jpg) no-repeat top left;
}
.banner_contact span {
	background: #FFFFFF url(images/banners/banner_contact.jpg) no-repeat top left;
}
.banner_sitemap span {
	background: #FFFFFF url(images/banners/banner_sitemap.jpg) no-repeat top left;
}

.main_nav
{
	background: #FFFFFF url(images/main_nav_container_bg.jpg) no-repeat top left;
	position: relative;
	float:left;
	width: 626px;
	height: 32px;
        margin: 0px;
	padding: 0px 0px 0px 15px;
}

.content_container {
	background: #ffffff;
	position: relative;
	width: 935px;
	min-height: 500px;
	margin: 223px auto 0px auto;
	/*margin: 196px auto 0px auto;*/
	padding: 0px 0px 0px 10px;
	overflow: hidden;
}

.sidebar
{
	position: relative;
	float: right;
	width: 257px;
	padding: 0px 10px 0px px;
	margin: 0;
	overflow: visible;
}

.sidebar h2 { font-size: 16px; color: #9e1905; font-weight: bold; margin: 0px 0px 10px 0px; }
.sidebar h3 { font-size: 14px; color: #666666; font-weight: normal; margin: 20px 0px 10px 0px; text-decoration: underline; }

.sidebar .sub_nav {
	width: 257px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.sidebar .sub_nav ul
{
	list-style-type: none;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

.sidebar .sub_nav ul li
{
	background: url(images/icon_arrow.gif) no-repeat 0px 2px;
	padding: 0px 0px 8px 17px;
	margin: 8px 0px 0px 0px;
	border-bottom: 1px solid #CCCCCC;
}

.sidebar p { margin: 0px 0px 10px 0px; }


/* Start Aux */

.sidebar Table td {
	padding: 0px 5px 0px 5px;
}
.sidebar .stats_top {
	background: url(images/AuxTop1.jpg) no-repeat top left;
	display: block;
	height: 29px;
	text-indent: -9999px;
}
.sidebar .stats_bg {
	background: url(images/AuxBackground1.jpg) repeat-y top left;
}
.sidebar .stats_bg a {
	color: #222222;
}
.sidebar .stats_bg .MainStats .MainTable td {
	font-size: 10px;
}
.sidebar .stats_bottom {
	background: url(images/AuxBottom1.jpg) no-repeat top left;
	display: block;
	height: 38px;
}

.sidebar .calendar_top {
	background: url(images/AuxTop3.jpg) no-repeat top left;
	display: block;
	height: 38px;
	text-indent: -9999px;
}
.sidebar .calendar_bg {
	background: url(images/AuxBackground3.jpg) repeat-y top left;
}
.sidebar .calendar_bg a {
	color: #fff;
}
.sidebar .calendar_bottom {
	background: url(images/AuxBottom3.jpg) no-repeat top left;
	display: block;
	height: 33px;
}
.sidebar .calendar th,
.sidebar .calendar td {
	color: #ffffff;
}

.sidebar .AuxTop2 {
	background: url(images/AuxTop2.jpg) no-repeat;
	height: 38px;
}
.sidebar .AuxBottom2 {
	background: url(images/AuxBottom2.jpg) no-repeat;
	height: 33px;
}

/* End Aux */

.content {
	background: url(images/title_bg.jpg) no-repeat left 10px;
	float: left;
	width: 668px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow: visible;
	z-index: 20px;
}
.content_internal {
	float: left;
	width: 628px;
	padding: 0px 20px 20px 20px;
	z-index: 30px;
}
.content_container_mobile .content_internal {
	width: 440px;
}

.content h1 { font-size: 24px; color: #5a5a5a; font-weight: normal; margin: 5px 0px 15px 0px; font-family: roboto_cond_regular_ycdt, Arial, helvetica, sans-serif; }
.content h2 { font-size: 16px; color: #2F5848; font-weight: normal; margin: 0px 0px 10px 0px; font-family: roboto_cond_regular_ycdt, Arial, helvetica, sans-serif; }
.content h3 { font-size: 12px; color: #5a5a5a; font-weight: bold; margin: 0px 0px 0px 0px; }

h1.title {
	width: 658px;
	height: 31px;
	padding: 15px 0px 0px 12px;
	margin: 10px 0px 20px 0px;
	font-size: 20px;
	color: #ffffff;
	font-weight: normal;
	text-transform: uppercase;
}

.content h2.title {
	background: #ffffff url(images/titles/title_h2_bg.jpg) repeat-x top left;
	width: 658px;
	height: 25px;
	padding: 4px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	line-height: 20px;
	color: #ffffff;
	font-weight: normal;
	text-transform: uppercase;
}
.content_mobile h2.title {
	background: #ffffff url(images/titles/title_h2_bg.jpg) repeat-x center left;
	width: 100%;
	height: 25px;
	padding: 4px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	line-height: 20px;
	color: #ffffff;
	font-weight: normal;
	text-transform: uppercase;
}

.content h2.players,
.content_mobile h2.players { background: #ffffff url(images/titles/title_players.jpg) no-repeat top left; text-indent: -9999px; }
.content h2.goalies,
.content_mobile h2.goalies { background: #ffffff url(images/titles/title_goalies.jpg) no-repeat top left; text-indent: -9999px; }
.content h2.current_season_stats { background: #ffffff url(images/titles/title_current_season_stats.jpg) no-repeat top left; text-indent: -9999px; }
.content h2.current_playoff_stats { background: #ffffff url(images/titles/title_current_playoff_stats.jpg) no-repeat top left; text-indent: -9999px; }
.content h2.career_season_stats { background: #ffffff url(images/titles/title_career_season_stats.jpg) no-repeat top left; text-indent: -9999px; }
.content h2.career_playoff_stats { background: #ffffff url(images/titles/title_career_playoff_stats.jpg) no-repeat top left; text-indent: -9999px; }

.content h2.stats,
.content_mobile h2.stats { background: #ffffff url(images/titles/title_stats.jpg) no-repeat top left; text-indent: -9999px; }
.content h2.player_stats,
.content_mobile h2.player_stats { background: #ffffff url(images/titles/title_player_stats.jpg) no-repeat top left; text-indent: -9999px; }
.content h2.goalie_stats,
.content_mobile h2.goalie_stats { background: #ffffff url(images/titles/title_goalie_stats.jpg) no-repeat top left; text-indent: -9999px; }

.content h2.all_time_firsts { background: #ffffff url(images/titles/title_all_time_firsts.jpg) no-repeat top left; text-indent: -9999px; }
.content h2.all_time_player_stats { background: #ffffff url(images/titles/title_all_time_player_stats.jpg) no-repeat top left; text-indent: -9999px; }
.content h2.all_time_goalie_stats { background: #ffffff url(images/titles/title_all_time_goalie_stats.jpg) no-repeat top left; text-indent: -9999px; }

.content .Games_Home {
	float: left;
	width: 334px;
	font-size: 16px;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}
.content .Social_Network {
	float: right;
	width: 324px;
	font-size: 16px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}
.content .Social_Network a.facebook_conversation {
	display: block;
	width: 324px;
	height: 100px;
	padding: 0;
	margin: 5px 0px 0px 0px;
	border: 0;
	text-decoration: none;
	text-indent: -9999px;
	background: url(images/facebook_conversation.jpg) no-repeat top right;
}

.content a.history_roster {
	display: block;
	float: left;
	width: 300px;
	height: 150px;
	padding: 0px;
	margin: 0px 0px 30px 0px;
	border: 0;
	text-decoration: none;
	text-indent: -9999px;
	background: url(images/history_roster.jpg) no-repeat top left;
}
.content a.history_roster:hover { background-position: -300px 0px; }

.content a.history_records {
	display: block;
	float: right;
	width: 300px;
	height: 150px;
	padding: 0px;
	margin: 0px;
	border: 0;
	text-decoration: none;
	text-indent: -9999px;
	background: url(images/history_records.jpg) no-repeat top left;
}
.content a.history_records:hover { background-position: -300px 0px; }

.content a.image_gallery {
	display: block;
	float: left;
	width: 300px;
	height: 150px;
	padding: 0px;
	margin: 0px;
	border: 0;
	text-decoration: none;
	text-indent: -9999px;
	background: url(images/image_gallery.jpg) no-repeat top left;
}
.content a.image_gallery:hover { background-position: -300px 0px; }

.content a.wallpapers {
	display: block;
	float: right;
	width: 300px;
	height: 150px;
	padding: 0px;
	margin: 0px;
	border: 0;
	text-decoration: none;
	text-indent: -9999px;
	background: url(images/wallpapers.jpg) no-repeat top left;
}
.content a.wallpapers:hover { background-position: -300px 0px; }

.content p { margin: 5px 0px 15px 0px; }

.content ul
{
	list-style-type: disc;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 20px 30px;
}

.content ul li
{
	padding: 0px;
	margin: 5px 0px 0px 0px;
}

.content ol
{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 30px;
}

.content ol li
{
	padding: 0px;
	margin: 5px 0px 0px 0px;
}

.content table, .content_mobile table { margin: 0px; border-spacing: 0px; border-collapse: collapse; }
.content table tr.odd, .content_mobile tr.odd { background-color: #E1DFD9; }
.content table tr.even, .content_mobile tr.even { background-color: transparent; }
.content table tr.highlight, .content_mobile tr.highlight { background-color: #F6F4B9; }
.content table tr.total, .content_mobile tr.total { background-color: #2F5848; }
.content table tr.total td, .content_mobile tr.total td { color: #ffffff; }
.content table tr th { background: #f4f4f4 url(images/th_bg.jpg) repeat-x left center; font-size: 12px; padding: 2px 5px; margin: 0px; border: 0px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; vertical-align: center; text-align:left; color: #000;  }
.content table.green_header tr th { background: #ffffff url(images/titles/title_h2_bg.jpg) repeat-x left center; font-size: 12px;  padding: 2px 5px; margin: 0px; border: 0px; vertical-align: center; text-align: left; color: #fff; }
.content table tr td { padding: 1px 5px 1px 5px; margin: 0px; border: 0px; vertical-align: top; }
.content table tr td p, .content_mobile tr td p { margin: 0px 0px 10px 0px; }

.content table tr td.rank,
.content_mobile tr td.rank { width: 25px; text-align: center; font-size: 10px; color: maroon; font-style: italic; }

.content_mobile tr th { background-color: #2F5848; color: #ffffff; }
.content_mobile tr td { padding: 1px 4px 1px 4px; margin: 0px; border: 0px; vertical-align: top; }

.content .outer_bio_container {
	background: no-repeat top right;
	position: relative;
	float: left;
	width: 668px;
	height: 275px;
	padding: 0px;
	margin: 0px;
	overflow: visible;
}
.content .outer_bio_container .inner_bio_container {
	background: url(images/active_player_bio_bg.png) no-repeat top left;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 628px;
	height: 275px;
	padding: 20px;
	margin: 0px;
	overflow: visible;
}
.content .outer_bio_container .inner_bio_container .bio_image {
	background: url(images/bio_image_bg.jpg) no-repeat top left;
	float: left;
	width: 150px;
	height: 150px;
	padding: 2px;
	margin: 0px;
}
.content .outer_bio_container .inner_bio_container .player_dropdown {
	float: left;
	width: 454px;
	height: 20px;
	padding: 35px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}
.content .outer_bio_container .inner_bio_container .jersey_number {
	float: left;
	width: 454px;
	height: 36px;
	font-family: roboto_cond_medium_ycdt;
	font-size: 72px;
	color: #a6192e;
	font-weight: normal;
	padding: 63px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}
.content .outer_bio_container .inner_bio_container .details {
	float: left;
	width: 628px;
	height: 90px;
	font-weight: normal;
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
}
.content .outer_bio_container .inner_bio_container .details h1 { font-size: 28px; color: #2c4c37; font-weight: normal; margin: 0px 0px 10px 0px; font-family: roboto_cond_medium_ycdt; text-transform: uppercase; }
.content .outer_bio_container .inner_bio_container .details h2 { font-size: 18px; color: #a6192e; font-weight: normal; margin: 0px 0px 5px 0px; font-family: roboto_cond_medium_ycdt; text-transform: uppercase; }
.content .outer_bio_container .inner_bio_container .details h3 { font-size: 14px; color: #2c4c37; font-weight: normal; margin: 0px 0px 5px 0px; font-family: roboto_cond_medium_ycdt; }

.content .bio_stats {
	background: url(images/bio_stats_bg.jpg) repeat-y top left;
	position: relative;
	float: left;
	width: 666px;
	padding: 0px 1px;
	margin: 0px;
}
.content .bio_stats h2.title {
	width: 666px;
}
.content .max_stats {
	background: url(images/bio_stats_bg.jpg) repeat-y top left;
	position: relative;
	float: left;
	width: 666px;
	padding: 0px 1px;
	margin: 0px;
	border-top: 1px solid #2c4c37;
	border-bottom: 1px solid #2c4c37;
}
.content .max_stats h2 { font-size: 18px; color: #2c4c37; font-weight: normal; margin: 20px 0px 5px 5px; font-family: roboto_cond_medium_ycdt; text-transform: uppercase; }

.content .last_10_stats {
	background: url(images/bio_stats_bg.jpg) repeat-y top left;
	position: relative;
	float: left;
	width: 666px;
	padding: 0px 1px;
	margin: 0px;
	border-top: 1px solid #2c4c37;
	border-bottom: 1px solid #2c4c37;
}

.content ul.news
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.content ul.news li
{
	background: url(images/line_dotted.gif) repeat-x bottom left;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}

.content ul.news li h3
{
	background: url(images/icon_news.gif) no-repeat top left;
	margin: 5px 0px 0px 0px;
	padding-left: 18px;
}

.content ul.news li h3 a
{
	font-weight: normal;
}

.content ul.news li p
{
	margin: 5px 0px 0px 0px;
	padding-left: 18px;
}

.content ul.news li p.date
{
	margin: 5px 0px 0px 0px;
	font-weight: bold;
	padding-left: 18px;
}

.content p.pdf_attachment
{
	background:url(images/icon_pdf.gif) no-repeat left top;
	margin-left:0px;
	padding-left:26px;
	line-height:20px;
}
.content p.ical_attachment
{
	background:url(images/icon_ical.gif) no-repeat left top;
	margin-left:0px;
	padding-left:26px;
	line-height:20px;
}
.content p.print,
.content_internal p.print
{
	background:#ffffff url(images/printmini.gif) no-repeat left 3px;
	margin-left:0px;
	padding-left:20px;
	line-height:16px;
}

.content ul.listings
{
	list-style-type:none;
	float:left;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 100%;
}

.content ul.listings li
{
	display:block;
	float:left;
	width: 50%;
	margin: 0px 0px 15px 0px;
}

.content ul.board li
{
	min-height: 80px;
}

.content .contact h3 { font-size: 14px; color: #666666; font-weight: normal; margin: 20px 0px 10px 0px; text-decoration: underline; }

p.phone {
	background:url(images/icon_phone.jpg) no-repeat left top;
	margin-left:0px;
	padding-left:25px;
	line-height:14px;
}
p.fax {
	background:url(images/icon_fax.jpg) no-repeat left top;
	margin-left:0px;
	padding-left:25px;
	line-height:14px;
}

.content .php_msg {
	width: 500px;
	float: left;
	margin-bottom: 10px;
}
.content .contact {
	float: left;
	margin-right: 40px;
}





.form_textbox {
	background-color: #FFFFFF;
	color: #666666;
	border: solid #ccc 1px;
	display: block;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	
	transition: color 500ms, background 500ms, text-decoration 500ms;
	-moz-transition: color 500ms, background 500ms, text-decoration 500ms;		/* Firefox 4 */
	-webkit-transition: color 500ms, background 500ms, text-decoration 500ms;	/* Safari and Chrome */
	-o-transition: color 500ms, background 500ms, text-decoration 500ms;			/* Opera */
}

.form_textbox_disabled {
	background-color: #CCCCCC;
	color: #666666;
	border: solid #ccc 1px;
	display: block;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.form_textarea {
	background-color: #FFFFFF;
	color: #666666;
	border: solid #ccc 1px;
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	padding: 5px;
	resize: none;
	resize: vertical;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.form_textarea_important {
	background-color: #FFFFFF;
	color: #ff0000;
	border: solid #ccc 1px;
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	padding: 5px;
	resize: none;
	resize: vertical;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.form_select,
.form_date {
	background-color: #FFFFFF;
	display: inline-block;
	color: #666666;
	border: solid #ccc 1px;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;	
}
.form_date {
	width: 33%;
}

.form_select_disabled {
	background-color: #CCCCCC;
	color: #666666;
	border: solid #ccc 1px;
	display: block;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;	
}


option {
  color: #666666;
  padding: 1px 7px 1px 1px;
}

/* Checkbox Web Two */
input[type=checkbox].form_checkbox,
input[type=checkbox].form_checkbox_disabled {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}
input[type=checkbox].form_checkbox + label,
input[type=checkbox].form_checkbox_disabled + label {
	padding: 0px 0px 0px 25px;
	margin-bottom: 2px;
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
}
input[type=checkbox].form_checkbox:checked + label,
input[type=checkbox].form_checkbox_disabled:checked + label {
	background-position: -1500px 0px;
}
input[type=checkbox].form_checkbox + label,
input[type=checkbox].form_checkbox_disabled + label { background-image: url(images/web-two-style-wide.png); }
input[disabled='disabled'][type=checkbox].form_checkbox + label,
input[disabled='disabled'][type=checkbox].form_checkbox_disabled + label { cursor: default; }

input[type=checkbox].form_checkbox_disabled,
input[type=checkbox].form_checkbox_disabled + label,
input[type=checkbox].form_checkbox_disabled:checked + label,
input[disabled='disabled'][type=checkbox].form_checkbox + label,
input[disabled='disabled'][type=checkbox].form_checkbox_disabled + label { opacity: 0.7; }


input[type=submit],
input[type=submit]:focus, 
input[type=submit]:active, 
input[type=submit]:hover,
input[type=button],
input[type=button]:focus, 
input[type=button]:active, 
input[type=button]:hover {
	margin: 0;
	padding: 0;
	border:0;
	outline:0;
}

a.cke_dialog_ui_button,
a.cke_dialog_ui_button span {
	background-color: #2c4c37;
	font-family: roboto_cond_regular_ycdt, Arial;
	font-size: 16px;
	font-weight: normal; 
	color: #fff;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	/*border: 1px solid #c16700;*/
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
a.cke_dialog_ui_button span:hover {
	background-image: none;
	opacity: 0.8;
	cursor: pointer;
}
a.cke_dialog_ui_button,
.cke_browser_iequirks a.cke_dialog_ui_button,
.cke_browser_iequirks a.cke_dialog_ui_button span,
.cke_browser_ie6 a.cke_dialog_ui_button span,
.cke_browser_webkit a.cke_dialog_ui_button span.cke_dialog_ui_button,
.cke_browser_webkit a.cke_dialog_ui_button,
.cke_rtl a.cke_dialog_ui_button_ok span {
	border: none;
}

.content .button_orange {
	margin: 0px;
	padding: 5px 0px 5px 0px;
}
.content .button_green {
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

.content .button:link,
.content .button:visited,
.content .button_orange a:link,
.content .button_orange a:visited,
.content .button_green a:link,
.content .button_green a:visited,
.form_button,
.form_button_over,
input.form_button,
input.form_button_over,
input[type=submit].form_button,
input[type=submit].form_button_over,
input[type=button].form_button,
input[type=button].form_button_over {
	background-color: #2c4c37;
	font-family: roboto_cond_regular_ycdt, Arial;
	font-size: 16px;
	font-weight: normal; 
	color: #fff;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.content .button:hover,
.content .button_orange a:hover,
.content .button_green a:hover,
.form_button_over,
input.form_button_over,
input[type=submit].form_button_over,
input[type=button].form_button_over {
	background-image: none;
	opacity: 0.8;
}

.form_textbox:focus,
.form_textarea:focus,
.form_textarea_important:focus,
.form_select:focus {
	background-color: #f6f6f6;
  border: solid #2c4c37 2px;
  padding: 4px;
}

input[disabled='disabled'],
select[disabled='disabled'],
textarea[disabled='disabled'] { background: #ddd !important; border: solid #fff 1px; color: #666; -webkit-text-fill-color: #000; }

/* --- MEMBER FORM STYLES --- */
table.member_form { background: #ededed; margin: 15px 0px 15px 0px; border: 1px solid #cccccc; /*border-spacing: 0px; border-collapse: collapse;*/
	border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;	 }
table.member_form tr.odd { background-color: #fff; }
table.member_form tr.even { background-color: #ededed; }
table.member_form tr th {
	background: #f4f4f4 url(images/th_bg.jpg) repeat-x left center;
	color: #2c4c37;
	font-size: 14px;
	padding: 5px;
	margin: 0px;
	border: 0px;
	border-bottom: 1px solid #cccccc;
	vertical-align: center;
	text-align:left;
	border-top-left-radius: 7px;
	-khtml-border-top-left-radius: 7px;
	-moz-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
	-khtml-border-top-right-radius: 7px;
	-moz-border-top-right-radius: 7px;
	-webkit-border-top-right-radius: 7px;
}
table.member_form tr th a { font-size: 12px; }
table.member_form tr td { padding: 5px; margin: 0px; border: 0px; vertical-align: top; }
table.member_form tr td img { vertical-align: middle; }
table.member_form tr.input_label > td { padding: 5px 5px 0px 5px; vertical-align: bottom; font-weight: bold; }
table.member_form tr.input_box > td { padding: 0px 5px 5px 5px; }
table.member_form tr.input_box input[disabled='disabled'] { background: #fff; border: solid #ededed 1px; }

table.no_bg { background: none; margin: 15px 0px 0px 0px; border: none; border-spacing: 0px; border-collapse: collapse; }

table.member_form .form_textbox {
	display: block;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
table.member_form .form_date {
	background-color: #fff;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	color: #666666;
	width: 33%;
	font-weight: normal;
	border: solid #ccc 1px;
	padding: 0px 0px 0px 0px;
}
table.member_form p { text-align: center; }

/* --- END MEMBER FORM STYLES --- */

.footer_container {
	position: relative;
	width: 945px;
	height: 100%;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}
.footer_content {
	background: url(images/footer_bg.jpg?v=2) no-repeat top left;
	display: block;
	width: 945px;
	height: 15px;
	margin: 0px;
	padding: 0px;
}

.footer_nav {
	position: absolute;
	height: 20px;
        margin: 0px auto 0px 106px;
	padding: 12px 0px 0px 0px;
}

.footer {
	background: url(images/footer_bottom.jpg?v=2) no-repeat top left;
	width: 945px;
	height: 35px;
	margin: 0 auto;
	padding: 20px 0px 0px 0px;
}
.footer p {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #dddddd;
}
.footer a {
	color: #dddddd;
}
.footer a:hover {
	color: #666666;
}
.footer a.home {
	background:url(images/icon_home.gif) no-repeat left center;
	margin-left:0px;
	padding-left:14px;
}
.footer a.bookmark {
	background:url(images/icon_bookmark.gif) no-repeat left center;
	margin-left:10px;
	padding-left:14px;
}
.footer a.sitemap {
	background:url(images/icon_site_map.gif) no-repeat left center;
	margin-left:10px;
	padding-left:14px;
}
.footer a.contact {
	background:url(images/icon_contact.gif) no-repeat left center;
	margin-left:10px;
	padding-left:14px;
}
.footer a.login {
	background:url(images/icon_login.gif) no-repeat left center;
	margin:0px 5px 0px 5px;
	padding-left: 14px;
}

/* | ADMIN NAVIGATION | */
.admin_nav_container
{
	background: #FFFFFF;
	position: relative;
	float:left;
	width: 648px;
	height: 13px;
   margin: 0px 10px 30px 10px;
	padding: 0px;
}
.admin_nav
{
	background: #FFFFFF;
	position: relative;
	float:right;
	width: 400px;
	height: 13px;
   margin: 0px;
	padding: 0px;
}
.admin_main_nav
{
	background: #FFFFFF;
	position: relative;
	float:left;
	width: 248px;
	height: 13px;
   margin: 0px;
	padding: 0px;
}

/* | MEMBERS NAVIGATION | */


.members_nav_container {
	background: #ddd;
	border: 1px solid #999;
	border-top: none;
	position: relative;
	float: right;
	width: 100%;
   margin: -20px 0px 10px 0px;
	padding: 5px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.members_nav {
	position: relative;
	float: right;
	width: 100%;
   margin: 0px;
	padding: 0px;
}
.upcoming_game {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 20px;
	margin: 0px 0px 20px 0px;
	box-shadow: 0px 0px 5px #666;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.upcoming_game h3 {
	font-family: roboto_cond_regular_ycdt, Arial, helvetica, sans-serif;
	font-size: 12px !important;
	font-weight: normal !important;
}
.content_container .game_details {
	float: left;
}
.content_container .game_attendance {
	float: right;
}
.content_container_mobile .game_attendance {
	padding-top: 20px;
	width: 250px;
	margin: 0px auto;
}
.game_attendance .switch-toggle {
	background: #fff;
	position: relative;
	display: block;
	width: 150px;
	height: 40px;
	border-radius: 40px;
	border: 2px solid #ccc;
	font-size: 1em;
	margin: 5px 0px;
	padding: 0px;
}
.content_container_mobile .game_attendance .switch-toggle {
	width: 250px;
	height: 67px;
	border-radius: 67px;
}

.game_attendance .switch-toggle input {
	position: absolute;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
	line-height: normal;
	margin: 4px 0px 0px 0px;
	padding: 0px;
}
.game_attendance .switch-toggle label {
	display: inline-block;
	width: 40%;
	max-width: 100%;
	height: 100%;
	font-family: roboto_cond_medium_ycdt, arial;
	font-size: 16px;
	line-height: 40px;
	font-weight: normal;
	font-style: italic;
	vertical-align: middle;
	box-sizing: border-box;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;	/* Firefox 4 */
	-webkit-transition: all .3s ease-out;	/* Safari and Chrome */
	-o-transition: all .3s ease-out;	/* Opera */
}
.content_container_mobile .game_attendance .switch-toggle label {
	font-size: 30px;
	line-height: 75px;
}
.game_attendance .switch-toggle input+label {
	position: relative;
	z-index: 2;
	float: left;
	height: 100%;
	margin: auto 0px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.game_attendance .switch-toggle input:checked+label {
	box-sizing: border-box;
	padding-left: 10%;
	color: #fff;
}
.game_attendance .switch-toggle input:checked:last-of-type+label {
	box-sizing: border-box;
	padding-left: 0;
	padding-right: 10%;
	color: #fff;
}
.game_attendance .switch-toggle input[type="radio"][disabled],
.game_attendance .switch-toggle input[type="radio"].disabled {
	cursor: not-allowed;
}
.game_attendance .switch-toggle .na {
	width: 20%;
}
.game_attendance .switch-toggle .underlay {
	background-color: #ccc;
	position: absolute;
	display: block;
	top: 3px;
	left: 40%;
	width: 20%;
	height: 85%;
	margin-left: 0px;
	margin-right: 0px;
	margin: 0px;
	border-radius: 25px;
	box-sizing: border-box;
	padding: 0px;
	z-index: 1;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;	/* Firefox 4 */
	-webkit-transition: all .3s ease-out;	/* Safari and Chrome */
	-o-transition: all .3s ease-out;	/* Opera */
}
.content_container_mobile .game_attendance .switch-toggle .underlay {
	top: 5px;
}
.game_attendance .switch-toggle input:checked:first-of-type ~ .underlay {
	background-color: #2c4c37;
	width: 48%;
	left: 0;
	margin-left: 5px;
}
.game_attendance .switch-toggle input:checked:last-of-type ~ .underlay {
	background-color: #a6192e;
	width: 48%;
	left: 50%;
	margin-right: 5px;
}
.game_history {
	padding: 20px 0px 0px 0px;
}
.content_container .game_history {
	float: left;
	clear: both;
}

/* | MOBILE | */

.content_container_mobile {
	background: #fff;
	position: relative;
	margin: 68px auto 0px auto;
	padding: 10px 0px 10px 0px;
	overflow: hidden;
	border: none;
	min-height: 0px;
	width: 100%;
}

.content_mobile {
	background: url(images/title_bg_mobile.jpg) repeat-x left 10px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	overflow: visible;
}
.content_container_mobile .content {
	width: 100%;
	padding: 0px;
}
.content_mobile .title {
	width: auto;
}

.footer_container_mobile {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}
.footer_container_mobile .mobile_nav {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}
.footer_content_mobile {
	display: none;
}
.footer_mobile {
	float: left;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0px 30px 0px;
}
.footer_mobile p {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #dddddd;
}
.footer_mobile a {
	color: #dddddd;
}
.footer_mobile a:hover {
	color: #666666;
}
.footer_mobile a.home {
	background:url(images/icon_home.gif) no-repeat left center;
	margin-left:0px;
	padding-left:14px;
}
.footer_mobile a.bookmark {
	background:url(images/icon_bookmark.gif) no-repeat left center;
	margin-left:10px;
	padding-left:14px;
}
.footer_mobile a.sitemap {
	background:url(images/icon_site_map.gif) no-repeat left center;
	margin-left:10px;
	padding-left:14px;
}
.footer_mobile a.contact {
	background:url(images/icon_contact.gif) no-repeat left center;
	margin-left:10px;
	padding-left:14px;
}
.mobile_menu { margin: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; }
.mobile_menu tr.odd { background-color: #111111; }
.mobile_menu tr.even { background-color: #333333; }
.mobile_menu tr td { height: 54px; }
.mobile_menu tr td a { display: block; width: 100%; height: 36px; padding: 18px 0px 0px 5px; }

@media screen {
  .screen_only		{ }
  .print_only		{ display: none }

  .content_container_print_form {
	background: #ffffff;
	position: relative;
	width: 950px;
	min-height: 400px;
	margin: 0px auto 0px auto;
	padding: 20px;
	overflow: hidden;
  }

  .content_container_print_form .content {
	width: 100%;
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	select,
	textarea,
	input {
		font-size: 16px;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	select:focus,
	textarea:focus,
	input:focus {
		font-size: 16px;
	}
}