/*
Light Gray = #cfd9e6
Blue = #608bbf
Mid Gray = #687d95
Dark Gray = #596b80
Dark Brown = #806e59
Mid Brown = #bf9360
Light Brown = #e6dbcf
*/

BODY
{
    FONT-SIZE: 10pt;
    COLOR: black;
    background-color: #cfd9e6;
    FONT-FAMILY: Arial
}

.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
    background-color:#ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
}

.arrow
{
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url(../images/arrow.gif);
    WIDTH: 301px;
    COLOR: black;
    HEIGHT: 21px
}
.arrowMost
{
    LEFT: 20px;
    POSITION: relative;
    TOP: 3px
}
.arrowClick
{
	COLOR: blue;
    FONT-SIZE: 10px;
    LEFT: 30px;
    POSITION: relative;
    TOP: 6px
}
.arrowLeast
{
    LEFT: 45px;
    POSITION: relative;
    TOP: 3px
}
.arrowRadio
{
    LEFT: 86px;
    WIDTH: 50px;
    TOP: 3px
}
.arrowPad
{
    WIDTH: 23px;
    HEIGHT: 2px
}

.errorField
{
	background-color: red;
}
.fieldhelper
{
	font-size: 8pt;
}
.gobuttondiv
{
PADDING:0px;
MARGIN-TOP:10px;
WIDTH:90%;

}
.backbuttondiv
{
MARGIN-TOP:-40px;
PADDING:0px;
WIDTH:30%;
}
.fancy
{
    BORDER-RIGHT: #F08528 double;
    BORDER-TOP: #F08528 double;
    BORDER-LEFT: #F08528 double;
    BORDER-BOTTOM: #F08528 double;
	PADDING:10px;
    background-color: #CCCCCC;
}
.SelfSurveyArea{
    BORDER-RIGHT: #F08528;
    BORDER-TOP: #F08528;
    BORDER-LEFT: #F08528;
    BORDER-BOTTOM: #F08528;
	PADDING:10px;
    background-color: #CCCCCC;

}
.MenuItem
{
	cursor:pointer;
	color:#608bbf;
}
.MenuItem:hover
{
	cursor:pointer;
	color:Maroon;
}

.Title
{
	background:;
	color:#596b80;
	font-size:20px;
	text-align:center;
}

.Header
{
	background:;
	color:#596b80;
	font-size:16px;
}

.Question
{
	background:;
	color:#596b80;
	font-size:14px;
}

.Answer
{
	background:;
	color:#596b80;
	font-size:14px;
}

.Normal
{
	background:;
	color:#596b80;
	font-size:14px;
}
/* asp Window vista skin
 */
.vista_nw {
  background: transparent url(vista/TL.png) no-repeat 0 0;
  width:22px;
  height:41px;
}

.vista_n {
  background: transparent url(vista/top-middle.png) repeat-x 0 0;
  height:41px;
}

.vista_ne {
  background: transparent url(vista/TR.png) no-repeat 0 0;
  width:24px;	  
  height:41px;
}

.vista_w {
  background: transparent url(vista/frame-left.png) repeat-y top left;			
  width:22px;
}

.vista_cont {
  background:#A9EA00;
}

.vista_e {
  background: transparent url(vista/frame-right.png) repeat-y top right;			
  width:24px;	  
}

.vista_sw {
  background: transparent url(vista/BL.png) no-repeat 0 0;			
  width:22px;
  height:24px;
}

.vista_s {
  background: transparent url(vista/bottom-middle.png) repeat-x 0 0;			
  height:24px;
}

.vista_se { 
  background: transparent url(vista/BR.png) no-repeat 0 0;			
  width:24px;
  height:24px;
}

.vista_sizer {
    background: transparent url(vista/BR.png) no-repeat 0 0;			
    width:24px;
    height:24px;
    cursor:se-resize;
    -moz-user-select:none;
}

.vista_close:hover {
	background: transparent url(vista/button-close-focus-hover.png) no-repeat 0 0;
}

.vista_close {
	width:42px;
	height:37px;
	background: transparent url(vista/button-close-focus.png) no-repeat 0 0;
	position:absolute;
	top:3px;
	right:21px;
	cursor:pointer;
	z-index:1000;
}

.vista_minimize:hover {
	background: transparent url(vista/button-min-focus-hover.png) no-repeat 0 0;
}

