/*.room-list .thumbnail {
	position: relative;
}*/

.room-thumbnail {
	padding: 10px;
	padding: 0;
	height: 170px;
	position: relative;
}

li.active .thumbnail {
	border: 1px solid #08c;
}

.room-thumbnail {
	padding: 10px;
}

.room-details {
	position: absolute;
	bottom: 0;
	right:0;
	left: 0;
	border-top: 1px solid #ddd;
	padding: 5px;
	background-color: #f5f5f5;
	-webkit-border-radius: 	0 0 4px 4px;
	-moz-border-radius: 	0 0 4px 4px;
	border-radius: 			0 0 4px 4px;
}

.room-details .radio {
	padding-top: 3px;
}

.room-list .media-heading {
	max-height: 57px;
	overflow: hidden;
}

.thumbnails .span4:nth-child(3n+1) {
	clear: left;
	margin-left: 0;
}

.modal-form .span5,
.modal-form .span7 {
	float: none;
	width: auto;
	margin: 0;
}
div.wide_input {
	width: 100%;
	border: 1px solid;
}

div.wide_input input,
div.wide_input texarea,
div.wide_input select {
	border: 0px;
	width: 100%;
	margin-right: 0!important; margin-right: -2em;
	padding-right: 0!important; padding-right: 1.5em;
}

div .table th, div .table td { padding: 8px; text-align: left; }
table#ProjectHolidayMonth {
	border-collapse: collapse;
	width: 100%;
	margin: 3px 0 2px 0;
}

table#ProjectHolidayMonth td {
	text-align:center;
	height: 20px;
	cursor: pointer;
	border: 1px solid silver;
}

#test_div {
	margin-bottom: 1em;
}

#stat_table {
	width: 400px;
	position: absolute;
	top: 400;
	left: 400;
}

#stat_table ul {
	list-style: none !important;
}

#ac_confirm {
	width: 250px;
	background: #F3F4F8;
	border: 1px solid #C2C6D1;
	position: absolute;
	top: 400px;
	left: 400px;
	padding: 0.5em !important;
}

#ac_confirm h3, h3#stat_name {
	color: #1D368A;
}

#ac_confirm table {
	width: 250px;
}

#ac_confirm table textarea {
	width: 100%;
	height: 100px;
}

#ac_confirm .submit_bttn {
	margin-left: 0.5em;
}

.project-holiday-legend td {
	padding-right: 0.5em;
}

.project-holiday-legend caption {
	color: #333333 !important;
}

.project-holiday-legend tfoot td {
	background: white !important;
	text-align: left !important;
}

#ProjectHolidayFilter,
#ProjectHolidayFilter table th {
	background: #F3F4F8;
}

#ProjectHolidayFilter td,
#ProjectHolidayFilter th {
}
hr.holidayFilter {
	border-top: 1px solid #C2C6D1;
	border-bottom: none;
	height: 1px;
}

.tree-box-hp {
	overflow: auto;
	width: 100%
}

table.table_attrib {
	border-collapse: collapse;
	border: 1px solid #A9AAAE;
	margin-bottom: 1em;
}

table.table_attrib caption {
	font-size: 16px;
	color: #969696;
	text-align: left;
	font-weight: bold;
	padding: 0 2px 3px 2px;
}

table.table_attrib td,
table.table_attrib th {
	padding: 0.2em 0.5em 0.2em 0.5em;
	border: 1px solid #A9AAAE;
	height: 20px;
	color: #333333;
	line-height: 20px;
}

table.table_attrib th {
	background: #F3F4F8;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}

#ProjectAddNewCourse {
	border: 0;
	line-height: 1em;
	height: auto;
	margin: 0 0 0.5em 0;
	padding: 0;
}

#ProjectCourseSubscribers {
	list-style: none !important;
	margin: 0;
	padding: 0;
}

#ProjectCourseSubscribers li {
	list-style: none !important;
	margin: 0;
}

#ProjectCourseLocation { float: right; width: 200px; margin: 0 2em 0 1em; }
#ProjectCourseLocation caption { margin: 0 2em 0 1em; }
#ProjectCourseLocation p { margin-bottom: 0.4em; }
#ProjectCourseLocation img { display: block; margin: 0 auto 0.5em auto; }

#ProjectThumbMenu { clear: both; }

table.ProjectAddNewCourse td,
table.ProjectAddNewCourse th {
	border: 1px solid #A9AAAE;
	background: #F3F4F8;
}

