.W           { font-family: Verdana; font-size: 12pt; background-color: #FFFFFF; 
               list-style-image: url('https://www.widernet.org/wnimages/blueicon2.gif') }
tt           { font-family: Arial; font-size: 24pt }
body         { 
	font-family: Verdana; 
	font-size: 11pt; 
	
}

img {
text-decoration: none;
border:none;
}

td           { font-size: 10pt; font-family: Verdana }

table.confluenceTable {padding: 4px; border: solid #4D479D 1px; border-collapse:collapse }
 
th.confluenceTH {padding: 4px; border: solid #666666 1px; background-color: #EEEEEE }
 
td.confluenceTD {padding: 4px; border: solid #666666 1px }


th {
	white-space: nowrap;
}

/*Navigation Menu*/
#box {
	margin-left:auto;	
	margin-right:auto;
}

#navBlue,#navOrange{
	width: 100%;	
	padding: 0;
	list-style: none; 
	background-color: #f2f2f2;
	border: 1px solid #ccc; 
	margin:0;
	text-align:center;
}

#navBlue ul,#navOrange ul {
	list-style: none;
	margin: auto;
	padding: 0;
	text-align: center;
	line-height:normal;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
	list-style-type: none;
	list-style-position: initial;
	list-style-image: initial;
}

#navBlue ul li,#navOrange ul li{
	margin-left: auto;
    margin-right: auto;
}

#navBlue li,#navOrange li{	
	display: inline-block;
}

#navBlue li a {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	font-weight: bold;
	color: #29166f;
	border-right: 1px solid #ccc; 	
	
}

#navOrange li a {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	font-weight: bold;
	color: #F8981C;
	border-right: 1px solid #ccc; 	
}

#navBlue li:first-child a,#navOrange li:first-child a {
	border-left: 1px solid #ccc; 
}

#navBlue li a:hover {
	color: #F8981C;
	background-color: #fff; 
}

#navOrange li a:hover {
	color: #29166f;
	background-color: #fff; 
}	
	

/*End Nav Menu*/

.instructions ,.description{
	display:none;
	font-size:8pt;
	opacity: 0.30;                 /* FX, Safari, GC, Opera, decent browsers */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE8 */
    filter: alpha(opacity=30);                                         /* IE */
    /* in Safari, FX and Chrome add a fade transition */
    -webkit-transition: opacity .25s linear .1s;
    transition: opacity .25s linear .1s;
}

.revealInstructions:hover .instructions,.revealDesc:hover .description{
	display:block;
	 opacity: 1;                     /* FX, Safari, GC, Opera, decent browsers */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
    filter: alpha(opacity=100);                                         /* IE */

}

#products table,#products  td,#products  th {
	border:1px solid #d7d7d7;
	border-collapse:collapse;
	text-indent: 4px; 
}

#maintable {
	border-bottom: 1px solid #F8981C
}

td.nob {
	border:#ffffff;
	border-collapse:collapse;
	vertical-align:top;
}

ul.pics {
	min-width:100px;
    max-width:220px;
	vertical-align: middle;
	text-align: center;
	margin-left: 7px;
	margin-top: 7px;
	border: none;
	text-decoration:none;
	display:inline-block;
}

.pics li {
   display: table-cell;
   border: none;
   text-decoration:none;
   width:100px;
   min-width:40px;
   height:100px;
   vertical-align: middle;
   border: 1px solid #d7d7d7;
}

.pics img {
	margin-right: auto;
	margin-left: auto;
	max-width: 100px;
	vertical-align: middle;
	border: none;
	text-decoration:none;
}
ul.picsMain {
	min-width:200px;
    max-width:220px;
    list-style-type: disc;
	vertical-align: middle;
	text-align: center;
	margin-left: 7px;
	margin-top: 7px;
	border: none;
	text-decoration:none;
	display:inline-block;
}

ul.picsMain img {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	vertical-align:top;
	list-style-type: none;
	border: none;
	text-decoration:none;
}

ul.thumb img {
	max-width:200px;
	max-height:200px;
}

td.left {
	
	color:#666666; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 15px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	letter-spacing: normal; 
	line-height: normal; 
	orphans: auto; 
	text-align: left; 
	text-indent: 0px; 
	text-transform: none; 
	white-space: normal; 
	widows: auto; 
	word-spacing: 0px; 
	-webkit-text-stroke-width: 0px; 
	background-color: rgb(234, 236, 239); 
	display: inline block !important; 
	float: none;
	vertical-align:top;
	border-right:none;
}

