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

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

body 
{
	font-family: Verdana;
    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: #a23636;	
	background: url(/Images/FMS/horz-dots-a23636.gif) repeat-x left bottom;
}

a.encm 
{
}

.top-border-red 
{
	border-top:1px solid #a23636;
}

.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:22px;
    bottom:18px
}

.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;
}

.top .servicemenu a:hover 
{
	background: url(/Images/FMS/horz-dots-ffffff.gif) repeat-x left bottom;
}

.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: 3px 9px 0px 9px;
	background: url(/Images/FMS/serviceTabRight.gif) no-repeat right top;
}

.top .search 
{
	position: absolute;
	right: 16px;
	top: 6px;
}

.top .search input
{
	color: #ffffff;
	background: #933131;
	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;
	color: #766a62;
	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:#a23636;	
}

.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 0% 50%;
}

/********************************************************************
	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 #a23636;
	border-bottom:1px solid #a23636;	
	padding: 0px;
	background: #766a62;
	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:#a23636;
    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;
}

.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 #a23636;
	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: 90%;
}

.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: #a23636;	
}

.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: #a23636;
}

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

.subpage .box 
{
	border-top: 1px solid #a23636;
	border-bottom: 1px solid #a59d98;
	padding: 20px;
	margin-bottom: 18px;
}

.subpage .box h1
{
	margin-bottom: 10px;
}

.subpage .nopad
{
	padding:0px;
}

.subpage .red 
{
	background: #a23636;
	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.email
{    	
	width: 200px;
	text-align: right;
}   

.employeeList .sub 
{
	padding-top: 10px;
} 

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

.employeeDetailedList h2 
{
	width: 250px;
	display: block;
	padding: 2px;
	background: #a23636;
	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: #933131;
}