/******************************************  RESET  ******************************************/
html, body, h1, h2, h3, a, img, input, ul, li
{
    margin: 0;
    padding: 0;
    border: 0;
}
/******************************************  TAGS  *******************************************/
body
{
    font-family: 'Roboto Slab', serif;
}

li
{
    list-style: none;
}

a
{
    text-decoration: none;
}

/****************************************  GENERAL  ******************************************/
#wrapper-header
{
    height: 218px;

    min-width: 1128px;
}

#wrapper-template
{
    height: 186px;
    min-width: 1128px;

    background-color: #2FC9C7;
}

#wrapper-result
{
    min-width: 1128px;

    background-color: #e7e7e7;
}

#wrapper-description
{
    min-width: 1128px;

    background-color: #e7e7e7;
}

#wrapper-footer
{
    height: 98px;
    min-width: 1128px;

    background-color: #263038;
}

/* ------------------------------ Header section ------------------------------ */
#header-container
{
    width: 1128px;

    margin: auto;
}

.title-logo-inverted
{
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.title
{
    position: relative;
    margin-top: 20px;

    color: #263038;
    font-family: 'Sancreek', cursive;
    font-size: 84pt;
}

#zizigougou-left
{
    position: absolute;
    top: 23px;
    left: 281px;
}

#zizigougou-right
{
    position: absolute;
    top: 23px;
    left: 727px;
}

#title-line1
{
    width: 574px;

    margin: auto;

    line-height: 94px;
    text-align: center;
}

.sub-title
{
    margin: auto;
    font-size: 14px;
    font-weight: bold;
    color: #757d83;
    text-align: center;
}

/* ------------------------------ Template section ------------------------------ */
.template-container
{
    height: 178px;
    width: 1128px;
    margin: auto;
}

#template-line1
{
    position: relative;

    height: 74px;
}

    .example-link
    {
        display: inline-block;

        position: relative;
        left:13px;
        
        text-decoration: underline;
        cursor: pointer;
    }

    #settings-img
    {
        display: inline-block;
        
        position: relative;
        left: 84px;

        width: 26px;

        /*margin-left: 138px;*/
        vertical-align: middle;

        cursor: pointer;
    }

#template-line2
{
    height: 104px;
}

.banner
{
    float: left;
    width: 100%;
}

.baner-icons
{
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.banner-full
{
    float: left;
    width: 100%;
    height: 219px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-repeat: no-repeat;

    /* Internet Explorer 10 */
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    /* Safari, Opera, and Chrome */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /* W3C */
    display: flex;
    align-items: center;
    justify-content: center;
}

.separator-black
{
    border-color: #263038;
    margin-top: 0px;
    margin-bottom: 0px;
}

.separator-white
{
    margin-top: 0px;
    margin-bottom: 0px;
    border-color: white;
}



.rules-dropdown
{
    display: inline-block;

    margin-top: 22px;
    margin-left: 59px;
}

.google-banner-main
{
    position: relative;
    top: 18px;
    width: 100%;
}

.google-baner
{
    text-align: center;
}

    .google-baner > *
    {
        display: inline-block;
        vertical-align: middle;
    }

#template-textbox
{
    background-color: white;
    height: 72px;
    width: 1012px;
    border-radius: 8px;
    position: relative;
}

#curseur
{
    float: left;
    margin-top: 6px;
    height: 62px;
    width: 3px;
    background-color: #000;
}

    #curseur.invisible
    {
        background-color: transparent;
    }

.interblock
{
    position: absolute;
    width: 10px;
    height: 90px;
    top: -10px;
    left: -10px;
}

#interblock-right
{
    position: absolute;
    height: 90px;
}

.block {
    float: left;
    display: inline-block;
    background: url("../images/blank-dot.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 40px;
    line-height: 52px;
    width: 60px;
    height: 60px;

    margin-top: 7px;
    margin-left: 4px;
    margin-right: 4px;
    cursor: pointer;
    position:relative;
}

.block img
{
    height: 40px;
    margin-top: 7px;
}

/* ------------------------------ Content section ------------------------------ */
#result-container
{
    height: 804px;
    width: 1128px;

    margin: auto;
}

.content
{
    float: left;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* ------------------------------ Result section ------------------------------ */

#result
{
    display: inline-block;
    vertical-align: top;

    height: 100%;
    width: 739px;
    
    margin-left: 5px;
}

#result-inner
{
    height: 784px;

    background: white;

    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;

    margin-top: 10px;
    margin-bottom: 10px;
}

.ad-space
{
    width: 728px;

    padding-top: 8px;
    margin: auto;
}

/* ---------------------------- Favorites section ---------------------------- */

#favorites
{
    display: inline-block;
    vertical-align: top;

    position: relative;

    height: 100%;
    width: 384px;
}

#favorites-inner
{
    border-color: white;
    height: 454px;
    width: 358px;
    border-style: solid;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin: 24px 10px 10px 10px;
}

#favorites-poster
{
    position: absolute;
    left: 88px;
    top: 5px;
}

#bullet-left
{
    position: absolute;
    top: 20px;
    left: 24px;
}

#bullet-right
{
    position: absolute;
    left: 180px;
    top: 20px;
}

 #favorites-poster span
{
    top: 5px;
    left: 40px;
    position: absolute;
    color: white;
    font-size: 17pt;
}

 #favorites-empty
 {
    height: 100%;
    width: 100%;
 }

 #favorites-empty span
 {
     top: 50px;
     position: relative;
     font-size: 12pt;
     color: #757d83;
     font-weight: bold;
     margin: 0px 10px;
 }

 #favorites-empty img
 {
     position: relative;
     top: 80px;
     left: 120px;

     -moz-transform: scale(-1, 1);
     -webkit-transform: scale(-1, 1);
     -o-transform: scale(-1, 1);
     -ms-transform: scale(-1, 1);
     transform: scale(-1, 1);
 }

 #favorites-filled
 {
     display: none;

     height: 100%;
     width: 346px;

     padding-top: 22px;
     padding-left: 11px;

     color: #757d83;
     font-size: 9pt;
     font-weight: bold;
 }

/* ----------------------------- Examples section ----------------------------- */
.ex-li
{
    margin-top: 10px;
}

    .ex-li li
    {
        border-radius: 6px;
        background: white;
        float: left;
        margin: 0px 12px 10px 12px;

        width: 244px;
        height: 112px;
    }

        .ex-li li:hover
        {
            background: #DDDBDB;
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        }

    .ex-li p
    {
        font-size: 14px;
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }

.ex-icon
{
    float: left;
    margin-left: 3px;
    margin-top: 4px;
    width: 28px;
}

.try-btn
{
    float: right;
    height: 32px;
    margin-right: 8px;
    width: 60px;
    color: #FFF;
    background: #263038;
    margin-top: 2.5px;
    border-radius: 6px;
    margin-bottom: 8px;
    cursor: pointer;
}

.ex_cronos, .ex_jack, .ex_google, .ex_random
{
    cursor: pointer;
}

.arrow-example
{
    top: -10px;
    left: 91px;
}

/* ------------------------- Content Right section ------------------------- */
.space-box
{
    float: left;
    width: 75%;
    background: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #000;
    border-bottom-right-radius: 5px;
}

.space-box-spacing {
    float: left;
    padding: 0 8px;
    width: 98%;
}

#space-box-left
{
    float:left;
    position: relative;
    height: 588px;
    width: 100%;
    line-height: 44px;
}

#Generation-Animation
{
    display: none;
    position: absolute;
    left: 0px;
    height: 588px;
    width: 728px;
    background-color: white;
    opacity: 1;
}

#UserMessage
{
    display: none;

    height: 375px;
    width: 470px;

    margin-left: auto;
    margin-right: auto;
}

#column1, #column2, #column3
{
    display: inline-block;

    height: 528px;
    width: 33%;
    vertical-align: top;
    float: left;
    text-align: left;
    padding-top:22px;
    /*padding-left: 18px;*/

    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#column1
{
    margin-left: 6px;
}

.result-item
{
    display: inline-block;
    
    font-size: 21px;
}

    .result-item:hover
    {
        color: #757d83 !important;
    }

.result-prefix
{
    display: inline-block;
    width: 14px;
}

.result-label
{
    margin-left: 6px;

    cursor: pointer;
}

/* --------------------------- Favorites section --------------------------- */
#fav-box
{
    float: right;
    width: 36%;
    background: #c6c6c6;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #464646;
    height: 406px;
    margin-bottom: 10px;
    overflow: hidden;
}

.fav-main
{
    float: left;
    width: 90%;
    border-bottom: 1px solid #000;
    font-size: 24px;
    font-weight: bold;
    color: #2a2a2a;
    line-height: 45px;
    text-align: left;
    padding: 0 10px;
    margin-bottom: 3px;
}

.fav-main span
{
    float: left;
    width: 48%;
}

.fav-list-icon
{
    cursor: pointer;

    top: 11px;
    position: relative;
    height: 23px;
    width: 23px;
}

#print-icon
{
    left: 37px;
}

#delete-icon
{
    left: 10px;
}

#share-icon
{
    left: 10px;
}

#favorite-icon
{
    float: left;
    margin-right: 2%;
    margin-top: 7%;
}

/* --------------------------- Description section --------------------------- */

#footer-content
{
    width: 1128px;
    margin: auto;

    /* Internet Explorer 10 */
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    /* Safari, Opera, and Chrome */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;

    /* W3C */
    display: flex;
    align-items: center;
    justify-content: center;
}

#footer-content img
{
    position: relative;
    top: -60px;

    height: 30px;
}

#footer-content div
{
    -ms-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1;

    margin-left: 40px;
    margin-right: 10px;

    font-size: 14px;
    color: #757d93;
}

.title-description
{
    color: #2fc9c7;
    font-size: 18pt;
    font-weight:normal;
}

/* ----------------------------- Footer section ----------------------------- */
footer
{
    text-align: center;
}

.footer-link
{
    margin-left: 10px;
    margin-right: 10px;
    
    line-height: 98px;

    color: white;
}

/***************************************************/

/*.social-img{ float:right; margin-top:5px;} */
/*  extra coded for social icons */
.social-img {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top-left-radius: 5px;
    float: right;
   padding-left: 1px;
    padding-right: 0;
    padding-top: 3px;
    width: 40%;
    position: relative;
    top: -6px;
    z-index: 1;
}

/*.addthis_counter a.atc_s {
    width: 52px !important;
}

.addthis_pill_style {
    position: relative;
    left: -14px;
}

.addthis_button_google_plusone.at300b > div {
    display: block;
    left: -15px;
    position: relative;
}

.addthis_counter.addthis_pill_style {
    display: block;
    position: relative;
    right: 0px;
}*/

#widget {
    padding-left: 6px;
}

/* section is closed */
.social-img-in {
    width: 100%;
}
/* banner end*/

.space-list1 ul li a:hover {
    background: url("http://www.name-generator.org/images/popup-arow.png") no-repeat 95% 50%;
    background-color: #C6C6C6 !important;
}

.first-list1 ul li a:hover {
    background: url("http://www.name-generator.org/images/popup-arow.png") no-repeat 95% 50%;
    background-color: #C6C6C6 !important;
    float: left;
    display: block;
}

.hovActive {
    background: #DDDBDB !important;
}

.space-list1 {
    float: left;
}

    .space-list1 ul {
        float: left;
        padding: 0 20px;
    }

    .space-list1 li {
        line-height: 36px;
        float: left;
        width: 50%;
        text-align: center;
    }

    .space-list1 a {
        font-size: 20px;
        color: #232323;
        padding: 5px 20px 5px 4px;
    }

.first-list1 {
    float: left;
}

    .first-list1 ul {
        float: left;
        padding: 0 50px;
    }

    .first-list1 li {
        line-height: 36px;
        float: left;
        width: 50%;
    }

    .first-list1 a {
        font-size: 20px;
        color: #232323;
        padding: 0 20px 0 3px;
    }

.next {
    float: left;
    width: 100%;
    margin-top: 30px;
    font-size: 18px;
    font-weight: bold;
}

.previous-text {
    float: left;
    margin-left: 30px;
}

.next-text {
    float: right;
    margin-right: 30px;
}

.previous-icon {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}

.next-icon {
    float: right;
    margin-top: 1px;
    margin-left: 5px;
}

/*************************************/

.bg {
    max-width: 1128px margin:0 auto;
}

.space-list1 > ul {
    background: none repeat scroll 0 0 #FFFFFF;
}

.top-left {
    float: left;
    margin: 130px 0 0 70px;
    width: 20%;
}

    .top-left strong {
        float: left;
        font-size: 18px;
        width: 100%;
    }

    .top-left > p, .top-ryt p, .bot-ryt p, .bot-left p {
        float: left;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        margin: 0;
        padding: 5px 0 0;
        width: 100%;
    }

.top-ryt {
    float: right;
    margin: 169px 0 0;
    position: relative;
    width: 27%;
}

.bot-ryt {
    float: left;
    left: 33%;
    position: relative;
    top: 540px;
    width: 69%;
}

.bot-left {
    float: right;
    position: relative;
    top: 300px;
    width: 27%;
}

.top-left > img {
    margin: 1px 0 0 36%;
}

.top-ryt > img {
    float: left;
    left: -55px;
    position: absolute;
    top: 18px;
    width: 79px;
}

.bot-ryt > img {
    float: left;
    margin-left: 7%;
    width: 10px;
}

.bot-left > img {
    float: left;
    margin-top: 10px;
}

.top-ryt p {
    padding-left: 6%;
    width: auto;
}

.bot-left p {
    padding: 0 0 0 5%;
    width: auto;
}

.bg.help-icon img {
    left: -2px;
    position: relative;
    top: 12px;
    width: 100.2%;
}

.help-icon.below-icon {
    height: 100%;
    left: -1px;
    position: relative;
    top: 3px;
    width: 100.3%;
}

.help-icon.toHelpPopup {
    width: 101%;
}

iframe {
    position: inherit !important;
}







/*content end*/



/************* Css for popup block  *********************/

.container2 {
    width: 1128px;
    margin-left: auto;
    margin-right: auto;
}

#backgroundMainPopup {
    z-index: 1;
    position: fixed;
    display: none;
    height: 100%;
    width: 100%;
    /*background:#000000;*/
    top: 0px;
    left: 0px;
}

#backgroundFavHelpPopup {
    z-index: 1;
    position: fixed;
    display: none;
    height: 100%;
    width: 100%;
    background: #000000;
    top: 0px;
    left: 0px;
}

#backgroundMainSettingPopup {
    z-index: 1;
    position: fixed;
    display: none;
    height: 100%;
    width: 100%;
    background: #000000;
    top: 0px;
    left: 0px;
}

#backgroundFavSettingPopup {
    z-index: 1;
    position: fixed;
    display: none;
    height: 100%;
    width: 100%;
    background: #000000;
    top: 0px;
    left: 0px;
}

