body
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: Helvetica, sans-serif, Arial;
    font-size: 15px;
}
p
{
    margin: 2px 0px 4px 0px;
	padding: 2px 0px 2px 0px;
}
h1
{
    font-size:24px;
    font-weight:bold;
    color:#666;
}
h2
{
    color:#666;
}
h3
{
    color:#666;
}
.middle
{
    width: 980px;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 0px;
}
.holder
{
    margin: 0px;
    padding: 0px;
    width: 980px;
    height: auto;
    float: left;
}
.header
{
    margin: 0px;
    padding: 0px;
    width: 980px;
    height:100px;
    float: left;
    background-image:url(../media/city-background.png);
}
.header_left
{
    width: 140px;
    float: left;
}
.header_middle
{
    width: 420px;
    float: left;
}
.header_right
{
    width: 420px; 
    float: left; 
}
.body
{
    margin: 0px;
    padding: 0px;
    width: 980px;
    height: auto;
}

.body_left
{
    float: left;
    margin: 0px;
    padding: 0px;
    width: 705px;
    background-color: #FFF;
}
.body_left_box1
{
    margin: 0px;
    padding: 0px;
    width: 700px;
    float: left;
    overflow: hidden;
    background-color: #FFF;
}
.body_left_box2
{
    margin: 0px;
    padding: 0px;
    width: 40px;
    height: 400px;
    float: left;
    overflow: hidden;
    background-color: #FFF;
}
.body_left_box3
{
    margin: 0px;
    padding: 0px;
    width: 330px;
    float: left;
    background-color: #FFF;
}
.body_left_box4
{
    margin: 0px;
    padding: 0px;
    margin-left: 30px;
    width: 330px;
    float: left;
    background-color: #FFF;
}

.body_right
{
    width: 255px;
    float: left;
    margin-left: 20px;
    background-color: #CEE3F6;
}

.body_right_box1
{
    margin: 10px 0px 10px 0px;
    padding: 10px;
    float: left;
    width: 235px;
}

.body_right_colleft
{
    float: left;
    width: 110px;
}
.body_right_colright
{
    float: left;
    width: 110px;
}

.footer
{
    margin-top: 20px;
}
.footer_text
{
    margin-top: 10px; 
    color: #666; 
    font-size: 0.8em; 
    width: 100%;
}

.tiny 
{
	font-size: 10px;
	font-style: italic;
}
.smaler_body 
{
	font-size: 12px;
    color:#666;
}
.document
{
    text-align: left;
    margin-top: 5px;
    margin-bottom: 10px;
}

.inputlabel
{
    font-family: Helvetica, sans-serif, Arial;
    font-size: 12px;
}
.inputtext
{
    width: 300px;
    font-family: Helvetica, sans-serif, Arial;
    font-size: 12px;
}
.inputtextlong
{
    width: 600px;
    font-family: Helvetica, sans-serif, Arial;
    font-size: 12px;
}
.inputtextshort
{
    width: 150px;
    font-family: Helvetica, sans-serif, Arial;
    font-size: 12px;
}
.inputerror
{
    font-size: 12px;
    color: #F00;
}
.hidden
{
    display: none;
}
.existtage
{
    margin-top: 7px;
    margin-bottom: 7px;
    font-family: Helvetica, sans-serif, Arial;
    font-size: 12px;
}

.comment_block
{
    width: 300px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 5px;
}
.comment_blockalt
{
    width: 300px;
    margin-top: 3px;
    margin-bottom: 3px;
    background: #E6E6E6;
    padding: 5px;
}

.infopanel
{
    float: left;
    margin-top: 7px;
    margin-bottom: 7px;
    width: 500px;
    height: 100px;
    overflow: hidden;
}
.tagpanel
{
    top: 18px;
    width: 500px;
    height: 0px;
    overflow: hidden;
}

/* Tagcloud */
#tagcloud
{
    text-align: center;
}
.weight1 a:active, .weight1 a:link, .weight1 a:visited
{
    text-decoration: none;
    font-size: 28px;
    font-weight: bold;
    color: #810541;
}
.weight2 a:active, .weight2 a:link, .weight2 a:visited
{
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    color: #2554C7;
}
.weight3 a:active, .weight3 a:link, .weight3 a:visited
{
    text-decoration: none;
    font-size: 20px;
    color: Navy;
}
.weight4 a:active, .weight4 a:link, .weight4 a:visited
{
    text-decoration: none;
    font-size: 14px;
    color: #7D1B7E;
}
.weight5 a:active, .weight5 a:link, .weight5 a:visited
{
    text-decoration: none;
    font-size: 8px;
    color: #C0C0C0;
}

