/**************************************************************/
/*   Isles of Shaols Web Site 2011 - Fusion Ticket CSS        */
/**************************************************************/
/*  Changes Made by Lou */
/*  4-20-11 Added large_pic style for cruise images */
/*  3-13-11 Try to fix but Mozzila has problems with the cart */
/*  3-11-11 Try to fix   */
/*  3-11-11 Get rid of of changes notes  */
/**************************************************************/
/* NOTE: Changes for 2011 old css files are obsolete */
/**************************************************************/
/*************************************************************/
body {      
 	margin: 0;
	padding: 0;
    font-size: 75%;
    background: #d6dee2;   /* This is the color of the entire browser window and is set to same color as joomla */
}
/* *******************************************************************************/
/* *********THIS IS WHAT SETS the WIDTH OF THE WHOLE FT SCREEN CONTENT AREA ******/
/* *******************************************************************************/
/* Controls ALL width across ENTIRE Area of FT Screen within the BODY on browser screen */
/* This includes page content and footer as well */
.main_side{
    padding: 0px;
    margin-top: 0px;  /* How far down to move table */
    margin-left: 15px; /* Margins */
	margin-right: 15px; 
 /*   float: center; */
/*  Background image size CONTROLS width of screen on FusionTicket and Main site */
/*  There is not much you can do about this...If you want is smaller make the graphic image less wide !!!! */
    background:  url('images/theme/default/bgr.png') top center repeat-y;  /* 3-11-11 This is 1000 X 4  */
/*    width:80%; */   /***** Doesn't matter what this is set to!!!!  *****/
}

/*  Background image size CONTROLS width of screen on FusionTicket and Main site */
/*  *****  WARNING:  DO NOT CHANGE the WIDTH of 930px ************/
.mainbody{ position: relative;
	width:930px;    /***** SETS THE WIDTH OF THE ENTIRE SCREEN *****/
	padding: 0;
	margin: 0;
    background: #fff; 
}
/***********************************************************************************/
/***********  TOP BANNER  **********************************************************/
/***********************************************************************************/
/* 3-11-2011 Table contains the Top Banner Image */
/*  width and height    */
.bannertable{
    padding: 0;
	margin: 0;
    background-color: red;  /* Sets the color of the background */
    background: #d6dee2;   /* This is the color of the entire browser window and is set to same color as joomla */
 /*  width: 330px; */   /* Set the width of the table */
 /* 	height: 164px; */  /* This is good */
/*	border:black 10px solid; */ /* border #e0e0e0 */
/*	height: 100%; 	*/  /* No good */
	align= bottom;
	clear: left;
}
/* 3-12-2011 Controls the size and position of the Top Banner Image */
/*  width and height    */
/*  Bottom border stuff does not work with ie and mozzila    */
.topbanner{
    width: 924px;    /* This is good */
  	height: 164px;   /* This is good */
	background-color: #d6dee2;   /* This is the color of the entire browser window and is set to same color as joomla */
/*	border: none;  */
/*	border-style:solid; */
/*    border-bottom-width:3px; */
/*    border-bottom-color:black; */
/*    border-color: red;  */
/*	border-bottom: 1px solid; */
/*	border-color: black;  */
/*	align= bottom; */
/*	clear: left; */
/*	border:black 1px solid; */ /* border #e0e0e0 */
}
/* This is the main content of pages below banner and above footer  renamed it to disable*/
/* 3-11-11 Need padding so we have spaces between content area and left and right sides */
.maincontent{
    width: 100%; 
	padding: 10px;
	margin: 0;
	background: transparent url('images/theme/default/main_bg.png') top center repeat-x ; 
}

.content{
	width: 100%;
	padding-top: 10px;	
}
.footer{
	padding: 0;
	margin: 0;
	background: transparent url('images/theme/default/main_bg.png') top center repeat-x ; 
}
/* ****************************************************************************** */
/* No changes here  made from original*/
/* ****************************************************************************** */
h1, h2, h3, h4, h5, h6, h7, p, form, ul, ol, li, blockquote, fieldset {margin: 0; padding: 0;}
img, a {border:none; text-decoration: none;}
ul, li {list-style:none;}


