@CHARSET "UTF-8";

/* start reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* end reset */



html, body {
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	margin: 0px 0px 20px 0px;
	text-align: center;
}

h1 {
	font-size: 180%;
	font-weight: bold;
	color: #333;
}

h2 {
	font-size: 160%;
	font-weight: bold;
	color: #333;
}

h3 {
	font-size: 120%;
	font-weight: bold;
	color: #333;
}
hr {
	height: 1px;
}

a {
	text-decoration: underline;
}

div.clear {
	clear: both;

}

.clickable {
	cursor: pointer;
}

.warning {
	color: #FF0000;
}

#error div.content  {
	border:1px solid #ff4136;
	float:left;
	background: #ffdbd9 url(../images/interface/bgs/errorgradient.png) repeat-x;
	margin-top:15px;
	clear:both;
}

#error div.content div.text {
	color:#9e1c15;
	float:left;
	padding:10px;
	font-size:14px;
	
}

#developmentflag {
	color:#FFF;
	float:left;
	font-size:18px;
	padding:10px 0px;
	font-weight:bold;
	width:100%;
	background-color:#9e1c15;
}


#msg div.content  {
	border:1px solid #e1cc4f;
	float:left;
	width:898px;
	background: #fffada url(../images/interface/bgs/msggradient.png) repeat-x;
	margin-top:15px;
	clear:both;
}

#msg div.content div.text {
	color:#736926;
	float:left;
	padding:10px;
	font-size:14px;
	
}

#msg div.content div.controls,#error div.content div.controls {
	padding:10px 10px;
	float:right;
	
}

div.pagenavperpage {
	float:right;
	font-weight: bold;
	font-size:11px;
	color: #666;
}

div.pagenavtitle  {
	float: left;
	border-bottom: 1px solid #999;
	margin: 0px;
	padding: 2px 6px 2px 0px;
	text-align: center;	
	font-size:11px;
	color: #999;
}

div.pagenav  {
	float: left;
	border-bottom: 1px solid #999;
	margin: 0px;
	padding: 2px 6px;
	text-align: center;	
	cursor: pointer;
	font-size:11px;
	color: #999;
}

div.pagenavcurrent {
	float: left;	
	margin: 0px;
	padding: 2px 6px;
	text-align: center;
	border-bottom: none;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	font-weight: bold;
	font-size:11px;
	color: #666;
}

div.pagenavpagecount {
	float: left;
	border-bottom: 1px solid #999;
	margin: 0px;
	padding: 2px;	
	text-align: right;
	font-weight: bold;
	font-size:11px;
	color: #999;
	padding-left: 20px;
	
}

table.tblheader {
	width: 100%;
	border-bottom: 1px solid #333;
	margin: 0px 0px 20px 0px;
}

table.tblheaderalt {
	width: 100%;
	border-bottom: 1px solid #E5E5E5;
	margin: 0px 0px 0px 0px;
}

table.tblheader td,table.tblheaderalt td {
	padding-bottom: 5px;
}

table.tbllisted {
	width: 100%;
	
}

table.tbllisted tr.alt {
	background-color: #F5F5F5;
}

table.tbllisted tr:hover {
	background-color: #e7e7e7;
}

table.tbllisted td { /*	white-space:nowrap; */
	border-right: solid 1px #D2D4DA;
	border-left: solid 1px #D2D4DA;
	border-bottom: solid 1px #D2D4DA;
	padding: 3px 5px 3px 5px;
}




table.tbllisted th{
	background: #FFF url(../images/interface/arrows/sort.gif) no-repeat 6px 6px;
	text-align: left;
	color: #666;
	padding: 4px 4px 4px 18px;
	border-bottom:2px solid #666;
}

table.tbllisted th.sortnone {
	background: none;
	text-align: left;
	color: #666;
	padding:2px 5px;
	border-bottom:2px solid #666;
}

table.tbllisted th.sortasc{
	background: #FFF url(../images/interface/arrows/sort_asc.gif) no-repeat 6px 9px;
	text-align: left;
	color: #666;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-bottom:1px solid #e6e6e6;
	border-right:1px solid #666;
}
table.tbllisted th.sortdesc {
	background: #FFF url(../images/interface/arrows/sort_desc.gif) no-repeat 6px 9px;
	text-align: left;
	color: #666;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-bottom:1px solid #e6e6e6;
	border-right:1px solid #666;
}

table.tbllisted th a {
	color: #666;
	font-weight: bold;
	font-size:11px;
	text-decoration:none;
}

table.tbllisted th a:hover {
	text-decoration:underline;
}

a {
	color: #666;
}

.validation-advice {
	color: #FF0000;
}

input.validation-failed {
	border: 1px solid #FF0000;
}

input {
	background-color: #FFF !important;
	border: solid 1px #999;
	padding: 2px;
	text-align: left;
}

input.right {
	text-align: right;
}

input.radio {
	background-color: #FFF !important;
	border: none;
	margin: 6px 2px 0px;
}

label.checkbox {
	vertical-align: top;
	position:absolute;
	z-index:-1000;
	padding-top:1px;
}

input.checkbox {
	background-color: none;
	border: none;
	margin: 0px 2px 8px;
}

input.hiddensubmit {
	width:0px;
	height:0px;
	border:none;
	padding:0px;
	font-size:0px;
}

label.checkbox {
	margin: 0px;
}

