/*
 
Copyright (c) Enigma Interactive 2006

SOM2
Project:		EST
Filename:		layout_common.css
Description:	Layout of the home page
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
1	04May06		MS			Created

*/

#mainPanel {
	position: relative;
	overflow: hidden;
	float: left;
	width: 760px;
	z-index: 50;
}

#mainPanel a{
	color: #ffffff;
}

#upperCrust {
	position: relative;
	overflow: hidden;
	width: 760px;
	z-index: 50;
}

#upperCrustFixed {
	position: relative;
	overflow: visible;
	width: 760px;
	z-index: 50;
	height: 500px;
}

#mainPanel #pageTitle{
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 10px 21px 10px 21px;
	font-size: 1.3em;
	font-weight: bold;
}

#mainPanel #bodyText{
	position: relative;
	overflow: hidden;
}

#mainPanel #bodyText #bodyPadder{
	position: relative;
	overflow: hidden;
	padding: 0px 21px 21px 21px;
}

#mainPanel #bodyText #bodyPadderScroll{
	position: relative;
	overflow-y: auto;
	padding: 0px 21px 21px 21px;  
	height: 350px;
}

#mainPanel #bodyText #bodyLinks{
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 10px 21px 21px 21px;
}

#mainPanel #bodyText #bodyPadder p{
	margin: 0px 0px 10px 0px;
	padding: 0;
}

#upperCrust #mainPanel #bodyMedia {
	position: relative;
	overflow: hidden;
	width: 100%;
}

#upperCrustFixed #mainPanel #bodyMedia .floater,
#upperCrust #mainPanel #bodyMedia .floater {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: -13px;
}

#upperCrustFixed #mainPanel #bodyMedia .floater .headerBar,
#upperCrust #mainPanel #bodyMedia .floater .headerBar {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 40px;
	z-index: 100;
}

#upperCrustFixed #mainPanel #bodyMedia .headerBar a,
#upperCrust #mainPanel #bodyMedia .headerBar a {
	color: #428dc6;
	text-decoration: none;
}

#upperCrustFixed #mainPanel #bodyMedia .headerBar .left,
#upperCrust #mainPanel #bodyMedia .headerBar .left {
	position: relative;
	overflow: hidden;
	float: left;
	width: 15px;
	height: 40px;
	background: transparent url(/images/curves/left_curve.png) no-repeat left top;
}

* html #upperCrustFixed #mainPanel #bodyMedia .headerBar .left,
* html #upperCrust #mainPanel #bodyMedia .headerBar .left {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/curves/left_curve.png', sizingMethod='crop');
}

#upperCrustFixed #mainPanel #bodyMedia .headerBar .middle,
#upperCrust #mainPanel #bodyMedia .headerBar .middle {
	position: relative;
	overflow: hidden;
	float: left;
	height: 25px;
	width: 730px;
	background-color: #99ccff;
}

#upperCrustFixed #mainPanel #bodyMedia .headerBar .middle .text,
#upperCrust #mainPanel #bodyMedia .headerBar .middle .text {
	position: relative;
	overflow: hidden;
	padding: 4px 6px 0px 6px;
	font-size: 1.3em;
	font-weight: bold;
	color: #428dc6;
}

#upperCrustFixed #mainPanel #bodyMedia .headerBar .right,
#upperCrust #mainPanel #bodyMedia .headerBar .right {
	position: relative;
	overflow: hidden;
	z-index: 100;
	float: right;
	width: 15px;
	height: 40px;
	background: transparent url(/images/curves/right_curve.png) no-repeat left top;
}

* html #upperCrustFixed #mainPanel #bodyMedia .headerBar .right,
* html #upperCrust #mainPanel #bodyMedia .headerBar .right {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/curves/right_curve.png', sizingMethod='crop');
}

#upperCrustFixed #mainPanel #bodyMedia .floater .mediaWrap,
#upperCrust #mainPanel #bodyMedia .floater .mediaWrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-top: -15px;
}

#upperCrustFixed #mainPanel #bodyMedia .mediaWrap .articleInnerLink,
#upperCrust #mainPanel #bodyMedia .mediaWrap .articleInnerLink,
#upperCrustFixed #mainPanel #bodyMedia .mediaWrap .articleInnerDownload,
#upperCrust #mainPanel #bodyMedia .mediaWrap .articleInnerDownload,
#upperCrustFixed #mainPanel #bodyMedia .mediaWrap .articleInnerContact,
#upperCrust #mainPanel #bodyMedia .mediaWrap .articleInnerContact{
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
}

#upperCrustFixed #mainPanel #bodyMedia .mediaWrap .articleInnerLink,#upperCrust #mainPanel #bodyMedia .mediaWrap .articleInnerLink {background-color: #5e94c0;}
#upperCrustFixed #mainPanel #bodyMedia .mediaWrap .articleInnerDownload,#upperCrust #mainPanel #bodyMedia .mediaWrap .articleInnerDownload {background-color: #6bb4db;}
#upperCrustFixed #mainPanel #bodyMedia .mediaWrap .articleInnerContact,#upperCrust #mainPanel #bodyMedia .mediaWrap .articleInnerContact {background-color: #5997c0;}

#upperCrustFixed #mainPanel #bodyMedia .mediaWrap .articleBody,
#upperCrust #mainPanel #bodyMedia .mediaWrap .articleBody {
	position: relative;
	overflow: hidden;
	width: 100%;
}

#upperCrustFixed #mainPanel #bodyMedia .mediaWrap .articleBody .bodyText,
#upperCrust #mainPanel #bodyMedia .mediaWrap .articleBody .bodyText{
	position: relative;
	overflow: hidden;
	padding: 21px 21px 21px 21px;
	font-size: 0.9em;
}