body{padding-top:0px; width:100%;min-width:980px;margin:0px auto 0px auto;font-family:"proxima-nova", arial, sans-serif; text-align:center;}                 /*"ff-dagny-web-pro"*/
.left {float:left;}
.right {float:right;}
.clear {clear:both;}



h1, h2, h3, p {font-size:14px;margin:0;padding:0;}
.clear{clear:both;}
input, select{font-family:Arial, sans-serif;}
.hidden{display:none;}
#container{padding-top:0px; width:980px;margin:0px auto 0px auto;font-family:"proxima-nova", arial, sans-serif; text-align:center;position:relative;}

/* Headers */

#top_outside{width:100%;margin:0px auto 0px auto;height:50px;text-align:center;background-color:#FFF;border-bottom:1px solid #0DAEFF;color:#000;font-size:20px;}
#top_inside {width:980px;margin:0px auto 0px auto;}
#top_inside .link{display:block;padding:0px 0px 0px 25px;margin-top:17px;cursor:pointer;text-decoration:none;color:#999999;float:right;text-align:right;}
#top_inside .link:hover{color:#0DAEFF;}


#bottom_outside{width:100%;margin:0px auto 1000px auto;height:50px;text-align:center;border-top:1px solid #0DAEFF;color:#000;font-size:16px;}
#bottom_inside {width:980px;margin:0px auto 0px auto;}
#bottom_inside .link{display:block;padding:0px 0px 0px 25px;height:48px;margin-top:17px;cursor:pointer;text-decoration:none;color:#999999;float:right;text-align:right;}
#bottom_inside .link:hover{color:#0DAEFF;}

#access_header {margin:0px auto 0px auto;border-bottom:3px solid #F00;padding:0px;width:980px;}
#access_header_logo {float:left;width:750px;height:105px;background-color:#8F8;}
#access_header_menus {float:left;width:230px;height:105px;background-color:#DDD;}

#deconnect {display:block;padding:0px 0px 0px 25px;margin-top:17px;cursor:pointer;text-decoration:none;color:#999999;float:right;text-align:right;}
#deconnect:hover {color:#33ccff;}


/* temporary homepage*/
#home_contents{width:980px;margin:0px auto;}

/* Access to customer account */
#login_block {border:1px solid #33cbff;width:978px;margin:100px auto 200px auto;}
#login_block h1{border-bottom:1px solid #33cbff;padding:10px;color:#999999;font-size:22px;text-align:justify;}
#login_block h2{padding:10px;color:#F66;font-size:18px;margin:20px 0px;font-weight:bold;}
#login_block p{padding:10px;color:#33cbff;font-size:18px;margin:20px 0px;font-weight:bold;}
#login_block .input_block{padding:10px;color:#888;font-size:18px;float:left;}
#login_block .input_title {float:left;margin:0;padding:7px;}
#login_block  input{float:left;margin:0;font-size:18px;border:1px solid #33cbff;padding:7px 10px;}
#login_block  .green_button{background-color:#33cbff;color:#FFF;cursor:pointer;font-weight:bold;}
#login_block  .msg{font-size:12px;float:left;margin:5px 0px;}
#login_block  .tick{border:none;}
#login_block .forgotten_block{padding:10px;color:#888;font-size:12px;margin:30px 0px 15px 5px;}
#login_block .forgotten_title {float:left;margin:0;padding:5px;}
#login_block .forgotten_input{float:left;margin:0;font-size:12px;border:1px solid #33cbff;padding:3px;margin-left:10px;}
#login_block .forgotten_green_button{background-color:#FFF;color:#33cbff;cursor:pointer;font-size:12px;float:left;padding:3px 10px;margin-left:10px;}
#login_block .h2{background-color:#DDD;color:#888;cursor:pointer;font-size:12px;float:left;padding:3px 10px;margin-left:10px;}

