/*** yahoo css 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;
}

.controls h1 a {
	font-size: smaller;
	font-weight: normal;
}

ul {
	padding: .5em;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: bold;
	color: #3c566e;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

hr {
	margin-bottom: 0px;
}

/*** yahoo css reset ***/
fieldset {
	border: thin solid black;
}

legend {
	font-weight: bolder;
}

fieldset h1 {
	font-size: 110%;
}

/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body {
	font: 99% arial, helvetica, clean, sans-serif;
}

table {
	font-size: inherit;
}

/**
 * 99% for safari; 100% is too large
 */
select,input,textarea {
	font: 99% arial, helvetica, clean, sans-serif;
}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre,code {
	font: 115% monospace;
}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {
	line-height: 1.22em;
}

body.wh2o {
	min-width: 800px;
	background: url('/resources/images/assets6.5/background.png');
}

.message img {
	text-align: left;
	vertical-align: top;
	
}

.message {
	border: thin black solid;
	background: #F0F8FF;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	margin-bottom: 1em;
}

.commentinfo a,a.explain {
	font-size: 80%;
	color: gray;
	padding-left: .5em;
}

.msg_message {
	background: #F5F5DC;
}

.msg_warning {
	background: url('icon_warn.gif') no-repeat orange;
	padding-left: 30px;
	min-height: 30px;
}

.msg_error {
	background: #E9967A;
}

img.river-photo {
	max-width: 320px;
}

.river-photo .caption {
	width: 320px;
	float: left;
}

script,link {
	display: none;
}

h1 {
	font-size: 130%;
	margin: 0px;
	line-height: 140%;
}

h2 {
	font-size: 120%;
	margin: 0px;
	line-height: 130%;
}

h3 {
	font-size: 110%;
	margin: 0px;
	line-height: 120%;
}

table,body,tr,td,th,div,img,span {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

table.nodecoration td {
	border: 0px;
}

td { /* border: #DDDDDD thin solid; */
	
}

/* special headlines */
.box_right,.infobox {
	float: right;
	width: 220px;
	border: thin solid Black;
	background: #FFFFFF;
}

th {
	text-align: left;
}

div.club {
	margin-left: 1em;
}

div.club div.name {
	margin: 0em;
	font-weight: bold;
}

.box_right {
	float: right;
	padding-left: 10px
}

#tagline {
	color: white;
	font-weight: bold
}

#menu_nav0>li {
	max-width: 12%;
}

.abstractphoto img {
	margin-right: 20px
}

TD.userheader {
	background: #84CCFC;
	font-weight: bold
}

TD.user {
	background: #E0E0E0
}

TD.big {
	font-size: 110%
}

TD.small {
	font-size: 80%
}

.error {
	color: Red;
	font-weight: bold;
}

.success {
	color: #259704;
	font-weight: bold;
}

p.contact {
	text-align: center;
	font-weight: bold;
	font-style: italic;
}

p.solo {
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-bottom: 0px
}

span.close {
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 6px
}

span.topclose {
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 6px
}

#main {
	padding: 4px;
}

.editable {
	border: thin dotted Silver;
}

.editable-highlight {
	background: #F5F5DC;
}

.tundra .awDialog {
	position: absolute;
	z-index: 999;
	overflow: visible;
	max-width: 80%;
}

.awDialog .logo {
	position: absolute;
	top: -25px;
	left: -15px;
	background: url('dialog-header.png') no-repeat;
	width: 186px;
	height: 52px;
	z-index: 1002;
}

.awDialog h1 {
	font-size: 90%;
}

.awDialog .form_table {
	width: auto;
}

.awDialog textarea {
	width: auto;
	max-height: 2em;
}

.awDialog textarea[name='comments'] {
	width: auto;
	max-height: 10em;
}

.awDialog button[name='addphoto'] {
	display:none;
}



.awDialog td.form_inputcol img.uploaded {
	max-height: 100px;
	max-width: 100px;
}

#nav-wrapper .logo {
	z-index: 2;
	float: left;
	position: absolute;
}

.editable-controls {
	background: Silver;
	font-size: 70%;
	max-width: 80%;
	border: solid thin black;
	display: none;
}

.editable-controls input {
	border: 0px;
	height: 1.5em;
	font-size: 70%;
}

table.form_table {
	/*border: thin black solid;*/
	background: #e0e0e0;
	max-width: 80%;
	-moz-border-radius: .33em;
	border-radius: .33em;
}

.form_instruction_expander {
	font-size: 74%;
}

.form_instruction {
	background: #DFDFDF none repeat scroll 0%;
	border: thin solid black;
	color: black;
	display: block;
	font-size: 74%;
	padding: 0.5em;
	white-space: normal;
}

td.form_inputcol textarea {
	clear: both;
}

th.form_fieldcol,td.form_fieldcol {
	font-weight:bold;
	padding-right:.75em;
	text-align:left;
	vertical-align:top;
}


td.form_inputcol 
{
	padding-right: .5em;
}


.rowalt0,.rowalt1 {
	border-bottom: thin white solid;
	padding: .24em;
}

.form_error {
	color: red;
	border: thin dashed;
	border-color: #FF0000;
	background: #FFDEAD;
}

td.form_fieldname {
	font-weight: bolder;
	vertical-align: top;
}

.lined {
	border-top: thin solid Silver;
	vertical-align: top;
}

p
{
padding-bottom: 1em;
}

h2.article {
	margin-left: 0px;
}

.expired {
	border: thin solid #FF7F50;
	background: url(/resources/images/site/expired.png);
}

.pending {
	border: thin solid #FF7F50;
	background: url(/resources/images/site/pending.png);
}

#statewrapper {
	
}

div.statecontent-sub {
	float: left;
	min-height: 100px;
	width: 20%;
}

/** articles on display **/ /** articles on display **/
.article {
	clear: left;
	padding-bottom: 3em;
}

.article h1.title,.article h2.title {
	font-size: 150%;
	font-family: sans-serif;
	text-transform: capitalize;
	padding: 0em;
}

.article img.article-photo {
	max-width: 33%;
	padding-right: .75em;
	float: left;
	margin: 1em;
	padding-bottom: 3em;
}

.article .abstract,.article .content {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	/* font-family: sansserif*/
}

.article .contact {
	clear: left;
	font-size: 75%;
}

.article .contact #name {
	font-size: 110%;
}

.article .contact div {
	display: inline;
	padding: 0em;
	margin: .15em;
	line-height: 75%;
}

.article .contact .name,.article .contact .title,.article .contact .email
{
	display: block;
	line-height: normal;
}

.article .author,.article .posted {
	display: inline;
	font-size: 75%;
	font-style: italic;
	font-family: sans-serif;
	padding-right: .5em;
	position: relative;
	top: -.55em; /* like a subline, might bump headline */
	left: 2em;
	color: #555555;
}

/* editbox */
.editwrench {
	z-index: 1;
	width: 16px;
	height: 16px;
	margin: -8px;
	top: 10px;
	left: -10px;
	background: url(/resources/images/site/wrench.gif);
	background-repeat: no-repeat;
	border: solid red thin;
	position: relative;
	opacity: 0.75;
}

