/******************************/
/* Main structure of website. */
/******************************/
body {
	background: rgb(0,0,0);
	background-image: url(layout_images/background/background.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	border: none;
}

/* div to make sure the website displays correctly 
 * when cached by google
 */
#page {
	position: relative;
	width: 100%;
	text-align: center;
}

/* NB: check out iehacks.html to alter Internet 
 * Explorer styles for #main
 */
/* CHANGED: the main div is semantically the pageWrapper. just cleared the selectors and properties to the design constraints. */
#main {
	margin: 0px auto 50px auto;
	text-align: left;
    width:850px;
}

/* CHANGED: banner of header is now placed as background image instead embedded as a link image in the header.tpl.  */
#pageHeader {
	background-image: url(layout_images/pageHeader/header850x110Opaque.png);
	background-repeat: no-repeat;;
	font-size: 8pt;
	color: rgb(255,255,255);
	height: 98px;
	padding:15px;
	text-align: right;
}

#pageHeader img, #footer img {
	border: 0;
}

/* CHANGED: color of links are fitting now into the new color scheme. white -> light blue. on hovering anchors become white.*/
#pageHeader a , #footer a{
	text-decoration: none;
	color: rgb(204,204,255);
}

/* CHANGED: color of links are fitting now into the new color scheme. #98CCFF -> white. on hovering anchors become white.*/
#pageHeader a:hover, #footer a:hover {
	color: rgb(255,255,255);
}

#pageHeaderDownloadBox {
	float: right;
	/*width: 179px;*/
	height: 30px;
	padding: 3px 0;
	margin: 4px 2px 1px 1px;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	border: 1px solid #98CCFF;
	background-color: rgb(20,20,20);
}

#spacerImage {
	background: black;
	background-image: url(layout_images/spacer/earthsim_banner3.jpg);
	overflow: hidden;
	height: 117px;
	padding-top: 16px;
	max-width: 850px;
	min-width: 850px;
	text-align: center;
	position: relative;
}

#spacerScreenshotLeft, #spacerScreenshotMid, #spacerScreenshotRight {
	position: absolute;
}

#spacerScreenshotLeft {
	right: 70%;
}

#spacerScreenshotMid {
	right: 50%;
}

#spacerScreenshotRight {
	left: 70%;
}

#spacerScreenshotMidLinkCont {
	position: absolute;
	left: -80px;
}

/* CHANGED: Going for a new border layout. The changes here will propagate to the child elements of content like headings and paragraphs.*/
#content {
	/* the border around the content */
	margin: 0px;
	padding: 10px 60px 10px 60px;
	color: rgb(235,235,255);
	background-image: url(layout_images/background/contentBorderedBackground.jpg);
	background-repeat:repeat-y;
	text-align: justify;
	position:relative;
}

#columnClearer {
	clear: both;
}

/* CHANGED: footer adapts new color scheme and uses lighter font weight.*/
#footer {
	position:relative;
	background-color:rgb(2,6,230);
	background-image:url(layout_images/footer/footerRoundedCornerBottom.png);
	background-position: bottom;
	background-repeat: no-repeat;
	font-size: 8pt;
	color: rgb(255,255,255);
	text-align: center;
	padding: 25px;
}

/* CHANGED: footerText got simplified and adjusted to the new design.*/
#footerText {
}

#footer .SSLImage {
	position:absolute;
	right:15px;
	top:10px;
}

/* Make Opera display images correctly */
img {
	padding: 0;
	margin: 0;
	border: 0;
}

/**********************************/
/* Styles for form pages   */
/**********************************/
.safe {
	visibility: hidden;
	display: none;
}

/******************/
/* 2-Column Stuff */
/******************/
/* NB: check out iehacks.html to alter Internet 
 * Explorer styles for columns
 */
.leftColumn, .rightColumn, .dinoLeftColumn, .dinoRightColumn {
	padding: 0;
	margin: 0;
}

.leftColumn, .dinoLeftColumn {
	float: left;
	clear: left; /* Necessary? */
}

.rightColumn {
	float: right;
}

.leftColumn, .rightColumn {
	width: 50%;
	min-width: 346px;
	max-width: 446px;
}

.dinoLeftColumn {
	width: 338px;
}

.dinoRightColumn {
	margin-left: 348px;
}

.leftColumnContent, .rightColumnContent {
	padding: 0px;
	margin: 0px;
	text-align: justify;
}

.dino_left_col_pic {
    padding: 10px 0;
    margin: 0 auto;
}


