/*---------------------------------------------------------------------------------------------*/
/* SHAPESHIFT NEW MEDIA */
/* CREATED: 09.07.2008 */
/* VER: 1.0 */

/*---------------------------------------------------------------------------------------------*/
/* MAIN SITE STRUCTURE AND LAYOUT */
/*---------------------------------------------------------------------------------------------*/

html {
	height: 100%;
	margin-bottom: 0px;
}

body {
	height: 100%;
	background: #FFFFFF;
	padding: 0px;
	margin: 0px;
	font-size: 100%;
}

/*---------------------------------------------------------------------------------------------*/
/* DIVS */
/*---------------------------------------------------------------------------------------------*/

#investisContainer {
	width: 630px;
}

#investisStandAloneContainer {
	width: 630px;
	margin: 20px;
	padding-bottom: 15px;
}

#logo {
	margin-bottom: 10px;
}

#logo img {
	position: relative;
	left: -15px;
	margin-bottom: 15px;
}

#colLargeFontChartLeft,
#colOptimsedFontChartLeft,
#colVoiceBrowserChartLeft
{
	position: relative;
	display: block;
	float: left;
	width: 128px;
}

#colLargeFontChartRight,
#colOptimsedFontChartRight,
#colVoiceBrowserChartRight
{
	position: relative;
	display: block;
	float: left;
	width: 501px;
}

#colShareDownloadLeft
{
	position: relative;
	display: block;
	float: left;
	width: 364px;
}

#colShareDownloadRight
{
	position: relative;
	display: block;
	float: left;
	width: 265px;
}

#colTSRChartLeft
{
	position: relative;
	display: block;
	float: left;
	width: 225px;
	left: 60px;
}

#colTSRChartRight
{
	position: relative;
	display: block;
	float: left;
	width: 404px;
	right: 60px;
}

#colTSRChartBottom {
	margin-right: 60px;
}

#colLargeFontChartRight #row1,
#colOptimsedFontChartRight #row1,
#colTSRChartLeft #row1,
#colTSRChartRight #row1
{
	float: right;
	right: 0px;
	padding-top: 25px;
}

#colTSRChartLeft #row1 p {
	font-weight: bold;
}

#colVoiceBrowserChartRight #row1
{
	float: right;
	right: 0px;
	padding-top: 20px;
}

#colShareDownloadLeft #row1,
{
	float: right;
	right: 0px;
}

#colShareDownloadRight #row1
{
	float: right;
	right: 0px;
}

#colLargeFontChartRight #row2,
#colOptimsedFontChartRight #row2,
#colVoiceBrowserChartRight #row2,
#colTSRChartRight #row2
{
	clear: both;
	float: right;
	right: 0px;
	padding-top: 15px;
}

#colLargeFontChartRight #row3,
#colOptimsedFontChartRight #row3,
#colVoiceBrowserChartRight #row3,
#colTSRChartRight #row3
{
	clear: both;
	float: right;
	right: 0px;
	padding-top: 15px;
}

#rowAlertService2,
.rowAlertService3
{
	padding-bottom: 20px;	
}

#colRegulatoryNewsIntro {
	position: relative;
	display: block;
}

#colRegulatoryNewsTop {
	position: relative;
	display: block;
	width: 360px;
}

* html #colRegulatoryNewsTop {
	width: 363px;
}

#colRegulatoryNewsBottom {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	padding-top: 31px;
	padding-bottom: 32px;
}

