/* BODY STYLES
--------------------------------------*/
*{
	font-family:Arial;
	font-size: 11px;
	line-height: 15px;
	color:#333333;
}

html,body{
	margin:0 0 0 0;
	background-image:url(../images/app_bg.gif);
	background-color:#FDFDFD;
	height:100%; /* this is the key! */ 
}

a:link, a:active, a:visited, a:hover{
	color:#333333;
	text-decoration:none;
}

.spacer{
	height:10px;
	margin:0 auto;
}

/* NAV STYLES
--------------------------------------*/
#Tabs {
	width:790px;
	background-image:url(../images/app_bg.gif);
	margin:9px 0 0 5px;
	height: 25px;
	padding: 0;
}

#Tabs ul {
	margin: 0; padding: 0;
}

#Tabs li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style: none;
	border: none;
}

#Tabs ul#MainTabs {
}

div#Tabs a:link,
div#Tabs a:visited {
  text-decoration: none;
}

#Tabs a:hover {
	color: #FFFFFF;
	background-color: #333333;
}

#Tabs ul#MainTabs a:link, #Tabs ul#MainTabs a:visited {
	float: left; /* for IE6 */
	/*
	background-color:#e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	*/
	font-size: 12px;
	font-weight: normal;
	padding: 4px 8px 6px 8px;
	margin: 0;
}

#Tabs ul#MainTabs a:hover{
	float: left; /* for IE6 */
	background-color:#333333;
	/*border-bottom: 1px solid #333333;*/
	color:#FFFFFF;
	font-size: 12px;
	font-weight: normal;
	padding: 4px 8px 6px 8px;
	margin: 0;
}

#Tabs ul#MainTabs a:link.current, #Tabs ul#MainTabs a:visited.current {
	color: #000;
	font-weight: bold;
	text-decoration: none;
  	margin: 0;
}

#Tabs ul#MainTabs a:hover.current{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
  	margin: 0;
}

.my_username{
	float:right;
	width:20%;
	font-size:15px;
	font-weight:bold;
}

/* APP SPECIFIC STYLES
--------------------------------------*/
.app_bg{
	margin:0 auto;
	width:800px;
	background-color:#F8F8F8;
	border-style:solid;
	border-width:1px;
	border-color:#333333;	
}

.app_bg hr{
	border:0;
	margin:4px 0 15px 0;
	background-color:#999999;
	height:1px;
}
.app_header{
	margin:0 auto;
	width:798px;
	height:100px;
	background-color:#F5F5F5;
}

.app_header_image{
	width:790px;
	height:80px;
	margin:10px 0 0 4px;
	background-image: url(../images/bkg.jpg);
	background-repeat: repeat-x;
	background-color:#000000;
}
.app_company{
	font-size:36px;
	font-weight:bold;
	padding:30px 0 0 10px;
	height:30px;
	background-image: url(../images/headerbanner.jpg);
	background-repeat: no-repeat;
	color:#FFF;
	
}

.app_header.username{
	font-size:16px;
	font-weight:bold;
}

.app_nav{
	float:left;
	height:20px;
	padding:0 5px 0 5px;
	background-color:#999999;
	color:#FDFDFD;
	font-size:14px;
	margin-left:2px;
	margin-top:39px;
}

.app_search{
	width:50%;
	margin:0 0 0 10px;
}

.app_search_input{
	width:100%;
	background-image:url(../images/input_bg.gif);
	background-position:top left;
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	font-size:14px;
	font-weight:bold;
	padding-left : 6px;
	margin-right : 5px;
}

.app_action_bg{
	margin:0 auto;
	padding:10px 0 10px 0;
	width:789px;
	background-color:#D5EAFD;
}

.app_actions{
	width:100%;
	float:right;
	vertical-align:top;
	text-align:left;
}

.app_actions a:hover{
	text-decoration:underline;
}

.app_body{
	margin:0 auto;
	padding-bottom:20px;
	width:777px;
	background-color:#FFFFFF;
	border:solid 4px #CCCCCC;
}

.app_body hr{
	width:763px;
	border:0;
	background-color:#CCCCCC;
	height:1px;
	margin:0 auto;
	padding:0;
}

#info_panel{
	padding-top:5px;
	padding-bottom:5px;
}


.survey{
	margin:0 auto;
	padding:5px 0 0 0;
	width:743px;
	height:20px;
}

.surveyname{
	width:75%;
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#333333;
}

.surveyname a:link, .surveyname a:active, .surveyname a:visited, .surveyname a:hover{ 
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:#333333;
}

.surveyexpiration{
	width:15%;
	float:left;
}

.surveyexpiration a:link, .surveyexpiration a:visited, .surveyexpiration a:active, .surveyexpiration a:hover{
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}


.action{
	width:10%;
	float:right;
	text-align:right;
	
}

.questions{
	padding-bottom:10px;
	padding-top:10px;
	width:90%;
	margin:0 auto;
}

/* FOOTER STYLES
--------------------------------------*/
.footer{
	padding-top:10px;
	margin:0 auto;
	width:800px;
}

.footer a:link, .footer a:active,.footer a:hover, .footer a:visited{
	text-decoration:underline;
	vertical-align:bottom;
}


.frmSearch{
	margin-top:2px;
	margin-right:5px;
	border-style:solid;
	border-width:1px;
	border-color:#95CEFE;
	float:right;
	width:200px;
	font-size:15px;
	font-weight:bold;
	
}

.section_info{
	margin:0 auto;
	width:785px;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	padding:2px 0 2px 10px;
}

.row_header{
	background-color:#EFEFEF;
	font-weight:bold;
}
.row_1{
	background-color: #F0FFFA;
}

.row_2{
	background-color:#FFFFFF;
}

/* USER STYLES
--------------------------------------*/
.user_input{
	width:200px;
	height:18px;
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	margin-top:-4px;
	
}

.user_info{
	width:100%;
	height:12px;
	color:#FFFFFF;
	font-size:9px;
	font-weight:normal;
	line-height:12px;
	text-align:right;
	margin-top:0px;
}

.user_info a:link, .user_info a:active, .user_info a:visited{
	width:100%;
	height:12px;
	color:#FFFFFF;
	font-size:9px;
	font-weight:normal;
	line-height:12px;
	text-align:right;
	margin-top:12px;
	text-decoration:none;
}

.user_info a:hover{
	width:100%;
	height:12px;
	color:#FFFFFF;
	font-size:9px;
	font-weight:normal;
	line-height:12px;
	text-align:right;
	margin-top:12px;
	text-decoration:underline;
}

.user{
	margin:0 auto;
	padding:0 0 0 10px;
	width:450px;
}

.username{
	float:left;
	font-size:18px;
	font-weight:bold;
}

.username a:link, .username a:visited, .username a:active, .username a:hover{
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}


.useremail{
	float:left;
}

.useremail a:link, .useremail a:visited, .useremail a:active, .useremail a:hover{
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

.user_avatar{
	 padding:5px;
	 background-color:#FFF;
	 border:solid 1px #CCCCCC;
}
.avatar{
	float:left;
	width:58px;
}