*{margin:0;padding:0;}
p{margin:12px 0;}
html, body, #wrap{height:100%;}
body > #wrap{height: auto;min-height:100%;}
body{background:#e8be31 url(i/background.jpg) repeat-x;font-family:helvetica,arial,sans-serif;}
#main{padding-bottom: 60px;}/* must be same height as the footer */

.cen{margin:0 auto;width:928px}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display:inline-block;}/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}/* End hide from IE-mac */
.clear{clear:both;}
#header{padding:30px 0 24px 0;position:relative;}
#header .logo{background:url(i/di_logo.png) no-repeat;height:65px;width:282px;display:inline-block;cursor:pointer;}
#header ul{float:right;}
#header ul, #footer ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:16px 0 0 0;}
#header li, #footer li{float:left;list-style-image:none;list-style-position:outside;list-style-type:none;position:relative;}
#header li.sel, #footer li.sel{background:#fff;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
#header li.sel a, #header li a:hover, #footer li a:hover{color:#e4b44b;}
#header li a, #footer li a{color:#fff;display:block;text-decoration:none;margin:0 4px;padding:4px 8px;}
#header #login{background:#fff url(i/icon_logout.png) no-repeat 6px;padding:5px 6px 5px 26px;cursor:pointer;float:right;position:absolute;top:0;right:0;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;}
#header #login:hover{color:#E4B44B;}
#header #login #log1, #header #login #log2{display:none;}
#header label{margin-left:12px;font-size:small;color:#fff;}

#LogDis input[type="text"], #LogDis input[type="password"]{margin-bottom:6px;min-width:200px;}
#LogDis label{width:74px;display:inline-block;text-align:right;margin-right:6px;}
#LogDis .errorAstrix{width:12px;display:none;}
#LogDis input[type="button"]{float:right;}

#footer{position: relative;margin-top:-60px; /* negative value of footer height */height:60px;clear:both;background:url(i/footer.png) repeat-x;}
#footer li.sel{background:#666;}
#footer li.sel a{color:#fff;}
#footer .terms{float:right;text-align:right;color:#fff;text-decoration:none;font-size:small;}
#footer .terms a, #footer .terms a:visited{color:#fff;text-decoration:none;}
#footer .terms a:hover{text-decoration:underline;}
#footer .terms label{display:block;}

#content{padding:12px;min-height:500px;color:#696969;background:#fff;margin:0 auto;width:928px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:24px;}

input[type="button"].btn{border:outset 1px #f3dd93;-moz-border-radius:5px;-webkit-border-radius:5px;}
.btn{display:inline;position:relative;background:#aaa;padding:5px;color:#fff;text-decoration:none;cursor:pointer;}
.btn *{font-style:normal;background-image: url(i/button.png);background-repeat:no-repeat;display:block;position:relative;}
.btn.yell{background:#ffdb62/*e8be31*/;color:#7b5400;}
.btn:hover{opacity:0.90;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=90)";filter:alpha(opacity=90);zoom:1;}
.btn:active{background-color:#9d751e;color:#f3dd93;}
.btn[class]{background-image:url(i/button_shade.png);background-position:bottom;}

.error, .info{display:none;padding:6px;border:solid 1px #ff9999;background-color: #ffebeb;color:Red;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:12px;}
.info{background:#eff1d5;border:solid 1px #acbf31;color:#444;}
.error li{margin-left:24px;}
.errorAstrix{color:red;display:none;}
textarea{width:98%;background:#F7F9FA;border:1px dashed #8CACBB;margin-bottom:12px;}

.box{-moz-border-radius:5px;-webkit-border-radius:5px;background:#fbfbfb url(i/box.png) repeat-x scroll 0 0;border:1px solid #ccc;margin:12px 0;padding:12px;overflow:hidden;}
.box .open,.box .closed{height:16px;width:16px;float:right;cursor:pointer;}
.box .closed{background:url(i/closed.png);}
.box .open{background:url(i/open.png);}

.title, h1{margin:0 0 12px 0;font-size:1.2em;font-weight:bolder;}
h2{margin:0 0 12px 0;font-size:1em;font-weight:bolder;}
.box input[type="text"], .box input[type="password"], .box textarea, .box select, #API_left select, #API_left input[type="text"] {display:block;margin-bottom:6px;min-width:200px;}

#optMethod{width:200px;}

#ajax{z-index:1;position:absolute;left:50%;top:300px;display:none;}
#ajax table{border-collapse:collapse;}
#ajax-inner{background:transparent url(i/texture.png) repeat;padding:12px;}
#ajax-inner #ajax_load{background:transparent url(i/ajax.gif) no-repeat 50% 50%;height:31px;width:31px;margin:0 auto;}
#ajax-inner label{display:block;font-weight:bold;margin-top:12px;}
#ajax .tl, #ajax .tr, #ajax .bl, #ajax .bl{height:10px;overflow:hidden;padding:0;width:10px;}
#ajax .tl{background:transparent url(i/tl.png) repeat scroll 0 0;}
#ajax .tr{background:transparent url(i/tr.png) repeat scroll 0 0;}
#ajax .bl{background:transparent url(i/bl.png) repeat scroll 0 0;}
#ajax .br{background:transparent url(i/br.png) repeat scroll 0 0;}
#ajax .b{background:transparent url(i/b.png) repeat scroll 0 0;}

#LogDis img{text-align:center;}

#apps table, table.auth{border:solid 1px #333;width:100%;border-collapse:collapse;padding:2px;margin-bottom:12px;}
#apps th, .auth th{background:#ddd;padding:8px;border:solid 1px #fff;width:100px;}
#apps tr, .auth tr{background:#eee;width:100%;border:solid 1px #fff;}
#apps td, .auth td{border:solid 1px #fff;padding:6px;}
#API_left{float:left;margin-right:12px;}
#API_main{float:left;}
#API_main textarea{background:#f7f7f7;border:solid 1px #ccc;font-size:1.1em;height:500px;width:690px;}

#img_devices{background:url(i/devices.png);width:400px;height:268px;text-align:center;margin:48px auto 0 auto}