@import url(/StyleSheets/reset.css);

/********************************************************************
	Canvas, backgrounds etc.
*********************************************************************/

body { font-family: Lucida sans unicode; font-size: 70%; line-height: 130%; color: #303030; }
.centered { margin-left: auto; margin-right: auto; width: 960px; }
.clear { line-height: 0; height: 0; clear: both; }
a { color: #778A83; background: url(/Images/FMS/horz-dots-a23636.gif) repeat-x left bottom; }
a.encm { }
.top-border-red { border-top: 1px solid #778A83; }
.float-left { float: left; }
.float-left { float: right; }

/********************************************************************
	Top - logo, service menu, search
*********************************************************************/

.top { position: relative; background: url(/Images/FMS/topbg.gif) no-repeat; height: 76px; }
.top .logo { position: absolute; left: 19px; bottom: 7px; }
.top .servicemenu { background: url(/Images/FMS/servicemenuBg.gif) no-repeat; font-size: 85%; position: absolute; width: auto; right: 0px; top: 0px; padding-right: 145px; padding-left: 5px; padding-top: 5px; height: 26px; }
.top .servicemenu li { float: left; margin-left: 10px; margin-top: 2px; margin-right: 5px; }
.top .servicemenu a { color: #ffffff; background: none; height:21px; padding-top:2px; display:block }
.top .servicemenu a:hover { background: url(/Images/FMS/horz-dots-ffffff.gif) repeat-x left 16px; }
.top .servicemenu li.active { height: 23px; margin-left: 5px; margin-right: 0px; font-weight: bold; background: url(/Images/FMS/serviceTabMid.gif) no-repeat; }
.top .servicemenu li.active a { display: block; padding: 2px 9px 0px 9px; background: url(/Images/FMS/serviceTabRight.gif) no-repeat right top; }
.top .search { position: absolute; right: 16px; top: 7px; }
.top .search input { color: #ffffff; background: #435050; font-size: 90%; }
.top .search .button { border: 0; padding: 0px; cursor: pointer; }
.top .search .field { border: 1px solid #ffffff; width: 95px; font-size: 90%; padding: 1px; }

/********************************************************************
	Tabs/topMenu
*********************************************************************/

.tabs { z-index: 2; margin-top: 12px; margin-bottom: 9px; position: relative; height: 34px; background: url(/Images/FMS/tabLineMid.gif) repeat-x left bottom; }
.tabs .lineLeft { position: absolute; width: 5px; height: 4px; bottom: 0px; background: url(/Images/FMS/tabLineLeft.gif); background-repeat: no-repeat; }
.tabs .lineRight { position: absolute; width: 5px; height: 4px; bottom: 0px; right: 0px; background: url(/Images/FMS/tabLineRight.gif); background-repeat: no-repeat; }
.tabs ul { padding-left: 4px; }
.tabs li { float: left; height: 34px; background: url(/Images/FMS/tabMidSprite.png); background-position: -17px -17px; margin-left: 6px; }
.tabs li a { display: block; height:25px; color: #ffffff; font-size: 105%; font-weight: bold; letter-spacing: -0.0em; padding: 9px 12px 0px 12px; background: url(/Images/FMS/tabRightSprite.png) no-repeat; background-position: right -17px; }
.tabs li.active { background-position: -17px -85px; }
.tabs li.active a { color: #ffffff; background-position: right -85px; }
.tabs li.hover { background-position: -17px -153px; }
.tabs li.hover a { color: #ffffff; background-position: right -153px; }
.tabs .descriptions div { visibility: hidden; position: absolute; top: 30px; width: 440px; /*height:200px;*/ background: #778A83; }
.tabs .descriptions div.none { display: none; }
.tabs .descriptions div.noLinks { width: 270px; }
.tabs .descriptions div.noLinks ul { display: none; }

/* seemingly redundant styles are needed to reset those inherited from above: */
.tabs .descriptions p { color: #ffffff; width: 230px; padding: 30px 0px 30px 20px; font-size: 90%; }
.tabs .descriptions ul { padding-top: 30px; width: 180px; float: right; padding-left: 0px; }
.tabs .descriptions li { float: none; height: auto; background: none; margin-left: 0px; margin-bottom: 5px; }
.tabs .descriptions li a { display: block; color: #ffffff; font-size: 100%; font-weight: bold; letter-spacing: 0; padding: 0px 0px 0px 13px; background: url(/Images/FMS/arrow-right-red-bg.gif) no-repeat left 3px; }

/********************************************************************
	Footer
*********************************************************************/

.footer { width: 962px; background: url(/Images/FMS/footer.gif) no-repeat; height: 24px; color: #ffffff; text-align: center; font-size: 105%; padding: 10px; margin-top: 9px; }
.footer a { color: #ffffff; background: none; }
.footer a:hover { background: url(/Images/FMS/horz-dots-ffffff.gif) repeat-x left bottom; }

/********************************************************************
	Front Page
*********************************************************************/

.campaigns .box, .subpage .campaigns .box { border-top: 1px solid #435050; border-bottom: 1px solid #435050; padding: 0px; background: #778A83; color: #ffffff; min-height: 140px; margin-bottom: 12px; }
.campaigns .box a { color: #ffffff; background: url(/Images/FMS/horz-dots-ffffff.gif) repeat-x left bottom; }
.campaigns .box .padded { padding: 18px 20px 18px 20px; position: relative; }
.campaigns h1 { font-size: 130%; font-weight: bold; margin-bottom: 8px; }
.campaigns ul { list-style-type: square; padding-left: 15px; }
.imageFloatBox { position: absolute; color: #ffffff; background: #778A83; width: 220px; padding: 20px; }

/********************************************************************
	News ticker
*********************************************************************/

.newsticker { }
.newsticker ul { display: none; }
.newsticker li .date { font-size: 90%; color: #766a62; font-weight: bold; }
.newsticker li a { background: none; font-weight: bold; color:#435050 }
.newsticker li .teaser { }

/************ JCarousel styles *************/

.newsticker .jcarousel-container { position: relative; width: 100%; height: 161px; /*background:#f1f1f1;*/ border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; overflow: hidden; }
.newsticker .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.newsticker .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; display: block; margin: 20px 24px 0px 24px; }
.newsticker .jcarousel-list li, .newsticker .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 196px; height: 122px; padding-right: 40px; background: url(/Images/FMS/line-vert-766a62.gif) 216px 0px no-repeat; }
.newsticker .jcarousel-next { z-index: 3; display: none; position: absolute; right: 0px; height: 161px; width: 10px; background: url(/Images/FMS/sliderRight.gif) no-repeat; cursor: pointer; }
.newsticker .jcarousel-prev { z-index: 3; display: none; position: absolute; height: 161px; width: 10px; background: url(/Images/FMS/sliderLeft.gif) no-repeat; cursor: pointer; }

/********************************************************************
	Sub Page - 3 columns
*********************************************************************/

.subpage .leftColumn { float: left; width: 160px; border-top: 1px solid #766a62; }
.subpage .rightColumn { float: right; width: 220px; }
.subpage .midColumn { padding: 0px 230px 0px 170px; }
.subpage .midWide { padding: 0px 0px 0px 170px; }
.subpage .mainContent { border-top: 1px solid #778A83; border-bottom: 1px solid #766a62; min-height: 400px; padding: 20px; }
#printButton { cursor: pointer; float: right; margin-top: -10px; }

/********************************************************************
	Text styles
*********************************************************************/

h1 { font-size: 130%; font-weight: bold; margin-bottom: 25px; }
.mainContent ul { margin-top: 1em; list-style-type: square; padding-left: 30px; }
.mainContent ul li { padding-top: 0px; padding-bottom: 10px; }
.mainContent table.show-border, .mainContent table.show-border td { border-collapse: collapse; border: 1px dotted #999999; }
.box ul { list-style-type: square; padding-left: 15px; }

/********************************************************************
	Left menu
*********************************************************************/

.leftMenu { }

/************ Level 1 *************/

.leftMenu li { border-bottom: 1px solid #a59d98; padding-top: 3px; padding-bottom: 3px; font-size: 95%; }
.leftMenu li.expanded { font-weight: bold; }
.leftMenu li.expanded li { font-weight: normal; }
.leftMenu li a { color: #333333; padding-left: 12px; background: url(/Images/FMS/arrow-right-red.gif) no-repeat 0px 3px; display: block; }
.leftMenu li.expanded a { background: url(/Images/FMS/arrow-down-red.gif) no-repeat 0px 6px; }
.leftMenu li.expanded li a { background: none; }

/************ Level 2 *************/

.leftMenu li li { font-size: 100%; border-top: 1px solid #dedede; border-bottom: none; }
.leftMenu li li a { background: none; }
.leftMenu li li.active a { font-weight: bold; color: #778A83; }
.leftMenu li li.expanded { font-weight: bold; }

/************ Level 3 *************/

.leftMenu li li ul { border-top: 1px solid #dedede; padding-top: 3px; padding-bottom: 0px; }
.leftMenu li li li { padding-top: 1px; padding-bottom: 1px; font-size: 95%; border-top: none; border-bottom: none; }
.leftMenu li li li a, .leftMenu li li.active li a { font-weight: normal; color: #333333; background: url(/Images/FMS/leftmenu-marker-black.gif) no-repeat 0px 6px; padding-left: 8px; margin-left: 11px; }
.leftMenu li li li.active a { background: url(/Images/FMS/leftmenu-marker-red.gif) no-repeat 0px 6px; font-weight: bold; color: #778A83; }

/********************************************************************
	Right boxes
*********************************************************************/

.subpage .box { border-top: 1px solid #778A83; border-bottom: 1px solid #a59d98; padding: 20px; margin-bottom: 18px; }
.subpage .box h1 { margin-bottom: 10px; }
.subpage .nopad { padding: 0px; }
.subpage .red { background: #778A83; color: #ffffff; border: 0px; font-weight: bold; }
.subpage .red a { color: #ffffff; background: url(/Images/FMS/horz-dots-ffffff.gif) repeat-x left bottom; }

/********************************************************************
	EmployeeList (simple)
*********************************************************************/

.employeeList h2 { background: #e4e4e4; padding: 4px; margin-top: 20px; }
.employeeList table { width: 100%; }
.employeeList td { padding: 2px; }
.employeeList td.name { }
.employeeList td.phone { white-space: nowrap; text-align: right; }
.employeeList td.email { width: 130px; text-align: right; }
.employeeList .sub { padding-top: 10px; }

/********************************************************************
	EmployeeList (detailed)
*********************************************************************/

.employeeDetailedList h2 { width: 250px; display: block; padding: 2px; background: #778A83; color: #ffffff; clear: both; margin-top: 2em; }
.employeeDetailedList .employee { width: 330px; float: left; margin-right: 12px; margin-bottom: 12px; }
.employeeDetailedList .contact { position: relative; border: 1px solid #e4e4e4; min-height: 130px; }
.employeeDetailedList .contact .information { padding: 10px; }
.employeeDetailedList .contact .information strong { font-weight: normal; }
.employeeDetailedList .contact .picture { position: absolute; right: 10px; top: 0px; }
.employeeDetailedList .cv-button { font-size: 80%; margin-left: 10px; }
.employeeDetailedList .cv { padding: 10px; border-bottom: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; }

/********************************************************************
	Equity legacy styles (used by Layouts/FMS/Equity/*)
*********************************************************************/

.equity-investments { }
.equity-investments a.sorting_on_desc { background-image: url(/Images/FMS/Equity/arrow-red-desc.gif); padding-left: 10px; background-repeat: no-repeat; background-position: 0px 5px; font-weight: bold; text-decoration: none; }
.equity-investments a.sorting_on_asc { background-image: url(/Images/FMS/Equity/arrow-red-asc.gif); padding-left: 10px; background-repeat: no-repeat; background-position: 0px 5px; font-weight: bold; text-decoration: none; }
.equity-investments a.sorting_off { background-image: url(/Images/FMS/Equity/arrow-grey.gif); padding-left: 10px; background-repeat: no-repeat; background-position: 3px 3px; color: #646464; font-weight: bold; text-decoration: none; }
.equity-investments .Company-Row { padding-left: 10px; white-space: nowrap; height: 20px; }

/********************************************************************
	News list (used by Layouts/FMS/NewsList.ascx)
*********************************************************************/

.newslist .item .date { color: #766a62; font-weight: bold; }

/********************************************************************
	Pager (main used by Search)
*********************************************************************/

.pager { border-top: 1px dotted #a70531; border-bottom: 1px dotted #a70531; margin-top: 1em; margin-bottom: 1em; padding-top: 2px; padding-bottom: 2px; }
.pager a { background: none; display: inline; color: #a70531; cursor: pointer; margin-right: 4px; }
.pager .selected { font-weight: bold; }

/********************************************************************
	Newsletter form (Layouts/FMS/NewsLetterCustom.ascx)
*********************************************************************/

.newsletter-form { }
.newsletter-form td { width: 200px; padding-bottom: 3px; }
.newsletter-form td.col2 input { width: 250px; }
.newsletter-form .space-after td { padding-bottom: 12px; }

/********************************************************************
	Misc styles used for IE6 to make it look nice and shiny :-)
*********************************************************************/

.tabs .lineLeft { _bottom: -11px; }
.tabs .lineRight { _bottom: -11px; }
.campaigns .box, .subpage .campaigns .box { _height: 140px; }
.subpage .midWide { _padding: 0px 0px 0px 167px; }
.subpage .mainContent { _height: 400px; }
.employeeDetailedList .contact { _height: 130px; }

/********************************************************************
	News list (used by Layouts/FMS/NewsList.ascx)
*********************************************************************/

.right-newslist { position: relative; }
.right-newslist .jcarousel-container { position: relative; }
.right-newslist .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; width: 100%; height: 365px; padding-top: 5px; padding-bottom: 0px; }
.right-newslist .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; display: block; }
.right-newslist .jcarousel-list li, .right-newslist .jcarousel-item { /*float: left;*/ display: block; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 100%; height: 48px; overflow: hidden; margin-bottom: 1em; }
.right-newslist .jcarousel-next { z-index: 3; display: none; position: absolute; bottom: -10px; width: 100%; height: 10px; background: url(/Images/FMS/arrow-down-red.gif) center center no-repeat; border-top: 1px solid #e9e9e9; cursor: pointer; }
.right-newslist .jcarousel-prev { z-index: 3; display: none; top: -10px; position: absolute; width: 100%; height: 10px; background: url(/Images/FMS/arrow-up-red.gif) center center no-repeat; border-bottom: 1px solid #e9e9e9; cursor: pointer; }

/********************************************************************
	E-mail
*********************************************************************/

.red-text { color: #435050; }

/********************************************************************
	Print adjustments
*********************************************************************/

@media print {
    img { page-break-inside: avoid; page-break-before: auto; page-break-after: auto; }
    .nopb { page-break-inside: avoid; page-break-before: auto; page-break-after: auto; }
}