/* CSS Document - 3-11-11 This is OK....Original had this..I didn't touch it */
*{font-family: Verdana, Helvetica, Arial, sans-serif; font-size:11px; color:#666666; }

h1{
	color:#003366;  /* was ff0066 */
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:22px;
	margin:1px;
	margin-bottom:5px;
	}
h2	{
	color:#69c;
	}
h3	{
	color:#000000;
	font-size:18px;
	margin:2px;
	line-height:20px;
	}

.spacer{
	width: 770px;
	height: 1px;
	clear: left;
}
.table_up{}
.table_upc{}
.table_downc{}
.left_hand_menu	{
	width:160px;
	}
.copy{
	font-size:9px;
	clear: right;
}
.title{font-size:14px;color:#69c;font-weight:bold;}
.title2{font-size:14px; color:#000000;}
/***********************************************************/
/* ****   CART TABLE *****  */
/***********************************************************/
/* 2-26-11  Changes for width and padding  */
.cart_table{
	border:#e0e0e0 1px solid;

	padding-right: 5px;
	padding-left: 5px;
	}
.cart_title{
	color:#000000;
	border-bottom:#e0e0e0 1px solid;
	padding:5px;
	font-weight:bold;
	padding-bottom: 5px;
	font-size:12px;
	}
.cart_content{
	color:#666666;
	background-color: transparent;
	padding:5px;
	}
.login_title{
	color:#000000;
	border-bottom:#e0e0e0 1px solid;
	padding:2px;
	font-weight:bold;
	padding-bottom: 5px;
	font-size:12px;
}
.login_table{
	border:#e0e0e0 1px transparent;
}
.login_content{
	color:#666666;
	background-color: transparent;
	padding:5px;	
}
/* Lou Changes Made */
/* color to cc3333 for match to joomla*/
a{text-decoration:none;color:#cc3333;}
a:hover{text-decoration:underline;color:#000000;}
/* */
#navbar {
	margin: 0 auto;
	padding: 0;
	position: relative;
    width: 100%;
	height: 28px;
	background-color: #4d6073 ;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
/*	font: bold 12px Verdana, Helvetica, Arial, sans-serif; */
}

#navbar ul {
	margin: 0;
	padding: 0;
	float: left;
}

#navbar li {
	padding: 0 2px 0 0;
	margin: 0;
	float: left;
	background-color: #4d6073 ;
}

#navbar ul li a:link, #navbar ul li a:active, #navbar ul li a:visited {
	display: block;
	float: left;
	padding: 0 15px;   /* 4-15-10 Lou change padding between items - old was : 0 20px  */
	height: 28px;
	line-height: 28px;
    color: white;
    text-decoration: none;
}

#navbar ul li a:hover {
	background-color: #d6dee2;
}

