/************************************************************************************
news|2|use 
global.css
> astrals.NET, Ralf Fieger
************************************************************************************/

/*@import url(/styles/cols.css);*/

/***********************************************************************************/

body {
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 11px;
	background-color: white;
	padding:0px;
	margin-top: 0px;
	overflow-y:scroll;		
}

ul {
	margin:0px;
	padding:0px;
}

/*
hellblau (blue1): #B3D0DF
hellblau (blue2): #67a2c0
dunkelblau (blue3): #16195c
hellgrau: #e6e4dd
dunkelgrau: #4c4141 (font overview item)

*/
/************************************************************************************
BASICS
************************************************************************************/

#stageholder {
	position:relative;
	text-align:center;
	margin:0px auto;
	width: 1003px;
	overflow:visible;
}

#head {	
	position:relative;
	height: 180px;
	text-align:left;
	margin-bottom: 20px;
}

#mainstage {
	position:relative;				
	text-align: left;
/*	background: url(../../../images/global/bg.globe.gif) no-repeat  200px 0px;*/
																								min-height: 300px;
	z-index: 10;
/*	background-color: Maroon;*/
	margin-bottom: 20px;
}

#globe {
	position:absolute;
	bottom: -600px;
	left: -600px;
	z-index: 0;
}

#navi-left {
	position:relative;
	float:left;
	margin-left: 4px;
	width: 206px;
	text-align:left;
	z-index: 11;
}

#content {
	width: 764px;
	position:relative;
	float:right;
	text-align:left;
	z-index: 12;
}



/************************************************************************************
HEAD
************************************************************************************/

#head {
	font-family: verdana, tahoma, sans-serif;
	font-size: 9px;
	font-weight: bold;
}

#logo {
	margin-top: 23px;
	margin-left: -31px;
}

#nav-bar {
	position:absolute;
	bottom: 0px;
	left: 4px;
	width: 999px;
	height: 77px;
/*	margin: 102px 0px 0px 4px;*/
	background: url(images/global/bg.head.nav-bar.png) top left no-repeat;
}

#nav-bar a { 
	color:white;
	padding: 0px 12px 0px 0px;
	margin-right: 10px;
	text-decoration:none;
	background: url(images/global/bg.nav-bar.a.gif) right no-repeat;
}
#nav-bar a:hover { 
	background: url(images/global/bg.nav-bar.a.mo.gif) right no-repeat;
}

#nav-bar #navi a {
	/*background-image: none;*/
	padding: 0px;
	margin: 0px;
}


/************************************************************************************
HEAD METAS
************************************************************************************/

ul#metas {
	position:absolute;
	right: 7px;
	top: 72px;
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}

ul#metas li {
	display:inline;
	padding: 0px;
}


ul#metas li a,
a.more {
	background: url(images/global/bg.metas.li.gif) right no-repeat;
	padding: 0px 12px 0px 0px;
	margin: 0px 0px 0px 12px;
	text-decoration:none;
}

ul#metas li a:hover,
ul#metas li a.act,
a.more:hover {
	background: url(images/global/bg.metas.li.mo.gif) right no-repeat;
}

/************************************************************************************
HEAD METAS
************************************************************************************/

#navi {
	position:absolute;
	top: 7px;
	left: 249px;
	width: 501px;
	height: 63px;
}

#navi a#topic1 img,
#navi a#topic2 img,
#navi a#topic3 img,
#navi a#topic4 img {
	display:none;
}


#navi a#topic1 {
	width: 171px;
	height: 63px;
	display:block;
	float:left;
	background-image: url(images/global/btn.navi.motorsports.png);
}

#navi a#topic2 {
	width: 113px;
	height: 63px;
	display:block;
	float:left;
	background-image: url(images/global/btn.navi.sports.png);
}

#navi a#topic3 {
	width: 109px;
	height: 63px;
	display:block;
	float:left;
	background-image: url(images/global/btn.navi.sailing.png);
}

