@import url("reset-min.css");
html{
    background-color:#567E71;    
}

body {
	background:#567e71;
	color:#333;
    font:12px Arial, Helvetica, sans-serif;
    height:100%;
    line-height:150%;
    padding:10px 10px 20px;
    width:auto;
}

/* Restyled Tags*/

a{
	color:#004655;
}

.help
{
	color: #999;
}
	
    a:hover, a:active{
    	color:#099;
    }
    	
    a:visited {
    	color:#366;
    }
    
    ul#navlinks a.on{
        color:#ABCCA3;
    }

    a.email{
        background:url(/media/images/icons/icon_link_email.gif) no-repeat 0 2px;
        line-height:15px;
        padding-left:19px;
    }
        
    a.respond{
        background:url(/media/images/icons/icon_link_respond.gif) no-repeat 0 0;
        line-height:15px;
        padding-left:18px;
    }
    
    a.vote{
        display:block;
        font-weight:bold;
        text-decoration:none;
        text-indent:8px;
    }
    
    a.up{
        background:url(/media/images/icons/icon_up.gif) no-repeat 0 0;
        color:#000;
        height:21px;
        padding-top:3px;
        width:52px;
    }

    a.down{
        background:url(/media/images/icons/icon_down.gif) no-repeat 0 0;
        color:#000;
        height:21px;
        padding-top:3px;
        width:52px;
    }

    a.report{
        background:url(/media/images/icons/icon_report.gif) no-repeat 0 0;
        height:24px;
        width:82px;
    }
	
h1 {
    font-family:"Trebuchet MS", "Lucida Grande", Verdana;
	font-size:18px;
    font-weight:bold;
}

    h1 em{
        color:#014655;
        font-style:normal;
    }
	
h2 {
    font-family:"Trebuchet MS", "Lucida Grande", Verdana;
	font-size:14px;
    font-weight:bold;
}

    h2.greenBg{
        
    }
    
    h2.sans{
        font-family:Arial, Helvetica, sans-serif;
        color:#014655;
    }
    
    h2.big{
        font-size:16px;
    }
    
    h2.progress{
        color:#DDF3B6;
        float:left;
        margin-right:10px;
    }

h3 {
    font-family:"Trebuchet MS", "Lucida Grande", Verdana;
	font-size:14px;
	font-weight:bold;
	background-color:#d6f0aa;
	width:100%;
	}

h4{
    font-family:"Trebuchet MS", "Lucida Grande", Verdana;
    font-size:14px;
    font-weight:bold;
    margin-bottom:0.5em;
}

    h4.sans{
        font-family:Arial, Helvetica, sans-serif;
        font-weight:normal;
    }

h5{
    display:inline;
    font-weight:bold;
}

    h5.left{
        display:block;
        float:left;
    }
		
input {
	color:#000;}
    
    input.image{
        position:relative;
        top:6px;
    }

p {
	font-size:12px;
	line-height:16px;
    margin:0.75em 0;
}

    h4 + p { margin-top: -0.75em; }

strong{
    font-weight:bold;
}

em{
    font-style:italic;
}

    strong em{
        font-style:italic;
        font-weight:bold;
    }
    
hr{
    background:#999;
    border:0;
    height:1px;
    margin:1.5em 0;
}
    
/* Global error message */
div.message{
    background-color:#FAFFCF;
    display:none;
    font-weight:bold;
    margin:0.5em auto;
    padding:5px;
    width:67%;
}

    div.message.error{
        border:1px solid #DF0D29;
        color:#DF0D29;        
    }
    
    div.message.confirm{
        border:1px solid #437800;
        color:#437800;        
    }

    div.message.active{
        display:block;
    }
    
    div.message img{
        margin:0 0.25em;
        position:relative;
        top:4px;
    }

/* Layout Divs */

#container {
    background-color:#FFF;
	margin:0 auto;
    position:relative;
	text-align:left;
	width:980px;
}

#header {
	width:960px;
	height:60px;
	padding:10px;
}

    #logo {
    	float:left;
    	margin-top:8px;
    	margin-right:39px;
    }
    
    img#tagline{
        left:185px;
        position:absolute;
        top:64px;
    }
	
    #leaderboard {
    	width:728px;
    	height:60px;
    	background-color:#999999;
    	float:left;
    }

    #housebanner {
    	width:728px;
    	height:60px;
    	background-color:#FFFFFF;
    }
            div#housebanner img{
                position:relative;
                top:69%; 
                left:60%;
            }
    
    div#reg_signIn{
        font-size:95%;
        position:absolute;
        right:10px;
    }
    
        div#reg_signIn a{
            font-size:125%;
            font-weight:bold;
        }
	
#topnav {
	background-color:#004655;
	height:35px;
	margin:0 10px;
    padding:0px 10px;
    position:relative;
	width:940px;
}

    div#topnav span{
        color:#FFF;
        font-size:125%;
        position:relative;
        top:8px;
    }

    ul#navlinks {
        left:10px;
        list-style-type:none;
        position:absolute;
        top:6px;
    	width:620px;
    }
    
        ul#navlinks li{
            float:left;
            font-weight:bold;
        	margin-right:25px;            
        }
        
        ul#navlinks a {
        	color: #FFFFFF;
            font-family:"Trebuchet MS", "Lucida Grande", Verdana;
        	font-size: 16px;    
        	text-decoration: none;
        }
        
        ul#navlinks a:hover{
        	color:#d6f00a;
        	text-decoration:underline;
        }        
    
        div#search {
        	color: #d6f0aa;
        	font-family:"Trebuchet MS", "Lucida Grande", Verdana;
        	font-size:12px;
            position:absolute;
            right:10px;
        	text-align:right;
            top:0px;
        }
        
#bottomnav {
	width:940px;
	height:17px;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	background-color:#d6f0aa;
	text-align:right;
	font-size:11px;
	}
#bottomnav_notifications a {
	background: #ff0000;
	color:#fff;
	padding-left:5px;
	padding-right: 5px;
	text-decoration: none;
	margin-left:5px;
	margin-right:5px;
}

#main {
	width:960px;
	padding:10px;
}

    div#main.border{
        border:1px solid #75A3AA;
        margin:10px;
        padding:0;
    }

div#reg_images{
    background:#F1F1F1;
    float:left;
    height:122px;
    margin-left:10px;
    padding-left:10px;
    width:440px;
}

    div#reg_images div{
        height:77px;
	float:left;
        margin:8px 6px 0 0;
        position:relative;
        width:77px;
    }

    div#reg_images img{
        position:relative;
        z-index:4;
    }
    
        div#reg_images img.bg_hilite{
            display:none;
            left:-4px;
            position:absolute;
            top:-5px;
            z-index:3;
    }