/*******************/
/* Section Headers */
/*******************/
h1 {
	margin: 0px auto 20px auto;
	font-size: 22px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 14px;
}

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

h2, h3 {
	margin: 0;
	/*margin-top: -0.25em;*/
	/* Set for IE7 */
	margin-bottom: 1.25em;
}

.top_margined_header {
	margin-top: 10px;
}

.bottom_margined_header {
	margin-bottom: 10px;
}

.imageHeader {
	clear: both;
	height: 87px;
	background: #000066;
	background-repeat: repeat-x;
	margin-bottom: 10px;
}

#dinosaur_header {
	height: 275px;
	overflow: hidden;
	margin: -10px 0px 30px 0px;
	padding: 0px;
}

#dinosaur_header img {
	height: 275px;
	width: 450px;
	float: right;
	padding: 0px;
	margin: 0px;
}

#home_header {
	overflow: hidden;
	height: 348px;
	padding: 0px;
}

#home_header img {
	height: 421px;
	width: 421px;
	float: right;
	padding: 0px;
	margin: 0px;
}


/* Horizontal rules following e.g. earthHeader */
#content hr {
	margin: 1em 0 1em 0;
}


/****************/
/* Navbar Stuff */
/****************/


/* CHANGED: navigation bar needs no background no more because of new button styles.*/
#navBar {
	background-image: url(layout_images/navBar/subLevelNavigationBorderOpaque.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding: 0px;
	margin: 0px;
	height: 65px;
}

#buttonContainer4 {
    width: 560px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

/* CHANGED: no use for width and padding properties anymore.*/
#buttonContainer5 {
	width:100%;
}

#buttonContainer6 {
    width: 840px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

/* CHANGED:  no background-color necessary amd text-align shouln`t be there too.*/
#nav, #nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	/*
	background-color: rgb(0,0,153);
	text-align: left;
	*/
}

/* CHANGED: New navButtons needed size adjustement.*/
#nav a {
	display: block;
	height: 50px;
	color: rgb(204,204,255);
	text-decoration: none;
	
	
	/* Hide text for top-level list */
	padding: 50px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important;
	height /**/:50px; /* for IE5/Win only */
	
}

/* CHANGED: couldn`t see use of height, so i deleted it. width is gone now too. */
#nav  li {
	float: left;
}

#nav li ul li {
	float: none;
}

/* CHANGED: tryout old styles for getting the dropdown menu to work again in fucking ie6.*/
#nav li li, #nav li li a{
	height:auto !important;
	overflow:visible;
}

/* CHANGED: no borders anymore but new colors set up.*/
#nav li ul {
	font-size: 12px;
	
	/* Hide li ul's when not hovered over */
	display: none;
	
	/* Ensure dropdowns are displayed on top of .fp_pic_column */
	z-index: 200;
	
	position:absolute;
	padding:20px 22px 10px 22px;
	margin: 0px;
}


/* Bring them back when li hovered over or when suckerfish */
/* JavaScript is activated                                 */
#nav li:hover ul, #nav li.sfhover ul {
	position:absolute;
	left: auto;
	display: block;
	background-color:rgb(2,6,230);
}

/* Allow items w/out backgrounds to judge own height */
#nav li li, #nav li li a {
	line-height: 110%;
	height: auto !important;
	overflow: visible;
}

#nav li li {
	padding: 0;
}

#nav li li a {
	text-align: left;
	padding: 0.15em 0 0.15em 0.2em;
}

#nav li ul hr{
	border-color: rgb(0,0,153);
	border-style: solid none none none;
	border-width: 1px  0px 0px 0px;
	height: 1px;
	margin: 5px auto;
}

/* CHANGED: each navigation button needs its own width. */
#nav #navProducts{
	width:118px;
}

#nav #navWhatson{
	width:129px;
}

#nav #navComm{
	width:135px;
}

#nav #navSupport{
	width:117px;
}

#nav #navLogin{
	width:102px;
}

#nav #navAccount{
	width:135px;
}

/* Nav Backgrounds */
/* CHANGED: png`s are opaque now because of difficult setup with ie6 to work with transparency on background images.*/
#navProducts a  {
	background: url(layout_images/navBar/nav_onoff_productsOpaque.png) top left no-repeat;
}

#navWhatson a  {
	background: url(layout_images/navBar/nav_onoff_whatsonOpaque.png) top left no-repeat;
}

