/* 
    mentor.css
    
    namespace(s):
    - body.mentor-landing
    - body.mentor
*/


/* 
-------------------------------------------------
    b o d y . m e n t o r - l a n d i n g
------------------------------------------------- */
body.mentor-landing .section-header {
    background: url(../../i/site/section-header-mentor-landing-bg.png) center bottom no-repeat transparent;
}
body.mentor-landing .section-content {
    background: url(../../i/site/section-content-mentor-landing-bg.png) center top no-repeat transparent;
}
body.mentor-landing .section-header .wrapper {
    background: url(../../i/site/section-header-mentor-landing.jpg) left top no-repeat #FFF;
    border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;
    border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;
    height: 513px;
    padding: 30px 0 0 40px;
    width: 920px;
}


/* 
-------------------------------------------------
    L a n d i n g   H e a d e r
------------------------------------------------- */
body.mentor-landing .section-header h1,
body.mentor-landing .section-header p {
    position: relative; 
    z-index: 999; 
    width: 430px;
}
body.mentor-landing .section-header h1 {
    color: #3b6bba;
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size: 42px;
    font-weight: normal;
    margin-bottom: 10px;
}
body.mentor-landing .section-header h1 span {
    display: block;
    font-size: 18px;
}
body.mentor-landing .section-header h1 em {
    font-size: 22px;
}


/* 
-------------------------------------------------
    L a n d i n g   S e l e c t o r
------------------------------------------------- */
body.mentor-landing .mentor-selector {
    bottom: 0;
    left: 44px;
    margin: 0;
    position: absolute;
    width: 880px;
}
body.mentor-landing .mentor-selector dt {
    position: absolute;
    bottom: 0;
    background: transparent url(../../i/mentors/mentors-landing.png) no-repeat;
}
body.mentor-landing .mentor-selector dd,
body.mentor-landing .selector-default {
    background-color: #dbe8f5;
    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
    bottom: 80px;
    color: #404040;
    font-family: Georgia, "Times New Roman", Times, Serif;
    left: 50%;
    margin-left: -296px;
    min-height: 110px; _height: 110px;
    opacity: .9; filter: alpha(opacity=90);
    padding: 10px 10px 0;
    position: absolute;
    text-align: left;
    width: 610px;
    z-index: 99;
}
body.mentor-landing .mentor-selector dd p {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    margin: 0;
    width: auto;
}
body.mentor-landing .mentor-selector dd blockquote p {
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size: 13px;
    font-style: italic;
    margin-top: 7px;
}
body.mentor-landing .selector-default {
    display: block;
    margin-left: -292px;
    text-align: center;
    z-index: 80;
}
body.mentor-landing .selector-default h2 {
    color: #404040;
    margin-top: 20px;
}
body.mentor-landing .selector-default p {
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    width: auto;
}
dl.mentor-selector dt a span {
    font-size: 12px;
    line-height: 1.3em;
    position: absolute;
    right: 88%;
    text-align: right;
    top: 50px;
    width: 90px;
}



body.mentor-landing dl.mentor-selector dt.dhorwitz {
    background-position: left -104px;
    height: 350px; width: 240px; left: 0;
}
body.mentor-landing #shell dl.mentor-selector:hover dt.dhorwitz,
body.mentor-landing #shell dl.mentor-selector-hover dt.dhorwitz { background-position: left bottom; } /* hover others */
body.mentor-landing #shell #content dl.mentor-selector .dhorwitz:hover,
body.mentor-landing #shell #content dl.mentor-selector .dhorwitz-hover { background-position: left -104px; } /* hover self */

body.mentor-landing dl.mentor-selector dt.jjackson {
    background-position: -243px -64px;
    height: 390px; width: 192px; left: 240px;
}
body.mentor-landing #shell dl.mentor-selector:hover dt.jjackson,
body.mentor-landing #shell dl.mentor-selector-hover dt.jjackson { background-position: -243px bottom; } /* hover others */
body.mentor-landing #shell #content dl.mentor-selector .jjackson:hover,
body.mentor-landing #shell #content dl.mentor-selector .jjackson-hover { background-position: -243px -64px; } /* hover self */

