/* Mouseover
--------------------------------------------*/
#dhtmltooltip{
  position: absolute;
  left: -300px;
  width: 150px;
  border: 2px solid black;
  font: normal 11px arial;
  padding: 5px;
  background-color: lightyellow;
  visibility: hidden;
  z-index: 100;
  /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
  position:absolute;
  left: -300px;
  z-index: 101;
  visibility: hidden;
}


/* DEFAULTS
--------------------------------------------*/

img {
  border: 0 none;
}

h1 {
  font: bold 28px arial;
  color: rgb(255,174,0);
}

h2 {
  font: bold 20px helvetica, arial;
  color: rgb(17,98,35);
}

h3 {
	font: 18px;
	 color: rgb(17,98,35);
	 }

h4 {
  font: bold 16px arial;
  border-bottom:1px solid rgb(140,140,140);
  color:rgb(19,98,40);
  padding-left:7px;
  padding-top:0px;
  }
  
h5 {
  font: 10px arial;
  
  }  
  
table {
	padding: 0;
}

body {
  margin: 0px;
  padding: 0px;
  text-align: center;
	font: normal 12px arial;
	background-repeat: repeat-x; 
	height: 100%;
}

a, a:visited {
	color: black;
}

html {
  height: 100%;
}


/* HEADER AND FOOTER AND GRODD!!!!
--------------------------------------------*/
#loading-animation {
	position: absolute;
	left: 270px;
	top: 250px;
	z-index: 110;
}

#header {
	width: 800px;	
	border-bottom: 2px solid rgb(210,210,210);
}

#header_links {
	float: right;
  width: 350px;
	font: bold .94em arial;
	color: rgb(140,140,140));
	text-align: right; 
}

#header_links a {
  color: rgb(140,140,140);
  padding:5px;
} 

#header_links a:hover {
	font-family: Arial;
	text-decoration: none;
	color: rgb(140,140,140);
}

#header_links a:visited {
	font: bold .94em arial;
	text-decoration: none;
	color: rgb(140,140,140); 
}

#current_team_display {
  float: right;
  width: 350px;
  font-size:11px;
  text-align:right;
  padding:3px;
  padding-top: 20px;
}

#change_team_link {
  text-align: right;
  color:green;
  float:right;
}

#footer_links {
	text-align: left;
}

#footer_links a {
	font: bold 11px arial;
	text-decoration: none;
	padding: 5px;
	color: RGB(17,98,35);
}

#footer_links a:visited {
	font: bold 11px arial;
	text-decoration: none;
}

#footer_links a:hover {
	background-color: transparent;
	font: bold 11px arial;
	color: RGB(127,195,27);
}


#non_footer
{
position: relative;
min-height: 100%;
}

* html #non_footer
{
height: 100%;
}

#grodd {
  width: 800px;
  margin: 0px auto;
  text-align: left;
  background-color:white;
  height: 100%;
}

#main_div {
	width: 800px;
  background-color:white;
	padding:0px 0px 74px 0px;
}

#navigation_content {
padding: 10px 20px 10px 20px;
width:760px;
}
/* BUTTONS
--------------------------------------------*/

.button_a {
	font: bold 16px arial;
	text-align: center;
	color: white;
	line-height:	38px;
	background-image:	url("../images/button_a_gradient.png");
	background:	url("../images/button_a_gradient.png");
	background-repeat: repeat-x;
	cursor: pointer;
	text-decoration: none;
	padding: 2;
}

.button_a:visited {
	color: white;
}

.button_b {
	position: relative;
	bottom: 20px;
	font: bold 11px arial;
	text-align: center;
	color: white;
	line-height:	38px;
	background-image:	url("../images/button_a_gradient.png");
	background-repeat: repeat-x;
	cursor: pointer;
	text-decoration: none;
	padding: 2;
}

.button_b:visited {
	color: white;
}


/* Contact Page
--------------------------------------------*/
#contact_form {
	font: bold 11px arial;
	width: 450;
	padding: 10px;
}

#contact_form label {
	width: 400px;
	text-align: right;
	display : block;
}





/* Matrix 
--------------------------------------------*/
#dictator {
	cursor: pointer;
	height: 80px;
	width: 115px;
	overflow: hidden;
	font: bold 9px arial;
	border: thin solid rgb(133,176,148);
	background-image: url("../images/matrix_images/Dictator_fade.png");
	background-repeat: no-repeat;
	float: left;
}