#navi a#topic4 {
        width: 107px;
        height: 63px;
        display:block;
        float:left;
        background-image: url(images/global/btn.navi.others.png);
}

#navi a {
	background-position: 0px 0px;
}

#navi a:hover,
#navi a.active {
	background-position: 0px -100px;
}
#topic66sub {
	clear:left;
}




/* QUICKSEARCH ******************************************************************/

#quicksearch {
	position:absolute;
	top:7px;
	left: 7px;
/*	width: 271px;*/
	width: 225px;
	height: 53px;
	padding: 5px 0px 5px 10px;
/*	background: url(images/global/bg.head.quicksearch.png) top left no-repeat;	*/
	background: url(images/global/bg.head.login.png) top left no-repeat;	
	color:white;
	text-transform:uppercase; 
}

#quicksearch a { text-transform: none;}
#quicksearch input.field {
	width: 187px;
}

#quicksearch .submit {
	position:absolute;
	left: 196px;
	top: 0px;
}

/* LOGIN ******************************************************************/

#login {
	position:absolute;
	top: 7px;
	left: 757px;
	width: 215px;
	height: 55px;	
	padding: 5px 10px 3px 10px;
	background: url(images/global/bg.head.login.png) top left no-repeat;	
	color:white;
}

#login input.field {
	width: 89px;
	margin-right: 3px;
}

#login .submit {
	position:absolute;
	right: 2px;
	top: 0px;
}

/* NAV-BAR FORMS ******************************************************************/

#nav-bar form {
	margin: 4px 0px 4px 0px;
	font-size: 0px;
	position:relative;
}

#nav-bar form .form-item label {
/*	background-color: red;*/
	display:none;
}


#nav-bar input.field {
	font-weight: bold;
	font-size: 10px;
	padding: 1px 2px;
	background-color: #ddebf1;
	border: 1px solid white;
}

#nav-bar input.submit {

}

#nav-bar form .item-list {
/*	background-color: yellow;*/
}

#nav-bar #login form {
	height: 16px;
}

/* DROPDOWN NAVI SUBS ******************************************************************/


.submenu {
	position:absolute;
	left: 540px;
	top: 49px;
	width: 142px;
/*	height: 200px;*/
	background: url(images/global/bg.submenu.png) top left no-repeat;
	z-index: 500;
}

#topic72sub {	left: 22px; display:none;}
#topic67sub {	left: 211px;display:none;}
#topic66sub {	left: 356px;display:none;}

/*
#topic66sub {	left: 22px;}
#topic72sub {	left: 211px;}
#topic67sub {	left: 356px;}
*/

.submenu-sub {
	position:absolute;
	left: 0px;
	bottom: -6px;
	z-index: 600;
	width: 142px;
	height: 10px;
/*	border: 1px solid red;*/
	background: url(images/global/bg.submenu.sub.png) top left no-repeat;
}

.submenu ul {
	list-style: none;
/*	background-color: yellow;*/
	margin:18px 12px 10px 19px;
}

.submenu ul li {
	margin-bottom: 7px;
}

#nav-bar #navi .submenu ul a {
	background:transparent url(images/global/bg.submenu.arrow.png) no-repeat left center;
	padding-left: 13px;
	color: #E6E4DD;
}

#nav-bar #navi .submenu ul a:hover {
	background:transparent url(images/global/bg.submenu.arrow.mo.png) no-repeat left center;
	padding-left: 13px;
	color: white;
}




/************************************************************************************
INFOBAR
************************************************************************************/

.info-bar {
	position: relative;
	text-align:left;
	margin-bottom: 20px;
	/*margin-left: 4px;
	padding-left: 239px;*/
	z-index:22;
	/*min-height: 12px;*/
}

.error {	color: red;}
div.messages {	padding: 10px;}
div.messages a {	color:white; font-weight: bold;}
div.status, div.error {	font-size: 12px;}


div.status {
	border: 1px solid #66CC99;	
	background-color: #66CC99;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	color:black;	
}

div.error {
	border: 1px solid red;	
	background-color: red;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	color:black;
}


