html, body
{
    height:         100%;
    margin:         0;
    padding:        0;
    -webkit-text-size-adjust:none;
}

body
{
    text-align: center;
    line-height:1.6em;
    background: url( '../images/bg.jpg' ) #ffffff repeat;
}

.input1{
        border:         3px solid #ebebeb;
        padding:        8px 8px 8px 10px;
        margin-right:   5px;
        font-size:      15px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
		}
		
/* *** website network *** */

#network {

	position: absolute; top: 35px; right: 100px; 

}

	#network li {
	
	list-style:none;

	}

		#network a {

			display: block;

			height: 162px;

			text-indent: -9999px; outline: none;

			width: 66px;

		}

		

	#network-1 a {

		background: url(/images/network-1-small.png) no-repeat center left;

	}

	#network-2 a {

		background: url(images/network-2.png) no-repeat center left;

	}

	#network-3 a {

		background: url(images/network-3.png) no-repeat center left;

	}

	


.quizb{

font:23px Arial;
border:1px solid #000000;
padding:12px;
text-decoration:none;
}
h1, h2, h3, h4, h5blog-main
{
	font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0 0 10px 0;
}

#name-head
{
    float: left; 
    width: 75px;
    margin-bottom: 15px;
}

.boy-name
{
    float: left;
    color: #63CFD9;
    width: 400px;
    margin-bottom: 15px;
}

.girl-name
{
    float: left;
    color: #E9669A;
    width: 400px;
    margin-bottom: 15px;
}

.unisex-name
{
    float: left;
    color: #A2D028;
    width: 400px;
    margin-bottom: 15px;
}