/* welcome page */
.newsgraphic {
	width: 99%;
}

.newsgraphic td#colleft {
	vertical-align: top;
	text-align: left;
}

.newsgraphic td#colright {
	text-align: right;
}

.editableunit {
	width: 30em;
}

.editableunit a {
	white-space: nowrap;
}

.editableunit h1 {
	background: brown;
	color: white;
	padding: 0em;
	margin: 0em;
}

.editableunit div h1 {
	display: none;
}

.contact-detail .contact {
	float: left;
	width: 18em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em
}

.contact-detail {
	clear: both;
	padding-bottom: 2em;
}

.contact-detail .contact-photo {
	float: right;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em
}

.contact .title {
	font-variant: small-caps;
	font-weight: bold;
}

.contact .name,.contact .title {
	background: white;
	font-weight: bolder;
}

.contact {
	background: #f0f0f0;
	border: black thin solid;
	margin: .4em;
	padding: .4em;
	width: 33.3em;
}

.contact-photo {
	max-width: 15em;
}

.contact-directory {
	vertical-align: top;
}

.contact-directory .contact {
	float: left;
}

a.nodecoration {
	text-decoration: none;
	color: black;
}

#accident_detail_table td {
	vertical-align: top;
}

/*** RIVER/GAUGE LIST ****/
td.riv_verified {
	font-weight: bold;
}

td.riv_d { /*deleted river*/
	background: red;
}

td.form_inputcol div.img_border img
{
	max-width: 400px;
}

.img_border
{
	max-width: 100%;
	overflow: auto;
}
.river_extra {
	font-size: smaller;
	display:block;
	line-height: 1.7em;
}
a.rivername  
{
font-weight: bolder;
}

.riv_select {
	vertical-align: top;
	width: 1px;
}


.river-unk0 {
	background: white;
	border: silver thin solid;
}

.river-unk1 {
	background: #F0F0F0;
	border: silver thin solid;
}


									.river-unk0,tr.river-unk0 
									{ 
										border: #dcdcdc solid thin;
										background: #f5f5f5;  
										color: black; 
									}
									tr.river-unk0 td 
									{ 
										color: black; 
									}
									tr.river-unk0 a{color:black ;}								 
									.river-unk1,tr.river-unk1 
									{ 
										border: #e5e5e5 solid thin;
										background: #ffffff;  
										color: black; 
									}
									tr.river-unk1 td 
									{ 
										color: black; 
									}
									tr.river-unk1 a{color:black ;}								 
									.river-low0,tr.river-low0 
									{ 
										border: #ffcf96 solid thin;
										background: #ffe4c3;  
										color: black; 
									}
									tr.river-low0 td 
									{ 
										color: black; 
									}
									tr.river-low0 a{color:black ;}								 
									.river-low1,tr.river-low1 
									{ 
										border: #ffcc95 solid thin;
										background: #fee2c2;  
										color: black; 
									}
									tr.river-low1 td 
									{ 
										color: black; 
									}
									tr.river-low1 a{color:black ;}								 
									.river-low2,tr.river-low2 
									{ 
										border: #ffc994 solid thin;
										background: #ffdfc1;  
										color: black; 
									}
									tr.river-low2 td 
									{ 
										color: black; 
									}
									tr.river-low2 a{color:black ;}								 
									.river-low3,tr.river-low3 
									{ 
										border: #fec693 solid thin;
										background: #ffddbf;  
										color: black; 
									}
									tr.river-low3 td 
									{ 
										color: black; 
									}
									tr.river-low3 a{color:black ;}								 
									.river-low4,tr.river-low4 
									{ 
										border: #ffc391 solid thin;
										background: #fedbbe;  
										color: black; 
									}
									tr.river-low4 td 
									{ 
										color: black; 
									}
									tr.river-low4 a{color:black ;}								 
									.river-low5,tr.river-low5 
									{ 
										border: #ffc090 solid thin;
										background: #ffd9bc;  
										color: black; 
									}
									tr.river-low5 td 
									{ 
										color: black; 
									}
									tr.river-low5 a{color:black ;}								 
									.river-low6,tr.river-low6 
									{ 
										border: #ffbd8f solid thin;
										background: #ffd7bb;  
										color: black; 
									}
									tr.river-low6 td 
									{ 
										color: black; 
									}
									tr.river-low6 a{color:black ;}								 
									.river-low7,tr.river-low7 
									{ 
										border: #ffba8d solid thin;
										background: #fed4b9;  
										color: black; 
									}
									tr.river-low7 td 
									{ 
										color: black; 
									}
									tr.river-low7 a{color:black ;}								 
									.river-low8,tr.river-low8 
									{ 
										border: #ffb68c solid thin;
										background: #ffd2b8;  
										color: black; 
									}
									tr.river-low8 td 
									{ 
										color: black; 
									}
									tr.river-low8 a{color:black ;}								 
									.river-low9,tr.river-low9 
									{ 
										border: #feb38b solid thin;
										background: #ffd0b7;  
										color: black; 
									}
									tr.river-low9 td 
									{ 
										color: black; 
									}
									tr.river-low9 a{color:black ;}								 
									.river-med0,tr.river-med0 
									{ 
										border: #71f971 solid thin;
										background: #98fa98;  
										color: black; 
									}
									tr.river-med0 td 
									{ 
										color: black; 
									}
									tr.river-med0 a{color:black ;}								 
									.river-med1,tr.river-med1 
									{ 
										border: #78f971 solid thin;
										background: #9dfa98;  
										color: black; 
									}
									tr.river-med1 td 
									{ 
										color: black; 
									}
									tr.river-med1 a{color:black ;}								 
									.river-med2,tr.river-med2 
									{ 
										border: #80f971 solid thin;
										background: #a2fa98;  
										color: black; 
									}
									tr.river-med2 td 
									{ 
										color: black; 
									}
									tr.river-med2 a{color:black ;}								 
									.river-med3,tr.river-med3 
									{ 
										border: #87f971 solid thin;
										background: #a8fa98;  
										color: black; 
									}
									tr.river-med3 td 
									{ 
										color: black; 
									}
									tr.river-med3 a{color:black ;}								 
									.river-med4,tr.river-med4 
									{ 
										border: #8ff971 solid thin;
										background: #adfa98;  
										color: black; 
									}
									tr.river-med4 td 
									{ 
										color: black; 
									}
									tr.river-med4 a{color:black ;}								 
									.river-med5,tr.river-med5 
									{ 
										border: #96f971 solid thin;
										background: #b3fa98;  
										color: black; 
									}
									tr.river-med5 td 
									{ 
										color: black; 
									}
									tr.river-med5 a{color:black ;}								 
									.river-med6,tr.river-med6 
									{ 
										border: #9ef971 solid thin;
										background: #b8fa98;  
										color: black; 
									}
									tr.river-med6 td 
									{ 
										color: black; 
									}
									tr.river-med6 a{color:black ;}								 
									.river-med7,tr.river-med7 
									{ 
										border: #a5f971 solid thin;
										background: #befa98;  
										color: black; 
									}
									tr.river-med7 td 
									{ 
										color: black; 
									}
									tr.river-med7 a{color:black ;}								 
									.river-med8,tr.river-med8 
									{ 
										border: #acf972 solid thin;
										background: #c3fa98;  
										color: black; 
									}
									tr.river-med8 td 
									{ 
										color: black; 
									}
									tr.river-med8 a{color:black ;}								 
									.river-med9,tr.river-med9 
									{ 
										border: #b4f972 solid thin;
										background: #c8fb99;  
										color: black; 
									}
									tr.river-med9 td 
									{ 
										color: black; 
									}
									tr.river-med9 a{color:black ;}								 
									.river-hi0,tr.river-hi0 
									{ 
										border: #93afd2 solid thin;
										background: #b0c4de;  
										color: black; 
									}
									tr.river-hi0 td 
									{ 
										color: black; 
									}
									tr.river-hi0 a{color:black ;}								 
									.river-hi1,tr.river-hi1 
									{ 
										border: #8eafd6 solid thin;
										background: #abc3e0;  
										color: black; 
									}
									tr.river-hi1 td 
									{ 
										color: black; 
									}
									tr.river-hi1 a{color:black ;}								 
									.river-hi2,tr.river-hi2 
									{ 
										border: #89afda solid thin;
										background: #a7c4e3;  
										color: black; 
									}
									tr.river-hi2 td 
									{ 
										color: black; 
									}
									tr.river-hi2 a{color:black ;}								 
									.river-hi3,tr.river-hi3 
									{ 
										border: #83b0de solid thin;
										background: #a3c4e6;  
										color: black; 
									}
									tr.river-hi3 td 
									{ 
										color: black; 
									}
									tr.river-hi3 a{color:black ;}								 
									.river-hi4,tr.river-hi4 
									{ 
										border: #7eb2e2 solid thin;
										background: #9ec5e9;  
										color: black; 
									}
									tr.river-hi4 td 
									{ 
										color: black; 
									}
									tr.river-hi4 a{color:black ;}								 
									.river-hi5,tr.river-hi5 
									{ 
										border: #78b3e6 solid thin;
										background: #9ac6ec;  
										color: black; 
									}
									tr.river-hi5 td 
									{ 
										color: black; 
									}
									tr.river-hi5 a{color:black ;}								 
									.river-hi6,tr.river-hi6 
									{ 
										border: #73b5eb solid thin;
										background: #95c7ef;  
										color: black; 
									}
									tr.river-hi6 td 
									{ 
										color: black; 
									}
									tr.river-hi6 a{color:black ;}								 
									.river-hi7,tr.river-hi7 
									{ 
										border: #6db8ef solid thin;
										background: #90c9f3;  
										color: black; 
									}
									tr.river-hi7 td 
									{ 
										color: black; 
									}
									tr.river-hi7 a{color:black ;}								 
									.river-hi8,tr.river-hi8 
									{ 
										border: #67bbf3 solid thin;
										background: #8bcbf6;  
										color: black; 
									}
									tr.river-hi8 td 
									{ 
										color: black; 
									}
									tr.river-hi8 a{color:black ;}								 
									.river-hi9,tr.river-hi9 
									{ 
										border: #62bef8 solid thin;
										background: #86cefa;  
										color: black; 
									}
									tr.river-hi9 td 
									{ 
										color: black; 
									}
									tr.river-hi9 a{color:black ;}	
