.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(/images/page-loader.gif) 50% 50% no-repeat rgb(249,249,249);
}

h1 {
	font-size: 24px !important;
	margin: 0px;
}

.box .header h3 {
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  text-shadow: none;
}


.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	margin-left: 0px !important;
	margin-right: 0px !important;	
}

#header_toolbar {
	/* The black toolbar gradient :) */
	background: #313131; /* Old browsers */
	/* background: -moz-linear-gradient(top,  #313131 0%, #101010 100%); */ /* FF3.6+ */
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(100%,#101010)); */ /* Chrome,Safari4+ */
	/* background: -webkit-linear-gradient(top,  #313131 0%,#101010 100%); */ /* Chrome10+,Safari5.1+ */
	/* background: -o-linear-gradient(top,  #313131 0%,#101010 100%); */ /* Opera 11.10+ */
	/* background: -ms-linear-gradient(top,  #313131 0%,#101010 100%); */ /* IE10+ */
	/* background: linear-gradient(top,  #313131 0%,#101010 100%); */ /* W3C */
	
	background: -moz-linear-gradient(top,  #000 0%, #626262 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(100%,#101010)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #313131 0%,#101010 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #313131 0%,#101010 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #313131 0%,#101010 100%); /* IE10+ */
	background: linear-gradient(top,  #313131 0%,#101010 100%); /* W3C */
}

#main_content 
{
    padding: 20px 0 20px 0 !important;
}

.box .actions-left{
    text-align:left !important;
	/*width: 50% !important;*/
}

.box .actions-right 
{
    text-align:right !important;
	/*width: 40% !important;*/
}

.dg-button-left-base {
	float: left;
	width: 56% !important;
	margin: 5px 2% 5px 2%;
}

.dg-button-right-base {
	float: right;
	text-align: right;
	width: 36% !important;
	margin: 5px 2% 5px 2%;
}

input 
{
    display: inline !important;
}

input, textarea
{
    width:auto;
}

input[type="myTime"]
{
    width:30px;
}

.inline
{
    display:inline !important;
}

.inline-block 
{
    display:inline-block !important;
}

p.inline-button-base 
{
    margin:10px 5px 5px 10px;
    padding:0px;
    position:relative;
}

input.inline-button
{
    margin:5px 0 0 0 !important;
    padding:5px 10px 5px 10px;
    position:absolute;
}

.regen-button
{
	left:270px !important;
}

.width-2-percent 
{
    width:2% !important;
}

.width-5-percent 
{
    width:5% !important;
}

.width-10-percent 
{
    width:10% !important;
}

.width-16-percent 
{
    width:16.66% !important;
}

.width-20-percent 
{
    width:20% !important;
}

.width-25-percent 
{
    width:25% !important;
}

.width-32-percent 
{
    width:32% !important;
}

.width-33-percent 
{
    width:33% !important;
}

.width-40-percent 
{
    width:40% !important;
}

.width-45-percent 
{
    width:45% !important;
}

.width-49-percent 
{
    width:49% !important;
}

.width-50-percent 
{
    width:50% !important;
}

.width-60-percent 
{
    width:60% !important;
}

.width-97-percent 
{
    width:97% !important;
}

.width-100-percent 
{
    width:100% !important;
}


.width-50 
{
    width:50px !important;
}

.width-70 
{
    width:70px !important;
}

.width-100 
{
    width:100px !important;
}

.width-150
{
    width:150px !important;
}

.width-200
{
    width:200px !important;
}

.width-250
{
    width:250px !important;
}

.width-270
{
    width:270px !important;
}

.width-280
{
    width:260px !important;
}

.width-300
{
    width:300px !important;
}

.width-350
{
    width:350px !important;
}

.width-400
{
    width:400px !important;
}

.width-450
{
    width:450px !important;
}

.width-500
{
    width:500px !important;
}

.width-550
{
    width:550px !important;
}

.width-600
{
    width:600px !important;
}

.width-650
{
    width: 650px;
}

.width-850
{
    width:850px !important;
}

.height-35
{
    height:35px;
}

.height-100 
{
    height:100px;
}

.height-200 
{
    height:200px;
}

.height-300{
	height: 300px;
}

.padding-20 {
	padding: 20px !important;
}

.padding-5 {
	padding: 5px !important;
}

.content-textarea{
	width: 600px;
	height: 400px;
}


.left-button, .right-button
{
    /*width: auto !important;*/
}

.left-button
{
    margin: 0 5px 0 0 !important;
}

.right-button
{
    margin: 0 0 0 5px !important;
}

.button, input[type="submit"], input[type="reset"], a.button 
{
	padding: 5px 10px !important;
	height: auto  !important;
	line-height: 15px !important;
}



.button:hover {
    background: url("../img/sprites/buttons/active/bg.png") repeat scroll 0 0 transparent;
    color:#fff;
}

.chzn-container 
{
    display:inline-block !important;
}

th.multiple-selection-column, td.multiple-cell
{
    width:20px !important;
    text-align:center !important;
}

td.notavailable 
{
    color: red !important;
}

td.lunch
{
    color: green !important;
}

td.allocated
{
    color: dodgerblue !important;
}

frm_working_calendar th.calendar-day-column, frm_working_calendar table td 
{
	/*width: 200px !important;*/
}

.text-right
{
	text-align:right;
}

.myerror-box
{
	margin:0 0 0 0 !important; 
}

td.right 
{
	text-align: right !important;
}

label.required:after
{
    content: " *";
    color:Red;
}

#nav_main > li.current > a, #nav_main > li.current > ul li.current a 
{
	font-weight: bold;
}

#nav_main > li.current > ul li.current a {
	background-color: #000;
	color: Orange;
	font-weight: normal;
	text-shadow: none;
	padding: 5px 10px 5px 10px;
}

#nav_main > li > ul li a:hover
{
	text-decoration: underline;
	color: #000;
}

.red {
	color: red;
}

h1.footer{
	padding: 0px;
	margin: 0px;
}

.special_page .wrapper {
	top: 290px;
}

.special_page .alert.error {
	width:350px !important;
}

/** Menu ====================================================================== */
.menu-base 
{
    padding: 10px 0 0 20px;
    height: 30px;
}

ul.menu 
{
    display: inline;
    z-index:9999999;
    list-style: none;
	float: right;
	padding: 0px;
	margin: 0px;
	
}

ul.menu li
{
    display: inline-block;
    margin: 0px;
    padding: 0px;
    position:relative;
}

ul.menu li a
{
    color: #b3b3b3;
    padding: 0px 20px 10px 20px;
    font-size: 14px;
    display: block;
    text-decoration: none;
}

ul.menu li a:hover, ul.menu li.active 
{
    color: #fff;
    text-decoration: none;
}


/* Sub navi => drop down ===================================================== */
.top-navi .top-menu li
{
    z-index:9999999;
}

ul.menu li ul.sub-menu
{
	list-style: none;
	margin: 0; 
	padding: 0px 5px 0 0;
	float: left;
	position:absolute;
	top:30px;
	display: none;
	border-radius: 0 0 4px 4px;
    background: url(../images/sub-navi-bk.png);
    z-index:9999999;
}

ul.menu ul.sub-menu li
{
	width: 100%; /*--Override parent list item--*/
	color: #fff;
	background-color: #000;
	float:left;
	padding: 5px 10px 0px 5px;
	margin: 0px;
	height:auto;
	text-align:left;
	border-top: dotted 1px #666666;
    z-index:9999999;
}

ul.menu ul.sub-menu
{
    border: solid 1px #c3c3c3;
    background-color: #000;
}

ul.menu ul.sub-menu li a
{
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	display: block;
	text-decoration: none;
	text-transform:none;
	font-weight:normal;
	background: none;
	text-align:left;
	line-height:18px;
	font-size:14px;
	padding: 5px 20px 5px 20px;
}

ul.menu ul.sub-menu li a:hover 
{
    color: #fff;
}

/* tree view ================================================================== */
.tree-view-base 
{
    height: 100%;
    
}

.height-100-percent
{
    height: 100%;
}

.tree-content-base 
{
    
}

/** Forms ===================================================================== */
form .section > label, form .section > .label {
	margin-top: 8px;
}

form p {
	margin-top: 8px;
	margin-bottom: 8px;
}

form input, form textarea {
	margin-top: 3px;
	margin-bottom: 3px;
}

/** Tree view - Unit configurations =========================================== */
.unit-configuration-tree li
{
    padding-bottom: 10px;
}

.unit-configuration-tree a
{
    padding: 3px 5px 3px 5px;
}

.unit-configuration-tree span.selected a
{
    background-color: #e3e3e3;
}

.unit-configuration-tree span.buildings {
    background: url("../images/home-2.png") no-repeat scroll 0 0 transparent;
    /** background: url("../images/apartment-building.png") no-repeat scroll 0 0 transparent; **/
    padding: 1px 0 1px 26px;
}

.unit-configuration-tree span.floors {
    background: url("../images/list.png") no-repeat scroll 0 0 transparent;
    padding: 1px 0 1px 26px;
}

.unit-configuration-tree span.units {
    background: url("../images/blocks.png") no-repeat scroll 0 0 transparent;
    padding: 1px 0 1px 26px;
}

.unit-configuration-tree span.meters {
    background: url("../images/timer.png") no-repeat scroll 0 0 transparent;
    padding: 1px 0 1px 26px;
}

.tenant-configuration-tree span.tenants {
    background: url("../images/users.png") no-repeat scroll 0 0 transparent;
    padding: 1px 0 1px 26px;
}

.tenant-configuration-tree span.tenant {
    background: url("../images/user.png") no-repeat scroll 0 0 transparent;
    padding: 1px 0 1px 26px;
}

.tenant-configuration-tree span.agreement {
    background: url("../images/document.png") no-repeat scroll 0 0 transparent;
    padding: 1px 0 1px 26px;
}

.floor-plan-edit-base
{
	padding: 20px 0 0 0;
	display: block;
}

.download-file-link{
	text-decoration: underline;
	color: blue;
}

.agreement-left-base, .agreement-right-base {
	float: left;
	width: 300px;
}

.agreement-form-row{
	display: block;
	clear: both;
	height: auto;
}

.form-row{
	display: block;
	clear: both;
	height: auto;
}

.form-left-base, .form-right-base {
	float: left;
	width: 450px !important;
}

.ui-widget-overlay{
	opacity: 0.7;
	background-image: none;
	background-color: #000;
}

h2.center 
{
    text-align: center;
}

table#tbl_bill_detail {
    border: 1px solid #C3C3C3;
}