input.shortfield {
	width: 100px;
}

input.mediumfield {
	width: 170px;
}

input.longfield {
	width: 270px;
}

input.fullfield {
	width: 85%;
}

.search {
	font-size:10px;
	font-style:italic;
}

#searchbar {
	background-color:#f5f5f5;
	border:none;
}
.searchbarnav {
	text-align:right;
	background-color:#f5f5f5;
	border:none;
}

textarea {
	background-color: #FFF !important;
	border: solid 1px #999;
	padding: 2px;
}

select {
	background-color: #FFF !important;
	border: solid 1px #999;
	padding: 2px;
}

table.tblform {
	width: 100%;
}

table.tblform td {
	padding: 5px 5px 5px 0px;
	vertical-align: top;
}

table.tblform td textarea {
	width: 100%;
	height: 100px;
}

table.tblform td span.caption {
	text-align:left;
	color: #B6B6B6;
	height:0px;
	padding-top:6px;
	margin-left:5px;
	display:inline-block;
	vertical-align: top;	
	font-style:italic;
	font-size:11px;
}

table.controls {
	margin: 5px 0px 5px 0px;
}



input.button {
	display: block;
	background-color: #a89e92 !important;
	color: #fff;
	border: solid 1px #e8ded1;
	padding-top: 0px;
	text-decoration: none;
	float: left;
	margin-right: 5px;
	height: 21px;
	cursor: pointer;
}

input.smallbutton {
	display: block;
	font-size: 9px;
	background-color: #a89e92 !important;
	color: #D5D5D5;
	border: solid 1px #e8ded1;
	padding-top: 0px;
	text-decoration: none;
	float: left;
	margin-right: 5px;
	height: 17px;
	cursor: pointer;
}

a.appaction { 
	display: block;
	background-color: #969682;
	color: #D5D5D5;
	border: solid 1px #999;
	padding: 2px 4px 3px 4px;
	text-decoration: none;
	float: right;
	margin-left: 5px;
	height: 14px;
}

div.appaction { 
	display: block;
	background-color: #969682;
	color: #D5D5D5;
	border: solid 1px #999;
	padding: 2px 4px 3px 4px;
	text-decoration: none;
	float: left;
	margin-left: 5px;
	height: 14px;
	cursor: pointer;
}


a.inlinebutton:link,a.inlinebutton:visited {
	display:inline-block;
	background-color: #999 !important;
	color: #fff;
	border: solid 1px #e5e5e5;
	padding: 2px 4px 3px 4px;
	text-decoration: none;
	height: 14px;
	white-space:nowrap;
}

a.button:link,a.button:visited {
	display: block;
	background-color: #999 !important;
	color: #fff;
	border: solid 1px #e5e5e5;
	padding: 2px 4px 3px 4px;
	text-decoration: none;
	float: left;
	margin-right: 5px;
	height: 14px;
	white-space:nowrap;
}

a.redbutton:link,a.redbutton:visited {
	display: block;
	background-color: #823434;
	color: #C97175;
	border: solid 1px #B9121B;
	padding: 2px 3px 2px 3px;
	text-decoration: none;
	float: left;
	margin-right: 5px;
}

a.greenbutton:link,a.greenbutton:visited {
	display: block;
	background-color: #55a253;
	color: #adecaa;
	border: solid 1px #35c81f;
	padding: 2px 3px 2px 3px;
	text-decoration: none;
	float: left;
	margin-right: 5px;
}

#currentChecklist {
	margin:0px 12px 10px 6px;
}

table.currentChecklist {
	background-color: #e5e5e5;
	border-bottom: solid 1px #CCC;
}

table.currentChecklist td {
	padding: 2px 0px 2px 5px;
}

a.button:hover,a.redbutton:hover,a.redXbuttoninline:hover,a.greenbutton:hover,a.appaction:hover,input.button:hover {
	color: #FFF;
}

a.Xbutton:link,a.Xbutton:visited {
	font-size:9px;
	display: block;
	background-color: #999;
	color: #fff;
	border: solid 1px #e5e5e5;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	float: left;
	margin: 2px 1px;
}

a.Xbuttoninline:link,a.Xbuttoninline:visited {
	font-size:9px;
	display: block;
	background-color: #999;
	color: #fff;
	border: solid 1px #e5e5e5;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	margin: 1px 1px;
}

a.Xbutton_disable:link,a.Xbutton_disable:visited {
	font-size:9px;
	display: block;
	background-color: #CCC;
	color: #e5e5e5;
	border: solid 1px #e5e5e5;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	float: left;
	margin: 2px 1px;
	cursor:default
}

a.redXbuttoninline:link,a.redXbuttoninline:visited {
	font-size:9px;
	display: block;
	background-color: #823434;
	color: #C97175;
	border: solid 1px #C97175;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	margin: 1px 1px;
}

a.redXbutton:link,a.redXbutton:visited {
	font-size:9px;
	display: block;
	background-color: #823434;
	color: #C97175;
	border: solid 1px #C97175;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	float: left;
	margin: 2px 5px 2px 3px;
}

a.redXbutton_disable:link,a.redXbutton_disable:visited {
	font-size:9px;
	display: block;
	background-color: #CCC;
	color: #e5e5e5;
	border: solid 1px #CCC;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	float: left;
	margin: 2px 5px 2px 3px;
}