tr.river {
	vertical-align: top;
	color: black;
}

tr.river a {
	color: black;
}

div#levels-help {
	border: solid #c0c0c0 thin;
	background: #f7f7f7;
}

div#levels-help .help {
	background: #d0d0d0;
	color: #404040;
}

div#levels-help .instructions {
	font-style: italic;
	color: silver;
}

th.right,td.right {
	text-align: right;
	vertical-align:top;
}

.river-list {
	width: 99%;
}

.river-list td {
	padding: 2px
}

/*
Example:  set the two-col-right class if you want two columns with the right column fixed and the
left column liquid. */
#block_1_wrapper {
	float: left;
	width: 100%;
}

#block_1 {
	/* margin-right = block_3 width, margin-left = block_2 width THREE COLUMN DEFAULT*/
	margin: 0 17em 0 25em;
}

.two-col-left #block_1 {
	margin-right: 0;
}

.two-col-right #block_1 {
	margin-left: 0;
}

.one-col #block_1 {
	margin: 0;
}

#block_2 { /* width = block_2 width */
	float: left;
	margin-left: -100%;
	width: 25em;
}

#block_3 { /* width = block_3 width */
	float: right;
	margin-left: -100%;
	width: 17em;
}

/* Set the gutters around the outer edge of the browser window and between the columns */
wh2o.body {
	position: absolute;
	margin: 0;
	padding: .5em .5em
}

#block_2 .gutter {
	margin-right: 5px;
}

#block_3 .gutter {
	margin-left: 5px;
}

#block_3 h1 {
	font-size: 120%;
}

#block_3 h2 {
	font-size: 110%
}

#block_3 ul {
	padding-left: 0.2em;
}

/* CLEAR BLOCKS ABOVE OR BELOW BLOCKS CONTAINING COLUMN LAYOUT */
	/* This technique is supposed to have better cross-browser support than the simple "clear: both" */
	/* Must also add selectors to CLEAR BLOCKS CSS in ie.css */
#container :after,#header :after,#navigation .boxcontent:after,#block_1 .float-container:after,#statewrapper
	:after {
	clear: both;
}

/* Opera requires; needs to be hidden from IE-mac \*/
#container,#header,#navigation .boxcontent,#statewrapper {
	display: block;
}

/* End hide */ /* SET MINIMUM WIDTH ALL BROWSERS USING CSS*/
	/* Must also set widths in ie.css */
#width {
	width: 100%;
	min-width: 51em;
	max-width: 200em;
	margin: 0 auto;
	overflow: hidden; /* Added to get rid of persistent scrollbar at bottom */
}

/* CREATE TWO CLASSES FOR HIDING CONTENT */
.hide-all {
	height: 0px;
	display: none;
	position: fixed;
}

.hide-visual-only {
	position: absolute;
	height: 0px;
	left: -999em;
	/* using left instead of display to hide content from browsers but not screen readers because display: none isn't read by screen readers */
}

#footer
{
	clear:both;
}

#navigation .boxcontent,#footer .boxcontent {
	background: #d0d0d0;
	padding: 0.1em;
}

/* Top border and right corner */
.bt {
	background: url(../images/assets6.5/gbox.png) no-repeat 100% 0;
	margin: 0 0px 0 15px;
	height: 30px;
}

/* Top left corner */
.bt div {
	height: 30px;
	width: 15px;
	position: relative;
	left: -15px;
	background: url(../images/assets6.5/gbox.png) no-repeat 0 0;
}

/* Bottom border and right corner */
.bb {
	background: url(../images/assets6.5/gbox.png) no-repeat 100% 100%;
	margin: 0 0px 0 15px;
	height: 20px;
}

