/*Start TTJ CSS */

/* Taken from, of course, alistapart
/* http://www.alistapart.com/articles/holygrail
/* http://www.alistapart.com/d/holygrail/example_2.html
/* Modified with this HACK
/* http://www.gerd-riesselmann.net/development/the-holy-grail-css-layout-fix-for-ie7

UPDATE 06/02/2009
Need to update to this:
http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm
/*
/* IE Dynamic Expression to set the width */
/*

******FINAL*************
UPDATE 09/16/2009
http://matthewjamestaylor.com/blog/holy-grail-no-quirks-mode.htm

Note that for simpler layouts, you can use MALO
http://code.google.com/p/malo/

body {
  min-width: 1060px;
  width:expression(document.body.clientWidth < 1060 ? "1060px" : "100%" );
}

Updates for the Wishlist Safari and IE Hacks:
IE 7 and 8
http://my.opera.com/dbloom/blog/2009/03/11/css-hack-for-ie8-standards-mode

Safari:
http://ajaxian.com/archives/css-browser-hacks

*/
html {
  width: 100%;
}

body {
	margin:0;
	padding:0;
	width:100%;
  background: #000;
}

#placeholder {
  width: 1%;
  display: hidden;
}

#base_wrapper {
  position:absolute;
	left:50%;
	width:960px;
	margin-left:-480px;
	text-align: left;
}


/* top header bar */
#div01{
  float:left;
	width:100%;
	padding:0;
}

/* main content container*/
#colmask {
  position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

#colmid {
	float:left;
	width:200%;
	position:relative;
	left:200px;
}

#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-500px;
}
#colwrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#div02 {
	margin:0px 0px 0px 300px;
	overflow:hidden;
}

#div03 {
	float:left;
	width:0px;
	position:relative;
	margin-left:0%;
	left:0px;
	overflow:hidden;
}

#div04{
	float:left;
	width:250px;
	position:relative;
	left:15px;
	overflow:hidden;
}

/* footer content */
#div05{
  clear: both;
  text-align: center;
  padding-top: 20px; 
}

/* footer content */
#div06{
  clear: both;
  text-align: center;
  position: absolute;
  position: fixed;
  float: left;
  left: 0px;
  bottom: 0px;
  width: 100%;
  margin: 0px !important;
  padding: 0px !important;
}

#div07{
  float:left;
	width:100%;
	padding:0;
}

#zzdiv{
  display: none;
  position: absolute;
  top:0px;
  left:0px;
  z-index: 1010;
  width: 98%;
}

a:link {
  color: #fff;
}
/*End TTJ CSS */

#div02 div form {
  width: 600px !important;
}

input,select { 
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
		color: #000000;
		}

.custombutton {
  padding:0;
  margin:0;
  border:none;
  background:none;
  cursor:pointer;
  }
  
.styroform
		{
		float: left;
		}
		
.styro_container
		{
		display: none;
		}
		
* html .custombutton {cursor:hand;} /* alternate cursor style for ie */
  
.bold {
  font-weight: bold;
}

.white {
  color: white;
}

.padded_top {
  padding-top: 20px !important;
}

.padded_bottom {
  padding-bottom: 20px !important;
}

.row
		{
		clear: both;
		padding-top: 10px;
		padding-bottom: 5px;
		text-align: left;
		margin: 5px;
		color: #999;
		}

.row #errornotice
		{
		visibility: hidden;
		text-align: left;
		font-weight: bold;
		color: #cc0000;
		padding-right: 5px;
		}
/* CSS Document */

.skipnav {
  visibility: hidden;
	}

.row .headline {
	font-size: 22px;
	padding-right: 10px;
}
.row .reqs
		{
		display: none;
		}
.reqs
		{
		display: none;
		}
.row .twocol
		{
		float: left;
		width: 100%; 
		text-align: left;
		}
.row .twocolumn
		{
		float: left;
		width: 500px; 
		text-align: left;
		}

.row .threecol
		{
		float: left;
		width: 690px; 
		text-align: left;
		}
.row .threecol_padded
		{
		float: left;
		width: 690px; 
		text-align: left;
		padding-bottom: 15px;
		}
.row .threecolbold
		{
		float: left;
		width: 690px; 
		text-align: left;
		font-weight: bold;
		}
