ul {
list-style-position:outside;
}

/******** forms ***********/
input, select {
border: 1px solid #AAA;
background:transparent none;
}
select {
float:left;
margin: 0px 5px; 
}
button{
border:thin outset #666;
}
/*
.buttonnorm input:hover,
.buttonbig input:hover,
.buttoncool input:hover{
color: #333;
text-shadow: 1px 1px 1px #888;
cursor:pointer;
}
.buttonnorm ,  
.buttoncool ,
.buttonbig {
display: inline;
margin: 0px;
padding:0px 0px;
border: thin outset #666;
background-color:#EEE;
color:#666;
line-height: normal;
vertical-align: middle;
 }
.buttonbig button,
.buttonbig input, 
.buttonnorm button, 
.buttonnorm input,  
.buttoncool input,
.buttoncool button {
position:relative;
float:left;
margin: 0;
padding:0px 0px 2px 13px;
border:none;
color: #444 ;
background:transparent;
line-height: normal;
vertical-align: middle;
z-index:200; 
}
.buttonnorm button, 
.buttonnorm input {
font-size: 12px;
height:20px;
background: url(/Resources/theme/images/buttonnorm_bg.jpg) no-repeat top left;
}
.buttonbig button,
.buttonbig input {
font-size: 15px;
height:30px;
background: url(/Resources/theme/images/buttonbig_bg.jpg) no-repeat top left;
}
.buttoncool input,
.buttoncool button {
font-size: 12px;
height:20px;
background: url(/Resources/theme/images/buttoncool_bg.jpg) no-repeat top left;
}
.buttonend {
position: relative;
float:left;
width:12px;
z-index:2; 
}
.buttonnorm .buttonend {
background: url(/Resources/theme/images/buttonnorm_end.jpg) no-repeat top right ;
height: 20px; 
}
.buttonbig .buttonend {
background: url(/Resources/theme/images/buttonbig_end.jpg) no-repeat top right;
height: 30px; 
margin-right: 3px; 
}
.buttoncool .buttonend {
background: url(/Resources/theme/images/buttoncool_end.jpg) no-repeat top right;
height: 20px;
} 
*/
button.tiny {
height:18px;
padding:0px 2px 0px 2px;
border:thin outset #666;
 }
button.wee{
height:24px;
padding:0px 4px 0px 4px;
border:thin outset #666;
}
button.big {
height:30px;
padding:0px 4px 0px 4px;
border:thin outset #666;
}
button.released {
height:34px;
text-align:center;
font-size:11px;
vertical-align:middle;
color: #ff6600;
border-top:2px outset #dddddd;
border-left:2px outset #bbbbbb;
border-right:3px outset #cccccc;
border-bottom:3px outset #bbbbbb;
background-color: #eeeeee;
 }
button.pressed {
height:34px;
text-align:center;
font-size:11px;
vertical-align:middle;
color:#444444;
border-top:2px inset #bbbbbb;
border-left:2px inset #bbbbbb;
border-right:3px inset #cccccc;
border-bottom:3px inset #dddddd;
background-color: #dddddd;
 }
button.dispressed {
height:34px;
text-align:center;
font-size:11px;
vertical-align:middle;
color: #ff6600;
border-top:2px outset #dddddd;
border-left:2px outset #bbbbbb;
border-right:3px outset #cccccc;
border-bottom:3px outset #bbbbbb;
background-color: #eeeeee;
 }
button.disreleased {
height:34px;
text-align:center;
font-size:11px;
vertical-align:middle;
color: #ff6600;
border-top:2px outset #dddddd;
border-left:2px outset #bbbbbb;
border-right:3px outset #cccccc;
border-bottom:3px outset #bbbbbb;
background-color: #eeeeee; }

form {
 color: #666;
}

/* bigform */
dt {
color:#666;
margin-top:10px; 
}
.bigform {
font-size: 20px;
margin: 20px; 
}
.bigform fieldset {
width: 600px;
margin-left: 0px;
margin-right: auto;
margin-top: 15px;
border: 1px solid #DDDDDD;
padding: 10px 2px;
overflow: visible; 
}
#login_form .buttonbig,
#registration_form .buttonbig,
#reminder_form .buttonbig {
display: block;
margin: 10px 0 0 250px;
}
.bigform legend {
padding: 0 5px;
color: #1D5288;
font:16px lighter; 
}
.bigform dl {width: 95%;
margin:0 auto;
}
.bigform dt {margin-top: 10px;
font: bold; 
}
.bigform label {
float: left;
clear: left;
width: 220px;
white-space: nowrap;
vertical-align: top;
text-align: right;
color: #526A83;
font: bold;
margin:7px 0 0 15px;
line-height: normal; 
}
.bigform dd input, .bigform select, .bigform textarea {
font-size:22px;
border:1px solid #1D5288;
margin-top: 5px;
padding:1px; 
}
.bigform dd input {
height:26px;
background-color: #ddd; 
}
.bigform input.checkbox {
background: none;
border:0; 
color:#eff ;
background-image:none;
height:20px;
width:20px; 
}