/* Bottom left corner */
.bb div {
	height: 20px;
	width: 15px;
	position: relative;
	left: -15px;
	background: url(../images/assets6.5/gbox.png) no-repeat 0 100%;
}

/* Left border */
.i1 {
	padding: 0px 0px 0px 15px;
	background: url(../images/assets6.5/gside.png) repeat-y 0 0;
}

/* Right border */
.i2 {
	padding: 0px 12px 0px 0px;
	background: url(../images/assets6.5/gside.png) repeat-y 100% 0;
}

.i3 {
	padding-top: 15px;
	background: white;
}

.boxcontent {
	margin-top: -30px;
	padding-right: .5em;
}


.operations {
	background: #e0e0e0;
	border-bottom: thin black solid;
	border-right: thin black solid;
	border-top: thin #a0a0a0 solid;
	border-left: thin #a0a0a0 solid;
	display: inline-block;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-top: .25em;
	margin-bottom: .25em;
}

.operations,div.controls a {
	white-space: nowrap;
	line-height: 150%;
}

a.operations,div.controls a {
	color: black;
	padding-left: .25em;
	padding-right: .25em;
	margin-left: .25em;
	margin-right: .25em;
}

a.operations:hover {
	color: #e0e0e0;
	background: black;
}

.feed {
	float: left;
}

#header div.logo {
	
}

img#awlogo {
	z-index: 1;
	position: absolute;
	float: left;
	top: 2px;
}

#navigation div.CMenuGadget {
	font-size: 80%;
	color: #2E4251;
	font-weight: bold;
	height: 26px;
	margin: -1px; /* rid us of the border */
}

#navigation div.CCrumbsGadget
{
	clear:both;
}
#navigation div.CCrumbsGadget ul{
	clear: both;
	background: url(/resources/images/assets6.5/menutab-bg.png) repeat-x;
	height: 1.5em;
	padding-top: .5em;
	padding-left: 1.0em;
	border-bottom: thin solid #9Da97e;
	font-size: 75%;
	color: #2E4251;
	font-weight: bold;
	overflow: hidden;
}

#navigation {
	margin-bottom: 0;
}

ul.bread_crumb a {
	color: black;
	text-decoration: none;
	font-weight: normal;
}

ul.bread_crumb a:hover {
	background: black;
	color: white;
}

ul.bread_crumb {
	padding: 0;
	border: 0;
	margin: 0;
}

li.bread_crumb {
	float: left;
	margin-left: 1em;
	font-size: 100%;
	list-style: none;
	display: block;
	color: black;
}

.listbox {
	float: left;
	padding: .25em;
	vertical-align: top;
}

.page-counter {
	clear: both;
}

/** this handles multiselects **/
form div.title_box {
	background: #eeeeee;
	border-top: #9ca87d /*aw-olive*/   thin solid;
	border-right: #9ca87d /*aw-olive*/   thin solid;
	border-left: #9ca87d /*aw-olive*/   thin solid;
}

.options-list {
	background: #9ca87d /*aw-olive*/;
	border-bottom: thin #9ca87d /*aw-olive*/   solid;
}

.option {
	border-bottom: black dotted thin;
	background: #dddddd;
}

.options-button {
	height: 1em;
}

/*** security edit ***/
#secformarea {
	width: 50em;
	float: right;
	font-family: sans-serif;
}

#secformarea h2 {
	font-style: italic;
	margin-left: 1em;
}

.error,#status,.status,#error {
	font-style: oblique;
	color: red;
	font-weight: bolder;
}

li:hover .sec-cat ul {
	display: none;
}

li:hover .sec-cat ul {
	display: block;
}

/**journal pages**/
#journals .inner {
	background-color: white;
	border-color: black;
	border-width: 1px;
	margin-right: auto;
	margin-left: auto;
	border-style: solid;
	width: 90%;
	padding: 0.5em;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; /* nice additions for browsers that support this, ignored by others */
}

#journals .outer, #journals .nonmember {
	background-color: #f5f5f5;
	padding: 0.5em;
	width: 250px;
	float: left;
	border: 1px black solid;
	margin: .5em;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; /* nice additions for browsers that support this, ignored by others */
}

#journals .nonmember {
	background-color: #ffcccc;
}
	

.outer img, .nonmember img {
	background-color: white;
	border-style: none;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.pdf-link {

	margin: auto;
	padding-right: 32px;
	padding-bottom: 16px;
	padding-top: 16px;
	background-position: right 50%;
	background-repeat: no-repeat;
	background-image: url(/resources/images/pdf_icon.png);
}

#learn_more {
	float: right;
	padding-left: 10px; 
	padding-right: 10px;
	clear: both;
}

.star-on {
	width: 20px;
	height: 20px;
	overflow: hidden;
	background: url('stars.png');
	background-position: 0px 42px;
	background-repeat: repeat;
	float: left;
}

.star-off {
	width: 20px;
	height: 20px;
	overflow: hidden;
	background: url('stars.png');
	background-position: 0px 0px;
	background-repeat: repeat;
	float: left;
}

.star-off:hover,.star-on:hover {
	background-position: 0px 21px;
}

.smallform {
	font-size: 70%;
	float: left;
}

.contact-list {
	width: 100%;
}

.contact-list .title {
	width: 10%;
}

.contact-list .name {
	width: 20%;
}

.contact-list .city {
	width: 20%;
}

.contact-list .coperations {
	width: 15%;
}

.general_edit,.contact_edit,.group_edit,.article_edit,.wiki_edit,.news_edit {
	z-index: 1;
	width: 24px;
	height: 24px;
	margin: -8px;
	top: 10px;
	left: -10px;
	float:left;
	background-repeat: no-repeat;
	position: relative;
	background: url("edit_icons.png");
}

.news_edit {
	background-position: 0px 52px;
}

.general_edit {
	background-position: 0px 0px;
}

.article_edit {
	background-position: 0px 96px;
	height:20px;
}

.contact_edit {
	background-position: 0px 149px;
}

.group_edit {
	background-position: 0px 123px;
}

.wiki_edit {
	background-position: 0px 76px; height:22px;
}

.rss,.kml,.mobile,.ical {
	background-image: url("/resources/images/feeds/feeds.png");
	width: 28px;
	height: 28px;
	display: inline;
	float: left;
}

.rss {
	background-position: 0px 0px;
}

.kml {
	background-position: 0px -28px;
}

.mobile {
	background-position: -0px -56px;
}

.ical {
	background-position: -0px -84px;
}

/*** newmenu ***/
	/* All <ul> tags in the menu including the first level */
.menulist,.menulist  ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.distinct {
	float: right;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
	display: none;
	position: absolute;
	top: 2em;
	/* I'm using ems rather than px to allow people to zoom their font */
	left: 0px;
	width: 10.50em;
	z-index: 30;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
	top: 0px;
	left: 10.0em;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
	float: left;
	position: relative;
	margin-right: -1px;
	background: inherit; /* same bg as nav bar containing it*/
	min-height: 10px;
}

