﻿*{margin:0;padding:0;} 
html, body, #wrap{height:100%;}
body > #wrap{height:auto;min-height:100%;}
body{background:#e8be31 url(i/background.png) repeat-x;font-family:helvetica,arial,sans-serif;}
#main{padding-bottom: 60px;}/* must be same height as the footer */

.cen{width:928px;margin:0 auto;}
.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 */

#login{height:22px;}
#login a{float:right;}

#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;border:none;-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 #logout{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 #logout:hover{color:#E4B44B;}
#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;}

.opaque{opacity:0.50;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";filter:alpha(opacity=50);zoom:1;}
.hide{display:none;}

.top h2{color:#fff;font-size:16px;font-weight:normal;margin-left:60px;}
.top{position:relative;width:928px;height:328px;}
.top .img_border{background:url(i/demo_cont6.png);height:291px;width:550px;position:absolute;z-index:3;}
.top .img{float:left;left:10px;top:10px;position:absolute;z-index:1px;}
.top .big_face, .top .engine{position:absolute;z-index:3;background-image:url(i/demo_face.png);float:left;left:480px;height:341px;width:303px;margin-top:-275px;}
.top .engine {background-image:url(i/engine.png);width:315px;height:335px;left:488px;}
.top .engine:hover{cursor:pointer;}
.top .particles{position:absolute;background-image:url(i/particles.png);float:left;left:540px;height:357px;width:378px;top:-30px;z-index:0;}
.top .mask{background:url(i/t.png) repeat scroll 0 0;color:#fff;height:70px;width:531px;top:211px;left:9px;line-height:70px;position:absolute;z-index:1;}
.top .mask .next{background:url(i/arrow_r.png);width:34px;height:34px;position:absolute;top:16px;left:14px;opacity:0.80;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";filter:alpha(opacity=80);zoom:1;}

.top #viewport{float:left;left:10px;top:10px;position:absolute;z-index:1px;border:solid 1px red;}

.slider {position:relative; overflow:hidden; width:540px; height:275px;}
.slider .demoImg {display:block; width:530px; height: 265px; overflow:hidden; position:absolute; left:10px; top:10px; margin-left:540px;}
.slider .first {margin-left:0;}

.features{position:relative;margin-top:-18px;height:250px;}
.features .feat {position:absolute;color:#fff;font-size:larger; font-weight:normal;}
.features .col1, .features .col2, .features .col3{position:absolute;margin-top:32px;}
.features .col1{width:34%;}
.features .col2{width:34%;left:34%;}
.features .col3{width:32%;left:68%;}
.features .col3 .iPhone{background:url(i/iPhone.png) no-repeat;width:220px;height:183px;margin:12px auto 0 auto;}
.features .col3 .login{color:#fff;font-size:medium;width:220px;height:230px;margin:12px auto 0 auto; background-color:#9d751e;border:solid 2px #f3dd93;-moz-border-radius:8px;-webkit-border-radius:8px;}
.features .col3 .login .title{margin:8px auto 8px auto;width:100%;display:block;text-align:center;}
.features .col3 .login .input{margin:0 8px;color:#9d751e;width:88%;margin:0 auto 8px auto;padding:4px;background-color:#f3dd93;-moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;}
.features .col3 .login .keep{margin:0 8px;}
.features .col3 .login .err, .err{color:red;float:right;margin:-15px -11px 0 0;display:none;}
.features .col3 .login label{text-align:center;display:block;}
.features .col3 .login span{font-size:small;}
.features .col3 .login input[type="text"], .features .col3 .login input[type="password"]{width:98%;margin:0 auto;display:block;}
.features .col3 .login input[type="checkbox"]{}
.features .col3 .login input[type="button"]{float:right;margin-top:8px;}
.features .col3 .login a{font-size:medium;margin-top:16px;float:left;display:block;color:#fff;text-decoration:none;}
.features .col3 .login a:hover{text-decoration:underline;}
.features .col3 .login a:visited{color:#fff}
.features .feature{background:url(i/features.png) no-repeat 0 18px;min-height:90px;padding:12px 0 0 58px;}
.features .feature .title, .blog .post .title{font-size:medium; font-weight:bold;display:block;color:#614c1b;}
.features .feature .desc, .blog .post .body{font-size:small;font-weight:normal;}
.features .feature h1{}

.features .col3 .newsSubscribe{background:#000 url(i/mail.png) no-repeat 10px 0;width:220px;height:183px;margin:12px auto 0 auto;border:solid 3px #fff;-moz-border-radius:8px;-webkit-border-radius:8px;}
.features .col3 .newsSubscribe .overlay1, .features .col3 .newsSubscribe .overlay2{text-align:center;color:#fff;background:transparent url(i/t.png);position:absolute;height:40px;line-height:40px;top:20px;width:220px;}
.features .col3 .newsSubscribe .overlay2{top:153px;}

.blog{position:relative;height:390px;}
.blog .strip{background-color:#fff;height:34px;width:100%;color:#614c1b;-moz-border-radius:8px;-webkit-border-radius:8px;line-height:34px;font-size:larger;font-weight:bold;}
.blog .strip h3{padding-left:12px;font-size:19px;}
.blog .face{ background:url(i/features.png);position:absolute;top:-6px;right:0px;height:52px;width:52px;}
.blog .col1, .blog .col2{position:absolute;margin-top:24px;}
.blog .col1{width:67%}
.post img{margin-right:12px;float:left;width:64px;height:64px;}
.blog .col2{width:33%;left:67%}
.blog .post{background:url(i/shad_line.png) no-repeat 100px 76px;height:98px;padding-top:12px;clear:left;overflow:hidden;}
.blog .post .title{text-decoration:none;}
.blog .post .title:hover{text-decoration:underline;}

.twitter {position:relative;padding-top:44px;left:49px;width:220px;border:solid 3px #f3dd93;-moz-border-radius:8px;-webkit-border-radius:8px;background-color:#9d751e;}
.twitter:hover{cursor:pointer;}
.twitter .bird{position:absolute;background:url(i/twitter_follow.png) no-repeat;width:160px;height:44px;margin:-48px 0 0 -6px;}
.twitter .tweet{font-size:small;padding:6px;color:#fff;border-bottom:solid 1px #f3dd93;overflow:hidden;}

#download{margin-left:566px;padding-top:0px;width:350px;position:relative;}
#download input[type="text"]{margin:0 auto;height:40px;line-height:40px;width:100%;font-size:x-large;color:#ccc;padding-left:6px;}
#download input[type="checkbox"]{position:absolute;left:0;}
#download label{left:24px;position:absolute;width:100%;}
#download .tops{top:62px;}
#download .bot{top:132px;}
#download .overlay{position:relative;top:120px;width:217px;height:180px;}
#download .downimg{position:absolute;width:217px;}
#download #flashDownload{display:none;}

#downinstruct{height:450px;margin-top:-18px;position:relative;}
#downinstruct label{color:#fff;font-size:larger;left:0;position:absolute;}
#downinstruct #instruct_pic{background:url(i/install_instructions.png) no-repeat;position:absolute;top:32px;height:407px;width:772px;}

#AIRDownloadMessageTable{width:217px;height:180px;border:1px solid #999;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:14px;}
#AIRDownloadMessageRuntime{font-size:12px;color:#333;}

#content{color:#696969;background:#fff url(i/bg_grad.jpg) no-repeat;margin:0 auto;width:928px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:24px;}

#content #left{float:left;height:100%;width:200px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;}
#content #left ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:32px 0 0 0;}
#content #left li{float:left;list-style-image:none;list-style-position:outside;list-style-type:none;position:relative;}
#content #left li a, #content #left label{overflow:hidden;text-decoration:none;border-bottom:1px solid #DCDDDE;border-top:1px solid #fff;color:#797C80;display:block;font-size:14px;font-weight:bold;padding:8px 0 8px 28px;position:relative;width:183px;}
#content #left li a:hover{text-decoration:underline;}
#content #left li.sel a{background:#e4af31 url(i/nav_sel.png) no-repeat scroll left center;border:medium none;color:#fff;padding-right:11px;text-shadow:-1px -1px 0 #e4af31;}
#content #left label{padding-left:20px;width:191px;float:left;}

#content #right{min-height:500px;margin-left:212px;padding:24px;}

input[type="button"].btn, input[type="submit"].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;}
.lnkbtn{ font-size:0.7em;margin:0 4px; background:url(i/button_shade_light.png) bottom;color:#696969;-moz-border-radius:5px;-webkit-border-radius:5px; text-decoration:none;padding:2px 6px;}
a.lnkbtn:hover{text-decoration:underline;}

.box{background:#fbfbfb url(i/box.png) repeat-x;border:1px solid #ccc;margin:12px 0;min-height:40px;padding:12px;color:#696969;font-size:1em;-moz-border-radius:5px;-webkit-border-radius:5px;}
.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);}
.box p{padding:12px 0;}
.box ol{padding-left:48px;}
.box h2 {font-size:14px;}
.box h3 {font-size:12px;}
.wiz_line{margin-bottom:8px;width:368px;}
.wiz_line input[type="password"], .wiz_line input[type="text"], .wiz_line select{display:block;font-size:16px;height:30px;line-height:30px;width:100%;}
.wiz_line input[type="radio"], .wiz_line input[type="checkbox"]{margin-right:6px;}
.wiz_line label {margin-right:6px;}
.popb{background:#e48888 url(i/bad.png) no-repeat 6px;border:solid 1px #920000;color:#fff;font-size:0.8em;padding:3px 8px 3px 28px;display:block;height:11px;line-height:11px;float:right;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;}

#sites table, #widgets table{border:solid 1px #ccc;border-bottom:none;width:100%}
#sites table td, #widgets table td{border-bottom:solid 1px #ccc;}
#sites thead, #widgets thead{background-color:#fbfbfb;height:28px;line-height:28px;}
#sites tbody, #widgets tbody{background-color:#fff;}
#sites tbody tr, #widgets tbody tr{height:24px;line-height:24px;}
/*#sites tbody tr:hover{background-color:#f4e37a;}*/
#sites tbody td, #sites thead td, #widgets tbody td, #widgets thead td{padding-left:6px;}
#sites tbody td img, #widgets tbody td img{padding-left:6px;border:none; cursor:pointer;}
/*#sites tbody td img:hover, #widgets tbody td img:hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";filter:alpha(opacity=100);zoom:1;}*/
#sites tbody td img.delete, #widgets tbody td img.delete{float:right; margin:5px 6px 0 0}

table .tbl_loading { float:left; margin:6px 6px 0 0; }
table .title {}

#signup h1{font-size:24px;font-weight:bold;}

/*Moderation*/
.modWid{background:#eee;padding:4px 6px;border-bottom:solid 1px #ccc;}
.modThr{margin-left:24px;padding:4px 6px;border-bottom:solid 1px #ccc;font-size:1em;}
.modThr .visit{float:right;}
.modThr span:hover{cursor:pointer;text-decoration:underline;}
.modWid:hover{cursor:pointer;}
.modOpt{margin:12px 0 12px 48px;height:40px;background:#eee;}
.modOpt select{float:left;line-height:40px;margin:11px;width:120px;}
.modOpt .buto{float:left;margin:8px 6px;}
.modMes{border:solid 2px #ddd;margin:6px 0 6px 48px;}
.modMes.sel{border:dashed 2px #f1c131;}
.modMes .head{background:#ddd;height:30px;}
.modMes .head input[type='checkbox']{float:left;margin:8px 6px;}
.modMes .head .mug{padding:2px;float:left;}
.modMes .head label{line-height:30px;float:left;white-space:nowrap;overflow:hidden;}
.modMes .head .status{float:right;color:Blue;margin-right:6px;width:5.5em;text-align:right;}
.modMes .head .status.a{color:Green;}
.modMes .head .status.w{color:Red;}
.modMes .head .status.s{color:Red;}
.modMes .head .auth{margin-left:6px;width:15em;}
.modMes .head .date, .modMes .head .spam{float:right;width:6.5em;}
.modMes .body{margin:6px;font-size:.9em;}
.modMes .body div{margin:6px 0;}
.modMes div .btn{margin-left:6px;}
.modMes .body .ip{font-weight:bold;}
.modOpt .btn{margin:4px 6px;}

.widLoad {display:none;float:left;margin:2px 4px 0 0;}
#imgWidLoad {display:none;}
/*End of Moderation*/

div.breadcrumbs{margin-bottom:24px;background:url(i/bc.png);height:28px;line-height:27px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#d5d5d5;}
div.breadcrumbs span{background:url(i/bc_split.png) no-repeat left center;overflow:hidden;padding:0 0 0 10px;}
div.breadcrumbs a, div.breadcrumbs em, div.breadcrumbs span{text-decoration:none;font-style:normal;height:30px;overflow:hidden;padding:0 8px;}
div.breadcrumbs a:link, div.breadcrumbs a:visited{color:#e4b44b/*#7b5400*/;}