#navComm a  {
	background: url(layout_images/navBar/nav_onoff_communityOpaque.png) top left no-repeat;
}

#navSupport a  {
	background: url(layout_images/navBar/nav_onoff_supportOpaque.png) top left no-repeat;
}

#navAccount a  {
	background: url(layout_images/navBar/nav_onoff_myaccountOpaque.png) top left no-repeat;
}

#navLogin a  {
	background: url(layout_images/navBar/nav_onoff_loginOpaque.png) top left no-repeat;
}

#navEditor a  {
	background: url(layout_images/navBar/nav_onoff_editor_01.png) top left no-repeat;
}

#nav > a:hover{
	background-position: 0px -50px;
}

#navProducts a, #navWhatson a, #navComm a, #navSupport a, 
#navAccount a, #navLogin a, #navEditor a, #navProducts a, 
#navWhatson a, #navComm a, #navSupport a, #navAccount a, 
#navLogin a, #navEditor a  {
	cursor: default;
}

#nav li ul a {
	background: none;
	cursor: pointer;
}

/* Shifts background image to display glowing text when hovering over link */
/* or, if there is no image, lights up the link's background.              */
#nav ul a:hover {
	color:rgb(255,255,255);
}


/****************/
/* Border Stuff */
/****************/
/* CHANGED: Mergin the contentBody into the new color and layout scheme.*/
#borderTop, #borderBottom {
	height: 50px;
	clear: both;
	margin: 0;
	padding: 0;
}

/* CHANGED: new background picture.*/
#borderTop {
	background: url(layout_images/border/borderTop.jpg);
}

/* CHANGED: new background picture.*/
#borderBottom {
	background: url(layout_images/border/borderBottom.jpg);
}

/* CHANGED: dividers are updated and easier to use now, because of uncommented borders in the layout.php. */
.divider {
	height: 75px;
	background: url(layout_images/border/dividers.jpg) top left repeat-x;
	clear: both;
	margin: 0px -60px;
	padding: 0;
}

/********************************/
/* Image Borders and Highlights */
/********************************/
.bordered_highlighted_thum_link, .bordered_highlighted_bthm_link, 
.bordered_thum_link, .bordered_bthm_link, .highlighted_thum_link, 
.highlighted_bthm_link {
    display: block;
    padding: 0px;
    margin: 0px;
}

/*.bordered_highlighted_thum_link img, .bordered_highlighted_bthm_link img, 
.bordered_thum_link img, .bordered_bthm_link img, .highlighted_thum_link img, 
.highlighted_bthm_link img {
    padding: 0px;
    margin: 0px;
}*/

.bordered_highlighted_thum_link, .bordered_highlighted_bthm_link, 
.bordered_thum_link, .bordered_bthm_link {
    position: absolute;
}

.bordered_highlighted_thum_link, 
.bordered_thum_link, .highlighted_thum_link {
    width: 160px;
    height: 100px;
}

.bordered_highlighted_bthm_link, .bordered_bthm_link, 
.highlighted_bthm_link {
    width: 320px;
    height: 200px;
}

.bordered_highlighted_thum_link, .bordered_highlighted_bthm_link, 
.bordered_thum_link, .bordered_bthm_link {
    border: 0px solid rgb(65,65,65);
    top: 7px;
    left: 7px;
}

.highlighted_thum_link, .highlighted_bthm_link {
    border: 0px solid black; /*rgb(59,59,59);*/
}

.bordered_highlighted_thum_link:hover, 
.bordered_highlighted_bthm_link:hover, .highlighted_thum_link:hover, 
.highlighted_bthm_link:hover {
    border: 0px solid #98CCFF;
}


/******************/
/* Content styles */
/******************/
p {
	line-height:120%;
}

em {
	font-weight: bold;
	font-style: normal;
	color: #98CCFF;
}

.big_emph {
	font-weight: bold;
	color: #98CCFF;
	font-size: 11pt;
}

form {
    margin: 0;
    padding: 0;
    display: inline;
}

.centered {
    text-align: center;
}

#content li {
    margin: 0px 0px 5px 0px;
}

/* Styles for normal links */
#content a:link {
	color: #CBE5FF;
	text-decoration: underline;
}

#content a:visited {
	color: #98CCFF;
	text-decoration: underline;
}

#content a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* Styles for header links */
#content h1 a:link,
#content h2 a:link,
#content h3 a:link,
#content h4 a:link,
#content h5 a:link,
#content h6 a:link {
	text-decoration: none;
}

