/* HOME */

.homeContent
{
    float:left;
    width:100%;
    height:auto;
    margin-top:10px;
}

.homeRow
{
    float:left;
    width:100%;
    height:auto;
    margin-top:2px;
    margin-bottom:2px;
    text-align:center;
}

.homeRow img
{
    height:34px;
}

.homeRow input[type=text]
{
    float:left;
    width:96%;
    max-width:600px;
    height:30px;
    padding-left:5px;
    padding-right:5px;

    border:1px solid #264C00;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;

    font-size:14px;
}

.homeRow input[type=text]:focus
{
    background-color:#D9FFD9;
    color:#264C00;
}

.homeRowContainer
{
    float:left;
    width:98%;
    max-width:600px;
    padding:5px;

    background-color:#ffffff;

    border:1px solid #264C00;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}

.homeRowContainer div
{
    float:left;
    width:100%;
    margin-top:3px;
    margin-bottom:3px;
}

.homeRowContainer input[type=checkbox]
{
    float:left;
    margin-top:1px;
    margin-left:5px;
}

.homeRowContainer span
{
    float:left;
    margin-left:5px;

    font-size:12px;
}

.homeRowContainer span a
{
    color:#000000;
    font-weight:bold;
}

.homeRowContainer .g-recaptcha
{
    margin-top:3px;
    margin-bottom:3px;
}

.homeRowContainer input[type=submit]
{
    float:left;
    width:302px;
    height:30px;
    margin-top:5px;

    border:1px solid #264C00;

    background-color:#D9FFD9;
    color:#264C00;
}

.homeRowContainer input[type=submit]:hover
{
    background-color:#76E076;
}

#tinyURLContainer
{
    display:none;
    float:left;
}

.homeRowContainer input[type=text].tinyURL
{
    float:left;
    width:98%;
    height:30px;
    padding-left:1%;
    padding-right:1%;

    border:none;

    text-align:center;
    font-size:18px;
    font-weight:bold;
    color:#264C00;
}

.homeRowContainer input[type=text].tinyURL:focus
{
    background-color:transparent;
    color:#264C00;
}

.homeRowContainer img
{
    float:left;
    height:30px;
    margin-left:5px;
    cursor:pointer;
}

.shareBox
{
    display:none;
    position:absolute;
    width:98%;
    max-width:600px;
    height:30px;
    padding:5px;
    top:239px;

    background-color:#eaeaea;

    border:1px solid #264C00;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}

.shareBox label
{
    float:right;
    width:auto;
    height:30px;
    line-height:30px;
    margin-right:20px;

    font-size:16px;
    font-weight:bold;
}

.shareContainer
{
    float:right;
    width:auto;
    height:40px;
}

.shareContainer a
{
    float:left;
    margin-right:8px;
}

.shareContainer a img
{
    height:26px;
    margin-top:2px;
}

#newsContainer
{
    margin-top:10px;
}

.newsBox
{
    float:left;
    width:100%;
    max-width:600px;
    height:auto;
    padding:5px;
    margin-bottom:5px;

    background-color:#D8FFD8;

    border:1px solid #264C00;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}

.newsBox:hover
{
    background-color:#BFFFBF;
    cursor:default;
}

.newsBox label
{
    float:left;
    width:100%;
    height:20px;
    line-height:20px;
    text-align:left;
    font-size:14px;
    font-style:italic;
}

.newsBox span
{
    float:left;
    width:100%;
    height:20px;
    line-height:20px;
    text-align:left;
    font-size:16px;
    font-weight:bold;
    border-bottom:1px solid #A0A0A0;
}

.newsBox div
{
    display:none;
    float:left;
    width:100%;
    height:auto;
    margin-top:5px;
    text-align:left;
    font-size:12px;
}

.newsBox div.textNews
{
    display:block;
}

/* TERMS.ASPX */

.termsContainer
{
    float:left;
    width:98%;
    height:auto;
    margin-top:10px;
}

.termsContainer span
{
    float:left;
    width:98%;
    height:40px;
    line-height:40px;
    border-bottom:1px solid #979797;
    font-weight:bold;
    margin-bottom:5px;
    font-size:22px;   
}

.termsContainer div
{
    float:left;
    width:98%;
    height:auto;
    margin-bottom:20px;
    margin-left:1%;
}

.termsContainer div label
{
    float:left;
    width:98%;
    height:25px;
    line-height:25px;
    font-size:18px;
}

.termsContainer div ul
{
    float:left;
    width:98%;
    height:auto;   
}

.termsContainer div ul li
{
    float:left;
    width:98%;
    margin-bottom:5px;
}

/* CONTACT */

.contactContainer
{
    float:left;
    width:100%;
    max-width:600px;
    height:auto;
    margin-top:10px;
}

.contactContainer span
{
    float:left;
    width:100%;
    height:30px;
    line-height:30px;
    border-bottom:1px solid #979797;
    font-weight:bold;
    font-size:22px;
}

.contactContainer label
{
    float:left;
    width:100%;
    line-height:20px;
    margin-bottom:10px;
    font-style:italic;
}

.contactRow
{
    float:left;
    width:100%;
    min-height:25px;
    line-height:25px;
    margin-bottom:5px;
}

.contactRow label
{
    float:left;
    width:110px;
    height:25px;
    line-height:25px;
    margin:0;

    font-weight:bold;
    font-style:normal;
}

.contactRow input[type=text]
{
    float:left;
    width:190px;
    max-width:295px;
    height:23px;   
    padding-left:5px;

    border:1px solid #979797;
}

.contactRow textarea
{
    float:left;
    width:185px;
    max-width:290px;
    height:60px;   
    padding:5px;

    border:1px solid #979797;
}

.contactRow select
{
    float:left;
    width:196px;
    max-width:302px;
    height:25px;   

    border:1px solid #979797;
    background-color:#ffffff;
}

.contactRow input[type=submit]
{
    float:left;
    width:302px;
    height:30px;

    border:1px solid #264C00;

    background-color:#D9FFD9;
    color:#264C00;
}

.contactRow input[type=submit]:hover
{
    background-color:#76E076;
}

/* LOGIN */

.loginContainer
{
    float:left;
    width:302px;
    height:auto;
    margin-top:30px;
}

.loginRow
{
    float:left;
    width:100%;
    min-height:30px;
    line-height:30px;
    margin-bottom:5px;
}

.loginRow#EMail, .loginRow#ConfPW, .loginRow#ReCaptcha, .loginRow#Register
{
    display:none;
}

.loginRow input[type=text], .loginRow input[type=password]
{
    float:left;
    width:295px;
    height:23px;   
    padding-left:5px;

    border:1px solid #979797;
}

.loginRow input[type=submit]
{
    float:left;
    width:302px;
    height:30px;

    border:1px solid #264C00;

    background-color:#D9FFD9;
    color:#264C00;
}

.loginRow input[type=submit]:hover
{
    background-color:#76E076;
}

.loginRow input[type=submit].btnFacebook
{
    border:1px solid #364B76;

    background-color:#5C77AD;
    color:#FFFFFF;
}

.loginRow input[type=submit].btnFacebook:hover
{
    background-color:#536B9A;
}

.loginRow input[type=submit].btnGoogle
{
    border:1px solid #B24638;

    background-color:#DE5443;
    color:#FFFFFF;
}

.loginRow input[type=submit].btnGoogle:hover
{
    background-color:#C04131;
}

.loginRow input[type=submit].btnTwitter
{
    border:1px solid #1E7E99;

    background-color:#57CDF1;
    color:#FFFFFF;
}

.loginRow input[type=submit].btnTwitter:hover
{
    background-color:#2AAED6;
}

#loginRegisterToggle div
{
    float:left;
    width:auto;
    height:25px;
    line-height:25px;
}

#loginRegisterToggle div label
{
    float:left;
    width:auto;
    height:25px;
    line-height:25px;
}

#loginRegisterToggle div span
{
    float:left;
    width:auto;
    height:25px;
    line-height:25px;
    margin-left:5px;

    font-weight:bold;
    text-decoration:underline;
}

#loginRegisterToggle div span:hover
{
    cursor:pointer;
}

/* PROFILE */

.profileContainer
{
    float:left;
    width:100%;
    max-width:600px;
    height:auto;
    margin-top:10px;
}

.profileContainer span
{
    float:left;
    width:100%;
    height:30px;
    line-height:30px;
    margin-bottom:10px;
    border-bottom:1px solid #979797;
}

.profileContainer span label
{
    float:left;
    width:auto;
    height:30px;
    line-height:30px;

    font-weight:bold;
    font-size:22px;
}

.profileContainer span input
{
    float:right;
    width:80px;
    height:25px;

    border:1px solid #264C00;

    background-color:#D9FFD9;
    color:#264C00;

    font-size:12px;
}

.profileContainer span input:hover
{
    background-color:#76E076;
}

.profileRow
{
    float:left;
    width:100%;
    min-height:25px;
    line-height:25px;
    margin-bottom:5px;
}

.profileSeparator
{
    float:left;
    width:100%;
    max-width:540px;
    height:1px;
    margin-left:5%;
    margin-top:5px;
    margin-bottom:10px;
    border-bottom:1px solid #979797;
}

.profileRow label
{
    float:left;
    width:110px;
    height:25px;
    line-height:25px;
    margin:0;

    font-weight:bold;
    font-style:normal;
}

.profileRow input[type=text], .profileRow input[type=password]
{
    float:left;
    width:190px;
    max-width:295px;
    height:23px;   
    padding-left:5px;

    border:1px solid #979797;
}

.profileRow input[type=submit]
{
    float:left;
    max-width:412px;
    height:30px;

    border:1px solid #264C00;

    background-color:#D9FFD9;
    color:#264C00;
}

.profileRow input[type=submit]:hover
{
    background-color:#76E076;
}

.profileRow input[type=submit].btnFacebook
{
    border:1px solid #364B76;

    background-color:#5C77AD;
    color:#FFFFFF;
}

.profileRow input[type=submit].btnFacebook:hover
{
    background-color:#536B9A;
}

.profileRow input[type=submit].btnGoogle
{
    border:1px solid #B24638;

    background-color:#DE5443;
    color:#FFFFFF;
}

.profileRow input[type=submit].btnGoogle:hover
{
    background-color:#C04131;
}

.profileRow input[type=submit].btnTwitter
{
    border:1px solid #1E7E99;

    background-color:#57CDF1;
    color:#FFFFFF;
}

.profileRow input[type=submit].btnTwitter:hover
{
    background-color:#2AAED6;
}

/* TINYURL */

.listContainer
{
    float:left;
    width:100%;
    height:auto;
    margin-top:10px;
}

.listContainer span
{
    float:left;
    width:100%;
    min-height:30px;
    line-height:30px;
    margin-bottom:10px;
    border-bottom:1px solid #979797;
}

.listContainer span label
{
    float:left;
    width:auto;
    height:30px;
    line-height:30px;

    font-weight:bold;
    font-size:22px;
}

.listContainer input[type=button]
{
    float:left;
    width:50px;
    height:24px;
    margin-top:2px;
    margin-right:5px;
    padding-left:8px;
    padding-right:8px;
    border:1px solid #264C00;
    font-size:12px;
    background-color:#D9FFD9;
    color:#264C00;
}

.listContainer input[type=button]:hover
{
    background-color:#76E076;
}

.listContainer span div 
{
    float:left;
    width:auto;
    height:25px;
    margin-left:5px;
    margin-bottom:3px;
}

.listContainer span div select
{
    float:right;
    width:146px;
    height:25px;
    margin-right:5px;
    border:1px solid #264C00;
    background-color:#DCFFDC;
}

.listContainer span div .custom-combobox
{
    float:right;
    width:auto;
    min-height:0px;
    height:25px;
    line-height:0px;
    margin:0;
    margin-right:5px;
    border:none;
}

.listContainer span div .custom-combobox .ui-helper-hidden-accessible
{
    width:auto;
}

.listContainer span div .custom-combobox input
{
    width:117px;
    height:23px;
    padding-left:5px;
}

.listContainer span div .custom-combobox a
{
    height:23px;
    margin-top:-3px;
    margin-left:-1px;
}

.listContainer span div .custom-combobox a span
{
    width:22px;
    min-height:0px;
    line-height:0px;

    border:none;
}

.tinyContainer
{
    float:left;
    width:100%;
    height:auto;
}

.tinyContainer span.noLogin
{
    float:left;
    width:100%;
    min-height:30px;
    margin:0;
    border:none;
    text-align:center;
}

.tinyContainer span.noLogin label
{
    float:left;
    width:100%;
    min-height:30px;
    height:auto;
    font-size:14px;
    text-align:center;
}

.tinyContainer span.noLogin input[type=button]
{
    float:none;
    width:auto;
    height:26px;
    padding-left:5px;
    padding-right:5px;
    margin-left:3px;
    margin-right:3px;
    border:1px solid #264C00;

    background-color:#D9FFD9;
    color:#264C00;
}

.tinyContainer span.noLogin input[type=button]:hover
{
    background-color:#76E076;
}

.tinyContent
{
    float:left;
    width:100%;
    height:auto;
}

.tinyBox
{
    float:left;
    width:100%;
    min-height:80px;
    padding:5px;
    margin-bottom:5px;
    background-color:#ededed;
}

.tinyBox:hover
{
    background-color:#D9FFD9;
}

.tinyBox label
{
    float:left;
    width:100px;
    height:20px;
    line-height:20px;
    font-size:12px;
    font-style:italic;
    cursor:default;
}

.tinyBox span
{
    float:left;
    width:100%;
    height:30px;
    line-height:30px;
    margin:0;
}

.tinyBox span.ui-helper-hidden-accessible
{
    display:none;
}

.tinyBox span input
{
    float:left;
    width:auto;
    height:30px;
    line-height:30px;
    margin:0;
    color:#000000;
    border:none;
    background-color:transparent;
    text-decoration:none;
    font-weight:bold;
    font-size:14px;
}

.tinyBox span label
{
    float:right;
    width:auto;
    height:30px;
    line-height:30px;
    font-size:20px;
    cursor:default;
}

.tinyBox span input.caseInsensitive
{
    color:#046BCC;
    font-style:italic;
}

.tinyBox input
{
    float:left;
    width:auto;
    height:25px;
    line-height:25px;
    margin-top:5px;
    border:none;
    background-color:transparent;
    color:#000000;
    text-decoration:none;
    overflow:hidden;
}

.tinyBox input.tinyCat
{
    float:right;
    height: 20px;
    line-height: 20px;
    margin: 0;
    font-size:12px;
    text-align:right;
}

.tinyBox a:hover
{
    text-decoration:underline;
    cursor:pointer;
}


.tinyBox .buttonContainer
{
    float:right;
    width:100px;
    height:25px;
    margin-top:5px;
}

.tinyBox .buttonContainer img
{
    float:right;
    height:24px;
    margin-left:3px;
    margin-right:3px;
    cursor:pointer;
}

.chartContainer
{
    display:none;
    float:left;
    width:100%;
    height:auto;
    margin-bottom:5px;
}

/* GOTO */

.goToContent
{
    float:left;
    width:100%;
    height:auto;
    margin-top:10px;
}

.errorContainer, .redirectContainer
{
    float:left;
    width:100%;
    height:auto;

    background-color:#D9FFD9;

    border:1px solid #264C00;
     border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;

    cursor:default;
}

.errorContainer span
{
    float:left;
    width:100%;
    height:40px;
    line-height:40px;

    text-align:center;
    font-size:20px;
    font-weight:bold;
    text-decoration:underline;
   
    cursor:default;
}

.errorContainer label
{
    float:left;
    width:100%;
    height:40px;
    line-height:40px;

    text-align:center;
    font-size:14px;

    cursor:default;
}

.redirectContainer label
{
    float:left;
    width:100%;
    height:40px;
    line-height:40px;

    text-align:center;
    font-size:14px;
    font-weight:bold;

    cursor:default;
}

.redirectContainer div
{
    float:left;
    width:60px;
    height:60px;
    line-height:60px;
    margin-bottom:5px;

    text-align:center;
    font-size:36px;
    font-weight:bold;

    cursor:default;

    border:4px solid #D9FFD9;
}

.bannerContainer
{
    float:left;
    width:300px;
    height:250px;
    margin-top:10px;
}

/* CATEGORIES */

.catContainer
{
    float:left;
    width:100%;
    height:auto;
}

.catContainer span.noLogin
{
    float:left;
    width:100%;
    min-height:30px;
    margin:0;
    border:none;
    text-align:center;
}

.catContainer span.noLogin label
{
    float:left;
    width:100%;
    min-height:30px;
    height:auto;
    font-size:14px;
    text-align:center;
}

.catContainer span.noLogin input[type=button]
{
    float:none;
    width:auto;
    height:26px;
    padding-left:5px;
    padding-right:5px;
    margin-left:3px;
    margin-right:3px;
    border:1px solid #264C00;

    background-color:#D9FFD9;
    color:#264C00;
}

.catContainer span.noLogin input[type=button]:hover
{
    background-color:#76E076;
}

.catRow
{
    float:left;
    width:100%;
    height:auto;
}

.catContent
{
    float:left;
    width:300px;
    min-height:86px;
    height:auto;
    margin-right:3px;
    margin-left:3px;
    margin-bottom:5px;
    background-color:#DFDFDF;
    border:1px solid #000000;
}

.catContent span
{
    float:left;
    width:100%;
    height:30px;
    line-height:30px;
    margin:0;
    border-bottom:1px solid #979797;
}

.catContent span input[type=text]
{
    float:left;
    width:225px;
    height:22px;
    line-height:22px;
    padding-left:5px;
    margin-left:5px;
    margin-top:4px;
    font-size:18px;
    border:none;
    background-color:#DFDFDF;
}

.catContent span img
{
    float:right;
    height:24px;
    margin-right:5px;
    margin-top:3px;
    cursor:pointer;
}

.catContent span input[type=button]:hover
{
    background-color:#76E076;
}

.catContent ul
{
    float:left;
    width:290px;
    min-height:43px;
    height:auto;
    max-height:150px;
    margin:5px;
    margin-bottom:0px;
    overflow:auto;
}

.catContent ul li
{
    float:left;
    width:278px;
    height:auto;

    margin-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    border:1px solid #B79900;
    background-color:#FFFF91;
    cursor:default;
}

.catContent ul li input[type=text]
{
    float:left;
    width:auto;
    min-height:20px;
    height:20px;
    line-height:20px;
    margin-top:3px;
    border:none;
    font-size:12px;
    font-weight:bold;
    background-color:#FFFF91;
    cursor:default;
}

.catContent ul li label
{
    float:left;
    width:100%;
    height:20px;
    line-height:20px;
    font-size:9px;
    overflow:hidden;
    cursor:default;
}

/* DEVELOPER */

.developerContainer
{
    float:left;
    width:100%;
    height:auto;
    margin-top:10px;
}

.developerContainer > span
{
    float:left;
    width:100%;
    height:30px;
    line-height:30px;
    border-bottom:1px solid #979797;
    font-weight:bold;
    font-size:22px;
}

.keyContainer
{
    float:left;
    width:100%;
    height:auto;
    margin-top:5px;
    border-bottom:1px solid #979797;
}

.keyContainer span
{
    float:left;
    width:100%;
    height:35px;
}

.keyContainer label
{
    float:left;
    width:132px;
    height:30px;
    line-height:30px;
    font-size:14px;
    font-weight:bold;
}

.keyContainer input[type=submit]
{
    float:left;
    width:170px;
    height:29px;
    line-height:28px;

    border:1px solid #264C00;

    background-color:#D9FFD9;
    color:#264C00;
}

.keyContainer input[type=submit]:hover
{
    background-color:#76E076;
}

.keyContainer input[type=text]
{
    float:left;
    width:300px;
    height:25px;
    line-height:25px;
    text-align:center;
    font-size:12px;
    border:1px solid #979797;
    background-color:#EAEAEA;
}

.descriptionAPI
{
    float:left;
    width:100%;
    height:auto;
    margin-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid #979797;
    font-size:12px;
}

.methodsContainer
{
    float:left;
    width:100%;
    height:auto;
    margin-top:10px;
}

.method
{
    float:left;
    width:100%;
    height:auto;
}

.method > label
{
    float:left;
    width:100%;
    height:30px;
    line-height:30px;
    font-weight:bold;
    font-size:22px;
    text-decoration:underline;
}

.method > span
{
    float:left;
    width:100%;
    height:auto;
    margin-bottom:10px;
    font-size:12px;
}

.method > span > label
{
    float:left;
    width:100%;
    height:auto;
    line-height:20px;
    margin-bottom:5px;
    font-size:14px;
    font-weight:bold;
}

.method > span > ul
{
    float:left;
    width:100%;
    height:auto;
}

.method > span > ul li
{
    float:left;
    width:100%;
    height:auto;
    line-height:20px;
    list-style-position:inside;
    list-style-type:disc;
}

/* TERMS */

.toolsContainer
{
    float:left;
    width:100%;
    height:auto;
    margin-top:10px;
}

.toolsContainer > span
{
    float:left;
    width:100%;
    height:30px;
    line-height:30px;
    border-bottom:1px solid #979797;
    font-weight:bold;
    font-size:22px;
}

.toolsList
{
    float:left;
    width:100%;
    height:auto;
    margin-top:10px;
}

.toolBox
{
    float:left;
    width:100%;
    height:45px;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:5px;

    background-color:#D8FFD8;

    border:1px solid #264C00;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}

.toolBox:hover
{
    background-color:#BFFFBF;
    cursor:default;
}

.toolBox > img
{
    float:left;
    width:32px;
    height:32px;
    padding:5px;
    margin-left:10px;
    border:2px solid #264C00;
}

.toolBox > label
{
    float:left;
    width:auto;
    height:45px;
    line-height:48px;
    margin-left:5px;

    font-weight:bold;
    font-size:20px;
}

.toolDescription
{
    display:none;
    float:left;
    width:100%;
    height:auto;
    margin-top:10px;
}

.toolDescription > input[type=button]
{
    float:left;
    width:50px;
    height:30px;
    line-height:30px;
    border:1px solid #264C00;

    background-color:#D9FFD9;
    color:#264C00;
}

.toolDescription > input[type=button]:hover
{
    background-color:#76E076;
}

.toolDescription > label
{
    float:left;
    width:auto;
    height:30px;
    line-height:30px;
    margin-left:5px;
    font-weight:bold;
    font-size:16px;
}

.toolDescription > div
{
    float:left;
    width:100%;
    height:auto;
    margin-top:10px;
    font-size:12px;
}

.toolDescription > div > img
{
    width:100%;
    margin-top:2px;
    margin-bottom:10px;
    border:1px solid #264C00;
}

.toolDescription > div > span
{
    float:left;
    width:100%;
    margin-top:2px;
}

.toolDescription[toolname=WinApp] > div > span > img
{
    float:left;
    width:100%;
    max-width:329px;
    margin-right:5px;
    margin-bottom:5px;
}