a.yellowXbutton:link,a.yellowXbutton:visited {
	font-size:9px;
	display: block;
	background-color: #e1cc4f;
	color: #fffada;
	border: solid 1px #c5af25;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	float: left;
	margin: 2px 5px 2px 3px;
}

a.redbuttonsmall:link,a.redbuttonsmall:visited {
	display: block;
	font-size:10px;
	background-color: #823434;
	color: #C97175;
	border: solid 1px #B9121B;
	padding: 0px 2px 0px 2px;
	text-decoration: none;
	float: left;
	margin: 0px 5px ;
}

#copyright {
	color:#999;
	font-size:10px;
}

#div-CURRENTPARTICIPANTSNAV_ {
	color:#823434;
	background-color:#e5e5e5;
	border: solid 1px #CCC;
	padding:10px;
}



.sortableitem {  
}

.sortableitem div.item {  
	margin-bottom:2px;
	background-color:#e5e5e5; 
	padding:1px 0px;
	display:block;
	border:1px #CCC solid;
	position:relative;
}

.sortableitem div.item div.handle { 
	text-align:left;
	float:left;
	position:relative;
	margin:2px 0px 2px 3px;
	width:71%;
}

.sortableitem div.item div.handle span.position { 
	font-weight:bold;
	color:#823434;
}

.sortableitem a.deleteDisable {   
	font-size:9px;
	background-color: #CCC;
	color: #e5e5e5;
	border: solid 1px #e5e5e5;
	padding: 1px 3px 1px 3px;
	text-decoration:none;
	float:right;
	position:relative;
	margin:2px 3px;
}

.sortableitem a.delete {   
	font-size:9px;
	background-color: #823434;
	color: #C97175;
	border: solid 1px #C97175;
	padding: 1px 3px 1px 3px;
	text-decoration:none;
	float:right;
	position:relative;
	margin:2px 3px;
}

.sortableitem a.edit {   
	font-size:9px;
	background-color: #666;
	color: #e5e5e5;
	border: solid 1px #e5e5e5;
	padding: 1px 3px 1px 3px;
	text-decoration:none;
	float:right;
	position:relative;
	margin:2px 3px 2px 0px;
}

div.handle { 
	cursor:move; 
}

div.disabledhandle { 
	cursor:default; 
}


.listwrapper {
	text-align:center;
	background-color:#f4f4f4;
	display:block;
	padding:5px 0px;
	border:1px #CCC solid;
	
}

[disabled] {  
background-color:#e5e5e5 !important;
border: solid 1px #e5e5e5 !important;
} 




/*

Core_Form

*/

div.formElement {
	margin-bottom:10px;
	vertical-align:top;
}

div.formElement label {
	width:200px;
	display:inline-block;
	vertical-align:top;
}

div.formElement ul.errors {
	margin-left:200px;
	color: #FF0000;
	padding:2px;
}

div.formElement div.hint {
	text-align:left;
	color: #B6B6B6;
	height:15px;
	vertical-align: top;	
	font-style:italic;
	font-size:11px;
	z-index:-1;
	margin-top:5px;
	margin-left:205px;
}
div.formError input {
	border: 1px solid #FF0000;
}

div.scrollable {
	height:250px;
	overflow:auto;
	padding:5px;
	border: solid 1px #e5e5e5;
}

div.autocomplete {
	position:absolute;
	width:175px;
	background-color:#f5f5f5;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}
div.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
div.autocomplete ul li.selected { 
	background-color: #e5e5e5;}
div.autocomplete ul li span.error { 
	color: #FF0000;
	}
	
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:4px 6px;
	cursor:pointer;
	border-top:1px #e5e5e5 solid;
}





/* LOGIN FORM */

div.loginFormElement {
	margin-bottom:10px;
	vertical-align:top;
}

div.loginFormElement label {
	width:110px;
	display:inline-block;
	vertical-align:top;
}

div.loginFormElement ul.errors {
	margin-left:110px;
	color: #FF0000;
	padding:2px;
}

div.loginError {
	color: #FF0000;
	padding-bottom:15px;
	text-align:center;
}


/* HOMEPAGE */







div.hp_module {
	width: 168px;
	border: solid 1px #e5e5e5;
	text-align: center;
	padding: 20px 0;
	float: left;
	margin:5px;
	cursor:pointer;
}

div.hp_module:hover {
	border: solid 1px #999;
}

div.image {
	text-align: center;
	width: 168px;
	padding-bottom: 10px;
}

div.name {
	text-align: center;
	display: block;
}

div.name a {
	text-decoration: none;
}


/* Core_Control
-------------------------------------------------------------------------*/

#control {
	position:fixed;
	bottom:0px;
	width:100%;
	height:58px;
	left:0;
	z-index:9000;
}

#control div {
	height:32px;
}

#control div.gradient {
	height:25px;
	background: url(../images/interface/aquid/Aquid_Bot_Gradient.png) top repeat;
}

#control div.items {
	width:100%;
	height:33px;
	text-align:right;
	background: url(../images/interface/aquid/Aquid_Custom_BG.png) repeat;
}

#control div.back {
	border-top: 1px solid #ebddcc;
	border-right: 1px solid #c2aa8d;
	padding-left:18px;
	display:block;
	float:left;
	background: url(../images/interface/aquid/Aquid_Back_BG.png) repeat;
}


