@media screen {

body, html { width: 100%; }
body { width: 100%; margin: 0px; padding: 0px; background: white; font-family: Arial,"Geneva CE",sans-serif; color: #222; text-align: center;	}

a { color: black; }
a:hover { color: #c33; }

a.button {
	color: #fff !important;
	background: #345 !important;
	display: block !important;
	float: left !important;
	clear: both !important;
	margin: 5px 0px !important;
	border: 1px solid #36a !important;
	cursor: pointer !important;
	_cursor: hand !important;
	text-decoration: none !important;
	font-size: 0.75em !important;
	padding: 1px 0px !important;
	text-indent: 2px !important;
}

a.button:hover {
	background: #36a !important;
	text-decoration: none !important;
	border-color: black !important;
}

a.middle_size {
	width: 150px !important;
}
a.flexible {
	padding: 1px 3px !important;
}

img { border-style: none; margin: 0px; }

#main { width: 95%; margin: auto; padding: 0px; background:white; border: 1px solid #EC00E8; border-width: 0px 1px; text-align: left; }

#logo { width: 100%; background: #222 url('../bitmaps/top_bg.jpg') no-repeat; height: 120px; }
#logo a { display: block; background: transparent; width: 100%; height: 120px; text-decoration: none; color: #ccc; font-size: 100%; font-weight: bold; }
#logo a:hover { color: #FF99FF; }
#logo a:hover span { border-color: #FF99FF; }
#logo a:hover em { color: #FF99FF; }
#logo a span { position: relative; display: block; float: left; border: 2px solid #ccc; width: 10px; height: 10px; margin: 2px 2px 0px 5px;}
#logo a span em { position: absolute; top: -7px; left: -1px; font-size: 20px; font-weight: normal; font-style: normal; }
#logo span { display: none; }

#menu { width: 100%; border: 1px solid #EC00E8; border-width: 1px 0px; background: #FF99FF; _position:relative; _z-index: 1;}
#menu ul { margin: 0px; padding: 0px; list-style: none; position: relative; _position: static; z-index: 5; }
#menu ul strong { color: white; background: #c99; display: block; margin: 0px 0px 0px 1px; }
#menu ul li { float: left; width: 19%; text-align: center; font-size: 1.1em; color: #EC00E8; text-transform: uppercase; margin: 0px; }
#menu ul li { position: relative; background: #FF99FF;  }
#menu ul li a {display: block; font-weight: bold; text-decoration: none; background: #FF99FF; margin: 0px 0px 0px 1px; }
#menu ul li a div { width: 100%; cursor: pointer; _cursor: hand; }
#menu ul li a:hover { color: white; background: #EC00E8; }
#menu ul li:hover ul { display: block; }

#menu ul li ul { display: none; background: white; border: 1px solid #EC00E8; border-width: 1px 1px 1px 0px; position: absolute; z-index: 5; _top: 1.2em; left:0px;/*left: auto; _left: 0px; !!IE7*/ width: 100%; }
#menu ul li ul li a { text-align: left; _width: 99%; font-size: 80%; text-indent: 5px; text-transform: none; padding: 5px 0px; margin: 0px; border-left: 1px solid #EC00E8; }
#menu ul li ul li { float: none; width: 100%; }
#menu ul li.first_in_row a { margin: 0px; border-style: none; }
#menu ul li.first_in_row ul { border-width: 1px 1px 1px 0px; }

#membership {width:100%; color:#000; background:#FFF; font-style:italic; font-weight:bold; }
#bookmark { float:left; width: 260px; text-align:left; text-indent:10px; cursor:pointer; _cursor:hand; }
#member { float:right; width:300px; text-align:right; }
#member span { color:#33C; }
#member span.red { color:red; font-size:1.2em;}

#content { width: 100%; _height: 600px; position: relative;}

#content #caption_column { float: left; width: 0px; position: relative }
#content #girl_of_the_week { float: left; width: 200px; position: absolute; z-index: 1; left: 0px; top: 20px; _top: 40px; }
#content #girl_of_the_week h2 { color: #444; font-size: 100%; margin: 0px; text-indent: 15px; }
#content #girl_of_the_week div { float: left; width: auto; padding: 5px; background: #FF99FF; border: 1px solid #EC00E8; text-align: center; }
#content #search_box { background: #ddd; position: absolute; top: 270px; _top: 290px;
                        left: 0px; width: 150px; border: 0px; padding: 0px; margin: 0px}
#content #search_box #search_box_inner { background: #FF99FF;  border: 1px solid #EC00E8; border-left: none; padding: 5px; width: auto !important}
#content #second_level_menu { float: left; position: absolute; top: 320px; _top: 340px; width: 150px; background: white; margin: 70px 0px 30px 0px; overflow: hidden; }
#content #second_level_menu a { display: block; margin: 1px 1px 1px 0px; border-top: 1px solid #EC00E8; border-right: 1px solid #EC00E8; border-bottom: 1px solid #EC00E8; background: #FFDCF9; font-size: 90%; font-weight: bold; text-decoration: none; color: #EC00E8; text-indent: 3px; padding: 2px 0px; }
#content #second_level_menu a:hover { background: #EC00E8; color: white; }
#content #second_level_menu a.empty { background-color:white; border: 1px white solid }
#content #second_level_menu input#login { display: block; margin: 1px 1px 1px 0px; background: #eee; font-size: 90%; cursor:pointer; cursor:hand;
  font-weight: bold; text-decoration: none; color: #444; text-indent: 3px; padding: 2px 0px; width: 100%; text-align: left;}
#content #second_level_menu input#login:hover { background: #999; color: white; }
/*
  Dynamic content covers the rest of the space which remains in #content after #caption_column is displayed
*/
#content #content_column { margin: 20px 0px; margin-left: 158px; min-height: 900px; _height: 900px; }
#content_column h1 { width: 90%; margin: 0px 0px 15px 0px; color: #444; font-size: 150%; clear: both; float: left; border-bottom: 2px dotted #999; }
#content_column div.text { clear: both; }
#content_column div.text p { width: 90%; text-align: justify; }
#content_column div.text p:first-letter { font-size: 130%; font-weight: bold; }
#content_column h1 span.left { color: red; }
#content_column h1 span.right { color: #666; }
#content_column table.sorting { width: 90%; height:17px; display:block; font-weight: bold; color: #444; clear: both; font-size: 80%; background-color:#eee; margin-bottom:10px; }
#content_column table.sorting table,tr,td { vertical-align:top; }
#content_column table.sorting a { width:160px; display:block; float:left; background-color:#ccc; padding: 2px 0px; border:1px solid #999; text-decoration:none; margin:0px 0px 5px 5px; text-align:center; }
#content_column table.sorting a:hover { color:#444; background-color:#ddd; cursor:pointer; _cursor:hand;}
#content_column table.sorting a.active { color: #000; background-color:#FF8A8D; cursor:default; _cursor:none;}
#content_column table.sorting a.disabled { color:#aaa; background-color:#ddd; cursor:default; _cursor:default;}
#content_column table.sorting img { vertical-align:middle; }
#content_column div.listing { width: 90%; color: #444; clear: both; margin: 20px 0px; font-size: 0.7em; }
#content_column div.listing a { text-decoration: none; font-weight: bold; margin-right: 5px; }
#content_column div.listing a.actual { color: red; }
#content_column div.listing a:hover { text-decoration: none; }

.next_model { width:160px; display:block; float:left; background-color:#ccc; padding: 2px 0px; border:1px solid #999; text-decoration:none; margin:0px 0px 5px 5px; text-align:center; }
/* vypis setu */
#content_column div.set { width: 185px; float: left; border: 1px solid #999; background-color: #ececec; color: #444; margin: 10px 7px 10px 0px; padding: 0px; }
#content_column div.set img { /*float: left;*/ width: 185px; height: 278px; margin: 0px;}
#content_column div.seen { border:1px dashed #999; background:#D8D5D5; }
/*
#content_column div.set img { float: left; width: 133px; height: 200px; }
*/
#content_column div.set div.set_desc { float: left; clear: both; height: 335px; font-size: 0.8em; }
#content_column div.set div.set_desc div.description { height: 330px; overflow: hidden; margin: 0px; padding: 0px 5px;}
#content_column div.set div.set_desc div.suitable { font-weight: bold; color: #C30000; text-align: center; /*background-color: #FFF; border: 1px solid #999; padding: 3px; margin: 5px 0px;*/ }
#content_column div.set div.set_desc div.description h3 { font-size: 0.9em; margin: 5px 0px; font-weight:normal;}
#content_column div.set div.set_desc div.description a { border-style: none; text-decoration: none; color: black; font-weight: bold; font-size:1.1em; }
#content_column div.set div.set_desc div.description a:hover { border-style: none; text-decoration: none; color: red; }
#content_column div.set div.set_desc div.description p { margin: 10px 0px; text-align: left; }
#content_column div.set div.set_desc div.description p.small { font-size: 0.8em; }
#content_column div.set div.set_desc div.description p.small a { font-weight: normal; }

/* vypis setu na pristi tyden */
#content_column div.set_next_week { width: 120px; float: left; border: 1px solid #999; background: #ececec; color: #444; margin: 10px 3px 10px 0px; }
#content_column div.set_next_week img { float: left; width: 120px; height: 180px; }
#content_column div.seen { border:1px dashed #999; background:#D8D5D5; }
#content_column div.set_next_week div.set_desc { float: left; clear: both; width: 120px; height: 60px; font-size: 0.8em; }
#content_column div.set_next_week div.set_desc div.description { height: auto; overflow: hidden; margin: 0px 0px; }
#content_column div.set_next_week div.set_desc div.description a { border-style: none; text-decoration: none; color: black; font-weight: bold; font-size:1.1em; }
#content_column div.set_next_week div.set_desc div.description a:hover { border-style: none; text-decoration: none; color: red; }
#content_column div.set_next_week div.set_desc div.description p { margin: 5px 0px; text-align: center; }
#content_column div.set_next_week div.set_desc div.description p.small { font-size: 0.8em; }
#content_column div.set_next_week div.set_desc div.description p.small a { font-weight: normal; }

div.votes { color:#444; display:block; clear: both; text-align:center;  }
div.votes form { width:140px; margin:0px auto;}
div.votes form fieldset { padding:5px; }
div.votes label { font-weight: bold; font-style: italic; margin-right: 2px; font-size: 90%; }
div.votes select { font-size: 10px; }

div.set_links { height: 17px; width: 180px; display:block; /*clear: both;*/ text-align:center; margin-top:2px; text-align:center;}
div.set_links a { cursor:pointer; _cursor:hand; color:#3E3E3E; display:block; width:178px; background-color:#E9E9E9; border:1px solid #999; text-decoration:none; margin:0px auto;}
div.set_links a:hover { color: #c33; background-color:#E1E1E1; }
div.set_links a.disabled { color:#C6C6C6; cursor:default; _cursor:default; background-color:#E9E9E9; }

#video_window { width: 300px; float: left; }
#videoLeft { width: 400px; float: left; }
#videoRight { width: 300px; float: left; text-align: center;}

#video_info { width: 310px; float: left; margin-top: 10px; }
div.player_details  { width: 300px; height: 120px; float: left; margin: 0px; margin: 15px 0px 15px 0px; }
#rm_player { background: transparent url('../bitmaps/real_player_bg.jpg') no-repeat; }
#wm_player { background: transparent url('../bitmaps/wm_player_bg.jpg') no-repeat; }
a.click_to_play { display: block; width: 120px; height: 120px; margin: 0px; padding: 0px; float: left; text-decoration: none; }
div.player_details { float: left; }
div.player_details div { margin: 10px 0px 10px 0px; font-weight: bold; color: #444; font-size: 0.9em; float: left; width: 160px; }
div.player_details div h3 { margin: 0px 0px 5px 0px; color: #345; font-size: 0.9em; }
div.player_details div strong { color: red; font-size: 0.8em; text-decoration: underline; }

#site_map { width: 100%; clear: both; font-weight: bold; font-size: 90%; }
#site_map div.clearboth { height: 40px; }
#site_map div.image { width: 210px; float: left; margin: 0px 10px; }
#site_map div.image div { text-align: center; margin: 0px; }
#site_map div.indent { margin-left: 60px; }

#copyright { width: 100%; border-top: 1px solid #EC00E8; color: #444; font-size: 70%; padding: 1px 0px; text-indent: 5px; }
#copyright address { display: none; }

form, fieldset { margin: 0px; padding: 0px; border-style: none; background: #FF99FF; }
fieldset input { border: 1px solid #999; color: #444; }
fieldset label { margin-right: 5px; }

div.clearboth { font-size: 0px; height: 0px; overflow: hidden; margin: 0px; padding: 0px; float: none; clear: both; }
div.spacer { height: 50px !important; }
.left { float: left; }
.right { float: right; }

#searching_page { width:100%; margin:0px; font-weight:bold; text-align:center; }
#searching_page span { color:black; }
#searching_page strong { color:red; font-size:18px; background-color:yellow; }
#searching_page strong em { font-size:24px; font-style:normal; }
#searching_page label { background-color:#FFC6C6; }
#searching_page label span { color:#FF2020; }
#searching_page div.box { background-color:#A4A4A4; }
#searching_page h1 { width: 99%; margin: 0px 0px 30px 0px; color: #444; font-size: 150%; clear: both; float: left; border-bottom: 2px dotted #999; }

#searching_type { clear:both; height:150px; width:100%; text-align:center; display:block; }
#searching_type div.container { width:550px; margin:0px auto; }
#searching_type div.search_type_box { display:block; float:left; width:170px; margin:5px; font-size:15px; cursor:pointer; _cursor:hand; background-color:#FFC6C6;}
#searching_type div.search_type_box input { float:left; display:block; margin:0px; padding:0px;}
#searching_type div.search_type_box label { float:right; display:block; width:80%; }

#searching_whole { clear:both; height:180px; width:600px; margin:0px auto; }
#searching_whole div.search_whole_box { width:600px; height:140px; display:block; float:left; margin:10px; text-align:center; }
#searching_whole div.search_whole_box label { width:600px; height:120px; display:block; cursor:pointer; _cursor:hand; }
#searching_whole div.search_whole_box label span { width:600px; height:120px; display:block; font-size:14px; font-weight:bold; }

#searching_categories { height:300px; width:560px; margin:0px auto; }
#searching_categories div.search_cat_box { width:160px; height:200px; display:block; float:left; margin:10px; text-align:center; }
#searching_categories div.search_cat_box label { width:160px; height:180px; display:block; cursor:pointer; _cursor:hand; }
#searching_categories div.search_cat_box label span { width:160px; height:180px; display:block; font-size:14px; font-weight:bold; }

#searching_attributes { clear:both; display:block; width:80%; margin:0px auto; }
#searching_attributes div.search_attrib_box { width:120px; height:160px; display:block; float:left; margin:10px; text-align:center; }
#searching_attributes div.search_attrib_box label { width:120px; height:140px; display:block; cursor:pointer; _cursor:hand; }
#searching_attributes div.search_attrib_box label span { width:120px; height:140px; display:block; font-size:14px; font-weight:bold; }
#searching_attributes div.search_attrib_box label span.small { font-size:12px; }
#search_submit { width:100%; text-align:center; }
#search_submit input { font-weight:bold; font-size:26px; color:#FF2D2D; background-color:#FFC5C5; margin:0px auto 20px auto; cursor:pointer; _cursor:hand; }

#stories { width:90%; height:100%; }
#stories.image { background: transparent url('../bitmaps/stories.jpg') right top no-repeat; }
#stories ul { color:#AB22A1; }
#stories a { font-weight:bold; color:#FF8AF6; }
#stories a:hover { color:#AB22A1; }
#stories a:visited { color:#AB22A1; }
#stories p { text-align:justify; }


div.error { color: white; background: #d22; font-weight: bold; padding: 10px; margin: 20px 10px; }
div.error strong { border-bottom: 1px solid white; }
div.error a { color: white; }
div.error a:hover { color: white; border-color: black; }
}
/*
  End of media screen
*/

@media print {

#logo, #menu, #content { display: none; }

#copyright { display: block; }
#copyright a { display: inline; }
#copyright address { display: inline; clear: both; }
}

#wmv_video_window { border:1px solid black; padding:2px; text-align:center; }
/*
  End of media screen
*/

#games #game { float:left; width:620px; }
#games #games_right_part { float:left; width:160px; }
#list_of_games { background-color:#E7E7E7; border:1px solid gray; padding:10px; font-size:12px; }
#list_of_games ul { list-style-type:none; padding-left:10px; }
#list_of_games img { vertical-align:middle; }
#games h3 { margin-bottom:0px; }
#games #games_scores { font-size:12px; }
#games #game_scores_table { width:160px; }
#games #game_scores_table tr,td,th { height:12px; line-height:12px;}

#friendssites { font-size: smaller; }
#friendssites div { margin-bottom: 10px; }
#friendssites div img { border-top: 2px solid black; }

/*
  Send error form
*/
form#errorreport {
  margin-top: 40px;	}
#errorreport textarea {
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	border: 1px solid #999; }

#errorreport input.input {
	width: 300px;
	border: 1px solid #999;}

#errorreport input.submit {
	font-family : Arial, Sans-Serif;
	font-size : 12px;
	font-weight: bold;
	color : #FFFFFF;
	border-color : #000000;
	background-color : #FF0000;
	text-align: center;
	margin: 10px 0px 0px 0px;
	width: 300px;
	border: 1px solid #999; }

#alphabet { text-align: center; margin: 0px auto 10px auto; }

/*
  End error button
*/

table.videoList { border-collapse: collapse; width: auto;}
table.videoList * { font-family: Tahoma, Helvetica, sans-serif; font-size: 10px; }
table.videoList caption { padding-bottom: 10px; font-size: 10px; }
table.videoList th { width: 100px; font-size: 11px; text-align: center; font-weight: bold; border: 1px solid #999;}
table.videoList td { width: 100px; border: 1px solid #999; text-align: center; vertical-align: middle; }


table.videoList .video_num { width: 70px; padding: 0px;}
table.videoList .double { width: 100px; padding: 0px;}
table#video_right_table { width: 300px;}

.models { float: left; margin: 2px 5px; text-align: center; }
.models a img { border: 2px solid #AAA; }