
ol{margin-left:20px}
fieldset,img,abbr{border:0;padding:0;}


#breadcrumb {background:#dbe5ee;border-bottom:#8c9bac solid 1px;padding:6px;padding-right:0;margin:0px -11px 0 -11px;position:relative;}
#maintenance_div {margin-bottom:10px;border:2px solid red;padding:6px;background-color:pink;}
#header {background:url(../templates/default/images/menu/top_bg.png) repeat-x;height:200px;}
#header .left, #header .right, #bottom .left, #bottom .right {background:url(../templates/default/images/menu/top.png) no-repeat;position:absolute;height:114px;}
#header .left {background-position:left top;left:0;width:484px;}
#header .right {background-position:right top;right:0;width:363px;}
#header a.home {width:115px;height:30px;position:absolute;z-index:1000;display:block;left:22px;top:28px;}
#header h1 {position:absolute;z-index:888;right:35px;color:#5b97cf;top:28px;}

#wrp {background:#fff;padding:15px;height:100%;min-height:600px;text-align: left;}
#page, .right_shadow {background:url('../templates/default/images/menu/container_left_right.png') left top repeat-y;}
#page {
width: 1000px;

}
.right_shadow {width:100%;background-position:right top;right:0;position:absolute;}
* html .right_shadow {height: 100%;}

.src {position:absolute;right:12px;top:5px;}
#bottom {font-size:0.9em;position:relative;height:100px;text-align:center;padding:55px 30px 0 30px;margin:-15px 0;background:#121d27 url(../templates/default/images/menu/footer_bg.png) left top repeat-x;}
#bottom .left, #bottom .right {height:42px;top:0;width:27px;}
#bottom .left {background-position:left bottom;left:0;}
#bottom .right {background-position:right bottom;right:0;}
.about_page {float:right!important}


.mrg_top {margin:20px 0 0 0;}
.contact_right {width:30%;}
.contact_left {width:68%;}
.contact_left li, .contact_right li {width:100%!important;}
.float_right {float:right;}
.float_left {float:left;}
.lang_top {margin:20px 0 20px 0;padding:5px!important;}
.lang_bg {background:#e5e5e5;padding:5px;}
.padding10 {padding:10px;background:#fff;}




/*-------------------------Reservation System------------------------*/


div.pagination {padding: 10px;margin-top: 15px;text-align:left;color:#121d27;font-size:11px;background:#e6e8e9;font-family:arial,helvetica,sans-serif;font-weight:bold}
div.pagination a {border: 1px solid #909090;margin-right:2px;padding:2px 4.85px;background-image:url('.../../../images/bar.gif');background-position:bottom;text-decoration: none;color: #333;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #4d4d4d;background-image:url(../templates/default/images/invbar.gif);background-color:#404040;color: #ffffff;}
div.pagination span.current {margin-right:3px;padding:2px 5px;border: 1px solid #4d4d4d;font-weight: bold;background-color: #606060;color: #ffffff;}

.heading h2 {
    color:#1E1B38;
    font-family:Verdana;
    font-size:26px;
    vertical-align:middle;
}

h3.gray {
    background: #ccc;
    border-bottom:1px double #999999;
    border-top:1px double #999999;
    color:#000000;
    font-family:Verdana;
    font-size:11px;
    line-height:20px;
    padding-left: 10px;
}

a.button {
    background-image:url(../../../images/buttonSearchView.jpg);
    color:#1F1C38;
    font-family:Verdana;
    font-size:12px;
    height:27px;
    text-align:center;
    vertical-align:middle;
    padding: 5px;
    margin-bottom: 10px;
}

a.button:hover {
    color:#fff;
    background-image:url(../../../images/buttonSearchView2.jpg);
}

/*
Back end css
*/
.heading {
    display:block;
    font-size:26px;
    height: 60px;
	font-family: Verdana;
	color: #1e1b38; 
}

#content {
    width: 100%;
}

#main_context {
    float: left;
    width: 200px;
    padding: 10px;
    border: #ccc 1px solid;
}

#main_content {
    border:1px solid #CCCCCC;
    float:right;
    padding:10px;
    vertical-align:top;
    width:690px;
}

#pictures_wrap_labels{
clear: both;
}


#pictures_wrap_labels div {
padding-left: 180px;
}

/*
Back end menu
*/

.menu-item {
    padding: 5px;
    background: #ccc;
    border-bottom: #FFF 1px solid;
}

.menu-sub-item {
    padding: 5px 5px 5px 20px;
    border-bottom: #ccc 1px solid; 
}

.menu-sub-item a{
    color: black;
}

/*
Form
*/

form {
clear: both;
}

div .form {
    padding: 10px;
}

/* From Pak create*/
div .formleft {
    padding: 10px;
    float:left
}

div .input {
    clear: both;
    overflow:hidden;
    padding:5px;
}

div .input label {
    float: left;
    width: 180px;
}


div .input input{
    float: left;
}

div .input input[type="text"]{
    width:280px;
}

.inputtxt {
    width:280px;
}

div .input textarea{
    float: left;
    width:280px;
}

div .input p{
    float: left;
}

button {
    border: #dedede 1px solid;
    background: #f5f5f5;
    padding: 5px;
}

select {
width: 285px;
}

button.save {
    margin-left: 180px;
    background-image:url(../../../images/buttonSave.jpg);
    color:#fff;
    font-size:12px;
    height:27px;
    width:75px;
    text-align:center;
    vertical-align:middle;
}

