@charset "UTF-8";
/*Create Base font for relative sizing*/
body {width:100%;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:9pt;text-align: center;}
td, textarea {font-family:Arial, Helvetica, sans-serif;font-size:10pt;padding:1px 0px;border-spacing:0px;}


/*Basic tag setup for creating standards across platforms and browsers*/
p, h1, h2, h3, h4, h5 {padding:0; margin:0; vertical-align:top;}
p {padding:0 0 0.75em 3px; margin:0; font-size:1.1em; line-height:1.25em;}
p.tight {padding:0 0 0.5em;}
h1 {padding:0.1em 0 0.5em 3px;margin:0;font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;}
h2 {padding:0.1em 0 0 3px;margin:0;font: bold 1.35em Verdana, Arial, Helvetica, sans-serif;}
h3 {font-size:1.25em; padding:0.5em 0 0.5em 3px; margin:0;font-weight:normal;}
h4 {font-size:1em; padding:0.5em 0 0.5em 3px; margin:0;font-weight:normal;}
h5 {font-size:0.75em; padding:0.5em 0 0.5em 3px; margin:0;font-weight:normal;}
img {border:0}
em {font-style: italic;}
strong {font-weight: bold;}
ol, ul {margin:1em 0 0 2.5em;padding:0 0 1em;}
ul ul, ul ol, ol ul, ol ol {margin:1em 0 0 2.5em;padding:0 0 0;}
li {padding:0em 0 0em;margin:0;}
blockquote {padding:0 0 2em; margin:0em 2.5em;}
blockquote blockquote {padding:1em 0 2em; margin:0em 2.5em;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
html {
	overflow-y: scroll; /* scrollbar fix */
}

/* styles for blue grey display */
body {color:#333;background: #4C6C96 url(../images/back.gif) repeat-x fixed; text-align: center;}
h2 {color: #333;}
h1 {color: #333;}
.oneColFixCtr #Container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

a:link {color:#B5C3D4;}
a:visited {color:#B5C3D4;}
a:hover {color:#FFFFFF;}
a:active {color:#B5C3D4;}

#WhaledropLogo {
	z-index:1;
	position:absolute;
	top:14px;
	}
#SigninLink {
	z-index:1;
	position:absolute;
	width:760px;
	text-align:right;
	top:20px;
}
#WhaleFalling {
	z-index:3;
	position:absolute;
	top:15px;
	margin-left:265px;
	}
	
#SecureSharing{
	z-index:4;
	position:absolute;
	top:20px;
	margin-left:0px;
	}
#TagLine{
	z-index:6;
	margin-top:0px;
	position:absolute;
	top:2px;
	left:85px;
	text-align:right;
	width:600px;
}
#HeaderSpacing {
	margin-top:35px;
	}
#footer {
	width:100%;
	text-align: left;
	margin:0px 0px 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
	font-size: 0.86em;
	color: #FFFFFF;
}

<!--

/***** Homepage Box *****/
.cB  { background:url(/images/box_leftright.png) top left; }
.cBw { background:url(/images/box_leftright.png) top left; }
.cBt, .cBt div, .cBb, .cBb div { background:url(/images/box_topbottom.png) top right; }
.cB {
	padding:0 15px 0 0;
	position:relative; /* fix IE/win buggy bg display */
}
.cBw {
	background-position:top left;
	padding-left:10px;
}
.cBt, .cBb {
	margin:0 -15px 0 -10px; /* push into rB and rBw padding */
	height:23px; /* fix IE/win bug when rB width set */
}
.cBt div, .cBb div { width:20px; height:23px; }
.cBt div { background-position:top left; }
.cBb, .cBb div { height:25px; }
.cBb { background-position:bottom right; }
.cBb div { background-position:bottom left; }
/***** end Images on All Sides box *****/

/***** Corp Homepage Box *****/
.cB_c  { background:url(/images/box_leftright_corp.png) top left; }
.cBw_c { background:url(/images/box_leftright_corp.png) top left; }
.cBt_c, .cBt_c div, .cBb_c, .cBb_c div { background:url(/images/box_topbottom_corp.png) top right; }
.cB_c {
	padding:0 15px 0 0;
	position:relative; /* fix IE/win buggy bg display */
}
.cBw_c {
	background-position:top left;
	padding-left:10px;
}
.cBt_c {
	margin:0 -15px 0 -10px; /* push into rB and rBw padding */
	height:29px; /* fix IE/win bug when rB width set */
}

.cBb_c {
	margin:0 -15px 0 -10px; /* push into rB and rBw padding */
	height:23px; /* fix IE/win bug when rB width set */
}
.cBt_c div, .cBb_c div { width:20px; height:23px; }
.cBt_c div { background-position:top left; }
.cBb_c, .cBb_c div { height:24px; }
.cBb_c { background-position:bottom right; }
.cBb_c div { background-position:bottom left; }
/***** end Images on All Sides box *****/

#HomeAd {
	position:absolute;
	top:29px;
	left:1px;
	bottom:413px;
	height:413px;
	width:778px;
	background: #7a96bb url(/images/home_corp_bkg.png) top right;
	z-index:1;
}
#HomeBottomContentSpacing {
	margin-top:430px;

}
#HomeAdColOne {
	width: 250px;
	padding-left:17px;
	float: left;
}

