/*---------------- Reset rules --------------------------- */

		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-size: 100%;
			vertical-align: baseline;
			background: transparent;
		}
		body {
			line-height: 1;
		}
		ol, ul {
			list-style: none;
		}
		blockquote, q {
			quotes: none;
		}
		blockquote:before, blockquote:after,
		q:before, q:after {
			content: '';
			content: none;
		}

		/* remember to define focus styles! */
		:focus {
			outline: 0;
		}

		/* remember to highlight inserts somehow! */
		ins {
			text-decoration: none;
		}
		del {
			text-decoration: line-through;
		}

		/* tables still need 'cellspacing="0"' in the markup */
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}
		
		label{
			font-weight: bold;
		}
		
		small{ font-size: .75em;}
		
		sub{
			font-size: .7em;
			vertical-align: bottom;
		}
		
/* ---------------- end Reset Rules --------------------------- */


img{
	padding:0;
	margin:0;
	border: 0;
}

/*img, div, input { behavior: url(/css/iepngfix.htc) }*/

body{
	background: #fff url('/images/background.png') 0 0 repeat-x ;
	font-family:  Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
}

a, a:visited{
	color: #060;
}

a:hover{
	text-decoration: none;
}
/* General rules*/

.normal{
	font-weight: normal;
}

.small{
	font-size: 10px;
}

p{
	margin: 1em 0;
	line-height: 1.4;
}

.clear-left{
	clear:left;
}

.clear-right{
	clear: right;
}

.clear{
	clear:both;
}

.right{
	float: right;
}

.left{
	float: left;
}

th.left{
	float:none;
	text-align:left;
}

.center{
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}


/* Sizes */
/*.one{ width: 218px;}
.two{ width: 368px;}
.three{ width: 456px;}
.four{ width: 756px;}
.five{ width: 958px;}*/

.one{width: 50px;}
.two{width: 110px;}
.three{width: 170px;}
.four{width: 230px;}
.five{width: 290px;}
.six{width: 350px;}
.seven{width: 410px;}
.eight{width: 470px;}
.nine{width: 530px;}
.ten{width: 590px;}
.eleven{width: 650px;}
.twelve{width: 710px;}
.thirteen{width: 770px;}
.fourteen{width: 830px;}
.fifteen{width: 890px;}
.sixteen{width: 950px;}



/* Login */
#login-box{
	background: transparent url('/images/login-box-bg.png') 0 0 no-repeat;
	width: 436px;
	height: 330px;
	margin: 10% auto 0 auto;
	text-align: center;
	color: #fff;
	padding-top: 170px;
}

#login-box label{
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
}

#login-box label.small{
	font-weight: normal;
}

#login-box #form-box{
	margin: 0 auto;
	width: 293px;
	text-align: left;
}

#login-box a{
	color: #fff;
	text-decoration: none;
}

#login-box a:visited{
	color: #fff;
}

#login-box a:hover{
	text-decoration: underline;
}

#login-box a:active{
	color: #35CC35;
}

#login-box .textfield{
	width: 100%;
	font-size: 20px;
	margin: 3px 0 30px 0;
}

#login-box .button{
	font-size: 16px;
	padding: 5px 20px;
}

/* end login-box */

/* Outer Container */
	#outer-container{
		width: 998px;
		margin:0 auto;
		border: 1px solid black;
	}
	#outer-container-header{
		height: 122px;
		border: 1px solid #000;
		border-width: 1px 1px 0 1px;
		position:relative;
	}
	
	#outer-container-header,
	#outer-container-footer{
		width:998px;
		margin:0 auto;
		/*border: 1px solid yellow;*/
	}
/*end Outer Container */


/* Footer */
#inner-container-footer{
	width: 984px;
	background: #639500 url('/images/footer-bg.png') top left repeat-x;
	height: 134px;
	margin: 6px;
	border: 1px solid #000;
	clear: both;
}

#inner-container-footer h3{
	color: #fff;
	text-transform: uppercase;

	text-shadow: 2px 2px #000;
}

#inner-container-footer a{
	color: #fff;
	text-decoration: none;
	text-shadow: 2px 2px #000;
}

#inner-container-footer .col{
	height:102px;
	float: left;
	padding: 15px 40px;
	background: transparent url('/images/footer-div-bg.png') right 5px no-repeat;
}



/* Primary and Secondary Nav */
#primary-nav,
#no-primary-nav{
	width: 989px;
	height: 69px;
	padding-left: 9px;
	padding-top: 5px;
	/* background: transparent url('/images/primary-nav.png') 0 0 repeat-x;*/
	/*background: transparent url('/images/primary-nav-bg.png') 0 0 repeat-x;*/
	background: transparent url('/images/primary-nav-bg.gif') 0 0 repeat-x;
	list-style:none;
	position:relative;
}

/*#no-primary-nav { background: transparent url('/images/primary-nav-bg.png') 0 0 repeat-x; }*/

#primary-nav a span{display: none;}

a#a-personal{
	background-image: url('/images/primary-nav.png');
	background-position: -8px -5px;
	width: 146px;
	height:51px;
}

a#a-teams{
	background-image: url('/images/primary-nav.png');
	background-position: -155px -5px;
	width: 147px;
	height:51px;
}

a#a-competition{
	background-image: url('/images/primary-nav.png');
	background-position: -302px -5px;
	width:147px;
	height: 51px;
}


a#a-community,
a#a-community1{
	background-image: url('/images/primary-nav.png');
	background-position: -449px -5px;
	width:147px;
	height: 51px;
}

