/*------------------------------------*\
	RESET
\*------------------------------------*/
body,div,dl,dt,dd,pre,form,fieldset,input,textarea,blockquote{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}

q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}

html {
	height: 			100%;
}
body {
	width: 				100%;
	padding:			0;
	margin: 			0 0 30px 0;
	font-family: 		trebuchet ms, Helvetica, sans-serif;
	background:			#e2e9eb;
	line-height:		16px\9;
	*line-height:		12px;
	color: 				#565358;
	font-size:			14px;
}

@-moz-document url-prefix() {
  body {
     line-height:		101%;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{ body { line-height: 110%; } }

a, a:link, a:visited {
	color: 				#789c25;
	text-decoration:	none;
	cursor: 			pointer;
}

a.info {
    position:					relative; /*this is the key*/
    z-index:					24; 
    color:						#000;
    text-decoration:			none !important;
    }

a.info:hover {
	z-index:					25;
	text-decoration:			none !important;
	}

a.info span {
	display:					none;
	}

a.info:hover span { /*the span will display just on :hover state*/
    display:					block;
    position:					absolute;
    top:						2em;
    width:						240px;
    border:						1px solid #fff;
    color:						#fff;
    -webkit-border-radius:		5px;
	-moz-border-radius:			5px;
	border-radius:				5px;
	-moz-box-shadow:    		2px 2px 3px 3px #ccc;
  	-webkit-box-shadow: 		2px 2px 3px 3px #ccc;
  	box-shadow:         		2px 2px 3px 3px #ccc;
	background-color:			#333033;
	padding:					5px;
	text-align:					left;
	text-decoration:			none !important;
    }

h1 {
	font-size:			18px;
}
h2 {
	font-size:			16px;
}
h3 {
	font-size: 			15px;
	margin-top: 		20px;
	}

a:hover {
	color: 				#a1d231;
	text-decoration:	underline !important;
}


#main {
	position:			relative;
	font-size: 			12px;
	width: 				950px;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		15px;
	z-index: 			991;
}
#main a {
	cursor: 			pointer;
}

#MyTeamCaptain {
	text-align: 		left;
	font-size: 			18px;
	font-weight: 		bold;
	z-index:			999;
	padding:			20px;
}

#MyTeamCaptain img {
	position: 			relative;
	float:				left;
	padding:			0;
	margin-right: 		15px;
	}

.logo {
	position: 			relative;
	float: 				left;
	margin-left: 		-20px;
}


#teamName {
	display: 			inline;
	float:				left;
	margin-top: 		30px;
	padding:			0;
	overflow:			hidden;
	font-size: 			18px;
	color:				#FFFFFF;
}


#seasonDate {
	display: 			inline;
	height: 			90px;
	line-height:		90px;
	float:				left;
	margin:				0;
	padding:			0 0 0 3px;
}

#welcomeMessage {
	font-size: 			12px;
	font-weight: 		bold;
	color: 				#000000;
	text-align:			left;
	border-bottom:		#801A36;
	margin-bottom:		15px;
}

#eventsList {
	display: 			none;
	position: 			relative;
	width: 				100%;
	padding: 			0;
	margin: 			0;
	clear: 				both;
	background-color: 	#ffffff;
	color: 				#000000;
	overflow:			hidden;
}

#store {
	display: 			none;
	position: 			relative;
	width: 				100%;
	padding: 			10px;
	margin: 			15px 0 0 0;
	clear: 				both;
	background-color: 	#ffffff;
	min-height: 		350px;
	overflow:			hidden;
}


#news {
	color: 				#000000;
}


#comments {
	position:			relative;
	margin-bottom:		10px;
	background-color:	#ffffff;
	color: 				#000000;
}

#comments img
{
	display: inline !important;
}

#commentsTitle {
	text-align: 		left;
	padding-left:		10px;
	font-weight: 		bold;
}


#commentsContent {
	background-color: 	#fff;
	margin-bottom: 		0;
	overflow:			hidden;
	padding: 			10px;
	color: 				#000;
}

#commentsContent a
{
	color: 				#0a478f;
}

#homepageMain {
	clear: 				both;
	display: 			<!-- InitialHomepageDisplay -->;
	width: 				100%;
}

#homepage {
	overflow:			hidden;
	font-size:			12px;
	padding-top:		3px;
	text-align:			left;
}


.customPage {
	clear: 				both;
	display: 			none;
	width: 				100%;
}