#initial_results_dictator {
  text-align: center;
	cursor: pointer;
	height: 58px;
	width: 84px;
	overflow: hidden;
	background-image: url("../images/dictator.png");
	background-repeat: no-repeat;
	float: left;
}

#initiator {
	cursor: pointer;
	height: 80px;
	width: 115px;
	overflow: hidden;
	font: bold 9px arial;
	border: thin solid rgb(133,176,148);
	background-image: url("../images/matrix_images/Initiator_fade.png");
	background-repeat: no-repeat;
	float: left;
}

#initial_results_initiator {
  text-align: center;
	cursor: pointer;
	height: 58px;
	width: 84px;
	overflow: hidden;
	background-image: url("../images/initiator.png");
	background-repeat: no-repeat;
	float: left;
}

#charmer {
	cursor: pointer;
	height: 80px;
	width: 115px;
	overflow: hidden;
	font: bold 9px arial;
	border: thin solid rgb(133,176,148);
	background-image: url("../images/matrix_images/Charmer_fade.png");
	background-repeat: no-repeat;
	float: left;
}

#initial_results_charmer {
  text-align: center;
	cursor: pointer;
	height: 58px;
	width: 84px;
	overflow: hidden;
	background-image: url("../images/charmer.png");
	background-repeat: no-repeat;
	float: left;
}

#entertainer {
	cursor: pointer;
	height: 80px;
	width: 115px;
	overflow: hidden;
	font: bold 9px arial;
	border: thin solid rgb(133,176,148);
	background-image: url("../images/matrix_images/Entertainer_fade.png");
	background-repeat: no-repeat;
	float: left;
}

#initial_results_entertainer {
  text-align: center;
	cursor: pointer;
	height: 58px;
	width: 84px;
	overflow: hidden;
	background-image: url("../images/entertainer.png");
	background-repeat: no-repeat;
	float: left;
}

#explorer {
	cursor: pointer;
	height: 80px;
	width: 115px;
	overflow: hidden;
	font: bold 9px arial;
	border: thin solid rgb(133,176,148);
	background-image: url("../images/matrix_images/Explorer_fade.png");
	background-repeat: no-repeat;
	float: left;
}

#initial_results_explorer {
  text-align: center;
	cursor: pointer;
	height: 58px;
	width: 84px;
	overflow: hidden;
	background-image: url("../images/explorer.png");
	background-repeat: no-repeat;
	float: left;
}

#persuader {
	cursor: pointer;
	height: 80px;
	width: 115px;
	overflow: hidden;
	font: bold 9px arial;
	border: thin solid rgb(133,176,148);
	background-image: url("../images/matrix_images/Persuader_fade.png");
	background-repeat: no-repeat;
	float: left;
}

#initial_results_persuader {
  text-align: center;
	cursor: pointer;
	height: 58px;
	width: 84px;
	overflow: hidden;
	background-image: url("../images/persuader.png");
	background-repeat: no-repeat;
	float: left;
}

#diplomat {
	cursor: pointer;
	height: 80px;
	width: 115px;
	overflow: hidden;
	font: bold 9px arial;
	border: thin solid rgb(133,176,148);
	background-image: url("../images/matrix_images/Diplomat_fade.png");
	background-repeat: no-repeat;
	float: left;
}

#initial_results_diplomat {
  text-align: center;
	cursor: pointer;
	height: 58px;
	width: 84px;
	overflow: hidden;
	background-image: url("../images/diplomat.png");
	background-repeat: no-repeat;
	float: left;
}

#socializer {
	cursor: pointer;
	height: 80px;
	width: 115px;
	overflow: hidden;
	font: bold 9px arial;
	border: thin solid rgb(133,176,148);
	background-image: url("../images/matrix_images/Socializer_fade.png");
	background-repeat: no-repeat;
	float: left;
}

#initial_results_socializer {
  text-align: center;
	cursor: pointer;
	height: 58px;
	width: 84px;
	overflow: hidden;
	background-image: url("../images/socializer.png");
	background-repeat: no-repeat;
	float: left;
}

#investigator {
	cursor: pointer;
	height: 80px;
	width: 115px;
	overflow: hidden;
	font: bold 9px arial;
	border: thin solid rgb(133,176,148);
	background-image: url("../images/matrix_images/Investigator_fade.png");
	background-repeat: no-repeat;
	float: left;
}