body.mentor-landing dl.mentor-selector dt.ksueda {
    background-position: -437px -2px;
    width: 99px; left: 441px;
}
body.mentor-landing #shell dl.mentor-selector:hover dt.ksueda,
body.mentor-landing #shell dl.mentor-selector-hover dt.ksueda { background-position: -437px bottom; } /* hover others */
body.mentor-landing #shell #content dl.mentor-selector .ksueda:hover,
body.mentor-landing #shell #content dl.mentor-selector .ksueda-hover { background-position: -437px -2px; } /* hover self */

body.mentor-landing dl.mentor-selector dt.srunquist {
    background-position: -538px -2px;
    width: 144px; left: 581px;
}
body.mentor-landing #shell dl.mentor-selector:hover dt.srunquist,
body.mentor-landing #shell dl.mentor-selector-hover dt.srunquist { background-position: -538px bottom; } /* hover others */
body.mentor-landing #shell #content dl.mentor-selector .srunquist:hover,
body.mentor-landing #shell #content dl.mentor-selector .srunquist-hover { background-position: -538px -2px; } /* hover self */

body.mentor-landing dl.mentor-selector dt.ashojai {
    background-position: -682px -2px;
    width: 112px; left: 747px;
} /* default */
body.mentor-landing #shell dl.mentor-selector:hover dt.ashojai,
body.mentor-landing #shell dl.mentor-selector-hover dt.ashojai { background-position: -682px bottom; } /* hover others */
body.mentor-landing #shell #content dl.mentor-selector .ashojai:hover,
body.mentor-landing #shell #content dl.mentor-selector .ashojai-hover { background-position: -682px -2px; } /* hover self */







/*

dl.mentor-tabs dt.dhorwitz { background-position: left top; }
#shell dl.mentor-tabs:hover dt.dhorwitz,
#shell dl.mentor-tabs-hover dt.dhorwitz { background-position: left -110px; }
#shell dl.mentor-tabs:hover .dhorwitz:hover,
#shell dl.mentor-tabs .dhorwitz-hover,
body.mentor-horwitz #shell dl.mentor-tabs .dhorwitz { background-position: left bottom; }

dl.mentor-tabs dt.jjackson { background-position: -72px top; }
#shell dl.mentor-tabs:hover dt.jjackson,
#shell dl.mentor-tabs-hover dt.jjackson { background-position: -72px -110px; }
#shell dl.mentor-tabs:hover .jjackson:hover, 
#shell dl.mentor-tabs .jjackson-hover,
body.mentor-jackson #shell dl.mentor-tabs .jjackson { background-position: -72px bottom; }

dl.mentor-tabs dt.ksueda { background-position: -144px top; }
#shell dl.mentor-tabs:hover dt.ksueda,
#shell dl.mentor-tabs-hover dt.ksueda { background-position: -144px -110px; }
#shell dl.mentor-tabs:hover .ksueda:hover, 
#shell dl.mentor-tabs .ksueda-hover,
body.mentor-sueda #shell dl.mentor-tabs .ksueda { background-position: -144px bottom; }

dl.mentor-tabs dt.srunquist { background-position: -216px top; }
#shell dl.mentor-tabs:hover dt.srunquist,
#shell dl.mentor-tabs-hover dt.srunquist { background-position: -216px -110px; }
#shell dl.mentor-tabs:hover .srunquist:hover, 
#shell dl.mentor-tabs .srunquist-hover,
body.mentor-runquist #shell dl.mentor-tabs .srunquist { background-position: -216px bottom; }

dl.mentor-tabs dt.ashojai { background-position: right top; }
#shell dl.mentor-tabs:hover dt.ashojai,
#shell dl.mentor-tabs-hover dt.ashojai { background-position: right -110px; }
#shell dl.mentor-tabs:hover .ashojai:hover, 
#shell dl.mentor-tabs .ashojai-hover,
body.mentor-shojai #shell dl.mentor-tabs .ashojai { background-position: right bottom; }

*/








body.mentor-landing .mentor-selector dt.dhorwitz a span  { top: 126px; right: 182px; }
body.mentor-landing .mentor-selector dt.jjackson a span  { top: 79px; right: 178px; }
body.mentor-landing .mentor-selector dt.ksueda a span    { top: 65px; right: 80px; }
body.mentor-landing .mentor-selector dt.srunquist a span { top: 48px; right: 101px; }
body.mentor-landing .mentor-selector dt.ashojai a span   { top: 35px; right: 98px; }


