div#redsurvey_div{
	position:      absolute; 
	width:         400px;
  z-index:       200;
  left: 50%;
  margin-left: -200px;
  font-size: 12pt;
}

div#shadow {
	background: transparent url(/assets/images/surveys/shadow_black_25.png);
}

div#modal_main {
	position: relative;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	background: #fff;
	border: 5px solid #1b8cbd;
	padding-bottom: 30px;
}

div>div#modal_main { /* So that new browsers would see a shadow and a thin border */
	left:-20px;
	top:-20px;
	border: 2px solid #1b8cbd;
}

div#modal_main_header {
	background: #1b8cbd;
	padding:5px;
	height: 1.6em;
}

div#modal_main_header img.logo {
	position:absolute;
	left:12px;
	top: 7px;
}

div#modal_main_header a.close_button {
	position:absolute;
	right:9px;
	top: 6px;
	display:block;
	padding-right:30px;
	background: transparent url(/assets/images/surveys/close_button.gif) no-repeat right 50%;
	text-decoration: none;
	color:#fff;
	line-height: 1.7em;
	font-size:0.9em;
}

div#modal_main_header a.close_button:focus, div#modal_main_header a.close_button:active { /* adds style if it has focus */
text-decoration: underline;
}

div#modal_main h4 {
	
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	font-size: 1.2em;
	padding-left:12px;
}
div#modal_main p {
	font-size: 0.9em;
	padding-left:12px;
	padding-right:12px;
}

div#modal_main a.yes, div#modal_main a.no {
	display:block;
	position:absolute;
	line-height: 33px;
	text-align:center;
	width:66px;
	text-decoration: none;
	color: #000;
	font-size:1.2em;
	background: #fff url(/assets/images/surveys/yes_no_button_bg.gif) no-repeat right 50%;
}

div#modal_main a.yes:focus,
div#modal_main a.yes:active, 
div#modal_main a.no:focus,
div#modal_main a.no:active{ /* adds style if it has focus */
text-decoration: underline;
}

div#modal_main a.yes {
	right:110px;
	bottom:13px;
}
div#modal_main a.no {
	right:30px;
	bottom:13px;
}

div#modal_main br.clear {
	clear:both;
}