body { padding : 0; margin : 10px; background : url(../wsimages/header-logo.gif) no-repeat 10px 10px; }
body { font-family : arial, helvetica, sans-serif; font-size : 12px; }

form { margin : 0; }
input, select, textarea { vertical-align : middle; font-family : arial, helvetica, sans-serif; font-size : 11px; }
img { vertical-align : middle; border : 0; }

table { border-collapse : collapse; }
td { padding : 5px; }

#main { margin-top : 85px; width : 100%; }

#nav-container { vertical-align : top; padding : 0px; color : #1f4d80; }
#nav-container h4 { margin : 0; color : #fff; font-size : 12px; padding : 5px 6px 3px 6px; background : url(../wsimages/nav-header-bg.gif) no-repeat top left #1f4d80; width : 111px; }
#nav-container ul { list-style-type : none; margin : 0; padding : 0; width : 121px; font-weight : bold; background : url(../wsimages/nav-bg.gif) repeat-y left; width : 123px; }
#nav-container li { border-top : 1px solid #1f4d80; display : block; }
#nav-container li.last { background : url(../wsimages/nav-footer-bg.gif) no-repeat bottom left; }
#nav-container a { text-decoration : none; padding : 3px 6px 3px 6px; display : block; color : #1f4d80; width : 111px; }
#nav-container a:hover { background : #eff4fa url(../wsimages/nav-bg.gif) repeat-y left; }
#nav-container li.last a { padding-bottom : 4px; }
#nav-container li.last a:hover { background : url(../wsimages/nav-footer-bg.gif) no-repeat bottom left #eff4fa; }
#nav-container li.active a { background : #e0eaf6 url(../wsimages/nav-bg.gif) repeat-y left; }
#nav-container li.active a:hover { background : #d9e3ee url(../wsimages/nav-bg.gif) repeat-y left; }

#content-container { padding : 0px 10px 10px 10px; width : 100%; vertical-align : top; }
#content-container h1 { margin : 0; }

