body{background-color:#171717;margin:0;color:#cccccc;font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif;}
ul,p,h1,a{padding:0;margin:0;}
ul li{list-style:none;}
a{color:#0082ff;text-decoration:none;}
#header{border-bottom:1px dotted #444444; margin-top:5px;}
.title{font-size:15px;}
.wrap{width:980px;text-align:left;}
.hide{display:none;}
.qr-menu{margin-top:20px;}
.qr-menu ul li{
float:left;
margin-right:1px;
padding:5px;
padding-left:15px;
padding-right:15px;
background-image:url(../images/img_bg2.png);
}
.qr-menu ul li:hover,.qr-menu li.selected{
background-image:url(../images/img_bg3.png);
}
.qr-menu li.selected .a,.qr-menu li.selected .b,.qr-menu li.selected .c{
color:#ffffff;
}
.qr-menu a{
color:#cccccc;
text-decoration:none;
white-space: nowrap;
}
.qr-menu .a,.qr-menu .b{color:#888888;}
.qr-menu .c{margin-left:14px;color:#0082ff;}
.qr-form{margin-top:10px;padding:10px;}
.qr-form .left{float:left;width:30%;}
.qr-form .right{
width:68%;
float:right;
text-align:center;
vertical-align: middle;
background-color:#333333;
overflow:hidden;
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
}
.qr-form .right table{width:100%;padding:10px;height:350px;}
#body{margin-top:10px;}
#footer{padding-top:10px;margin-top:20px;margin-bottom:10px;}
.dBtn{margin-top:10px;}
input[type='text'],textarea,input[type='file']{
background-color:#333333;
border:1px solid #555555;
border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
width:100%;
padding:5px;
color:#FFFFFF;
}
select{
background-color:#333333;
border:1px solid #555555;
padding:3px;
color:#FFFFFF;
border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
}
input[type='text']:focus,textarea:focus,input[type='file']:focus,select:focus,input[type='button']:hover,#btnUpload:hover{
box-shadow:0px 0px 3px #0082ff;
-moz-box-shadow:0px 0px 3px #0082ff;
}
.qr-content ul{margin-top:10px;}
.qr-content li ,.options li{margin-bottom:10px;color:#555555;}
#map{height:360px;}
#tools{
width:100%;
padding:5px;
text-align:left;
background-color:#444444;
display:none;
}
#styleIcon{
width:25px;
height:25px;
position:absolute;
background-image:url(../images/style1_icon_1.png);
border-radius:2px 2px 2px 2px;
-moz-border-radius:2px 2px 2px 2px;
cursor:pointer;
margin-top:8px;
}
#styleIcon:hover{background-image:url(../images/style1_icon.png);}
#style1,#uploadImage{
position:absolute;
padding:10px;
background-color:#222222;
margin-top:6px;
margin-left:-5px;
opacity:0.9;
filter:alpha(opacity=90);
border-radius:0px 0px 5px 0px;
-moz-border-radius:0px 0px 5px 0px;
width:240px;
display:none;
}
#style1 img{float:left;}
#style1 .tc{float:left;margin-left:10px;}
#style1 .btnCtrl{margin-top:10px;}
#fc3{margin-left:1px;}
#size{float:left;margin-top:5px;}
#color{
width:450px;
float:left;
margin-left:10px;
border:1px solid #555555;
border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
}
#color .color,#style1 .color{width:50px;}
.c1{background-color:#000000;}
.c2{background-color:#FF0000;}
#footerTools{
text-align:left;
padding:10px;
background-color:#222222;
width:634px;
display:none;
background-image:url(../images/qrcode_2.png);
background-repeat:no-repeat;
background-position:450px center;
}
#footerTools div{margin-bottom:3px;}
#footerTools input{width:200px;}
.share_image{
position:absolute;
margin-left:230px;
margin-top:-75px;
}
input[type='button'],#btnUpload{
border:1px solid #444444;
background-color:#333333;
color:#ffffff;
margin-right:1px;
cursor:pointer;
height:30px;
border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
}
#btnGen{padding:5px;border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;}
#btnColorOK{margin-left:5px;}
#divOptions{
margin-top:20px;
margin-bottom:20px;
border:1px solid #555555;
border-radius:3px 3px 3px 3px;
width:297px;
}
#divOptions .title{background-color:#333333;padding:5px;cursor:pointer;}
#divOptions .content{padding:10px;display:none;}
.bl{border-radius:5px 0px 0px 5px;-moz-border-radius:5px 0px 0px 5px;}
.br{border-radius:0px 5px 5px 0px;border-radius:0px 5px 5px 0px;}

#uploadImage{
text-align:left;
}

#uploadImage #divForm  div{
margin-bottom:5px;
}
#uploadImage #divImage img{
max-width:50px;
}

a.close{
background-image:url(../images/close_box.gif);
float:right;
width:15px;
height:15px;
}

.loading{
background-image:url(../images/ajax_small.gif);
background-position:center;
background-repeat:no-repeat;
position:relative;
width:100%;
height:100%;
}

#footer a:hover{text-decoration:underline;}

#ui-datepicker-div{
display:none;
}

#view{
background-image:url(../images/view_bg.png);
position:absolute;
padding:20px;
box-shadow:0px 0px 10px #000000;
margin:50px;
width:520px;
top:10%;
}
#view .desc{
text-align:center;
}
#view .title{
margin-bottom:10px;
border-bottom:1px solid #cccccc;
padding-bottom:3px;
}



#body .title-hd{
    float: left;
    width: 200px;
    padding-left: 30px;
}
#body .title-hd h2{
    margin: 5px;
}
#body .title-hd h4{
    margin: 5px;
}
#body .desc{
    float: left;
     width: 650px;
}