#toPopup {
    background: none repeat scroll 0 0 #263038;
    border: 1px solid #263038;
    border-radius: 5px;
    color: #fff;
    display: none;
    font-size: 14px;
    position: absolute;
    width: 398px;
    z-index: 2;
}

#toMainHelpPopup {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    background: none repeat scroll 0 0 #1f1f1f;
    border: 1px solid #333333;
    border-radius: 5px;
    color: #fff;
    display: none;
    font-size: 14px;
    position: absolute;
    width: 1128px;
    z-index: 2;
    margin: auto;
    top: -2px;
}

#toFavHelpPopup {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    background: #1f1f1f;
    border: 1px solid #333333;
    border-radius: 5px;
    color: #fff;
    display: none;
    font-size: 14px;
    position: absolute;
    top: -2px !important;
    width: 1128px;
    z-index: 2;
    margin: 0;
}

.toMainSettingPopup {

    display: none;

    position: absolute;
    top: 72px;
    left:870px;

    width: 257px;

    background: none repeat scroll 0 0 #263038;
    border: 1px solid #263038;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 14px;
    z-index: 2;
}

#toFavSettingPopup {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    background: none repeat scroll 0 0 #1f1f1f;
    border: 1px solid #333333;
    border-radius: 5px;
    color: #fff;
    display: none;
    font-size: 14px;
    left: 49%;
    position: relative;
    margin-top: -42%;
    width: 50%;
    z-index: 2;
    float: left;
}