#initial_results_investigator {
  text-align: center;
	cursor: pointer;
	height: 58px;
	width: 84px;
	overflow: hidden;
	background-image: url("../images/investigator.png");
	background-repeat: no-repeat;
	float: left;
}

#organizer {
	cursor: pointer;
	height: 80px;
	width: 115px;
	overflow: hidden;
	font: bold 9px arial;
	border: thin solid rgb(133,176,148);
	background-image: url("../images/matrix_images/Organizer_fade.png");
	background-repeat: no-repeat;
	float: left;
}

#initial_results_organizer {
  text-align: center;
	cursor: pointer;
	height: 58px;
	width: 84px;
	overflow: hidden;
	background-image: url("../images/organizer.png");
	background-repeat: no-repeat;
	float: left;
}

#counselor {
	cursor: pointer;
	height: 80px;
	width: 115px;
	overflow: hidden;
	font: bold 9px arial;
	border: thin solid rgb(133,176,148);
	background-image: url("../images/matrix_images/Counselor_fade.png");
	background-repeat: no-repeat;
	float: left;
}

#initial_results_counselor {
  text-align: center;
	cursor: pointer;
	height: 58px;
	width: 84px;
	overflow: hidden;
	background-image: url("../images/counselor.png");
	background-repeat: no-repeat;
	float: left;
}

#nurturer {
	cursor: pointer;
	height: 80px;
	width: 115px;
	overflow: hidden;
	font: bold 9px arial;
	border: thin solid rgb(133,176,148);
	background-image: url("../images/matrix_images/Nurturer_fade.png");
	background-repeat: no-repeat;
	float: left;
}

#initial_results_nurturer {
  text-align: center;
	cursor: pointer;
	height: 58px;
	width: 84px;
	overflow: hidden;
	background-image: url("../images/nurturer.png");
	background-repeat: no-repeat;
	float: left;
}

#analyzer {
	cursor: pointer;
	height: 80px;
	width: 115px;
	overflow: hidden;
	overflow: hidden;
	font: bold 9px arial;
	border: thin solid rgb(133,176,148);
	background-image: url("../images/matrix_images/Analyzer_fade.png");
	background-repeat: no-repeat;
	float: left;
}

#initial_results_analyzer {
  text-align: center;
	cursor: pointer;
	height: 58px;
	width: 84px;
	overflow: hidden;
	background-image: url("../images/analyzer.png");
	background-repeat: no-repeat;
	float: left;
}

#supporter {
	cursor: pointer;
	height: 80px;
	width: 115px;
	overflow: hidden;
	font: bold 9px arial;
	border: thin solid rgb(133,176,148);
	background-image: url("../images/matrix_images/Supporter_fade.png");
	background-repeat: no-repeat;
	float: left;
}

#initial_results_supporter {
  text-align: center;
	cursor: pointer;
	height: 58px;
	width: 84px;
	overflow: hidden;
	background-image: url("../images/supporter.png");
	background-repeat: no-repeat;
	float: left;
}

#provider {
	cursor: pointer;
	height: 80px;
	width: 115px;
	overflow: hidden;
	font: bold 9px arial;
	border: thin solid rgb(133,176,148);
	background-image: url("../images/matrix_images/Provider_fade.png");
	background-repeat: no-repeat;
	float: left;
}

#initial_results_provider {
  text-align: center;
	cursor: pointer;
	height: 58px;
	width: 84px;
	overflow: hidden;
	background-image: url("../images/provider.png");
	background-repeat: no-repeat;
	float: left;
}

#pleaser {
	cursor: pointer;
	height: 80px;
	width: 115px;
	overflow: hidden;
	font: bold 9px arial;
	border: thin solid rgb(133,176,148);
	background-image: url("../images/matrix_images/Pleaser_fade.png");
	background-repeat: no-repeat;
	float: left;
}

#initial_results_pleaser {
  text-align: center;
	cursor: pointer;
	height: 58px;
	width: 84px;
	overflow: hidden;
	background-image: url("../images/pleaser.png");
	background-repeat: no-repeat;
	float: left;
}


/* Authentication Pages
--------------------------------------------*/

  
#signup_image {
	float: left;
	padding-top: 5.5em;
}

#lri_signup_form_bay {
  padding: 30px 13px
}

#signup_form_bay {
  padding: 30px 15px
}

#signup_form, #login_form {
  border: 1px solid rgb(180,180,180);
  padding: 10px
}