/*
-------------------------------------------------
    M e n t o r   L a n d i n g   C o n t e n t
------------------------------------------------- */
body.mentor-landing .section-content .wrapper {
    padding: 0 0 60px;
    width: 920px;
}
body.mentor-landing .main {
	width: 540px;
}
body.mentor-landing .main,
body.mentor-landing .aside {
    padding: 0;
}
body.mentor .ask,
body.mentor-landing .ask {
    background-color: #d0e89a;
    padding: 20px 20px 10px;
}
body.mentor-landing .ask h2 {
    color: #404040;
    font-size: 26px;
    font-weight: normal;
    margin: 0 0 15px;
    padding: 0;
}
body.mentor-landing .ask .links, body.mentor .ask .links {
	padding: 15px 0 30px;
}
body.mentor-landing .ask .links a.more, body.mentor .ask .links a.more {
	_display: inline-block;
}
body.mentor-landing .aside .quotes {
    background-color: #e9f2f9;
    display: block;
    min-height: 200px;
    padding: 10px 60px 10px 30px;
    position: relative;
    width: 270px;
}
body.mentor-landing .aside .browse-control {
    background-color: #8dc50b; /* Title bg color */
}
body.mentor-landing .aside .browse-control span {
    border-top: 12px solid #84b01a; /* Angle shape bg color */
}
body.mentor-landing .aside .quotes h3 {
    margin: 10px 0 15px 30px;
}
body.mentor-landing .aside .quotes ul li {
    padding: 0 0 0 30px;
}
body.mentor-landing .aside .quotes ul li,
body.mentor-landing .aside .quotes ul li .question,
body.mentor-landing .aside .quotes ul li .answer {
    clear: both;
    display: inline;
    float: left;
}
body.mentor-landing .aside .quotes ul li .question,
body.mentor-landing .aside .quotes ul li .answer {
    width: 100%;
}
body.mentor-landing .aside .quotes li div {
    position: relative;
}
body.mentor-landing .aside .quotes ul li span {
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size: 28px;
    left: -40px;
    overflow: visible;
    padding: 2px 0 7px;
    position: absolute;
    top: 0;
}
body.mentor-landing .aside .quotes ul li p {
    margin: 0;
    padding: 0;
}
body.mentor-landing .aside .quotes ul li .question {
    margin-bottom: 15px;
}
body.mentor-landing .aside .quotes ul li .answer p {
    margin-left: 80px;
    overflow: hidden;
}
body.mentor-landing .aside .quotes ul li .answer strong,
body.mentor-landing .aside .quotes ul li .answer a {
    display: block;
    font-weight: bold;
}
body.mentor-landing .aside .quotes ul li .answer a {
    background: url(../../i/icons/link-arrow.png) right center no-repeat transparent;
    font-size: 12px;
    margin-top: 5px;
    padding-right: 10px;
    text-transform: uppercase;
}
body.mentor-landing .aside .quotes ul li img {
    border: solid 4px #b7d1ee !important;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
    display: inline;
    float: left;
}


/* 
-------------------------------------------------
    M e n t o r   D e t a i l
------------------------------------------------- */
body.mentor .section-header .wrapper {
    background: url(../../i/mentors/mentor_head_bg.png) left bottom no-repeat transparent;
    height: 324px;
    margin-top: -20px;
}
body.mentor .section-content .wrapper {
    background: url(../../i/mentors/mentor_content_bg.jpg) left top no-repeat #FFF;
    padding-top: 0;
}
body.mentor .section-content .main {
    padding:0 20px 0;
    width: 540px;
}
body.mentor .section-content .aside {
    padding: 0;
    width: 380px;
}


/*
-------------------------------------------------
    H e a d e r
------------------------------------------------- */
body.mentor .section-header img {
    bottom: 0;
    display: inline;
    float: left;
    height: 270px;
    left: 20px;
    position: absolute;
    width: 360px;
}
body.mentor .section-header h1,
body.mentor .section-header p {
    line-height: normal;
    margin: 0;
    padding: 0 0 0 370px;
}
body.mentor .section-header h1 {
    color: #3b6bba;
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size: 25px;
    padding-top: 140px;
}
body.mentor .section-header p.description {
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size: 19px;
    font-style: italic;
    padding-top: 15px;
}


