/* ******************************/
/*	Central App Stylesheet		*/
/*	Ubicomp System Sdn Bhd		*/
/*	Version 1: 2010-July-28		*/
/* ******************************/
html {
	height: 100%;
}
.container {
	height: 95%;
	position: relative;
}
#footer {
	position: relative;
	bottom: 0;
	border-top: 1px solid #eee;
	width: 100%;
}
#footer p {
	color: #999;
}

body {
	background:url(../images/page-bg.png) repeat-x #fff top;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	height:100%; width:100%;
	overflow-x:hidden
}

.menu{
	background:url(../images/nav-bg.png);
	height: 38px;
}
#header {
	height: 140px;
}
#identity {
    color: #fff;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
#contents {
	/*
	min-height: 90%;
	padding-bottom: 20px;
	*/
}
.wrapper {
	background: #F2F2F2;
	-webkit-border-radius: 5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-radius: 5px;
	border-color:#eee #eee #eee;
	border-style:solid;
	border-width:1px 1px 2px;
}
.function-map {
	 background: #cfe5f6; border: 1px solid #d2d2d2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px; margin-right: 5px;
}
.dragbox h5 {
	margin: 0;
	padding: 0;
	position: absolute;
	margin-left: 10px;
	margin-top: 4px;
	top: 0;
	padding-left: 5px;
	
}
.dragbox h5 a {
	margin-left: 10px; margin-top: 2px;
}
.dragbox .category-code {
	position: absolute;
	top: 0;
	left: 10px;
	margin-top: 7px;
	margin-left: 14px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px #333;
	font-weight: bold;
}

.dragbox .order {
	font-size: 11px;
	color: #fff;
	text-shadow: 1px 1px #333;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 10px;
	}
.dragbox .button {
	right: 0;
	top: 0;
	margin-top: 10px;
}
.dragbox .button a {
	margin-top: 5px;
}
.dragbox .controls {
	position: absolute;
	right: 0;
	top: -3px;
	
}

.function-map .dragbox, .function-map .orphan{
	margin:5px 5px 2px 5px;
	position:relative;
	border:1px solid #1b70ac;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:1px
}
.dragbox ul {
	margin: 5px;
	padding: 5px;
}
.dragbox ul li {
	 background: #eee; padding: 4px; list-style: none;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; font-size: 11px; margin-bottom: 5px;
}
.function-map .dragbox h2{
	margin:0;
	font-size:12px;
	font-weight: bold;
	padding:4px;
	background: url(../images/function-map-1st-level-bg.png) repeat-x;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	cursor:move;
	padding-left: 20px;
	height: 20px;
	border: 1px solid #032843;
	text-shadow: 1px 1px #333;
}
 div.collapse-toggler{
	margin:0;
	font-size:12px;
	font-weight: bold;
	padding:4px;
	background: url(../images/function-map-1st-level-bg.png) repeat-x;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	cursor:move;
	height: 20px;
	border: 1px solid #032843;
	text-shadow: 1px 1px #333;
	clear: both;
}


.function-map .orphan h2{
	margin:0;
	font-size:12px;
	font-weight: bold;
	padding:5px;
	background: url(../images/function-map-orphan-bg.png) repeat-x;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	cursor:move;
	border: 1px solid #106aa8;
	text-shadow: 1px 1px #333;
}

.dialog-form ul {
	margin: 0;
	padding: 0;
	margin-top: 10px;
}
.dialog-form input[type="checkbox"] {
	margin-right: 10px;
	margin-top: -10px;
}
.dialog-form ul li {
	 background: #fff; border: 1px solid #eee; padding: 4px; list-style: none;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; font-size: 11px; margin-bottom: 5px;
}
.dragbox-content{
	background:#fff;
	margin:5px;
}
.dragbox h5 {
	cursor: pointer;
	font-size: 11px;
	margin: 0;
	padding: 0;
	display: inline;
}
.placeholder{
	background: #eee;
	border:1px solid #ddd;
}
.function-map h2 .controls{
	margin-right:0px; float:right;
}

.search-toggler {
	background:url(../images/up.png) no-repeat right;
	cursor: pointer;
	padding-right: 20px;
}
.toggle {
	
	background:url(../images/down.png) no-repeat right;
}
.search-toggler h4 {
	margin-right: 20px;
}

/* style for horizontal draggables/sortables */

.dragbox-horizontal {
	background: #fff;
	margin: 4px 2px 4px 4px;
	padding: 4px;
	color: #044a73;
	text-shadow: 1px 0px #eee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	display:inline-block; 
	vertical-align: top;
	width: 250px;
	border: 1px solid #eee;
}
.dragbox-horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.dragbox-horizontal li.fourth-level {
	margin-left: 25px;
}

.sortable {
	height: auto; 
	overflow: auto;
	padding: 10px; 
	margin: 10px 0 10px 10px;
	background: #cfe5f6; 
	border: 1px solid #d2d2d2; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	padding: 5px; 
	margin-right: 5px;
}
.sortable > div { float: left; }


.box-shadow {
	 -moz-box-shadow: 3px 3px 4px #dadada; -webkit-box-shadow: 3px 3px 4px #dadada; box-shadow: 3px 3px 4px #dadada;
	 border: 1px solid #e4dbdb; border-top: 0; border-left: 0;
}
.ui-dialog{
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);  
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}

/* dialog box style for error message */
.ui-dialog.error-dialog .ui-widget-header { 
	border: 1px solid #d0e4e2;
	background: #e0211f;
	color: #fff;
	height: 20px;
	font-weight: bold; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow:1px 1px #000;
	color: #fff;
}
.ui-dialog.error-dialog .ui-widget-content{ 
	
	background: #ffbaba; 
	color: #000; 
	font-size: 11px; 
	background: #ffbaba url(../images/error.png) 10px 10px no-repeat;
	color: #000;
	padding-left: 10px;
}

.ui-dialog.error-dialog .ui-dialog-buttonpane.ui-widget-content {
	background: #ffbaba; 
	border: 0;
}
.ui-dialog.error-dialog ul {
	padding-left: 40px;
}

.error-dialog .ui-dialog .ui-dialog-title {
	color: #fff;
}


/* dialog box style for default dialog boxes */
.ui-dialog {
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);  
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); 
}
.ui-dialog.customer-selection .ui-widget-header, .ui-dialog.send-upsell .ui-widget-header, .unused-function-dialog .ui-widget-header, .default-dialog .ui-widget-header{ 
	border: 1px solid #d0e4e2;
	background: #155581;
	color: #fff;
	height: 20px;
	font-weight: bold; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow:1px 1px #000;
	color: #fff;
}
.ui-dialog.customer-selection .ui-widget-content, .ui-dialog.send-upsell .ui-widget-content, .ui-dialog.unused-function-dialog .ui-widget-content,
.ui-dialog.default-dialog .ui-widget-content{ 
	color: #000; 
	font-size: 11px; 
	color: #000;
	padding-left: 10px;
}

.ui-dialog.customer-selection .ui-dialog-buttonpane.ui-widget-content, .ui-dialog.send-upsell .ui-dialog-buttonpane.ui-widget-content, .ui-dialog.unused-function-dialog .ui-dialog-buttonpane.ui-widget-content, .ui-dialog.default-dialog .ui-dialog-buttonpane.ui-widget-content {
	border: 0;
}
.ui-dialog.customer-selection ul, .ui-dialog.send-upsell ul, .ui-dialog.unused-function-dialog ul, .ui-dialog.default-dialog ul {
	padding: 0;
	list-style: none;
}

.customer-selection .ui-dialog .ui-dialog-title, .send-upsell .ui-dialog .ui-dialog-title, .unused-function-dialog .ui-dialog .ui-dialog-title, .default-dialog .ui-dialog .ui-dialog-title {
	color: #fff;
}


/* info/popup dialog */
.ui-dialog.info-dialog .ui-widget-header { 
	border: 1px solid #d0e4e2;
	background: #1d547e;
	color: #fff;
	height: 20px;
	font-weight: bold; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow:1px 1px #000;
	color: #fff;
}
.ui-dialog.info-dialog .ui-widget-content{ 
	border: 1px solid #fff; 
	background: #bae5f6;
	color: #000; 
	font-size: 11px; 
	color: #fff;
}
.ui-dialog.info-dialog .ui-widget-content  {
	background: #ffbaba url(../images/error.png) 10px 10px no-repeat;
	color: #000;
	padding-left: 10px;
}
	
.ui-dialog.info-dialog ul {
	padding-left: 40px;
}

.info-dialog #ui-dialog-title-errorContents {
	color: #fff;
}

#footer p {
	text-align: center;
	font-size: 11px;
}
.navigation {
	background: url(../images/nav-bg.png) top left no-repeat;
    background-size: 100% 100%;
}
.navigation .menu{
	background: none;
}
.user-controls {
	padding-top: 2px;
	text-align:right;
	float: right;
}
.user-controls a {
	margin-top: 3px;
	margin-left: 3px;
}
.usr {
	font-size: 11px;
	font-weight: normal;
	margin-top: -15px;
	
}

.usrname {
	max-width: 50px;
	height: 14px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;    
}

.dt {
	margin-right: 10px;
}
.datetime {
	float: right;
	text-align: right;
	padding-top: 3px;
	color: #fff;
	font-size: 10px;
}

.breadcrumbs {
	padding-top: 5px;
}
.breadcrumbs .parents{
	font-size: 11px;
	color: #fff;
	font-weight: 100;
	text-shadow: 1px 1px #333;
}
.breadcrumbs .parents a {
	color: #fff;
	text-decoration: none;
}
.breadcrumbs .parents a:hover {
	color: #bfdcf2;
}
.breadcrumbs .current {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	text-shadow: 1px 1px #000;
}
.pagination {
	padding: 10px;
	margin-bottom:5px
}
.pagination, .switch-view, .profile-controls {
	font-size: 11px;
	color: #666;
	padding-bottom: 15px;
	height: 18px;
}
.profile-controls label {
	color: #333;
	font-weight: normal;
	padding-right: 10px;
}
.common-form label.inline-label {
	top: 2px; position:relative; color: #000; font-weight: normal; display: inline; font-size: 11px;
}
.common-form .inline-radio {
	top: 2px; position:relative; color: #000; font-weight: normal; display: inline; font-size: 11px;
	color: #666; font-weight: bold;
}

