@font-face{
    font-family:'roboto';
    src:url(roboto-bold.ttf);
    url(roboto-bold.eot) format('embedded-opentype');
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:'roboto';
    src:url(roboto-thin.ttf),url(roboto-thin.eot) format('embedded-opentype');
    font-weight:200;
    font-style:normal
}
@font-face{
    font-family:'roboto';
    src:url(roboto-regular.ttf),url(roboto-regular.eot) format('embedded-opentype');
    font-weight:400;
    font-style:normal
}
html{
    width:100%;
    height:100%;
    min-height:100%
}
body{
    width:100%;
    height:100%;
    min-height:100%;
    margin:0;
    border:none;
    padding:0;
    line-height:130%;
    font-family:roboto,arial,verdana;
    font-size:9pt;
    font-weight:400;
    color:#000;
    background-color:#fdfdfd;
    position:relative
}
img{
    margin:0;
    border:none;
    padding:0
}
div{
    margin:0;
    border:none;
    padding:0
}
a{
    margin:0;
    border:none;
    padding:0;
    text-decoration:none;
    color:inherit;
    font-weight:700
}
a:hover{
    text-decoration:underline
}
p{
    margin:0;
    border:none;
    padding:0
}
ul{
    padding-left:15pt
}
li{
    padding-bottom:5pt
}
input{
    border:none;
    margin:0;
    padding:0;
    outline:none;
    font-family:roboto,arial,verdana
}
textarea{
    border:none;
    margin-top:5px;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    outline:none
}
select{
    border:none;
    padding-left:5px;
    padding-right:5px;
    outline:none
}
div#page{
    width:1000px;
    min-height:100%;
    position:relative;
    z-index:1;
    margin-left:auto;
    margin-right:auto;
    background-color:#fff;
    border-left:2px solid #e6e6e6;
    border-right:2px solid #e6e6e6
}
div#padding{
    height:0
}
div.content{
    width:1000px;
    margin-left:auto;
    margin-right:auto
}
div#header{
    width:1000px;
    height:290px;
    background-color:#fff;
    position:relative;
    top:0;
    z-index:100;
    border-bottom:2px solid #e6e6e6
}
div#header #signin{
    width:970px;
    line-height:60px;
    padding-right:30px;
    text-align:right;
    color:black;
    position:absolute;
    top:0;
    z-index:200
}
div#header img#logo{
    width:330px
}
div#header #tagline span{
    color:#29235C
}
div#header #tagline{
    text-align:center;
    font-weight:lighter
}
div#header_small{
    width:970px;
    height:50px;
    padding:5px 15px;
    background-color:#fff;
    position:absolute;
    top:0
}
div#header_small #logo{
    width:125px!important
}
div#header_small #tagline{
    font-size:20pt;
    line-height:50px;
    float:right;
    text-align:left
}
div#header_large{
    width:940px;
    height:270px;
    padding:10px 30px;
    background-color:#fff;
    position:absolute;
    top:0;
    text-align:center
}
div#header_large #tagline{
    font-size:30pt;
    line-height:67.5px;
    padding-top:0
}
div#mobileinteraction{
    width:200px;
    height:34px;
    background-image:url(mobileinteraction.png);
    background-size:100%;
    background-repeat:no-repeat;
    position:absolute;
    right:30px;
    bottom:10px;
    cursor:pointer
}
div#mobileinteraction:hover{
    background-image:url(mobileinteraction_hover.png)
}
span.identity{
    color:#000;
    padding-right:10px
}
span.error{
    color:#ff8080;
    padding-right:10px
}
div.footer{
    width:100%;
    height:50px;
    line-height:50px;
    min-width:1024px;
    background-color:#000;
    color:#fff;
    position:fixed;
    bottom:0;
    z-index:2;
    text-align:center
}
#divider{
    margin-top:10px;
    margin-bottom:10px
}
div.pagewidth{
    width:1000px
}
div#content{
    text-align:left;
    position:relative;
    overflow:auto;
    background-color:#fff
}
div#info{
    width:100%;
    vertical-align:top;
    text-align:left;
    background-color:#000;
    color:#fff;
    padding-top:20px;
    padding-bottom:60px
}
div#info .column{
    width:280px;
    display:inline-block;
    padding-left:30px;
    vertical-align:top
}
div.textbutton{
    width:70px;
    height:19px;
    line-height:19px;
    padding-left:21px;
    padding-bottom:1px;
    background-position:left;
    background-repeat:no-repeat;
    cursor:pointer;
    float:left;
    color:#666
}
div.textbutton:hover{
    color:#333
}
input:not([type=search]){
    width:100%;
    height:inherit;
    line-height:inherit;
    font-size:inherit;
    background:none;
    position:absolute;
    top:0;
    left:0
}
div.btn_rounded{
    width:75px;
    height:32px;
    line-height:32px;
    cursor:pointer;
    background-color:#888;
    border-radius:16px;
    color:white;
    font-weight:700;
    font-size:12px;
    display:inline-block;
    text-align:center
}
div.btn_with_icon{
    position:relative;
    text-align:left;
    padding-left:35px
}
div.btn_with_icon img{
    position:absolute;
    top:6px;
    left:10px
}
div.label{
    height:21px;
    line-height:21px;
    background-repeat:no-repeat;
    margin-bottom:5px
}
div.formctrl{
    width:345px;
    _height:660px;
    float:left;
    display:inline-block;
    vertical-align:top;
    padding-left:25px;
    padding-top:20px;
    padding-bottom:20px
}
div.input_box_ctrl{
    width:310px;
    height:45px;
    line-height:45px;
    text-align:left;
    border-radius:3px;
    margin-bottom:15px;
    position:relative
}
div.input_ctrl{
    width:300px;
    height:45px;
    line-height:44px;
    padding-left:10px;
    text-align:left;
    border-radius:3px;
    position:relative
}
div.data{
    background-color:#29235C;
    color:white;
    font-weight:700
}
input.ctrl{
    width:300px;
    height:45px;
    line-height:45px;
    padding-left:10px;
    color:white;
    font-weight:700
}
div#onelink_content{
    font-size:18px;
    background-color:#f2f2f2;
    color:#888
}
div#onelink_content.edit{
    background-color:#fff
}
div#onelink_content span#invisible{
    color:#f2f2f2;
    padding-left:1px
}
input#onelink{
    width:268px;
    height:43px;
    line-height:43px;
    padding-right:30px;
    font-size:18px;
    color:black;
    border:1px solid #888
}
input#onelink[readonly]{
    border:1px solid #f2f2f2
}
img.righticon{
    position:absolute;
    top:7px;
    right:3px;
    cursor:pointer
}
div#btn_new_code{
    margin-top:0;
    margin-bottom:5px;
    margin-left:200px
}
div#select_code{
    margin-top:5px
}
div.select{
    width:356px;
    height:45px;
    line-height:45px;
    background-color:#e6e6e6;
    background-image:url(dropdown_arrow.png);
    background-repeat:no-repeat;
    background-position:right;
    color:#fff;
    font-weight:700;
    overflow:hidden;
    border-radius:3px;
    margin-bottom:15px
}
div.select select{
    width:110%;
    height:45px;
    line-height:45px;
    background:none;
    overflow:hidden;
    display:block
}
div.select option{
    width:100%
}
@supports (pointer-events:none) and ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){
    div.select select{
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none
    }
    @-moz-document url-prefix(){
        ...
    }
}
div#qrcode{
    width:270px;
    background-color:#fff;
    margin-top:5px;
    margin-left:20px;
    text-align:center
}
img#qrcode{
    _max-width:270px;
    width:270px;
    min-height:270px;
    image-rendering:pixelated
}
div#label_qr{
    margin-top:5px;
    margin-bottom:-5px
}
div.colctrl .label{
    padding-left:0
}
div.colctrl #embed{
    font-family:courier new;
    font-size:10px;
    word-wrap:break-word;
    word-break:break-all;
    resize:none
}
div.mylinks{
    width:240px;
    margin-top:5px;
    padding-top:19px;
    padding-bottom:19px;
    text-align:left
}
div.btn_ctrl{
    width:310px;
    margin-top:15px;
    background-color:#29235C
}
div#btn_new_code{
    width:75px
}
#qrctrl{
    width:180px;
    height:50px;
    overflow:hidden;
    margin-left:50px;
    margin-top:10px;
    margin-bottom:15px
}
div.btnicon{
    width:49px;
    height:49px;
    margin-right:10px;
    float:left;
    cursor:pointer
}
div.width_right{
    width:310px
}
div#formconfig{
    width:600px;
    _height:660px;
    float:left;
    display:inline-block;
    vertical-align:top;
    text-align:left;
    padding-left:5px;
    padding-top:20px;
    padding-bottom:20px
}
div.input_box_url{
    width:600px;
    height:65px;
    overflow:hidden;
    position:relative
}
img.tree{
    background-color:#888
}
div#treestart{
    width:36px;
    height:100px;
    position:absolute;
    top:63px;
    left:340px;
    overflow:hidden;
    z-index:10
}
img.icon_store{
    padding-top:9px;
    vertical-align:top
}
div.input_url{
    width:520px;
    height:43px;
    line-height:43px;
    padding-left:10px;
    border:1px solid #888;
    border-radius:3px;
    vertical-align:top;
    position:relative;
    display:inline-block
}
div.input_url.readonly{
    background-color:#f2f2f2
}
input.url{
    width:495px;
    padding-left:10px;
    padding-right:25px
}
input.url:focus{
    background:#fff
}
input.url:focus[readonly]{
    background:none
}
input.url.content{
    background:#fff
}
input.url.content[readonly]{
    background:#f2f2f2
}
img.icon{
    position:absolute;
    top:8px;
    right:0;
    padding-left:5px
}
span#label_write_protection{
    padding-left:10px
}
div#editctrl{
    width:594px
}
div#labelappname{
    padding-left:65px
}
div#labelconfig{
    margin-bottom:10px;
    padding-left:65px
}
div#btn_write_protection{
    margin-left:63px;
    background-color:#29235C
}
div#btn_write_protection.active{
    background-color:#888
}
div#btn_write_protection:hover{
    background-color:#bcca76
}
div#btn_write_protection.active:hover{
    background-color:#aaa
}
div#btn_delete{
    float:right;
    display:none;
    background-color:#b12e26
}
div#btn_delete:hover{
    background-color:#b14942
}
div.button{
    width:296px;
    height:45px;
    line-height:45px;
    background-color:#224272;
    color:#fff;
    text-align:center;
    font-weight:700;
    cursor:pointer;
    border-radius:3px
}
div.button:hover{
    background-color:#385580
}
div.btninactive{
    background-color:#e6e6e6;
    color:#000
}
div.btninactive:hover{
    background-color:#ccc
}
div#stats{
    width:1000px;
    height:480px;
    border-top:2px solid #e6e6e6;
    _border-bottom:2px solid #e6e6e6;
    _margin-bottom:36px;
    background-color:#fff;
    position:relative
}
div#statsheader{
    height:25px;
    line-height:25px;
    font-size:20px;
    color:#aaa;
    position:absolute;
    top:20px;
    left:30px
}
canvas#chart{
    width:750px;
    height:400px;
    background-color:#fff;
    position:absolute;
    top:50px;
    left:20px
}
div#legend{
    width:200px;
    position:absolute;
    top:140px;
    right:20px
}
div#legend div.row{
    width:205px;
    height:17px;
    margin-bottom:5px
}
div#legend div.device{
    width:125px;
    height:17px;
    line-height:17px;
    float:left
}
div#legend div.value{
    width:55px;
    height:17px;
    line-height:17px;
    float:left;
    text-align:right
}
div#legend_header{
    font-weight:700;
    margin-bottom:4px
}
div#legend img{
    margin-top:1px;
    margin-right:5px;
    float:left
}
div#legend_access img{
    background-color:rgba(220,220,220,1)
}
div#legend_iphone img{
    background-color:rgba(27,161,226,1)
}
div#legend_ipad img{
    background-color:rgba(5,79,110,1)
}
div#legend_android img{
    background-color:rgba(140,191,38,1)
}
div#legend_windows img{
    background-color:rgba(160,80,0,1)
}
div#legend_blackberry img{
    background-color:rgba(0,171,169,1)
}
div#legend_kindle img{
    background-color:rgba(255,0,151,1)
}
div#statsctrl{
    width:160px;
    position:absolute;
    top:20px;
    right:230px
}
div#force_update{
    width:160px;
    position:absolute;
    top:23px;
    right:315px;
    background-image:url(icon_update.png);
    padding-bottom:0
}
div#force_update:hover{
    background-image:url(icon_update_hover.png)
}
div.btnstats{
    width:52px;
    height:25px;
    line-height:25px;
    float:left;
    border-right:0;
    font-weight:400
}
div.btnleft{
    border-radius:3px 0 0 3px!important
}
div.btnmiddle{
    border-radius:0px!important
}
div.btnright{
    border-radius:0 3px 3px 0px!important
}
div#statssplash{
    width:1000px;
    height:480px;
    background-image:url(img-stat.jpg);
    position:absolute;
    top:0;
    left:0
}
div#statssplash #tagline{
    width:1000px;
    position:absolute;
    left:0;
    top:300px;
    font-size:38pt;
    line-height:130%;
    text-align:center;
    font-weight:lighter
}
div#statssplash #tagline span{
    color:#29235C
}
div#statssplash #btn_signin{
    position:absolute;
    left:365px;
    top:370px
}
div#searchbox{
    padding:10px;
    background-color:#f5f5f5
}
div#searchbox_content{
    width:100%;
    position:relative;
    background-color:#fff;
    border-radius:20px
}
div#input_search{
    width:870px;
    height:45px;
    line-height:45px;
    vertical-align:top;
    font-size:20px;
    display:inline-block;
    position:relative
}
input#search:focus{
    background-color:#fff
}
input#search.content{
    background-color:#fff
}
img#btn_search{
    cursor:pointer;
    padding-left:10px;
    padding-top:5px;
    padding-right:10px
}
img#btn_clear{
    float:right;
    cursor:pointer;
    margin-top:5px;
    margin-right:10px
}
img#anim_searching{
    float:right;
    margin-top:5px;
    margin-right:10px;
    display:none
}
div.search_result_list{
    padding-left:8px
}
div.result_app{
    width:50px;
    height:50px;
    padding:4px;
    background-image:url(anim_arrow128.gif);
    background-size:50px;
    background-repeat:no-repeat;
    position:relative;
    display:inline-block
}
img.result_app{
    width:50px;
    height:50px;
    padding:4px;
    _position:absolute;
    _top:0;
    _left:0;
    cursor:pointer
}
img.result_mask{
    width:50px;
    height:50px;
    position:absolute;
    top:0;
    left:0
}
img.result_app.selected{
    background-color:#29235C
}
div#search_result{
    border-bottom:2px solid #e6e6e6
}
div.search_result_heading{
    font-weight:700;
    margin-top:5px;
    padding-left:10px;
    display:none
}
img#advertisement{
    cursor:pointer
}
#stats{
    display:none
}
#btn_google_signin{
    float:right;
    margin-top:20px
}
#label_qr1{
    display:none
}
.desktopimage{
    max-width:300px
}
.desktopimage{
    display:block
}
.mapdiv{
    text-align:center
}
.socials1{
    display:none
}
.mobileimage{
    display:none
}
@media (max-width:460px){
    .mobileimage{
        display:block
    }
    #label_qr1{
        display:block
    }
    .socials1{
        display:block
    }
    .desktopimage{
        display:none
    }
    div#content{
        overflow-x:hidden
    }
    #padding{
        display:none
    }
    div#labelappname{
        padding-left:0;
        text-align:center
    }
    div#header{
        height:auto
    }
    div#editctrl{
        width:auto;
        text-align:center
    }
    div#header img#logo{
        width:100%
    }
    div#page{
        border:0
    }
    div#header{
        border:0
    }
    #treestart{
        display:none
    }
    #info{
        display:none
    }
    div#page{
        width:100%;
        min-height:auto
    }
    .smartbanner-show{
        margin-top:0
    }
    .smartbanner-container{
        margin:11px auto;
        white-space:nowrap
    }
    div#header #signin{
        width:100%;
        line-height:60px;
        padding-right:0;
        text-align:center;
        color:black;
        position:relative;
        top:0;
        z-index:200
    }
    div#header{
        width:100%
    }
    div#header_large{
        width:100%;
        padding:10px 0;
        position:relative;
        height:auto
    }
    div#header_large #tagline{
        font-size:22pt;
        line-height:35.5px;
        padding-top:0
    }
    img#advertisement{
        width:100%
    }
    div#stats{
        width:100%;
        height:140px;
        margin-bottom:105px
    }
    div#statssplash{
        width:100%;
        height:auto
    }
    div.content{
        width:100%;
        display:none
    }
    div#info .column{
        width:100%;
        display:inline-block;
        padding-left:30px;
        vertical-align:top;
        padding-right:30px
    }
    div#statssplash #tagline{
        width:100%;
        position:relative;
        font-size:38pt;
        line-height:130%;
        text-align:center;
        font-weight:lighter;
        left:auto;
        top:auto
    }
    div.footer{
        min-width:auto;
        width:100%;
        position:relative
    }
    div#header_small{
        display:none
    }
    #btn_google_signin{
        float:none;
        margin-top:20px;
        position:relative
    }
    div#header{
        height:auto
    }
    div.pagewidth{
        width:100%
    }
    div.formctrl{
        width:100%;
        float:none
    }
    img.tree{
        background-color:#888;
        display:none
    }
    div.input_box_url{
        width:100%;
        height:65px;
        overflow:hidden;
        position:relative
    }
    div#formconfig{
        width:97%;
        float:none
    }
    div.input_url{
        width:86%
    }
    select{
        max-width:250px
    }
    #tagline{
        display:none
    }
    #advertisement{
        display:none
    }
    #signin{
        display:block;
    }
}