/*=========================================================================================
	Create by Stevex (www.stevex.co.uk) for Douglas Software (c) (www.photo-software.com) on 4/11/09
===========================================================================================*/
/*=========================================================================================
	Layout elements (CSS level 2.1)
===========================================================================================*/
/*============================================
	Top Level Containers
==============================================*/
html {

	width:100%;
	height:100%;
	min-height:100%;
	overflow: -moz-scrollbars-vertical; /* FF hack - forces vertical scroll bar*/
	overflow-y:scroll; /* cross browser hack - 1 forces vertical scroll bar always on  (required by opera)*/
	background-color:#cccccc;
}

.body {
	display:table;
	position:absolute;
	width:100%;
	height: 100%; 
	min-height: 100%;
	background-color:#cccccc;
	vertical-align:top;
}
/*============================================
	Top Level Layout Table
==============================================*/
.layout_table {
	display:table;
	position:relative;
	width:800px;
	min-width:800px;
	max-width:800px;
	height:100%;
	min-height:100%;
	margin-left:auto;
  margin-right:auto;
	background-color:white;
	vertical-align:top;
}

.layout_row {
	display:table-row;
	position:relative;
	width:800px;
	min-width:800px;
	max-width:800px;
	height:100%;
	min-height:100%;
}

.layout_left {
	display:table-cell;
	min-width:27px;
	max-width:27px;
	width:27px;
	height:100%;
	min-height:100%;
	background-image:url('images/film_hole.png');
	background-repeat:repeat-y;
	border-left:solid 5px white;
	/*border:solid 1px red;*/
}

.layout_page {
	display:table-cell;
	position:relative;
	min-width:731px;
	max-width:731px;
	width:731px;
	height:100%;
	min-height:100%;
	vertical-align:top;
	/*border:solid 1px green;*/
}

.layout_right {
	display:table-cell;
	min-width:27px;
	max-width:27px;
	width:27px;
	height:100%;
	min-height:100%;
	background-image:url('images/film_hole.png');
	background-repeat:repeat-y;
	/*border:solid 1px blue;*/
}

.layout_shadow {
	display:table-cell;
	min-width:14px;
	max-width:14px;
	width:14px;
	height:100%;
	min-height:100%;
	background-color:#cccccc;
	background-image:url('images/film_shadow.png');
	background-repeat:repeat-y;
	/*border:solid 1px purple;*/
}
/*============================================
	General Layout Table Elements
==============================================*/
.table {
	display:table;
	position:relative;
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
}

.table_row {
	display:table-row;
	position:relative;
	text-align:center;
}

.table_1col {
	display:table-cell;
	position:relative;
	width:100%;
	height:100%;
	vertical-align:top;
	text-align:center;
}

.table_3col {
	display:table-cell;
	position:relative;
	width:33%;
	height:100%;
	vertical-align:top;
	text-align:center;
}

.table_4col {
	display:table-cell;
	position:relative;
	width:25%;
	height:100%;
	vertical-align:top;
	text-align:center;
}

.table_5col {
	display:table-cell;
	position:relative;
	width:19%;
	height:100%;
	vertical-align:top;
	text-align:center;
}

.table_6col {
	display:table-cell;
	position:relative;
	width:17%;
	height:100%;
	vertical-align:top;
	text-align:center;
}

.table_7col {
	display:table-cell;
	position:relative;
	width:14%;
	height:100%;
	vertical-align:top;
	text-align:center;
}
/*============================================
	Specific Layout Table Elements
==============================================*/
#depth_of_field_summary_languages{
  margin-top:20px;
	width:400px;
}

#depth_of_field_cameras{
	width:410px;
}
.camera_model{
	width:250px;
}