body{
margin:0px;
padding:0px;
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
background-color: #FFF !important;
}
#container
{
	margin: 0 auto;
	width: 100%;
	background: #fff;
}

/* Heading redeveloped. Removed current image that only scaled */
#heading {
	background-image: url('/images/eg_rhs.png') !important;
	background-position: right top !important;
	background-repeat: repeat-y !important;
	height:30px !important;
	z-index:auto;
}
#header {
	background-color: #FFF;
	background-image: url('/images/eg_lhs.png');
	background-repeat: repeat-y;
	background-position: left top;
	border-bottom:1px solid #555;
}
#heading img {
	display:none;
}



#navigation
{
	height: 27px !important;
	background-color: #555 !important;
	font-size: 12px;
	
}

#navigation ul
{
	margin: 0;
	padding: 0;
	background-color:#555555;
}

#navigation ul li
{
	list-style-type: none;
	float:left;
	color: black;
	font-size: 14px;
	border-radius: 0px !important;
	margin-top: 0px;
	padding: 5px 20px !important;
	background: #C8C8C8;
	margin-right: 2px;
}

#navigation li a
{
	display: inline-block;
	width: 130px;
	padding: 0px;
	float: left;
	color: black;
	text-decoration: none;
}

#navigation li:hover { background:#fff;border-radius:5px 5px 0 0; }



#navigation .inactive { background:#b0b0b0;border-radius:5px 5px 0 0; }



#navigation .active { background:#fff;border-radius:5px 5px 0 0; }



#content-container1
{
	float: left;
	width: 100%;
	background: #E6E6E6 repeat-y 20% 0;
}

.grey-bg{
display:none;
}

#content-container2
{
	float: left;
	width: 100%;
}
#content-container1 #content {
	margin-left:170px;
	width:auto;
	float:none;
	margin-right:10px;
	min-height:635px;
}
#section-navigation
{
	float: left;
	padding: 0 0 0 0;
	display: inline;
	margin-bottom: 10px;
}
#content-container1 #section-navigation {
    width: 170px;
    padding-top: 22px !important;
}

#section-navigation ul
{
	margin: 0;
	padding: 0;
}

#section-navigation ul li
{
	padding: 0px !important;
    margin-bottom: 2px;
    border-radius: 0px;
    margin-left: 10px;
	list-style-type: none;
	background:#C8C8C8;
	
	
}
#section-navigation ul li a{
text-decoration:none;
padding: 7px;
display: block;
color:#000;
}

#section-navigation ul li:hover{
background:#fff;
}

#section-navigation ul li:hover a{
color:#000;
}

#section-navigation ul .sinactive{
background:#C8C8C8;
}

#section-navigation ul  .sinactive a{
color:#000;
}


#section-navigation ul  .sactive{
background:#fff;
}

#section-navigation ul  .sactive a{
color:#000;
}
#content-container2 #content {
    padding: 10px;
    margin-top: 10px;
}
#content-container1 #content {
    margin-left: 170px;
    float: none;
    margin-right: 10px;
    width: auto;
}
#content
{
	height:96%;
	margin: 0.2 0.2 0.2 0.2;
	background:#ffffff; 
}

#content h2 { margin: 0; }


#footer
{
	clear: both;
	background: #ccc;
	text-align: right;
	height: 1%;
	margin-top: 10px;
	padding: 10px;
	font-size: 0.9em;
}

.fixed-content {
	position:relative;
    
}

table {
    width: 100%;
    font-size:12px;
}

th {
background-color: #00AEEF;
background-image: none;
color: #FFFFFF;
margin: 2% 0% 0% 5%;
cursor: pointer;
border: medium none;
padding: 6px 5px;


	
}
td {
	padding:5px;
	
}

tbody tr:nth-child(odd) {
  background: #eee;
}

tbody tr:nth-child(even) {
  background: #fff;
}

#calendar {
		margin: 0px auto;
		margin-left:0px;
	}
	

.circle {
    background-color: #00bbeb;
    border-radius: 40px;
    color: white;
    float: left;
    font-size: 17px;
    height: 35px;
    line-height: 34px;
    margin-right: 2px;
    text-align: center;
    width: 35px;
    cursor: pointer;
    font-size: 14px;
}

.circle_disabled {
    background-color: #cdcdcd;
    border-radius: 40px;
    color: white;
    float: left;
    font-size: 17px;
    height: 35px;
    line-height: 34px;
    margin-right: 2px;
    text-align: center;
    width: 35px;
    cursor: pointer;
    font-size: 14px;
}

.oval {
    background-color: #00bbeb;
    border-radius: 40px;
    color: white;
    float: left;
    font-size: 17px;
    height: 31px;
    line-height: 30px;
    margin-right: 2px;
    text-align: center;
    width: 100px;
    cursor: pointer;
}