.vista_minimize {
	width:26px;
	height:37px;
	background: transparent url(vista/button-min-focus.png) no-repeat 0 0;
	position:absolute;
	top:3px;
	right:86px;
	cursor:pointer;
	z-index:1000;
}

.vista_maximize:hover {
	background: transparent url(vista/button-max-focus-hover.png) no-repeat 0 0;
}

.vista_maximize {
	width:26px;
	height:37px;
	background: transparent url(vista/button-max-focus.png) no-repeat 0 0;
	position:absolute;
	top:3px;
	right:60px;
	cursor:pointer;
	z-index:1000;
}

.vista_caption {
	height:19px;
	position:absolute;
	top:18px;
	left:25px;
	z-index:1000;
	font-size:12px;
}

.vista_title {
	float:left;
	height:14px;
	font-family: Tahoma, Arial, sans-serif;
	font-size:14px;
	text-align:left;
	margin-top:8px;
	width:100%;
	color:#E47211;
}

.vista_content {
	overflow:auto;
	color: #222;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	background:#FFF;
}

.vista_top_draggable {
  cursor:move;
}

.vista_status_bar {
  font-size:12px;
}

.vista_dialog {
	display: block;
	position: absolute;
}

.vista_table_window  { 
	border-collapse:collapse; 
	border-spacing:0; 
	width:100%;
	margin:0px;
	padding:0px;
}

.vista_table_window td, .vista_table_window th { 
	padding: 0; 
}


/* DateTimePicker WITHIN vista skin
 */
div.date_vista {
	z-index:3000;
	width:210px;
}

input.vistaDropper {
    background-color:#aea;
    border:solid 1px #5c5;
    width:25px;
}

div.date_vista table tr td.vista_content table {
	border-collapse:collapse;
	font-size:12px;
	cursor:default;
	width:100%;
	background: transparent url(vista/bg.png);
}

div.date_vista table tr td.vista_content table tr.navigate td {
	border-top:1px solid #7b7;
}

div.date_vista table tr td.vista_content table tr td {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

div.date_vista table tr td.vista_content table tr.timePartRow td {
	border-top:solid 1px #7b7;
}

div.date_vista table tr td.vista_content table tr td input {
	background-color:#afa;
	text-align:center;
}

.date_vista_navigator {
	cursor:move;
}

div.date_vista table tr td.vista_content table tr td input.selected {
	background-color:#cfc;
}

div.date_vista table tr td.vista_content table tr td.offMonth {
	color:#888;
}

div.date_vista table tr td.vista_content table tr td.hoover {
	background-color:#afa;
}

div.date_vista table tr td.vista_content table tr td.hooverWeekNo {
	background-color:#afa;
	border-right:solid 1px #7b7;
	border-left:solid 1px #7b7;
}

div.date_vista table tr td.vista_content table tr td.weekNo {
	border-right:solid 1px #7b7;
	border-left:solid 1px #7b7;
}

div.date_vista table tr td.vista_content table tr td.weekDayHeader {
	border-bottom:solid 1px #7b7;
	border-top:solid 1px #7b7;
}

div.date_vista table tr td.vista_content table tr td.mouseOverBtn {
	background-color:#afa;
}

div.date_vista table tr td.vista_content table tr td.monthYear {
	white-space:nowrap;
}

div.date_vista table tr td.vista_content table tr td.selectedDate {
	background-color:#9e9;
}

div.date_vista table tr td.vista_content table tr td.hooverWeekDayHeader {
	background-color:#afa;
	border-bottom:solid 1px #7b7;
	border-top:solid 1px #7b7;
}

div.date_vista table tr td.vista_content table tr td input {
	background-color:#cfc;
	width:15px;
	font-size:smaller;
	border:solid 1px #7b7;
}


div.date_vista table tr td.vista_content table tr td.holliday {
	color:Red;
}

div.date_vista table tr td.vista_content table tr td.weekHeader {
	border:solid 1px #7b7;
	width:18px;
}

/* Styles for the autocompleter...!!
 */
input.vista_autocomplete {
	background-color:#aaccff;
}

div.vista_autocomplete {
	position:absolute;
	background-color:Transparent;
	margin:0px;
	z-index:2500;
	text-align:left;
	width:446px;
}

div.vista_autocomplete ul {
	margin:5px;
	padding:0px;
	width:390px;
}

div.vista_autocomplete ul li {
	margin:0;
	padding:0px;
	font-size:10px;
	cursor:pointer;
	list-style-type:none;
}

div.vista_autocomplete ul li.selected { 
    background-color:#ddd;
}
