/* CSS Document */

.preview {
  z-index: 2;
  position: absolute;
  top: 300px;
  left: 10px;
  display: none;
  background-color: #DFDFED;
  font-family: "myriad Pro", Verdana, sans-serif;
  min-height: 300px;
  height: auto;
  width: 855px;
  padding: 16px 30px 0px 30px;
} 

.main_body {
  width: 100%;
  min-height: 100px;
  height: auto;
}

.main_nav {
  width: 100%; 
  height: 70px; 
  margin-top: 30px;
}

.preview img.done {
  position: absolute;
}

.preview img.more, .preview img.morenoclick{
  position: absolute;  
  right: 30px;
}

.preview .comments {
  display: none; 
  width: 855px; 
  height: 240px; 
  background-color: #AEADD1;
}

.preview .holder {
  margin-top: 0px;
  float: left;
  width: 420px; 
  height: 200px; 
  padding: 20px 15px 20px 45px;   
}

.scroll-pane {
  height: 200px; 
}

.preview .share {
  display: none; 
  width: 465px; 
  height: 240px; 
  background-color: #AEADD1;
}

.share_form {
  padding: 20px 40px 10px 20px; 
  width: 100%; 
  height: 210px; 
  font: 14px 'Myriad Pro';
}

.share_form .instructions {
  font-size: 12px;
  padding-bottom: 9px;
  width: 90%;
}

.share_form .option {
  font-size: 12px;
  padding-bottom: 9px;
  width: 200px;
  float: left;
}

.share_form .line {
  padding-bottom: 9px;
  width: 90%;
}

.share_form .line input, .share_form .line textarea {
  color: #FFFFFF;
  width: 400px; 
  background-image: url(../images/txtGradient.gif);
  background-repeat: repeat;
}

.share_form .send {
  float: left; 
  text-align: right; 
  width: 200px; 
  font-weight: bold; 
  font-size: 16px; 
  color: #4F3A97;
}

.comment_form {
  float: left; 
  width: 355px; 
  height: 200px; 
  padding: 30px 0px 10px 20px; 
  font: 14px 'Myriad Pro';
}

.comment_form .line {
  padding: 8px 0px;
}

.comment_form .line input, .comment_form .line textarea {
  color: #FFFFFF;
  width: 310px; 
  background-image: url(../images/txtGradient.gif);
  background-repeat: repeat;
}

.comment_form .post {
  padding: 0px 0px; 
  font-size: 16px; 
  font-weight: bold; 
  color: #64619E; 
  text-align: right; 
  width: 310px;
}

.close {
  position: absolute; 
  z-index: 3; 
  height: 20px; 
  width: 20px; 
  top: 10px; 
  right: 10px;
}

.listmod {
	width:270px;
	height: 14px;
	padding:0;
	margin: 3px 0px 0px 10px;
	overflow:hidden;
	list-style:none;
}
.listmod li.tab1, .listmod li.tab2 {
	display:inline;
	padding:0px 2px 0px 2px;
	height: 26px;
}
.listmod li#sep {
	display:inline;
	padding: 0px 3px 0px 0px;
	background:url(../images/separator.gif) no-repeat 0 50%;
}
.listmod li a {
  padding-bottom: 0px;
	font: 10px/14px Helvetica, Arial, sans-serif;
	color: #605DA5;
	text-decoration: none;
	text-transform: uppercase;
}
.listmod li a:hover {text-decoration:underline}

.quote_list {
	background:url(../images/quote-left.gif) no-repeat;
	width:328px;
	padding:0px 0px 14px 30px;
	overflow:hidden;
}
.quote_list p {
	display:inline;
	font:bold 210%/110% Helvetica, Arial, sans-serif;
	color:#000;
	margin:0;
	letter-spacing:-1px;
}
.quote_list span {
	background:url(../images/quote-right.gif) no-repeat;
	width:1px;
	height:1px;
	line-height:20px;
	padding:4px 12px 15px 12px;
	display:inline;
	margin:0 0 0 3px;
	text-indent:-9999px;
}
.quote_list em {
	display:inline;
	font:italic 140%/120% Helvetica, Arial, sans-serif;
	color:#666;
	margin:0;
}

.defaultTextActive { 
  color: #A1A1A1; 
  font-style: italic; 
}

#message { 
  width:180px;
  margin:60px 0 0 70px; 
  text-align: center;
}
#message h2	{ 
  font-size: 150%;
  color: white; 
}
#message p { 
  color: white;
  font-weight: bold;
  margin: 6px 0px; 
}

.jpz_bio, .about_popup, .talk_popup {
  z-index: 4;
  position: absolute;
  top: 50px;
  right: 0px;
  display: none;
  background-color: #706EAF;
  font-family: "myriad Pro", Verdana, sans-serif;
  color: #FFFFFF;
  min-height: 560px;
  height: auto;
  width: 340px;
  padding: 30px 30px;
}

.about_popup {
 z-index: 5;
 position:absolute;
 top: 50px;
 right: 0px;
 font-size: 14px;
}


.jpz_bio p, .about_popup p, .missed_popup p {
  font-size: 16px;
  line-height: 18px;
}

.jpz_bio .close, .about_popup .close, .missed_popup .close {
  position: absolute; 
  z-index: 3; 
  height: 20px; 
  width: 20px; 
  top: 8px; 
  right: 8px;
}

.jpz_bio img.done, .about_popup img.done, .missed_popup img.done {
  position: absolute;
}

.jpz_bio img.more, .jpz_bio img.more, .missed_popup img.more {
  position: absolute;  
  left: 220px;
}

.jpz_bio img.back, .about_popup img.back, .missed_popup img.back {
  position: absolute;
  left: 110px;
}

.subscsubmit, .talksubmit{
	color: #fff;
	width:200px;
	height:60px;
	cursor:pointer;
}

#comment_list{
	overflow:auto;
	width:380px;
}