img#bg_reg{
    height:130px;
    left:-4000px;
    position:absolute;
    top:0;
    width:84px;
    z-index:1;
}

div#reg_browse{
    background:#DDF3B6;
    float:left;
    height:107px;
    padding:15px 0 0 24px;
    width:486px;
}
    
    div#reg_browse form{
        margin:0.25em 0;
    }

#leftcolumn {
	float:left;
	margin-right:10px;
}

    #leftcolumn.threeCol{
        width:140px;
    }
    
    #leftcolumn.twoCol{
        padding:0 10px 0 10px;
        width:600px;
    }
    
    div#main.border #leftcolumn.twoCol{
        margin-right:30px;
        padding:0;
        text-align:center;
    }
    
        div#main.border #leftcolumn.twoCol img{
            position:relative;
            z-index:2;
        }
        
            div#main.border #leftcolumn.twoCol img#loader{
                left:20%;
                position:absolute;
                top:60%; 
                z-index:1;   
            }
	
#middlecolumn {
	width:640px;
	float:left;
	margin-right:10px;
}

    div#middlecolumn.narrow{
        margin-right:8px;
        width:472px;
    }

#rightcolumn {
	float:left;
}

    #rightcolumn.threeCol{
        width:160px;
    }
    
    #rightcolumn.twoCol{
        width:330px;
    }
    
    body.results #rightcolumn, body.careerindex #rightcolumn{
        padding-top:2.3em;
    }
    
    div#main.border #rightcolumn.twoCol{
        padding-top:5px;    
    }
	
#footer {
	font-size:11px;
	color:#666;
	text-align:center;
	margin-top:30px;
	margin-bottom:20px;
	padding-bottom:10px;
}

    #footer ul#footer_links{
        margin:0 auto;
        width:665px;
    }

    #footer ul#footer_links li{
        float:left;
        list-style-type:none;
        margin-right:0.5em;
    }

/*** Dashboard ***/
div#tabbed_content{
    position:relative;
}

    div#tabbed_content p:first-child{
        margin:0;
    }

    div#tabbed_content.searchResults p{
        margin:0.1em 0;
    }
    
    div#tabbed_content.searchResults h2{
        margin-top:0.75em;
    }
    
    div#tabbed_content div.greybox{
        padding:20px 10px;
    }
    
        div#tabbed_content.searchResults div.greybox *:first-child{
            margin-top:0;    
        }
    
        div#tabbed_content div.greybox div.col{
            margin-bottom:12px; 
        }
    
        div#tabbed_content div.greybox div.leftCol{
            float:left;   
            width:128px;
        }
        
            div#tabbed_content div.greybox div.leftCol.wide{
                width:155px;    
            }

        div#tabbed_content div.greybox div.midCol{
            float:left;   
            padding-right:18px;
            position:relative;
            width:337px;
        }
        
            div#tabbed_content div.greybox div.midCol div.bar{
                background:url(/media/images/backgrounds/bg_dashGraph.gif) repeat-x;
				white-space: nowrap;
                border:1px solid #C9E80F;
                height:18px;    
                position:relative;
                z-index:2;
            }

            div#tabbed_content div.greybox div.midCol div.bar_off{
                background:url(/media/images/backgrounds/bg_gradient_off.gif) repeat-x;
                border:1px solid #999;
                height:18px;    
                position:relative;
            }
            
                div#tabbed_content div.greybox div.midCol div.bar_off img{
                    cursor:pointer;
                    cursor:hand;
                    position:absolute;
                    top:-4px;
                    z-index:3;
                }

            div#tabbed_content div.greybox div.midCol div.grow{
                left:-1px;
                top:-1px;
                position:absolute;
            }

        div#tabbed_content div.greybox div.rightCol{
            float:left;   
            width:92px;
        }
        
            div#tabbed_content div.greybox div.rightCol *{
                font-size:10px;
                margin-right:0.25em;    
            }
            
        div#tabbed_content div.greybox div.twoCol{
            float:left;
            margin-right:65px;
            width:252px;
        }
        
            div#tabbed_content div.greybox div.twoCol + div.twoCol{
                margin-right:0;    
            }
            
            div#tabbed_content div.greybox div.twoCol label.trait{
                display:block;
                float:left;
                margin-bottom:10px;
                width:90px;
            }
            
            div#tabbed_content div.greybox div.twoCol div.trait{
                float:left;
                width:162px;    
            }
        
        div#tabbed_content div.expand{
            font-size:85%;
            height:0;
            line-height:125%;
            margin:0 0 12px 128px;
            overflow:hidden;
        }
            
    div#tabbed_content ul.resume li{
        line-height:125%;
        margin:0.75em 0;
    }
    
    div#tabbed_content form#invite input.text{
        margin-left:0.75em;
    }
    
ul.yui-nav{
    background:url(/media/images/backgrounds/bg_dashTabs.gif) no-repeat;
    height:28px;
    padding:6px 5px 5px;
}

    ul.yui-nav a{
        color:#FFF;
        font:12px "Trebuchet MS","Lucida Grande",Verdana;
        font-weight:bold;
        text-decoration:none;
    }
    
    div#tabbed_content .yui-nav li{
        height:33px;
        margin-right:1.45em;
        min-width:60px;
        padding:0;
        /*width:71px;*/
    }
    
        div#tabbed_content .yui-nav li a{
            padding-top:6px;
        }
    
        div#tabbed_content.searchResults li{
            /*width:110px;*/
            padding:0 6px;
            position:relative;
        }
                    
            div#tabbed_content.searchResults ul.yui-nav li a{
                display:block;
                margin-left:-6px;
                padding:6px 0 0 6px;
            }
        
            div#tabbed_content ul.yui-nav li a em{
                font-weight:bold;
                text-align:center;    
            }
    /*
    ul.yui-nav li:hover, ul.yui-nav li.selected, ul.yui-nav li:hover a, ul.yui-nav li.selected a{
        background:url(/media/images/backgrounds/bg_tab.gif) no-repeat;
    }
    */
    ul.yui-nav li:hover, ul.yui-nav li.selected{
        background:url(/media/images/backgrounds/bg_tab_right.gif) no-repeat right top;
    }
    
    ul.yui-nav li:hover a, ul.yui-nav li.selected a{
        background:url(/media/images/backgrounds/bg_tab_left.gif) no-repeat left top;
    }
    
        ul.yui-nav li:hover a, ul.yui-nav li.selected a{
            color:#005867;    
        }