.customPageContent {
	overflow:			hidden;
}


#forum {
	clear: 				both;
	display: 			none;;
	width: 				100%;
}

#forumcontent {
	background-color: 	#ffffff;
	overflow:			hidden;
}

#calendarMain {
	position:			relative;
	clear: 				both;
	display: 			<!-- InitialCalendarDisplay -->;
	background-color: 	#ffffff;
	overflow:			hidden;
}

.footer {
	background-image: 	url(//app.greenrope.com/users/myteam116/Media112.png);
	background-position:top;
	font-size: 			10px;
	text-shadow: 		2px 2px 3px #000000;
	height:				56px;
	-moz-border-radius: 10px;
	border-radius: 		10px;
	text-align:			left;
	position:			relative;
	line-height:		10px\9;
	margin-top:			20px
}

@-moz-document url-prefix() {
  .footer {
     line-height:		101%;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{ .footer { line-height: 101%; } }

.footer a {
	color:				#ffffff;
}
.footer a:hover {
	color:				#a1d231;
}

/*------------------------------------*\
	FOOTER NAV
\*------------------------------------*/
#nav_2 {
	list-style:				none;
	font-weight:			bold;
	/* Clear floats */
	position:				relative;
	z-index:				5000;
	text-align:				left;
	margin:0; /* This gets rid of any gaps at the top or bottom of the nav */
	margin-left:			-35px;
	margin-bottom:			3px;
}
#nav_2 li{
	float:					left;
	margin-right:			10px;
	position:				relative;
}
#nav_2 a{
	display:				block;
	color:					#ffffff;
	text-decoration:		none;
}
#nav_2 a:hover{
	color:					#a1d231;
	text-decoration:		none;
	
}

/*--- FOOTER NAV DROPDOWN ---*/
#nav_2 ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	padding:0; /* This gets rid of any alignment issues */
}
#nav_2 ul li{
	padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav_2 ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav_2 li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav_2 li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration:underline;
}
#nav_2 li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	background-color:	#3e3b3e;
	text-decoration:none;
	color:#ffffff;
	padding:	3px;
	font-size:	9px;
}
#nav_2 li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background-color:	#3e3b3e;
	color:#a1d231;
}



.control_panel {
	background-image: 	url('//app.greenrope.com/users/myteam4/Media602.png');
	background-position:top;
	font-size: 			16px;
	text-shadow: 		2px 2px 3px #000000;
	height:				56px;
	border-radius:		10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	margin-bottom:		20px;
}

#controlPanel {
	margin-top:			13px;
	margin-left:		-15px;
	*margin-left:		20px;
	position:			absolute;
	left:				0;
	}


/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	list-style:				none;
	font-weight:			bold;
	/* Clear floats */
	position:				relative;
	z-index:				5000;
	text-align:				left;
	margin:0; /* This gets rid of any gaps at the top or bottom of the nav */
}
#nav li{
	float:					left;
	margin-right:			15px;
	position:				relative;
}
#nav a{
	display:				block;
	padding:				5px;
	color:					#ffffff;
	text-decoration:		none;
}
#nav a:hover{
	color:					#a1d231;
	text-decoration:		none;
	
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	padding:0; /* This gets rid of any alignment issues */
}
#nav ul li{
	padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	background-color:	#3e3b3e;
	text-decoration:none;
	color:#ffffff;
	font-size:			13px;
	line-height:		16px;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background-color:	#3e3b3e;
	color:#a1d231;
}



#headerContent
{
	
	color:				#000000;
	width:				950px;
	height:				96px;
	margin-left:		auto;
	margin-right:		auto;
	
}

#seasonsList {
		position:		relative;
		color:			#ffffff;
		margin-top:		15px;
		margin-left:	5px;
		width:			325px;
	}

#poweredBy img {
float: right;
margin: 10px;
position: absolute;
bottom: 0;
right: 0;
}

.slideshow {
	background:			url('//app.greenrope.com/users/myteam4/Media604.png') no-repeat;
	font-size: 			16px;
	height:				339px;
	width:				950px;
	border-radius:		10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	margin-bottom:		20px;
	display:			block;
	margin-left:		auto;
	margin-right:		auto;
}

.slideshow2 {
	
	height:				340px;
	width:				950px;
	margin-bottom:		20px;
	display:			block;
	margin-left:		auto;
	margin-right:		auto;
}

