/*--------------------------------------------------------------------------|
 | css/mm_master.css			                                			|
 | COPYRIGHT Elliott Fox ALL RIGHTS RESERVED                         		|
 |                                                                          |
 | DESCRIPTION: Main Cascading Style Sheet			                        |
 |--------------------------------------------------------------------------|
 | MODIFICATION HISTORY														|
 |																			|
 | REV    CR  Mod.Date    By Desc                                           |
 | 0.1        13/12/2013  EF Prototype release								| 
 | 1.0        27/01/2014  EF Recreated from prototype						| 
 |																			|
 ----------------------------------------------------------------------------*/

/* CORE SETTINGS */
body, p  {
	font-family: Tahoma, sans-serif; 
	margin: 0; 
	padding: 0; 
	color: #333; 
	font-size: 8px;
}
h1,h2,h3,h4,h5 {
	text-align: center;
	margin: 0; 
	padding: 0;
}
table,td,th,tr  {
	padding: 0; 
	margin: 0; 
	font-size: 8pt;
}
.hidden  {
	display: none; } 
.pad2px { 
	padding: 2px; }
.pad5px {
	padding: 5px; }
.spacer15px {
	height: 15px; }
.font11 {
	font-size: 11pt; }
.font9 {
	font-size: 9pt !important; }
.textright {
	text-align: right !important; }
.textleft {
	text-align: left !important; }
.textcenter {
	text-align: center !important; }
	
#ui-datepicker-div { font-size:11px; }
.ui-datepicker-trigger {margin-top: -3px;}

/* PARENT CONTAINER STYLING */
#main_body_calendar 
{
	/*width: 2560px;*/ 
	height: 1000px; 
	padding-left: 22px;
	margin-top: 25px;
}
#main_body_calendar table 
{
	margin: 0 auto;
}
#mm_footer 
{
	position: fixed; 
	bottom: 0px; 
	width: 100%;
	background-color: #000; 
	color: #DDD; 
	height: 20px; 
	font-size: 6pt; 
	text-align: center;
}

/* HOVER BOX STYLING */
.popbox 
{ 
	display: none; 
	position: absolute; 
	z-index: 90; 
	width: 280px; 
	padding: 10px; 
	background: #EEEFEB; 
	color: #000000; 
	border: 1px solid #4D4F53;
    margin: 0px; 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1); 
	box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1); 
	font-size: 10pt; 
}

/* REPORT WINDOW */
.reportWindow
{
	position: fixed;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	background: #EEEFEB; 
	color: #000000; 
}

/* POPUP SCREEN CLASSES */