#toLoader {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.698);
    display: none;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    height: 347px;
    left: 0;
    position: absolute;
    top: 45px;
    width: 99%;
    z-index: 2;
}

/*#toFavShareChar {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    background: none repeat scroll 0 0 #1f1f1f;
    border: 1px solid #333333;
    border-radius: 5px;
    color: #fff;
    display: none;
    font-size: 14px;
    left: 93.6%;
    margin-left: -220px;
    position: absolute;
    top: 88%;
    width: 38px;
    z-index: 2;
}*/

.pop_arrow {
    position: absolute;
    top: -9px;
    left: 187px;
}

div.loader {
    background: url("http://www.name-generator.org/images/loading.gif") no-repeat scroll 0 0 transparent;
    height: 32px;
    width: 32px;
    display: none;
    z-index: 9999;
    top: 40%;
    left: 50%;
    position: absolute;
    margin-left: -10px;
}

div.close {
    bottom: 0px;
    cursor: pointer;
    float: right;
    height: 25px;
    left: 5px;
    position: relative;
    width: 32px;
}

span.ecs_tooltip {
    background: none repeat scroll 0 0 #000000;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: none;
    font-size: 11px;
    height: 16px;
    opacity: 0.7;
    padding: 4px 3px 2px 5px;
    position: absolute;
    right: -62px;
    text-align: center;
    top: -51px;
    width: 93px;
}