table#tbl_bill_detail thead 
{
    border-top: 1px solid #C3C3C3;
}

td.cell-right 
{
    text-align: right !important;
}

.ui-tabs {
	min-height: 900px;
}

.assessment-tabs{
	min-height: 1700px;
}

/**
 * Website related
 */
.top-banner-image, .footer-banner-image {
    border: 1px solid #545454;
    -webkit-box-shadow: #787878 0px 0px 8px;
    -moz-box-shadow: #787878 0px 0px 8px;
    box-shadow: #787878 0px 0px 8px;
	margin-left: 0px;
	width: 380px;
	height: 90px;
}

.left-banner-image {
    width:115px;
    height:103px;
    margin-bottom:10px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    -webkit-box-shadow: #787878 0px 0px 8px;
    -moz-box-shadow: #787878 0px 0px 8px;
    box-shadow: #787878 0px 0px 8px;	
}

#tbl_item_receive_detail td:nth-child(3),
#tbl_item_receive_detail td:nth-child(6)
{
	text-align: right;
}

#tbl_item_issue_detail td:nth-child(5),
#tbl_item_issue_detail td:nth-child(6),
#tbl_item_issue_detail td:nth-child(7)
{
	text-align: right;
}

#tbl_item_receives_report td:nth-child(5),
#tbl_item_receives_report td:nth-child(6),
#tbl_item_receives_report td:nth-child(7)
{
	text-align: right;
}


