@charset "utf-8";

body,div,form,input,textarea,p,th,td,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}

p{margin: 10px 0 0 0;}
table{border-collapse:collapse;border-spacing:0;}
table td {padding:5px}
table.nopadding td {padding:0;}
fieldset,img{border:0;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;}
input,select {vertical-align:middle;}

input[type=checkbox], input[type=radio] {margin:3px 0;}

a:link, a:visited, a:hover {text-decoration:none;color:#ee1c24;}
a:hover {text-decoration:underline;cursor:pointer;}

body{font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;font-size:12px;background:/*#dadada*/#EE1C24;color:#333;line-height:18px;}
font {font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;font-size:12px;}


/******** styles for buttons *************/

/* styling button and input tags */
span.btn {background:url(../images/bg_btn_left.gif) left center no-repeat;font-size:11px !important;margin:0 !important;padding:3px 0 3px 1px !important;font-size:11px !important;outline:none;}
span.btn button, span.btn input {background:url(../images/bg_btn.gif) center right no-repeat;color:#277eae;border:none;font-size:11px !important;font-weight:bold;outline:none;font-family:inherit;height:21px} /* font-family is required for FF */
span.btn > button {height:22px !important;padding:4px 8px 4px 6px !important;margin-bottom:-1px !important;}
span.btn > input {height:22px !important;padding:0 8px 1px 6px !important;margin-top:-1px !important;}
span.btn:hover {background:url(../images/bg_btn_left_on.gif) left center no-repeat;outline:none;}
span.btn:hover button, span.btn:hover input {background:url(../images/bg_btn_on.gif) center right no-repeat;outline:none;}

/* disabled button */
span.btnOff {background:url(../images/bg_btn_off_left.gif) left center no-repeat;color:#858585;}
span.btnOff button, span.btnOff input {background:url(../images/bg_btn_off.gif) center right no-repeat;color:#858585;}
span.btn:hover {background:url(../images/bg_btn_off_left.gif) left center no-repeat;color:#858585;}
span.btn:hover button, span.btn:hover input {background:url(../images/bg_btn_off.gif) center right no-repeat;color:#858585;}

/* styling a tags */ 
a.btn {background:url(../images/bg_btn.gif) left center no-repeat;margin:0 !important;padding:3px 0 3px 2px !important;font-size:11px !important;outline:none;line-height:21px !important;}
a.btn span {background:transparent url(../images/bg_btn.gif) center right no-repeat;padding:4px 8px 4px 6px !important;font-weight:bold !important;margin:0 !important;}
a.btn:hover {background:url(../images/bg_btn_left_on.gif) left center no-repeat;text-decoration:none;}
a.btn:hover span {background:url(../images/bg_btn_on.gif) center right no-repeat;}
a.btn:active {padding:3px 0 2px 1px;}
a.btn:active span {padding:4px 7px 2px 7px;margin:0;}


/* disabled button */
a.btnOff, a.btnOff:hover {background:url(../images/bg_btn_off_left.gif) left center no-repeat !important;color:#858585;}
a.btnOff span, a.btnOff:hover span {background:url(../images/bg_btn_off.gif) center right no-repeat !important;color:#858585;}



/******** end styles for buttons *************/

/* rounded corners, example code <span class="corner"></span> */
span.corner, span.corner span {display:block;}
span.corner {background:red;height:1px;}
span.corner span {border:0 solid green;border-width:0 5px;height:1px;border-bottom:1px solid black}

b.corner {display:block; font-size:1px;}
b.corner b, b.corner em {display:block; overflow:hidden;}
b.corner b {margin:0 2px; background:#e6e6e6;height:1px;border:none;}
b.corner em {margin:0 1px; border:0 solid #e6e6e6;border-width:0 1px;height:1px;}
b.bottom b {background:#c2c2c2;border-bottom:1px solid #e3e3e3;border-left:1px solid #c2c2c2;border-right:1px solid #c2c2c2}
b.bottom em {border:0 solid #c2c2c2;border-width:0 1px;}


h1 {font-size:18px;margin: 20px 0 0 0;padding-bottom:5px; line-height:36px;}  
h2 {font-size:16px;margin: 20px 0 0 0;padding-bottom:5px; line-height:36px;}
h3 {font-size:14px;margin: 20px 0 20px 0;padding-bottom:5px;color:#ee1c24;border-bottom:1px solid #dadada; line-height:36px;} 
h4 {font-size:13px;margin: 20px 0 0 0;padding-bottom:5px; line-height:36px;} 
hr {height:1px;margin:20px 0 0 0;padding:0;background:#d6d6d6;padding:0;border:0;color:#d6d6d6}


p.module {margin-top:20px;}
.topSpacer {margin-top:10px !important}
.bottomSpacer {margin-bottom:10px !important}
.module {margin-top:30px;}
.shade0 {background:#fff !important;}
.shade1 {background:#f1f1f1 !important;}
.shade3 {background:#fbfbfb !important;}
.shade2 {background:#f2f2f2 !important;}
.nobg {background:none !important}
.shadeImg {background:url(../images/bg_diag_stripes.gif)}
.shadeHighlight {background:#dfecf4 !important;}
.border {border:1px solid #d6d6d6 !important;} /* apply border around any element */
.noborder {border:none !important;} /* remove border from elements, .noborder td for dev */
.leftSep {border-left:1px solid #d6d6d6;}
.rightSep {border-right:1px solid #d6d6d6;}
.topSep, .topSep td {border-top:1px solid #d6d6d6 !important;} /* .topSep td for dev */
.bottomSep, .bottomSep td {border-bottom:1px solid #d6d6d6;} /* .bottomSep td for dev */
.lrSep, .lrSep td {border:0 solid #d6d6d6;border-width:0 1px;}
.tbSep, .tbSep td {border:0 solid #d6d6d6;border-width:1px 0;}
.box {padding:15px;}
.txtBold, .txtBold td, .txtBold td div {font-weight:bold !important;} /* td and div for dev */
.txtNormal {font-weight:normal !important;}
.floatRight{float:right;}
.floatLeft{float:left;}
.clear {clear:both;}
.indent {margin-left:20px;}

.txtExtraLarge {font-size:2em !important;}
.txtLarge {font-size:14px !important;}
.txtSmall  {font-size:11px !important;}
.txtTiny, .disclaimer {font-size:10px !important;}
.txtLight, .disclaimer {color:#666 !important;}
.txtHighlight {color:#ee1c24 !important;;}


.txtCenter {text-align:center;}
.txtLeft {text-align:left;}
.txtRight {text-align:right;}
.alignMiddle {vertical-align:middle;}
.alignBottom {vertical-align:bottom;}
.alignTop {vertical-align:top;}
a.disabled {color:#ccc !important;}
a.disabled:hover {text-decoration:none;}
/* not sure if following section is needed */
.addPadding {padding:10px}
.addMargin {margin:10px;}
.lessPadding {padding:5px;}
.lessMargin {margin:5px;}
.tbPadding {padding-top:10px !important;padding-bottom:10px !important;}
.lrPadding {padding-left:10px;padding-right:10px;}
.tbMargin {margin-top:10px;margin-bottom:10px;}
.lrMargin {margin-left:10px;margin-right:10px;}

/* ----- */
p.bottomSep {padding-bottom:10px;}
p.topSep {padding-top:10px;}
p.tbSep {padding-top:10px;padding-bottom:10px;}

/* grids */
.col50-50 .col {width:48.5%;float:right;}
.col50-50 .first {float:left;}
.col33-33-33 .col {margin-left:30px;width:295px;float:left;}
.col33-66 .col {width:66%;margin-left:2%;float:left;}
.col33-66 .first {width:32%;float:left;}
.col40-60 .col {width:59%;margin-left:2%;float:left;}
.col40-60 .first {width:38%;float:left;}
.col60-40 .col {width:38%;margin-left:2%;float:left;}
.col60-40 .first {width:59%;float:left;}
.col66-33 .col {width:32%;margin-left:2%;float:right;}
.col66-33 .first {width:64%;float:left;}
.col25-75 .col {width:72%;float:right;}
.col25-75 .first {width:24%;float:left;}
.gridSpotlight .col {width:190px;float:left;margin-left:15px;}
.gridSpotlight .spotlight {width:540px;}
.gridSpotlight .spotlight .col33-33-33 .col {width:170px;margin-left:15px;}
.gridRow4Col {background:url(../images/bg_contentBox2.jpg) left bottom repeat-x;}
.gridRow4Col .col {padding:8px 15px;width:206px;border-right:1px solid #e6e6e6;float:left;}
.gridRow4Col .first {border-left:1px solid #e6e6e6;}
.gridRow4Col .col .content {float:left;width:135px;overflow:hidden;height:100px;margin-top:15px}
.gridRow4Col .col .image {float:right;width:60px;overflow:hidden;height:100px;margin-top:15px}
.grid3Col .col1 {width:225px;float:left;margin-right:25px;}
.grid3Col .col2 {width:475px;float:left;margin-right:25px;}
.grid3Col .col3 {width:190px;float:right;}
.grid3ColBlog .col1 {width:190px;float:left;margin-right:25px;}
.grid3ColBlog .col2 {width:510px;float:left;margin-right:25px;}
.grid3ColBlog .col3 {width:190px;float:right;}
.grid2Col .col1 {width:225px;float:left;margin-right:25px;}
.grid2Col .col2 {width:690px;float:right;}
.grid2ColWide .col1 {width:600px;float:left;margin-right:25px;margin-left:20px;}
.grid2ColWide .col2 {width:295px;float:right;}

.col50-50 .first, .col33-33-33 .first, .col33-66 .first, .col66-33 .first, .col25-75 .first, .col40-60 .first, .col60-40 .first, .gridSpotlight .first, .gridSpotlight .spotlight .col33-33-33 .first {margin-left:0;}
.col50-50, .col33-33-33, .col33-66, .col66-33, .col25-75, .col40-60, .col60-40 {-height:1%} /*IE6 FIX*/
/* *height:1% was replaced with *height:1% since Safari 2 broke all styles following *height:1% */
.col50-50:after, .col33-33-33:after, .col33-66:after, .col66-33:after, .col25-75:after, .col40-60:after, .col60-40:after, .grid3Col:after, .grid2Col:after {content: ""; display: block; height: 0; clear: both;}
/* end grids */



#container{padding:0;width:994px;text-align:left;margin:0 auto;background:#fff}

#header {clear:both;width:950px;padding:0;position:relative;z-index:998;margin:0 22px;background:url(../images/bg_header.gif) left top no-repeat;padding-top:15px} /* added z-index:1 since activity slider was displaying on top of fapanel in team presence view */
#header #logo {margin: 0;height:84px;float:left;padding-top:15px;}

#header #headerMsg {float:right;width:300px;height:85px;overflow:hidden;}
#header #headerMsg .contentBoxShaded .body, #header #headerMsg .contentBox .body {height:62px;overflow:hidden;}

#container #utilLinks {text-align:right;background:#000;padding:5px 20px;margin:0;width:954px;color:#fff;}
#container #utilLinks .message {float:left;margin-right:15px;}
#container #utilLinks a {color:#fff;margin-left:15px;}
#container #utilLinks a.first {border:none;}








#header #globalNav {height:38px;width:100%;background:url(../images/bg_l1.jpg) left top repeat-x;font-size:14px;clear:both;}
#header #globalNav ul {margin:0;padding:0 20px;}
#header #globalNav ul li{margin:0;padding:0;float:left;margin-right:40px;list-style-type:none;font-weight:bold;}
#header #globalNav ul li a {float:left;;padding:0;color:#fd898c;line-height:35px;outline:none;}
#header #globalNav ul li a span {display:block;}


#header #globalNav ul li a:hover, #header #globalNav ul li a.selected {color:#fff;background:none;background:url(../images/sprite_bg.gif) left -29px repeat-x;text-decoration:none;}



#pageTitle {clear:both;padding:8px 0 0 0;width:100%;}



#level4Nav {background:#eaeaea;padding:5px 4px;}
#level4Nav ul {margin:0;padding:0;list-style-type:none;width:192px;}
#level4Nav ul li {margin:0;padding:0;}
#level4Nav ul li a {display:block;padding:0;width:100%;outline:none;}
#level4Nav ul li a span {display:block;padding:4px 15px 4px 10px;}
#level4Nav ul li a span.corner {padding:0;border:none;}
#level4Nav ul li ul {margin:0;padding:0;padding-left:10px;list-style-type:none;width:182px}
#level4Nav ul li ul li {margin:0;padding:0;font-size:.916em;}
#level4Nav ul li ul li a {width:auto;display:block;width:100%}
#level4Nav ul li a.selected {font-weight:bold;text-decoration:none;color:#333}
#level4Nav ul li a.selected span {border:0 solid #fff;border-width:0 1px;background: #fff url(../images/sprite_icons.gif) right -792px no-repeat;}
#level4Nav ul li ul li a.selected span {background: #fff url(../images/sprite_icons.gif) right -792px no-repeat;}
#level4Nav ul li a.selected span.corner {background:#fff;padding:0;border:none;}
#level4Nav ul li ul li a.selected span.corner {background:#fff;}
#level4Nav ul li ul li a.selected {font-weight:bold;background:#fff;text-decoration:none;color:#333}
#level4Nav h3 {margin-top:0;padding:8px;font-size:1.16em;border-bottom:1px solid #ccc;}


/* width is required in #pageContent so floated elements can be displayed inside the white background */
#pageContent {margin:0 22px;overflow:visible;width:950px;padding:40px 0 0 0;}
#pageContent:after { content: ""; display: block; height: 0; clear: both; }


#pageContent #leftContentCol h4, #pageContent #rightContentCol h4 {margin-top:30px;}

#pageContent #contentCol {padding:0 0 30px 0;min-height:250px;} /* min height show image gradients don't get cut off on both sides */
#pageContent #leftContentCol {float:left;margin:0;padding-bottom:30px;}
#pageContent #rightContentCol {float:right;margin:0;padding-bottom:30px;}

#content.twoColLeft #pageContent #contentCol {width:710px;/*margin-left:225px*/;float:right}
#content.twoColLeft #pageContent #leftContentCol {width:200px;float:left;}
#content.twoColLeft #pageContent #rightContentCol {display:none;} /* hide right column if body class is twoColLeft */

#content.twoColRight #pageContent #contentCol {width:710px;float:left;}
#content.twoColRight #pageContent #rightContentCol {width:200px;margin-left:25px;float:right;}
#content.twoColRight #pageContent #leftContentCol {display:none;} /* hide left column if body class is twoColRight */

#content.twoColRightWide #pageContent #contentCol {width:590px;float:left;padding-right:13px;} /* PD1020: updated to fix the problem in Custom View */
#content.twoColRightWide #pageContent #rightContentCol {width:320px;margin-left:12px;float:right;}
#content.twoColRightWide #pageContent #leftContentCol {display:none;}

#content.oneCol #pageContent #contentCol, #pageContent #contentCol {margin:0} /* single column or if class is not defined  */






img.floatLeft, img.floatRight, img.border {padding:3px;border:1px solid #d6d6d6;background:#fff;}
img.floatLeft {margin:0 15px 10px 0;}
img.floatRight {margin:0 0 10px 15px;}
img.videothumb {border:3px solid #848484;}


div.hnavList, div.hnavListMini {overflow:hidden;display:inline;}
div.hnavList span {border-right: 1px solid #d6d6d6; margin:0 12px 0 0;padding:0 14px 0 0;}
div.hnavListMini span {border-right: 1px solid #d6d6d6; margin:0 3px 0 0;padding:0 5px 0 0;}
div.hnavList span.last, div.hnavListMini span.last {border:none;margin:0;padding:0;}
div.hnavList span.selected, div.hnavListMini span.selected, div.hnavList a.selected, div.hnavListMini a.selected {color:#666;text-decoration:none;font-weight:bold;}


div.contentBox {width:100%;display:block;background:url(../images/bg_contentBox2.jpg) left bottom repeat-x;margin-bottom:15px;}
div.contentBox div.head {background:url(../images/bg_contentBox_head.gif) center -2px no-repeat;padding:10px;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
div.contentBox div.body {padding:10px 15px 10px 15px;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;width:auto;font-size:11px;line-height:16px;}
div.contentBox div.body div.content {background:#f1f1f1;padding:10px 5px;height:1%} /* height was added as content was not expading (on viata/ie7 when 
ul.navList was included, since it has floated lis */
div.contentBox .bg2 {background:url(../images/bg_contentBox_head2.gif) center -2px no-repeat !important;}
div.contentBox .bg3 {background:url(../images/bg_contentBox_head3.gif) center -2px no-repeat !important;}
																																	 
div.contentBoxShaded {width:100%;display:block;background:url(../images/bg_contentBox2.jpg) left bottom repeat-x;}
div.contentBoxShaded div.body {padding:10px 15px 10px 15px;width:auto;background:#f4f4f4;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;font-size:11px;line-height:16px;}
div.contentBoxShaded div.body div.content {background:#f1f1f1;padding:10px 5px;height:1%}
div.contentBoxShaded .highlight {background:url(../images/bg_highlight2.jpg) left bottom repeat-x !important;}


#footer {border-bottom:1px solid #c2c2c2;color:#666;width:994px;margin-top:30px}
#footer .links {padding:20px 14px 20px 14px;border-top:1px solid #d6d6d6;font-size:11px;}
#footer .links ul, #footer .links ul li {margin:0;padding:0;list-style-type:none;}
#footer .links ul {margin-top:20px;}
#footer #copyright {padding:15px 14px 15px 14px;background:#eeeeee;border-top:1px solid #d6d6d6;font-size:11px;}

#footer .links .col {width:188px;margin-left:30px;float:left;}
#footer .links .first {width:296px;margin-left:0;}
#footer .links:after {content: ""; display: block; height: 0; clear: both;}

a.dropdown {padding:0 10px 0 0;background:url(../images/sprite_icons.gif) right -744px no-repeat;}
a.helpLink {color:#333 !important;background:url(../images/sprite_icons.gif) right -450px no-repeat;font-size:10px !important;font-weight: bold !important;padding:0 4px 2px 4px !important;text-decoration:none !important;vertical-align:middle}
a.needHelpLink {color:#333 !important;background:url(../images/icon_need_help.gif) center center no-repeat;font-size:10px !important;font-weight: normal !important;padding:4px 10px 4px 10px !important;text-decoration:none !important;vertical-align:middle}
a.close {background:url(../images/sprite_icons.gif) right -947px no-repeat !important;padding-right:15px;display:inline-block;}
a.close span {display:inline-block;width:1px;overflow:hidden;visibility:hidden;}
a.close:hover {text-decoration:none !important;}



/* styles for progress steps */
.stepActive, .stepDone, .stepInactive, .stepActiveSmall, .stepDoneSmall, .stepInactiveSmall {font-weight:bold !important;}
.stepDone, .stepInactive, .stepDoneSmall, .stepInactiveSmall {color:#666}
.stepActive .stepNum, .stepDone .stepNum, .stepInactive .stepNum {background-position: center center;font-size:18px !important;padding:10px 17px 10px 16px !important;line-height:41px !important;margin-right:3px !important;}
.stepActiveSmall .stepNum, .stepDoneSmall .stepNum, .stepInactiveSmall .stepNum {background-position: center center;font-size:14px !important;padding:7px 11px !important;line-height:30px !important;margin-right:3px !important;}

.stepActive .stepNum {background:url(../images/sprite_icons.gif) left -1250px no-repeat scroll;color:#fff;}
.stepActiveSmall .stepNum {background:url(../images/sprite_icons.gif) left -1550px no-repeat scroll;color:#fff;}
.stepDone .stepNum {background:url(../images/sprite_icons.gif) left -1350px no-repeat scroll;color:#fff;}
.stepDoneSmall .stepNum {background:url(../images/sprite_icons.gif) left -1650px no-repeat scroll;color:#fff;}
.stepInactive .stepNum {background:url(../images/sprite_icons.gif) left -1150px no-repeat scroll;color:#666;}
.stepInactiveSmall .stepNum {background:url(../images/sprite_icons.gif) left -1450px no-repeat scroll;color:#666;}


ul.list {margin:0;padding:0;list-style-type:none;margin-bottom:-1px;}
ul.list li {margin:0;padding:10px 0;list-style-type:none;border-top:1px solid #d6d6d6;}
ul.list li:first-child {border:none;}


.print {display:none;}
.hidden {display:none !important}
.visible {display:block !important;visibility:inherit !important}
.nomargin {margin:0 !important;}
.nopadding {padding:0 !important;}
.fullWidth {width:100% !important;}
.relative {position:relative !important} 


ul.leftNav, ul.leftNav li {width:200px;margin:0;padding:0;list-style-type:none;}
ul.leftNav li a {width:190px;border:1px solid #e6e6e6;display:block;padding:8px 10px;background:url(../images/bg_contentBox2.jpg) left -45px repeat-x;list-style-type:none;}
ul.leftNav li a.selected {background:url(../images/bg_leftNav_selected2.gif) -1px top no-repeat;padding:11px 25px 11px 10px;border:none;color:#000;}

ul.quotes {margin:0;padding:0;list-style-type:none;}
ul.quotes li {margin:0;padding:0;list-style-type:none;background:url(../images/bg_quote.png) left 10px no-repeat;padding:20px 15px 20px 15px;border-top:1px dotted #d6d6d6}
ul.quotes li:first-child {border:none;}

table.bottomSep {}
table.bottomSep th {background:#f1f1f1;font-weight:bold;padding:10px !important;border-bottom:1px solid #d6d6d6;}
table.bottomSep td {border-bottom:1px dotted #d6d6d6;padding:10px !important;}
.yui-skin-sam .yui-panel .hd {background:#fff !important;}
.yui-skin-sam .container-close {background:none !important;width:auto !important;top:0 !important;outline:none !important}
.yui-panel-container .container-close {overflow:visible !important;text-indent:0 !important;}

.contentTabs{border-bottom:1px solid #e6e6e6;margin-top:30px;padding-left:10px;}
.contentTabs a {margin-left:5px;border:0px solid #e6e6e6;border-width:1px 1px 0 1px;padding:5px 10px;background:#fff;line-height:27px;background:url(../images/bg_contentBox2.jpg) left bottom repeat-x;}
.contentTabs a.selected {padding:6px 10px;background:#fff;border:0px solid #e6e6e6;border-width:1px 1px 0 1px;}

/* for blog */
.entry {margin-top:20px;border-top:1px dotted #d6d6d6;padding-top:20px;}