/* layout.css OVERRIDE STYLES */


/* based on work of Alex Robinson  OTL http://positioniseverything.net/articles/onetruelayout/ 
The Jello Mold wrapper concept is courtesy of Mike Purvis */
body {
width:100%;
height:100%;
overflow: visible;
 }
/****size control jello mould starts****/
#bodydiv {
padding: 0px 500px ;
text-align: center;
margin: 0px;
/* centering hack for IE5.x/Win */
 }
#sizer {
width: 100%;
margin:0px  auto;
padding: 0px;
/* standard centering method */
text-align: left;
/* resets centering hack to default */
}
#expander {
position:relative;
margin: 0px  -500px;
padding: 0px;
min-width: 1000px;
text-align: left;

 }
/* Holly hack for IE \*/
* html #expander {
height: 0px;
 }
/* */
#expanderextra {
width:100%;
margin: 0px;
padding: 0px;
 }
/* deep.css OVERRIDE STYLES*/

/* 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;
}
#login_form fieldset , 
#registration_form fieldset {
background: #aaa url(images/field_background.jpg);
border:solid #aaa 1px;
}

@media screen {
 * html legend {
 margin: -24px 0 0 0;
 position: fixed;
 line-height: 1.4;
 }
/*  forces fieldset background to behave */
}
#login_form label , #registration_form label{
color:#666666;
font-weight: normal;}
#login_form  .norm{
margin:5px 25px 0px -8px;
}
#registration_form legend{
color:#666666;
top:10px;
}
#login_form  , #registration_form {
margin-top: 20px;
}
.buttonbig input{
color:#333;
}
#login_form .buttonbig input, #registration_form .buttonbig input, #registered_form .buttonbig input{
font-size: 16px;
margin-right:10px;
padding-left:13px;
margin-left:250px;
background-image: url(images/login_button_bg_gold.jpg);
background-repeat: no-repeat;
height:24px;
border:none;
}
#registered_form .buttonbig input{
margin-left:20px;
 }
#registered_form .buttonbig{
margin-right: 30px;
} 
.buttonbig {
background-image: url(images/login_button_bg_end_gold.jpg) ;
background-color:transparent;
float:left;
margin:12px 0px;
height: 24px;
z-index:10;
background-repeat: no-repeat;
background-position: top right;
border: none;
}
#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;
}

/* incweb_flat STYLES */

#incweb_flat #content{
line-height:22px;}

#incweb_flat #deep{
position: absolute;
top:35px;}
#incweb_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*/
.bodycolor{
background-color: #777777;
}
h1 {
font-size: 22px;
 }
h2 {
font-size: 19px;
color:#555555;}
h3 {
font-size: 16px;
color:#333333;
font-weight: normal;
 }
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: #ff9900;
text-decoration: none;
 }
#contentwrapper a:visited {
color: #663399;
text-decoration: none;
position: relative; }

#contentwrapper a {
color: #ff6600;
text-decoration: none;
 }


#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;
 }
#title .orange  {
color: #777777;
text-decoration: none;
}
/*generic deep form and data styles start
*/
.label {
color: #aaaaaa;
font-size: 10px;
vertical-align:top;
 }
.head {
border:#444 solid 1px;
background-color:#DDD;
color:#fff;
 }

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; }
table {
margin:1px;
vertical-align:top;
border-collapse: collapse;
 }
th,td {
text-align:left;
vertical-align:top;
padding: 2px;
border:1px #FFF solid;
}
th {
font-weight:lighter;
color:#666;
}
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;
 }
#searchform {
position:absolute;
top:35px;
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;
 }
#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;
 }
.visible td {
text-align: left;
vertical-align: top;
padding: 0.25em;
border: 1px solid #ADB9CC;
 }