#control div.custom {
	margin-top: 1px;
	float:right;
}

#control div.next {
	border-top: 1px solid #d1b797;
	border-left: 1px solid #c2aa8d;
	padding-right:18px;
	display:block;
	float:right;
	background: url(../images/interface/aquid/Aquid_Next_BG.png) repeat;
}

#control div ul {
	list-style:none;
	margin:4px 15px 0px 15px;
}

#control div ul li {
	display:block;
	height:22px;
	float:left;
	margin:0px 7px;
}


#control div.back ul li {
	background: url(../images/interface/aquid/Aquid_Back_Button_BG.png) repeat;
	border: 1px #a4a6a7 solid;
}

#control div.back ul li.delete {
	background: url(../images/interface/aquid/Aquid_Delete_Button_BG.png) repeat;
	border: 1px #7e2727 solid;
}

#control div.custom ul li {
	background: url(../images/interface/aquid/Aquid_Custom_Button_BG.png) repeat;
	border: 1px #b09371 solid;
}
	
#control div.next ul li {
	background: url(../images/interface/aquid/Aquid_Next_Button_BG.png) repeat;
	border: 1px #42361e solid;
}


#control div.back ul li:hover {
	background: url(../images/interface/aquid/Aquid_Back_Button_BG_Hover.png) repeat;
}

#control div.back ul li.delete:hover {
	background: url(../images/interface/aquid/Aquid_Delete_Button_BG_Hover.png) repeat;
}

#control div.custom ul li:hover {
	background: url(../images/interface/aquid/Aquid_Custom_Button_BG_Hover.png) repeat;
}
	
#control div.next ul li:hover {
	background: url(../images/interface/aquid/Aquid_Next_Button_BG_Hover.png) repeat;
}


#control div ul li a {
	margin: 2px 8px 0px 8px;
	display:block;
	color: #FFF;
	text-decoration:none;
	font-size: 12px;
	font-family: Lucida Sans Unicode, Tahoma, Arial;
}

#control div ul li a.x {
	background: url(../images/interface/aquid/icons/x.png) no-repeat 0px 4px;
	padding-left:16px;
}

#control div ul li a.larrow {
	background: url(../images/interface/aquid/icons/larrow.png) no-repeat -1px;
	padding-left:11px;
}
#control div ul li a.rarrow {
	background: url(../images/interface/aquid/icons/rarrow.png) right no-repeat;
	padding-right:12px;
}

#control div ul li a.check {
	background: url(../images/interface/aquid/icons/check.png) no-repeat 0px 4px;
	padding-left:16px;
}





/* Standard Button Styles
-------------------------------------------------------------------------*/

a.smbutton {
	margin:5px 7px 5px 0px;
	padding:2px 3px;
	font-family: Lucida Sans Unicode, Tahoma, Arial;
	font-size: 10px;
	text-decoration: none;
	color: #FFF;
	display:block;
	float:left;
}

a.lgbutton {
	margin:5px 7px 5px 0px;
	padding:2px 5px;
	font-family: Lucida Sans Unicode, Tahoma, Arial;
	font-size: 14px;
	text-decoration: none;
	color: #FFF;
	float:left;
}


a.back {
	background: url(../images/interface/aquid/Aquid_Back_Button_BG.png) repeat;
	border: 1px #a4a6a7 solid;
}

a.delete {
	background: url(../images/interface/aquid/Aquid_Delete_Button_BG.png) repeat;
	border: 1px #7e2727 solid;
}

a.custom {
	background: url(../images/interface/aquid/Aquid_Custom_Button_BG.png) repeat;
	border: 1px #719bb1 solid;
}
	
a.next {
	background: url(../images/interface/aquid/Aquid_Next_Button_BG.png) repeat;
	border: 1px #8c6331 solid;
}



a.back:hover {
	background: url(../images/interface/aquid/Aquid_Back_Button_BG_Hover.png) repeat;
}

a.delete:hover {
	background: url(../images/interface/aquid/Aquid_Delete_Button_BG_Hover.png) repeat;
}

a.custom:hover {
	background: url(../images/interface/aquid/Aquid_Custom_Button_BG_Hover.png) repeat;
}
	
a.next:hover {
	background: url(../images/interface/aquid/Aquid_Next_Button_BG_Hover.png) repeat;
}






















/* Subsection Tabs
-------------------------------------------------------------------------*/
#tabgroup ul.subsection_tabs {
	list-style:none;
	margin:0;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 2px;
	padding:0;
	clear:both;
	height:20px;
	clear:both;
}

#tabgroup ul.subsection_tabs li {
	float:left;
	margin-right:7px;
	text-align:center;
	color:#ccc;
}

#tabgroup ul.subsection_tabs li a {
	display:block;
	height:20px;
	padding:3px 6px 0 6px;
	background-color:#88adc1;
	color:#f1f7f9;
	width:80px;
	text-decoration: none;
	font-weight: 700;
}

#tabgroup ul.subsection_tabs li a:hover {
	color:#FFF;
}

#tabgroup ul.subsection_tabs li a.active {
	background-color:#f1f7f9;
	color:#003a5b;
	border-left: 1px #88adc1 solid;
	border-top: 1px #88adc1 solid;
	border-right: 1px #88adc1 solid;	
}
 