div#tabbed_content div.resume label, div#tabbed_content div.resume h5.label{
    display:block;
    float:left;
    position:relative;
    top:2px;
    width:122px;
}

div#tabbed_content div.resume h5.label{
    top:0;
}

div#tabbed_content div.resume input.text{
    color:#000;
    width:170px;    
}

div#tabbed_content div.resume input.long{
    color:#000;
    width:450px;    
}

div#tabbed_content div.resume select.text{
    min-width:170px;    
}

div#tabbed_content div.resume img.submit{
    margin-left:122px;
}

div#tabbed_content img.imgRight{
    height:21px;
    position:absolute;
    right:10px;
    top:10px;
    width:116px;
}

div#tabbed_content a.rtButton{
    display:block;
    position:absolute;
    right:5px;
    top:10px;
}

    a.rtButton + a.rtButton{
        right:110px !important;    
    }

div#tabbed_content span.pageInfo{
    font-size:11px;
    position:absolute;
    right:6px;
    top:3px;
}

    div#tabbed_content span.pageInfo.top{
        color:#FFF;
        top:15px;
    }

    div#tabbed_content span.pageInfo.top a{
        color:#FFF;
        text-decoration:underline;
    }
    
/* Quizlab */
body.quizlab div#tabbed_content ul.yui-nav.top_page li a{
    padding:6px 1em 0;
}

/* Quiz progress bar */
body.quizlab div.container_progress_bar{
    height:30px;
    position:absolute;
    right:10px;
    top:10px;
    width:215px;
    z-index:456;
}

    body.quizlab div.container_progress_bar div.bar_off{
        background:#D4D4D4;
        border:1px solid #C6E600;
        float:left;
        height:18px;
        position:relative; 
        width:90px;   
    }
    
        body.quizlab div.container_progress_bar div.grow{
            background:url(/media/images/backgrounds/bg_dashGraph.gif) repeat-x;
            height:100%;
            left:1px;
            position:absolute;
            top:1px;
			white-space: nowrap;
        }

body.quizlab div.slider_section{
    border-bottom:2px solid #BDDE0B;
    padding:20px 10px;
    position:relative;    
    width:465px;
}

    body.quizlab div.slider_section label{
        display:block;
        float:left;   
        font-size:10px;
        width:85px; 
    }
    
    body.quizlab div#tabbed_content div.slider_section p:first-child{
        margin-bottom:10px;
    }
    
    body.quizlab div.slider_section div.bar_ticks{
        background:url(/media/images/backgrounds/bg_slider_ticks.gif) no-repeat;
        float:left;    
        height:23px;
        margin:0 10px;
        width:215px;
    }
    
    body.quizlab div.slider_section div.bar_ticks img{
        left:95px;
        position:relative;
    }

    body.quizlab div.slider_section div.sl_row{
        margin-bottom:5px;
    }
    
         body.quizlab div.slider_section div.sl_row label{
             
         }
    
    body.quizlab div.slider_section div.mid_col{
        float:left;
        margin:0 10px;
        position:relative;
    }
    
    body.quizlab div.slider_section div.bar_off{
        background:url(/media/images/backgrounds/bg_sm_slider.gif) no-repeat 0 4px;
        height:14px;    
        position:relative;
        width:200px;
    }
    
        body.quizlab div.slider_section div.bar_off img{
            margin-top:-3px;    
        }    
    
    body.quizlab div.slider_section div.grow{
        background:url(/media/images/backgrounds/bg_sm_slider_on.gif) repeat-x 0 4px;
        left:-1px;
        position:absolute;
        top:-1px;
        width:0;
    }
    
    div.range_meter_container{
        height:65px;
        position:absolute;
        right:10px;
        top:50px;
        width:72px;    
    }
    
        div.range_meter{
            background:url(/media/images/backgrounds/bg_range_meter.gif) no-repeat;
            height:100%;
            overflow:hidden;
            position:relative;
            z-index:52;
        }
        
        div.range_meter_grow{
            background:url(/media/images/backgrounds/bg_range_meter_grow.gif) no-repeat;
            height:100%;
            overflow:hidden;
            position:absolute;
            top:0;
            z-index:54;
            width:100%;
        }
        
        body.quizlab div.slider_section div.range_meter_container label{
            font-size:12px;
            font-weight:bold;
            position:absolute;
            text-align:center;
            top:22%;
            width:100%;
            z-index:55;
        }

body.quizlab img.back{}

body.quizlab img.next input.next {
    position:absolute;
    right:10px;
}

body.quizlab img.saveLater input.saveLater {
    left:40%;
    position:absolute;    
}

body.quizlab div.xtra{
    width:951px;
}

body.quizlab ul.yui-nav, body.quizlab ul.yui-nav li{
    position:relative;
    z-index:455;
}

body.quizlab div.gr_hd_top{
    background-image:url(/media/images/backgrounds/bg_DarkGr_xtraLg.gif);
    background-repeat:no-repeat;
    font-size:5px;
    height:5px;
    line-height:5px;
    margin-top:-39px;    
    position:relative;
    z-index:456;
}

body.quizlab div.gr_hd_long{
    background-color:#004655;
    height:34px;  
    position:relative;
}