.content-box-header { background : #1f4d80; color : #fff; padding : 0; }
.content-box-header-secondary { float : right; font-size : 11px; padding-top : 5px; padding-right : 15px; }
.content-box h1 { font-size : 12px; padding : 5px 10px 5px 10px; }
.content-box { background : url(../wsimages/content-bg.gif) repeat-y left; clear : both; }
.content-box-content { background : url(../wsimages/content-bg.gif) repeat-y right; padding : 10px; }

.content-box h2 { margin-top : 0; font-size : 14px; }

#content-first .content-box-header { background : #1f4d80 url(../wsimages/content-bg-tl.gif) no-repeat top left; }
#content-first h1 { background-image : url(../wsimages/content-bg-tr.gif); background-repeat : no-repeat; background-position : top right; }

#content-footer { background : url(../wsimages/content-footer-bg.gif) repeat-x bottom; float : left; width : 100%; line-height : 6px; font-size : 6px; }
#content-footer-left { background : url(../wsimages/content-bg-bl.gif) no-repeat bottom left; float : left; height : 6px; width : 6px; }
#content-footer-right { background : url(../wsimages/content-bg-br.gif) no-repeat bottom right; float : right; height : 6px; width : 6px; }

.options-box { background : #e0eaf6; padding-bottom : 10px; font-size : 11px; }
.options-box h4 { background : #6c83ae; color : #fff; padding : 3px 6px 3px 6px; margin : 0; font-size : 12px; }
.options-box-content { padding : 6px !important; }
.options-box input { padding : 0; }

.option-boxes { width : 100%; }
.option-boxes th { text-align : left; color : #fff; background : #6c83ae; padding : 3px 5px 3px 5px; border : 5px solid #fff; border-top : 0; border-bottom : 0; }
.option-boxes td { background : #e0eaf6; padding : 5px; border : 5px solid #fff; border-top : 0; }

.data { border : 2px solid #fff; }
.data th { background : #6c83ae url(../wsimages/data-th-bg.gif) repeat-x bottom; color : #fff; border : 2px solid #fff; padding : 5px 10px 6px 10px; }
.data th.active { background : #ff7200 url(../wsimages/data-th-active-bg.gif) repeat-x bottom; }
.data td { border : 2px solid #fff; padding : 8px; }
.data .row { background : #e0eaf6; }
.data .row-alt { background : #cbd6e4 !important; }
.data .row td.active { background : #ffe5ad !important; }
.data .row-alt td.active { background : #ffe5ad !important; }
.data .row td.active2 { background : #d5f3d5 !important; }
.data .row-alt td.active2 { background : #c6e8c5 !important; }
.data .options { text-align : center; }
.data .blank { background : #fff; }

.data .disabled { background-color : #e5e5e2 !important; color : #8e8d9a !important; }

.user-form th, .user-form td { padding : 5px; border-bottom : 2px solid #fff; }
.user-form th { text-align : right; vertical-align : top; }
.user-form .row { background : #e0eaf6; }
.user-form .row-alt { background : #cbd6e4 !important; }
.user-form .submit-container { text-align : right; }
.user-form th { padding-left : 10px; padding-right : 10px; font-size : 11px; }
.user-form .options { text-align : center; }

#footer { font-size : 10px; clear : both; padding-left : 10px; padding-top : 5px; }
#footer a { text-transform : lowercase; color : #1f4d80; }


.portal-settings, .portal-settings th, .portal-settings td { border : 0; }
.portal-settings th { font-weight : bold; color : #d10016; text-align : center; }

.user-form-input { width : 175px; border : 1px solid #5f5f5f; background : #fff; padding : 2px; font-size : 11px; }
textarea.user-form-input { height : 60px; }

.error { color : #fff; background : #ff7200; padding : 3px; }
.error-msg { color : #fff; background: #FF0000; padding: 3px; font-weight:bold; }

.status-msg { color : #fff; background : #060; padding : 3px; }

#client-select-container { background : url(../wsimages/nav-footer-bg.gif) no-repeat bottom left #fff;  color : #fff; padding-bottom : 5px; margin-bottom:15px; }
#client-select-container h4 { margin : 0; color : #fff; font-size : 12px; padding : 5px 6px 3px 6px; background : url(../wsimages/nav-header-bg.gif) no-repeat top left #1f4d80; width : 111px; }
#client-select-container form { background : url(../wsimages/nav-bg.gif) repeat-y left; text-align : center; padding-top : 5px; }
#client-select-container select { font-size : 10px; width : 110px; }
#client-select-container input { font-size : 10px; width : 110px; }
#client-select-selected { background : url(../wsimages/nav-bg.gif) repeat-y left; text-align : center; font-size : 10px; color : #666; padding-top : 5px; }


/**
 * allocation profile management stuff
 */

#profile-edit-container select { font-size : 11px; width : 75px; padding : 1px; }
#profile-edit-container input.user-form-input { font-size : 11px; width : 20px; font-weight : bold; text-align : center; padding : 2px; }
#profile-edit-container .offset-type-container { margin-top : 5px; font-size : 11px }
#profile-edit-container .room-type-title label { font-weight : bold; text-decoration : underline; }

#profile-edit-container .active2 { background-image : url(../wsimages/custom-rate.gif) !important; background-repeat : no-repeat !important; background-position : center center !important; }
#profile-edit-container .active2 * { visibility : hidden; }

/**
 * default allocations management
 */

#default-data .allotment input { width : 25px; font-weight : bold; font-size : 11px; text-align : center; padding : 1px; }
#default-data .room-price { width : 35px; font-weight : bold; font-size : 11px; text-align : right; }
#default-data .active { text-align : center; }

/**
 * room allocations management
 */

.date-container { width : 70px; }

#allocation-data input, #allocation-data select { padding : 0; }
#allocation-data select { font-size : 11px; }
#allocation-data .allotment input { width : 25px; font-weight : bold; font-size : 11px; text-align : center; padding : 1px; }
#allocation-data .num-available { text-align : center; font-size : 14px; font-weight : bold; color : #3e8b00; }
#allocation-data td { font-size : 10px; line-height : 10px; }
#allocation-data td.date-label { font-size : 11px; }
#allocation-data .num-sold { font-size : 12px; font-weight : bold; color : #d10016; }
#allocation-data .room-price { width : 25px; font-weight : bold; font-size : 11px; text-align : right; }
#allocation-data img { vertical-align : top; }

.notmanaged td{
	background: #696969 !important;
}

.data .disabled .num-available, .data .disabled .num-sold { color : #8e8d9a !important; }
.data .disabled td.active2 { background-color : #e5e5e2 !important; }
.data .disabled .inc_container_disabled { display : inline !important; }
.data .disabled .inc_container { display : none !important; }

.inclusions-container { color : #fff; background : #ff7200; display : none; }
.inclusions-container h4 { margin : 0; font-size : 11px; }
.inclusions-container table td { padding : 0; border : 0; }
.inclusions-container textarea { width : 350px; height : 40px; font-size : 11px; border : 0; margin-top : 5px; padding : 2px; }
.inclusions-container input { font-size : 10px; }
.inclusions-options { text-align : right; }

#apply-inclusion-master { width : 250px; height : 50px; }

#booking-data input, #booking-data select { padding : 0; }
#booking-data select { font-size : 11px; }
#booking-data .num-available { text-align : center; font-size : 14px; font-weight : bold; color : #3e8b00; }
#booking-data td { font-size : 11px; line-height : 10px; }
#booking-data td.date-label { font-size : 11px; }
#booking-data img { vertical-align : top; }
#booking-data	.data{ background : #6c83ae url(../wsimages/data-th-bg.gif) repeat-x bottom; color : #fff; border : 2px solid #fff; padding : 9px 15px 10px 15px; font-size:12px;font-weight : bold}
#booking-data .row { background : #e0eaf6; }
#booking-data .row-alt { background : #cbd6e4 !important; }

.notmanaged {
	background:#CC0000;
}

.managed {
	background:#30FF00;
}

#testScrollContainer{
	height: 150px;
	overflow: scroll;
	width: 400px;
	border: 1px solid #cccccc;
	background: White;
	padding:20px;
}