/**
 * @copyright (C) 2004-2015 SICOM Systems Inc
 *            4434 Progress Meadow Drive
 *            Doylestown, PA 18902
 *            215-489-2500, FAX: 215-489-2769
 */
.wrapper_rollback_states {
	display: inline-block;
}

.wrapper_rollback_list .inner {
	position: relative;
}

input.close_rollback_list{
	height: 30px;
	border-radius: 0px;
	border: 3px solid #ECA220;
	background: #ECA220;
	color: #000;
	display: none;
}

ul.rollback_list {
	position: absolute;
	top: 33px;
	right: 1px;
	display: none;
	border: 1px solid #ECA220;
	background: white;
	width: 200px;
	padding: 10px 10px;
}

ul.rollback_list li a{
	color: black;
	text-decoration: none;
}
ul.rollback_list li h4{
	font-size: 16px;
}
ul.rollback_list li a .date{
	font-size: 14px;
	font-weight: bold;
}

ul.rollback_list li a .username{
	font-size: 11px;
	font-weight: normal;
}

ul.rollback_list li.state:hover, ul.rollback_list li.selected{
	background: #ECA220;
}

ul.rollback_list li{
	padding: 5px 5px;
	border-bottom: 1px solid #ECA220;
}
ul.rollback_list li:last-child{
	border-bottom: none;
}

#div_undo_wrapper{
	float: right;
}

#div_undo_wrapper button {
	margin-right: 4px;
}
#div_undo_wrapper button .ui-button-text {
	line-height: normal!important;
}

#div_undo_wrapper #select_undo_stack {
	width: 150px;
	z-index: -100;
}

#scrollcontainer {
	position: absolute;
	top: 69px;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: auto;
}

.contentcontainer {
	font-size: 13px;
	position: relative;
	min-width: 865px;
	color: #fff;
	margin-right: 57px;
}

.contentcontainer.lightbg {
	background-color: #fff;
	color: #000;
	padding: 10px;
}

.contentcontainer.hasbuttonbar {
	padding-top: 5.5ex;
}

.contentcontainer .group, #dayparts_section .group {
	border-left: 9px solid #ffa200;
	padding: 0px 9px 10px 7px;
	position: relative;
	margin-bottom: 10px;
}

.contentcontainer .group h3 {
	font-size: 16px;
	display: block;
	margin-right: 10px;
}

.contentcontainer form ul {
	list-style: none;
}

.contentcontainer .group h4 {
	font-size: 14px;
	display: block;
	margin-right: 10px;
}

.daypart_header {
	margin-bottom: 3px;
	font-size: 1.3em;
	font-weight: bold;
}

.daypart_header label {
	font-size: 1.3em;
	font-weight: bold;
}

.layout_header_row td {
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	color: #000;
}

.contentcontainer .group .daypart_header h3 {
	float: left;
}

.contentcontainer .group .ui-widget input[type=text] {
	font-size: 1.2em;
}

#dayparts_section .group:first-child .ui-widget label {
	display: none;
}

.contentcontainer .group .desc {
	font-size: 12px;
	font-style: italic;
	display: block;
	margin-bottom: 2px;
}

.problem {
	color: #A00 !important;
}

.alert {
	font-style: italic;
	color: #A00;
	font-size: 11px;
}

#floatingtoolbar {
	background: transparent url('images/button_bar_bg.png') repeat-x top left;
	padding: 5px 10px 10px 10px;
	z-index: 50;
	position: fixed;
	left: 0;
	right: 57px;
	top: 69px;
}

#floatingtoolbar input#submitbutton {
	float: right;
}

#form_status_indicator {
	margin-left: 5px;
	color: #28698b;
	font-style: italic;
}

#form_status_indicator.accepted {
	color: #309000;
}

/* daypart options */

.weekselector {
	width: 100%;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
}

.weekselector ul {
	display: inline;
}

.weekselector ul li {
	display: inline;
	text-transform: uppercase;
	margin-left: 1px;
}

.weekselector ul li a, .weekselector ul li span {
	border-radius: 5px;
	width: 3.3em;
	color: #fff;
	background-color: #313B49;
	text-decoration: none;
	display: inline-block;
	padding: 1px 0;
	text-align: center;
}

.weekselector ul li a:hover {
	background-color: #28303B;
}

.weekselector ul li .current_week {
	background-color: #13171C
}

.lightbg .weekselector ul li a, .lightbg .weekselector ul li span {
	background-color: #c0c0c0;
}

.lightbg .weekselector ul li a:hover {
	background-color: #aaa;
}

.lightbg .weekselector ul li .current_week {
	background-color: #494949;
}

/* fade animation for weekselector mouseovers */
.weekselector ul li a {
	-webkit-transition:	background-color .1s linear;
	-moz-transition: background-color .1s linear;
	-ms-transition: background-color .1s linear;
	-o-transition: background-color .1s linear;
}

.group.daypart h3 {
	font-size: 14px;
	text-transform: uppercase;
}