a#a-community1{ width: 148px;}

a#a-inbox{
	background-image: url('/images/primary-nav.png');
	background-position: -596px -5px;
	width: 148px;
	height: 51px;
}

a#a-personal:hover{
	background-image: url('/images/primary-nav-overV2.png');
	background-position: 0 0;
}

a#a-teams:hover{
	background-image: url('/images/primary-nav-overV2.png');
	background-position: -147px 0;
}

a#a-competition:hover{
	background-image: url('/images/primary-nav-overV2.png');
	background-position: -294px 0;
}

a#a-community:hover,
a#a-community1:hover{
	background-image: url('/images/primary-nav-overV2.png');
	background-position: -441px 0;
}

a#a-inbox:hover{
	background-image: url('/images/primary-nav-overV2.png');
	background-position: -588px 0;
}

a.primary-tab:visited
{
	color: #fff;
}

a.primary-tab-active:visited{
	color: #000;
}

a.primary-tab:hover,
a.primary-tab-active:hover{
	background: transparent url('/images/primary-nav-overV2.png') 0 0 no-repeat;
}

#primary-nav li{ float:left;}

a.primary-tab,
a.primary-tab-active{
	display: block;
	width: 135px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	/*background: transparent url('/images/primary-nav.png') 0 -5px no-repeat;*/
}

#civia-nav-link{
	position:absolute;
	display:block;
	width:70px;
	height:40px;
	right:20px;
	top:3px;
	text-decoration:none;
}

/*a.primary-tab:active,
a.primary-tab-active{
	background-position: 0 -44px;
	color: #000;
}*/

.mega{
	position: relative;
}

.mega div.menu{
	display:none;
	position:absolute;
	top: 50px;
}

.hovering div.menu{
	display: block;
}

.one-col{
	width: 161px;
}

.two-col{
	width: 329px;
}

.menu{
	border: 1px solid #ccc;
	border-width: 0 1px 1px;
	padding:7px;
	background-color: #fff;
	position: relative;
}

.pointer{
	position: absolute;
	top:7px;
	left:7px;
}

#primary-nav .menu .menu-col{
	width: 161px;
	padding-bottom:5px;
	background: #fff url('/images/newlayoutimages/secondary-nav-bg.png') 0 0 repeat-y;
	float: left;
}

.menu .col2{
	margin-left: 7px;
}

.menu a.first{
	border-width:0;
	margin-top: 5px;
	padding:0;
}

.menu a.first:hover{
	margin-top: 5px;
}


#primary-nav .menu span.outer-a{
	display: block;
	padding: 8px 0 7px 0;
	background: transparent url('/images/newlayoutimages/nav-item-border.png') left top repeat-x;
}

a#a-inbox{
	position:relative;
}

#primary-nav span#inbox-counter{
	position:absolute;
	display:block;
	top:11px;
	right:15px;
	color: white;
	width:52px;
	height:34px;
	line-height: 32px;
	font-size: 13px;
	background: transparent url('/images/newlayoutimages/inbox-counter-bg.png') 0 0 no-repeat;
}

.menu a
{
	display: block;
	margin: 0 10px;
	padding: 8px 0 7px 0;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	line-height:11px;
	background: transparent url('/images/newlayoutimages/nav-item-border.png') left bottom repeat-x;

}

.menu a em{
	font-size: 10px;
	letter-spacing: 0;
	font-weight: normal;
	font-style: normal;
	margin-top: -2px;
	color: #fff;
}

.menu h2{
	background-color: #030;
	font-size: 15px;
	border: 1px solid black;
	color: #fff;
	text-transform: uppercase;
	padding: 12px 6px 12px 6px;
	margin:0;
}


.menu a:hover{
	color: #000;
	background-color: #fff;
	margin: 0 5px;
	padding-left: 5px;
	padding-right: 5px;
	background: #fff url('/images/newlayoutimages/nav-item-border-black.png') left bottom repeat-x;
}

.menu a:hover em{
	color: #040;
}

a.secondary-tab:hover,
.pulldown-menu a:hover{
	color: #c60;
}



#secondary-nav{
	float:right;
	margin-bottom: 10px;
	margin-left: 10px;
}

#secondary-nav h4{
	font: 12px Arial, sans-serif;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px solid #666;
	padding: 7px 0;
}

#secondary-nav a{
	background: transparent url('/images/secondary-nav-bullet.png') left center no-repeat;
	display: block;
	width: 200px;
	border-bottom: 1px solid #666;
	color: #666;
	padding: 7px 15px;
	font-size: 12px;
	text-decoration: none;
	
}

#secondary-nav a.active{
	color: #333;
	background: transparent url('/images/secondary-nav-active-bullet.png') left center no-repeat;
}

#secondary-nav a:hover{
	color: #333;
}

/* Content */

#content-container{
	/*width: 958px;*/
	padding: 20px 22px;
}


.col1{
/*	padding-right: 10px;*/
	float:left;
}


.col2{
/*	padding-left: 10px; */
	float:right;
}

.small-col1{
	padding-right: 10px;
	float: left;
}

.small-col2{
	padding-left: 10px;
	float:left;	
}



/*.col1 .col1,
.col2 .col1{
	width: 218px;
	float:left;
}

.col1 .col2,
.col2 .col2{
	width: 218px;
	float:left;
}*/

#content-container h1{
	font-size: 22px;
	border-bottom: 2px solid #690;
	width: 100%;
	margin-bottom: 15px;
	font-weight: normal;
	/*line-height: 42px;*/
	padding: 5px 0;
	color: #333;
	text-transform: uppercase;
}