body.quizlab div.greybox div.col{
    float:left;
    width:309px;
}

    body.quizlab div.greybox div.col div.bar{
        border:1px solid #CBE827;
        background:#BFBFBF;
        height:29px;
        margin:5px 0;
        position:relative;
        width:270px;    
		white-space: nowrap;
    }   
    
        body.quizlab div.greybox div.col div.bar span{
            font-weight:bold;
            left:8px;
            position:absolute;
            top:4px;
        }

                body.quizlab div.greybox div.col div.bar span.big{font-size:18px;white-space: nowrap;}
                body.quizlab div.greybox div.col div.bar span.med{font-size:12px;white-space: nowrap;}
                body.quizlab div.greybox div.col div.bar span.sm{font-size:10px;white-space: nowrap;}
    
        body.quizlab div.greybox div.col div.grn_bar{
			white-space: nowrap;
            background:url(/media/images/backgrounds/bg_greenGrad_tall.gif) repeat-x;
            height:29px;
            left:0;
            position:absolute;
            top:0    
        }
        
        body.quizlab div.greybox div.col div.dark_bar{
            background:url(/media/images/backgrounds/bg_darkGrad_tall.gif) repeat-x;
            height:29px;
            left:0;
            position:absolute;
            top:0;            
        }


        body.quizlab div.greybox div.col div.dark_bar span{ color:#FFF; }

        
/*
    body.quizlab div.greybox div.yui-navset.sub_tabs{
        margin-top:34px;
    }    
*/

    body.quizlab div.greybox p.nudge{
        margin-top:30px;
    }
        
    body.quizlab div.greybox div.yui-navset.sub_tabs ul.yui-nav, div#cloud_tabs ul.yui-nav{
        background:none;
        height:25px;
        padding:0;
    }
        
        body.quizlab div.greybox div.yui-navset.sub_tabs ul.yui-nav li, div#cloud_tabs ul.yui-nav li{
            border:1px solid #EEE;
            border-bottom:none;
            height:25px !important;
            margin-right:10px !important;
            padding:0 4px !important;
            width:78px !important;    
        }
        
            body.quizlab div.greybox div.yui-navset.sub_tabs label{
                float:left;
                font-size:11px;
                margin-right:5px;
            }
            
            body.quizlab div.greybox div.yui-navset.sub_tabs input.in_img, 
                div#cloud_tabs  div.greybox div.yui-navset.sub_tabs input.in_img{
                margin-left:54px;    
            }
        
            body.quizlab div.greybox div.yui-navset.sub_tabs ul.yui-nav li.fb{
                text-indent:14px;
                width:90px !important;    
            }
            
            body.quizlab div.greybox div.yui-navset.sub_tabs ul.yui-nav li img.icon{
                left:-3px;
                position:absolute;
                top:1px;    
            }    
        
            body.quizlab div.greybox div.yui-navset.sub_tabs ul.yui-nav li a, 
                div#cloud_tabs ul.yui-nav li a{
                color:#005867;    
            }
        
            body.quizlab div.greybox div.yui-navset.sub_tabs ul.yui-nav li.selected, 
                body.quizlab div.greybox div.yui-navset.sub_tabs ul.yui-nav li:hover,
                div#cloud_tabs ul.yui-nav li.selected,
                div#cloud_tabs ul.yui-nav li:hover{
                    background:#D6F0AA !important;
                    border:1px solid #D4D4D4;
                    border-bottom:none;
            }
            
                body.quizlab div.greybox div.yui-navset.sub_tabs ul.yui-nav li.selected a, 
                body.quizlab div.greybox div.yui-navset.sub_tabs ul.yui-nav li:hover a,
                div#cloud_tabs ul.yui-nav li.selected a,
                div#cloud_tabs ul.yui-nav li:hover a{
                    color:#000 !important;
                }
                
            body.quizlab div.greybox div.yui-navset.sub_tabs ul.yui-nav li a,
                div#cloud_tabs ul.yui-nav li a{
                background:none !important;
                padding:0 !important;    
            }

body.quizlab div.grn_btm_xtra{
    background-image:url(/media/images/backgrounds/bg_lightGr_xtraLg.gif);
    background-repeat:no-repeat;
    height:4px;
    width:951px;    
}

div.ddBox_container{
    float:left;
}

    div.ddBox_container img{
        float:left;
        height:12px;
        margin:3px 5px 0;
        width:6px;
    }
    
    div.boxShim{
        float:left;
        position:relative;
        width:88px;
    }

    ul#ddBox{
        border:1px solid #EEE;
        height:14px;
        overflow:hidden;
        padding:4px;
        position:absolute;
        top:-4px;
        width:80px;
        z-index:993;
    }
    
        ul#ddBox.open{
            background:#FFF;
            border:1px solid #CCC;
            height:auto;
            
        }
        
        ul#ddBox.open li:first-child{
            border-bottom:2px solid #EEE;
        }
        
        ul#ddBox.open li.selected{
             border-bottom:2px dashed #BFBFBF;
        }
        
        ul#ddBox.open li:hover{
            background:#DDF3B6;
        }

div.tt{
    display:none;    
    position:absolute;
}

    div.tt img{
        height:31px;
        left:-15px;
        position:absolute;
        width:16px;    
    }
    
    div.tt_body{
        background:#D6F0AA;
        border:1px solid #C1C1C1;
        padding:10px;
        width:285px;
    }

/* Custom Styles */
.clear {
    clear:both;
	float:none;
    font-size:0;
    height:0;
    line-height:0px;
}

    dt.clear{
        font-size:1.25em;
        line-height:1.25em;
        height:1.25em;
    }

/*** Homepage top-right form ***/
.ra_right_form label{
    display:block;
    float:left;
    position:relative;
    top:2px;
    width:80px;
}

.ra_right_form input#id_resume_url{
    width:236px;
}

.ra_right_form input.button{
    width:110px;
}
/*** End homepage top-right form ***/
    
.rel{
    position:relative;
}

.inl{
    display:inline;
}

.btmMg{
    margin-bottom:10px;
}

.btm5{
    margin-bottom:5px;
}

.btmLn{
    margin-bottom:1.25em;
}

div.traitBar{
    background:url(/media/images/backgrounds/bg_traitBar.gif) repeat-x;
    border:1px solid #CAE819;
    height:13px;
}
	
div.greenbox {
	background-color:#D6F0AA;
	padding:10px;
}

div.widegreenbox {
	background-color:#D6F0AA;
	padding:10px;
}

div.greencallout{
    background:#D6F0AA;
    border:1px solid #D4D4D4;
    margin:0.5em 0;
    padding:8px 18px;
}

.whiteBg{
    background:#FFF;
    border:1px solid #D4D4D4;
    padding:5px;    
}
	
.greenhd {
	background-color:#d6f0aa;
    padding:0.2em 0.5em;
}

.greybox {
	background-color:#eee;
	padding:10px;
    position:relative;
}

    .greybox p:first-child{
        margin-top:0;
    }

.grayhd{
    background:#EEE;
    padding:0.2em 0.5em;
}

input.acct{
    color:#000;
    width:230px;
}

dl{
    min-height:44px;
    position:relative;
}

dl.twoCol{
    background:#FFF;
    border:1px solid #D4D4D4;
    float:left;
    margin:0 10px 10px 0;
    padding:5px;
    width:292px;
}

    dl.twoCol + dl.twoCol{
        margin-right:0;
    }

dl.results{
    height:77px;
}

    dl.results dd{
        width:434px;
    }
    
        dl.results div.info{
            height:100%;
            position:absolute;
            right:0;
            top:10px;
            width:118px;
        }
        
            dl.results div.info p{
                bottom:18px;
                position:absolute;    
            }

dt.icon {
	float:left;
	margin-right:10px;
    min-height:44px;
}

    dl.results dt.icon{
        height:77px;
        width:77px;
    }

