html
{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body
{
font-family: Tahoma, arial, verdana;
font-size: 62.5%;
color: #161616;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body.MyFutureHome
{
background: #E7EDF2 url('/images/myguide/bg_home.gif') repeat-x;
}
body.MyFuture
{
background: #fff9d8 url('/images/myguide/bg.jpg') repeat-x;
}
a { color: #006A8F; }
form
{
margin: 0;
padding: 0;
}
h2
{
margin: 12px 0;
font-size: 2em;
}
h2 a
{
color: #000000;
}
label { display:block; }
p
{
font-size: 1.4em;
clear :left;
}
em {font-style: normal;}
input, textarea { font-family: Tahoma, arial, verdana; }
img { border: 0; }
.altText
{
color: #000000;
}
.error { color: #D91414 }
.errorTitle { color: #D91414; }
.errorDescription { color: #D91414; padding: 10px; padding-left: 20px; }
span.error { margin-left: 5px; }
body.MyFutureHome div#mainWrapper {
padding: 0;
}
div#mainWrapper
{
margin: 0 auto;
width: 968px;
padding: 0 0 70px 0;
overflow: hidden;
position: relative;
font-size: 1em;
}
div#homeContent
{
background: #fff9d8 url('/images/myguide/bg_homeBottom.gif') repeat-x;
position:relative;
}
div#homeContentWrapper {
margin: 0 auto;
width: 968px;
padding: 0 0 70px 0;
overflow: hidden;
/*font-size: 1em;*/
}
.content ul
{
margin: 0;
padding: 0 0 0 16px;
font-size: 1.4em;
}
.IE6 .content ul
{
font-size: 1em;
}
.content li
{
background:url("/images/myguide/bulletGreen.gif") no-repeat scroll 0 7px transparent;
margin: 0 0 .2em;
padding: 0 0 0 12px;
list-style: none;
font-family: Tahoma;
}
/*-------------------------------------------------
* Buttons styles
*-------------------------------------------------*/
.buttons
{
padding: 22px 0 10px;
clear: both;
}
a.btn
{
text-decoration: none;
font-weight: bold;
height: 29px;
line-height: 27px;
display: block;
float: left;
color: #fff;
font-size: 1.4em;
}
a.btn span
{
background: url('/images/myguide/btn_blackRight.gif') no-repeat 100% 0;
display: block;
padding-right: 10px;
height: 100%;
float: left;
cursor: pointer;
}
a.btn.profileSummary
{
background: url('/images/myguide/btn_profileSummaryLeft.gif') no-repeat;
padding-left: 38px;
}
a.btn.profileHome
{
background: url('/images/myguide/btn_profileHome.gif') no-repeat;
padding-left: 38px;
}
a.btn.blackHome
{
background: url('/images/myguide/btn_blackHome.gif') no-repeat;
padding-left: 38px;
}
a.btn.blackHome span
{
background: url('/images/myguide/btn_blackRight.gif') no-repeat 100% 0;
}
a.btn.blackPrint
{
background: url('/images/myguide/btn_blackPrint.gif') no-repeat;
padding-left: 38px;
}
a.btn.blackPrint span
{
background: url('/images/myguide/btn_blackRight.gif') no-repeat 100% 0;
}
a.btn.blackEmail
{
background: url('/images/myguide/btn_blackEmail.gif') no-repeat;
padding-left: 38px;
}
a.btn.blackEmail span
{
background: url('/images/myguide/btn_blackRight.gif') no-repeat 100% 0;
}
a.btn.greenEdit
{
background: url('/images/myguide/btn_greenEdit.gif') no-repeat;
padding-left: 38px;
}
a.btn.greenEdit span
{
background: url('/images/myguide/btn_greenRight.gif') no-repeat 100% 0;
}
.IE .box2Col .btn
{
clear: none;
}
.IE a.btn.greenEdit span
{
width: 100%;
}
.IE .box3Col a.btn span
{
width: 133px;
}
a.btn.greenUser
{
background: url('/images/myguide/btn_greenUser.gif') no-repeat;
padding-left: 38px;
}
a.btn.greenUser span
{
background: url('/images/myguide/btn_greenRight.gif') no-repeat 100% 0;
}
a.btn.greenSkip
{
background: url('/images/myguide/btn_greenSkip.gif') no-repeat;
padding-left: 38px;
}
a.btn.greenSkip span
{
background: url('/images/myguide/btn_greenRight.gif') no-repeat 100% 0;
}
a.btn.greenEmail
{
background: url('/images/myguide/btn_greenEmail.gif') no-repeat;
padding-left: 38px;
}
a.btn.greenEmail span
{
background: url('/images/myguide/btn_greenRight.gif') no-repeat 100% 0;
}
a.btn.greenCancel
{
background: url('/images/myguide/btn_greenCancel.gif') no-repeat;
padding-left: 38px;
}
a.btn.greenCancel span
{
background: url('/images/myguide/btn_greenRight.gif') no-repeat 100% 0;
}
a.btn.greenDelete
{
background: url('/images/myguide/btn_greenDelete.gif') no-repeat;
padding-left: 38px;
}
a.btn.greenDelete span
{
background: url('/images/myguide/btn_greenRight.gif') no-repeat 100% 0;
}
a.btn.greenInfo
{
background: url('/images/myguide/btn_greenInfo.gif') no-repeat;
padding-left: 38px;
margin-right: 100px; /* 6/12/10 JB Jira 489. This margin pushes the edit button onto the next line which is what we want. */
}
a.btn.greenInfo span
{
background: url('/images/myguide/btn_greenRight.gif') no-repeat 100% 0;
}
a.btn.greenPrev
{
background: url('/images/myguide/btn_greenPrev.gif') no-repeat;
padding-left: 38px;
}
a.btn.greenPrev span
{
background: url('/images/myguide/btn_greenRight.gif') no-repeat 100% 0;
}
a.btn.greenNext
{
background: url('/images/myguide/btn_greenNext.gif') no-repeat;
padding-left: 38px;
}
a.btn.greenNext span
{
background: url('/images/myguide/btn_greenRight.gif') no-repeat 100% 0;
}
a.btn.greenSave
{
background: url('/images/myguide/btn_greenSave.gif') no-repeat;
padding-left: 38px;
}
a.btn.greenSave span
{
background: url('/images/myguide/btn_greenRight.gif') no-repeat 100% 0;
}
a.btn.blueSnooze
{
background: url('/images/myguide/btn_blueSnooze.gif') no-repeat;
padding-left: 38px;
}
a.btn.blueSnooze span
{
background: url('/images/myguide/btn_blueRight.gif') no-repeat 100% 0;
}
a.blueLink
{
clear: both;
background: #d3e7ef;
color: #00698f;
padding: 5px 8px;
margin: 0 -3px 0 0;
text-decoration: none;
font-size: 1.2em;
display: block;
float: left;
border: none !important;
}
a.blueLink:hover
{
text-decoration: none;
border: none;
}
a.btn.blueNext
{
background: url('/images/myguide/btn_blueNext.gif') no-repeat;
padding-left: 38px; /* 7/12/10 JB Jira 247. Added 2 lines below to layout buttons correctly. */
margin-bottom: 10px;
margin-right: 100px;
}
a.btn.blueNext span
{
background: url('/images/myguide/btn_blueRight.gif') no-repeat 100% 0;
}
a.btn.blueEdit
{
background: url('/images/myguide/btn_blueEdit.gif') no-repeat;
padding-left: 38px;
}
a.btn.blueEdit span
{
background: url('/images/myguide/btn_blueRight.gif') no-repeat 100% 0;
}
a.btn.blueDelete
{
background: url('/images/myguide/btn_blueDelete.gif') no-repeat;
padding-left: 38px;
}
a.btn.blueDelete span
{
background: url('/images/myguide/btn_blueRight.gif') no-repeat 100% 0;
}
a.btn.purpleSave
{
background: url('/images/myguide/btn_purpleSave.gif') no-repeat;
padding-left: 38px;
}
a.btn.purpleSave span
{
background: url('/images/myguide/btn_purpleRight.gif') no-repeat 100% 0;
}
a.btn.purpleCancel
{
background: url('/images/myguide/btn_purpleCancel.gif') no-repeat;
padding-left: 38px;
}
a.btn.purpleCancel span
{
background: url('/images/myguide/btn_purpleRight.gif') no-repeat 100% 0;
}
a.btn.purpleEdit
{
background: url('/images/myguide/btn_purpleEdit.gif') no-repeat;
padding-left: 38px;
}
a.btn.purpleEdit span
{
background: url('/images/myguide/btn_purpleRight.gif') no-repeat 100% 0;
}
a.btn.purpleAlert
{
background: url('/images/myguide/btn_purpleAlert.gif') no-repeat;
padding-left: 38px;
}
a.btn.purpleAlert span
{
background: url('/images/myguide/btn_purpleRight.gif') no-repeat 100% 0;
}
a.btn.purpleTree
{
background: url('/images/myguide/btn_purpleTree.gif') no-repeat;
padding-left: 38px;
}
a.btn.purpleTree span
{
background: url('/images/myguide/btn_purpleRight.gif') no-repeat 100% 0;
}
a.btn.purpleFind
{
background: url('/images/myguide/btn_purpleFind.gif') no-repeat;
padding-left: 38px;
}
a.btn.purpleFind span
{
background: url('/images/myguide/btn_purpleRight.gif') no-repeat 100% 0;
}
a.orangeLink
{
background: #fde7e2;
color: #c62a00;
padding: 5px 8px;
text-decoration: none;
font-size: 1.2em;
border: none;
}
a.orangeLink:hover
{
text-decoration: none;
border: none;
}
a.greenLink
{
clear: both;
background: #e1e9d8;
color: #426800;
padding: 5px 8px;
margin: 0 -3px 0 0;
text-decoration: none;
font-size: 1.2em;
display: block;
float: left;
border: none;
}
a.greenLink:hover
{
text-decoration: none;
border: none !important;
}
.IE6 .box2Col a.btn
{
margin-right: 100px;
}
.IE6 a.btn span
{
width: auto;
}
/*-------------------------------------------------
* SpeechBubble
*-------------------------------------------------*/
.speechBubbleSmall
{
clear: both;
width: 258px;
text-align: left;
display: block;
font-weight: bold;
color: #fff;
background: #52750b url("/images/myguide/caption.jpg") 0 0 repeat-y;
position: relative;
top: 24px;
}
.speechBubbleSmall span
{
display: block;
width: 228px;
padding: .4em 15px 1em;
background: url("/images/myguide/captionSpan.jpg") 0 0 no-repeat;
}
.speechBubbleSmall h4
{
margin: 0;
padding: 0;
font-size: 2.2em;
background: url("/images/myguide/captionSpanSpan.jpg") 0 bottom no-repeat;
}
.speechBubbleSmallBlue
{
clear: both;
width: 258px;
text-align: left;
display: block;
font-size: 1.8em;
font-weight: bold;
color: #fff;
background: #365e6a url("/images/myguide/captionBlue.jpg") 0 0 repeat-y;
}
.speechBubbleSmallBlue span
{
display: block;
width: 228px;
padding: .6em 15px 1.3em;
background: url("/images/myguide/captionBlueSpan.jpg") 0 0 no-repeat;
}
.speechBubbleSmallBlue h4
{
margin: 0;
padding: 0;
background: url("/images/myguide/captionBlueSpanSpan.jpg") 0 bottom no-repeat;
}
/*-------------------------------------------------
* Logo
*-------------------------------------------------*/
.img_man
{
position: absolute;
left: 51px;
top: 68px;
}
.img_manbig
{
position: absolute;
left: 0;
top: 86px;
}
/*-------------------------------------------------
* Header
*-------------------------------------------------*/
div#headerBar
{
width: 100%;
height: 55px;
}
div#headerBar #header-left
{
float: left;
margin: 0; padding: 0;
}
.img_myfuture
{
display: block;
background: url('/images/myguide/logo.jpg') no-repeat;
margin: 7px 0 0 25px;
width: 493px;
height: 42px;
text-indent: -9999em;
}
div#headerBar #header-right
{
float: left;
margin: 0; padding: 0 0 0 20px;
}
.headerForm {
position: relative;
margin: 14px 0 0 0;
height: 40px;
width: 420px;
}
.searchWrapper {
width: 200px;
height:20px;
background: url('/images/myguide/search_bg.gif') no-repeat;
border:none;
color: #ffffff;
outline:none;
margin:0;
padding:0;
display:block;
float:left;
padding:6px 0 0 5px;
}
.selectWrapper {
background: url('/images/myguide/sectionFilter.gif') no-repeat;
border: none;
width: 206px;
height:25px;
padding:4px 5px 0 2px;
float: left;
}
.search_submitIcon {
position:absolute;
right:9px;
top:4px;
}
/****** Custom Select Box ******/
div.selectbox-wrapper {
position:absolute;
left:5px;
top:25px;
background: #35383b;
border:1px solid #202020;
margin:0;
padding:0;
overflow:auto;
z-index:999;
display:block;
font-size:1.1em;
color:#ffffff;
}
div.selectbox-wrapper ul {
list-style-type:none;
margin:0px;
padding:0px;
}
div.selectbox-wrapper ul li.selected {
background-color: #636566;
display:block;
}
div.selectbox-wrapper ul li.current {
background-color: #4c4d50;
display:block;
}
div.selectbox-wrapper ul li {
list-style-type:none;
display:block;
margin:0;
padding: 4px 6px;
cursor:pointer;
}
.selectbox /* look&fell of select box*/
{
width: 200px;
height:20px;
margin:0 5px 0 0;
text-align:left;
background: url('/images/myguide/bg_selectBox.gif') right no-repeat;
cursor: pointer;
border:0;
color:#ffffff;
float:left;
padding: 5px 0 0 10px;
}
/*-------------------------------------------------
* Top Navigation
*-------------------------------------------------*/
div#MyFutureNavigation
{
float: left;
padding:0 0 2px;
width: 100%;
}
div#MyGuideNavigation
{
min-height: 217px;
height: auto;
width: 100%;
}
div#MyFutureNavigation .right, div#MyGuideNavigation .right
{
float:right;
}
/*-------------------------------------------------*/
div#navMain
{
margin: 21px 0 0 0;
background: #0A0C0D url('/images/myguide/nav_bg.jpg') repeat-x;
width: 700px;
height: 41px;
}
.myFutureNav
{
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
float: left;
background: url('/images/myguide/navLeft.jpg') no-repeat 0 0;
}
.myFutureNav li
{
float: left;
margin: 0;
padding: 0;
background: url('/images/myguide/nav_borderRight.jpg') no-repeat 100% 6px;
}
.myFutureNav li.last, .myFutureNav li.lastActive
{
background: url('/images/myguide/navRight.jpg') no-repeat 100% 0px;
}
.myFutureNav a
{
display: block;
color: #ffffff;
font-size: 1.4em;
font-weight: bold;
height: 41px;
line-height: 39px;
text-align: center;
text-decoration: none !important;
margin: 0 10px;
float: left;
display: inline;
}
.myFutureNav a:hover, .myFutureNav li.active a, .myFutureNav li.lastActive a
{
background: url('/images/myguide/navHoverLeft.jpg') no-repeat 0px 8px;
}
.myFutureNav li.active a, .myFutureNav li.lastActive a
{
background: url('/images/myguide/navActiveLeft.jpg') no-repeat 0px 8px;
}
.myFutureNav span
{
display: block;
}
.myFutureNav a:hover span, .myFutureNav li.active span, .myFutureNav li.lastActive span
{
background: url('/images/myguide/navHoverRight.jpg') no-repeat 100% 8px;
}
.myFutureNav li.active span, .myFutureNav li.lastActive span
{
background: url('/images/myguide/navActiveRight.jpg') no-repeat 100% 8px;
}
.IE6 .myFutureNav li.active a
{
background-color: #0A0C0D;
}
/*-------------------------------------------------
* ui widgets
*-------------------------------------------------*/
.ui-widget-content
{
background-color: #fff;
border: 1px solid #738687;
color: #333333;
}
.slider .ui-widget-content
{
background: #fff url("/images/myguide/slider_bg_highlight.gif") 0 0 repeat-x;
}
.ui-widget-header
{
border: 1px solid #738687;
color: #ffffff;
font-weight: bold;
}
.slider .ui-widget-header
{
background: #0085b1 url("/images/myguide/slider_bg_header.gif") 0 0 repeat-x;
}
.ui-state-default, .ui-widget-content .ui-state-default
{
background: #dadada;
font-weight: bold;
color: #1c94c4;
outline: none;
}
.slider .ui-state-default, .slider .ui-widget-content .slider .ui-state-default
{
background: #dadada url("/images/myguide/slider-handle.gif") 0 0 repeat-x;
}
.ui-slider
{
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle
{
position: absolute;
z-index: 2;
width: 9px;
height: 24px;
cursor: default;
}
.ui-slider .ui-slider-range
{
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
}
.ui-slider-horizontal
{
height: 16px;
}
.ui-slider-horizontal .ui-slider-handle
{
top: -4px;
margin-left: -6px;
}
.ui-slider-horizontal .ui-slider-range
{
top: 0;
height: 16px;
}
.ui-slider-horizontal .ui-slider-range-min
{
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max
{
right: 0;
}
.ui-corner-all, .ui-slider-range
{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
/*-------------------------------------------------
* Progress Bar
*-------------------------------------------------*/
.progress
{
width: 613px;
padding: 13px 15px 8px;
margin:0 0 12px;
font-size: 1em;
float: left;
background:url("/images/myguide/skillQuestions.jpg") no-repeat scroll 50% 0 transparent;
}
.progress p
{
float: left;
margin: 0;
}
.progress #pagePos
{
float: right;
width: 330px;
}
/*-------------------------------------------------
* MyFuture Home Info
* /Controls/MyFuture/HomeIntro.ascx
*-------------------------------------------------*/
.myguide #navLeft li.first a.active
{
background: #3b6573 url("/images/myguide/navLeft_myGuideFirstActive.gif") 0 0 no-repeat;
}
.myguide #navLeft li.last a.active
{
background: #3b6573 url("/images/myguide/navLeft_myGuideFirstActive.gif") 0 bottom no-repeat;
}
.myguide #navLeft li a.active
{
background: #3a6572;
}
div#homeIntro {
background: url(/images/myguide/bg_homeIntro.gif) no-repeat;
margin:24px 0 0;
width:682px;
padding: 0 0 0px 18px;
font-size:1em;
color:#002945;
min-height: 203px;
}
* html div#homeIntro{
height: 203px;
}
div#homeIntro a {
color: #fff;
}
div#homeIntro a:focus {
outline: 1px dotted #b9bebf;
}
div#homeIntro #mycarousel{
left: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
top: 0;
width: 792px;
}
div#homeIntro #mycarousel li{
display: none;
}
div#homeIntro #mycarousel li .content{
width: 331px;
float: left;
padding: 16px 0 0 18px;
}
div#homeIntro #mycarousel li img{
float: left;
padding: 5px 13px 0 0;
}
div#homeIntro #mycarousel a:hover {
text-decoration: underline;
}
div#homeIntro #mycarousel h2{
margin: 0;
font-size: 2.2em;
color: #002945;
}
div#homeIntro #mycarousel p{
color: #12537c;
font-size: 1.6em;
margin: 7px 0 16px;
}
div#homeIntro #mycarousel li.current{
display: block;
}
div#homeIntro .statement
{
clear:both;
color:#002945;
display:block;
font-size:3.4em;
font-weight:bold;
padding: 12px 18px 8px 0;
margin-right: 10px;
}
div#homeIntro .statement2
{
border-bottom:1px dashed #C4D0D8;
clear:both;
color:#12537C;
display:block;
font-size:2.2em;
font-weight:bold;
padding: 0 0 8px;
margin-right: 18px;
}
div#homeIntro p
{
font-size:1.8em;
line-height:1.2em;
margin:10px 0 0;
}
/*-------------------------------------------------
* MyFuture Home Portal
* /Controls/MyFuture/HomePortal.ascx
*-------------------------------------------------*/
#homePortals {
width: 100%;
float: left;
position:relative;
}
#homePortals a
{
color: #FFF;
}
.homePortal {
width: 308px;
padding-right: 22px;
float: left;
padding-bottom: 31px;
display: inline;
background: url('/images/myguide/homePortal_bottom.gif') 0 100% no-repeat;
position:relative;
}
.homePortal.hpLast {
float: right;
padding-right: 0;
}
.homePortal.hpBottomLeft {
width: 308px;
float: left;
padding-bottom:31px;
background: url('/images/myguide/homePortal_bottomLeft.gif') 0 100% no-repeat;
}
.homePortalContentWrapper {
background: url(/images/myguide/bg_homePortal.gif) repeat-y scroll 0 0;
float: left;
width: 308px;
position:relative;
}
.homePortal .homePortalTop {
background: transparent url(/images/myguide/homePortal_top.jpg) no-repeat scroll 0 0;
float: left;
width: 276px;
padding: 0 16px;
}
.homePortal .homePortalTopRight {
background: transparent url(/images/myguide/homePortal_topRight.gif) no-repeat scroll 0 0;
float: left;
width: 276px;
padding: 0 16px;
}
.homePortal .title {
clear: both;
color: #FFFFFF;
display: block;
font-size: 2.4em;
font-weight: bold;
padding: 30px 0 10px 0;
border-bottom: 1px dashed #04304c;
}
.homePortal .strongText {
clear: both;
color: #FFFFFF;
display: block;
font-weight: bold;
padding: 12px 0 0 0;
border-top: 1px dashed #0c6c9d;
font-size: 1.6em;
}
.homePortal .portalTeaser {
display: block;
margin-top: 10px;
color: #fff;
font-size: 1.6em;
}
.homebtn {
text-decoration: none;
font-weight: bold;
height: 27px;
line-height: 23px;
display: block;
float: left;
padding-left: 31px;
font-size: 1.4em;
position:relative;
}
.homebtn span {
position: relative;
right: -5px;
cursor: pointer;
display: block;
padding-right: 12px;
height: 100%;
float: left;
line-height: 23px;
}
.homebtn.exploreSection {
background: url('/css/images/btn_orangeReadmoreLeft.gif') no-repeat;
color: white;
font-size: 1.1em;
padding-left: 26px;
height: 24px;
}
.homebtn.exploreSection span {
background: url('/css/images/btn_orangeReadmoreRight.gif') no-repeat 100% 0;
padding-right: 8px;
color: white;
}
.homebtn.signupguide span {
background: url('/images/myguide/btn_signupguideright.gif') no-repeat 100% 0;
}
.homebtn.signupguide {
margin-top: 18px;
background: url('/images/myguide/btn_signupguideleft.gif') no-repeat;
margin-right:30px; /* 11/1/10 JB Jira 522. */
}
.homebtn.viewtour span {
background: url('/images/myguide/btn_myFutureBlueRight.gif') no-repeat 100% 0;
}
.homebtn.viewtour {
margin-top: 28px;
background: url('/images/myguide/btn_viewTourLeft.gif') no-repeat;
padding-left: 38px;
display: inline;
}
.homebtn.signinnow span {
background: url('/images/myguide/btn_myFutureBlueRight.gif') no-repeat 100% 0;
}
.homebtn.signinnow {
float: right;
margin-top: 28px;
background: url('/images/myguide/btn_signinnowLeft.gif') no-repeat;
padding-left: 38px;
}
.homebtn.viewthefacts span {
background: url('/images/myguide/btn_myFutureBlueRight.gif') no-repeat 100% 0;
}
.homebtn.viewthefacts {
margin-top: 31px;
background: url('/images/myguide/btn_viewthefactsLeft.gif') no-repeat;
}
.homebtn.viewassistothers span {
background: url('/images/myguide/btn_myFutureBlueRight.gif') no-repeat 100% 0;
}
.homebtn.viewassistothers {
margin-top: 31px;
background: url('/images/myguide/btn_viewassistothers.gif') no-repeat;
}
#TopViewTour span
{
color:#fff;
position: relative;
right: -5px;
cursor: pointer;
display: inline;
display: block;
padding-right: 12px;
height: 100%;
float: left;
line-height: 23px;
background: url('/images/myguide/btn_myFutureBlueRight.gif') no-repeat 100% 0;
}
#TopViewTour
{
text-decoration: none;
font-weight: bold;
height: 27px;
line-height: 23px;
font-size: 0.8em;
margin-top: 2px;
background: url('/images/myguide/btn_viewTourLeft.gif') no-repeat;
padding-left: 38px;
display: inline;
float:right;
margin-right: 30px;
}
/*-------------------------------------------------
* Promotional Panel
* /Controls/MyFuture/PromotionalPanel.ascx
*-------------------------------------------------*/
div#tabs {
float:left;
padding:11px 12px;
width:942px;
clear:both;
background:#fef0c1 url('/images/myguide/tabTop.jpg') no-repeat;
margin-top:18px;
}
.ui-tabs-nav .firstTab a {
border:none;
}
.ui-tabs-nav {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width: 229px;
float:left;
margin:0;
padding:0;
}
.ui-tabs-nav li {
border-bottom: 1px dashed #ddcb5f;
position:relative;
}
.ui-tabs-nav a {
color:#191c14;
font-size:2.0em;
height:45px;
line-height:45px;
text-align: right;
font-weight:bold;
display:block;
text-decoration: none;
border-bottom: 1px dashed #ffffff;
}
.ui-tabs-nav a:hover {
color:#00253f;
}
.ui-tabs-nav span {
display:block;
padding: 0 8px 0 0;
}
.ui-tabs-nav .selectedTab {
border: 0;
padding:0;
}
.ui-tabs-nav .selectedTab a {
color:#ffffff;
height:48px;
background: url('/images/myguide/tabSelected_first.jpg') no-repeat;
border:0;
position:relative;
top: -3px;
}
.ui-tabs-nav .selectedTab a {
top: 0px;
}
.ui-tabs-nav .selectedTab a:hover {
color:#ffffff;
}
.ui-tabs-nav .tabSelectedRound {
position:absolute;
height:65px;
width:25px;
background:url('/images/myguide/tabSelectedRound.gif') no-repeat;
top:-8px;
left:225px;
}
.ui-tabs-nav .tabFirstSelectedRound {
position:absolute;
height:59px;
width:33px;
background:url('/images/myguide/tabFirstSelectedRound.gif') no-repeat;
top:0;
right:-38px;
}
div#tabContentWrapper {
width:693px;
float:right;
background: url('/images/myguide/bg_tabContent.gif') repeat-y;
}
.tabBottomWrapper {
background: url('/images/myguide/bg_tabContentBottom.gif') no-repeat 0 100%;
width:673px;
padding:10px 10px 0 10px;
float:left;
}
.tabBottomWrapper p {
margin: 0px 0px 10px 56px;
}
.tabTopWrapper {
background: url('/images/myguide/bg_tabContentTop.gif') no-repeat;
width:100%;
}
.hideTab {
display:none;
}
.tabBtn {
background: #ffffff url('/images/myguide/tabBtnBottom.gif') 0 100% no-repeat;
padding-bottom:4px;
margin-bottom:8px;
}
.tabBtn a {
display:block;
font-size:2.0em;
color: #284800;
text-decoration:none;
padding: .65em 0 .5em 56px;
}
.tabBtnContent {
background: url('/images/myguide/tabBtn.gif') no-repeat;
}
/*-------------------------------------------------
* Banner Advertisement
* /Controls/MyFuture/BannerAdvertisement.ascx
*-------------------------------------------------*/
.bannerads {
margin: 0 auto; text-align: center; /*padding: 5px;*/
}
.home-logo
{
margin-top: 20px;
padding-right: 10px;
float: left;
}
.bannerAdRight
{
margin-top: 20px;
float:right;
}
.bannerAdContent {
margin-top:44px;
/*float: right;*/
margin: 0 auto;
text-align: center;
width: 572px;
}
.facebook
{
float: left;
margin-top:44px;
}
.twitter
{
float: left;
margin-top:44px;
}
a.moreVideos {
float: right;
position: relative;
padding: 0 0 0 0;
right: 10px;
top: 19px;
font-size: 1.2em;
}
#news {
overflow: hidden;
position: relative;
background-color: #fff;
}
#news a {
color: #4a4a4a;
text-decoration: none;
}
#news a:hover {
color: #e17000;
}
#news ul {
margin: 0 0 0 0;
padding-left: 0;
}
#news li {
/*
background: none transparent scroll repeat 0% 0%;
*/
float: left;
height: 70px;
list-style:none outside none;
}
#news img {
display: block;
float: left;
}
#news.hasJS {
height: 70px;
}
#news.hasJS ul {
left: 0;
position: absolute;
top: 0;
}
/*-------------------------------------------------
* Footer
* /Controls/MyFuture/Footer.ascx
*-------------------------------------------------*/
div#footer
{
color: #ffffff;
font-size: 9px;
width: 100%;
clear: both;
padding: 12px 0 0 0;
height: 69px;
overflow: hidden;
background: #0a0c0d url('/images/myguide/bg_footer.jpg') repeat-x;
}
div#footer p
{
color: #ffffff;
}
div#siteInfo
{
margin: 0 auto;
width: 968px;
font-size: 1.2em;
}
.copyrightAndInfo
{
height: 30px;
}
.copyright
{
float: left;
margin: 0;
font-weight: bold;
font-size: 1.2em;
}
.footerLinks
{
float: right;
color: #404040;
padding: 0 10px 0 0;
}
.footerLinks a
{
color: #ffffff;
text-decoration: none;
}
.footerLinks span
{
padding: 0 1px;
}
a.topLink
{
padding-left: 12px;
height: 6px;
width: 9px;
display: inline;
text-indent: -9999em;
background: url('/images/myguide/topIcon.jpg') no-repeat 100% 50%;
}
.statement
{
clear: both;
}
ul.MainCareerLinks ul
{
font-size: 1em;
}
span.separator
{
font-size: 14pt
}
/*-------------------------------------------------
* MyGuide HeaderPanel
* /Modules/MyGuide/HeaderPanel.ascx
*-------------------------------------------------*/
#title
{
width: 700px;
margin: 32px 0 0 0;
background: #608709 url('/images/myguide/bg_myprofileTitle.jpg') no-repeat;
}
.myguide #title
{
background: #3b6573 url('/images/myguide/bg_guideTitle.jpg') no-repeat;
}
#title h1
{
color: #ffffff;
font-size: 3.6em;
margin: 0;
padding: 16px 28px;
line-height: 36px;
}
#breadCrumb
{
background:url("/images/myguide/myprofile_breadcrumbBottom.jpg") no-repeat scroll 0 100% #4C6D04;
padding: 0 28px 17px 28px;
color: #ffffff;
width: 644px;
float: left;
line-height: 39px;
font-size: 1.2em;
position: relative;
}
.myguide #breadCrumb
{
background: #004254 url('/images/myguide/guide_breadCrumbBottom.jpg') no-repeat 0 100%;
}
div#breadCrumb .link
{
float: left;
}
div#breadCrumb .link a
{
color: #fff;
}
div#breadCrumb .link span
{
color: #478699;
padding: 0 3px;
}
div#breadCrumb a.print
{
text-decoration: none;
display: block;
background: url('/images/myguide/printIcon.gif') 0 9px no-repeat;
padding: 0 0 0 20px;
font-size: .9em;
float: right;
color: #fff;
}
div#breadCrumb a.greenHelp, div#breadCrumb a.orangeHelp, div#breadCrumb a.blueHelp, div#breadCrumb a.purpleHelp
{
text-decoration: none;
display: block;
background: url("/images/myguide/greenHelp.gif") 0 0 no-repeat;
padding: 0;
margin: 0;
width: 22px;
height: 22px;
font-size: .9em;
text-indent: -9999px;
color: #fff;
position: absolute;
right: 10px;
top: 9px;
}
div#breadCrumb a.orangeHelp
{
background: url("/images/myguide/orangeHelp.gif") 0 0 no-repeat;
}
div#breadCrumb a.blueHelp
{
background: url("/images/myguide/blueHelp.gif") 0 0 no-repeat;
}
div#breadCrumb a.purpleHelp
{
background: url("/images/myguide/purpleHelp.gif") 0 0 no-repeat;
}
/*-------------------------------------------------
* MyGuide Body Two Columns
* /layouts/myguide/Body Two Columns
*-------------------------------------------------*/
div#mainContent .lhs
{
padding: 0 0 0 16px;
width: 220px;
float: left;
}
div#mainContent .rhs
{
float: right;
padding-bottom: 17px;
background: #ffffff url('/images/myguide/guide_contentFooter.jpg') no-repeat 0 100%;
}
div#mainContent .rhs .content
{
width: 665px;
padding: 0 17px 0 16px;
border-left: 1px solid #c8ca9d;
border-right: 1px solid #c8ca9d;
float: left;
}
/*-------------------------------------------------
* MyGuide Introduction Panel
* /Controls/MyGuide/IntroductionPanel.ascx
*-------------------------------------------------*/
.intro, .panel {
padding:0 11px 12px;
}
/*-------------------------------------------------
* MyGuide LoginModule
* /Modules/MyGuide/LoginModule.ascx
*-------------------------------------------------*/
#signin
{
overflow: hidden;
}
#signin div.signin, #signin div.signup
{
width: 292px;
background: url("/images/myguide/form2Col.jpg") 50% 0 no-repeat;
float: left;
margin: 0 18px 30px 0;
padding: 1.1em 15px 0;
float: left;
display: inline;
text-align: center;
font-size: 1em;
}
#signin div.signup
{
margin-right: 0;
}
#signin div a
{
text-decoration: none;
border-bottom: 1px solid #006A8F;
font-size: 1.4em;
}
#signin div a:hover
{
border-bottom: 1px dotted #006A8F;
}
#signin div a.btn
{
border: none;
margin: 0 0 14px;
}
#signin div a.btn:hover
{
border: none;
}
#signin div a.blueLink
{
margin: 0;
font-size: 1.2em;
}
#signin div h3
{
margin: 0;
padding: 0 30px .6em 0;
line-height: 24px;
color: #003957;
font-size: 2.4em;
float: left;
text-align: left;
}
#signin div p
{
/*float: left;*/
margin: 0 0 30px;
padding: 0;
font-size: 1.2em;
color: #161616;
text-align: left;
}
#signin div p strong
{
display: block;
font-size: 1.33em;
line-height: 18px;
margin: 0 0 .4em;
}
#signin div p.error
{
font-size: 1.2em;
padding: 0 0 0 82px;
margin: -4px 0 10px;
}
#signin div p.error strong
{
display: inline;
font-size: 1.2em;
line-height: 1em;
margin: 0;
padding: 0;
}
#signin div fieldset
{
margin: 0;
padding: 0 0 2px;
clear: both;
border: none;
}
#signin div fieldset div
{
clear: both;
overflow: hidden;
}
#signin div label
{
margin: 0 0 11px;
padding: 7px 0;
font-size: 1.4em;
font-weight: bold;
color: #003957;
width: 80px;
float: left;
clear: both;
position: relative;
}
#signin div input.text
{
margin: 0 0 11px;
padding: 8px 9px 7px;
width: 189px;
float: left;
border: none;
background: url("/images/myguide/input.gif") 0 50% no-repeat;
color: #171717;
}
#signin div fieldset
{
text-align: left;
}
#signin div fieldset.buttons
{
padding: 0 0 14px 0;
margin: 0 0 12px;
border-bottom: 1px dotted #CEDBE1;
}
#signin div.signin fieldset.buttons
{
padding: 0 0 14px 0;
width: 292px;
clear: both;
}
#signin div.signin fieldset.buttons a.btn
{
float: left;
}
#signin div.signin a.blueLink
{
float: right;
clear: none;
margin: 3px 4px 0 0;
}
#signin div.signup
{
padding: 1.1em 15px 20px;
}
/**************************************
* This fixed the problem with
* p class when clear:left was added.
* See p class definition above.
**************************************/
#signin div.signup a span
{
float: left;
width: auto;
}
/*-------------------------------------------------
* MyGuide NavigationModule
* /Modules/MyGuide/NavigationModule.ascx
*-------------------------------------------------*/
#navLeft ul
{
margin: 0 0 15px;
padding: 0;
list-style: none;
}
#navLeft ul ul
{
float: none;
margin: 0;
padding: 0;
}
#navLeft li
{
margin: 0;
padding: 0;
width: 217px;
position: relative;
}
#navLeft li span.arrow
{
display: block;
position: absolute;
top: 14px;
right: 8px;
width: 9px;
height: 6px;
background: url("/images/myguide/navLeft_arrowClosed.gif") 0 0 no-repeat;
cursor: pointer;
text-indent: -9999px;
}
#navLeft li li span.arrow
{
background: url("/images/myguide/navLeft_arrowClosedBlack.gif") 0 0 no-repeat;
}
#navLeft li li li span.arrow
{
background: url("/images/myguide/navLeft_arrowClosed.gif") 0 0 no-repeat;
}
#navLeft li li a.active span.arrow
{
background: url("/images/myguide/navLeft_arrowClosed.gif") 0 0 no-repeat;
}
#navLeft li.firstOpened span.arrow, #navLeft li.opened span.arrow
{
background: url("/images/myguide/navLeft_arrowOpened.gif") 0 0 no-repeat;
}
#navLeft li.firstOpened li span.arrow, #navLeft li.opened li span.arrow
{
background: url("/images/myguide/navLeft_arrowClosedBlack.gif") 0 0 no-repeat;
}
#navLeft li.firstOpened li.current a.active span.arrow, #navLeft li li.current a.active span.arrow
{
background: url("/images/myguide/navLeft_arrowOpened.gif") 0 0 no-repeat;
}
/****** 1st Level ******/
#navLeft li a, #navLeft li span.parent
{
width: 181px;
display: block;
margin: 0;
padding: .55em 22px .65em 14px;
background: #080d0e url("/images/myguide/navLeft_level1.gif") 0 0 repeat-x;
border-top: 1px solid #000;
font-size: 1.4em;
line-height: 16px;
font-weight: bold;
color: #fff;
text-decoration: none;
}
#navLeft li a:hover, #navLeft li span.parent:hover
{
background: #080d0e;
cursor: pointer;
}
#navLeft li.first a, #navLeft li.first span.parent
{
background: #080d0e url("/images/myguide/navLeft_first.gif") 0 0 no-repeat;
border: none;
}
#navLeft li.first a:hover, #navLeft li.first span.parent:hover
{
background: #080d0e url("/images/myguide/navLeft_firstHover.gif") 0 0 no-repeat;
}
#navLeft li.firstOpened a, #navLeft li.firstOpened span.parent
{
background: #080d0e url("/images/myguide/navLeft_firstHover.gif") 0 0 no-repeat;
border: none;
}
#navLeft li.last a, #navLeft li.last span.parent
{
background: #2b3439 url("/images/myguide/navLeft_last.gif") 0 bottom no-repeat;
}
#navLeft li.last a:hover, #navLeft li.last span.parent:hover
{
background: #080d0e url("/images/myguide/navLeft_lastHover.gif") 0 bottom no-repeat;
}
#navLeft li.lastOpened a, #navLeft li.lastOpened span.parent
{
background: #080d0e;
}
#navLeft li.opened a, #navLeft li.opened span.parent
{
background: #080d0e;
}
#navLeft li a.active
{
background: #5d9100;
}
#navLeft li.first a.active
{
background: #5d9100 url("/images/myguide/navLeft_firstActive.gif") 0 top no-repeat;
}
#navLeft li.first li a.active
{
background: #d2ec99 url("/images/myguide/bullet_nav2.gif") 14px 14px no-repeat; /* jb. Jira 524 */
}
#navLeft li.last a.active
{
background: #5d9100 url("/images/myguide/navLeft_lastActive.gif") 0 bottom no-repeat;
}
/****** 2nd Level ******/
#navLeft li li
{
background: #c8cacb url("/images/myguide/navLeft_level2.gif") 0 0 repeat-x;
}
#navLeft li li.last
{
background: #f8f8f8 url("/images/myguide/navLeft_level2Last.gif") 0 bottom repeat-x;
}
#navLeft li li.last:hover
{
background: #B3DEEA url("/images/myguide/navLeft_level2LastHover.gif") 0 bottom repeat-x;
}
#navLeft li li a, #navLeft li.firstOpened li a, #navLeft li.lastOpened li a, #navLeft li.opened li a
{
background: url("/images/myguide/bullet_nav2.gif") 14px 14px no-repeat;
font-weight: normal;
color: #232b2f;
width: 171px;
padding: .55em 22px .65em 24px;
border: none;
}
#navLeft li li a:hover, #navLeft li.first li a:hover
{
background: #B3DEEA url("/images/myguide/bullet_nav2Hover.gif") 14px 14px no-repeat;
color: #003451;
}
#navLeft li li.last:hover a
{
background: url("/images/myguide/bullet_nav2Hover.gif") 14px 14px no-repeat;
color: #003451;
}
#navLeft li li a.active
{
background: #d2ec99 url("/images/myguide/bullet_nav2.gif") 14px 14px no-repeat; /* jb. Jira 524 */
color: #232b2f; /* jb. Jira 524 */
}
/****** 3rd Level ******/
#navLeft li li li
{
background: #c8cbcb;
}
#navLeft li li li.last
{
background: #bdbfc0 url("/images/myguide/navLeft_level3Last.gif") 0 bottom repeat-x;
}
#navLeft li li li.last:hover
{
background: #B3DEEA url("/images/myguide/navLeft_level2LastHover.gif") 0 bottom repeat-x;
}
#navLeft li li li a, #navLeft li.firstOpened li li a, #navLeft li.lastOpened li li a, #navLeft li.opened li li a
{
background: url("/images/myguide/bullet_nav3.gif") 24px 12px no-repeat;
width: 162px;
display: block;
margin: 0;
padding: 5px 22px 5px 33px;
font-size: 1.2em;
line-height: 18px;
border: none;
color: #232b2f;
}
#navLeft li li li a:hover
{
background: #b4deea url("/images/myguide/bullet_nav3.gif") 24px 12px no-repeat;
}
#navLeft li li li.last:hover a
{
background: url("/images/myguide/bullet_nav3.gif") 24px 12px no-repeat;
color: #232b2f;
}
#navLeft li li li a.active
{
background: #d2ec99 url("/images/myguide/bullet_nav3.gif") 24px 12px no-repeat;
color: #232b2f; /* jb. Jira 524 */
}
#navLeft li li li.last a.active
{
background: #3b6200 url("/images/myguide/navLeft_level3LastActive.gif") 0 bottom no-repeat;
color: #fff;
}
/****** Start: Remove and use javascript ******/
/*#navLeft ul ul {
display: none;
}*/
#navLeft ul li.firstOpened ul, #navLeft ul li.lastOpened ul, #navLeft ul li.current ul, #navLeft ul li.opened ul
{
display: block;
}
/* KB changed to show more than 2 levels of menu */
#navLeft ul li.firstOpened ul ul, #navLeft ul li.lastOpened ul ul, #navLeft ul li.current ul ul, #navLeft ul li.opened ul ul
{
display: block;
}
#navLeft ul li li.firstOpened ul, #navLeft ul li li.lastOpened ul, #navLeft ul li li.current ul, #navLeft ul li li.opened ul
{
display: block;
}
/* KB changed to show more than 2 levels of menu */
#navLeft ul li li.firstOpened ul ul, #navLeft ul li li.lastOpened ul ul, #navLeft ul li li.current ul ul, #navLeft ul li li.opened ul ul
{
display: block;
}
/****** End: Remove and use javascript ******/
#navLeft ul li li.current ul li
{
background: #d3eea8;
}
/*-------------------------------------------------
* MyGuide GettingStarted
* /Modules/MyGuide/GettingStartedModule.ascx
*-------------------------------------------------*/
gettingStarted
{
width: 665px;
}
#gettingStarted ul
{
margin: 0;
padding: 0;
font-size: 1em;
}
#gettingStarted li
{
margin: 0;
background: url("/images/myguide/form.jpg") 50% 0 no-repeat;
position: relative;
}
#gettingStarted li div
{
padding: 16px 80px 32px 90px;
background: url("/images/myguide/icon_mLogo.gif") 11px 20px no-repeat;
}
#gettingStarted li div.bulb
{
background: url("/images/myguide/icon_bulb.gif") 11px 20px no-repeat;
}
#gettingStarted li div.pencil
{
background: url("/images/myguide/icon_pencil.gif") 11px 20px no-repeat;
}
#gettingStarted li div.alert
{
background: url("/images/myguide/icon_alert.gif") 11px 20px no-repeat;
}
#gettingStarted li div.mPlay
{
background: url("/images/myguide/icon_mPlay.gif") 11px 20px no-repeat;
}
#gettingStarted li div.user
{
background: url("/images/myguide/icon_user.gif") 11px 20px no-repeat;
}
#gettingStarted h3
{
margin: 0 0 .3em;
padding: 0;
font-size: 2.4em;
color: #003957;
}
#gettingStarted p
{
margin: 0;
padding: 0;
color: #006a8f;
}
#gettingStarted .go
{
display: block;
height: 38px;
width: 40px;
line-height: 36px;
font-weight: bold;
text-decoration: none;
text-align: center;
background: url("/images/myguide/go2.gif") no-repeat;
color: #fff;
position: absolute;
right: 20px;
top: 20px;
font-size: 1.4em;
}
/*-------------------------------------------------
* MyGuide UserDetailsModule
* /Modules/MyGuide/UserDetailsModule.ascx
*-------------------------------------------------*/
div#loginInfo
{
margin: 21px 0 0 0;
width: 217px;
min-height: 77px;
overflow: visible;
background: #f9efb5 url('/images/myguide/loginInfo_bg.jpg') no-repeat;
}
.loginInfoWrapper
{
background: url('/images/myguide/loginInfo_footer.jpg') no-repeat 0 100%;
padding: 11px 15px 11px 15px;
}
div#loginInfo span
{
display: block;
clear: both;
}
div#loginInfo span.name
{
color: #191919;
font-size: 1.6em;
padding: 0 0 6px 0;
border-bottom: 1px solid #ddcb5f;
}
div#loginInfo span.lastSignin
{
color: #282828;
font-size: 1.2em;
padding: 6px 0 6px 0;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ddcb5f;
}
div#loginInfo span.links
{
display: block;
clear: both;
padding: 6px 0 0 0;
border-top: 1px solid #ffffff;
}
div#loginInfo span.links a
{
font-size: 1.2em;
color: #641f0a;
}
div#loginInfo span.links span
{
display: inline;
color: #641f0a;
padding: 0 5px;
}
/*-------------------------------------------------
* MyGuideHome
* /Modules/MyGuide/MyGuideHome.ascx
*-------------------------------------------------*/
.portal
{
width: 665px;
position: relative;
min-height: 51px;
overflow: hidden;
height: 100%;
margin: 0 0 10px 0;
}
.portalBottom
{
clear: both;
width: 100%;
height: 9px;
}
.portal .number
{
position: absolute;
top: 16px;
left: 25px;
font-size: 2.0em;
font-weight: bold;
color: #ffffff;
}
.portal .go
{
position: absolute;
top: 11px;
right: 14px;
font-size: 1.6em;
display: block;
width: 38px;
height: 38px;
text-align: center;
line-height: 38px;
font-weight: bold;
text-decoration: none;
color: #ffffff;
}
/* align the 'go' button text accurately in ie6 */
* html .portal .go
{
right: 13px;
}
.portal .portalLink
{
font-size: 2.8em;
font-weight: bold;
text-decoration: none;
float: left;
line-height: 28px;
padding: 14px 0 9px 64px;
width: 342px;
color: #fff;
}
.portal .info
{
color: #ffffff;
font-size: 1.2em;
padding: 24px 0 0 12px;
float: left;
}
.portal.green
{
background: #53760b url('/images/myguide/guide_greenPortal.jpg') no-repeat;
}
.portal.blue
{
background: #15486c url('/images/myguide/guide_bluePortal.jpg') no-repeat;
}
.portal.purple
{
background: #630b6c url('/images/myguide/guide_purplePortal.jpg') no-repeat;
}
.portal.orange
{
background: #ae330f url('/images/myguide/guide_orangePortal.jpg') no-repeat;
}
.portalBottom
{
float: left;
}
/*-------------------------------------------------
* ChangePassword
* /Modules/MyGuide/ChangePasswordModule.ascx
*-------------------------------------------------*/
#changePwd
{
width: 630px;
margin: 0;
padding: 1.1em 15px 0 20px;
overflow: hidden;
background: url("/images/myguide/form.jpg") 50% 0 no-repeat;
}
#changePwd h3
{
margin: 0;
padding: 0 30px .6em 0;
line-height: 24px;
color: #003957;
font-size: 2.4em;
}
#changePwd fieldset
{
margin: 0;
padding: 14px 0 2px;
clear: both;
border: none;
border-top: 1px dotted #cedbe1;
}
#changePwd fieldset div
{
clear: both;
}
#changePwd label
{
margin: 0px 0px 11px 0px;
padding: 7px 0 7px 0;
font-size: 1.4em;
font-weight: bold;
color: #003957;
width: 172px;
float: left;
clear: both;
position: relative;
}
#changePwd input.text
{
margin: 0 0 0 10px;
padding: 8px 9px 7px;
width: 189px;
float: left;
border: none;
background: url("/images/myguide/input.gif") 0 50% no-repeat;
color: #171717;
font-size: 1.4em;
}
#changePwd fieldset.buttons .btn
{
margin: 0 14px 0 183px;
float: left;
white-space: nowrap;
}
/*-------------------------------------------------
* SignupForm
* /Modules/MyGuide/SignupForm.ascx
*-------------------------------------------------*/
#signupForm
{
width: 630px;
margin: 0;
padding: 1.1em 15px 0 20px;
overflow: hidden;
background: url("/images/myguide/form.jpg") 50% 0 no-repeat;
}
.validationsummary
{
font-size:1.4em;
clear: left;
color: #d91414;
}
.validationsummary li
{
font-size: 0.8em;
background: url(/images/myguide/bulletOrange.gif) 0 7px no-repeat;
}
#signupForm h3
{
margin: 0;
padding: 0 30px .6em 0;
line-height: 24px;
color: #003957;
font-size: 2.4em;
float: left;
}
#signupForm p
{
float: left;
margin: 0;
padding: 0;
font-size: 1.2em;
line-height: 30px;
color: #003957;
}
#signupForm p em
{
color: #f00;
font-style: normal;
}
#signupForm fieldset
{
margin: 0;
padding: 14px 0 2px;
clear: both;
border: none;
border-top: 1px dotted #cedbe1;
}
* html #signupForm fieldset
{
padding: 14px 0 14px;
}
#signupForm p.error
{
clear: both;
line-height: 1em;
padding: 0 0 12px 0;
width: 400px;
color:#D91414;
}
#signupForm.retrievePassword p.error
{
padding: 0 0 12px;
}
#signupForm fieldset div
{
clear: both;
}
#signupForm label
{
margin: 0px 0px 11px 0px;
padding: 7px 0 7px 0;
font-size: 1.4em;
font-weight: bold;
color: #003957;
width: 172px;
float: left;
clear: both;
position: relative;
}
#signupForm.retrievePassword label
{
width: 155px;
}
#signupForm label em
{
position: absolute;
top: 8px;
right: 10px;
color: #f00;
font-style: normal;
}
#signupForm input.text
{
margin: 0;
padding: 8px 9px 7px;
width: 189px;
float: left;
border: none;
background: url("/images/myguide/input.gif") 0 50% no-repeat;
color: #171717;
font-size: 1.4em;
}
#signupForm input.text.email
{
width: 249px;
background: url("/images/myguide/inputEmail.gif") 0 50% no-repeat;
}
#signupForm ul.radios
{
margin: 0 0 6px;
padding: 0;
float: left;
font-size: 1em;
}
#signupForm ul.radios li
{
margin: 0 0 6px;
padding: 0;
background: none;
}
#signupForm ul.radios label
{
margin: 0;
padding: 0;
width: auto;
font-weight: normal;
float: none;
color: #1c1c1c;
display: inline;
}
#signupForm ul.radios .radio
{
margin: 4px 0 0;
}
#signupForm div.note
{
padding: 0 0 0 176px;
width: 454px;
float: left;
}
#signupForm div.note p
{
margin: 0 0 12px;
padding: 0;
font-size: 1.4em;
line-height: 1.2em;
color: #1c1c1c;
}
#signupForm fieldset.buttons
{
padding: 14px 0 2px 172px;
width: 458px;
overflow: hidden;
}
#signupForm.retrievePassword fieldset.buttons
{
padding: 14px 0 2px 0;
width: 630px;
}
#signupForm fieldset.buttons .btn
{
margin: 0 14px 14px 0;
float: left;
white-space: nowrap;
}
#signupForm fieldset.buttons .btn.blackHome
{
margin: 0;
float: right;
}
#signupForm fieldset.buttons .btn.greenDelete
{
margin: 0 14px 14px 0;
clear: both;
float: left;
white-space: nowrap;
}
#signupForm fieldset.buttons .btn.greenCancel
{
margin: 0 14px 14px 0;
display: inline;
}
#signupForm.retrievePassword fieldset.buttons .btn
{
float: left;
margin: 0 14px 14px 0;
}
#signupForm.retrievePassword fieldset.buttons .btn.greenEmail
{
margin: 0 14px 0 155px;
}
#signupForm.retrievePassword fieldset.buttons .btn.blackHome
{
float: right;
margin: 0;
}
#signupForm fieldset.buttons div.note
{
clear: both;
padding: 26px 0 0 0;
width: 458px;
}
#signupForm fieldset.buttons div.note h4
{
font-size: 1.4em;
margin: 0 0 .2em;
color: #444;
}
#signupForm fieldset.buttons div.note p
{
padding: 0;
font-size: 1.2em;
}
#signupForm fieldset.buttons div.note a
{
color: #006a8f;
}
/*-------------------------------------------------
* SpeechBubble
*-------------------------------------------------*/
.step
{
font-size: 2.2em;
display: block;
clear: both;
padding: 22px 0 16px 0;
color: #263800;
}
.speechBubble
{
width: 323px;
float: left;
color: #1c2023;
}
.speechBubble.firstCol
{
padding: 0 18px 0 0;
}
.sbSpacer
{
width: 12px;
}
.speechBubble.sbActive
{
color: #ffffff;
}
.speechBubble .topContent
{
width: 291px;
padding: 9px 16px 0 16px;
position: relative;
background: #a7aaab url('/images/myguide/sbTop.gif') no-repeat;
}
.speechBubble.sbActive .topContent
{
background: #5c840d url('/images/myguide/speechBubbleActive_myprofileTop.gif') no-repeat;
}
.speechBubble .topContent .title
{
font-size: 2.4em;
font-weight: bold;
display: block;
clear: both;
padding: 0 0 5px 0;
}
.speechBubble .topContent .info
{
font-size: 1.2em;
display: block;
clear: both;
padding-bottom: 48px;
}
.speechBubble .topContent .go
{
position: absolute;
bottom: 0;
right: 12px;
display: block;
height: 38px;
width: 40px;
line-height: 36px;
font-weight: bold;
text-decoration: none;
text-align: center;
font-size: 1.4em;
}
.speechBubble .topContent .go
{
background: url('/images/myguide/speechBubble_myProfileGoBtn.gif') no-repeat;
color: #fff;
}
.speechBubble.sbActive .topContent .go
{
background: url('/images/myguide/speechBubble_myProfileGoBtnActive.gif') no-repeat;
color: #fff;
}
.speechBubble .bottom
{
height: 21px;
width: 323px;
}
.speechBubble .bottom.left
{
background: #a7aaab url('/images/myguide/sbBottomLeft.gif') no-repeat;
}
.speechBubble .bottom.right
{
background: #a7aaab url('/images/myguide/sbBottomRight.gif') no-repeat;
}
.speechBubble.sbActive .bottom.left
{
background: url('/images/myguide/myprofile_sbFooterActiveLeft.gif') no-repeat;
}
.speechBubble.sbActive .bottom.right
{
background: url('/images/myguide/myprofile_sbFooterActiveRight.gif') no-repeat;
}
/*-------------------------------------------------
* Content One Column
* /Layouts/MyGuide/Content One Column.ascx
*-------------------------------------------------*/
.box515
{
width: 515px;
margin: 0 auto 30px;
background: url("/images/myguide/box515.jpg") 0 0 repeat-y;
}
.box515 .header
{
background: #D8DDE0 url("/images/myguide/box515Header.jpg") 0 0 no-repeat;
padding: 14px 14px 14px;
font-size: 1em;
color: #000;
overflow: hidden;
position: relative;
width: 487px;
}
.box515 .header h3
{
margin: 0;
font-size: 2.4em;
float: left;
}
.box515 .inner
{
background: url("/images/myguide/box3ColNewInner.jpg") 0 0 no-repeat;
width: 487px;
padding: 18px 14px 0;
margin: 0;
overflow: hidden;
}
.box515 .inner p
{
font-size: 1.6em;
font-weight: bold;
margin: 0 0 1em;
}
.box515 .inner ul
{
margin: 0 0 22px;
padding: 0;
font-size: 1em;
}
.box515 .footer
{
background: url("/images/myguide/box515Footer.jpg") 0 bottom no-repeat;
clear: both;
width: 487px;
padding: 0 14px 16px;
}
.box515.active
{
background: url("/images/myguide/box515Green.jpg") 0 0 repeat-y;
}
.IE6 #values .box515.active
{
background: url("/images/myguide/box515Green.jpg") 0 0 repeat-y;
}
.box515.active .header
{
background: #5c9408 url("/images/myguide/box515GreenHeader.jpg") 0 0 no-repeat;
color: #fff;
}
.IE6 #values .box515.active .header
{
background: #5c9408 url("/images/myguide/box515GreenHeader.jpg") 0 0 no-repeat;
color: #fff;
}
.box515.active .inner
{
background: url("/images/myguide/box3ColInnerGreen.jpg") 0 0 no-repeat;
}
.IE6 #values .box515.active .inner
{
background: url("/images/myguide/box3ColInnerGreen.jpg") 0 0 no-repeat;
}
.box515.active .inner li
{
font-size: 1.6em;
background: url("/images/myguide/bulletGreen.gif") 0 7px no-repeat;
border-bottom: none;
}
.box515.active .footer
{
background: url("/images/myguide/box515GreenFooter.jpg") 0 bottom no-repeat;
}
.IE6 #values .box515.active .footer
{
background: url("/images/myguide/box515GreenFooter.jpg") 0 bottom no-repeat;
}
#values .box515 .btn
{
margin: 0 0 14px;
}
#values .box515 .btn.greenInfo
{
margin: 0 9px 10px 0;
}
#values .box515 .btn.greenEdit
{
clear: both;
}
/*-------------------------------------------------
* Content Two Columns
*-------------------------------------------------*/
.box2Col
{
width: 322px;
margin: 0 18px 30px 0;
background: url("/images/myguide/box2ColGrey.jpg") 0 0 repeat-y;
float: left;
}
.box2Col .header
{
background: #5c9408 url("/images/myguide/box2ColGreyHeader.jpg") 0 0 no-repeat;
color: #000;
padding: 14px 14px 14px;
font-size: 1em;
overflow: hidden;
width: 294px;
}
.box2Col .header h3
{
margin: 0;
font-size: 2.4em;
float: left;
}
.box2Col .inner
{
width: 294px;
padding: 18px 14px 0;
margin: 0;
background: url("/images/myguide/box2ColGreyInner.jpg") 0 0 no-repeat;
}
.box2Col .inner ul
{
margin: 0 0 22px;
padding: 0;
font-size: 1em;
}
.box2Col .inner li
{
font-size: 1.6em;
background: url("/images/myguide/bulletGreen.gif") 0 7px no-repeat;
border-bottom: none;
margin: 0 0 0.3em;
padding: 0 20px 4px 12px;
}
.box2Col .inner p
{
font-size: 1.6em;
font-weight: bold;
margin: 0 0 .8em;
}
.box2Col .footer
{
background: url("/images/myguide/box2ColGreyFooter.jpg") 0 bottom no-repeat;
clear: both;
width: 322px;
padding: 0 0 16px;
}
.box2Col.right
{
margin-right: 0;
}
.box2Col.active
{
background: url("/images/myguide/box2ColGreen.jpg") 0 0 repeat-y;
}
.IE6 #contenttwocols .box2Col.active
{
background: url("/images/myguide/box2ColGreen.jpg") 0 0 repeat-y;
}
.box2Col.active .header
{
background: #D8DDE0 url("/images/myguide/box2ColHeaderGreen.jpg") 0 0 no-repeat;
color: #fff;
}
.IE6 #contenttwocols .box2Col.active .header
{
background: #D8DDE0 url("/images/myguide/box2ColHeaderGreen.jpg") 0 0 no-repeat;
color: #fff;
}
.box2Col.active .header h3
{
background-image: none;
}
.box2Col.active .inner
{
background: url("/images/myguide/box2ColInnerGreen.jpg") 0 0 no-repeat;
}
.IE6 #contenttwocols .box2Col.active .inner
{
background: url("/images/myguide/box2ColInnerGreen.jpg") 0 0 no-repeat;
}
.box2Col.active .footer
{
background: url("/images/myguide/box2ColFooterGreen.jpg") 0 bottom no-repeat;
}
.IE6 #contenttwocols .box2Col.active .footer
{
background: url("/images/myguide/box2ColFooterGreen.jpg") 0 bottom no-repeat;
}
.box2Col .btn, .box3Col .btn
{
clear: both;
margin: 0 0 9px;
}
.box2Col .inner .dreamJob {
padding-left: 10px;
padding-right: 10px;
}
.box2Col .inner .dreamJob p
{
font-weight: normal;
}
/*-------------------------------------------------
* Content Three Columns
*-------------------------------------------------*/
.box3Col
{
width: 209px;
background: url("/images/myguide/box1Col.gif") 0 0 repeat-y;
margin: 0 19px 30px 0;
float: left;
}
.box3Col h3
{
font-size: 2.4em;
margin: 0;
padding: 0;
background: url("/images/myguide/box1Colh3.gif") left bottom no-repeat;
color: #fff;
}
.box3Col h3 span
{
padding: .4em 14px .8em;
display: block;
color: #1C2023;
background: url("/images/myguide/box1Colspan.gif") left top no-repeat;
}
.box3Col .inner
{
background: url("/images/myguide/box1Colinner.gif") left bottom no-repeat;
padding: 0 14px 12px;
float: left;
width: 181px;
}
.box3Col ul
{
margin: 0 0 12px;
padding: 0;
}
.box3Col li
{
padding-bottom: 3px;
background-position: 0 50%;
}
.box3Col.right
{
margin-right: 0;
}
.box3Col.active
{
background: url("/images/myguide/box1Col_active.gif") 0 0 repeat-y;
}
.box3Col.active h3
{
background: url("/images/myguide/box1Colh3_active.gif") left bottom no-repeat;
}
.box3Col.active h3 span
{
color:#FFF;
background: url("/images/myguide/box1Colspan_active.gif") left top no-repeat;
}
.box3Col.active .inner
{
background: url("/images/myguide/box1Colinner_active.gif") left bottom no-repeat;
}
.box3Col a.btn span
{
width: 133px;
}
.box3Col .inner label
{
font-size: 1.6em;
margin: 0 0 .5em;
font-weight: bold;
}
/*-------------------------------------------------
* MyProfile Home
*-------------------------------------------------*/
/* Override title style */
.myprofile div#title
{
background: #608709 url(/images/myguide/bg_myprofileTitle.jpg) no-repeat scroll 0 0;
}
/* Override breadCrumb background color */
.myprofile div#breadCrumb
{
background: #4c6d04 url('/images/myguide/myprofile_breadcrumbBottom.jpg') no-repeat 0 100%;
}
/* Override the navigation default style */
.myprofile #navLeft li li a.active, .myprofile #navLeft li li a.active:hover
{
background: #d2ec99 url("/images/myguide/bullet_nav2.gif") 14px 14px no-repeat;
color: #232B2F;
}
.myprofile h2
{
color:#315400;
font-size:2.4em;
}
#myprofileLanding .buttons
{
overflow: hidden;
}
#myprofileLanding .buttons .btn {
float: right;
}
/*-------------------------------------------------------
* MyProfile Interest ModeSelection
* /Modules/MyGuide/MyProfileInterestModeSelection.ascx
*-------------------------------------------------------*/
#interestModeSelection
{
width: 662px;
padding: 0 2px 0 1px;
}
#interestModeSelection ul.pictureBox
{
margin: 0 0 40px;
padding: 0;
overflow: hidden;
}
#interestModeSelection ul.pictureBox li
{
margin: 0 9px 0 10px;
padding: 0;
float: left;
display: inline;
background: none;
}
#interestModeSelection ul.pictureBox li a
{
display: block;
text-decoration: none;
}
#interestModeSelection ul.pictureBox li a:hover
{
text-decoration: none;
}
#interestModeSelection .buttons
{
clear: both;
overflow: hidden;
padding: 0 9px 0 10px;
margin: 0 0 6px;
width: 643px;
}
.IE6 #interestModeSelection .buttons
{
margin-top: 40px;
}
/*-------------------------------------------------------
* MyProfile Interest Questionnaire
* /Modules/MyGuide/MyProfile/InterestQuestionnaire.ascx
*-------------------------------------------------------*/
#interestsQuestionnaire
{
padding: 0 11px;
width: 643px;
text-align: left;
font-size: 1em;
}
#interestsQuestionnaire h3
{
margin: 0;
padding: 10px 0;
color: #315400;
font-size: 2.2em;
clear: both;
}
#interestsQuestionnaire table
{
border-collapse: collapse;
border-bottom: 1px dotted #9ca980;
margin: 0 0 14px;
clear: both;
}
#interestsQuestionnaire th
{
width: 43px;
}
#interestsQuestionnaire th.option1
{
text-indent: -9999px;
width: 300px;
}
#interestsQuestionnaire th.option2
{
text-indent: -9999px;
width: 300px;
}
#interestsQuestionnaire td
{
color: #1c2023;
font-weight: bold;
border-top: 1px dotted #9CA980;
padding: 0;
}
#interestsQuestionnaire td label
{
padding: 1em 11px 1.2em;
font-size: 1.4em;
}
#interestsQuestionnaire td label:hover
{
background: url("/images/myguide/blueRadioLong.gif") 50% 50% no-repeat;
}
#interestsQuestionnaire td label.radioSelect, #interestsQuestionnaire td label.radioSelect:hover
{
background: url("/images/myguide/greenRadioLong.gif") 50% 50% no-repeat;
color: #fff;
}
#interestsQuestionnaire td.option1
{
text-align: right;
}
#interestsQuestionnaire td.option1 input.radio
{
margin: 4px 0 0 6px;
}
#interestsQuestionnaire td.or, #interestsQuestionnaire td.or a
{
text-align: center;
color: #0c577f;
font-size: 1.6em;
}
#interestsQuestionnaire td.or a
{
font-size: 1.2em;
font-weight: normal;
}
#interestsQuestionnaire td.option2
{
text-align: left;
}
#interestsQuestionnaire td.option2 input.radio
{
margin: 4px 6px 0 0;
}
/*-------------------------------------------------------*/
#interestsQuestionnaire .buttons
{
clear: both;
padding: 17px 0 0;
margin: 0 0 8px;
overflow: hidden;
width: 643px;
font-size: 1em;
}
#interestsQuestionnaire .buttons .btn
{
margin: 0 10px 0 0;
float: left;
}
#interestsQuestionnaire .buttons .btn.greenNext
{
margin: 0 0 0 10px;
float: right;
}
#interestsQuestionnaire .buttons .btn.greenPrev
{
margin: 0 0 0 10px;
float: right;
}
#interestsQuestionnaire .buttons .btn.greenSkip
{
margin: 0;
float: right;
}
#interestsQuestionnaire .buttons p.note
{
font-size: 1.2em;
float: left;
width: 160px;
margin: 0;
}
/*********************************************************
* Picture Cards Questions
*-------------------------------------------------------*/
#pictureCards li.option1
{
margin: 0 19px 0 0;
}
#interestsQuestionnaire ul
{
margin: 0 0 10px;
padding: 0;
float: left;
clear: both;
}
#interestsQuestionnaire li
{
margin: 0;
padding: 0;
width: 312px;
text-align: center;
float: left;
background: none;
}
#interestsQuestionnaire li img
{
padding: 14px 14px 0;
margin: 0 0 16px;
}
#interestsQuestionnaire li h3
{
margin: 0;
padding: 0 0 22px;
font-size: 1.8em;
color: #2e4300;
}
#interestsQuestionnaire li div span
{
display: none;
}
#interestsQuestionnaire li.option1
{
margin: 0 19px 0 0;
}
#interestsQuestionnaire li:hover, #pictureCards li.mouseIsOver
{
background: url("/images/myguide/pictureCardsLiHover.gif") 50% 0 repeat-y;
cursor: pointer;
}
#interestsQuestionnaire li:hover div, #pictureCards li.mouseIsOver div
{
background: url("/images/myguide/pictureCardsImgHover.gif") 50% 0 no-repeat;
}
#interestsQuestionnaire li:hover h3, #pictureCards li.mouseIsOver h3
{
background: url("/images/myguide/pictureCardsH3Hover.gif") 50% bottom no-repeat;
color: #005d81;
}
#interestsQuestionnaire li.ui-selected
{
background: url("/images/myguide/pictureCardsLiSelected.gif") 50% 0 repeat-y;
cursor: pointer;
position: relative;
}
#interestsQuestionnaire li.ui-selected div
{
position: relative;
}
#interestsQuestionnaire li.ui-selected div span
{
position: absolute;
display: block;
width: 59px;
height: 57px;
top: 83px;
left: 14px;
background: #fff url("/images/myguide/greenCheck_59x57.gif") 50% 50% no-repeat;
}
#interestsQuestionnaire li.ui-selected div
{
background: url("/images/myguide/pictureCardsImgSelected.gif") 50% 0 no-repeat;
}
#interestsQuestionnaire li.ui-selected h3
{
background: url("/images/myguide/pictureCardsH3Selected.gif") 50% bottom no-repeat;
color: #315400;
}
/*********************************************************
* Star Results
*********************************************************/
p.results
{
font-size: 1.8em;
}
ul.starResults
{
margin: 0 0 16px;
padding: 0;
border-top: 1px dotted #9ca980;
font-size: 1em;
}
ul.starResults li
{
margin: 0;
padding: .5em 0 .3em;
background: none;
border-bottom: 1px dotted #9ca980;
font-size: 1.8em;
color: #232b2e;
}
ul.starResults li strong
{
width: 350px;
display: block;
float: left;
}
ul.starResults li div
{
float: right;
}
ul.starResults li img
{
position: relative;
}
/*********************************************************
* Profile Results
*********************************************************/
#profileResults
{
width: 643px;
margin: 0 0 10px;
padding: 0 11px;
}
#profileResults h2
{
clear: both;
}
#profileResults .speechBubbleSmall
{
position: static;
margin: 0 0 14px;
}
#profileResults .resultDetails
{
clear: both;
float: left;
margin: 0 0 40px;
}
#profileResults .resultSummary
{
float: left;
width: 353px;
padding: 5px 0 0 32px;
margin: 0 0 40px;
}
#profileResults .resultSummary p
{
margin: 0 0 1em;
}
#profileResults .resultSummary strong
{
display: block;
}
#profileResults .result
{
clear: both;
}
#profileResults ul.starResults
{
margin: 0;
padding: 0;
border-top: none;
width: 258px;
}
#profileResults ul.starResults li
{
margin: 0;
padding: .5em 0 .3em 14px;
background: url("/images/myguide/bulletGreen.gif") 2px 14px no-repeat;
border-bottom: none;
font-size: 1.4em;
color: #232b2e;
}
#profileResults ul.starResults li strong
{
float: none;
width: auto;
margin: 0 0 6px;
display: block;
}
#profileResults ul.starResults li img
{
position: relative;
}
#profileResults .buttons
{
clear: both;
padding: 17px 0 0;
margin: 0 0 14px;
overflow: hidden;
width: 643px;
font-size: 1em;
}
#profileResults .buttons .btn
{
margin: 0 0 0 10px;
float: right;
}
#profileResults .buttons .btn.blackHome
{
margin: 0;
float: left;
}
/*********************************************************
* Education Questionnaire
*********************************************************/
#trainingQuestions h3
{
margin: 0 0 .8em;
padding: 0 11px;
font-size: 1.8em;
}
#trainingQuestions ul
{
overflow: hidden;
font-size: 1em;
margin: 0 0 26px;
}
#trainingQuestions li
{
width: 500px;
clear: both;
float: left;
margin: 0;
padding: .9em 100px .9em 37px;
background: none;
border: none;
border-bottom: 1px dotted #a8b692;
}
#trainingQuestions li.first
{
border-top: 1px dotted #a8b692;
}
#trainingQuestions label
{
font-weight: normal;
margin: 0;
padding: 0;
font-size: 1.4em;
text-indent: -27px;
}
#trainingQuestions input
{
margin: 0;
padding: 0;
border: none;
}
#trainingQuestions li strong
{
padding: 0 0 0 10px;
font-size: 1.14em;
}
#trainingQuestions textarea
{
height: 116px;
width: 625px;
margin: 10px 0 4px;
}
#trainingQuestions .buttons
{
clear: both;
overflow: hidden;
padding: 20px 11px 0;
margin: 0 0 6px;
width: 643px;
}
#trainingQuestions .buttons .btn
{
margin: 0 0 0 10px;
float: right;
}
#trainingQuestions .buttons .blackHome
{
margin: 0 10px 0 0;
float: left;
}
/*********************************************************
* Multiple Questionnaire
*********************************************************/
#multipleQuestions
{
margin: 0;
padding: 0;
}
#multipleQuestions h3
{
color: #315400;
font-size: 2.2em;
margin: 0;
padding: 0;
position: relative;
top: 22px;
left: 0;
width: 350px;
}
#multipleQuestions table
{
border-collapse: collapse;
border-bottom: 1px dotted #9ca980;
margin: 0 0 24px;
}
#multipleQuestions th
{
width: 57px;
text-align: center;
font-size: 1.4em;
padding: 0 0 1.6em;
}
#multipleQuestions th.question
{
width: 356px;
text-align: left;
}
#multipleQuestions th.hide
{
text-indent: -9999px;
}
#multipleQuestions td
{
border-top: 1px dotted #9ca980;
}
#multipleQuestions td label
{
display: none;
}
#multipleQuestions td
{
padding: 1.4em 0 1.8em;
}
#multipleQuestions td.question
{
padding: 1em 10px 1.4em 38px;
font-size: 1em;
}
#multipleQuestions td.question h4
{
text-indent: -38px;
margin: 0 0 .3em;
color: #232b2f;
font-size: 1.6em;
}
#multipleQuestions td.question h4 strong
{
padding: 0 20px 0 0;
color: #3d6600;
}
#multipleQuestions td.answer
{
text-align: center;
width: 57px;
}
#multipleQuestions td.radioSelect
{
background: url("/images/myguide/greenRadio.gif") 50% 50% no-repeat;
}
#multipleQuestions input.radio
{
margin: 4px 0 0;
}
#multipleQuestions p
{
margin: 0;
font-weight: normal;
}
/*********************************************************
* Multiple Content Editor Questionnaire
*********************************************************/
#aspirationsQuestions
{
padding: 0 11px;
width: 643px;
text-align: left;
font-size: 1em;
background: url("/images/myguide/skillQuestions.jpg") 50% 0 no-repeat;
margin: 0;
padding: 0;
}
#aspirationsQuestions .question
{
width: 623px;
padding: 16px 0;
margin: 0 10px;
clear: both;
float: left;
border-top: 1px dotted #a4c079;
color: #161616;
display: inline;
}
#aspirationsQuestions .question h3
{
margin: 0 0 .4em;
padding: 0;
font-size: 1.8em;
color: #315400;
}
#aspirationsQuestions .question h4
{
margin: 0 0 .4em;
padding: 0;
font-size: 1.6em;
}
#aspirationsQuestions .question p
{
margin: 0 0 1.2em;
padding: 0;
width: 510px;
}
/* JB 14/1/10 Jira 487. Modified this section. */
#aspirationsQuestions .question .col1
{
width: 96%;
float: left;
}
/* JB 14/1/10 Jira 487. Modified this section. */
#aspirationsQuestions .question .col1 textarea
{
font-family: Tahoma,arial,verdana;
font-size: 1.4em;
width: 100%;
height: 62px;
padding: 10px 10px 10px 10px;
border: 1px solid #7d9898;
}
#aspirationsQuestions .question .col1 p
{
padding: 0 20px 0 0;
width: auto;
}
#aspirationsQuestions .question .col2
{
width: 88px;
float: left;
font-size: 1em;
margin: 0 0 8px;
}
#aspirationsQuestions .question .col2 .btn
{
margin: 0 0 .7em;
}
img.graph
{
border: 2px solid #acb7b8;
margin: 0 0 40px;
}
.graph
{
border: 2px solid #acb7b8;
margin: 0 auto;
padding: 10px;
text-align: center;
}
/*********************************************************
* Multiple Content Editor Questionnaire
*********************************************************/
#dreamResults
{
text-align: left;
padding: 0 11px;
width: 643px;
}
#dreamResults form
{
margin: 0;
padding: 0;
}
#dreamResults h3
{
font-size: 2.0em;
border-bottom: 1px dotted #a9b792;
margin: 0 0 .6em;
padding: 0 0 .4em;
}
#dreamResults h3.aspirations
{
margin: 1.8em 0 .6em;
}
#dreamResults p
{
margin: 0 0 .8em;
}
#dreamResults p.results
{
font-size: 1.4em;
margin: 0 0 1em;
}
#dreamResults ul
{
margin: 0 0 2.5em;
padding: 0;
font-size: 1em;
}
#dreamResults li
{
margin: 0;
padding: 1.3em 0;
background: none;
border-top: 1px dotted #a9b792;
}
#dreamResults li h4
{
margin: 0 0 .6em;
font-weight: normal;
font-size: 1.4em;
}
#dreamResults li h4 strong
{
color: #315400;
}
#dreamResults li p
{
margin: 0;
}
#dreamResults .buttons
{
clear: both;
overflow: hidden;
padding: 0;
margin: 30px 0 6px 0;
width: 643px;
}
#dreamResults .buttons .btn
{
margin: 0 0 0 10px;
float: right;
}
#dreamResults .buttons .btn.blackHome
{
margin: 0;
float: left;
}
/*********************************************************
* Life Balance Compare
*********************************************************/
#lifeBalanceCompare .buttons
{
clear: both;
overflow: hidden;
padding: 0;
margin: 30px 0 6px 0;
width: 643px;
}
#lifeBalanceCompare .buttons .btn
{
margin: 0 0 0 10px;
float: right;
}
#lifeBalanceCompare .buttons .btn.blackHome
{
margin: 0;
float: left;
}
/*********************************************************
* Profile Summary
*********************************************************/
#profileSummary
{
width: 643px;
margin: 0 0 10px;
padding: 0 11px;
overflow: hidden;
}
#profileSummary h4
{
text-transform: uppercase;
color: #315400;
margin: 0;
margin: 0 0 6px;
padding: 0 7px 8px;
font-size: 1.4em;
border-bottom: 1px solid #A8B792;
}
#profileSummary p
{
font-weight: bold;
font-size: 1.6em;
margin: 0 0 .5em;
}
#profileSummary ul
{
padding: 0;
font-size: 1em;
}
#profileSummary li
{
margin: 0 26px 0.3em 0;
padding: 0 0 6px 16px;
background: url("/images/myguide/bulletGreen.gif") 4px 7px no-repeat;
border-bottom: none;
font-size: 1.6em;
}
#profileSummary li.last
{
border: none;
}
#profileSummary .oneCol
{
clear: both;
margin: 0 4px 10px;
width: 635px;
overflow: hidden;
}
#profileSummary .oneCol li
{
margin-right: 0;
padding-right: 20px;
}
#profileSummary .twoCol
{
clear: both;
margin: 0 0 10px;
margin: 0 4px 20px;
width: 635px;
overflow: hidden;
}
#profileSummary .twoCol .col1
{
float: left;
width: 317px;
}
#profileSummary .twoCol .col2
{
float: left;
width: 318px;
}
#profileSummary .twoCol .col2 li
{
margin-right: 0;
}
#profileSummary .threeCol
{
clear: both;
margin: 0 0 10px;
margin: 0 4px 20px;
width: 635px;
overflow: hidden;
}
#profileSummary .threeCol .col1
{
float: left;
width: 212px;
}
#profileSummary .threeCol .col2
{
float: left;
width: 212px;
}
#profileSummary .threeCol .col3
{
float: left;
width: 211px;
}
#profileSummary .threeCol .col3 li
{
margin-right: 0;
}
.speechBubbleLong
{
clear: both;
width: 643px;
text-align: left;
display: block;
font-size: 1em;
font-weight: bold;
color: #fff;
background: #52750b url("/images/myguide/speechBubbleLong.jpg") 0 0 repeat-y;
}
.speechBubbleLong span
{
display: block;
width: 615px;
padding: .4em 14px 1em;
background: url("/images/myguide/speechBubbleLongSpan.jpg") 0 0 no-repeat;
}
.speechBubbleLong h3
{
margin: 0;
padding: 0;
font-size: 2.2em;
background: url("/images/myguide/speechBubbleLongH3.jpg") 0 bottom no-repeat;
position: relative;
}
.speechBubbleLong h3 .go
{
position: absolute;
top: 8px;
right: 12px;
display: block;
height: 32px;
width: 33px;
line-height: 30px;
font-weight: bold;
text-decoration: none;
text-align: center;
font-size: .59em;
background: url("/images/myguide/goSmall.gif") 0 0 no-repeat;
color: #fff;
}
.speechBubbleLongOrange
{
clear: both;
width: 643px;
text-align: left;
display: block;
font-size: 1em;
font-weight: bold;
color: #fff;
background: #d6350b url("/images/myguide/speechBubbleLongOrange.jpg") 0 0 repeat-y;
}
.speechBubbleLongOrange span
{
display: block;
width: 615px;
padding: .4em 14px 1em;
background: url("/images/myguide/speechBubbleLongOrangeSpan.jpg") 0 0 no-repeat;
}
#summary .speechBubbleLongOrange h3
{
margin: 0;
padding: 0;
font-size: 2.2em;
background: url("/images/myguide/speechBubbleLongOrangeH3.jpg") 0 bottom no-repeat;
position: relative;
color: #fff;
}
.speechBubbleLongOrange h3 .go
{
position: absolute;
top: 8px;
right: 12px;
display: block;
height: 32px;
width: 33px;
line-height: 30px;
font-weight: bold;
text-decoration: none;
text-align: center;
font-size: .59em;
background: url("/images/myguide/goSmallOrange.gif") 0 0 no-repeat;
color: #fff;
}
#profileSummary .buttons
{
clear: both;
overflow: hidden;
padding: 30px 0 0;
margin: 0 0 6px;
width: 643px;
}
#profileSummary .buttons .btn
{
margin: 0 0 0 10px;
float: right;
}
#profileSummary .buttons .btn.blackHome
{
margin: 0;
float: left;
}
/*********************************************************
* careerFields
*********************************************************/
.careerIdeas div#title
{
background: #007098 url("/images/myguide/bg_careerIdeasTitle.jpg") 0 0 no-repeat;
}
.careerIdeas div#breadCrumb
{
background: #00516f url("/images/myguide/bg_careerIdeas_breadcrumbBottom.jpg") 0 100% no-repeat;
}
.careerIdeas #navLeft li a.active
{
background: #00668b;
}
.careerIdeas #navLeft li.firstOpened a.active
{
background: #00668b;
}
.careerIdeas #navLeft li.firstOpened li a.active, .careerIdeas #navLeft li.current li a.active:hover
{
background: #b4ced9 url("/images/myguide/bullet_nav2.gif") 14px 14px no-repeat;
color: #232B2F;
}
.careerIdeas #contenttwocols .box2Col.active
{
background: url("/images/myguide/box2ColBlue.jpg") 0 0 repeat-y;
margin: 0 18px 30px 0;
}
.careerIdeas #contenttwocols .box2Col.active.right
{
margin: 0 0 30px;
}
.careerIdeas #contenttwocols .box2Col.active .header
{
background: #9b0f91 url("/images/myguide/box2ColHeaderBlue.jpg") 0 0 no-repeat;
color: #fff;
}
.careerIdeas #contenttwocols .box2Col.active .inner
{
background: url("/images/myguide/box2ColInnerBlue.jpg") 0 0 no-repeat;
}
.careerIdeas #contenttwocols .box2Col.active .footer
{
background: url("/images/myguide/box2ColFooterBlue.jpg") 0 bottom no-repeat;
}
#careerFields .box3Col
{
width: 665px;
margin: 0 0 30px;
background: url("/images/myguide/box3ColNew.jpg") 0 0 repeat-y;
}
#careerFields .box3Col .header
{
background: #E43E0E url("/images/myguide/box3ColHeader.jpg") 0 0 no-repeat;
padding: 10px 14px 10px;
font-size: 1em;
color: #fff;
overflow: hidden;
position: relative;
width: 637px;
}
#careerFields .box3Col .header h3
{
margin: 0;
font-size: 2.4em;
background-image: none;
color: #000;
}
#careerFields .box3Col .header
{
background: #D8DDE0 url("/images/myguide/box3ColNewHeader.jpg") 0 0 no-repeat;
color: #000;
}
#careerFields .box3Col .inner
{
background: url("/images/myguide/box3ColNewInner.jpg") 0 0 no-repeat;
width: 665px;
padding: 18px 0 0;
margin: 0;
}
#careerFields .box3Col .inner h3
{
font-size: 2.4em;
padding: 0 0 12px;
margin: 0 2px 6px;
background: #fff url("/images/myguide/box3ColNewInner.jpg") -2px bottom no-repeat;
clear: both;
}
#careerFields .box3Col .inner h3 span
{
display: block;
padding: 9px 14px 9px;
background: #d8dddf url("/images/myguide/box3ColInnerH3.jpg") 0 0 repeat-x;
}
#careerFields .box3Col .inputs
{
width: 637px;
padding: 0 14px;
overflow: hidden;
margin: 0 0 15px;
}
#careerFields .box3Col .inner label
{
font-size: 1.4em;
margin: 0 14px 0 0;
padding: 0 0 0 12px;
float: left;
}
#careerFields .box3Col .inner label span
{
color: #161616;
font-size: 1em;
padding: 5px 14px 7px 0;
display: block;
float: left;
}
/* JB 11/11/09 Jira 154. Added new css below to make text in disabled checkBox look disabled. */
#careerFields .box3Col .inner .fadeText
{
color: #808080;
font-size: 1em;
padding: 5px 14px 7px 0;
display: block;
float: left;
}
#careerFields .box3Col .inner .checkbox
{
margin: 0 2px 0 0;
position: relative;
top: 1px;
padding: 0;
border: none;
}
* html #careerFields .box3Col .inner .checkbox
{
top: 0;
}
#careerFields .box3Col .inner label.checkboxSelect
{
background: #006c91 url("/images/myguide/blueCheckboxLeft.gif") 0 50% no-repeat;
}
#careerFields .box3Col .inner label.checkboxSelect span
{
background: url("/images/myguide/blueCheckboxRight.gif") right 50% no-repeat;
color: #fff;
}
#careerFields .box3Col .footer
{
background: transparent url(/images/myguide/box3ColNewFooter.jpg) no-repeat scroll 0 bottom;
clear: both;
overflow: hidden;
padding: 0;
width: 665px;
}
#careerFields .buttons
{
clear: both;
overflow: hidden;
padding: 0;
margin: 0 0 6px;
width: 665px;
}
#careerFields .buttons .btn
{
margin: 0 0 0 10px;
float: left;
}
#careerFields a.btn.blueNext
{
float: right;
}
#careerFields a.btn.blueDelete
{
float: left;
}
#careerFields a.btn.blueEdit
{
}
#careerFields .buttons .btn.blackHome
{
margin: 0;
float: left;
}
#careerFieldsResults
{
width: 665px;
}
#careerFieldsResults div.form
{
margin: 0;
padding: 0;
}
#careerFieldsResults .box3Col
{
width: 665px;
margin: 0 0 30px;
background: url("/images/myguide/box3ColNew.jpg") 0 0 repeat-y;
}
#careerFieldsResults .box3Col .header
{
background: #D8DDE0 url("/images/myguide/box3ColNewHeader.jpg") 0 0 no-repeat;
padding: 14px 14px 14px;
font-size: 1em;
color: #000;
overflow: hidden;
position: relative;
width: 637px;
}
#careerFieldsResults .box3Col .header h3
{
background-image: none;
margin: 0;
font-size: 1.8em;
float: left;
color: #000;
}
#careerFieldsResults .resultPager
{
font-size: 1.4em;
padding: .2em 0 0;
float: right;
}
#careerFieldsResults .resultsPage
{
padding: 0 4px;
}
#careerFieldsResults .box3Col .inner
{
background: url("/images/myguide/box3ColNewInner.jpg") 0 0 no-repeat;
width: 651px;
padding: 18px 7px 0;
margin: 0;
}
#careerFieldsResults .box3Col .inner ul.resultBoxes
{
overflow: hidden;
margin: 0 0 6px;
padding: 0;
font-size: 1em;
}
#careerFieldsResults .box3Col .inner ul.resultBoxes li
{
width: 203px;
margin: 0 7px 10px;
padding: 0;
list-style: none;
background: #fff url("/images/myguide/resultBoxes.jpg") 0 bottom no-repeat;
color: #fff;
position: relative;
float: left;
display: inline;
border: none;
}
#careerFieldsResults .box3Col .inner ul.resultBoxes li div
{
background: none;
height: 39px;
padding: 9px 40px 16px 11px;
width: 150px;
margin: 0;
border: none;
font-size: 1.2em;
}
#careerFieldsResults .box3Col .inner ul.resultBoxes li input
{
color: #d07f26;
position: absolute;
top: 7px;
right: 8px;
margin: 0;
padding: 0;
border: none;
}
#careerFieldsResults .box3Col .inner ul.resultBoxes li a
{
border: none;
color: #464646;
text-decoration: underline;
font-weight: bold;
}
#careerFieldsResults .box3Col .inner ul.resultBoxes li a:hover
{
text-decoration: none;
}
#careerFieldsResults .box3Col .inner ul.resultBoxes li.added
{
background: #fff url("/images/myguide/resultBoxesAdded.jpg") 0 bottom no-repeat;
}
#careerFieldsResults .box3Col .inner ul.resultBoxes li.added a
{
color: #00516e;
}
#careerFieldsResults .box3Col .inner ul.resultBoxes li.added div
{
border: none;
}
#careerFieldsResults .box3Col .footer
{
background: url("/images/myguide/box3ColNewFooter.jpg") 0 bottom no-repeat;
clear: both;
width: 637px;
overflow:hidden;
padding:0 14px 16px;
}
#careerFieldsResults p
{
padding: 0 7px;
}
#careerFieldsResults p img
{
position: relative;
top: 4px;
}
#careerFieldsResults .resultsSlider
{
clear: both;
display: inline;
width: 609px;
padding: 8px 14px;
margin: 0 7px;
background: url("/images/myguide/resultsSlider.jpg") 0 0 no-repeat;
float: left;
}
#careerFieldsResults .resultsSlider input
{
margin: 0;
padding: 0;
background: none;
border: none;
width: 20px;
font-weight: bold;
color: #0085af;
}
#careerFieldsResults .resultsSlider .ui-widget-header
{
background: none;
}
#careerFieldsResults .resultsSlider p
{
margin: 0;
padding: 1px 10px 0 0;
border-right: 1px dotted #bdcbd1;
float: left;
}
#careerFieldsResults .resultsSlider span
{
float: left;
font-size: 1.6em;
color: #00455a;
font-weight: bold;
}
#careerFieldsResults .resultsSlider span.min
{
padding: 0 10px 0 16px;
}
#careerFieldsResults .resultsSlider span.max
{
padding: 0 0 0 10px;
}
#careerFieldsResults p.tip
{
clear: both;
margin: 0;
padding: 0 21px;
font-size: 1.2em;
}
#careerFieldsResults p.tip strong
{
color: #0085af;
}
#careerFieldsResults .resultsSlider .slider
{
width: 280px;
float: left;
}
#careerFieldsResults .resultsSlider div.go
{
border-left: 1px dotted #BDCBD1;
float: left;
margin-left: 10px;
padding-left: 10px;
}
#careerFieldsResults .resultsSlider div.go span
{
color: #0085AF;
}
#careerFieldsResults .buttons
{
clear: both;
overflow: hidden;
padding: 0;
margin: 0 0 6px;
width: 665px;
}
#careerFieldsResults .buttons .btn
{
margin: 0 0 0 10px;
float: right;
}
#careerFieldsResults .buttons .btn.blackHome
{
margin: 0;
float: left;
}
#careerFieldsResults .resultDetails
{
clear: both;
float: left;
margin: 0 0 40px;
}
#careerFieldsResults .resultSummary
{
float: left;
width: 353px;
padding: 5px 0 0 32px;
margin: 0 0 40px;
}
#careerFieldsResults .resultSummary p
{
margin: 0 0 1em;
}
#careerFieldsResults .resultSummary strong
{
display: block;
}
#careerFieldsResults .result
{
clear: both;
}
/*********************************************************
* Decide
*********************************************************/
/* Side Navigation */
.helpDecide #navLeft li a.active
{
background: #8b0b82;
}
.helpDecide #navLeft li.firstOpened a.active
{
background: #8b0b82;
}
.helpDecide #navLeft li.firstOpened li a.active, .helpDecide #navLeft li.current li a.active:hover
{
background: #e7cbe3 url("/images/myguide/bullet_nav2.gif") 14px 14px no-repeat;
color: #232B2F;
}
.helpDecide div#title
{
background: #9b0e91 url("/images/myguide/bg_helpDecideTitle.jpg") 0 0 no-repeat;
}
.helpDecide div#breadCrumb
{
background: #73066c url("/images/myguide/bg_helpDecide_breadcrumbBottom.jpg") 0 100% no-repeat;
}
.helpDecide div#breadCrumb .link span
{
color: #b4ced9;
}
.helpDecide .box2Col .inner li
{
background:url("/images/myguide/bulletPurple.gif") no-repeat scroll 0 7px transparent;
}
.helpDecide form
{
margin: 0;
padding: 0;
}
#compare .box3Col
{
width: 665px;
margin: 0 0 30px;
background: url("/images/myguide/box3ColNew.jpg") 0 0 repeat-y;
}
#compare .box3Col .header
{
background: #D8DDE0 url("/images/myguide/box3ColNewHeader.jpg") 0 0 no-repeat;
padding: 14px 14px 14px;
font-size: 1em;
color: #000;
overflow: hidden;
position: relative;
width: 637px;
}
#compare .box3Col .header h3
{
margin: 0;
font-size: 1.8em;
float: left;
color: #000;
background-image: none;
}
#compare .resultPager
{
font-size: 1.4em;
padding: .2em 0 0;
float: right;
}
#compare .resultsPage
{
padding: 0 4px;
}
#compare .box3Col .inner
{
background: url("/images/myguide/box3ColNewInner.jpg") 0 0 no-repeat;
width: 651px;
padding: 18px 7px 0;
margin: 0;
}
#compare .box3Col .inner .graph
{
}
#compare .box3Col .footer
{
background: url("/images/myguide/box3ColNewFooter.jpg") 0 bottom no-repeat;
clear: both;
width: 637px;
overflow:hidden;
padding:0 14px 16px;
}
#compare .resultsSlider
{
clear: both;
display: inline;
width: 609px;
padding: 8px 14px;
margin: 0 7px;
background: url("/images/myguide/resultsSlider.jpg") 0 0 no-repeat;
float: left;
}
#compare .resultsSlider .ui-widget-header
{
background: none;
}
#compare .resultsSlider input
{
margin: 0;
padding: 0;
background: none;
border: none;
width: 20px;
font-weight: bold;
color: #8d0b83;
}
#compare .resultsSlider p
{
margin: 0;
padding: 1px 10px 0 0;
border-right: 1px dotted #bdcbd1;
float: left;
}
#compare .resultsSlider span
{
float: left;
font-size: 1.6em;
color: #73076c;
font-weight: bold;
}
#compare .resultsSlider span.min
{
padding: 0 10px 0 16px;
}
#compare .resultsSlider span.max
{
padding: 0 0 0 10px;
}
#compare p.tip
{
clear: both;
margin: 0;
padding: 0 21px;
font-size: 1.2em;
}
#compare p.tip strong
{
color: #8d0b83;
}
#compare .resultsSlider .slider
{
width: 328px;
float: left;
}
#compare .buttons
{
clear: both;
overflow: hidden;
padding: 0;
margin: 0 0 6px;
width: 665px;
}
#compare .buttons .btn
{
margin: 0 0 0 10px;
float: right;
}
#compare .box3Col a.btn span
{
width: auto;
}
#compare .buttons .btn.blackHome
{
margin: 0;
float: left;
}
#compare .inner ul.resultBoxes li
{
width: 203px;
margin: 0 7px 10px;
padding: 0;
list-style: none;
background: #fff url("/images/myguide/resultBoxes.jpg") 0 bottom no-repeat;
color: #000;
position: relative;
float: left;
display: inline;
border: none;
}
#compare .box3Col .inner ul.resultBoxes li div
{
background: none;
height: 39px;
padding: 9px 40px 16px 11px;
width: 150px;
margin: 0;
border: none;
/*font-size: 0.8em;*/
}
#compare .box3Col .inner ul.resultBoxes li input
{
color: #d07f26;
position: absolute;
top: 7px;
right: 8px;
margin: 0;
padding: 0;
border: none;
}
#compare .box3Col .inner ul.resultBoxes li a
{
border: none;
color: #464646;
text-decoration: underline;
font-weight: bold;
}
#compare .box3Col .inner ul.resultBoxes li a:hover
{
text-decoration: none;
}
#compare .box3Col .inner ul.resultBoxes li.added
{
background: #fff url("/images/myguide/resultBoxesAdded.jpg") 0 bottom no-repeat;
}
#compare .box3Col .inner ul.resultBoxes li.added a
{
color: #00516e;
}
#compare .box3Col .inner ul.resultBoxes li.added div
{
border: none;
}
.helpDecide #contenttwocols .box2Col.active
{
background: url("/images/myguide/box2ColPurple.jpg") 0 0 repeat-y;
margin: 0 18px 30px 0;
}
.helpDecide #contenttwocols .box2Col.active .header
{
background: #9b0f91 url("/images/myguide/box2ColPurpleHeader.jpg") 0 0 no-repeat;
color: #fff;
}
.helpDecide #contenttwocols .box2Col.active .inner
{
background: url("/images/myguide/box2ColPurpleInner.jpg") 0 0 no-repeat;
}
.helpDecide #contenttwocols .box2Col.active .footer
{
background: url("/images/myguide/box2ColPurpleFooter.jpg") 0 bottom no-repeat;
}
.helpDecide #contenttwocols .box2Col.active.right
{
margin: 0 0 30px;
}
.helpDecide .box2Col.empty
{
background: url("/images/myguide/box2ColGrey.jpg") 0 0 repeat-y;
margin: 0 18px 30px 0;
}
.helpDecide .box2Col.empty .header
{
background: #5c9408 url("/images/myguide/box2ColGreyHeader.jpg") 0 0 no-repeat;
color: #000;
}
.helpDecide .box2Col.empty .inner
{
background: url("/images/myguide/box2ColGreyInner.jpg") 0 0 no-repeat;
}
.helpDecide .box2Col.empty .footer
{
background: url("/images/myguide/box2ColGreyFooter.jpg") 0 bottom no-repeat;
}
.helpDecide .box2Col.col2started
{
background: url("/images/myguide/box2ColPurple.jpg") 0 0 repeat-y;
}
.helpDecide .box2Col.col2started .header
{
background: #D8DDE0 url("/images/myguide/box2ColPurpleHeader.jpg") 0 0 no-repeat;
color: #fff;
}
.helpDecide .box2Col.col2started .inner
{
background: url("/images/myguide/box2ColPurpleInner.jpg") 0 0 no-repeat;
}
.helpDecide .box2Col.col2started .footer
{
background: url("/images/myguide/box2ColPurpleFooter.jpg") 0 bottom no-repeat;
}
.helpDecide .box3ColOpen
{
background: url("/images/myguide/box3ColNew.jpg") 0 0 repeat-y;
margin: 0 0 24px;
clear: both;
}
.helpDecide .box3ColOpen .inner
{
background: url("/images/myguide/box3ColHeaderGrey.jpg") 0 0 no-repeat;
color: #000;
}
.helpDecide .box3ColOpen .wrap
{
background: url("/images/myguide/box3ColNewFooter.jpg") 0 bottom no-repeat;
width: 651px;
padding: 14px 7px 4px;
}
* html .helpDecide .box3ColOpen .wrap
{
padding: 14px 9px 14px;
}
.helpDecide .buttons
{
clear: both;
overflow: hidden;
padding: 30px 0 0;
margin: 0 0 6px;
width: 665px;
}
.helpDecide .buttons .btn
{
margin: 0;
float: right;
}
.helpDecide #rank ul
{
overflow: hidden;
margin: 0;
padding: 0;
font-size: 1em;
}
.helpDecide #rank ul li
{
width: 203px;
margin: 0 7px 10px;
padding: 20px 0 0;
list-style: none;
background: #fff url("/images/myguide/resultBoxesRank.jpg") 0 bottom no-repeat;
color: #fff;
position: relative;
float: left;
display: inline;
border: none;
}
.helpDecide #rank ul li div
{
font-size: 1.2em;
background: none;
height: 39px;
padding: 9px 40px 16px 11px;
width: 150px;
margin: 0;
border: none;
}
.helpDecide #rank ul li input
{
color: #d07f26;
position: absolute;
top: 7px;
right: 8px;
}
.helpDecide #rank ul li input.Decide_Compare_Start
{
right: 30px;
}
.helpDecide #rank ul li span.num
{
display: block;
position: absolute;
top: 6px;
left: 10px;
font-size: 1em;
font-weight: bold;
color: #74076d;
}
.helpDecide #rank ul li a
{
color: #74076d;
font-weight: bold;
text-decoration: underline;
}
.helpDecide #rank ul li a:hover
{
text-decoration: none;
}
.helpDecide #rank .buttons
{
clear: both;
overflow: hidden;
padding: 0;
margin: 0 0 6px;
width: 665px;
}
.helpDecide #rank .buttons .btn
{
margin: 0 0 0 10px;
float: right;
}
.helpDecide #rank .buttons .btn.blackHome
{
margin: 0;
float: left;
}
.helpDecide #compare ul
{
overflow: hidden;
margin: 0 0 14px;
padding: 0;
font-size: 1em;
}
.helpDecide #compare ul li
{
width: 203px;
margin: 0 7px 10px;
padding: 20px 0 0;
list-style: none;
background: #eee url("/images/myguide/resultBoxes.jpg") 0 0 no-repeat;
color: #fff;
position: relative;
float: left;
display: inline;
border: none;
}
.helpDecide #compare .inner ul.resultBoxes li
{
padding: 20px 0 0;
}
.helpDecide #compare ul li div
{
font-size: 1.2em;
background: none;
width: 150px;
height: 39px;
padding: 9px 40px 16px 11px;
margin: 0;
border: none;
}
.helpDecide #compare .box3Col .inner ul.resultBoxes li
{
background: #fff url("/images/myguide/resultBoxesRank.jpg") 0 bottom no-repeat;
}
.helpDecide #compare .box3Col .inner ul.resultBoxes li div
{
border: none;
}
.helpDecide #compare .box3Col .inner ul.resultBoxes li a
{
color: #74076d;
font-weight: bold;
}
.helpDecide #compare .box3Col .inner ul.resultBoxes span.num
{
color: #74076d;
font-weight: bold;
font-size: 1em;
}
.helpDecide #compare ul li.compared
{
background: #fff url("/images/myguide/resultBoxesRank.jpg") 0 bottom no-repeat;
}
.helpDecide #compare ul li.compared div
{
border: none;
}
.helpDecide #compare ul li input
{
color: #d07f26;
position: absolute;
top: 7px;
right: 8px;
}
.helpDecide #compare ul li input.Decide_Compare_Start
{
right: 30px;
}
.helpDecide .buttonsAction
{
border-top: 1px dotted #c6c6c6;
overflow: hidden;
width: 637px;
padding: 16px 0 4px;
margin: 0 7px;
}
.helpDecide #compare .purpleFind, .helpDecide #compare .purpleTree
{
float: right;
margin: 0 0 0 10px;
clear: none;
}
.helpDecide #compare ul li span.num
{
display: block;
position: absolute;
top: 6px;
left: 10px;
font-size: 1em;
font-weight: bold;
color: #464646;
}
.helpDecide #compare ul li.compared span.num
{
color: #74076D;
}
.helpDecide #compare ul li a
{
color: #464646;
text-decoration: underline;
font-weight: bold;
}
.helpDecide #compare ul li.compared a
{
color: #74076D;
}
.helpDecide #compare ul li a:hover
{
text-decoration: none;
}
.helpDecide #compare .box3Col
{
width: 665px;
margin: 0 0 30px;
background: url("/images/myguide/box3ColNew.jpg") 0 0 repeat-y;
}
.helpDecide #compare .box3Col .header
{
background: #D8DDE0 url("/images/myguide/box3ColNewHeader.jpg") 0 0 no-repeat;
padding: 14px 14px 14px;
font-size: 1em;
color: #000;
overflow: hidden;
position: relative;
width: 637px;
}
.helpDecide #compare .box3Col .header h3
{
margin: 0;
font-size: 1.8em;
float: left;
color: #000;
background-image: none;
}
.helpDecide #compare .resultPager
{
font-size: 1.4em;
padding: .2em 0 0;
float: right;
}
.helpDecide #compare .resultsPage
{
padding: 0 4px;
}
.helpDecide #compare .box3Col .inner
{
background: url("/images/myguide/box3ColNewInner.jpg") 0 0 no-repeat;
width: 651px;
padding: 18px 7px 0;
margin: 0;
}
.helpDecide #compare .box3Col .inner .graph
{
}
.helpDecide #compare .box3Col .footer
{
background: url("/images/myguide/box3ColNewFooter.jpg") 0 bottom no-repeat;
clear: both;
width: 637px;
overflow:hidden;
padding:0 14px 16px;
}
.helpDecide #compare .resultsSlider
{
clear: both;
display: inline;
width: 609px;
padding: 8px 14px;
margin: 0 7px;
background: url("/images/myguide/resultsSlider.jpg") 0 0 no-repeat;
float: left;
}
.helpDecide #compare .resultsSlider .ui-widget-header
{
background: none;
}
.helpDecide #compare .resultsSlider input
{
margin: 0;
padding: 0;
background: none;
border: none;
width: 20px;
font-weight: bold;
color: #8d0b83;
}
.helpDecide #compare .resultsSlider p
{
margin: 0;
padding: 1px 10px 0 0;
border-right: 1px dotted #bdcbd1;
float: left;
}
.helpDecide #compare .resultsSlider span
{
float: left;
font-size: 1.6em;
color: #73076c;
font-weight: bold;
}
.helpDecide #compare .resultsSlider span.min
{
padding: 0 10px 0 16px;
}
.helpDecide #compare .resultsSlider span.max
{
padding: 0 0 0 10px;
}
.helpDecide #compare p.tip
{
clear: both;
margin: 0;
padding: 0 21px;
font-size: 1.2em;
}
.helpDecide #compare p.tip strong
{
color: #8d0b83;
}
.helpDecide #compare .resultsSlider .slider
{
width: 328px;
float: left;
}
.helpDecide #compare .buttons
{
clear: both;
overflow: hidden;
padding: 0;
margin: 0 0 6px;
width: 665px;
}
.helpDecide #compare .buttons .btn
{
margin: 0 0 0 10px;
float: right;
}
.helpDecide .box3Col a.btn span
{
width: auto;
}
.helpDecide #compare .buttons .btn.blackHome
{
margin: 0;
float: left;
}
.helpDecide #skillQuestions
{
padding: 0 11px;
width: 643px;
text-align: left;
font-size: 1em;
background: url("/images/myguide/skillQuestions.jpg") 50% 0 no-repeat;
}
.helpDecide #skillQuestions div.form
{
margin: 0;
padding: 0;
}
.helpDecide #skillQuestions table
{
border-collapse: collapse;
border-bottom: 1px dotted #9ca980;
margin: 0 0 24px;
}
.helpDecide #skillQuestions .progress
{
width: 613px;
padding: 13px 15px 8px;
font-size: 1em;
float: left;
}
.helpDecide #skillQuestions .progress p
{
float: left;
}
.helpDecide #skillQuestions .progress #pagePos
{
float: right;
width: 330px;
}
.helpDecide #skillQuestions h3
{
color: #315400;
font-size: 2.2em;
margin: 0;
padding: 0;
position: relative;
top: 40px;
left: 0;
width: 350px;
}
.helpDecide .speechBubbleSmall
{
clear: both;
width: 258px;
text-align: left;
display: block;
font-weight: bold;
color: #fff;
background: #52750b url("/images/myguide/caption.jpg") 0 0 repeat-y;
position: relative;
top: 24px;
}
.helpDecide .speechBubbleSmall span
{
display: block;
width: 228px;
padding: .4em 15px 1em;
background: url("/images/myguide/captionSpan.jpg") 0 0 no-repeat;
}
.helpDecide .speechBubbleSmall h4
{
margin: 0;
padding: 0;
font-size: 2.2em;
background: url("/images/myguide/captionSpanSpan.jpg") 0 bottom no-repeat;
}
.helpDecide .speechBubbleSmallBlue
{
clear: both;
width: 258px;
text-align: left;
display: block;
font-size: 1.8em;
font-weight: bold;
color: #fff;
background: #365e6a url("/images/myguide/captionBlue.jpg") 0 0 repeat-y;
}
.helpDecide .speechBubbleSmallBlue span
{
display: block;
width: 228px;
padding: .6em 15px 1.3em;
background: url("/images/myguide/captionBlueSpan.jpg") 0 0 no-repeat;
}
.helpDecide .speechBubbleSmallBlue h4
{
margin: 0;
padding: 0;
background: url("/images/myguide/captionBlueSpanSpan.jpg") 0 bottom no-repeat;
}
.helpDecide #skillQuestions th
{
width: 57px;
text-align: center;
font-size: 1.4em;
padding: 0 0 1.6em;
}
.helpDecide #skillQuestions th.question
{
width: 356px;
text-align: left;
}
.helpDecide #skillQuestions th.hide
{
text-indent: -9999px;
}
.helpDecide #skillQuestions td
{
border-top: 1px dotted #9ca980;
}
.helpDecide #skillQuestions td label
{
display: none;
}
.helpDecide #skillQuestions h3
{
color: #315400;
font-size: 2.2em;
margin: 0;
padding: 0;
position: relative;
top: 22px;
left: 0;
width: 350px;
}
.helpDecide #skillQuestions p
{
margin: 0;
}
.helpDecide #skillQuestions td
{
padding: 1.4em 0 1.8em;
}
.helpDecide #skillQuestions td.question
{
padding: 1em 10px 1.4em 38px;
font-size: 1em;
}
.helpDecide #skillQuestions td.question h4
{
text-indent: -38px;
margin: 0 0 .3em;
color: #232b2f;
font-size: 1.6em;
}
.helpDecide #skillQuestions td.question h4 strong
{
padding: 0 20px 0 0;
color: #3d6600;
}
.helpDecide #skillQuestions td.answer
{
text-align: center;
width: 57px;
}
.helpDecide #skillQuestions td.radioSelect
{
background: url("/images/myguide/greenRadio.gif") 50% 50% no-repeat;
}
.helpDecide #skillQuestions input.radio
{
margin: 4px 0 0;
}
.helpDecide #skillQuestions .buttons
{
clear: both;
padding: 17px 0 0;
margin: 0 0 14px;
overflow: hidden;
width: 643px;
font-size: 1em;
}
.helpDecide #skillQuestions .buttons .btn
{
margin: 0 10px 0 0;
float: left;
}
.helpDecide .intro a
{
color: #006A8F;
}
.helpDecide #skillQuestions .buttons .btn.greenNext
{
margin: 0 0 0 10px;
float: right;
}
.helpDecide #skillQuestions .buttons .btn.greenPrev
{
margin: 0 0 0 10px;
float: right;
}
.helpDecide #skillQuestions .buttons .btn.greenSkip
{
margin: 0;
float: right;
}
.helpDecide #skillQuestions .buttons p.note
{
font-size: 1.2em;
float: left;
width: 170px;
margin: 0;
}
/*********************************************************
* goals
*********************************************************/
.mycareerplan .sbActive .topContent
{
background: #d6340b url('/images/myguide/speechBubbleActive_mycareerplanTop.gif') no-repeat;
}
.mycareerplan .sbActive .topContent .info
{
color: #fff;
}
.mycareerplan .sbActive .topContent .go
{
background: url('/images/myguide/speechBubble_mycareerplanGoBtnActive.gif') no-repeat;
color: #fff;
}
.mycareerplan .topContent .go
{
background: url('/images/myguide/speechBubble_mycareerplanGoBtn.gif') no-repeat;
color: #fff;
font-size: 1.4em;
}
.mycareerplan .sbActive .bottom.left
{
background: url('/images/myguide/mycareerplan_sbFooterActiveLeft.gif') no-repeat;
}
.mycareerplan .sbActive .bottom.right
{
background: url('/images/myguide/mycareerplan_sbFooterActiveRight.gif') no-repeat;
}
.mycareerplan .bottom.greybottom
{
background: url('/images/myguide/greybottom.gif') no-repeat;
}
.mycareerplan .topContent.greytopright
{
background: #a7aaab url('/images/myguide/myprofile_sbTopRight.gif') no-repeat;
padding-top: 18px;
}
.mycareerplan .topContent.greytopleft
{
background: #a7aaab url('/images/myguide/myprofile_sbTopLeft.gif') no-repeat;
padding-top: 18px;
}
.mycareerplan .bottom.greybottomright
{
background: #a7aaab url('/images/myguide/sbBottomRight.gif') no-repeat;
}
.mycareerplan .bottom.greybottomleft
{
background: #a7aaab url('/images/myguide/sbBottomLeft.gif') no-repeat;
}
.mycareerplan .sbActive .topContent.greentopleft
{
background: #5c840d url('/images/myguide/sbTopLeftActive_mycareerplan.gif') no-repeat;
padding-top: 18px;
}
.mycareerplan .sbActive .topContent.greentopright
{
background: #5c840d url('/images/myguide/sbTopActiveRight_mycareerplan.gif') no-repeat;
padding-top: 18px;
}
.mycareerplan .bottom.greenbottom
{
background: url('/images/myguide/sbBottomActive_mycareerplan.gif') no-repeat;
}
.mycareerplan .step
{
color: #a21600;
}
#mycareerLanding .buttons
{
padding: 22px 0 10px;
overflow: hidden;
}
#mycareerLanding .buttons .btn
{
float: right;
}
.mycareerplan #navLeft li a.active
{
background: #e43e0e;
}
.mycareerplan #navLeft li.firstOpened a.active
{
background: #e43e0e;
}
.mycareerplan #navLeft li.firstOpened li a.active, .mycareerplan #navLeft li.current li a.active:hover
{
background: #e8bbac url("/images/myguide/bullet_nav2.gif") 14px 14px no-repeat;
color: #232B2F;
}
.mycareerplan div#title
{
background: #e53e0e url(/images/myguide/bg_mycareerplanTitle.jpg) no-repeat 0 0;
}
.mycareerplan div#breadCrumb
{
background: #c72b00 url('/images/myguide/mycareerplan_breadcrumbBottom.jpg') no-repeat 0 100%;
}
.mycareerplan div#breadCrumb .link span
{
color: #eb6837;
}
#goals
{
width: 665px;
}
/*jb 21/4/2010 Jira 31*/
.addNewGoal
{
width: 665px;
height: 40px;
}
/*jb 21/4/2010 Jira 31*/
.addNewGoal a.btn
{
float: right;
}
#goals .box3Col,
#thoughts .box3Col
{
width: 665px;
margin: 0 0 30px;
background: url("/images/myguide/box3Col.jpg") 0 0 repeat-y;
}
#goals .box3Col .header,
#thoughts .box3Col .header
{
background: #E43E0E url("/images/myguide/box3ColHeader.jpg") 0 0 no-repeat;
padding: 1.6em 14px 1.4em;
font-size: 1em;
color: #fff;
overflow: hidden;
position: relative;
width: 637px;
}
#goals .box3Col.new,
#thoughts .box3Col.new
{
background: url("/images/myguide/box3ColNew.jpg") 0 0 repeat-y;
}
#goals .box3Col.new .header,
#thoughts .box3Col.new .header
{
background: #D8DDE0 url("/images/myguide/box3ColNewHeader.jpg") 0 0 no-repeat;
color: #000;
}
#goals .box3Col.new .inner,
#thoughts .box3Col.new .inner
{
background: url("/images/myguide/box3ColNewInner.jpg") 0 0 no-repeat;
}
#goals .box3Col.new .inner .col1,
#thoughts .box3Col.new .inner .col1
{
width: 349px;
padding: 0 13px 0 0;
}
#goals .box3Col.new .footer,
#thoughts .box3Col.new .footer
{
background: url("/images/myguide/box3ColNewFooter.jpg") 0 bottom no-repeat;
}
#goals .box3Col.edit .header, #goals .box3Col.new .header,
#thoughts .box3Col.edit .header, #thoughts .box3Col.new .header
{
padding: 1.2em 14px 0.70em;
}
#goals .box3Col .header p,
#thoughts .box3Col .header p
{
margin: 0;
padding: 0;
float: left;
font-size: 1.8em;
}
#goals .box3Col.edit .header p, .box3Col.new .header p,
#thoughts .box3Col.edit .header p
{
margin: 0;
padding: 3px 12px 0 0;
float: left;
}
#goals .box3Col .header input.text,
#thoughts .box3Col .header input.text
{
float: left;
margin: 0 8px 6px 0;
padding: .4em 9px .35em;
width: 365px;
border: 1px solid #728586;
color: #161616;
font-size: 1.4em;
}
#goals .box3Col .header a.deleteGoal,
#thoughts .box3Col .header a.deleteGoal
{
font-size: 1.2em;
position: absolute;
top: 20px;
right: 14px;
color: #fff;
text-decoration: none;
border-bottom: 1px dotted #fff;
}
#goals .box3Col .header a.deleteGoal:hover,
#goals .box3Col .header a.deleteGoal:hover
{
border-bottom: 1px solid #fff;
}
.mycareerplan .content a.btn.orangeEdit
{
background: url("/images/myguide/btn_orangeEdit.gif") 0 0 no-repeat;
padding-left: 38px;
}
.mycareerplan .content a.btn.orangeSave
{
background: url("/images/myguide/btn_orangeSave.gif") 0 0 no-repeat;
padding-left: 38px;
}
.mycareerplan .content a.btn.orangeSelect
{
background: url("/images/myguide/btn_orangeSelect.gif") 0 0 no-repeat;
padding-left: 38px;
}
.mycareerplan .content a.btn.orangeAdd
{
background: url("/images/myguide/btn_orangeAdd.gif") 0 0 no-repeat;
padding-left: 38px;
}
.mycareerplan .content a.btn.orangeCancel
{
background: url("/images/myguide/btn_orangeCancel.gif") 0 0 no-repeat;
padding-left: 38px;
}
.mycareerplan .content a.btn.orangeSummary
{
background: url("/images/myguide/btn_orangeSummary.gif") 0 0 no-repeat;
padding-left: 38px;
}
.mycareerplan .content a.btn.orangeEdit span, .mycareerplan .content a.btn.orangeSave span, .mycareerplan .content a.btn.orangeSelect span, .mycareerplan .content a.btn.orangeAdd span, .mycareerplan .content a.btn.orangeCancel span, .mycareerplan .content a.btn.orangeSummary span
{
background: url("/images/myguide/btn_orangeRight.gif") 100% 0 no-repeat;
}
.mycareerplan .tip
{
margin: 0 0 .5em;
}
.mycareerplan .tip strong
{
color: #dc390a;
}
.mycareerplan .note
{
margin: 0 0 1em;
}
.mycareerplan .note strong
{
color: #dc390a;
}
#goals .box3Col form
{
margin: 0;
padding: 0;
}
#goals .box3Col .inner,
#thoughts .box3Col .inner
{
padding: 10px 14px 0;
width: 637px;
margin: 0 0 20px;
background: url("/images/myguide/box3ColInner.jpg") 0 0 no-repeat;
float: left;
color: #161616;
}
#goals .box3Col .inner h4,
#thoughts .box3Col .inner h4
{
font-size: 1.6em;
margin: 0 0 .5em;
font-weight: bold;
}
#goals .box3Col .inner h4 span,
#thoughts .box3Col .inner h4 span
{
font-weight: normal;
}
#goals .box3Col .inner label,
#thoughts .box3Col .inner label
{
font-size: 1.6em;
margin: 0 0 .5em;
font-weight: bold;
}
#goals .box3Col .inner label span,
#thoughts .box3Col .inner label span
{
font-size: .75em;
color: #444;
}
#goals .box3Col .inner label.achieveBy
{
float: left;
margin: 0 6px 0 0;
padding: .2em 0 0;
}
#goals .box3Col .inner input
{
margin: 0;
padding: 0;
color: #161616;
border: 1px solid #728586;
}
#goals .box3Col .inner input.text
{
width: 194px;
padding: .4em 9px .35em;
margin: 0 8px 6px 0;
float: left;
font-size: 1.4em;
}
#goals .box3Col .inner input.image
{
border: none;
}
#goals .box3Col .inner .date input
{
float: left;
margin: 0 7px 0 0;
padding: .4em 0 .35em;
width: 30px;
text-align: center;
}
#goals .box3Col .inner p.error
{
clear: both;
padding: 6px 0 0;
}
#goals .box3Col .inner .date input.year
{
width: 46px;
}
#goals .box3Col .inner .date img
{
float: left;
margin: -3px 0 0;
}
#goals .box3Col .inner .dvButton
{
float: left;
padding: 6px 0 0;
}
#goals .box3Col .inner .dvButton input
{
margin: 0 1px 0 0;
}
#goals .box3Col .inner textarea
{
margin: 0 0 16px;
padding: 5px;
width: 333px;
height: 118px;
border: 1px solid #728586;
font-family: Tahoma,arial,verdana;
font-size: 1.4em;
}
#goals .box3Col .inner p
{
font-size: 1.4em;
margin: 0 0 1em;
}
#goals .box3Col .inner ul
{
clear: both;
padding: 0;
}
#goals .box3Col .inner li
{
position: relative;
background: url(/images/myguide/bulletOrange.gif) 0 7px no-repeat;
border-bottom: 1px dotted #c8d3da;
padding: 0 45px 4px 12px;
margin: 0 0 0.3em;
}
#goals .box3Col .inner li .dvButton
{
padding: 0;
position: absolute;
top: 0;
right: 0;
}
#goals .box3Col .inner .col1
{
width: 329px;
padding: 0 33px 0 0;
float: left;
}
#goals .box3Col.edit .inner .col1
{
width: 349px;
padding: 0 13px 0 0;
}
#goals .box3Col .inner .col2
{
width: 261px;
padding: 0 0 0 14px;
float: left;
position: relative;
}
.newStep
{
float: left;
}
#thoughts .box3Col .inner
{
background-image: none;
}
#goals .box3Col .footer,
#thoughts .box3Col .footer
{
clear: both;
overflow: hidden;
width: 637px;
padding: 0 14px 16px;
background: url("/images/myguide/box3ColFooter.jpg") 0 bottom no-repeat;
}
#goals .box3Col .footer .btn,
#thoughts .box3Col .footer .btn
{
float: right;
clear: none;
margin: 0 0 0 10px;
}
#goals .box3Col a.btn span,
#thoughts .box3Col a.btn span
{
width: auto;
}
#goals .btn
{
float: right;
clear: none;
}
#goals .amount
{
font-size: 1.6em;
color: #004559;
font-weight: bold;
position: absolute;
top: 0;
right: 0;
}
#goals .amount input
{
font-size: 1em;
font-weight: bold;
border: none;
width: 40px;
text-align: right;
color: #004559;
}
#goals .slider
{
clear: both;
margin: 0 0 16px;
}
#goals .resultDetails
{
clear: both;
float: left;
margin: 0 0 40px;
}
#goals .resultSummary
{
float: left;
width: 353px;
padding: 5px 0 0 32px;
margin: 0 0 40px;
}
#goals .resultSummary p
{
margin: 0 0 1em;
}
#goals .resultSummary strong
{
display: block;
}
#goals .result
{
clear: both;
}
.box3Col .inner h4.yourProgress
{
}
.ui-widget-content
{
background-color: #fff;
border: 1px solid #738687;
color: #333333;
}
.slider .ui-widget-content
{
background: #fff url("/images/myguide/slider_bg_highlight.gif") 0 0 repeat-x;
}
.ui-widget-header
{
border: 1px solid #738687;
color: #ffffff;
font-weight: bold;
}
.slider .ui-widget-header
{
background: #0085b1 url("/images/myguide/slider_bg_header.gif") 0 0 repeat-x;
}
.ui-state-default, .ui-widget-content .ui-state-default
{
background: #dadada;
font-weight: bold;
color: #1c94c4;
outline: none;
}
.slider .ui-state-default, .slider .ui-widget-content .slider .ui-state-default
{
background: #dadada url("/images/myguide/slider-handle.gif") 0 0 repeat-x;
}
.ui-slider
{
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle
{
position: absolute;
z-index: 2;
width: 9px;
height: 24px;
cursor: default;
}
.ui-slider .ui-slider-range
{
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
}
.ui-slider-horizontal
{
height: 16px;
}
.ui-slider-horizontal .ui-slider-handle
{
top: -4px;
margin-left: -6px;
}
.ui-slider-horizontal .ui-slider-range
{
top: 0;
height: 16px;
}
.ui-slider-horizontal .ui-slider-range-min
{
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max
{
right: 0;
}
.ui-corner-all, .ui-slider-range
{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.date element.style
{
display: block;
left: 738.5px;
position: absolute;
top: 304px;
}
.date .ui-corner-all
{
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
}
.buttons
{
clear: both;
}
#goals .buttons
{
clear: both;
border-top: 1px dotted #aabfcb;
padding: 17px 0 0;
overflow: hidden;
width: 665px;
}
#goals .buttons .btn
{
margin: 0 0 0 10px;
}
#goals .buttons .btn.orangeSummary
{
float: left;
margin: 0;
}
#goals .btn.orangeAdd
{
margin: 0 0 17px;
}
#thoughts .box3Col .inner textarea
{
width: 625px;
height: 80px;
margin: 0;
}
#thoughts .btn.orangeAdd
{
float: right;
margin: 0 0 17px;
}
#thoughts .footer .orangeLink, #goals .footer .orangeLink
{
float: right;
margin: 4px 0 0;
}
#thoughts .buttons
{
clear: both;
border-top: 1px dotted #aabfcb;
padding: 20px 0 6px;
overflow: hidden;
width: 665px;
}
#thoughts .buttons .btn
{
margin: 0 0 0 10px;
float: right;
}
#thoughts .buttons .btn.blackHome
{
margin: 0;
float: right;
}
#thoughts .buttons .btn.orangeSummary
{
margin: 0;
float: left;
}
#thoughts .resultDetails
{
clear: both;
float: left;
margin: 0 0 40px;
}
#thoughts .resultSummary
{
float: left;
width: 353px;
padding: 5px 0 0 32px;
margin: 0 0 20px;
}
#thoughts .resultSummary strong
{
display: block;
}
#thoughts .resultSummary p
{
margin: 0 0 1em;
}
#thoughts .result
{
clear: both;
overflow: hidden;
border-top: 1px dotted #AABFCB;
padding: 17px 0 0;
}
#summary
{
padding: 0 11px;
float: left;
}
#summary .selectAll
{
margin: 0 0 18px;
overflow: hidden;
width: 643px;
}
#summary .selectAll a.OrangeSelect
{
}
#summary .buttons
{
width: 643px;
float: left;
}
#summary .buttons .selectAll
{
margin: 0 0 18px;
width: 643px;
float: left;
}
#summary .buttons .selectAll a.orangeLink
{
float: right;
border-left: 10px solid #fff;
position: relative;
top: 10px;
}
#summary .buttons .btn
{
margin: 0 0 0 10px;
}
#summary .btn
{
clear: none;
float: right;
}
#summary .buttons .blackHome
{
margin: 0 10px 0 0;
float: left;
}
#summary .wrap
{
position: relative;
width: 643px;
}
#summary .wrap a.orangeLink
{
position: absolute;
top: 6px;
right: 0;
}
#summary h3
{
font-size: 2.4em;
color: #1c2023;
margin: 0 0 .5em;
}
#summary table
{
border-collapse: collapse;
border-bottom: 1px dotted #e8a396;
margin: 0 0 24px;
width: 643px;
font-size: 1em;
}
#summary th
{
text-transform: uppercase;
text-align: left;
padding: .5em 10px .5em 0;
color: #c72b01;
font-weight: bold;
font-size: 1.4em;
}
#summary th.goals
{
width: 208px;
}
#summary th.actions
{
width: 208px;
}
#summary th.achieveBy
{
width: 106px;
}
#summary th.progress
{
width: 92px;
background-image: none;
}
#summary th.check
{
text-align: right;
padding: .5em 5px .5em 0;
}
#summary table.twoCol th.resources, #summary table.twoCol th.entries
{
width: 634px;
}
#summary tbody tr
{
}
#summary tbody td
{
vertical-align: top;
padding: 10px 10px 10px 0;
border-top: 1px solid #e8a396;
font-size: 1.6em;
}
#summary tbody td.actions
{
padding: 10px 20px 10px 0;
}
#summary tbody td.goals
{
padding: 10px 10px 10px 20px;
text-indent: -20px;
}
#summary tbody td.goals span
{
font-weight: bold;
color: #c62a00;
}
#summary table.twoCol td.resources, #summary table.twoCol td.entries
{
padding: 10px 10px 10px 20px;
text-indent: -20px;
}
#summary table.twoCol td.resources span, #summary table.twoCol td.entries span
{
font-weight: bold;
color: #c62a00;
}
#summary tbody td.check
{
padding: 10px 0;
}
#summary tbody td.check input
{
margin: 2px 0;
}
#summary table ul
{
padding: 0;
font-size: 1em;
}
#summary table li
{
background: url("/images/myguide/bulletOrange.gif") 0 7px no-repeat;
margin: 0 0 .5em;
}
.content #summary ul.NoItem li
{
background: url("/images/myguide/bulletOrange.gif") 0 7px no-repeat;
}
/***************************************************************
Articles images
***************************************************************/
div.bg-image-strip
{
min-height: 412px;
padding-right: 116px;
background: none no-repeat scroll 100% 50% transparent;
}
div.bg-image-large
{
min-height: 170px;
padding-right: 133px;
background: none no-repeat scroll 100% 50% transparent;
}
div.bg-image-medium
{
min-height: 170px;
padding-right: 133px;
background: none no-repeat scroll 100% 50% transparent;
}
table.grid ul{
font-size:1em;
}
table.grid {
border-collapse:collapse;
color:#333333;
font:1em Arial,Helvetica,sans-serif;
}
table.grid td {
border:1px solid #333333;
padding: 5px 2px;
vertical-align:top;
}
table.grid p {
font-size:1em;
}
table.grid h3 {
font-size:1em;
}
/***************************************************************
Articles images for new Article template 24-09-2010
***************************************************************/
.ArticleImage .mainimage img{
/* float:right; */
padding: 10px
}
.ArticleImage .mainimage div#map_canvas img{
/* float:right; */
padding: 0px
}
.ArticleImage ul li{
clear: left;
padding:0 0 0 21px;
}
.ArticleImage ul li span{
color: #333333;
font-weight:normal;
}
.ArticleImage ol li{
clear: left;
font-size:1.5em;
list-style: decimal;
background:none;
padding:0 0 0 0px;
}
.ArticleImage ol li span{
color: #333333;
font-weight:normal;
}
.ArticleImage ol {
padding:0 0 0 16px;
margin:0 0 0 21px;
color: #528800;
font-weight:bold;
}
.ArticleImage table{
border-collapse: collapse;
width: 100%;
}
.ArticleImage .caption{
margin-bottom: 20px;
}
.ArticleImage td+td,.ArticleImage th+th {
border-left: 1px solid #CCC;
}
.ArticleImage tr+tr {
border-top: 1px solid #CCC;
}
.ArticleImage .BannerTop .tr {
margin-left:0px;
}
.ArticleImage #BannerTopHeading {
margin-left:15px;
}
.ArticleImage tr,.ArticleImage th{
text-align:center;
}
.ArticleImage th{
text-align:center;
font-size:140%;
}
.ArticleImage td{
font-size:140%;
border-top: 1px solid #CCC;
}
.ArticleImage td p{
font-family:Tahoma;
font-size:100%;
color:#333333;
margin-bottom:0px;
margin-right:5px;
margin-left:5px;
}
.ArticleImage td ul{
font-family:Tahoma;
font-size:100%;
color:#333333;
margin-bottom:0px;
margin-right:5px;
margin-left:5px;
}
.ArticleImage td ol{
font-family:Tahoma;
font-size:100%;
color:#333333;
margin-bottom:0px;
margin-right:5px;
margin-left:5px;
}
.ArticleImage div.tip {
clear: right;
background-image: url("/images/myfuture/Tipbg.png");
background-repeat: no-repeat;
width:639px;
height:117px;
clear: left;
}
.ArticleImage p.tip {
width:500px;
padding-top: 27px;
padding-left: 100px;
left: 50%;
clear: right;
}
/***************************************************************
Articles Audio Div for new Article template 24-09-2010
***************************************************************/
.ArticleImage div.audio{
clear: both;
padding-top :20px;
}
.ArticleImage .audio img {
float:left;
}
.ArticleImage p.name {
margin-left: 70px;
clear: right;
margin-bottom :2px;
}
.ArticleImage p.audiinfo {
margin-left: 70px;
clear: right;
margin-top :0px;
margin-bottom :0px;
}
.ArticleImage span.size {
display:inline-block;
clear: right;
}
.ArticleImage span.time {
width: 150px;
display:block;
float:left;
clear: right;
}
.ArticleImage .description p{
font-size:120%;
clear: right;
}
.ArticleImage div.twocolumns, .ArticleImage div.threecolumns{
clear: both;
padding-top :20px;
}
.ArticleImage .left {
float: left;
padding: 0% 2% 0% 0%;
width: 30%;
font-family:Tahoma;
font-size:1.0em;
}
.ArticleImage .middle {
top: 10px;
margin-left: 35%;
margin-right: 35%;
font-family:Tahoma;
font-size:1.0em;
}
.ArticleImage .right {
clear: none;
float: right;
padding: 0% 0% 0% 2%;
width: 30%;
font-family:Tahoma;
font-size:1.0em;
}
.twocolumns .left {
float: left;
padding: 0% 2% 0% 0%;
width: 48%;
font-family:Tahoma;
font-size:1.0em;
}
.twocolumns .right {
float: right;
padding: 0% 0% 0% 2%;
width: 48%;
font-family:Tahoma;
font-size:1.0em;
}
.ArticleImage hr {
clear: both;
border-style: none none dotted;
color:#003957;
height: 0px;
}
.ArticleImage h3 {
clear :left;
font-size:200%;
}
.video1 {
float: left;
width: 133px;
}
.video2 {
float: left;
width: 133px;
}
.video3 {
float: left;
width: 133px;
}
.video4 {
float: left;
width: 133px;
}
.video5 {
float: left;
width: 133px;
}
.smallText
{
font-size: 1.1em;
}
#EducationTraining div
{
font-size: 1.4em;
color:#333333;
font-family:Tahoma;
}
#EducationTraining div ul
{
font-size: 1.1em;
color:#333333;
font-family:Tahoma;margin-bottom: 15px;
}
#FactSheetDescription div
{
font-size: 1.4em;
color:#333333;
font-family:Tahoma;
}
#FactSheetDescription div ul
{
font-size: 1em;
color:#333333;
font-family:Tahoma;
margin-bottom: 15px;
margin-top: 10px;
}
#FactSheetDescription div p
{
font-size: 1em;
}
#header-right h2
{
display: none;
}
p#QuickFactsTitle,
div#RelatedClassesPrint, div#RelatedSubdivisionsPrint, div#RelatedGroupsPrint, div#AlliedIndustriesPrint,
div#LabourMarketInfo div#Top20OccupationComparison,
div#LabourMarketInfo div#Top20Occupations,
div#LabourMarketInfo div#Top20Industries,
div#LabourMarketInfo div#OccupationGroupComparison,
div#LabourMarketInfo div#IndustryGroupComparison,
img#map_canvas_static,
#imgLogoPDF
{
display:none;
}
div#Top20GraphLinks div.ChartTextVersion,
div#RegionComparisonGraphLinks div.ChartTextVersion
{
display:none;
}
#RelatedSubdivisions.outerDiv font,
#RelatedGroups.outerDiv font,
#RelatedClasses.outerDiv font,
#AlliedIndustries.outerDiv font,
#FurtherInformation.outerDiv font,
#Sources.outerDiv font
{
font-size:8pt !important;
}
#LabourMarketInfo div.buttons span {
color: #FFFFFF;
font-size: 1.0em;
line-height: 27px;
margin-right: 0px;
font-family: Arial,Helvetica,sans-serif;
}
div#QualificationEmail,
div#EducationalSectorEmail,
div#IndustryTrainingBoardEmail,
div#EntryRequirementEmail,
div#StudyFieldEmail,
div#EducationLevelEmail,
div.TitledDescriptionDividedEmail
{
display: none;
}
/* fix the duplicate characters bug course page, under comments*/
div#RelatedOccupations
{
display: inline;
}