/* status colors */

.es_0 {
	background-image: url(/templates/media/img/dashboard/db_ind_back_0.png);
	background-color: rgb(250, 217, 217);
}
.es_1, .es_2, .es_3, .es_4 {
	background-image: url(/templates/media/img/dashboard/db_ind_back_1.png);
	background-color: rgb(255, 245, 179);
}
.es_5 {
	background-image: url(/templates/media/img/dashboard/db_ind_back_5.png);
	background-color: rgb(226, 248, 203);
}

.es_r {
	background-image: url(/templates/media/img/dashboard/db_ind_back_0.png);
	background-color: rgb(250, 217, 217);
}
.es_y {
	background-image: url(/templates/media/img/dashboard/db_ind_back_1.png);
	background-color: rgb(255, 245, 179);
}
.es_g {
	background-image: url(/templates/media/img/dashboard/db_ind_back_5.png);
	background-color: rgb(226, 248, 203);
}
/* undefined */
.es__ {
	color: #999;
}

.done {
	text-decoration: line-through;
}

.red { color: rgb(222, 0, 0); }
.yellow { color: rgb(255, 222, 0); }
.green { color: rgb(138, 229, 46); }
.blue { color: rgb(0, 102, 222); }
.light-red { color: rgb(250, 217, 217); }
.light-yellow { color: rgb(255, 245, 179); }
.light-green { color: rgb(226, 248, 203); }

.s0 { background-color: rgb(222, 0, 0); }
.s1, .s2, .s3, .s4 { background-color: rgb(255, 222, 0); }
.s5 { background-color: rgb(138, 229, 46); }

.sr { background-color: rgb(222, 0, 0); }
.sy { background-color: rgb(255, 222, 0); }
.sg { background-color: rgb(138, 229, 46); }

a.red { color: rgb(222, 0, 0) !important; }
a.yellow { color: rgb(255, 222, 0) !important; }
a.green, button.green { color: rgb(138, 229, 46) !important; }
.light-red-fill, a.red:hover { background-color: rgb(250, 217, 217) !important; }
.light-yellow-fill, a.yellow:hover { background-color: rgb(255, 245, 179) !important; }
.light-green-fill, a.green:hover, button.green:hover { background-color: rgb(226, 248, 203) !important; }

/* dashboard */
div#db {
	position: static;
	border-bottom: 1px solid #ccc;
	padding: 0 50px 10px;
	margin: 0 -50px;
	margin-bottom: 25px;
}
div.db_status {
	float: left;
	width: 229px;
	margin: 0 50px 15px 0;
	background-repeat: repeat-y;
}
div.db_status_text {
	/*padding: 5px 26px 5px 20px;*/
	padding: 9px 12px 5px 12px;
}
div.db_status_text * {
	/*font-size: 11px;
	line-height: 13px;*/
}
div.db_status_text h2 {
	margin-top: 0;
	margin-bottom: 5px;
}
div.db_status_text p {
	margin-top: 0;
	margin-bottom: 5px;
}
div.db_links {
	margin-bottom: 20px
}
div.db_link {
	float: left;
	width: 150px;
}
div.db_list {
	padding-left: 280px;
}
div.col-500 {
	max-width: 500px;
}
div.col-600 {
	max-width: 600px;
}

/* status bar */
div#db_ind_button {
	float: right;
	margin: 3px 6px 0;
}
div#db_ind_button a {
	display: block;
	width: 7px; height: 9px;
	background-image: url(/templates/media/img/dashboard/db_ind_openclose.png);
	background-repeat: no-repeat;
}
div#db_ind_button a.open {
	background-position: 3px 3px;
}
div#db_ind_button a.open:hover {
	background-position: -17px 3px;
}
div#db_ind_button a.close {
	background-position: 3px -17px;
}
div#db_ind_button a.close:hover {
	background-position: -17px -17px;
}

/*div#db_ind_text */
a.def {
	font-weight: bold;
}

div#db_ind_bar, div#db_ind_box {
	position: absolute;
	right: 50px;
	top: 67px;
	width: 229px;
	background-color: #f2f2f2;
	background-repeat: repeat-y;
}
div#db_ind_bar {
	height: 28px;
	overflow: hidden;
}
div#db_ind_box {
	display: none;
	padding-bottom: 5px;
	box-shadow: 0 0 25px #666;
	-moz-box-shadow: 0 0 25px #666;
	-webkit-box-shadow: 0 0 25px #666;
}

div#db_ind_meter, div#db_ind_status {
	height: 6px;
	padding-bottom: 1px;
	width: 230px;
	margin-right: -1px;
}
div#db_ind_meter {
	background-color: #e0e0e0;
	height: 7px;
}
div.meter {
	height: 100%;
	float: left;
	border-right: 1px solid #f2f2f2;
	box-sizing: border-box;
}
/* 5 section meter */
div.meter-5 {
	width: 20%;
}
/* 3 section meter */
div.meter-3 {
	width: 33%
}
/* 3 section meter */
div.meter-4 {
	width: 25%;
}

div#db_ind_text {
	padding: 5px 26px 5px 10px;
}
div#db_ind_text * {
	font-size: 11px;
	line-height: 13px;
}
div#db_ind_text h2 {
	margin-top: 0;
	margin-bottom: 5px;
}
div#db_ind_text p {
	margin-top: 0;
	margin-bottom: 5px;
}

div#db_ind_box td.num {
	padding-right: 10px
}

/* individual status bar on hotels.tpl */
div.db_ind_hotel {
	background-repeat: repeat-y;
	margin: -5px -10px 5px;
	padding: 2px 10px 2px 18px;
	font-size: 10px;
	line-height: 12px;
	color: #000;
}
div.db_ind_hotel p {

}

/* overlay on green */
#ol_db_green {
	background-color: rgb(226, 248, 203);
}