/*
-------------------------------------------------------------------------------
--                                                                             
--    	NETIC GUI                        Version: 0.2                 
--
-------------------------------------------------------------------------------
--
--		layout.css
--
--    	Styles unique to the zwave settings page
--
-------------------------------------------------------------------------------
--
--    	Author: Marc Witteveen        Date: 4th July 2013
--
--    	Copyright (c) 2012 - 2013 GOAP d.o.o. All Rights Reserved.
--
-------------------------------------------------------------------------------
-- CHANGELOG:
-- 0.1	Initial code outline [Marc]
-- 0.2  Added childpages class [Marc]
--
-- TODO:
*/

/* RESET */
.clearall,.clear{clear:both;}
/* END OF RESET */
body{font-family:Verdana, Geneva, sans-serif;font-size:14px;background-color:#F2F2F2;color:#333;line-height:1.5em; height:100%;}
html{height:100%;}
.container{margin:0px auto;width:1006px;}/* width:986px;  */
.add_unit_btn_container{text-align: center;}
.btn_add_unit{padding: 1px 6px;}
h1{margin:0px;padding:0px;}
.content h3{font-family:Helvatica, Verdana, Geneva, sans-serif;font-weight:normal;margin:0px;padding:0px;color:#000;}
ul{margin:0px;padding:0px;list-style:none;}
/* Header */
#logo{display:inline-block;}
#logo a{text-decoration:none;font-weight:16px;color:#000;}
#logo span{color:#F00;}
#userinfo{text-align:right;}
/* Spaces/rooms */
#spaces, #cpanel{margin-top:10px;}
/* Dialog box */
.dialogmaincontent{margin-top:10px;border:1px solid; color:#999;padding:5px;}
/* In development */
.indevelopment{margin:5em auto;text-align:center;color:#999;font-size:4em;}
/* Portal mode styles */
.portalmode_msg{margin:1em auto;text-align:center;color:#000;font-size:4em;}
.portalmode_retry{margin:2em auto;text-align:center;color:#999;font-size:2em;}
/* Page titles */
h2.page_title{color:#000;font-size:1.5em;line-height:1.2em;letter-spacing:0.1em;font-weight:normal;margin-top: 1em;margin-bottom: 1em;}
/* iFrame */
#iframewrap{width:100%;top:0;height:600px;}
.iframe{display:block;width:100%;height:100%;}
/* List styles */
.bulletpoints{list-style:disc;margin-left:1em;margin-top:1em;}
/* Spacers */
.top_spacer{margin-top:1em;}
/* Loader */
#preloader{display:none;position:fixed;z-index:9999;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.7);}
#preloader{display:hidden;}
#preloader .preloadertable{display:table;width:100%;height:100%;}
#preloader .preloadercell{display:table-cell;vertical-align:middle;color:#FFF;font-size:24px;text-align:center;width:100%;height:100%;}
/* Align */
.left{float:left;}
.right{float:right;}
.clearall{clear:both;}
/* Service main page */
.childpages{/*margin-top:1em;*/margin-top:3em;}
.childpages a{text-decoration:none;color:#000;}
.childpages li div{width:100px;height:90px;display:table-cell;text-align:center;vertical-align:middle;}
.childpages li{display:inline-block;margin-right:14px;background-color:#ccc;border:2px solid #FFF;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;color:#000;margin-bottom:14px;padding:5px;}
.childpages li:hover{border:2px solid #333;background-color:#666;color:#FFF;}

/* Default classes to align content fast */
.width20{width:20%;}
.width30{width:30%;}
.width40{width:40%;}
.width50{width:50%;}
.width60{width:60%;}
.width70{width:70%;}
.width80{width:80%;}
.left{float:left;}
.right{float:right;}
.contentleft{text-align:left;}
.contentright{text-align:right;}
.contentcenter{text-align:center;}
.clear,.clearall{clear:both;}
#savebuttoncontainer{margin-top:1em;margin-bottom:1em;}
.reloadbutton{
    border:1px solid #7eb9d0; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;text-decoration:none; /*text-shadow: 1px 1px 0 rgba(0,0,0,0.3);*/color: #FFFFFF;
    background-color: #a7cfdf; background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
    background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
    background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
    background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
    background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
    background-image: linear-gradient(to bottom, #a7cfdf, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);
    font-size:1.3em;letter-spacing:0.1em;padding:5px 10px;cursor:pointer;
    /*margin-top:0.7em;*/
}
.reloadbutton:hover{
border:1px solid #5ca6c4;
 background-color: #82bbd1; background-image: -webkit-gradient(linear, left top, left bottom, from(#82bbd1), to(#193b61));
 background-image: -webkit-linear-gradient(top, #82bbd1, #193b61);
 background-image: -moz-linear-gradient(top, #82bbd1, #193b61);
 background-image: -ms-linear-gradient(top, #82bbd1, #193b61);
 background-image: -o-linear-gradient(top, #82bbd1, #193b61);
 background-image: linear-gradient(to bottom, #82bbd1, #193b61);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#82bbd1, endColorstr=#193b61);cursor:pointer;
}
.savepluginsettings, .saveallbutton{
/*	background-color:#FF0000;border:1px solid #FF0000;color:#FFF;font-size:1.3em;letter-spacing:0.1em;margin-top:0.7em;padding:0.1em 0.6em;display:none;*/

border:1px solid #df0909; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;text-decoration:none; /*text-shadow: 1px 1px 0 rgba(0,0,0,0.3);*/color: #FFFFFF;
 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
 background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
 display:none;font-size:1.3em;letter-spacing:0.1em;padding:5px 10px;/*margin-top:0.7em;*/
}
.savepluginsettings:hover, .saveallbutton:hover{
border:1px solid #b30808;
 background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
 background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
}
.devicesettingssave{float:right;position:relative;margin-right:10px;top:-15px;}
/* User menu */
.usermenucontainer{display:inline-block;float:right;text-align:right;width:400px;}
/* Time and date */
#time{float:right;padding-top:1px;}
#hours{float:left;width:24px;text-align:left;}
#minutes{float:right;}
#date{float:right;margin-right:0.6em;}
/* NETIC network heal report */
.reportTable{
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    clear: both;
    margin: auto;
    overflow: visible;
    padding: 5px;
}
.reportCell{
    text-align:center;
}
.reportRow{    
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
}
.reportHeader{
    text-align:center;
}
.all_devices_link{color:#333333;}
#cpanel_rooms li{margin:0px 0px 6px 0px;}