/*---------------------------------------------------------------------------------------------*/
/* ELEMENT POSITIONING AND TEXT VARIATIONS */
/*---------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
}

.green {
	color: #008131;
}

.textGreenUnderlined {
	color: #323232;
	font-weight: bold;
	text-decoration: underline;
}

#LargeFontChart #ChartImage {
	margin-left: 30px;
}

#OptimsedFontChart #ChartImage {
	margin-left: 60px;
}

#TSRChart #ChartImage {
	margin-top: 20px;
	margin-left: 110px;
}

.gridHeadingLeft {
	float: left;
	padding-bottom: 0px;
}

.gridHeadingRight {
	float: right;
	padding-bottom: 0px;
}

#colSharePriceCalculatorLeft h2 {
	clear: left;
}

#colLargeFontChartLeft div,
#colOptimsedFontChartLeft div,
#colVoiceBrowserChartLeft div
{
	clear: left;
	float: left;
	width: 34px;
	height: 34px;
}

#colLargeFontChartLeft input,
#colOptimsedFontChartLeft input,
#colVoiceBrowserChartLeft input,
#colShareDownloadLeft input,
#colShareDownloadRight input
{
	position: relative;
	top: 7px;
	left: 5px;
}

#colLargeFontChartLeft label,
#colOptimsedFontChartLeft label,
#colVoiceBrowserChartLeft label
{
	position: relative;	
	display: block;
	font-family: Arial;
	font-size: .75em;
	color: #323232;
	padding: 0px;
	margin: 0px;
	left: 10px;
	top: 10px;
}

#colSharePriceCalculatorLeft label
{
	clear: both;
	float: left;
	position: relative;	
	display: block;
	width: 412px;
	font-family: Arial;
	font-size: .75em;
	color: #323232;
	padding-bottom: 20px;
}

#colRegulatoryNewsTop label
 {
	font-family: Arial;
	font-size: .75em;
	color: #323232;
	clear: both;
	float: left;
	width: 130px;
	position: relative;
	padding-top: 3px;
}

#rowAlertService2 label,
.rowAlertService4 label
{
	position: relative;	
	font-family: Arial;
	font-size: .75em;
	color: #323232;
}

.rowAlertService3 label
{
	clear: both;
	float: left;
	position: relative;	
	display: block;
	width: 212px;
	font-family: Arial;
	font-size: .75em;
	color: #323232;
	padding-bottom: 20px;
}

#colLargeFontChartRight p,
#colOptimsedFontChartRight p,
#colVoiceBrowserChartRight p,
#colShareDownloadLeft p,
#colShareDownloadRight p,
#colTSRChartRight p
{
	display: inline;
	margin-left: 10px;
}

#colSharePriceCalculatorLeft p {
	padding-bottom: 0px;
}

#colLargeFontChartRight select,
#colOptimsedFontChartRight select,
#colVoiceBrowserChartRight select,
#colShareDownloadLeft select,
#colShareDownloadRight select,
#colTSRChartRight select
{
	margin-left: 10px;
}

.rowAlertService3 select,
{
	width: 150px;
}

#colRegulatoryNewsTop select
{
	width: 230px;
	margin-bottom: 8px;
}

table caption {
	font-family: Arial;
	font-size: .75em;
	padding: 0px;
	margin: 0px;
	color: #323232;
	padding-bottom: 20px;
	font-weight: bold;
	text-align: left;
}

#colRegulatoryNewsBottom h2
{
	float: left;
	display: inline;
	font-family: Arial;
	font-size: .95em;
	padding: 0px;
	margin: 0px;
	color: #323232;
	padding-right: 9px;
}

.article h3 {
	position: relative;
	display: inline;
	float: left;
	width: 6.5em;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: .75em;
	color: #323232;
}

#colRegulatoryNewsBottom  h3
{
	display: block;
	height: 30px;
	margin-bottom: -5px;
}

#colRegulatoryNewsBottom p {
	display: block;
}

#pagination {
	clear: both;
	word-spacing: 0px;
	width: 100%;
	text-align: center;
}

/*---------------------------------------------------------------------------------------------*/
/* COMPONENTS */
/*---------------------------------------------------------------------------------------------*/

form {
	display: inline;
}

select {
	height: 21px;
	background: #F5F7FA !important;
	padding-top: 1px;
	padding-left: 2px;
	padding-right: 2px;
	background: #F5F7FA;
	font-family: Arial;
	font-size: .8em;
	color: #008131;
	border: 1px solid #E0E0E0;
}

.textbox
{
	background: #F5F7FA;
	border: 1px solid #E0E0E0;
	font-family: Arial;
	font-size: .8em;
	color: #008131;
	padding-left: 2px;
	padding-right: 2px;
}

#colRegulatoryNewsTop .textbox
{
	width: 222px;
	background: #F5F7FA !important;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 8px;
	background: #F5F7FA;
	font-family: Arial;
	font-size: .8em;
	color: #008131;
	border: 1px solid #E0E0E0;
}

.button {
	float: right;
	background: #FFFFFF url("../images/interface/bg-textbox.jpg") repeat-x;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: Arial;
	font-size: .75em;
	margin-top: 20px;
	margin-left: 20px;
	color: #008131;
	border: 1px solid #D2D5D9;
	cursor: pointer;
}

#colSharePriceCalculatorLeft .button
{
	float: none;
	margin-top: 0px;
	margin-left: 0px;
}

#colRegulatoryNewsTop .button
{
	margin-top: 0px;
	margin-left: 0px;
}

#rowAlertService1 .button {
	float: none;
	margin-top: 0px;
	margin-left: 10px;
}

.button:hover
{
	color: #6EAB24;
	text-decoration: none;
}

/*---------------------------------------------------------------------------------------------*/