.common-form label.newItemLabel {
	color: red;
	text-decoration: none;
	display: inline;
}

/* profile  -- reverted to previous look as not to break the other pages with side info -- to be deleted */
.profile-info {
	 margin-top: 30px;
	 width: 22.7%;
}
.profile-name {
	 font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; width: 100%; border-bottom: 1px dotted #666;
	 text-shadow: 0;
}
.profile-name a {
	text-decoration: none;
	color: #000;
}
.profile-name a:hover {
	text-decoration: none;
	color: #666;
}
.profile-label {
	color: #666;
	text-shadow: 1px 1px #fff;
	font-size: 10px;
	display: block;
}
.profile-data {
	float: right; width: 50%;
	text-shadow: -1px -1px #fff;
	font-weight: bold;
	font-size: 10px; 
}
/* summary info - located at the right side of the screen */
.summary-info {
	 margin-top: 30px;
	 width: 14.7%;
}
.summary-name {
	 font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; width: 100%; border-bottom: 1px dotted #666;
	 text-shadow: 0;
}
.summary-name a {
	text-decoration: none;
	color: #000;
}
.summary-name a:hover {
	text-decoration: none;
	color: #666;
}
.summary-label {
	color: #666;
	text-shadow: 1px 1px #fff;
	font-size: 10px;
	display: block;
}
.summary-data {
	float:left;
	font-size: 11px;
	text-shadow: -1px -1px #fff;
	font-weight: bold;
	margin-top: -1px;
	margin-bottom: 0px;
	line-height: 14px;
/*	white-space: normal;      /* CSS3 */ 
/*	white-space: -moz-pre-wrap; /* Firefox */        
/*	white-space: -pre-wrap;     /* Opera <7 */       
/*	white-space: -o-pre-wrap;   /* Opera 7 */        
/*	word-wrap:break-word;
	border:1px solid red
*/}

.summary-data.amount
{
	float:right;
}

.drag-box-mode{
	font-family: tahoma, verdana;
	font-size:12px;
	float:left;
	width:220px;
	height:220px;
	border:1px solid #999;
	margin:5px;
	padding:0px 5px 5px 5px;
	line-height:19px;
	cursor:move;
}

.drag-box-mode a{
	text-decoration:none;
	color:#1b70ac;
}

.drag-holder{
	background:url(../images/drag-holder.png) repeat-x;
	margin:0;
	font-size:12px;
	font-weight: bold;
	padding:4px;
	color:#1b70ac;
	font-family: tahoma, verdana;
	height: 20px;
	border: 1px solid #999;
	border-top:0px;
	text-shadow: 1px 1px #FFF;
	clear: both;
}