span.arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: block;
    height: 1px;
    left: 40px;
    position: relative;
    top: 3px;
    width: 1px;
}

div#popup_content {
    margin: 4px 7px;
}

.remove-btn {
    float: left;
    height: 29px;
    width: 85px;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    background: #e50301;
}

.images-box-main {
    float: left;
    width: 100%;
    background: #2F3942;
    margin-top: 10px;
    height: 298px;
}

.images-box-big {
    float: left;
    width: 100%;
    color: #fff;
}

    .images-box-big ul {
        padding: 0 17%;
    }

    .images-box-big li {
        float: left;
        width: 97px;
        margin-top: 10px;
        margin-left: 22px;
    }

.images-box-big-img {

    left: 5px;
    top: 5px;
    position: relative;

    height: 97px;
    width: 97px;
    background: #fff;
    border-radius: 5px;
}

.images-box-big-container
{
    height: 107px;
    width: 107px;
    border-radius: 5px;
    background-color: white;
}

.images-box-big a {
    color: #fff;
    font-size: 12px;
    line-height: 15px;
}

.images-box-small {
    display: inline-block;
    width: 100%;
    background: #2F3942;
    margin-top: 7px;
    margin-top: 10px;
    font-size: 9px;
    color: #fff;
}

.images-box-small-container {

    height: 75px;
    width: 75px;
    border-radius: 5px;
    background-color: white;
}