table.ProjectAddNewCourse tr.emphazed td {
	background: #D4DBE7 !important;
}

td.ProjectCourseThumbnail {
	height: 150px;
	border: 1px solid #A9AAAE;
	background: white;
}

img.ProjectCourseThumbnail {
	display: block;
	margin: 0 auto 0 auto;
}
.table-main select {
	margin: 0.2em;
}

#ProjectEditCoursePerms { clear: both; }

#ProjectEditCoursePerms select { width: 95%; }

select.ProjectAddTaskUsers {
	width: 90%;
}

td#ProjectAddNewCourseDate {
	padding-top: 1em;
	padding-bottom: 1em;
}
td#ProjectAddNewCourseDate td {
	border: 0;
}

#ProjectCalendarNext {
	display: block;
	line-height: 20px;
	float: right;
}

#ProjectCalendarPrev {
	display: block;
	line-height: 20px;
	float: left;
}

.toleft { float: left; text-align: left; display: block;}
.toright { float: right; text-align: right; display: block;}

.ProjectCalendarEmphazed {
	background: #BEC6D3!important;
}

#ProjectsMinTodaysEvents {
	height: 5px !important;
}

tr.ProjectMettingRoomDelimiter td{
	border-bottom: 3px double #e5e8eb!important;
}

#ProjectViewTaskTable {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #A9AAAE;
	margin-bottom: 1em;
}

#ProjectViewTaskTable table, #ProjectViewTaskTable table td,
#ProjectViewTaskTable table th {
	border: 0px;
	border-collapse: collapse;
}

#ProjectViewTaskTable col.emphazed { background: #F3F4F8; }

#ProjectViewTaskTable td,
#ProjectViewTaskTable th {
	padding: 0.2em 0.5em 0.2em 0.5em;
	border: 1px solid #A9AAAE;
	height: 20px;
	color: #333333;
	line-height: 20px;
	vertical-align: middle;
}

#ProjectViewTaskTable th {
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
	vertical-align: top;
}

#ProjectViewTaskTable tr {
	height: 20px;
}

#ProjectViewTaskTable tr.ProjectDate td {
	background: #D4DBE7 !important ;
}

#ProjectViewTaskAttend div {
	height: 200px;
	overflow: auto;
}

#ProjectViewTaskTable ul {
	list-style: none;
}

#ProjectViewTaskTable li {
	list-style: none;
	margin-left: 1em;
}

#ProjectViewTaskDesc {
	height: auto!important;
}


#ProjectPopup {
	border: 1px solid #A9AAAE;
	text-align: center;
	margin: 1em;
	padding: 1em;
	background: #F3F4F8;
}

#ProjectPopup p {
	margin-bottom: 1em;
}

.hp-string {
	text-align: center;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
	-moz-user-select:none;
}

table.hp-string td {
	border-collapse: collapse;
	text-align: center;
	padding: 0px;
	margin: 0px;
	height: 20px;
	cursor: pointer;
	border: 1px solid silver;
	empty-cells: show;
	-moz-user-select:none;
}

table.hp-string tr.boxes-row {display:none;}
table.hp-string tr.num-row {background: #F2F4F8;}
table.hp-string td.day_num_td { width:17px; }
table.hp-string col.first_num_col {overflow: hidden; white-space: nowrap; }

table.hp-string col.day-num-col { width: 22px; }

.approved-day {
	font-weight: bold;
}
.declined-day1 {
	font-weight: bold;
	color:red;
}
.requested-day1 {
	font-weight: bold;
	color: black;
}
.unset-action {
	color:silver;
}
.set_action {
	color: blue;
	cursor: pointer;
}

.group-separator {
	background-color: silver;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #003366;
	font-weight: bold;
	padding-left: 30px;
}

.theading td {
	padding: 0 0.5em 0 0.5em;
	text-align: left;
}

#ProjectCalendarMain td {
	vertical-align: top;
}

.PanelsRoomsMainList {
	font-family: Arial, Helvetica, sans-serif;
}

.PanelsRoomsMainList h4 {
	margin-top: 0;
	margin-bottom: 0.5em;
	font-size: 14px;
}

.PanelsRoomsMainList ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

.PanelsRoomsMainList ul li {
	font-size: 12px;
	font-weight: bold;
	margin-left: 1.5em;
}

.PanelsRoomsMainList ul ul li {
	font-size: 11px;
	font-weight: normal;
	margin-left: 2em;
}