.blog-side { color: #63CFD9; }
.boy-name-side { color: #63CFD9; }
.girl-name-side { color: #E9669A; }
.unisex-name-side { color: #A2D028; }

#container
{
    position:   relative;
    width:      1025px;
    font-family:Tahoma,Verdana;
    color:      #5F5F5F;
    font-size:  13px;
    text-align: left;
    margin:     30px auto 50px auto;
}

#content-head
{
    clear:      both;
    display:    block;
    height:     14px;
    background: url( '../images/page-bg-top.png' ) -3px 0 no-repeat;
}

#content
{
    clear:      both;
    display:    block;
    background: url( '/images/content-bg.png' ) repeat-y;
    padding:    30px 25px 25px 30px;
}

#content-foot
{
    clear:          both;
    display:        block;
    height:         16px;
    margin-bottom:  10px;
    background:     url( '../images/page-bg-bottom.png' ) 3px 0 no-repeat;
}

#browse-letter
{
    position:   relative;
    clear:      both;
    display:    block;
    overflow:   auto;
    font-size:  14px;
    color:      #5f5f5f;
    background: #f5f5f5;
    border:     3px solid #ebebeb;
    padding:    5px 10px 5px 10px;
    margin:     5px 0 20px 0;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    #browse-letter #browse-text
    {
        float:          left;
        display:        block;
        margin-right:   30px;
        font-weight:    bold;
        font-size:      12px;
    }

#sub-browse-letter
{
    clear:      both;
    display:    block;
    overflow:   auto;
    font-size:  14px;
    color:      #5f5f5f;
    background: #f5f5f5;
    border:     3px solid #ebebeb;
    padding:    5px 10px 5px 10px;
    margin:     5px 0 20px 0;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    #sub-browse-letter #sub-browse-text
    {
        float:          left;
        display:        block;
        width:          210px;
        font-weight:    bold;
        font-size:      12px;
    }

#content-left
{
    clear:      left;
    float:      left;
    width:      126px;
    text-align: center;
    overflow:   hidden;
    margin:     25px 30px 25px 0;
}

#content-main
{
    float:      left;
    display:    block;
    margin:     25px 0;
}

    #content-main p
    {
        margin-top: 8px;
    }

#intro-text
{
    float: left;
    display: block;
    width: 310px;
    margin-right: 24px;
}

#footer
{
    clear:      both;
    display:    block;
    background: #f5f5f5;
    border:     3px solid #ebebeb;
    padding:    25px 50px 0 50px;
    overflow:   auto;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .footer-col
    {
        float:      left;
        display:    block;
        width:      25%;
    }

        .footer-col h3
        {
            font-size: 12px;
            color: #CAC7BA;
            margin-bottom: 5px;
            font-weight: bold;
        }

        .footer-col #top-boy-names, .footer-col #top-girl-names
        {
            float:  left;
            width:  50%;
        }

    #footer-text
    {
        clear:      left;
        width:      100%;
        padding:    25px 0 0 0;
    }

        #footer-text-left
        {
            float:      left;
            width:      70%;
            font-size:  12px;
        }

        #footer-text-right
        {
            float:      left;
            text-align: right;
            width:      30%;
            font-size:  10px;
        }
		
    #logol
    {
        float:      left;
        clear:      none;
        width:      416px;
        height:     85px;
		margin-top: -15px;
        display:    block;
    }


    #logo
    {
        float:      left;
        clear:      none;
        width:      416px;
        height:     85px;
		margin-top: -15px;
        display:    block;
    }

#search-box
{
    float:          right;
    width:          auto;
    height:         80px;
    margin-right:   58px;
}

    #search-box #search-term
    {
        float:          left;
        width:          269px;
        height:         31px;
        border:         3px solid #ebebeb;
        padding:        8px 0 8px 10px;
        margin-right:   5px;
        font-size:      15px;
        font-style:     italic;
        *padding-top:   14px;
        *height:        25px;

        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    #search-box #buttons
    {
        float:          left;
        width:          60px;
    }

    #search-box #search-advanced
    {
        float:left;
        margin-bottom:2px;
    }

    #search-box #search-submit
    {
        float: left;
    }

#member-box
{
    clear:          left;
    float:          left;
    width:          219px;
    height:         96px;
    background:     url( '../images/pinkbox.jpg' ) no-repeat;
    margin-right:   17px;
    font-size:      11px;
    font-family:    Tahoma;
    color:          #ffffff;
    line-height:    1.5em;
}

    #member-box #become-member
    {
        display:        block;
        text-indent:    -9999px;
        margin:         10px 0 7px 15px;
        background:     url( '../images/become-member.png' ) no-repeat;
        width:          172px;
        height:         16px;
    }

    #member-box p
    {
        margin: 0 0 5px 15px;
    }

    #member-box #member-links
    {
        background:     url( '../images/started-arrow.png' ) no-repeat;
        background-position: right center;
        display:        block;
        clear:          both;
        text-align:     right;
        padding-right:  12px;
        margin-right:   10px;
        font-weight:    bold;
    }

#logged-box
{
    clear:          left;
    float:          left;
    width:          219px;
    height:         96px;
    background:     url( '../images/greenbox.jpg' ) no-repeat;
    margin-right:   17px;
    font-size:      11px;
    font-family:    Tahoma;
    color:          #ffffff;
    line-height:    1.5em;
}

    #logged-box #become-member
    {
        display:        block;
        text-indent:    -9999px;
        margin:         10px 0 7px 15px;
        width:          172px;
        height:         16px;
    }

    #logged-box p
    {
        margin: 0 0 5px 15px;
    }

    #logged-box #member-links
    {
        background:     url( '../images/started-arrow.png' ) no-repeat;
        background-position: right center;
        display:        block;
        clear:          both;
        text-align:     right;
        padding-right:  12px;
        margin-right:   10px;
        font-weight:    bold;
    }


#quick-links
{
    clear:      both;
    display:    block;
    overflow:   auto;
    color:      #5f5f5f;
    background: #f5f5f5;
    border:     3px solid #ebebeb;
    padding:    8px 10px 8px 10px;
    text-align: left;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    #quick-links h3
    {
        background: #f5f5f5;
    }

#facebook-find
{
    margin: 20px 0px 15px 0;
}

#app-store
{
    margin: 0px 0px 15px 0;
}

.pink-list, .green-list
{
    list-style-type:    none;
    padding:            0;
    margin:             7px 0;
}

    .pink-list ul, .green-list ul
    {
        position:relative;
        margin-left:0;
        padding: 0px 14px 0px 0px;
    }

    .pink-list li
    {
        background-image:   url( '../images/pink-list-item.jpg' );
        background-repeat:  no-repeat;
        background-position:0px 6px;
        line-height:        1.8em;
        padding-left:       14px;
        margin:             0;
    }

    .green-list li
    {
        background-image:   url( '../images/green-list-item.jpg' );
        background-repeat:  no-repeat;
        background-position:0px 6px;
        padding-left:       14px;
        margin:             0;
        line-height:        1.8em;
    }

.add-boy
{
    background-image:       url( '../images/browse-buttons.jpg' );
    background-repeat:      no-repeat;
    background-position:    0 0;
    width:                  55px;
    height:                 20px;
    text-indent:            -9999px;
    display:                block;
}

.add-girl
{
    background-image:       url( '../images/browse-buttons.jpg' );
    background-repeat:      no-repeat;
    background-position:    0 -20px;
    width:                  55px;
    height:                 20px;
    text-indent:            -9999px;
    display:                block;
}

.add-lgreen
{
    background-image:       url( '../images/browse-buttons.jpg' );
    background-repeat:      no-repeat;
    background-position:    0 -60px;
    width:                  55px;
    height:                 20px;
    text-indent:            -9999px;
    display:                block;
}

.add-remove
{
    background-image:       url( '../images/browse-buttons.jpg' );
    background-repeat:      no-repeat;
    background-position:    0 -40px;
    width:                  55px;
    height:                 20px;
    text-indent:            -9999px;
    display:                block;
}

#pagination
{
    float: left;
    width: 490px;
    margin-right: 15px;
}

    #pagination-box
    {
        clear: both;
        width: 465px;
        padding: 10px;
        margin: 0 0 23px 0;
        text-align: center;
        border: 3px solid #ebebeb;

        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

#prev-next
{
    font-size: 17px;
    font-weight: bold;
    display: block;
    margin: -5px 0 10px 0;
    color: #000000;
}

    #next, #prev
    {
        color: #000000;
    }

    #prev-next .inactive
    {
        text-decoration: none;
        color: #606060;
    }

#what-now
{
    width: 485px;
    background: url( '../images/where-next.jpg' ) no-repeat 50px 45% #f5f5f5;
    border: 3px solid #ebebeb;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    #what-now p
    {
        position: relative;
        left: 200px;
        top: 5px;
    }

.page-box
{
    clear:      both;
    width:      766px;
    margin:     25px 0;
    border:     3px solid #ebebeb;
    padding:    12px 20px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.page-box-fav
{
    clear:      both;
    width:      766px;
    margin:     15px 0;
    border:     3px solid #ebebeb;
    padding:    12px 5px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.page-box-quiz
{
    clear:      both;
    width:      766px;
    margin:     25px 0;
    border:     3px solid #ebebeb;
    padding:    12px 20px;
	height:100px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .page-box .right
    {
        text-align: right;
        margin-bottom: 8px;
    }

.box-heading
{
    font-size: 16px;
    margin: 0 0 10px 0;
}

#history-image
{
    float: left;
    width: 150px;
    height: 100px;
    text-align: center;
    margin: 5px 0 0 0;
}

#history-text
{
    float: left;
    width: 350px;
    height: 100px;
    margin: 15px 10px 0 0;
}

#history-search
{
    float: left;
    clear: right;
    width: 300px;
    margin: 15px 0 0 0;
    text-align: center;
}

    #history-search p
    {
        font-size: 11px;
        margin: 0 0 10px 0;
    }

    #history-search select
    {
        width: 270px;
        height: 36px;
        border: solid 1px #EEEDE8;
        text-align: center;
    }

.historic-featured
{
    float:      left;
    width:      160px;
    list-style: inside decimal;
    font-size:  14px;
}

    .historic-featured li
    {
        padding:    6px;
        margin:     0 0 10px 0;
    }

        .historic-featured a
        {
            margin-left: 4px;
        }

    .historic-featured .shade
    {
        background: #f5f5f5;

        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

.historic-normal
{
    float:      left;
    width:      110px;
    font-size:  10px;
}

#share-code
{
    width: 252px;
    height: 14px;
    border: solid 1px #ABADB3;
    font-size: 10px;
    padding: 8px 7px;
}

#sharestat-code
{
    width: 450px;
    height: 14px;
    border: solid 1px #ABADB3;
    font-size: 10px;
    padding: 8px 7px;
}

#top-names-wrap
{
    float: left;
    display: block;
    width: 480px;
}

#top-names-ops
{
    float: left;
    width: 180px;
}

#stat-box
{
    float:      left;
    display:    block;
    height:     80px;
    width:      469px;
    padding:    3px 2px;
    margin:     0 0 20px 0;
    font-size:  11px;
    background-repeat: no-repeat;
    background-position: 0 0;
    border:     3px solid #ebebeb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#top-names
{
    float:      left;
    display:    block;
    height:     158px;
    width:      469px;
    padding:    3px 2px;
    margin:     0 0 20px 0;
    font-size:  11px;
    background-image: url( '../images/top-name-bg.gif' );
    background-repeat: no-repeat;
    background-position: 0 0;
    border:     3px solid #ebebeb;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    #top-names .option
    {
        clear:          both;
        display:        block;
        color:          #fff;
        font-weight:    bold;
        padding:        10px 0 16px 8px;
        height:         10px;
        margin:         -1px 0 5px 0;
        width:          154px;
        text-decoration:none;
        cursor:         pointer;
        cursor:         hand;
    }

    #top-names #see-top
    {
        display:    block;
        float:      left;
        height:     27px;
        clear:      both;
    }

        #top-names #see-top .heading
        {
            display:    block;
            width:      180px;
            font-weight:bold;
            color:      #5F5F5F;
            text-decoration: none;
        }

        #top-names #see-top .more
        {
            float:      right;
            position:   relative;
            top:        -21px;
            right:      -90px;
        }

    #top-names ol
    {
        position: relative;
        padding:0px;
    }

    #top-names ol li
    {
        margin: 0 0 2px 19px;
    }

        #left a, #right a
        {
            display:    inline-block;
            width:      50px;
        }

        #left .more, #right .more
        {
            margin-left:    10px;
            width: 30px;
            text-decoration:none;
        }

        #full a
        {
            display:    inline-block;
            width:      80px;
        }

        #full .more
        {
            margin-left:    10px;
            width: 160px;
            text-decoration:none;
        }

    #top-names #left
    {
        float: left;
        width: 130px;
        margin-right: 10px;
    }

    #top-names #right
    {
        float: left;
        width: 130px;
    }

    #top-names #full
    {
        float:  left;
        width:  270px;
    }

    #top-names #top-boys-op
    {
        position:   absolute;
        visibility: visible;
        float:      left;
        width:      270px;
        padding:    10px 0;
    }

    #top-names #top-girls-op, #top-names #random-op, #top-names #celeb-op
    {
        position:   absolute;
        visibility: hidden;
        float:      left;
        width:      270px;
        padding:    10px 0;
    }
	
#blog-heading
{
    float:      left;
    width:      202px;
    padding:    40px 10px 10px 10px;
    background: url( '../images/blog-heading.jpg' ) top no-repeat;
    border:     3px solid #ebebeb;
    margin:     0 24px 0 0;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#forum-heading
{
    float:      left;
    width:      202px;
    padding:    40px 10px 10px 10px;
    background: url( '../images/forum-heading.jpg' ) top no-repeat;
    border:     3px solid #ebebeb;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .see-more
    {
        width:      100%;
        text-align: center;
        margin:     3px 0;
    }

#greatvine
{
    float:      left;
    width:      208px;
    padding:    20px 10px 10px 10px;
    margin:     0 24px 0 0;
}

#withchild
{
    float:      left;
    width:      208px;
    padding:    20px 10px 10px 10px;
}

    #greatvine p, #withchild p
    {
        clear:      left;
        font-size:  12px;
        padding:    5px 0 0 0;
        margin:     0;
    }

    #greatvine em, #withchild em
    {
        clear:      left;
        font-style: normal;
        font-size:  11px;
        color:      #979797;
        padding:    5px 0 0 0;
        margin:     0;
    }

/*
    NAME PAGE
*/
#name-main
{
    float: left;
    width: 480px;
    margin-right: 28px;
}

#name-details
{
    float:  left;
    clear:  left;
    margin: -10px 20px 25px 0;
    width:  285px;
    height: 185px;
    border: 3px solid #ebebeb;
    margin-right: 20px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    #name-details span
    {
        display: block;
        height: 37px;
    }

    #name-details span strong
    {
        float: left;
        display: block;
        margin: 9px 0 0 20px;
        font-weight: normal;
        width: 100px;
    }

    #name-details span em
    {
        float: left;
        display: block;
        width: 140px;
        height: 20px;
        margin: 9px 0 0 10px;
        font-style: normal;
        overflow:hidden;
    }

        #name-details .shade
        {
            background: #f5f5f5;
        }

#boys-name-stats
{
    float:      left;
    width:      148px;
    height:     189px;
    text-align: center;
    font-size:  11px;
    color:      #ffffff;
    margin-top: -9px;
    padding:    2px 10px 0 10px;
    background: url( '../images/boy-stats.jpg' ) no-repeat;
}

#girls-name-stats
{
    float:      left;
    width:      148px;
    height:     189px;
    text-align: center;
    font-size:  11px;
    color:      #ffffff;
    margin-top: -9px;
    padding:    2px 10px 0 10px;
    background: url( '../images/girl-stats.jpg' ) no-repeat;
}

#unisex-name-stats
{
    float:      left;
    width:      148px;
    height:     189px;
    text-align: center;
    font-size:  11px;
    color:      #ffffff;
    margin-top: -9px;
    padding:    2px 10px 0 10px;
    background: url( '../images/unisex-stats.jpg' ) no-repeat;
}

    #boys-name-stats .title, #girls-name-stats .title, #unisex-name-stats .title
    {
        font-weight: bold;
    }

    #boys-name-stats p, #girls-name-stats p, #unisex-name-stats p
    {
        margin: 11px 0 0 0;
        line-height: 1.4em;
    }

    #boys-name-stats em, #girls-name-stats em, #unisex-name-stats em
    {
        clear: both;
        font-size: 10px;
        position: relative;
        top: -2px;
        font-style: normal;
        clear: both;
        display: block;
    }

    #boys-name-stats .star-on, #girls-name-stats .star-on, #unisex-name-stats .star-on
    {
        float:      left;
        display:    block;
        width:      6px;
        height:     6px;
        background: url( '../images/stats-star.png' ) no-repeat;
        background-position: 0 0;
    }

    #boys-name-stats .star-off, #girls-name-stats .star-off, #unisex-name-stats .star-off
    {
        float:      left;
        display:    block;
        width:      6px;
        height:     6px;
        background: url( '../images/stats-star.png' ) no-repeat;
        background-position: 0 -6px;
    }

#name-sidebar
{
    float: left;
    padding-top: 40px;
    width: 300px;
}

    .sidebar-box
    {
        width: 270px;
        margin-bottom: 15px;
        border: 3px solid #ebebeb;
        padding: 10px 15px;

        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

        #involved-one
        {
            display: block;
            background: url( '../images/involved-numbers.jpg' ) no-repeat;
            background-position: 0 0;
            height: 16px;
            margin: 10px 0 20px 0;
        }

        #involved-two
        {
            display: block;
            background: url( '../images/involved-numbers.jpg' ) no-repeat;
            background-position: 0 -26px;
            height: 16px;
            margin: 10px 0 10px 0;
        }

        #involved-three
        {
            display: block;
            background: url( '../images/involved-numbers.jpg' ) no-repeat;
            background-position: 0 -47px;
            height: 16px;
            margin: 10px 0 10px 0;
        }		

            #involved-one p, #involved-two p, #involved-three p
            {
                position: relative;
                top: -2px;
                left: 20px;
            }
            
            #involved-one p span
            {
                position: relative;
                top: 2px;
                left: 5px;
            }
			
  #involved-three p span
            {
                position: relative;
                top: 2px;
                left: 5px;
            }

.name-p
{
    clear: left;
    display: block;
    font-size: 12px;
    text-align: justify;
    line-height: 2em;
    margin-bottom: 15px;
}

/*
    BLOG
*/

#blog-main
{
    float: left;
    display: block;
    width: 630px;
    margin-right: 32px;
}

    #blog-main-title
    {
        width: 200px;
    }

        #blog-main-title a
        {
            text-decoration: none;
        }

    #blog-main h3
    {
        margin-bottom: 0;
    }

.post-details
{
    color: #CFCEC5;
    font-size: 12px;
    margin-bottom: 10px;
}

.blog-post p
{
    text-align: justify;
    font-size: 12px;
}

.blog-seperator
{
    height: 20px;
    border-bottom: solid 1px #F5F5F5;
    margin-bottom: 20px;
}

#blog-sidebar
{
    float: left;
    width: 306px;
}

.blog-sidebar-box
{
     display: block;
     margin-bottom: 20px;
}

    .blog-sidebar-box h4
    {
        margin-bottom: 0;
    }

    .blog-sidebar-box ul
    {
        padding:    0;
        margin:     0;
    }

    .blog-sidebar-box li
    {
        margin:         2px 0 0 0;
        padding:        0;
        list-style-type:none;
    }

/* 
    LINKING
*/

a:link      { color: #5F5F5F; }
a:visited   { color: #5F5F5F; }
a:hover     { color: #5F5F5F; /* text-decoration: none; */ }
a:active    { color: #5F5F5F; }

#browse-letter a
{
    float:          left;
    display:        block;
    text-align:     center;
    width:          23px;
    margin-right:   6px;
    color:          #C3C1AC;
    font-weight:    bold;
    text-decoration: none;
}

    #browse-letter .selected
    {
        color:              #EB6298;
        text-decoration:    underline;
        background:         url( '../images/letter-bg.jpg' ) no-repeat;
    }

#sub-browse-letter a
{
    float:          left;
    display:        block;
    text-align:     center;
    width:          18px;
    margin-right:   4px;
    color:          #C3C1AC;
    font-weight:    bold;
    text-decoration: none;
}

    #sub-browse-letter .selected
    {
        color:              #EB6298;
        text-decoration:    underline;
        background:         url( '../images/letter-bg.jpg' ) no-repeat;
    }

.footer-col a
{
    clear:          both;
    float:          left;
    font-size:      14px;
    line-height:    2em;
}

    .footer-col a:hover
    {
        color:      #B9E14F;
    }

a.flink  { color: #CAC7BA; }
a.white  { color: #FFFFFF; }
a.pink   { color: #F4ABC8; }
a.brown  { color: #A09A78; }
a.girl   { color: #E9669A; }
a.boy    { color: #63CFD9; }
a.unisex { color: #f0f0f0; }
a.gv     { color: #a2d028; }
a.sn     { color:#5ecbff; }
a.wc     { color: #109DD0; }
a.ql     { color: #606060; text-decoration: none; }
a.lgreen { color: #A2D028; }

.lgreen { color: #A2D028; text-decoration:underline; }
.girl   { color: #E9669A; text-decoration:underline; }
.boy    { color: #63CFD9; text-decoration:underline; }
.unisex { color: #f0f0f0; text-decoration:underline; }

/* 
    ADVERTISING
*/

#advert-top
{
    float:      left;
    width:      728px;
    height:     90px;
    border:     3px solid #ebebeb;
    overflow:   hidden;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    #advert-top img
    {
        width:  728px;
        height: 90px;
    }

#advert-left
{
    float:      left;
    width:      120px;
    height:     600px;
    border:     3px solid #ebebeb;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    #advert-left img
    {
        width:  120px;
        height: 600px;
    }

#advert-right
{
    clear:      both;
    width:      473px;
    height:     157px;
    border:     3px solid #ebebeb;
    overflow:   hidden;
    margin:     20px 0;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    #advert-right img
    {
        width:  473px;
        height: 157px;
    }

#pagination-advert
{
    float: left;
    clear: right;
    width: 300px;
    height: 250px;
    border:     3px solid #ebebeb;
    overflow:   hidden;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#front-page-advert
{
    clear:      right;
    width:      300px;
    height:     250px;
    border:     3px solid #ebebeb;
    overflow:   hidden;

    margin-bottom:  12px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#blog-advert, #name-advert
{
    clear:      right;
    width:      300px;
    height:     250px;
    border:     3px solid #ebebeb;
    overflow:   hidden;

    margin-bottom:  20px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/*
    TABLES
*/

.table
{
    display:    block;
    clear:      both;
    width:      810px;
    margin:     0 0 25px 0;
}

    .table em
    {
        font-weight: bold;
        text-decoration: none;
        font-style: normal;
    }

    .table .row
    {
        display: block;
        clear: both;
        padding: 10px 0 30px 0;
    }

    .table .row-shade
    {
        display: block;
        clear: both;
        padding: 10px 0 30px 0;
        background: #F5F5F5;

        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

/*
    TABLE ELEMENTS
*/

.table .blank
{
    float: left;
    width: 15px;
}

.table .origin
{
    float: left;
    width: 390px
}

.table .rank
{
    float: left;
    width: 70px;
}

.table .name
{
    float: left;
    width: 100px;
}

.table .gender
{
    float: left;
    width: 100px;
}

.table .meaning
{
    float: left;
    width: 145px;
    height: 21px;
    overflow: hidden;
}

.table .more
{
    float: left;
    width: 150px;
}

.table .rating
{
    float: left;
    width: 130px;
}

.table .shortlist
{
    float: left;
    width: 80px;
}

/* Quiz table */

.table .qname
{
    float: left;
    width: 300px
}

.table .qdate
{
    float: left;
    width: 120px
}

.table .qscore
{
    float: left;
    width: 120px
}

.table .qquestions
{
    float: left;
    width: 100px
}

.table .qstart
{
    float: left;
    width: 100px
}

.table .qend
{
    float: left;
    width: 100px
}

.table .qhscore
{
    float: left;
    width: 120px
}

.table .qhcomplete
{
    float: left;
    width: 140px
}

.table .qenter
{
    float: right;
    width: 120px
}

/*
    ADVANCED SEARCH PAGE
*/

#search-intro
{
    width: 810px;
}

#search-left
{
    float: left;
    width: 390px;
    border: 3px solid #ebebeb;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#search-right
{
    float: left;
    width: 391px;
    margin-left: 20px;
    border: 3px solid #ebebeb;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    #search-left .row, #search-right .row
    {
        clear:      both;
        display:    block;
        background: #FAFAFA;
        padding:    20px 15px;
        overflow:   auto;
    }

    #search-left .row-shade, #search-right .row-shade
    {
        clear:      both;
        display:    block;
        background: #F5F5F5;
        padding:    20px 15px;
        overflow:   auto;
    }

    #search-left .label, #search-right .label
    {
        float:      left;
        font-weight:bold;
        width:      155px;
        overflow:   auto;
    }

    #search-left .field, #search-right .field
    {
        float:      left;
        width:      205px;
        overflow:   auto;
    }

        #search-left .field img, #search-right .field img
        {
            cursor:     pointer;
            cursor:     hand;
        }

.text-thin
{
    text-align: center;
    width: 20px;
    border: solid 1px #EDEDE5;
    color: #A9D538;
    margin: 0 2px;
    padding: 2px 5px 2px 5px;
}

    .extra-pad
    {
        margin-left: 5px;
    }

.text-wide
{
    width: 180px;
    border: solid 1px #EDEDE5;
    color: #A9D538;
    padding: 3px 6px;
}

.search-select
{
    width:      110px;
    border:     solid 1px #EDEDE5;
    margin:     0 0 0 2px;
}

#search-right textarea
{
    width:      199px;
    height:     159px;
    border:     solid 1px #EDEDE5;
}

#adv-search-btn
{
    float: left;
    position: absolute;
    margin: 20px 0 0 -3px;
}

.tooltip
{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 3;
   display: none;
}

/*
    HEADINGS
*/

h1
{
    font-size:  22px;
    margin:     3px 0 -16px 0;
}

h2
{
    font-size:  22px;
    margin:     3px 0 -16px 0;
}

#intro-text h2
{
    font-size:  16px;
    margin:     3px 0 -10px 0;
}

#quick-links h3
{
    font-size:  15px;
    margin:     3px 0 -10px 0;
}

#name-head
{
    font-size:  22px;
    margin:     3px -2px -20px 0;
}

#boy-name
{
    color: #ffffff;
}

#blogh3
{font-size: 22px;}

h3
{
    font-size:  16px;
    margin:     3px 0 -10px 0;
}

h4
{
    font-size:  16px;
    margin:     3px 0 -10px 0;
}

.sIFR-dummy
{
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}

.success-box
{
    clear:      both;
    width:      766px;
    margin:     25px 0;
    background: #E3F1BF;
    border:     1px solid #A2D028;
    overflow:   auto;
    padding:    8px 16px;

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#boy-rank-chart  { display: block; height: 200px; width: 265px; background-image: url( '../images/rank-chart.jpg' ); background-position: 0 0;      }
#girl-rank-chart { display: block; height: 200px; width: 265px; background-image: url( '../images/rank-chart.jpg' ); background-position: 0 -200px; }
#both-rank-chart { display: block; height: 200px; width: 265px; background-image: url( '../images/rank-chart.jpg' ); background-position: 0 -400px; }

#boy-java-chart  { display: block; height: 200px; width: 265px; background-image: url( '../images/java-chart.jpg' ); background-position: 0 0;      }
#girl-java-chart { display: block; height: 200px; width: 265px; background-image: url( '../images/java-chart.jpg' ); background-position: 0 -200px; }
#both-java-chart { display: block; height: 200px; width: 265px; background-image: url( '../images/java-chart.jpg' ); background-position: 0 -400px; }

#arrow-expand    { cursor: pointer; cursor: hand; padding: 3px 5px; background: #fff; z-index: 101; position: absolute; display: block; top: 418px; left: 464px; border: 3px solid #ebebeb; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#arrow-reduce    { cursor: pointer; cursor: hand; padding: 3px 5px; background: #fff; z-index: 101; position: absolute; display: block; top: 418px; left: 659px; border: 3px solid #ebebeb; -moz-border-radius: 5px; -webkit-border-radius: 5px; }