/**	This CSS stylesheet is based on Abeo standard CSS style sheet
 *	based on experiences from svn://no.cz/projects/www.ihr-autodily.cz/1/www/css/css.css
 *
 *	There are advices in every block of code. Search for "Advice:"
 */


/** ****************************** **
 ** Unification of browser styles - clear all margin and paddings to all visible none-deprecated html tags
 ** ****************************** **
 *
 *	Advice:
 *	Keep as is.
 *	x	Keep HTML tags unchanged.
 *	x	Don't add/remove any css properties.
 *	x	Don't change definitions of css properties
 */

/*	Mask for all elements	*/
*,
/*	Document	*/
html, body, frameset, frame, iframe, noframes,
/*	Headings	*/
h1, h2, h3, h4, h5, h6,
/*	Standard block level elements	*/
p, div, ol, ul, li,
/*	Links	*/
a,
/*	Multimedia	*/
img, object,
/*	Tables	*/
table, caption, col, colgroup, thead, tbody, tfoot, tr, th, td,
/*	Forms	*/
form, fieldset, legend, label, input, textarea, select, optgroup, option, button,
/*	Still used formatting tags	*/
b, i, span, pre, code, strong, big, small, sub, sup
/*	New lines	*/
br, hr,
/*	Other HTML tags	*/
abbr, acronym, address, link, blockquote, cite, q, samp,
dd, del, dfn, dl, dt, em, ins, kbd, tt, var
{
	margin:				0px;
	padding:			0px;
	font-size:			100%;

}

/*	Set all fonts to be smaller	*/
html{
	font-size:			80%;
}


/**	********************** **
 **	Common HTML tag styles **
 **	********************** **
 *
 *	Advice:
 *	x	Keep HTML tags unchanged.
 *	o	Only add/change/remove css properties
 */

html,
body {
	height:				100%;
	background-color:	#fff;
	text-align:			center;
	vertical-align:		top;
	background-image: 	url('../gfx/pruh.gif');
}


html, body, frameset, frame, iframe, noframes,
h1, h2, h3, h4, h5, h6,
p, div, ol, ul, li,
a,
table, caption, col, colgroup, thead, tbody, tfoot, tr, th, td
{
	font-family:		Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: 				#black;
}

/*	Headings	*/
h1,
div.left_column_news .header {
	font-size:			150%;
	padding:			0px 0px 6px 13px;
	color:				#8F8F8F;
	font-weight:		normal;
}

h2 {
	font-size:			100%;
	padding:			0px 0px 0px 13px;
	margin:				5px 0 0 0px;
	color:				#FF7800;
	background-image:	url('../gfx/velka-sipka.gif');
	background-repeat:	no-repeat;
	background-position: 0px 2px;
}

h3 {
	font-size:			100%;
	padding:			6px 0px 6px 0px;
}

h4 {
	font-size:			100%;
	padding:			6px 0px 6px 0px;
}

/*	Standard block level elements	*/
div {
}

p {
	padding-top:		6px;
	padding-left:		13px;
	text-align:			justify;
}

p.last {
	margin-bottom: 		25px;
}

ol {
}

ul {
}

li {
	margin-left:		15px;
}

/*	Links	*/
a, a:link{
	text-decoration:	none;
	color:				#FF7800;
}
a:visited {
	text-decoration:	none;
	color:				#FF7800;
}

a:active,
a:hover {
	text-decoration:	underline;
	color:				#ff0033;
}

/*	Multimedia	*/
img {
	border:				0px none transparent;
}

/*	Tables	*/
table, th, td{
	border:				0px none transparent;
}

/*	Forms	*/
input, textarea, select{
	border:				1px solid #666;
}


/**	****************** **
 **	Common page layout **
 **	****************** **
 *
 *	Advice:
 *	Define only HTML id|classes, that define common layout of all pages
 */




/**	************************** **
 **	Common end element classes **
 **	************************** **
 *
 *	Advice:
 *	Define only HTML id|classes, that define layout define END tags (tags that doesn't contain any inner tags)
 */
.title{
}

.datetime{
}

.url{
}

.perex{
}

.text{
}

.label{
}

.value{
}

.logo{
}

.logo_empty{
}