#content h1 a:visited,
#content h2 a:visited,
#content h3 a:visited,
#content h4 a:visited,
#content h5 a:visited,
#content h6 a:visited {
	text-decoration: none;
}

#content h1 a:hover,
#content h2 a:hover,
#content h3 a:hover,
#content h4 a:hover,
#content h5 a:hover,
#content h6 a:hover {
	text-decoration: none;
}

.thumbnails {
	position: relative;
	height: 121px;
	width: 100%;
	margin: 0;
	padding: 5px 0 0 0;
	border: 0;
}

.thumbnails_caption {
    text-align: center;
    font-size: 10pt;
}

.thumb_container_1of3, .thumb_container_2of3, 
.thumb_container_3of3, .thumb_container_1of1,
.thumb_container_1of2, .thumb_container_2of2 {
    position: absolute;
}

.thumb_container_1of3 {
    right: 65%;
}

.thumb_container_2of3, .thumb_container_1of1 {
    left: 50%;
}

.thumb_container_3of3 {
    left: 65%;
}

.thumb_container_1of2 {
    right: 55%;
}

.thumb_container_2of2 {
    left: 55%;
}

.thumb_2of3_centerer, .thumb_1of1_centerer {
    position: absolute;
    left: -88px;
}


/************************/
/* Content Image Styles */
/************************/
.left_padded_pic {
    padding: 0 0 0 13px;
}

.right_padded_pic {
    padding: 0 13px 0 0;
}

.top_left_padded_pic {
    padding: 8px 0 0 13px;
}

.left_margined_news_pic {
    margin: 0 0 0 27px;
}

.right_margined_news_pic {
    margin: 0 27px 0 0;
}

.bottom_left_margined_news_pic {
    margin: 0 0 13px 27px;
}

.top_right_pic {
    margin: 8px 0 8px 13px;
}

/* Needed? */
.right_floated_top_left_margin_pic {
    float: right;
    margin: 8px 0 0 13px;
}

.left_floated_top_right_margin_pic {
    float: left;
    margin: 8px 13px 0 0;
}

.bottom_left_margined_pic {
    margin: 0 0 8px 27px;
}

.bottom_right_margined_pic {
    margin: 0 27px 8px 0;
}

.longDino {
    padding: 5px 0 5px 15px;
    float: right;
    height: 400px;
    width: 167px;
}

.staff {
    padding: 5px 0 5px 15px;
    float: right;
    height: 320px;
    width: 240px;
}

.team {
    text-align: center;
    padding: 5px 0 5px 5px;
    height: 348px;
    width: 700px;
}

.validationImage {
    border: 0;
}


/******************************/
/* Front/Products page styles */
/******************************/

.fp_content {
    /*padding: 0 15px;*/
    padding: 0;
}

.fp_pic_and_summary {
    position: relative;
    /* IE hack to ensure inheritance from here */
    width: 100%;
    padding: 0;
    margin: 0;
}

.fp_pic_column {
    position: absolute;
    top: 5%;
    left: 0;
    height: 100%;
    
    /* Stop from being displayed over navbar dropdowns */
    z-index: 100;
}

.fp_pic_column .fp_pic {
    top: -59px;
}

.fp_summary_column {
    /* IE hack to contain floats */
    height: 1%;
}

/* Expand to contain floats */
.fp_summary_column:after
{
    content: '';
    clear: both;
    display: block;
    /* We need some height to ensure the block is expanded to include its
     * floats.
     */
    height: 0.0334px;
}

.fp_pic_height_spacer {
    float: left;
    width: 0px;
    height: 118px;
}

.fp_summary {
    margin-left: 193px;
}

.products_purchase_table {
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
}

.products_purchase_table td {
    text-align: right;
    margin: 0px;
    padding: 0px;
}

.products_purchase_table .purchase_table_left_padded_cell {
    padding-left: 0.5em;
    width: 7.5em;
}

.products_purchase_table input {
    width: 7em;
}


#products_buy{
}

#products_earthsimOverview{
	position:relative;
	float:left;
	padding: 0px 30px 10px 0px;
}

#products_buy div{
	position:relative;
	margin: 0px 0px 0px 360px;
	float:right;
}

.products_featurelist{
	padding:0px;
	text-align:left;	
}

#content .products_featurelist  li{
	display:inline-block;
	list-style-type:disc;
	list-style-position:inside;
	margin: 10px auto 5px 0px;
}