.surveyform dt{
display:block;
clear:left;
margin-top:0px;
}
.surveyform dt label{
float:left;
margin-bottom:10px;
}
.surveyform dd{
margin-left:200px;
}
.surveyform dd input{
}

/* Login and registation forms */
#search_left{
float:left;
margin-right:10px;
}
search_results_right{
float:right;
}

#user_login , #user_password ,#user_email, #user_password_confirmation {
background-image:none;
background-color: #def;
border:1px #666666 solid;
font-size:18px;
padding-left:6px;
}
#cb_remember{
color: #eeffff ;
background-image:none;
height:20px;
width:20px;
}

#contentwrapper{
margin-top: 6px;
}
#middle{
position: relative;
}
#actpanel{
width:95%;}
/* Help page styles */
.help_content {
line-height:16px;
}

.help_content .summary .big{
margin-bottom: 15px;
margin-left: 10px;
font-size: 16px;
cursor: help;
}
.help_content .summary .wee{
line-height: 14px;
}
.help_content .summary #content{
margin-top: 8px;
margin-left: 10px;
}



/* aoweb_flat STYLES */

#aoweb_flat {
background:#eee;
}

#aoweb_flat #content{
float:left;
width:560px;
font-size: 12px;
font-style: normal;
line-height: 18px;
font-weight: lighter;
color: #555555;
margin:40px 0px 10px 50px;
text-align: justify;
}

#aoweb_flat #content .text{
margin:0;
padding:0;
line-height: 25px;
width:100%;
 }

#aoweb_flat #evoke{
}
#aoweb_flat h4{
color: #888;
font-size: 12px;
}

/* APPLICATION STYLES */ 
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #222222;
background-color: #fff;
width:100%;
height:100%;
/*so IE % works*/
margin:0;
padding:0;
border:none;
text-align: left;
 }
/* print styles override */
#print{
visibility: hidden;
}
/*generic styles start*/

h1 {
font-size: 22px;
 }
h2 {
font-size: 19px;
color:#555555;
line-height: 44px;
}
h3 {
font-size: 16px;
color:#333333;
font-weight: normal;
line-height: 40px;
 }
h4 {
font-size: 14px;
 }
h5 {
font-size: 12px;
 }
h6 {
font-size: 10px;
 }


p {
margin:0;
padding:0;
 }
#main p ,#footer p{
margin:0;
padding:0;
line-height: 25px;
width:100%;
 }
#content p {
margin:0;
padding:0;
line-height: 25px;
width:100%;
 }

#main p.image-left ,#main p.image-right{
 width:auto;
}

.image-left span, .image-right span, .image-center span {
 clear: both;
 }

.help_content {
color:#222;
}

.light {
color:#999999;
 }
hr.light {
height:1px;
color:#999999;
background-color:#999999;
border:0;
 }
a:visited {
color: #663399;
text-decoration: none;
position: relative;
 }

a:hover {
color: #ff9900;
text-decoration: none;
 }
a {
color: #663399;
text-decoration: none;
 }
.content1 a {
color: #F90;
}

#micronav a {
color:#555555;
 }
#navh li a {
color:#555555;
 }
#navv li a {
color:#555555;
 }
#navv li a:hover {
color:#ff9900;
 }
.orange a:visited {
text-decoration: none;
position: relative;
 }
.orange a:hover {
color: #ff9900;
text-decoration: none;
 }
.orange a {
color: #ff9900;
text-decoration: none;
 }
/*generic deep styles start*/
.bottom {
padding-bottom:25px;
 }
.border {
border: 1px #dddddd solid;
 }
.imgborder {
border: 3px #dddddd solid;
margin:10px 0px;
 }
.center {
text-align: center;
 }
.left {
text-align:left;
 }
.huge {
/*color:#555555;*/
font-size: 18px;
text-align:left;
font-weight: bold;
 }
.big {
font-size: 14px;
text-align:left;
 }
