* { padding:0; margin: 0; }

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:76%; color:#000; margin-bottom: 0px; background-color:#CFF9CD; height: 100%;background-image: url(../img/header_tile.gif); background-position: 50% 0; background-repeat: repeat-y;}
#wrap {width: 790px; margin: 0 auto; background-color:#CFF9CD;}
#container {margin-left:1px; width: 790px; font-size:0.9em; background-color: #FFF; float: right;}
#header { height: 113px; background-image:url(../img/header_tile.gif); width: 790px; overflow:hidden; }
#header h1 a {float:left; margin-top:13px; height:87px; width:152px; background-image:url(../img/holidaysintuscany_logo.gif); text-indent:-100em; overflow:hidden;}
#header ul {float:right; list-style:none; margin-top:40px; padding-right: 40px;}
#header li {float:left; display:block; height:27px; text-indent:-100em; }
#header li a {display:block; height:27px; overflow:hidden; }
#header li.homepage {background-image:url(../img/homepage_button.gif); width:91px; margin-right:20px;}
#header li.homepage a {width:91px; overflow:hidden; }
#header li.availability {background-image:url(../img/availability_button.gif); width:140px; margin-right:20px;}
#header li.availability a {width:140px; overflow:hidden; }
#header li.contact {background-image:url(../img/contact_button.gif); width:93px;}
#header li.contact a {width:93px; overflow:hidden; }
#header #adminBar {display:block; margin-left:25px; float:left; margin-top:-2px; color:#fff;}
#header #adminBar a {color:#CFF9CD; text-decoration:none;}
#header #adminBar a:hover {color:#FFF; text-decoration:underline;}

#navigation { background-color: #FFF; overflow: hidden; width: 790px;}
#navigation ul { list-style-type: none; float: left; padding-left: 3px; }
#navigation ul li { float: left; display:block; width: 131px; background-repeat: no-repeat; text-indent: -100em; height: 40px}
#navigation ul li.villas { background-image: url(../img/villas_button.jpg); }
#navigation ul li.surroundings { background-image: url(../img/surroundings_button.jpg); }
#navigation ul li.gallery { background-image: url(../img/gallery_button.jpg); }
#navigation ul li.diary { background-image: url(../img/diary_button.jpg); }
#navigation ul li.guestbook { background-image: url(../img/guestbook_button.jpg); }
#navigation ul li.findus { background-image: url(../img/howtofind_button.jpg); width: 132px; }
#navigation ul a { display:block; width: 100%; height: 40px; }
#content {float:left; background-color:#FFFFFF; padding:10px 22px 10px 22px; width:746px;}
#content h1 {font-size:2.1em;margin-bottom:8px; margin-top:6px; width:600px;}
.image {float:right; margin-left:10px;}
.image img {display:block; margin-bottom:10px;}
#content img {border:none; }
#content div.largeimage {margin-bottom:5px;}

#content .imagePreview img {padding-bottom:7px;}
#content p {margin-bottom:10px;}
 

#content .editLink {float:right; color:#045900;}
#content a.editLink  {text-decoration:none;}
#content  a.editLink:hover {text-decoration:underline;}

#content a, #imagebar a {color:#045900; text-decoration:none;}
#content a:hover, #imagebar a:hover {text-decoration:underline;}
#content ul {margin-left:15px; margin-bottom:10px;}
#content li.adminlink, #content ul.adminlink {list-style:none; clear:both;}

#content .surroundingbox {float:left; width:700px; background-color:#CFF9CD; padding:15px; margin-bottom:15px;}
#content .surroundingbox img {float:left; margin-right:15px; margin-bottom:15px;border:5px solid #FFF;}
#content .surroundingbox h2 {font-size:1.5em; color:#045900;}
#content .surroundingbox h1 {display:inline;}
#content h2 {font-size:1.3em; color:#0B6A06;}

