/*---------------------------------------------------------------------------------------------*/
/* SHAPESHIFT NEW MEDIA */
/* CREATED: 30.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%;
}

/*---------------------------------------------------------------------------------------------*/
/* GLOBALS */
/*---------------------------------------------------------------------------------------------*/

h1 {
	display: block;
	font-family: Arial;
	font-size: .95em;
	padding: 0px;
	margin: 0px;
	color: #323232;
	padding-bottom: 20px;
}

h2 {
	font-family: Arial;
	font-size: .8em;
	padding: 0px;
	margin: 0px;
	color: #323232;
	padding-bottom: 20px;	
}

h3 {
	font-family: Arial;
	font-size: .75em;
	padding: 0px;
	margin: 0px;
	color: #323232;
	padding-bottom: 0px;	
}

h4 {
	font-family: Arial;
	font-size: .7em;
	padding: 0px;
	margin: 0px;
	color: #323232;
	padding-bottom: 20px;	
}

h5 {
	font-family: Arial;
	font-size: .65em;
	padding: 0px;
	margin: 0px;
	color: #323232;
	padding-bottom: 20px;	
}

h6 {
	font-family: Arial;
	font-size: .6em;
	padding: 0px;
	margin: 0px;
	color: #323232;	
	padding-bottom: 20px;	
}

p {
	font-family: Arial;
	font-size: .75em;
	color: #323232;
	padding: 0px;
	margin: 0px;
	padding-bottom: 20px;
}

table {
	border-collapse: collapse;
	border: 1px solid #E1E2E5;
	margin-bottom: 20px;
	margin-left: 1px;
}

th {
	font-family: Arial;
	font-size: .75em;
	color: #008131;
	border: 1px solid #E1E2E5;
	padding: 7px;
	padding-bottom: 13px;
}

td {
	font-family: Arial;
	font-size: .75em;
	color: #323232;
	border: 1px solid #E1E2E5;
	padding: 7px;
}

td p {
	font-size: 1em;
	color: #323232;
	text-align: left;
	padding-bottom: 0px;
}

td ul li {
	font-size: 1em;
	color: #323232;
}

hr {
	height: 1px;
	margin-bottom: 10px;
	color: #323232;
}

ul {
	position: relative;
	font-family: Arial;
	margin: 0px;
	padding: 0px;
	list-style: square;
	margin-left: 16px;
	margin-bottom: 15px;
}

ol {
	position: relative;
	font-family: Arial;
	margin: 0px;
	padding: 0px;
	margin-left: 22px;
	margin-bottom: 15px;
}

ul li {
	margin: 0px;
	padding: 0px;
	font-size: .75em;
	color: #323232;
	line-height: 20px;
	margin-bottom: 0px;
	padding-left: 6px;
}

ol li {
	margin: 0px;
	padding: 0px;
	font-size: .75em;
	color: #323232;
	line-height: 20px;
	margin-bottom: 0px;
}

ul li ul {
	font-size: 1.3em;
	margin-bottom: 0px;
}

ul li ul li ul li {
	font-size: .8em;
	margin-bottom: 0px;

}

ul > ul {
	margin-bottom: 0px;
}

ol li ol {
	font-size: 1.3em;
	margin-bottom: 0px;	
}

ol li ol li ol li {
	font-size: .8em;
	margin-bottom: 0px;	
}

a {
	color: #008131;
	text-decoration: none;
}

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

#investisContainer {
	width: 630px;
}

#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;
}

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

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

#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: 0px;
}

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

.clear {
	clear: both;
}

.green {
	color: #008131;
}

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

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

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

.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
{
	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: 2px;
	margin: 0 auto;
	width: 75%;
	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;
}

#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;
	height: 22px;
	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;
}

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