button.previous:hover {
    background-image:url(../../../images/buttonSave2.jpg);
    color:#fff;
}

button.previous {
    margin-left: 180px;
    background-image:url(../../../images/buttonSave.jpg);
    color:#fff;
    font-size:12px;
    height:27px;
    width:75px;
    text-align:center;
    vertical-align:middle;
}

button.continue:hover {
    background-image:url(../../../images/buttonSave2.jpg);
    color:#fff;

}

button.continue {
    margin-left: 5px;
    background-image:url(../../../images/buttonSave.jpg);
    color:#fff;
    font-size:12px;
    height:27px;
    width:75px;
    text-align:center;
    vertical-align:middle;
}


button.save:hover {
    background-image:url(../../../images/buttonSave2.jpg);
    color:#fff;
}

button.cancel {
    margin-left: 5px;
    background-image:url(../../../images/buttonCancel.jpg);
    color:#fff;
    font-size:12px;
    height:27px;
    width:75px;
    text-align:center;
    vertical-align:middle;
}

button.cancel:hover {
    background-image:url(../../../images/buttonCancel2.jpg);
    color:#fff;
}

/*
Table
*/
.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

/* Overlay */
#lighwd-overlay {background-color:#000; }

/* Container */
#lighwd-container {width:500px; background: #FFF; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left;}
#lighwd-container .contact-content {background-color:#333; color:#ddd; height:40px;}
#lighwd-container h1 {color:#d76300; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left;}
#lighwd-container .contact-loading {position:absolute; background:url(../img/contact/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#lighwd-container .contact-message {text-align:center;}
#lighwd-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#lighwd-container br {clear:both;}
#lighwd-container form {padding:0; margin:0;}
#lighwd-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#lighwd-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px;}
#lighwd-container textarea {height:114px; font-size:.9em;}
#lighwd-container .contact-cc {font-size:.9em; cursor:default;}
#lighwd-container .contact-top {height:13px; background:url(../img/contact/form_top.gif) no-repeat; padding:0; margin:0;}
#lighwd-container .contact-bottom {height:13px; background:url(../img/contact/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;}
#lighwd-container .contact-bottom a,
#lighwd-container .contact-bottom a:link,
#lighwd-container .contact-bottom a:active,
#lighwd-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#lighwd-container .contact-bottom a:hover {color:#888;}
#lighwd-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#lighwd-container .contact-send {width:50px; background:url(../img/contact/send.png) no-repeat;}
#lighwd-container .contact-cancel {width:65px; background:url(../img/contact/cancel.png) no-repeat;}
#lighwd-container a.modalCloseX,
#lighwd-container a.modalCloseX:link,
#lighwd-container a.modalCloseX:active,
#lighwd-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:#999;}
#lighwd-container a.modalCloseX:hover {color:#9bb3b3;}


/*

*/
#images_wrap_labels  {
    margin-left: 200px;
}

#images_wrap_labels div {
    width:200px;
    margin-left:200px;
}

a.buttonConfirm {
    background-image: url(../../../images/buttonConfirm.jpg);
    color:#000;
    height: 26px;
    font-family: Verdana;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}

a.buttonConfirm:hover {
    background-image: url(../../../images/buttonConfirm2.jpg);
    color:#000000;
    height: 26px;
    font-family: Verdana;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}

a.buttonMoreDetail { 
    background-image:url(../../../images/buttonSearchView.jpg);
    display: block;
    width: 150px;
    color:#000;
    font-family:Verdana;
    font-size:14px;
    height:26px;
    text-align:center;
    vertical-align:middle;
}

a.buttonMoreDetail:hover { 
    background-image:url(../../../images/buttonSearchView2.jpg);
    display: block;
    width: 150px;
    color:#000000;
    font-family:Verdana;
    font-size:14px;
    height:26px;
    text-align:center;
    vertical-align:middle;
}

label.error {
    float: left;
    color:red;
    padding: 5px;
    position:absolute;
}

ul.view  li {
    list-style: none;
}

.key {
    clear: both;
    float: left;
    display: block;
    width: 150px;
    padding: 5px;
    text-align: right;
    
}

.value {
    float: left;
    display: block;
    width: 200px;
    padding: 5px;
}

table.noborder {
    border: none; 
}


ul.toolbar {
list-style: none;
padding: 0;
margin: 0;
display: block;
}

ul.toolbar li, ul.toolbar li ul li{
background:#CCCCCC none repeat scroll 0 0;
float:left;
margin-right:5px;
padding:5px;
position:relative;
text-align:center;
width:auto;
border: #658CB3 1px solid;
}

ul.toolbar li a {
display: block;
}

ul.toolbar li a:hover {
color: #000;
}

li ul {
display: none;
position: absolute;
width:100px;
top: 0;
left: 0;
margin-left:-1px;
}

li>ul {
top: auto;
left: auto;
}

li:hover ul, li.over ul {
display: block;
}

span.required {
	font-family: Tahoma;
	font-size: 12px;
	color: #FF0000;
}

button.search:hover {
background-image:url(../../../images/buttonSave2.jpg);
color:#FFFFFF;
}

button.search {
background-image:url(../../../images/buttonSave.jpg);
color:#FFFFFF;
font-size:12px;
height:27px;
text-align:center;
vertical-align:middle;
width:75px;
}

input#bookingno {
height:19px;
}
