/* NZMeccano primary display style sheet */
/* Now uses cssimport constants */

/* */

div.latestupdates {display: none;}


body {font: normal 85%/1.15 Source Sans Pro, Trebuchet MS, Lucida Sans Unicode, Verdana, Tahoma, Arial, sans-serif; behavior:url(cssHoverFix.htc); margin: 0; padding: 0; background: #fcf9e6;}
h1 {font:  2em 'Merriweather, Trebuchet MS, Verdana, Arial, sans-serif'; margin: 0 0 1.2em 0; border: none; padding: 0;}
h2 {font:  1.6em 'Merriweather, Trebuchet MS, Verdana, Arial, sans-serif'; margin: 0 0 0.3em 0; border: none; padding: 0;}
h3 {font:  1.3em 'Merriweather, Trebuchet MS, Verdana, Arial, sans-serif'; margin: 0; border: none; padding: 0; }
h4 {font:  1.3em 'Merriweather, Trebuchet MS, Verdana, Arial, sans-serif'; margin: 0; border: none; padding: 0; clear: both;}
p {font-size: 1em; margin: 0.5em 0; border: none; padding: 0;}
a {color: #594F0F; line-height: 1.2; text-decoration: none;}
a:hover {text-decoration: underline;}
.docimage { background-color: #eee;}
.docimagetitle { margin-left: 3px; font: normal 90%/1 Trebuchet MS, Arial, sans-serif;}
.formlabel1 {width: 75px; float: left; padding-top: 3px;}
.formrightbutton {float: right; }
#editbox, .editbox { background-image: none; background-color: #fff; }
#editbox input {width: 220px; }
img {border: none;}
td img.tabletop {display: block; width: 548px; height: 63px; background: url('images/Table top.jpg');}
ul {padding: 0 0 0 30px; margin: 8px 0;}

div.liker { display: inline-block; overflow: hidden; width: 78px; }

div.pophidden { display: none; }
div.poplink:hover .pophidden { display: block;
  position: absolute;
  z-index: 30;
  top:2em; left:-2em; width:45em;
  padding: 3px;
  border: 1px solid #740000;
  background-color: #F7F1C5; color:#594F0F;
  text-align: left;
}
/* Multiple use hover tooltip with yellow background, fired from ShowPop */
.printonly { display: none; }
a.newpop {
  position: relative;
  }
a.newpop span {
  display: none;
  z-index: 30;
  border: none;
  }
a.newpop:hover {
  text-indent: 0;
  text-decoration: none;
  }
a.newpop:hover span {
  position: absolute;
  z-index: 30;
  top:2em; left:-2em; width:25em;
  padding: 3px;
  border: 1px solid #740000;
  background-color: #F7F1C5; color:#594F0F;
  text-align: left;
  display: block;}

.moreabout {
  position: absolute;
  left: -179px;
  width: 210px;
  height: 210px;
  border: none;
  z-index: 25;
  background: url(images/Moreabout.gif) no-repeat;
  }

.drawing {
 position: absolute;
 left: 600px;
 width: 120px;
 height: 103px;
 z-index: 25;
 background: url(images/drawingbackground.gif) no-repeat;
}
.drawing p {
 margin: 10px;
 z-index: 25;
 font-size: 80%;
 color: #F7F1C5; 
}
.drawing p a { color: #E0CA34;}

.editthis {
	position: absolute;
	left: 455px;
	top: 4px;
	z-index: 25;

	}

.clipon {
  position: absolute;
  left: -130px;
  width: 167px;
  height: 151px;
  z-index: 25;
  padding-top: 10px;
  background: url(images/Bigclipon.gif) no-repeat;
}

.clipon p {
  width: 127px;
  margin: 28px 30px 27px 20px;
  z-index: 25;
  font: 0.9em/1.1 "Euphoria Script, Comic Sans MS", cursive;
  color: #594F0F;
 -webkit-transform: rotate(-9deg);
-moz-transform: rotate(-9deg);
-ms-transform: rotate(-9deg);
-o-transform: rotate(-9deg);

  }

.datestamptw { position: absolute;  left: 630px; width: 114px; height: 49px; z-index: 5; background: url(images/Editedthisweek.jpg) no-repeat; }
.datestamplw { position: absolute;  left: 630px; width: 114px; height: 49px; z-index: 5; background: url(images/Editedlastweek.jpg) no-repeat; }
.datestamptd { position: absolute;  left: 630px; width: 114px; height: 49px; z-index: 5; background: url(images/Editedtoday.jpg) no-repeat; }
.datestampyd { position: absolute;  left: 630px; width: 114px; height: 49px; z-index: 5; background: url(images/Editedyesterday.jpg) no-repeat; }

div#loginstatus {
  position: absolute;
  top: 20px; left: 655px; width: 130px; 
  z-index: -3;
  padding: 7px 5px 3px 7px;
  overflow: hidden;
  border: 3px solid #740000;
  background: #F7F1C5;
  color: #594F0F;
}


.right{float: right; margin: 0 0 4px 8px;}
.left{float: left; margin: 0 8px 4px 0;}

/* Top navigation buttons - help/links/contact */
.topnav {width: 900px; display: inline; padding: 20px; z-index: 52;}
.topnav a:hover {color: #594F0F; text-decoration: underline; }
.partjump {display: inline;}
.partjump input {display: inline; width: 3em;}
.partjump form {display: inline; color: #ECDE80; text-decoration: none;}
#hiddentillstarted { display: none;}
#headerwrapper { display: block; height: 70px; width: 100%; padding: 0; z-index: 53; background: #F7F1C5; border: 1px solid #740000; border-width: 0 0 3px 0; overflow: visible;}
#thetop { display: block; width: 100%; min-width: 650px; overflow: visible; text-align: right; }
#thebottom { position: relative; left: -40px; top: 40px; margin: 0; background-image: url('images/bottomshadow.png'); width: 630px; height: 6px;}
/*#headerwrapper {position: relative; width: 100%; min-width: 800px; margin: 0; padding: 0; z-index: 55;}
#thetop {display: block; height: 73px; overflow: visible; z-index: 56; text-align: right; background: #F7F1C5; border: 1px solid #740000; border-width: 0 0 3px 0;}

* html #headerwrapper {border-right:800px solid #fff;}
* html #thetop {height: 73px; display:inline-block; position:relative; margin-right:-800px;}
*/
.fixedlogobackground{position: absolute; top: 0px; left: 0px;} 
.fixedlogobackground a {text-decoration: none; }
#content{ position: absolute; top: 73px; left: 171px;
  width: 630px;
  wid\th: 550px; 
  border: none; background: #ffffff url('images/shadow.gif') repeat-y left; 
  padding: 40px; padding-top: 20px; z-index: 5;}

.bartags {font-size: 0.8em; color: #594F0F; background: #F7F1C5; width: 170px; padding: 6px 0px 5px 5px;}
.bartags ul {list-style-type: none; padding: 0px;}

.news {font-size: 0.8em; color: #594F0F; background: #F7F1C5; width: 160px; margin: 10px 0 0 0; padding: 5px;}
.news h4 {font-weight: bold; font-size: 1.2em; border: 0px dotted #594F0F; border-width: 0 0 1px 0;}
.news ul {list-style-type: none; margin: 0; padding: 0;}
.news li {border: 0px dotted #594F0F; border-width: 0 0 1px 0;}
.news a {color: #594F0F;}
.news a:hover {text-decoration: none;}
.news em {font-style: italic; font-size: 80%;}

.partscredits {border: none; text-align: left; vertical-align: top;}
th.partscredits {width: 15em;}

/* Blue tooltip on images and parts map */
.xstooltip {
    visibility: hidden; 
    position: absolute; top: 0; left: 0; z-index: 40; 
    font: normal 8pt sans-serif; 
    padding: 3px; 
    border: solid 1px;
    background: #ECDE80;
}
/* Stuff for wanted ads */
div.form-container { margin: 0px; padding: 0px; background-color: #ffffff; border: none; }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #740000 1px solid; background-color: #F7F1C5; }
div.errors p { margin: 0; }
div.errors p em { color: #740000; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 220px; font-size: 90%; color: #594F0F; }
div.form-container form p.charsleft { padding: 0;  margin: 0; margin-top: -7px; font-size: 90%; color: #E0CA34; }
div.form-container input.charsleft { font-size: 90%; color: #666; background-color: #F7F1C5; border: none;}
div.form-container form fieldset { margin: 10px 0; padding: 10px; background-color: #F7F1C5; border: #594F0F 1px solid; }
div.form-container form legend { font-weight: bold; color: #594F0F; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container input,
div.form-container select,
div.form-container textarea { border: #594F0F 1px solid; }
div.form-container textarea { width: 362px; }
div.form-container label, 
div.form-container span.label { border-bottom:dotted 1px black; padding-top: 2px; padding-bottom: 4px; margin-right: 10px; padding-right: 10px; width: 200px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #740000; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #594F0F; }
div.form-container input.error { border-color: #740000; background-color: #ECDE80; }
div.form-container input:focus,
div.form-container input.submit {	background-color: #F7F1C5; border-color: #594F0F; }
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #ECDE80; border-color: #594F0F; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }

div.form-container fieldset div.notes { float: right;   width: 128px;   height: auto;  margin: 3px 0 4px 10px;  padding: 4px;  border: 1px solid #594F0F;  background-color: #F7F1C5;  color: #E0CA34;  font-size: 88%;}
div.form-container fieldset div.notes h4 { background-image: url(images/info.gif); background-repeat: no-repeat; background-position: top left;  padding: 0 0 3px 20px;  border-width: 0 0 1px 0;  border-style: solid;  border-color: #594F0F;  color: #594F0F;  font-size: 110%;}
div.form-container fieldset div.notes p { margin: 0.5em 0em 0em 0em;   color: #594F0F;}
div.form-container fieldset div.notes p.last { margin: 0em;}

div.replybox { margin: 0; border:0; padding: 0; position: relative; left: 0px; width: 270px;}
div.replybox p { margin: 0; padding: 0; }
div.firstbox,
div.otherboxes { background-image: url(images/Cardtop.gif); height: 20px; width: 268px; margin: 0; padding: 0; border: 0;}
div.otherboxes { background-image: url(images/Cardsubsequent.gif);}
div.otherboxes p, 
div.firstbox p,
div.bottombox p { margin: 0; padding: 2px 6px 3px 21px; text-overflow: ellipsis; overflow:hidden; white-space:nowrap;	}
div.firstbox p span,
div.otherboxes p span { position: relative; top: -4px;}
div.bottombox { background-image: url(images/Cardbottom.gif); background-position: bottom left; height: 4px; width: 268px; margin: 0; padding: 0; border: 0;}
div.popbox { z-index: 700; background-image: url(images/Cardbottom.gif); background-position: bottom left; width: 268px; visibility: hidden; position: absolute; left: 0px; top: 0px; padding: 0;}
div.popbox p { margin: 0 0 4px 0; padding: 5px 12px; font-size: 90%;}

div.replycomments { clear: both; float: right; margin: 0; border: none; background-color: #ddd; width: 260px; max-height: 120px; overflow: auto; padding: 3px;}
div.replycomments h4 { font: normal 0.75em/1.1 Verdana, Tahoma, Arial, sans-serif; color: #999;}
div.replycomments h3 { font: bold 1em/1.6 Verdana, Tahoma, Arial, sans-serif; color: #999; border: 1px solid #999; border-width: 0 0 1px 0;}
div.replycomments p { font: normal 0.9em/1.1 Verdana, Tahoma, Arial, sans-serif; margin: 0.2em 0;}

.wantedads {font-size: 0.9em;}

.buttons a, .buttons button{
/*    display:block;
    float:left;*/
    margin:0 7px 0 0;
    background-color:#eee;
    border:1px solid #999;
/*    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
*/    font-size:90%;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:4px 9px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 1px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
  position: relative;
  top: 4px;
  right: 3px;
/*    margin:0 3px -3px 0;*/
    padding:0;
    border:none;
/*    width:16px;
    height:16px;*/
}
/* STANDARD */

.buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


span.stamping {font-size: smaller; font-weight: bold; text-transform: uppercase;}

div.paper {width: 500px; margin-left: 20px; font-style: italic; text-align: justify; background: url(images/paperm.jpg) 0 0 repeat-y;}
div.paperb {background: url(images/paperb.jpg) 0 100% no-repeat;}
div.papert {padding: 30px 40px 20px; background: url(images/papert.jpg) 0 0 no-repeat;}

a#topbutton {width: 23px; height: 23px; position: fixed; top: 90px; left: 778px; z-index: 10; text-indent: -100em; overflow: hidden; background: url(images/topbtn.png) no-repeat;}
a#homebutton {width: 23px; height: 23px; position: fixed; top: 113px; left: 778px; z-index: 10; text-indent: -100em; overflow: hidden; background: url(images/homebtn.png) no-repeat;}
a#bottombutton {width: 23px; height: 23px; position: fixed; top: 136px; left: 778px; z-index: 10; text-indent: -100em; overflow: hidden; background: url(images/bottombtn.png) no-repeat;}

div.rightcolumn { position: absolute; left: 810px; top: 75px; width: 150px; border: none; padding: 0;}
div.latestupdates {width: 50px;}
div.latestupdates p {font-size: 0.8em; padding: 0; margin: 6px 0 4px 0; text-align: center; background-color: #fcf9e6;}
div.latestupdates ul {padding: 0; margin: 0;}
div.latestupdates li {font-size: 1em; text-align: center; list-style-type: none; text-indent: 0; padding: 0; background-color: #F7F1C5;}
div.donatebox { padding: 2px; margin: 10px 20px 0 0; border: 1px solid #594F0F; color: #594F0F;}
div.donatebox form {margin: auto;}
div.woohoo {position: absolute; left: 564px; top: 30px; z-index: 10;}

.menubox { position: absolute; top: 44px; overflow: visible; height: 34px; z-index: 100;}


.aerobuttonmenu {overflow: visible; width: auto; padding: 0px; font-size: 1em;}
.aerobuttonmenu {width: 900px; height: 34px; background: transparent; margin: -2px 0 0 0;}
.aerobuttonmenu ul {margin: 0; padding: 0; }
.aerobuttonmenu ul li {display: inline; float: left; list-style: none; margin: 0px; position: relative; overflow: visible;}
.aerobuttonmenu ul li a.aero {position: relative; text-decoration: none; color: #ECDE80; display: block; height: 28px; float: left; list-style: none; margin-left: 3px;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; -moz-opacity: 0.99;  }
.aerobuttonmenu ul li a.aero:hover{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); opacity: .85;-moz-opacity: 0.85;}
.aerobuttonmenu ul li a.aero span{ margin-left: -900em;}
.aerobuttonmenu li ol {margin: 0; padding: 0; display: none; position: absolute; top: 29px; left: 5px; background-color: #F7F1C5;}
.aerobuttonmenu li:hover ol {display: inline; width: 180px; }
.aerobuttonmenu ol li {margin: -1px 0 0 0; height: 17px; list-style: none; display: block; float: none;background: #740000; border: 1px solid #F7F1C5; padding: 1px 0 -1px 0; overflow: hidden;}
.aerobuttonmenu ol li a { line-height: 16px; color: #ECDE80; text-decoration: none; padding: 2px 5px 2px 2px;}
.aerobuttonmenu ol li a:hover {color: #F7F1C5; text-decoration: none; background-color: #740000;}

a.btnparts { width: 55px; background: transparent url('images/buttonParts.png') no-repeat top left; }
a.btnoutfits { width: 71px; background: transparent url('images/buttonOutfits.png') no-repeat top left; }
a.btnmodels { width: 74px; background: transparent url('images/buttonModels.png') no-repeat top left; }
a.btnrestoration { width: 109px; background: transparent url('images/buttonRestoration.png') no-repeat top left; }
a.btnforum { width: 66px; background: transparent url('images/buttonForum.png') no-repeat top left; }
a.btnmm { width: 129px; background: transparent url('images/buttonMM.png') no-repeat top left; }
a.btndocuments { width: 107px; background: transparent url('images/buttonDocuments.png') no-repeat top left; }
a.btngallery { width: 73px; background: transparent url('images/buttonGallery.png') no-repeat top left; }
a.btnwanted { width: 79px; background: transparent url('images/buttonWanted.png') no-repeat top left; }


.cssbuttonmenu {overflow: visible; width: auto; padding: 0px; font-size: 1em;}
.cssbuttonmenu {width: 900px; height: 34px; background: transparent; margin: -2px 0 0 0;}
.cssbuttonmenu ul {margin: 0; padding: 0; }
.cssbuttonmenu ul li {display: inline; float: left; list-style: none; margin: 0px; position: relative; overflow: visible;}
.cssbuttonmenu li ol {margin: 0; padding: 0; display: none; position: absolute; top: 29px; left: 5px; background-color: #F7F1C5;}
.cssbuttonmenu li:hover ol {display: inline; width: 180px; }
.cssbuttonmenu ol li {margin: -1px 0 0 0; height: 17px; list-style: none; display: block; float: none;background: #740000; border: 1px solid #F7F1C5; padding: 1px 0 -1px 0; overflow: hidden;}
.cssbuttonmenu ol li a { line-height: 16px; color: #ECDE80; text-decoration: none; padding: 2px 5px 2px 2px;}
.cssbuttonmenu ol li a:hover {color: #F7F1C5; text-decoration: none; background-color: #740000;}

a.cssb {
	margin: 1px;
	display:block;
	height: 16px;
	background:#e16161;
	border:2px solid #740000;
	border-width: 2px 2px 0 2px;
	text-align:center;
	text-decoration:none;
	color: #F7F1C5;
	padding:4px 6px 6px 6px;
	font: 1.3em/100%  "Source Sans Pro", "Lucida Grande", Arial, Helvetica, sans-serif;
	border-top-right-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;
	border-top-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;
	z-index: 1;
-webkit-box-shadow:
		3px -3px 6px rgba(0, 0, 0, .2),
		0px 0px 3px rgba(0, 0, 0, .1),
		inset 0 0 4px rgba(0, 0, 0, .6),
		inset 0px 5px 12px #9b1616,
		inset 0px 15px 2px rgba(155, 22,22, .5),
		inset 0px 25px 25px #ea5a5a;
	} 

a.cssb:hover {
	background:#e16161;
	border:2px solid #740000;
	border-width: 2px 2px 0 2px;
	color: #fcf9e6;
	-webkit-box-shadow:        
		2px -2px 4px rgba(0, 0, 0, .2),
		0px 0px 3px rgba(0, 0, 0, .1),
		inset 0 0 4px rgba(0, 0, 0, .6),
		inset 0px 10px 12px #9b1616,
		inset 0px 20px 2px rgba(155,22,22, .5),
		inset 0px 25px 25px #f4a6a6; 	

	}