#content-container h2{
	font: bold 14px arial, sans-serif;
	/*width: 930px;*/
	height: 29px;
	line-height: 29px;
	border-bottom: 5px solid #000;
	color: #000;
	text-transform: uppercase;
}


#content-container .col1 h2,
#content-container .col2 h2{
	/*width: 454px;*/
/*	width: 100%; */
}

/*#content-container .col1 h2.table-top,
#content-container .col2 h2.table-top{
	width: 438px;
}
*/

#content-container h2.table-top{
	background: #030 url('/images/h2-bg.png') 0 0 repeat-x;
	border: 1px solid #000;
	color: #fff;
/*	width: 914px;*/
	padding: 0 8px;
}

#content-container h2.table-top a{
	color: white;
}

#content-container h3{
	display:block;
	font-size: 14px;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 2px;
	margin: 10px 0;
}


#content-container h5{
	font: 11px verdana, sans-serif;
	border: 1px solid #000;
	/*background-color: #69c;*/
	width: 693px;
	line-height: 17px;
	height:17px;
	color: #fff;
	letter-spacing: -1px;
	padding: 0 3px;
	vertical-align: middle;
	background-color: #390;
}

#content-container h5.half{
	width: 332px;
}

#content-container .team-box h5{
	width:671px;
}


#content-container h2 span{
	float:right;
	font-size: 10px;
}

#content-container h2 span a{
	color: #000;
	padding:0;
	margin:0;
}

#content-container h2.table-top span a{
	color: #fff;
}

/* Profile */
.profile{
	line-height: 20px;
	margin-top: 10px;
}

.profile-img{
	float: left;
	margin-right: 5px;
	z-index: 2;
}

span#game-length-estimate{
	display: inline;
}

/*
	grey-box
*/
.grey-box-top{
	height: 26px;
	width:349px;
	background: transparent url('/images/grey-box-top.png') 0 0 no-repeat;
}

.grey-box-content{
	width: 337px;
	color: #fff;
	background-color: #666;
	border: 1px solid #000;
	border-width: 0 1px;
	padding:0 5px;
}

.grey-box-bottom{
	height: 8px;
	width: 349px;
	background: transparent url('/images/grey-box-bottom.png') 0 0 no-repeat;
}


.grey-box-content .team-profile,
.grey-box-content .team-profile strong{
	color:white;
}


/*
	team-box
*/

.team-box{
	width: 679px;
	padding: 10px;
	border: 1px solid #999;
	margin: 10px 0;
	
}

.team-profile{
	line-height: 20px;
}

/* Counter Boxes */
.counter-box{
	width: 95px;
	text-align: center;
	float: left;
}

.counter-box p{
	margin:0;
	color: #333;
}

/*.grey-box-content .counter-box{
	background: transparent url('/images/grey-counterbox-bg.png') 0 0 no-repeat;
}*/

.profile .counter-box-group
{
	/*padding-top: 28px;*/
}

.counter-box h4{
	line-height: 16px;
	color: #fff;
	font-size: 11px;
}

.counter-box p{
	line-height: 52px !important;
	font-weight: bold;
	font-size: 18px;
}
.counter-box-3group{
	float:left;
	background: transparent url('/images/threeacross-stats.png') 0 0 no-repeat;
	width: 290px;
	height: 52px;
}

.counter-box-2group{
	float:left;
	background: transparent url('/images/twoacross-stats.png') 0 0 no-repeat;
	width: 193px;
	height: 52px;
}

/*
	distance-record-form
*/

table.form td{
	vertical-align: top;
}

table.form label{ margin:0; line-height: 18px;}

table.form td.nolabel{
	padding-top:14px;
}

table.form td{ padding: 6px;}

table.form input.full,
table.form select.full{
	width: 100%;
}


.form-element{
	padding: 2px 3px;
}

/*.form select#myrides{width: 170px;}*/

.form input.text{
		width: 150px;
	font-size: 16px;
}

.form input.text, .form .select{
	font-size: 15px;
}

.form .month{width: 110px;}

.form .day{width: 50px;}

.form .year{width: 70px;}

.distance-record-form{
	clear: both;
}

.form label{
	display:block;
	font-size: 14px;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 2px;
}

.form span label{
	display: inline;
	margin:0;
}

.form span{
	display:block;
	margin-top: 12px;
	margin-bottom: 2px;
}

.form label.small-label{
	display: inline;
	font-size: 12px;
	font-weight:normal;
}

.button{
	margin: 15px 0;
	padding: 5px 10px;
	background-color: #c60;
	color: white;
}

.button2{
	margin:0;
	background-color: #c60;
	color: white;
}

.form td{
	padding-right: 10px;
}

.form .radio{
	margin: 0 2px;
}


/* Weather Box */

#weather-box{
	height: 125px;
}



/* Data List */
table.data-list{
	width: 100%;
	color: #fff;
	border: 1px solid #000;
	border-width: 1px 1px 0 1px;
	empty-cells: show;
	/*border-collapse: collapse;*/
}


.data-list .left{ float: none; text-align:left;}
.data-list .right{ float: none; text-align: right;}
.data-list th,
.data-list td{
	padding: 3px 0;
	border-bottom: 1px solid #000;
	vertical-align: middle;
}

.data-list td, .data-list2 td{
	color: #000;
	text-align: center;
}