/*
    dt.icon img{
        height:44px;
        width:44px;
    }
    
        dt.icon img.big{
            height:77px;
            width:77px;
        }
*/
dd.icontext {
	margin:0.35em 0;
}
    
    dd.icontext li{
        margin-bottom:0.5em;
    }
    
        dl.results dd.icontext li{
            margin-bottom:-0.1em;
        }

    dd.icontext.sm{
        float:left;
        margin:0;
        width:82px;
    }
    
        dd.icontext.sm li{
            margin-bottom:0.1em;    
        }
    
    dd.icontext.wide{
        width:230px;
    }
    
dd.remove{
    font-size:10px;
    position:absolute;
    right:0;
}

div.respond
{
  padding-top: 20px;	
}

div.respond h2
{
	padding-bottom: 12px;
}

.answer_list
{
	padding-top: 20px;
}

div.response{
    border-bottom:1px solid #F1F1F1;
    padding-top:20px;
}
    div.response.big{
        border-bottom:0;
        padding-bottom:0;
    }

    div.response div.img{
        float:left;
        height:100%;
        margin-right:12px;
        min-height:70px;
        height:auto !important;
        height:70px;
        text-align:center;
        width:80px;
    }
    
        div.response div.img img{
            margin-bottom:-0.50em;
        }
    
    div.response div.text{
        float:left;
        min-height:62px;
        height:auto !important;
        height:62px;
        position:relative;
        width:372px;
        margin-bottom: 12px;
    }
    
        div.response.big div.text{
            min-height:88px;
            height:auto !important;
            height:88px;
        }
        
        div.response div.text div.vote{
            bottom:0;
            height:24px;
            position:absolute;
            width:201px;
        }
        
            div.response div.text div.vote a{
                float:left;
                margin-right:5px;    
            }

div.categoryCol{
    float:left;
    margin-right:45px;
    width:278px;    
}

    div.categoryCol + div.categoryCol{
        margin-right:0;
    }

    div.categoryCol label{
        display:block;
        float:left;
        width:120px;
    }

    div.categoryCol div.trait{
        float:left;
        width:158px;
    }

blockquote.stat{
    left:338px;
    position:absolute;
    top:20%;
}

div.category_list{
    background:#FFF;
    border:1px solid #545454;
    float:left;
    height:380px;
    margin-top:25px;
    overflow:auto;
    padding:10px;
    width:246px;
}

    div.category_list + div.category_list{
        margin-left:2em;
    }
    
div.container_quizLab{
    margin-bottom:20px;    
}

    div.container_quizLab ul{
        float:left;
        font-size:11px;
        line-height:16px;
        margin-right:30px;
        width:180px;
    }
    
    div.container_quizLab div.callout_quizLab{
        float:left;
        width:377px;
    }
    
        div.container_quizLab div.callout_quizLab div.hd, div.container_quizLab div.callout_quizLab div.ft{
            background:url(/media/images/backgrounds/bg_quizlab.gif) no-repeat;
            height:8px;
            line-height:8px;
        }
        
        div.container_quizLab div.callout_quizLab div.ft{
            background-position:0 -8px;    
        }
    
        div.container_quizLab div.callout_quizLab div.bd{
            background-color:#D6F0AA;
            font-size:11px;
            font-weight:bold;
            min-height:75px;
            padding:2px 18px;    
        }
        
            div.container_quizLab div.callout_quizLab div.bd div.icon_quizLab{
                background:url(/media/images/backgrounds/bg_icon_quizLab.gif) no-repeat;
                color:#FFF;
                float:left;
                height:61px;
                margin-right:20px;
                padding:5px 0 0 5px;
                text-transform:capitalize;
                width:61px;  
            }
            
ul.tabList li{
    margin-bottom:20px;
}

    ul.tabList div.left{
        float:left;
        width:98px;
    }
    
    ul.tabList div.right{
        float:left;
        width:470px;
    }
    
        ul.tabList div.right h4{
            margin:0;    
        }

ul.twoCol li{
    float:left;
    width:49%;
}

form#searchPeople div.greybox{
    padding:14px 10px 28px;
    margin-bottom:-3px;
}

form#inlineSearchPeople *{
    font-size:11px;
}

    form#inlineSearchPeople label{
        font-weight:bold;
        margin-right:0.5em;
    }
    
    form#inlineSearchPeople input.text{
        margin-right:0.5em;
        width:138px;    
    }

form#login{
    margin-top:1.5em;
}

    form#login label{
        display:block;
        float:left;
        margin:0 0.5em 0.5em;
        padding-left:10px;
        width:110px;
    }
    
    form#login input.text{   
        width:240px;
    }
    
    form#login div.greybox{
        width:466px;
    }
    
    form#login input.btn{
        margin-left:128px;
    }
    
form#questionForm{
    
}

    form#questionForm h4{
        margin:1em 0 0.25em;
    }
    
    form#questionForm label{
        margin-left:0.25em;
    }
    
    form#questionForm label.left{
        float:left;
        margin-left:0;
        padding-right:10px;
        text-align:right;
        width:135px;    
    }
    
form#account_personal .sized{
    color:#000;
    width:108px;
}

form#account_personal input[type='radio']{
    position:relative;
    top:2px;
}

    form#account_personal label + input[type='radio']{
        margin-left:2em;
    }
    
form#notificationOptions, form#privacyOptions{
    line-height:2em;
}

    form#notificationOptions input[type='image'], form#privacyOptions input[type='image']{
        margin:0.5em 0 0 1em;    
    }
    
/*** Pathbuilder footer ***/
input#addPath{
    margin:0 0.5em 0 0.75em;
    width:204px;
}

    input#addPath + img{
        cursor:pointer;
        cursor:hand;
        position:relative;
        top:5px;
    }

select.exp_years{
    margin-left:2em;
}

.grayBdr{
    border:1px solid #D4D4D4;
}

.uCase{
    text-transform:uppercase;
}

.small {
	font-size:11px;
	line-height:16px;
}

.socIcon{
    position:relative;
    top:4px;
}

.noD{
    display:none;
}

.inl{
    display:inline;
}

.trb{
    font-family:"Trebuchet MS", "Lucida Grande", Verdana;
}

.idt{
    text-indent:1em;
}

.offWt{
    background:#F9F9F9 !important;
}

.lPad{
    padding-left:10px;
}

.top{
    vertical-align:top;
}

.button{
    cursor:pointer;
    cursor:hand;
}