div.messages ul {
	list-style-type: none;
	margin: 5px 10px;
}


/************************************************************************************
NAVI-LEFT
************************************************************************************/

#navi-left {
	background-image: url(images/global/bg.navi-left.png);
	font-size: 11px;
}

#navi-left ul {
	list-style-type: none;
	padding: 20px 20px 10px 15px;
	background: url(images/global/bg.navi-left.sub.png) no-repeat bottom left;	
}

#navi-left ul ul {
	padding: 0px 0px 5px 10px;
	background-image: none;
}


#navi-left li {
	padding:0px!important;
}

#navi-left li a {
	display:block;
	line-height: 140%;
	margin-bottom: 6px;
	text-decoration: none;
	background: url(images/global/bg.navi-left.a.png) no-repeat 0px 4px;		
	padding: 0px 0px 0px 12px;
}

#navi-left li a:hover,
#navi-left li a.act,
#navi-left li a.active {
	background: url(images/global/bg.navi-left.a.mo.png) no-repeat 0px 4px;		
}


#navi-left li li a,
#navi-left .menu .menu li a {
	background: url(images/global/bg.navi-left.a2.png) no-repeat 0px 5px;	
	margin-bottom: 4px;		
}
#navi-left li li a:hover,
#navi-left li li a.act,
#navi-left .menu .menu li a:hover,
#navi-left .menu .menu li a.active {
	background: url(images/global/bg.navi-left.a2.mo.png) no-repeat 0px 5px;			
}






/************************************************************************************
CONTENT
************************************************************************************/

#content {
/*	border: 1px solid blue;*/
	font-family: verdana, tahoma, sans-serif;
	font-size: 10px;
}














/************************************************************************************
CONTENT-INSIDE
************************************************************************************/

#content .content-inside {	margin:20px 20px 30px 20px;}

/************************************************************************************
GLOBALS & COMMON
************************************************************************************/

.clear {	clear:both;}
.clearl {clear:left;}
.clearf {clear:right;}

.imgleft {float:left;margin-right: 10px;margin-top:5px;}
.imgright {float:right;margin-left: 10px;margin-top:5px;}


form .imgleft {margin-top: 0px;margin-right: 5px;}


/************************************************************************************
LINKS
************************************************************************************/

a { color: #67a2c0;}
a img {	border: 0px;}



a.btn-prev {
	background: url(images/global/icon.prev.gif)top left no-repeat;
	padding: 2px 0px 2px 28px;
	font-size: 10px;
	font-family:verdana, tahoma, sans-serif;
	text-decoration:none;
}	


/************************************************************************************
FONTS
************************************************************************************/

h1 {
	font-family: arial;
	font-size: 20px;
}

.box h1,
h2 {
	font-family: arial;
	font-size: 15px;
}

h3 {

}
h4 {
	
}

#content p { 
	line-height: 150%;
}
#related p {}


#content ul {

}

#content ol {

}

#content ul li,
#content ol li {

}

#content ul ul {

}















































/************************************************************************************
news|2|use 
content.css
> astrals.NET, Ralf Fieger
************************************************************************************/



/************************************************************************************
START
************************************************************************************/

.start #content {
	/*float:left;*/
	float:none;
	width: 1003px;
/*	background-color: olive;*/
}

.start #related  {
	width: 202px;
	padding: 21px 7px 0px 7px;
	float:right;
	background: url(images/global/bg.related.png) top left no-repeat;
}

.start #related-sub {
	width: 216px;
	height: 13px;
	margin-left: -7px;
	position:relative;
	background: url(images/global/bg.related.sub.png) top left no-repeat;
}

.start .info-bar {
	display:none;
}

/* DETAILVIEW ******************************************************************/




.start .detailview {
/*	background: url(images/global/bg.start.detailview.png) no-repeat top left;	*/
	background: url(images/global/bg.start.detailview-wide.png) no-repeat top left;	
	/*width: 765px;*/
	width: 1003px;
	height: 389px;
	margin-top: -4px;
}