#content #formBlock.contactpage {padding:0px 10px 0px 15px; background-color:#CFF9CD; width:730px; float:left;}
#content #formBlock.contactpage label {display:block;  width: 140px; padding-right: 10px; padding-top: 3px; clear: left;} 
#content #formBlock.contactpage form input { width:300px; }
#content #formBlock.contactpage form textarea { width:300px; height:60px;}
#content #formBlock.contactpage form select { width:auto; }
#content #formBlock.contactpage form div.submit input { width:auto;  margin-right:70px;}
#content #formBlock.contactpage .leftcolumn {float:left; width:320px;}
#content #formBlock.contactpage .rightcolumn {float:right; width:320px;}


#footer { padding-bottom: 20px; clear:both; padding-top:5px; background-image:url(../img/header_tile.gif); text-align:center; color:#CFF9CD;}
#footer a {color:#CFF9CD; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer ul {list-style-type: none; margin-top:2px;}
#footer li {display:inline; border-right:1px solid #CFF9CD; padding-right:5px; }
#footer li.last {border:none;}





/*--- FORM---*/
label { display:block; float: left; width: 80px; padding-right: 10px; padding-top: 3px; clear: left; }
input, select { margin-bottom: 5px; }
form input { width:280px; margin-bottom: 0.5em; }
form textarea { width:500px; margin-bottom: 0.5em; height: 200px;}
form .required {font-weight:bold;}
form .error_message {color:#F00; font-weight:bold;}
form .requiredwide textarea { width:560px; margin-bottom: 0.5em; height: 200px;}
form .requiredsmall textarea { width:500px; margin-bottom: 0.5em; height: 60px;}
form div.submit { width:340px; margin-bottom: 3em; clear:both;}
form div.submit input { float: right; margin-left: 5px; width: auto}
input { border: 1px solid #ccc; }
div.required, div.optional { clear: both; }
.imagePreview {position:relative; left:-10px; color:#045900;}
.previewImage {margin-right:10px;}
.uploadActions a {color:#045900;}

#rightcolumn .login label { display:block; float: left; width: 60px; overflow:hidden; padding-right: 10px; padding-top: 3px; clear: left; }
#rightcolumn .login input { width:100px; margin-bottom: 0.5em; }

#adminBar { height:15px; width: 740px; font-size:0.9em; margin-bottom: -15px; margin-left:auto; margin-right:auto; padding: 0px;}
#flashMessage {display:inline; color:#F9FF5B; font-weight:bold;}

/* ========================== TABS ===================================== */
#tabs {
  float:left;
  width:100%;
  font-size:93%;
  color: #FFF;
  line-height:normal;
  background:#FFFFFF url(../img/bg.gif) repeat-x bottom;  
  margin-bottom: 0;
  }
#tabs ul {
  margin:0;
  padding:10px 10px 0 0;
  list-style:none;
  }
#tabs li {
clear: none;
  float:left;
  display:inline;
  background:url(../img/left.gif) no-repeat left bottom;
  margin:0px 3px 0px 0px;
  padding:0 0 0 9px;
  }
#tabs a {
  float:left;
  display:block;
  background:url(../img/right.gif) no-repeat right bottom;
  padding:5px 15px 5px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#FFF;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */
#tabs a:hover {
  color:#FFF;
  }
#tabs #current {
  background-image:url(../img/left_on.gif);
  }
#tabs #current a {
  background-image:url(../img/right_on.gif);
  color:#FFF;
  padding-bottom:5px;
  }

/* === PHOTO GALLERY === */
#tabBox { float: left;background-color: #fff;}

#photoGallery li { margin: 0; padding: 0; }
#photoGallery { float:left; width:745px; font-size:93%; line-height:normal; margin-bottom: 0em;
                margin-top: 0em;  padding-bottom: 1em; }