/* List of orders */
#my_orders{border:1px solid #0daeff;width:978px;margin:10px auto 0px auto;}
#my_orders h2 {margin:0;text-align:justify;padding:10px;color:#0daeff;font-size:22px;cursor:pointer;}
#my_orders .hidden_at_load {display:none;}
#my_orders h2:hover{background-color:#0daeff;color:#FFF;}

#my_order_details {text-align:justify;border-top:1px solid #0daeff;width:978px;margin:0px auto 0px auto;}
#my_order_details h2 {width:958px;padding:10px;color:#999;font-size:16px;cursor:pointer;}
#my_order_details .basket {border-top:1px dotted #999;padding:15px 0px;}
#my_order_details .basket_top {font-weight:bold;}
#my_order_details .item_line {padding:3px 10px;color:#777;font-size:16px;}
#my_order_details .item_designation {float:left;width:650px;}
#my_order_details .item_details {float:left;width:150px;margin-left:5px;}
#my_order_details .item_status {float:left;width:150px;}
#my_order_details .status_info {border-top:1px dotted #999;padding:15px 0px;}
#my_order_details .status_info_item_designation {float:left;width:200px;}
#my_order_details .status_info_item_value {float:left;width:400px;}

/* List of active devices */
#device_list_title {border:1px solid #00b511;width:978px;margin:5px auto 0px auto;}
#device_list_title h1{padding:10px;background-color:#FFF;color:#00b511;font-size:22px;}

/* Device display block */
.device_block {width:980px;margin:5px auto 0px auto;color:#777;border:1px solid #0daeff;}
.device_block h1{padding:10px;color:#0daeff;font-size:22px;text-align:justify;}
.device_block h2, .device_block_second_bar{border-top:1px solid #0daeff;}
.device_block_range_button, .device_block_range_button_title, .device_block_subtitle{padding:10px;color:#999;font-size:16px;}
.device_block_subtitle{float:left;width:504px;text-align:left;font-weight:bold;}
.device_block_range_button, .device_block_range_button_title{display:block;float:left;width:70px;border-left:1px solid #0daeff;text-decoration:none;font-weight:bold;}
.device_block_range_button_title{border-left:none;}

.device_block h2{}
.device_block h2{text-align:left;font-weight:bold;cursor:pointer;padding:10px;font-size:16px;color:#999;}
.device_block h2:hover, .device_block_range_button:hover {background-color:#0daeff;color:#FFF;}


.device_block .graph{width:978px; height:400px;background-color:#edf6fb;border-top:1px solid #0daeff;}

.information_block_list{display:none;}
.information_block_item{border-top:1px dotted #999;padding:5px 10px;text-align:left;font-size:14px;}

/*
.update{}
.update:hover, .device_block_range_button:hover {background-color:#0daeff;color:#FFF;}
*/



.device_update_area {width:978px;font-weight:normal;color:#777;font-size:16px;border-top:1px dotted #999;display:none;}
.device_update_area_top {border-bottom:1px solid #0daeff;}
.device_update_area .input_block{padding:10px;border-bottom:1px dotted #0daeff;}
.device_update_area .input_title {float:left;margin:0;padding:10px 0px 10px 0px;width:350px;}
.device_update_area  .input_text{float:left;font-size:16px;color:#777;border:1px solid #CCC;padding:9px 10px;width:585px;}
.device_update_area .input_value_area {float:left;margin:0;padding:10px 0px 10px 0px;width:500px;}
.device_update_area .check_box {float:left;padding:0px 10px 10px 0px;color:#777;font-size:16px;}
.device_update_area .error {margin:0;padding:10px 0px 10px 0px;font-size:14px;color:#F66;font-weight:bold;}
.device_update_area .info {margin:0;padding:10px 0px 10px 0px;font-size:12px;}
.device_update_area .green_button{background-color:#0daeff;color:#FFF;cursor:pointer;font-weight:bold;float:right;padding:10px;margin:10px;border:1px solid #0daeff;font-size:16px;}