h1, h2 { 
    font-size: 34px; 
    font-weight: normal;
    color: #424242;
    line-height: normal;
    margin: 0 0 10px; }
    
    h1 span { color: #c63538; }
    
h3 {
    font-size: 16px;
    font-weight: bold;
    color: #424242;
    line-height: normal;
    margin: 0 0 10px; }
    
    h3 span { 
    	font-size: 14px;
    	font-weight: normal;
    	color: #959595; }
    	
h4 {
    font-size: 18px;
    font-weight: normal;
    color: #424242;
    line-height: normal;
    margin: 0 0 10px; }

.show_more_info {
	cursor: pointer; }

#top_stories_loader {
	position: absolute;
	margin-left: 100%;
	right: 32px;
	margin-top: -2px; 
	display: none; }

#form_loader {
	position: absolute; 
	width: 540px; 
	text-align:center; 
	z-index: 100; 
	margin-top: 40px;
	display: none; }

.disabledBtn {
	background: url(../img/layout/btn_disabled_bg.png) top left no-repeat !important; }
	
.disable_opacity_overlay {
	opacity:0.4; 
	filter:alpha(opacity=40); }
	
input.disabled {
	color: #c7c5c5 !important;
    border: 1px solid #afacac !important; }

a:link, a:visited { 
    color: #c63538;
    text-decoration: none; }
    
a:hover { text-decoration: underline; }

a.blue_link {
	color:#006e97; }
	
a.blue_link2:hover {
	color:#006e97 !important; }
    
a img { border: none; }

p { margin-bottom: 16px; }

a:focus, a:hover, a:active { outline:none; }

small { 
    font-size: 12px;
    color: #949494; }
    
small span { color: #424242; }

.green { color: #3dac12; }

.hidden { display: none; }

.viewport::-webkit-scrollbar {
    width: 12px;
}
 
.viewport::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
.viewport::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(66,170,36,0.73); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.viewport::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(66,170,36,0.73); 
}

textarea { resize:none; }

#member_data_loading {
	width:760px;
	display:block;
	text-align:center;
	padding-top:50px; }
   
.error {
    background-color: #ffedb3 !important;
    border: 1px solid #e8a611 !important; }
 
.select_error {
   	border: 1px solid #e8a611 !important; 
	background: url(../img/layout/dropDown_bg.png) top left no-repeat #ffedb3 !important; }   
    
.error_div {
    background-color: #ffedb3 !important;
    border: 1px solid #e8a611 !important;
    padding: 5px; }
    
table thead th { text-align: left !important; }

::selection {
    background: #a6f1ad; /* Safari */ }
::-moz-selection {
    background: #a6f1ad; /* Firefox */ }

a.btn, input.btn { 
    width: 131px;
    height: 22px;
    float: left;
    background: url(../img/layout/btn_bg.png) top left no-repeat;
    font-size: 13px;
    color: #fff;
    text-align: center;
    line-height: 22px; }
    
a.btn_lg, input.btn_lg { 
    width: 185px;
    height: 22px;
    float: left;
    background: url(../img/layout/btnlg_bg.png) top left no-repeat;
    font-size: 13px;
    color: #fff;
    text-align: center;
    line-height: 22px; }   
    
a.btnSmall {
    width: 87px;
    height: 22px;
    float: left;
    background: url(../img/layout/btn_bgSmall.png) top left no-repeat;
    font-size: 13px;
    color: #fff;
    text-align: center;
    line-height: 22px; }
    
input.btn {
    border: none;
    cursor: pointer; }
    
.shortInput {
	width: 100px !important; }
	
.extraShortInput {
	width: 50px !important; }
    
.jpg { 
    padding-left: 22px;
    background: url(../img/layout/icon_jpg.png) left no-repeat; }
    
.mp3 { 
    padding-left: 22px;
    background: url(../img/layout/icon_mp3.png) left no-repeat; }
    
.mov { 
    padding-left: 22px;
    background: url(../img/layout/icon_mov.png) left no-repeat; }
    
.zip { 
    padding-left: 22px;
    background: url(../img/layout/icon_zip.png) left no-repeat; }
    
.pdf { 
    padding-left: 22px;
    background: url(../img/layout/icon_pdf.png) left no-repeat; }
    
.docx { 
    padding-left: 22px;
    background: url(../img/layout/icon_docx.png) left no-repeat; }
    
.txt { 
    padding-left: 22px;
    background: url(../img/layout/icon_txt.png) left no-repeat; }
    
.xls { 
    padding-left: 22px;
    background: url(../img/layout/icon_xls.png) left no-repeat; }
    
    a.btn:hover, a.btnSmall:hover, input.btn:hover { 
    	/*background-position: bottom;*/
    	text-decoration: none; }

    			nav ul li.active { border-bottom: 5px solid #c63538; }
    			
    			nav ul li.active a { color: #c63538; }
    
    	
/*** SECTION ***/
section {
    width: 987px;
    min-height: 400px;
    float: left;
    padding: 0 0 20px;
    margin: 115px 0 0; }
    
    section.inner { 
    	position: relative;
    	margin: 115px 0 25px;
    	background: url(../img/layout/section_bg.png) top left repeat-y; }
    
    .right { float: right !important; }
    
    /*** ARTICLE ***/
    article {
    	width: 754px;
    	float: right; }
    	
    	article .fullWidth {
    		width: 754px;
    		float: left;
    		margin: 0 0 20px; }
    		
    	article h1 { 
    		font-size: 32px;
    		font-weight: normal;
    		padding: 0 0 5px;
    		background: url(../img/layout/h1_bg.jpg) bottom left no-repeat; }

    /*** WHO FOR ***/
    .ac_logo { float:right; margin-right: 15px; margin-left: 10px; }
    
    #whoFor {
    	width: 63%;
    	display: block;
    	float: left;
    	border-right: 1px solid #d8d8d8;
    	font-size: 18px;
        box-sizing: border-box;  }
    	
    	#whoFor .buttons {
            max-width: 100%;
            min-height: 408px;
            padding: 25px 0 0 245px;
            margin: 40px 0 0;
            background: url(../img/layout/img_coach.png) top left no-repeat;
            text-align: center;
            box-sizing: border-box; }

            #whoFor .buttons > div {
                width: 300px;
                float: left; }

            #whoFor .buttons a.btn {
                width: 100%;
                height: auto;
                float: left;
                padding: 13px 17px;
                margin: 0 0 10px;
                background: #f3f3f3;
                border: 1px solid #e9e9e9;
                border-left: 3px solid #c63538;
                border-radius: 5px;
                color: #6c6c6c;
                text-align: left;
                font-weight: bold;
                font-size: 16px;
                line-height: normal;
                box-sizing: border-box; }

                #whoFor .buttons a.btn span {
                    min-height: 39px;
                    padding: 12px 0 0 55px;
                    display: block;
                    box-sizing: border-box; }

                    #whoFor .buttons a.btn span.tutorials { background: url(../img/layout/icon_tutorials.png) left no-repeat; }
                    #whoFor .buttons a.btn span.faq { background: url(../img/layout/icon_faq.png) left no-repeat; }
                    #whoFor .buttons a.btn span.lookup { background: url(../img/layout/icon_membershipLookup.png) left no-repeat; }
                    #whoFor .buttons a.btn span.contact { background: url(../img/layout/icon_contact.png) left no-repeat; }
                    #whoFor .buttons a.btn span.register { background: url(../img/layout/icon_register.png) left no-repeat; }

                #whoFor .buttons a.btn:hover { 
                    background: #c63538;
                    color: #fff; }

                    #whoFor .buttons a.btn:hover span.tutorials { background: url(../img/layout/icon_tutorials2.png) left no-repeat; }
                    #whoFor .buttons a.btn:hover span.faq { background: url(../img/layout/icon_faq2.png) left no-repeat; }
                    #whoFor .buttons a.btn:hover span.lookup { background: url(../img/layout/icon_membershipLookup2.png) left no-repeat; }
                    #whoFor .buttons a.btn:hover span.contact { background: url(../img/layout/icon_contact2.png) left no-repeat; }
                    #whoFor .buttons a.btn:hover span.register { background: url(../img/layout/icon_register2.png) left no-repeat; }

            #whoFor .buttons img { 
                display: inline;
                margin: 10px auto 0; }
    	
    	/*#whoFor.coaches { background: url(../img/layout/coaches_bg.gif) top right no-repeat; }
    	#whoFor.athletes { background: url(../img/layout/athletes_bg.gif) top right no-repeat; }
    	#whoFor.managers { background: url(../img/layout/managers_bg.gif) top right no-repeat; }
    	#whoFor.officials { background: url(../img/layout/officials_bg.gif) top right no-repeat; }
    	#whoFor.volunteers { background: url(../img/layout/volunteers_bg.gif) top right no-repeat; }
    	#whoFor.junkies { background: url(../img/layout/junkies_bg.gif) top right no-repeat; }*/
    	
    	ul#tabs {
    		width: 129px;
    		float: left;
    		padding: 8px 0 4px;
    		background: #f5f5f5;
    		border: 1px solid #d8d8d8;
    		list-style: none;
    		font-size: 16px;
    		text-align: right; }
    		
    		ul#tabs li, ul#tabs li a {
    			width: 121px;
    			height: 33px;
    			float: left;
    			padding: 0 25px 0 0;
    			margin: 0 0 4px;
    			line-height: 33px; }
    			
    			ul#tabs li a { color: #424242; }
    			
    			ul#tabs li a:hover { 
    				text-decoration: none;
    				background: url(../img/layout/loginMenu_hover.jpg) top left no-repeat; }
    			
    			ul#tabs li a.active { background: url(../img/layout/loginMenu_bg.png) top left no-repeat; }
    			
    	.content {
    		width: 295px;
    		float: left;
    		margin: 0 0 0 30px; }
    		
    	ul.icons {
    		float: left;
    		margin: 0 0 10px;
    		list-style: none;
    		font-size: 12px; }
    		
    		ul.icons li {
    			width: 235px;
    			float: left;
    			padding: 0 0 0 60px;
    			margin: 0 0 15px; }
    			
    			ul.icons li.membership { background: url(../img/layout/icon-members.png) left no-repeat; }
    			ul.icons li.logs { background: url(../img/layout/icon-log.png) left no-repeat; }
    			ul.icons li.communication { background: url(../img/layout/icon-communicate.png) left no-repeat; }
    			ul.icons li.board { background: url(../img/layout/icon-forum.png) left no-repeat; }
    			ul.icons li.website { background: url(../img/layout/icon-website.png) left no-repeat; }
    			ul.icons li.registration { background: url(../img/layout/icon-registration.png) left no-repeat; }
    			ul.icons li.blog { background: url(../img/layout/icon-blog.png) left no-repeat; }
    			ul.icons li.stopwatch { background: url(../img/layout/icon-results.png) left no-repeat; }
    			ul.icons li.camera { background: url(../img/layout/icon-photos.png) left no-repeat; }
    			ul.icons li.report { background: url(../img/layout/icon-exporting.png) left no-repeat; }
    			ul.icons li.rules { background: url(../img/layout/icon-book.png) left no-repeat; }
    			ul.icons li.info { background: url(../img/layout/icon-forum.png) left no-repeat; }
    			ul.icons li.management { background: url(../img/layout/icon-management.png) left no-repeat; }
    			ul.icons li.results { background: url(../img/layout/icon-results.png) left no-repeat; }
    			ul.icons li.opportunities { background: url(../img/layout/icon-opportunities.png) left no-repeat; }
    			ul.icons li.discuss { background: url(../img/layout/icon-discuss.png) left no-repeat; }
    			ul.icons li.eyes { background: url(../img/layout/icon-follow.png) left no-repeat; }
    			ul.icons li.star { background: url(../img/layout/icon-prizes.png) left no-repeat; }
    		
    		ul.icons strong { font-size: 14px; }
    		
    /*** LOGIN ***/
    aside.loginSide {
        width: 33%;
        float: right; }
        
    #javascript_error {
    	width: 330px;
    	float: right;
    	margin: 0 0 10px; }
    	
    #login {
    	width: 100%;
    	float: right;
    	margin: 0 0 10px; }
    	
    	#login_area { 
    		margin-top: -28px; }
    
    	#login form, #createAccount form {
    		width: 100%;
    		float: left;
    		margin: 0 0 15px; }
    		
    		#login form fieldset, #createAccount form fieldset { border: none; }
    		
    		#login form ul, #createAccount form ul { list-style: none; }
    		
    			#login form ul li, #createAccount form ul li {
    				width: 100%;
    				float: left;
    				margin: 0 0 11px; }
    				
    		#login form input.text, #createAccount form input.text, #resetPassword input.text, #setUsername input.text {
    			width: 100%;
    			height: 30px;
    			padding: 0 7px;
    			background: #efefef;
    			border: 1px solid #898686;
    			font: inherit;
    			box-sizing: border-box; }
    			
    			#login form input:hover, #login form input:focus, #createAccount form input:hover, #createAccount form input:focus, #resetPassword form input:focus, #setUsername form input:focus { border-color: #c63538; }
    			
    		.placeholder { color: #797979; }
    		
    		#login form input.checkbox, #createAccount form input.checkbox { margin: 1px 5px 0 0; }
    		
    		#login form label, #createAccount form label { font-size: 13px; }
    			
    	#login img.loginSocial {
    		width: 160px;
    		height: 26px;
    		float: left; }
    		
    	#border {
    		width: 100%;
    		height: 1px;
    		float: left;
    		margin: 8px 0 0;
    		overflow: hidden; }
    		
    		#border div { 
    			width: 100%;
    			display: block;
    			border-bottom: 4px dashed #d8d8d8; }
    
    /*** CREATE ACCOUNT ***/			
    #createAccount {
    	width: 100%;
    	float: right; }
    	
    	#createAccount a.createAccount {
    		width: 245px;
    		height: 41px;
    		float: left;
    		background: url(../img/layout/btn_createAccount.png) top left no-repeat; }
    		
    		#createAccount a.createAccount.active { background-position: bottom; }
    		
    	#createAccount form { 
    		display: none;
    		margin: 20px 0 0; }
    		
    	#createAccount form div.username {
    		width: 330px;
    		height: 30px;
    		float: left;
    		position: relative; }
    		
    		#createAccount form div.username a.help {
    			width: 34px;
    			height: 30px;
    			float: right;
    			position: absolute;
    			z-index: 5;
    			top: 1px;
    			right: 1px;
    			background: url(../img/layout/btn_help.jpg) top left no-repeat; }
    			
    			#createAccount form div.username a.help:hover { background-position: bottom !important; }
    			
    			#createAccount form div.username:hover a.help { background-position: bottom !important; }
    			#createAccount form div.username:hover input { border-color: #c63538; }
    			
    		#createAccount form div.username input.text {
    			width: 281px;
    			height: 30px;
    			padding: 0 40px 0 7px; }
    			
    /*** TESTIMONIALS ***/
    ul.testimonials {
    	width: 460px;
    	float: left;
    	padding: 0 30px 0 0;
    	border-right: 1px solid #d8d8d8;
    	list-style: none; }
    	
    	ul.testimonials li {
    		width: 460px;
    		float: left;
    		margin: 0 0 30px; }
    		
    		ul.testimonials li img {
    			width: 122px;
    			float: left; }
    			
    		ul.testimonials li .quote {
    			width: 328px;
    			float: right; }
    			
    			ul.testimonials li .quote p { font-style: italic; }
    			
    ul#rightTestimonials { 
    	float: right;
    	padding: 0 0 0 30px;
    	border: none; }
    
    /*** VIDEO TUTORIALS ***/
    #videoTuts img { 
        max-width: 100%;
        height: auto; }
    	
    /*** FAQ ***/
    #faq {
    	width: 63%;
    	float: left;
    	padding: 0 40px 0 0;
    	border-right: 1px solid #d8d8d8;
    	box-sizing: border-box; }
    	
    	#faq .question {
    		display: block;
    		margin: 0 0 25px; }
    		
    /*** ASK A QUESTION ***/
    #ask {
    	width: 33%;
    	float: right; }
    	
    	#ask p {
    		margin-bottom: 6px; }
    	
    	#ask form {
    		width: 100%;
    		float: left;
    		margin: 0 0 30px; }
    		
    		#ask form fieldset { border: none; }
    		
    		#ask form ul { list-style: none; }
    		
    			#ask form ul li {
    				width: 100%;
    				float: left;
    				margin: 0 0 11px; }
    				
    		#ask form input.text {
    			width: 100%;
    			height: 30px;
    			padding: 0 7px;
    			background: #efefef;
    			border: 1px solid #898686;
    			font: inherit;
    			box-sizing: border-box; }
    			
    			#ask form input:hover, #login form input:focus { border-color: #c63538; }
    			
    		#ask form textarea {
    			width: 100%;
    			height: 100px;
    			padding: 7px;
    			background: #efefef;
    			border: 1px solid #898686;
    			font: inherit;
    			box-sizing: border-box; }
    			
    /*** SETTINGS ***/
    #notice, #success_notice, #are_you_sure_following_div, #notice_post_secondary_request, #notice_branch_transfers_request, #notice_crc_expiry_request, #notice_crc_expiry_request, #notice_club_request {
    	width: 702px;
    	float: left;
    	padding: 0 0 0 50px;
    	margin: 0 0 20px;
    	font-size: 18px; }
    	
    	#notice.success, #success_notice {
    		min-height: 44px;
    		padding: 12px 0 8px 50px;
    		background: url(../img/layout/icon_success.png) top left no-repeat #f9fdef;
    		border: 1px solid #3dac12; }
    		
    		.one_line { 
    			height: 44px;
	    		padding: 0 0 0 50px !important;
	    		line-height: 44px; }
    		
    	#notice.error, #are_you_sure_following_div.error, #notice_post_secondary_request.error, #notice_branch_transfers_request.error, #notice_crc_expiry_request.error, #notice_crc_expiry_request.error, #notice_club_request.error {
    		min-height: 44px;
    		padding: 12px 0 8px 50px;
    		background: url(../img/layout/icon_error.png) top left no-repeat #ffedb3;
    		border: 1px solid #e8a611; }
    		
    	#notice.noResults {
    		padding: 12px 0 15px 50px;
    		background: url(../img/layout/icon_error.png) top left no-repeat #ffedb3;
    		border: 1px solid #e8a611; }
    		
    		#notice.error ol, #are_you_sure_following_div.error ol, #notice_post_secondary_request.error ol, #notice_crc_expiry_request.error ol, #notice_club_request.error ol { 
    			margin: 0 0 0 20px;
    			font-size: 14px;
    			line-height: 24px; }
    		
    .settingsLabel {
    	width: 80px;
    	float: left; }
    	
    .settingsContent {
    	width: 664px;
    	float: right; }
    	
    	a.editInfo {
    		float: right;
    		margin: -3px 0 0 10px; }
    		
    h3.settings {
    	font-weight: normal;
    	text-decoration: underline;
    	margin: 0 0 15px; }
    	
    h3.settings2 {
    	font-weight: normal;
    	text-decoration: underline;
    	margin: 0 0 3px; }
    	
    .settingsContent a.add { 
    	float: left;
    	padding: 0 0 0 16px;
    	margin: 15px 0 0;
    	background: url(../img/layout/icon_add.png) left no-repeat;
    	color: #424242; }
    	
    a.update { margin: 0 0 0 90px; }
    	
    a.cancel { margin: 0 17px; }
    
    a.delete { background: url(../img/layout/btn_delete.png) top left no-repeat; }
    	
    /*** SETTINGS FORM ***/		
    .settingsContent .inputWrap { float: left; }
    
    input.text, textarea {
    	padding: 0 5px;
    	background: #efefef;
    	border: 1px solid #898686;
    	font: inherit; }
    	
    input.text { height: 30px; }
    	
    	.settingsContent .sizeFull { width: 424px; }
    	.settingsContent .sizeHalf { width: 202px; }
    	
    	.settingsContent input.domain { width: 317px; }
    	
    	.settingsContent input.title { width: 167px; }
    	
    	.settingsContent .ext { width: 41px; }
    		
    	.settingsContent .topMar { margin-top: -7px; }
    	
    	.settingsContent form textarea { 
    		height: 67px;
    		padding: 5px; }
    	
    	.settingsContent textarea.aboutTextarea { 
    		width: 389px;
    		height: 66px;
    		float: left;
    		padding: 5px; }
    		
    	.settingsContent textarea.websiteTextarea { 
    		height: 66px;
    		float: left;
    		padding: 5px; }
    		
    	.settingsContent input.error, .settingsContent textarea.error { 
    		background: #ffedb3;
    		border: 1px solid #e8a611; }
    	
    .settingsContent a.changeFR { 
    	width: 35px;
    	height: 32px;
    	float: left; }
    	
    .settingsContent a.changeFRtextarea { 
    	width: 35px;
    	height: 78px;
    	float: left; }
    	
    .settingsContent ul { list-style: none; }
    
    	.settingsContent .contactPerson ul li {
    		float: left;
    		margin: 0 8px 6px 0; }
    		
    .settingsContent form {
    	width: 444px; 
    	font: left;
    	margin: 5px 0;
    	display: none; }
    
    .settingsContent img.help {
    	width: 16px;
    	height: 16px;
    	vertical-align: middle;
    	margin: -2px 20px 0 5px;
    	position: relative; }
    	
    	.settingsContent fieldset { border: none; }
    	
    .settingsContent .contactPerson { margin: 10px 0 0; }
    
    .settingsContent span.contactName { margin: 0 10px 0 0; }
    
    .settingsContent #contacts { 
    	width: 664px;
    	float: left;
    	margin: 10px 0 0; }
    	
    a.updateContact, a.cancelContact, a.deleteContact2 { display: none; }
    
    /*** MEMBERSHIP TYPES ***/
    #membershipTypes {
    	width: 754px;
    	float: left;
    	margin: 0 0 10px; }
    	
    	#membershipTypes .row {
    		width: 754px;
    		float: left; }
    		
    		#membershipTypes .data { 
				width: 754px;
				float: left; }
				
				#membershipTypes .row div.cell { 
					display: none;
					padding-right: 3px; }
    		
    	#membershipTypes .even { background: #eaeaea; }
    	
    	.even_light { background: #f2f2f2; }
    		
    	#membershipTypes .column1, #membershipTypes .column2, #membershipTypes .column3, #membershipTypes .column4, #membershipTypes .column5, #membershipTypes .column6 {
    		float: left;
    		padding: 5px; }
    		
    	#membershipTypes .column3, #membershipTypes .column4, #membershipTypes .column5, #membershipTypes .column6 {
				visibility: hidden; }	
    		
    		#membershipTypes .column1 { width: 214px; }
			#membershipTypes .column2 { width: 115px; }
			#membershipTypes .column3 { width: 115px; }
			#membershipTypes .column4 { width: 115px; }
			#membershipTypes .column5 { width: 115px; }
			#membershipTypes .column6 { width: 0px; } /* NOTE IF I PUT BACK DAY ALL 6 HAVE TO TOTAL 674px */
			
    	#membershipTypes #rowHeaders div { 
				visibility: visible !important;
				color: #898686;
				position: relative; }
    		
    	#membershipTypes #rowHeaders .active { 
    		visibility: visible;
    		color: #424242; }
    		
    		#membershipTypes #rowHeaders div .cell { display: inline; }
			
    		#membershipTypes #rowHeaders .active .cell { color: #424242; }
    		
    	#membershipTypes #rowHeaders span { margin: 0 0 0 17px; }
    	
    	#membershipTypes span.subRole { 
    		display: block;
    		margin: 5px 0 0 15px; }
    		
    	#membershipTypes img.help {	vertical-align: middle; }
    		
    	#membershipTypes .active { visibility: visible; }
    	
    	#membershipTypes .visible div.cell { display: inline; }
    	
    	#membershipTypes .column1 { 
    		visibility: visible;
    		color: #898686; }
    		
    	#membershipTypes .visible .column1 { color: #424242; }
    	
    	#membershipTypes .cell { cursor: pointer; position: relative; }
			
			#membershipTypes #rowHeaders div a.editCell, 
			#membershipTypes .cell a.editCell, 
			.membershipTables .cellData a.editCell, 
			.membershipTables .cell a.editCell {
				width: 14px;
				height: 14px;
				display: none;
				position: absolute;
				top: 2px;
				right: -14px;
				background: url(../img/layout/icon_edit.png) no-repeat; }
			
			#membershipTypes #rowHeaders div:hover a.editCell, 
			#membershipTypes .cell:hover a.editCell,
			.membershipTables .cellData:hover a.editCell, 
			.membershipTables .cell:hover a.editCell { display: block; }
			
			a.editCellText {
				color: #424242; }
				
			a.editCellText:hover {
				text-decoration: none;
				color: #424242; }
    	
    .membershipTables {
    	width: 754px;
    	float: left;
    	margin: 0 0 10px; }
    	
    	.membershipTables .row {
    		width: 754px;
    		float: left; }
    		
    	.membershipTables .data {
			width: 754px;
			float: left; }

    		
    		.membershipTables .row .cell { display: none; }
    		
    		.membershipTables .visible .cell { display: inline; }
				
				.membershipTables .cellData, .membershipTables .cell { 
					cursor: pointer;
					display: inline;
					padding: 0 3px 0 0;
					position: relative; }
    		
    	.membershipTables .even { background: #eaeaea; }
    	
    	.membershipTables .column1, .membershipTables .column2, .membershipTables .column3, .membershipTables .column4 {
			 float: left;
			 padding: 5px; }
   		 
    	.membershipTables .column1 { color: #898686; }
    	.membershipTables .visible .column1 { color: #424242; }
    		 
    		.renewal .column1 { width: 100px; }
			.renewal .column2 { width: 624px; }
				
			.limitedComp .column1 { width: 175px; }
			.limitedComp .column2 { width: 95px; }
			.limitedComp .column3 { width: 444px; }
			
			.teams .column1 { width: 174px; }
			.teams .column2 { width: 110px; }
			.teams .column3 { width: 110px; }
			.teams .column4 { width: 310px; }
    		
    		.membershipTables .editColumn { width: 39px; text-align: center; }
    		
    		.membershipTables .headerColumn { 
    			width: 744px;
    			float: left;
    			padding: 5px; }
    			
    		.membershipTables #rowHeaders .column1 { color: #424242; }
    		
    		.membershipTables #rowHeaders span { margin: 0 0 0 17px; }
    		
    		#membershipTypes #indoor_header_text, #membershipTypes #outdoor_header_text, #membershipTypes #xcountry_header_text, #membershipTypes #road_header_text { margin: 0 !important; padding: 0 !important; }
    
    .discounts { 
    	width: 754px;
    	float: left;
    	padding: 0 0 15px;
    	margin: 10px 0 20px;
    	border-bottom: 1px solid #e1e1e1; }
    	
    	.discountBox {
    		width: 754px;
    		float: left;
    		margin: 0 0 5px;
    		color: #898686; }
    		
    	.discounts .options { 
    		display: inline;
    		margin: 0 0 0 10px; }
    		
    	.discountBox span { color: #424242; }
    	
    	.discountBox .light_text, .light_text { color: #8a8787; }
    			
    .discounts a.add {
    	float: left;
    	padding: 0 0 0 16px;
    	margin: 0 20px 10px 0;
    	background: url(../img/layout/icon_add.png) left no-repeat;
    	color: #424242; }
    
    /*** MEMBERSHIP FORM EDIT ***/
    #membershipFormEdit {
    	width: 930px;
    	min-height: 531px;
    	float: left;
    	padding: 10px;
    	background: #e4e4e4;
    	position: relative; }
    	
    	#membershipFormEdit #membershipForm_head {
    		width: 910px;
    		position: fixed;
    		top: 0;
    		left: 10px;
    		z-index: 100;
    		padding: 10px 0 0;
    		padding-right: 20px;
    		background: #e4e4e4; }
    	
    	#membershipFormEdit h2 {
    		font-size: 33px;
    		text-transform: uppercase;
    		background: url(../img/layout/h1_bg2.jpg) bottom left no-repeat; }
    		
    	#membershipFormEdit a.btn { 
    		float: right;
    		margin: 7px 0 0 17px; }
    		
    	#membershipFormEdit .tabs ul { 
    		width: 904px;
    		float: left;
    		padding: 0 0 0 6px;
    		margin: 50px 0 0;
    		list-style: none;
    		border-bottom: 1px solid #424242; }
    	
    		#membershipFormEdit .tabs ul li { 
    			float: left;
    			margin: 0 0 0 4px; }
    		
    			#membershipFormEdit .tabs ul li a {
    				display: block;
    				padding: 3px 10px;
    				color: #ededed;
    				background: #8b8b8b;
    				position: relative;
    				top: 1px;
    				border: 1px solid #424242;
    				border-bottom: none; }
    				
    				#membershipFormEdit .tabs ul li a:hover { 
    					background: #acacac;
    					text-decoration: none; }
    				
    				#membershipFormEdit .tabs ul li a.active {
    					color: #424242;
    					background: #e4e4e4;
    					border-bottom: 1px solid #e4e4e4; }
    					
    	.membershipFormEdit_details {
    		width: 910px;
    		float: left;
    		margin: 20px 0 0; }
    	
    	#membershipFormEdit h3 span { margin: 0 0 0 20px; }
    	
    		#membershipFormEdit h3 span img { 
    			vertical-align: text-top;
    			margin: 0 3px 0 0; }
    		
    	.membershipFormEdit_details .block {
    		width: 910px;
    		float: left; }
    		
    		.membershipFormEdit_details form fieldset { 
    			float: left;
    			border: none; }
    		
    		.membershipFormEdit_details .textareaBox { 
    			float: left;
    			margin: 0 0 20px; }
    			
    		.membershipFormEdit_details textarea { 
    			width: 858px;
    			height: 60px;
    			float: left;
    			padding: 8px;
    			font: inherit;
    			background: #efefef;
    			border: 1px solid #898686;
    			border-right: none; }
    			
    		.membershipFormEdit_details .frBtn { float: left; }
    		
    		.membershipFormEdit_details .list {
    			width: 450px;
    			float: left; }
    			
    			.membershipFormEdit_details .list ul { 
    				float: left;
    				margin: 0 0 15px;
    				list-style: none; }
    			
    				.membershipFormEdit_details .list ul li {
    					width: 444px;
    					float: left;
    					padding: 3px; }
    					
    				.membershipFormEdit_details .list ul li.odd { background-color: #f2f2f2; }
    				
    				.membershipFormEdit_details .list img.handle { 
    					float: left;
    					margin: 0 5px 0 0;
    					cursor: move; }
    					
    				.membershipFormEdit_details .list .field1 {
    					width: 139px;
    					float: left; }
    					
    				.membershipFormEdit_details .list .field2 {
    					width: 185px;
    					float: left; }
    					
    				.membershipFormEdit_details .list .field3 {
    					width: 95px;
    					float: left; }
    					
    				.membershipFormEdit_details .list label { margin: 0 10px 0 3px; }
    				
    			.membershipFormEdit_details .list a.add {
    				margin: 0 0 0 5px;
    				padding: 0 0 0 16px;
    				background: url(../img/layout/icon_add.png) left no-repeat;
    				color: #424242;  }
    				
    /*** MEMBERSHIP FORM ADD QUESTION ***/
    #membershipForm_addQuestion, #membershipForm_addWaiver {
    	width: 960px;
    	height: 550px;
    	display: none;
    	position: absolute;
    	top: 0;
    	left: 0;
    	z-index: 1000;
    	background: url(../img/layout/transparent_overlay.png) repeat; }
    	
    	#membershipForm_addQuestionMain, #membershipForm_addWaiverMain {
    		width: 770px;
    		height: 425px;
    		display: block;
    		padding: 10px;
    		position: relative;
    		top: 50%;
    		left: 50%;
    		margin-top: -227px;
    		margin-left: -400px;
    		background: #e4e4e4;
    		border: 5px solid #000; }
    		
    		#membershipForm_addQuestion h2, #membershipForm_addWaiver h2 {
    			font-size: 20px;
    			text-transform: uppercase;
	    		background: url(../img/layout/h1_bg2.jpg) bottom left no-repeat;
    			padding: 0 0 5px; }
    			
    		#membershipForm_addQuestion a.btn, #membershipForm_addWaiver a.btn { margin: 0; float: right; }
    		
    		#membershipForm_addQuestion #option1, #membershipForm_addWaiver #option1 {
    			width: 369px;
    			float: left;
    			padding: 0 15px 0 0;
    			margin: 3px 0 0;
    			border-right: 1px solid #aaa; }
    			
    		#membershipForm_addQuestion #option2, #membershipForm_addWaiver #option2 {
    			width: 370px;
    			float: right;
    			padding: 0 0 0 15px;
    			margin: 3px 0 0; }
    			
    		#membershipForm_addQuestion #option1 a.btn, #membershipForm_addWaiver #option1 a.btn, #membershipForm_addQuestion #option2 a.btn, #membershipForm_addWaiver #option2 a.btn { float: left; }
    		
    		#membershipForm_addQuestion #option1 a.btn, #membershipForm_addWaiver #option1 a.btn { margin: 10px 0 0; }
    		
    		#membershipForm_addQuestion strong, #membershipForm_addWaiver strong { display: block; }
    		
    		#membershipForm_addQuestion #addQuestion_optionlist, #membershipForm_addWaiver #addWaiver_optionlist {
    			width: 370px;
    			float: left;
    			margin: 10px 0; }
    			
    			#membershipForm_addQuestion #addQuestion_optionlist ul, #membershipForm_addWaiver #addWaiver_optionlist ul { list-style: none; }
    			
    			#membershipForm_addQuestion #addQuestion_optionlist ul li, #membershipForm_addWaiver #addWaiver_optionlist ul li {
    				width: 344px;
    				float: left;
    				padding: 3px; }
    				
    				#membershipForm_addQuestion #addQuestion_optionlist ul li.odd, #membershipForm_addWaiver #addWaiver_optionlist ul li.odd { background: #f2f2f2; }
    				
    			#membershipForm_addQuestion #addQuestion_optionlist .field1, #membershipForm_addWaiver #addWaiver_optionlist .field1 {
    				width: 165px;
    				float: left; }
    				
    			#membershipForm_addQuestion #addQuestion_optionlist .field2, #membershipForm_addWaiver #addWaiver_optionlist .field2 {
    				width: 175px;
    				float: left; }
    			
    			#membershipForm_addQuestion #addQuestion_optionlist ul li .field1 input, #membershipForm_addWaiver #addWaiver_optionlist ul li .field1 input { margin: 0 3px 0 0; }
    			
    			#membershipForm_addQuestion #addQuestion_optionlist ul li .field2 input, #membershipForm_addWaiver #addWaiver_optionlist ul li .field2 input { margin: 0 3px 0 7px; }
    			
    			#membershipForm_addQuestion #addQuestion_optionlist .viewport, #membershipForm_addWaiver #addWaiver_optionlist .viewport { width: 344px; height: 312px; float: left; overflow: hidden; position: relative; }
    			#membershipForm_addQuestion #addQuestion_optionlist .overview, #membershipForm_addWaiver #addWaiver_optionlist .overview { list-style: none; position: absolute; left: 0; top: 0; }
    			#membershipForm_addQuestion #addQuestion_optionlist .scrollbar, #membershipForm_addWaiver #addWaiver_optionlist .scrollbar { position: relative; float: right; width: 15px; }
    			#membershipForm_addQuestion #addQuestion_optionlist .track, #membershipForm_addWaiver #addWaiver_optionlist .track { background-color: #c8c8c8; height: 100%; width: 15px; position: relative; }
    			#membershipForm_addQuestion #addQuestion_optionlist .thumb, #membershipForm_addWaiver #addWaiver_optionlist .thumb { width: 15px; cursor: pointer; overflow: hidden; position: absolute; top: 0; background: url(../img/layout/scrollbar_arrowDown.jpg) bottom no-repeat #199800; }
    			#membershipForm_addQuestion #addQuestion_optionlist .thumb .end, #membershipForm_addWaiver #addWaiver_optionlist .thumb .end { overflow: hidden; height: 10px; width: 15px; background: url(../img/layout/scrollbar_arrowUp.jpg) top no-repeat; }
    			#membershipForm_addQuestion #addQuestion_optionlist .disable, #membershipForm_addWaiver #addWaiver_optionlist .disable { display: none; }
    			
    		#membershipForm_addQuestion #option2 .step, #membershipForm_addWaiver #option2 .step { 
    			width: 370px;
    			float: left;
    			margin: 5px 0 0; }
    			
    		#membershipForm_addQuestion #option2 ul#step1, #membershipForm_addWaiver #option2 ul#step1 { list-style: none; }
    		
    			#membershipForm_addQuestion #option2 ul#step1 li, #membershipForm_addWaiver #option2 ul#step1 li {
    				width: 180px;
    				float: left;
    				margin: 0 0 3px; }
    				
    			#membershipForm_addQuestion #option2 ul#step1 input, #membershipForm_addWaiver #option2 ul#step1 input { margin: 0 5px 0 0; }
    			
    			#membershipForm_addQuestion #option2 ul#step1 img.help, #membershipForm_addWaiver #option2 ul#step1 img.help { 
    				vertical-align: top;
    				margin: 0 0 0 5px; }
    				
    			#membershipForm_addQuestion #option2 span.title, #membershipForm_addWaiver #option2 span.title {
    				text-decoration: underline;
    				margin: 0 0 5px;
    				display: block; }
    				
    			#membershipForm_addQuestion #option2 .inputWrap, #membershipForm_addWaiver #option2 .inputWrap { float: left; }
    			
    			#membershipForm_addQuestion #option2 input.text, #membershipForm_addWaiver #option2 input.text { 
    				height: 20px;
    				padding: 5px;
    				margin: 0 0 5px;
    				background: #efefef;
    				border: 1px solid #898686;
    				border-right: none;
    				font: inherit; }
    				
    				#membershipForm_addWaiver #option2 textarea.text { 
	    				height: 163px;
	    				width: 323px;
	    				padding: 5px;
	    				margin: 0 0 5px;
	    				background: #efefef;
	    				border: 1px solid #898686;
	    				border-right: none;
	    				font: inherit; }
    				
    				#membershipForm_addQuestion #option2 input.big, #membershipForm_addWaiver #option2 input.big { width: 323px; }
    				#membershipForm_addQuestion #option2 input.small, #membershipForm_addWaiver #option2 input.small { width: 135px; }
    				
    			#membershipForm_addQuestion #option2 img.changeFR, #membershipForm_addWaiver #option2 img.changeFR { float: left; }
    			
    			#membershipForm_addQuestion #option2 .optionsNumber, #membershipForm_addWaiver #option2 .optionsNumber { 
    				float: right;
    				margin: 1px 0 0;
    				font-size: 13px; }
    				
    			#membershipForm_addQuestion #option2 ul#step3, #membershipForm_addWaiver #option2 ul#step3 { list-style: none; }
    			
    				#membershipForm_addQuestion #option2 ul#step3 li, #membershipForm_addWaiver #option2 ul#step3 li { 
    					width: 170px;
    					float: left; }
    					
    			#membershipForm_addQuestion #option2 .step3, #membershipForm_addWaiver #option2 .step3 { display: none; }
    		
    
    /*** PAYMENT TYPES ***/
    #paymentTypes {
    	width: 754px;
    	float: left; }
    	
    	#paymentTypes fieldset { 
    		float: left;
    		border: none; }
    	
    	#paymentTypes ul { list-style: none; }
    	
    		#paymentTypes ul li { 
    			width: 754px;
    			float: left;
    			margin: 0 0 10px; }
    			
    		#paymentTypes .left { 
    			width: 20px;
    			float: left;
    			padding: 0 0 0 5px; }
    			
    		#paymentTypes .right {
    			width: 726px;
    			float: right; }
    			
    		#paymentTypes .right label {
    			margin: 2px 0 0;
    			display: block; }
    			
    		#paymentTypes .paymentContent {
    			width: 726px;
    			float: left;
    			margin: 8px 0 0;
    			display: none; }
    			
    		#paymentTypes textarea {
    			width: 679px;
    			height: 66px;
    			float: left;
    			padding: 5px;
    			background: #efefef;
    			border: 1px solid #898686;
    			font: inherit; }
    			
    			#paymentTypes .textareaWrap { 
    				width: 726px;
    				display: block; }
    				
    		#paymentTypes img.changeFR {
    			width: 35px;
    			height: 78px;
    			float: right; }
    			
    		#paymentTypes input.text {
    			height: 20px;
    			padding: 5px;
    			margin: 0 0 8px;
    			background: #efefef;
    			border: 1px solid #898686;
    			font: inherit; }
    			
    			#paymentTypes input.big {
    				width: 432px; }
    				
    		#paymentTypes ul.tabs {
    			width: 726px;
    			float: left; }
    			
    			#paymentTypes ul.tabs li {
    				width: auto;
    				float: left;
    				margin: 0 20px 0 0; }
    				
    			#paymentTypes img.help {
    				vertical-align: bottom;
    				margin: 0 0 0 5px; }
    				
    			#paymentTypes ul.tabs label { 
    				display: inline;
    				margin: 0 0 0 5px; }
    			
    			#paymentTypes .tabContent { 
    				width: 726px;
    				float: left;
    				display: none; }
    				
    				#paymentTypes .paymentContent .active { display: block; }
    			
    			#paymentTypes .tabContent label {
    				display: inline;
    				margin: 0 0 0 5px; }
    				
    			#paymentTypes #trackieGateway { 
    				width: 708px;
    				padding: 0 0 0 18px; }
    				
    				#paymentTypes .tabContent span.input {
    					float: left;
    					margin: 0 20px 0 0; }
    					
    				#paymentTypes .tabContent .accountInfo {
    					width: 726px;
    					float: left;
    					margin: 10px 0 0 0;
    					display: none; }
    					
    				#paymentTypes .tabContent #bankAccount { background: url(../img/layout/img_accountInfo.png) bottom right no-repeat; }
    				
    				#paymentTypes #trackieGateway .active { display: block; }
    					
    					#paymentTypes .tabContent .accountInfo div { display: block; }
    					
    					#paymentTypes .tabContent .accountInfo input { margin: 0 5px 8px 0; }
    					
    					#paymentTypes .tabContent .accountInfo input.transit { width: 132px; }
    					#paymentTypes .tabContent .accountInfo input.institution { width: 80px; }
    					#paymentTypes .tabContent .accountInfo input.account { width: 190px; }
    					#paymentTypes .tabContent .accountInfo input.paypalEmail { width: 300px; }
    			
    		#paymentTypes ul#ownPaymentMethods {
    			width: 170px;
    			float: left; }
    			
    			#paymentTypes ul#ownPaymentMethods li {
    				width: 170px; }
    				
    		#paymentTypes .ownPaymentContent {
    			width: 470px;
    			float: left;
    			margin: 0 0 0 20px;
    			display: none; }
    			
    			#paymentTypes #ownGateway .active { display: block; }
    			
    			#paymentTypes .ownPaymentContent h3 { 
    				font-size: 14px;
    				margin: 0 0 7px; }
    			
    			#paymentTypes .ownPaymentContent p { margin: 3px 0 0; }
    			
    			#paymentTypes .ownPaymentContent p.notice { color: #898686; }
    			
    			#paymentTypes .ownPaymentContent input.text { 
    				width: 400px;
    				margin: 0 0 5px; }
    				
    		#paymentTypes .inputWrap { display: block; }
    				
    /*** ADVANCED ***/
    .settingsAdvanced {
    	width: 754px;
    	float: left; }
    	
    	.settingsAdvanced fieldset { 
    		float: left;
    		border: none; }
    	
    	.settingsAdvanced ul { list-style: none; }
    	
    		.settingsAdvanced ul li { 
    			width: 754px;
    			float: left;
    			margin: 0 0 10px; }
    			
    		.settingsAdvanced .left { 
    			width: 20px;
    			float: left;
    			padding: 0 0 0 5px; }
    			
    		.settingsAdvanced .right {
    			width: 726px;
    			float: right; }
    			
    		.settingsAdvanced .right label {
    			margin: 2px 0 0;
    			display: block; }
    			
    		.settingsAdvanced .advancedContent {
    			width: 726px;
    			float: left;
    			margin: 8px 0 0;
    			color: #898686;
    			display: none; }
    			
    		.settingsAdvanced img.help { 
    			vertical-align: bottom;
    			margin: 0 0 0 5px; }
    			
    		.advancedContent input.text {
    			width: 280px;
    			height: 20px;
    			padding: 5px;
    			margin: 0 8px 0 0;
    			background: #efefef;
    			border: 1px solid #898686;
    			font: inherit; }
    			
    			.advancedContent input.big {
    				width: 490px;
    				margin: 0 0 8px; }
    			
    		.advancedContent span.input {
    			float: left;
    			margin: 0 20px 0 0; }
    			
    			.advancedContent span.input label { 
    				margin: 0 0 0 5px;
    				display: inline; }
    			
    		.settingsAdvanced .updateInfo { margin: 5px 0 0; }
    			
    		.advancedContent p { margin: 0; }
    		
    		#advancedAdmins {
    			width: 754px;
    			float: left; }
    			
    			#advancedAdmins #adminTable { 
    				float: left;
    				margin: 0 0 10px; }
    			
    			#advancedAdmins .row {
    				width: 754px;
    				float: left; }
    				
    			#advancedAdmins .data {
    				width: 650px;
    				float: left; }
    				
    				#advancedAdmins .even { background: #eaeaea; }
    				
    			#advancedAdmins .rowHeaders {
    				width: 754px;
    				float: left; }
    				
    				#advancedAdmins .rowHeaders div { text-decoration: underline; }
    				
    			#advancedAdmins .column1, #advancedAdmins .column2, #advancedAdmins .column3, #advancedAdmins .column4 {
    				float: left;
    				padding: 5px; }
    				
    				#advancedAdmins .column1 { width: 195px; }
    				#advancedAdmins .column2 { width: 110px; }
    				#advancedAdmins .column3 { width: 315px; }
    				#advancedAdmins .column4 { width: 90px; text-align: right; }
    				
    				#advancedAdmins .warning {
    					width: 295px;
    					padding: 5px 5px 5px 25px;
    					background: url(../img/layout/icon_warning.png) left no-repeat;
    					color: #a16e00; }
    					
    			#advancedAdmins img.help { vertical-align: top; }
    			
    			#advancedAdmins .addBtn {
    				width: 754px;
    				float: left; }
    				
    			#advancedAdmins a.add {
    				float: left;
    				padding: 0 0 0 16px;
    				margin: 0 0 0 5px;
    				background: url(../img/layout/icon_add.png) left no-repeat;
    				color: #424242; }
    				
    /*** SETTINGS WITHDRAW ***/
    #advancedWithdraw .block {
    	width: 754px;
    	float: left;
    	margin: 0 0 15px; }
    	
    	#advancedWithdraw .block .field1 {
    		width: 135px;
    		float: left; }
    		
    	#advancedWithdraw .block .field2 {
    		width: 615px;
    		float: right; }
    		
    	#advancedWithdraw input.text {
    		width: 130px;
    		height: 20px;
    		padding: 5px;
    		margin: -7px 0 0 0;
    		background: #efefef;
    		border: 1px solid #898686;
    		font: inherit; }
    		
    	#advancedWithdraw a.edit { margin: 0 0 0 15px; }
    	
    	#advancedWithdraw .notice {
    		padding: 10px 0 0;
    		margin: 15px 0 0;
    		border-top: 1px solid #e1e1e1; }
    		
    		#advancedWithdraw .notice input { margin: 0 15px 0 0; }
    		
    		#advancedWithdraw .notice p {
    			font-size: 12px;
    			font-style: italic;
    			margin: 7px 0 0; }
    			
    		#advancedWithdraw .notice p img { 
    			vertical-align: middle;
    			margin: 0 10px 0 0; }
    				
    /*** MEMBERS ***/
    form#membersAdvancedSearch {
    	width: 754px;
    	float: left;
    	padding: 0 0 4px;
    	margin: 0 0 10px;
    	border-bottom: 1px solid #e1e1e1;
    	display: none; }
    	
    	form#membersAdvancedSearch fieldset { border: none; }
    	
    	form#membersAdvancedSearch ul { 
    		width: 754px;
    		float: left;
    		list-style: none; }
    		
    		form#membersAdvancedSearch ul li { 
    			width: 754px;
    			float: left;
    			margin: 0 11px 6px 0; }
    				
    		form#membersAdvancedSearch .field { 
    			float: left;
    			margin: 0 11px 6px 0; }
    			
    		form#membersAdvancedSearch .fieldEnd { 
    				float: left;
    				margin-right: 0;
    				line-height: 32px; }
    			
    		form#membersAdvancedSearch a.selectField { width: 193px; }
    		
    		form#membersAdvancedSearch ul.selectField { width: 230px; }
    		
    			form#membersAdvancedSearch ul.selectField li { width: 220px; }
    			
    		form#membersAdvancedSearch a.selectContains { width: 113px; }
    		
    		form#membersAdvancedSearch ul.selectContains { width: 150px; }
    		
    			form#membersAdvancedSearch ul.selectContains li { width: 140px; }
    			
    		form#membersAdvancedSearch a.selectKey { width: 243px; }
    		
    		form#membersAdvancedSearch ul.selectKey { width: 280px; }
    		
    			form#membersAdvancedSearch ul.selectKey li { width: 270px; }
    			
    			form#membersAdvancedSearch input.text {
    				padding: 0 5px;
    				background: #efefef;
    				border: 1px solid #898686;
    				height: 30px;
    				width: 270px;
    				font: inherit; }
    				
   				form#membersAdvancedSearch input.disabled {
    				color: #c7c5c5 !important;
    				border: 1px solid #afacac !important; }
    				
    		form#membersAdvancedSearch .block { 
    			width: 754px;
    			float: left; }
    			
    		form#membersAdvancedSearch a.add {
    			float: left;
    			padding: 0 0 0 16px;
    			margin: 5px 0 0;
    			background: url(../img/layout/icon_add.png) left no-repeat;
    			color: #424242; }
    			
    		form#membersAdvancedSearch a.search {
    			float: right;
    			margin: 3px 64px 0 0; }
    			
    			
    /*** SEARCH RESULTS ***/
    #searchResultsOptions {
    	width: 754px;
    	float: left;
    	margin: 0 0 10px; }
    	
    	#searchResultsOptions a.save {
    		float: right;
    		padding: 0 0 0 19px;
    		margin: 0 15px 0 0;
    		background: url(../img/layout/icon_save.png) left no-repeat;
    		color: #424242; }
    		
    	#searchResultsOptions a.load {
    		float: right;
    		padding: 0 0 0 19px;
    		background: url(../img/layout/icon_load.png) left no-repeat;
    		color: #424242; }
    		
    table#searchResults {
    	width: 754px;
    	float: left; }
    	
    	table#searchResults th a {
    		color: #424242; }
    		
    		table#searchResults th a:hover {
    			text-decoration: none; }
    	
    	table#searchResults td, table#searchResults th { padding: 5px; }
    	
    	table#searchResults tr.odd { background: #eaeaea; }
    	
    	table#searchResults tr.no_access { background: #ffedb3; }
    	table#searchResults tr.no_access_odd { background: #fff9e6; }
    	
    	
    	table#searchResults th.check, table#searchResults td.check { width: 13px; }
    	
    	table#searchResults img.help { 
    		vertical-align: top;
    		margin: 0 0 0 3px; }
    		
    	table#searchResults img.info { 
    		vertical-align: top;
    		cursor:pointer;
    		margin: 0; }
    	
    	table#searchResults .resultProfile { display: none; }
    	
    		table#searchResults .resultProfile td { border-top: 1px solid #fff; }
    	
    	table#searchResults .resultProfile img {
    		width: 80px;
    		height: 80px;
    		float: left;
    		margin: 0 8px 0 0; }
    		
    	table#searchResults .resultProfile .resultContact {
    		width: 200px;
    		float: left; }
    		
    	table#searchResults .resultProfile .resultAddress {
    		/*width: 220px;*/
    		width: 340px;
    		float: left; }
    		
    	table#searchResults .resultProfile .resultTomb {
    		/*width: 180px;*/
    		width: 250px;
    		float: left; }
    		
    /*** MESSAGING ***/
    form.messaging {
    	width: 754px;
    	float: left;
    	margin: 7px 0 0; }
    	
    	form.messaging fieldset { border: none; }
    	
    	form.messaging ul { list-style: none; }
    	
    	form.messaging li.messaging_li { 
    		width: 754px;
    		float: left;
    		margin: 0 0 12px; }
    		
    	form.messaging label.is_label { 
    		margin: 0 0 0 6px; }
    	
    	form.messaging label.rowLabel { 
    		width: 88px;
    		float: left;
    		margin: 0; }
    		
    	form.messaging .content {
    		width: 666px;
    		float: right;
    		margin: 0; }
    		
    	form.messaging a.select { width: 341px; }
    		
    	form.messaging ul.select_list { width: 378px; }
    	
    	form.messaging ul.select_list li { width: 368px; }
    	
    	form.messaging .selectBox { margin: -7px 10px 0 0; }
    	
    	#save_as_list {
    		float: left; margin-left: 10px; margin-right: 12px; }
    	
    	form.messaging .text {
    		width: 616px;
    		height: 30px;
    		padding: 0 7px;
    		background: #efefef;
    		border: 1px solid #898686;
    		border-right: none;
    		font: inherit; }
    		
    	form.messaging input.individuals {
    		width: 364px;
    		border-right: 1px solid #898686; }
    		
    	form.messaging .inputWrap { 
    		float: left;
    		margin: -7px 0 0; }
    		
    	form.messaging img.changeFR { 
    		float: left;
    		margin: -7px 0 0; }
    		
    	form.messaging textarea.text { 
    		height: 533px;
    		padding: 7px; }
    		
    	form.messaging .btn { margin: 0 5px 0 0; }
    	
    		form.messaging .send { margin: 0; }
    		form.messaging .create { margin: 0 86px 0 0; }
    		
    		/*form.messaging .btn:hover { background-position: bottom; }*/
    		
    	form.messaging .loadDraft { 
    		float: right;
    		margin: -7px 0 0; }
    		
    		form#messagingSnailmail .loadDraft { display: none; }
    		
    	form.messaging span.input { 
    		float: left;
    		margin: 3px 15px 7px 0; }
    		
    	form.messaging .messagingContent { display: none; }
    	
    	form.messaging .active { display: block; }
    	
    	form.messaging .messagingButtons { 
    		width: 754px;
    		float: left;
    		margin: 12px 0 0; }
    		
    	form#messagingOnline li.messagingIndividuals { display: none; }
    	
    	form#messagingOnline a.bgBottom { background-position: bottom; }
    	
    	form#messagingOnline .testDraft {
    		width: 403px;
    		float: left;
    		display: none;
    		padding: 10px 0 0;
    		border-top: 1px solid #e4e4e4; }
    		
    		form#messagingOnline .testDraft input.text {
    			width: 247px;
    			float: left;
    			border-right: 1px solid #898686; }
    			
    		form#messagingOnline .testDraft a.btn { 
    			float: right;
    			margin: 4px 0 0; }
    	
    	form#messagingSnailmail a.bgBottom { background-position: bottom; }
    			
    	form#messagingSnailmail .saveDraftBox {
    		width: 403px;
    		float: left;
    		display: none;
    		padding: 10px 0 0;
    		margin: 10px 0 0;
    		border-top: 1px solid #e4e4e4; }
    		
    		form#messagingSnailmail .saveDraftBox input.text {
    			width: 247px;
    			float: left;
    			border-right: 1px solid #898686; }
    			
    		form#messagingSnailmail .saveDraftBox a.btn { 
    			float: right;
    			margin: 4px 0 0; }
    		
    	/*** HISTORY ***/
    	#messagingHistory {
    		width: 754px;
    		float: left; }
    		
    		#messagingHistory #headers {
    			width: 754px;
    			float: left;
    			padding: 5px 0; }
    			
    			#messagingHistory .subject {
    				width: 425px;
    				float: left;
    				padding: 0 5px; }
    				
    			#messagingHistory .sent {
    				width: 150px;
    				float: left;
    				padding: 0 5px; }
    				
    			#messagingHistory .date {
    				width: 149px;
    				float: left;
    				padding: 0 5px; }
    				
    			
    		#messagingHistory ul { list-style: none; }
    		
    			#messagingHistory ul li { 
    				width: 754px;
    				float: left;
    				padding: 5px 0;
    				margin: 0; }
    				
    		#messagingHistory h5 {
    			font-size: 14px;
    			font-weight: normal;
    			margin: 0 0 5px; }
    			
    		#messagingHistory img.help { vertical-align: top; }
    		
    		#messagingHistory li.odd { background: #eaeaea; }
    		
    /*** INVOICES ***/
    #invoiceHistory {
    	width: 754px;
    	float: left; }
    		
    	#invoiceHistory #headers {
    		width: 754px;
    		float: left;
    		padding: 5px 0; }
    				
    		#invoiceHistory .sent {
    			width: 245px;
    			float: left;
    			padding: 0 5px; }
    			
    		#invoiceHistory .number {
    			width: 90px;
    			float: left;
    			padding: 0 5px; }
    			
    		#invoiceHistory .amount {
    			width: 125px;
    			float: left;
    			padding: 0 5px; }
    			
    		#invoiceHistory .status {
    			width: 125px;
    			float: left;
    			padding: 0 5px; }
    			
    		#invoiceHistory .origin {
    			width: 115px;
    			float: left;
    			padding: 0 5px; }
    				
    		#invoiceHistory .date {
    			width: 109px;
    			float: left;
    			padding: 0 5px; }
    			
    	#invoiceHistory ul { list-style: none; }
    		
    		#invoiceHistory ul li { 
    			width: 754px;
    			float: left;
    			padding: 5px 0;
    			margin: 0; }
    				
    	#invoiceHistory h5 {
    		font-size: 14px;
    		font-weight: normal;
    		margin: 0 0 5px; }
    			
    	#invoiceHistory img.help { vertical-align: top; }
    		
    	#invoiceHistory li.odd { background: #eaeaea; }
    	
    	#invoiceHistory span { 
    		display: block;
    		margin: 0 0 5px; }
    		
    	#invoiceHistory .due { color: #c60000; }
    	#invoiceHistory .refund { color: #a16e00; }
    	
    	#invoiceHistory img.help { 
    		vertical-align: top;
    		margin: 0 0 0 3px; }
    		
    form.invoices {
    	width: 754px;
    	float: left;
    	margin: 7px 0 0; }
    	
    	form.invoices fieldset { border: none; }
    	
    	form.invoices ul { list-style: none; }
    	
    	form.invoices li { 
    		width: 754px;
    		float: left;
    		margin: 0 0 12px; }
    	
    	form.invoices label { margin: 0 0 0 6px; }
    	
    	form.invoices label.rowLabel { 
    		width: 88px;
    		float: left;
    		margin: 0; }
    		
    	form.invoices .content {
    		width: 666px;
    		float: right;
    		margin: 0; }
    		
    	form.invoices a.select { width: 341px; }
    		
    	form.invoices ul.select_list { width: 378px; }
    	
    	form.invoices ul.select_list li { width: 368px; }
    	
    	form.invoices .selectBox { margin: -7px 10px 0 0; }
    	
    	form.invoices .text {
    		width: 360px;
    		height: 30px;
    		padding: 0 7px;
    		margin: 0 7px 0 0;
    		background: #efefef;
    		border: 1px solid #898686;
    		font: inherit; }
    		
    	form.invoices .inputWrap { 
    		float: left;
    		margin: -7px 0 0; }
    		
    	form.invoices .inputWrapRight { 
    		float: right;
    		margin: -7px 0 0; }
    		
    	form.invoices img.changeFR { 
    		float: left;
    		margin: -7px 0 0; }
    	
    	form.invoices textarea.text { 
    		width: 506px;
    		height: 62px;
    		padding: 7px;
    		margin: 0; }
    		
    	form.invoices textarea.adminComment { 
    		width: 307px;
    		padding: 7px; }
    		
    	form.invoices textarea.payerComment { 
    		width: 282px;
    		padding: 7px;
    		border-right: none; }
    		
    	form.invoices .btn { margin: 0 5px 0 0; }
    		
    	form.invoices .item { 
    		width: 465px;
    		float: left;
    		padding: 5px; }
    		
    	form.invoices .units { 
    		width: 85px;
    		float: left;
    		padding: 5px; }
    		
    	form.invoices .amount { 
    		width: 110px;
    		float: left;
    		padding: 5px; }
    		
    	form.invoices ul#invoiceItems { 
    		width: 754px;
    		float: left;
    		margin: 0 0 10px }
    	
    	form.invoices ul#invoiceItems li { margin: 0; }
    	
    	form.invoices ul#invoiceItems li.odd .itemWrap { background: #eaeaea; }
    		
    	form.invoices .itemWrap {
    		float: left;
    		margin: 0 7px 0 0; }
    		
    		form.invoices li input.itemBox { 
    			width: 410px;
    			margin-right: 0;
    			border-right: none; }
    		
    		form.invoices input.unitBox { 
    			width: 58px;
    			margin-right: 0; }
    			
    		form.invoices input.amountBox { 
    			width: 80px;
    			margin: 0 0 0 5px; }
    			
    		form.invoices .inputWrapLeft { float: left; }
    		
    		form.invoices ul#invoiceItems img.changeFR { margin: 0; }
    		
    		form.invoices ul#invoiceItems a.remove { line-height: 42px; }
    		
    		form.invoices a.add {
    			float: left;
    			padding: 0 0 0 16px;
    			margin: 0 0 0 5px;
    			background: url(../img/layout/icon_add.png) left no-repeat;
    			color: #424242; }
    			
    		form.invoices .totals {
    			width: 230px;
    			float: right;
    			margin: 0 69px 0 0;
    			text-align: right;
    			font-size: 18px; }
    			
    			form.invoices .totals span { 
    				display: block;
    				margin: 0 0 5px; }
    			
    		form.invoices h4 { line-height: 16px; }
    		
    		form.invoices .paidTotal {
    			width: 749px;
    			float: left;
    			padding: 5px 0 5px 5px;
    			border-top: 1px solid #e1e1e1;
    			border-bottom: 1px solid #e1e1e1; }
    			
    			form.invoices .paidTotal .totals { font-size: 22px; }
    			
    			form.invoices .paidTotal .paid {
    				width: 400px;
    				float: left;
    				margin: 5px 0 0; }
    				
    				form.invoices .paidTotal .paid .payment {
    					width: 400px;
    					float: left;
    					margin: 7px 0 0;
    					display: none; }
    					
    					form.invoices .paidTotal .paid .payment div { 
    						display: block;
    						margin: 0 0 5px; }
    					
    					form.invoices .paidTotal .paid .payment span.paymentDate { margin: 0 0 0 10px; }
    						
    					form.invoices .paidTotal .paid .payment span.input { margin: 0 7px; }
    			
    	form.invoices img.calendar { 
    		vertical-align: middle;
    		margin: 0 0 0 3px; }
    			
    /*** REPORTS ***/
    #reportSubNav {
    	width: 754px;
    	float: left;
    	padding: 0 0 10px;
    	margin: 0 0 10px;
    	border-bottom: 1px solid #e1e1e1; }
    
    #reportSubNav a.select { width: 353px; }
    
    #reportSubNav ul.selectReport { width: 390px; }
    		
    #reportSubNav ul.selectReport li { width: 380px; }
    
    #reportSubNav a.add { 
    	float: right;
    	padding: 0 0 0 16px;
    	background: url(../img/layout/icon_add.png) left no-repeat;
    	color: #424242;
    	line-height: 32px; }
    	
    #reportSubNav a.viewReport { margin: 4px 0 0 7px; }
    	
    #reportDataDiv {
    	width: 754px;
    	float: left; }
    	
    	#reportDataDiv #reportOverflow {
    		width: auto;
    		float: left; }
    
    	#reportDataDiv ul.column {
    		min-width: 75px;
    		float: left;
    		list-style: none; }
    		
    		#reportDataDiv ul.column li { 
    			padding: 5px 8px;
    			margin: 0; }
    			
    		#reportDataDiv ul.column li.odd { background: #eaeaea; }
    		
    #reportDataDiv .viewport { width: 754px; height: 380px; float: left; overflow: hidden; position: relative; }
    #reportDataDiv .overview { list-style: none; position: absolute; left: 0; top: 0; }
    #reportDataDiv .scrollbar { position: relative; float: left; height: 15px; }
    #reportDataDiv .track { background-color: #c8c8c8; height: 15px; width: 100%; position: relative; }
    #reportDataDiv .thumb { height: 15px; cursor: pointer; overflow: hidden; position: absolute; top: 0; background: url(../img/layout/scrollbar_arrowRight.jpg) right no-repeat #29a9c1; }
    #reportDataDiv .thumb .end { overflow: hidden; height: 15px; width: 10px; background: url(../img/layout/scrollbar_arrowLeft.jpg) left no-repeat; }
    #reportDataDiv .disable { display: none; }
    
    /*** CREATE REPORT ***/
    #createReport {
    	width: 720px;
    	min-height: 410px;
    	float: left;
    	padding: 10px;
    	background: #e4e4e4;
    	position: relative; }
    	
    	#createReport h2 {
    		font-size: 32px;
    		text-transform: uppercase;
    		padding: 0 0 2px;
    		margin: 0 0 15px;
    		background: url(../img/layout/h1_bg.jpg) bottom left no-repeat; }
    		
    	#createReport a.btn { 
    		float: right;
    		margin: 7px 0 0 17px; }
    		
    	#createReport .block {
    		width: 720px;
    		float: left;
    		margin: 0 0 15px; }
    		
    	#createReport .field1 {
    		width: 75px;
    		float: left; }
    		
    	#createReport .field2 {
    		width: 640px;
    		float: right; }
    		
    		#createReport .field2 label { margin: 0 10px 0 5px; }
    		
    	#createReport .text {
    		height: 20px;
    		padding: 5px;
    		margin: -7px 0 0;
    		background: #efefef;
    		border: 1px solid #898686;
    		font: inherit; }
    		
    	#createReport input.text { width: 380px; }
    	
    	#createReport textarea.text {
    		width: 490px;
    		height: 70px; }
    		
    	#createReport a.edit { margin: 0 0 0 15px; }
    	
    	#createReport img.calendar { 
    		margin: 0 0 0 5px;
    		vertical-align: middle; }
    		
    	#createReport span.dateDivider { 
    		color: #898686;
    		margin: 0 5px; }
    	
    	#createReport a.add {
    		float: left;
    		padding: 0 0 0 16px;
    		background: url(../img/layout/icon_add.png) left no-repeat;
    		color: #424242; }
    		
    	/*** FIELDS ***/
    	#createReport_fields {
    		width: 740px;
    		height: 430px;
    		display: none;
    		position: absolute;
    		top: 0;
    		left: 0;
    		z-index: 1000;
    		background: url(../img/layout/transparent_overlay.png) repeat; }
    		
    		#createReport_fields #main {
    			width: 370px;
    			height: 330px;
    			position: relative;
    			top: 50%;
    			left: 50%;
    			padding: 10px;
    			margin-top: -180px;
    			margin-left: -190px;
    			background: #e4e4e4;
    			border: 5px solid #000; }
    		
    		#createReport_fields h2 { 
    			font-size: 20px;
    			padding: 0 0 5px;
    			margin: 0 0 10px; }
    		
    		#createReport_fields a.btn { margin: 0 0 0 10px; }
    		
    		#createReport_fields #fieldsList {
    			width: 370px;
    			height: 270px;
    			float: left;
    			margin: 5px 0 0; }
    			
    			#createReport_fields #fieldsList ul { list-style: none; }
    			
    			#createReport_fields #fieldsList ul li {
    				width: 364px;
    				float: left;
    				padding: 3px; }
    				
    				#createReport_fields #fieldsList ul li.odd { background: #f2f2f2; }
    				
    			#createReport_fields #fieldsList input { margin: 0 3px 0 0; }
    			
    		#createReport_fields #fieldsList .viewport { width: 355px; height: 264px; float: left; overflow: hidden; position: relative; }
    		#createReport_fields #fieldsList .overview { list-style: none; position: absolute; left: 0; top: 0; }
    		#createReport_fields #fieldsList .scrollbar { position: relative; float: right; width: 15px; }
    		#createReport_fields #fieldsList .track { background-color: #c8c8c8; height: 100%; width: 15px; position: relative; }
    		#createReport_fields #fieldsList .thumb { width: 15px; cursor: pointer; overflow: hidden; position: absolute; top: 0; background: url(../img/layout/scrollbar_arrowDown.jpg) bottom no-repeat #199800; }
    		#createReport_fields #fieldsList .thumb .end { overflow: hidden; height: 10px; width: 15px; background: url(../img/layout/scrollbar_arrowUp.jpg) top no-repeat; }
    		#createReport_fields #fieldsList .disable { display: none; }
    	
    /*** FAKE DROPDOWN ***/
    .selectBox { float: left; }
    
    a.select { 
    	width: 397px;
    	height: 30px;
    	display: block;
    	padding: 0 5px 0 32px;
    	line-height: 30px;
    	color: #797979;
    	background: url(../img/layout/dropDown_bg.png) top left no-repeat #efefef;
    	border: 1px solid #898686; }
    			
    	a.select:hover { 
    		color: #424242;
    		text-decoration: none; }
    		
    	a.selectType { width: 114px; }

    ul.select_list { 
    	position: absolute;
    	width: 434px;
    	background: #fafafa;
    	border: 1px solid #898686;
    	border-top: none;
    	display: none;
    	z-index: 100;
    	cursor: pointer;
    	height: auto;
    	overflow: auto; }

    	ul.select_list li { 
    		width: 424px;
    		padding: 5px;
    		margin: 0!important;
    		color: #333;
    		display: block; }
    		
    		ul.selectType { width: 151px; }
    		
    		ul.selectType li { width: 141px; }
    			
    	ul.select_list li:hover, ul.select_list li.hover { 
    		background: #e6e6e6; }
    		
    /*** SUB NAV ***/		
    .subNav {
    	position: absolute;
    	top: 0;
    	right: 0;
    	z-index: 100; }
    	
    	.subNav ul { 
    		float: left;
    		margin: 7px 0 0;
    		list-style: none; }
    	
    		.subNav ul li { 
    			float: left;
    			margin: 0; }
    			
    			.subNav ul li.divider { 
    				padding: 2px 0 0;
    				margin: 0 6px 0 12px; }
    			
    		.subNav ul a { 
    			float: left;
    			padding: 2px 10px;
    			margin: 0 0 0 6px;
    			color: #424242;
    			border: none;
    			-moz-border-radius: 20px;
    			-webkit-border-radius: 20px;
    			border-radius: 20px;
    			position: relative;
    			behavior: url(PIE.htc); }
    		
    		.subNav ul a:hover, .subNav ul a.active {
    			color: #fff;
    			background: #898686;
    			text-decoration: none; }
    			
    	.subNav form {
    		float: left; }
    		
    		.subNav form fieldset { border: none; }
    		
    		.subNav form input.text {
    			width: 179px;
    			height: 30px;
    			float: left;
    			padding: 0 5px;
    			margin: 2px 0 0 10px;
    			border: 1px solid #424242;
    			border-right: none;
    			background: #efefef;
    			font: inherit; }
    			
    			.subNav form input.text:hover, .subNav form input.text:focus {
    				background: #fff;
    				border-color: #c63538; }
    			
    		.subNav form input.submit {
    			width: 35px;
    			height: 32px;
    			float: left;
    			margin: 2px 0 0;
    			border: 0;
    			background: url(../img/layout/btn_search2.png) top no-repeat;
    			cursor: pointer; }
    			
    .subNav .selectBox, #navSections .selectBox { float: left; }
    
    .subNav .selectBox a.active, #navSections .selectBox a.active { background: url(../img/layout/icon_arrowDownOver.png) right no-repeat #898686; }
    
    .subNav a.select { 
    	width: auto;
    	height: auto;
    	float: none;
    	padding: 2px 20px 2px 10px;
    	margin: 0 0 0 6px;
    	-moz-border-radius: 20px;
    	-webkit-border-radius: 20px;
    	border-radius: 20px;
    	background: url(../img/layout/icon_arrowDown.png) right no-repeat;
    	text-decoration: none;
    	line-height: normal; }
    			
    	.subNav a.select:hover {
    		color: #fff; 
    		text-decoration: none;
    		background: url(../img/layout/icon_arrowDownOver.png) right no-repeat #898686; }

    .subNav ul.select_list, #navSections ul.select_list { 
    	position: absolute;
    	width: 170px;
    	background: #fff;
    	border: 2px solid #898686;
    	display: none;
    	top: 25px;
    	z-index: 100;
    	cursor: pointer;
    	height: auto;
    	overflow: auto; }

    	.subNav ul.select_list li { 
    		width: 140px;
    		padding: 5px 25px 5px 5px;
    		margin: 0!important;
    		display: block; }
    		
    		.subNav ul.selectYear { width: 70px; }
    		.subNav ul.selectYear li { width: 40px; }
    		
    		.subNav ul.selectProv { width: 55px; }
    		.subNav ul.selectProv li { width: 25px; }
    		
    		.subNav ul.selectStatus { width: 150px; }
    		.subNav ul.selectStatus li { width: 120px; }
    			
    	.subNav ul.select_list li:hover, .subNav  ul.select_list li.hover, .subNav ul.select_list li.selected:hover { 
    		color: #fff;
    		background: #898686; }
    		
    	/*.subNav ul.select_list li.selected { background: url(../img/layout/icon_checkmark.png) right no-repeat; }*/
    	ul.select_list li.selected { background: url(../img/layout/icon_checkmark.png) right no-repeat; }
    			
    /*** PAGINATION ***/
    #pagination {
    	width: 754px;
    	float: left;
    	margin: 20px 0 0;
    	font-size: 16px;
    	color: #797979; }
    		
    	#pagination a { 
    		width: 33px;
    		height: 33px;
    		float: left; }
    			
    	#pagination span { 
    		height: 33px;
    		float: left;
    		margin: 0 8px;
    		line-height: 33px; }
    			
    		#pagination span .input {
    			width: 30px;
    			display: inline;
    			position: relative; }
    			
    	#pagination input { 
    		width: 30px;
    		height: 30px;
    		border: 1px solid #898686;
    		background: #efefef;
    		font: inherit;
    		color: #797979;
    		text-align: center;
    		line-height: 30px; }
    			
    		#pagination input:hover, #pagination input:focus {
    			border-color: #c63538;
    			background: #fff; }
    				
    		#pagination .toolTip {
    			width: 135px;
    			display: none;
    			position: absolute;
    			top: 30px;
    			left: 50%;
    			margin-left: -67px;
    			padding: 6px 0 0;
    			background: url(../img/layout/icon_arrowUp.png) top center no-repeat;
    			text-align: center;
    			color: #fff;
    			font-size: 13px; }
    				
    		#pagination .toolTip div {
    			width: 135px; 
    			background: #424242; }
    			
    /*** NAV SECTIONS ***/
    #navSections {
    	width: 754px;
    	float: left;
    	padding: 0 0 10px;
    	margin: 0 0 10px;
    	border-bottom: 1px solid #e1e1e1; }
    	
    	#navSections ul { 
    		width: 754px;
    		float: left;
    		margin: 0;
    		list-style: none; }
    	
    		#navSections ul li { 
    			float: left;
    			margin: 0; }
    			
    		#navSections ul li.divider { 
    			color: #cccccc;
    			padding: 2px 0 0;
    			margin: 0 6px 0 6px; }
    			
    		#navSections ul li span.date {
    			float: left;
    			padding: 2px 5px 0 0;
    			/*background: url(../img/layout/icon_calendar.png) right no-repeat;*/ }
    			
    		#navSections ul li span.dateDivider {
    			float: left;
    			color: #898686;
    			padding: 2px 0;
    			margin: 0 5px; }
    			
    		#navSections ul a { 
    			float: left;
    			padding: 2px 10px;
    			margin: 0 6px 0 0;
    			color: #424242;
    			-moz-border-radius: 20px;
    			-webkit-border-radius: 20px;
    			border-radius: 20px; }
    		
    		#navSections ul a:hover, #navSections ul a.active {
    			color: #fff;
    			background: #898686;
    			text-decoration: none; }
    			
    #navSections .selectBox { float: left; }
    
    #navSections a.select { 
    	width: auto;
    	height: auto;
    	float: none;
    	padding: 2px 20px 2px 10px;
    	margin: 0 0 0 6px;
    	border: none;
    	-moz-border-radius: 20px;
    	-webkit-border-radius: 20px;
    	border-radius: 20px;
    	background: url(../img/layout/icon_arrowDown.png) right no-repeat;
    	text-decoration: none;
    	line-height: normal; }
    			
    	#navSections a.select:hover {
    		color: #fff; 
    		text-decoration: none;
    		background: url(../img/layout/icon_arrowDownOver.png) right no-repeat #898686; }

    #navSections ul.select_list { 
    	position: absolute;
    	top: 78px;
    	width: 170px;
    	background: #fff;
    	border: 2px solid #898686;
    	display: none;
    	z-index: 100;
    	cursor: pointer;
    	height: auto;
    	overflow: auto; }

    	#navSections ul.select_list li { 
    		width: 140px;
    		padding: 5px 25px 5px 5px;
    		margin: 0!important;
    		display: block; }
    		
    		#navSections ul.selectStatus { width: 150px; }
    		#navSections ul.selectStatus li { width: 120px; }
    		
    		#navSections ul.selectExport { width: 65px; top: 132px; }
    		#navSections ul.selectExport li { width: 35px; }
    			
    	#navSections ul.select_list li:hover, #navSections ul.select_list li.hover, #navSections ul.select_list li.selected:hover { 
    		color: #fff;
    		background: #898686; }
    		
    	#navSections ul.select_list li.selected { background: url(../img/layout/icon_checkmark.png) right no-repeat; }
    	
    	#navSections ul a.loadDraft {
    		width: 87px;
    		height: 22px;
    		float: left;
    		padding: 0;
    		margin: 0;
    		background: url(../img/layout/btn_bgSmall.png) top left no-repeat;
    		font-size: 13px;
    		color: #fff;
    		text-align: center;
    		line-height: 22px;
    		border: none; }
    		
    		#navSections li.disable {
				padding: 2px 10px;
				margin: 0 6px 0 0;
				color: #bbb; }
    	
    	#navSections li.complete { 
			padding-right: 18px;
    		margin-right: 10px;
    		background: url(../img/layout/icon_complete.png) right no-repeat; }
    	
    	#navSections li.complete a { color: #3dac12; }

    	#navSections li.complete a.active { 
    		color: #fff;
    		background: #3dac12; }
    		
    		
    	/*** PROFILE ***/
    	.profileHalf {
    	width: 367px;
    	float: left; }
    	
    	.profileHalf h3 {
    		font-size: 18px;
    		font-weight: normal;
    		padding: 0 0 5px;
    		border-bottom: 1px solid #d8d8d8; }
    		
    		.profileHalf h3 a, #profileLatestNews h3 a {
    			color: #424242;
    			text-decoration: none; }
    			
    		.profileHalf h3 a:hover, #profileLatestNews h3 a:hover {
    			color: #c63538; }
    		
    	.profileHalf .profileBox {
    		width: 367px;
    		float: left;
    		margin: 0 0 20px; }
    		
    		.profileHalf .profileBox ul { list-style: none; }
    		
    		.profileHalf .profileBox ul.info li { 
    			width: 367px;
    			float: left;
    			margin: 0 0 8px; }
    			
    		.profileHalf .profileBox span.label { 
    			width: 90px;
    			float: left; }
    			
    		.profileBox h4 { 
    			font-size: 14px;
    			font-weight: normal;
    			color: #c63538;
    			margin: 0; }
    			
    		.profileBox small { 
    			font-size: 12px;
    			color: #949494; }
    			
    			.profileBox .more, #profileLatestNews .more { 
    				position: relative;
    				top: 11px;
    				right: 0; }
    				
    				.profileBox .more a, #profileLatestNews .more a {
    					width: 8px;
    					height: 12px;
    					padding: 0 2px 0 2px;
    					margin: 0 0 0 4px;
    					float: right;
    					background: #29a9c1;
    					color: #fff;
    					font-size: 12px;
    					text-align: center;
    					line-height: 12px; }
    					
    					.profileBox .more a.end, #profileLatestNews .more a.end { background: #cfcfcf; }
    			
    					.profileBox .more a:hover, #profileLatestNews .more a:hover { text-decoration: none; }
    					
    				ul.profileSubnav a {
    			    	float: left;
    			    	padding: 2px 10px;
    			    	color: #424242;
    			    	-moz-border-radius: 20px;
    			    	-webkit-border-radius: 20px;
    			    	border-radius: 20px; }
    			    		
    			    	ul.profileSubnav a:hover, ul.profileSubnav a.active { 
    			    		color: #fff;
    			    		background: #898686;
    			    		text-decoration: none; }
    			    		
    			.profileBox ul.posts { list-style: none; }
    			
    				.profileBox ul.posts li {
    					width: 367px;
    					float: left;
    					margin: 0 0 15px; }
    					
    			.profileBox ul.myTrackies { 
    				width: 367px;
    				float: left;
    				margin: 0;
    				list-style: none; }
    				
    				.profileBox ul.myTrackies li {
    		            width: 180px;
    		            float: left;
    		            padding: 0 3px 0 0;
    		            margin: 0 0 15px; }
    		            
    		        .profileBox ul.myTrackies a.avatar {
    		            width: 34px;
    		            height: 34px;
    		            float: left;
    		            overflow: hidden; }
    		            
    		        .profileBox ul.myTrackies .trackieName {
    			        width: 140px;
    			        float: right;
    			        font-size: 12px;
    			        color: #949494; }
    			        
    			        .profileBox ul.myTrackies .trackieName a { 
    			    		font-size: 14px;
    			    		display: block; }
    			    		
    			.profileBox ul.myPhotosVideos {
    			    width: 367px;
    			    float: left;
    			    list-style: none; }
    			    
    			    .profileBox ul.myPhotosVideos li { margin: 0; }
    			    
    			    .profileBox ul.myPhotosVideos .avatar {
    			    	width: 34px;
    			    	height: 34px;
    			    	float: left;
    			    	overflow: hidden; }
    			    	
    			    .profileBox ul.myPhotosVideos .galleryName { 
    			    	width: 327px;
    			    	float: right; }
    					
    		ul.profileSubnav {
    			width: 367px;
    			float: left;
    			padding: 0 0 10px;
    			margin: 0 0 10px;
    			border-bottom: 1px solid #e1e1e1;
    			list-style: none; }
    			
    			ul.profileSubnav li { 
    				float: left;
    				margin: 0 6px 0 0; }
    
    /*** INBOX MESSAGES ***/
    ul.inboxMessages {
    	width: 754px;
    	float: left;
    	margin: 10px 0 0;
    	list-style: none;
    	border-bottom: 1px solid #e1e1e1; }
    	
    	ul.inboxMessages li { 
    		width: 748px;
    		float: left;
    		padding: 8px 3px;
    		margin: 0;
    		position: relative;
    		border-top: 1px solid #e1e1e1; }
    		
    	ul.inboxMessages li.even { background: #f6f6f6; }
    	
    	ul.inboxMessages li.unread { 
    		background: #cbefbc;
    		border-color: #bfbfbf; }
    	
    		ul.inboxMessages li.unread a { color: #207200; }
    	
    		ul.inboxMessages li.unread small { color: #424242; }
    		
    	ul.inboxMessages img.avatar {
    		width: 30px;
    		height: 30px;
    		position: absolute;
    		top: 50%;
    		left: 3px;
    		margin: -15px 0 0; }
    		
    	ul.inboxMessages .messageContent {
    		width: 680px;
    		float: left;
    		margin: 0 0 0 38px; }
    		
    	ul.inboxMessages h4 { 
    		font-size: 14px;
    		margin: 0; }
    		
    	ul.inboxMessages a.remove {
    		width: 13px;
    		height: 13px;
    		position: absolute;
    		right: 8px;
    		top: 50%;
    		margin-top: -6px;
    		background: url(../img/layout/icon_remove.png) top no-repeat; }
    		
    /*** MESSAGE VIEW ***/
    .userComments ul { 
    	width: 754px;
    	float: left;
    	margin: 10px 0 0;
    	list-style: none;
    	border-top: 1px solid #e1e1e1; }
    	
    	.userComments ul li {
    		width: 754px;
    		float: left;
    		padding: 15px 0;
    		margin: 0;
    		border-bottom: 1px solid #e1e1e1; }
    		
    		.userComments ul li.odd { background: #f6f6f6; }
    		.userComments ul li.topic { background: #e9e9e9; }
    			
    	.userComments a.avatar {
    		width: 80px;
    		height: 80px;
    		float: left;
    		margin: 3px 0 0;
    		overflow: hidden; }
    	
    	.userComments .content {
    		width: 660px;
    		float: right;
    		margin: 0; }
    		
    	.userComments h4 { 
    		font-size: 15px;
    		color: #a2a2a2;
    		margin: 0 0 5px; }
    		
    	.userComments h5 { 
    		font-size: 15px;
    		font-weight: bold;
    		margin: 0 0 12px; }
    		
    	.userComments a.add {
    		float: right;
    		padding: 0 0 0 16px;
    		margin: 5px 0 0;
    		background: url(../img/layout/icon_add.png) left no-repeat;
    		color: #424242; }
    		
    	.userComments #addComment {
    		width: 678px;
    		float: left;
    		margin: 30px 0; }
    		
    		.userComments #addComment .content { 
    			width: 500px;
    			float: left;
    			margin: 0 0 0 18px; }
    		
    		.userComments #addComment h4 { color: #000; }
    		
    		.userComments #addComment textarea { 
    			width: 492px;
    			height: 50px;
    			float: left;
    			padding: 3px;
    			margin: 1px 0 10px;
    			background: #efefef;
    			border: 1px solid #999;
    			font: inherit;
    			font-size: 13px; }
    			
    			.userComments #addComment textarea:hover, .userComments #addComment textarea:focus { 
    				background: #fff;
    				border-color: #2F7498; }
    			
    		.userComments #addComment span.right { font-size: 13px; }
    			
    		.userComments #addComment input.check { 
    			margin: 0 5px 0 0;
    			vertical-align: baseline; }
    			
    		.quoteComment {	float: right; }
    		
    	.userComments a.attachment { 
    		display: block;
    		padding-bottom: 2px;
    		padding-top: 2px; }
    
    /*** MY TRACKIES ***/
    .profileBox form.profileSearch { 
    	float: left;
    	padding: 0 0 10px;
    	margin: 0 0 10px;
    	border-bottom: 1px solid #d6d6d6; }
    		
    	.profileBox form.profileSearch fieldset { border: none; }
    	
    	.profileBox form.profileSearch input.text {
    		width: 321px;
    		height: 30px;
    		float: left;
    		padding: 0 5px;
    		border: 1px solid #424242;
    		border-right: none;
    		background: #efefef;
    		font: inherit; }
    			
    		.profileBox form.profileSearch input.text:hover, .profileBox form.profileSearch input.text:focus {
    			background: #fff;
    			border-color: #c63538; }
    			
    	.profileBox form.profileSearch input.submit {
    		width: 35px;
    		height: 32px;
    		float: left;
    		border: 0;
    		background: url(../img/layout/btn_search2.png) top no-repeat;
    		cursor: pointer; }
    			
    .profileBox .remove {
    	width: 13px;
    	height: 13px;
    	float: right;
    	margin: 0 10px 0 10px;
    	background: url(../img/layout/icon_remove.png) top no-repeat; }
    	
    .profileBox .add {
    	width: 13px;
    	height: 13px;
    	float: right;
    	margin: 0 10px 0 10px;
    	background: url(../img/layout/icon_add2.png) top no-repeat; }
    
    .trackieInvite span { 
    	float: left;
    	margin: 2px 0 0; }
    
    .trackieInvite .selectBox { 
    	float: right;
    	margin: -5px 0 0; }
    
    	.trackieInvite .selectBox a.select { width: 30px; }
    	
    	.trackieInvite .selectBox ul { width: 67px; }
    	
    		.trackieInvite .selectBox ul li { width: 57px; }
    	
    .trackieInvite form { float: left; }
    		
    	.trackieInvite form fieldset { border: none; }
    	
    	.trackieInvite form input.text {
    		width: 355px;
    		height: 30px;
    		float: left;
    		margin: 7px 0 0;
    		padding: 0 5px;
    		border: 1px solid #424242;
    		background: #efefef;
    		font: inherit;
    		display: none; }
    			
    		.trackieInvite form input.text:hover, .trackieInvite form input.text:focus {
    			background: #fff;
    			border-color: #c63538; }
    			
    	.trackieInvite form input.btn { margin: 7px 0 0; }
    
    /* CONTACT THAT APPLIES TO TRACKIE.ME ONLY */
    header .contactBox a { 
    	color: #c63538 !important; }

    	header .contactBox form input.text:hover, header .contactBox form input.text:focus, header .contactBox form textarea.text:hover, header .contactBox form textarea.text:focus, header .chatBox form input.text:hover, header .chatBox form textarea.text:hover, header .chatBox form input.text:focus {
    		border-color: #c63538; }


    		header .chatBox a, header .smallChatBox a { 
    			color: #c63538; }
    			
    			.chatWindow b {
    				color: #c63538; }
    
    /*** TRAINING LOG ***/
    .trainingVideo {
    	width: 754px;
    	float: left;
    	margin: 0 0 20px; }
    	
    .trainingIntro {
    	width: 420px;
    	float: left; }
    	
    ul.trainingFeatures { 
    	width: 310px;
    	float: right;
    	list-style: none;
    	font-size: 12px; }
    
    	ul.trainingFeatures li {
    		width: 250px;
    		float: left;
    		padding: 0 0 0 60px;
    		margin: 0 0 15px; }
    		
    		ul.trainingFeatures li.graph { background: url(../img/layout/icon-log.png) left no-repeat; }
    		ul.trainingFeatures li.watch { background: url(../img/layout/icon-results.png) left no-repeat; }
    		ul.trainingFeatures li.share { background: url(../img/layout/icon-share.png) left no-repeat; }
    		ul.trainingFeatures li.weights { background: url(../img/layout/icon-exercises.png) left no-repeat; }
    		ul.trainingFeatures li.import { background: url(../img/layout/icon-exporting.png) left no-repeat; }
    		
    	ul.trainingFeatures strong {
    		font-size: 14px;
    		display: block; }
    
    /*** GRAPH ***/		
    .trainingGraph {
    	width: 754px;
    	float: left;
    	margin: 0 0 20px; }
    	
    	.trainingGraph .legend { 
    		width: 754px;
    		float: left;
    		margin: 10px 0 0; }
    		
    		.trainingGraph .legend div { 
    			float: left;
    			margin: 0 15px 0 0;
    			line-height: 12px; }
    		
    		.trainingGraph .legend span { 
    			width: 12px;
    			height: 12px;
    			float: left;
    			margin: 0 5px; }
    			
    			.trainingGraph .legend span.green { background: #77a138; }
    			.trainingGraph .legend span.orange { background: #de8e30; }
    			.trainingGraph .legend span.blue { background: #50ace9; }
    			
    /*** POPUPS ***/			
    .popupWindow {
    	width: 730px;
    	height: 440px;
    	float: left;
    	padding: 10px;
    	background: #e4e4e4;
    	position: relative; }
    	
    	.popupWindow h2 {
    		font-size: 32px;
    		text-transform: uppercase;
    		padding: 0 0 2px;
    		margin: 0 0 15px;
    		background: url(../img/layout/h1_bg.jpg) bottom left no-repeat; }
    		
    	.popupWindow h3 { font-size: 14px; }
    	
    	.popupWindow h4 { 
    		font-size: 14px;
    		text-decoration: underline;
    		margin: 0 0 5px; }
    		
    	.popupWindow a.topBtn { 
    		float: right;
    		margin: 7px 0 0 17px; }
    		
    	.popupWindow a.uploadBtn { margin: 0 20px 0 0; }
    	
    	.popupWindow .block {
    		width: 730px;
    		float: left;
    		padding: 0 0 15px;
    		margin: 0 0 15px;
    		border-bottom: 1px solid #bebebe; }
    		
    	.popupWindow .fullRow {
    		width: 730px;
    		float: left; }
    		
    	.popupWindow .half {
    		width: 344px;
    		float: left;
    		margin: 0 0 10px; }
    		
    	.popupWindow .halfBorder {
    		padding: 0 0 0 20px;
    		border-left: 1px solid #bebebe; }
    		
    	.popupWindow .dataField {
    		width: 240px;
    		float: left;
    		margin: 0 20px 16px 0;
    		color: #a6a6a6; }
    		
    		.popupWindow .dataField strong { 
    			color: #424242;
    			margin: 0 5px 0 0; }
    			
    	.popupWindow .selectBox { float: left; }
    
    		.popupWindow .selectBox a.select { width: 305px; }
    	
    		.popupWindow .selectBox ul { width: 342px; }
    	
    			.popupWindow .selectBox ul li { width: 332px; }
    
    		.popupWindow .selectBox2 a.select { width: 133px; }
    	
    		.popupWindow .selectBox2 ul { width: 170px; }
    	
    			.popupWindow .selectBox2 ul li { width: 160px; }
    			
    		.popupWindow .selectBox3 a.select { width: 61px; }
    	
    		.popupWindow .selectBox3 ul { width: 98px; }
    	
    			.popupWindow .selectBox3 ul li { width: 88px; }
    			
    		.popupWindow .selectBox4 a.select { width: 38px; }
    	
    		.popupWindow .selectBox4 ul { width: 75px; }
    	
    			.popupWindow .selectBox4 ul li { width: 65px; }
    			
    	.popupWindow .importRows .row {
    		width: 354px;
    		height: 32px;
    		float: left;
    		margin: 0 0 5px; }
    		
    		.popupWindow .importRows .row span { line-height: 32px; }
    		
    	.popupWindow .note { font-size: 13px; }
    	
    	.popupWindow .marRight { margin-right: 3px; }
    	.popupWindow .marTop { margin-top: 10px; }
    	
    	.popupWindow .exportData { 
    		float: left;
    		list-style: none;
    		margin: 0 0 16px; }
    	
    		.popupWindow .exportData li {
    			width: 720px;
    			float: left;
    			padding: 2px 5px; }
    			
    			.popupWindow .exportData li.odd { background: #f2f2f2; }
    			
    		.popupWindow .exportData .column { 
    			width: 190px;
    			float: left; }
    			
    		.popupWindow .exportData .column2 { 
    			width: 340px;
    			float: left; }
    			
    		.popupWindow label { 
    			vertical-align: middle;
    			margin: 0 0 0 3px; }
    			
    	.popupWindow .manageComp { list-style: none; }
    	
    	.popupWindow .manageComp li {
    		width: 334px;
    		float: left;
    		padding: 2px 5px; }
    			
    		.popupWindow .manageComp li.even { background: #f2f2f2; }
    			
    	.popupWindow .halfRow {
    		width: 344px;
    		float: left;
    		margin: 0 0 5px; }
    		
    	.popupWindow .halfBlock {
    		width: 344px;
    		float: left;
    		margin: 0 0 10px; }
    		
    	.popupWindow .field1 {
    		width: 84px;
    		float: left;
    		padding: 7px 0 0; }
    		
    	.popupWindow .field2 {
    		width: 260px;
    		float: right; }
    		
    	.popupWindow .text {
    		width: 248px;
    		height: 30px;
    		float: left;
    		padding: 0 5px;
    		background: #efefef;
    		border: 1px solid #898686;
    		font: inherit; }
    			
    	.popupWindow .mediumSize { 
    		width: 157px;
    		margin: 0 0 5px; }
    	.popupWindow .bigSize { width: 332px; }
    	
    	.popupWindow textarea.text { 
    		width: 248px;
    		height: 70px;
    		padding: 5px;
    		margin: 0; }
    		
    	.popupWindow img.help { 
    		vertical-align: bottom;
    		margin: 0 0 0 5px;
    		cursor: help; }
    		
    	#eventListWindow.popupWindow { 
    		display: none;
    		position: absolute;
    		top: 0;
    		left: 0; }
    	
    	.popupWindow #eventList {
    		width: 730px;
    		float: left; }
    		
    		.popupWindow #eventList table { 
    			width: 710px;
    			float: left;
    			margin: 10px 0 0; }
    			
    			.popupWindow #eventList table thead { font-weight: bold; }
    			
    			.popupWindow #eventList table td, .popupWindow #eventList table th { padding: 3px; }
    			
    			.popupWindow #eventList table tr.odd { background: #eaeaea; }
    		
    		.popupWindow #eventList .viewport { width: 710px; height: 350px; float: left; overflow: hidden; position: relative; }
    		.popupWindow #eventList .overview { list-style: none; position: absolute; left: 0; top: 0; }
    		.popupWindow #eventList .scrollbar { position: relative; float: right; width: 15px; }
    		.popupWindow #eventList .track { background-color: #c8c8c8; width: 15px; min-height: 100%; position: relative; }
    		.popupWindow #eventList .thumb { width: 15px; cursor: pointer; overflow: hidden; position: absolute; top: 0; background: url(../img/layout/scrollbar_arrowDown.jpg) bottom no-repeat #199800; }
    		.popupWindow #eventList .thumb .end { overflow: hidden; width: 15px; height: 10px; background: url(../img/layout/scrollbar_arrowUp.jpg) left no-repeat; }
    		.popupWindow #eventList .disable { display: none; }
    		
    	.popupWindow form#refineList { float: left; }
    		
    		.popupWindow form#refineList input.text {
    			width: 300px;
    			height: 30px;
    			float: left;
    			padding: 0 5px;
    			border: 1px solid #424242;
    			border-right: none;
    			background: #efefef;
    			font: inherit; }
    			
    			.popupWindow form#refineList input.text:hover, .popupWindow form#refineList input.text:focus {
    				background: #fff;
    				border-color: #c63538; }
    			
    		.popupWindow form#refineList input.submit {
    			width: 35px;
    			height: 32px;
    			float: left;
    			border: 0;
    			background: url(../img/layout/btn_search2.png) top no-repeat;
    			cursor: pointer; }
    			
    	.popupWindow .selectBox5 {
    		margin: 5px 0 0 3px; }
    	
    	.popupWindow .selectBox5 a.select { 
    		width: auto;
    		height: auto;
    		float: none;
    		padding: 2px 20px 2px 10px;
    		margin: 0 0 0 6px;
    		border: none;
    		-moz-border-radius: 20px;
    		-webkit-border-radius: 20px;
    		border-radius: 20px;
    		background: url(../img/layout/icon_arrowDown.png) right no-repeat;
    		text-decoration: none;
    		line-height: normal; }
    			
    	.popupWindow .selectBox5 a.select:hover {
    		color: #fff; 
    		text-decoration: none;
    		background: url(../img/layout/icon_arrowDownOver.png) right no-repeat #898686; }
    	
    		.popupWindow .selectBox5 ul { 
    			width: 150px;
    			border-top: 1px solid #898686; }
    	
    			.popupWindow .selectBox5 ul li { width: 140px; }
    	
    	.popupWindow strong.seasonsTitle { margin: 0 0 0 5px; }
    			
    	.popupWindow ul.customSeasons { 
    		width: 730px;
    		float: left;
    		margin: 5px 0 10px;
    		list-style: none; }
    		
    		.popupWindow ul.customSeasons li {
    			width: 720px;
    			float: left;
    			padding: 3px 5px; }
    			
    			.popupWindow ul.customSeasons li.odd { background: #eaeaea; }
    			
    		.popupWindow ul.customSeasons .season { float: left; }
    		
    		.popupWindow ul.customSeasons .right {
    			float: right;
    			margin: 0 0 0 10px; }
    			
    	.popupWindow a.add {
    		float: left;
    		padding: 0 0 0 16px;
    		background: url(../img/layout/icon_add.png) left no-repeat;
    		color: #424242; }
    		
    	.popupWindow#customSeasonsWindow { position: relative; }
    	
    	.popupWindow#customSeasonsWindow #addSeasonWrap {
    		position: absolute;
    		top: 0;
    		right: 0;
    		bottom: 0;
    		left: 0;
    		display: none; }
    		
    		.popupWindow#customSeasonsWindow #addSeasonWrap .shadowBg {
    			position: absolute;
    			top: 0;
    			right: 0;
    			bottom: 0;
    			left: 0;
    			background: #000;
    			opacity: 0.7; }
    		
    		.popupWindow#customSeasonsWindow #addSeason {
    			width: 415px;
    			height: 150px;
    			padding: 10px;
    			position: absolute;
    			top: 50%;
    			left: 50%;
    			margin-top: -90px;
    			margin-left: -222px;
    			z-index: 20;
    			background: #e4e4e4;
    			border: 5px solid #000; }
    			
    			.popupWindow#customSeasonsWindow #addSeason h2 { 
    				font-size: 20px;
    				padding: 0 0 5px; }
    			
    			.popupWindow#customSeasonsWindow #addSeason .topBtn { margin-top: 0; }
    			
    			.popupWindow#customSeasonsWindow #addSeason form .row {
    				width: 415px;
    				float: left;
    				margin: 0 0 15px; }
    				
    			.popupWindow#customSeasonsWindow #addSeason form .field1 {
    				width: 90px;
    				float: left;
    				padding: 0; }
    				
    			.popupWindow#customSeasonsWindow #addSeason form .field2 {
    				width: 315px;
    				float: right; }
    				
    			.popupWindow#customSeasonsWindow #addSeason input.text { margin: -7px 0 0; }
    				
    			.popupWindow#customSeasonsWindow #addSeason img.calendar { 
    				margin: 0 0 0 5px;
    				vertical-align: middle; }
    		
    			.popupWindow#customSeasonsWindow #addSeason span.dateDivider { 
    				color: #898686;
    				margin: 0 5px; }
    
    /*** TIMEFRAME ***/
    .logTimeframe {
    	width: 754px;
    	float: left; }
    	
    	.logTimeframe .more, .trainingSide .more { 
    		position: relative;
    		top: 5px;
    		right: 0; }
    		
    	.logTimeframe .more a, .trainingSide .more a {
    		width: 8px;
    		height: 12px;
    		padding: 0 2px 0 2px;
    		margin: 0 0 0 4px;
    		float: right;
    		background: #65b447;
    		color: #fff;
    		font-size: 12px;
    		text-align: center;
    		line-height: 12px; }
    			
    		.logTimeframe .more a.end, .trainingSide .more a.end { background: #cfcfcf; }
    			
    		.logTimeframe .more a:hover, .trainingSide .more a:hover { text-decoration: none; }
    	
    	.logTimeframe h2 {
    		float: left;
    		font-size: 18px;
    		font-weight: normal; }
    		
    	.logTimeframe .date {
    		width: 460px;
    		float: left; }
    		
    	.logTimeframe a.import {
    		float: right;
    		padding: 2px 0 0 20px;
    		background: url(../img/layout/icon_save.png) left no-repeat;
    		color: #424242; }
    		
    	.logTimeframe a.export {
    		float: right;
    		padding: 0 0 0 20px;
    		margin: 2px 0 0 15px;
    		background: url(../img/layout/icon_load.png) left no-repeat;
    		color: #424242; }
    
    /*** MAIN LOG ***/
    .trainingMain {
    	width: 460px;
    	float: left; }
    			
    .trainingLog { 
    	width: 460px;
    	float: left;
    	display: none; }
    	
    	.trainingMain #dailyLog { display: block; }
    	
    	.trainingMain #yearlyLog {
    		width: 754px;
    		float: left; }
    		
    		.trainingMain #yearlyLog table { margin: 15px 0; }
    		
    		.trainingMain #yearlyLog table td, .trainingMain #yearlyLog table th { padding: 2px 3px; }
    		
    		.trainingMain #yearlyLog table td.bold { font-weight: bold; }
    		
    		.trainingMain #yearlyLog table .comments {
    			width: 15px;
    			height: 13px;
    			display: block;
    			background: url(../img/layout/icon_comments.png) top no-repeat; }
    			
    		.trainingMain #yearlyLog table tr.odd {	background: #e6e6e6; }
    		
    		.trainingMain #yearlyLog table thead { background: #898686; }
    		
    			.trainingMain #yearlyLog table thead tr th { color: #fff; }
    		
    .trainingLog h4 {
    	font-size: 14px;
    	font-weight: normal;
    	margin: 0 0 16px; }
    		
    .trainingMain a.add {
    	display: inline;
    	padding: 0 0 0 16px;
    	margin: 10px 0 0;
    	background: url(../img/layout/icon_add.png) left no-repeat;
    	color: #424242; }
    	
    .trainingMain img.help { 
    	vertical-align: bottom;
    	margin: 0 0 0 5px;
    	cursor: help; }
    
    /*** TAB NAV ***/		
    #trainingLogTabs {
    	width: 460px;
    	float: left;
    	padding: 10px 0;
    	border-top: 1px solid #d8d8d8;
    	border-bottom: 1px solid #d8d8d8; }
    	
    	#trainingLogTabs ul { list-style: none; }
    	
    	#trainingLogTabs li {
    		float: left;
    		margin: 0 6px 0 0; }
    		
    		#trainingLogTabs li.right {
    			float: right;
    			margin: 0 0 0 6px; }
    			
    		#trainingLogTabs ul a { 
    			float: left;
    			padding: 2px 10px;
    			color: #424242;
    			-moz-border-radius: 20px;
    			-webkit-border-radius: 20px;
    			border-radius: 20px; }
    		
    		#trainingLogTabs ul a:hover, #trainingLogTabs ul a.active {
    			color: #fff;
    			background: #898686;
    			text-decoration: none; }
    			
    		#trainingLogTabs ul li.inactive { 
    			padding: 2px 10px;
    			color: #bebebe;
    			display: none; }
    			
    article#trainingLogSection.yearly .trainingSide { display: none; }
    
    article#trainingLogSection.yearly .trainingMain { width: 754px; }
    
    article#trainingLogSection.yearly #trainingLogTabs { width: 754px; }
    
    article#trainingLogSection.yearly .logTimeframe .date .more {
    	display: inline;
    	left: 0;
    	float: left; }
    
    /*** LOG DAYS ***/			
    .trainingLog .days {
    	width: 460px;
    	float: left; }
    	
    	.trainingLog .day {
    		width: 440px;
    		float: left;
    		padding: 10px;
    		border-bottom: 1px solid #d8d8d8; }
    		
    	.trainingMain .even { background: #f6f6f6; }
    			
    .trainingLog .stats {
    	width: 215px;
    	float: left; }
    	
    	.trainingLog .statsRight {
    		width: 215px;
    		float: right;
    		padding: 0; }
    	
    .trainingLog .logContent {
    	width: 440px;
    	float: left;
    	margin: 16px 0 0; }
    	
    .trainingLog .sleepLog {
    	width: 440px;
    	float: left; }
    	
    	.trainingLog .sleepLog .sleepTime {
    		display: inline;
    		padding: 0 0 0 30px;
    		margin: 0 0 0 10px; }
    		
    		.trainingLog .sleepLog .morning { background: url(../img/layout/icon_day.png) left no-repeat; }
    		
    		.trainingLog .sleepLog .night { 
    			padding: 0 0 0 27px;
    			background: url(../img/layout/icon_night.png) left no-repeat; }
    			
    /*** DAY ADVANCED ***/
    .trainingLog .dayAdvanced {
    	width: 440px;
    	float: left;
    	margin: 16px 0 0; }
    	
    	.trainingLog .dayAdvanced .fullRow {
    		width: 440px;
    		float: left;
    		margin: 0 0 16px; }
    		
    	.trainingLog .dayAdvanced .fullStats {
    		width: 440px;
    		float: left; }
    			
    /*** LOG EDIT ***/
    .trainingMain .dailyEdit {
    	width: 460px;
    	float: left;
    	margin: 10px 0 0;
    	display: none; }
    	
    	.trainingMain .dailyEdit .basic {
    		width: 460px;
    		float: left;
    		margin: 0 0 10px; }
    		
    	.trainingMain .dailyEdit .fullRow {
    		width: 460px;
    		float: left;
    		margin: 0 0 7px; }
    		
    	.trainingMain .dailyEdit .manageOptions {
    		width: 460px;
    		float: left;
    		padding: 10px 0 0;
    		margin: 15px 0 0;
    		border-top: 1px solid #d8d8d8; }
    		
    	.trainingMain .dailyEdit .distance {
    		width: 240px;
    		float: left; }
    			
    	.trainingMain .dailyEdit .row {
    		width: 240px;
    		float: left;
    		margin: 0 0 7px; }
    			
    	.trainingMain .dailyEdit .label {
    		width: 92px;
    		float: left;
    		padding: 7px 0 0; }
    		
    	.trainingMain .dailyEdit .label2 { 
    		width: 115px;
    		float: left;
    		padding: 7px 0 0; }
    			
    	.trainingMain .dailyEdit .text {
    		height: 30px;
    		float: left;
    		padding: 0 5px;
    		margin: 0 0 0 3px;
    		background: #efefef;
    		border: 1px solid #898686;
    		font: inherit; }
    			
    	.trainingMain .dailyEdit .smallSize { width: 22px; }
    	.trainingMain .dailyEdit .mediumSize { width: 59px; }
    	.trainingMain .dailyEdit .bigSize { width: 228px; }
    	
    	.trainingMain .dailyEdit textarea.text { 
    		width: 228px;
    		height: 90px;
    		padding: 5px;
    		margin: 0; }
    		
    	.trainingMain .dailyEdit .timeInput {
    		width: 34px;
    		float: left;
    		margin: 0 0 0 3px; }
    		
    		.trainingMain .dailyEdit .timeInput span {
    			display: block;
    			font-size: 10px;
    			text-align: center; }
    			
    		.trainingMain .dailyEdit .timeInput .text { text-align: center; margin: 0; }
    		
    	.trainingMain .dailyEdit .selectBox { float: left; }
    
    		.trainingMain .dailyEdit .selectBox a.select { width: 201px; }
    	
    		.trainingMain .dailyEdit .selectBox ul { width: 238px; }
    	
    			.trainingMain .dailyEdit .selectBox ul li { width: 228px; }
    			
    	.trainingMain .dailyEdit .selectBox3 { float: left; }
    
    		.trainingMain .dailyEdit .selectBox3 a.select { width: 25px; }
    	
    		.trainingMain .dailyEdit .selectBox3 ul { width: 62px; }
    	
    			.trainingMain .dailyEdit .selectBox3 ul li { width: 52px; }
    			
    	.trainingMain .dailyEdit .ratings {
    		width: 205px;
    		float: right;
    		text-align: center; }
    		
    		.trainingMain .dailyEdit .slider {
    			width: 205px;
    			float: left;
    			margin: 0 0 10px; }
    			
    		.trainingMain .dailyEdit .slider span.title {
    			width: 205px;
    			display: block;
    			margin: 0 0 8px; }
    			
    	.trainingMain .dailyEdit .selectBox2 { 
    		float: right;
    		margin: 6px 0 0; }
    		
    	.trainingMain .dailyEdit .slider .selectBox2 {
    		margin: 0;
    		text-align: left; }
    	
    	.trainingMain .dailyEdit .selectBox2 a.select { 
    		width: auto;
    		height: auto;
    		float: none;
    		display: inline;
    		padding: 2px 20px 2px 10px;
    		margin: 0 0 0 6px;
    		border: none;
    		-moz-border-radius: 20px;
    		-webkit-border-radius: 20px;
    		border-radius: 20px;
    		background: url(../img/layout/icon_arrowDown.png) right no-repeat;
    		text-decoration: none;
    		line-height: normal; }
    			
    		.trainingMain .dailyEdit .selectBox2 a.select:hover {
    			color: #fff; 
    			text-decoration: none;
    			background: url(../img/layout/icon_arrowDownOver.png) right no-repeat #898686; }

    	.trainingMain .dailyEdit .selectBox2 ul.select_list { 
    		position: absolute;
    		width: 170px;
    		background: #fff;
    		border: 2px solid #898686;
    		display: none;
    		z-index: 100;
    		cursor: pointer;
    		height: auto;
    		overflow: auto; }

    		.trainingMain .dailyEdit .selectBox2 ul.select_list li { 
    			width: 140px;
    			padding: 5px 25px 5px 5px;
    			margin: 0!important;
    			display: block; }
    				
    		.trainingMain .dailyEdit .selectBox2 ul.select_list li:hover, .trainingMain .dailyEdit .selectBox2 ul.select_list li.hover, .trainingMain .dailyEdit .selectBox2 ul.select_list li.selected:hover { 
    			color: #fff;
    			background: #898686; }
    				
    		.trainingMain .dailyEdit .selectBox2 ul.select_list li.selected { background: url(../img/layout/icon_checkmark.png) right no-repeat; }
    		
    	.trainingMain .dailyEdit .sleepTime {
    		float: left;
    		margin: 0 0 0 10px; }
    			
    		.trainingMain .dailyEdit .sleepTime img.dayNight {
    			float: left;
    			margin: 3px 0 0; }
    			
    	.trainingMain .dailyEdit .timeDivider {
    		float: left;
    		padding: 6px 0 0;
    		margin: 0 12px 0 0; }
    			
    	.trainingMain .dailyEdit a.moveDate { 
    		padding: 0 0 0 55px;
    		background: url(../img/layout/icon_moveDate.png) left no-repeat;
    		color: #424242; }
    	
    	/*** SESSION TABS ***/
    	.trainingMain .sessionTabs {
    		width: 460px;
    		float: left; }
    		
    	.trainingMain .dayAdvanced .sessionTabs { width: 440px; }
    		
    		.trainingMain .sessionTabs ul { 
    			width: 450px;
    			float: left;
    			list-style: none;
    			padding: 0 0 0 10px;
    			border-bottom: 1px solid #424242; }
    			
    		.trainingMain .dayAdvanced .sessionTabs ul { width: 430px; }
    		
    			.trainingMain .sessionTabs ul li { 
    				float: left;
    				margin: 0 4px 0 0;
    				position: relative;
    				top: 1px; }
    				
    				.trainingMain .sessionTabs ul li a.active { 
    					color: #424242;
    					background: #fff;
    					border-bottom: 1px solid #fff; }
    				
    				.trainingMain .sessionTabs ul li a { 
    					float: left;
    					color: #ededed;
    					padding: 2px 13px;
    					background: #8b8b8b;
    					border: 1px solid #424242; }
    					
    					.trainingMain .sessionTabs ul li a:hover { text-decoration: none; }
    	
    	/*** ADVANCED OPTIONS ***/
    	.trainingMain .dailyEdit .advanced {
    		width: 460px;
    		float: left;
    		margin: 10px 0 0;
    		display: none; }
    			
    		.trainingMain .dailyEdit .advanced .floatLeft { float: left; }
    		
    		.trainingMain .dailyEdit .advanced .noMarLeft { margin: 0; }
    		
    		.trainingMain .dailyEdit .advanced .block {
    			width: 460px;
    			float: left;
    			margin: 0 0 10px; }
    		
    		.trainingMain .dailyEdit .advanced span.sessionsLabel { 
    			float: left;
    			padding: 6px 7px 0 0; }
    			
    		.trainingMain .dailyEdit .advanced span.session {
    			width: 460px;
    			float: left; }
    			
    		.trainingMain .dailyEdit .advanced a.competitionSelect { 
    			float: left;
    			padding: 7px 0 0;
    			margin: 0 0 0 10px; }
    			
    		.trainingMain .dailyEdit .advanced div.session { display: none; }
    			
    		.trainingMain .dailyEdit .advanced .sleepTime { margin: 0 10px 0 0; }
    		.trainingMain .dailyEdit .advanced .sleepTime .timeInput { margin: 0 3px 0 0; }
    		
    		.trainingMain .dailyEdit .advanced .timeInput2 { 
    			width: 71px;
    			float: left;
    			margin: 0 0 0 3px;
    			text-align: left; }
    			
    			.trainingMain .dailyEdit .advanced .timeInput2 input { margin: 0; }
    			
    			.trainingMain .dailyEdit .advanced .timeInput2 span { 
    				display: block;
    				font-size: 10px; }
    		
    		.trainingMain .dailyEdit .advanced h4, .trainingMain .dayAdvanced h4 {
    			font-size: 14px;
    			font-weight: bold;
    			border-bottom: 1px solid #d8d8d8; }
    			
    		.trainingMain .dailyEdit .advanced label { margin: 0 0 0 5px; }
    		
    		.trainingMain .dailyEdit .advanced textarea.fullTextarea { 
    			width: 448px;
    			height: 180px; }
    		
    		.trainingMain .dailyEdit .advanced .workoutSet {
    			width: 444px;
    			float: left;
    			padding: 15px 7px 7px;
    			margin: 5px 0 10px;
    			background: #e3e3e3;
    			border: 1px solid #96a48e;
    			position: relative; }
    			
    			.trainingMain .dailyEdit .advanced .workoutSet .setNumber {
    				width: 120px;
    				background: #fff;
    				border: 1px solid #96a48e;
    				position: absolute;
    				top: -10px;
    				right: 10px;
    				font-weight: bold;
    				text-align: center; }
    				
    			.trainingMain .dailyEdit .advanced .workoutSet .fullRow { 
    				width: 444px;
    				margin: 0 0 10px; }
    				
    			.trainingMain .dailyEdit .advanced .workoutSet .label2 { width: 105px; }
    			
    			.trainingMain .dailyEdit .advanced .workoutSet input.bigSize { width: 180px; }
    			
    			.trainingMain .dailyEdit .advanced .workoutSet .loadCheck { 
    				float: left;
    				padding: 7px 0 0;
    				margin: 0 0 0 3px; }
    				
    			.trainingMain .dailyEdit .advanced .workoutSet .box { float: left; }
    			
    			.trainingMain .dailyEdit .advanced .workoutSet .block { width: 100%; }
    			
    			.trainingMain .dailyEdit .advanced .workoutSet .slider { text-align: center; }
    			
    			.trainingMain .dailyEdit .advanced .workoutSet .checkbox { 
    				width: 100%;
    				text-align: left; }
    			
    			.trainingMain .dailyEdit .advanced .workoutSet .load { margin: 0 20px; }
    			
    			.trainingMain .dailyEdit .advanced .workoutSet .performance { 
    				width: 150px;
    				margin: 0 0 0 12px; }
    				
    				.trainingMain .dailyEdit .advanced .workoutSet .performance .row { 
    					width: 150px;
    					margin: 0 0 3px; }
    				
    				.trainingMain .dailyEdit .advanced .workoutSet .box .set { float: left; }
    					
    					.trainingMain .dailyEdit .advanced .workoutSet .box span { 
    						display: block;
    						margin: 0 0 3px; }
    					
    				.trainingMain .dailyEdit .advanced .workoutSet .multiplier { 
    					float: left;
    					padding: 27px 0 0;
    					margin: 0 5px; }
    					
    			.trainingMain .dailyEdit .advanced .workoutSet .text { margin: 0 3px 0 0; }
    			.trainingMain .dailyEdit .advanced .workoutSet .set .text { margin: 0; }
    			
    			.trainingMain .dailyEdit .advanced .workoutSet .timeInput { margin: 0 3px 0 0; }
    				
    				.trainingMain .dailyEdit .advanced .workoutSet .timeInput input.text { margin: 0; }
    
    /*** COMMENTS SECTION ***/			
    .trainingMain .userComments {
    	width: 460px;
    	float: left;
    	margin: 15px 0 0; }
    	
    	.trainingMain .userComments h2 {
    		font-size: 24px;
    		font-weight: normal;
    		padding: 0 0 5px;
    		margin: 0 0 5px;
    		background: url(../img/layout/h1_bg.jpg) bottom left no-repeat; }
    		
    		.trainingMain .userComments h2 span { font-size: 18px; }
    		
    	.trainingMain .userComments h4 { margin: 0 0 5px; }
    		
    	.trainingMain .userComments ul { 
    		width: 460px;
    		border: none; }
    	
    		.trainingMain .userComments ul li { 
    			width: 460px;
    			border-bottom-color: #d8d8d8; }
    		
    		.trainingMain .userComments li .content { 
    			width: 355px;
    			margin: 0 10px 0 0; }
    		
    		.trainingMain .userComments li .commentOptions {
    			float: right;
    			font-size: 12px; }
    		
    	.trainingMain #addComment { width: 460px; }
    	
    		.trainingMain #addComment .content { 
    			width: 365px;
    			float: right;
    			margin: 0; }
    			
    		.trainingMain #addComment textarea { width: 357px; }
    		
    			.trainingMain #addComment textarea:hover, .trainingMain #addComment textarea:focus { border-color: #c63538; }
    		
    		.trainingMain #addComment label { margin: 0 0 0 5px; }
    		
    		.trainingMain .userComments #addComment .options { float: right; }
    		
    		.trainingMain .userComments #addComment .options a {
    			width: 20px;
    			height: 20px;
    			float: right;
    			margin: 0 0 0 5px;
    			border: 1px solid #999; }
    			
    			.trainingMain .userComments #addComment .options a:hover { border-color: #c63538; }
    			
    /*** TRAINING SIDEBAR ***/
    .trainingSide {
    	width: 279px;
    	float: right; }
    	
    	.trainingSide .box {
    		width: 279px;
    		float: left;
    		margin: 25px 0 0; }
    		
    		.trainingSide .box h3 {
    			font-size: 18px;
    			font-weight: normal;
    			padding: 0 0 5px;
    			border-bottom: 1px solid #d8d8d8; }
    		
    		.trainingSide .box ul { 
    			list-style: none;
    			margin: 0; }
    		
    			.trainingSide .box ul li { margin: 0 0 5px; }
    			
    				.trainingSide .box ul li span { float: right; }
    				
    		.trainingSide .box a.add {
    			display: block;
    			padding: 0 0 0 16px;
    			margin: 10px 0 0;
    			background: url(../img/layout/icon_add.png) left no-repeat;
    			color: #424242; }
    	
    	/*** CALENDAR ***/			
    	.trainingSide .calendar {
    		width: 279px;
    		float: left;
    		background: #fff; }
    		
    		.trainingSide .calendar .month {
    			width: 279px;
    			height: 39px;
    			float: left;
    			background: url(../img/layout/calendarTop_bg.jpg) top left repeat-x;
    			text-align: center;
    			font-size: 16px;
    			color: #fff;
    			line-height: 39px;
    			position: relative;
    			border-bottom: 1px solid #32370e; }
    			
    			.trainingSide .calendar .month a.nav {
    				width: 14px;
    				height: 15px;
    				position: absolute;
    				top: 13px; }
    				
    				.trainingSide .calendar .month .left {
    					left: 12px;
    					background: url(../img/layout/calendar_navLeft.png) top no-repeat; }
    					
    				.trainingSide .calendar .month .right {
    					right: 12px;
    					background: url(../img/layout/calendar_navRight.png) top no-repeat; }
    					
    		.trainingSide .calendar .week {
    			width: 279px;
    			float: left;
    			font-size: 11px;
    			text-align: center; }
    			
    			.trainingSide .calendar .week span { 
    				width: 39px;
    				float: left;
    				margin: 0 1px 0 0;
    				padding: 5px 0; }
    				
    				.trainingSide .calendar .week span.sunday { margin: 0; }
    				
    		.trainingSide .calendar .days {
    			width: 279px;
    			float: left;
    			text-align: center;
    			line-height: 39px;
    			font-size: 16px; }
    				
    		.trainingSide .calendar .day {
    			width: 39px;
    			height: 39px;
    			float: left;
    			border-top: 1px solid #c5c5c5;
    			border-right: 1px solid #c5c5c5;
    			color: #aaa;
    			font-family: Arial, sans-serif;
    			background: #f8f8f8; }
    			
    			.trainingSide .calendar .day a {
    				width: 38px;
    				height: 38px;
    				float: left;
    				border-top: 1px solid #fff;
    				border-left: 1px solid #fff;
    				background: url(../img/layout/calendarDay_bg.jpg) top repeat-x;
    				color: #000;
    				line-height: 36px; }
    				
    				.trainingSide .calendar .day a:hover { text-decoration: none; }
    				
    			.trainingSide .calendar .days .sunday { border-right: none; }
    			
    			.trainingSide .calendar .days .active { 
    				background: #2a9201;
    				color: #fff;
    				border-color: #2a9201; }
    
    /*** PROFILE PHOTOS ***/
    a#addPhotoBtn {
    	padding: 0 0 0 16px;
    	background: url(../img/layout/icon_add.png) left no-repeat;
    	color: #424242; }
    
    #profilePhotos {
    	width: 754px;
    	float: left;
    	margin: 5px 0 0;
    	font-size: 13px; }
    	
    	#profilePhotos .photoBlock {
    		width: 357px;
    		float: left;
    		padding: 0 0 5px;
    		margin: 0 20px 5px 0;
    		border-bottom: 1px solid #e1e1e1;
    		position: relative; }
    		
    		#profilePhotos .photoBlock img {
    			width: 122px;
    			height: 72px;
    			float: left; }
    		
    		#profilePhotos .photoBlock .photoInfo {
    			width: 225px;
    			float: right; }
    			
    		#profilePhotos .photoBlock h3 {
    			font-size: 14px;
    			margin: 0; }
    			
    		#profilePhotos .photoBlock .remove, .galleryTitle .remove {
    			width: 13px;
    			height: 13px;
    			position: absolute;
    			top: 0;
    			right: 0;
    			background: url(../img/layout/icon_remove.png) top no-repeat; }
    
    .galleryTitle {
    	width: 735px;
    	float: left;
    	margin: 10px 0;
    	position: relative; }
    	
    	.galleryTitle h3 { 
    		font-weight: normal;
    		margin: 0; }
    
    .profilePhotoGallery {
    	width: 754px;
    	float: left; }
    	
    	.profilePhotoGallery a {
    		width: 229px;
    		height: 171px;
    		float: left;
    		position: relative;
    		margin: 0 21px 20px 0;
    		border: 1px solid #595959; }
    
    	.profilePhotoGallery a img { 
    		width: 229px;
    		height: 171px;
    		display: block; }
    		
    	.profilePhotoGallery a .photoOverlay {
    		position: absolute;
    		top: 0;
    		bottom: 0;
    		left: 0;
    		right: 0;
    		background: url(../img/layout/gallery_overlay.png) center center no-repeat #000;
    		zoom: 1;
    		filter: alpha(opacity=50);
    		opacity: 0.5;
    		display: none; }
    		
    		.profilePhotoGallery a:hover .photoOverlay { display: block; }
    		
    	.profilePhotoGallery a.end { margin: 0 0 20px; }
    	
    
    /*** VIDEO PAGE ***/
    	#videoView {
    		width: 754px;
    		float: left;
    		margin: 15px 0 0; }
    		
    		#videoView iframe { margin: 0 0 5px; }
    		
    		#videoView h3 { 
    			font-size: 22px;
    			color: #c63538; }
    	
    	#videoDetails { 
    		margin: 0 0 20px;
    		font-size: 13px; }
    	
    		#videoDetails ul { 
    			margin: 0 0 10px;
    			list-style: none; }
    			
    		#videoDetails ul li {
    			margin: 0 10px 0 0;
    			display: inline; }
    			
    	/*** VIDEO COMMENTS ***/			
    	#videoComments.userComments {
    		width: 754px;
    		float: right;
    		margin: 5px 0 0; }
    		
    		#videoComments.userComments h2 {
    			font-size: 24px;
    			font-weight: normal;
    			padding: 0 0 5px;
    			margin: 0 0 5px;
    			background: url(../img/layout/h1_bg.jpg) bottom left no-repeat; }
    			
    			#videoComments.userComments h2 span { font-size: 18px; }
    			
    		#videoComments.userComments h4 { margin: 0 0 5px; }
    			
    		#videoComments.userComments ul { 
    			width: 754px;
    			border: none; }
    		
    			#videoComments.userComments ul li { 
    				width: 754px;
    				border-bottom-color: #d8d8d8; }
    				
    				#videoComments.userComments ul li.even { background: #f6f6f6; }
    			
    			#videoComments.userComments li .content { 
    				width: 652px;
    				margin: 0 10px 0 0; }
    			
    			#videoComments.userComments li .commentOptions {
    				float: right;
    				font-size: 12px; }
    			
    		#videoComments #addComment { width: 754px; }
    		
    			#videoComments #addComment .content { 
    				width: 662px;
    				float: right;
    				margin: 0; }
    				
    			#videoComments #addComment textarea { width: 654px; }
    			
    				#videoComments #addComment textarea:hover, #videoComments #addComment textarea:focus { border-color: #c63538; }
    			
    			#videoComments #addComment label { margin: 0 0 0 5px; }
    			
    			#videoComments.userComments #addComment .options { float: right; }
    			
    			#videoComments.userComments #addComment .options a {
    				width: 20px;
    				height: 20px;
    				float: right;
    				margin: 0 0 0 5px;
    				border: 1px solid #999; }
    				
    				#videoComments.userComments #addComment .options a:hover { border-color: #c63538; }
    			
    /*** ADD PHOTO / VIDEO GALLERY WINDOW ***/
    .videoGalleryWindow { height: 400px; }
    
    .photoGalleryWindow .fullRow, .videoGalleryWindow .fullRow { margin: 0 0 5px; }
    
    .photoGalleryWindow .field2, .videoGalleryWindow .field2 {
    	width: 640px;
    	float: right; }
    
    .photoGalleryWindow input.text, .videoGalleryWindow input.text { width: 440px; }
    
    .photoGalleryWindow textarea.text, .videoGalleryWindow textarea.text { 
    	width: 600px;
    	height: 38px; }
    
    		
    /*** ADD PHOTO GALLERY WINDOW ***/
    .photoGalleryWindow .fullRow { margin: 0 0 5px; }
    
    .photoGalleryWindow .field2 { 
    	width: 640px;
    	float: right; }
    
    .photoGalleryWindow input.text { width: 440px; }
    
    .photoGalleryWindow textarea.text { 
    	width: 600px;
    	height: 38px; }
    	
    .photoGalleryWindow .photos {
    	width: 730px;
    	float: left;
    	margin: 10px 0; }
    
    .photoGalleryWindow .photo {
    	width: 231px;
    	float: left;
    	margin: 0 18px 10px 0;
    	display: inline-block;
    	zoom: 1;
    	*display: inline;
    	position: relative; }
    	
    	.photoGalleryWindow .photo .remove {
    		width: 17px;
    		height: 17px;
    		position: absolute;
    		top: 5px;
    		right: 5px;
    		background: url(../img/layout/icon_remove2.png) top no-repeat; }
    	
    	.photoGalleryWindow .photo img {
    		width: 229px;
    		height: 171px;
    		float: left;
    		margin: 0 0 2px;
    		border: 1px solid #595959; }
    	
    	.photoGalleryWindow .photo input.text { width: 219px; }
    
    /*** PROFILE BLOG ***/
    h1 img.rssBtn {
    	vertical-align: baseline;
    	margin: 0 0 0 5px; }
    
    .blogEntryWrap {
    	width: 754px;
    	float: left;
    	padding: 0 0 10px;
    	border-bottom: 1px solid #e1e1e1; }
    
    a#addBlogPost {
    	padding: 0 0 0 16px;
    	background: url(../img/layout/icon_add.png) left no-repeat;
    	color: #424242; }
    	
    #profileBlog {
    	width: 754px;
    	float: left; }
    	
    	#profileBlog .blogPost {
    		width: 754px;
    		float: left;
    		padding: 0 0 15px;
    		margin: 15px 0 0;
    		border-bottom: 1px solid #e1e1e1;
    		position: relative; }
    		
    		#profileBlog .blogPostView { border: none; }
    		
    		#profileBlog .blogPost .remove {
    			width: 13px;
    			height: 13px;
    			position: absolute;
    			top: 0;
    			right: 0;
    			background: url(../img/layout/icon_remove.png) top no-repeat; }
    		
    	#profileBlog .side {
    		width: 100px;
    		float: left; }
    		
    		#profileBlog .side .date {
    			width: 100px;
    			height: 85px;
    			float: left;
    			padding: 15px 0 0;
    			margin: 0 0 5px;
    			background: #c63538;
    			font-size: 48px;
    			font-weight: bold;
    			text-transform: uppercase;
    			color: #fff;
    			text-align: center;
    			line-height: 40px; }
    			
    			#profileBlog .side .date span { 
    				font-size: 24px;
    				display: block; }
    				
    	#profileBlog .blogContent {
    		width: 642px;
    		float: right; }
    		
    		#profileBlog .blogContent h3 { 
    			padding-right: 20px;
    			margin: 0; }
    		
    		#profileBlog .blogContent small.postInfo {
    			display: block;
    			margin: 0 0 15px; }
    			
    /*** COMMENTS SECTION ***/			
    #profileBlog .userComments {
    	width: 642px;
    	float: right;
    	margin: 5px 0 0; }
    	
    	#profileBlog .userComments h2 {
    		font-size: 24px;
    		font-weight: normal;
    		padding: 0 0 5px;
    		margin: 0 0 5px;
    		background: url(../img/layout/h1_bg.jpg) bottom left no-repeat; }
    		
    		#profileBlog .userComments h2 span { font-size: 18px; }
    		
    	#profileBlog .userComments h4 { margin: 0 0 5px; }
    		
    	#profileBlog .userComments ul { 
    		width: 642px;
    		border: none; }
    	
    		#profileBlog .userComments ul li { 
    			width: 642px;
    			border-bottom-color: #d8d8d8; }
    			
    			#profileBlog .userComments ul li.even { background: #f6f6f6; }
    		
    		#profileBlog .userComments li .content { 
    			width: 540px;
    			margin: 0 10px 0 0; }
    		
    		#profileBlog .userComments li .commentOptions {
    			float: right;
    			font-size: 12px; }
    		
    	#profileBlog #addComment { width: 642px; }
    	
    		#profileBlog #addComment .content { 
    			width: 550px;
    			float: right;
    			margin: 0; }
    			
    		#profileBlog #addComment textarea { width: 542px; }
    		
    			#profileBlog #addComment textarea:hover, #profileBlog #addComment textarea:focus { border-color: #c63538; }
    		
    		#profileBlog #addComment label { margin: 0 0 0 5px; }
    		
    		#profileBlog .userComments #addComment .options { float: right; }
    		
    		#profileBlog .userComments #addComment .options a {
    			width: 20px;
    			height: 20px;
    			float: right;
    			margin: 0 0 0 5px;
    			border: 1px solid #999; }
    			
    			#profileBlog .userComments #addComment .options a:hover { border-color: #c63538; }
    			
    /*** BLOG ENTRY WINDOW ***/
    .blogEntryWindow .fullRow { margin: 0 0 5px; }
    
    .blogEntryWindow .field2 { 
    	width: 640px;
    	float: right; }
    
    .blogEntryWindow input.text { width: 440px; }
    
    .blogEntryWindow textarea.text { 
    	width: 600px;
    	height: 260px; }
    	
    	/*** PROFILE PHOTOS / VIDEOS ***/
    a#addPhotoBtn, a#addVideoBtn {
    	padding: 0 0 0 16px;
    	background: url(../img/layout/icon_add.png) left no-repeat;
    	color: #424242; }
    
    #profilePhotos, #profileVideos {
    	width: 754px;
    	float: left;
    	margin: 5px 0 0;
    	font-size: 13px; }
    	
    	#profilePhotos .photoBlock, #profileVideos .photoBlock {
    		width: 357px;
    		float: left;
    		padding: 0 0 5px;
    		margin: 0 20px 5px 0;
    		border-bottom: 1px solid #e1e1e1;
    		position: relative; }
    		
    		#profileVideos .photoBlock a.vid {
    			width: 122px;
    			height: 72px;
    			float: left;
    			position: relative; }
    			
    			#profileVideos .photoBlock a.vid .overlay {
    				width: 38px;
    				height: 38px;
    				position: absolute;
    				bottom: 6px;
    				right: 6px;
    				background: url(../img/layout/icon_play.png) top no-repeat; }
    		
    		#profilePhotos .photoBlock img, #profileVideos .photoBlock img {
    			width: 122px;
    			height: 72px;
    			float: left; }
    		
    		#profilePhotos .photoBlock .photoInfo, #profileVideos .photoBlock .photoInfo {
    			width: 225px;
    			float: right; }
    			
    		#profilePhotos .photoBlock h3, #profileVideos .photoBlock h3 {
    			font-size: 14px;
    			margin: 0; }
    			
    		#profilePhotos .photoBlock .remove, .galleryTitle .remove, #profileVideos .photoBlock .remove {
    			width: 13px;
    			height: 13px;
    			position: absolute;
    			top: 0;
    			right: 0;
    			background: url(../img/layout/icon_remove.png) top no-repeat; }
    
    .videoGalleryWindow img.help { margin: 8px 0 0 8px; }
    
    .videoGalleryWindow input.smallSize { width: 243px; }
    
    .videoGalleryWindow input.marR { margin: 0 5px 0 0; }
    
    .videoGalleryWindow .selectBox { width: 255px; }
    
    .videoGalleryWindow .selectBox a.select { width: 216px; }
    
    .videoGalleryWindow .selectBox ul.select_list { width: 253px; }
    
    .videoGalleryWindow .selectBox ul.select_list li { width: 243px; }
    
    .videoGalleryWindow label { margin: 0 0 0 8px; }
    
    .videoGalleryWindow a.vidSubmit { margin: 10px 0 0; }
    
    /*** PROFILE EDIT ***/
    .proEditTabs {
    	width: 754px;
    	float: left; }
    	
    	.proEditTabs .row {
    		width: 754px;
    		float: left;
    		margin: 0 0 5px; }
    		
    	.proEditTabs .row2 { margin: 0 0 10px; }
    	
    	.proEditTabs .row2 .field1, .proEditTabs .row2 label { line-height: normal; }
    		
    	.proEditTabs .halfRow {
    		width: 362px;
    		float: left; }
    		
    	.proEditTabs .perBest { 
    		width: 382px;
    		float: right; }
    		
    	.proEditTabs .field1 {
    		width: 80px;
    		float: left;
    		line-height: 32px; }
    		
    	.proEditTabs .field2 {
    		width: 674px;
    		float: right; }
    		
    	.proEditTabs .halfRow .field2 { width: 282px; }
    	
    	.proEditTabs .field3 {
    		width: 90px;
    		float: left;
    		line-height: 32px; }
    		
    	.proEditTabs .text {
    		height: 30px;
    		padding: 0 7px;
    		background: #efefef;
    		border: 1px solid #898686;
    		font: inherit; } 
    		
    	.proEditTabs input.bigSize { width: 420px; }
    	.proEditTabs input.mediumSize { width: 266px; }
    	
    	.proEditTabs textarea.text { 
    		width: 658px;
    		height: 70px;
    		padding: 7px; }
    	
    	.proEditTabs .marR { margin: 0 5px 0 0; }
    	
    	.proEditTabs label { 
    		line-height: 32px;
    		margin: 0 8px 0 5px; }
    		
    	.proEditTabs .selectBox { 
    		float: left;
    		margin: 0 5px 0 0; }
    
    		.proEditTabs .selectBox a.select { width: 243px; }
    	
    		.proEditTabs .selectBox ul { width: 280px; }
    	
    			.proEditTabs .selectBox ul li { width: 270px; }
    
    		.proEditTabs .selectBox2 a.select { width: 93px; }
    	
    		.proEditTabs .selectBox2 ul { width: 130px; }
    	
    			.proEditTabs .selectBox2 ul li { width: 120px; }
    			
    		.proEditTabs .selectBox3 a.select { width: 41px; }
    	
    		.proEditTabs .selectBox3 ul { width: 78px; }
    	
    			.proEditTabs .selectBox3 ul li { width: 68px; }
    
    	/*** ADD MEMBERS ***/
		#addMembers_side {
			width: 195px;
			float: right; }
			
			#addMembers_side ul { 
				float: left;
				margin: 0 0 10px;
				list-style: none; }
				
				#addMembers_side ul li { 
					width: 189px;
					float: left;
					padding: 2px 3px;
					margin: 0 0 5px; }
					
					#addMembers_side ul li:hover, #addMembers_side ul li.active { background: #e6e6e6; }
					
					#addMembers_side ul li:hover a { text-decoration: none; }
				
				#addMembers_side ul a { color: #424242; }
				
				#addMembers_side a { color: #424242;}
				
				#addMembers_side a.remove {
					width: 13px;
					height: 13px;
					float: right;
					margin: 3px 0 0;
					background: url(../img/layout/icon_remove3.png) top no-repeat; }
					
				#addMembers_side a.add { 
					width: 664px;
					float: left;
					padding: 0 0 0 16px;
					background: url(../img/layout/icon_add.png) left no-repeat;
					color: #424242; }
					
				/*#addMembers_side a.add { 
					float: left;
					padding: 0 0 0 16px;
					background: url(../img/layout/icon_add.png) left no-repeat; }*/
					
					#addMembers_side .more { 
    					position: relative;
    					top: 0;
    					right: 0; }
    					
    					#addMembers_side .more a {
    						width: 8px;
    						height: 12px;
    						padding: 0 2px 0 2px;
    						margin: 0 0 0 4px;
    						float: right;
    						background: #65b447;
    						color: #fff;
    						font-size: 12px;
    						text-align: center;
    						line-height: 12px; }
    						
    						#addMembers_side .more a.end { background: #cfcfcf; }
    					
    						#addMembers_side .more a:hover { text-decoration: none; }
					
		
		form.addMembers {
			width: 538px;
			float: left;
			padding: 0 10px 0 0;
			border-right: 1px solid #d8d8d8; }
			
			form.addMembers .block {
				width: 538px;
				float: left;
				margin: 0 0 20px; }
				
			form.addMembers h2 {
				font-size: 18px;
				padding: 0 0 3px;
				border-bottom: 1px solid #d8d8d8; }
				
			form.addMembers span.red { color: red; }
			
			form.addMembers .required {
				float: right;
				font-size: 12px;
				color: #898686;
				position: relative;
				top: 7px; }
				
			form.addMembers a.link {
				width: 16px;
				height: 7px;
				margin: 0 0 0 5px;
				display: inline-block;
				zoom: 1;
				*display: inline;
				background: url(../img/layout/icon_link.png) top no-repeat;
				position: relative; }
				
				form.addMembers a.link .sharedPopup {
					width: 80px;
					height: 21px;
					padding: 0 0 0 11px;
					position: absolute;
					top: -7px;
					left: 22px;
					background: url(../img/layout/shared_bg.png) left no-repeat;
					display: none; }
					
					form.addMembers a.link .sharedPopup div {
						height: 21px;
						float: left;
						background: #444;
						padding: 0 8px 0 5px;
						color: #fff;
						font-size: 12px;
						line-height: 21px; }
				
				form.addMembers a.shared { background-position: bottom; }
						
				form.addMembers a.shared .sharedPopup { display: block; }
				
			form.addMembers label { margin: 0 0 0 5px; }
			
			form.addMembers label.marR { margin: 0 10px 0 5px; }
			
			form.addMembers img.help {
				display: inline;
				cursor: help;
				margin: 0 0 0 5px;
				vertical-align: middle; }
				
			form.addMembers .hiddenField {
				display: inline;
				display: none; }
				
				form.addMembers .show { display: inline; }
				
				form.addMembers .hiddenField span.arrow { margin: 0 10px 0 5px; }
					
					form.addMembers .arrowFloat { 
						float: left;
						margin: 0 10px; }
				
				form.addMembers .hiddenField input.text { display: inline; float: none; }
			
			form.addMembers #addMembers_membershipTypes {
				width: 578px;
				float: left; }
				
			form.addMembers #addMembers_athleteInfo {
				width: 550px;
				float: left;
				margin: 0 0 5px; }
			
			form.addMembers .membershipType { 
				float: left;
				overflow: visible; }
				
				form.addMembers .smallerChoice { width: 90px; }
				form.addMembers .smallChoice { width: 95px; }
				form.addMembers .medChoice { width: 115px; }
				form.addMembers .bigChoice { width: 112px; }
				
			form.addMembers .choices {
				display: block;
				font-size: 11px;
				padding: 3px 0 0 13px;
				margin: 0 0 0 5px;
				background: url(../img/layout/icon_subArrow.png) top left no-repeat;
				color: #918e8e; }
				
				form.addMembers a.choices { color: #c63538; }
				
				form.addMembers a.hide { color: red; }
				
			form.addMembers .choiceOptions {
				width: 200px;
				float: left;
				margin: 5px 0 0 17px;
				display: none; }
				
				form.addMembers .choiceOptions div { margin: 0 0 2px; }
				
				form.addMembers .active { display: block; }
				
			form.addMembers .row {
				width: 578px;
				float: left;
				margin: 0 0 5px; }
				
			form.addMembers .label {
				width: 135px;
				float: left;
				line-height: 32px; }
				
			form.addMembers input.text {
				width: 263px;
				height: 30px;
				float: left;
				padding: 0 5px;
				background: #efefef;
				border: 1px solid #898686;
				font: inherit; }
				
				form.addMembers input.acNumber { width: 100px; }
				form.addMembers input.clubName { width: 221px; }
				form.addMembers input.phone { width: 205px; }
				
				form.addMembers input.small {
					width: 41px;
					margin: 0 0 0 3px; }
				
				form.addMembers input.med { 
					width: 75px;
					margin: 0 3px 0 0; }
					
				form.addMembers input.year {
					width: 47px;
					margin: 0 0 0 3px; }
				
				form.addMembers input.ext { 
					width: 43px;
					margin: 0 0 0 3px; }
				
			form.addMembers .field {
				width: 443px;
				float: left;
				line-height: 32px; }
				
			form.addMembers .lineHeight { 
				float: left;
				line-height: 32px; }
				
			form.addMembers a.lookup { margin: 0 5px 0 10px; }
			
			form.addMembers .fieldRow {
				width: 468px;
				float: left;
				margin: 0 0 7px; }
			
			form.addMembers .selectBox { 
				float: left;
				background: url(../img/layout/input_bg.jpg) top repeat-x;
				border: 1px solid #898686; }
		
				form.addMembers .selectBox a.select { 
					width: 236px;
					background: url(../img/layout/dropDown_bg.png) top left no-repeat;
					border: none; }
			
				form.addMembers .selectBox ul { 
					width: 273px;
					margin: 1px 0 0 -1px;
					overflow: hidden;
					line-height: normal; }
			
					form.addMembers .selectBox ul li { width: 268px; }
					
			form.addMembers .selectBox2 a.select { width: 118px; }
			
				form.addMembers .selectBox2 ul { width: 155px; overflow: hidden; }
			
					form.addMembers .selectBox2 ul li { width: 150px; }
					
			form.addMembers .selectBox3 a.select { width: 93px; }
			
				form.addMembers .selectBox3 ul { width: 130px; }
			
					form.addMembers .selectBox3 ul li { width: 120px; }
					
			form.addMembers .error_message_div {
				width: 526px;
				min-height: 44px;
				float: left;
				padding: 12px 0 8px 50px;
				margin: 5px 0;
				background: url(../img/layout/icon_error.png) top left no-repeat #ffedb3;
				border: 1px solid #e8a611;
				font-size: 18px;
				display: none; }
				
				form.addMembers .error ol { 
					margin: 0 0 0 20px;
					font-size: 14px;
					line-height: 24px; }	
					
					.errorFull {
				width: 702px;
				min-height: 26px;
				float: left;
				padding: 12px 0 8px 50px;
				margin: 0 0 15px;
				background: url(../img/layout/icon_error.png) top left no-repeat #ffedb3;
				border: 1px solid #e8a611;
				font-size: 18px; }
				
			form.addMembers ul.addMembers_personalInfo { list-style: none; }
				
				form.addMembers ul.addMembers_personalInfo li {	margin: 0 0 5px; }
				
			form.addMembers .floatRight { float: right; }
			
			table.paymentDetails { 
				width: 530px;
				float: left;
				padding: 0 0 6px;
				margin: 0 0 6px;
				list-style: none;
				border-bottom: 1px solid #d8d8d8; }
			
				table.paymentDetails tr {
					width: 530px;
					float: left;
					margin: 0;
					padding: 2px 3px; }
					
					table.paymentDetails tr.even { background-color: #e6e6e6; }
					
					table.paymentDetails td { padding:4px; }
					
					table.paymentDetails tr.head { font-weight: bold; }
					
				table.paymentDetails .description {
					width: 430px;
					float: left; }
					
				table.paymentDetails .price {
					width: 70px;
					float: right;
					text-align: right; }
			
			ul.paymentDetails { 
				width: 530px;
				float: left;
				padding: 0 0 6px;
				margin: 0 0 6px;
				list-style: none;
				border-bottom: 1px solid #d8d8d8; }
			
				ul.paymentDetails li {
					width: 530px;
					float: left;
					margin: 0;
					padding: 2px 3px; }
					
					ul.paymentDetails li.even { background: #e6e6e6; }
					
					ul.paymentDetails li.head { font-weight: bold; }
					
				ul.paymentDetails .description {
					width: 430px;
					float: left; }
					
				ul.paymentDetails .price {
					width: 70px;
					float: right;
					text-align: right; }
					
				table.paymentTotals {
					float: right;
					text-align: right; }
					
					table.paymentTotals td { padding: 2px 3px; }
					
					table.paymentTotals td.strong { font-weight: bold; }
					
					table.paymentTotals td.border { 
						padding-bottom: 5px;
						margin-bottom: 5px;
						border-bottom: 1px solid #d8d8d8; }
						
					table.paymentTotals td.total { padding: 5px 3px 0; }
					
			form.addMembers .paymentInfo_admin {
				width: 530px;
				float: left;
				padding: 5px 0 5px 3px;
				background: #e6e6e6; }
				
				form.addMembers .paymentInfo_admin div { margin: 0 0 5px; }
				
				form.addMembers .paymentInfo_admin img.help { margin-right: 4px; }
				
				form.addMembers .paymentInfo_content {
					width: 530px;
					float: left;
					padding: 0 3px;
					margin: 10px 0 0;
					display: none; }
					
					form.addMembers .paymentInfo_content .row {
						width: 530px;
						float: left;
						margin: 0 0 5px; }
					
					form.addMembers .paymentInfo_content .field1 {
						width: 90px;
						float: left; }
						
					form.addMembers .paymentInfo_content .field2 {
						width: 440px;
						float: left; }
						
					form.addMembers .paymentInfo_content .field3 {
						width: 212px;
						float: left; }
						
						form.addMembers .paymentInfo_content .date { 
							padding-right: 20px;
							background: url(../img/layout/icon_calendar.png) right no-repeat; }
							
					form.addMembers #paymentInfo_process_choices { margin: 0 0 10px; }
							
					form.addMembers .paymentInfo_process_content { display: none; }
							
					form.addMembers .paymentInfo_process_content input.text { width: 200px; }
					
					form.addMembers .paymentInfo_process_content input.small { 
						width: 35px;
						margin: 0;
						text-align: center; }
						
						form.addMembers .paymentInfo_process_content input.marR { margin-right: 3px; }
						
					form.addMembers .paymentInfo_process_content input.cvc { 
						display: inline;
						float: none;
						margin: 0 0 0 5px; }
						
					form.addMembers .paymentInfo_process_content .card {
						width: 51px;
						height: 32px;
						float: left;
						margin: 0 0 0 5px; }
						
						form.addMembers .paymentInfo_process_content .visa { background: url(../img/layout/card_visa.png) top no-repeat; }
						form.addMembers .paymentInfo_process_content .mastercard { background: url(../img/layout/card_mastercard.png) top no-repeat; }
						form.addMembers .paymentInfo_process_content .discover { background: url(../img/layout/card_discover.png) top no-repeat; }
						form.addMembers .paymentInfo_process_content .amex { background: url(../img/layout/card_amex.png) top no-repeat; }
						
						form.addMembers .paymentInfo_process_content .disable { background-position: bottom; }
    	
    /*** ASIDE ***/
    aside {
    	width: 210px;
    	float: left; }
    	
    	aside #profileInfo {
    		width: 210px;
    		float: lefimat;
    		margin: 0 0 10px;
    		border-bottom: 1px solid #d8d8d8; }
    		
    		aside #profileInfo .profilePic {
    			width: 210px;
    			float: left;
    			margin: 0 0 10px;
    			position: relative; }
    			
    			aside #profileInfo .profilePic:hover a.editPic { display: block; background: #000; text-decoration: none; }
    			
    		aside #profileInfo .profilePic a.editPic {
    			padding: 7px 10px 7px 7px;
    			position: absolute;
    			top: 0;
    			right: 0;
    			background: url(../img/layout/editPic_bg.png) repeat;
    			color: #fff;
    			display: none; }
    			
    			aside #profileInfo .profilePic a.editPic img { 
    				width: 20px;
    				height: 17px;
    				vertical-align: middle;
    				margin: 0 5px 0 0; }
    		
    		aside #profileInfo img { 
    			margin-bottom: 10px;
    			width: 210px;
    			float: left; }
    		
    		aside #profileBtns {
    			width: 210px;
    			float: left;
    			padding: 0 0 6px;
    			margin: 0 0 10px;
    			border-bottom: 1px solid #d8d8d8; }
    			
    			aside #profileBtns img {
    				width: 210px;
    				height: 38px;
    				float: left;
    				margin: 0 0 8px; }
    			
    		aside #profileInfo h3 { 
    			font-size: 17px;
    			font-weight: normal; }
    		
    		aside #profileInfo h3 span { font-size: 13px; }
    		
    		aside ul#sideNav { 
    			float: left;
    			margin: 0 0 25px;
    			list-style: none; }
    			
    			aside ul#sideNav li { margin: 0 0 5px; }
    			
    			aside ul#sideNav li a {
    				width: 204px;
    				color: #424242;
    				display: block;
    				padding: 2px 3px; }
    				
    				aside ul#sideNav li a:hover, aside ul#sideNav li a.active { 
    					background: #e6e6e6;
    					text-decoration: none; }
    					
    		aside #myGroups {
    			width: 210px;
    			float: left; }
    			
    			aside #myGroups h3 {
    				font-size: 18px;
    				font-weight: normal;
    				padding: 0 0 5px;
    				border-bottom: 1px solid #d8d8d8; }
    				
    			aside #myGroups ul { list-style: none; }
    				
    				aside #myGroups ul li { margin: 0 0 5px; }
    				
    				aside #myGroups ul li a {
    					color: #424242;
    					display: block;
    					padding: 2px 3px; }
    					
    					aside #myGroups ul li a:hover, aside #myGroups ul li a.active { 
    						background: #e6e6e6;
    						text-decoration: none; }
    						
    					aside #myGroups ul li img { 
    						width: 18px;
    						height: 18px;
    						float: left;
    						margin: 0 5px 0 0; }
    						
    					aside #myGroups li ul li {
    						padding: 0 0 0 13px;
    						margin: 5px 0 0 10px;
    						background: url(../img/layout/icon_subArrow.png) top left no-repeat; }
    					
    			aside #myGroups a.create { 
    				display: block;
    				padding: 0 0 0 16px;
    				margin: 8px 0 0;
    				background: url(../img/layout/icon_add.png) left no-repeat;
    				color: #424242; }
    			
    			aside #myGroups a.find { 
    				display: block;
    				padding: 0 0 0 16px;
    				margin: 8px 0 0;
    				background: url(../img/layout/icon_find.png) left no-repeat;
    				color: #424242; }
    			
    /*** PROFILE STYLES ***/
    aside #profileLatestNews {
    	width: 210px;
    	float: left; }
    	
    	aside #profileLatestNews h3 {
    		font-size: 18px;
    		font-weight: normal;
    		padding: 0 0 5px;
    		border-bottom: 1px solid #d8d8d8; }
    		
    	aside #profileLatestNews ul { 
    		width: 210px;
    		float: left;
    		margin: 0 0 10px;
    		list-style: none;
    		border-bottom: 1px solid #d8d8d8; }
    	
    	aside #profileLatestNews ul li { 
    		width: 210px;
    		float: left;
    		margin: 0 0 15px; }
    	
    	aside #profileLatestNews a.thumb { 
    		width: 34px;
    		height: 34px;
    		float: left; }
    		
    	aside #profileLatestNews a.title {
    		width: 168px;
    		float: right; }
    		
    
    input.text, textarea { background: url(../img/layout/input_bg.jpg) top repeat-x !important; background-color: #efefef !important; }
    
    input.error, textarea.error { background: none !important; background-color: #ffedb3 !important;  }
    
    .field .selectBox, .field .selectBox2 {  background: url(../img/layout/input_bg.jpg) top repeat-x !important; }

    .field .selectBox a.select, .field .selectBox2 a.select { background: url(../img/layout/dropDown_bg.png) top left no-repeat !important; }
    
    /* AC LOOKUP */
   	#ac_lookup_left_div {
    	width: 50%;
    	float: left;
        padding-right: 30px;
        box-sizing: border-box; }
    		
    #ac_lookup_right_div {
    	width: 50%;
    	min-height: 320px;
    	float: right;
    	padding-left: 30px;
    	border-left: 1px solid #d8d8d8;
        box-sizing: border-box; }
    	
    .ac_lookup .row {
		width: 100%;
		float: left;
        padding-left: 90px;
		margin: 0 0 5px;
        box-sizing: border-box; }
		
	.ac_lookup .field1 {
		width: 90px;
		height: 32px;
		float: left;
        margin-left: -90px; }
		
	.ac_lookup .field2 {
		width: 100%;
		float: right; }
		
	.ac_lookup .lineH { line-height: 32px; }
	
	.ac_lookup label.labelMar { margin-left: 5px; margin-right: 15px; }
	
	.ac_lookup .lineH { line-height: 32px; }
	
	.ac_lookup .field2 input.text { 
		float: left;
		margin: 0 8px 0 0; }
		
	.ac_lookup .field2 input.mediumSize { width: 135px; }
	
	.ac_lookup .field2 input.smallSize {
		width: 40px;
		float: none;
		margin: 0 5px 0 0;
		display: inline; }
		
	.ac_lookup .field2 .marLeft { margin-left: 5px !important; }
	
	.ac_lookup input.text {
		height: 30px;
		float: left;
		padding: 0 5px;
		border: 1px solid #9a9a9a;
		background: #efefef;
		font: inherit; }
		
		.ac_lookup input.txtRight { text-align: right; }
		
		.ac_lookup input.bigSize, textarea.text { 
            width: 100%;
            box-sizing: border-box; }
		
		.ac_lookup input.mediumSize { 
			float: none;
			display: inline;
			width: 120px;
			margin-left: 5px; }
			
		.ac_lookup input.smallSize { 
			float: none;
			display: inline;
			width: 60px;
			margin-left: 5px; }
			
			.ac_lookup .error_div {
				width: 375px;
				padding: 15px 15px 15px 50px;
				margin-top: -10px;
				margin-bottom: 5px;
				background: url(/shared/forget-password/img/icon_error.png) left no-repeat #ffedb3 !important;
				border: 1px solid #e8a611 !important;
				font-size: 18px;
				display: none; }
				
			.ac_lookup .success_div {
				width: 375px;
				padding: 15px 15px 15px 50px;
				margin-top: -10px;
				margin-bottom: 5px;
				background: url(../img/layout/icon_success.png) top left no-repeat #f9fdef;
				border: 1px solid #3dac12 !important;
				font-size: 18px;
				display: none; }
				
				.ac_lookup .selectBox { width: 100%; }

				.ac_lookup .selectBox a.select {
				    width: 100%;
				    box-sizing: border-box; }
				