/*****************
* Rounded corners
* via CSS sprites
*****************/
.sm_rnd{
    background:url(/media/images/backgrounds/sm_rounded.gif) no-repeat;
    height:4px;
}

    .sm_rnd.gray_top{
        background-position: 0 0;
    }
    
    .sm_rnd.gray_btm{
        background-position: 0 -4px;
    }
    
    .sm_rnd.grn_top{
        background-position: 0 -8px;
    }
    
    .sm_rnd.grn_btm{
        background-position: 0 -12px;
    }

.md_rnd{
    background:url(/media/images/backgrounds/md_rounded.gif) no-repeat;    
    height:4px;
}

    .md_rnd.grn_top{
        background-position: 0 0;
    }
    
    .md_rnd.grn_btm{
        background-position: 0 -4px;
    }
    
    .md_rnd.gray_btm{
        background-position: 0 -8px;
    }

.lg_rnd{
    background:url(/media/images/backgrounds/lg_rounded.gif) no-repeat;
}

    .lg_rnd.grn_top{
        background-position: 0 0;
        height:5px;
    }
    
    .lg_rnd.gray_btm{
        background-position: 0 -5px;
        height:5px;
    }
    
.grn_btm_600{
    background:transparent url(/media/images/backgrounds/bg_600_grn_btm.gif) no-repeat;
    height:4px;
    width:600px;    
} 

.grn_top_600{
    
}  
 
.rnd_330{
    background:url(/media/images/backgrounds/330_rounded.gif) no-repeat 0 0;
    height:4px;
    width:330px;    
}

    .rnd_330.gray_btm_330{
        background-position:0 -4px;    
    }
    
.rnd_600{
    background:url(/media/images/backgrounds/600_rounded.gif) no-repeat 0 0;
    height:5px;
    width:600px;
}

    .rnd_600.gray_btm{
        background:url(/media/images/backgrounds/600_rounded.gif) no-repeat 0 -5px;
        height:4px;        
    }

.rnd_472{
    background:url(/media/images/backgrounds/bg_472.gif) no-repeat 0 0;
    height:8px;
    line-height:8px;
    width:472px;
}

    .rnd_472.btm{
        background-position:0 -8px;
    }        
    
/******************
* YUI dialog skins
******************/
.mask{
    background-color:#000;opacity:.25;*filter:alpha(opacity=25);    
}

div#dialog{
    /*background:#FFF;
    border:solid #DDF3B6;
    border-width:0 2px;*/
    height:468px;
    width:457px;
}

    body.quizlab div#dialog ul.yui-nav{
        margin-top:10px;
    }
    
        body.quizlab div#dialog ul.yui-nav li{
            width:88px !important;
        }

    body.quizlab div#dialog div.greenbox{
        width:310px;
    }

    body.quizlab div#dialog div.widegreenbox{
        width:360px;
    }
    
    div#dialog input{
        color:#000;
    }

    div#dialog div.top{
        background:url(/media/images/backgrounds/bg_modalRounded.gif) no-repeat 0 0;
        height:7px;
    }

    div#dialog div.btm{
        background:url(/media/images/backgrounds/bg_modalRounded.gif) no-repeat 0 -7px;
        height:7px;
    }
    
    div#dialog div.hd, div#dialog div.bd{
        background:#FFF;
        border:solid #D6F0AA;
        border-width:0 4px;
    }
    
    div#dialog div.hd{
        background:#D6F0AA;
        height:20px;
        position:relative;        
    }
    
        div#dialog div.hd label{
            display:block;
            float:left;
            font-size:11px;
            margin-left:38px;
        }
        
            div#dialog div.hd label.inactive{
                color:#A9B09D;    
            }
    
    div#dialog div.bd{
        padding:10px 0 5px 30px;
    }
        div#dialog div.bd div.section{
            margin:1em 0;
        }
        
        div#dialog div.bd td{
            width:97px;
        }
        
        div#dialog div.bd td + td{
            width:234px;
        }
    
        div#dialog div.bd td.bd{
            border:1px solid #000;
            padding:2px 0 0 2px;
        }
        
        div#dialog div.bd select{
            min-width:148px;
            margin-right:6px;
        }
        
        div#dialog div.bd div.formLeft, div#dialog div.bd div.formRight{
            float:left;
            margin-bottom:0.25em;
        }
        
        div#dialog div.bd div.formLeft{
            width:114px;
        }

        div#dialog div.bd div.formRight{
            width:240px;
        }
        
        div#dialog input.modal{
            width:240px;
        }
            
    div#dialog div.bd div#modal_step2{
        display:none;
    }
    
    

.yui-overlay, .yui-panel-container{
    height:468px;
    width:460px;
}

/* begin legacy css */


/* the css in this section is left over from */
/* an early version of the site */
/* and needs to be phased out asap */

/* box navigation */

#boxnavigation{
       float:right;
       width: 350px;
       padding:10px 10px 5px 10px;
       background: #eee;
       line-height: 1.8;
}

#boxnavigation ul{
       list-style:none;
}

#boxnavigation li{
       margin-bottom: 10px;
}

#boxnavigation a{
       display:block;
       text-decoration:none;
       color: #000;
       font-size: 1.0em;
       border-left: 3px solid #d6f0aa;
       padding-left:2px;
}

#boxnavigation a:hover, #boxnavigation .current{
       color: #616161;
       display:block;
       background-color:#d6f0aa;
       border-left: 3px solid #004655;
}

/*end box navigation*/

#sitecopy{
    width:575px;
    min-height:410px;
}

.highlight{
       margin-top:10px;
       margin-bottom:10px;
       display:block;
       background:#d6f0aa;
       padding:10px;
       text-align:center;
}

/* end legacy css */


div#gsfn_list_widget img { border: none; }

div#gsfn_list_widget {
   font-size: 12px; width: 250px; border: none; padding: 10px;
}

div#gsfn_list_widget a.widget_title {
   color: #000; display: block; margin-bottom: 10px; font-weight: bold;
}

div#gsfn_list_widget .powered_by {
   margin-top: 8px; padding-top: 8px; border-top: 1px solid #DDD;
}

div#gsfn_list_widget .powered_by a {
   color: #333; font-size: 90%;
}

div#gsfn_list_widget div#gsfn_content { }

div#gsfn_list_widget div#gsfn_content li {
    text-align:left; margin-bottom:6px;
}

div#gsfn_list_widget div#gsfn_content a.gsfn_link {
    line-height: 1;
}

div#gsfn_list_widget div#gsfn_content span.time {
    font-size: 90%; padding-left: 3px;
}

div#gsfn_list_widget div#gsfn_content p.gsfn_summary { margin-top: 2px }