.menulist li a {
	float: left;
	background: url(/resources/images/assets6.5/menutab-left.png) no-repeat
		left top;
	margin: 0;
	height: 2.0em;
	margin-right: 1px; /*spacing between each tab*/
	padding: 0 0 0 7px;
	overflow: hidden; 
	text-decoration : none;
	color: #2E4251;
	font-weight: bold;
	text-decoration: none;
}

.menulist li a:hover span {
	background: black;
	color: white
}

.menulist li a span {
	float: left;
	display: block;
	background: url(/resources/images/assets6.5/menutab-right.png) no-repeat
		right top;
	padding: 6px 15px 45px 15px;
	text-decoration: none;
	color: #2E4251;
	font-weight: bold;
}

#toptonav {
	background: url(/resources/images/assets6.5/upper_background.png) repeat;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
	margin-right: 0;
	color: #2E4251;
	font-weight: bold;
	background: url(/resources/images/assets6.5/menutab-bg.png) repeat-x;
	border: 1px solid #330;
	margin-bottom: -1px;
	width: 20em;
}

.menulist ul li a {
	float: none;
	background: inherit;
}

.menulist ul li span {
	float: none;
	background: inherit;
}

.menulist ul>li:last-child {
	margin-bottom: 1px;
}

/* Links inside the menu */
.menulist a {
	display: block;
	padding: 3px;
	color: #000;
	text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover,.menulist a.highlighted:hover,.menulist a:focus {
	color: white;
	background-color: black;
}

.menulist a.highlighted {
	color: white;
	background-color: #101010;
}

.menulist,#navigation,#nav-wrapper { /*	z-index: 20; */
	
}

/* Only style submenu indicators within submenus. */
.menulist a .subind {
	display: none;
}

.menulist ul a .subind {
	display: block;
	float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
	float: left;
}

.menulist ul a {
	float: none;
}

/* \*/
.menulist a {
	float: none;
}

/** menu color **/
li.distinct {
	float: right;
}

li.distinct a {
	color: black;
}

table.comments {
	width: 90%;
}

.comment_warning {
	background: url('icon_warn.gif') no-repeat orange;
	color: white;
	font-weight: bolder;
	padding-left: 30px;
	min-height: 30px;
}

.river-stats .rv-name {
	display: none;
}

.rv-info {
	
}

.rv-name {
	
}

.rv-cond,.rv-updated,.rv-link,.rv-unit {
	margin-left: 10%;
	display: inline;
}

.river-stats {
	float: left;
}

.CLinksView ul {
	list-style: disc;
	margin-left: 0.5em;
}

.river-photo {
	float: right;
}

.river-photo h1 {
	display: none;
}

.river-break {
	clear: left;
}

.dijitReset {
	color: black;
}

.dijitTabPaneWrapper {
	clear: both;
	width: 100%;
}

.river-description p {
	margin-bottom: 1em;
}

/* main classes for dojox.widget.Toaster */
.tundra .dijitToasterContent {
	padding: 1em;
	padding-top: 0.25em;
	background: grey;
	color: white;
}

.tundra .dijitToasterMessage .dijitToasterContent{
	
}



.tundra .dijitToasterWarning .dijitToasterContent {
	background: yellow;
	color: black;
}

.tundra .dijitToasterError .dijitToasterContent {
	padding: 1em;
	padding-top: 0.25em;
	background-color: red;
}

/* imported from dijit.css */
.dijitToasterClip {
	position: absolute;
	overflow: hidden;
}

.dijitToasterContainer {
	display: block;
	position: absolute;
	width: 40em;
	z-index: 5000;
	margin: 0px;
	font-size: 95%;
	border: black solid thin;
}

.dijitTabContainerTop-tabs {
	background: #dce3ca;
}

.quickcalendar .doperations {
	background: silver;
	font-size: 79%;
	padding: 0px;
	border: black solid thin;
}

.options-list .option {
	clear: both;
}

.options-list br {
	clear: both;
}

.event {
	color: black;
}

.event a {
	color: black;
}

.event-0 {
	background-color: #003366;
	color: white;
}

.event-1 a, .event-0 a,.event-3 a,.event-4 a,.event-6 a,.event-7 a,.event-9 a {
	color: white;
}

.event-1 {
	color: white;
	background-color: #009966;
}

.event-2 {
	background-color: #00FF66;
}

.event-3 {
	background-color: #006666;
	color: white;
}

.event-4 {
	background-color: #6699FF;
	color: white;
}

.event-5 {
	background-color: #6699CC;
	color: white;
}

.event-6 {
	background-color: #3B5669;
	color: white;
}

.event-7 {
	background-color: #9DA97E;
	color: white;
}

.event-8 {
	background-color: #0066CC;
	color: white;
}

.event-9 {
	background-color: #3399CC;
	color: white;
}

.in-month-day {
	background: #9dAAB6 /*aw-grey*/   none repeat scroll 0%;
	color: white;
}

.out-month-day {
	background: white none repeat scroll 0%;
	color: black;
}

.bigcalendar .dayheader {
	width: 14%;
}

.bigcalendar .event .title {
	font-size: 70%;
	font-weight: bolder;
	clear: both;
	display: block;
}

.bigcalendar .event .detail {
	font-size: 60%;
	clear: both;
}

.smallcalendar .dayheader {
	width: 14%;
}

.smallcalendar .event .title {
	font-size: 70%;
	font-weight: bolder;
	clear: both;
	display: block;
}

.smallcalendar .event .detail {
	font-size: 60%;
	clear: both;
}

.cal-control {
	border: none;
	font-size: 100%;
	font-weight: bold;
	color: #3B5669;
}

.cal-controlnew {
	margin:auto;
	background-color: white;
	font-size: 80%;
	border: black solid thin;
}

.small-cal-control {
	clear: both;
}

.block_3 .cal-control,.small-cal-control {
	border: medium none;
	color: #3B5669;
	font-size: 65%;
	font-weight: bold;
}

#calendarcontrols {
	clear: both;
	background: none;
}

#calendarcontrolsnew {
	clear: both;
}

table.eventlist {
	clear: both;
	width: 100%;
	font-size: 85%;
}

table.bigcalendar {
	clear: both;
}

table.bigcalendar,table.smallcalendar {
	width: 100%;
	clear: both;
}

.smallcalendar .day {
	text-align: left;
	vertical-align: top;
}

.smallcalendar .day-tag {
	font-size: 65%;
	float: left;
	clear: left;
}

.bigcalendar .day-tag {
	font-weight: bold;
	float: left;
	clear: left;
	width: 100%;
}

td.day {
	vertical-align: top;
}

.day-tip .event {
	clear: both;
}

.day-tip span.title {
	display: block;
	clear: both;
}

.day-tip span.detail {
	display: block;
	clear: both;
}

.event .detail {
	font-size: 70%;
}

.cal-edit-all,.cal-edit,.cal-del,.cal-del-all,a.calendar,a.warning {
	float: right;
	display: inline;
	width: 24px;
	height: 24px;
	background-image: url('/resources/images/calendar/icons.png');
	background-repeat: repeat;
	text-decoration: none;
}

