/* 
Title: 		Send to a Friend form styles for BCScene.ca 
Author:		jay.west for the National Arts Centre
Contact:	jaywest@nac-cna.ca
Updated:	April 1, 2009  
*/


/* This document should contain all pure and valid css rules. 
All hacks required to compensate for IE bugs are maintained in ie.css */



/* @group General Rules
------------------------------------------------------------------------- */

/* normalize default styles */ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {margin:0;padding:0;} 


a.button {
background: transparent url("/img/theme/bttn_orange.gif") 0 50% repeat-x;
-webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
margin: 20px 0;
padding: 6px 15px;
font-weight: bold;
font-size: 14px;
color: #fff;
border: none;
}
#content a.button {
color: #fff;
border: none;
}

/* @end */



body {
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; 
line-height: 1.5em; /* equal to 18px */ 
padding: 10px 20px 10px 20px;
}

h1 {  /* 30px */
font-size: 22px;
line-height: 1.0em;  /* was 0.6em */ 
/*margin-top: 0.6em;*/
margin-bottom: 0.3em;
font-weight: normal; 
background-color:#3372A8;
padding: 4px 15px;
text-transform: lowercase;
color: #fff;
/*display: inline;*/
width: 270px; 
/*max-width: 460px;*/
}

h1 span {
background: transparent url("/img/theme/h1_arrow_dwn.png") right 50% no-repeat; 
padding-right: 23px;
white-space: nowrap;
}








/* @group Forms
--------------------------------------------------------------------------------- */

form {
width: 95%;
margin: 20px 0;
padding: 0;
z-index: 3;
}
fieldset { 
float: left; 
width: 100%; 
margin: 0; 
padding: 0 10px 5px 10px; 
border: 1px solid #ccc; 
display:block;
color: #999;
margin-bottom: 15px;
background-color: #ededed;
}
legend { 
font-weight: bold; 
margin: 0; 
padding: 5px; 
font-size: 1.333333em;
color: #000;
}
label {
display: block; /* force them to a new line */
margin: 6px 0 3px 0;
color: #000;
font-weight: bold;
}
input, textarea, file {
border: 1px solid #999; 
padding: 3px;
margin: 0 0 5px 0;
font-size: 90%;
/*background-color: #ccc;*/
}
textarea {
font: 85% Verdana, Arial, Helvetica, sans-serif;
/*height: 100px;*/
width: 96%;
}


input.text {width: 96%;}
input.file {width: 100%;}
input.date {width: 70px;}
select {
width: auto;
margin: 3px 0;
border: 1px solid #999;
padding: 2px 3px;
}

input:focus,
textarea:focus  {border: 1px solid #333; background-color: #ffffe0;}

/* checkboxes */
label.checkbox {margin: 0 0 10px 0; width:auto;}
input.checkbox  {border:none; float:left; margin: 0 5px 0 0;}

form strong {color: #000;}

/* form action buttons */

input.submit,
input.cancel {
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	padding: 3px 10px;
	margin: 10px 10px 10px 0;
	background-color: #fc0;
	color: #333;
	font-size: 100%;
	cursor: pointer;
	text-align:center;
	width: auto;
}
input.cancel {
	background-color: #ccc;
	font-size: 95%;
}
input:active.submit,
input:active.cancel {
	border: 3px double #ccc;
	border-top-color: #999;
	border-left-color: #999;
}

/*table a.add, table a:hover.add {font-size:90%; margin:0; float:right; padding: 2px 5px;}*/


/* @end */