/* General pattern settings */
body {
	font-size: 10pt;
	font-family: Verdana; 
	color: #666666;
	background-color: #ffffff;
}

body.movie_logo{
	background-color: #ececec;
}

/* Page header for all sorts of pages */
.title {
	background-image: none; 
	background-color: white;
	font-size: 19pt;
	float: left;
	padding-left: 10px;
}
/* Home page header */
.gen-title {
	background-image: none; 
	background-color: white;
	font-size: 19pt;
	padding: 5px;
	margin-top: 25px;
}
/* Smaller on-page header */
.header {
	font-size: 16pt;
	padding: 5px;
}
/* Titles in lists */
.list-title{
	font-size: 12pt;
}

/* Movie and person page icons in the header */
.icons {
	background-image: none; 
	background-color: white;
	text-align: right; 
	height: 32px;
	margin-bottom: 10px;
}
/* General rule for hyperlinks */
a {
	color: #4083a9;
}
a:hover {
	color: #fa820f;
	text-decoration: underline;
}

/* Hyperlinks on pictures */
a.pic {
	text-decoration: none;
	color: white;
}
a.pic:hover {
	text-decoration: none;
	color: white;
}
/* The block with cover and rating on the left */
.left-block {
	float: left;
	background-image: none; 
	background-color: white;	
	margin-left: 0px;
	margin-right: 15px;
}

/* this will keep the navigation bar on its place for the shots/posters/photos tabs */
.left-block-holder {
	width: 193px;
	float: left;
}

/* Space around the main cover */
.cover-info {
	padding: 10px;
}

/* The outer border for the images */
.img-outer {
	border: 2px solid #dddddd;
	width: 2px;
	text-align: center;
}
/* The inner border of the images */
.img-inner {
	border: 3px solid #ececec;
	width: 2px;
}
/* Link to the site under the cover */
.site-link {
	padding-top: 10px;
	text-align: center;
}
/* Site rating */
.site-rating {
	text-align: center;
	padding-bottom: 10px;
}
/* Free space to insert where necessary */
.free-space {
	padding-bottom: 10px;
	width: 10px;
}
/* IMDB rating */
.rating {
	text-align: left;
	margin-left: 10px;
	padding-bottom: 10px;
}
/* Tabs on the movie / person page */
.tabs {
	color: #ffffff;
	line-height: 30px;
	text-align: center;
	width: 100%;
	border-collapse: collapse;
	border: 0px;
	margin-bottom: 5px;
}

/* the rightmost part of the tab */
.tab-first{
	height: 32px;
	width: 8px;
	float: left;
}

/* tab body (for text) */
.tab-body {
	height: 32px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}
/* the arrow between tabs */
.tab-transition {
	height: 32px;
	width: 22px;
	float: left;
}

/* the leftmost inactive tab's part */
.tab-end {
	height: 32px;
	width: 17px;
	float: left;
}
/* The block for movie shots and photos */
.right-block {
	float: right;
	background-image: none; 
	background-color: white;
	padding: 7px;
	margin-right: 0px;
	margin-left: 15px;
}
/* This keeps some white space between shots */
.shot-place {
	margin-bottom: 10px;
}

/* Orange line under the tabs */
.orange-line {
	margin-right: 3px;
	height: 33px;
	border-bottom: 1px solid #fa820f;
}
/* the upper table (genre, duration etc.), field names, white background */
td.small-table-name {
	width: 140px;
	font-weight: bold;
	line-height: 22px;
	padding-left: 10px;
	background-image: none; 
	background-color: white;
}

/* the upper table (genre, duration etc.), field values, white background */
td.small-table-value {
	padding-left: 5px;
	line-height: 22px;
	background-image: none; 
	background-color: white;
}
/* The lower table (editions, dates etc.), field names */
td.big-table-name {
	width: 170px;
	font-weight: bold;
	line-height: 22px;
	padding-left: 10px;
	background-image: none; 
	background-color: white;
}

