label.error { position:absolute; color: red; padding-left: .5em; font-size:10px; width:200px; }
#datasheets label.error { position:absolute; color: red; padding-left: .5em; font-size:10px; width:160px; }

input.error:focus {
	border:2px #ff6600 dashed;
}
#datasheets input.error:focus {
	border:2px #ff6600 solid;
}

#popup, #newsletter {
	width:500px;
}

.pdf {
	padding:25px;
}

#popup h1{
text-align:left;
color:#ff8202;
font-size:22px;
font-weight:800;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:15px;
}
.popupClose{
cursor:pointer;
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}

#mask{
position:absolute; /* important */
top:0px; /* start from top */
left:0px; /* start from left */
height:100%; /* cover the whole page */
width:100%;  /* cover the whole page */
display:none;           
/* styling below */
background-color: #000;
}

.modal_window{
z-index:999;
background-color:#f8f8f8;
border:3px #ccc solid;
padding:18px;
position:absolute; /* important so we can position it on center later */
display:none; /* don't show it */
/* styling bellow */
color:#333;
}

.modal_window sub{
	line-height:2em;
}

/* style a specific modal window  */
#modal_window{
width:400px;
padding:20px;
border:3px #ccc solid;
background: #f8f8f8;
color:#444;
z-index:998;
}


/*  CONTACT FORM  */
form p{
	width:auto;
	margin:0px;
	padding:5px 0px;
}
form input.readonly {
	width:40px;
	height:1.2em;
	border:none;}

#popup input, textarea {
	padding: 5px;
	width:200px;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0px 0px 8px 0px;
	border: 2px solid #ccc;
}

textarea {
	height: 60px;
	overflow:hidden;
	}

textarea:focus, input:focus {
	border: 2px solid #ff9940;
}

input.submit-button {
	width: 100px;
	background-color:#ff9940;
	border:2px #ccc solid;
}

#popup label {
	float: left;
	margin-right: 25px;
	width: 105px;
	padding: 5px 0px;
	font-size: 1.4em;
}

/* ---------- Login form -------- */

#topnav{
	float:right;
}

#login{
	color:#ff6600;
	font-weight:bold;
	height:400px;
	width:600px;
}

#login_menu{
	 -moz-border-radius-topright:8px;
	 -moz-border-radius-topleft:8px;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -webkit-border-top-right-radius:8px;
    -webkit-border-top-left-radius:8px;
    -webkit-border-bottom-left-radius:8px;
    -webkit-border-bottom-right-radius:8px;
	position:absolute;
	background-color:#f9f9f9;
	background-image:url('images/login.png');
	background-repeat:no-repeat;
	z-index:100;
	top:25px;
	right:0px;
}

#signin_menu form{
	margin:40px 10px 0px;
}

#login_menu input{
	margin:20px 10px 0px 0px;
}

#login_menu input:focus{
	border: 2px #6fa5fd solid;
}
#login_menu label{
	font:normal 11px Tahoma,Arial,sans-serif;
	color:#333;
	text-align:right;
}

p.forgot a{
	font:bold 10px Verdana,Arial,sans-serif;
	color:#a3a3a3;
	padding-right:25px;
}

#login input.submit {
	border:2px #a3a3a3 solid;
	 -moz-border-radius-topright:8px;
	 -moz-border-radius-topleft:8px;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -webkit-border-top-right-radius:8px;
    -webkit-border-top-left-radius:8px;
    -webkit-border-bottom-left-radius:8px;
    -webkit-border-bottom-right-radius:8px;
	width: 100px;
	background-color:#ccc;
	color:#fff;
	cursor:pointer;
}
#notification_error { color: red; height: auto; padding: 4px; text-align: center; }

#login_response { overflow: auto; }
 
#ajax_loading { display: none; font-size: 12px; font-family: Tahoma; }

#logged_in { padding: 5px; margin: 23px 0 100px 43px; padding: 5px; text-align: center; width: 400px; }