.wee {
font-size: 10px;
text-align:left;
 }
.tiny {
font-size: 8px;
text-align:left;
 }
.message {
color: #33cc33;
font-size: 14px;
text-align:left;
 }
.warning {
color:#F60;
font-size: 14px;
text-align:left;
 }
.error {
color: #ff0000;
font-size: 16px;
text-align:left;
 }
.orange {
color: #ff9900;
font-size: 10px;
font-weight: normal;
 }
/*generic deep form and data styles start
*/

th,td {
text-align:left;
vertical-align:top;
padding: 2px;
border:1px none;
}
th {
font-weight:lighter;
/*color:#666;*/
}
table.visible, th.visible, td.visible {
border:1px #666 solid;
 }

.label {
color: #aaaaaa;
font-size: 10px;
vertical-align:top;
 }
.head {
border:#666 solid 1px;
background-color:#AAA;
color:#fff;
 }

textarea {
border:2px solid #999999;
background-color:#eeeeee;
padding:6px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
 }
form {
border:none;
padding: 0;
margin: 0;
 }
form cite{
display:inline;
color:inherit;
}
#searchform {
position:absolute;
top:155px;
width:200px;
height:22px;
right:1px;
visibility: visible;
padding:0;
z-index:100;
border: 0px none #888;
 }
#searchfield {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin:0;
border:1px solid #888;
padding:2px 2px 2px 2px;
vertical-align:bottom;
width:130px; 
}
#searchbutton {
font-size:12px;
color:#666666;
width:43px;
height:20px;
margin:0;
text-align:center;
vertical-align:top;
padding:0px 2px 0px 2px;
background-color:#eeeeee;
 }
#arrows, .arrow img{
display: inline;
margin:0;
padding:0;
}
.tight td {
text-align:left;
vertical-align:top;
padding: 0;
margin: 0;
 }
.tight table {
margin: 2px;
}
.visible td {
text-align: left;
vertical-align: top;
padding: 0.25em;
border: 1px solid #ADB9CC;
 }
.compact td {
font-size:10px;
 }
/* bottom layer container styles start
*/
#main {
height:100%;
margin:0px;
padding:0px;
background-color: #fff;
overflow: visible;
 }
 
#pagef {
position:relative;
margin:auto;
width:900px;
background-color:#eeeeee;
 }
#topshadow {
position:absolute;
top:0px;
left:0px;
width:900px;
height:40px;
background:#ffffff url(images/ao_topshadow.jpg) no-repeat;
z-index:1;
 }
#midshadow {
position:absolute;
top:40px;
left:0px;
width:900px;
height:580px;
background:#ffffff url(images/ao_middleshadow.jpg);
z-index:1;
 }
#botshadow {
position:absolute;
top:600px;
left:0px;
width:900px;
height:40px;
background:#ffffff url(images/ao_botshadow.jpg) no-repeat;
z-index:16;
 }
#topshadowsm {
position:absolute;
top:0px;
left:0px;
width:100%;
height:40px;
background:#ffffff url(images/ao_topshadowsm.jpg) repeat-x;
z-index:90;
 }
#topleftcorner {
position:absolute;
top:0px;
left:0px;
width:40px;
height:40px;
background:#ffffff url(images/ao_topleftcorner.jpg) no-repeat;
z-index:1000;
 }
#toprightcorner {
position:absolute;
top:0px;
right:0px;
width:40px;
height:40px;
background: url(images/ao_toprightcorner.jpg) no-repeat;
z-index:100;
 }
#botleftcorner {
position:absolute;
left:0px;
width:40px;
height:60px;
background: url(images/ao_botleftcorner.jpg) no-repeat;
z-index:80;
 }
#botrightcorner {
position:absolute;
right:0px;
width:40px;
height:60px;
background: url(images/ao_botrightcorner.jpg) no-repeat;
z-index:80;
 }
#botshadowsm {
position:absolute;
left:0px;
width:100%;
height:60px;
background: #eeeeee url(images/ao_botshadowsm.jpg) repeat-x;
z-index:10;
 }
 
#leftshadowsm1 {
position: absolute;
bottom:30px;
left:0px;
height:550px;
width:40px;
background-image: url( images/ao_leftshadowsm.jpg);
 
background-repeat: repeat;
 }
#rightshadowsm1 {
position:absolute;
right:0px;
bottom:30px;
height: 550px;
width: 40px;
background-image: url( images/ao_rightshadowsm.jpg);
z-index:0;
background-repeat: repeat;
 }