/* Rating */
.rate
{
    float: left;
    margin-top: 3px;
    margin-bottom: 3px;
}
.ratingStar {
    font-size: 0pt;
    width: 15px;
    height: 15px;
    margin: 0px;
    padding: 0px;
    display: block;
    background-repeat: no-repeat;
}
.filledRatingStar {
    background-image: url(../media/star.gif);
}
.emptyRatingStar {
    background-image: url(../media/star_off.gif);
}
.savedRatingStar {
    background-image: url(../media/star.gif);
}

/*======= Css style sheet for flowplayer playlist ========*/
/*{{{ general playlist settings, light gray */
.playlist 
{
    float: left;
    width: 300px;
	overflow:hidden;	 	
	height:285px;
}
.playlist .clips
{	
	position:absolute;
	height:20000em;
}
.playlist, .clips
{
	width:260px;	
}
.clips a
{
	background:url(/image/h80.png);
	display:block;
	background-color:#fefeff;
	padding:12px 15px;
	height:46px;
	width:195px;
	font-size:12px;
	border:1px outset #ccc;		
	text-decoration:none;
	letter-spacing:-1px;
	color:#000;
}
div.clips a.first 
{
	border-top-width:1px;
}
.clips a.playing, .clips a.paused, .clips a.progress
{
	background:url(/image/light.png) no-repeat 0px -69px;
	width:225px;
	border:0;
}	
.clips a.progress
{
	opacity:0.6;		
}
.clips a.paused
{
	background-position:0 0;	
}
.clips a span 
{
	display:block;		
	font-size:11px;
	color:#666;
}

.clips a em 
{
	font-style:normal;
	color:#f00;
}	

.clips a:hover 
{
	background-color:#f9f9fa;		
}

.clips a.playing:hover, .clips a.paused:hover, .clips a.progress:hover 
{
	background-color:transparent !important;		 
}
/*}}}*/


/*{{{ petrol colored */
.clips.petrol a
{
	background-color:#193947;
	color:#fff;
	border:1px outset #193947;
}

.clips.petrol a.playing, .clips.petrol a.paused, .clips.petrol a.progress
{
	background:url(/image/dark.png) no-repeat 0px -69px;
	border:0;
}

.clips.petrol a.paused
{
	background-position:0 0;	
}

.clips.petrol a span
{
	color:#aaa;
}

.clips.petrol a em
{
	color:#FCA29A;
	font-weight:bold;
}	

.clips.petrol a:hover 
{
	background-color:#274D58;		
} 

.clips.petrol a.playing:hover, .clips.petrol a.paused:hover, .clips.petrol a.progress:hover 
{
	background-color:transparent !important;		 
}
/*}}}*/


/* container has a background image */
#player
{
    float: left;
    margin: 0px;
	display: block;
	background: url(/image/splash.png) no-repeat;
	width: 670px;
	height: 500px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}

/* splash image */
div.player img 
{
    margin-top: 115px;
    border: 0;	
}

/*{{{ low version */

div.clips.low div 
{	
	height:31px;
}

div.clips.low a.playing, div.clips.low a.paused, div.clips.low a.progress 
{
	background-image:url(/image/light_small.png);
	background-position:0 -55px;
}

div.clips.low a.paused {
	background-position:0 0;	
}
/*}}}*/


/*{{{ go buttons */

a.go {
	display:block;
	width:18px;
	height:18px;
	background:url(/image/up.png) no-repeat;
	margin:5px 0 5px 105px;
	cursor:pointer;
}

a.go:hover, a.go.down:hover {
	background-position:0px -18px;		
}

a.go.down {
	background-image:url(/image/down.png);	
}

div.petrol a.go {
	background-image:url(/image/up_dark.png);		
}

div.petrol a.go.down {
	background-image:url(/image/down_dark.png);		
}

a.go.disabled {
	visibility:hidden;		
}
/*}}}*/