#photoGallery ul { margin:0; list-style:none; }
#photoGallery li.photoGalleryImage { clear: none; float:left; display:inline; background: url(../img/image_left.gif) no-repeat left top; padding-left: 20px; margin-right: -10px; }
#photoGallery li.photoGalleryImage img { margin: 10px 10px 0px 0px;  }
#photoGallery li a { float:left; display:block; background:url(../img/image-right.gif) no-repeat right top;  text-decoration:none; font-weight:bold; color:#765; padding: 10px 10px 15px 0px; margin-left: 0px; overflow: hidden; }
  #photoGallery li span.editLinks input { display: inline; margin-left: 4px; margin-right: 4px; vertical-align: -6px; }
  /*#photoGallery ul.photoGalleryEdit { float: left; display:inline;  }*/
  .editLinks { clear: left; float: left; }
  #photoGallery span.editLinks a { float: none; display: inline; background: none; padding: 0px; margin: 0px; }
  #photoGallery p { margin: 2em; }
  
  #pagination { width: 100%; text-align: center; margin-bottom: 1.5em;}
  #pagination em { font-weight: bold;}
  
  #pagination img { vertical-align: -6px; }
   
  div.articleBox { clear: left; float: left; width: 490px; background-color: #ccc9bd; margin-bottom: 6px; margin-top: 6px; padding-right: 12px; padding-left: 12px;}
  div.articleBox p { margin-bottom: 0em; }
  div.articleBox h2 { margin: 0; padding: 0; margin-top: 12px; }
  div.articleBox img { float: left; margin:0; padding: 0; margin-right: 12px; margin-top: 12px; margin-bottom: 12px}
  div.articleBox p.readmore { float: right; margin:0; padding: 0; display:block; }
  p.backlink a { position: relative; top: 2em; }
  #formBlock #photoGallery { width: 458px; }
  
/* === Image Bar Bob === */

#imagebar { background-color:#FFFFFF; height:161px; }
#imagebar { overflow: hidden; margin-left: 3px; width: 784px; margin-top: 3px; margin-bottom: 3px; }
#imagebar div.images { width: 5000px; }
#imagebar div.edit { position: relative; top: 139px;left: 3px;margin-bottom: -100%; background-color: #fff; float: left; padding: 3px; }

#sortable span { cursor: move;display: block; }
.row { clear: both; float: left;}
.photo, .alt, .actions { float: left; height: 65px;}
.photo { width: 100px; }
.alt, .actions { background:#fff;width: 100px; padding-top: 25px; height: 40px;}

/* === Diary Page Layout ===*/

.year { font-family: Georgia, Times New Roman, Serif; font-size: 2.5em; width: 100%; text-align: center}
.year a { font-size: 0.5em; }

table#diary  { margin: 0 auto; }
table#diary th { padding: 5px 3px 5px 3px; }
table#diary td { text-align: center;padding: 2px 1px 2px 1px; }

table#diary a { color: #000; }
table#diary td a { display: block; }
table#diary td {  background-color: #CFF9CD;}
table#diary td.month { background-color: #FFF; text-align: right; padding-right: 3px;}
table#diary td.weekend { background-color: #5EE15E;}

table#diary tr td.booked { background-color: #FD6B1C; }
table#diary tr td.tbc { background-color: #FFCB6C; }

.ajaxload { display: none; float: right; padding: 3px 3px 0px 0px ;}
.ajaxmessage {float: right; padding: 3px 3px 0px 0px; }
.saveyear {float: right;}

div.key { float: right; width: 80px; margin-bottom: -30px;}
.key_tbc { margin-bottom: 2px; overflow: hidden; clear: left; display: block; width: 12px; height: 12px; background-color: #FFCB6C; float: left; margin-right: 5px;}
.key_booked { overflow: hidden; clear: left; display: block; width: 12px; height: 12px; background-color: #FD6B1C; float: left; margin-right: 5px;}

form { margin-top: 15px; }

.selector { float: left; width: 250px; margin-bottom: -80px;  }
.selector span { float: left; margin-top: 9px; margin-right: 3px; }
.selector select { width: 100px; display: inline;margin-top: 5px;}

.instructions {margin-top:4px; padding:5px;}