@charset "UTF-8";

/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	margin-top: -2;
	padding: 0;
	list-style-type: none;
	font-size: 90%;
	font:Verdana, Geneva, sans-serif;
	cursor: text;
	width: 850px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	margin-top: -2;
	padding: 0;
	list-style-type: none;
	font-size: 90%;
	font:Verdana, Geneva, sans-serif;
	position: relative;
	text-align: left;
	cursor: text;
	width: 6.8em;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	margin-top: -2;
	padding: 0;
	list-style-type: none;
	font-size: 90%;
	font:Verdana, Geneva, sans-serif;
	z-index: 1020;
	cursor: text;
	width: 6.8em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 13.2em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
	background-color:#141b4d;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: text;
	background-color: none;
	padding: 0.5em 0.75em;
	color: #f5f5f5;
	font:Verdana, Geneva, sans-serif;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #f5f5f5;
	cursor: text;
	color: #000;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #f5f5f5;
	color: #000;
	cursor: text;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) 
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	font:Verdana, Geneva, sans-serif;
	background-position: 95% 50%;
	text-align: left;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) 
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) 
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) 
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-color: none;
	background-repeat: no-repeat;
	background-position: 95% 50%;
}*/

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: compact;
		f\loat: left;
		background: none;
	}
}
.quicklinkshdr {
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFF;
	background-color:#CCC;
	padding-top: 4px;
	padding-bottom:4px;
	padding-left:0px;
}
.maintext_blue {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0050a9;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 8px;
	padding-left: 0px;
	float: none;
}
.headingblack3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #999;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: none;
}
.headingblack2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	
	color: #334654;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: none;
}
.dircoltmpg {
	background-image: url(/medialibrary/microsites/tripartyrepo/images/spacer_quicklinks.gif);
	background-repeat: repeat-x;
}
.dircoltmpg {
	padding: 4px;
	background-image: url(/medialibrary/microsites/tripartyrepo/images/spacer_quicklinks.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
.greytextmain {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #5A6071;
	text-decoration: none;
	text-align: left;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
	margin-left: 4px;
	margin-right: 4px;
}
.paraNotes{
	font-size:.9em;
	line-height:130%;
	font-style: italic; 
	color: #999999;
}
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #5A6071;
	text-decoration: none;
}
.greydate {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: italic;
	line-height: 19px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #5A6071;
	text-decoration: none;
	text-align: left;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
}
.headingblack {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFF;
	padding: 4px;
}
.subtextgrey {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-style: italic;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #999;
	text-decoration: none;
}
.dircoltmpgline {
	background-image: url(/medialibrary/microsites/tripartyrepo/images/spacer_quicklinks.gif);
	background-repeat: repeat-x;
	background-position: center;
	padding-top: 1px;
	margin-right: 8px;
	padding-bottom: 1px;
	margin-left: 8px;
}
.maintext_bluebold {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #0050a9;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 8px;
	padding-left: 0px;
	float: none;
}
.maintext_leftnav {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #999;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 8px;
	padding-left: 0px;
	float: none;
}


#suckerfishnav {
    background:#none repeat-x;
    font-size:12px;
    font-family:verdana,sans-serif;
    font-weight: normal;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:14px;
    padding-left:1px;
	padding-top: 1px;
    border:0px solid #aaa;
    margin:0px;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#c2b7b7;
	font-weight: bold;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:4px 0px;
    }
#suckerfishnav ul {
    position:absolute;
	padding:0px 0px;
    left:-999em;
    height:auto;
    width:160px;
    font-weight: normal;
    margin:0px;
    line-height:1;
    border:0;
    border-top:3px solid #f5f5f5;
    }
#suckerfishnav li li {
    width:160px;
    border-bottom:0px solid #fff;
    border-left:0px solid #fff;
    border-right:0px solid #fff;
    font-weight: normal;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:155px;
    font-size:12px;
    color:#c2b7b7;
	font-weight: bold;
    }
