/***************************************************** 
base styles 
/****************************************************/
a img 
{
	border: 0;
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
}

form 
{
	margin: 0 auto;
	padding-top: 10px;
	padding-left: 20px;
} 

form * 
{ 
	margin:0;
	padding:0;
}

form div, fieldset 
{
	margin-top: 10px;
	border: none;
}

form ul 
{
	list-style:none;
	position: relative;
	padding-left: 0px;
	margin-left: 120px;
}

legend 
{
	color: #000;
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6
{
	margin: 20px 0 5px 0;
}
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4
{
	font-size: 12px;
	font-style: italic;
}

img { border:none; }

p
{
	margin-top: 0px;
	margin-bottom: 5px;
}

td h1 
{
	padding: 10px;
	margin: 0px;
	border: 0;
	font-weight: bold;
	font-size: 15px;
}


/* LAYOUT STYLES */
#content 
{
	padding: 0;
	margin: 0;
}

#content>img 
{
	margin-top: 30px;
}

#de_5
{
	width:60px;
}

#de_10
{
	width:30px;
}

#footer 
{
	width: 740px;
	margin-left: 5px;	
}

#frameWrap
{
	width:750px;
	background-color: #FEFEFE;
	margin:0px auto 0px;
	padding:0px;
	border-bottom-width:0;
}

#frame
{
	width:750px;
	margin:0px auto;
}

#content
{
	margin:0;
	padding:0;
}

#landing
{
	display:none;
}

#landing label
{
	display: inline-block;
}

#noscript 
{
	height: 105px; 
	text-align: center; 
	padding-top: 65px;
}

#noflash-gallery 
{
	padding: 90px 0 0 0; 
	height: 400px;
}

#noflash-thumbs 
{
	list-style: none;
	width: 240px;
	margin: 0 10px 0 5px;
	padding: 0;
	float: left;
}

#noflash-thumbs li 
{
	height: 104px;
	width: 104px;
	text-align: center;
	background: transparent url(../images/noflash/gallery_bg.png);
	margin: 4px;
	padding: 6px 4px 4px 4px;
	float: left;
}

#noflash-detail 
{
	height: 360px;
	width: 480px;
	text-align: center;
	background: transparent url(../images/noflash/gallery_bg.png);
	padding: 4px;
	float: left;
}

#noflash-menu 
{
	width: 750px;
	height: 30px;
	background: #ccc url(../images/noflash/tile.png) repeat-x;
	margin: 0;
	padding: 0;
	list-style:none;
}

#noflash-menu li 
{
	margin: 0;
	margin-left: 20px;
	margin-top: 5px;
	padding: 0px 5px;
	float: left;
	
}

#noflash-share 
{
	margin-left: 180px !important;
}

#noflash-menu a:link, #noflash-menu a:visited 
{
	font-weight:lighter;
	color: #666;
	font-size: 14px;
	
}

#noscript 
{
	height: 105px; 
	text-align: center; 
	padding-top: 65px;
}

#page-count 
{
	font-weight:lighter;
	color: #666;
	font-size: 14px;
	padding: 0px 5px;

}

#popup 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:10px;
	margin: 0 auto;
	color: #000000;
	background:#DDDDDD;
}

#noflash-menu a:hover 
{
	color: #666;
	text-decoration: none;
}

#noflash-menu img 
{
	margin-top: -5px;
}

#noflash-message 
{
	text-align:center;
}

#sidebar table 
{
	margin-bottom: 10px;
/*
	border-top: 2px solid #abc;
	border-right:1px solid #ccd;
	border-left:1px solid #abc;
	border-bottom: 3px solid #99a;
*/
}

#sidebar table table 
{
	margin-bottom: 0px;
	border: 0;
}

#sidebar tr, #sidebar td 
{
	margin: 0px;
	padding: 0px;
	border: 0px;	
}

#sidebar .textSmall  
{
	padding: 3px 4px 1px 8px;	
}

#survey
{
	padding: 10px 20px;
}

#text
{
	float: left;
	width: 400px;
	padding: 30px 0 0 50px;
}

#mode
{
	color:#000;
	position:absolute;
	width:100%;
	left:0;
	top:0;
	font-family: arial, helvetica, sans-serif;
	font-size:17px;
	background: #ffee66;
	filter:alpha(opacity=70); 
	-moz-opacity: 0.70; 
	opacity: 0.70;
	z-index: 1;
}

#sidebar
{
	float: left;
	width: 260px;
	padding: 30px 0 0 50px;
}

#sidebar div
{
	margin-bottom: 10px;
}

#sidebar h1
{
	margin: 0;
	font-weight: normal;
	font-size: 12px;
	padding-left: 5px;
}

#sidebar p
{
	padding: 2px 5px;
	font-size: 10px;
}

#submit1 
{
}

#submitSurvey 
{
	margin-left: 120px;
}

#footer
{
	padding-bottom:5px;
	padding-top:10px;
	padding-left:10px;
	font-size:10px;
	text-align:center;		
}

#footer a:link, a:hover, a:visited { color: inherit; }

#footer a { text-decoration: none; }

#footer a:hover { text-decoration: underline; }

#help_questions {padding: 20px}

#pseudo-banner 
{
	position:absolute;
	top: 0;
	left: 0;
	z-index: 100;
	display: block;
}