.images-box-small-img {

    top: 8px;
    left: 7px;
    position: relative;
}

    .images-box-small ul {
    }

    .images-box-small li {
        display: inline-block;
        width: 85px;
        height: 75px;
        margin-top: 10px;
        margin-left: 7px;
    }

    .images-box-small a {
        color: #fff;
        font-size: 10px;

        top: 8px;
left: 7px;
position: relative;
    }

.numbr-box {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

    .numbr-box li {
        padding: 2px 0;
    }

    .numbr-box a {
        font-size: 20px;
        color: #fff;
        margin-left: 12px;
    }



/************* //Css for popup block  *********************/

/****pin-banner********/
#outerMost {
    left: 0;
    position: absolute;
    top: -10px;
    width: 100%;
    display: block;
}

    #outerMost #innerLeft {
        display: block;
        float: left;
        max-width: 26px;
        position: relative;
        top: -35px;
        width: 100%;
        left: -13px;
    }

    #outerMost #innerRight {
        display: block;
        float: right;
        left: 13px;
        max-width: 26px;
        position: relative;
        top: -35px;
        width: 100%;
    }

#innerLeft
{
    position: absolute;
    top: -115px;
    left: 153px;
}

#innerRight
{
    position: absolute;
    top: -115px;
    left: 219px;
}
/**** //pin-banner********/





/*24-12-2013*/

.sx_like-blue_thumb {
    top: -3px !important;
}

.blueButton .pluginCountBox {
    height: 9px !important;
}

.pop_arrow2 {
    float: right;
    left: -218px;
    top: -9px;
    position: relative;
}

.setting-heding,
 {
    width: 100%;
}

    .setting-heding span {
        margin-left: 10px;
    }

.setting-heding2 {
    
    display: inline-block;

    width: 100%;
    background: #263038;
    margin-top: 10px;
    border-bottom: 1px solid #263038;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.setting-heding-ul {
    padding: 5px;
}

.setting-heding-li {
    margin: 5px 0 10px 15px;
}

.pop_arrow3 {
    float: right;
    left: -56px;
    top: -9px;
    position: relative;
}

.setting-heding2 p {
    float: left;
    margin-left: 10px;
    width: 100%;
}

.share-img {
    width: auto;
    cursor: pointer;
}

.fav-cross {
    position: relative;
    top: -12px;
    left: 10px;
    float: right;
}

.fav-text {
    float: left;
    width: 68%;
}

.fav-share {
    margin-left: 0px;
}

.fav-search {
    margin-left: 27px;
}

.fav-li {
    float: left;
    margin-top: 10px;
    width: 100%;
}

.share-img1 {
    margin-top: 3px;
    margin-right: 5px;
}

.dot-com {
    display: none;
    margin-right: 10px;
}

.fav-li1 {
    float: left;
    width: 100%;
}

