/* Basic Setup */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin:0px;
	padding:0px;
	background:url(../../images/bg_tile.jpg) top left repeat-x;
	background-color:#000000;
}

img {
	border:none;
}

h2.title {
	font-size:14px;
	margin:0px;
	padding:0px;
	font-weight:bold
}

.hightlight {
	color:#F0B310;
	font-style:italic;
}

/* Layout */

#container-t {
	width:870px;
	margin:0px auto 0px auto;
}

#container {
	width:870px;
	float:left;
}

/* Header */

#header {
	float:left;
}	

#header_imgleft {
	float:left;
}

#header_imgright {
	float:right;
}

/* Middle */

#middle {
	width:870px;
	clear:both;
	background-color:#FFFFFF;
	color:#000000;
	float:left;
	background:url(../../images/middle_bg.gif) top left repeat-y;
}

/* Left Col */

#leftcol {
	clear:both;
	width:660px;
	float:left;
	margin-bottom:20px;
}

.leftcol2 {
	padding-left:70px;
	padding-right:70px;
}

.leftcol3 {
	padding-left:55px;
	padding-right:55px;
}

#leftcol a 
{
    color:#F0B310;
}

#leftcol a:hover 
{
    text-decoration:none;
}

/* Right Col */

#rightcol {
	width:210px;
	float:right;
	background:url(../../images/corner.jpg) top left no-repeat;
	padding-top:25px;
}

#rightcol2 {
	padding-left:17px;
	padding-right:17px;
}

.rightcol_title {
	font-size:13px;
	font-weight:bold;
}

#rightcol_progress {
	width:178px;
	font-size:9px;
}

.rightcol_progress_yellow {
	border-left:solid 1px #999999;
	border-top:solid 1px #999999;
	border-right:solid 1px #999999;
	width:13px;
}

.rightcol_progress_yellow div {
	width:13px;
	height:35px;
	background-color:#F3C240;
	margin:1px;
}

.rightcol_progress_orange {
	border-left:solid 1px #999999;
	border-top:solid 1px #999999;
	border-right:solid 1px #999999;
	width:13px;
}

.rightcol_progress_orange div {
	width:13px;
	height:35px;
	background-color:#F38C40;
	margin:1px;
}

.rightcol_progress_none {
	border-left:solid 1px #999999;
	border-top:solid 1px #999999;
	border-right:solid 1px #999999;
	width:13px;
}

.rightcol_progress_none div {
	width:13px;
	height:35px;
	background-color:#F0F0F0;
	margin:1px;
}

.rightcol_progress_text {
	padding-left:6px;
	font-weight:bold;
}

.rightcol_progress_end {
	border-top:solid 1px #999999;
}

/* Homepage */

#register {
	float:right;
}

#loginbox {
	width:390px;
	height:142px;
	background:url(../../images/login.jpg) top left no-repeat;
	float:left;
	position:relative;
}

#loginbox_email {
	position:absolute;
	top:51px;
	left:20px;
	width:100px;
}

#loginbox_password {
	position:absolute;
	top:51px;
	left:210px;
	width:100px;
}

#loginbox_emailtxt {
	position:absolute;
	top:70px;
	left:20px;
	width:160px;
}

#loginbox_emailtxt input {
	width:160px;
	background-color:#EBEBEB;
	border:none;
}

#loginbox_passwordtxt {
	position:absolute;
	top:70px;
	left:210px;
	width:160px;
}

#loginbox_passwordtxt input {
	width:160px;
	background-color:#EBEBEB;
	border:none;
}

#loginbox_instructions {
	position:absolute;
	top:100px;
	left:20px;
	width:280px;
	height:30px;
	color:Red;
}

#loginbox_button {
	position:absolute;
	top:100px;
	left:310px;
	width:56px;
}

/* Survey */

#survey_head {
	padding-left:70px;
	padding-right:70px;
}

#survey_buttons {
	padding-left:55px;
	padding-right:55px;
	text-align:right;
}

#survey_head_section 
{
    color:#F0B310;
	font-style:italic;
	font-size:18px;
	margin-top:0px;
	padding-top:20px;
}

#survey_head_question
{
    color:#F0B310;
	font-style:italic;
	font-size:12px;
	margin-top:0px;
}

/* Footer */

#footer {
	clear:both;
	width:870px;
	color:#FFFFFF;
	font-size:9px;
}

#footer p {
	padding:8px;
	margin:0px;
}

#footer a {
	color:#FFFFFF;
	text-decoration:underline;
}

#footer a:hover {
	text-decoration:none;
}

#footer_left {
	float:left;
}

#footer_right {
	float:right;
}

/* skinfile */

.textbox 
{
    width:140px;
    border:solid 1px #999999;
    background:#FFFFFF;
}

.button 
{
    border:solid 1px #666666;
    background:#F0B310;
}

.fileupload 
{
    border:solid 1px #000000;
}

.gridview
{
    border:solid 1px #CCCCCC;
    width:535px;
}

.gridview th
{
    background-color: #666666;
    color:#FFFFFF;
    padding:4px;
    border:solid 1px #CCCCCC;
}

.gridview td 
{
    padding:4px;
    border:solid 1px #CCCCCC;
    background-color:#FFFFFF;
}

.gridview2
{
    border:solid 1px #CCCCCC;
}

.gridview2 td 
{
    padding:4px 7px 4px 7px;
    border:solid 1px #CCCCCC;
    background-color:#FFFFFF;
    text-align:center;
}

.inputtable 
{
    width:500px;
}

.inputtable td
{
    padding:6px 0px;
}

.inputtable-col1 
{
    width:150px;
    text-align:right;
}

.inputtable-col2
{
    width:350px;
}