#pseudo-banner img 
{
	cursor: pointer;
	width: 200px;
	height: 60px;
	border: 0;
}

#text, #sidebar 
{
	margin: 0;
	padding: 30px 20px;
}

#text ul 
{
	list-style: none;
}

#text li 
{
	padding-left: 12px;
	background: url(../images/star.jpg) no-repeat;
}


/* INLINE STYLES */
.small, .textSmall { font-size: 9px; }

.error { color: #F00; }

.required 
{
	color: red;
	margin-left: 0px;
}

/* SPECIAL STYLES */
.help_a 
{
	display:none;
	width:500px;
}

.help_q 
{
	border-bottom:#eee solid 1px;
}

/*  Classes  */
.action-button {
	margin: 10px 0;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	color: #d0d3e4 !important;
	border: 1px solid #fff;
	background: url(../images/share-photos/bg_share_button.png) repeat-x left center;
	display: block;
	text-decoration: none !important;
	text-align: center;
}

.clear-both { clear:both; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.IDhelp {
	display:none;
	color:blue;
	font-style:italic;	
	font-size:10px;	
}

.text-left, .text-right, .text-bottom, 
.select-left, .select-right, .select-bottom, 
.textarea-left, .textarea-right, 
.radio-bottom, .radio-right, .radio-bottom, 
.checkbox-bottom, .checkbox-right, .checkbox-bottom, 
.checkbox-multiple-bottom, .checkbox-multiple-right, .checkbox-multiple-bottom {margin: 15px 0}

/* text left styles */
.text-left input {
	margin: -3px 0 0 125px;
	width: 200px;
}

/* text right styles */

.text-right label {
	width: 120px;
	float: left;
	text-align: left;
}

.text-right input {
	width: 200px;
	clear: right;
	height: 16px;
}
.text-right select {
	margin: -3px 0 0 6px;
	clear: right;
}

/* text bottom styles */
.text-bottom label {
	margin-left: 125px;
}

.text-bottom input {
	margin: 5px 0 0 125px;
	width: 200px;
}

/***************************************************** 
single checkbox styles 
/****************************************************/

/* text left styles */
fieldset.checkbox-left 
{
	padding-left: 125px;
}
.checkbox-left input 
{
	margin: 0;
	padding: 0;
}
.checkbox-left .answer 
{
	display: none;
}

/* text right styles */

.checkbox-right label {
	width: 120px;
	float: left;
	text-align: left;
}

.checkbox-right input {
	margin: -3px 0 0 6px;
	clear: right;
}

/* text bottom styles */
.checkbox-bottom label {
	display: block;
}

.checkbox-bottom input {
	margin: 5px 5px;
}

form .checkbox-bottom ul {
	margin-top: 0;
}

/***************************************************** 
select styles 
/****************************************************/

/* select left styles */
.select-left select {
	margin: -3px 0 0 125px;
}

/* select right styles */
.select-right label {
	width: 120px;
	float: left;
	text-align: left;
}

.select-right select {
	margin: 0;
	clear: right;
}

/* select right styles */
.select-bottom label {
	float: left;
	text-align: left;
}

.select-bottom select {
	margin: 5px 0 0 125px;
}

/***************************************************** 
radio styles 
/****************************************************/

.radio-left ul {
	margin-left: 125px;
	padding-top: 10px;
}

.radio-right ul {
	padding: 0px;
}

.radio-right li {
	padding-left: 0px;
	padding-top: 3px;
	margin-left: 0px;
}


.radio-right label {
	width: 120px;
	float: left;
	text-align: left;
}

.radio-right input {
	padding-left: 0px;
	margin: 2px 0 0px 6px;
	clear: right;
}


.radio-bottom ul {
	text-align: center;
	padding-top: 10px;
}

.radio-bottom li {
	float: left;
	text-align: center;
	padding-top: 10px;
	padding-left: 10px;
}


/***************************************************** 
multiple checkbox styles 
/****************************************************/

.checkbox-multiple-left ul {
	margin-left: 125px;
	padding-top: 10px;
}

.checkbox-multiple-right ul {
	padding-top: 10px;
}

.checkbox-multiple-right label {
	width: 120px;
	float: left;
	text-align: left;
}

.checkbox-multiple-right input {
	margin: -3px 0 0 6px;
	clear: right;
}


.checkbox-multiple-bottom ul {
	text-align: center;
	padding-top: 10px;
}

.checkbox-multiple-bottom li {
	float: left;
	text-align: center;
	margin-left: 20px;
}

/***************************************************** 
submit buttons
/****************************************************/
.submit 
{
	margin-left: 120px;
}

.validation
{
	background: url('../images/v_unvalidated.gif') center no-repeat;
	padding: 0;
	width: 18px;
	height: 1px;
	margin-left: 10px;
	display: inline-block;
}

.valid
{
	background: url('../images/v_valid.gif') center no-repeat;
	border: 1px solid #9C9;
	padding: 0;
	width: 14px;
	height: 14px;
	display: inline-block;
}

.invalid
{
	background: url('../images/v_notvalid.gif') center no-repeat;
	border: 1px solid #C99;
	padding: 0;
	width: 14px;
/*
	background-position: left;
	min-width: 14px;
	width: auto;
	padding-left: 16px;
	color: #C99;
*/
	height: 14px;
	display: inline-block;
}