.cal-del-all {
	background-position: -25px;
}

.cal-edit {
	background-position: -50px;
	width: 19px;
}

.result-photo img {
	max-width: 200px;
	max-height: 200px;
}

.result-photo {
	height: 240px;
	width: 200px;
}

.result-photo .caption {
	display: block;
}

.result-photo a {
	color: silver;
	font-size: smaller;
}

.result-photo .info {
	font-size: smaller;
}

.cal-edit-all {
	background-position: -69px;
}

.rl-icon-email,.rl-icon-asap,.rl-icon-network,.jl-icon-photos,.rl-icon-gaugeperfect,.rl-icon-gaugeinfo,.rl-icon-gaugewarn
	{
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url('/resources/images/river-list/icons.png');
	background-repeat: repeat;
}

.rl-icon-email {
	width: 17px;
	background-position: 0px -154px;
}

.rl-icon-asap {
	background-position: 0px -137px;
}

.rl-icon-network {
	background-position: 0px -120px;
}

.jl-icon-photos {
	background-position: 0px -168px;
}

.rl-icon-gaugewarn {
	background-position: 0px -184px;
}

.rl-icon-gaugeinfo {
	background-position: 0px -200px;
}

.rl-icon-gaugeperfect {
	background-position: 0px -216px;
}

.photodiv h1 {
	display: none;
}

.dojoxLightboxText {
	position: relative;
	background: white;
	/*bottom: 2.5em;*/
	position: absolute;
	-moz-border-radius-topright: 4px;
	width: 90%;
}

.dojoxLightboxText a {
	color: silver;
	padding-left: 1em;
}

.rl-icon-event,.rl-icon-gauge,.rl-icon-warning,.rl-icon-edit,.rl-icon-journal
	{
	width: 24px;
	height: 24px;
	background-image: url('/resources/images/river-list/icons.png');
	background-repeat: repeat;
}

.rl-icon-gauge {
	background-position: 0px -29px;
	height: 12px;
}

.rl-icon-warning {
	background-position: 0 -50px;
}

.rl-icon-edit {
	background-position: 0 -74px;
}

.rl-icon-journal {
	background-position: 0 -95px;
}

div.photo-inline img {
	max-width: 500px;
}

div.rapid-inline {
}

.rapid-inline h1 {
	font-size: 0%;
	color: black;
}

div.toedit {
	border: solid thin black;
	clear: both;
	overflow: scroll;
}

div.toedit:hover {
	background: yellow;
}

.vert-header0,.vert-header1 {
	font-size: 80%;
	vertical-align: bottom;
	padding-left: .5em;
	padding-right: .5em;
}

.vert-header0 {
	background: #9ca87d /*aw-olive*/;
	color: white;
}

.vert-header1 {
	background: #9dAAB6 /*aw-grey*/;
	color: white;
}

.horiz-header0 {
	background: silver;
	color: black;
}

td.ggs_header {
	background: #9dAAB6 /*aw-grey*/;
	border-top: #DDDDDD solid medium;
	border-right: #DDDDDD solid medium;
	border-left: #DDDDDD solid medium;
	border-bottom: none;
}

td.ggs_line {
	border-left: #DDDDDD solid medium;
	border-right: #DDDDDD solid medium;
	border-bottom: #DDDDDD solid medium;
	background: white;
	border-top: none;
}

th.ggs-name {
	vertical-align: text-bottom;
}

td.ggs_line hr {
	border: thin solid #dddddd;
}

.indented {
	padding-left: 20px;
}

.date_expired {
	background: #FF9D9D;
}

.paid_thru_expired {
	background: #9dAAB6 /*aw-grey*/;
}

.infopart1 {
	background: #FFFFFF;
	border-left: #9dAAB6 /*aw-grey*/   solid medium;
	border-right: #9dAAB6 /*aw-grey*/   solid medium;
	border-top: #9dAAB6 /*aw-grey*/   solid medium;
	border-bottom: none;
}

.infopart2 {
	background: #FFFFFF;
	border-left: #9dAAB6 /*aw-grey*/   solid medium;
	border-right: #9dAAB6 /*aw-grey*/   solid medium;
	border-bottom: #9dAAB6 /*aw-grey*/   solid medium;
	border-top: none;
}

.cal-controlnewsub {
	margin:auto;
	background-color: white;
	width: 50%;
	border: black solid thin;
	color: #00006F;
	font-size: 70%;
	text-align: left;
}

/*-----------GGS LIST VIEW------------*/ /* basic section */
	/* basicplus section */ /* sponsor section */
.basic {
	background: #3B5765;
	font-size: 70%;
	color: #FFFFFF;
	font-weight: bolder;
	height: 35px;
}

.basic-light {
	background: #D8DDE0;
	font-size: 70%;
	color: #000000;
	height: 35px;
}

.basic-links {
	background: #3B5765;
	font-size: 70%;
	color: #000000;
	height: 21px;
	color: #fff;
	text-align: right;
}

.basicplus {
	background: #9DAA7F;
	font-size: 70%;
	color: #FFFFFF;
	font-weight: bolder;
	height: 35px;
}

.basicplus-light {
	background: #EBEEE5;
	font-size: 70%;
	color: #000000;
	height: 35px;
}

.basicplus-links {
	background: #9DAA7F;
	font-size: 70%;
	color: #000000;
	height: 21px;
	color: #fff;
	text-align: right;
}

.sponsor {
	background: #A4AEAF;
	font-size: 70%;
	color: #FFFFFF;
	font-weight: bolder;
	height: 35px;
}

.sponsor-light {
	background: #EDEFEF;
	font-size: 70%;
	color: #000000;
	height: 35px;
}

.sponsor-links {
	background: #A4AEAF;
	font-size: 70%;
	color: #000000;
	height: 21px;
	color: #fff;
	text-align: right;
}

.sponsor-links1 {
	background: #A4AEAF;
	color: #FFFFBF;
	text-align: left;
}

.col-1 {
	border-left: 1px solid #939393;
	border-right: 1px solid #939393;
	vertical-align: middle;
	padding: 0 8px;
}

.col-1 a {
	color: #fff;
	text-decoration: none
}

.col-1 a:hover {
	color: #fff;
	text-decoration: underline
}

.col-11 {
	border-left: 1px solid #939393;
	border-right: 1px solid #939393;
	vertical-align: middle;
	padding: 0 8px;
}

.col-11 a {
	color: #FFFFBF;
	text-decoration: none
}

.col-11 a:hover {
	color: #FFFF0D;
	text-decoration: underline
}

.col-first {
	font-size: 70%;
	border-left: 1px solid #9DA9B5;
	border-right: 1px solid #C8CFD5;
	vertical-align: middle;
	padding: 0 4px;
}

.col-inside {
	font-size: 70%;
	border-right: 1px solid #C8CFD5;
	vertical-align: middle;
	padding: 0px;
}