/*
-------------------------------------------------
    M a i n
------------------------------------------------- */
body.mentor .main h2 {
    color: #404040;
    font-size: 26px;
    font-weight: normal;
    margin: 0 0 15px;
    padding: 0;
}
body.mentor .main h3 {
    color: #404040;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 40px 0 5px 50px;
}


/*
-------------------------------------------------
    W e e k l y   Q u e s t i o n s
------------------------------------------------- */
body.mentor ul.questions li,
body.mentor ul.questions li div,
body.mentor ul.questions li span {
    display: block;
    overflow: visible;
    zoom: 1;
}

body.mentor ul.questions li {
    clear: both;
    display: inline;
    float: left;
    padding-bottom: 30px;
    width: 100%;
}
body.mentor ul.questions li div {
    position: relative;
}
body.mentor ul.questions li p {
    font-family: Georgia, "Times New Roman", Times, Serif;
    margin-left: 50px;
    font-family: Georgia, Times New Roman, Times, Serif;
}
body.mentor ul.questions li span {
    display: block;
    font-family: Georgia, Times New Roman, Times, Serif;
    font-size: 33px;
    left: 5px;
    line-height: normal;
    overflow: visible;
    position: absolute;
    top: -10px;
    zoom: 100%;
}
body.mentor ul.questions li .reveal-toggle { 
    background-color: #e4f3bf; 
    margin: 0 0 0 50px; 
}
body.mentor ul.questions .answer {
	margin-top: 25px;	
}


/* 
-------------------------------------------------
    S i d e b a r , A s i d e
------------------------------------------------- */
body.mentor .aside .bio-info {
    padding: 40px 20px 0;
}
body.mentor .aside .bio-info ul li {
    border-bottom: dotted 2px #CCC;
    margin: 0;
    padding: 15px 0;
}
body.mentor .aside .bio-info ul ul {
    margin: 0;
}
body.mentor .aside .bio-info ul ul li {
    border-style: none;
    margin: 0;
    padding: 0;
}
body.mentor .aside .bio-info ul li.last {
    border-style: none;
    padding-bottom: 0;
}
body.mentor .aside .bio-info ul li h4 {
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 2px;
    padding: 0;
}


/*
-------------------------------------------------
    B i o   B o x
------------------------------------------------- */
body.mentor .aside .quotes {
    background-color: #e2f0ce;
    display: block;
    min-height: 200px;
    padding: 10px;
    position: relative;
    width: 348px;
}
body.mentor .aside .quotes li{
    padding: 0 0 0 30px;
    text-align: center;
    width: 272px;
}
body.mentor .aside .quotes h6 {
    font-size: 15px;
    padding: 10px 0;
}
body.mentor .aside .quotes p {
    font-size: 16px;
    font-style: italic;
    margin: 0;
}
body.mentor .quotes .browse-control {
    background-color: #5894d7; /* Title bg color */
    left: 315px;
}
body.mentor .quotes .browse-control span {
    border-top: 12px solid #2948ac; /* Angle shape bg color */
    border-right: 12px solid #FFF;
}


/* 
-------------------------------------------------
    M e n t o r   S e l e c t o r
------------------------------------------------- */
body.mentor .mentor-selector {
    background: url(../../i/site/mentor-family-bg.jpg) left top repeat-x transparent;
    padding-top: 20px;
}
body.mentor .mentor-selector h2 {
    color: #3b6bba;
    font-size: 19px;
    padding: 0 0 20px;
    text-align: center;
}
body.mentor .mentor-selector h2 span {
    display: block;
    font-size: .9em;
}
body.mentor .mentor-selector h2 span small {
    font-size: .7em;
}


/* 
-------------------------------------------------
    M e n t o r   Katrina Warren
------------------------------------------------- */
body.mentor-warren .main .noQuestionRecords
{
    font:14px normal Georgia,Times New Roman, serif;
    padding-left: 50px;
}