/* layout.css OVERRIDE STYLES FOR  */


/* 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%;
 }
/****size control jello mould starts****/
#bodydiv {
padding: 0px 500px ;
text-align: center;
margin: 0px;
visibility: hidden;
/* centering hack for IE5.x/Win */
 }
#sizer {
width: 100%;
margin:0px  auto;
padding: 0px;
visibility: hidden;
/* standard centering method */
text-align: left;
/* resets centering hack to default */
}
#expander {
visibility: hidden;
position:relative;
margin: 0px  -500px;
padding: 0px;
min-width: 1000px;
text-align: left;

 }
/* Holly hack for IE \*/
* html #expander {
visibility: hidden;
height: 0px;
 }
/* */
#expanderextra {
visibility: hidden;
width:100%;
margin: 0px;
padding: 0px;
 }
/* deep.css OVERRIDE STYLES*/
#print{
position: absolute;
left:10px;
margin: 0;
padding: 0;
visibility: visible;
text-align: center;
}
#print img{
width:550px;
}

#search_left{
visibility: hidden;
display: none;
width:0px;
height:0px;
}
#search_results_right{
float:left;
width:450px;
}

#user_login , #user_password ,#user_email, #user_password_confirmation {
background-image:none;
background-color: #eff;
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;
 }
}
#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;
}
#login_form .big , #registration_form .big{
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;
}
#button_end{
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;
}
/* 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;
 }
/*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%;
 }
.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 {
color:#222222;
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
*/
button {

text-align: center;
/*background-color:#eeeeee;*/
vertical-align: middle;
/*border-top:1px outset #000;
border-left:1px outset #000;
border-right:2px outset #ddd;
border-bottom:2px outset #ddd;*/

}
.label {
color: #aaaaaa;
font-size: 10px;
vertical-align:top;
 }
.head {
border:#444 solid 1px;
background-color:#DDD;
color:#fff;
 }
button {
/*color:#333;*/
}

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

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

background-repeat: repeat;
 }
#rightshadowsm1 {visibility: hidden;
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 {visibility: hidden;
float:left;
width:40px;
border:0px;
background-image: url( images/inc_leftshadowsm.jpg) ;
margin-left:0px;
background-color: #ffffff;
 }
#rightshadowsm {visibility: hidden;
float:right;
width:40px;
border:0px;
background-image: url( images/inc_rightshadowsm.jpg) ;
background-color: #ffffff;
 }
#navbg {visibility: hidden;
float:left;
width:150px;
background:#f6f4ea;
margin:0px;
padding:0px;
/* border-right:1px #dddddd solid; */
 }
#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;
 }
/* Start Mac IE5 filter \*/
#leftshadowsm,#rightshadowsm,#navbg,#content {
padding-bottom: 32767px !important;
margin-bottom: -32767px !important;
 }
/* End Mac IE5 filter */
.main {
float: left;
width:100%;
float/**/: none;
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 {visibility: hidden;
position:relative;
height:166px;
width:100%;
visibility: visible;
background: #ffffff;
margin-top:28px;
overflow: hidden;
color: #eb8f00;
 }
#assaytitle {visibility: hidden;
position: absolute;
left:0px;
top: 0px;
background: url(images/inc_logo_print.jpg) no-repeat;
width:700px;
height:115px;
z-index: 1;
 }
#assaytitlef {visibility: hidden;
position: absolute;
left: 0px;
top: 10px;
background: url(images/inc_logo.jpg) no-repeat;
width:880px;
height:140px;
z-index: 1;
}
#stamps {visibility: hidden;
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 {visibility: hidden;
position:absolute;
top:10px;
left:720px;
width:350px;
height:180px;
z-index:2;
background: url(images/crest.jpg) no-repeat;
 }


#menubarf {display:none;
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 {display: none;
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 10px 30px 10px;
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 {visibility: hidden;
/*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 {visibility: hidden;
/*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: 130px;
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;
}
#incweb_flat #deep{
top:15px;}