.tentative-info {color: #DC0110; font-style: italic;}
.screen-title  {
	width: 100%; 
	font-size: 15pt; 
	color: #010101; 
	text-align: center;
	padding-top: 6px; }
.close-button  { 
	float: right; 
	height: 22px; 
	width: 22px; 
	vertical-align: top; 
	margin: 3px 3px 0 0; 
	/* background-image: url('../img/closebutton.png'); */ }
.ui-button-sml span  { 
	padding: 1px 2px !important;
	margin: 0 !important; 
	overflow: hidden;}
.screen 
{	
	display: none; 
	background-color: #FDFDFD; 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1); 
	box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1); 
	font-size: 10pt; 
	background: #EEEFEB; 
	color: #000000; 
	border: 1px solid #4D4F53; 
	position: fixed; 
	left: 50px; 
	top: 50px; 
	min-width: 300px; 
	min-height: 225px; 
	z-index: 200;
}
.school-details
{
	width: 850px;
}
.school_container {font-size: 11pt !important; height: 730px; min-width: 750px;}
.school_container th, .school_container td {text-align: left;}
.school-details div.detail-main {height: 50px;}
.booking_screen {background-color: #FFF; font-weight: bold;}
.school_search { width: 100%; text-align: center; font-size: 14pt;}

.booking-details
{
	max-width: 850px;
}
.communications-detail {
	max-width: 700px;
	min-width: 450px;
}
#template-box
{
	left: 8% ;
	top: 3% ;	
}
#communication-details
{
	left: 40% ;
	top: 10% ;	
}
.communications-box {position: fixed; display: none; background-color: #DDD; box-shadow: 2px 2px 2px 2px; z-index: 200; width: 450px; min-height: 300px; top: 50px; left: 20%; padding: 5px;}

/* TEMPLATE BOX CLASSES  */
#list-of-templates {font-size: 10pt; height:400px; overflow: auto; width: 100%;}
.template-list-element { padding: 2px; }

/* Following class used for ReadOnly Input tables. */
.roinput {cell-padding: 0; border-collapse: 1; cell-margin: 0; line-height: 12px !important;}

/* DATE NAVIGATION PANELS */
.slide-left { width: 43px; opacity: 0.3; position: fixed; height: 40px; left: 0; background-color: #333; top: 25px;  z-index: 50; background-image: url('../img/left.png');}
.slide-right { width: 42px; opacity: 0.3; position: fixed; height: 40px; right: 0; background-color: #333; top: 25px;  z-index: 50; background-image: url('../img/right.png'); }
.slide-panel:hover {cursor: pointer;}

/* ADMINISTRATION PANEL */
#admin-menu {width: 100%; height: 24px; position: fixed; left: 0; top: 0; border:black solid 1px; background-color: #111111; z-index: 9999; color: #CFCFCF;}
#admin-menu h4 {font-size: 14pt; margin: 0 0 10px 5px; color: #323232; text-align: left;}
#admin-config {width: 18px; height: 40px; position: relative; float: left ; background-image: url('../img/chevron_r.png');}
#admin-config.out{background-image: url('../img/chevron_l.png') !important;}

.config-menu{ margin: 0 auto; height: 24px; font-size: 14px; width: 100% }
.config-menu ul {list-style-type: none; margin: 0; padding: 0;}
.config-menu ul li {list-style-type: none; margin: 0; padding: 0;}
.config-menu ul li a {display: inline; margin: 2px 6px 3px 6px; text-decoration: none; color: #CFCFCF; border: 1px solid #111; float: left;}
.config-menu ul li a:hover {background-color: #ababab; cursor: pointer; color: #341212;}
#admin-config:hover {cursor: pointer;}

/* CALENDAR STRUCTURAL STYLING */
#calendar td.day-cell { width: 20px !important; }
#calendar td.td-cell {border: black 1px solid; width:65px;}
#calendar td.unconfirmed-cell {border: 2px solid #F00 !important; width: 63px !important; height: 26px !important; }
#calendar div.inner-cell {width: 65px;}
#calendar td.weekend-cell{background-color: #666; !important; color: #fff;}

.booking {color: #333; font-size: 9px; white-space: nowrap;}
.booking:hover, .vacancy:hover, .Sat:hover, .Sun:hover {cursor: pointer;}

.table_cell {width: 120px; height: 120px; vertical-align: top; border: black 1px solid; font-size: 8px;}
.table_cellx:hover {background-color: #DEDEDE; cursor: pointer;}
.table_cellx:active {background-color: #A9BCA9; cursor: pointer;}
img {vertical-align: middle;}
td.selected {background-color: #987668;}
td.weekend {background-color: #CDCDCD;}
.w20 {width: 20px !important;}

/* TEAM ASSOCIATED STYLING */
/* EF Dev Note:  Create variable scripting based on DB Values */
.team1 {color: red; font-weight:bold;}
.team2 {color: orange; font-weight:bold;}
.team3 {color: green; font-weight:bold;}
.team4 {color: blue; font-weight:bold;}
.team5 {color: purple; font-weight:bold;}
.team6 {color: brown; font-weight:bold;}
.team {}

/* WHITE SPACE ABOVE AFTERNOON BOOKING */
.ltop {margin-top: 1px;}


/* EF - Obsolete after implementing coolautosuggest */
/* USED IN THE SCHOOL AUTO-SUGGESTER 
.school-select, .school-select-b {font-size: 12pt !important;}
.school-select:hover, .school-select-b:hover {background-color: #FCDCDA; cursor: pointer;}
.autosuggest { width: 375px; height: 225px; display: none; position: fixed; z-index: 150; background-color: #FFF; box-shadow: 2px 2px 2px 2px; }
*/
#school-results {width: 550px; min-height: 350px;}
#school-results table {width: 100%; }


/* NEED REVIEW */
.box {border: black solid 1px; width: 100px; white-space:nowrap;}
.button-holder {width: 300px; margin: 0 auto; text-align: center;}
#shadow-box {width: 100%; height: 100%; position: fixed; z-index: 99; opacity:0.4; filter:alpha(opacity=40); background-color: #111; top: 0; left: 0; display:none;}
#popup {width: 300px; height: 200px; border: 2px solid black; display: none; position: fixed; z-index: 100; top: 150px; left: 150px; background-color: #FFF; padding: 15px;}
.hover_class {background-color: #CDCDCD !important;}


/* MENU BOX */
.popup {display: none; background-color: #FFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1); box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1); 
	font-size: 18pt; background: #EEEFEB; color: #000000; border: 1px solid #4D4F53; position: fixed; left: 10%; top: 10%; width: 800px; min-height: 625px;; z-index: 100; padding: 6px;}
.pop-box {display: none; background-color: #FFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1); box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1); 
	font-size: 12pt; background: #EEEFEB; color: #000000; border: 1px solid #4D4F53; position: fixed; left: 12%; top: 14%; min-width: 400px; min-height: 325px;; z-index: 100; padding: 6px;}
.temp-pop {display: none; background-color: #FFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1); box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1); 
	font-size: 18pt; background: #EEEFEB; color: #000000; border: 1px solid #4D4F53; position: fixed; left: 30%; top: 12%; width: 850px; min-height: 625px; z-index: 100; padding: 6px;}
	
#config-colour {min-height: 300px !important; width: 300px !important; }

.s-t {text-decoration: underline; color: red;}
#template-body,#template-head {width: 80%; margin: 0 auto;}

#suggestions_holder {z-index: 999 !important;}

.button-container {width: 70%; margin: 0 auto; text-align: center;}

.school-search-page { font-weight: bold; text-decoration: underline; padding: 5px; font-size: 1.1em; margin-right: 8px; }
.school-search-page:hover { text-decoration: none; cursor: pointer;  }