body {
	background-image: url('/common/styles/images/star_tile.gif');
	font-family: sans-serif;
	/* font-family: Calibri, 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; */
	/*	font-family: Georgia; */
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}

.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: 20px;
	top: 30px;
}

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

.googleAd {
	height: 130px;
	width: 130px;
	/*scrolling: no;*/
	position: absolute;
	right: 10px;
	top: 10px
}

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

table.mystats {
	position: absolute
}

table.mystats {
	left: 25px;
	bottom: 25px;
}

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

li.mainIndex {
	margin-left: 1em
}

.navheader {
	font: medium cursive
}

.navheader {
	color: darkblue
}

.blueList {
	list-style-type: none
}

Li.blueList {
	list-style-type: none;
	color: darkblue;
	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: 10px;
	top: 10px;
}

/* 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: .2em;
	-moz-border-radius-topleft: .2em;
	-webkit-border-top-left-radius: .2em;

	border-radius-top-right: .2em;
	-moz-border-radius-topright: .2em;
	-webkit-border-top-right-radius: .2em;
}

/* the bottom of one of our navigation stripes. round the bottoms */
.bottomStripeRound {
	border-radius-bottom-left: .2em;
	-moz-border-radius-bottomleft: .2em;
	-webkit-border-bottom-left-radius: .2em;

	border-radius-bottom-right: .2em;
	-moz-border-radius-bottomright: .2em;
	-webkit-border-bottom-right-radius: .2em;
}

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

	border-radius: .75em;
	-moz-border-radius: .75em;
	-webkit-border-radius: .75em;

}

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

}

/* 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: 230px;
	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: .75em;
	-moz-border-radius: .75em;
	-webkit-border-radius: .75em;

}

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

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

	border-radius: .75em;
	-moz-border-radius: .75em;
	-webkit-border-radius: .75em;

}

.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; */
}

.ui-tabs {
	border: 0 !important;
}

.ui-tabs-nav {
	border-left: 0 !important;;
	border-top: 0 !important;;
	border-right: 0 !important;;

	background: transparent !important;
}


/*
=========================================================================================================
	MENUS
=========================================================================================================
*/

@-moz-document url-prefix() {
	.clearfix {
		/*inline block for firefix ... but adds extra pixes on chrome */
		display: inline-block;
	}
}

.clearfix {
	margin: 0;
}

/*----- Menu Outline -----*/
.menu-wrap {
	margin: 0;
	/*width: 100%;*/
	/*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);*/
	/*box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);*/
	/*background: #3e3436;*/
}

.menu {
	background-color: #205081;
	/*background-color: darkorange;*/
	border-bottom: 1px solid black;
	/*height: 2.75em;*/

	/*font-size: 1.25em;*/
	/*padding-top: .5em;*/
	/*padding-bottom: .5em;*/

	/*width: 1000px;*/
	/*margin: 0px auto;*/
	/*position: fixed;*/
	/*top: 0;*/
	/*left: 0;*/
}

.menu li {
	margin: 0;
	list-style: none;
}

.menu a {
	transition: all linear 0.15s;
	color: #ebebeb;
	text-decoration: none;
}

.menu li:hover > a, .menu .current-item > a,
.menu li:focus > a, .menu .current-item > a {
	text-decoration: none;
	color: #ffffff;
}

.menu .arrow {
	font-size: 11px;
	line-height: 0;
}

.menu > ul {
	padding-left: 0;
}

/*----- Top Level -----*/
.menu > ul > li {
	float: left;
	display: inline-block;
	position: relative;
	font-size: 1.25em;
	/*background: #205081;*/
	white-space: nowrap;
}

.menu > ul > li > a {
	/*padding: .5em 2em;*/
	padding-left: 1em;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-right: 2em;
	display: inline-block;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.menu > ul > li:hover > a, .menu > ul > .current-item > a,
.menu > ul > li:focus > a, .menu > ul > .current-item > a {
	background: #296ca3;
	/*background: orange;*/
	color: white;
}

/*----- Bottom Level -----*/
.menu li:hover .sub-menu,
.menu li:focus .sub-menu {
	z-index: 1000;
	opacity: 1;
}

.sub-menu {
	/*width: 160%;*/
	/*min-width: 160%;*/
	min-width: 120%;
	padding: 5px 0;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: -1;
	opacity: 0;
	transition: opacity linear 0.15s;
	/*box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);*/
	/*box-shadow: 1px 2px 2px 3px rgba(0, 0, 0, 0.2);*/
	/*box-shadow: 4px 4px 4px -2px rgba(0, 0, 0, 0.2), 4px 4px 4px -2px rgba(0, 0, 0, 0.2), -2px 4px 4px -2px rgba(0, 0, 0, 0.2);*/
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2), -5px 4px 7px rgba(0, 0, 0, 0.2), 5px 4px 7px rgba(0, 0, 0, 0.2);
	background: #f0f0f0;
}

.sub-menu li {
	display: block;
	font-size: 16px;
}

.sub-menu li a {
	padding: 10px 30px;
	display: block;
	color: black;
}

.sub-menu li a:hover, .sub-menu .current-item a,
.sub-menu li a:focus, .sub-menu .current-item a {
	background: #296ca3;
	/*background: orange;*/
}