/* 
  Surveys (orange) #CB6437 
  Messages (blue)  #5AA3A1
  Systems (blue)   #526DA0
*/

html { overflow-y: scroll; }

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Sans-Serif;
	font-size: 9pt;
}

body.insite { background: #efefef; text-align: center; }

#wrapper {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	background: #FFFFFF;
	text-align: left;
}

a { color: #CB6437; text-decoration: none; }
a:hover { text-decoration: underline; }

em { color: #CB6437; font-style: normal; }

/* Header */

#header { height: 70px; background: #efefef; }

#header-left
{
	float: left;
	width: 166px;
	height: 70px;
	background-image: url('/Web/Images/HeaderSurveys.png');
	background-repeat: no-repeat;
}

#header-right
{
	height: 70px;
	width: 614px;
	background-color: #CB6437;
	float: left;
	text-align: left;
	margin: 0px;
}

#header-title
{
	margin-top: 27px;
	float: left;
	padding-left: 26px;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
	color: white;
	letter-spacing: 0.03in;
}

#header-subtitle
{
	text-align: right;
	margin-right: 8px;
	padding-top: 50px;
	font-size: 12px;
}

#header-subtitle a { color: White; }

/* Navigation menu */

* html #menu { margin-top: -3px; }

#menu
{
	padding: 3px 6px 3px 6px;
	color: white;
	background-color: #BFB9B0;
	font-size: 10px;
}

#menu-left
{
	float: left;
	text-align: left;
}

#menu-right { text-align: right; }

#menu-left a, #menu-right a { color: white; }

#menu-right a { text-transform: lowercase; }

/* Content */

#content{ border-left: solid 1px #BFB9B0; border-right: solid 1px #BFB9B0; padding: 20px; }

/* Footer */

#footer { color: White; background-color: #BFB9B0; padding: 8px; font-size: 10px; }
#footer .right { float: right; text-transform: uppercase; font-style: italic; }
#footer .right strong { color: #CB6437; }

#version { color: #9F9990; background-color: #efefef; padding: 8px; font-size: 10px; }
#version .right { float: right; }

/* Inputs */

input, select, textarea { font-family: Arial, Sans-Serif; font-size: 9pt; }

.input-text { width: 260px; }
.input-text-short { width: 125px; }
.input-comment { width: 260px; }
.input-date { width: 90px; }
.input-select { width: 266px; }
.input-number { width: 90px; }

.input-text,
.input-text-short,
.input-comment,
.input-date,
.input-select,
.input-number,
.input-textbox,
.input-selectbox { padding: 2px 4px 2px 4px; border: solid 1px #A5ACB2; font-size: 9pt; }

/* Command buttons */

.CommandButton1
{
	background-color: #AFA89C;
	border: solid 1px #9F9990;
	color: white;
	font-size: 8pt;
	font-weight: bold;
	margin: 0px 3px 0px 0px;
	overflow: hidden;
	padding: 0px 2px 0px 2px;
	width: 60px; height: 20px;
}

.CommandButton2
{
	background-color: #AFA89C;
	border: solid 1px #9F9990;
	color: white;
	font-size: 8pt;
	font-weight: bold;
	margin: 0px 3px 0px 0px;
	overflow: hidden;
	padding: 0px 2px 0px 2px;
	width: 100px; height: 20px;
}

.CommandButton3
{
	background-color: #AFA89C;
	border: solid 1px #9F9990;
	color: white;
	font-size: 8pt;
	font-weight: bold;
	margin: 0px 3px 0px 0px;
	overflow: hidden;
	padding: 0px 2px 0px 2px;
	width: 120px; height: 20px;
}

.CommandButton4
{
	background-color: #AFA89C;
	border: solid 1px #9F9990;
	color: white;
	font-size: 8pt;
	font-weight: bold;
	margin: 0px 3px 0px 0px;
	overflow: hidden;
	padding: 0px 2px 0px 2px;
	width: 120px; height: 20px;
}

/* Forms */

.commands { margin-bottom: 16px; clear: both; }

.quick-instructions { color: #555; font-size: 8pt; }

.section .instructions { background-color: #DFDCD8; border-bottom: solid 1px #DFDCD8; }
.section .instructions .step { background-color: #DFDCD8; color: white; float: left; width: 36px; font-weight: normal; font-size: 32px; text-align: center; }
.section .instructions .text { color: #555; font-size: 8pt; padding: 7px; margin-left: 40px; min-height: 24px; }
* html .section .instructions .text { height: 24px; }

.block { margin-bottom: 16px; clear: both; }

.form { width: 744px; }
.form .section-header { height: 16px; background-image: url(/Web/Images/tab-surveys.gif); background-repeat: no-repeat; background-color: #CB6437; color: White; font-weight: bold; text-transform: uppercase; margin: 0px; padding: 4px 0px 0px 16px; letter-spacing: 0.2em; font-size: 0.8em; }
.form .section .search-results { padding: 16px; }

.form .section { border: solid 1px #cccccc; margin-bottom: 16px; }
.form .section h2 { color: white; background-color: silver; padding: 4px; font-size: 9pt; }

.form .fields { padding: 8px; }
.form .field-header { font-weight: bold; color: #CB6437; padding-top: 4px; padding-bottom: 4px; margin: 4px 0px 4px 0px; }
.form .field-footer { border-bottom: dotted 1px #cccccc; padding-bottom: 20px; }
.form .section-footer { padding-bottom: 20px; }

.form .field { clear: both; padding: 4px; }
.form .field .label { font-weight: bold; float: left; clear: left; width: 116px; padding-top: 3px; }
.form .field .sub-field { padding-bottom: 4px; margin-left: 116px; }
.form .field .input-label { font-weight: bold; padding-right: 8px; vertical-align: top; }
.form .last { border: 0px;  }

/* Grids */

.grid { border-collapse: collapse; }
.grid { border: solid 1px #999999; }

.grid th { padding: 4px; color: black; }

.grid tr.header { background-color: #DFDCD8; }
.grid tr.row { background-color: white; }
.grid tr.row-alternate { background-color: #DFDCD8; }
.grid tr.row-selected { background-color: #FFF791; }
.grid tr.row td,
.grid tr.row-alternate td,
.grid tr.row-selected td { border-top: solid 1px silver; border-bottom: solid 1px silver; }

.grid tr td { padding: 4px; }
.grid tr.Pager td { background-color: #999999; }

/* Status */

.status { margin-bottom: 16px; background-color: #ffffcc; border: dotted 1px silver; padding: 8px; }
.status .error .text { color: red; font-weight: bold; }

.status .error       { min-height: 16px; background-image: url('/Web/Images/Icons/32x32/Symbol Error.png'); background-repeat: no-repeat; padding: 8px; padding-left: 40px; }
.status .help        { min-height: 16px; background-image: url('/Web/Images/Icons/32x32/Symbol Help.png'); background-repeat: no-repeat; padding: 8px; padding-left: 40px; }
.status .information { min-height: 16px; background-image: url('/Web/Images/Icons/32x32/Symbol Information.png'); background-repeat: no-repeat; padding: 8px; padding-left: 40px; }
.status .success     { min-height: 16px; background-image: url('/Web/Images/Icons/32x32/Symbol Check.png'); background-repeat: no-repeat; padding: 8px; padding-left: 40px; }
.status .warning     { min-height: 16px; background-image: url('/Web/Images/Icons/32x32/Symbol Warning.png'); background-repeat: no-repeat; padding: 8px; padding-left: 40px; }

/** Sign in/out **/

#wrapper #signin { width: 400px; text-align: center; margin-right: auto; margin-left: auto; }
#wrapper #signin .form { width: 400px; text-align: left; }
#signin .input-text { width: 220px; }
#signin .form .field .label { width: 80px; }
#signin .status { width: 332px; }