.font_color_0 { color:#003300; font-weight: bold; } 
.font_color_10 { color:#006600; font-weight: bold; } 
.font_color_20 { color:#66cc33; font-weight: bold; } 
.font_color_30 { color:#ccff66; font-weight: bold; } 
.font_color_40 { color:#ffff66; font-weight: bold; } 
.font_color_50 { color:#ffcc33; font-weight: bold; } 
.font_color_60 { color:#ff9933; font-weight: bold;; } 
.font_color_70 { color:#ff6600; font-weight: bold; } 
.font_color_80 { color:#cc3300; font-weight: bold; } 
.font_color_90 { color:#cc0000; font-weight: bold; } 
.font_color_none { color:#000000; font-weight: bold; }


.bar_explain {
	overflow:hidden; width:15px; height:20px; background-color:#000000; float: left;
}

.add_industries {
	float: left; width:250px
}
.added_industries {
	float:right; width:250px
}

option.heading {
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}

option.choice {
	color: #000000;
}

#industry_widget.module {
	background: #fff;
	border: 1px solid #999;
	padding: 5px;
}
#industry_widget.module span.topic {
	font-weight: bold;
}
#industry_widget.module div.head {
	font-weight: bold;
	padding-bottom: 10px;
}

/** ERROR MESSAGES **/
.errorlist ul {
	margin: 0;
	padding: 0;
}
.errorlist li {
	background-color: red;
	color: white;
	display: block;
	font-size: 12px;
	margin: 0 0 3px;
	padding: 4px 5px;
}

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #d6f0aa; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


/** END ERROR MESSAGES **/

#creditfooter { display:none; }

/* Quiz Explanation */

/* End Quiz Explanation */

/* Friends */
.friends {
	background: #EEEEEE;
}
#find_friends {
	background: #EEEEEE;
}
#friend_requests {
	background: #EEEEEE;
}

.ui-tabs-panel .greentabs {
	background: #D6F0AA;
}
.greenylinks {
	padding: 5px;
	margin: 5px;
}

.greenylinks a {
	padding: 5px;
	background: #D6F0AA;
	text-decoration: none;
}
.green {
	background: #D6F0AA;
	padding: 5px;
	font-weight: bold;
	margin-bottom: 5px;
}
.content {
	padding: 15px;
}
/* End Friends */


/* advice begin */

.user_info
{
	background-color: #f7f7f7;
	padding: 10px;
	color: #999;
}

.m12
{
	margin-top: 12px;
}

th
{
	font-weight: bold;
}

.pagination
{
	margin-top: 0;
}

.info-bar
{
	margin-top: 3px;
}

.rss-subscribe
{
	padding: 10px;
	
}
/* advice end */


.debug
{
	border: solid 1px red;
}

div.scroll {
height: 400px;
width: 700px;
overflow: auto;
border: 1px solid #666;
padding: 8px;
}

/* begin style additions for new quiz results layout */
            h5.twoColTitle{ 
               /* left:150px; */
                position:relative;
            }
        
            div.key{
                background:#FFF;
                border:1px solid #CCC;
                margin-top:12px;    
                padding:5px;
                text-align:center;
                width:260px;
            }
            
                div.key label{
                    float:left;
                    margin:6px 2px 0 2px;                    
                }
            
                div.key img{
                    border:1px solid #FFF;
                    display:block;
                    float:left;
                    height:29px;
                    width:10px;
                }
                
            div.colPad{
                margin-top:24px;
            }
            
            div.grad_bar{
                background-repeat:repeat-x;
                background-position:0 0;
                color:#FDFDFD;
                height:29px;
                left:0;
                position:absolute;
                top:0;                
            }
            
                div.bar_color_0{
                    background-image:url(/media/images/backgrounds/bg_grad_1.gif);
		    color: #FFF;
		    font-weight: bold;
		    white-space: nowrap;
                }

                div.bar_color_10{
                    background-image:url(/media/images/backgrounds/bg_grad_2.gif);
		    color: #FFF;
		    font-weight: bold;
		    white-space: nowrap;
                }
                
                div.bar_color_20{
                    background-image:url(/media/images/backgrounds/bg_grad_3.gif);
		    color: #FFF;
		    font-weight: bold;
		    white-space: nowrap;
                }                
                
                div.bar_color_30{
                    background-image:url(/media/images/backgrounds/bg_grad_4.gif);
		    color: #333333;
		    font-weight: bold;
		    white-space: nowrap;
                }
                                
                div.bar_color_40{
                    background-image:url(/media/images/backgrounds/bg_grad_5.gif);
		    color: #333333;
		    font-weight: bold;
		    white-space: nowrap;
                }   
                
                div.bar_color_50{
                    background-image:url(/media/images/backgrounds/bg_grad_6.gif);
		    color: #333333;
		    font-weight: bold;
		    white-space: nowrap;
                }                       
                
                div.bar_color_60{
                    background-image:url(/media/images/backgrounds/bg_grad_7.gif);
		    color: #FFF;
		    font-weight: bold;
		    white-space: nowrap;
                }                                      
                
                div.bar_color_70{
                    background-image:url(/media/images/backgrounds/bg_grad_8.gif);
		    color: #FFF;
		    font-weight: bold;
		    white-space: nowrap;
                }                
                
                div.bar_color_80{
                    background-image:url(/media/images/backgrounds/bg_grad_9.gif);
		    color: #FFF;
		    font-weight: bold;
		    white-space: nowrap;
                }                
                
                div.bar_color_90{
                    background-image:url(/media/images/backgrounds/bg_grad_10.gif);
		    color: #FFF;
		    font-weight: bold;
		    white-space: nowrap;
                }       

                div.bar_color_none{
                    background-image:url(/media/images/backgrounds/bg_grad_10.gif);
		    color: #FFF;
		    font-weight: bold;
		    white-space: nowrap;
                }       

/* I don't think this section is used anymore, bars are no longer links
 * scheduled for deletion soon.
 */
.bar_color_0 a{ color:#fff; text-decoration: none; } 
.bar_color_10 a{ color:#fff; text-decoration: none; } 
.bar_color_20 a{ color:#fff; text-decoration: none; } 
.bar_color_30 a{ color:#333333; text-decoration: none; } 
.bar_color_40 a{ color:#333333; text-decoration: none; } 
.bar_color_50 a{ color:#333333; text-decoration: none; } 
.bar_color_60 a{ color:#FFF; text-decoration: none; } 
.bar_color_70 a{ color:#FFF; text-decoration: none; } 
.bar_color_80 a{ color:#FFF; text-decoration: none; } 
.bar_color_90 a{ color:#FFF; text-decoration: none; } 
.bar_color_none a{ color:#FFF; text-decoration: none; } 
/* delete to here */

            
            ul.switchLinks li{
                border:1px solid #EEE;
                padding:5px;
                position:relative;
            }    
            
                ul.switchLinks li span, ul.switchLinks li label {
                    display:none;
                }
            
                ul.switchLinks li.hover_link, ul.switchLinks li.clicked{
                    background-color:#FAFFCF;
                    border:1px solid #FFF;
                } 
                
                    ul.switchLinks li.hover_link span, ul.switchLinks li.clicked span{
                        display:inline;
                        position:relative;
                        top:0px;
                    }

                    ul.switchLinks li.clicked a.small{
                        margin-left:10px;
                    }
                    
                    ul.switchLinks li label{  
                        display:block;
                        position:absolute;
                        right:4px;
                        top:0;
                    }      
                    
                        ul.switchLinks li.clicked label{
                            display:none;
                        }
/* end style additions for new quiz results layout */

/* new styles for november 2008 design revision */

    div#main.homepage{
        margin:0 auto;
        width:960px;
    }
    
/*
        div#main.homepage div.hd_title{
            background:url(/media/images/backgrounds/bg_homepage_top.gif) no-repeat;
            height:86px;
            padding:10px;
        }
        
        div#main.homepage div.bd_title{
            border:solid #DEF2B6;
            border-width:0 10px;
            padding:14px 10px 10px;
        }
        
        div#main.homepage div.ft_title{
            background:url(/media/images/backgrounds/bg_homepage_btm.gif) no-repeat;
            height:12px;    
        }
*/
    
        div#main.homepage h1{
            font-size:24px;
            margin:0.5em 0 1.5em;
        }
        
        div#main.homepage h2{
            font-size:20px;
            margin:0.5em 0;
        }
        
        div#main.homepage h3{
            background:none;
            font-size:20px;
            margin:0 0 30px;
            text-align:center;
        }
        
        div#main.homepage h4 strong{
            font-size:125%;
        }
    
    div.hp_block{
        float:left;
        margin-right:10px;
        width:312px;
    }
    
        div.last_hp_block{
            margin-right:0;
        }
        
        div.hp_block div.hd_block{
            background:url(/media/images/backgrounds/bg_module_top.gif);
            height:9px;    
        }
        
        div.hp_block div.bd_block{
            border:solid #DEF2B6;
            border-width:0 5px; 
            padding:5px 5px 0;           
        }
        
        div.hp_block div.ft_block{
            background:url(/media/images/backgrounds/bg_module_btm.gif);
            height:10px;
        }
        
        div.hp_block img.block{
            display:block;
            height:180px;
            margin:0 auto 0px;
            width:292px;
        }
        
        div.hp_block div.callout{
            background:#DEF2B6;
            height:143px;
            margin-left:-10px;
            padding:10px 15px;
            position:relative;
            width:280px;
        }
        
            div.hp_block div.callout h5{
                display:block;
                margin:0.5em 0 0.25em;
            }
        
            div.hp_block div.callout a.btn{
                bottom:0;
                display:block;
                position:absolute;
                text-align:center;
                width:265px;
            }
            
            div.hp_block div.callout input.top{
                margin-top:5px;
            }

            div.hp_block div.callout label{
                float:left;
                font-size:10px;
                line-height:14px;
                width:165px;                
            }
            
            div.hp_block div.callout form.btmForm{
                bottom:5px;
                position:absolute;
            }
            
                div.hp_block div.callout form.btmForm input.full{
                    display:block;
                    margin-bottom:10px;
                }
                
                div.hp_block div.callout form.btmForm input.align{
                    margin-right:0;    
                }

        input.align{
            display:block;
            float:right;
            margin:0.25em 0 0 0;
        }

        input.full{
            width:212px;
        }
        
        .grayed{
            color:#BBB;
        }

/* further changes to design revision of november 2008 the below
 * override some of the above and the rules should be reconciled
 * and collapsed
 */

    div.hp_block div.callout a.btn{
        bottom:15px;
    }

    .relative{
        position:relative;
        width:280px;
    }

        .relative input.align{
            bottom:0;
            position:absolute;
            right:-10px;
        }

    .midAligned{
        bottom:20px;
        position:absolute;
        width:266px;
    }

        .midAligned input.align{
            bottom:12px;
            position:absolute;
            right:-25px;
        }

    input.align{
        margin:0;
        position:absolute;
    }

    div.hp_block div.callout form.btmForm input.full{ margin:0; }

    div.hp_block div.callout form.btmForm{
        bottom:34px;
    }

    div.hp_block div.callout form.btmForm input.align{
        bottom:0;
        position:absolute;
        right:-60px;
    }

/* new styles for quiz results */
div.colSection{
border-bottom:1px dashed #333;
margin-bottom:15px;
padding-bottom:10px;
position:relative;
}

div.toggle{
display:none;
margin-top:1em;
}

div#overlay_info{
width:478px;
}

div#overlay_info div.hd{
   background:url(/media/images/backgrounds/bg_overlay_top.gif) no-repeat;
   font-size:0;
   height:9px;
   line-height:9px;
}

div#overlay_info div.bd{
   background:#FFF;
   border:solid #004655;
   border-width:0 4px;
   padding:6px 10px;
   position:relative;
}

   div#overlay_info div.bd a{
       position:absolute;
       right:5px;
       top:5px;
   }

div#overlay_info div.ft{
   background:url(/media/images/backgrounds/bg_overlay_btm.gif) no-repeat;
   font-size:0;
   height:9px;
   line-height:9px; 
   position:relative; 
   width:478px;                  
}

div.yui-panel-container{ z-index: 99999 !important; }

div.colSection{
     height:1%;
}

td {
	padding:5px;
}

.accesstext {

    border:solid 1px #fff; background-color:#fff; color:#fff;
	
}

    div.advice_sort_header{
        background:#EEEEEE !important;
        font-family:"Trebuchet MS", "Lucida Grande", Verdana;
        height:25px;
        padding:0 !important;
    }   
    
        div.advice_sort_header ul{
            font-size:11px;
            font-weight:bold;
            left:10px;
            position:absolute;
            top:2px;
        }

            div.advice_sort_header li{
                float:left;
            }

            div.advice_sort_header li a, div.advice_sort_header li.label{
                display:block;
                height:22px;
                margin: 2px;
                padding:3px 8px 0;
                text-decoration:none;    
            }
            
            div.advice_sort_header li a:hover, div.advice_sort_header li a.on{
                background:#C8E300;
                color:#000;
            }