a.products_downloadButton{
	width:150px;
	height:170px;
      position: absolute;
      left: 530px;
      top: 100px;	
	
	display:block;
	background-image:url("content_images/productSupport/productsAndBuy_DownloadButtonLink.jpg");
	background-position:top;
}

a.products_downloadButton:hover{
	width:150px;
	height:170px;
      position: absolute;
      left: 530px;
      top: 100px;	
	
	display:block;
	background-image:url("content_images/productSupport/productsAndBuy_DownloadButtonLink.jpg");
	background-position:bottom;
}


/*
 * Price buttons
 */
a.EUR1795 {
  height: 65px;
  width: 100px;
  display: block;
  background-position:bottom;
  background-image:url('content_images/price_buttons/crushed-EUR1795.png');
}
a.EUR1795:hover {
  height: 65px;
  width: 100px;
  display:block;
  background-position:top;
  background-image:url('content_images/price_buttons/crushed-EUR1795.png');
}
a.EUR895 {
  height: 65px;
  width: 100px;
  display: block;
  background-position:bottom;
  background-image:url('content_images/price_buttons/crushed-EUR895.png');
}
a.EUR895:hover {
  height: 65px;
  width: 100px;
  display:block;
  background-position:top;
  background-image:url('content_images/price_buttons/crushed-EUR895.png');
}
a.GBP1195 {
  height: 65px;
  width: 100px;
  display: block;
  background-position:bottom;
  background-image:url('content_images/price_buttons/crushed-GBP1195.png');
}
a.GBP1195:hover {
  height: 65px;
  width: 100px;
  display:block;
  background-position:top;
  background-image:url('content_images/price_buttons/crushed-GBP1195.png');
}
a.GBP595 {
  height: 65px;
  width: 100px;
  display: block;
  background-position:bottom;
  background-image:url('content_images/price_buttons/crushed-GBP595.png');
}
a.GBP595:hover {
  height: 65px;
  width: 100px;
  display:block;
  background-position:top;
  background-image:url('content_images/price_buttons/crushed-GBP595.png');
}
a.USD1195 {
  height: 65px;
  width: 100px;
  display: block;
  background-position:bottom;
  background-image:url('content_images/price_buttons/crushed-USD1195.png');
}
a.USD1195:hover {
  height: 65px;
  width: 100px;
  display:block;
  background-position:top;
  background-image:url('content_images/price_buttons/crushed-USD1195.png');
}
a.USD2495 {
  height: 65px;
  width: 100px;
  display: block;
  background-position:bottom;
  background-image:url('content_images/price_buttons/crushed-USD2495.png');
}
a.USD2495:hover {
  height: 65px;
  width: 100px;
  display:block;
  background-position:top;
  background-image:url('content_images/price_buttons/crushed-USD2495.png');
}


#products_extendableSign{
	clear:both;
	margin:0px auto 20px auto;
}

/* Earthism OS product section */
#products_EOS-ETV{
	position:relative;
	width:730px;
	text-align:left;
	
	background-color:rgb(0,0,0);
	background-image:url("content_images/productSupport/products_EOS-ETVBackgrounds_Middle.jpg");
	background-position:top;
}

#EOS_BuyPage{
	background-image:url("content_images/productSupport/products_EOS-ETVBackgrounds_Top.jpg");
	background-position:left top ;
	background-repeat:no-repeat;
	width:320px;
	float:left;
	padding: 60px 20px 10px 20px;
}

#products_EOS-ETV .subscribeButton{
	display:block;
	background-image:url("content_images/productSupport/subscribeButtonLink.png");
	background-position:top;
	height:65px;
	width:130px;
}

#products_EOS-ETV .subscribeButton:hover{
	display:block;
	background-image:url("content_images/productSupport/subscribeButtonLink.png");
	background-position:bottom;
	height:65px;
	width:130px;
}

#products_EOS-ETV .upgradeButton{
	display:block;
	background-image:url("content_images/productSupport/upgradeButtonLink.png");
	background-position:top;
	height:65px;
	width:130px;
}

#products_EOS-ETV .upgradeButton:hover{
	display:block;
	background-image:url("content_images/productSupport/upgradeButtonLink.png");
	background-position:bottom;
	height:65px;
	width:130px;
}

#ETV_BuyPage{
	background-image:url("content_images/productSupport/products_EOS-ETVBackgrounds_Top.png");
	background-position:right top;
	background-repeat:no-repeat;
	width:320px;
	float:right;
	padding: 60px 20px 10px 20px;
	
	height:120px;
}