.tabcontent {
	margin-left: 10px;
	margin-right: 10px;
	background-color:#f1f7f9;
	padding: 10px;
	border: 1px #88adc1 solid;
}

/* Inline Popup Box
-------------------------------------------------------------------------*/

#inlinePopup {
}

div.inlinePopupBackground {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:#FFF;
	z-index:8000;
	opacity: 0.85;
 	filter: alpha(opacity=85);
}

div.inlinePopupContainer {
	position:fixed;
	top:75px;
	left:0px;
	height:75px;
	z-index:8001;
	text-align:center;
	width:100%;
}

div.inlinePopupContent {
	margin:auto;
	background-color:#FFF;
	border:2px #CCC solid;
	text-align:center;
	
}

div.inlinePopupContent div {
	text-align:left;
	font-weight:bold;
	color:#999;
	font-size:11px;
	padding:15px;
}


/* Ajax Loading Screen
-------------------------------------------------------------------------*/

#ldr {
 }

#loaderbg {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:#FFF;
	z-index:9998;
	opacity: 0.85;
 	filter: alpha(opacity=85);
	}

#loadercontainer {
	position:absolute;
	top:250px;
	left:0px;
	height:75px;
	z-index:9999;
	text-align:center;
}
	
#loader {
	margin:auto;
	height:75px;
	width:75px;
	background-color:#FFF;
	border:2px #CCC solid;
	text-align:center;
}

#loader div{
	text-align:center;
	font-weight:bold;
	color:#999;
	font-size:11px;
	padding-top:4px;
}

#loader div img {
	padding-top:14px;
}






#head { 
	text-align:left;
	display:block;
	margin-top:10px;
}

#appnavigation {
	background: url(../images/interface/aquid/Aquid_Top_BG.png) top repeat;
	text-align:center;
	height:37px;
	display:block;
	border-bottom: 2px #e6e1d8 solid;
}

#headcontainer {
	margin-left: 20px;
	margin-right: 20px;
	display:block;
	height: 62px;
}


#logo {
	display:block;
	float:left;
}
#topnav {
	width: 400px;
	height:10px;
	float:right;
	clear:right;
	margin-top:5px;
}

#topnav li {
	padding: 5px 0px 5px 20px;
	color: #CCC;
	float:right;
	font-size: 12px;
}

#topnav li a {
	color: #999;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

#topnav li a:hover {
	color: #666;
}


#usernav {
	width: 400px;
	height:15px;
	float:right;
	margin-top:2px;
	margin-bottom:5px;
}

#usernav li {
	padding: 5px 0px 5px 20px;
	color: #CCC;
	float:right;
	font-size: 12px;
}

#usernav li a {
	color: #999;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

#usernav li a:hover {
	color: #666;
}

.navcontainer {
	text-align:left;
	display:block;
	margin:0px 0px 0px 20px;
	
}
#appnavigation li {
	float:left;
	margin:5px 20px 
}

#appnavigation a {
	background: url(../images/interface/aquid/Aquid_Top_Tab_BG.png) repeat;
	display:block;
	padding:6px 8px 0px 8px;
	margin:9px 5px 0px 0px;
	height:22px;
	color:#f1efea;
	text-decoration:none;
	text-decoration:none;
	font-size: 13px;
	font-family: Lucida Sans Unicode, Tahoma, Arial;
	font-weight:bold;
	white-space:nowrap; 
}

#appnavigation a.active {
	display:block;
	color:#64502d;
	background: url(../images/interface/aquid/Aquid_Top_Active_Tab_BG.png) repeat;
}

td.search input { width:80%; }

#container {
	text-align:left;
	margin-left: 20px;
	margin-right: 20px;
}

#content {
	margin-top:15px;
}


/* Popup Calendar
-------------------------------------------------------------------------*/

div.calendar
{
  font-size: 10px;
  color: #000;
  z-index:9000;
  float:left;
  margin-right:5px;
  margin-bottom: 10px;
}

div.calendar.popup
{
  margin-left: 0px;
  margin-top: 20px;
}

div.calendar table
{
  background-color: #eee;
  border: 1px solid #aaa;
  border-collapse: collapse;
  width: 183px;
}

div.calendar thead {
  background-color: white;
}

div.calendar td, div.calendar th
{
  padding: 3px;
  text-align: center;
}

div.calendar td.title
{
  font-weight: bold;
}

div.calendar th
{
  background: #ddd;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: bold;
  color: #555;
}

div.calendar tr.days td 
{
	height: 18px;
  text-align: center;
  cursor: pointer;
}

div.calendar tr.days td:hover,div.calendar td.button:hover
{
  background-color: #34ABFA;
  cursor: pointer;
}

div.calendar tr.days td:active,div.calendar td.button:active
{
  background-color: #cde;
}
div.calendar td.today
{
  font-weight: bold;
  background-color: #CCC;
  color: #666;
}
div.calendar td.selected
{
  font-weight: bold;
  background-color: #D50000;
  color: #FFF;
}

div.calendar td.otherDay
{
	background-color:#e5e5e5;
	color: #CCC;
}


/* Popup Calendar
-------------------------------------------------------------------------*/

div.dateRangeCalendar 
{
	position:absolute;
	text-align:left;
	background: #e3e4e8 url('/public/images/interface/bgs/searchgradient.png') repeat-x; 
	border:1px solid #999; 
	padding:10px 5px 10px 10px; 
	z-index:1000;
}