.link_more{
}

/*	general forms inputs	*/
#submit_button, #delete_button {
}

.radio {
}

.checkbox {
}

.notice {
}

.error {
}



/**	********************* **
 **	Definition of modules **
 **	********************* **
 *
 *	Advice:
 *	Block of HTML with related content is called module_output_box
 *	Put all definitions of module_output_box together prior to definitions of other module_output_box
 */


 /* CAREFULL 100% height of this page is set in javascript seting-height.js */


#the_body {
	width:				960px;
	text-align:			left;
	margin:				0 auto;
	overflow: 			hidden;
	position:			relative;
	background-color:	white;
}


#the_body .column{
	padding-bottom: 	20010px;  /* X + padding-bottom */
  	margin-bottom: 		-20000px;  /* X */
}

#left_column {
	float:				left;
	width:				210px;
	border-right:		1px solid #BCBDBF;
}

#right_column {
	float:				left;
	width:				650px;
	padding:			0 60px 0px 30px;
}

#content {
	position: 			relative;
}

div#footer {
	clear:				both;
	width:				100%;
	background-color:	#FF7800;
	height:				25px;
	position:			relative;
}

div#header {
	background-image:	url('../gfx/header-bcg.gif');
	margin:				0px;
	padding:			0px 0px 0px 35px;
	float:				left;
	width:				100%;
}


/** menu styling */

div.menu {
	color:				#000000;
	font-size:			11px;
	padding:			8px 30px 0 13px;
	height:				50px;
	text-align:			right;
	clear:				both;
}

div.menu a,
div.menu a:visited
{
	text-decoration:	none;
	color:				#646464;
}

div.menu a:hover {
	color:				#646464;
	text-decoration:	underline;
}

div.menu a.chosen, div.menu a.chosen:visited {
	color: 				#FF7800;
	text-decoration:	underline;
}



div.language_mutation {
	position: 			absolute;
	width:				100px;
	left:				855px;
	top:				16px;
	font-size:			.7em;
	color:				white;
	text-align:			center;
}

div.language_mutation a {
	text-decoration:	none;
	color:				white;
}

div.language_mutation a:hover {
	text-decoration:	underline;
}

div.clear_div {
	font-size: 			1px;
	line-height:		1px;
	height:				1px;
	clear:				both;
}


div#footer table.footer_table {
	width:				100%;

}

div#footer table.footer_table td {
	padding:			2px 60px 0 10px;
	color:				white;

}

div#footer table.footer_table td.footer_republica {
	text-align:			right;
	font-size:			.9em;
	padding-top:		5px;


}

div.access {
	margin:				0px 0px 0px 30px;
	padding:			4px 0px 0px 25px;
	background-image:	url('../gfx/male-logo.gif');
	background-repeat:	no-repeat;
	background-position:	0px 2px;
	color:				#FF7800;
}

div#over_footer_positioner {
	clear:				both;
	width:				750px;
	position:			relative;
	left:				211px;
	height:				100px;
	margin:				0;
	padding:			0;
	background-image:	url('../gfx/pruh.gif');
}

div.access {
	position:			relative;
	top:				20px;
	left:				-210px;
}

div.access p {
	margin-top:			5px;
	margin-left:		0;
	padding:			0;
	width:				100px;
}

div.access a
div.access a:active,
div.access a:visited
{
	color:				#8F8F8F;
}

div.access a:hover {
	color:				#FF7800;
}

a.link_header_footer,
a.link_header_footer:active,
a.link_header_footer:visited
{
	color: 				#FFF;
	text-decoration:	none;
}

a.link_header_footer:hover {
	color:				#FFF;
	text-decoration:	underline;
}

div.left_column_news {
	margin:				0px 25px 70px 30px;
	padding:			0 0 0 0;
	text-align:			left;
}

div.left_column_news .header {
	padding:			0 0 0 5px;
	margin:				0;
}

div.left_column_news div.content {
	padding:			10px 0 0 17px;
	margin:				0;
	font-size: 85%;
}


div.left_column_image {
      margin-left:            35px;
	margin-bottom:		20px;
	width:                 130px;
	height:                320x;
}

div.showreels_list {
    margin-left:10px;
	font-size: 85%;
	z-index:			100;
	clear: both;
}