.data-list th,
.data-list2 th{
	background-color: #690;
	color: #fff;
	font-weight: normal;
	height: 28px;
	background: #690 url('/images/datalist-th-bg.png') top left repeat-x;
	vertical-align: middle;
}

.data-list tr.odd td{
	background-color: #e1e1e1;
}

.data-list tr.even td{
	background-color: #fff;
}

table.data-list2{
	width: 100%;
	color: #fff;
	border: 1px solid #000;
	border-width: 0 1px;
/*	empty-cells: show;
	border-collapse: collapse;*/
}

.data-list2 th,
.data-list2 td{
	padding: 3px 0;
	border-bottom: 1px solid #000;
}

.data-list2 td{
	color: #000;
	text-align: center;
}

.data-list2 th{
	background-color: #690;
/*	background-color: #999; */
}

.data-list2 tr.odd td{
	background-color: #e1e1e1;
}

.data-list2 tr.even td{
	background-color: #fff;
}

.league-list td#league-name,
.league-list th#league-name{width: 60px;}
.league-list td#join,
.league-list th#join{width: 80px;}
.league-list td#description,
.league-list th#description{width: 200px;}
.league-list td#scoring-format,
.league-list th#scoring-format{width: 80px;}
.league-list td#game-length,
.league-list th#game-length{width: 60px;}
.league-list td#start-date,
.league-list th#start-date{width: 60px;}

tr.ruled{
	background-color: #dec;
}

.pagination-links {
	text-align: right;
	border: none;
	width: 100%;
	padding: 6px 0;
}

.pagination-links a{
	color: #333;
	text-decoration: none;
	border: 1px solid #bbb;
	background-color: #eee;
	padding: 2px 4px;
	/* background-color: #ddd; */
}

.pagination-links a.current{
	color: #fff;
	border-color: #fff;
	background-color: #333;
	font-weight: bold;
	
}



.pagination-links a:hover{
	background-color: #690;
	border: 1px solid #bbb;
	color: #fff;
}


/*.sm-image-button{
	border:none;
	cursor: pointer;
	overflow: hidden;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	height: 20px;
	width: 53px;
	background-position: 0 0;
	background-repeat: none;
	background-image: url('/images/buttons/sm-buttons-wh.png');
	background-color: #333;
}

#search-riders .sm-image-button,
.odd .sm-image-button{ background-image: url('/images/buttons/sm-buttons-gr.png');}

.sm-image-button:hover{
	background-position: 0 -20px;
}


.sm-image-button:active{
	background-position: 0 -40px;
s}

/* .even .sm-add-button{ background-image:url('/images/buttons/sm_add_button_wh.png');	}
.sm-add-button, .odd .sm-add-button{ background-image:url('/images/buttons/sm_add_button_gr.png');	}

.sm-invite-button, .even .sm-invite-button{ background-image: url('/images/buttons/sm_invite_button_wh.png'); }
.odd .sm-invite-button{ background-image: url('/images/buttons/sm_invite_button_gr.png'); }

.sm-rescind-button, .even .sm-rescind-button{ background-image: url('/images/buttons/sm_rescind_button_wh.png');}
.odd .sm-rescind-button{ background-image: url('/images/buttons/sm_rescind_button_gr.png');}

.sm-remove-button, .even .sm-remove-button{background-image: url('/images/buttons/sm_remove_button_wh.png');}
.odd .sm-remove-button{background-image: url('/images/buttons/sm_remove_button_gr.png');}

.sm-apply-button, .even .sm-apply-button{ background-image: url('/images/buttons/sm_apply_button_wh.png'); }
.odd .sm-apply-button{ background-image: url('/images/buttons/sm_apply_button_gr.png'); }

.sm-accept-button, .even .sm-accept-button{background-image: url('/images/buttons/sm_accept_button_wh.png');}
.odd .sm-accept-button{background-image: url('/images/buttons/sm_accept_button_gr.png');}

.sm-decline-button, .even .sm-decline-button{background-image: url('/images/buttons/sm_decline_button_wh.png');}
.odd .sm-decline-button{background-image: url('/images/buttons/sm_decline_button_gr.png');}

.sm-delete-button, .even .sm-delete-button{background-image: url('/images/buttons/sm_delete_button_wh.png');}
.odd .sm-delete-button{background-image: url('/images/buttons/sm_delete_button_gr.png');}

.sm-cancel-button, .even .sm-cancel-button{background-image: url('/images/buttons/sm_cancel_button_wh.png');}

.sm-submit-button, .even .sm-submit-button{background-image: url('/images/buttons/sm_submit_button_wh.png');}
.sm-reply-button{background-image: url('/images/buttons/sm_reply_button.png');}

*/
/*.lg-image-button{
	border:none;
	cursor: pointer;
	overflow: hidden;
	color: #fff;
	font-weight: bold;
	height: 30px;
	width: 90px;
	margin-top: 10px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url('/images/buttons/lg_buttons_wh.png');
	background-color: #333;
}

.lg-image-button:hover{
	background-position: 0 -30px;
	/*color: #ffbd4b;*/
}

/*.lg-image-button:active{
	background-position: 0 -60px;
	/*color: #b36600;*/
}*/

/*#search-riders .lg-image-button,
.odd .lg-image-button{ background-image: url('/images/buttons/lg_buttons_gr.png'); }

/*.lg-submit-button{
	background-image: url('/images/buttons/lg_submit_button.png');
}

.lg-signin-button{
	background-image: url('/images/buttons/lg_signin_button.png');
}

.lg-uploadfile-button{ background-image: url('/images/buttons/lg_uploadfile_button_wh.png');}

.lg-save-button{ background-image: url('/images/buttons/lg_save_button_wh.png');}
.lg-add-button{ background-image: url('/images/buttons/lg_add_button_wh.png');}

.lg-delete-button{ background-image: url('/images/buttons/lg_delete_button.png');}
*/
#more_options{ display: none;}