/* Core_Table
-------------------------------------------------------------------------*/

div.table {
	clear:both;
	display:block;
	width:100%;
	margin-bottom:20px;
}

div.table div.column{
	float: left;
	overflow:hidden;
}

div.table div.message{
	width:99%;
	clear:both;
}

div.table div.column div.sortnone {
	height:18px;
	text-align: left;
	color: #666;
	padding: 3px 0px 4px 0px;
}

div.table div.column div div.label {
	overflow:hidden;
	float: left;
}

div.table div.column div div.label a {
	white-space:nowrap;
}

div.table div.column div div.handle {
	float: right;
	text-align:right;
}

div.table div.column div.sortasc {
	background: url(/public/images/interface/arrows/sort_asc.gif) no-repeat 6px 9px;
	height:18px;
	text-align: left;
	color: #666;
	padding: 4px 0px 4px 16px;
	overflow:hidden;
}

div.table div.column div.sortdesc {
	background: url(/public/images/interface/arrows/sort_desc.gif) no-repeat 6px 9px;
	height:18px;
	text-align: left;
	color: #666;
	padding: 4px 0px 4px 16px;
	overflow:hidden;
}

div.table div.column div.header{
	background-image: url('/public/images/interface/bgs/searchgradient.png');
	height:20px;
	padding:5px 12px 5px 4px;
	margin:0px 3px 0px 0px;
	border: solid 1px #D2D4DA;
	overflow:hidden;
	clear:both;
}

div.table div.column div.headerMin {
	background-color: #D2D6DA;
	height:2px;
	margin:0px 3px 0px 0px;
	border-bottom: solid 1px #D2D6DA;
	border-top: solid 1px #F5F5F5;
	overflow:hidden;
	clear:both;
}

div.table div.column div.header input{
	width:100%;
}

div.table div.column div.header div.text {
	display:block;
	color:#666;
	font-weight:bold;
	float:left;
	margin:4px 5px 0px 0px;
	font-size:11px;
}

div.table div.column div.row, div.table div.message div.row {
	border-left:1px solid #D2D4DA;
	border-right:1px solid #D2D4DA;
	border-bottom:1px solid #D2D4DA;
	padding:5px 2px 5px 6px;
	height:15px;
	overflow:hidden;
	margin:0px 3px 0px 0px;
	background-color:#FFF;
}

div.table div.column div.row span {
	float:left;
	height:16px;
	clear:both;
}

div.table div.message div.row {
	border-top:1px solid #D2D4DA;
	margin:5px 4px 5px 0px;
}

div.table div.column div.alt{
	background-color: #F5F5F5;
}

div.table div.column div.active {
	background-color: #e2e3e8;
}

div.paginationControls {
	height:30px;
	clear:both;
	width:99%;
}

div.paginationPageControl div.pageCounts {
	font-weight:normal;
	font-size:10px;
	margin-bottom:5px;
	color:#999;
}

div.paginationPageControl {
	float:left;
	font-size:12px;
	color:#666;
	font-weight:bold;
	padding-top:0px;
	padding-left:3px;
}

div.paginationPageControl a {
	text-decoration:none;
	font-size:12px;
	color:#666;
	font-weight:normal;
}

div.paginationPageControl a:hover {
	text-decoration:underline;
}

div.paginationRowsPerPageControl {
	float:right;
}	

div.filterControls {
	width:99%;
	height:20px;
	text-align:right;
}

div.filterControls input.textonly, div.filterControls a {
	float:none; 
	border:none;	
}

/* Core_View_Calendar
------------------------------------------------------------------------- */

div.cvcalendar:hover {
	background-color: #dddddd;
}





/* SRC Specific CSS
-------------------------------------------------------------------------*/



ul.leftnav { 
}


ul.leftnav li {
	border: #e5e5e5 1px solid;
	text-align: left;
	padding: 5px;
	margin: 0px 10px 5px 0px;
}

ul.leftnav li a {
	width: 100%;
}

ul.leftnav li.active {
	background: url(/public/images/interface/icons/penwhite.gif) no-repeat 6px 5px #d43535;
}
ul.leftnav li.active a  {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	padding-left:20px;
}

ul.leftnav li.start {
	background: url(/public/images/interface/icons/peoplegrey.gif) no-repeat 6px 5px #f5f5f5;
}


ul.leftnav li.startactive {
	background: url(/public/images/interface/icons/peoplewhite.gif) no-repeat 6px 5px #d43535;
}

ul.leftnav li.start a {
	text-decoration:none;
	font-weight:bold;
	color:#666;
	padding-left:20px;
}

ul.leftnav li.startactive a  {
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	padding-left:20px;
}


ul.leftnav li.completedone {
	background: url(/public/images/interface/icons/check.gif) no-repeat 6px 5px #f5f5f5;
}

ul.leftnav li.completedone a {
	text-decoration:none;
	font-weight:bold;
	color:#666;
	padding-left:20px;
}

ul.leftnav li.done {
	background: url(/public/images/interface/icons/arrow.gif) no-repeat 6px 5px #f5f5f5;
}

ul.leftnav li.done a {
	text-decoration:none;
	font-weight:bold;
	color:#d43535;
	padding-left:20px;
}


ul.leftnav li.complete {
	background: url(/public/images/interface/icons/check.gif) no-repeat 6px 5px #f5f5f5;
}