#PublishHolidaysStat div {float:left; width:20px; border:none; vertical-align:middle; line-height:20px; white-space: nowrap; text-align:center }
#PublishHolidaysStat div.border { border:1px solid silver; line-height:18px; }
#PublishHolidaysStat a { display:block; height:100%; width:100%; }

#ProjectUserDiagLegend td {
	height: 1.5em;
	line-height: 1.5em;
	white-space: nowrap;
}

#ProjectUserDiagLegend td.caption { padding-right: 1em; }

#ProjectList {
	padding-top: 83px;
	font-size: 11px;
	vertical-align: top;
}
#ProjectList div {
	height: 30px;
	overflow: hidden;
	line-height: 12px;
}

#ProjectList a.milestone {
	color: #8B0000;
}

/* ===================================
	Holiday Planner Styles (moved)
 */

.hp-string {
	text-align: center;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
	-moz-user-select: none;
}
table.hp-string td {
	border-collapse: collapse;
	text-align: center;
	padding: 0px;
	margin: 0px;
	height: 20px;
	cursor: pointer;
	border: 1px solid silver;
	empty-cells: show;
	-moz-user-select: none;
}

table.hp-string tr.boxes-row {display:none;}
table.hp-string tr.num-row {background: #F2F4F8;}
table.hp-string td.day_num_td { width:17px; }
table.hp-string col.first_num_col {overflow: hidden; white-space: nowrap; }

table.hp-string col.day-num-col { width: 20px; }

.approved-day {
	font-weight:bold;
}
.declined-day1 {
	font-weight: bold;
	color: red;
}
.requested-day1 {
	font-weight: bold;
	color: black;
}
.unset-action {
	color: silver;
}
.set_action {
	color: blue;
	cursor: pointer;
}

.group-separator {
	background-color: silver;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #003366;
	font-weight: bold;
	padding-left: 30px;
}

.theading td {
	padding: 0 0.5em 0 0.5em;
	text-align: left;
}

/* ===================================
	Room booking styles */
.excessive {
	max-height: 420px;
	overflow: auto;
}
.DesignBox {
	clear: right;
	border: 4px solid #DCE7EF;
	float: left;
	padding: 2px;
	background: white;
	margin-bottom: 20px;
	overflow: hidden;
}

#DesignTabs {
	margin: 0;
	padding: 0 0 0 6px;
	list-style: none;
	zoom: 1;
}

#DesignTabs li.selected { background: #DCE7EF; }

#DesignTabs li {
	cursor: pointer;
	padding: 4px 8px;
	float: left;
}



select.name { width: 100%; }

input.edit_box { border: 1px solid Silver; }

input.number {
	width: 20px;
	border: 1px solid Silver;
}

input.date {
	width: 65px;
	border: 1px solid Silver;
}

input.time { width: 36px;border: 1px solid Silver; }
select.time  {border: 1px solid Silver;}
button.calendar {
	background: url(/intranet/images/calendar.gif) top no-repeat;
	width: 16px;
	border: 0;
	height: 20px;
	margin-left: 2px;
}