.row .threecolbold_padded
		{
		float: left;
		width: 690px; 
		text-align: left;
		font-weight: bold;
		padding-bottom: 15px;
		}
.row .threecolbold_paddedreg
		{
		float: left;
		width: 690px; 
		text-align: left;
		font-weight: bold;
		padding-bottom: 5px;
		margin-top: 5px;
		}
.row .threecol_dropped
		{
		float: left;
		width: 690px; 
		text-align: left;
		padding-top: 10px;
		}
.row .threecol_isolated
		{
		float: left;
		width: 690px; 
		text-align: left;
		padding-top: 10px;
		padding-bottom: 15px;
		}
.row .col1
		{
		float: left;
		/*width: 35%; */
		text-align: right;
		margin-right: 15px;
		}
* html .row .col1 {
    margin-right: 5px;
}
.row .col1a
		{
		float: left;
		width: 160px; 
		text-align: left;
		}
.row .col1b
		{
		float: left;
		width: 150px; 
		text-align: right;
		margin-right: 10px;
		}
.row .col1b2
		{
		float: left;
		width: 70px; 
		text-align: right;
		margin-right: 10px;
		}
.row .col2
		{
		float: left;
		width: 40%; 
		text-align: left;
		margin-right: 0px;
		}
.row .col2a
		{
		float: left;
		width: 480px;
		}
/*Because this is used for checkboxes, we need an "error" class*/
.row .col2a_error
		{
		float: left;
		width: 480px;
		}
.row .col2b
		{
		float: left;
		width: 130px; 
		text-align: left;
		}
.row .col2c
		{
		float: right;
		width: 10%;
		text-align: right;
		}
.row .col2c_left
		{
		float: left;
		width: 10%;
		text-align: right;
		}
.row .col2d
		{
		float: left;
		width: 90px;
		}		
* html .row .col2c {
    float: right;
    text-align: right;
		width: 5%;
}
.row .col3
		{
		float: left;
		width: 240px; 
		text-align: left;
		}

.row .finder {
		position: relative;
		float: right;
		right: 20px;
		border: 0px solid;
		}
.row .submit {
		position: relative;
		width: 50%; 
		text-align: right;
    margin-left: 15px;
		margin-bottom: 15px;
		border: 0px solid;
		}
.row .submitter {
		position: relative;
		float: right;
		right: 20px;
		margin-left: 15px;
		margin-bottom: 15px;
		border: 0px solid;
		}
.row .submitternull {
		position: relative;
		float: right;
		right: 20px;
		margin-left: 15px;
		margin-bottom: 0px;
		border: 0px solid;
		}
.row .submitterflat {
		position: relative;
		float: right;
		right: 20px;
		top: -40px;
		margin-left: 15px;
		margin-bottom: 0px;
		border: 0px solid;
		}
.row .submitterspace {
		position: relative;
		float: right;
		right: 60px;
		top: 10px;
		margin-right: 40px;
		margin-bottom: 15px;
		border: 0px solid;
		}
.row .spacewrapper
		{
		float: left;
		width: 400px;
		text-align: left;
		padding-bottom: 5px;
		}
.row .spacewrappershort
		{
		float: left;
		width: 85px;
		text-align: left;
		padding-bottom: 5px;
		}
.row .spacewrappermed
		{
		float: left;
		width: 690px;
		height: 65px;
		text-align: left;
		padding-bottom: 5px;
		}
.row .spacewrappertall
		{
		float: left;
		width: 690px;
		height: 85px;
		text-align: left;
		padding-bottom: 5px;
		}
.row .spacedshort
		{
		float: left;
		width: 85px; 
		text-align: left;
		margin-right: 15px;
		}
.row .spaced
		{
		float: left;
		width: 50px; 
		text-align: left;
		margin-right: 15px;
		}
.row .spacedmed
		{
		float: left;
		width: 80px; 
		text-align: left;
		margin-right: 15px;
		}
.row .spacedmed .indented
		{
		position: absolute;
		width: 180px; 
		text-align: left;
		margin-left: 5px;
		margin-right: 5px;
		}
.row .spacedwide
		{
		float: left;
		width: 100px; 
		text-align: left;
		margin-right: 15px;
		}
