/**
 * @version $Revision: 255 $ / $Date: 2009-12-15 12:36:16 +0000 (Tue, 15 Dec 2009) $
 */

form {
   margin:0;
}

form.general table {
   font-size:80%;
}

form.general input.text {
   width:200px;
}

form.general select {
   width:205px;
}

form.general textarea {
   height:120px;
   width:200px;
}

form.general ul.errors, dl ul.errors {
   list-style:none;
   margin:0;
   padding:0;
   font-weight:bold;
   color:#aa0000;
}

form dl ul.errors {
   margin-left:210px; /* -- fetched from dt width -- */
}

form dl ul.errors li {
   margin-left:0;
   padding-left:0;
}


/* ------------ ZF forms ------------- */

form.narrated {
   border-right:1px solid #aaaaaa;
   float:left;
   width:400px;
}

div.form-narration {
   margin-left:420px;
}

div.form-narration p {
   line-height:150%;
}

form > dl {
   margin:10px 0 5px 10px;
   padding:0;
   overflow:auto;
   font-size:80%;
}

form label {
   padding-right:30px;
   margin:0 0 10px 0;
}

form label.required {
   font-weight:bold;
}

form label.required:after {
   content:'*';
}

form dl dd, form dl dt {
   margin:0;
}

form dl dt {
   margin:2px 0 10px 5px;
   clear: left;
   float: left;
   width: 205px;
}

form dl dd {
   margin:0 0 10px 0;
}

form dl dd textarea {
   width:95%;
   height:100px;
}

form dl dd input, form dl dd select {
   /*color:#555555;*/
   vertical-align:middle;
}

form fieldset {
   display:block;
   padding:0;
   margin:0;
   border:none;
   float:left;
   width:350px;
}

/** --- copied from basket.css --- **/
ul.notices {
   background-color:#BEDAE7;
   border:1px solid #2C6078;
   margin:10px 30px 20px 10px;
   color:#2C6078;
   padding:0;
   list-style:none;
}

div.form-narration ul.notices {
   margin-left:0;
}

ul.notices li {
   padding:5px 15px 5px 40px;
   background:url(/images/icons/information.png) 10px 50% no-repeat;
}





/*--- stylise the form buttons ---- */

form button.button {
   background:transparent url(http://images.datrixtraining.com/images/buttons.png) right top no-repeat;
   border:0;
   cursor:pointer;
   height:25px;
   overflow:visible;
   padding:0 4px 0 0px;
   margin:0 0 0 3px;
}

form button.button span {
   background:transparent url(http://images.datrixtraining.com/images/buttons.png) left top no-repeat;
   white-space: nowrap;
   display:block;
   padding:2px 10px 0 15px;
   margin:0 0 0 -3px;
   letter-spacing:1px;
   font-family:inherit;
   height:22px;
   color:#333333;
   font-weight:bold !important;
   font-size:11px;
}

/* fixes */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	form button.jq span {
		margin-top: -1px;
	}
}

button.jq::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}