.complete-li {
    float: left;
    width: 100%;
    height: 22px;
    margin-top: 15px;
    background: #fff;
    border-radius: 5px;
    padding: 5px;
}

#toFavShareChar li {
    padding: 2px 1px;
    float: left;
    min-height: 30px;
}

#toFavShareChar ul {
    padding: 0px 0px 3px;
    float: left;
}


.listContent {
    width: 380px;
}

.holder a {
    display: none;
}

.holder .jp-next {
    background: url("../images/Next.png") no-repeat scroll 100% 4px rgba(0, 0, 0, 0);
    color: #333333;
    display: block !important;
    text-transform: capitalize;
    float: left;
    height: 24px;
    padding: 3px 20px 0 0;
    text-align: right;
    width: 37%;
    cursor: pointer;
    position: absolute;
    right: -27%;
}

.holder {
    float: left;
    padding: 0 0 0 25px;
    width: 72%;
    position: relative;
}

#toLoader > img {
    float: left;
    margin-top: 20px;
    max-width: 300px;
    width: 100%;
}


.pgnone {
    display: none !important;
}


#___plusone_0 {
    width: 60px !important;
}

#twitter-widget-0 {
    width: 93px !important;
}

.empty-msg {
    color: #000000;
    font-size: 20px;
    font-weight: 900;
    width: 100% !important;
}

.jp-next.jp-disabled {
    display: none !important;
}

.mainCharacter {
    background: url("../images/blank-dot.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #333333;
    float: left;
    font-size: 50px;
    line-height: 70px;
    text-align: center;
    width: 70px;
}


.fb-like fb_edge_widget_with_comment fb_iframe_widget span {
    width: 78px !important;
}

/*#MyInput{ background:url('http://www.name-generator.org/images/image1.gif'); } */

#lightBox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 1000;
}

    #lightBox.help {
        background: #000 url(http://www.name-generator.org/images/help.jpg) no-repeat center;
    }

    #lightBox.mainHelp {
        background: #000 url(http://www.name-generator.org/images/mainHelp.jpg) no-repeat center;
    }

    #lightBox.favHelp {
        background: #000 url(http://www.name-generator.org/images/favHelp.jpg) no-repeat center;
    }

#prevPage, #nextPage {
    display: none;
    cursor: pointer;
    float: left;
}

#nextPage {
    float: right;
}

    #prevPage > *, #nextPage > * {
        vertical-align: middle;
    }

    #prevPage div, #nextPage div {
        display: inline-block;
        width: 0;
        height: 0;
        border: 10px solid #263038;
        border-color: transparent #000 transparent transparent;
        margin: 0 10px;
    }

    #nextPage div {
        border-color: transparent transparent transparent #263038;
    }

/*.setting-heding-li + li {
    display: none;
}*/

.informations {
    float: left;
    width: 1128px;
    margin: auto;
    position: relative;
    background: #c6c6c6;
    font-size: 20px;
    color: #464646;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    min-height: 650px;
}

.informations-content
{
    margin-left: 100px;
    margin-right: 100px;
    font-size: 15px;
}

ol
{
    display: inline-block;
    counter-reset: li;
    list-style: none;
    position: relative;
    padding-bottom: 10px
}

ol>li
{
    padding: 5px 0 5px 55px;
    position: relative;
    margin-bottom: 5px;
}

ol>li:before
{
    content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 30px;
    padding: 0 10px 0 0;
    color: #2fc9c7;
    font-size: 22px;
    font-weight: bold;
    line-height: 35px;
    text-align: right;
    border-right: 1px solid #2fc9c7;
}

ol>li>p:first-child
{
    margin-top: 0;
}

ol>li:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.hyperlink
{
    color:#2fc9c7;
}

/* ------------------------------ Print section ------------------------------ */
.print-logo {
    float: left;
    font-size: 40px;
    color: #359eb2;
    margin: 0;
    padding: 0;
    width: 100%;
    font-weight:bold;
}

#print-footer
{
    position: absolute;
    top: 748px;
    width: 800px;
    float:left;
}

#print-text-btm
{
    width:350px;
    margin-left: auto;
    margin-right: auto;
    font-style: italic;
}


.print-body {
    background: #fff !important;
}

table {
    margin: auto;
    width: 400px;
    margin-top: 5%;
}

    table .print-txt-bold {
        font-size: 17px;
    }

/* ------------------------------ Share favorite section ------------------------------ */

#toFavShare {
    display: none;
    background: none repeat scroll 0 0 #1f1f1f;
    border: 1px solid #333333;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    left: 1361px;
    position: absolute;
    top: 540px;
    z-index: 2;
}

