/* FONTS */
/* ----- */
@font-face { font-family:gloriahallelujah ; src: url("gloriahallelujah.ttf"); } 
@font-face { font-family:andy ; src: url("andy.ttf"); } 
/* General Layout */
/* -------------- */
html { width: 100%; height: 100%; margin: 0; padding: 0; }
body { width: 100%; height: 100%; margin: 0; padding: 0; font-size: 13px; background-image: url("../images/background.jpg"); background-repeat: no-repeat; background-position: top center;}
div.pageContainer { width: 960px ; margin: 0 auto; }

h1 { color: #09034d; margin-top: 3px; margin-bottom: 3px; font-size: 19px; text-shadow: 2px 2px 4px #999; clear: both;}
h2 { color: #0f00b4; margin-top: 1px; margin-bottom: 2px; font-size: 15px; text-shadow: 2px 2px 4px #999; clear: both;}

img {border: 1px solid #09034d; border-top-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; -moz-box-shadow: 1px 1px 6px #aaa; -webkit-box-shadow: 1px 1px 6px #aaa; box-shadow: 1px 1px 6px #aaa;}

input,select,textarea { outline: none; }

#title {height: 45px; background-image: url("../images/logo.png"); background-repeat: no-repeat; }

#menuContainer { width: 100% ; height: 25px ; background-image: url("../images/menu_bg.jpg"); background-repeat: repeat-x; overflow: hidden; margin-top: 5px; margin-bottom: 5px; }
#menuContainer  ul {width: 960px; list-style-type: none; margin: 0 auto; height: 25px; padding:0;}
#menuContainer  li {float: left ; font-family: "andy"; font-size: 18px; line-height: 23px; }
#menuContainer  li a { margin-right: 25px; text-decoration: none; }
#menuContainer  li a:active, #menuContainer  li a:visited , #menuContainer  li a{ color: white; -moz-opacity:0.8 ;filter:alpha(opacity: 0.8); opacity: 0.8; }
#menuContainer  li a:hover { color: #fff; -moz-opacity:1 ;filter:alpha(opacity: 1); opacity: 1; }
#menuContainer  li a.selected { color: #white; text-shadow: 0 0 6px #91e7e6; -moz-opacity:1 ;filter:alpha(opacity: 1); opacity: 1;  }

#subMenuContainer a { margin-right: 18px; text-decoration: underline; color: black;  background-repeat: no-repeat; display: block; height: 24px; float: left; line-height: 24px; padding-left: 28px; }
#subMenuContainer a:active,#subMenuContainer a:hover,#subMenuContainer a:visited{color: black;}
#subMenuContainer a.logbook { background-image: url('../images/ico-logbook-24.png');}
#subMenuContainer a.map { background-image: url('../images/ico-map-24.png');}
#subMenuContainer a.stats { background-image: url('../images/ico-divestats-24.png');}
#subMenuContainer a.newDive { background-image: url('../images/ico-new-dive-24.png'); }

#lastDivesMapContainer {margin-bottom: 7px;}
#lastDivesMap { width: 100%; height: 320px; }
#myDiveMap { width: 100%; height: 450px;  }
#placeMap { width: 300px; height: 200px; float: right; }
#lastDivesListContainer  { width: 670px; float: left; }

div.left {float:left;}
div.right {float:right;}

div.message { padding: 3px; border: 1px solid ; border-top-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; margin-bottom: 12px; -moz-box-shadow: 1px 1px 6px #aaa; -webkit-box-shadow: 1px 1px 6px #aaa; box-shadow: 1px 1px 6px #aaa; }
div.error { color: #D8000C; background-color: #FFBABA;}
div.info { color: #00529B; background-color: #BDE5F8;}
div.success { color: #4F8A10;background-color: #DFF2BF;}
div.warning { color: #9F6000; background-color: #FEEFB3;}


div.register { width: 475px; margin-top: 15px;}
div.register p { text-align: justify; }
div.registerImg {width: 475px; height: 411px; background-image:url('../images/blue_diver.png'); background-repeat: no-repeat;}
div.loginImg {width: 475px; height: 309px; background-image:url('../images/blue_baracuda.png'); background-repeat: no-repeat;}

div.diveDetailBuddies { width: 270px; float: right; }
div.buddy { clear: both; }
div.buddy img { float: left; margin-right: 5px; margin-bottom: 5px; width: 50px;}
div.buddy div { float: left; }
div.buddy span {display: block; }
div.buddy span.name { font-size: 15px; color: #09034d; font-weight: bold;}

div.myPicture { float: left; width: 125px; }
div.myPicture div.upload { position: relative; margin-top: 5px; }
div.myPicture img { display: block; width: 120px;}
div.myPicture input.fileButton { display: block; width: 120px; overflow: hidden; -moz-opacity:0 ;filter:alpha(opacity: 0); opacity: 0; z-index: 2; position:relative; }
div.myPicture input.formButton  { width: 120px; margin-bottom: 4px; border-top-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; -moz-box-shadow: 1px 1px 6px #aaa; -webkit-box-shadow: 1px 1px 6px #aaa; box-shadow: 1px 1px 6px #aaa; font-family: "andy"; color: white; font-size: 14px; background-color: #09034d; border: 0; }
div.myPicture div.uploadpicturebutton { position: absolute; top: 0px; left: 0px; z-index: 1; }

div.myProfileForm { float: left; width: 825px; padding-left: 10px;}
div.myProfileForm div.inputFields { float: left; width: 600px; }
div.myProfileForm div.inputButtons { float: right; width: 150px; }


div.register form fieldset,
div.myProfileForm  form fieldset { border: 1px solid #0000AA; border-top-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px;  -moz-box-shadow: 1px 1px 6px #aaa; -webkit-box-shadow: 1px 1px 6px #aaa; box-shadow: 1px 1px 6px #aaa; margin-bottom: 12px; }
div.register form fieldset legend,
div.myProfileForm  form fieldset legend { font-size: 15px; font-weight: bold; margin-left: 2px; margin-right: 2px; text-shadow: 2px 2px 4px #999; color: #09034d; }
div.register  form label,
div.myProfileForm  form label { float: left; display: block; padding: 0; width: 200px; text-align: right; margin-right: 5px; line-height: 22px; }
div.register  form input,
div.myProfileForm  form input { width: 200px; margin: 2px; border: 1px solid #aaa; padding: 2px; }
div.register  form input.disabled,
div.myProfileForm  form input.disabled { background-color: #eee; }
div.register  form select,
div.myProfileForm  form select { margin: 2px; border: 1px solid #aaa; }
div.register  form input.formButton,
div.myProfileForm  form input.formButton  {  width: 120px; float: right; margin-bottom: 4px; margin-top: 6px; border-top-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; -moz-box-shadow: 1px 1px 6px #aaa; -webkit-box-shadow: 1px 1px 6px #aaa; box-shadow: 1px 1px 6px #aaa; font-family: "andy"; color: white; font-size: 14px; background-color: #09034d; border: 0; }
div.register  form span,
div.myProfileForm  form span { margin-left: 5px }
div.register  form span.error,
div.myProfileForm  form span.error {color: red;}
div.register  form span.ok,
div.myProfileForm  form span.ok {color: green;}

div.register  form input {margin-bottom: 4px; float: left;}
div.register  form select { float: left; width: 100px; }
div.register  form label {  width: 130px; }

div.diveDetailPage { float: left; width: 325px; margin-right: 10px;}

div.divesMap {border: 1px solid #09034d;}
div.recaptcha { clear: both; padding-top: 10px; padding-bottom: 10px; width: 318px; margin: 0 auto;}
div.recaptcha label { float: none !important; line-height: auto; }
div.recaptcha img,
div.divesMap img {border: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

div.placeInfos { clear:both;float: left; width: 328px;}
div.placeLogBook { float: left; } 
div.placeLogBookContainer {float: right; width: 302px; }
div.placeComments { float: left; width: 645px;}
div.placeComments  form.leaveComment {margin-left: 6px; }
div.placeComments  form.leaveComment input {padding: 2px; border: 1px solid black;}
div.placeComments  form.leaveComment input.text {margin-right: 0; border-right: 0; padding-left: 4px; width: 492px; }
div.placeComments  form.leaveComment input.button {margin-left: 0; border-left: 0 ; padding-left: 20px; padding-right: 4px; background-color: white ; }
div.placeComments span.comment { width: 615px; }
div.placeComments span.commentDate { font-style: italic; font-size: 11px; }
div.placeComments span.delete { padding-top: 1px; overflow: visible; display: block; float:left; margin-right: 3px; height: 10px;}
div.placeComments span.delete img {border: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
div.rating { float: left; font-family: "andy"; line-height: 26px; color: black; font-size: 15px; text-align: center;}
h1.placeTitle { float: left; margin-right: 15px; }

div.logadive { float: left; width: 340px; margin-right: 10px; }
div.logadive  fieldset { border: 1px solid #0000AA; border-top-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px;  -moz-box-shadow: 1px 1px 6px #aaa; -webkit-box-shadow: 1px 1px 6px #aaa; box-shadow: 1px 1px 6px #aaa; margin-bottom: 12px; }
div.logadive  fieldset legend { font-size: 15px; font-weight: bold; margin-left: 2px; margin-right: 2px; text-shadow: 2px 2px 4px #999; color: #09034d; }
div.logadive  label { clear: both; float: left; display: block; padding: 0; width: 70px; text-align: right; margin-right: 5px; line-height: 24px; }
div.logadive  input { float: left; padding: 2px; width: 190px; margin: 2px; border: 1px solid #aaa; }
div.logadive  input.gas { width: 110px; display: none; }
div.logadive  select { float: left; width: 70px; margin: 2px; margin-right: 5px; padding: 2px; } 
div.logadive  textarea { width: 300px; height:50px; margin: 0; padding: 2px; } 
div.logadive  select.diveBuddies { display: none; }

span.badinput { width: 22px; height: 22px; margin-left: 5px; background-image: url('../images/ico-badinput-22.png'); display: block; float: left;}
span.goodinput { width: 22px; height: 22px; margin-left: 5px; background-image: url('../images/ico-goodinput-22.png'); display: block; float: left;}
.ui-datepicker {width: 190px !important;}

div.selectDivingPlace { float: left; width: 320px; margin-right: 10px; }
div.selectDivingPlace  fieldset { height:347px; border: 1px solid #0000AA; border-top-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px;  -moz-box-shadow: 1px 1px 6px #aaa; -webkit-box-shadow: 1px 1px 6px #aaa; box-shadow: 1px 1px 6px #aaa; margin-bottom: 12px; }
div.selectDivingPlace  fieldset legend { font-size: 15px; font-weight: bold; margin-left: 2px; margin-right: 2px; text-shadow: 2px 2px 4px #999; color: #09034d; }
div.selectDivingPlace  label { clear: both; float: left; display: block; padding: 0; width: 70px; text-align: right; margin-right: 5px; line-height: 24px; }
div.selectDivingPlace  select { float: left; padding: 2px; width: 200px; margin: 2px; border: 1px solid #aaa; }

#diveSiteMap { width: 280px; height: 200px; margin: 0 auto; background-image: url("../images/googlemaps.jpg"); margin-bottom: 5px; background-position: center;}

div.selectBuddies { float: left; width: 270px; }
div.selectBuddies  fieldset { height:347px; border: 1px solid #0000AA; border-top-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px;  -moz-box-shadow: 1px 1px 6px #aaa; -webkit-box-shadow: 1px 1px 6px #aaa; box-shadow: 1px 1px 6px #aaa; margin-bottom: 12px; }
div.selectBuddies  fieldset legend { font-size: 15px; font-weight: bold; margin-left: 2px; margin-right: 2px; text-shadow: 2px 2px 4px #999; color: #09034d; }
div.selectBuddies  label { clear: both; float: left; display: block; padding: 0; width: 40px; text-align: right; margin-right: 5px; line-height: 24px; }
div.selectBuddies  input { float: left; padding: 2px; width: 165px; margin: 2px; border: 1px solid #aaa; }
div.selectBuddies  input.searchBuddy { margin-right: 0; border-right: 0; } 
div.selectBuddies  input.searchButton { float: left; width: 25px; border-left: 0; margin-left: 0; background-image: url('../images/ico-search-16.png'); background-repeat: no-repeat; background-position: center;}
div.selectBuddies div.searchBuddy { padding-bottom: 5px; margin-top: 5px; }
div.buddies { height: 285px; overflow: auto; }
span.remove { position: absolute; width: 22px; height: 22px; background-image: url('../images/ico-delete-22.png'); background-repeat: no-repeat;}
span.buddyId { visibility: hidden; display: none; float: left; height: 0px; width: 0px;}
form.enteradive  input.formButton  {  width: 120px; float: right; margin-right: 15px; border-top-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; -moz-box-shadow: 1px 1px 6px #aaa; -webkit-box-shadow: 1px 1px 6px #aaa; box-shadow: 1px 1px 6px #aaa; font-family: "andy"; color: white; font-size: 14px; background-color: #09034d; border: 0; }

#selectBuddyDialog  div.registeredBuddies { max-height: 135px; overflow: auto; }
#selectBuddyDialog p  {display: block; }
#selectBuddyDialog a {outline: none; font-size: 15px; color: #09034d; font-weight: bold;}

span.legend { margin-right: 3px; font-weight: bold; }
span.comment { text-align: justify; margin-left: 8px; display: block;}

img.nostyle {border: 0; border-top-left-radius: none; border-bottom-right-radius: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
img.placeImage {float: right; max-width: 300px; max-height: 200px; margin-right: 10px; }

#footer { clear: both; padding-top: 8px; color: #555; font-size: 10px; text-align: center; font-family: "gloriahallelujah"; text-shadow: 2px 2px 4px #bbb; }

div.clearfix {clear:both; }
div.spacer { height: 10px; }
div.line { height: 1px;padding-top: 3px; margin-bottom: 3px; border-bottom: 1px solid #0000AA;}
/** Flexigrid Addition */
.flexigrid { border: 1px solid #09034d !important; }
.flexigrid div.bDiv td div {white-space: normal !important; }