@charset "utf-8";
/* Layout Styles for Active Mind Online Coaching Application */
/* Author: Colin Kelly - colinky at gmail.com */

	/* hide from ie on mac 
	html { height: 100%; margin:0px; }
	end hide */

	body{height:100%; margin:0 auto; padding:0 0 25px 0; text-align:left; font-size:.9em; font-family:arial, tahoma, sans-serif;  color:#3d5a36; background:#565559 url(../images/bgMain2.gif) top left repeat-x;  }

	h1, h2, h3, h4, h5, h6 { margin:0 0 3px 0; padding:0; color:#597e16; }
	h1 { font-size:1.5em; }
	h2 { font-size:1.3em; text-align:left;}
	h3 { font-size:1.2em; text-align:left;}
	h4 { font-size:1em; text-align:left;} 
	h5, h6 { font-size:.9em; }
		
  	p, label, .labelText, input, select, textarea, table, td, th, ul, ol, li, .bodytext { color:#3d5a36;  font-weight:normal; }
	
	hr { display:block; float:left; clear:both; width:684px; border:1px solid #CCC; margin:0 12px 5px 12px; padding:0; }
	
	a { color:#1799c8; text-decoration:none; font-weight:normal; }
	a:active, a:hover { text-decoration:underline; color:#587b91; }
	a:focus { outline: 0; }
	
	a.linkEdit { float:right; }
	a.linkEdit:active, a.linkEdit:hover { text-decoration:none; }
	
	.raquo { font-size:14px }
	
	table { 
		/*border:1px solid #b6b6b8;*/
		margin:3px 0; 
		background:#eee9e9; 
	}
	
	table td, table th { padding:3px; background:#fff; vertical-align:top; }
	
	.invisible { display:none }

	/*--- Start Content styles ---*/

	#container {
		margin:0 auto; padding:0;
		width:100%; 
	}
		
		#centreHolder { 
		   
			display:block; margin:0 auto; width:990px; height:auto; min-height:340px; background:url(../images/bgOuterWrapper.gif) top left no-repeat;
		}
			
			#headerHolder { 
				margin:0 auto; width:970px; height:110px; display:block;  
				background:url(../images/bgHeader.gif) top left repeat-x; display:none;
			}
				
				#logo { 
					width:442px; height:110px; margin:0; padding:0; 
					float:left; text-indent:-9999px; background:url(../images/logos/ActiveMind.jpg) top left no-repeat; 
				}
				#logo a { display:block; width:100%; height:90px; }					
								
		#contentHolder { 
			float:left;
			margin:0; padding:0;
			text-align:left;
			width:970px;
			background:#fff;
		}
				
			#content {
				float:left; width:920px; height:auto;
				margin:0; padding:25px; background:#fff;
			}	
				
				#content h2 { margin:0 0 10px 0; }
					
				/* Left hand side content */
				#contentL, #contentR { display:block; float:left; margin:0; padding:0; vertical-align:top; }
				#contentL {	width:574px; padding-right:25px; border-right:1px solid #b6b6b8; /*font-size:1.2em;*/ }
				#contentL.noBorder { border:0; }
				.progAssigned { background:#f2f2f2 url(../images/bgAssign.gif) center right no-repeat; padding:20px;  }	
				
				/* 50/50 left/right page split */
				#contentL50, #contentR50 { display:block; float:left; margin:0; padding:0; vertical-align:top; width:447px; } 
				#contentL50 { padding-right:25px; }
				#contentR50 {  }
				
					#contentL div, #contentL table, #contentL p, #contentL ol, #contentL ul { /*font-size:.8em;*/ }
					
					#contentL div.moduleCreate, #contentL div.sortHolder {  float:right; width:auto; text-align:right; #margin-left:-100px;  }
					
					#contentL div.sortHolder1{  float:right; width:auto; text-align:right; #margin-left:-100px; }

					#contentL div.moduleCreate1{  float:right; width:auto; text-align:right; #margin-left:-0px;  }
					
					.containerVideo { width:100%; text-align:center; margin:5px 0 10px 0; }
				
					table.moduleSummary { margin:3px 0; background:#fff; }
					table.moduleSummary td, table.moduleSummary th { padding:0px; background:#fff; }
				
					#moduleEditor {  
						display:block; float:left; width:898px; height:auto; 
						background:#F2F2F2;
						border:1px solid #b6b6b8;
						margin:25px 0 0 0; padding:10px;
					}
						#moduleEditor table { width:100%; background:none; }
						#moduleEditor table td, #moduleEditor table th { padding:1px; background:none; }

					#moduleEditor1 {  
						display:block; float:left; width:898px; height:auto; 
						background:#F2F2F2;
						border:1px solid #b6b6b8;
						margin:25px 0 0 0; padding:10px;
					}
						#moduleEditor1 table { width:100%; background:none; }
						#moduleEditor1 table td, #moduleEditor table th { padding:1px; background:none; }
						
						.moduleFormDividerLeft { float:left; width:38%; margin:0 15px 0 0; border-right:1px solid #CCC }
						.moduleFormDividerRight { float:left; width:60%; }
						
							.moduleFormDividerRight h4 { font-size:.75em }
							table.tableContainerForm th { width:auto; vertical-align:top }
							table.tableContainerForm td { width:auto; vertical-align:top; }
							/* See forms.css styles for input styles in these tds */	
							
				/* Right hand side content */
				#contentR {	width:320px; }
			
						/* Module List */
						#moduleHolder { 
							display:block; width:294px; height:auto; 
							padding:0 0 0 25px;
							/*border-left:1px solid #b6b6b8;*/
						}
							#moduleHolder form.moduleSelect { display:block; float:right; width:auto; text-align:right; }	
							#moduleHolder form.moduleSelect select { width:180px; }
									
							#moduleList { 
								display:block; width:294px; height:398px; 
								margin:15px 0 0 0;
								border:1px solid #eee9e9; overflow:auto; 
							}
								.module { width:257px; padding:5px 10px; font-size:9pt; vertical-align:top; float:left; }
								
									.module h4 { font-size:9pt; color:#000; margin:0 0 2px 0; padding:0;  }
									.module p { margin:0 0 2px 0; padding:0; }
									.module a {  }
									.module img { float:right; margin:0 5px 0 0; border:1px solid #ccc; padding:1px; }
									
									.white { background:#fff; }
									.grey { background:#EBEBEB; }
									.green { background:#D0DCB4; }
									
										a.view, a.drag { display:block; float:right; width:31px; height:31px; text-indent:-9999px; }	
										a.drag { float:left; }
										.white a.view { background:url(../images/icons/viewWhite.gif) center right no-repeat; }
										.grey a.view { background:url(../images/icons/viewGrey.gif) center right no-repeat; }
										.green a.view { background:url(../images/icons/viewGreen.gif) center right no-repeat; }
										
										.white a.drag { background:url(../images/icons/dragWhite.gif) center left no-repeat; }
										.grey a.drag { background:url(../images/icons/dragGrey.gif) center left no-repeat; }
										.green a.drag { background:url(../images/icons/dragGreen.gif) center left no-repeat; }
										
										a.edit, a.duplicate, a.delete { font-size:8pt; padding:2px 0 2px 18px; }
										a.edit { background:url(../images/icons/edit.gif) center left no-repeat; }
										a.duplicate { background:url(../images/icons/duplicate.gif) center left no-repeat; }
										a.delete { background:url(../images/icons/delete.gif) center left no-repeat; }
										
										
						.miscRHSHolder { padding:0 0 0 25px; } 
						
				.academyLogo { float:left; padding:0 15px 15px 0 }
				
									
				/* Panels */
				#panelHolder { width:320px; height:auto; }
					
				.panel { 
					display:block; width:286px;
					margin:0 0 25px 0; padding:15px; border:2px solid #c8c8c8; 
					-moz-border-radius:15px;
					-webkit-border-radius:15px;
				}
					.panel h3 { text-indent:-9999px; height:21px; margin:0 0 4px 0; padding:0; }
					.panel h4 { margin:0 0 2px 0; padding:0; }
					
					#h3Academy { background:url(../images/h3Academy.gif) top left no-repeat; }
					#h3Profile { background:url(../images/h3Profile.gif) top left no-repeat; }
					#h3Subs { background:url(../images/h3Subs.gif) top left no-repeat; }
					#h3Coach { background:url(../images/h3Coach.gif) top left no-repeat; }
					#h3Summary { background:url(../images/h3Summary.gif) top left no-repeat; }
					
					
					#h3Coaches, #h3Players { text-indent:0; }
					
					#panelHolder .panel img { float:right; margin:0 0 2px 2px; }
					.photo { background:#fff; padding:1px; border:1px solid #c8c8c8; }
									
				.panel p, .panel table { font-size:.8em; line-height:1.3em }
				.panel p { margin:0 0 5px 3px; padding:0; } 
				.panel table { width:100%; margin:3px 0; background:#fff; }
				.panel table th, .panel table td { padding:0px; background:#fff;  }
				
				.panel p a { font-weight:bold; }
				
				.widePanel { width:413px; margin-right:0px; padding:10px 15px 15px 15px; background:#fafafa; }
				.widePanel h3 { text-indent:0; margin:0 0 2px 0; padding:0; }
				.widePanel table { background:#eee9e9; /*border:1px solid #C8C8C8;*/ }	
				.widePanel table th, .widePanel table td { padding:4px; background:#fff; }	
				.widePanel table th { width:35% }
				.widePanel table td { width:65% }	
					
				p.testimonial, p.testimonialName { background:#fff; padding:5px; width:auto; }
					
				p.testimonial { font-style:italic; margin:5px 0 0 0; }
				p.testimonialName { text-align:right; font-weight:bold; border-bottom:1px solid #ccc; margin:0;  }	
					
					
				/* Tabbed divs on 'Edit' pages */
				.containerTabs { width:100%; margin:5px 0 0 0; padding:0; }
				
					.containerTabs ul.tabLinks { 
						width:100%; height:24px;
						margin:0; padding:0;
						list-style:none; z-index:10000; 
						/*border-bottom:2px solid #c8c8c8; */
					}
					
					.containerTabs ul.tabLinks li {
						float:left; width:126px;
						margin-bottom:-2px; padding-left:0px;
						list-style:none;
						background:none;
					}
					
					.containerTabs ul.tabLinks li a {
						display:block;
						width:120px; height:19px;
						margin:0; padding:5px 6px 0 0;		
						text-decoration:none; text-align:center;
						font-size:.9em; font-weight:bold;
						background:url(../images/bgTabOff.gif) no-repeat;
						color:#fff;
					}
					
					.containerTabs ul.tabLinks li a:visited {
						color:#fff;
						font-weight:normal;
						text-decoration:none;
					}
					
					.containerTabs ul.tabLinks li a:hover {
						background:transparent url(../images/bgTabOn.gif) no-repeat scroll 0pt;
						color:#6C9902;
						font-weight:bold;
						text-decoration:none;
					}
					
					.containerTabs ul.tabLinks li a:active, .containerTabs ul.tabLinks li a.activeTab  {
						background:url(../images/bgTabOn.gif) no-repeat;
						color:#6C9902;
						font-weight:bold;
						text-decoration:none;
					}
					
					/* Tabbed content */
					.tab {
						float:left; width:100%; height:auto;
						padding:25px 0 0 0;
						background:#e6e6e6;
						border-top:0; 
					}		
		

				/* Checkbox containers */	
				#coachingServices, #coachingEquipment { width:385px; float:left; margin:0 auto 10px auto; padding:0 25px; }
				 
				/* Other */ 
				.calendar { margin:0 0 0 3px; border:0;  } 
							
		/*--------------------------------------------------------------------------------------------------------------*/	
			
		#footerHolder { 
			float:left; width:970px; height:26px; 
			margin:0 0 0 10px; _margin:0 0 0 5px; padding:14px 0 0 0; text-align:right; 
			background:#303030;
		}
	
			#footerHolder p { font-size:8pt; font-weight:normal; margin:0 15px 0 0; padding:0; color:#c5c59e; } 
				
		/*--------------------------------------------------------------------------------------------------------------*/	
	
		/* Other */
		.floatLeft { float:left }
		.floatRight { float:right }
		
		.noMargin { margin:0 }
		.noPad { padding:0 } 
		
		/* Error handling */
		#containerErrors { 
			/*position:relative;*/
			position:absolute; top:0; left:0;
			margin:115px auto 0px auto; padding:0;
			width:100%; height:auto;
			z-index:1000;
		}
		
		#errors {
			min-width:536px; /*576*/
			width:536px; height:auto;
			margin:0 auto; padding:10px;
			border:2px solid #557900; 
			-moz-border-radius:7px;
			font:bold 1em arial, Tahoma, sans-serif;
			background:#f6f6f6;  
			opacity:.97;
			filter: alpha(opacity=97);
			z-index:100;
		}
		
		h3#h3Errors { 
			display:block;
			background:url(../images/icons/exclamation.gif) top left no-repeat;
			margin:0; padding:0 0 0 32px;
			color:#597e16;
			height:30px; line-height:26px;
			font-size:18px;
		}
		#errors p { color:#3d5a36 }
		
		#errors a.closeErrors  { 
			display:block; float:right;
			width:22px; height:22px;
			text-indent:-9999px;
			background:url(../images/buttons/winCloseOff.gif) top right no-repeat;
		}
		#errors a.closeErrors:hover { background:url(../images/buttons/winCloseOn.gif) top right no-repeat; }
				
				
	/*New Added 23-12-2010*/
.panel, .twoColBellowSect, #footerHolder, #sepBtn, #datepicker, .stateInLeft, .fealdsetTopSpace, .btnNewCommon2, .floatLeft, #idBtnPlayer{ display:none !important;}

.panelNew, #hideBG{ border:none !important; width:800px !important; background:none  !important;}
#bodycontent, #centreHolder, #hideBG{background:none  !important;}
.floatRight{float:none !important;}
.bookingDiary{ height:auto !important;}