.pop_arrow4 {
    float: right;
    left: -15px;
    top: -9px;
    position: relative;
}

.addthis_toolbox
{
    position: relative;
}

/* Dead code???*/

#first-plus
{
    width: 32px;
    margin-right: 14px;
}

#last-plus
{
    width: 32px;
    margin-left: 14px;
}

/* ------------------------------ Examples section ------------------------------ */

.toExamplesPopup {

    display: none;

    position: absolute;
    top: 72px;
    left: 544px;

    height: 500px;
    width: 268px;

    border-radius: 6px;
    z-index: 2;
    background: none repeat scroll 0 0 #263038;
}

.heart-img
{
    height: 14px;
}

/*******************************/
#favorites-dropdown
{
    margin-top: 6px;
}

@supports (pointer-events: none) and
      ((-webkit-appearance: none) or
      (-moz-appearance: none) or
      (appearance: none)) {

    .favorites-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;

        top: 50%;
        margin-top: -23px;
    }

    .favorites-dropdown__select {
        padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */
        border: 0;
        border-radius: 8px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;    
    }

    .favorites-dropdown::before,
    .favorites-dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .favorites-dropdown::after { /*  Custom dropdown arrow */
        content: "\25BC";
        height: 20px;
        font-size: 14px;
        line-height: 1;
        right: 16px;
        top: 50%; margin-top: -.5em;
    }

    .favorites-dropdown::before { /*  Custom dropdown arrow cover */
        width: 3em;
        right: 0; top: 0; bottom: 0;
        border-radius: 0 3px 3px 0;

        transform: translatex(-1px);
    }

    .favorites-dropdown__select[disabled] {
        color: rgba(0,0,0,.3);
    }

    .favorites-dropdown.custom-dropdown--disabled::after {
        color: rgba(0,0,0,.1);
    }

    /* White dropdown style */
    .favorites-dropdown--white::before {
        top: .5em; bottom: .5em;
        background-color: #fff;
        border-left: 1px solid rgba(0,0,0,.1);
    }

    .favorites-dropdown--white::after {
        color: #2F3942;
        width: 10px;
    }

    /* FF only temp fix */
    @-moz-document url-prefix() {
        .favorites-dropdown__select             { padding-right: .9em }
        .favorites-dropdown--large .custom-dropdown__select { padding-right: 1.3em }
        .favorites-dropdown--small .custom-dropdown__select { padding-right: .5em }
    }
}

.favorites-dropdown__select{
   /* font-size: inherit; *//* inherit size from .custom-dropdown */
    font-size: 22px;
    width: 258px;

    font-family: 'Roboto Slab', serif;
    
}

.favorites-dropdown__select--white {
    background-color: #fff;
    color: #444;    
}

#favorites-list-dropbox
{
    display: inline-block;
    vertical-align: top;

    height: 46px;
    width: 258px;
}

#favorties-print
{
    height: 46px;
    width: 53px;
    float: left;
}

#favorites-delete
{
    display: inline-block;
    vertical-align: top;

    height: 46px;
    width: 44px;
}

#favorites-share
{
    display: inline-block;
    vertical-align: top;

    height: 46px;
    width: 44px;
}

.fav-titles
{
    height: 24px;
    margin-top: 5px;
}

#domain-extensions-section
{
    width: 100%;
}

.domain-extension-box
{
    display: inline-block;

    position: relative;
    height: 36px;
    width: 95px;

    margin: 5px 20px 5px 0px;

    background-color: white;
    border-radius: 6px;

    vertical-align: top;
}

.domain-extension
{
    display: inline-block;
    position: relative;
    left: 10px;
    width: 69px;
    top: 7px;
    font-size: 12pt;
}

.domain-extension-availability
{
    display: inline-block;
}

.domain-extension-availability-icon
{
    height: 16px;
    top: 10px;
    position: relative;
}

#screen-section
{
    position: relative;

    height: 224px;
    width: 100%;
}

#free-logo-section
{
    float: left;
    height: 240px;
    width: 100%;
}

.free-logo-box
{
    float: left;
    height: 110px;
    width: 153px;

    margin: 10px 20px 10px 0px;

    background-color: white;
    border-radius: 6px;
}

#refresh-button
{
    display: none;

    border-radius: 6px;

    background-color: #2fc9c7;
}

.ui-tooltip
{
    font-family: 'Roboto Slab', serif;
    font-size: 10pt;
}