.start .clip-holder {
	position: relative;
	margin: 4px 0px 0px 4px;
	float:left;
}

.clip-holder .mask {
	position:absolute;
	top: 0px;
	left: 0px;
}




/* RELATED ******************************************************************/

.start #related ul {
	margin:0px;
	padding:0px;
}
.start #related li {
	margin:0px;
	padding:0px;
	list-style-type: none;
}

.start #related .item-nopic a,
.start #related li a {
	position: relative;
	/*width: 202px;
	height: 58px;*/
	width: 182px;
	height: 43px;
	padding: 15px 10px 0px 10px;
	display:block;
	background: url(images/global/bg.related.item-nopic.png) no-repeat top left;	
	margin-bottom: -6px;
	color:white;
	text-decoration:none;
}
.start #related .item-nopic a:hover,
.start #related li a:hover {
	background: url(images/global/bg.related.item-nopic.mo.png) no-repeat top left;	
	cursor:pointer;
}








.start #related a.more {
	position:absolute;
	bottom:-21px;
	right:9px;
}


.start #upcoming-stories,
.start #top-stories {
	position:relative;
	margin-bottom: 20px;
	margin-top: 5px;
/*	border: 1px solid blue;*/
}

.start #top-stories {
	margin-bottom: 44px;
}

.start #welcome {
	position:relative;
	background-color: #e6e4dd;
	padding: 14px;
	padding-bottom: 21px;
	height: 183px;
	width: 722px;
	margin-left: 4px;
	background: url(images/global/bg.start.welcome.png) top left no-repeat;	
	float:left;
}




/* PLAYLIST ******************************************************************/

div.playlist {
	float:right;
	margin-top: 4px;
}

div.playlist a {
	display:block;
	text-decoration: none;
	border: 0px!important;
	width: 315px!important;
	height: auto!important;
	margin: 0px 14px 6px 0px!important;
	padding: 17px 10px!important;
	color: white;
	background: url(images/global/bg.start.detailview.button.png) top left no-repeat;	
/*	background-color: Yellow;*/
}

div.playlist a:hover,
div.playlist a.active {
	background: url(images/global/bg.start.detailview.button.mo.png) top left no-repeat;		
}








/*
.start .welcome-top {
	background: url(images/global/bg.start.welcome.png) top left no-repeat;
	position:absolute;
	top: 0px; 
	left: 0px;
	width: 750px;
	height: 5px;
}

*/
/************************************************************************************
START FIN
************************************************************************************/







/************************************************************************************
OVERVIEW CLIENT PROJECTS
************************************************************************************/

.overview .item {
	background: url(images/global/bg.overview.item.png) top left no-repeat;
	width: 750px;
	height: 153px;
	padding: 7px;
	margin-bottom: 1px;
}

.overview .item:hover {
	background: url(images/global/bg.overview.item.mo.png) top left no-repeat;
}

.overview .item p {
	margin-top: 0px;
}

.overview .item a {
	padding: 7px 7px 0px 0px;
/*	background-color: yellow;*/
	display:block;
	height: 147px;
	color: #4c4141;
	text-decoration: none;
}

.overview .item a:hover,
.overview .item:hover a { color:white;}

.overview .item .overview-pic a {
	color:white;
	padding: 0px;
	height: auto;
}


.overview-pic {
	width: 287px;
	height: 153px;
	margin-right: 1px;
	float:left;
	position: relative;
}

.overview .mask-overview {
	position:absolute;
	top: 0px;
	left:0px;
}

.overview-pic span {
	position: absolute;
	top: 84px;
	left: 7px;
	padding: 11px 0px 0px 11px;
	color:white;
	z-index: 20;
	font-family: arial, sans-serif;
	width: 200px;
/*	background-color: yellow;*/
/*	background: url(images/global/bg.overview.item.span) top left no-repeat;*/
}

.overview-pic span strong,
.overview-pic span h2 {
	font-size: 14px;
	margin:0px;
}


