body { background-image: url('/common/styles/images/star_tile.gif') }

.dsMainHeader {
	font: bold x-large cursive;
	color: darkred;
	text-align: center 
}

/* text that may need to change color based on the background. happens in tables + stuff */
.ctxt {
	color: black;
}

.downloadsHeader { font: large cursive }
.downloadsHeader { color: darkred }

.screenshotsHeader { font: large cursive }
.screenshotsHeader { color: darkred }

.date { font: bold large cursive }
.date { color: darkblue }


myh { font: bold xx-large cursive }
myh { color: orange }

/* my table header */
.myth { font: bold x-large cursive }
.myth { color: darkblue }
.myth { background-color: rgb(255, 255, 255) }
/*.myt { background-color: rgb(255, 255, 255) } */
.myt { background-color: rgb(255, 255, 255) }

/* account header */
.acctHeader { color: darkred; font: bold x-large cursive; }
.acctHeader2 { color: darkred; font: bold large cursive; }


.installTable { background-color: rgb(255, 255, 255) }

/*img { z-index: -1 }*/
img.largeIconHeader { position: absolute; }
img.largeIconHeader { right:20; top:30 }

.softCleanAward{ position: absolute }
.softCLeanAward{ left:20; top:30 }

.googleAd { height: 130 }
.googleAd { width: 130 }

.googleAd { scrolling: no }

.googleAd { position: absolute }
.googleAd { right:10; top:10 }

/*img.screenshot { width:50%; height:50% }*/

table.mystats { position: absolute }
table.mystats { left: 25; bottom: 25 }

table.outlineTable{ background-color: rgb(0, 0, 153); padding:3px; }
table.outlineTable2{ background-color: black ; padding:3px; }

td.outlineCell{ padding: 5px; background-color: rgb(255,255,255); }

td.whiteBackground{ background-color: rgb(255, 255, 255); }

/* ul.nav { margin-left: -1em } */
ul.nav { margin-left: 0em }
li.mainIndex { margin-left: 1em }

.navheader { font: medium cursive }
.navheader { color: darkblue }

.blueList{ list-style-type:none }
Li.blueList { list-style-type:none }
Li.blueList {  color: darkblue }
li.blueList { font-size: medium }

/* Li { list-style-type:disc } */

/* Li {  text-indent: 0em } */
/* li { text-indent: 0em }

ul { list-style-type:none }
ul {  text-indent: -10em } */

/* user validation on some of our forms */
input.enterRequired{ background-color:pink;}
span.enterRequired{ color:red; font-weight: bold;}
span.enterOk{ font-weight: bold;}
div.error{ border: 2px solid; background-color:pink; width:inherit; color: black; }
div.ok{ border: 2px solid; background-color:green; width:inherit;}
span.identifier{ color:red; font-weight: bold; font-size: large;}

/* gas pages table striping */
.dbtable.th{ color:white; font-weight: bold;}
.dbtable th{ color:white; font-weight: bold;}
th a:link{ color:white; font-weight: bold;}
.stripe{ background-color:#DFEFF0 }
/*.stripeHover{ background-color:#DFEFF0 } */
.nostripe{ background-color:transparent }
th { background-color:rgb(51, 51, 51); }
th { color:white }

.stripeHover:hover { background-color:#5CB3FF }
/* .stripeHoverHeader:hover { background-color:#087099 } */
.navPhoneIcon:hover { background-color:#5CB3FF }
.stripeHoverHeader{ font-weight: bold; }

#loginStatus{ position: absolute }
#loginStatus{ right:10; top:10 }

/* the app icons in the nav list */
.navPhoneIcon {
	/*
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	*/
}

/* the top of one of our navigation stripes. round the tops */
.topStripeRound {
	border-radius-top-left: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	
	border-radius-top-right: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;	
}

/* the bottom of one of our navigation stripes. round the bottoms */
.bottomStripeRound {
	border-radius-bottom-left: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	
	border-radius-bottom-right: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/* this is link navigation for pages on left bar */
.linkNavigation {
	position: absolute;
	top: 50px;
	left: 87px;
	border: solid 5px #1e2a40;
	padding: 10px;
	width: 140px;
	background-color: white;
	/* background-color: rgba(0,0,0,.75); */
	
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;

}

/* this is black apps bar container */
.linkNavigation3 {
	position: absolute;
	top: 0px;
	left: 0px;

}

/* this is black apps bar inner */
.linkNavigation2 {
	/* border: solid 4px black; 
	padding: 2px; */
	/* background-color: rgba(0,0,0,.75); */
	width: 69px;
	
/*	background-color: black;	*/
	background-color: transparent;
	background-image: url('/images/overlay.80.png');
}

#blendimage {
	background-image: url('/iphone/images/bottom.60.png');
	width: 69px;
	height: 65px;
}

.navPhoneIcon {
	padding: 2px;
	padding-top: 4px;
}

.mainOutlineDiv {
/*	display: table; */
	position: absolute;
	top: 50px;
	left: 280px;
/*	right: 50px; */
	right: 50px;
	border: solid 5px #1e2a40;
	padding: 10px;
	text-align: left;
	background-color: white;
/*	background-color: rgba(0,0,0,.75);
	color: white; */
	
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;

}

.mainBorder {
	margin-left: auto;
    margin-right: auto;

	padding: 10px;
	display: table;
	border: solid 5px #1e2a40;
	background-color: white;
	
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;

}

.dbtable {
	
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
	color: black;
	
	text-align: left;
	padding: 2px;
	width: 100%;
	border-width: 1px;
}