.title_link{font-size:14px;}
.title_link:hover{font-size:14px; color: #333333; background-color:#FFFFFF; text-decoration:none;}
.date{font-weight:bold; font-family:Verdana, Helvetica, Arial, sans-serif;}
.note{font-size:10px;}
_input{background-color:#cccccc;border:#999999 1px solid;}
_select{background-color:#cccccc;}
.pm_info{width:100%;}
.pm_box{width:600px; background-color:#FFFFFF; padding:10px;}
/* previously menu_link*/
.cart_link{
	color: #000000;
	font-weight:bold;
	font-size:12px;
	}
.cart_link:hover{color:#000000;font-weight:bold;}
.tr_0{background-color:#DDDDDD; padding:5px;}
.tr_1{background-color:#CCCCCC; padding:5px;}
.cc_div{background-color:#CCCCCC; padding:10px;text-align:left;}
.cc_form{background-color:#FFFFFF;}
.error{color:#FF0066; font-weight:bold;font-size:12px;}

.menu_login{padding-left:10px;padding-bottom:2px; font-family:Verdana, Helvetica, Arial, sans-serif; font-weight:bold;font-size:10px;}
.pm_nosale{background-color:#d2d2d2;width:14px; height:14px;}
.label_T{color:#666666;font-size:10px;text-align:center;background-color:#ccffff;}
.label_E{color:#666666;font-size:10px;text-align:center;background-image:url('../images/theme/default/exit.gif');background-color:#ffffff; width:14px; height:14px;}
.label_RE{color:#666666;font-size:10px;text-align:center;border:#cccccc 1px solid;background-color:#ccffff;height:14px;width:14px;}
.label_RW{color:#666666;font-size:10px;text-align:center;border:#cccccc 1px solid;background-color:#ccffff;height:14px;width:14px;}
.label_SS{color:#666666;font-size:10px;text-align:center;border:#cccccc 1px solid;background-color:#ccffff;height:14px;width:14px;}
.label_SN{color:#666666;font-size:10px;text-align:center;border:#cccccc 1px solid;background-color:#ccffff;height:14px;width:14px;}

/* page_classes/PlacesMap */
.pm_table {margin:5px;}

.pm_ruler {}

.pm_free {background-color:#339900;width:14px; height:14px; border-right:#339900 1px solid;border-bottom:#339900 1px solid;padding:0px;}

.pm_occupied {background-color:#FF0066;width:14px; height:14px;border-top:#000000 1px solid;border-left:#000000 1px solid;padding:0px;}

.pm_none {background-color:#ffffff;padding:0px;zoom:1;}

_input.pm_check{width:14px; height:14px;margin:0px;border:0px}
_input.checkbox{margin:0px;border:0px;padding:0px;background-color:#666666;}
_input.checkbox_dark{margin:0px;border:0px;padding:0px;background-color:#333333;}

/* Form Validation */

#field, label, select { margin-left: .5em; float: left; margin-bottom: .5em; font-family: Arial, Helvetica, sans-serif; }
input { margin-left: .5em; float: left; margin-bottom: .5em;  }
input.form-error { border: 1px solid red; width: auto; }
label.form-error {
	background: url('images/theme/default/unchecked.gif') no-repeat;
	padding-left: 16px;
	margin-left: .3em;
	}
label.form-valid {
	background: url('images/theme/default/checked.gif') no-repeat;
	display: block;
	width: 16px;
	height: 16px;
}
.submit { float: none; }


/* DEFAULT tables */

.TblLower { text-align: left;}
/***********************************************************/
/***********************************************************/
/*****  CONTENT Tables for Various Screen ******************/
/***********************************************************/
/***********************************************************/
/* This table is used for "Schedule" and "Upcomming" tabs- Calendar.php and Index.php  */
/* Have played with sizes but 100% seems good. Maybe Mozzila issue is here  */
.table_dark{background-color: transparent; width:100%;}

/* Shading used in display of items. We can configure these to change  */
.div_dark{width:550px;padding:10px;background-color:#FFFFFF; }
/*  .div_midtone{width:550px; background-color:#FFFFFF; padding:10px; color:#333333;}  */
.div_midtone{width:550px; background-color:#FFFFFF; padding:10px; color:#333333;}
/* .table_midtone{background-color:#FFFFFF;color:#333333;width:100%;} */
.table_midtone{background-color:#transparent; color:#333333;width:100%;}
/* ******************************************************************* */
/*  This is us for Cruise page (programm.php)- Some wierd behavior here */
/*  Leave it at 100% and see if all is good. If not, width here has to match the size in "mainbody" setting     */
/* ********************************************************************* */
.table_trans{width:100%;}  /* Set's the width of the area displaying cruises page events */
/* .small_table_dark{width:100%; background-color:#transparent;} */
/*  Lou- Made table transparent was #efefef and added a border around the cruise event  */
.small_table_dark{width:100%; border:#e0e0e0 1px solid; background-color:#transparent;}
.small_div_dark{width:260px; background-color:#efefef; border:#666666 1px solid; padding:10px;}

/* ******************************************************************* */
/* ************    POS  ************************** */
/* ******************************************************************* */
.shop-table  {
  background:none repeat scroll 0 0 #FFFFFF;
  border-collapse:collapse;
  font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
  font-size:12px;
  margin:1px;
  text-align:left;
  width:100%;
}

.shop-table th {
  border-bottom:1px solid #6678B1;
  color:#003399;
  font-size:14px;
  font-weight:normal;
  padding:4px 4px;
}

.shop-table td {
  border-bottom:1px solid #CCCCCC;
  color:#666699;
  padding:4px 4px;
}

.shop-table tbody tr:hover td {
  color: #0000FF ;
}

tr.user-order-res {
  border-right: 2px solid orange;
  border-left: 2px solid orange;
}

tr.user-order-payed {
  border-right: 2px solid green;
  border-left: 2px solid green;
}

tr.user-order-cancel {
  border-right: 2px solid gray;
  border-left: 2px solid gray;
}

tr.user-order-send {
  border-right: 2px solid #FFCCCC;
  border-left: 2px solid #FFCCCC;
}

tr.user-order-ord {
  border-right: 2px solid #99CCFF;
  border-left: 2px solid #99CCFF;
}
/* ****************** */
/*  2-21-11 Lou Kludge for user registration form to turn off crappy white background setting */
/*  instead of doing this in the css file.  This is all code in include/template/web files */
.userformwhitebg{background-color: transparent}
/* ******************************************************************************************** */
/*  Images as displayed in programm.php and event_decription.tpl   */
/*  Change size from width 100 to 150 or whatever looks good     */ 
/* ******************************************************************************************** */
.large_pic{
/*  align='left' class="large_pic" border="0" width="200" style="margin:15px;" */


       width: 200px;    
   /*    height: 121px; */
       float: center;     /* center */
       border-collapse:collapse; 
       border:2px solid #b0c4de;
       padding:0px;
	   margin:15px;
    /*   margin-right:2px;  */
    /*   margin-left:2px;   */

}