#loading-animation
{
    position: relative;
    top:75%;
    left: 75%;

    height: 400px;
    width: 400px;

    margin-left:-50%;
    margin-top:-50%;
}

#loading-animation-favorites
{
    position: relative;
    top: 34px;

    height: 346px;
    width: 346px;
}

.arrow-up
{

    position: absolute;

    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #263038;
}

#arrow-setting
{
    top: -10px;
    left: 225px;
}

#Hand
{
    display: block;
}

#favorites-animation
 {
    display: none;

    position: absolute;
    top: 45px;

    height: 435px;
    width: 346px;

    padding-left: 12px;

    background-color: white;
    opacity: 0.4;
 }

 #template-static
 {
    display: none;

    text-align: center;
 }

 #ng-link
 {
    position: relative;
    top: 44px;
    
    cursor: pointer;

    color: #263038;
    font-family: 'Sancreek', cursive;
    font-size: 45pt;
 }

 #heading
 {
    color: #263038;

    font-family: 'Sancreek', cursive;
    font-size: 84px;
    
    text-align: center;
    line-height: 178px;
 }

 #toSharePopup {

    display: none;

    position: absolute;
    top: 72px;
    left:1026px;

    width: 257px;

    background: none repeat scroll 0 0 #263038;
    border: 1px solid #263038;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    z-index: 2;
}

.share-heding {
    display: inline-block;
    width: 100%;
}

    .share-heding span {
        float: left;
        margin-left: 10px;
    }

.share-heding2, .share-heding3 {

    width: 196px;

    background: #263038;
    margin: 10px auto;
    min-height: 70px;
    border-bottom: 1px solid #263038;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

#other-page-content
{
    width: 1128px;
    min-height: 427px;

    margin: auto;
}

#other-page-content h1
{
    color: #2fc9c7;

    font-weight: normal;
}

#other-page-content h3
{
    font-size: 20px;
    font-weight: normal;

    color: #2fc9c7;
}

#other-page-content ul{

    columns: 2;

    -webkit-columns: 2;
    -moz-columns: 2;
}

#other-page-content p
{
    display: inline-block;
    color: #757d93;
}

#other-page-content li
{
    color: #757d93;
}

#blublu
{
    display: none;
    
    position: absolute;

    left: 0px;
    height: 588px;
    width: 728px;
    background-color: white;
}

#static-column
{
    height: 588px;
    width: 33%;

    margin-left: auto;
    margin-right: auto;

    vertical-align: top;
    min-height: 375px;
    padding-top:22px;

    overflow-y: scroll;

    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.extension-loading-animation
{
    /*display: none;*/

    height: 88px;
    position: absolute;
    top: -26px;
    left: 31px;
}

#like-section
{
    display: inline-block;

    position: relative;
    left: 21px;

    width: 335px;

    vertical-align: middle;
}

.closeMainSettings
{
    position: relative;
    left: 82px;
    top: 10px;

    cursor:pointer;
}

#title-domain-extensions-setting
{
    margin-left: 10px;
}

.domain-extension-li
{
    display: inline-block;
    width: 65px;

    margin: 5px 0 10px 15px;
}

#add-domain-extension-img
{
    height: 36px;

    position: absolute;
    top: 0px;
    left: 31px;
}

#template-white-space
{
    position: absolute;

    height: 72px;

    cursor: pointer;
}

.legend-item
{
    display: inline-block;

    height: 34px;
    width: 145px;

    margin-top: 10px;
    margin-bottom: 10px;

    cursor: pointer;
}

.legend-button
{
    display: inline-block;

    height: 34px;
    width: 34px;

    vertical-align: top;

    border-radius: 6px;

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

    background-color: #e7e7e7;
}

.legend-label
{
    display: inline-block;

    position: relative;

    width: 106px;
    font-size: 12px;

    vertical-align: top;
    
    margin-left: 5px;
}

#mini-logo
{
    position: relative;

    top: -100px;
    left: -228px;

    height: 23px;
}

#url
{
    position: relative;
    /*top: 352px;*/
    top: -167px;
    left: 40px;
    font-size: 10pt;
}

#website-title
{
    position: relative;
    /*top: 397px;*/
    top: -140px;
    left: 80px;
    font-size: 10pt;
}

#ghost
{
    position: absolute;

    top: 0px;

    height: 214px;
    width: 271px;

    cursor: pointer;
}

#fav-ad
{
    position: absolute;

    top: 506px;
    left: 24px;
}