#signup_left_bay {
  border-right: 1px dotted rgb(180,180,180);
  padding-right: 18px;
  width: 355px
}

#signup_right_bay {
  padding-left: 16px;
  width: 355px;
  float: right
}

#signup_bottom_bay {
  clear: both;
  margin-top: 1.5em;
  padding-top: 0.5em;
  border-top: 2px solid rgb(180,180,180)
}

#commit_bay {
  float: right
}

#signup_bottom_bay p {
  margin: 0
}

td.label_bay {
  width: 100%
}

#signup_form label {
  text-align: left
}

#signup_content {
  float: right;
  width: 560px;
}

.h2_type {
  font: bold 24px arial;
  color: rgb(255,174,0);
}


#login_form_bay {
  padding: 30px 200px
}

#login_form h2 {
  color: #666;
  font-size: 14px;
  border-bottom: 1px dotted #8C8C8C;
  padding-bottom: 0.25em
}

#need_a_login {
  border-top: 1px dotted #8C8C8C;
  margin-top: 3px
}

#need_a_login div {
  padding-top: 3px;
  float: right
}

#need_a_login h2 {
  padding: 12px 0;
  margin: 0;
  border: 0
}

#forgot {
  clear: both;
  border-top: 1px dotted #8C8C8C;
  margin: 0;
  padding-top: 1em;
  text-align: center
}


#signup_benefits {
  text-align: center;
  width: 290px;
  float: left;
}

#auth_form {
	float: right;
}

#auth_form label {
	width: 280px;
	text-align: left;
	display : block;
	
}

#auth_logout {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}



/* My List Page
--------------------------------------------*/
.left_pane {
  float: left;
  width: 260px;
  padding:10px;
}

.right_pane {
  float: left;
  width: 505px;
  padding-left: 5px;
}

.category_title {
	cursor: move;
	font: bold 13px arial;
	padding-top: .2em;
}

.list_label {
	cursor: move;
	padding-left: 22px;
	font: normal 11px arial;
	padding-top: .2em;
	overflow:hidden;
}

.paper_spacer{
	float: left;
	height: 2.2em;
	width: 30px;
	text-align: right;
	border-bottom: medium solid lightgrey;
	border-right: medium solid rgb(239,151,193);
}

.paper_header {
	float: left;
	width: 236px;
	border-left: medium solid rgb(239,151,193);
	border-bottom: medium solid lightgrey;
	border-right: thin solid lightgrey;
}

.my_list_category {
	float: left;
	width: 236px;
	height: 2.2em;
	border-bottom: medium solid lightgrey;
	border-right: thin solid lightgrey;
}

.my_list_node{
	float: left;
	width: 236px;
	height: 2.2em;
	border-bottom: medium solid lightgrey;
	border-right: thin solid lightgrey;
}

.clear_spacer {
	clear: both;
}

.fella_score {
  font-weight: bold;
  float: left;
  text-align: center;
  width: 185px;
}


/* Style Comparison Page
--------------------------------------------*/
.initial_results_left_pane {
  float: left;
  width: 320px;
  font: normal 12px arial;
  padding:10px;

}

.initial_results_right_pane {
  padding-top: 5em;
  float: right;
  width: 405px;
  padding-left: 15px;

}


/* Invite Page
--------------------------------------------*/

.invite_text {
  width: 300px;
  padding-right: 30px;
  font: bold 11px arial;
  float: left;
}

.invite_blurb_form {
  width: 500px;
  float: left;
}


/* Send Reminder Page
--------------------------------------------*/

.send_reminder_blurb_form {
  width: 385px;
  float: left;
}


/* Send Message Page
--------------------------------------------*/

.send_message_blurb_form {
  width: 305px;
  float: left;
}


/* Style Comparison Page
--------------------------------------------*/

.person_a_style_images{
  float: left;
  text-align: center;
  width: 260px;
  border-right: thin solid lightgrey;
}

.person_b_style_images{
  float: right;
  text-align: center;
  width: 260px;
  border-left: thin solid lightgrey;
}

/* Privacy Page
--------------------------------------------*/
ol.decimal {list-style-type: decimal}

#text_box_header{
border-bottom :1px dotted rgb(140,140,140); 
padding:5px;
font: bold 14px helvetica, arial ;
color:rgb(102,102,102);
text-align:left;
}

#text_box{

padding:10px 15px 0px 15px;
}