.col-all {
	font-size: 70%;
	border-left: 1px solid #9DA9B5;
	border-right: 1px solid #9DA9B5;
	background: url(/resources/images/ggs_bg.gif) repeat top left;
	vertical-align: middle;
	padding: 0 4px;
}

.head {
	background: #5E7581;
	font-size: 70%;
	font-weight: bolder;
	color: #FFFFFF;
	height: 35px;
	text-align: left;
}

.head-alt {
	background: #3B5765;
	font-size: 70%;
	font-weight: bolder;
	color: #FFFFFF;
	text-align: left;
}

.data {
	color: #000;
	font-size: 70%;
	font-weight: normal;
	text-align: left;
}

.nodata {
	background: #fff;
	color: #000;
	font-size: 70%;
	font-weight: normal;
	text-align: left;
	width: auto
}

.line {
	background: #fff;
	color: #000;
	font-size: 70%;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #C8CFD5
}

/*---- Sortable tables */
table.sortable thead {
	background-color: #9ca87d /*aw-olive*/;
	color: white;
	font-weight: bold;
	cursor: default;
}

table.sortable a.sortheader {
	background-color: #eee;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

table.sortable span.sortarrow {
	color: black;
	text-decoration: none;
}

.controls select,.controls input[type='text'] {
	font-size: smaller;
	background: silver;
	border: thin black solid;
}

/*---- control area */
.controls th a {
	font-style: normal;
	font-weight: normal;
}

.controls h1,.controls h2 {
	font-size: 112%;
	background: #9ca87d /*aw-olive*/;
	width: 100%;
	color: white;
}

.controls {
	background: #dce3ca /*aw-slate*/;
}

.controls th {
	background: #9ca87d /*aw-olive*/;
}

/*----- default data tables */
.data_table th {
	padding: 7px;
	border: 1px solid white;
	font-weight: bold;
	font-size: 110%;
}

.data_table td {
	padding: 5px;
	border: 1px solid white;
}

table.big_data_table {
	font-size: smaller;
}

table.data_table tfoot tr {
	background: #9ca87d /*aw-olive*/;
}


.data_table td.left,.data_table th.left
{
text-align: left;
padding-right: 1em;
}

.data_table td.right,.data_table th.right
{
text-align: right;
padding-right: 1em;
}

.data_table td.seperate,.data_table th.seperate
{
border-left: black thin solid;
}
.leftpad
{
padding-left: .5em;
}

.rc 
{
	font-size:smaller;
}

table.data_table {
	background: #ebeee5;
	border: #9ca87d /*aw-olive*/   thin solid;
}

.subtable th {
	padding-right: 1em;
	font-weight: normal;
}

.subtable td {
	padding-right: 1em;
	font-weight: normal;
}

table.data_table a {
	color: #303030;
}

table.data_table a:hover {
	color: darkBlue;
}

table.data_table a.operations:hover {
	color: white;
}

table.data_table th {
	background: #9ca87d /*aw-olive*/;
	color: white;
}

table.data_table tr.row-0 {
	background: #c4cecf;
}

/*----- END default data tables */

.header-bg {
	
}

.top {
	padding: 0px 0px 0px 0px;
}

.logo {
	padding: 15px 0px 0px 20px;
}

/********** Navigation **********/
#nav {
	width: 100%;
	height: 53px;
	background: url(/resources/images/assets6.5/menutab-bg.gif) repeat-x bottom
		left
}

#nav ul#menu {
	list-style: none
}

#nav ul#menu li {
	display: inline;
	margin: 0;
	padding: 0;
}

#nav ul#menu li a {
	float: left;
	background: url(/resources/images/assets6.5/menutab-left.gif) no-repeat left top;
	margin: 0;
	height: 26px;
	margin-right: 1px; /*spacing between each tab*/
	padding: 0 0 0 7px;
	text-decoration: none;
	font-size: 12px;
	color: #2E4251;
	font-weight: bold
}

#nav ul#menu li a span {
	float: left;
	display: block;
	background: url(/resources/images/assets6.5/menutab-right.gif) no-repeat
		right bottom;
	padding: 6px 15px 5px 15px;
	text-decoration: none;
	font-size: 12px;
	color: #2E4251;
	font-weight: bold
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav ul#menu li span {
	float: none;
}

/* End IE5-Mac hack */
#nav ul#menu li a:hover span {
	color: #565151;
}


#nav ul#menu li.invite {
	width: 240px;
	height: 21px;
	border: 0px;
	float: right;
	padding: 28px 7px 0px 0px;
}

#menu_content_container {
	width: auto;
	clear: both
}

.menu_content {
	display: none;
	padding-top: 5px;
	padding-left: 15px;
	font-size: 11px;
	font-weight: bold;
	color: #334756;
	text-transform: uppercase
}

.menu_content a {
	color: #334756;
	text-decoration: none
}

.menu_content a:hover {
	color: #fff;
}

.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 10px;
}

table.member-center {
	width: 100%;
	border: 0px;
}

table.member-buttons {
	width: 100%;
	background: black;
}

table.member-buttons td.explain-button-bar {
	text-align: left;
	padding-left: 10px;
}

.member-center .fieldname {
	font-weight: bold;
	color: white;
	padding-left: 10px;
}

.member-center h1 {
	color: #DCE3CA;
}

.member-center h2 {
	color: #DCE3CA;
}

.member-center {
	color: white;
}

.member-center #dlg-wait,.member-center #dlg-main,.member-center .error,.member-center form tr
	{
	background: url('shadow.png');
}

table.button-bar {
	width: 100%;
}

table.button-bar td.end-left,table.button-bar td.end-right {
	width: 6px;
}

table.button-bar td.button {
	vertical-align:middle;
	margin: auto;
	text-align: center;
}

table.button-bar tr.labels {
	height: 29px;
}


#membership-background {
	background: #ffffff no-repeat center;
}

/* shows a side message in html mode, this is the explination of the form which will show in html-form mode only */
.member-center .side-message {
	display: none;
}

table.member-center .blackbox-left,table.member-center .blackbox-right {
	height: 4px;
}

table.member-center .blackbox-middle {
	height: 4px;
	height: 100%;
}

table.member-inside {
	width: 100%;
	border: 0px;
}

.member-center .dynamic-div {
	float: right;
	border-left: none;
	color: white;
	position: relative;
	float: right;
	background: none;
	border: none;
	width: 100%;
	height: 0px;
}

.member-center .dynamic-div form {
	float: right;
	margin-left: 2em;
}

.side-message {
	width: 200px;
	float: left;
}




.inputbox {
	border: 1px solid #9EABA1;
	margin-top: 2px;
	width: 100px;
}

.inputbox1 {
	border: 0px;
	width: 192px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}

img.logo 
{
	background-repeat:no-repeat;
	background-image: url(/resources/images/assets6.5/awlogo.png);
	width: 343px;
	height: 54px;
}

.CMemberStatusGadget .warning {
	background: yellow;
	color: black;
}



#header-right 
{
	text-align:left;
	float: right;
}

#header-right .smaller {
	font-size: 90%;
}

#header-right a {
	font-size: 80%;
	color: black;
}