a#inviteafriend,
a#inviteafriend_gr{
	display: block;
	height: 31px;
	line-height: 31px;
	padding-left:34px;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -1px;
	background: transparent url("/images/inviteafriend.png") 0 0 no-repeat;
	margin-top: 10px;
}

a#inviteafriend_gr{
	background-image: url('/images/invite_a_friend_gr.png');
}

a#inviteafriend:hover,
a#inviteafriend_gr:hover{ background-position: 0 -31px;}

a#inviteafriend:active,
a#inviteafriend_gr:active{ background-position: 0 -61px;}


a#inviteafriend span,
a#inviteafriend_gr span{display:none;}



/*
	Current Games
*/

#current-games{
	margin-top: 20px;
	clear:both;
	border-bottom: 1px solid #000;
}

.league-info{
	line-height: 18px;
	border: 1px solid #000;
	border-width: 0 1px 1px 1px;
	padding: 2px;
}

.league-info dd{
	display:inline;
	background-color: #c00;
	padding: 2px 4px;
	border: 1px solid black;
	color: #fff;
	font-weight: bold;
	float: left;
	line-height: 1em;
}

.league-info dt{
	margin-left: 25px;
}

#current-games .league-info .view-links{
	float:right;
	margin-right: 1em;
	font-weight: bold;
	font-size: 11px;
}

#teams{
	border: 1px solid #000;
	border-width: 0 1px;
	line-height: 20px;
	padding-bottom: 15px;
	width: 948px;
}

#team .profile-img{
	float: left;
}

#teams #team1,
#teams #team2{
	width: 50%;
	float: left;
}

/*#teams #team1{ width: 350px;}
#team #team2{ width: 349px;}*/

#teams h3{
	padding-left: 5px;
	background-color: #999;
	color: #fff;
	font-size: 12px;
	border-bottom: 1px solid #000;
	margin: 0;
}

#teams #team1 h3{ 
	/*width: 343px;*/
	border-right: 1px solid #000;
}

#teams p{
	margin-left: 25px;
}


/*
	i'd like to be able to get rid of this
*/
#teams .counter-box p{
	margin-left:0;
}



/*	Error style*/

p.error,
span.error{
	background-color: transparent;
}

.error p{
	color: #900;
}

.error{
	color: #900;
	background-color: #fff;
}

div.error{
	background-color: #FDBBBB;
	border: 4px solid #900;
	padding: 10px;
	margin: 10px 0;
}

#login-box div.error{
	position: absolute;
	top: 15%;
	width: 400px;
}


.success{
	color: #329404;
}

/*
	
	avatar-list
	
*/

.avatar-list td{
	padding: 5px;
	text-align: center;
}




/*
	Odd & Ends
*/

#logout-link{
	float:right;
	margin-right: 33px;
	padding-top:3px;
	color: #360;
font-size: 11px;
}

#logout-link a{
	color: #360;
	text-decoration: underline;
}

#logout-link a:hover{
	text-decoration:underline;
}


p.copyright{
	font-size: 11px;
	display:block;
	color:#333;
	text-align: center;
}


#create-league td{
	padding-top: 12px;
	vertical-align: top;
}

#create-league .form label{
	margin: 0;
}

#create-league td th{
	text-align:left;
}


#create-league td#col1{
	width: 300px;
}

#create-league td.subsetting{
	padding-left: 20px;
}

.odd{ background-color: #f0f0f0;}
.even{/*background-color: #aaa;*/
		background-color: #fff;}

.game .profile{
	margin-top:0;
}

.game{
	border: 1px solid #333;
	border-width: 0 1px 1px 1px;
	padding: 10px;
}

.first{
	border: 1px solid #333;
}

.game-team-1{
	width: 370px;
	float: left;
}


.game-team-2{
	width: 370px;
	float: right;
}



.vs-small{
	float: left;
	text-align:center;
	width: 115px;
	padding-top: 20px;	
}

.vs{
	float: left;
	text-align:center;
	width: 120px;
	padding-top: 20px;
}

#search-riders{
	padding: 10px;
	border: 1px solid #333;
	background-color: #ddd;
}
/*
#search-riders .col1{
	width: 160px;
}
#search-riders .col2{
	width: 480px;
}

#search-riders h2{
width: 671px;
}

#search-riders .form .col1{
	width: 150px;
	float:left;
} 

#search-riders .form .col2{
	width: 150px;
	float: right;
}*/

/*#search-riders .col2 h2,
#search-riders .col2 h5{
	width: 472px;
}*/

#search-riders label{
	font-size: 12px;
}
/*
	message box
*/


.message-box{
	border: 1px solid #333;
	border-width: 0 1px 1px;
	padding: 10px;
}

.message-info p{ margin:0;}

.message-box .new-message-icon{
	float:left;
	width: 20px;
	padding-top:10px;
}

#content-container .message-info h3{
	margin:0;
}
.message-info img{ margin-right: 5px;}

#content-container .message-info h3 a{
	text-decoration: none;
}

.message-content{

	padding-top: 1em;
	margin-top: 1em;
	
}

.message-info .secondary{
	color: #999;
	font-size: 10px;
}

.message-box .delete{
	float: left;
}

.message-box p{
	line-height: 16px;
}

