/* import other style sheets for template */

@import url(forms.css);
@import url(table.css);

/* reset defaults */
* {  margin: 0; padding: 0; }

html { height:100%; }
body {
  height: 100%;
	font-size: 0.8em;
	/* font-family: Arial, Sans-Serif, Verdana; */
	/* font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 12px;  /* hack for IE */
	/* background: #F6F1DE url(../images/background.png) repeat-x top left; */
}

html>body {
/* hack for IE */
/*
 width: auto;
 min-width: 820px;
 */
}

h1 { margin: 10px 0; padding: 0; }
h2 { margin: 0; color: #990000; font-weight: normal; font-size: 140%; }
h3 { margin: 0; padding: 0; }
h4 { color: #313062; margin: 0; padding: 0; }
h5 { margin: 0; padding: 0; font-weight: normal; color: #999; }
h6 { margin: 0; padding: 0; }
ol, ul { padding-left: 30px; }
p { margin: 0px; padding: 0px; }
pre { display: block; margin: 0px; padding: 20px; font-size: 120%; }

p.storeHeader {
	margin: 10px 0 0px 0;
	padding: 0;
	font-weight: bold;
	font-size: 140%;
	font-family: Arial, Helvetica, sans-serif;
}

.no-nav { clear: both; padding-top: 75px; }

.trick { clear: both; }

/* main */

#container { height: 100%; width: 800px; min-width: 800px; padding: 0; margin: 0; background: #fff; }
#mainContent { width: 550px; min-width: 540px; max-width: 550px; padding: 0; padding-bottom: 10px; margin: 0; float: left;}
#sysmsg {   background-color: #333; border-bottom: 1px solid #efd873; color: white; padding: 6px; text-align: center; font-size: 90%; }
#sysmsg a { color: #efd873; }
#content { min-height: 100%; background-color: #fff; }
#content a { color: black; }

.errorText {
	color: #9C0000;
	font-weight: bold;
	display: block;
	padding-left: 8px;
	padding-top: 15px;
}


#footer { clear: both; width: 800px; border-top: 8px solid #E6E6E6; padding: 0; color: #8B8D8B; font-size:8pt; background-color:#fff;}
#footer * { display: inline; margin: 0; padding: 0; }
#footer a { color: #9C9D9C !important; }
#footer li.last a { padding-left: 8px; margin-left: 5px; border-left: 1px solid #9C9D9C; }
#footer ul { margin-left: 10px; }

#secondaryContent { margin: 100px 20px 0 0; padding: 0; padding-bottom: 10px; font-size: 90%; width: 200px; float: left;}

#singleContent {
	width: 550px;
	min-width: 540px;
	max-width: 550px;
	padding-bottom: 30px;
	margin: 0;
	margin-left: 50px;
	float: left;
}

#logoContainer {
	position: absolute;
	top: 40px;
}

#bannerHeader {
	background-color: #fff;
	padding: 0;
	margin: 0;
}

.bannerLink a,
.bannerLink a:visited {
	font-weight: normal;
	font-size: 90%;
	margin-left: 728px;
	padding-bottom: 10px;
	text-decoration: underline;
	color: #222;
}

#header {
	background-color: #4a78a5;
	border-bottom: 10px solid #dbe4ed;
	padding: 15px;
}

#header h2 {
	color: #9ccecd;
	padding: 8px 0 5px 10px;
}

#header .headerLink a {
	font-weight: normal;
	background: none;
	color: #B4DEFF;
	margin-left: 650px;
	text-decoration: underline;
}

h2 a {
	font-weight: bold;
	color: #900 !important;
	text-decoration: none;
}


#primaryNav { font-size: 130%; margin: 4px 0 14px 220px; padding: 10px 0 2px 0; background: #E3E3E3; width:580px; }
#primaryNav ul { padding: 0; margin: 0; background: #E3E3E3;}
#primaryNav li { padding: 4px 6px 2px 6px; margin: 0 40px 0 6px; background: #EaEaEa; }
#primaryNav li.current { color: #990000; background: #FFF;}

#primaryNav li a { color: #000; font-weight: normal; text-decoration: none; margin: 0; padding: 0; }
#primaryNav li a:hover { color: #900; text-decoration:none; }
#primaryNav li.current a { color: #990000; padding: 0; margin: 0; background: #FFF;}

#primaryLinks {  }
#primaryLinks ul { margin: 0; margin-left: 400px; margin-top: 40px; padding: 0; }
#primaryLinks li { padding: 0; margin: 0; margin-right: 10px; }
#primaryLinks li a { margin: 0; padding: 0; margin-right: 10px; width: 110px; color: #222; text-decoration: underline; font-size: 85%; }

.navigation li { margin: 0; padding: 0; display: inline; }
.navigation li a { margin: 0; padding: 0; }
.navigation li a img { margin: 0; padding: 0; }

p.navigation { margin: 0; padding: 0; }
p.navigation a { margin: 0; padding: 0; padding: 4px; border: 1px solid black; }


#steps {
	margin: 0;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-right: 25px;
	font-size: 120%;
}


#steps li {
	margin: 0;
	margin-right: 40px;
	padding: 0;
	color: #999966;
	font-weight: bold;
}

#steps li.current {
	margin: 0;
	margin-right: 40px;
	padding: 0;
	color: #222;
}