.row .spacedexwide
		{
		float: left;
		width: 200px; 
		text-align: left;
		margin-right: 15px;
		}
.row .spacedfull
		{
		float: left;
		width: 400px; 
		text-align: left;
		margin-right: 15px;
		}
.row .linebreak {
    color: #000;
		height: 1px;
		width: 100%;
}
.row .linebreak_float {
    float: left;
		color: #000;
		height: 1px;
		width: 100%;
}
.row .headline {
		font-size: 24px;
		color: #000;
		padding-right: 20px;
		}
.reqmessage {
		font-size: 9px;
		font-weight: bold;
		color: #45587E;
		}
		
/* INPUTS */
.row .col2input
		{
		width:  130px;		
		border: 1px solid grey;
		}
.row .twocolinput
		{
		width: 300px;		
		border: 1px solid grey;
		}
.row .input
		{
		float: left;
		width: 200px;
		border: 1px solid grey;
		margin-right: 10px;
		}
.row .inputtiny
		{
		width:80px;
		border: 1px solid grey;
		margin-right: 10px;
		}
.row .inputshort
		{
		width: 130px;
		border: 1px solid grey;
		margin-right: 10px;
		}
.row .inputmed
		{
		width: 130px;
		border: 1px solid grey;
		margin-right: 10px;
		}
.row .inputb
		{
		width: 110px;
		border: 1px solid grey;
		margin-right: 10px;
		}
.row .stateselect
		{
		width: 110px;
		border: 1px solid grey;
		}
.row .countryselect
		{
		width: 200px;
		border: 1px solid grey;
		}
.row .titleselect
		{
		width: 95px;	
		border: 1px solid grey;
		}
.row .makeselect
		{
		width: 100px;	
		border: 1px solid grey;
		}
.row .inputarea
		{
		width: 520px;
		height: 80px;
		font-size: 11px;
		border: 1px solid grey;
		}
		
.row .inputareadojo
		{
		width: 520px;
		height: 400px;
		margin-bottom: 10px;
		border: 1px solid grey;
		}

/* For Date-Time*/
.inputmonthhead {
  float: left;
  width: 90px;
  margin-right: 20px;
}

.inputmonth {
  float: left;
  width: 90px;
  margin-right: 5px;
  border: 1px solid grey;
}

.inputday {
  float: left;
  width: 50px;
  margin-right: 5px;
  border: 1px solid grey;
}

.inputyear {
  float: left;
  width: 60px;
  margin-right: 5px;
  border: 1px solid grey;
}

.regselect {
  float: left;
  width: 90px;
  margin-right: 20px;
  border: 1px solid grey;
}

.midselect {
  float: left;
  width: 250px;
  margin-right: 20px;
  border: 1px solid grey;
}

.longselect {
  float: left;
  width: 300px;
  margin-right: 20px;
  border: 1px solid grey;
}

.longselecttext {
  float: left;
  width: 200px;
  margin-right: 20px;
  border: 1px solid grey;
}

.submitter {
  padding: 5px;
  margin: 5px;
  margin-top: 20px;
}

.bigbottom {
  padding-bottom: 10px;
}

.row .icon16
		{
		position: relative;
		height: 16px;
		width: 16px;
		top: -3px;
		}

.redtext {
  color: #cc0000;
}

/* CSS Document */
.red {
    color: #cc0000;
}

.row .errorhidden
		{
		visibility: hidden;
		display: none;
		}
.row .errornotice
		{
		visibility: hidden;
		text-align: left;
		font-weight: bold;
		color: #cc0000;
		padding-right: 15px;
		}
.row .errornotice_visible
		{
		text-align: left;
		font-weight: bold;
		color: #cc0000;
		padding-right: 15px;
		}
.row .col2input_error
		{
		width:  130px;
		color: #cc0000;	
		border: 1px solid #cc0000;
		background: #ffcccc;
		}
.row .twocolinput_error
		{
		width: 300px;
		color: #cc0000;		
		border: 1px solid #cc0000;
		background: #ffcccc;
		}
.row .input_error
		{
		float: left;
		width: 200px;
		margin-right: 10px;
		color: #cc0000;
		border: 1px solid #cc0000;
		background: #ffcccc;
		}