/* 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/inc_topshadow.jpg) no-repeat;
z-index:1;
 }
#midshadow {
position:absolute;
top:40px;
left:0px;
width:900px;
height:580px;
background:#ffffff url(images/inc_middleshadow.jpg);
z-index:1;
 }
#botshadow {
position:absolute;
top:600px;
left:0px;
width:900px;
height:40px;
background:#ffffff url(images/inc_botshadow.jpg) no-repeat;
z-index:16;
 }
#topshadowsm {
position:absolute;
top:0px;
left:0px;
width:100%;
height:40px;
background:#ffffff url(images/inc_topshadowsm.jpg) repeat-x;
z-index:90;
 }
#topleftcorner {
position:absolute;
top:0px;
left:0px;
width:40px;
height:40px;
background:#ffffff url(images/inc_topleftcorner.jpg) no-repeat;
z-index:1000;
 }
#toprightcorner {
position:absolute;
top:0px;
right:0px;
width:40px;
height:40px;
background: url(images/inc_toprightcorner.jpg) no-repeat;
z-index:100;
 }
#botleftcorner {
position:absolute;
left:0px;
width:40px;
height:60px;
background: url(images/inc_botleftcorner.jpg) no-repeat;
z-index:80;
 }
#botrightcorner {
position:absolute;
right:0px;
width:40px;
height:60px;
background: url(images/inc_botrightcorner.jpg) no-repeat;
z-index:80;
 }
#botshadowsm {
position:absolute;
left:0px;
width:100%;
height:60px;
background: #eeeeee url(images/inc_botshadowsm.jpg) repeat-x;
z-index:10;
 }

#leftshadowsm1 {
position: absolute;
bottom:30px;
left:0px;
height:550px;
width:40px;
background-image: url( images/inc_leftshadowsm.jpg);

background-repeat: repeat;
 }
#rightshadowsm1 {
position:absolute;
right:0px;
bottom:30px;
height: 550px;
width: 40px;
background-image: url( images/inc_rightshadowsm.jpg);
z-index:0;
background-repeat: repeat;
 }
 #main {
float: left;
background-position: right;           
background-repeat: repeat-y;
width:100%;
background-image: url( images/inc_rightshadowsm.jpg) ;
margin:auto;
}
#contentmain {
background-position: left;
background-repeat: repeat-y;
float:left;
width: 95%;
border:0px;
background-image: url( images/inc_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/inc_leftshadowsm.jpg) ;
margin-left:0px;
background-color: #ffffff;
 }
#rightshadowsm {
float:right;
width:40px;
border:0px;
background-image: url( images/inc_rightshadowsm.jpg) ;
background-color: #ffffff;
 }
#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;
 }

/* Start Mac IE5 filter \*/
#leftshadowsm,#rightshadowsm,#navbg,#contentflat {
padding-bottom: 32767px !important;
margin-bottom: -32767px !important;
 }
/* End Mac IE5 filter */
.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;
 }

#header h1{
color: #eb8f00; 
}

#headerf {
position:relative;
height:166px;
width:100%;
visibility: visible;
background: #ffffff;
margin-top:28px;
overflow: hidden;
color: #eb8f00;
 }
#assaytitle {
position: absolute;
left:10px;
top: 5px;
background: url(images/inc_logo_small.jpg) no-repeat;
width:700px;
height:115px;
z-index: 1;
 }
#assaytitlef {
position: absolute;
left: 0px;
top: 10px;
background: url(images/inc_logo.jpg) no-repeat;
width:880px;
height:140px;
z-index: 1;
}
#stamps {
position:absolute;
right:5%;
top:20px;
width:70px;
height:100px;
background:transparent url(images/crest_small.jpg) no-repeat left top;
z-index:2;
 }
#stampsf {
position:absolute;
top:10px;
left:720px;
width:350px;
height:180px;
z-index:2;
visibility: hidden;
background: url(images/crest.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;
 }
#deep {
position: relative;
right:4px;
top:0px;
float:right;
padding:0px 10px 0px 20px;
font-size:9px;}
#copyright {
float:left;
padding:0px 0px 0px 10px;
 }
#terms {
float:left;
padding:0px 0px 0px 10px;
 }
#contact {
float:right;
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:130px;
 }
.navh li {
padding : 0px  ;
width:15%;
 }
#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;
z-index: 10;
} 
#username {
float: right;
}
input, select {
border: 1px solid #666;
background:#def none;
}

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

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