.homeboxes {
	background-color:	#ffffff;
	display:			block;
	float:				left;
	padding:			20px;
	width:				260px;
	text-align:			left;
	border-radius:		10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	}

.homebox {
	background-color:	#ffffff;
	display:			block;
	float:				left;
	padding:			20px;
	width:				560px;
	text-align:			center;
	border-radius:		10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.homebox hr {
	border: 0;
	background-color: #ffffff;
	height:				1px;
}

.homebox h1 {
	margin:				0;
}

.secondarybox {
	background-color:	#ffffff;
	text-align:			left;
	float:				left;
	padding:			20px;
	width:				560px;
	min-height:			855px;
	border-radius:		10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.secondarybox hr {
	border: 0;
	background-color: #ffffff;
	height:				1px;
}

.basicbox {
	background-color:	#ffffff;
	text-align:			left;
	padding:			20px;
	width:				910px;
	border-radius:		10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.basicbox hr {
	border: 0;
	background-color: #ffffff;
	height:				1px;
}

.form {
	background-color:	#769b30;
	font-size: 			12px;
	color:				#ffffff;
	text-align:			left;
	display:			block;
	float:				right;
	width:				308px;
	border-radius:		10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	padding:			10px;
	margin-bottom:		20px;
}

.video {
	background-color:	#ffffff;
	color:				#2f2c2e;
	text-align:			center;
	display:			block;
	float:				right;
	width:				308px;
	border-radius:		10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	padding:			10px;
	padding-bottom:		20px;
	margin-bottom:		20px;
}

.video h2 {margin: 2px;}

.clients {
	background-color:	#ffffff;
	color:				#2f2c2e;
	text-align:			center;
	display:			block;
	float:				right;
	width:				445px;
	height:				175px;
	border-radius:		10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	padding:			10px;
	margin-top:			20px;
}

.clients h2 {margin: 2px;}

.connect {
	background-color:	#ffffff;
	color:				#2f2c2e;
	text-align:			center;
	display:			block;
	float:				left;
	width:				445px;
	height:				175px;
	border-radius:		10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	padding:			10px;
	margin-top:			20px;
}

.connect h2 {margin: 2px;}

.FBframe {
	background-color:	#ffffff;
	display:			block;
	float:				left;
	width:				600px;
	border-radius:		10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	padding:			10px;
	margin-top:			20px;
}

/*  SignIn Sections  */

#sidebar #signIn{
    background:url("//www.greenrope.com/images/sidebar_green-top.png") top center no-repeat #769b30;
    margin-top: 20px;
    color: #f6f7f5;
    font-size: 12px;
    }
#sidebar #signIn a{
    color: #d7eebe;
    }


#signIn_bottom{
    background:url("//www.greenrope.com/images/sidebar_green-bottom.png") bottom center no-repeat #769b30;
    height: 9px;
    width: 314px;
    }


#signIn h2 {
    font-size: 24px;
    color: #ffffff;
    letter-spacing: -1px;
    margin:			0;
}


#signIn label {
    clear: left;
    float: left;
    width: 25%;
    margin: 0 0 10px 0;
    display: block;
}

#signIn input {
    clear: right;
    float:right;
    margin: 0 0 0px 0;
}

#signIn .input2 {
    clear: right;
    float:right;
    width:55%;
    margin: 0 0 0px 0;
    background: #b4d28a;
    padding: 4px;
    border: 1px solid #ced2ce;
}

#signIn .btn_signin {
    background: url("//app.greenrope.com/users/myteam4/Media834.png") 0px 0px no-repeat;
    display:block;
    height: 26px;
    width:123px;
    border: 0px;
    text-indent: -9999px;
    margin-top: 5px;
}
#signIn .btn_signin:hover{
    background: url("//app.greenrope.com/users/myteam4/Media834.png") 0px -26px no-repeat;
    cursor: pointer;
    }

#signIn .block {
    clear: right;
    float:right;
    width: 65%;
}

#signIn .block label, #signIn .block input {
    display: inline;
    float: none;
    clear: none;
    width: auto;
}


.login {
	float: right;
	margin-top: 15px;
	margin-top: 14px\9;
	margin-right: 25px;
	font-weight: bold;
	}

.login a {
	color: #a1d231;
	text-decoration: none !important;
	}


.login a:hover {
	color: white;
	text-decoration: none !important;
	}

.signup {
	
	display:			block;
	float:				right;
	width:				328px;
	margin-bottom:		20px;
}

