@import url('./global.css');

@import url('./menu.css');


/*************************************
 *  MAIN HEADINGS
*************************************/

#main #error404 h2 {
    background: #00467F url("../img/main_error404.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

/*
 * PAGES
**********/

#main #newRides h2 {
    background: #00467F url("../img/main_newrides.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}
    
#main #upcomingRides h2 {
    background: #00467F url("../img/main_upcomingrides.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #newRoutes h2 {
    background: #00467F url("../img/main_newroutes.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #search h2 {
    background: #00467F url("../img/main_search.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #rideReport h2 {
    background: #00467F url("../img/main_ridereport.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

/*
 * USERS
**********/

#main #register h2 {
    background: #00467F url("../img/main_register.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #authentication h2 {
    background: #00467F url("../img/main_authentication.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #login h2 {
    background: #00467F url("../img/main_login.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #retrievepass h2 {
    background: #00467F url("../img/main_retrievepass.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #myProfile h2 {
    background: #00467F url("../img/main_myprofile.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #memberList h2 {
    background: #00467F url("../img/main_memberlist.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #viewProfile h2 {
    background: #00467F url("../img/main_memberprofile.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #editProfile h2 {
    background: #00467F url("../img/main_memberedit.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #ridingBuddies h2 {
    background: #00467F url("../img/main_myridingbuddies.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}


/*
 * BUDDIES
**********/

#main #buddies h2 {
    background: #00467F url("../img/main_mybuddies.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #buddylist h2 {
    background: #00467F url("../img/main_buddylist.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #addbuddy h2 {
    background: #00467F url("../img/main_addbuddy.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #editbuddy h2 {
    background: #00467F url("../img/main_editbuddy.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #buddyrides h2 {
    background: #00467F url("../img/main_buddyrides.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}


/*
 * RIDES
**********/

#main #rideList h2 {
    background: #00467F url("../img/main_ridelist.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #createRide h2 {
    background: #00467F url("../img/main_ridecreate.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #addMerchandise h2 {
    background: #00467F url("../img/main_addmerchandise.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #viewRide h2 {
    background: #00467F url("../img/main_rideview.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #editRide h2 {
    background: #00467F url("../img/main_rideedit.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #rideRegistration h2 {
    background: #00467F url("../img/main_rideregistration.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #registeredRide h2 {
    background: #00467F url("../img/main_registeredride.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #registeredRides h2 {
    background: #00467F url("../img/main_registeredrides.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #registeredRiders h2 {
    background: #00467F url("../img/main_registeredriders.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #registeredRider h2 {
    background: #00467F url("../img/main_registeredrider.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #ridelinks h2 {
    background: #00467F url("../img/main_ridelinks.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #invitebuddy h2 {
    background: #00467F url("../img/main_invitebuddies.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}


/*
 * ROUTES
**********/

#main #routeList h2 {
    background: #00467F url("../img/main_routelist.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #viewRoute h2 {
    background: #00467F url("../img/main_routeview.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #createRoute h2 {
    background: #00467F url("../img/main_routecreate.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #editRoute h2 {
    background: #00467F url("../img/main_routeedit.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

/*
 * ABOUT
**********/

#main #aboutus h2 {
    background: #00467F url("../img/main_aboutus.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #contactus h2 {
    background: #00467F url("../img/main_contactus.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #termsofuse h2 {
    background: #00467F url("../img/main_termsofuse.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #privacy h2 {
    background: #00467F url("../img/main_privacy.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #faq h2 {
    background: #00467F url("../img/main_faq.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #roterms h2 {
    background: #00467F url("../img/main_roterms.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #ridedirectors h2 {
    background: #00467F url("../img/main_ridedirectors.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}


/*
 * INFO
**********/

#main #info_tips h2 {
    background: #00467F url("../img/main_ridingtips.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #info_safety h2 {
    background: #00467F url("../img/main_safety.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #info_gettingstarted h2 {
    background: #00467F url("../img/main_gettingstarted.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #info_advocacy h2 {
    background: #00467F url("../img/main_advocacy.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #info_gps h2 {
    background: #00467F url("../img/main_gpsinfo.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #info_mychoice h2 {
    background: #00467F url("../img/main_mychoice.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #info_settings h2 {
    background: #00467F url("../img/main_settings.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #info_complaints h2 {
    background: #00467F url("../img/main_complaints.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #info_software h2 {
    background: #00467F url("../img/main_software.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #info_mapsource h2 {
    background: #00467F url("../img/main_mapsource.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #info_topofusion h2 {
    background: #00467F url("../img/main_topofusion.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #info_cyclistats h2 {
    background: #00467F url("../img/main_cyclistats.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #info_equipment h2 {
    background: #00467F url("../img/main_equipment.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #info_bikes h2 {
    background: #00467F url("../img/main_bikes.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #info_hrmonitor h2 {
    background: #00467F url("../img/main_hrmonitor.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #info_repairkit h2 {
    background: #00467F url("../img/main_repairkit.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}


/*************************************
 *  ADMIN
*************************************/

#main #adminIndex h2 {
    background: #00467F url("../img/main_adminindex.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #adminReports h2 {
    background: #00467F url("../img/main_adminreports.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

#main #featuredSetting h2 {
    background: #00467F url("../img/main_featured.gif") top left no-repeat;
    height: 36px;
    padding: 0;
}

        
/*************************************
 *  ROUTE VIEW
*************************************/

#routeImage, #routeVideo {
    margin-bottom: 1em;
}

#elevationProfile {
    max-width: 629px;
    display: block;
    margin-bottom: 1em;
}

#map {
    width: 629px;
    height: 400px;
    margin-bottom: 1em;
}


/*************************************
 *  RIDE VIEW
*************************************/

#actions ul li a.inviteLink:link, #actions ul li a.inviteLink:visited {
    padding: 0 6px !important;
    background: #206FAF !important;
    color: #FFF !important;
    text-decoration: none !important;
}

#actions ul li a.inviteLink:hover {
    background: #00467F !important;
}


/*************************************
 *  RIDE CREATION
*************************************/

table label.checkboxLabel {
    margin-top: 0;
}

table.list tr.invalid td {
    background: #FFEFEF;
}

#itemForm input.text {
    display: block;
    margin-bottom: 1em;
}

#itemForm .button {
    margin: 0 3px 0 0;
    display: inline;
}

#waiverText {
    border: solid 1px #CCC;
    padding: 6px;
    height: 7em;
    overflow: auto;
    margin-bottom: 1em;
}

#rideFilter {
}

    #rideFilter .button {
        display: inline;
    }

/*************************************
 *  RIDE REGISTRATION
*************************************/

#billingTable {
    /*
	margin-bottom: 1em;
	width: 240px !important;
    */
	border: solid 1px #CCC;
}

	#billingTable th {
		background: #F9F9F9;
		vertical-align: middle;
		padding: 2px;
	}
	
		#billingTable tr.total th {
			text-align: right;
		}
	
	#billingTable td {
		vertical-align: middle;
		text-align: right;
	}
	
		#billingTable tr.total td {
			border-top: solid 1px #CCC;
		}