/* A box with white background for some text, e.g. movie synopsis */
.text-box {
	margin: 5px 0px 5px 0px;
	padding: 10px;
	background-image: none; 
	background-color: white;
	line-height: 20px;
	border: 0px;
	border-collapse: collapse;
	width: 100%;
}
/* Filmography settings on person's page */
.filmography {
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: none; 
	background-color: white;
	line-height: 24px;
	width: 100%;
}
/* The arrow shown next to photos on the movie page */
.arrow-left {
	float: left;
	width: 30px;
	margin-top: 52px;
	vertical-align: middle;
}
/* The arrow shown on the home page next to covers and photos */
.arrow-left-home {
	width: 40px;
	vertical-align: top;
	padding-top: 90px;
}

.arrow-left-page {
	width: 40px;
	vertical-align: top;
	padding-top: 70px;
}

/* The arrow under screenshots and photos */
.arrow-down {
	padding-left: 10px;
	text-align: center;
}
/* White background block for pictures */
.white-bck-block {
	margin: 0px 0px 0px 0px;
	background-image: none; 
	background-color: white;
	border: 0px;
	border-collapse: collapse;
	width: 100%;
	text-align: center;
}

/* Popular genres on the home page */
.genres {
	margin: 5px 1px 10px 1px;
	background-image: none; 
	background-color: white;
	border: 0px;
	border-collapse: collapse;
	width: 100%;
	padding-bottom: 5px;
}
/* Image and text wrapper for covers and photos */
.image-place {
	float: left;
	width: 70px;
	margin: 0px;
}

/* Image and text wrapper on the homepage */
.home-image-place {
	float: left;
	width: 70px;
	margin: 5px;
}

/* outer and inner borders of photo images */	
.photo-outer {
	border: 1px solid #dddddd;
	margin: 5px;
	width: 2px;
}
.photo-inner {
	border: 2px solid #ececec;
	width: 2px;
}
/* the upper table (genre, duration etc.), field names, white background */
.big-table-name {
	margin: 10px 0px 5px 0px;
	padding-left: 5px;
	width: 180px;
	background-image: none; 
	background-color: white;
	float: left;
	font-weight: bold;
}

/* the upper table (genre, duration etc.), field values, white background */
.big-table-value {
	margin-top: 10px;
	padding-left: 5px;
	background-image: none; 
	background-color: white;
}

/* Acts like a border */
.middle-cell {
	width: 5px;
}

/* General rules for name-value tables on the movie page */
table.names-values { 
	margin: 10px 0px 10px 0px;
	width: 100%;
	border-collapse: collapse;
}

/* Thumb wrapper in the movie/person list (left) */
.thumb {
	padding: 0px 3px 0px 3px;
	float: left;
	margin: 0px;
}

/* Movies in collection / persons in collection on the homepage */
.db-stats {
	width: 100%;
	line-height: 40px;
	font-weight: bold;
	border-collapse: collapse;
	border: 0px;
	background-image: none; 
	background-color: white;
	margin: -15px 1px 0px 1px;
	vertical-align: middle;
}

.small-space {
	padding-bottom: 5px;
}

/* Indent for titles */
.left-indent {
	padding-left: 10px;
}
/* Wrapper for Add movie /person buttons on the homepage */
.add-btn {
	float: right;
	margin: 3px;
	padding-bottom: 3px;
}

/* Body of the Add movie/ person button */
.add-btn-body {
	line-height: 36px;
	padding-left: 27px;
	padding-right: 10px;
	color: white;
	vertical-align: middle;
	text-align: center;
}
/* Current page number is highlighted with orange on the navigation bar */
.search-active {
	background-color: #ff880f;
	color: white;
}

.normal-header-spacing {
	margin: 0px 3px 0px 3px;
}

.reference-header-spacing {
	margin: 0px 1px 0px -1px;
}

.envelope-table {
	width: 100%;
	border: 0; 
	border-collapse: collapse; 
}

.cover-flow-text {
	font-weight: bold;
	margin: 0px 5px;
}