/* GLOBAL styles */

html {
	height: 100%; /* sets up body to allow full-height children */
}

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif, FreeSans;
	color: #333; 
	font-size: 12px;
	text-align: center;
	
	/* sets up body to allow full-height children */
	position: relative;
	height: auto; min-height: 100%;
	_height: 100%; /* IE 4-6 fix */
}

.bold {
	font-weight: bold;
	}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #667680;
	font-size: 20px;
	margin:13px 0px;
	}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #667680;
	font-size: 18px;
	}

h3, .hintTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #667680;
	font-size: 16px;
	}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #390;
	font-size: 14px;
	margin: 0;
	padding: 0 0 6px 0;
	}

a.noUnderline {
	text-decoration:none;
}
/* This is default behavior in FF.  Make it also default behavior in IE for consistency */
p { 
	margin: 12px 0;
}

/* 'border="0"' is no longer needed on <img>s; this CSS has the same effect */
img { border: 0; }

#centerJustifiedDiv
	{
	width:950px;
	margin: 0 auto;
	text-align: left;
	}

/* HEADER / FOOTER */
/* Too generic, being picked up by unrelated classes
	.warningMessage {
 	line-height:1.25em;
	display:block;
	font-size:12px;
	min-height: 20px;
	padding-left:35px;
	padding-top:6px;
	background: url('/images/icon.warning.crystal-clear.s32.png') no-repeat center left;
	} */

.errorMessage {
 	line-height:1.25em;
	display:block;
	font-size:12px;
	min-height: 20px;
	padding-left:35px;
	padding-top:6px;
	background: url('/images/icon.cancel-x.crystal-clear.s24.png') no-repeat center left;
}

.notifyMessage {
 	line-height:1.25em;
	font-size:12px;
	min-height: 20px;
	padding:5px 0 5px 35px;
	margin:0 0 0 15px;
	background: url('/images/icon.apply-check.crystal-clear.s24.png') no-repeat center left;	
}

.railsNotifyWrapper {
	background-color: #EEEEEE;
	border:1px solid green;
	margin:2px 0;
	padding:12px 10px 12px 0;
}

.railsNotifyMessage {
 	line-height:1.25em;
	font-size:12px;
	min-height: 20px;
	padding:5px 0 5px 35px;
	margin:0 0 0 15px;
	background: url('/images/icon.apply-check.crystal-clear.s24.png') no-repeat center left;	
}

.railsWarningMessage {
 	line-height:1.25em;
	font-size:12px;
	min-height: 20px;
	padding:5px 0 5px 35px;
	margin:0 0 0 15px;
	background: url('/images/icon.warning.crystal-clear.s24.png') no-repeat center left;	
}

.notifyWrapperTop {
	background: url('/images/notice-top.png') no-repeat center left;	
	width:927px;
	margin-top:5px;
}

.notifyWrapperBottom {
	background: url('/images/notice-bottom.png') no-repeat center left;	
	width:927px;
	margin-bottom:15px;
}

.notifyMessage {
 	line-height:1.25em;
	font-size:24px;
	font-weight:bold;
	color:Gray;
	min-height: 100px;
	padding:0;
	margin:0 0 0 1px;
	border-left:#ff9701 2px solid;
	border-right:#ff9701 2px solid;
	width:921px;
	background: #f8f5ec;	
	background-position:10px;
}

.notifyMessageMini {
 	line-height:1.25em;
	font-size:12px;
	min-height: 20px;
	padding:5px 0 5px 35px;
	font-weight:bold;
	color:Gray;
	min-height: 30px;
	padding:0;
	margin:0 0 0 1px;
	border-left:#ff9701 2px solid;
	border-right:#ff9701 2px solid;
	width:921px;
	background: #f8f5ec;	
	background-position:10px;
}

.notifyMessage table td.imageIcon {
	width:165px;
	text-align:center;
}

.notifyMessageMini table td.imageIcon {
	width:50px;
	text-align:center;
}

.notifyMessage table td.imageIcon img {
	padding-left:10px;
}

#errorExplanation {
  /* width: 400px; */
  width: auto;
  border: 2px solid red;
  margin-bottom: 20px;
  background-color: #f0f0f0;
  padding:7px 7px 12px;
}

#errorExplanation p.errorBackgroundNoSave {
  padding-left:35px;
  background: url('/images/icon.cancel-x.crystal-clear.s24.png') no-repeat center left;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  margin: 7px;
  padding-left:35px;
  background: url('/images/icon.cancel-x.crystal-clear.s24.png') no-repeat center left;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}
/* BODY SECTION */
#bodyWrapper {
	clear: both;
	width: 100%;
	background-color: #fff;
	}

.bodyWrapperRight, .bodyBigSide {
	float:left;
	width: 730px;
	}
	
.bodyWrapperLeft, .bodyLittleSide {
	float:left;
	width: 165px;
	}
	