/************************************************************************************
DETAILVIEW
************************************************************************************/


.detailview  {
	position:relative;
	background: url(images/global/bg.detailview.png) top left no-repeat;
	width: 750px;
	height: 360px;
	padding: 7px;
	margin-bottom: 11px;
}

/* CLIP ******************************************************************/

.detailview .clip-holder {
	width: 640px;
	height: 360px;
					background-color: white;
	position:relative;
}


/* INFOS ******************************************************************/


.detailview .info-holder {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 96px;
/*	height: 316px;*/
	height: 330px;	
/*	background-color: red;*/
}

.start .detailview .info-holder {
	right: 19px;
}

.detailview .infos {
	position:absolute;
	bottom: 0px;
	right: 0px;
	width: 96px;
/*	background-color: yellow;*/
}

.detailview .infos span {
	display:block;
}

.detailview .infos p,
.detailview .infos span {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	color: #4c4141;
	font-size: 10px;
	line-height: 120%;
}

.detailview img.shotlist {
	margin-top: 7px;	
}

/* DOWNLOAD-BOX ******************************************************************/


.dl-box-holder {
	width: 642px;
	margin-left: 7px;
	margin-bottom:16px;
/*	background-color: yellow;	*/
}

.dl-box {
	background: url(images/global/bg.detailview.dl-box.wide.png) top left no-repeat;
/*	width: 307px;*/
		width: 508px;
	height: 33px;
	padding: 6px 6px 6px 126px;
	float:left;
	margin: 0px 2px 2px 0px;
	position: relative;
}

.dl-box img {
	float:left;
	margin-right: 12px;
}

.dl-info {
	width: 112px;	
	height: 33px;
/*	float:left;*/
	position:absolute;
	top:6px;
	left: 6px;
	background: url(images/global/btn.download.detail.png) no-repeat 0px 0px;		

}
.dl-info p,
.dl-info span {
	position:absolute;
	bottom: 3px;
	left: 37px;
	margin: 0px;
	padding:0px;
/*	margin: 15px 0px 0px 37px;*/
	color:white;
	text-transform: uppercase;
	font-weight: normal;
	font-family: arial;
	font-size: 12px;
	color: #ddebf1;
}
#content .dl-info p,
#content .dl-info span {	line-height: 100%;}

.dl-box a {
	background: url(images/global/bg.detailview.dl-box.a.png) no-repeat 0px 3px;	
	padding: 0px 0px 0px 20px;
	display:block;
	width: 140px;
/*	margin:2px 0px 0px 126px; */
	margin:2px 0px 0px 0px; 
/*	background-color: red;*/
	float:left;
	
	/*margin-bottom: -10px;*/
	text-decoration: none;
	
}

.dl-box a:hover {
	background: url(images/global/bg.detailview.dl-box.a.mo.png) no-repeat 0px 3px;	
	color: #67a2c0;
}


/* REQUEST VID */

.dl-box .request {
	margin-left: -116px;
}

.dl-box .request form {
	/*border: 1px solid red;*/
	width: 300px;
	position:absolute;
	left: 350px;
	top: 9px;
}
.dl-box .request select {
	padding: 2px;
}


/************************************************************************************
LISTVIEW
************************************************************************************/

#content {
/*	background-color: green;*/
}

.listview {
/*	border-top: 20px solid blue;*/
/*	background-color: blue;*/
	width: 788px;
}

.listview .item {
	width: 240px;
	height: 186px;
	float:left;
	margin-right: 22px;
	margin-bottom: 19px;
}


.listview .clip-holder {
	background-image: url(images/global/bg.listview.clipholder.png);
	width: 255px;
	height: 147px;
	margin-left: -4px;
	margin-right: -11px;
	position:relative;
}

.listview .clip {
	width: 240px;
	height: 135px;
	margin-left: 4px;
}

.listview .clipmask {
	position:absolute;
	top: 0px;
	left:0px;
	z-index: 1111;
}