#header-right #login-upper {
	font-style: normal;
	padding-right: 0.2em;
	font-weight: normal;
}

#header-right .login-lower {
	padding-right: 0.3em;
	font-style: normal;
	font-weight: normal;
	padding-top: 0.5em;
	font-size: 90%;
}

#header-right #logged-in td {
	padding-right: 0.5em;
}
#header-right .topbox-bg {
	background: repeat-x bottom left;
	height: 4.5em;
	float: left;
	overflow: hidden;
}



#header-right .left-img {
	background: no-repeat bottom left;
	height: 4.5em;
	float: left;
	width: 7px; /*width of slice*/

	margin-left: -7px;
}

.neutral #header-right .left-img {
	background-image: url(/resources/images/assets6.5/loginbox-left.png);
}

.neutral #header-right .topbox-bg {
	background-image: url(/resources/images/assets6.5/loginbox-right.png);
}

.bad #header-right .left-img {
	background-image: url(/resources/images/assets6.5/loginbox-left_f2.png);
}

.bad #header-right .topbox-bg {
	background-image: url(/resources/images/assets6.5/loginbox-right_f2.png);
}

.good #header-right .left-img {
	background-image: url(/resources/images/assets6.5/loginbox-left_f3.png);
}

.good #header-right .topbox-bg {
	background-image: url(/resources/images/assets6.5/loginbox-right_f3.png);
}

#header-right .topbox-bg .left {
	float: left;
	font-size: 70%;
	padding: 7px 0px 0px 0px;
}

#header-right .topbox-bg .right {
	float: left;
	font-size: 70%;
	padding: 7px 0px 0px 10px;
}

#header-right .topbox-bg .remember {
	clear: both;
	float: left;
	font-size: 70%;
	padding: 0 0 0 45px;
}

#header-right .linkbtn {
	float: left;
	padding: 8px 0px 0px 10px;
}

#header-right p.bottomlinks {
	float: left;
	font-size: 80%;
	padding: 5px 0 0 65px;
	text-align: right;
}

br.operations {
	display: none
}

#member-message {
	
}

.member-center .text-side {
	width: 250px;
	background: black
}

.member-center .form-side {
	
}

.member-inside {
	height: 450px;
}

.member-center .memberside {
	background: black
}

.member-center #membership-background {
	background-color: black;
	background-repeat: no-repeat;
	background-position: right top;
}

.user-edit .col2 {
	padding-left: 7px;
}

table.user-search td
{
	border: thin white solid;
}

.help {
	min-height: 5em;
}

.awDialog .comment-container {
	width: 500px;
	height: 400px;
	overflow-y: scroll;
}

table.user-search td
{
	border: white solid thin;
}

tr.user-info {
	background: #ffafff;
}

tr.member-info {
	background: #afffff;
}

tr.contact-info {
	background: #ffffaf;
}

fieldset.ofdisplay {
	border-left: 0px;
	border-bottom: 0px;
	border-right: 0px;
	border-top: thin black solid;
}

fieldset.ofdisplay label {
	display: inline;
	font-weight: bolder;
}

span[dojoType="dijit.Tooltip"] {
	display: none;
}

.CDonateView table.address input[type='text'],.CDonateView table.address select,.CRegisterUserView table.address input[type='text'],.CRegisterUserView table.address select,.CJoinView table.address input[type='text'],.CJoinView table.address select
	{
	width: 100%; /*fill space allotted in table*/
	padding-right: 0px;
}

.CDonateView table.address input.dijitArrowButtonInner,.CRegisterUserView table.address input.dijitArrowButtonInner,.CJoinView table.address input.dijitArrowButtonInner
{
	width: .5em; /* down arrow in input box*/
}


.CJoinView fieldset span.product span.item,.CJoinView fieldset span.thank span.item,.CJoinView fieldset span.journal span.item
	{
	display: block;
}

.CJoinView .note,.CDonateView .note {
	font-size: smaller;
}

.gauge-disabled {
	background: pink !important;
}

img.memcentericon {
	float: right;
	margin-left: 1em;
}

.membercenter-detail-directions {
	font-size: larger;
	font-weight: bolder;
	background: silver;
}

/* for copy/paste MSO docs*/
p.MsoNormal,li.MsoNormal,div.MsoNormal {
	margin: 0in;
	margin-bottom: .0001pt;
	font-size: 12pt;
	font-family: "Times New Roman";
}

.dojoxColorPicker {
	padding:8px;
	width:300px;
	height:150px; 
	-moz-border-radius:4pt;
	-webkit-border-radius:5pt;
	-webkit-drop-shadow:3pt;
}

.tundra .dojoxColorPicker {
	background:#ededed;
	border:1px solid #ccc;
}

.dojoxColorPickerBox {
	position:relative;
	width:150px;	
	height:150px;	
	margin:0; 
	padding:0;
}

.dojoxColorPickerUnderlay {
	position:absolute; 
	top:0; left:0;
	width:150px; 
	height:150px;
	z-index:1;
}
.tundra .dojoxColorPickerUnderlay {
	border:1px solid #a0a0a0;
}

.dojoxHuePickerUnderlay {
	background:url(/resources/js/dojo/dojox/widget/ColorPicker/images/hue.png) no-repeat top center; 
	position:absolute;
	top:0; left:0;
	height:150px;
	width:20px;
	z-index:1;
}

.dojoxHuePicker { position:relative; top:-150px; left:157px; }

.dojoxHuePickerPoint {
	position:absolute;
	top:0; left:0;
	width:20px;
	height:8px;
	z-index:3; 
	background-color:#666; 
	cursor:move;
	background:url(/resources/js/dojo/dojox/widget/ColorPicker/images/hueHandle.png) no-repeat center center; 
}


.dojoxColorPickerPoint {
	position:absolute;
	width:10px; 
	height:10px;
	background: url(/resources/js/dojo/dojox/widget/ColorPicker/images/pickerPointer.png) no-repeat center center; 
	border:0;
	z-index:3; 
	cursor:move; 
}

.dojoxColorPickerPreview {
	display:block;	
	width:45px;	
	height:45px;
	border:1px solid #333;
	background-color:#fff; 
	position:relative;
	top:-150px;
	left: 185px; 
}
.dojoxColorPickerWebSafePreview {
	display:block;
	width:25px; 
	height:25px; 
	position:relative;
	top:-197px;
	left:240px; 
	border:1px solid #333; 
}

.dojoxColorPickerOptional {
	position:relative;
	top:-170px;
	left:185px;
}

.dojoxColorPickerOptional input {
	border:1px solid #a7a7a7;
	width:25px;
	padding:1px 3px 1px 3px;
	line-height:1.1em;
}

.dojoxColorPickerRgb { position:absolute; top:0; left:0;  } 
.dojoxColorPickerHsv { position:absolute; top:0; left:50px;  } 
.dojoxColorPickerHex { position:absolute; top:73px; left:2px;  } 
.dojoxColorPickerHex input {
	width:55px;	
}
.emphasize {
	font-weight: bold;
}