.bodyWidth {
	width: 915px;
	margin: auto;
	padding: 10px;
	}

#TopSectionHintArea {
	line-height: 1.5em;
}

.tooltipText {
	z-index:10;
	margin:5px;
	background-color:white;
	border:groove;
	padding:5px;
	min-width:200px;
	font-size:11px;
	color:Gray;
	font-weight:bold;
	}

.leftSideFloatWidth {
	float:left;
	width:210px;	
	margin-right:10px;
	margin-top:12px;
}

.right_align {
	text-align:right;
}
/* BREADCRUMB */

#breadcrumb {
	word-spacing: 4px;
	color: #667680;
	font-size: 11px;
	padding-bottom:4px;
	border-bottom:1px dotted #390;
	}

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active {
	word-spacing: normal;
	text-decoration: none;
	font-size: 11px;
	}

/* TAB / Header styles */

img.corners {
	width: 8px;
	height: 8px;
	border: none;
	float: left;
	}


/* FADE styles */

.fadeBox60Bot {
	background:url(/images/grad_bot60.gif) no-repeat bottom;
	clear:both;
	height:36px;
	margin-top:10px;
	}

/* GREEN buttons = WHITE text and links */

.bigSubmitButton {
	font-size:18px;	
}

.button26 {
	background: url("/images/grad_green26.gif") repeat-x;
	background-color: #390;
	color:#FFFFFF;
	border: solid #390 1px;
	text-align: center;
	font-weight:bold;
	padding: 3px 18px;
	cursor:pointer;
	}
	
.button26_bigger {
	background: url("/images/grad_green26.gif") repeat-x;
	background-color: #390;
	color:#FFFFFF;
	border: solid #390 1px;
	text-align: center;
	font-size:16px;
	font-weight:bold;
	padding: 3px 18px;
	cursor:pointer;
}

.button26_red {
	background: url("/images/grad_red26.gif") repeat-x;
	background-color: red;
	color:#FFFFFF;
	border: solid red 1px;
	text-align: center;
	font-weight:bold;
	padding: 3px 18px;
	cursor:pointer;
	}

.button26_red_bigger {
	background: url("/images/grad_red26.gif") repeat-x;
	background-color: red;
	color:#FFFFFF;
	border: solid red 1px;
	text-align: center;
	font-size:16px;
	font-weight:bold;
	padding: 3px 18px;
	cursor:pointer;
}

.button26_tan {
	background: url("/images/grad_brown.png") repeat-x;
	background-color: #ab9f19;
	color:white;
	border: solid #ab9f19 1px;
	text-align: center;
	font-weight:bold;
	padding: 3px 18px;
	cursor:pointer;
	}

#stalkGroupContainer .userThumbnail 
{
	float:left;
	width:55px;
}

.usersOnlineListItem
{
	float:left;
	width:190px;	
	border-bottom:1px dashed gray;
	padding:8px 0;
}

#stalkGroupContainer .usersOnlineListItem {
	width:200px;
}

#stalkGroupContainer .userDescription 
{
	float:left;
	margin-left:10px;
	width:130px;
}

/*---------------------------------------------------------*/

.userSwatchContainer .ownerName {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	}
.userSwatchContainer .ownerLocation {
	color: #667680;
	font-weight: bold;
	}

#ownerBoothMeta {
	margin-left: 8px;
	max-width: 170px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 11px;
	line-height: 1.5em;
	}
#ownerBoothMeta p {
	padding: 8px 0 0 0;
	}
#ownerBoothMeta a {
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#ownerBoothMeta .tagsLinks {
	width: 152px;
	}
	
/* RIGHT Column - LOOT */

.status_explanation 
{
	background-color:white;
	border:solid 2px #E8E6CC;
	padding:2px;
	width:100px;
	position:absolute;	
	color:#666666;
	z-index:100;
	bottom:10px;
	right:-100px;
}

.clearfloat {
	clear: both;
	}

div#checkoutPaymentContainer div#scheduleViewForm {
	position:inherit;
	display:block;
}

#scheduleViewForm {
	position:absolute;
	display:none;
	z-index:10;
	text-align:left;
	width:450px;
}

#scheduleViewForm fieldset {
	border:5px solid gray;
	background:#eee;
	color:black;
	padding:6px;
}

.dashedDivider {
	width:100%;
	border-top:1px dashed gray;
	height:1px;
}

.rightFloatPicture {
	float:right;
	margin:10px;
	text-align:center;
	color:Gray;
	font-style:italic;
}

table.thickGrayBordered {
	border: 3px solid rgb(234, 234, 234); 
}

table.etsyEsque tr {
	background-color:#F9F9F7;
}

table.etsyEsque tr.normalRow td {
	padding:3px;
	border-top:1px solid #EAE9E4;
}

table.etsyEsque tr.headerRow {
	background-color:#EAE9E4;
	font-size:11px;
}