/*************************************************************************************\
 *                                                                                   *
 *        TITLE:  Default Style Sheet                                                *
 *       CLIENT:  Jump Kids Jump Movement	                                           *
 *  TARGET SPEC:  CSS 2                                                              *
 *     MODIFIED:  2008.05.01	                                                       *
 *    AUTHOR(S):  Bill Adams & Graham Wheeler / NetMediaOne - www.netmediaone.com    *
 *                                                                                   *
\*************************************************************************************/


/*************************************************************************************\
 *                                                                                   *
 *  ELEMENT DEFAULTS                                                                 *
 *                                                                                   *
\*************************************************************************************/

a, a:visited { color: #77b800; font-weight: bold; text-decoration: underline; }
a:hover, a:visited:hover { color: #ccc; text-decoration: none; }

html, body, div, img, td, dl, dd, dt { border: 0px; padding: 0px; margin: 0px; }

html { background: #000 url("bg_html.gif") top center repeat-y; }

body { padding-top: 0px !important; margin-top: 0px !important; background: url("bg_gradient.jpg") top center repeat-x; font: normal 12px/2 Verdana, Arial, Helvetica, sans-serif; }

h1 { color: #77b800; font: bold 18px/2 Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px; }

h2 { color: #77b800; font: bold 14px/2 Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px; }

h3 { color: #000; font: bold 12px/2 Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 5px 0px; }

label { font-weight: bold; }

select { width: 150px; }

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

fieldset { padding: 10px 20px 10px 20px; border: 1px solid #77b800; }
legend { font: bold 14px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; padding: 0px 10px 0px 10px; }

ul { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 1.2em; }
li { margin: 0px; padding: 0px; }


/*************************************************************************************\
 *                                                                                   *
 *  CUSTOM CLASSES (arranged by alphabetical order)                                  *
 *                                                                                   *
\*************************************************************************************/

.Bordered { border: 1px solid #ccc; padding: 4px; }

.BoxTop { display: block; position: absolute; top: -1px; left: -1px; }
.BoxBottom { display: block; position: absolute; bottom: -1px; left: -1px; }

p.LastChild { margin-bottom: 0px; }

.Chart { width: 100%; }
.Chart th, .Chart td { padding: 5px 10px 5px 10px; }
.Chart th { border-bottom: 1px solid #ccc; font: bold 13px Verdana, Arial, Helvetica, sans-serif; text-align: left; }
.Chart td { vertical-align: top; }


.Column { display: inline; float: left; }
.TwoEqual .Column { padding: 0px 2% 0px 2%; width: 44%; }

.ColumnWrapper { overflow: auto; }

.EventInfoBox { float: right; border: 1px solid #ccc; background: #f8f8f8; padding: 10px 20px 20px 20px; width: 200px; margin: 5px 0px 10px 20px; }

.EventList dt { padding: 0px; border-top: 1px solid #ccc; color: #ff7700; font: bold 14px/2 Verdana, Arial, Helvetica, sans-serif; margin: 0px; }
.EventList dd { padding: 5px 10px 5px 10px; }
.EventList p.Summary { margin: 0px; }

.FormFieldList, .FormFieldList li { list-style: none; margin: 0px; padding: 0px; }
.FormFieldList li { overflow: auto; }
.FormFieldList label { font-weight: bold; margin: 2px 5px 2px 0px; float: left; width: 160px; text-align: right; }

.ProductSummaryInfo { border-top: 1px solid #ccc; padding: 10px 0px 10px 0px; overflow: auto; }
.ProductImageGallery { float: right; padding-right: 1px; }

.Right { display: inline; float: left; margin: 5px 20px 10px 0px; }

.TextBox, select { background: #fff; border: 1px solid #ccc; margin: 2px 0px 2px 0px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding: 4px; }

.Required { border-color: #77b800; }

.Right { display: inline; float: right; margin: 5px 0px 10px 20px; }

.SubmitButton { border: 1px solid #77b800; margin-left: 165px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px 5px 10px; background: #f5f5f5; }

.SubLabel { font: normal 10px/1.2 Verdana, Arial, Helvetica, sans-serif; color: #666; margin-right: 4px; }

.StatusMessage { display: block; font-weight: bold; margin: 0px 0px 20px 0px; padding: 10px 10px 10px 45px; }
.Normal { background: #83be00 url("icon_notify_info.gif") 5px 5px no-repeat; border: 1px solid #060; color: #fff; }
.Error { background: #fcc url("icon_notify_error.gif") 5px 5px no-repeat; border: 1px solid #c00; }
.CloseLink { float: right; margin-left: 20px; display: none; }
.Sticky .CloseLink { display: inline; }

.FailedValidation { border-color: #fc0 !important; padding-left: 20px; background: #fff url("icon_error.gif") 3px 3px no-repeat; }

.ValidationErrorMessage {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin-left: 5px;
}





/*************************************************************************************\
 *                                                                                   *
 *  PAGE LAYOUT ELEMENTS
 *                                                                                   *
\*************************************************************************************/

#bgWrapper { background: url("bg_jumprope.jpg") top center no-repeat; margin-top: 0px !important; }
#layoutWrapper { width: 760px; margin: 0px auto 30px auto; background-color: #fff; position: relative; z-index: 1; }

#topSection { position: relative; padding-top: 155px; }

	#imgLogo { position: absolute; top: 25px; }
	
	#topLinks { position: absolute; z-index: 999; top: 10px; right: 0px; text-align: right; }

	#primaryNav {
		height: 42px;
		background: url("navbar_right.gif") top right no-repeat;
		margin: 0px;
		list-style: none;
		padding: 0px;
		position: absolute;
		top: 135px;
		right: 18px;
		z-index: 999;
		font: bold 16px/1 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	}
	#primaryNav li {
		display: inline;
		float: left;
		margin: 0px;
		padding: 0px;
		height: 42px;
		background: url("navbar_bg.gif") repeat-x;		
	}
	#primaryNav li.FirstChild a { background: url("navbar_left.gif") no-repeat; }
	#primaryNav li.LastChild { margin-right: 5px; }
	#primaryNav a, #primaryNav img { display: block; }
	#primaryNav a {
		color: #fff;
		text-decoration: none;
		padding: 13px 13px 0px 13px;
		background: url("navbar_sep.gif") no-repeat;
		height: 29px;
	}
	#primaryNav li.Active img { border-bottom: 1px solid #77b800; }
	
	#bannerSection { height: 60px; position: relative; }
	.HomePage #bannerSection { height: 200px; }
	#bannerSection h1 { color: #fff; position: absolute; left: 20px; top: 10px; }
	#bannerLinks { position: absolute; top: 149px; left: 240px; }
	#bannerLinks a { float: left; margin-right: 10px; }


#contentSection { padding: 20px 0px 0px 0px; overflow: auto; }

	#loginForm { font: normal 10px Verdana, Arial, Helvetica, sans-serif; position: relative; }
	#loginForm label { display: block; margin: 0px; }
	#loginForm .TextBox { border-color: #ccc; width: 110px; }
	#loginForm .SubmitButton { padding: 2px 5px 2px 5px; margin-left: 0px; background: #fff; }
	#loginForm h2 { color: #333; font-size: 13px; margin: 0px 0px 10px 0px; padding: 0px; }
	#loginForm .ValidationErrorMessage {		
		display: block;
		margin: 0px 0px 10px 0px;
	}
	#loginForm input.FailedValidation { width: 90px; }


#footerSection {
	font: normal 10px/1.8 Verdana, Arial, Helvetica, sans-serif;
	background: url("bg_footer.gif") top center no-repeat;
	padding: 110px 0px 30px 0px;
	text-align: center;
}




/*************************************************************************************\
 *
 *  PAGE-SPECIFIC ELEMENTS
 *
\*************************************************************************************/

.HomePage .Col1 { width: 570px; padding-right: 30px; }
.HomePage .Col2 { width: 160px; }

#attendeeList { list-style: none; margin: 0px; padding: 0px; font-size: 10px; line-height: 1.45; }
#attendeeList li { display: inline; float: left; margin: 10px 10px 0px 0px; padding: 5px 10px 5px 10px; width: 200px; height: 14em; background: #fff; }

#quickEventSignup { display: inline; float: right; width: 290px; padding: 10px; border: 1px solid #ccc; background: #f5f5f5; }
#quickEventSignup ul, #quickEventSignup li { list-style: none; margin: 0px; padding: 0px; }

#downloadLog { font-size: 10px; line-height: 1.3; }
#downloadLog td { border-top: 1px solid #eee; }

#shoppingCart { float: right; margin-left: 30px; padding: 19px; border: 1px solid #ccc; width: 300px; color: #404040; }

#cartItems tfoot { font-size: 12px; }

#checkoutBar { height: 42px; overflow: auto; padding-bottom: 30px; }
#checkoutBar img { display: inline; float: left; }


#checkoutAddressEntry .FormFieldList label { width: 40%; }

#partnerLinks { width: 100%; }
#partnerLinks td { vertical-align: middle; text-align: center; }

#resourceList dt { border-top: 1px solid #ccc; padding-top: 10px; margin-top: 10px; }
#resourceList dt.FirstChild { border-top: 0px; padding-top: 0px; margin-top: 0px; }