.round-all{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.round-top{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.round-bottom{
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.dropshadow {
  -moz-box-shadow: 0px 5px 5px 5px #CCCCCC;
  -webkit-box-shadow: 0px 5px 5px 5px #CCCCCC;
  box-shadow: 0px 5px 5px 5px #CCCCCC;
}

.box-drag-place-holder{ 
	border:2px dashed #C1C1C1;
	background-color:#DFDFDF; 
	float:left;
	height:200px; 
	width:220px; 
	margin:5px
}

.div-table-header{
	font-size:12px;
	border-bottom:1px solid #1b70ac; 
	text-shadow: 1px 1px #333;
	text-align: left;
	font-weight:bold;
	color:#FFFFFF;
	background: url(../images/bg-header.png);
	background-repeat:repeat-x;
	width:100%;
	float:left
}

.div-table-header-caption{
	float:left;
	margin:3px;
}


.div-table{
	width:100%;
	height:auto; 
	display: inline-table; 
	border:1px solid #1b70ac;
	border-top: 1px solid #1b70ac;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;	
}

.div-table-body{
	width:100%; 
	margin:auto;
	cursor:n-resize
}


.div-table table input[type=text]{
	font-size:12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	margin:2px
}

.div-table-header .icon{
	margin:3px 5px 3px 3px;
	background-image:url(../images/cash.png); 
	background-repeat:no-repeat; 
	height:32px;
	width:32px; 
	float:left
}

.side-back-btn {
	 border-top: 1px dotted #666; padding-top:5px; width: 100%;
}

/* table */
table .default, table .side-table {
	border-bottom: 0;
	border: 1px solid #666;
	border-collapse:collapse;
	table-layout:fixed;
}
tr.select-row {
	cursor: pointer;
}
tr.isPreferred {
	background: #ff9;
}
/* design for default tables */
.default thead th:first-child, .side-table thead th:first-child {
	background: url(../images/tab-header-first-child.png) left top;
}
.default thead th:last-child, .side-table thead th:last-child {
	background: url(../images/tab-header-first-child.png) right top;
	border-right: 0;
}
.side-table thead th {
	margin: 0;
	padding: 0;
	padding-left: 4px;
	font-size: 10px;
	font-weight: normal;
	background: url(../images/table-thead-bg.png);
	color: #fff;
}
.side-table th,.side-table  td, .side-table caption {
	padding: 0;	
}
.default thead th, .default thead th.header {
	background: url(../images/table-thead-bg.png) repeat-x top #13517c;
	height: 33px;
	border: #5a5b56;
	color: #fff;
	text-shadow: 1px 1px #333;
	text-align: left;
	font-size: 11px;
	border-right: 1px solid #1b70ac;
	}
.default td.table-container, .side-table td.table-container {
	padding: 0;
	margin: 0;
	border: 1px solid #1b70ac;
	border-top: 0;
	background: #fff;
}
.default.avail-control td.table-container:first-child {
	border-top: 1px solid #1b70ac;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.side-table td {
	border-bottom: 1px solid #1b70ac;
	padding: 2px;
}
.default tr.table-search, .default tr.add-entry {
	background: url(../images/table-search-bg.png) repeat-x #fff ;
	border: 1px solid #1b70ac;
	border-bottom: 1px solid #1b70ac;
	border-top:0;
}
.default tr.multiple {
	background: url(../images/table-search-bg-multiple.png) repeat-x #fff;
}
.default tr.table-search td:first-child {
	border-left: 1px solid #1b70ac;
}
.default tr.table-search td:last-child {
	border-right: 1px solid #1b70ac;
}
/* design for tables on tabs */
.tab-contents{
	margin-right: 5px;
	margin-left: 5px;
	border-radius-top-left: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
}
#tabs ul {
	margin: 0 5px 0 5px;
}
div.tab-tables {
	background: #daecf9;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 5px;
}


.add-entry td, .table-search td {
	vertical-align: top;
}
table.table-data {
	table-layout: fixed;
}

table.table-data tr.subOdd {
	background-color:#F1F1F1;
}

table.table-data tr.subOdd td {
	border:1px solid #F1F1F1;
}

table.default {
	table-layout:  fixed;
}
table.table-data, table.side-table-data {
	border-collapse: collapse;
}
td.text-overflow {
	text-overflow: ellipsis;
}
table.avail-control tr.header-row td {
	font-size: 11px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	height: 20px;
	left: 10px;
	border-right: 1px solid #fff;
	}
	
table.avail-control tr.header-row td:last-child {
	border-right: 1px solid #1B70AC;
}
	
.table-data td {
	font-size: 11px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	height: 20px;
	left: 10px;
	border-right: 1px solid #fff;
	}
.side-table-data td {
	font-size: 10px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	height: 20px;
	left: 10px;
	border-right: 1px solid #fff;
	}
.table-data td:last-child {
	border-right: 0;
}
#report {
	border-bottom: 1px solid #1B70AC;
}
#report tr.tyColorHeadWColor td
{
	background:#d8ebf9;
}

#report tr.tyColorMiddleWColor td
{
	background: #ff9;
}
#report tr.tyColorHead td
{
	
	
}
#report tr.tyColorMiddle td
{
	color:#000000;
	background-color:white;
}
.notification-data td {
	border-right: 1px solid #fff;
	}
.notification-data td:last-child {
	border: 0;
}
tr.level-one td {
/*	background: #a3cbe7; */
	font-size: 11px;
	font-weight: bold;
}
tr.level-one.level-one-odd td {
	background: #eee;
	font-size: 11px;
	font-weight: bold;
}
tr.level-two td {
	background: #dee9f0;
	font-size: 10px;
/*	font-weight: bold; */
}
tr.level-two.level-two-odd td {
	background: #6694c8;
	font-size: 10px;
/*	font-weight: bold; */
}
tr.level-two td {
	background: #dee9f0;
	font-size: 10px;
	font-weight: normal;
}

tr.level-three td {
	background: #ccd5dc;
	font-size: 10px;
	font-weight: bold;
}
tr.level-two.level-three-odd td {
	background: #699;
	font-size: 10px;
	font-weight: bold;
}
tr.ungrouped td{
	background: #fff;
}
tr.recipient-name td {
	border-left: 1px solid #1B70AC; border-right: 1px solid #1b70ac; background: #13517d; font-size: 12px; font-weight: bold; color: #fff;
	text-shadow: 1px 1px #333333;
}
tr.ungrouped.ungrouped-odd td {
	background:url(../images/table-odd-bg.png) repeat-x bottom #c8e1f4;
	text-shadow: 1px 1px #fff;
}
.notification-data .expandable {
	margin-left: 10px;
}
.notification-data .expand {
	cursor: pointer;
}
.odd {
	background:url(../images/table-odd-bg.png) repeat-x bottom #c2dff1;
	text-shadow: 1px 1px #fff;
}
.table-data tr.odd, .table-data tr.customerListSelect.odd{
	background:url(../images/table-odd-bg.png) repeat-x bottom #c2dff1;
	text-shadow: 1px 1px #fff;
}
.subOdd {

}
.table-data tr.subOdd, .table-data tr.customerListSelect.subOdd{

}	
.table-data tr {
	background: #fff;
}
.name, .code-value, .address,  .desc, .cat-code, .sys-control, .res-num, .appcode, .appname, .functioncode, .functionname, .strutskey, .url {
	margin-left: 5px;
}
.status, .checkindate {
	margin-left: 0px;
}
.email {
	margin-left: 2px;
}
.phone, .username, .lastname, .fname, .role, .updatedby, .updatedon, .propertyname, .propertycode, .state {
	margin-left: 2px;
}
.city, .last-stay, .entries  {
	margin-left: 10px;
}
.updatedon2, .updatedby2 {
	margin-left: 15px;
}
.table-data tr a:not(.minibutton):not(.secondarybutton){
	color: #000;
	font-weight: normal;
	text-decoration: underline;
	
}
.table-data tr a:not(.minibutton):not(.secondarybutton):hover{
	color: #000;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 0;
}
.hover {
	background: url(../images/table-hover-bg.png) repeat-x;
	background-size: contain;
	text-shadow: 1px 1px #fff;
}

.table-data tr.edit-mode, .table-data tr.edit-mode .hover, .edit-mode {
	background: #1173bf;
	text-shadow: 1px 1px #000;
	color: #fff;
}
.table-data tr.edit-mode a, .table-data tr.edit-mode .hover a {

	text-shadow: 1px 1px #000;
	color: #fff;
	text-decoration: none;
}
.table-data tr a.iconbutton, .table-data tr a.data{
	border: none;
	font-weight: normal;
	text-decoration: none;
}
.table-data a {
	color: #333;
	text-decoration: none;
	font-weight: normal;
}

table .scrollable {
	overflow-y: scroll; 
	overflow-x: hidden; 
	width:100%;
	-ms-overflow-x: hidden;
	-ms-overflow-y: scroll;
}
/* new form design on profiles */
.userProfile .form-edit td {
	border: 0;
	background: #fff;
}
table.table-tab.userProfile {
	margin-top: 5px;
	margin-bottom: 10px;
	border: 0;
	
}

.form-edit td, .formGuest-edit td {
	  border: 1px solid #053557;
	  border-top: 0;
	  background: #f2f2f2;
}
.form-edit td:last-child, .userProfile .form-edit td:last-child, .formGuest-edit td:last-child, .formGuest-edit td:last-child{
	border-bottom: 0;
}

div.box {
	background: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.common-form .form-edit div.box .input-text, .common-form .formGuest-edit div.box .input-text{
	color:#666666;
}

.common-form .form-edit div.box label, .common-form .formGuest-edit div.box label{
	display:block;
	margin-bottom:10px;
	color:#555555;
	clear: both;
}

.common-form .form-edit div.box label span.lbl, .common-form .formGuest-edit div.box label span.lbl{
	display:block;
	float:left;
	padding-right:20px;
	min-width: 120px;
	text-align:right;
	font-weight:bold;
	padding-top: 10px;
}

/* product table */
.num {
	text-align: right;
}
.currency-quote {
	 float:right; font-weight: normal;
}
.product-table td{
	border-collapse:collapse;
	border-bottom: 1px solid #f4f4f4;
	height: 20px;
}
.product-table thead th {
	background: #CCC;
	color: #000;
	text-shadow: -1px -1px #fff;
}
.product-table tfoot td {
	font-weight: bold;
	font-style: normal;
	text-align: right;
	background: #CCC;
	text-shadow: -1px -1px #fff;
}
.product-table .scrollable {
	overflow-y: auto; 
	overflow-x: hidden; 
	width:100%;
	height: 100px;
	-ms-overflow-x: hidden;
	-ms-overflow-y: scroll;
}

.res-total tbody td {
	font-size: 13px;
	font-weight: bold;
	background: url(../images/table-product-grand-total-bg.png) repeat-x;
	text-shadow: 0px 1px 0px #ccc;
}
.res-total tr {
	background: #fcfbd7;
}
.res-total thead th {
	background: none;
	border: none;
	color: #000;
	text-shadow: 0px 1px 0px #ccc;
}
.arrow { 
	background: url(../images/desc.png) no-repeat right 5px;
	cursor: pointer;
	
}
.up { 
	background: url(../images/arrows.png) no-repeat right 0px;
	cursor: pointer;
}

/* clean table - table with minimal style */
.min-table {
	font-size: 11px;
}
.min-table td{
	border-collapse:collapse;
	
	height: 20px;
}
.min-table thead th {
	background: none;
	border-bottom: 1px solid #eee;
	color: #000;
	text-shadow: 0px 1px 0px #eee;
}
.min-table tfoot td {
	font-weight: bold;
	font-style: normal;
	text-align: right;
	background: #CCC;
	text-shadow: -1px -1px #fff;
}
.min-table .scrollable {
	overflow-y: auto; 
	overflow-x: hidden; 
	width:100%;
	height: 100px;
	-ms-overflow-x: hidden;
	-ms-overflow-y: scroll;
}

/* license map */
.first-level-list {
	 margin: 0 0px; padding: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.first-level {
	background: #fff;
	margin: 4px 2px 4px 4px;
	padding: 4px;
	color: #044a73;
	text-shadow: 1px 0px #eee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	display:inline-block; 
	vertical-align: top;
	width: 250px;
	border: 1px solid #eee;
}

.second-level {
	margin: 4px 2px 4px 10px;
	padding: 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: url(../images/function-map-orphan-bg.png) repeat-x #278ed5 top;
	color: #fff; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-shadow: 1px 1px #666; 
	border: 1px solid #106AA8;
	
}
.third-level {
	margin: 4px 2px 4px 15px;
	padding: 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: url(../images/function-map-1st-level-bg.png) repeat-x scroll 0 0;
	color: #fff;
	text-shadow: 1px 1px #333;
	border: 1px solid #032843;
	/*
	background: url(../images/license-level3.png) #46a4d9 top repeat-x; color: #fff; font-size: 11px; text-shadow: 1px 1px #333; 
	*/
}
.fourth-level {
	 background: #eee;
	 font-size: 11px;
	 font-weight: normal;
	 text-shadow: none;
	 margin-bottom: 5px; 
	 margin-left: 10px; 
	 margin-right: 3px;
	 padding: 3px;
	 -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	color: #333;
}
.license-list {
	width:23.0%; float: left; background: #cfe5f6; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 4px; padding: 2px; border: 1px solid #eee;
}
#map {
    height: auto;
    overflow: auto;
    /*cursor: -moz-grab !important;*/ /* should this be applied with js? */
    border: 1px solid #D9E4FF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 10px;
}
.form-value {
	position:relative; top: 9px; font-size: 12px; color: #000;
}
.tl-events {
    min-width: 2000px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.tl-events li {
    float: left;
    width: 200px;
    margin-right: 10px;
}
.tl-events ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tl-events ul li a {
    text-decoration: none;
    color: #000;
    background: #D9E4FF;
    border: 1px solid #D9E4FF;
    -moz-border-radius: 4px;
    display: block;
    margin: 5px 2px;
    padding: 2px;
}
.tl-events ul li a:hover,
.tl-events ul li a:focus {
    outline: 0;
    background: #C2CCE4;
    border: 1px solid #B0BACF;
}
.doodle {
    display: none;
}


/* data styles */
.table-controls {float: right;}
.table-controls-inline-tab{
	width:auto; 
	margin-right:6px; 
	float:right; 
	min-width:inherit;
	height:25px;
	margin-top:-5px; 
}
.crs-3party { vertical-align: middle; }
.label { text-align: right; width: 140px; }
.value, .value a { font-weight: bold; color: #000; }
.default .divide-column { border-right: 1px solid #fff; }

/* buttons! */
/* button basics */
a.second-link {
	font-weight: bold;
	color: #eee;
	text-decoration: none;
	font-size: 11px;
}
a.minibutton {
	display:inline-block;
	height:23px;
	padding:0 0 0 3px;
	font-size:11px;
	font-weight:bold;
	color:#000;
	text-shadow:1px 1px 0 #fff; 
	background: url(../images/minibutton_matrix.png) 0 -210px no-repeat;
	white-space:nowrap;
	border:none;
	overflow:visible;
	cursor:pointer;
	text-decoration:none;
}
a.minibutton>span {
	display:block;
	height:23px;
	color: #000;
	padding:0 10px 0 8px;
	line-height:23px;
	background:url(../images/minibutton_matrix.png) 100% -210px no-repeat;
}
a.minibutton:hover, a.minibutton:focus {
	color: #666;
	text-decoration:none;
	text-shadow:-1px -1px 0 #eee;
	background-position:0 -240px;
}
a.minibutton:hover>span, a.minibutton:focus>span {background-position:100% -240px;}
a.minibutton.mousedown{background-position:0 -150px; }
a.minibutton.mousedown>span{background-position:100% -150px; }
/* toggle button for activate / deactivate */
.status-block {
	 height: 23px; border: 1px solid #999; display: block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.status-block div.status-label {
	margin-left: 5px;  margin-top: 3px; font-size: 11px; float: left; 
	font-weight: bold;
}
.status-label.inactive {
	color: #8a1f11;
	
}
.status-label.active {
	color:  #060;
}

a.active-button{
	background: transparent url(../images/minibutton_matrix.png) no-repeat scroll 100% -150px;
	color:#000;
	float:left;
	font-size:11px!important;
	height:23px;
	font-weight: bold;
	padding:0 0 0 10px!important;
	text-decoration:none;
	text-shadow:1px 1px 0 #fff;
	border: 0;
}
a.inactive-button{
	background: transparent url(../images/minibutton_matrix.png) no-repeat scroll 100% -150px;
	color:#000;
	float:left;
	font-size:11px!important;
	height:23px;
	font-weight: bold;
	padding:0 0px 0 10px!important;
	text-decoration: none;
	text-shadow:1px 1px 0 #fff; 
	border: 0;
}
a.active-button span{
	background: transparent url(../images/minibutton_matrix.png) no-repeat scroll 100% -150px;
	cursor:pointer;
	display:block;
	float:left;
	line-height:23px;
	padding-right:8px!important;
	border: 0;
}
 a.inactive-button span{
	background: transparent url(../images/minibutton_matrix.png) no-repeat scroll 100% -150px;
	cursor:pointer;
	display:block;
	float:left;
	line-height:21px;
	padding-right:8px!important;
	border: 0;
}
a.active-button:hover, a.inactive-button:hover{
	/* background-position:left top; */
}
a.active-button:hover span, a.inactive-button:hover span{
	/* background-position:right top; */
}
a.inactive-button{
	/* background-image: #ad171e; */
}
a.inactive-button span{
	/* background-image: #ad171e; */
}
/* subnav button */
.content-nav  {
	padding-top: 35px;
}
.content-nav ul, .content-nav li {
	margin: 0 0 0 8px;
	padding: 0;
	list-style: none;
}
.content-nav li {
	padding-bottom: 5px;
}
a.subnav {
	display:inline-block;
	height:23px;
	padding:0 0 0 3px;
	font-size:11px;
	font-weight:bold;
	width: 160px;
	color:#333;
	text-shadow:-1px -1px 0 #fff;
	background: url(../images/minibutton_matrix.png) 0 0px no-repeat;
	white-space:nowrap;
	border:none;
	overflow:visible;
	cursor:pointer;
	text-decoration:none;
}
a.subnav>span {
	display:block;
	height:23px;
	padding:0 10px 0 8px;
	line-height:23px;
	background:url(../images/minibutton_matrix.png) 100% 0px no-repeat;
}
a.subnav:hover, a.subnav:focus {
	color:#000;
	text-decoration:none;
	text-shadow:-1px -1px 0 #eee;
	background-position:0 -150px;
}
a.subnav:hover>span, a.subnav:focus>span {background-position:100% -150px;}
a.subnav.mousedown{background-position:0 -150px;}
a.subnav.mousedown>span{background-position:100% -150px;}

	
/* secondary button */
a.secondarybutton {
	display:inline-block;
	height:23px;
	padding:0 0 0 3px;
	font-size:11px;
	font-weight:bold;
	color:#333;
	text-shadow:1px 1px 0 #fff; 
	background: url(../images/minibutton_matrix.png) 0 -150px no-repeat;
	white-space:nowrap;
	border:none;
	overflow:visible;
	cursor:pointer;
	text-decoration:none;
}
a.secondarybutton>span {
	display:block;
	height:23px;
	padding:0 10px 0 8px;
	line-height:23px;
	background:url(../images/minibutton_matrix.png) 100% -150px no-repeat;
}
a.disabled, a.disabled:hover {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	cursor: default;
	color:#333;
	text-shadow:1px 1px 0 #fff;
}

a.secondarybutton:hover, a.secondarybutton:focus {
	color:#333;
	text-decoration:none;
	text-shadow:-1px -1px #fff;
	background-position:0 -150px;
}
a.secondarybutton:hover>span, a.secondarybutton:focus>span {background-position:100% -150px;}
a.secondarybutton.mousedown{background-position:0 -150px; }
a.secondarybutton.mousedown>span{background-position:100% -150px; }

/* currentbutton that is presently selected */
a.currentbutton {
	display:inline-block;
	height:23px;
	padding:0 0 0 3px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 0 #fff; 
	background: url(../images/minibutton_matrix.png) 0 -30px no-repeat;
	white-space:nowrap;
	border:none;
	overflow:visible;
	cursor:pointer;
	text-decoration:none;
}
a.currentbutton>span {
	display:block;
	height:23px;
	padding:0 10px 0 8px;
	line-height:23px;
	background:url(../images/minibutton_matrix.png) 100% -30px no-repeat;
}

a.disabled, a.disabled:hover {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	cursor: default;
	color:#fff;
	text-shadow:1px 1px 0 #fff;
}
.ui-widget-content a.currentbutton {
	color: #fff;
	text-shadow: 1px 1px 0 #333;
}

a.currentbutton:hover, a.currentbutton:focus {
	color:#fff;
	text-decoration:none;
	text-shadow:-1px -1px #333;
	background-position:0 -30px;
}
a.currentbutton:hover>span, a.currentbutton:focus>span {background-position:100% -30px;}
a.currentbutton.mousedown{background-position:0 -30px; }
a.currentbutton.mousedown>span{background-position:100% -30px; }

/* with icon */
a.btn-copy .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-copy  .icon {background-position:-125px -2px;}
a.btn-copy :hover .icon, a.btn-copy :focus .icon {background-position:-125px -2px;}

span.loader {
	 float:left;
	 background: url(../images/loading.gif) no-repeat;
	 width: 16px; 
	 height:16px;
	 margin-right: 2px;
}
a.btn-loading .icon {
	float:left;
	margin-left:-2px;
	margin-top: 2px;
	width:22px;
	height:22px;
	background: url(../images/loading.gif) no-repeat;
}

a.btn-active .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-active  .icon {background-position:-1201px -2px;}
a.btn-active :hover .icon, a.btn-active :focus .icon {background-position:-1201px -2px;}

a.btn-inactive .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-inactive  .icon {background-position:-1201px -26px;}
a.btn-inactive :hover .icon, a.btn-inactive :focus .icon {background-position:-1201px -26px;}

a.btn-addnew .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-addnew .icon {background-position:-190px 0px;}
a.btn-addnew:hover .icon, a.btn-addnew:focus .icon {background-position:-190px 0px;}


a.btn-prev .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-prev .icon {background-position:-30px 0px;}
a.btn-prev:hover .icon, a.btn-prev:focus .icon {background-position:-30px 0px;}

a.btn-next .icon {
	float:right;
	margin-right:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-next .icon {background-position:-52px 0px;}
a.btn-next:hover .icon, a.btn-next:focus .icon {background-position:-52px 0px;}


a.btn-search .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-search .icon {background-position:-214px 0px;}
a.btn-search:hover .icon, a.btn-search:focus .icon {background-position:-214px 0px;}

a.btn-reset .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-reset .icon {background-position:-235px 0px;}
a.btn-reset:hover .icon, a.btn-reset:focus .icon {background-position:-235px 0px;}

a.btn-download .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-download .icon {background-position:-40px 0;}
a.btn-download:hover .icon, a.btn-download:focus .icon {background-position:-40px -25px;}

a.btn-logout .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-logout .icon {background-position:-275px 0;}
a.btn-logout:hover .icon, a.btn-logout:focus .icon {background-position:-275px 0;}

a.btn-unlock .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-unlock .icon {background-position:-275px -25px;}
a.btn-unlock:hover .icon, a.btn-unlock:focus .icon {background-position:-275px -25px;}
	


a.btn-delete .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-delete .icon {background-position:-40px 0;}
a.btn-delete:hover .icon, a.btn-delete:focus .icon {background-position:-40px -25px;}
	

a.btn-maximize .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-maximize .icon {background-position:-1220px -25px;}


a.btn-minimize .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-minimize .icon {background-position:-1220px 0;}

a.btn-attachment1 .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
	cursor: default;
}
a.btn-attachment1 .icon {background-position:-1243px 0px;}

a.btn-attachment2 .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-attachment2 .icon {background-position:-1243px -25px;}

a.btn-downloadFile .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-downloadFile .icon {background-position:-1266px 0px;}

a.btn-downloadFile2 .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-downloadFile2 .icon {background-position:-1266px -25px;}

div.btn-delete .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
div.btn-delete .icon {background-position:-40px 0;}
div.btn-delete:hover .icon, div.btn-delete:focus .icon {background-position:-40px -25px;}
	
	
a.btn-save .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}

a.btn-save .icon {background-position:-315px 0;}
a.btn-save:hover .icon, a.btn-save:focus .icon {background-position:-315px 0;}

a.btn-pdf .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}

a.btn-pdf .icon {background-position:-1099px 0;}
a.btn-pdf:hover .icon, a.btn-pdf:focus .icon {background-position:-1099px 0;}

a.btn-print .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}

a.btn-print .icon {background-position:-1176px -25px;}
a.btn-print:hover .icon, a.btn-print:focus .icon {background-position:-1176px -25px;}

a.btn-submit .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}

a.btn-submit .icon {background-position:-442px 0;}
a.btn-submit:hover .icon, a.btn-submit:focus .icon {background-position:-442px 0;}

a.btn-sysdefault .icon {
	float:left;
	margin-left:-4px;
	margin-top: 3px;
	width:18px;
	height:20px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-sysdefault  .icon {background-position:-862px -25px;}
a.btn-sysdefault :hover .icon, a.btn-sysdefault :focus .icon {background-position:-862px -25px;}
	
a.btn-cancel .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-cancel .icon {background-position:-336px 0;}
a.btn-cancel:hover .icon, a.btn-cancel:focus .icon {background-position:-336px 0;}
a.btn-cancel.iconbutton, a.btn-delete.iconbutton {
	padding:0px!important;
}
a.btn-code-edit .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-code-edit .icon {background-position:-600px 0;}
a.btncode-edit:hover .icon, a.btn-code-edit:focus .icon {background-position:-600px 0;}

a.btn-code-view .icon {
	float:left;
	margin-top: 2px;
	margin-left:-4px;
	width:18px;
	height:20px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-code-view .icon {background-position:-600px -25px;}
a.btn-code-view:hover .icon, a.btn-code-view:focus .icon {background-position:-600px -25px;}

a.btn-viewdetails .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-viewdetails .icon {background-position:-862px 0;}
a.btn-viewdetails:hover .icon, a.btn-viewdetails:focus .icon {background-position:-862px 0;}

a.btn-code .icon {
	float:left;
	margin-left:-4px;
	margin-top: 3px;
	width:18px;
	height:20px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-code  .icon {background-position:-910px -25px;}
a.btn-code :hover .icon, a.btn-code :focus .icon {background-position:-910px -25px;}


	
/* new generalized buttons */
a.btn-update .icon {
	float:left;
	margin-left:-4px;
	margin-top: 0;
	width:18px;
	height:20px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-update  .icon {background-position:-955px -25px;}
a.btn-update :hover .icon, a.btn-update :focus .icon {background-position:-955px -25px;}


a.btn-cancel2 .icon {
	float:left;
	margin-left:-4px;
	margin-top: -3px;
	width:18px;
	height:20px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-cancel2  .icon {background-position:-975px 0px;}
a.btn-cancel2 :hover .icon, a.btn-cancel2 :focus .icon {background-position:-975px 0px;}


a.btn-edit .icon {
	float:left;
	margin-left:-4px;
	margin-top: 0;
	width:18px;
	height:20px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
	border: 0;
}
a.btn-edit  .icon {background-position:-930px 0px;}
a.btn-edit :hover .icon, a.btn-edit :focus .icon {background-position:-930px 0px;}


a.btn-delete .icon {
	float:left;
	margin-left:-4px;
	margin-top: 1px;
	width:18px;
	height:20px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-delete  .icon {background-position:-930px -25px;}
a.btn-delete :hover .icon, a.btn-delete :focus .icon {background-position:-930px -25px;}


a.btn-expand .icon {
	float:left;
	margin-left:-4px;
	margin-top: 1px;
	width:18px;
	height:20px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-expand  .icon {background-position:-996px -25px;}
a.btn-expand :hover .icon, a.btn-delete :focus .icon {background-position:-996px -25px;}

a.btn-collapse .icon {
	float:left;
	margin-left:-4px;
	margin-top: 1px;
	width:18px;
	height:20px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-collapse  .icon {background-position:-1015px 0px;}
a.btn-collapse :hover .icon, a.btn-collapse :focus .icon {background-position:-1015px 0px;}

a.btn-word .icon {
	float:left;
	margin-left:-4px;
	margin-top: -2px;
	width:18px;
	height:20px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-word  .icon {background-position:-1198px 0px;}

a.btn-excel .icon {
	float:left;
	margin-left:-4px;
	margin-top: -2px;
	width:18px;
	height:20px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-excel  .icon {background-position:-1199px -24px;}

a.btn-add .icon {
	float:left;
	margin-left:-4px;
	margin-top: -2px;
	width:18px;
	height:20px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-add  .icon {background-position:-955px 0px;}
a.btn-add :hover .icon, a.btn-add :focus .icon {background-position:-955px 0px;}

a.btn-refresh .icon {
	float:left;
	margin-left:-4px;
	margin-top: -2px;
	width:18px;
	height:20px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}

a.btn-refresh  .icon {background-position:-236px 0px;}
a.btn-refresh :hover .icon, a.btn-add :focus .icon {background-position:-236px 0px;}

a.btn-upload .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-upload .icon {background-position:-995px 0;}
a.btn-upload:hover .icon, a.btn-upload:focus .icon {background-position:-995px 0;}

a.btn-expand .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-expand .icon {background-position:-995px -25px;}
a.btn-expand:hover .icon, a.btn-expand:focus .icon {background-position:-995px -25px;}

a.btn-collapse .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-collapse .icon {background-position:-1015px 0;}
a.btn-collapse:hover .icon, a.btn-collapse:focus .icon {background-position:-1015px 0;}


a.btn-generate .icon {
	float:left;
	margin-left:-4px;
	margin-top: 4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-generate .icon {background-position:-1015px -25px;}
a.btn-generate:hover .icon, a.btn-generate:focus .icon {background-position:-1015px -25px;}


a.btn-customer-select .icon {
	float:left;
	margin-left:-4px;
	margin-top: 0px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-customer-select .icon {background-position:-1040px 0px;}
a.btn-customer-select:hover .icon, a.customer-select:focus .icon {background-position:-1040px 0px;}


a.btn-move-right .icon {
	float:left;
	margin-left:-2px;
	margin-top: 0px;
	width:15px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-move-right .icon {background-position:-1040px -25px;}
a.btn-move-right:hover .icon, a.btn-move-right:focus .icon {background-position:-1040px -25px;}

a.btn-move-all-right .icon {
	float:left;
	margin-left:-2px;
	margin-top: 0px;
	width:15px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-move-all-right .icon {background-position:-1060px -25px;}
a.btn-move-all-right:hover .icon, a.btn-move-all-right:focus .icon {background-position:-1060px -25px;}

a.btn-move-all-left .icon {
	float:left;
	margin-left:-2px;
	margin-top: 0px;
	width:15px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-move-all-left .icon {background-position:-1070px 0;}
a.btn-move-all-left:hover .icon, a.btn-move-all-left:focus .icon {background-position:-1070px 0px;}

a.btn-move-left .icon {
	float:left;
	margin-left:-2px;
	margin-top: 0px;
	width:15px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-move-left .icon {background-position:-1056px 0;}
a.btn-move-left:hover .icon , a.btn-move-left:focus .icon {background-position:-1056px 0;}

a.btn-send-upsell .icon {
	float:left;
	margin-left:-4px;
	margin-top: 0px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-send-upsell .icon {background-position:-1075px -25px;}
a.btn-send-upsell:hover .icon, a.btn-send-upsell:focus .icon {background-position:-1075px -25px;}

a.btn-user-responded .icon {
	float:left;
	margin-left:-4px;
	margin-top: 0px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-user-responded .icon {background-position:-1100px -25px;}
a.btn-user-responded:hover .icon, a.btn-user-responded:focus .icon {background-position:-1100px -25px;}

a.btn-folio .icon {
	float:left;
	margin-left:-4px;
	margin-top: 0px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-folio .icon {background-position:-1100px 0;}
a.btn-folio:hover .icon, a.btn-folio:focus .icon {background-position:-1100px 0px;}


a.btn-next-period .icon {
	float:left;
	margin-left:-4px;
	margin-top: 0px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-next-period .icon {background-position:-1130px 0;}
a.btn-next-period:hover .icon, a.btn-next-period:focus .icon {background-position:-1130px 0px;}



a.btn-prev-period .icon {
	float:left;
	margin-left:-4px;
	margin-top: 0px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-prev-period .icon {background-position:-1130px -25px;}
a.btn-prev-period:hover .icon, a.btn-prev-period:focus .icon {background-position:-1130px -25px;}


a.btn-info .icon {
	float:left;
	margin-left:-4px;
	margin-top: 0px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-info .icon {background-position:-1150px 0px;}
a.btn-info:hover .icon, a.btn-info:focus .icon {background-position:-1150px 0px;}

a.btn-warn .icon {
	float:left;
	margin-left:-4px;
	margin-top: 0px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-warn .icon {background-position:-1150px -25px;}
a.btn-warn:hover .icon, a.btn-warn:focus .icon {background-position:-1150px -25px;}

a.btn-key .icon {
	float:left;
	margin-left:-4px;
	margin-top: 0px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-key .icon {background-position:-1174px -0px;}
a.btn-key:hover .icon, a.btn-info:focus .icon {background-position:-1174px -0px;}

a.btn-process .icon {
	float:left;
	margin-left:-4px;
	margin-top: 2px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-process .icon {background-position:-951px -25px;}
a.btn-process:hover .icon, a.btn-info:focus .icon {background-position:-951px -25px;}

a.btn-tick .icon 
{
	float:left;
	margin-left:-4px;
	margin-top: 1px;
	width:18px;
	height:20px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-tick  .icon {background-position:-952px -25px;}
a.btn-tick :hover .icon, a.btn-tick :focus .icon {background-position:-952px -25px;}

a.btn-triangle .icon 
{
	float:left;
	margin-left:-4px;
	margin-top: 1px;
	width:18px;
	height:20px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}
a.btn-triangle  .icon {background-position:-1150px -25px;}
a.btn-triangle :hover .icon, a.btn-triangle :focus .icon {background-position:-1150px -25px;}


/* iconbuttons */
a.iconbutton, span.iconbutton{
	display:inline-block;
	height:20px;
	padding:0 0 0 3px;
	white-space:nowrap;
	border:none;
	overflow:visible;
	cursor:pointer;
	text-decoration:none;
}
	
a.iconbutton>span, span.iconbutton>span {
	display:block;
	height:20px;
	padding:0 0px 0 0px;
	line-height:20px;
	border: 0;
	text-decoration: none;
}
	

a.iconbutton-lrg, span.iconbutton-lrg{
	display:inline-block;
	height:20px;
	padding:0;
	white-space:nowrap;
	border:none;
	overflow:visible;
	cursor:pointer;
	text-decoration:none;
	text-decoration: none;
}
/* expand/collapse */
a.expand{
	display:inline-block;
	height:20px;
	padding:0 0 0 3px;
	width: 20px;
	white-space:nowrap;
	border:none;
	overflow:visible;
	cursor:pointer;
	text-decoration:none;
}
	
a.expand>span {
	display:block;
	height:20px;
	padding:0 0px 0 0px;
	line-height:20px;
	
}
	
a.expand:hover, a.expand:focus {
	color:#fff;
	text-decoration:none;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
	background-position:0 -180px;
}
a.expand:hover>span, a.expand:focus>span {background-position:100% -180px;}
	
a.expand.mousedown{background-position:0 -60px; }
a.expand.mousedown>span{background-position:100% -60px; }

/* default forms style */
textarea {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}

.common-form input.disabled, .common-form select.disabled, .common-form textarea.disabled, .common-form checkbox.disabled, .common-form select.disabled {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border:1px solid #c1dad7;
	background: #ddd;
}
.uneditable, .res-value {
	font-size: 12px;
	font-weight: bold;
}
/*
.res-value {
	padding: 10px; position: relative; top: 9px;
}
*/
.details {
	 padding-bottom: 10px;
}

/* common form */
.inst {
	font-size: 10px;
}
.common-form { padding-top: 10px; }

.common-form .form-label {
	font-size: 11px;
	color: #fff;
	text-shadow: 1px 1px #333333;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px; 
	background:url(../images/table-thead-bg.png);
	margin-top: 5px;
}
.common-form h4 {
	font-size: 11px; 
	font-weight: bold;
	margin-left: 10px;
	margin-top: 4px;
	margin-bottom:2px; padding-bottom: 0;
	text-shadow: 1px 1px #eee;
}
.common-form .primary-info { font-weight: bold;}
.common-form label {font-weight: bold; display:block; font-size: 11px; color: #666; }
.dialog label {font-weight: normal; display: inline; font-size: 11px; color: #666; padding-left: 10px; padding-top: 4px; }
fieldset.common-form   {
	border: 0;
	border-top: 1px solid #59606A;
	margin: 0;
	padding: 5px 0 25px 0;
	/* border:1px solid #bcbcbc; 
	background-color: #f4f4f4;
	margin-top: 1px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	*/
}
table.table-tab {
	margin-bottom: 10px;
	border-bottom: 1px solid #053557;
	margin-top: 5px;
	table-layout: fixed;
}
table.table-tab td{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
table.table-tab td a.data {
	text-decoration: none;
}
.common-form  legend {font-weight:bold;font-size:1.2em;}
.common-form input[type=text], .common-form  input[type=password], .common-form  input.text, .common-form  input.title, .common-form  textarea, .common-form  select,
.common-form input[type=number] {
	border:1px solid #bbb;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 4px;
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
}
select {
	border:1px solid #bbb;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 3px;
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
}
	
.common-form option {
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
}

input[type="text"].missingField
{
	border: 1px solid red;
}

textarea.required.missingField
{
	border: 1px solid red;
}

input.required[type="text"], input.required[type="password"], input.required[type=number],textarea.required, select.required, checkbox.required, .embedded-form input.required[type="text"], .embedded-form input.required[type="password"], .embedded-form textarea.required, select.required, .embedded-form checkbox.required {
	background-color: #f6dede!important;
	color: #000;
	border:1px solid #bbb;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 4px;
}

.common-form input[disabled], textarea[disabled], option[disabled], optgroup[disabled], select[disabled] {
	background: #ebeff2;
	border:1px solid #eee;
}

.common-form  input[type=text]:focus, .common-form input[type=password]:focus, .common-form  input.text:focus, .common-form  input.title:focus, .common-form  textarea:focus, .common-form  select:focus {border-color:#666; background: #fcffe0; }
.common-form  input[type=text], .common-form  input[type=number], .common-form  input[type=password],.common-form input.text, .common-form  input.title, .common-form  textarea, .common-form  select {margin:0.5em 0;}
.common-form  input.text, .common-form  input.title {width:300px;padding:5px;}
.common-form  input.title {font-size:1.5em;}
.common-form  textarea {width:190px;height: 50px;padding:5px; font-size: 11px;}
.common-form  input[type=checkbox], .common-form  input[type=radio], .common-form  input.checkbox, .common-form  input.radio {position:relative;top:.25em;}
.common-form  form.inline {line-height:3;}
.common-form  form.inline p {margin-bottom:0;}
.common-form input.hasDatepicker, .common-form input.dateField{
	background: url(../images/calendar-form-input-bg.png) no-repeat right #fff;
}
.common-form input.hasDatepicker:focus, .common-form input.dateField:focus{
	background: url(../images/calendar-form-input-bg-focus.png) no-repeat right #fcffe0;
}

/* forms */
.required {
	color: #f00;
}

/* forms - used in tables */
table label {font-weight:bold; font-size: 11px;}
.notificationChkBoxLbl {
	margin-top: 4px; position: relative; top: 3px; font-size: 11px; display: inline;
}
table fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
table legend {font-weight:bold;font-size:1.2em;}
table input[type=text], table input[type=password], table input.text, table input.title, table textarea, table select {
	border:1px solid #bbb;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 2px;
	font-size: 11px;

}
.add-entry .hasDatepicker, .table-search .hasDatepicker {
	border:1px solid #bbb;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 2px;
	background:  url(../images/calendar-form-input-bg.png) no-repeat right #fff;
}
table input[type=text]:focus, table input[type=password]:focus, table input.text:focus, table input.title:focus, table textarea:focus, table select:focus {border-color:#666;}
table input[type=text], table input[type=password], table input.text, table input.title, table textarea, table select {margin:0.5em 0;}
table input.text, table input.title {width:300px;padding:5px;}
table input.title {font-size:1.5em;}
table textarea {width:390px;height:250px;padding:5px;}
table input[type=checkbox], table input[type=radio], table input.checkbox, table input.radio { top:0; margin: 0; padding: 0;}
table form.inline {line-height:3;}
table form.inline p {margin-bottom:0;}

/* tooltips */
.tipsy { 
	padding: 5px; 
	font-size: 10px; 
	opacity: 0.8; filter: 
	alpha(opacity=80); 
	background-repeat: no-repeat;
	background-image: url(../images/tooltip-arrows.gif);
}
.tipsy-inner { 
  	padding: 5px 8px 4px 8px;
	background-color: black;
	color: white;
	max-width: 200px;
	text-align: center;
}
.tipsy-inner { 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.tipsy-north { 
	background-position: top center;
}
.tipsy-south { 
	background-position: bottom center;
}
.tipsy-east {
	background-position: right center;
}
.tipsy-west {
	background-position: left center;
}
.tipsy-default {
	background-position: bottom center;
}
  
/* tabs styles */
.login-tab {
	height: 100px;
} 

.form-header {
	
}
.form-header-label {
	font-size: 12px; 
	color: #000; 
	font-weight: bold;
	padding: 7px 0 5px 10px;
	display: block;
	text-shadow: 1px 1px 1px #eee;
}
.form-content {
	background:url(../images/tab-content-bg.gif) repeat-x #fff left top;
	
}


/* menu */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:	0;
	padding: 0;
	list-style:	none;
}

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
/*** DEMO SKIN ***/
.sf-menu {
	float:	left;
	margin-top: 1px;
	padding-top: 3px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.sf-menu a {
	padding-left: 10px;
	padding: 8px 8px 8px 8px;
	text-decoration:none;
	cursor: pointer;
	
}
.sf-menu ul {
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}


.sf-menu li {
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-bottom: 0px;
	margin-right: 5px;
	
}
.sf-menu li a {
	font-size: 11px;
	font-weight: normal;
	color: #0f63a4;
}
.sf-menu li a:hover{
	color: #fff;
	background: #0f63a4;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}

.sf menu li li{
	margin-left: 2px;
	background:	#0f63a4;
	padding-top: 10px;
	
}

.sf-menu li li a {
	background: #fff;
	font-size: 11px;
	color: #0f63a4;
}
.sf-menu li li:last-child a {
	background: #fff;
	font-size: 11px;
	color: #0f63a4;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;

}

.sf-menu li li a:hover {
	color: #fff;
	background: #0f63a4;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}
.sf-menu li li li {
	margin-left: 3px;
}
*/
/* 3rd level bg */
/*
.sf-menu li li li a { 
	background: url(../images/nav-bg-hover.png) repeat-x left top #cdcdcd;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #eee;
}
*/
.sf-menu li li li a:hover { /* 3rd level bg */
	background:	#fff;
	
	color: #0f63a4;
	
}
/*
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover{
	background: url(../images/nav-bg-hover.png) repeat-x left top #cdcdcd;
	color: #fff;
}
*/
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background: url(../images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
.sf-menu .second-level {
	padding-top: 2px;
}
/* content slider */
.pagelinks ul {
	float: left;
	margin: 0;
	padding: 0
}
.pagelinks li {
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}
.contentdiv {
	margin-top: 10px;
}
/* etc */
.push {
	height: 4em;
}
/* tabs */
.tab-btn {
	float: right;
	padding-right: 2px;
	
}
#tabs {
	background: none;
	border: none;
}
div.map-headers {
	height: 20px; padding: 5px 5px 0 5px; font-size: 11px;
	background: #333;
}
div#code, div#map {
	background: url(../images/tabs-bg.png) repeat-x #fdfdfd;
	border: 1px solid #aaa;
	
}
thead th {
background:#eee none repeat scroll 0 0;
}
tfoot td{
	color: #fff;
	font-size: 12px; 
	font-weight: bold;
	font-style: normal;
	background:url(../images/table-thead-bg.png) repeat-x;
	border: 1px solid #1B70AC;
	border-top: 0;
}
.accordion-table {
	border-collapse: collapse;
}
.map-data {
	padding-top:5px; 
	padding-left:20px; 
	padding-bottom: 0; 
	padding-right: 20px;
	min-height: 80px; 
	overflow-y: scroll; 
	overflow-x: hidden;
}
.license-map ul, .license-map ol {
	list-style: none;
	text-shadow:1px 1px #fff;
	
}

/* section headers */
.section-header {
	float: left;
}
.section-header.product {
	float: left;
	height: 26px;
}
.section-header h4 {
	font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 5px; padding: 0; color: #195c8a; padding-top: 4px;
	text-shadow: -1px 1px #fff;
}
.section-buttons {
	float: right; margin-top: -4px; padding-bottom: 3px;
}
ul.comments, .side-info{
	list-style: none;
	margin: 10px 0 0 5px;
	padding: 0;
	font-size: 10px;
	color: #666;
}
span.update-info {
	color: #666;
}

/* treeview roles styles */
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	margin-top: 4px;
	background: #fff;
	margin-right: 10px;
	
	color: #333;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.treeview ul li ul li  ul li span{
	
}
ul.treeview li .odd {
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top: 5px;
	margin-right: 10px;
}

ul.treeview li.even {
	background: url(../images/function-map-orphan-bg);
	color: #333;
	margin-top: 5px;
	margin-right: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

}
/* treeview background colours */
.treeview ul li {
	font-size: 12px;
	font-weight: bold;
}
.treeview ul li ul li.odd{
	color: #000;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top: 5px;
	margin-right: -10px;
}
.treeview ul li ul li.even {
	color: #000;
	background: #7cb9e7;
	margin-right: -10px;
}
.treeview ul li ul li {
	font-size: 11px;
	font-weight: normal;
}
.treeview .hitarea {
	background: url(../images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}

/* fix for IE6 */

* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	
}

#treecontrol { margin: 0 0; display: none; }
.treeview .hover { background: #aeaeae;  color: #000; cursor: pointer; }
.treeview li { background: url(../images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background: url(../images/function-map-1st-level-bg.png) repeat-x #185c8a;}
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px; background-repeat: no-repeat;}
.treeview li.lastExpandable { background-position: -32px -67px; background-repeat: no-repeat; }

/* .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; } */

.treeview-famfamfam li { background-image: url(../images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../images/treeview-famfamfam.png); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../images/file.gif) 0 0 no-repeat; }

li.mainFunction {
	background: url(../images/function-map-1st-level-bg.png) repeat-x top left #185c8a;
	border: 1px solid #9a9a9a;
	margin-bottom: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: 10px;
}
.mainLink {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}
/* for rules */
tr.rules th {
	padding: -2px 0 -2px 0;
	background: url(../images/rules-table-header.png) repeat-x top left #063657;
	color: #fff;
	text-shadow: none;
	font-size: 9px;
}
/* for rules (old one -- to be cleaned up ) 
.default .rules-table thead th, .default thead th.header {
	background: transparent;
	color: #fff;
	font-size: 10px;
	border: none;
	text-shadow: none;
	border-bottom: 1px solid #175885;
	padding: 0;
	
}
.default .rules-table thead th:last-child{
	color: #000;
	font-size: 10px;
	border: none;
	border-bottom: 1px solid #175885;
}
.default .rules-table thead th:first-child {
	color: #000;
	font-size: 10px;
	border: none;
	border-bottom: 1px solid #175885;
}

.default .formRules-edit td {
	padding: 0;
	border: 1px solid #063657; border-top: 0; border-bottom: 0; 
}
.default tr.formRules-edit.odd  {
	text-shadow: none;
	color: #000;
}
#componentTable tr.formRules-edit td {
	border-bottom: 2px solid #175885;
}
*/
tr.odd.highlight  {
	background: #FFF6BF;
}
tr.highlight {
	background: #FFF6BF;
}



td.product-code {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
.base-product {
	font-size: 13px; padding-top: 3px; font-weight: bold;
	font-family: Arial, Helvetica, sans-serif; padding-bottom: 5px;
}
#componentTable .rules-table th {
	padding: 2px 2px;
	}
.rules-name {
	margin-left: 40px;
}
#componentTable .rules-table tr td {
	border-top: 0;
	padding: 0px;
	font-size: 10px;
	border: none;
}
.default .formGuest-edit .rules-table td {
	border: 0;
	padding: 0;
}


.default .rules-table .formGuest-edit td:last-child {
	border-bottom:1px solid #333;
}





.split-sell {
	background: #ffc;
}
.inactive {
	color: #999;
}

/* pricing table */
.pricing td, .pricing th {
	padding: 0;
}
th span.day {
	 font-size: 9px; font-weight: normal; display: block;
}
table.occupancy-legend {
	font-size: 11px;
}
table.pricing tr {
	border-bottom: 3px solid #1b70ac;
}
table.pricing tr.component {
	border-bottom: 0;
}
#property-availability {
	color: #000;
	font-weight: bold;
}
a#property-availability  {
	color: #000;
	
}
a:hover#property-availability {
	text-decoration: none;
}
table.product-pricing td.odd {
	background: #dfeffb;
	border-bottom: 1px solid #fff;
	margin: 2px;
	padding: 4px;
}
td .collapse-row {
	float: left;
	background: url(../images/collapse-w.png) no-repeat;
	height: 10px;
	width: 20px;
}
td .expand-row {
	float: left;
	background: url(../images/expand-w.png) no-repeat;
	height: 20px;
	width: 20px;
}
th.rule-name {
	border-bottom: 1px solid #063657; font-size: 10px; 
}
tr.product-name {
	 background:#2B7FB8;
}
table.product-pricing td .occ {
	margin-left: 15px;
}

.product {
	font-size: 10px; color: #fff; font-weight: normal; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif; text-transform: none;
}
table.product-pricing td {
	border-bottom: 1px solid #dfeffb;
	margin: 2px;
	padding: 2px;
	font-size: 10px;
}
.product-pricing a.secondarybutton {
	text-decoration: none;
	border-bottom: 0;
}

.product-thumb {
	padding-bottom: 10px;
	margin-left: 5px;
}

table.product-pricing .product-code {
	padding: 4px;
	font-size: 12px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
/* added for availabilityControl */
table.avail-control tbody .property-name {
	padding: 4px;
	font-size: 11px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	
}
table.avail-control {
	border-bottom: 1px solid #1B70AC;
}
table.avail-control tbody .product-code {
	padding: 4px;
	font-size: 12px;
	font-weight: bold;
	
}
table.avail-control tbody .product-level {
	background: #d3cdc1;
}

.avail-control td.label{
	color:#666666;
	font-size:10px;
}
.product-code span.base-product {
	
	font-size: 12px;
	font-weight: bold;
}
.product-code span.base-product a{
	font-weight: bold;
}
.product-code span.product-component {
	margin-left: 20px;
	font-weight: normal;
}
tr.avail-view td {
	font-size: 10px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #1B70AC;
	
}
tr.avail-view td a {
	width: 
}


td.no-pickup {
	background: #abd079 url(../images/no-pickup.png) left top repeat-x;
}

td.no-avail {
	background: #FBE3E4 url(../images/not-avail.png) left top repeat-x;
	color: #8A1F11;
	text-shadow: none;
	border-bottom: 1px solid #d3cdc1;
	
}
.no-avail {
	color: #8A1F11;
	text-shadow: 1px 1px 1px #333;
}

.table-data tr .no-avail a {
	color: #8A1F11;
	
}
.table-data tr .product-component > a {
	margin: 5px 100% 5px 0;
}
.no-avail a:hover {
	text-decoration: none;
}
tr.header-row td:first-child {
	border-left: 1px solid #1B70AC;
}
.closed-icons {
	padding: 2px;
}
tr.header-row td {
	background: #7ba5c1;
	color: #fff;
	border-right: 1px solid #fff;
}
tr.header-row td.no-avail {
	background: #FBE3E4 none repeat scroll 0 0;
	color: #8A1F11;
	
}
.new-property {
	margin-top: 25px;
}
tr.avail-view.header-row, tr.avail-view.header-row .label {
	color: #fff;
	text-shadow: none;
	font-weight: normal;
}
tr.header-row .hover, tr .split-sale .hover {
	text-shadow: none;
}
tr.header-row td:last-child {
	border-right: 1px solid #1B70AC;
}

tr.header-row td.no-avail:last-child
{
	color: #8A1F11
}

/* 20110304 */
.avail-view.separator td{
	height: 20px;
}
.avail-cell {
	display: inline-block; padding: 4px; padding-right: 6px; 
	font-size: 9px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.avail-view.split-sale td{
	background: #063657 url(../images/rules-table-header.png) repeat-x scroll left top; color: #fff;
	border-right: 1px solid #fff;
}
.avail-cell a {
	color: #222;
	
}
.avail-cell a:hover {
	text-decoration: none;
}

.no-pickup {
	background: #abd079 url(../images/no-pickup.png) left top repeat-x;
	font-size: 9px;
}

.collapse-rules {
	font-size: 9px; text-transform: none; font-weight: normal; color: #666; text-shadow: none; float: right;;
}
table.period-pricing {
	background: #155581; -moz-border-radius: 3px;
}
table.period-pricing tr.pricing-label {
	color: #fff;
}
table.period-rates input{
	font-size: 10px;
}
tr.component {
	background: #e9f8e7;
}
.product-component {
	font-size: 11px;
	margin-left: 20px;
	font-weight: bold;
}
table.daily-price {
	margin: 0;
	padding: 0;
}
.daily-price tr {
	background:transparent none repeat scroll 0 0;
}
.daily-price table th, .daily-price td, .daily-price caption {
	padding: 0px 0px 0px 3px;
}
.daily-price td {
	text-align: left;
	font-size: 11px;
}
tr.price-header {
	background: #2b7fb8;
}
/* price view table */
tr.price-view td {
	font-size: 10px;
}
.price-view td.label, .product-pricing td.label{
	font-size: 10px;
	color: #666;
}
.price-view td.product-code {
	 border: 0; color: #fff;
	 font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
.avail-label {
	font-size: 12px;
	font-weight: bold;
}

th.date-header {
	width: 80px;
}
div.start-date {
	background: url(../images/bullet_green.png) no-repeat left; padding: 0 30px 0 5px;
}
div.end-date {
	background: url(../images/bullet_red.png) no-repeat left; padding: 0 30px 0 5px;
}
div.start-date span, div.end-date span {
	margin-left: 10px;
}

/* price view table dates column header */
.tableHeader {
	 text-align: center;  font-family: Arial, Helvetica, sans-serif;
	 background: #fadaa1;
	 border-radius: 3px;
	 -moz-border-radius: 3px;
	 -webkit-border-radius: 3px;
	 border: 1px solid #f2e9b0;
	 margin-left: -5px;
	 margin-right: 0;
}
.tableHeader .view-day {
	font-size: 14px; font-weight: bold;
	 background: #fdec6f;
}
.tableHeader .view-month {
	 font-size: 11px; text-transform: uppercase;
	 background: #f2e9b0;
}
.tableHeader .view-year {
	font-size: 12px;
	background: #fedfae;
}
span.occupancy {
	 display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #f5f5f5; font-size: 10px; padding: 3px; margin-bottom: 2px;
}




/* multiSelect */

a.multiSelect {
	background: #fff url(../images/dropdown.blue.png) right center no-repeat;
	border: solid 1px #bbb;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding-right: 20px;
	position: relative;
	cursor: default;
	text-decoration: none;
	color: black;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
}

a.multiSelect:link, a.multiSelect:visited, a.multiSelect:hover, a.multiSelect:active {
	color: black;
	text-decoration: none;
}

a.multiSelect span
{
	margin: 1px 0px 1px 3px;
	padding: 3px;
	font-size: 12px;
	overflow: hidden;
	display: -moz-inline-stack;
	display: inline-block;
	white-space: nowrap;
}

a.multiSelect.hover {
	background-image: url(../images/dropdown.blue.hover.png);
}

a.multiSelect.active, 
a.multiSelect.focus {
	border: inset 1px #000;
}

a.multiSelect.active {
	background-image: url(../images/dropdown.blue.active.png);
}

.multiSelectOptions {
	margin-top: -1px;
	overflow-y: auto;
	overflow-x: hidden;
	border: solid 1px #B2B2B2;
	background: #fff;
}

.multiSelectOptions LABEL {
	padding: 0px 2px;
	display: block;
	white-space: nowrap;
}

.multiSelectOptions LABEL.optGroup
{
	font-weight: bold;
}

.multiSelectOptions .optGroupContainer LABEL
{
	padding-left: 10px;
}

.multiSelectOptions.optGroupHasCheckboxes .optGroupContainer LABEL
{
	padding-left: 18px;
}

.multiSelectOptions input{
	vertical-align: middle;
}

.multiSelectOptions LABEL.checked {
	background-color: #dce5f8;
}

.multiSelectOptions LABEL.selectAll {
	border-bottom: dotted 1px #CCC;
}

.multiSelectOptions LABEL.hover {
	background-color: #3399ff;
	color: #000;
}
/* availability control multiselect */
.ui-multiselect-hasfilter ul { position:relative; top:2px }
.ui-multiselect-filter { float:left; margin-right:10px; font-size:11px }
.ui-multiselect-filter input { width:200px; font-size:11px; margin: 0px 0px 0px 5px !important; height:15px; padding:2px !important; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px !important; }

.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
/*.ui-multiselect-single input { position:absolute !important; top: auto !important; left:-9999px; } */
.ui-multiselect-single input { position:absolute !important; top: auto !important; }
.ui-multiselect-single input[type='radio'] { display:none }
.ui-multiselect-single label { padding:3px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px; margin-left: 0; margin-right: 0; }
.ui-multiselect-header ul { font-size:11px }
.ui-multiselect-header ul li { float:left; padding:0 0px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }


.ui-multiselect-menu { display:none; padding:0; position:absolute; z-index:10000; width: 450px; 
	background: #fcffe0; border: 1px solid #bbb; -moz-box-shadow: 5px 5px 5px #CCC; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc;
	margin: 0; min-width: 200px }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll; min-width: 200px; }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding: 0 0 6px 1px; }
.ui-multiselect-checkboxes label span { position: relative; display: inline-block; font-weight:normal !important; left:5px;width: 87%; top: 3px;}
.ui-multiselect-checkboxes label input { position:relative; top:0px;width: 8%;; float: left}
.ui-multiselect-checkboxes ul li { background: #f00;}
.ui-multiselect-checkboxes li { clear:both; font-size:11px; padding-right:3px; text-align: left; }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none; float: left; }
.ui-dialog.ui-multiselect-menu .ui-widget-content, .ui-dialog.ui-multiselect-menu.ui-widget-header{
	padding-left: 10px;
	padding-left: 0px;
	padding-right: -10px; margin-left: 10px;
}

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

.product-opt {
	margin-left: 5px;
}
.component-opt {
	margin-left: 20px;
}


/* fancybox */
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 30px;
	height: 30px;
	background: transparent url(../images/close.png) no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}
#processOrFailMsg, #errorMsg{
	overflow:auto;
	overflow-x:hidden;
	border:1px solid #D7D7D7; 
	height:250px;
	white-space: pre-wrap;      /* CSS3 */       
	white-space: -moz-pre-wrap; /* Firefox */        
	white-space: -pre-wrap;     /* Opera <7 */       
	white-space: -o-pre-wrap;   /* Opera 7 */        
	word-wrap: break-word;
	padding:2px
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../images/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../images/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../images/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../images/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

/* modified select */
select.tab-select {
	display: block;
	opacity: 0.0;
	position: absolute;
	z-index: 2;
}

.selectbox {
	float: left;
	margin: -6px 0 0 6px !important;
}

.selectbox .text {
	float: left;
	font-size: 11px;
	color: #414141;
	text-shadow: 0 1px 2px #fff;
	margin: 0;
	padding-right: 26px;
	height: 27px;
	overflow: hidden;
	background: transparent url(../images/dd-select.png) no-repeat right -27px;
}

.selectbox .text span {
	float: left;
	margin: 0;
	height: 29px;
	padding: 6px 0 0 10px;
	background: transparent url(../images/dd-select.png) no-repeat left top;
}
.profile-controls span.label {
	float: left;  margin-right: 5px;
	width: auto;
}
/* activate/deactive switch */
	.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(../images/switch.gif) repeat-x; display: block; float: left; }
    .cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
    .cb-enable span { background-position: left -90px; padding: 0 10px; }
    .cb-disable span { background-position: right -180px;padding: 0 10px; }
    .cb-disable.selected { background-position: 0 -30px; }
    .cb-disable.selected span { background-position: right -210px; color: #fff; text-shadow: 1px 0 #333; }
    .cb-enable.selected { background-position: 0 -60px; }
    .cb-enable.selected span { background-position: left -150px; color: #fff;text-shadow: 1px 0 #333; }
    .switch label { cursor: pointer; }
    .switch input { display: none; }

/* console row coloring */
.process, .table-data tr.process a { color: green; }
.collected, .table-data tr.collected a { color: blue; }	
.fail, .table-data tr.fail a { color: red; }
.table-data tr.new a, .table-data tr.process a, .table-data tr.collected a, .table-data tr.fail a { text-decoration: underline; }	

/* blockUI styling */
/* blockUI styling */
div.blockMsg {
    width:  40%;
    top:    20%;
    left:   30%;
    text-align: center;
   	background: url(../images/loading-big.gif) no-repeat center;
    padding: 15px;
    height: 120px;
}
div.blockOverlay {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); 
    -moz-opacity:.10;
    opacity:.10;    
}

#uncategorised div, .catphotos div{
	float:left; 
	margin:5px;	
}

.photos{
	float:left;
	margin:5px;
	padding:3px;
	cursor:move;
	display:block;
}

.galleryphotos{
	float:left;
	margin:5px;
	padding:3px;
	cursor:move;
	display:block;
	position:relative;
}

#uncategorised .ui-selected{
	background-color:#F00
}

/* // accord
.categories{
	height:100%;
	padding:10px;
	margin:0px
}

.categories p{
    margin: -5px -25px;
}

.categories h3{
    position:static	
}

.catphotos{
	height:120px;
	display:table;
	width:840px; 
	margin:-5px -20px;
}

.catcontrol{
	float:right; 
	margin-right:-15px;
}

.catphotocount{
	float:right; 
	padding:10px 10px 0px 0px
}

.fixed-uncategorised-pos{
	position:fixed;
	top:0px;
	margin-top:10px
}

.photoholder{
	position:static;
	height:auto;
	padding-top:10px
}*/

.fixed-uncategorised-pos{
	position:fixed;
	top:0px;
	margin-top:10px;
	width:430px !important;
}

.categories{
	height:100%;
	padding:10px;
	margin:0px
}

.categories h3{
    position:static	
}

.catphotos{
	height:120px;
	display:table;
	width:600px; 
	margin:-5px -20px;
}

.catcontrol{
	float:right; 
	margin:8px 5px;
}

.catphotocount{
	float: none;
    font-size: 12px;
    font-weight: bold;
    padding: 13px 0px 0px 0px;
	margin-left:10px
}

.photoholder{
	height: auto;
    margin-top: -18px;
    padding: 10px 30px;
	background-color:#EFEFEF;
	display:none
}

.deletephoto{
	background-color: #FF99CC;
    border: 1px solid red;
    margin-left: 73px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 15px;
	display:none;
}

.categories li{
	list-style:none;
	border:1px solid #999;
	padding:0px;
	margin-bottom:10px;
	background-color:#EFEFEF;
}


.sortheader{
	background-color:#C8D5F2;
	border-top:	1px solid #FFF;
	border-left: 1px solid #FFF;
	padding-left:10px;
	border-bottom:	1px solid #999;
	cursor:pointer
}

.sort-dragged{
	background-color:#446282 !important;
	color:#FFF
}

.open{
	border-top:1px solid #FFF
}

.gallery-label {
	color: white; 
	bottom: 8px; 
	position: absolute; 
	left: 4px;
	background-color:black;	
	text-align:center;
	width:93%;
}

#poperty-logo{
	float:left;
	height: 167px;
	width: 240px;
	margin-top: -113px;	
}

/* --- start error page --- */
.error-msg{
	border: 1px solid #C00;
	width: 50%;
	margin: 100px auto;
	background-color:#FFE1EE;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Tahoma, verdana, Helvetica, sans-serif
}

.error-msg h3{
	font-size: 15px;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #C00;
	border-top:1px solid #FFF;
	padding:10px;
	background:url(../images/error-bg.png)
}

.error-msg h3 img{
	float:left;
	margin-right:5px; 
	margin-top:1px;
	width:16px;
	height:16px
}

.error-msg p{
	padding:10px;
	width:97%;
	margin:0px
}

.error-msg ul li{
	width:100%;
	padding:5px
}
/* --- end error page ---*/

.currency-symbol{
	background:url(../images/cx.png) 0px 0px no-repeat;
	padding:0px 10px 0px 10px;
	margin-right:5px
}
.bnm {
	background-position:0px 0px
}

.webx {
	background-position:0px -19px
}

.google{
	background-position:0px -58px
}

.yahoo{
	background-position:0px -39px
}

.home-currency{
	background:url(../images/home.gif) 0px 0px no-repeat;
	padding:0px 10px 0px 10px;
	margin-right:5px
}


tr.inline-editable td span.field-display
{
	display: block;
}

tr.inline-editable td input
{
	display: none;
}

tr.inline-editable td select
{
	display: none;
}

tr.inline-editable.edit td span.field-display
{
	display: none;
}

tr.inline-editable.edit td input
{
	display: block;
}

tr.inline-editable.edit td select
{
	display: block;
}

tr.inline-editable td span.edit-controls
{
	display: none;
}

tr.inline-editable.edit td span.edit-controls
{
	display: block;
}

tr.inline-editable td span.controls
{
	display: block;
}

tr.inline-editable.edit td span.controls
{
	display: none;
}

tr.inline-editable td.uneditable span.field-display
{
	display: block;
}

.stayPeriod {
	background-color: red;
}

.resvPeriod {
	background-color: yellow;
}

.maxStayLabel {
	color: red;
}

td .collapse-row {
	float: left;
	background: url(../images/collapse-w.png) no-repeat;
	height: 10px;
	width: 20px;
}
td .expand-row {
	float: left;
	background: url(../images/expand-w.png) no-repeat;
	height: 20px;
	width: 20px;
}

a.collapsable
{
	text-decoration: none;
}

a.collapsable .icon {
	display: inline-block;
	width:16px;
	height:16px;
	background: url(../images/collapse-w.png) no-repeat;
}

a.expandable {
	text-decoration: none;
}

a.expandable .icon {
	display: inline-block;
	width:16px;
	height:16px;
	background: url(../images/expand-w.png) no-repeat;
}

th.rule-name {
	border-bottom: 1px solid #063657; font-size: 10px; 
}

tr.product-name {
	 background:#2B7FB8;
}

ul.thirdPartyNumbers
{
	list-style-type: none; 
	margin-left: 0px; 
	padding-left: 0px;
}

ul.thirdPartyNumbers li.RPH
{
	display: none;
}

/** mini-button icons **/
.icon{
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(../images/minibutton_icons.png) 0 0 no-repeat;
}

p .icon{
	margin-top: -4px;
	margin-right: 4px;
}

.icon-warn{
	background-position: -1150px -25px;
}

.advBtnExpand {
 	color : #000 !important;
}

.advBtnCollapse {
   color : #009 !important;	
}

.default tr.table-search input[type=text] {
  height: 17px;
}