ul.leftnav li.complete a  {
	text-decoration:none;
	font-weight:bold;
	color:#666;
	padding-left:20px;
}


ul.leftnav li.incomplete {
	background: url(/public/images/interface/icons/pen.gif) no-repeat 6px 5px #f5f5f5;
}

ul.leftnav li.incomplete a  {
	text-decoration:none;
	font-weight:bold;
	color:#d43535;
	padding-left:20px;
}

table.src {
	border-bottom:1px #CCC solid;
	margin-bottom:10px;
	
}

td.fields label {
	float:left;
}

input.srcradio {
	background-color: #FFF !important;
	border: none;
	float:left;
	padding: 2px;
}

.expectationtext {
	background-color:#f5f5f5;
	padding:10px;
	border: 1px solid #CCC;
	width:510px;
}




/* Survey Specific CSS
-------------------------------------------------------------------------*/




#PARTICIPANTSCHOOSE_ {
	font-size:11px;
}




/* WMDemo Specific CSS
-------------------------------------------------------------------------*/




#yahoomap{  
float:right;
}  

table.personnel { 
	width:350px; 
}

tr {
	height: 20px;
}

td.label  {
	width: 120px;
	text-align: left;
	padding-right: 10px;
	margin-bottom: 100px;
}






/* HOMEPAGE */
	
#page {
	margin:auto;
	height:420px;
	margin-top:60px;
	text-align:center;
}

#loginwrapper {
	margin:auto;
	width:900px;
}

#login {
	float:right;
	width:450px;
	height:60px;
	text-align:left;
}

#login h1 {
	font-size:14px;
}


#hpcontentwrapper {
	background-color:#d3e7eb;
	text-align:center;
	height:420px;
	margin-top:20px;
	margin-bottom:20px;
}

#hpcontent {
	text-align:left;
	margin:auto;
	width:900px;
}

#hplogo {
	height:420px;
	width:320px;
	text-align:center;
	background-color:#FFF;
	float:left;
	overflow:hidden;
}

#hplogo img{
	margin-top:55px;
}

div.information {
	width:560px;
	margin-left:20px;
	float:left;
	overflow:hidden;
}

div.information h1 {
	color:#956900;
	margin-top:20px;
}

div.information table {
	width:560px;
}

div.information table th {
	font-size:12px;
	font-weight:bold;
	color:#956900;
	border-bottom: solid 1px #956900;
	padding:5px;
}

div.information table td {
	font-size:11px;
	padding:5px 5px 0px 5px;
	vertical-align:top;
}

#login {
	font-size:11px;
	padding:1px 1px 1px 1px;
	vertical-align:top;
}
	









/* ALL CSS BEYOND THIS POINT IS BEING PHASED OUT - Table/Form Code
-------------------------------------------------------------------------*/



.w1{width:1%;}.w2{width:2%;}.w3{width:3%;}.w4{width:4%;}.w5{width:5%;}.w6{width:6%;}.w7{width:7%;}.w8{width:8%;}.w9{width:9%;}.w10{width:10%;}.w11{width:11%;}.w12{width:12%;}.w13{width:13%;}.w14{width:14%;}.w15{width:15%;}.w16{width:16%;}.w17{width:17%;}.w18{width:18%;}.w19{width:19%;}.w20{width:20%;}.w21{width:21%;}.w22{width:22%;}.w23{width:23%;}.w24{width:24%;}.w25{width:25%;}.w26{width:26%;}.w27{width:27%;}.w28{width:28%;}.w29{width:29%;}.w30{width:30%;}.w31{width:31%;}.w32{width:32%;}.w33{width:33%;}.w34{width:34%;}.w35{width:35%;}.w36{width:36%;}.w37{width:37%;}.w38{width:38%;}.w39{width:39%;}.w40{width:40%;}.w41{width:41%;}.w42{width:42%;}.w43{width:43%;}.w44{width:44%;}.w45{width:45%;}.w46{width:46%;}.w47{width:47%;}.w48{width:48%;}.w49{width:49%;}.w50{width:50%;}.w51{width:51%;}.w52{width:52%;}.w53{width:53%;}.w54{width:54%;}.w55{width:55%;}.w56{width:56%;}.w57{width:57%;}.w58{width:58%;}.w59{width:59%;}.w60{width:60%;}.w61{width:61%;}.w62{width:62%;}.w63{width:63%;}.w64{width:64%;}.w65{width:65%;}.w66{width:66%;}.w67{width:67%;}.w68{width:68%;}.w69{width:69%;}.w70{width:70%;}.w71{width:71%;}.w72{width:72%;}.w73{width:73%;}.w74{width:74%;}.w75{width:75%;}.w76{width:76%;}.w77{width:77%;}.w78{width:78%;}.w79{width:79%;}.w80{width:80%;}.w81{width:81%;}.w82{width:82%;}.w83{width:83%;}.w84{width:84%;}.w85{width:85%;}.w86{width:86%;}.w87{width:87%;}.w88{width:88%;}.w89{width:89%;}.w90{width:90%;}.w91{width:91%;}.w92{width:92%;}.w93{width:93%;}.w94{width:94%;}.w95{width:95%;}.w96{width:96%;}.w97{width:97%;}.w98{width:98%;}.w99{width:99%;}