#suckerfishnav li ul ul {
    margin:0px 0 0 128px;
    }
#suckerfishnav li li:hover {
    background:#f5f5f5;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#f5f5f5;
	font-weight: normal;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
	color:#444;
	font-weight: bold;
	padding-top: 0px;
	background-position: top;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#f5f5f5;
	font-weight: normal;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#f5ead5;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#f5f5f5;
    }

a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	color: #0050A9;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	line-height: 18px;
	text-decoration: underline;
}
a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0050A9;
	line-height: 18px;
	text-decoration: none;
}
a:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0050A9;
	line-height: 18px;
	text-decoration: none;
}
.maintext_tanbold {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ceaa60;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 8px;
	padding-left: 0px;
	float: none;
}

.bgtdRightCol{
	background-image: url(/medialibrary/media/images/v2/rule_grey.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#F7F7F7;
}

.pageindex{
	color:#666666;
}

.pageindex A{
	font-weight:bold;
}

.icon{
	padding-left:7px;
}

.greyborder{
	border: 1px solid #CCCCCC;
}

.greyborder2{
	border: 1px solid #CCCCCC;
	margin-left:4px;
	margin-bottom:4px;
}

.greyborderLeft{
	border-left: 1px solid #CCCCCC;
}

.greyborderRight{
	border-right: 1px solid #CCCCCC;
}

.greyborderTop{
	background-image: url(/medialibrary/media/images/v2/rule_solid_grey.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.greyborderBot{
	border-left: 1px solid #CCCCCC;	
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.tdtblhdr{
	background-color:#F2F0ED;
}


.contacts{
	margin-left:10px;
	margin-right:10px;
}

.pos{
	padding-top:5px;
}


.dirCol{
	background-image: url(/medialibrary/media/images/v2/rule_ltgrey_v.gif);
	background-repeat: repeat-y;
	background-position: right center;
}

.dirCol DIV{	
	padding-left:9px;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:9px;
}

.dirColL{
	background-image: url(/medialibrary/media/images/v2/rule_ltgrey_v.gif);
	background-repeat: repeat-y;
	background-position: right center;
}

.dirColL DIV{	
	padding-top:6px;
	padding-bottom:6px;
	padding-right:9px;
}

.dirColR{

}

.dirColR DIV{
	padding-left:9px;
	padding-top:6px;
	padding-bottom:6px;
}
.dirColTight{
	background-image: url(/medialibrary/media/images/v2/rule_ltgrey_v.gif);
	background-repeat: repeat-y;
	background-position: right center;
}

.dirColTight DIV{	
	padding-left:4px;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:4px;
}

.dirColLTight{
	background-image: url(/medialibrary/media/images/v2/rule_ltgrey_v.gif);
	background-repeat: repeat-y;
	background-position: right center;
}

.dirColLTight DIV{	
	padding-top:4px;
	padding-bottom:4px;
	padding-right:4px;
}

.dirColRTight{

}

.dirColRTight DIV{
	padding-left:4px;
	padding-top:4px;
	padding-bottom:4px;
}
	
.dirRow{
	background-image: url(/medialibrary/media/images/v2/rule_ltgrey.gif);
	background-repeat: repeat-x;
	background-position: right bottom;
}

.tdhdrcolTight{
	background-image: url(/medialibrary/media/images/v2/rule_ltgrey_v.gif);
	background-repeat: repeat-y;
	background-position: right center;
	font-size:.6em;
	color:#666666;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-weight:bold;
}

.tdhdrcolTight DIV{
	padding-left:6px;
	padding-top:3px;
	padding-bottom:4px;
	padding-right:6px;
}


.tdhdrcolRTight{
	color:#666666;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:.6em;
	font-weight:bold;
}

.tdhdrcolRTight DIV{
	padding-left:6px;
	padding-top:3px;
	padding-bottom:4px;
	padding-right:6px;
}

.tdhdrcolLTight{
	background-image: url(/medialibrary/media/images/v2/rule_ltgrey_v.gif);
	background-repeat: repeat-y;
	background-position: right center;
	color:#666666;
	text-transform:uppercase;
	font-size:.6em;
	letter-spacing:0.1em;
	font-weight:bold;
}

.tdhdrcolLTight DIV{
	padding-top:3px;
	padding-bottom:4px;
	padding-right:6px;
}


.tdhdrcol{
	background-image: url(/medialibrary/media/images/v2/rule_ltgrey_v.gif);
	background-repeat: repeat-y;
	background-position: right center;
	font-size:.6em;
	color:#666666;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-weight:bold;
}

.tdhdrcol DIV{
	padding-left:9px;
	padding-top:3px;
	padding-bottom:4px;
	padding-right:5px;
}


.tdhdrcolR{
	color:#666666;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:.6em;
	font-weight:bold;
}

.tdhdrcolR DIV{
	padding-left:9px;
	padding-top:3px;
	padding-bottom:4px;
	padding-right:5px;
}

.tdhdrcolL{
	background-image: url(/medialibrary/media/images/v2/rule_ltgrey_v.gif);
	background-repeat: repeat-y;
	background-position: right center;
	color:#666666;
	text-transform:uppercase;
	font-size:.6em;
	letter-spacing:0.1em;
	font-weight:bold;
}

.tdhdrcolL DIV{
	padding-top:3px;
	padding-bottom:4px;
	padding-right:5px;
}
.tdhdrcolBig{

	color:#666666;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:60%;
	font-weight:bold;
}

.tdhdrcolBig DIV{
	padding-top:3px;
	padding-bottom:4px;
	padding-right:5px;
}

.tabOnTop{
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.tabOn{
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background-color:#FFFFFF;
	color:#748BAA;
	font-weight:bold;
	font-size:.7em;
	white-space:nowrap;
}

.tabOn DIV {
	margin-left:5px;
	margin-right:5px;
	white-space:nowrap;
}

.embeddedImage{
	margin-right:16px;
	margin-top:2px;
	margin-bottom:12px;
}

.embeddedImageWrap{
	margin-right:10px;
	margin-top:0px;
	margin-bottom:4px;
	text-align: center;
}

.embeddedImage10px{
	margin-right:12px;
	margin-top:2px;
	margin-bottom:2px;
}

.tabOff{
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color:#748BAA;
	color:#FFFFFF;
	font-weight:bold;
	font-size:.7em;
	white-space:nowrap;
}

/** TABLES OVERVIEW */
#overview {
border: 1px solid #dee5ef;
}

.tabOffLeft{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color:#748BAA;
	color:#FFFFFF;
	font-weight:bold;
	font-size:.7em;
	white-space:nowrap;
}

.tabOff A{
	color:#FFFFFF;
	white-space:nowrap;
	text-decoration:none;
}

.tabOff A:hover{
	text-decoration:underline;
}

.tabOff A:visited{
	color:#FFFFFF;
}

.tabOff DIV {
	margin-left:5px;
	margin-right:5px;
	white-space:nowrap;
}

.tabOffLeft A{
	color:#FFFFFF;
	text-decoration:none;
	white-space:nowrap;
}

.tabOffLeft A:hover{
	text-decoration:underline;
}

.tabOffLeft A:visited{
	color:#FFFFFF;
}

.tabOffLeft DIV {
	margin-left:5px;
	margin-right:5px;
}

.tdTabOff{
	background-image: url(/medialibrary/media/images/v2/rule_solid_grey.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.tdTabContent{
	border-left: 1px solid #CCCCCC;	
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.tdTabContent DIV{
	padding:10px;
}

.tdTabContentNoPad{
	border-left: 1px solid #CCCCCC;	
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.tdTabContentNoPadEmpire{
	border-left: 1px solid #CCCCCC;	
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.orgChartBox{
	border: 1px solid #CCCCCC;
	background-color:#f7f7f7;
	padding-top:4px;
	padding-left:8px;
	padding-bottom:4px;
	padding-right:8px;
	vertical-align:middle;
	text-align:center;
}
.orgChartContainer{
	border: 1px solid #CCCCCC;
	background-color:#f7f7f7;
}
.orgChartBoxNoPad{
	border: 1px solid #CCCCCC;
	background-color:#f7f7f7;
	vertical-align:middle;
	text-align:center;
}
.orgChartBoxNoPadWhite{
	border: 1px solid #CCCCCC;
	background-color:#ffffff;
	vertical-align:middle;
	text-align:center;
}


.somahdrT{border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.somahdrB{border-top: 1px solid #cccccc;border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;}
.somahdrBL{border-top: 1px solid #cccccc;border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;}
.somahdrBR{border-top: 1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;}

.somahdr{border-top:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;	color:#666666;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:60%;
	font-weight:bold;}
.somahdrL{border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;	color:#666666;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:60%;
	font-weight:bold;}
.somahdrR{border-top:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;	color:#666666;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:60%;
	font-weight:bold;}

.somatd{border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.somatdL{border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.somatdR{border-bottom:1px solid #cccccc;}

.MBStdL{border-right:1px solid #cccccc;}



/* CSS3 border radius for various elements. yea - CSS isn't perfect */
.rounded, #sheet input, .error {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
}

/* validation error message */
.error {
	background-color:#E8FF6D;
	padding:4px;
	-webkit-box-shadow: #000 0 0 12px;
	-moz-box-shadow: #000 0 0 12px;
}

/* nested arrow inside error message. It's 100% CSS. No images. */
.error em {
	border:10px solid;
	border-color:#E8FF6D transparent transparent;
	bottom:-17px;
	display:block;
	height:0;
	left:10px;
	position:absolute;
	width:0;
}

/* input field that caused validation error */
.invalid {
	background-color:rgba(221, 233, 255, 0.898) !important;
}

#calbody {
	/* background gradient with image. background color can be changed */
	background:#F5F9FF url(/medialibrary/microsites/tripartyrepo/images/gradient/h300.png) repeat-x;

	/* CSS shadow for the calendar body */
	-moz-box-shadow:0 0 10px 0px #ccc;
	-webkit-box-shadow:0 0 10px 0px #ccc;
}

/* styling of the current date */
#caltoday {
	/* some shadow for the text */
	text-shadow:0 1px 0 #000;

	/* inner shadow */
	-moz-box-shadow:inset 0 0 10px 0px #000;
}

#calendar {
	height:400px;
	width:410px;
	float:left;
}

#theday {
	-moz-border-radius:5px;
	background-color:#36387B;
	color:#FFFFFF;
	float:left;
	font-size:90px;
	height:80px;
	line-height:50px;
	margin-top:30px;
	padding:60px;
	text-shadow:0 0 5px #DDDDDD;
	width:117px;
}

#theday span {
	display:block;
	font-size:16px;
	text-align:center;		
}

/* root element for tabs  */
.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabs a { 
	background: url(/medialibrary/microsites/tripartyrepo/images/blue.png) no-repeat -652px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	background-position: -652px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.tabs .w1 			{ background-position: -519px 0; width:134px; }
.tabs .w1:hover 	{ background-position: -519px -31px; }
.tabs .w1.current { background-position: -519px -62px; }

/* width 2 */
.tabs .w2 			{ background-position: -366px -0px; width:154px; }
.tabs .w2:hover 	{ background-position: -366px -31px; }
.tabs .w2.current { background-position: -366px -62px; }


/* width 3 */
.tabs .w3 			{ background-position: -193px -0px; width:174px; }
.tabs .w3:hover 	{ background-position: -193px -31px; }
.tabs .w3.current { background-position: -193px -62px; }

/* width 4 */
.tabs .w4 			{ background-position: -0px -0px; width:194px; }
.tabs .w4:hover 	{ background-position: -0px -31px; }
.tabs .w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}