#tbl_item_issues_report td:nth-child(6) {
	text-align: right;
}

#tbl_stock_book td:nth-child(4) {
	text-align: right;
}

p.error-message {
	/*
	background-color: red !important;
	color: #fff !important;
	*/
	background: #f2aeae url("/img/sprites/alertboxes/bg-error.png") repeat-x scroll 0 0 !important;
	border-color: #cb5959 !important;
	color: #000 !important;
	margin: 0px !important;
	padding: 10px !important;
}

p#file_upload_error_display {
	color: red !important;
	font-weight: bold;
}

.silver-shade {
	background-color: #2b76c2 !important;
    background: -webkit-linear-gradient(#e3e3e3, #f3f3f3) !important; 		/* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e3e3e3, #f3f3f3) !important; 			/* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e3e3e3, #f3f3f3) !important; 		/* For Firefox 3.6 to 15 */
	background: linear-gradient(#e3e3e3, #f3f3f3) !important; 				/* Standard syntax */
}


.link-box, .property-link-box 
{
	float: left;
	margin: 40px 20px 0px 30px;
	padding: 20px 30px;
	width: 100px;
	text-align: center;
	border: 1px solid #666;

	font-size: 18px;
	color: #000;
	font-weight: bold;
	
    -webkit-box-shadow: #c3c3c3 10px 10px 5px;
    -moz-box-shadow: #c3c3c3 10px 10px 5px;
    box-shadow: #c3c3c3 10px 10px 5px;
	
}

.link-box:hover, .property-link-box:hover
{
	text-decoration: underline;
}

.property-link-box {
	height: 50px;
}

#tabs {
	display: none;
}

.property-image-base img {
	width: 95%;
}

.item-cell input {
	margin-top: 0px;
	margin-bottom: 0px;
}

input[type="text"]:disabled {
    background: #dddddd;
}

.superscript {
	font-style: superscript;
}

#tbl_district_division_gnd_summary td:nth-child(1),
#tbl_district_division_gnd_summary td:nth-child(3),
#tbl_district_division_gnd_summary td:nth-child(4),
#tbl_district_division_gnd_summary td:nth-child(5)
{
	text-align: right;

}
 

#tbl_national_summary td:nth-child(5),
#tbl_national_summary td:nth-child(6),
#tbl_national_summary td:nth-child(7),
#tbl_national_summary td:nth-child(8),
#tbl_national_summary td:nth-child(9)
{
	text-align: right;

}

#tbl_national_summary td:nth-child(2) {
	width: 120px;
}