div.showreels_list p {
	padding: 			1px 2px;
	margin:				0px;
}

div.showreel_item {
	display:			inline;
	float: 				left;
	width:				145px;
	overflow-x:			none;
	padding:			5px 5px 5px 5px;
	margin:				0;
	z-index:			100;
}


div.showreel_item .movie_link {
	color:				#646464;
	font-size:			9px;
}

div.showreel_item .movie_link a,
div.showreel_item .movie_link a:visited
{
	text-decoration:	none;
	color:				#646464;
}

div.showreel_item .movie_link a:hover {
	color:				#646464;
	text-decoration:	underline;
}

div.showreel_item .movie_link a.chosen, div.showreel_item .movie_link a.chosen:visited {
	color: 				#FF7800;
	text-decoration:	underline;
}

div.showreel_item div.showreel_image {
      width:130px;
      height:100px;
      margin: 5px 0px;
      padding: 0px;
      padding-left: 5px;
      float:left;
      background-repeat: no-repeat;
      background-position: 5px 0px;
}

div.showreel_item td.showreel_left {
      color:      #8C8C8C;
      padding-left: 5px;
}

div.showreel_item table {
      float:      left;
      display: inline;
      margin: 0px 0px 0px 0px;
      padding: 0;
}

div.showreel_item table td {
	text-align: left;
}

p.title {
	color: 				#646464;
	font-weight:		bold;
}

span.label {
	color: 				#FF7800;
}

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

table.showreel_movies td {
	padding:			1px 2px;
	margin:				0;
	vertical-align:		top;
}


table.showreel_movies td a,
table.showreel_movies td a:visited,
table.showreel_movies td a:hover {
	color: 				#000000;
}

div.director_list {
      width:122px;
      float:left;
      margin:0px;
}

div.director_list div.item {
      font-size:			100%;
	padding:			7px 0px 8px 16px;
	margin:				0px 0 0 0px;
	background-image:	url('../gfx/velka-sipka-shadow.gif');
	background-repeat:	no-repeat;
	background-position: 3px 9px;
	font-weight:bold;
	border:                1px solid white;
	border-right:                1px solid #FF7800;
	width:                 107px;
}

div.director_list div.item a,div.director_list div.item_selected a {
      text-decoration:none;
}

div.director_list div.item a{
      text-decoration:none;
      color:				#BEB9B5;
}

div.director_list div.item_selected {
      font-size:			100%;
	padding:			7px 0px 8px 16px;
	margin:				0px 0 0 0px;
	color:				#FF7800;
	background-image:	     url('../gfx/velka-sipka.gif');
	background-repeat:	no-repeat;
	background-position:   3px 9px;
	border:                1px solid #FF7800;
	font-weight:           bold;
	width:                 107px;
	border-right:          1px solid white;
}

div.director {
	width:				525px;
	float:				right;
	border-left:		1px solid #FF7800;
	margin:				0px;
	padding-top:			4px;
	z-index:			10;
}

div.director_image {
	float: 				right;
	margin:				10px 0 5px 10px;
}

div.director p {
	margin-bottom:	5px;
}

div.showreel_description_empty_block {
	height: 			34px;
}

img.content_image_right {
      float:		right;
      margin:		5px 0px 0px 15px;
}

img.menu_separator {
	height:			8px;
	width:			2px;
	margin-left:	2px;
	margin-right:	3px
}

p.movie_link_description {
	float: left;
	border: 1px solid white;
}

p.error {
	padding-top: 100px;
}

div.paging {
	color:		#646464;
	clear:		both;
	float:		right;
}

div#flash {
	margin:		0px;
	padding:	0px;
	width: 		237px;
	height:		123px;
}

div#flash img {
	padding:	0px;
	margin:		0px;
	width: 		237px;
	height:		123px;
	float:		left;
}

p#showreel_help_text {
	padding-top:	20px;
	float: 			left;
	font-size:	0.9em;
	font-style:	normal;
	color:		#8C8C8C;
	clear:		left;
}

div.creative_division_flash {
	float:		right;
	margin-right:	120px;
}

/**	**************************** **
 **	Administrator included parts **
 **	**************************** **/