html, body {font-size:.9em; font-family:Verdana, Geneva, sans-serif; margin:0; padding:0; height:95%; width:100%; background:url(../../images/dubIndexBG4.jpg) bottom fixed;}

@font-face {font-family: 'YanoneKaffeesatz-Regular'; src: url('../../media/fonts/YanoneKaffeesatz-Regular.eot');  src: local('YanoneKaffeesatz-Regular'), url('../../media/fonts/YanoneKaffeesatz-Regular.ttf') format('truetype'), url('../../media/fonts/YanoneKaffeesatz-Regular.svg') format('svg'); }

a:link {color:#6d9ac5; font-weight:bold; text-decoration:none;}
a:hover {color:#022b4e; font-weight:bold; text-decoration:none;}

p {margin:0; padding:0; line-height:1.75em;}
h1 {color:#003; padding:0 0 0 20px; font-size:3em; font-family:YanoneKaffeesatz-Regular; }
h2 {color:#006; padding:0; font-size:2em; margin:15px 0 0 0; font-family:YanoneKaffeesatz-Regular;}

h1.index {color:#003; padding:10px 0 0 15px; font-size:3em;  margin:0; background-image:url(../../images/h2BG2.png); background-repeat:no-repeat; font-family:YanoneKaffeesatz-Regular; }
.h2Content {margin:15px 0 0 0; padding:0;}
.h2ContentInner {margin:-25px 0 25px 0; padding:0 15px 0 15px; width:834px;}
h3 {color:#069; padding:0; margin:10px 0 0 0; width:550px; border:none; font-family:YanoneKaffeesatz-Regular;; font-size:1.5em; }
.bandh3 {color:#069; padding:0; margin:20px 0 0 0; width:265px; }
h4 {margin:0; padding:10px 0 0 0; font-size:1.25em; font-family:YanoneKaffeesatz-Regular;}
h5 {margin:0; padding:10px 0 0 0;}
ul {margin:0; padding-top:0;}
.toggle {cursor:pointer;}
.pointer {cursor:pointer;}

.activeButton {height:15px; width:15px; margin:0; padding:0; border:0; border-style:solid; border-color:#FFF; background-image:url(../../images/icons/activeUp.jpg); cursor:pointer; float:left; }
.activeButton:hover {background-image:url(../../images/icons/activeHover.jpg);}
.inactiveButton {height:15px; width:15px; margin:0; padding:0; border:0; border-style:solid; border-color:#FFF; background-image:url(../../images/icons/inactiveUp.jpg); cursor:pointer; float:left}
.inactiveButton:hover {background-image:url(../../images/icons/inactiveHover.jpg);}

.fb {float:right; width:300px; margin:10px; padding-top:5px;}
.imageContainer {width:248px; padding:2px; border:thin solid #09C; margin:10px; float:left;}
.sortable th {cursor:pointer; background:#999;}
/*main navigation*/
#mainNav {padding:5px 0 0 0; margin:0; z-index:3; width:100%; height:50px; background-image:url(../../images/dubNavHeader.png); background-repeat:no-repeat;}
#droplinetabs1 {width:875px; margin:0 auto; padding-left:40px}
.droplinetabs {overflow: hidden; padding:0; margin:0;}
.droplinetabs ul {font:bold 1.75em YanoneKaffeesatz-Regular, sans-serif; margin:-5px 0 0 0; padding:0; width:100%; height:25px; list-style:none;}
.droplinetabs li {display:inline; margin:0 2px 0 0; padding:0;}
.droplinetabs a {float:left; color:#6d9ac5; margin: 0 16px 0 16px; padding:0; text-decoration:none;}
.droplinetabs a span {float:left; display:block; padding:3px; cursor:pointer;}
.droplinetabs a span {float:none;}
.droplinetabs a:hover {color:#dbe1e6;}
.droplinetabs a:hover span {background-color: transparent;}
.droplinetabs ul li ul {position: absolute; z-index: 1; height:15px; padding:0; visibility: hidden; margin:-5px 0 0 0; padding:0;}
.droplinetabs ul li ul li {float:right;}
.droplinetabs ul li ul li ul {position: absolute; z-index:1; height:2px; padding:0; visibility: hidden; margin:0 0 0 30px;}
.droplinetabs ul li ul li a {font: bold .35em YanoneKaffeesatz-Regular; color:#FFF; padding:0 0 0 30px; height:20px; margin:0;}
.droplinetabs ul li ul li ul li a {font: bold .25em YanoneKaffeesatz-Regular; color:#FFF; padding:0 0 0 30px; height:20px; margin:0;}

/*main content*/
#dubWrapper {min-height:100%; height:auto !important; height:100%; margin:0 auto 0 auto; padding:0;}
#mainContent {width:869px; margin:0 auto 0 auto; padding:1px 25px 0 25px; background-image:url(../../images/mainContentBG.png); background-repeat:repeat-y;}
#mainBottom {width:925px; height:15px; margin:0 auto 0 auto; padding:0; background-image:url(../../images/mainContentBottom.png); background-repeat:no-repeat;}
.l {width:150px; height:25px; margin:0; padding:0; float:left; font-weight:bold; clear:left}
.r {width:250px; height:25px; margin:0; padding:0; float:left;}

/*blog admin */
.blogHeader {cursor:pointer; width:150px;}
.blogMainHeader {width:800px;}
.blogImagePortrait {float:right; margin:0 0 5px 15px; border:thin solid #069; padding:2px;}
.blogImageLandscape {border:thin solid #069; padding:2px;}
.portrait {width:845px;}

/*messages*/
.errorMessage, .errorMessages {background: url("../../images/icons/error.png") no-repeat;}
.infoMessage,  .infoMessages  {background: url("../../images/icons/info.png") no-repeat;}
.successMessage, .successMessages {background: url("../../images/icons/success.png") no-repeat;}
.warningMessage, .warningMessages {background: url("../../images/icons/warning.png") no-repeat;}
.errorMessage, .errorMessages, .infoMessage, .infoMessages, .successMessage, .successMessages, .warningMessage, .warningMessages {border: 2px solid; padding: 10px 10px 10px 45px;}
.blue, .infoMessage, .infoMessages { border-color: #069; color: #069;}
.green, .successMessage, .successMessages, .yes {border-color: #069; color: #150;}
.red, .errorMessage, .errorMessages, .no {border-color:#069; color: #911; list-style: none;}
.yellow, .warningMessage, .warningMessages {border-color:#069; color: #950;}

/*form stuff*/
span.formLegend {font-weight:bold; color:#09C; font-size:.85em; margin:0; padding:0} 
.requiredForm {color:#F00; font-weight:bold; font-size:.75em;}
input.form {width:99%;}
textarea.form {width:98%;}
.QapTcha {float:left; width:830px;}
.QapTcha .clr {clear:both;}
.QapTcha .bgSlider {width:830px; height:37px; float:left; border:1px solid #040404; background-color:#09C;}
.QapTcha .Slider {width:52px; height:37px; background:transparent url('../../images/qaptcha.jpg')  no-repeat; cursor:e-resize; position:relative; top:0; left:0; cursor:pointer;}
.QapTcha .TxtStatus {width:830px; margin-top:7px; text-align:left; color:#09C; font-family:Verdana; font-size:10px; clear:both}
.QapTcha .dropSuccess {color:#069}
.QapTcha .dropError {color:#069}

/*log in */
span.formLogin {font-weight:bold; color:#036; font-size:.95em; margin:0; padding:0; width:10em; display:block;}
.navLogInError {list-style:none; font-size:1em; padding: 0 0 1em 0; clear:both;}
.navLogIn {float:right; list-style:none; font-size:1em; padding:50px 0 0 0; margin:0 25px 0 0;  clear:both;}
.logInPlus {float:right; font-size:.9em; margin-right:25px;}
.loggedInPlus {float:right; font-size:1em; margin: 0 25px 0 0;}
.errorlogin {font-size:.9em; color:white; background-color:red; font-weight:bold; position:relative; padding:10px; border:thin solid black; }
.welcome {font-size:1.2em; color:#036; font-weight:bold; float:right; padding-right:25px;}
.passwordChange {width:250px; background-image:url(../../images/sideHeader.png); background-repeat:no-repeat; float:right;  margin:35px 0 0 0;}
.passwordChangeInner {border:thin solid #036; background-color:#FFF; padding:20px; width:208px; height:100%; margin:5px 25px 0 0; background-image:url(../../images/sideContent.png); background-repeat:no-repeat}
.logIn {background:url(../../images/icons/login.png); height:25px; width:100px; cursor:pointer; background-color:transparent; border:none;}
.logIn:hover {background:url(../../images/icons/login-hover.png); height:25px; width:100px; cursor:pointer; background-color:transparent; border:none;}

/*homepage*/
.addHeader {width:150px; margin:0 auto 0 auto; padding:0; float:left;}
.addContent {display:none; width:950px; margin:0 auto 0 auto; padding:0; clear:both;}
.editHeader {width:150px; margin:0 auto 0 auto; padding:0; float:left;}
.editContent {display:none; width:950px; margin:0 auto 0 auto; padding:0; clear:both;}
.resultText {font-weight:bold; clear:both; display:block; padding:10px 0 10px 0; width:850px;}
h2.homePage {color:#006; padding:0; font-size:2em; margin:10px 0 20px 0; font-family:YanoneKaffeesatz-Regular;}
h3.homePage {color:#069; padding:0; margin:12px 0 -20px 0; width:200px; border:none; font-family:YanoneKaffeesatz-Regular; font-size:1.5em; }

/*review admin*/
.review {cursor:pointer; clear:both; color:#069; font-weight:bold;}
.reviewInfo {float:left; width:810px; height:1.5em}
.reviewContent {float:left; width:820px;}

/*gallery*/
.galleryContent  {position:relative; clear:both; display:block;  width:99%; border-bottom:thin solid #CCC; background-color:#CCC; margin:0; padding:0;}
.galleryImage {float:left; width:125px; margin:2px 2px 2px 2px; padding:0; }
.galleryInfo {float:left; width:600px; margin:0 0 0 25px; padding:0; }
.galleryImages {padding:2px; margin:10px; border:thin solid #003; }

/*footer*/
#dubFooter {width:100%; height:40px; margin:0; background-image:url(../../images/dubNavFooter.png); clear:both;}
#dubFooter ul {width:960px; margin:0 auto 0; padding: 5px 0 0 0; font: 1.5em YanoneKaffeesatz-Regular; }
#dubFooter li {display:inline; height:.85em; padding: 0 20px 0 20px; border-left:thin solid #000; border-right:thin solid #000;}


#dubAdminFooter {width:100%; height:4em; margin:.25em; clear:both;}
#dubAdminFooter {width:100%; height:4em; margin:.25em; clear:both;}
#dubAdminFooter ul {margin:0 auto 1em; padding: 10px 0; font: 1.5em YanoneKaffeesatz-Regular; }
#dubAdminFooter li {display:inline; height:.85em; padding: 0 20px 0 20px; border-left:thin solid #000; border-right:thin solid #000;}


p#footerCR {font-family:Arial, Helvetica, sans-serif; font-size:.85em; text-align:center; margin:2em 0 0 0; padding:1em 0;}
#footerCR a {font-family:Arial, Helvetica, sans-serif; font-size:.95em; text-align:center; color:#022b4e;}
#footerCR a:hover {font-family:Arial, Helvetica, sans-serif; font-size:.95em; text-align:center; color:#dbe1e6;}
a.footerLink:link {text-decoration:none; color:#FFF;}
a.footerLink:visited {text-decoration:none; color:#FFF;}
a.footerLink:hover {text-decoration:none; color:#003;}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }