/* RedWhale site stylesheet */

/************************** HTML elements ***********************************/
body
{
	font: 12px arial, sans-serif;
	color: #333333;
	background-color: white;
	padding: 0;
	margin: 0;
}

a
{
	text-decoration: none;
}
a:link
{
	color: #003399;
}
a:visited
{
	color: #003399;
	outline: none;
}
a:hover
{
	color: #003399;
	text-decoration: underline;
}
a:active
{
	color: #003399;
	outline: none;
}

img
{
	border: none;
	padding: 0;
	margin: 0;
}

p
{
	text-align: justify;
	padding: 0;
	margin: 0;
	padding-bottom: 20px;
}

div
{
	padding: 0;
	margin: 0;
}

h1, h2, h3
{
	padding: 0;
	margin: 0;
	font-weight: normal;
}

h3
{
	font-size: 12px;
	font-weight: bold;
}

ul
{
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 20px;
}

/************************* Site architecture ********************************/
#container
{
	position: relative;
	top: 0;
	left: 0;
	width: 930px;
	margin-left: 25px;
	margin-top: 35px;
}

#popup-container
{
	position: relative;
	background-image: url(/images/popup_header_slice.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 11px;
	padding-bottom: 30px;
}

#header
{
	position: relative;
	height: 100px;
}

#submenu
{
	position: relative;
	margin-top: 21px;
	padding-bottom: 20px;
	width: 226px;
	float: left;
}

#content
{
	position: relative;
	line-height: 1.5;
	float: left;
}

#popup-content
{
	position: relative;
	padding: 0 80px 0 80px;
}

#footer
{
	position: relative;
	height: 20px;
	border-top: 1px solid #CCCCCC;
	clear: both;
	font: 10px arial, sans-serif;
	color: gray;
}

/******************************* Site elements ******************************/
.more-arrow
{
	vertical-align: middle;
}

.pdf-icon
{
	vertical-align: top;
}

.text-after-heading
{
	margin-top: 25px;
}

.text-after-subheading
{
	margin-top: 10px;
	margin-bottom: 30px;
}

.subpage-image
{
	position: relative;
	margin-top: 0px;
	right: 15px;
	float: left;
}

.subpage-header
{
	position: absolute;
	top: 139px;
	left: 236px;
}

.vertical-content-divider
{
	position: relative;
	bottom: 35px;
	float: left;
}

.text-heading
{
	font-weight: bold;
}

img.inline
{
	vertical-align: middle;
}

.submenu-image-link
{
	display: block;
}

.disabled-link
{
	color: Gray;
}

ul.list-of-links
{
	list-style-type: none;
	list-style-position: outside;
	margin-left: 0;
	padding-left: 0;		
}

#popup-close-window-section
{
	position: fixed;
	left: 0;
	bottom: 0;
	height: 30px;
	width: 100%;
	background-color: #EFEFEF;
	text-align: center;
	line-height: 30px;
}

.popup-close-button-image
{
	position: relative;
	top: 1px;
	cursor: pointer;
}

.pdf-inline-image, .popup-icon-inline-image
{
	position: relative;
	top: 3px;
	margin-right: 5px;
}

#contactUsControl
{
    overflow: hidden;    
}

#contactUsControl #phoneText
{
    width: 150px;
    font-size: 12px;    
}

#contactUsControl #emailText
{
    font-size: 12px;    
}

#contactUsControl #detailsText
{
    width: 150px;
    font-size: 11px; 
    line-height: 12px;
}

/************************** Top menu positioning ****************************/
.topbar-button
{
	position: relative;
	top: 20px;
}

.topbar-logo
{
	position: relative;
	top: 49px;
}

.topbar-methodology
{
	position: absolute;
	left: 809px;
	top: 28px;
}

#header-vline-top
{
	position: absolute;
	top: 20px;
	left: 226px;
}

#header-vline-bot
{
	position: absolute;
	top: 75px;
	left: 226px;
}

#header-vline-bot2
{
	position: absolute;
	top: 80px;
	left: 216px;
}

/************************** Footer positioning ******************************/
#contactus-footer
{
	position: relative; /*bottom: 13px;*/
	float: right;
	border-left: 1px solid #CCCCCC;
}

#careers-footer
{
	position: relative; /*bottom: 13px;*/
	float: right;
	border-left: 1px solid #CCCCCC;
}

#facebook-footer
{
	position: relative; /*bottom: 13px;*/
	float: right;
	margin-top:3px;
	margin-right:13px;
}