/* ------------------------------ begin Reset Styles for all browsers ------------------------------ */
body, p, blockquote {margin: 0;padding: 0;}
a img, iframe{border: none;}
h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-size: 100%;font-weight:bold;}
ul, li, ol, dl, dt, dd {margin: 0;padding: 0;}
ul, ol, li {margin-left: 20px;}
a, a:link {}
a:visited {}
a:hover {}
a:active {}
form, fieldset {margin: 0;padding: 0;z-index : 100;}
fieldset { border: 1px solid #000; }
legend {padding: 0;}
input, textarea, select, button {margin: 0; padding: 1px; font-size: inherit; font-family: inherit; }
select { padding: 0; }
/*  ------------------------------  end: Reset Styles for all browsers  ------------------------------ */




/*  ------------------------------  site HTML styles ------------------------------ */

html, body {
  /*no rules*/
}

body{
  margin:0 0 0 0;
  padding:0;
  color:#666666;
  font-size : 70%;
  font-family: verdana, arial, sans-serif; 
  font-weight: 500;
  background-image:url('/images/background.jpg');
  background-position:top left;
  background-repeat:no-repeat;
  background-color:#CFD1E0;
}

h1, h2, h3, h4, h5, h6{
  margin : 0 0 5px 0;  /*set to a fixed value to ensure Xbrowser compatibility*/
  padding : 0;
}

p {
  padding:0px;
  
}

h1{
  font-size : 1.5em;
}

h2{
  font-size : 1.2em;
}

h3{
  font-size : 1.2em;
}

h4{
  font-size : 1em;
}

h5{
  font-size : 1em;
}

a {
  text-decoration : none;
  color: #993333;	
}

a:hover {
  color : #333399;
}

pre {
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* --------------------------------------------------------------------------- */
/* ids and classes in clubchalet.master */
/* --------------------------------------------------------------------------- */

.mainbg{
   /* no rules */  
}

#headerBlock{
  height:125px;
}

#banner{
 background-color:#000000;
}

#header {
  min-width:980px; /* min width to stop logo going behind animation */
  max-width:1570px;
  overflow: visible;
}

.headerAnimation {  
   margin: 0 0 0 0px;
   padding: 0 0 0 0; 
   width: 690px; 
   height:119px;
   overflow:hidden;
}

.headerAnimation img {  
   margin: 0 0 0 0;
   padding: 0 0 0 0; 
   width:690px; /*actual */
   height:119px;
}

.headerLogo {
  float:right;
   margin: 0 10px 0 0;
   padding: 0 0 0 0;   
   width:233px;
   height:119px;
   overflow:hidden;   
}

.headerLogo img {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   width:233px;
   height:119px;
}

.width{
  /* outer main div is of class width */
  min-width:980px;
  max-width:1550px;
  width:auto;
  /*margin:0 auto auto 10px;*/
  margin:0 auto;
  padding:5px;
}

#menuBlock{
  /* no rules */
}

.menubar 
{
  padding-top:4px;
  height:22px;
}

#mainBlock{
  min-height:720px;  
}

.clearSeperator {
    clear:both;
    height:2px;
    margin:0;
    padding:0;
}

#footerBlock {
 background-color : #000000;
}

.footer {
    /* no rules */
}

#popupTarget{
   /* no rules */
}

/* --------------------------------------------------------------------------- */
/* shared ids and classes in clubchaletsNcol.master */
/* --------------------------------------------------------------------------- */

.contentwrapper {
  float: left;
  width: 100%;
  height:100%;
}

.contentcol {
  height:100%;
}

#mainWrapper {
  /* no rules */
}

.pad {
  margin: 0 0 0 0;
  height:100%;
}

.lcol_pad {
 margin: 0 5px 0 0; /*Margins for inner DIV inside each column (to provide padding)*/
}

.rcol_pad {
 margin: 0 0 0 5px; /*Margins for inner DIV inside each column (to provide padding)*/
}

#mainCanvas {
  /* no rules */
}

.leftcol {
  float: left;
  width: 210px; /*Width of left column*/
  margin-left: -100%;
  overflow:hidden;
  height:100%;
}

#leftWrapper {
  height:100%;
}

#leftCanvas{
 height:100%;
}

.rightcol{
  float: left;
  width: 210px; /*Width of right column*/
  margin-left: -210px; /*Set left margin to -(rightcolWidth)*/
  overflow:hidden;
  height:100%;
}

#rightWrapper{
  height:100%;
}

#rightCanvas{
  height:100%;
}

/* --------------------------------------------------------------------------- */
/* ids and classes in site3col.master */
/* --------------------------------------------------------------------------- */
.threecol{
  margin: 0 210px 0 210px; /*Margins for content column. Should be 0 rightcolWidth 0 leftcolWidth*/
}
/* --------------------------------------------------------------------------- */
/* ids and classes in site2col.master */
/* --------------------------------------------------------------------------- */
.twocol{
  margin:0 0 0 210px;/*Margins for content column. Should be 0 0 0 leftcolWidth*/
}
/* --------------------------------------------------------------------------- */
/* ids and classes in site1col.master */
/* --------------------------------------------------------------------------- */
.onecol{
  /*no rules*/
}
/* --------------------------------------------------------------------------- */
/* standard client class name */
/* --------------------------------------------------------------------------- */

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.clear{
  clear:both;
}

.pageHeadingDIV
{
   background-color:#cccccc;
}

.pageHeading{
  margin-bottom:0px;
  float:right;
  font-size:1em
}

.breadcrumb {
  margin-left:0px;
  padding-left:0px;
  margin-bottom:5px;
  
  
}
.breadcrumb A {
  FONT-SIZE: .8em;
}
.breadcrumb A:hover {
   /* no rules */
}

.output_panel {
    margin-bottom:5px;
}

.box, 
.box-main
{
    margin:0 0 5px 0;
    padding:5px;
    background-color: #ffffff;
    border:1px #333399 solid;  /* default overide with box-class set in clubchalets */ 
}



div.box-main > p,
div.box-main > div
{
  padding:5px;
  margin:0px;
}

div.box-main > ul{
  margin-bottom:5px;
}

.fixgap{
  vertical-align:bottom;
}

#ui-datepicker-div{
  
  z-index: 9999;
}