.note { color: #999; }

.DesignPopupWindow caption {
	font-family: Trebuchet MS, sansSerif;
	font-size: 14px;
	color: #006699;
	text-align: left;
	background: #d4dae0 url(/images/default/menu/boxtit_bg.gif) repeat-x top;
	padding: 2px 8px;
}

.time_obj table { margin-bottom: 0.5em; }
.time_obj .week table, .time_obj td { font-weight:normal; border-collapse:collapse; }
.time_obj .week td { text-align: center; padding: 1px!important; margin: 0px; border: solid 1px silver; }
.time_obj select { margin-left: 0.5em!important; border: solid 1px #555555; }

.DesignPopupWindow, .DesignPopupWindow td { border-collapse: collapse; }
.DesignPopupWindow td, .DesignPopupWindow th {
	font-family: Trebuchet MS, sansSerif;
	padding: 4px 5px;
	vertical-align: top;
	border-bottom: 1px solid #999;
	line-height: normal;
}

.DesignPopupWindow td.date {
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #999;
}

.DesignPopupWindow td td {
	border-bottom: 0;
	padding: 0;
}

.DesignPopupWindow, .DesignPopupWindow caption{ border: 1px solid #999; }

.DesignPopupWindow th {
	text-align: left;
	color: #6A6A6A;
	font-weight: normal;
}

.DesignPopupWindow .r { border-right: 1px solid #999; }
.DesignPopupWindow .l { border-left: 1px solid #999; }

.DesignPopupWindow caption {
	vertical-align: middle;
}

.DesignPopupWindow caption a {
	float: right;
	text-decoration: none;
}

.DesignPopupWindow caption a:hover { text-decoration: none; }

#add_event_block {
	border: 1px solid #333;
	padding: 5px;
	background: white;
}

#add_event_block .table_ main {
	margin-bottom: 0;
}
.rooms {
	margin: 0;
}
ul.rooms li {
	width: 120px;
	height: 160px;
	overflow: hidden;
	float: left;
	padding: 0 20px 10px 0;
}
ul.rooms img { cursor: pointer; }
ul.rooms .RoomsTools img { width: auto; height: auto; }
.RoomsTools { text-align: right; padding-top: 3px; }
.PanelsRoomsMainList2 ul.rooms li { height: 158px; }
.RoomsAddPhoto, .RoomsMainList .RoomsAddPhoto {
	text-align: center;
	padding: 10px 5px;
}
/*.RoomsAddPhoto img { overflow: hidden; }*/
.RoomsMainList {
	padding: 10px;
	margin: 0 10px 0 0;
}

.roomMainPanel {
	float: left;
	width: 440px;
	border: 1px solid #ddd;
}

.roomOptions {
	background: #efefef;
	border: 1px solid #ddd;
	margin-left: 470px;
	float: none;
}

.RoomsMainList fieldset { border: 1px solid #cecdcd; padding: 10px; margin: 10px 0;}
.RoomsMainList fieldset td { padding: 5px 0; }
.RoomsMainList fieldset td textarea { height: 60px; }
.RoomsMainList fieldset legend { color: #3366cc; font-weight: normal; padding: 0 3px; }
.RoomsMainList select { width: 300px;}
.RoomsMainList li { font-family: Tahoma; padding-left: 5px; color: #1D368A; font-weight: bold; margin: 0; padding: 0; }
.RoomsMainList li ul { zoom: 1; }
.RoomsMainList img { vertical-align: middle; cursor: pointer; }
.RoomsMainList h4 { margin-bottom: 0.5em; }
.RoomsMainList li li { color: #333333; font-size: 12px; font-weight: normal; padding-left: 13px; }
.RoomsMainList input.text { border: 1px solid #333333; font-weight:normal; width: 100px; margin-right: 0.2em; height: 15px; vertical-align: middle; }
.RoomsMainList .submit_bttn { height: 19px; margin-left: 0em; }
.RoomsMainList input.edittext { border: 1px solid #333333; font-weight: normal; width: 200px; margin-left: 1.5em; height: 17px;}
.RoomsMainList textarea.edittext {border: 1px solid #333333; font-weight: normal; width: 200px; margin-left: 1.5em;}
.RoomsMainList select.edittext { margin-left: 1.5em; width: 200px }
.RoomsMainList iframe { height:0.01em; }
.RoomsMainList2 table.table-main th { background: #f1f1f1 !important; }
.RoomsMainList2 .RoomsEquipName:hover { text-decoration: none; }

.RoomsDetails span, .RoomsDetails div { line-height: 14px; }

.rb_status_round,
.rb_status_simple {
	padding: 2px 4px 3px;
	font-size: 11.049999999999999px;
	color: white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #999;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}
.rb_approved { background-color: #6a8036;}
.rb_pending { background-color: #f08325; }
.rb_rejected { background-color: #75291e; }
.rb_default { background-color: #a7a7a7; }

.RoomsImage { width: 330px; overflow: hidden; padding: 10px 0; }
.RoomsAvailable { background: #cadaa9; text-align: center; color: #1d2019; font-size: 20px; padding: 20px; }
.RoomsAvailable .submit_bttn { margin-left: 10px; }
.RoomsNotAvailable { background: #edcdcb; }

h2.RoomsHeader { background: #e8eef7; color: #1D368A; padding: 5px 8px; font-size: 16px; margin-top: 10px; }

table.RoomsDetailsTable td, table.RoomsDetailsTable th { padding: 0 10px 0 10px !important; border: none !important; vertical-align: top !important; }

div.gray
{
	color: #999999;
}

.room-link-disabled {
	cursor: not-allowed;
	pointer-events: none;
	color: #333333;
}


/* Sets a minium width on the room card media body so the text doesn't truncate too much */
.media-body-rooms {
min-width: 90px;
}


.room-booking-popup {
    width: 100%;
    max-width: 600px;
    min-height: 200px;
}

@media only screen and (max-width : 576px) {
    .room-booking-popup {
        max-width: auto;
    }
}