td.right {
	color: rgb(51, 51, 51); 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 15px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	letter-spacing: normal; 
	line-height: normal; 
	orphans: auto; 
	text-align: left; 
	text-indent: 0px; 
	text-transform: none; 
	white-space: normal; 
	widows: auto; 
	word-spacing: 0px; 
	-webkit-text-stroke-width: 0px; 
	background-color: #ffffff; 
	display: inline block !important; 
	float: none;
	padding-left:10px;			
}

#products li {
	list-style-type: circle;
}

#products table {
display: block;
-webkit-margin-start: 2px;
-webkit-margin-end: 2px;
-webkit-padding-before: 0.35em;
-webkit-padding-start: 0.75em;
-webkit-padding-end: 0.75em;
-webkit-padding-after: 0.625em;
border: 1px groove threedface;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
min-width: -webkit-min-content;
border-collapse:collapse;
border-bottom: 1px solid #EEE;
font-size: 1em;
margin: 15px 5px 15px 5px;
padding: 0;
background: #f0f3f6;
cell-spacing:none;

}

h1 {
	text-align:center;
	font-size: 24pt; 
	FONT-FAMILY:"Verdana","Helvetica","Arial",sans-serif;
	font-weight: bold;
	color:#000080;
	
}

h2 {
	font-family: "Helvetica","Verdana","Arial",Sans-serif;
	font-size: 15pt;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 0px;
}

#main,#main p,#form-main{
	margin-left:auto;
	margin-right:auto;
	font-size:14;
	font-family: "Helvetica","Arial",sans-serif;
	display: block;
	width:95%;
	max-width: 900px;
	text-align:left;
	padding: 7px;
	color: rgb(51, 51, 51); 
	font-style: normal; 
	font-weight: normal; 
	letter-spacing: normal; 
	line-height: 1.4em; 
	text-indent: 0px; 
	float: none;
}

#red {
	text-align:"right";
	font-size:8; 
	color:#FF0000;

}

#form-main{
	max-width:900px;
	width:70%;
}

#webform {
	width:60%;
	max-width:900px;
	display: block;
	color:black;
}

#webform img{
	float:right;
	float:left;
	display:block;
	padding:5;
}

#index b {
	font-size:10pt;
	font-weight:bold;
}

#donor { 
	min-width:25px;
	width:55%;
	max-width:600px;
	border: 1px solid #808080;
	display: block;
	-webkit-margin-start: 2px;
	-webkit-margin-end: 2px;
	-webkit-padding-before: 0.35em;
	-webkit-padding-start: 0.75em;
	-webkit-padding-end: 0.75em;
	-webkit-padding-after: 0.625em;
	border: 2px groove threedface;
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	border-collapse:collapse;
	font-size: 1em;
	margin: 15px 0px 15px 0px;
	padding: 0;
	margin-left:auto;
	margin-right:auto;
}

#donor ,#donor  td,#donor  th {
	border:1px solid #d7d7d7;
	border-collapse:collapse;
}

td.donorLeft {
	color: rgb(51, 51, 51); 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 15px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	letter-spacing: normal; 
	line-height: normal; 
	orphans: auto; 
	text-align: right; 
	text-indent: 0px; 
	text-transform: none; 
	white-space: normal; 
	widows: auto; 
	word-spacing: 0px; 
	-webkit-text-stroke-width: 0px; 
	background-color: rgb(234, 236, 239); 
	display: inline block !important; 
	float: none;
	min-width: 80px;
	width:150px;
}

td.donorRight {
	color: black; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 15px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: bold; 
	letter-spacing: normal; 
	line-height: normal; 
	orphans: auto; 
	text-align: left; 
	text-indent: 0px; 
	text-transform: none; 
	white-space: normal; 
	widows: auto; 
	word-spacing: 0px; 
	-webkit-text-stroke-width: 0px; 
	background-color: #ffffff; 
	display: inline block !important; 
	padding-left:5px;
	max-width:100%;
	
}

td.formLeft {
	border-left-width:1px; 
	border-right-width:1px; 
	border-top-width:1px; 
	border-bottom-color:#C0C0C0; 
	text-align:right;
	white-space:nowrap;
	font-size:8pt; 
	color:#9F9F9F;
}	
			
#thankYou h3 {
	font-size:32pt;
	
}	

/*Date Picker*/

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */


/*Date Picker*/


/*Footer*/
#footer a,#footer p {
	font-size:10pt;
	text-align:center;	
	text-decoration:none;
	padding-top: 5px;
	margin-bottom:0;
	font-family:"Verdana","Arial",sans-serif;
	display: block;
}

#footer a{
	font-weight: bold;
	text-decoration:underline;
}

#footer #copy{
	font-weight: normal;
	font-size:8pt;
	margin-left:auto;	
	margin-right:auto;
	text-align:center;
}

#footer img {
	border:"0";
	width:"12"; 
	height:"12";
}