#HomeAdColTwo {
	padding-left:15px;
	width: 450px;
	float: left;
}

#HomeColOne {
	width: 350px;
	padding-left:17px;
	float: left;
}

#HomeColTwo {
	padding-left:15px;
	width: 350px;
	float: left;
}
#HomeSingleCol {
	padding-left:17px;
	padding-right:15px;
	width: 710px;
}

* html #footer {
	height: 1%;
}

.headerlogo {
	padding: 0px;
	float: left;
}
/* Central Space */

#CentralSpaceContainer {width: 100%; margin:0px 0px 20px;padding:0 0 0 0;text-align:left;}
#CentralSpaceContainerHome {width: 100%; margin:0px 0px 10px;padding:0 0 0 0;text-align:left;color:#000;}
#CentralSpaceContainerHome h1, #CentralSpaceContainerHomeh2, #CentralSpaceContainerHomeh3, #CentralSpaceContainerHomep {color:#000000}
#CentralSpaceContainerHome li {font-size:1.2em; font-weight:bold; line-height:1.5em;}
#CentralSpaceContainerHome a:link {color:#4C6C96;}
#CentralSpaceContainerHome a:visited {color:#4C6C96;}
#CentralSpaceContainerHome a:hover {color:#4C6C96;text-decoration:underline;}
#CentralSpaceContainerHome a:active {color:#4C6C96;}
#CentralSpace {text-align:left;}

.FlashBox {margin: 0px 0px 15px 0px; height: 518px;}

.UINotice {color: #4C6C96; font-weight:bold; padding-left:20px;}

/*General tags*/
.clearer {clear:both;}
.clearerleft {clear:left;}
.Hidden {visibility: hidden;height: 0;width: 0;overflow: hidden;}

#OpenPanel {
	margin: 0px;
	padding: 0 0 0 3px;
}

.OpenPanelTab {
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-size:1.3em;
	font-weight:bold;
	line-height:2em;
	padding: 0 0 0 3px;
}

.OpenPanelContent {
	margin: 0px;
	padding: 10px 0px 10px 10px;
}

#CollapsiblePanel {
	margin: 0px;
	padding: 0 0 0 3px;
}

.CollapsiblePanelTab {
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-size:1.3em;
	font-weight:bold;
	line-height:2em;
	padding: 0 0 0 3px;
}

.CollapsiblePanelContent {
	margin: 0px 0px 0px 25px;
	padding: 10px 0px 10px 10px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	font-color:#3C0;
	padding: 0 0 0 3px;
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	font-color:#FC3;
}