﻿/* Text Link Widget Design 2 */

/* border: 1px solid red; */

html body {
	margin:0;
	padding:0;
	background-color:#eeeeee;
	font-family:arial;
	font-size:11px;
	color:#333333;
}

h1 { margin:0; padding:13px 0 0 20px; font-size:24px; font-weight:bold;}
h2 { margin:0; padding:0 0 0 20px; font-size:14px; font-weight:normal; line-height:21px; }

a:link { color:#003366; text-decoration:underline; }
a:active { color:#003366; text-decoration:underline; }
a:visited { color:#003366; text-decoration:underline; }
a:hover { color:#003366; text-decoration:none; }

p {margin:0; padding:5px 0 5px 0; font-size:12px;}
.intro{ margin:0; padding:8px 0 17px 0; font-weight:bold; font-size:12px;}

.form input{ font-size:11px; margin-bottom:5px; font-family:arial;}
.form select{ font-size:11px; margin-bottom:5px; font-family:arial;}

.form_step2 input{ font-size:11px; margin-bottom:1px; font-family:arial; }
.form_step2 select{ font-size:11px; margin-bottom:1px; font-family:arial; }

/* Widget container */
#container {
	margin:0 auto;
	padding:0;
	width:600px;
	height:605px;
	position:relative;	
	background-color:#fafafa;
}
#container .header{
	margin:0;
	padding:0;
	width:600px;
	height:44px;
}
#container .subheader{
	margin:0;
	padding:0;
	width:600px;
	height:21px;
}
#container .content{
	margin:0;
	padding:0;
	width:600px;
	height:382px;
}
#container .content .message{
	margin:0;
	padding:0 0 0 2px;
	width:450px;
	text-align:left;
}
#container .content .message .closeWindow{
	margin:0;
	padding:20px 0 0 0;
	width:450px;
	text-align:right;	
}
#container .content .text{
	margin:0;
	padding:0 0 0 2px;
	width:250px;
	position:absolute;
	top:85px;
	left:30px;
}
#container .content .text ul{
	margin:0;
	margin-left:10px;
	padding:0;
	list-style-type:none;
}
#container .content .text li{
	padding-left:14px;
	background:url('../images/arrows.gif') no-repeat;
	font-size:12px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:13px; padding-right:0; padding-top:0; padding-bottom:0
}
#container .content .form{
	margin:0;
	padding:0;
	width:250px;
	position:absolute;
	top:643px;
	left:340px;
}
#container .content .form_step2{
	margin:0;
	padding:0;
	width:250px;
	position:absolute;
	top:85px;
	left:340px;
}
#container .content .form_step2 .personalInfo{
	margin:0;
	padding:0;
	color:#666666;
}
#container .content .form_step2 .validationError{
	color:#cc0000;
	line-height:11px;
}
#container .content .sample{
	margin:0;
	padding-right:17px;
	background:url('../images/arrows.gif') no-repeat top right;	
	position:absolute;
	top:955px;
	left:175px; padding-left:0; padding-top:0; padding-bottom:0
}
#container .content .sampleSpot{
	margin:0;
	padding:0;
	position:absolute;
	top:931px;
	left:315px;
	width:280px;
	height:113px;
}
#container .content .sample_step2{
	margin:0;
	padding-right:17px;
	background:url('../images/arrows.gif') no-repeat top right;	
	position:absolute;
	top:425px;
	left:28px; padding-left:0; padding-top:0; padding-bottom:0
}
#container .content .sampleSpot_step2{
	margin:0;
	padding:0;
	position:absolute;
	top:371px;
	left:158px;
	width:130px;
	height:73px;
}
#container .agentInfo{
	margin:0;
	padding:0;
	width:600px;
	height:150px;
	background-color:#FFFFFF;
}
#container .agentInfo .name{
	margin:0;
	padding:17px 0 7px 7px;
	background-color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	color:#003366;
}
#container .agentInfo ul{
	margin:0;
	padding-left:7px;
	background-color:#FFFFFF;
	font-size:11px;
	color:#003366;
	list-style-type:none;
}
#container .agentInfo img{
	margin:0;
	padding-top:0px;
	background-color:#FFFFFF;
}
#container .messageTable{
	vertical-align: middle;
	height: 382px; 
	width:450px;
	overflow: hidden; 
	position: relative; 
	margin:0 auto;
}
#container .backButton{
	text-align: right;
	margin-top: 6px;
}
#container .footer{
	margin:0;
	padding:0;
	width:600px;
	height:20px;
	text-align:right;
}
#container .footer span{
	margin-right:10px;
	line-height:20px;
}

#formtable { width: 230px; position:absolute; 	top:646px;}