#main {
float: left;
background-position: right;           
background-repeat: repeat-y;
width:100%;
border:0px;
border-style:none;
background-image: url( images/ao_rightshadowsm.jpg) ;
margin:auto;
}
#contentmain {
background-position: left;
background-repeat: repeat-y;
float:left;
width: 95%;
border:0px;
border-style:none;
background-image: url( images/ao_leftshadowsm.jpg) ;
 }
/*styling for wrapper with expanding borders starts here
credit--Big John and Holly Bergevin--
*/
#contentmainf {
float:left;
width:90%;
margin-left:5%;
background-color: #ffffff;
 } html #contentmain {
display: inline;
 }
* html #contentmainf {
display: inline;
 }
#leftshadowsm {
float:left;
width:40px;
border:0px;
background-image: url( images/ao_leftshadowsm.jpg) ;
margin-left:0px;
background-color: #ffffff;
 }
#rightshadowsm {
float:right;
width:40px;
border:0px;
background-image: url( images/ao_rightshadowsm.jpg) ;
background-color: #ffffff;
 }
/* Start Mac IE5 filter \*/
#leftshadowsm,#rightshadowsm,#navbg,#contentflat {
padding-bottom: 32767px !important;
margin-bottom: -32767px !important;
 }
/* End Mac IE5 filter */ 
#navbg {
float:left;
width:150px;
background:#f6f4ea;
margin:0px;
padding:0px;
border-right:1px #dddddd solid;
}

#contentflat {
float:left;
width:560px;
font-size: 12px;
font-style: normal;
line-height: 18px;
font-weight: lighter;
color: #555555;
margin:40px 0px 10px 50px;
text-align: justify;
 }

.main {
float: left;
width:100%;
overflow: hidden;
background-color:#ffffff;
margin:auto;
display: inline-block;
}
.main:after {
content: '[DO NOT LEAVE IT IS NOT REAL]';
display: block;
height: 0;
clear: both;
visibility: hidden;
 }
* > #footer, * > form, * > #notes, * > .output {
position: relative;
z-index: 1000;
color: #eb7605;
 }
/*styling for wrapper with expanding borders ends here
*/
/*content block styles start*/
#header {
margin-left: 5%;
position:relative;
height:185px;
width:95%;
visibility: visible;
overflow: hidden;
padding:0px;
padding-bottom: 4px;
margin-top:30px;
color: #eb8f00;
border-bottom:#999999 solid 1px;
 }
#headerf {
position:relative;
height:166px;
width:100%;
visibility: visible;
background: #ffffff;
margin-top:28px;
overflow: hidden;
color: #eb8f00;
 }
#assaytitle {
position: absolute;
left:40px;
top: 26px;
background: url(images/ao_logo_small.jpg) no-repeat;
width:420px;
height:85px;
z-index: 1;
 }
#assaytitlef {
position: absolute;
left: 40px;
top: 26px;
background: url(images/ao_logo.jpg) no-repeat;
width:420px;
height:85px;
z-index: 1;
}
#stamps {
position:absolute;
right:0px;
top:0px;
width:350px;
height:180px;
background:transparent url(images/castle_small.jpg) no-repeat left top;
z-index:2;
 }
#stampsf {
position:absolute;
top:8px;
left:440px;
width:350px;
height:180px;
z-index:1;
visibility: visible;
background: url(images/castle.jpg) no-repeat;
 }


#menubarf {
position:absolute;
left:0px;
top:145px;
width:810px;
height:16px;
z-index:1;
visibility: visible;
background: url(images/nav_bar.jpg) repeat-x;
overflow: hidden;
border-top: 1px #999999 solid;
border-bottom: 1px #888888 solid;
 }
#menubar {
position:absolute;
left:0px;
top:124px;
width:100%;
height:30px;
z-index:3;
visibility: visible;
background: url(images/nav_bar.jpg) repeat-x;
 }
#mainf {
position:absolute;
width:835px;
height:572px;
top:32px;
left:32px;
z-index:20;
 }
#contentf {
position:absolute;
width:570px;
height:280px;
top:240px;
left:230px;
z-index:5;
padding:10px;
visibility: inherit;
 }
#contentwrapper {
margin-left: 5%;
position:relative;
padding: 0px 0px 30px 0px;
width:95%;
visibility: visible;
overflow: visible;

 }
#contentwrapperf {
float:left;
padding:0px;
width:100%;
border: 1px #bbbbbb solid;
display: inline-block;
z-index:2000;
 }