#products_EOS-ETV .subscribeButton{
	display:block;
	background-image:url("content_images/productSupport/subscribeButtonLink.png");
	background-position:top;
	height:65px;
	width:130px;
}

#products_EOS-ETV .subscribeButton:hover{
	display:block;
	background-image:url("content_images/productSupport/subscribeButtonLink.png");
	background-position:bottom;
	height:65px;
	width:130px;
}

#products_EOS-ETV .head{
	font-weight:normal;
	margin: 0px auto 40px 80px;
}

#products_EOS-ETV img.teasers{
	padding:0px 20px 20px 0px;
	float:left;
}

#products_EOS-ETV ul{
	
}

#products_EOS-ETV li{
	list-style-position:inside;
	list-style-type:disc;
}

#productsSubscribeAndUpgrade{
	margin:20px 0px 0px 0px;
}

#products_EOS-ETV .clearer{
	clear:both;
}

#products_EOS-ETV .footer{
	clear:both;
	width:730;
	height:20px;
	
	background-image:url("content_images/productSupport/products_EOS-ETVBackgrounds_Bottom.jpg");
	background-position:top left;
	background-repeat:no-repeat;
}

#subscribeToETV{
	width:140px;
	float:right;
	padding:0px 20px 0px;
}

#subscribeToEOS{
	width:140px;
	float:left;
	padding:0px 200px 0px;
}

#upgradeFromEOS{
	width:140px;
	float:left;
}

p.prices{
	padding: 0px 0px 0px 10px;
	line-height: 120%;
	margin-bottom:10px;
}

/********************************/
/* Funky download button styles */
/********************************/

#google_home_dl_button {
	width: 138px;
    height: 24px;
    padding: 15px 0 10px 0;
	margin: 0px;
}


/* CHANGED: Button aligns now to the right with the text in the header. */
#header_dl_button {
    margin: 10px 0px 0px 0px;
}

#google_home_dl_button a, #header_dl_button a  {
    background: url(content_images/download_button/navbar_style.png) top left no-repeat;
    display: block;
    width: 138px;
    height: 24px;
    color: black;
    text-decoration: none;
	float:right;
    
    
    /* Hide text for top-level list */
    padding: 24px 0 0 0;
    overflow: hidden;
    height: 0px !important;
    height /**/:24px; /* for IE5/Win only */
}

/* Shifts background image to display glowing text when hovering over link */
#google_home_dl_button a:hover, #header_dl_button a:hover {
    background-position: 0 -24px;
}

#rounded_home_dl_button {
    width: 187px;
    height: 37px;
    margin: 0px;
    position:relative; 
    top: -90px;
    left: 40px;
}

#rounded_home_dl_button a {
    background: url(content_images/download_button/rounded_style.png) top left no-repeat;
    display: block;
    width: 187px;
    height: 37px;
    color: black;
    text-decoration: none;
    
    /* Hide text for top-level list */
    padding: 37px 0 0 0;
    overflow: hidden;
    height: 0px !important;
    height /**/:37px; /* for IE5/Win only */
}

/* Shifts background image to display glowing text when hovering over link */
#rounded_home_dl_button a:hover {
    background-position: 0 -37px;
}

/*******************************/
/* Styles for screenshot pages */
/*******************************/
#screenshotMain {
    background: black; /*rgb(59,59,59);*/
	text-align: left;
	
	/* Center the main div - replacement for <center> tags. */
	margin: 0px auto;
}

#screenshotContent {
	/* the border around the content */
	margin: 0px;
	color: rgb(235,235,255);
	background-image: url(layout_images/background/contentBorderedBackground.png);
	background-repeat:repeat-y;
	text-align: center;
}

#screenshotContainer {
	/*
	text-align: center;
	padding: 0 17px;
	margin: 0 12px;
	border-style: solid;
	border-width: 0 2px;
	border-color: rgb(102,102,51);
	*/
}

#screenshot {
	width:740px;
	padding: 0px;
	margin: 0px;
}

#screenshotLinks, #galleryLinks {
	text-align: center;
}

#screenshotLinks {
	color: white;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
	color: rgb(235,235,255);
	background-image: url(layout_images/background/contentBorderedBackground.png);
	background-repeat:repeat-y;
}

#screenshotLinks a:link {
	color: #CBE5FF;
	text-decoration: underline;
}

#screenshotLinks a:visited {
	color: #98CCFF;
	text-decoration: underline;
}

#screenshotLinks a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