.row .inputtiny_error
		{
		width: 80px;
		color: #cc0000;
		border: 1px solid #cc0000;
		margin-right: 10px;
		background: #ffcccc;
		}
.row .inputshort_error
		{
		width: 130px;
		color: #cc0000;
		border: 1px solid #cc0000;
		margin-right: 10px;
		background: #ffcccc;
		}
.row .inputb_error {
  color: #cc0000;
  width: 110px;
  border: 1px solid #cc0000;
  background: #ffcccc;
}

.row .stateselect_error
		{
		color: #cc0000;
		width: 110px;	
		border: 1px solid #cc0000;
		background: #ffcccc;
		}
.row .countryselect_error
		{
		color: #cc0000;
		width: 200px;	
		border: 1px solid #cc0000;
		background: #ffcccc;
		}
.row .titleselect_error
		{
		color: #cc0000;
		width: 95px;	
		border: 1px solid #cc0000;
		background: #ffcccc;
		}
.row .makeselect_error
		{
		color: #cc0000;
		width: 100px;	
		border: 1px solid #cc0000;
		background: #ffcccc;
		}
.row .spacewrapper_error
		{
		float: left;
		width: 200px;
		text-align: left;
		padding-bottom: 5px;
		color: #cc0000;
		}
.row .spacewrappershort_error
		{
		float: left;
		width: 85px;
		text-align: left;
		padding-bottom: 5px;
		}
.row .spacedshort_error
		{
		float: left;
		width: 85px; 
		text-align: left;
		margin-right: 15px;
		color: #cc0000;
		}
.row .spaced_error
		{
		float: left;
		width: 150px; 
		text-align: left;
		margin-right: 15px;
		color: #cc0000;
		}
.row .spacedmed_error
		{
		float: left;
		width: 210px; 
		text-align: left;
		margin-right: 15px;
		color: #cc0000;
		}
.row .spacedmed_error .indented
		{
		position: absolute;
		width: 180px; 
		text-align: left;
		margin-left: 5px;
		margin-right: 5px;
		}
.row .spacedwide_error
		{
		float: left;
		width: 300px; 
		text-align: left;
		margin-right: 15px;
		color: #cc0000;
		}
.row .offererror
		{
		float: left;
		width: 400px; 
		text-align: left;
		margin-right: 15px;
		color: #cc0000;
		}
.row .offererror_error
		{
		float: left;
		width: 400px; 
		text-align: left;
		margin-right: 15px;
		color: #cc0000;
		}
.row .inputarea_error
		{
		width: 520px;
		height: 80px;
		font-size: 11px;
		border: 1px solid #cc0000;
		color: #cc0000;
		background: #ffcccc;
		}
.row .inputareadojo_error
		{
		width: 520px;
		height: 400px;
		margin-bottom: 10px;
		border: 1px solid #cc0000;
		color: #cc0000;
		background: #ffcccc;
		}
/* For Date-Time*/

.inputmonth_error {
  float: left;
  width: 90px;
  margin-right: 5px;
  color: #cc0000;
  border: 1px solid #cc0000;
}

.inputday_error {
  float: left;
  width: 50px;
  margin-right: 5px;
  color: #cc0000;
  border: 1px solid #cc0000;
}

.inputyear_error {
  float: left;
  width: 60px;
  margin-right: 5px;
  color: #cc0000;
  border: 1px solid #cc0000;
}

.regselect_error {
  float: left;
  width: 90px;
  margin-right: 20px;
  color: #cc0000;
  border: 1px solid #cc0000;
  background: #ffcccc;
}

.midselect_error {
  float: left;
  width: 250px;
  margin-right: 20px;
  color: #cc0000;
  border: 1px solid #cc0000;
  background: #ffcccc;
}

.longselect_error {
  float: left;
  width: 400px;
  margin-right: 20px;
  color: #cc0000;
  border: 1px solid #cc0000;
  background: #ffcccc;
}

.longselecttext_error {
  float: left;
  width: 200px;
  margin-right: 20px;
  color: #cc0000;
  border: 1px solid #cc0000;
  background: #ffcccc;
}

.row .inputcheck .check
    {
		color: #000;	
		}
		
.row .inputcheck_error .check
    {
		color: #cc0000;
		}

.pageerror {
  display: none;
}