#tbl_national_summary td:nth-child(3) {
	width: 100px;
}

#tbl_national_summary td:nth-child(4) {
	width: 100px;
}

#tbl_national_summary td:nth-child(6),
#tbl_national_summary td:nth-child(7),
#tbl_national_summary td:nth-child(8),
#tbl_national_summary td:nth-child(9)
{
	width: 100px;
}

.bottom-logo-base {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.bottom-logo {
	text-align: center;
	width: 100%;
	font-size: 14px;
}
/*
.bottom-logo .left img,
.bottom-logo .left span
{
	float: left;
}
*/
.bottom-logo .left {
	width: 50%;
	float: right;
	padding-bottom: 50px;
}

.bottom-logo .right {
	width: 50%;
	float: left;
	padding-bottom: 50px;
} 

.font-size-16 {
	font-size: 16px;
}


/* buttons ==================================================================== */
table.button-table{
	margin-left: 20px;
	margin-top: 50px;
}

.button-table tr td {
	font-size: 14px;
	padding-top: 20px;
	padding-bottom: 40px;
}

.large {
	height: 40px !important;
}

.green, .red, .cyan, .gold {
	margin-right: 5px;
	box-shadow: 0 0 5px #777877;
}

.cyan {
	color:#fff;
	border: 1px solid #017492;
	background: #017795;
	background: -webkit-gradient(linear, left top, left bottom, from(#01a8c3), to(#017795));
	background: -moz-linear-gradient(top,  #01a8c3,  #017795);
  	background: -o-linear-gradient(rgb(1,168,195),rgb(1,119,149));
}

.ie7 .cyan {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01a8c3', endColorstr='#017795');}
.ie8 .cyan {-pie-background: linear-gradient(rgb(1, 168, 195), rgb(1, 119, 149));}

.cyan:hover {
	background: #01a8c3;
	background: -webkit-gradient(linear, left top, left bottom, from(#017795), to(#01a8c3));
	background: -moz-linear-gradient(top,  #017795,  #01a8c3);
  	background: -o-linear-gradient(rgb(1,119,149),rgb(1,168,195));
}

.ie7 .cyan:hover {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#017795', endColorstr='#01a8c3');}
.ie8 .cyan:hover {-pie-background: linear-gradient(rgb(1, 119, 149), rgb(1, 168, 195));}

.gold {
	color:#fff;
	border: 1px solid #017492;
	background: #eece51;
	background: linear-gradient(#f0d15b, #b08f3b) repeat scroll 0 0;
}

.gold:hover {
	background: #9c7c33;
	background: linear-gradient(#b08f3b, #f0d15b) repeat scroll 0 0;
}

.blue {
	color:#6477b3 !important;
	border: 1px solid #bfc9ef;
	background: #d1d7ed;
	background: -webkit-gradient(linear, left top, left bottom, from(#e6e9f5), to(#d1d7ed));
	background: -moz-linear-gradient(top,  #e6e9f5,  #d1d7ed);
  	background: -o-linear-gradient(rgb(230,233,245),rgb(209,215,237));
}

.ie7 .blue {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e9f5', endColorstr='#d1d7ed');}
.ie8 .blue {-pie-background: linear-gradient(rgb(230,233,245),rgb(209,215,237));}

.blue:hover {
	background: #e6e9f5;
	background: -webkit-gradient(linear, left top, left bottom, from(#d1d7ed), to(#e6e9f5));
	background: -moz-linear-gradient(top,  #d1d7ed,  #e6e9f5);
  	background: -o-linear-gradient(rgb(209,215,237),rgb(230,233,245));
}

.ie7 .blue:hover {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d7ed', endColorstr='#e6e9f5');}
.ie8 .blue:hover {-pie-background: linear-gradient(rgb(209,215,237),rgb(230,233,245));	}

.green {
	color:#fff;
	border: 1px solid #5b8100;
	background: #689302;
	background: -webkit-gradient(linear, left top, left bottom, from(#86b702), to(#689302));
	background: -moz-linear-gradient(top,  #86b702,  #689302);
  	background: -o-linear-gradient(rgb(134,183,2),rgb(104,147,2));
}

.ie7 .green {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86b702', endColorstr='#689302');}
.ie8 .green {-pie-background: linear-gradient(rgb(134,183,2),rgb(104,147,2));}

.green:hover {
	background: #86b702;
	background: -webkit-gradient(linear, left top, left bottom, from(#689302), to(#86b702));
	background: -moz-linear-gradient(top,  #689302,  #86b702);
  	background: -o-linear-gradient(rgb(104,147,2),rgb(134,183,2));
}

.ie7 .green:hover {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#689302', endColorstr='#86b702');}
.ie8 .green:hover {-pie-background: linear-gradient(rgb(104,147,2),rgb(134,183,2));	}

.vinous {
	color:#fff;
	border: 1px solid #642d30;
	background: #672e31;
	background: -webkit-gradient(linear, left top, left bottom, from(#914146), to(#672e31));
	background: -moz-linear-gradient(top,  #914146,  #672e31);
  	background: -o-linear-gradient(rgb(145,65,70),rgb(103,46,49));
}

.ie7 .vinous {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#914146', endColorstr='#672e31');}
.ie8 .vinous {-pie-background: linear-gradient(rgb(145,65,70),rgb(103,46,49));	}

.vinous:hover {
	background: #914146;
	background: -webkit-gradient(linear, left top, left bottom, from(#672e31), to(#914146));
	background: -moz-linear-gradient(top,  #672e31,  #914146);
  	background: -o-linear-gradient(rgb(103,46,49),rgb(145,65,70));
}

.ie7 .vinous:hover {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#672e31', endColorstr='#914146');}
.ie8 .vinous:hover {-pie-background: linear-gradient(rgb(103,46,49),rgb(145,65,70));}

.red {
	color:#fff;
	border: 1px solid #a3042c;
	background: #a6042d;
	background: -webkit-gradient(linear, left top, left bottom, from(#cc0640), to(#a6042d));
	background: -moz-linear-gradient(top,  #cc0640,  #a6042d);
  	background: -o-linear-gradient(rgb(204,6,64),rgb(166,4,45));
}

.ie7 .red {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0640', endColorstr='#a6042d');}
.ie8 .red {-pie-background: linear-gradient(rgb(204,6,64),rgb(166,4,45));	}

.red:hover {
	background: #cc0640;
	background: -webkit-gradient(linear, left top, left bottom, from(#a6042d), to(#cc0640));
	background: -moz-linear-gradient(top,  #a6042d,  #cc0640);
  	background: -o-linear-gradient(rgb(166,4,45),rgb(204,6,64));
}

.ie7 .red:hover {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6042d', endColorstr='#cc0640');}
.ie8 .red:hover {-pie-background: linear-gradient(rgb(166,4,45),rgb(204,6,64));}

.orange {
	color:#fff;
	border: 1px solid #f28c4e;
	background: #f28c4e;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8c071), to(#f28c4e));
	background: -moz-linear-gradient(top,  #f8c071,  #f28c4e);
  	background: -o-linear-gradient(rgb(248,192,113),rgb(242,140,78));
}

.ie7 .orange {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8c071', endColorstr='#f28c4e');}
.ie8 .orange {-pie-background: linear-gradient(rgb(248,192,113),rgb(242,140,78));	}

.orange:hover {
	background: #f8c071;
	background: -webkit-gradient(linear, left top, left bottom, from(#f28c4e), to(#f8c071));
	background: -moz-linear-gradient(top,  #f28c4e,  #f8c071);
  	background: -o-linear-gradient(rgb(242,140,78),rgb(248,192,113));
}

.ie7 .orange:hover {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f28c4e', endColorstr='#f8c071');}
.ie8 .orange:hover {-pie-background: linear-gradient(rgb(242,140,78),rgb(248,192,113));}

.dark_gray {
	color:#fff;
	border: 1px solid #6e6c79;
	background: #716f7c;
	background: -webkit-gradient(linear, left top, left bottom, from(#8c899a), to(#716f7c));
	background: -moz-linear-gradient(top,  #8c899a,  #716f7c);
  	background: -o-linear-gradient(rgb(140,137,154),rgb(113,111,124));
}

.ie7 .dark_gray {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c899a', endColorstr='#716f7c');}
.ie8 .dark_gray {-pie-background: linear-gradient(rgb(140,137,154),rgb(113,111,124));}

.dark_gray:hover {
	background: #8c899a;
	background: -webkit-gradient(linear, left top, left bottom, from(#716f7c), to(#8c899a));
	background: -moz-linear-gradient(top,  #716f7c,  #8c899a);
  	background: -o-linear-gradient(rgb(113,111,124),rgb(140,137,154));
}

.ie7 .dark_gray:hover {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#716f7c', endColorstr='#8c899a');}
.ie8 .dark_gray:hover {-pie-background: linear-gradient(rgb(113,111,124),rgb(140,137,154));	}

.violet  {
	color:#fff;
	border: 1px solid #bc8ac5;
	background: #bc8ac5;
	background: -webkit-gradient(linear, left top, left bottom, from(#d9bdde), to(#bc8ac5));
	background: -moz-linear-gradient(top,  #d9bdde,  #bc8ac5);
  	background: -o-linear-gradient(rgb(217,189,222),rgb(188,138,197));
}

.ie7 .violet {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9bdde', endColorstr='#bc8ac5');}
.ie8 .violet {-pie-background: linear-gradient(rgb(217,189,222),rgb(188,138,197));}

.violet:hover  {
	background: #d9bdde;
	background: -webkit-gradient(linear, left top, left bottom, from(#bc8ac5), to(#d9bdde));
	background: -moz-linear-gradient(top,  #bc8ac5,  #d9bdde);
  	background: -o-linear-gradient(rgb(188,138,197),rgb(217,189,222));
}

.ie7 .violet:hover {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc8ac5', endColorstr='#d9bdde');}
.ie8 .violet:hover {-pie-background: linear-gradient(rgb(188,138,197),rgb(217,189,222));}

.dark_violet  {
	color:#fff;
	border: 1px solid #523788;
	background: #54398b;
	background: -webkit-gradient(linear, left top, left bottom, from(#7750be), to(#54398b));
	background: -moz-linear-gradient(top,  #7750be,  #54398b);
  	background: -o-linear-gradient(rgb(119,80,190),rgb(84,57,139));
}

.ie7 .dark_violet {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7750be', endColorstr='#54398b');}
.ie8 .dark_violet {-pie-background: linear-gradient(rgb(119,80,190),rgb(84,57,139));}

.dark_violet:hover  {
	background: #7750be;
	background: -webkit-gradient(linear, left top, left bottom, from(#54398b), to(#7750be));
	background: -moz-linear-gradient(top,  #54398b,  #7750be);
  	background: -o-linear-gradient(rgb(84,57,139),rgb(119,80,190));
}

.ie7 .dark_violet:hover {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54398b', endColorstr='#7750be');}
.ie8 .dark_violet:hover {-pie-background: linear-gradient(rgb(84,57,139),rgb(119,80,190));	}

.black {
	color: #fff;
	border: 1px solid #111113;
	background: #1d1d20;
	background: -webkit-gradient(linear, left top, left bottom, from(#494950), to(#1d1d20));
	background: -moz-linear-gradient(top,  #494950,  #1d1d20);
  	background: -o-linear-gradient(rgb(73,73,80),rgb(29,29,32));
}

.ie7 .black {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494950', endColorstr='#1d1d20');}
.ie8 .black {-pie-background: linear-gradient(rgb(73,73,80),rgb(29,29,32));}

.black:hover {
	background: #494950;
	background: -webkit-gradient(linear, left top, left bottom, from(#1d1d20), to(#494950));
	background: -moz-linear-gradient(top,  #1d1d20,  #494950);
  	background: -o-linear-gradient(rgb(29,29,32),rgb(73,73,80));
}

.ie7 .black:hover {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d1d20', endColorstr='#494950');}
.ie8 .black:hover {-pie-background: linear-gradient(rgb(29,29,32),rgb(73,73,80));}

.gray {
	color: #000 !important;
	border: 1px solid #b7b6b6;
	background: #e0e0e0;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
	background: -moz-linear-gradient(top,  #fff,  #e0e0e0);
  	background: -o-linear-gradient(rgb(255,255,255),rgb(224,224,224));
}

.ie7 .gray {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0');}
.ie8 .gray {-pie-background: linear-gradient(rgb(255,255,255),rgb(224,224,224));}

.gray:hover {
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#fff));
	background: -moz-linear-gradient(top,  #e0e0e0,  #fff);
  	background: -o-linear-gradient(rgb(224,224,224),rgb(255,255,255));
}

.ie7 .gray:hover {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#ffffff');}
.ie8 .gray:hover {-pie-background: linear-gradient(rgb(224,224,224),rgb(255,255,255));}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear-both {
	clear: both;
}

.margin-top-8 {
	margin-top: 8px;
}

.letter-link-base {
	padding-top: 16px;
	font-size: 16px;
	letter-spacing: 0px;
}

.letter-link-base a {
	color: blue;
	text-decoration: underline;
}

.container_12 {
	width: 1200px !important;
}

.toolcaption {
	padding: 0 10px;
}

.toolmenu .toolcaption a {
	color: #c3c3c3;
}

.base-page {
}

.base-page .left{
	background-color: red;
}

.base-page .right{
	background-color: green;
}

.dashboard h3 {
	margin-top: 0px;
	padding-top: 0px;
}

.dashboard a h3:hover {
	color: red;
	text-decoration: underline;
}

.dashboard p {
	padding-bottom: 20px;
}

.underline-bold-red-text {
	text-decoration: underline;
	font-weight: bold;
}

.underline-bold-red-text:hover {
	color: red !important;
}

._50 {
	margin-left: 1% !important;
	margin-right: 1% !important;

}

.datagrid-title {
	font-size: 18px;
	color: red;
	padding: 0px;
	margin: 0px;
}


.disabled {
	background-color: silver !important;
	color: silver; !important;
}

.user-dashboad-base {
	width: 400px !important;
	margin-right: 20px;
	float: left;
}

.float-base {
	width: 100%;
	margin-bottom: 10px;
}

.float-base .left {
	width: 50%;
}

.float-base .right {
	width: 50%;
}

.align-right {
	text-align: right;
}

.main-title-1 {
	font-size: 60px;
}

.main-title-1 {
	font-size: 60px;
}

.form-cell {
	display: block;
	width: 100%;
}

.input-filed-set {
	display: block;
	padding: 3px 10px;
}

.form-base {
	/*
	border: 1px solid #c3c3c3;
	background-color: #f7f7f7;
	padding-bottom: 10px;
	*/
}

.form-base span {
	padding-bottom: 10px;
	display: block;
}

span.checkbox {
	margin-left: 20px;
}

.form-button-base {
}

/**
 * Tree view
 */
span.selected a {
	background-color: #164a7e;
	color: #fff;
	padding: 2px 5px;
}