.daypart_time_divider {
	font-size: 12px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 6px 0;
}

.daypart_add_here {
	text-transform: lowercase;
	color: #4d4d4d;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	border: 1px dashed #C3DDB5;
	border-left: 9px solid #C3DDB5;
	display: block;
	padding: 5px 25px;
	background: #fff url('images/icon_add_daypart.png') no-repeat 5px 5px;
}

.daypart_add_here_hidden {
	display: none;
}

.daypart_add_here:hover {
	background-color: #e6f7dc;
	background-image: url('images/icon_add_daypart_active.png');
	border-color: #65bf00
}

.timeselector_cell {
	width: 1em;
	padding-right: 10px;
}

.daypart_remove {
	text-transform: lowercase;
	text-decoration: none;
	color: #4d4d4d;
	font-size: 12px;
	text-align: right;
	padding: 2px 20px 2px 10px;
	background: transparent url('images/icon_remove_daypart.png') no-repeat center right;
	position: absolute;
	top: 0;
	right: 0;
}

.daypart_remove:hover {
	color: red;
	background-color: #ffdddd;
	background-image: url('images/icon_remove_daypart_hover.png');
}

.daypart_remove:hover + .daypart_header {
	background-color: #ffdddd;
}

.daypart_times_table {
	width: 800px;
}


.daypart_times_table th,
.sleep_times_table th {
	text-align: left;
	padding-left: 3px;
	padding-top: 3px;
	font-weight: normal;
	font-size: .8em;
	color: #666666;
}

.tv {
	background: transparent url('images/tv-blank.png') no-repeat;
	width: 163px;
	height: 96px;
	color: white;
	font-weight: bold;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

.tv img {
	position: absolute;
	top: 3px;
	left: 4px;
}

#layout .menu_preview_full tr td div.tv div.menu_name {
	display: none;
}

.tv .menu_name {
	position: absolute;
	bottom: 5px;
	left: 7px;
	width: 122px;
	font-size: 13px;
	z-index: 2;
}

.tv .screen_num {
	font-size: 40px;
	z-index: 1;
	background: transparent url('images/tv-textbg.png') repeat-x center bottom;
	width: 155px;
	height: 47px;
	position: absolute;
	bottom: 3px;
	left: 0px;
	text-align: right;
	padding-bottom: 2px;
	padding-right: 6px;
}

#layout .menu_preview_full tr td .tv .screen_num {
	background: transparent url('images/tv-textbg-corneronly.png') no-repeat top right;
}

table.menu_preview, table.menu_preview_full {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

table.menu_preview tr td {
	text-align: left;
}


table.menu_preview .tv {
	margin: 0 auto 0 0;
}

table.menu_preview_full tr td, table.menu_preview_full tr th {
	text-align: right;
}

#layout table.menu_preview_full tr td {
	text-align: left;
}

table.menu_preview_full .tv {
	margin: 0 0 0 auto;
	box-shadow: 0;
}

#layout table.menu_preview_full .tv {
	margin-left: 10px;
	box-shadow: 0;
}

table.menu_preview_full .tv:hover {
	box-shadow: 0 0 15px 1px #fff;
	cursor: pointer;
}

/* fade effect for tv mouseovers */
table.menu_preview_full .tv {
	-webkit-transition: box-shadow .2s ease;
	-moz-transition: box-shadow .2s ease;
	-ms-transition: box-shadow .2s linear;
	-o-transition: box-shadow .2s linear;
}

.menu_selector select {
	width: 163px;
	margin-top: 5px;
}

.screen_row td {
	background: transparent url('images/preview-bg-stripe.png') repeat-x center left;
}

#layout .screen_row td {
	background: #ffffff;
}

table.menu_preview_full {
	margin-top: 6px;
}

table.menu_preview_full .daypart_col {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}

table.menu_preview_full td.daypart_col {
	background: url('images/preview-deco-squares.png') center right no-repeat, transparent url('images/preview_left_bg.png') no-repeat center left;
	height: 110px;
}

#layout table.menu_preview_full td.daypart_col {
	height: 70px;
}

.menu_select_cell {
	padding-bottom: 4px;
	padding-left: 9px;
}

.menu_select_cell input {
	width: 133px;
}

tr.menu_select_row td div.ui-widget span.label {
	display: none;
}

table.menu_preview_full th {
	border-bottom: 2px solid #67717D;
}

div#layout .menu_preview_full th {
	color: #000;
	border-bottom: 2px solid #dedede;
}

div#layout .menu_preview_full tr td div.daypart_name {
	color: #000;
	padding-left: 10px;
	text-align: center;
}

table.menu_preview_full tr.screen_row td {
	padding: 3px 0;
}

table.menu_preview_full .info_header {
	font-weight: normal;
	font-size: 17px;
	text-align: center;
}

table.menu_preview_full .daypart_time_row {
	font-style: italic;
	height: 3.5ex;
}