#text_box a.faq_links:link { color: RGB(24,132,45); font-weight: bold;}
#text_box a.faq_links:visited { color: RGB(24,132,45); font-weight: bold;}
#text_box a.faq_links:hover {color: RGB(127,195,27)}

#faq_answers a:link { color: RGB(24,132,45); font-weight: bold;}
#faq_answers a:visited { color: RGB(24,132,45); font-weight: bold;}
#faq_answers a:hover {color: RGB(127,195,27)}


/* Help/FAQ
--------------------------------------------*/
.faq_question {
  font-weight: bold;
  color: rgb(63,63,63);
}


/* Error stuff
--------------------------------------------*/
.error_text {
	font: bold 10px arial;
/*	width: 245px;*/
}

.ulc {
	background-image: url("../images/ulc.png");
}

.um {
	background-image: url("../images/um.png");
	background-repeat: repeat-x;
}

.urc {
	background-image: url("../images/urc.png");
}

.ml {
	background-image: url("../images/ml.png");
	background-repeat: repeat-y;
}

.mr {
	background-image: url("../images/mr.png");
	background-repeat: repeat-y;
}

.llc {
	background-image: url("../images/llc.png");
}

.lm {
	background-image: url("../images/lm.png");
	background-repeat: repeat-x;
}

.lrc {
	background-image: url("../images/lrc.png");
}

.fieldWithErrors input {
  background-color: pink;
  color: black
}


/* Forums
--------------------------------------------*/
.forum_title_bar {
  font:  bold 16px arial;
  border: 1px solid rgb(140,140,140);
  padding: 10px;
  color:green;
}

.forum_action_container {
  border: 1px solid rgb(140,140,140);
  background-color: rgb(220,220,220);
  padding-left: 150px;
  padding-top: 20px;
}

.forum_post_container {
  border: 1px solid darkgray;
  background-color: lightgray;
  padding: 10px;
}

.forum_button {
  border: 1px solid rgb(102,102,102);
  background-color: rgb(200,200,200);
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
  cursor: pointer;
  font:bold 12px arial;
}

#forum_button_link {
  border: 1px solid black;
  background-color: rgb(140,140,140);
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
  cursor: pointer;
  color:white;
}

#forum_button_link a {
  font: bold 12px arial;
  color: white;
  text-decoration: none;
}

#forum_button_link a:visited {
  font: bold 12px arial;
  color: white;
  text-decoration: none;
}

#forum_button_link_blue {
  border: 1px solid black;
  background-color:rgb(140,140,140);
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
  cursor: pointer;
  float: right;
  text-align: right;
  color: darkgray;
  font:bold 12px arial;
}

#forum_button_link_blue a {
  font: bold 12px arial;
  color: white;
  text-decoration: none;
}

#forum_button_link_blue a:visited {
  font: bold 12px arial;
  color: white;
  text-decoration: none;
}


#forum_post_listing {
  width: 790px;
  border:1px solid rgb(102,102,102);
  
}

#forum_post_listing td {
  vertical-align: top;
  padding: 5px;
  border:1px solid rgb(102,102,102);
}

/* Library Page
--------------------------------------------*/
#shelf_top{
	background-image: url("../images/shelf_top.png");
	background-repeat: repeat-y;
	width: 426px;
	height: 26px;
}

#shelf_middle{
	width: 386px;
	padding-top: 20px;
	padding-left: 45px;
}

#library_book_blue {
  position: relative;
  top: 10px;
  background-image: url("../images/book_blue.png");
  width: 345px;
  height: 50px;
  padding-top: 21px;
  color:white;
  text-align: center;
}

#library_book_red {
  position: relative;
  top: 10px;
  background-image: url("../images/book_red.png");
  width: 300px;
  height: 45px;
  padding-top: 9px;
  color:white;
  text-align: center;
  margin-left: 22px;
}

#library_book_green {
  position: relative;
  top: 10px;
  background-image: url("../images/book_green.png");
  width: 313px;
  height: 45px;
  padding-top: 17px;
  color:white;
  text-align: center;
  margin-left: 16px;
}

#library_title a, #library_title a:visited {
  color: white;
  text-decoration: none;
  font: bold 20px arial;
}

#library_links a, #library_links a:visited {
  color: white;
  text-decoration: underline;
  font: bold 10px arial;
}

#book_top{
	background-image: url("../images/open_book_top.png");
	background-repeat: repeat-y;
	width: 666px;
	height: 72px;
}