.message{
	width: 400px;
	float:left;
}

.message-box .date{
	float: left;
	width: 200px;
}

.message-image{
	float:left;
	padding: 0 5px 5px 0;
}

#message-buttons{
	margin-top: 10px;
}

#message-buttons form{
	float: left;
}

#do-next{
	text-align:center;
}

.message-controls{
	background:#669900 url(/images/datalist-th-bg.png) repeat-x scroll left top;
	text-align: right;
	border:1px solid #000000;
	border-width: 0 1px 1px 1px;
	color: #fff;
	font-weight: bold;
	padding: 5px 5px;
}

#content-container #do-next .col1,
#content-container #do-next .col2,
#content-container #do-next .col3,
#content-container #do-next .col4{
	width: 236px;
	border-right: 1px dotted #333;
	float: left;
	padding-right:0;
	margin:0;
}

#content-container #do-next .col4{
	border-width: 0;
}


#do-next .num{
	font: bold 45px Helvetica, Verdana, sans-serif;
	color: #090;
	padding: 10px 0 0 0 ;
}

#do-next p.blurb{
	text-align: left;
	padding: 0 30px 0 40px;
	height: 90px;
}

a.message-link{
	background: transparent url('/images/mailIcon.jpg') no-repeat top right;
	padding-right: 20px;
}

dl.profile dt{ 
	float: left;
	width: 100px;
}
dl.profile dd{
		margin-left: 200px;
}


dl.guide {
	margin: 0 25px;
}

.guide dt{
	font-weight: bold;
	margin-bottom: .5em;
}
.guide dd{ margin-bottom: .5em;
	margin-left: 10px;
	}
	
	
		
.tooltip label{
		display: inline;
		margin:0;
}

.tooltip{
		display:block;
	/*	margin-top: 12px;*/
		margin-bottom: 2px;
}

.tooltip-content-outer{
	background-color:#eaf5e5;
	border:#003300 solid 1px;
	width: 400px;
	position:absolute;
	display: none;
}

.tooltip-content{
	padding:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	line-height: 18px;
	border:#ffffff solid 10px;
}

.general-message{
	background-color:#eaf5e5;
	border: 4px solid #329404;
	padding: 10px;
	margin: 10px 0;
	color: #329404;
	
}

.inline-form{
	display:inline;
}

#greenlight-blog p {
	margin: 5px 0 0 0;
}
#greenlight-blog p.title{
	margin-bottom:3px;
	margin-top: 1em;
}

#greenlight-blog .title a{
	color: #000;

}

.col p{
	line-height: 16px;
}

.stats th{
	width: 50%;
}

.modal-content{
	display:none;  
	position:fixed;  
	width:450px;  
	background:#FFFFFF;  
	border:2px solid #000;  
	z-index:2;  
	font-size:13px;
	top:50%;
	left:50%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align: left;
}

.modal-content label{
	color: #000;
}

* html .modal-content { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (WindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

.modal-inner{	padding:6px 20px;  }
body .modal-content h3{
	font: bold 18px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	padding-left: 8px;
	
}

.modal-content .buttons{
	text-align: right;
}

.modal-content .push{
	padding-left: 8px;
	clear:both;
}

.modal-content textarea{ width: 100%;}
.modal-content img.right{ float: right;}

#modal-background{ 
	display:none;  
	position:fixed;  
	height:100%;  
	width:100%;  
	top:0;
	left:0;
	background: #111;
	z-index:1;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}


#loading-background{   
	position:absolute;  
	height:inherit;  
	width:inherit;  
	background: #111;
	z-index:1;
	background-color:#eee;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	text-align: center;
}

#loading-background img{
	padding: 50%;
}




.modal-stem{
	position: absolute;
	margin-left: -32px;
	margin-top: 20px;
	/*	margin-top: -30px; */
}

.winnerribbon{
	position :absolute;
	clear:both;
	width:60px;
	height:70px;
	z-index:10;
	margin:0;
}


.more-team-info, .details{ display:none;clear:both;}

#content-container .more-team-info .col1{ width: 125px; float: left;}
#content-container .more-team-info .col2{ width: 230px; float: left; padding:0 5px; text-align: center;}
#content-container .more-team-info .col3{ width: 230px;  float: left; padding:0 5px; text-align: center;}


#content-container .more-team-info,
#content-container .details{ color: #333;}

#content-container .more-team-info,
#content-container .details{ 
	margin: 0 15px 15px 15px; 
	padding: 15px;
}

#content-container .more-team-info h4{ margin: 10px 0;}

.more-team-info, .details{ background: transparent url(/images/app_images/more-info-bg.gif) 0 0 repeat-x;}

.more-team-info table.data-list2,
.details table.data-list2{
	border: none;
	font-size: 10px;
	font-size: 10px;
	border-color: #333;
}

.more-team-info table.data-list2 tr td,
.details table.data-list2 tr td{
	background-color: #ddd;
	border-bottom-color: #666;
}	

#content-container .more-team-info table.reserve td,
#content-container .more-team-info table.reserve th{
	color: #666;
}


.more-team-info table.data-list2 th,
.details table.data-list2 th{
	background-color: transparent;
	color: #333;
	border-top: 1px solid #333;
	background-image:none;
}

.w100{ width: 100px;}
.w140{ width: 140px;}

.standings td{
	text-align: center; 
	border-color: #333;
		height: 40px;
}
.standings th{ 
	color: #fff; 
	background-color: #690;
	padding: 3px 0;
}

.standings{width: 100%; }

.team{ border: 1px solid #333;
		border-width: 0 1px 1px 1px;}
		
	.team-snapshot{
			border-width: 0;
		}



.avatar{
	background-color: #fff;
	padding: 3px;
	border: 1px solid #aaa;
}

.loading{
			display:none;
		}

.long-profile{margin-bottom: 30px;}

.long-profile .stats-group{
	float: left;
	width: 634px;
	height: 163px;
	background: transparent url('/images/dash_stats_bg.png') 0 0 no-repeat;

}

.long-profile .stats-group h6{
	line-height: 18px;
	padding-top: 10px;
}

.long-profile .stats-group h6 span{
	color:#666;
	font-size: 14px;
}

.long-profile #description{
	clear: left;
	margin-left: 70px;
	padding: .5em 5px 0;
	width: 634px;
	
}

.odometer{
	font-weight: bold;
	font-size: 22px;
}

.long-profile .stats-group .col{
	width: 181px;
	float: left;
	padding: 0 10px 0 20px;
	font-weight: bold;
}

.long-profile .stats-group dl{
	margin: 10px 0;
}

.long-profile .stats-group dd,
.long-profile .stats-group dt {
	float: left;
	line-height: 19px;
}

.long-profile .stats-group dd{
	width: 125px;
}

.long-profile #avatar{
	width:70px;
	float:left;
	margin:0;
	color: #666;
	
}
.long-profile #avatar .profile-img{
	float:none;
}



#username span{ font-size:18px;}
#username{ margin: .5em 0 .5em 0;}

.dash-award{
	padding: 5px 8px;
	border-bottom: 1px solid #ddd;
	color: #999;
}

.dash-award span{
	float:right;
	width: 130px;
	display:block;
		text-align: right;
}

.dash-award span.download-link{
	line-height: 2em;

}


.dash-award h4{
	color: #1a568c;
}

.dash-award h4,
.dash-award p,
.comp-preview h4,
.comp-preview p{
	margin: 0;
	padding:0;
	font-size: 12px;
}

.no-results{
	color: #aaa;
}

.comp-preview{
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	color: #333;
}

.comp-preview .secondary{
	color: #999;
	font-size: 10px;
}

.comp-preview .date{
	width: 50px;
	border: 1px solid #030;
	float: left;
	color: #030;
	text-align: center;
	margin-right: 13px;
}

.comp-preview .date span{ display: block;}

.comp-preview .date .month{
	font-size: 12px;	
	background: #060 url('/images/small_grad.png') 0 0 repeat-x;
	border-bottom: 1px solid #030;
	color: #fff;
}

.comp-preview .date .day{
	font-size: 20px;
	font-weight: bold;
}

.comp-preview .date .year{
	font-size: 10px;
}

.comp-preview .description{
	width: 550px;
	float:left;
}

.comp-preview .other-info{
	float: left;
	width: 200px;
	border: 1px dotted #ccc;
	border-width: 1px 1px 0 1px;
}

.comp-preview .apply{
	margin-top: 10px;
}

.comp-preview .other-info li{
	padding: 3px;
	border-bottom: 1px dotted #ccc;
}

.comp-preview ul.other-info{
	list-style-type: none;
	margin:0 0 0 10px;
}

.comp-preview .other-info .odd{background-color: #f5fae5;}


.comp-preview h4{
	font-size: 16px;
	margin-bottom: 3px;
	width: 100%;
}
.comp-preview h6{
	font-size: 13px;
}

.comp-preview h4 a{
	text-decoration: none;
}
.comp-preview-group{
	margin-bottom: 2em;
	clear: both;
}

.comp-preview .team-list{
	margin-left: 63px;
	padding-top: 1em;
	width: 550px;
}

#tabs{
	height: 100px;
}
#tabs a{
	display:block;
	float: left;
	padding: 20px 10px;
	border: 1px solid #333;
	background-color: #aaa;
}

dl#first{
	border: 1px dotted #ccc;
}

dl.comp-other-info{
	padding: 3px;
	border: 1px dotted #ccc;
	border-width: 0 1px 1px 1px;
	width: 400px;
	clear:both;
	height: auto;
}


dl.comp-other-info dt,
dl.comp-other-info dd{
	display:inline;
	float: none;
}

dl.comp-other-info dd{
	padding-left: 5px;
}

dl.comp-other-info dt{
	font-weight: bold;
	text-align: right;
	width: 50%;
}

dl.odd{background-color: #f5fae5;}



#docycle-section h2#logo{
	background: #1a568c url('/images/docycle/small-do-cycle-logo.png') 10px center no-repeat;
	border-bottom: 7px solid #fff;
}

#docycle-section{
	background-color: #eef1f8;
}

#docycle-section a{
	color: #369;
}

#docycle-section .download-link-a{
	background: transparent url('/images/docycle/download-icon-blue.png') right center no-repeat;
	padding-right: 18px;
}

#docycle-section #next-award-odo{
	background: transparent url('/images/docycle/next-award-box.png') 0 0 no-repeat;
	width:147px;
	height: 66px;
	color: #fff;
	font-weight: bold;

}

#docycle-section #next-awards{
	padding: 10px;
}

#docycle-section #next-awards p{ margin: 0;}

#docycle-section #next-award-odo{
	padding-top: 30px;
}

#docycle-section #next-award-text{
	margin-left: 25px;
	width: 250px;
}

#docycle-section #edit-docycle{
	background-color: #81a9c4;
	margin:0;
	padding: 5px 10px;
	color: #fff;
}