#layout table.menu_preview_full tr.screen_row td:first-child + td {
	min-width: 174px;
}

.daypart_section {
	padding-top: 15px;
	padding-bottom: 15px;
}

.daypart_section .ui-widget label {
	display: none;
}

.daypart_time span.label,
.sleep_time span.label,
.sleep_day span.label {
	display: none;
}

.sleep_day input {
	width: 100px;
}

.sleep_dayname {
	width: 120px;
}

.sleep_time {
	width: 180px;
}

.daypart_time {
	clear: both;
}

.daypart_time .ui-widget input,
.sleep_time .ui-widget input {
	width: 45px;
}

.daypart_time .ui-widget,
.sleep_time .ui-widget {
	float: left;
}

.clearfix {
	clear: both;
}

.time_separator {
	float: left;
	font-size: 1.4em;
	padding-top: 6px;
}

.daypart_add_here {
	margin-top: 10px;
	margin-bottom: 10px;
}

.add_daypart {
	border: 1px dashed #c3ddb5;
	width: 700px;
	margin-top: 10px;
	margin-bottom: 2px;
	padding: 4px;
}

.daypart_times_table .checkbox label.ui-state-default,
.daypart_times_table .radio label.ui-state-default,
.sleep_times_table .checkbox label.ui-state-default,
.sleep_times_table .radio label.ui-state-default
{
	background-color: #fff;
	border: 0px solid #dedede;
	min-height: 0px;
	width: 70px;
	font-size: 1em;
	font-weight: normal;
}

.daypart_times_table .checkbox label.ui-state-active,
.daypart_times_table .radio label.ui-state-active,
.sleep_times_table .checkbox label.ui-state-active,
.sleep_times_table .radio label.ui-state-active
{
	font-size: 1em;
	background-color: #fff;
	border: 0px solid #dedede;
	min-height: 0px;
	width: 70px;
	font-weight: normal;
}

.daypart_times_table .checkbox label {
	font-weight: normal !important;
}

.group.animation_matrix {
	padding-bottom: 2px;
}

.animation_matrix .tv {
	margin: 10px 7px 7px 0;
	float: left;
}

.animation_matrix .t_row {
	clear: both;
	font-size: 14px;
	font-weight: normal;
}

.animation_matrix .t_row .daypart_name {
	padding-top: 0;
}

.animation_matrix .t_row .week_checkboxes {
	padding-bottom: 0;
}

.animation_matrix .m_row {
	border-top: 2px solid #FFA200;
	text-transform: uppercase;
	clear: both;
	padding: 1px 0 0 7px;
	margin-left: -7px;
	font-size: 14px;
	width: 35em;
}

.animation_matrix h3 {
	padding-top: 10px;
}

.animation_matrix .daypart_name {
	font-weight: bold;
	float: left;
	padding-top: 7px;
	width: 117px;
}


.m_row .checkbox label {
	background: #C0C0C0 !important;
	border: 1px solid #C0C0C0 !important;
	color: #fff !important;
	font-size: 14px !important;
	padding: 0 !important;
	height: 20px;
	min-height: 0;
	width: 3.2em;
	text-align: center;
}

.m_row .checkbox label.ui-state-active {
	background: #424242 !important;
	border: 1px solid #424242 !important;
}

.m_row .checkbox label span {
	padding: 0;
}

.week_checkboxes {
	padding-bottom: 7px;
}
.tvdropdown {
    display:none;
    position:absolute;
    z-index:50;
    background-color: rgba(255, 255, 255, 0.3);
    padding:7px 7px 2px 7px;
    border-radius: 10px;
    text-align: center;
    width: 163px;
}
.tvdropdown a {
    color: black;
    cursor: pointer;
}
.tvdropdown .tv {
    margin-bottom:4px !important;
}
.screen_dropimg {
    z-index: 2;
    position: absolute;
    bottom: 5px;
    right: 100px;
}

a.light_link {
	color: #3366ff;
}

a.light_link:visited {
	color: #ddd;
}

.sleep_time_day {
	width: 820px;
	margin-bottom: 5px;
	border: 1px solid #dddddd;
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.sleep_time_day.disabled {
	opacity: 0.2;
}

.sleep_time_day .time_day {
	font-weight: bold;
}

.sleep_time_day .time_text {
	float: right;
}

.sleep_time_day .range_slider {
	margin-top: 10px;
	width: 94.5%;
	left: 2.5%;
}

.sleep_time_day .range_slider > .yesterday-range {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-khtml-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.sleep_time_day .range_slider > .tomorrow-range {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.sleep_time_day .timeline {
	margin-top: 3px;
}

.sleep_time_day .timeline > span {
	width: 5%;
	text-align: center;
	margin-left: 14%;
	display: inline-block;
}

.sleep_time_day .timeline > span:nth-child(1) {
	margin-left: 0;
}

.sleep_time_day .timeline > span.last {
	position: absolute;
	margin: auto;
	left: 780px;
}