.oval_disabled {
    background-color: #cdcdcd;
    border-radius: 40px;
    color: white;
    float: left;
    font-size: 17px;
    height: 31px;
    line-height: 30px;
    margin-right: 2px;
    text-align: center;
    width: 100px;
    cursor: pointer;
}
.rect {
    background-color: #00bbeb;
    border-radius: 40px;
    color: white;
    float: left;
    font-size: 17px;
    height: 31px;
    line-height: 30px;
    margin-right: 2px;
    text-align: center;
    width: auto;
    cursor: pointer;
}

.rect_disabled {
    background-color: #cdcdcd;
    border-radius: 40px;
    color: white;
    float: left;
    font-size: 17px;
    height: 31px;
    line-height: 30px;
    margin-right: 2px;
    text-align: center;
    width: auto;
    cursor: pointer;
}

.rectitem
{
	background-color: #00FFFF;
    border-radius: 40px;
    color: white;
    float: left;
    font-size: 17px;
    height: 31px;
    line-height: 30px;
    margin-right: 2px;
    text-align: center;
    width: auto;
    cursor: pointer;
}
.styleCursor:hover{
	cursor: pointer;
}
.button{
	background:grey;
    color:white;
   font-weight:bold;
}
.button:hover{
    background:#00AEEF; 
    color:white;
    font-weight:bold;
   
}
.moveRight{
	align:right;
}

.rectjoin_SEvent , .rectjoin_TEvent , .rectjoin_EEvent {
    background-color: #00bbeb;
    color: white;
    float: left;
    font-size: 17px;
    height: 31px;
    line-height: 30px;
    margin-right: 1px;
    text-align: center;
    width: 20px;
    cursor: pointer;
}

.rectjoin_disabled_SEvent , .rectjoin_disabled_TEvent , .rectjoin_disabled_EEvent{
    background-color: #cdcdcd;
    color: white;
    float: left;
    font-size: 17px;
    height: 31px;
    line-height: 30px;
    margin-right: 1px;
    text-align: center;
    width: 20px;
    cursor: pointer;
}
.customMsg{
	color:red;
	font-weight: bold;
}
.error{
	color:red;
	font-weight: bold;
}

#EGName_Header{
float: left;
background-repeat: repeat-y;
font-weight: bold;
color: #0CC;
font-size: 20px;
margin-top: 2px;
}

#FadeTimePreset{
    color: #000;
    font-weight: normal;
}

#FadeTimeChannelLevel{
    color: #000;
    font-weight: normal;
}

#FadeTimeChannelLevelEditor{
    color: #000;
    font-weight: normal;
}
#FadeTimePresetRequired , #FadeTimeChannelLevelRequired , #FadeTimeChannelLevelEditorRequired , .Pub_spcl_required_msg{
	color: red;	
	font-weight:bold;
}

.temperatureContainer {
	margin-top:10px;
}

input, textarea{
	border-color:rgba(82, 116, 112, 0.68);
}
.fieldRequired{
	color: red;
    font-weight: bold;
}



/* Calendar changes */
#allScedulesId label,
.fc-event-container a {
    cursor: pointer !important;
}

.fc-day-grid-event .fc-time {
    margin-right: 3px !important;
}

.fc-bgevent {
    background: #FFFF33 !important;
    opacity: .05 !important;
    filter: alpha(opacity=5) !important;
}
#schedulerAllEventsId_filter {
    margin-top:20px;
}

/* These should be changed in line with styles set in common.js */
.calendar-legend-indicator {
    border-radius: 4px;
    padding: 4px;
    color: #FFF;
    width:50px;
    height:6px;
    display:inline-block;
    vertical-align: middle;
}
#calendar-legend {
    text-align:right;
}
#calendar-legend table {
    width:250px !important;
    float:right;
}
#calendar-legend-single-day {
    background-color: #777;
    text-align:right;
}
#calendar-legend-dual-day {
    background-color: #0089BD;
    text-align:right;
}
#calendar-legend-astronomical {
    background-color: #31A73B;
    text-align:right;
}


/* Device Status */
.device-status {
    border-radius: 4px;
    padding: 4px;
    color: #FFF;
}
.device-online {
    background: #1ab394 !important;
}
.device-offline {
    background: #ff0000 !important;
}
.device-unknown {
    background: #f8ac59 !important;
}

/* dataTables overrides */
div.dataTables_filter label {
    float:left !important;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-color: #00AEEF !important;
}

/* Schedule / Reserve Task Length content styling */
.eg-info-box {
	color: #333;
	background-color: #DAFB98;
	border-color: #97E200;
	padding: 15px;
	margin-bottom: 5px;
	border-radius: 4px;
	line-height: 160%;
}
.eg-info-box span{
	font-weight: bold;
}