@charset "utf-8";
/* CSS Document */
input, select, textarea{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; height:18px; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:95%; padding:5px 10px 5px 10px; border:1px solid #999; outline:none; color:#666; line-height:normal; background:#fff}
.fieldwarning{ background-image:url(../images/fieldwarning.png); background-repeat:no-repeat; background-position:95% 50%}
input[type=file]{ background:#fff; }
input[type=button]{display:none;}
select{height:31px; line-height:31px;}
textarea{ width:505px; height:160px;}
textarea.statements{ width:99%; height:70px;}
#dummyfile [type=file]{display:none;} 

.settings-left, .settings-right{float:left; *display:inline; width:45%;}
.settings-left{padding-right:10%;}
.settings-row{float:left; width:100%; margin:5px 0px 0px 0px;}
.settings-rowleft, .settings-rowright{*display:inline; float:left; height:32px; text-align:left;}
.settings-rowleft{width:40%; font-size:12px; font-weight:bold;}
.settings-rowright{width:60%;}
.rowtext, .rowtext a{color:#666; font-size:11px; font-weight:bold;}
.rowtextwhite, .rowtextwhite a{color:#fff; font-size:11px; font-weight:bold;}

/* Text Styles */
.greenbutton, .blackbutton, .greybutton, .orangebutton{ box-shadow:1px 1px 1px rgba(0, 0, 0, .2); -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, .2); -webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, .2); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:inline-block; zoom:1; *display:inline; font-family:arial; font-size:11px; font-weight:bold; padding:8px 14px; text-decoration:none; vertical-align:bottom; line-height:100%; text-transform:uppercase;}
.greenbutton:active, .blackbutton:active,  .greybutton:active, .orangebutton:active{position:relative; top:1px;}

.greenbutton {background-color:#039614;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #88d63f), color-stop(1, #039614) ); background:-moz-linear-gradient( center top, #88d63f 5%, #039614 100% ); border:1px solid #74b807; color:#fff; text-shadow:1px 1px 0px #528009; }
.greenbutton:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #039614), color-stop(1, #88d63f) );background:-moz-linear-gradient( center top, #039614 5%, #88d63f 100% ); background-color:#039614;}

.blackbutton {	background-color:#111111; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #222222), color-stop(1, #111111) ); background:-moz-linear-gradient( center top, #222222 5%, #111111 100% ); border:1px solid #333333; color:#fff; text-shadow:1px 1px 0px #666666;}
.blackbutton:hover {	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #111111), color-stop(1, #222222) ); background:-moz-linear-gradient( center top, #111111 5%, #222222 100% ); background-color:#111111;}

.greybutton { background-color:#f9f9f9; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) ); background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% ); border:1px solid #dcdcdc; color:#666666; text-shadow:1px 1px 0px #ffffff;}
.greybutton:hover {	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) ); background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% ); background-color:#e9e9e9;}

.orangebutton { background-color:#ffd400; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffd400), color-stop(1, #ff9000) ); background:-moz-linear-gradient( center top, #ffd400 5%, #ff9000 100% ); border:1px solid #dcdcdc; color:#666666; text-shadow:1px 1px 0px #ffffff;}
.orangebutton:hover {	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff9000), color-stop(1, #ffd400) ); background:-moz-linear-gradient( center top, #ff9000 5%, #ffd400 100% ); background-color:#ff9000;}

.errorpage{float:center; width:400px; text-align:center;}
.errorpage h2{/*font-size:36px;*/}

/* Uploading Images */
#uploads, #logo, #bg, #clientlogo{width:100%;}
#uploads ul, #logo ul, #bg ul, #clientlogo ul{ list-style:none; margin:0; padding:0px;}
#uploads ul li, #logo ul li, #bg ul li, #clientlogo ul li { float:left; *display:inline; width:120px; height:120px; margin:20px 10px 0px 0px; padding:5px; border:1px solid #999; text-align: center; display: table-cell; vertical-align: middle; overflow:hidden;}
#uploads ul li img, #logo ul li img, #bg ul li img, #clientlogo ul li img{height:100%; overflow:hidden; max-width:100%}
#uploads, #logo, #bg, #clientlogo * {vertical-align: middle; }
#uploads ul li span.error, #logo ul li span.error, #bg ul li span.error, #clientlogo ul li span.error{font-weight:bold; color:#F00; line-height:120px;}
#uploads ul li img.loading, #logo ul li img.loading, #bg ul li img.loading, #bg ul li img.clientlogo{width:60px; height:60px; margin:30px 0px 0px 0px;}
.deleteimagediv{ width:12px; height:14px; float:left; position:absolute; margin:-10px 0px 0px -10px;}
.deleteimagediv img{ cursor:pointer;}
/* Uploading Images */

/* Success, Error, Alerts */
#errorbox, #successbox, #alertbox{ -moz-box-shadow:0px 2px 6px #000;-webkit-box-shadow:0px 2px 6px #000; box-shadow:0px 2px 6px #000; -moz-border-radius:3px; -webkit-border-radius: 3px; border-radius:3px; color:#222; font-size: 12px; font-weight:bold; padding:15px 20px 15px 60px; text-decoration: none; position: fixed; bottom: 10px; right: 10px; text-align:center; display: inline; z-index:999; display:none; z-index:99999;}
#errorbox { border:1px solid #eb5439; background: url(../images/error.png) #fccac1; background-repeat:no-repeat; background-position:5px 50%;}
#successbox{ border:1px solid #98c700; background: url(../images/success.png) #effeb9; background-repeat:no-repeat; background-position:5px 50%;}
#alertbox { border:1px solid #fab418; background: url(../images/alert.png) #ffe9ad; background-repeat:no-repeat; background-position:5px 50%;}
/* Success, Error, Alerts */

/* Admin icon top of page */
.adminbox{width:120px; height:auto; background-color:#111; position:fixed; top:5px; right:5px; background:-moz-linear-gradient( center top, #222222 5%, #111111 100% );background-color:#111111; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #333333; padding:5px; text-align:center; z-index:1000;}
.adminbox-left{ float:left; width:35px; height:24px; margin-top:-4px; text-align:center;}
.adminbox-right, .adminbox-right a, .adminbox-right a:hover{ float:right; width:85px; height:20px; font-size:12px; font-weight:bold; line-height:20px; text-align:left;}
/* Admin icon top of page */

/* Admin Login */
#login-overlay{ position:fixed; width:100%; height:100%; top:0px; left:0px; /*background-image:url(../images/overlaybg.png);*/ background:#000; z-index:999;}
#login-vertical{height:50%;width:1px; margin-bottom:-200px;float:left;}
#login-wrapper{text-align:left; position:relative; height:240px; width:400px; clear:left; margin:0 auto; padding:0px 20px 20px 20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 2px 6px #333; -webkit-box-shadow:0px 2px 6px #333; box-shadow:0px 2px 6px #333; background:url(../images/loginbg.png) repeat-x top #818181; border:1px solid #111;}
#login-top{width:100%; height:50px; font-size:22px; line-height:50px; color:#666; text-shadow:1px 1px 0px #fff; background-image:url(../images/loginlock.png); background-position:100% 40%; background-repeat:no-repeat;}
.login-main{width:100%; margin-top:20px;}
.login-row{float:left; width:95%; margin-top:10px; }
.login-left, .login-right{color:#fff; text-shadow:1px 1px 0px #111;}
.login-left{float:left; width:25%; font-size:18px; line-height:42px;}
.login-right{float:right; width:70%; font-size:12px;}
.login-right span{line-height:26px;}
.login-right input{width:80%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow: inset 1px 4px 9px -4px rgba(0,0,0,0.5); 
-webkit-box-shadow: inset 1px 4px 9px -4px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 4px 9px -4px rgba(0,0,0,0.5); height:32px; padding:5px 30px 5px 30px; border:1px solid #666; outline:none; color:#666; font-size:16px; }
#loginform input[type=password] { background: url(../images/login-key.png) 12px 15px no-repeat, -moz-linear-gradient(top, #f7f7f8 0%, #ffffff 100%); background: url(../images/login-key.png) 12px 15px no-repeat, -webkit-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);background: url(../images/login-key.png) 12px 15px no-repeat, -o-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);background: url(../images/login-key.png) 12px 15px no-repeat, -ms-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);background: url(../images/login-key.png) 12px 15px no-repeat, linear-gradient(to bottom, #f7f7f8 0%, #ffffff 100%);}
.loginbutton{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:inline-block; zoom:1; *display:inline; font-family:arial; font-size:14px; font-weight:bold; padding:8px 22px; text-decoration:none; vertical-align:bottom; line-height:100%;}
.loginbutton:active{position:relative; top:1px;}
.loginbutton { background-color:#f9f9f9; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) ); background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% ); border:1px solid #666; color:#666666; text-shadow:1px 1px 0px #ffffff;}
.loginbutton:hover {	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) ); background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% ); background-color:#e9e9e9;}
.lightblue, .lightblue a{color:#6ee3e0;}
.checkbox input{float:left; *display:inline; width:20px; height:20px; padding:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none;}
/* Admin Login */


/* Admin Control Panel */
#adminbuttons{width:100%; height:40px; float:right; text-align:right; z-index:1; margin-right:15px;}
.panel{float:left; width:210px; height:215px; display:inline; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;	border:1px solid #999; padding:10px 5px 10px 5px; margin:20px 10px 0px 2px; text-align:center; -webkit-box-shadow:0 6px 4px -6px black; -moz-box-shadow:0 6px 4px -6px black; box-shadow:0 6px 4px -6px black; background:#fff;}
.paneltxtdiv{margin-top:10px; text-align:center}
.panel h5{font-size:22px; color:#222; text-align:center; margin:0px 0px 10px 0px;}
.panel img{margin:0px 0px 0px 0px; float:center;}

/* Cookie */
.cookiediv{position:fixed; bottom:0; left:0; width:100%; background:#999; color:#fff;}
.cookiediv p, .cookiediv{ color:#fff;}
.cookiedivholder{float:center; width:1000px;}
.cookiedivholder-left{float:left; width:140px; height:100px; margin-top:10px; text-align:center;}
.cookiedivholder-left img{height:100%;}
.cookiedivholder-right{float:right; width:840px; margin-top:10px; height:100%;}

/* Tooltips */
#tip-overlay{ position:fixed; width:100%; height:100%; top:0px; left:0px; background-image:url(../images/overlaybg.png); z-index:1000; display:none; }
#tip-vertical{height:50%;width:1px;margin-bottom:-300px;float:left;}
#tip-wrapper{text-align:left;position:relative;min-height:260px; max-width:1200px; clear:left;margin:0 auto; background-position:bottom; -moz-box-shadow:0px 2px 6px #000;-webkit-box-shadow:0px 2px 6px #000;box-shadow:0px 2px 6px #000;/* For IE 8 */-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";/* For IE 5.5 - 7 */filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:20px; background-color:#fff; border:1px solid #ccc; display:none;}
#tip-wrapper ul { list-style: none outside none; margin-left: 10px; }
#tip-wrapper ul li { background: url(../images/green-bullet.png) no-repeat 0 2px; padding-left: 20px; margin-top: 5px; margin-left:0px; }
.tip{width:100%; height:auto; margin-top:-40px; display:none;}
.tipleft{float:left; width:280px; min-height:100px;}
.tipright{float:right; text-align:center;}
.tip img{float:center;}
.closetip{position:relative;top:-30px; right:-30px; height:40px; width:inherit; text-align:right; z-index:999;}
.tipqmark{position:absolute; cursor:pointer; float:left;}
.closebookingengine{ position:absolute;top:-20px; right:-15px; height:40px; text-align:right; z-index:999;}
/* Tooltips */

/* Notification */
.notification-wrapper{text-align:left;position:relative; clear:left; width:520px; background-position:bottom; -moz-box-shadow:0px 2px 4px 4px #ccc;-webkit-box-shadow:0px 2px 4px 4px #ccc;box-shadow:0px 2px 4px 4px #ccc; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:30px; background-color:#eee; border:1px solid #111; display:none; text-align:left; height:auto; border:10px solid #999;}
/* Notification */

/* 1st time login settings admin */
#settings-overlay{ position:fixed; width:100%; height:100%; background-image:url(../images/overlaybg.png); top:0px; left:0px; z-index:800;}
#close-settings-overlay{ position:absolute; top:-10px; right:-10px; height:40px; width:40px;}
#settings-vertical{height:50%;width:1px;margin-bottom:-300px;float:left;}
#settings-wrapper{text-align:left;position:relative;height:540px;width:550px;clear:left;margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background-position:bottom; -moz-box-shadow:0px 2px 6px #000;-webkit-box-shadow:0px 2px 6px #000;box-shadow:0px 2px 6px #000;/* For IE 8 */-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";/* For IE 5.5 - 7 */filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); background-color:#fff; background-position:95% 5%; background-repeat:no-repeat; padding:30px; }
.stepscontainer{float:left; height:42px; width:550px; background-image:url(../images/steps.png); margin-top:-10px;}
.stepimg{float:left; *display:inline;}
#statuserror{clear:both; float:right; height:80px; width:200px; margin:400px 0px 0px 350px; padding:5px; display:none; position:absolute;}
#statuserror-top{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; float:left; height:50px; width:180px; background-color:#111; color:#fff; font-size:12px; text-align:center; padding:10px;}
#statuserror-bottom{float:left; height:10px; width:100%; background-image:url(../images/black-arrow.png); background-repeat:no-repeat; background-position:80% 0%;}
.uploadform{clear:both; position:absolute; margin:290px 0px 0px 0px; display:none; width:550px;}
#settings-form-error{clear:both; width:520px; height:15px; background-color:#f00; color:#fff; font-size:14px; font-weight:bold; padding:10px; text-align:center; display:none}
#settings-form-success{clear:both; width:520px; height:15px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #88d63f), color-stop(1, #039614) ); background:-moz-linear-gradient( center top, #88d63f 5%, #039614 100% ); background-color:#039614; color:#fff; font-size:14px; font-weight:bold; padding:10px; text-align:center; display:none}
.rowbutton{*display:inline; float:left; margin:10px 0px 0px 15px;}
/* 1st time login settings admin */

.logouploaddiv{position:absolute;}
.logouploaddiv-left, .logouploaddiv-right{float:left; *display:inline;}
.logouploaddiv-row{float:left; width:100%; margin:5px 0px 0px 0px;}
.logouploaddiv-rowleft, .logouploaddiv-rowright{*display:inline; float:left; height:32px; text-align:left;}
.logouploaddiv-rowleft{width:180px; font-size:12px; font-weight:bold;}
.logouploaddiv-rowright{width:260px;}

.clear, .clearsmall, .clearmedium, .clearlarge, .cleartiny{clear:both; width:100%;}
.clear{height:5px;}
.cleartiny{height:10px;}
.clearsmall{height:20px;}
.clearmedium{height:40px;}
.clearlarge{height:60px;}

.floatleft{float:left;}
.floatright{float:right;}
.floatcenter{float:center;}