#docycle-section #edit-docycle span{
	float:right;
}

#docycle-section #edit-docycle a{color: #fff;}

#docycle-section h2#logo span{ display: none;}

#docycle-section h2.table-top{background-color: #ed5c2d;
	background-image: none;
	border-bottom: 4px solid #fff;
	border-width: 0 0 4px 0;
	font-size: 13px;
	line-height: 23px;
	height: 23px;
	}

/* do cycle awards */

#docycle-awards{
	background-color: #ddd;
	border: 4px solid #aaa;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index:2;
	width: 400px;
	padding: 30px;
	color: black;
	display:none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


#docycle-awards h3{
	margin: 0 0 1em 0;
}

#docycle-awards table{
	border: 4px solid #fff;
	border-width: 0 4px 4px 0;
}

#docycle-awards th,
#docycle-awards td{
	padding: 8px;
	border: 4px solid #fff;
	border-width: 4px 0 0 4px;
}

#docycle-awards th{
	text-align:left
}

#docycle-awards th#miles{
	width: 75px;
}


.h2wform{position:relative;}
.h2menu{
	position: absolute;
	right: 5px;
	top: 5px;
	color:#fff;
}

/* error */
#error-window{
	display:none;
	border-width: 4px;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index:2;
	width: 400px;
	padding: 30px;
	display:none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

p.lead{
	line-height: 36px;
}

#header-login{
	top: 12px;
	right: 90px;
	position:absolute;
	color: #fff;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
}

#header-login a, #header-login a:visited{ color: #fff;}


#blog h2 a{
	color: #000;
	text-decoration: none;
}

#blog ul{
	list-style: none;
}

#blog #rightSidebar ul li{
	padding: 5px 0;
}

#blog #rightSidebar{
	margin-top: 30px;
}

#blog #mainCol{
	border-right: 1px solid #ccc;
	padding-right: 30px;
	min-height: 400px;
	margin-bottom: 1em;
}


#blog #comments-container{
	border-top: 1px solid #ccc;
}

#blog .post{
	margin-bottom: 3em;
	line-height: 17px;
}

#blog .commentlist{
	margin: 0 20px;
}

#blog .commentlist li{
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

#blog .navigation{
	margin-bottom: 2em;
}

#blog .alignright{ float: right; }

#blog .alignleft{ float: left;}
/** html #modal-background { /* ie6 hack 
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}*/


table.racetoparis{
	width: 100%;
}

table.racetoparis th{
	text-align:left;
}

table.racetoparis td,
table.racetoparis th{
	padding: 4px;
}

table.racetoparis tr.even td{
	background-color: #ddd;
}






/************** new team, competition appying process *************/

.highlight-box{
	border: 3px solid #dedede;
	background-color: #eee;
	position:relative;
	margin-bottom: 10px;
}

.highlight-box p{
	padding: 0 20px;
}

.highlight-box div.option-num{
	position:absolute;
	color: #ccc;
	font-size: 60px;
	font-family: Georgia;
	top:  0;
	right: 10px;
	margin:0;
	padding:0;
	line-height: 1;
	height: 12px;
}


.join-team-list{
	margin: 20px;
}

.join-team-list li{
	border:0;
	padding: 8px 0;
	border-bottom: 1px solid #ccc;
}

.join-team-list img{
	margin-right: 8px;
}
.join-team-list .team-info{
	float:left;
	width: 235px;
	padding-right: 10px;
}

.join-team-list .team-meta{
	line-height: 15px;
	font-size: .8em;
	color: #666;
}

.join-team-list .apply-link{
	float:left;
	font-size: 30px;
}



/*** tabbed team pages ****/


.tabbed-nav{
	margin-top: 1em;
}

a.tab2{
	padding: 10px 20px;
	border: 1px solid #ccc;
	margin-right: 3px;
	display:block;
	float:left;
	color: black;
	text-decoration: none;
	margin-bottom: -1px;
	z-index: 100;
	background-color: #ddd;
}

.tabbed-nav a.current{
	padding-bottom: 11px;
	border-bottom-width: 0;
	background-color: white;
}

.team-info-container{
	width: 690px;
	padding: 10px;
	border: 1px solid #ccc;
}

.team-meta{
	font-size: 11px;
	color: #666;
	text-transform: none;			
}

.post{
	padding: 20px 10px;
	min-height: 40px;
	position:relative;
	border-bottom:  1px solid #bbb;
}

.comment-avatar{
	float:left;
	width: 200px;
	margin-right: 20px;
	line-height: 1.5;
	
}

.comment-avatar dt{
	float:left;
	border: 1px solid #aaa;
	margin-right: 15px;
}

.comment-content{
	line-height: 1.5;
	width: 350px;
	font-size: 1.1em;
	float: left;
}

.comment-author-identifier{
	color: #6BB5F7;
	position:absolute;
	top: 10px;
	right: 10px;
	font-size: 0.8em;
}

.comment-delete-link{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.comment-delete-link input.delete-link{
	border: 0;
	background-color: transparent;
	color: #900;
	cursor: pointer;
	padding:0;
	margin:0;
}

.comment-delete-link a.delete-link{
	color: #900;
	text-decoration: none;
	font-size: 0.8em;
}

.comment-delete-link a.delete-link:hover{
	text-decoration: underline;
}

.post.admin{
	background-color: #C3E1FC;
	/*border: 3px solid #6BB5F7;*/
}

.comment-author{
	font-size: 1.2em;
}

.comment-date{
	font-size: .8em;
	color:#666;
}