/******************************************************************************************************************/
/******** RESET STYLESHEET IS A MODIFIED VERSION OF ERIC MEYER'S 'RESET RELOADED STYLESHEET ************************/
/******************************************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0; outline:0;font-weight: normal;font-style:inherit;font-weight:inherit;text-align:left;}

:focus {outline: 0;}

ul, ol {list-style:none;}
caption {text-align:left;font-weight:normal;}
em {font-style:italic;}
strong {font-weight:bold;}
sup {font-size:0.7em;vertical-align:top;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes:"" "";}

/* remove borders from linked images */
a img {border:none;}

/* tables still need cellspacing to match in the markup */
table {border-collapse:collapse;}
th, td {text-align:left;font-weight:normal;vertical-align:top;}


/******************************************************************************************************************/
/**************************************** * GLOBAL PREDICTABLE ELEMENTS * ******************************************/
/******************************************************************************************************************/
body  {background: #373736;} 
body, input[type="text"],	input[type=password], input[type="email"], input[type=button], input[type=submit],  select, textarea {font:13px/19px Arial, Tahoma, Helvetica, sans-serif;color:#444;} 

/* all input[type=password], default */
input[type="text"],	input[type="password"], input[type="email"], input[type=button], input[type=submit], input[type=reset],  select, textarea {
					width:90%;padding: 4px 4px;color: #777;background: #fff;
					border: 1px solid #d5d5d5;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;-moz-border-radius: 0;-webkit-border-radius: 0;	border-radius: 0;
					-moz-box-shadow: 0 0 0 rgba(255,255,255,.2);-webkit-box-shadow: 0 0 0 rgba(255,255,255,.2);box-shadow:  0 0 0 rgba(255,255,255,.2);-webkit-appearance: none;}	
					
select {width:92%;padding:3px;text-indent:0;}
textarea {resize:vertical;height:80px;padding:4px;}
textarea.extended {height:160px;}
input[type=checkbox], input[type=radio] {margin-right:3px;padding:0;}
input[type=button], input[type=submit] {width:130px;border:0;}


input.smallerText, select.smallerSelect {width:50px;}
input.smallText, select.smallSelect {width:80px;}
input.smallMediumText, select.smallMediumSelect {width:120px;}
input.mediumText, select.mediumSelect {width:63.5%;}
input.threeColText {width:96.5%}

/* all :focus input[type=password] */
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus,textarea:focus {
					border: 1px solid #ccc;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
					-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);box-shadow: 0 0 3px rgba(0,0,0,.2);}
			
		
/* default header styles */
h1, h2, h3, h4, h5, h6, h1.span, #cboxTitle {color: #b92a1e;}
h1, #cboxTitle {font-size: 2em;line-height:2em;margin:0 auto 20px;font-weight:bold;}
h1.formPage {max-width:1000px;}
	h1 span, .listCount {vertical-align:middle;margin-left:10px;padding:4px 18px;background:#B92A1E;/*background:#ccc;*/color:#fff;font-size:.6em;text-transform:uppercase;letter-spacing:.08em;font-style:oblique;
	-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
	
h2 {font-size: 1.2em;margin:10px 0 0;color:#999;}
h3 {font-size:1.3em;margin:20px 0 5px 0;color:#065f81;font-style:oblique;}	
h4 {font-size:1.1em;font-weight:bold;padding:20px 0 3px;color:#666;}

a.login , h1, h2, h4, h5, h6, h1.span, .sort th a, .sort th span, .addItem, .styledLink, .menu a, .submit input, span.alertFlag, .relatedMembers li a, .showAdvancedOptions,  a.loadmoredata, a.trafficadvancedsearch {font-family: 'Oswald', Tahoma, sans-serif;font-weight:400;white-space:nowrap;}

/* default link styles */
a, a:visited, a:focus {color:#2386ad;text-decoration:none;}
a:hover, a.note:hover {color:#074e68;text-decoration:none;}

ul.bullets {margin-bottom:20px;}
ul.bullets li {list-style:inside disc;}
ul.bullets li ul {margin-bottom:20px;}
ul.bullets li li {list-style:inside circle;margin-left:15px;}

/* default text styles */
p {margin:5px 0 10px;}
td.field p:first-child {margin-top:0;}

/* use for instructional 'notes' in forms */
/*.note, a.note {float:left;width:100%;font-size: .85em;color:#666;}*/
.note, a.note {font-size: .85em;color:#666;}
a.note {display:block;}
ul.note {float:none;max-width:900px;margin:0 auto 50px;padding:50px;background:#333;color:#fff;font-size:1em;}

/* images */
img.left {float:left;display:inline;margin: 0 10px 5px 0;border:1px solid #ccc;}
img.right {float:right;display:inline;margin-left:5px;border:1px solid #ccc;}
img.pdf {float:left;display:inline;margin-right:5px;}
img.icon {vertical-align:middle;*vertical-align:top;*margin-top:2px;margin-left:5px;}



/******************************************************************************************************************/
/****************************************GLOBAL LAYOUT ELEMENTS ****************************************************/
/******************************************************************************************************************/

.logoutWrapper,  .headerWrapper, .menuWrapper, .changingContentWrapper, .footerWrapper {float:left;clear:left;width:100%;min-width:780px;background:#303030;position:relative;z-index:100;}
 
.headerWrapper {background: #fff;}
.menuWrapper {padding:0 0 20px;background: url(../images/bg_changingContent.png) 0 0 repeat;}
.changingContentWrapper {background: url(../images/bg_changingContent.png) 0 0 repeat;}
.footerWrapper {border-top:1px solid #fff;}


.innerWrapper {width:96%;max-width:1600px;margin:0 auto;}

/* header graphic, link */
.header {position:relative;z-index:0;}/* header */
	a.logo {display:block;width:360px;height:100px;margin: 30px auto 0;background:transparent url(../images/logo.png) center center scroll no-repeat;}
	a.login {position:absolute;left:auto;right:0;top:auto;bottom:0;display:block;width:100px;margin-bottom:-4px;padding:12px 0;text-wrap:none;text-align:center;cursor:pointer;color:#fff;z-index:0;}

/* menu / navigation */
.menu {display:block;max-width:1000px;height:41px;margin:30px auto 20px;}
	.menu li {float:left;width:16.66%;/* 100/8 = 12.5% (8 links); 100/7 = 14.2857% (7 links) */}
		.menu a {display:block;width:97%;height:19px;margin:0 1.5%;padding:12px 0;text-wrap:none;text-align:center;cursor:pointer;}
		
/* content area and footer divs */
.changingContent {display:block;padding:10px 0 40px;}
.login .changingContent {width:660px;}

.footer {width:100%;margin:0 auto;background:#303030;padding:20px 0;font-size:.9em;text-align:right;}
	.footer .copyright {display:block;color:#999;font-size:10px;margin: 0 120px 20px 0;color:#fff;text-align:right;}


.members_edit_h1{width:auto; float:left; /*outline:Red solid 1px;*/ }
	.members_edit_h1 h1{margin-bottom:0;}
	.members_edit_h1 span.last_modified{ float:left; font-style:italic; padding-top:1.5em; padding-left:1em; font-weight:bold; color:#B92A1E; }



	
/* navigation tabs */
#tabs{width:auto; height:32px; padding-top:14px;}
	#tabs ul{float:right;}
		#tabs ul li{float:left;}
			#tabs ul li a{background:#fff; padding:10px 12px; display:block; border:1px solid #ccc; color:#444; cursor:pointer;
				border-top-left-radius:8px; border-top-right-radius:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px;
			}
			#tabs ul li a.active, #tabs ul li a:hover{background:#b92a1e; color:#fff;}

.clear{width:1px; height:1px; clear:both;}
	
/******************************************************************************************************************/
/****************************************** CS3 / skin entries  ***************************************************/
/******************************************************************************************************************/		

.footerWrapper  {			
					-webkit-box-shadow: inset 1px 3px 3px  rgba(0, 0, 0, .2);
					box-shadow: inset 1px 3px 3px  rgba(0, 0, 0, .2);
				}		

.menu a, a.login, a.addItem, .submit input, a.styledLink, span.alertFlag, .relatedMembers li a, a.showAdvancedOptions, .relatedMembers li a
				{	
					display:block;
					font-size:1.1em;
					letter-spacing:.025em;
					text-align:center;
					-webkit-border-radius:3px;
					border-radius:3px;
				}	
				
.menu a, a.login, .submit input:hover, .addItem:hover, .submit input.cancel:hover, a.styledLink:hover, .relatedMembers li a:hover, .alertFlag
				{	
					background: #fff;
					color:#444;
					-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .2);
					box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .2);
				}
				
a.login 		{	-moz-border-radius-topleft: 5px;		
					-moz-border-radius-topright: 5px;
					-webkit-border-top-left-radius: 5px;
					-webkit-border-top-right-radius: 5px;
				}					
					
.menu a:hover, .menu a.active, .menu a.active:hover, a.login:hover, a.addItem, .submit input, a.styledLink, .relatedMembers li a	
				{	
					background:#b92a1e;
					-webkit-box-shadow: inset 0 0 3px #373736;
					box-shadow: inset 0 0 3px #373736;
					color:#fff;
				}	
				
.addItem, a.styledLink	 
				{
					float:right;
					width:200px;
					display:block;
					margin:0 0 0 10px;
					padding:10px 15px;
				}
				
 a.styledLink	{
					width:200px;
					padding:10px 15px;
				}	
				
.submit input.cancel, a.styledLink, .relatedMembers li a	
				{
					background:#666;
				}
				
a.addChild { width: 100px; background-color:#B92A1E; color:#fff; }

					
.messageText span
				{
					-webkit-box-shadow: 1px 2px 2px 1px #cccccc;
					box-shadow: 1px 2px 2px 1px #cccccc;
				}	
				
table			{
					width:100%;
					margin:10px auto 70px;
					border:1px solid #fff;
					-webkit-box-shadow: 1px 2px 2px 2px #cccccc;
					box-shadow: 1px 2px 2px 2px #cccccc;
				}		
				
table table 	{
					margin:0;border:0;
					-webkit-box-shadow: 0 0 0 0 #fff;
					box-shadow: 0 0 0 0 #fff;
				}	
				
table tr td 	{
					padding:1%;
					background:#fdfdfd;
					border-bottom:1px solid #fff;
					border-right:1px solid #fff;
				}
				
table tr.alternate td
				{	
					background:#e8e8e8;
					-webkit-box-shadow: inset 1px 1px 5px 1px rgba(0, 0, 0, .1);
					box-shadow: inset 1px 1px 5px 1px rgba(0, 0, 0, .1);
				}	
				


/* MEMBER ALERT CONDITIONS */
table tr.alert td {	background-color:#f00; }	




				
a.showAdvancedOptions 
				{
					background:#303030;
					color:#fff;
					padding:5px 0;
					border-radius:0;
				}		
				
a.showAdvancedOptions span
				{
					background:#303030 url(../images/sortArrows.png) 0 -20px no-repeat;
					padding:0 0 0 20px;
				}		

a.showAdvancedOptions span.optionsAreClosed
				{
					background-position: 0 5px;
				}	
td.field 		{						
					-webkit-box-shadow: inset 1px 0 3px #ccc;
					box-shadow: inset 1px 0 3px #ccc;
				}	
			
table .sort th {				
					border-right:1px solid #666;
				}		
			
table img.thumbnail
				{
				    /*width: 150px;*/
				    width: 100%;
					border:1px solid #ccc;				
					-webkit-box-shadow: 1px 0 3px #666;
					box-shadow: 1px 0 3px #666;
				}	
				
 tr.alternate td, td.label 
 				{	
					background:#e8e8e8;
				}		
	
	
a.forceaction {
    background-color: #666;
    padding: 8px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    color: #fff;
    margin-right:5px;
}
/******************************************************************************************************************/
/*************************** CHANGING CONTENT SECTIONS / PER PAGE SECTIONS ****************************************/
/*****************************************************************************************************************/	



/******************************************************************************************************************/
/************************************************** TABLES ********************************************************/
/******************************************************************************************************************/


/* Global Tables */	

/* TRAFFIC TABLE ALERT */
/*table.trafficTable tr.alert td { background-color: Red; }*/
table.trafficTable tr {cursor: pointer; height:100px;  }
table.trafficTable tr:hover td {background-color:#eaeaea; }


	 td.tableHeadColor {background:#303030;}	
	 table td.noPadding {padding:0;border-collapse:collapse;}					
	 tr.inactive td {background:#ccc;}	

			
			/* notations in table structure */
			/* alerts */
			span.alertFlag, .relatedMembers li a {display:block;margin-bottom:2px;padding:4px 5px;color:#B92A1E;font-size:.9em;text-transform:uppercase;}
			span.alertFlag {background:#fff;}
			span.alertType {background:#B92A1E;color:#fff;}
			
			/* related members */
			.relatedMembers {display:block;width:98%;}
				.relatedMembers li {float:left;width:86%;margin:1px;}
					.relatedMembers li a {display:block;text-align:center;color:#fff;text-transform:none;}
					.relatedMembers li a.parentMember {background-color:#2386AD;}
		
	 
		/* column titles and sort links */	
		th {width:980px;padding:12px 10px;background: #e8e8e8;font-weight:bold;}	
						
			/* list pages: add item link and selects */
			.addEntry {padding:20px 10px;}
			.addEntry select, .addEntry label {float:left;}			
			.addItem {float:right;display:block;margin:0 0 0 10px;}

			.submit {padding:20px 10px;text-align:right;color:#303030;}
			.submit input {float:right;display:block;width:140px;overflow:visible;font-size:1.5em;margin:0 0 0 10px;}
			.submit input:hover {cursor:pointer;}
			.submit input.cancel {float:left;}

/* list pages: filter by date, status row */
			div.small, div.medium {float:left;width:auto;margin:-1px 3px 0 0;background:#efefef;border:0;}
				div.small label, div.medium label {padding:3px 2px;background:#efefef;color:#666;}
				div.small span, div.medium span {float:left;width:auto;margin-top:2px;padding:3px 5px 2px;
				text-align:center;font-family:"Times New Roman", Times, serif;font-style:oblique;font-weight:normal;}
				div.small select, div.medium select {float:left;width:115px;margin:3px 3px 3px 0;}
				div.medium select {width:200px;}
					
			/* list pages: sort up / sort down arrows */
			.sort th {background:#303030;}
			
				/* th links */
				.sort th span, .sort th a {font-size:.85em;text-transform:uppercase;letter-spacing:.03em;}	
				.sort th a {padding:1px 1px 1px 18px;background: url(../images/sortArrows.png) 0 -48px no-repeat;color:#ccc;text-decoration:none;}
				.sort th a:hover {background-position:  0 -23px;}
				.sort th a:hover, .sort th a.activeUp, .sort th a.activeDown {color:#ffcc00;text-decoration:none;font-style:oblique;}		
		
				/* this makes the arrows go up or down */
				.sort th a.activeUp {background-position:  0 -23px;}
				.sort th a.activeUp:hover  {background-position:  0 2px;}				
				.sort th a.activeDown {background-position:  0 2px;}	
				.sort th a.activeDown:hover {background-position:  0 -23px;}
				  
				/* non-sorting th entries wrapped in a span */	
				.sort th span {background-image:none;padding-left:0;color:#efefef;}	
				.sort th.selectRow span {color:#fff;}
	
			/* list pages: edit/delete column */	
			 td.center {text-align:center;color:#999;}
			 td.icons {padding-right:0;min-width:66px;}
				 a.edit,  a.delete, a.webCam, a.calendar {float:left;display:block;width:36px;height:35px;}
				 a.edit {background:  url(../images/icon_edit.png) left top scroll no-repeat;}
				 a.delete {background:  url(../images/icon_delete.png) left top scroll no-repeat;margin: 0 0 0 5px;}
				 a.webCam {width:120px;padding-left:44px;background:  url(../images/icon_webCam.png) left top scroll no-repeat;margin: 0 0 0 5px;line-height:35px;}		
				 a.calendar {margin-top:3px;background:  url(../images/icon_calendar.gif) left top scroll no-repeat;}
				 /*
				 a.loadmoredata {display:inline-block; vertical-align:middle; width:36px; height:36px; background:url(../images/icon_loadmoredata.jpg) left top scroll no-repeat;}
				 a.trafficadvancedsearch {display:inline-block; vertical-align:middle; width:36px; height:36px; background:url(../images/icon_trafficadvancedsearch.jpg) left top scroll no-repeat;}
				 */
				 a.loadmoredata{background:url(../images/icon_refresh.png) 0 -38px no-repeat #666; display:inline-block; width:auto; height:38px; margin-left:10px; padding:0 16px 0 42px; line-height:38px; color:#fff; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 0 3px #373736; box-shadow:inset 0 0 3px #373736;}
				 a.loadmoredata:hover{background-position:0 0; background-color:#fff; color:#000;} 
				 a.trafficadvancedsearch{color:#fff; float:right; height:38px; line-height:38px;}
				 
				 a.edit:hover, a.delete:hover, a.link:hover, a.webCam:hover {background-position: left bottom !important;
				 	border: 0;						
					-moz-box-shadow:    none;
					-webkit-box-shadow: none;
					box-shadow:         none;}				 
			
			/* list pages: activate/deactivate bulk items */	
			.deactivateItems, .deactivateItems:hover {float:left;}	
			table .noticeMe {float:none;width:80px;padding:5px 2px;}
			table .sort th.selectRow, td.selectRow {background:#666!important;}				
			
			/* list pages: workout page: the filter box above the list
			.filterOptions {height:30px;font-size:12px;color:#666;font-weight:normal;}
				.filterOptions td {background:#d5d5d5;}
				.filterOptions td.label {width:160px;}
				.filterOptions td.field{width:340px;} 
				.filterOptions td.submitFilter {background:#666;width:43px;}	
					.filterOptions input[type=text] {height:15px;} 
					.filterOptions .dateRange input[type=text], .filterOptions .dateRange img, .filterOptions .dateRange span {float:left;}
					.filterOptions .dateRange span {padding:4px 3px 0;}
					.filterOptions .dateRange input[type=text] {width:70px;} */
		
			/* add/edit pages */	
			td.label {background:#fff;width:30%;padding:12px 10px 0px;text-align:right;}
			td.label label, td.label  {color:#444;font-weight:bold;}	
			td.field {width:65%;background:#e4e4e4;font-weight:normal;}	
				td.field label {float:left;width:100%;} 
				td.field label.inlineBlock {float:none;width:auto; margin-right:5px;}
				td.field img.thumbnail {float:left;width:220px;margin-right:20px;border:1px solid #ccc;}

			/* RATE EDIT PAGE */
			.twoCol td.label {width:10%;}
			.twoCol td.field {width:40%;}
			.twoCol a.styledLink {width:295px;}

			/* MEMBER EDIT PAGE */
			.fourCol td.label {width:15%;}	
			.fourCol td.field {width:32.5%;}

			.sixCol td.label {width:10%;}
			.sixCol td.field {width:18.5%;}


				
			/* add/edit pages: submit row styles */
			 td.submit {padding:15px;background: #efefef url(../images/bg_bars.png) 0 center repeat-x;text-align:right;color:#303030;}
				.submit input {float:right;display:block;width:140px;overflow:visible;font-size:1.5em;}
				.submit input:hover {cursor:pointer;}		
				.submit input.cancel {float:left;}
				.submit input.wide {width:280px;}
				.submit input.emailTemplate.wide {width:210px;}
			
			

			
			
			/* add/edit pages: misc */		
			.checkboxList {float:left;width:86%;margin: 0;padding: 10px 2%;background:#efefef;border:1px solid #fff;}	
			
			/* members add and signup */
			.checkboxListCreditCard, .checkboxListBillingDetails {width:43%;}
			.checkboxListCreditCard {margin:0 0 1% 2%;}
			.checkboxListCreditCard li {float:left;width:100%;}
				.checkboxListCreditCard label, .checkboxList label {display:inline-block;width:100%;margin-bottom:5px;vertical-align:top;}
				.checkboxListBillingDetails label span {font-size:1.2em;}
				
				.checkboxListCreditCard label:first-child, 
				.checkboxList label:first-child,
				.checkboxListCreditCard label.inlineBlock, 
				.checkboxList label.inlineBlock {padding-top:7px;}
				
				.checkboxListCreditCard label {width:60%;}
				.checkboxListCreditCard label:first-child {width:35%;}
					/* .checkboxListBillingDetails p.recurringAmount {float:left;padding:20px 0 0;color:#c00;} */
					.checkboxListBillingDetails .recurringAmount {padding:20px 0 0;color:#c00;}
				
				.checkboxListBillingDetails label {float:left;width:30%;}
				.checkboxListBillingDetails label:first-child {width:65%;}
			
			/* members add and signup */
			.checkboxListBilling {float:left;width:90%;margin:0 2px 10px;padding:10px;background:#efefef;border:1px solid #fff;}	 
				.checkboxListBilling li {float:left;width:90%;margin-bottom:5px;border:1px solid #fff;}	
					.checkboxListBilling label {float:right;width:110px;} 
						.checkboxListBilling label input[type="text"] {width:90px;} 
					.checkboxListBilling label:first-child {float:left;width:240px;margin-top:7px;padding-left:10px;}				
			
			/* members search */
			.checkboxListFilter {float:left;width:100%;margin:0 2px 0;}	 
				.checkboxListFilter label {display:inline-block;width:100%;margin-bottom:5px;}		
				
			/* members search */
			.checkboxListMemberTypes li  {float:left;width:100%;}
				td.field .checkboxListMemberTypes li label {display:inline-block;width:auto;margin-bottom:5px;vertical-align:top;}
				td.field .checkboxListMemberTypes li label:first-child {width:20%;}
				
				td.field label select {margin-bottom:15px;}
			
			/* members edit */	
			.checkboxListChildRecords li {float:left;width:100%;}
			.checkboxListChildRecords li a.styledLink {float:left;margin:0 30px 6px 0;}
			.checkboxListChildRecords li a.childFunction {display:inline-block;margin:15px 30px 0 0;text-transform:uppercase;font-size:.9em;}
			
			table td.field .removeFromStaffTable {float:left;}
				
			
			/* character count */
			.characterCount {width:50%;font-size:.9em;color:#666;}
			
			.memberImage {width:90%;display:block;margin:0 auto 20px;}
			
			
			
	/* used on login */	
	table.medium {width:660px;margin-top:60px;}	
	
	/* required markers */	
	td.requiredKey {background:#efefef url(../images/inactiveStripe.gif) repeat !important;text-align:center;padding:1.5% 1%!important;color:#666;font-weight:bold;font-size:.9em !important;}
		td.requiredKey span, span.required {color: #c00;}	




    /* MEMBER EDIT PAGE SECTION DIVIDER */
	td.sectionDivider {background:#b92a1e; color:#fff; text-align:left; padding:1% 1%!important; font-weight:bold; font-size:1.3em !important;}

    /* MEMBER EDIT PAGE: MEMBER IMAGE */
    img.member_edit_img { width:50%; float:left; }

    /* MEMBER EDIT PAGE: PAID BY MEMBER */
	/*div.small_member.paid_by { width:35%; text-align:center; }*/
	div.member_edit_paid_by { outline:solid 1px Red;  margin-left:5%; margin-top:5%; width:25%; float:left; text-align:center;  }
	div.member_edit_paid_by p {text-align: center; }

    /* MEMBER EDIT PAGE: SWAP/SPLIT DIV */
    div.member_edit_swap_split { clear:both;float:left;outline:1px Red solid;width:100%;text-align:center;margin-top:10px; }

    /*div.member_edit_alert_notification { clear:both;float:left;width:100%;height:50px;margin-top:10px;padding-top:30px;background-color:Red; text-align:center;font-size:2.5em; }*/
    div.member_edit_alert_notification { clear:both;float:left;width:100%;height:50px;margin-top:10px;padding-top:30px; text-align:center;font-size:2.2em; }



    /* MEMBER EDIT PAGE: ASSOCIATED MEMBERS AND PAID BY MEMBER */
	div.member_edit_associated_member {float:left; width:14%; /*height:130px;*/ margin:5px 20px 5px 0px;  outline: Red solid 1px;  }
	div.member_edit_associated_member p {text-align:center;  }
	div.member_edit_associated_member img {width: 100%; }





    /* MEMBER LISTING */
    /*table.memberList img.member { width:80px; min-width:200px; } */
    table.memberList tr { /*cursor: pointer; height:100px;*/  }
    table.memberList tr:hover td { background-color:#eaeaea; }

    /* IF HOVER ON ALERT ROW, THEN MAKE IT A LITTLE DIFFERENT RED */
    table.memberList tr.alert:hover td { background-color:#FF6666; }




    /* MONTHLY BATCH DISPLAY */
    table.monthlyBatch tr { /*cursor: pointer; height:100px;*/  }
    /*table.monthlyBatch th.header  { color: #B92A1E; font-size: 1.2em; margin: 10px 0 0; }*/
    /*table.monthlyBatch td.data { padding-left:30px; }*/
    /*table.monthlyBatch td.graphic { text-align:center; }*/
    
    /*table.monthlyBatch ul.summary {  }*/
    /*table.monthlyBatch ul.summary li.transtype { font-weight:bold; }*/
    /*table.monthlyBatch ul.summary span.title { width:220px; float:left; }*/


    /*table.monthlyBatch tr:hover td { background-color:#eaeaea; }*/
    /* IF HOVER ON ALERT ROW, THEN MAKE IT A LITTLE DIFFERENT RED */
    /*table.monthlyBatch tr.alert:hover td { background-color:#FF6666; }*/





    img.member_img { height:100%; display:block; margin:5px auto; max-width:75%; }
    /*img.paid_by_member { height:100%; display:block; float:right; margin:0 auto; max-width:55%; }*/



    #timeoutWarningMessage { background-color:#f00; width:100%; padding:20px; color:#fff; font-size:1.5em; text-align:center; display:none; }





		
/********************************************************/
/* JQUERY VALIDATOR */
input[type=text].error,input[type=password].error, input[type=textarea].error, input[type=select].error, .error {border-color: #c00;}
label.error {display:block;margin:3px 0;color:#c00;font-size:.9em;font-weight:bold;}

.messageText, .emailMessageText {/*float:left;display:inline;*/width:97%; }
.messageText.login {/*float:left;display:inline;*/width:660px; margin:0 auto;}

	.messageText span.warning, .messageText span.success, .emailMessageText span.warning, .emailMessageText span.success {/*float:left;*/display:block;width:100%; margin:10px auto 20px; padding:5px 0 5px 35px; /*height:22px;*/line-height:22px;font-weight:bold;}
	
	.messageText span.warning, .emailMessageText span.warning {background:#fcfcda url(../images/icon_warning.png) no-repeat 5px 3px; color: #c00;}
	.messageText span.success, .emailMessageText span.success {background:#edf6e1 url(../images/icon_success.png) no-repeat 5px 3px; color: #3f6f00;}
	

		

		
/* USED FOR DISPLAYING THE NORMAL AND PRORATED COSTS, WHERE THEY ARE DISPLAYED */
.normal_cost_info { float:left; display:inline; background-color:Aqua; padding:10px; height:12em; width:13em; }
.prorated_cost_info { float:left; display:inline; background-color:Yellow; padding:10px; margin-left:40px; height:12em; width:13em; }

.normal_cost_info div.header, .prorated_cost_info div.header { font-weight:bold; text-align:center; padding-bottom:5px; border-bottom:solid 2px #B92A1E; margin-bottom:5px; }

.normal_cost_info div.field, .prorated_cost_info div.field { float:left; }
.normal_cost_info div.value, .prorated_cost_info div.value { float:right; }


.batch-wrapper {
	width: 500px;
}

.batch-progress-bar {
	width: 100%;
	background-color: #e0e0e0;
	padding: 3px;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
}

.batch-progress-bar-fill {
	display: block;
	height: 22px;
	background-color: #659cef;
	border-radius: 3px;

	transition: width 500ms ease-in-out;
}


/********************************************************/
/* MEMBER EDIT - COMMENTS SECTION */

a.visibility {
	font-weight: bold;
	text-transform: uppercase;
}

a.public {
	color: green;
}

a.private {
	color: red;
}