.button_green {
	background: 		 		url("//app.greenrope.com/users/myteam4/Media599.jpg") repeat-x #769b30;
	border-radius:		6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	border:						solid 1px #769b30 !important;
	color:						#ffffff !important;
	text-shadow: 				1px 1px 4px #000;
	font-size:					15px !important;
	font-weight:				bold;
	padding:					.5em;
	text-align:					center;
	display:					inline-block;
	white-space:				no-wrap;
	cursor: 					pointer;
	}

.button_orange {
	background: 		 		url("//app.greenrope.com/users/myteam4/Media1372.jpg") repeat-x #f07c00;
	border-radius:				6px;
    -webkit-border-radius:		6px;
    -moz-border-radius:			6px;
	border:						solid 1px #f07c00 !important;
	color:						#ffffff !important;
	text-shadow: 				1px 1px 4px #000;
	font-size:					15px !important;
	font-weight:				bold;
	padding:					.5em;
	text-align:					center;
	display:					inline-block;
	white-space:				no-wrap;
	cursor: 					pointer;
	}

.feature_box {
	-webkit-border-radius:		8px;
	-moz-border-radius:			8px;
	border-radius:				8px;
	background-color:			#e2e9eb;
	padding:					8px;
	text-align:					left;
	font-style:					italic;
	font-weight:				bold;
	font-size:					13px;
	color:						#472d25;
	margin-right:				20px;
	width:						253px;
	}

.feature_box a {
	color:						#4879A6;
	text-decoration:			none;
	}
	
.titleBlock {
	color: #6c801e;
	background: #dee1db;
	display: block;
	width:100%;
	padding: 5px 2px;
	text-indent: 10px;
	font-weight: bold;
	margin: 10px 0 10px 0;
	}
#full_col{
	margin-left:	-20px;
	}
#full_col ol{
	overflow: hidden;
	}
#full_col ol li{
	padding: 10px;
	}
#full_col ul, #main_col ul{
	margin-left: -5px;
	}
#full_col ul li, #main_col ul li{
	list-style: square;
	padding: 8px 0px;
	}

#full_col ol li.four_col{
	width: 235px;
	float: left;
	background: #edf1f3;
	margin:	10px;
	list-style: none;
	margin-left: 0px;
	height: 370px;
	text-align: center;
	border-radius:		6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	}
#full_col ol li.four_col li{
	font-size: 12px;
	padding: 4px 0px;
	text-align: left;
	}


 #main_col ul li{
 	padding: 3px 0px;
 	}
 	
 .wideNewsContent {
	margin-left:	15px;
	}
	
.pricing_table {
	width: 100%;
	padding: 0;
	margin: 0;
}

.pricing_table caption {
	padding: 0 0 5px 0;
	width: 100%;
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

.pricing_table th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #536048;
	border-right: 1px solid #cfd6c5;
	border-bottom: 1px solid #cfd6c5;
	border-top: 1px solid #cfd6c5;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #dde4d4 url(images/bg_header.jpg) no-repeat;
}

.pricing_table th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #cfd6c5;
	background: none;
	font-style: italic;
}
.pricing_table th.plan{
	font-size: 18px;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
	letter-spacing: -1px;
	width: 165px;
	text-shadow: 0px 1px #f8fbf4;
	}
.pricing_table th.plan strong{
	font-size: 11px;
	letter-spacing: normal;
	}

.pricing_table td {
	border-right: 1px solid #cfd6c5;
	border-bottom: 1px solid #cfd6c5;
	background: #fff;
	padding: 12px 6px 12px 12px;
	color: #4f6b72;
	text-align: center;
	line-height: normal;
	font-size: 12px;
}


.pricing_table td.alt {
	background: #f8fbf4;
	color: #797268;
}

.pricing_table th.spec {
	border-left: 1px solid #cfd6c5;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #5a6062;
	letter-spacing: normal;
}

.pricing_table th.specalt {
	border-left: 1px solid #cfd6c5;
	border-top: 0;
	background: #f8fbf4 url(images/bullet2.gif) no-repeat;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #5a6062;
	font-weight: bold;
	letter-spacing: normal;
}
.pricing_table th.sub {
	padding-left: 25px;
	font-weight: normal;
	font-size: 10px;
	color: #54666e;
	}

.pricing_table th.best {
	background:#bcd49d
	}
.pricing_table td.best{
	background:#f5fee9;
}
.pricing_table td.altbest{
	background:#f5fee9;
	color: #797268;
}