body{
	background:white;
	font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode",Helvetica, Arial, sans-serif;
	font-size:1em;
	margin:0;
	padding:0;
	color:#000000;
}

dfn{
	color: #555555;
	font-size: 0.8em;
}

table{
	border:0;	
}

th{
	font-weight:bold;
	text-align:left;	
}

tr{
	vertical-align:top;
}

p{
	margin:0 0 2em 0;	
}

img{
	margin:0;
	border:0;	
}

h1{
	font-size: 2em;
	font-weight: normal;
	margin:0;	
	color:#333333;
}

h2{
	font-size: 1.4em;
	font-weight: normal;
	margin:1em 0 0 0;	
	color:#555555;
}

hr{
	border:0;
	border-top: 1px solid #bbbbbb;
	margin:0 0 0.5em 0;	
}

a:link, a:visited{
	color:#666666;
	font-weight:bold;
	text-decoration:underline;
	border:0;
}

a:hover{
	text-decoration:underline;
	color:black;
	border:0;	
}

.section{
	margin:0 0 4em 0;	
}

#topContainer{
	background: url('img/top.png') repeat-x;
	height:125px;
}

#topTable{
	width:650px;
	margin:0 auto;
}

#topMenu{
	float:right;
	margin:0;
	padding:0;	
	list-style:none;
	height:125px;
	vertical-align:top;
}


#topMenu a{
	float:left;
	padding:0;
	margin:0 0 0 10px;
	display:block;
	width:100px;
	height:120px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border:0;
}

#topMenu span{
	display:none;	
}

#topMenu a:hover{
	background-position: 0px -125px;	
}

#contentContainer{
	margin:0;
	background: url('img/bg.png') repeat-x;	
}

#contentDiv{
	width:650px;
	padding:60px 0;
	margin:0 auto;
	min-height: 250px;
	vertical-align:top;
}

#errorDiv{
	background:#A80000;
	border:1px solid #6C0000;
	color:white;
	padding:1em;	
	margin:0 0 1em;
}


#helpList{
	list-style-type: none;	
	padding:0;
	margin:0 2em 0 0;
}

#helpList img{
	vertical-align:middle;	
	margin-right: 2em;
}

#helpList a:link a:visited a:active{
	display:block;
	vertical-align:middle;
	text-decoration:none;
	width:100%;
	margin: 0.25em 0;
	padding:1em;
	border:1px solid white;
}

#helpList a:hover{
	border: 1px solid #cccccc;
	background-color: #eeeeee;
}

#appIconDiv{
	margin:0 auto;
	width:650px;
	height:130px;
	white-space:nowrap; 	
}

/* App icon images that appear in apps page. CSS hover effect by changing background position */
.appIconButton{
	display:block;
	float:left;
	padding:0;
	margin:0;
	width:90px;
	height:130px;
	border:0px;
	background-position:0px 0px;
	background-repeat: no-repeat;
}

/* Text in App icon image button */
.appIconButton span{
	visibility: hidden;
}

/* The popup the appears when user hovers mouse over app icon */
.appPopup {
	visibility:hidden;
	position:absolute;
	top:315px;
	width:720px;
	left:auto;
	right:auto;
	padding:0px;
}

.appPopupInner{
	margin-top:0px;
	margin-left:20px;
	margin-right:20px;
	padding:20px;
	color:#333333;
	/*background: #666666;*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333'); *//* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));*/ /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #666666,  #333333); *//* for firefox 3.6+ */
		background: #dedede;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#c6c6c6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#c6c6c6)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #e0e0e0,  #c6c6c6); /* for firefox 3.6+ */ 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.appPopupInner h1{
	font-size: 2em;
	font-weight: bold;
	margin:0 0 0.5em 0;	
	color:black;
}

/*.appPopupInner a:link{
	color:#c0c0c0;	
}

.appPopupInner a:visited{
	color:#c0c0c0;	
}


.appPopupInner a:hover{
	color:white;	
}*/

.showcaseContainer
{
	position: absolute;
	top: 250px;
	left: auto;
	right: auto;
	width: 750px;
}

.showcaseButton
{
	display:block;
	position:absolute;
	width:50px;
	height:50px;
	opacity: 0.5;
	border:0;
	top:120px;
}


.showcaseDiv
{
	position: absolute;
	width:610px;
	height:200px;
	top: 30px;
	left:50px;
	background: #dedede;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#c9c9c9'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#c9c9c9)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #e5e5e5,  #c9c9c9); /* for firefox 3.6+ */ 
	padding:20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	-moz-box-shadow: 2px 2px 6px #999999;
	-webkit-box-shadow: 2px 2px 6px #999999;
	box-shadow: 2px 2px 6px #999999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#999999');
}

.showcaseUL
{
	color: #555555;
	font-size: 0.8em;
}

.showcaseUL li
{
	padding-bottom: 6px;
}

.showcaseImage
{
	position: absolute;
	right: 70px;
	z-index: 5;
}




.in{
	background:white url('img/inputbg.png') no-repeat;
	padding: 0.4em;
	border:1px solid #444444;
	font-family:  "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size:1em;
}

.btn{
	padding:0.5em;
	font-family:  "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size:1em;
}

.applinks{
	margin:1em 0 0 0;
	padding:0;
}

.applinks li{
	display:block;
	margin:0 25px 0 0;
	float:left;
}