.listview .clip-info {
	position:relative;
	width: 221px;
	height: 32px;
	padding: 7px 0px 0px 7px;
	margin-left: 5px;
	background: url(images/global/bg.listview.clip-info.png) no-repeat 0px 3px;
	color: #4c4141;
}
.listview .clip-info span {
	padding-right: 45px;
}


.listview .clip-info label {
	width: 55px;
	display:block;
	float:left;
	font-weight: bold;
}

.listview .clip-info h2 {
	font-family: verdana, tahoma, sans-serif;
	font-size: 10px;
	margin: 0px;
	font-weight: normal;
	padding-right: 45px;
	text-transform:uppercase;
}

.listview .clip-info img.download {
	position:absolute;
	top:0px;
	right:0px;
}



/************************************************************************************
TEXTVIEW
************************************************************************************/

div.box {
	position:relative;
	background-color: #E6E4DD;
	padding: 1px 14px;
	margin-top: 7px;
	margin-bottom: 43px;
}

div.box .top {
	background: url(images/global/bg.text.box.png) top left no-repeat;	
	position: absolute;
	top:-7px;
	left:0px;
	width: 764px;
	height: 7px;
}
div.box .sub {
	background: url(images/global/bg.text.box.png) bottom left no-repeat;	
	position: absolute;
	bottom:-7px;
	left:0px;
	width: 764px;
	height: 7px;
}


/* COLORED BOXES ******************************************************************************/

div.blue1 {	background-color: #B3D0DF;}
div.blue1 .top {background: url(images/global/bg.text.box.blue1.png) top left no-repeat;}
div.blue1 .sub {background: url(images/global/bg.text.box.blue1.png) bottom left no-repeat;}

div.blue2 {	background-color: #67a2c0;color:white;}
div.blue2 .top {background: url(images/global/bg.text.box.blue2.png) top left no-repeat;}
div.blue2 .sub {background: url(images/global/bg.text.box.blue2.png) bottom left no-repeat;}

div.blue3 {	background-color: #16195c;color:white;}
div.blue3 .top {background: url(images/global/bg.text.box.blue3.png) top left no-repeat;}
div.blue3 .sub {background: url(images/global/bg.text.box.blue3.png) bottom left no-repeat;}






/************************************************************************************
INFOBAR ULLIS PAGE-NAV | SORT-BY | SHOW-CLIPS
************************************************************************************/

ul.page-nav {	
	/*border: 1px solid Olive;*/
	width: 240px;	
}
ul.sort-by {	
/*	border: 1px solid green;*/
	width: 240px;
}
ul.show-clips {	
	/*border: 1px solid blue;*/
	width: 240px;
}



ul.page-nav,
ul.sort-by,
ul.show-clips {
	list-style-type: none;
	float:left;
}

ul.page-nav li,
ul.sort-by li,
ul.show-clips li {
	display:inline;
} 


/************************************************************************************
MESSAGEBAR
************************************************************************************/

#messagebar {
	text-align:left;
	background-color: Green;
	margin: 0px 7px 0px 11px;
	padding: 0px 14px;
}








/************************************************************************************
TABMENU BEI FORM REGISTER & CO
************************************************************************************/

ul.primary {
	background: url(images/global/bg.tabs.png) no-repeat;	
/*	height: 45px;*/
	height: 23px;
	padding: 16px 7px!important;
	margin: 0px 0px 0px 0px!important;
	border: 0px!important;
	font-family:arial,tahoma,verdana,sans-serif;
	font-size:11px;
	color: white!important;
}

ul.primary li {
	background: url(images/global/bg.tabs.li.png) top right no-repeat;	
	padding: 15px 0px 17px 0px!important;	
	margin:0px 4px 0px 0px!important;
	display:inline;
}

ul.primary li a {
	background: url(images/global/bg.tabs.li.a.png) top left no-repeat;
	padding: 9px 6px 11px 10px!important;
	color: white;
	border: 0px!important;
	margin-right: 3px;	
}

ul.primary li.active {
	background: url(images/global/bg.tabs.li.active.png) top right no-repeat;	
}

ul.primary li.active a {
	background: url(images/global/bg.tabs.li.a.active.png) top left no-repeat transparent!important;
/*	border: 0px!important;*/
}


/************************************************************************************
FORM REGISTER & CO
************************************************************************************/

#content form {
	font-family:arial,tahoma,verdana,sans-serif;
	font-size:11px;
}

#content fieldset {
	position:relative;
	background: url(images/global/bg.fieldset.png) top left no-repeat;
	border: 0px;	
	padding:7px 7px 14px 7px;
	margin-left: 0px;
	margin-bottom: 20px;
}
#content fieldset .sub {
	position:absolute;
	background: url(images/global/bg.fieldset.sub.png) top left no-repeat;
	height: 10px;
	width:764px;
	left:-7px;
	bottom:-14px;
}