div.searchset { 
	clear:both; 
	width:100%;
	background-image: url('/public/images/interface/bgs/searchgradient.png');
}

#searchtitle {
	float:left;
	padding:2px 5px;
	font-size:14px;
	font-weight:800;
	color: #999;
	background-image: url('/public/images/interface/bgs/searchgradient.png');
}

div.pagenavwrapper {
	width:100%;
}

div.searchrow {
	display:block;
}

div.searchrow div.col{
	float:left;
	
}

div.searchrow div.col div{
	padding:5px;
	padding: 5px 5px 5px 5px;
}

div.searchrow div.col div input{
	width:85%;
	border: solid 1px #CCC;
}

div.searchrow div.col div.date {
	padding:0px;
}

div.searchrow div.col div.date div.labels,div.searchrow div.col div.date div.fields {
	padding:0px;

}

div.searchrow div.col div.date {
	font-size:10px;
	color:#999;
}

div.searchrow div.col div.date div {
	padding:0px;
	margin:0px;
}

div.searchrow div.col div.date div.field {
	width:60%;
	float:left;
}

div.searchrow div.col div.date div.field input{
	width:85%;
}


div.searchset div.controls {
	text-align:left;
	height:20px;
	padding:3px;
}

div.searchset div.searchsep {
	background-image: url('/public/images/interface/bgs/searchsep.png');
	height:2px;
}

div.searchset div.searchseptop {
	background-image: url('/public/images/interface/bgs/searchseptop.png');
	height:2px;
}
div.searchset div.controls a.button:link,div.searchset div.controls a.button:visited {
	font-size:10px;
	display: block;
	color: #FFF;
	background-color: #c0c1c6;
	border: solid 1px #e3e4e8;
	padding: 1px 3px 0px 3px;
	text-decoration: none;
	float: right;
	margin: 2px 5px;
}


div.dataset { 
	clear:both; 
	margin-bottom:5px; 
	border-right: 1px #D2D4DA solid; 
	border-top: 1px #D2D4DA solid;
	overflow:hidden;
}


div.dataset div.row {
	display:block;
	clear:both;
	cursor:pointer;
	border-bottom: solid 1px #D2D4DA;
}

div.dataset div.row div.col{
	float:left;
	display:block;
}

div.dataset div.row div.col div{
	padding:5px;
	padding: 3px 5px 3px 5px;
}

div.dataset div.row:hover {
	background-color: #e7e7e7;
}

div.alt {
	background-color: #F5F5F5;
}

div.dataspacers {
	float:left;
	height:1px;
}

div.databorder {
	position:absolute;
	z-index:0;
	height:1px;
}

div.databorders {
	float:left;
	width:1px;
	z-index:1;
	background-color:#D2D4DA;
}


.sortset { 
	clear:both; 
	width:100%;
	border-bottom: solid 1px #D2D4DA;
}

div.sortset div.row {
	display:block;
	cursor:pointer;
}

div.sortset div.row div.col {
	float:left;
	display:block;
}

div.datarow div.col div{
	padding:5px;
	padding: 3px 5px 3px 5px;
}

div.sortset div.row div.col div {
	background: #FFF url(/public/images/interface/arrows/sort.gif) no-repeat 6px 6px;
	text-align: left;
	color: #666;
	padding: 4px 4px 4px 18px;
}

div.sortset div.row div.sortnone div {
	background: none;
	text-align: left;
	color: #666;
	padding: 4px 0px 4px 0px;
	border-bottom: solid 1px #D2D4DA;
}

div.sortset div.row div.sortasc div {
	background: #FFF url(/public/images/interface/arrows/sort_asc.gif) no-repeat 6px 9px;
	text-align: left;
	font-weight:bold;
	border-top:1px solid #D2D4DA;
	border-left:1px solid #D2D4DA;
	border-right:1px solid #D2D4DA;
}
div.sortset div.row div.sortdesc div {
	background: #FFF url(/public/images/interface/arrows/sort_desc.gif) no-repeat 6px 9px;
	text-align: left;
	color: #666;
	border-top:1px solid #D2D4DA;
	border-left:1px solid #D2D4DA;
	border-right:1px solid #D2D4DA;
	border-bottom: none;
}

div.sortset div.row div.sortdesc div a, div.sortset div.row div.sortasc div a {
	color:#999;
}

div.sortset div div div a, div.sortset div div div {
	color: #666;
	font-weight: bold;
	font-size:11px;
	text-decoration:none;
}

div.sortset div.row div div a:hover {
	text-decoration:underline;
}

div.searchbutton {
	margin-bottom: 10px;
	display:block;
	float:right;
}

div.searchbutton ul {
	list-style:none;
	margin:4px 10px 0px 5px;
}

div.searchbutton ul li {
	display:block;
	height:22px;
	float:left;
	margin:0px 4px 0px 0px;
}

div.searchbutton ul li {
	background: url(../images/interface/aquid/Aquid_Next_Button_BG.png) repeat;
	border: 1px #42361e solid;
}


div.searchbutton ul li:hover {
	background: url(../images/interface/aquid/Aquid_Next_Button_BG_Hover.png) repeat;
}


div.searchbutton ul li a {
	margin: 2px 8px 0px 8px;
	display:block;
	color: #FFF;
	text-decoration:none;
	font-size: 12px;
	font-family: Lucida Sans Unicode, Tahoma, Arial;
}