.sponsorshape{
width:40px;
border: solid 1px #888888;}
.sponsorshapes{
margin-top:8px;
margin-left:0px;}
.go{
border-style:none;
background-color:#ffffff;
text-align: center;
}
.radio{
text-align: center;
background-color:#eee;
border-style: none;
color:#666;
vertical-align: middle;
}
#footer {
position:relative;
/* Needed for Safari */
height:60px;
width:100%;
visibility: visible;
margin: 0px;
z-index:10;
clear:both;
 }

#footercon {
position:relative;
width:90%;
height: 16px;
top:6px;
left:5%;
padding-bottom:1px;
z-index:10;
border: #cccccc solid 1px;
background-color: #eeeeee;
 }
#footerconf {
position:relative;
width:810px;
height: 15px;
top:6px;
left:45px;
padding-bottom:1px;
z-index:10;
border: #cccccc solid 1px;
background-color: #eeeeee;
 }
.content1 {
font-size: 11px;
font-style: normal;
line-height: 18px;
font-weight: lighter;
color: #555555;
}
#deepf {
position:relative;
width:140px;
padding:10px;
margin:auto;
top:620px;
z-index:20;
 }
#evoke {
position: relative;
right:0px;
top:0px;
float:right;
padding:0px 10px 0px 20px;
font-size:9px;}
#evoke a{
float:none;
display: inline;
}
#copyright {
float:left;
padding:0px 0px 0px 10px;
 }
#terms {
float:left;
padding:0px 0px 0px 10px;
 }
#contact {
float:right;
display: inline;
padding:0px 10px 0px 0px;
 }
/*navigation list styles start*/
#navv {
/*same as navl ul*/
 margin:0;
/*zeroed for IE*/
	padding:0;
/*zeroed for IE*/
	list-style-type:none;
;
/*to make sure it is allways in front*/
 }
#navv li {
text-align:center;
width:150px;
display: block;
/*to get ul and ul li ul overlap for hover as IE does not support padding as part of box*/
/*to prevent IE showing hover background*/
margin: 0;
/*zeroed for IE*/
padding:10px 0px 0px 0px;
padding-top:25px;
background-color:#f6f4ea;
 }
#navv li img {
border-style:hidden;
/*hide <a> highlighted borders firefox*/
border:none;
/*hide <a> highlighted borders IE*/
padding:0px 10px 0px 0px;
margin:0px;
 }

#navh {
/*same as navl ul*/
	position: absolute;
height:30px;
margin:0;
/*zeroed for IE*/
	padding:0;
/*zeroed for IE*/
	list-style-type: none;
z-index:5000;
/*to make sure it is allways in front*/
 }

.navh {
top:125px;
left:20px;
width:100%;
 }
.navhf {
top:146px;
left:16px;
width:800px;
 }
#navh li {
display: block;
float:left;
height:16px;
/*to get ul and ul li ul overlap for hover as IE does not support padding as part of box*/
 text-align: center;
font-size: 12px;
color:#555555;
z-index:20;
padding:0px;
background:none;
/*to prevent IE showing hover background*/
 margin: 0px;
/*zeroed for IE*/
 }
.navhf li {
padding : 0px 15px 0px 15px ;
width:120px;
 }
.navh li {
padding : 0px  ;
width:13%; /*allows 7 items */
 }
#navh li img {
border-style:hidden;
/*hide <a> highlighted borders firefox*/
	border:none;
/*hide <a> highlighted borders IE*/
 }
#navmicro {
position:absolute;
z-index:7;
width:100px;
top:9px;
left:770px;
color:#999999;
z-index:200;
 }
/*data block styles start
*/

#title {
position: absolute;
left: 5px;
top: 155px;
background-repeat: no-repeat;
padding:0px 10px 0px 10px;
width:98%;
height:12px;
color:#555;
z-index: 10;
} 
#username {
float: right;
}

#content {
padding:0;
 clear:none;
}

#toolpanel{
margin-left: 5%;
width:98%;
position:relative;
}

strong {
color: #EB7605;
}

#mixedselect {
background-color:#EEE;
}

.componentline {
border-top:1px solid #DDD;
}

#page_downloads .downloads {
font-weight: normal;
line-height: 25px;
}
#page_downloads .downloads .wee {
font-size:16px;
font-weight: normal;
line-height: 40px;
}
#page_downloads .downloads .light {
color:#333333;
}
#page_downloads .download {
font-size:120%;
}

/* overriding elements */

b {
font-weight: bold;
}
i {
font-style: italic;
}