#book_middle{
	background-image: url("../images/open_book_middle.png");
	background-repeat: repeat-y;
	width: 666px;
	padding-top: 60px;
	padding-bottom: 60px;
}

/* Team Page
--------------------------------------------*/

.parent_group_title h1{
	font: bold 16px arial;
	cursor: move;
	color: green;
}

.sub_group_title h1{
	font: bold 13px arial;
	cursor: move;
	color: gray;
}

.group_title h1{
	font: bold 15px arial;
	cursor: move;
	color: gray;
}

/* General stuff
--------------------------------------------*/
.header_text{
	font: bold 16px arial;
	text-align: center;
	color: white;
	background-image:	url("../images/header_bgo.png");
	background-repeat: repeat-y;
	padding: 2px;
	width: 300px;
}

a.image_linkz
{
	border-style: none;
	background-color: transparent;
	text-decoration: none;
	color: white;
	vertical-align: middle;
}

a.image_linkz:visited
{
	background-color: transparent;
	text-decoration: none;
	color: white;
	border-style: none;
}

a.image_linkz:hover
{
	border-style: none;
	background-color: transparent;
	text-decoration: none;
	color: transparent;
}

.survey_description{
	font: bold 15px arial;
	padding: 50;
}

.photo_border{
  border: 1px solid black;
  
  }
  
/* LRI stuff
--------------------------------------------*/
  
#lri_footer {
	height: 42px;
	font: normal 9px arial;
	padding: 5px;
	width: 790px;
  position: relative;
  margin-top: -54px;
	background: rgb(93,77,0);
	color: white;
}

#lri_header p, #lri_header a{
	font: 11px Arial;
	color: rgb(102,102,102);
	margin: 0;
	padding:3px;
	top: 0px;
}

#lri_header a:hover {
	color: black;
	text-decoration: none;
}

#lri_header {
	width: 800px;	
	border-bottom: 2px solid rgb(210,210,210);
	font: normal 11px arial;
}

#header_left{
  width:319px;
  height: 172px;
  float: left;
}


#header_right{
  float: right;
  width: 400px;
  height: 172px;
}

#top_menu {
        width:319px;

}

#top_menu a{
        color: rgb(102,102,102);
        text-decoration: underline;
        font: normal 10px Arial;
}

#top_menu a:hover{
        color:black;
        text-decoration:none;
}

/* Scattergram stuff
--------------------------------------------*/

#scattergram {
  width: 500px;
  height: 500px;
  background-image: url("../images/scatter_back.png");
  background-repeat: no-repeat;
}

.scattergram_cell {
  float: left;
  cursor: pointer;
  width: 220px;
  height: 220px;
  padding:10px;
  font: bold 16px arial;
	color: green;
}


#my_photo{
  float:left;
  border:2px solid rgb(140,140,140);
  width:200px;
}  

#my_content{
  padding:10px;
  width:470px;
}

#my_header{
  background-color:rgb(140,140,140);
  padding:5px;
  color:white;
  font:bold 12px arial;
}

#my_photo_back{
  background-color:rgb(200,200,200);
  padding:5px;
  text-align:center; 
}

#my_control{
  float:right;
  border:2px solid rgb(140,140,140);
  padding:0px;
  width:250px;
}

#my_message{       
  float:left;
  border:2px solid rgb(140,140,140);
  padding:0px;
  width:470px;
}

#survey_question{
width:735px;
padding:10px;
font:14px arial;
}

#survey_options{
padding:20px;
width:715px;
border-bottom:1px solid rgb(200,200,200);
}

#survey_director {
  text-align: center;
	cursor: pointer;
	height: 88px;
	width: 50px;
	overflow: hidden;
	background-image: url("../images/direct1.png");
	background-repeat: no-repeat;

}

#survey_expresser {
  text-align: center;
	cursor: pointer;
	height: 79px;
	width: 100px;
	overflow: hidden;
	background-image: url("../images/express1.png");
	background-repeat: no-repeat;

}

#survey_thinker {
  text-align: center;
	cursor: pointer;
	height: 80px;
	width: 52px;
	overflow: hidden;
	background-image: url("../images/think1.png");
	background-repeat: no-repeat;

}

#survey_harmonizer {
  text-align: center;
	cursor: pointer;
	height: 100px;
	width: 42px;
	overflow: hidden;
	background-image: url("../images/harmon1.png");
	background-repeat: no-repeat;


}