/* 
 *  siteStyle.css
 *  $Revision: 1.13 $
 *  $Date: 2009/01/20 22:46:12 $
 *
 *  'A little style and a touch of class'
 *  copyright 2008 Jim E Sontag
 *
 *  This is the siteStyle.css 
 *
 *************************************************************/

BODY
{
  font-family: Arial, sans-serif;
	font-size: 10pt;
  background: url("./img/header_bg.jpg") no-repeat scroll center top;
  background-color: #ffeeff; 
  color: black;
  margin: 0;
}

EM { font-style: italic; font-weight: bold }

/* this is used to centre the page within the viewport */
#ctrFrame    
{
  /* min-height: 400px; */
	position: relative;
  margin: 0; padding: 0;
  padding-top: 6px;
  left: 50%; 
  width: 804px;
  margin-left: -402px;
  /*
	overflow: visible;
	visibility: visible;
  */
 	background: url('./img/body_bg.jpg') repeat-y center top;
}

#headerJukebox {
  position: relative;
  left: 50%; 
  margin: 0; padding: 0; 
  height: 222px;
  width: 780px;
  margin-left: -391px;
}

/* this is used to display the client event Title 
total element height is padding + specified height + headerPrompt size - (a little) = 222
148 + 45 + 25 =
*/
 
#bannerTitle {
  clear: both;
  height: 148px;
  padding-top: 45px;
  color: black;
  text-align: center;
  font-size: 200%;
  font-style: italic;
  font-family: serif; 
}

/* the banneText contains the contact info that appears in some banners */
#bannerText {
  float: right; clear: both;
	margin: 16px 70px 0 0; padding: 0px;
  color: white;
  font: normal normal 12px/14px sans-serif;
  text-align: left;
}
#bannerText A { color: white }

#headerPrompt { 
  height: 25px; 
  color: black;
  font-size: 135%;
  font-style: italic;
  font-weight: 500;
  font-family: serif; 
  padding-left: 10px;
  padding-top: 4px;
}

#contactUs { 
  font: italic normal 120%/120% sans-serif; 
  color: #cc0000; 
  text-align: center; 
  clear:both; 
}

#adminFlds { height: 105px; float: left; clear: none }
#postMsgBtn { float: right; clear: right; margin:4px 4px 0 0 }
/* for the scrolling messages display */
#msgArea {  float: right; clear: none; background-color: #ffff99; }
#msgScroll {
  width: 380px;
  height: 90px; 
  overflow: auto;
}
#nomsgs { 
  text-align:center; 
  font: italic 120%/120% sans-serif;
  margin-top: 30px; 
}

#cancelBtn { display: block; float: left; clear: none }
#saveBtn { float: left; clear: none }

#formBtnDiv { visibility: hidden; padding: 6px 0px; }

/* these are used for displaying messages */
.mname { float:left; clear:left; font-variant: small-caps; }
.mdate { float:right; clear:right; margin-right: 8px; font-style: italic; font-weight: 500; color: #990000; }
.comment { white-space: pre-wrap; font-family: sans-serif; margin-top: 4px; }

/* this is specified by everything that calls class.booking event.php bookings.php eventSchedule.php */ 
#kmSelect, #earlySelect { clear:both; padding-top:6px }

/* #bannerTitle, #headerPrompt { border: thin dotted red; } */

/* for juke box selection odd rows change color in table change color */
.odd { background-color: #dddddd; color: black; }  
 
.left, .right { width: 48% }
.left { float: left; clear: left;  } 
.right { float: left; clear: right; border-left: 1px solid gray }

/* give embedded div some padding */
.left>DIV, .right>DIV { padding:0 8px }

.right { padding-left: 0px; }
/* these are for the navcontrol found in event.php, weddingPlanner.php and client.php */
#navcontrol { clear: both; width: 265px; margin-left: 240px; } 
.navleft, .navright { width: 10%; }
.odo { width: 76%; text-align: center; }
.navleft, .odo, .navright { float: left; clear: none; }

/* these are used by eventSchedule, event */
.title1 { font-size:150%; font-style:italic; }
.title2 { font-size:110%; font-style:italic; }
.tstmp { font-style: italic; }

.expired { text-decoration: line-through }
TD.selected { font-size: 110%; text-decoration: blink }
TD.today { font-size: 110%; font-style: italic }