/*******************************/
/* Styles for accounts pages   */
/*******************************/
.act_info_table, #act_edit_details_table {
	margin: 1.25em 0;
}

#act_edit_details_table .labeltext, #act_edit_details_table .labeltext_top {
	width: 15em;
}

.act_info_table .labeltext, .act_info_table .labeltext_top {
	width: 10em;
}

.errortext {
        color: red;
}

.labeltext, .labeltext_top {
        font-weight: bold;
	text-align: left;
        padding-right: 1em;
        color: #ccf;
}

.labeltext_top {
	vertical-align: top;
}

.moneyfield {
        text-align: right;
}

.datefield, .intervalfield, .popuplink {
}

.limitfield {
        text-align: right;
}

.requiredfield input, .requiredfield select {
	/* Looks ugly when combined with Google Toolbar's yellow background.
	background-color: #98CCFF; */
}
table#act_edit_details_table td.labeltext {
	text-align: right;
}
span.star {
	color: red;
	font-weight: bold;
}

tr.tablegroupstart td {
        padding-top: 25px;
}

tr {
        /*vertical-align: top;*/
        /*font-size: small;*/
}

td, th {
        padding-right: .5em;
}

th {
        text-align: left;
        color: #ccf;
        vertical-align: bottom;
}

.helptext {
        color: #999;
        font-size: x-small;
}

.act_cancel_reasons input {
	margin-top: 1em;
}

/* Nice way to display subscriptions */
#act_subscription_list {
	text-align: center;
}

.act_from_subscription {
	text-align: left;
	clear: both;
	padding-top: 5px;
}

.act_from_subscription_top {
	text-align: left;
	padding-top: 0;
}

.act_subscription /*, #act_subscription_cancel_button, #act_subscription_purchase_button*/ {
	margin: 20px auto;
	width: 510px;
	text-align: left;
	clear: left;
	padding: 5px;
	border: 1px solid rgb(122,122,122);
}

#act_subscription_cancel_button, #act_subscription_purchase_button {
	clear: left;
	padding: 0;
}

.act_subscription img {
	padding: 0;
	width: 100px;
	height: 100px;
	float: left;
}

.act_subscription_text {
	padding: 0 0 0 5px;
	margin-left: 100px;
	font-size: 10pt;
	line-height: 25px;
}


#content .act_subscription_text a:link, #content .act_subscription_text a:visited {
	color: white;
	text-decoration: underline;
}

#content .act_subscription_text a:hover {
	color: #98CCFF;
	text-decoration: underline;
} 

.act_subscription_type {
	font-weight: bold;
	font-size: 12pt;
        color: #98CCFF;
	line-height: 25px;
}

.act_subscription_cancel_check, .act_subscription_purchase_check {
	font-weight: bold;
}

#payment_options_text {
	text-align: center;
	font-size: 9pt;
}


/***********************/
/* Beta Program Styles */
/***********************/
#beta_questionnaire, #beta_questionnaire form
{
	padding: 0;
	margin: 0;
	
	/* Fix for disappearing content - should really put in iehacks */
	/*display: inline-block;*/
}

#beta_questionnaire textarea {
	/* Would love to position with float but IE then makes content disappear, */
	/* and I can't then get dividers to work with content disappearing fix.   */
	/* Thus, just used <br> tags in the content instead.			  */
	margin: 0.25em 0 0.5em 0;
}

#beta_question_conn_type, #beta_question_other_conn_type, #beta_question_pfirewall, #beta_question_pfirewall_version, 
#beta_question_hfirewall, #beta_question_antivirus, #beta_question_antivirus_version, 
#beta_question_p2p, #beta_question_3d_games, #beta_question_online_games, 
#beta_question_find_out, #beta_question_conn_speed, #beta_question_antispam, #beta_question_p2p_probs, 
#beta_question_3d_games_probs, #beta_question_online_games_probs, #beta_question_comments,
#beta_question_other_pfirewall, #beta_question_other_antivirus
{
	margin: 0.5em 0;
}

#beta_question_conn_type select, #beta_question_conn_speed select, #beta_question_pfirewall select, #beta_question_antivirus select
{
	margin-left: 1em;
}

.select_date {
	margin-left: 0.5em;
}

#payment_contract_container {
	text-align: center;
}

#payment_contract_scroll {
	text-align: left;
	height: 300px;
	width: 500px;
	overflow: scroll;
	padding: 15px;
	margin: 10px auto;
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-color: rgb(122,122,122);
	color: black;
	background: white;
}

