/* CSS Document */

body,html {
	margin:0;
	padding:0;
	background: #e8e8e8;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	}
#centralarea {
	height: 681px;
	width: 100%;
}
#header {
	height: 200px;
	width: 100%;
	background: url(../images/headerbg.png) no-repeat center top;
	overflow: hidden;
}
#logo {margin:auto; width:449px; padding-top: 30px;}


/* FRONT PAGE */
#frontbutton {width:914px;margin:auto; background:url(../images/reflection.jpg) no-repeat 0 288px; height:400px;}
#buttoncontainer{width:914px;height:285px;}
.btn_customers {float:left;padding-left:37px;}
.btn_employees {float:right;padding-right:46px;}
.whatisthis{
	margin:auto;
	width:300px;
	position:relative;
	top: 50px;
	text-align:center;
	font-size:16px;}
.whatisthis a{text-decoration:none; color:#000000;}
.whatisthis a:hover{text-decoration:underline;}


/* PORTAL */
#portalframe {
	margin:auto;
	width:836px;
	}
.portaltop{height:15px; background:url(../images/portalbg_top.gif) no-repeat;}
.portalblack{min-height:30px; background:url(../images/portalbg_black.gif) repeat-y;padding: 0 20px 5px 20px;}
.portalblue{min-height:300px; background:url(../images/portalbg_blue.gif) repeat-y;}
.portalbottom{height:19px; background:url(../images/portalbg_bottom.gif) no-repeat;margin:auto;}
#centralcontent{padding:20px 40px 40px 40px;}
#centralheader{text-align:center; font-size:18px; color:#FFF;}

/* QUESTIONS */
.question{color:#146ab2; font-size:16px;margin: 20px 0 0 20px;}
.questionnumberwrap{width:56px; height:27px; background:url(../images/oval.png) no-repeat; text-align:center; float:left; margin-left:20px;} 
.questionnumber{color:#FFF; font-size:22px; font-weight:500;}
.questionwrap{width:100%; min-height:30px;margin: 10px 0 0 0;}

.speechbubblewrap{padding:0 0 0 95px;maxwidth:615px;}
.speechbubbletop{width:615px;height:11px; background:url(../images/speechbubble_top.png) no-repeat 0 bottom;}
.speechbubblecenter{width:615px; min-height:30px; background:url(../images/speechbubble_center.png) repeat-y; padding: 10px 0px 10px 0px;}
.bubbleinner{padding: 0 20px 0 20px;}
.speechbubblebottom{width:615px;height:34px; background:url(../images/speechbubble_bottom.jpg) no-repeat;}


.complainerbubbletop{width:615px;height:11px; background:url(../images/speechbubble_top.png) no-repeat 0 bottom;}
.complainerbubblecenter{width:615px; min-height:30px; background:url(../images/speechbubble_center.png) repeat-y; padding: 10px 0px 10px 0px;}
.complainerbubblebottom{width:615px;height:34px; background:url(../images/speechbubble_bottom.jpg) no-repeat;}


.companybubbletop{width:615px;height:11px; background:url(../images/companybubble_top.png) no-repeat 0 bottom;margin:0;padding:0;border:0;}
.companybubblecenter{width:615px; min-height:30px; background:url(../images/companybubble_center.png) repeat-y; padding: 10px 0px 10px 0px;}
.companybubblebottom{width:615px;height:34px; background:url(../images/companybubble_bottom.jpg) no-repeat;}


textarea {
	font-family:Verdana, Geneva, sans-serif;
	border-color: white;
	border-style: solid;
	border-width: 0;
	height:100px;
	width:570px;
	max-width:570px;
	padding: 3px;
	font-size:16px;
	color:#333;
	line-height:20px;
}
input {
	font-family:Verdana, Geneva, sans-serif;
}

.submitbuttonwrap{height:36px; margin:auto;width:300px;}
.submitbuttonleft{height:36px;background:url(../images/button_left.png) no-repeat; width:15px; float:left;}
.submitbuttoncenter{height:36px;background:url(../images/button_center.png) repeat-x; float:left;text-align:center;}
.submitbuttonright{height:36px;background:url(../images/button_right.png) no-repeat; width:14px;float:left;}
.submittext{font-size:18px; color:#FFF;line-height:34px;}
.submittext a{color:#FFF;text-decoration:none;}
.submittext a:hover{text-decoration:underline;}
.answerwrap{padding:0 0 0 95px;}
.hidesubmit{display:none;}
.hidden{display:none;}

.dimensions{font-size: 14px;}

.footer{width:500px;margin: auto;text-align:center;padding: 20px;font-size: 14px; font-weight: normal;color:#999;}
.footer a{text-decoration: none;color:#000;}
.footer a:hover{text-decoration: underline;}

h1 {color:#146ab2;font-weight:normal;}
h2{color:#000;font-weight:normal;}