#content fieldset p,
#content fieldset h2 {
	padding: 0px 100px 0px 10px;
}

#content .form-item {
/*	border: 2px solid red;*/
	border-top: 1px dashed #E6E4DD;
	margin-top: 2px;
	margin-bottom: 5px;
/*	padding-bottom: 4px;*/
	padding-top: 5px;
}

#content .form-item .description {
	font-size:0.85em;
	color: #999999;
	padding-left: 10px;
	display:none;
}

#content label {
/*	background-color: yellow;*/
	display:block;
	width: 170px;
	float:left;
	padding: 3px 10px 2px 10px;
	font-weight: normal;
	font-size: 12px;
}

#content legend {
	background: url(images/global/bg.legend.png) top left no-repeat;		
	padding: 3px 170px 5px 10px;
	margin-left: 1px;
	color:white;
}


html.js .resizable-textarea textarea {width: auto!important;}
.resizable-textarea .grippie {	margin-left: 190px;}

/* SPECIAL FOR INTERESTS */

#content #edit-profile-alms-wrapper,
#content #edit-profile-btcc-wrapper,
#content #edit-profile-culture-wrapper,
#content #edit-profile-dtm-wrapper,
#content #edit-profile-formula1-wrapper,
#content #edit-profile-lifestyle-wrapper,
#content #edit-profile-lms-wrapper,
#content #edit-profile-motogp-wrapper,
#content #edit-profile-nascar-wrapper,
#content #edit-profile-paralympics-wrapper,
#content #edit-profile-soccer-wrapper,
#content #edit-profile-wsr-wrapper  {
	border-top: none;
	/*border: 1px solid blue;*/
	border-bottom: 1px dashed white;
	display:block;
	width: 200px;
	height: 25px;
	padding-top: 0px;
	margin-right: 30px;
	float:left;
}

/************************************************************************************
Added by dg
************************************************************************************/
#login input.form-text {
	font-weight: bold;
	font-size: 10px;
	padding: 1px 2px;
	background-color: #ddebf1;
	border: 1px solid white;
	width: 89px;
	margin-right: 3px;
	float: left;
}
#login input.form-submit {
  border: 0;
  background: transparent url(images/global/head.btn.send.gif) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  float: left;
}
#quicksearch input.form-text {
	font-weight: bold;
	font-size: 10px;
	padding: 1px 2px;
	background-color: #ddebf1;
	border: 1px solid white;
	width: 187px;
	margin-right: 3px;
}
#quicksearch input.form-submit {
  border: 0;
  background: transparent url(images/global/head.btn.send.gif) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  position:absolute;
  top:0px;
  left: 196px;  
}

li.leaf, li.expanded, li.collapsed {
	list-style-type: none;
	list-style-image: none;
	list-style: none;
}
#metas li a.active {
	background: url(images/global/bg.metas.li.mo.gif) right no-repeat;
}
#navi-left li a.active {
	background: url(images/global/bg.navi-left.a.mo.png) no-repeat 0px 4px;		
}
li a.active {
	color:#67A2C0;
}

.flowplayer {
	height:360px;
	width:640px;
}

#nav-bar #login form .item-list {
	display:none;
}