/* Styles for normal links */
#payment_contract_scroll a:link {
	color: #98CCFF;
	text-decoration: underline;
}

#payment_contract_scroll a:visited {
	color: #98CCFF;
	text-decoration: underline;
}

#payment_contract_scroll a:hover {
	color: #000000;
	text-decoration: underline;
}


/*************************/
/* Styles for news pages */
/*************************/
#news_story_subject, #news_story_creation_time, #news_story_last_edit_time, #news_story_bug_status, #news_story_editor_rel_stories, 
#news_story_summary, #news_story_rel_links {
    font-size: 10pt;
    padding-top: 0;
}

.news_story_param {
    font-weight: bold;
    font-style: normal;
}

#news_story_rel_links ul {
    margin-top: 0;
}

#news_story_rel_stories {
    font-size: 10pt;
    margin-top: 7px;
}

#news_story_content {
    /*padding: 0 15px;*/
    padding: 0;
}

#news_story_heading {
    font-size: 9pt;
    background: rgb(122,122,122);
    color: black;
    padding: 1px;
    margin: 2px 0 5px 0;
}

#news_story_title {
    font-size: 14pt;
}

.standard_news_list_title {
    padding-bottom: 3px;
}

.standard_news_list_summary {
    padding-bottom: 2px;
}

.standard_news_list_date, .headlines_news_list_date {
    font-style: italic;
    font-size: 9pt;
}

.headlines_thumbs_news_list_thumb {
    height: 50px;
    width: 80px;
}


/***************************************/
/* News headlines and thumbnail styles */
/***************************************/
.news_list_thumb_and_summary {
    position: relative;
    /* IE hack to ensure inheritance from here */
    width: 100%;
    padding: 0;
    margin: 0 0 5px 0;
}

.news_list_thumb_column {
    position: absolute;
    top: 50%;
    left: 0;
    height: 100%;
    
    /* Stop from being displayed over navbar dropdowns */
    z-index: 100;
}

.news_list_thumb_column a {
    display: block;
    position: relative;
    margin: 0;
    top: -25px;
}

.news_list_thumb_column img {
    display: block;
    position: relative;
    width: 80px;
    height: 50px;
    padding: 0px;
    margin: 0px
}

.news_list_summary_column {
    /* IE hack to contain floats */
    height: 1%;
}

/* Expand to contain floats */
.news_list_summary_column:after
{
    content: '';
    clear: both;
    display: block;
    /* We need some height to ensure the block is expanded to include its
     * floats.
     */
    height: 0.0334px;
}

.news_list_thumb_height_spacer {
    float: left;
    width: 0px;
    height: 50px;
}

.news_list_summary_content {
    margin-left: 93px;
}

.news_list_thumb_header {
    /* need to set param 3 to 30 for IE7 */
    margin: 0 0 30px 0;
}


/***********************/
/* Story editor styles */
/***********************/

.required_field
{
	color: #98ccff;
	/*color: #CBE5FF;*/
	font-weight: bold;
	
}

.optional_field
{
	font-weight: bold;
	/*color: #CBE5FF;*/
}

#edit_story_error {
	text-align: center;
	color: red;
	font-weight: bold;
}

#edit_story_subject, #edit_story_priority, #edit_story_display_from_time, #edit_story_display_til_time, 
#edit_story_title, #edit_story_thumbnail, #edit_story_summary, #edit_story_rel_story, #edit_story_rel_link,
#edit_story_bug_number, #edit_story_bug_status, #edit_story_sig_edit, #edit_story_keyword, #edit_story_content
{
	padding: 0.5em 0.25em;
}

#edit_story_subject select, #edit_story_summary textarea, #edit_story_content textarea {
	vertical-align: top;
}


/**********************************/
/* Styles for editor help pages   */
/**********************************/
.attributeTable
{
        text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(122,122,122);
	margin: 1em;
	/*border-collapse: separate;
	border-spacing: 0;*/
}

.attributeTable tr
{
        vertical-align: baseline;
        font-size: medium;
        text-align: center;
	color: white;
	/*border: 1px solid white;*/
}

.attributeTable td
{
        padding-right: 0;
	color: white;
        text-align: left;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(122,122,122);
	padding: 2px;
}

.attributeTable th
{
        padding-right: 0;
        vertical-align: baseline;
	color: white;
        text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(122,122,122);
	padding: 2px;
}


.attributeTable code
{
        vertical-align: baseline;
        font-size: 12pt;
	color: white;
}

/* END */