/** 
-----------------------------------------------------------------------
| STADSWIJK ROTTERDAM																									|
-----------------------------------------------------------------------

-----------------------------------------------------------------------
|                                                                     |
| Date: March, 2007                                                   |
| Author: Adal Fraile, <http://www.affirma.nu>                        |
| Copyright: copyright (C) 2007 by Adal Fraile                        |
| Description: This site is developed for PROJECT STADSWIJK ROTTERDAM |
|              BY photographer Bob van der Vlist and grafic designer  |
|              Hans Gremmen		 		 		 		 	                          |
| License: GNU/LGPL CC 																								|
| 				 http://creativecommons.org/licenses/LGPL/2.1/deed.en       |
| Filename: global.css                                                 |
| Version: 1.0
| Revision: 2008/05/27 - Added #continueBtn1 for comp with IE 7                                                      |
|                                                                     |
-----------------------------------------------------------------------
**/

/**

 Global CSS rules for all non-MAC browsers

**/

/* General layout rules */

html{
  height:99.5%;
	width:99.5%;
}
body{
  position:relative;
	display:block;
	float:left;
	height:99.5%;
	width:99.5%;
	margin:0px;
	padding:0px;
	border:0px;
	background-color:#ffffff;
	font-family:Courier New, Verdana, Helvetica !important;
	color:#ff0000;
	font-size:8pt;
	line-height:12px;
}
.bodyWrapper{
	position:relative;
	display:block;			 
	height:inherit !important;
	width:100%;
	border:0px;
	margin:0px;
	padding:0px;
}
.contentWrapper{
  position:relative;
	display:block;
	height:inherit !important;
	width:992px !important;
	padding:0px;
	margin:0px;
	border:0px;
}
.mainContentWrapper{
  position:relative;
	display:block;
	width:inherit !important;
	height:auto !important;
	padding:0px;
	margin:0px;
	margin-right:-1%; /* IE Hack */
	border:0px;
}
.logoAreaWrapper{
  position:relative;
	display:block;
	height:261px;
	width:inherit !important;
	padding:0px;
	margin:0px;
	margin-right:-1%; /* IE Hack */
	border:none;
}
#logo{
	border:none;
}
.contentColumn, #randomImgColumn, #pdfContentPreviewColumn, #orderFormColumn, #cusDetailsColumn, #downloadDetailsColumn{
  position:relative;
  float:left;
	display:block;
	width:187px !important;
	height:auto !important;
	overflow:auto;
	padding:0px;
	margin:0px;
	margin-left:11px !important;
	border:0px;
	text-align:left;
	font-size:inherit;
}

/* Home page */

#randomImgColumn{
  width:375px !important;
	height:340px !important;
}
.randomImg{
  position:relative;
  float:left;
}
.randomImgKeywords{
  position:relative;
	float:left;
	display:block;
	padding:0px;
	padding-top:3px;
	margin:0px;
	border:0px;
  color:#000000;
}
.orderStepNum{
  position:relative;
	float:left;
	display:inline;
	padding:0px;
	margin:0px;
  margin-left:9px;
	border:0px;
}
.orderStepValue{
  position:relative;
	float:left;
	display:inline;
	width:162px;
	padding:0px;
	padding-left:6px;
	margin:0px;
	border:0px;
}
.keyWordSelector{
  position:relative;
	display:block;
	padding:0px;
	padding-bottom:10px;
	margin:0px;
	border:0px;
}
.keywordBlockWrapper{
 position:relative;
 width:170px !important;
 display:block;
 height:15px !important;
}
#proceedBtn1{
 width: 150px;
 text-align: left;
 padding-left: 10px;
}
#publicationsColumn{
  width:187px !important;
	height:inherit !important;
  margin-right:-1%; /* IE Hack */
}
.publicationsHeader{
  position:relative;
	display:block;
	width:187px !important;
	height:40px !important;
	padding:0px;
	margin:0px;
	border:0px;
}
.iframe{
  position:relative;
	display:block;
  width:187px !important;
	height:330px !important;
	padding:0px;
	margin:0px;
	border:0px;
}
#errorWindow1{
  position:absolute;
  float:left;
	top:47px;
	left:22px;
	width:150px !important;
	height:70px;
	border:1px solid #ff0000;
	padding:5px;
	margin:0px;
	z-index:2;
	visibility:hidden;
	background-color:#ffffff;
}
.errorWindowHeader{
  display:block;
	float:left;
	padding-top:10px;
	margin-bottom:10px;	
}
.closeButton{
  float:right;
	margin-right:0px;
	padding-right:0px;
}


/* Page 1 - PDF content preview */

.matchedKeywords{
  color:#000000;
	width:180px !important;
	word-wrap:break-word;
	white-space: pre-line;
}
#pdfContentPreviewColumn{
  width:700px !important;
	margin-left:17px !important;
}
.previewImg{
  border:1px solid #000000;
	margin:0px;
	margin-bottom:5px !important;
	padding:0px;
}

/* Page 2 - Order form */

#orderFormColumn, #cusDetailsColumn{
	width:200px !important;
	margin-left:17px !important;
}
.frmCustomerDetailsField{
 border: 1px solid #ff0000 !important;
 color:#000000;
 margin-bottom:3px;
 cursor:text;
}
.checkbox{
 position:relative;
}
#conditionsWindow{
  position:relative;
  float:left;
	display:none;
	left:20px;
	width:500px !important;
	border:1px solid #ff0000;
	padding:5px;
	z-index:0;
	background-color:#ffffff;
}
#confirmationWindow{
  position:relative;
  float:left;
	display:none;
	left:20px;
	width:250px !important;
	border:1px solid #ff0000;
	padding:5px;
	z-index:1;
	background-color:#ffffff;
}
#errorWindow2{
  position:relative;
  float:left;
	display:none;
	left:20px;
	width:220px !important;
	border:1px solid #ff0000;
	padding:5px;
	z-index:3;
	background-color:#ffffff;
	text-align:left;
}

/* Page 3 - Order confirmation */

#downloadDetailsColumn{
  width:400px !important;
	margin-left:17px !important;
}
.emailSentNotice, .openWinInstructions{
  color:#000000;
}
.customerDetails{
  color:#ff0000;
}

/* General HTML elements defintions */

img{
  border:none;
}
p{
 margin-top:0px;
 margin-bottom:15px;
 text-align:left;
 line-height:13px;
}
div{
 font-size:inherit;
}
input{
 border:0px;
 background-color:#ffffff;
 color:#ff0000;
 font-family:Courier New, Verdana, Helvetica;
 font-size:8pt;
 cursor:pointer;
}
label{
  font-size:inherit;
}
span label{
  margin-top:-20px;
	padding-top:-5px;
}
a:link, a:visited, a:active{
  text-decoration:none;
	color:#ff0000;
}
a:hover, a:focus{
  text-decoration:none;
	color:#000000;
}