/*** BACK TO TOP ***/
a.backtotop {
	background: url(/shared/img/layout/btn_backtotop.png) center center no-repeat #c63538 !important; }
	
	a.backtotop:hover { background-color: #b21c1f; }
	
	
/*** MEDIA QUERIES ***/
@-ms-viewport { width: device-width; }

@viewport { width: device-width; }


/*** 1000px ***/
@media all and (max-width: 1000px) {
	
	.wrapper {
        width: 100% !important;
        padding: 0 20px;
        margin-top: 50px;
        box-sizing: border-box; }
    
    section { width: 100%; }
    
    #whoFor .buttons { padding-left: 220px; }
    
        #whoFor .buttons > div { width: 270px; }
    
    #ask form #secret_code { 
        width: 100% !important;
        margin: 10px 0 0; }
    

}


/*** 860px ***/
@media all and (max-width: 860px) {

    aside.loginSide { width: 100%; }
    
    #whoFor, #faq, #ac_lookup_right_div {
        width: 100%;
        padding: 30px 0 0;
        margin: 30px 0 0;
        border-right: none;
        border-left: none;
        border-top: 1px solid #D8D8D8; }
    
        #whoFor .buttons { padding-left: 245px; }
    
            #whoFor .buttons > div { width: 300px; }
    
    #ask { width: 100%; }
    
        #ask form { 
            width: 50%;
            margin: 0 30px 0 0; }

        #ask form #secret_code { 
            width: 130px !important;
            float: left !important;
            margin: 0 0 0 10px; }
    
    #ac_lookup_left_div { 
        width: 100%;
        padding: 0; }

}

/*** 700px ***/
@media all and (max-width: 700px) {
	
	.ac_logo { display: none; }
	
	.mobileKillMarginTop { margin-top: 0 !important; }
	
	.hide_1000 { display: none !important; }
	
	.wrapper {
		margin-top: 0;
		padding-top: 0;
	}
    
}

/*** 620px ***/
@media all and (max-width: 720px) {

    .wrapper { margin-top: 0 !important; }
    
    #ask form { 
        width: 100%;
        margin: 0 0 30px; }

}


/*** 620px ***/
@media all and (max-width: 620px) {

    #whoFor .buttons { padding-left: 220px; }
    
        #whoFor .buttons > div { width: 270px; }

}


/*** 550px ***/
@media all and (max-width: 550px) {

    #whoFor .buttons { 
        padding-left: 0;
        margin: 0;
        background: none; }
    
    #whoFor .buttons > div { width: 100%; }

}