span.probe {
	margin: 0;
	padding: 0;
	display: none;
}

#accountContent {
	margin-top: 5px;
}

#staffMenu, #accountMenu { margin: 0; padding: 0; padding-top: 10px; margin-bottom: 20px; text-decoration: none; }
#staffMenu li.first, #accountMenu li.first { margin: 0; padding: 0 10px 0 0px; border-left: none; }
#staffMenu li, #accountMenu li { margin: 0; padding: 0; padding: 0 10px 0 10px; border-left: 1px solid black; }
#staffMenu a, #accountMenu a { margin: 0; padding: 0 10px 0 0px; margin: 0; padding: 0; color: #888; text-decoration: none; }
#staffMenu li a { color: #6f7f6e; font-weight: bold; }
#accountMenu li a:hover { color: #900; text-decoration:underline; }
#staffMenu li.current a, #accountMenu .current a { color: #222; }

/* adjust the navbutton p container with the a button */
p.navButton{
	margin: 0;
	padding: 10px;
	padding-left: 0px;
}

p.leftNavButton{
	margin: 0;
	padding: 0 0px 0 10px;
}

a.navButton,
.navButton a {
	margin: 0;
	margin-right: 10px;
	padding: 4px;

	background-color: #900;
	color: #fff !important;
	text-decoration: none;

	font-weight: bold;
	font-size: 120%;
	text-align: center;

	border: 3px solid #900;
	display: inline;
}

a:hover.navButton {
	border: 3px solid #cc9;
}


a.cancelButton {
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	padding: 3px;
	background-color: #F6EABD;
	color: #CD6531 !important;
	border: 3px solid #F6DE8B;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
}

.warning {
	color: red;
}

.warningAlert,
.successAlert,
.errorAlert {
/*	text-align: center; */
	padding: 10px 50px 14px 8px;
	margin: 0 20px 10px 0;
	font-size: 9pt;
	font-weight: normal;
  font-family: Verdana, Georgia, Times, serif;
	background: white url(/images/nagger.png) right no-repeat;
}

.successAlert a, .warningAlert a, .errorAlert a { font-weight: bold; }
.successAlert { background-color: #edf9d9; color: #333; border: 3px solid #8fc15e; }
.successAlert a { color: #360 !important; }
.warningAlert, .errorAlert { background-color: #cc9; color: black; /*	border: 3px solid #CD6531; */ }
.warningAlert a, .errorAlert a { color: #B46131 !important; }

.current {
	font-weight: bold;
}

span#cancel {
	display: inline;
}
span#cancel a {
	border: none;
	padding: 4px;
	margin-left: 8px;
	color: #B4B2B4;
	text-transform: lowercase;
	font-size: 50%;
	font-weight: normal;
}

#help {
	background-color: #CCCC99;
	padding: 15px 5px 15px 3px;
	width: 85%;
	margin: 0 auto;
	font-size: 95%;
}

#help h3 {
	font-weight: bold;
	font-size: 120%;
}

#help a {
	color: #333;
}

#help ul {
  list-style: square;
}

#help li {
	padding-top: 4px;
	padding-bottom: 10px;
}

.helpContent {
	padding-top: 4px;
	display: none;
}

h4 a {
	color: #313062 !important;
	text-decoration: none;
}

img {
  border: 0;
  padding: 0;
}

img#upload_indicator {
	margin-left: 10px;
}


#addAccount .errorText {
	padding: 0;
	margin: 10px 0 0 187px;;
	font-weight: normal;
}

div.uploadStatus {
  margin: 5px;
  display: inline;
}

.thumbnails {
}

.thumbnails ul { margin:0; padding:0; }

.thumbnails li{
	width:120px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
	background:#FFF;
  text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:2px;
  padding:3px;
	padding-bottom: 10px;
}

.thumbnails li.selected {
  /* border:2px solid #900; */
  background: #FFFBD4;
}

.thumbnails a span{
  top:10px;
  left:10px;
  width:120px;
  font-weight:bold;
  background:#FFF;
  color:#999;
  padding:5px 0 5px 0;
  font-size:80%;
}

.thumbnails input {
  width: 20px;  /* hide radio */
}

.thumbnails img{
	border:1px solid #EEE;
}

div .imgtxt {
  font-size:1%;
  color: #ccc;
}

#privacy,
#legal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; width: 550px; min-width: 540px; padding: 0; margin: 0; }
#legal h1,
#legal h2,
#privacy h1,
#privacy h2 { font-weight: bold; margin-top: 10px; margin-bottom: 8px; }
#privacy h1,
#legal h1 { font-size: 100%; }
#privacy h2,
#legal h2 { color: #6F7F6E; font-size: 140%; font-family: Arial, Helvetica, sans-serif; }
#privacy h3,
#legal h3 { color: #6B9453; font-size: 110%; font-family: Arial, Helvetica, sans-serif; padding: 5px 0 5px 0; }
#privacy ol,
#legal ol { list-style-type: decimal; font-size: 100%; margin-top: 5px; }
#privacy li, #legal li { list-style-type: lower-roman; margin-bottom: 5px; }
#privacy li { list-style-type: none; }

#faq-links li {
	list-style-type: square;
	margin-left: 20px;
}