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

body {
    margin: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #0000;
	background-color: #ffffff;
	height: 100%;
}
* {
    outline: 0 !important;
}

#content_format ul {
    padding: 0 0 0 15px; 
    margin: 0;
}

#content_format ol {
    padding: 0 0 0 18px; 
    margin: 0;
}

#content_format p {
    margin: 0;
}

/* meta */
.top{
	width: 100%;
	min-height: 40px;
	height: 40px;
	background-color: #F3F3F3;
}

.meta{
	margin: 0 auto;
	width: 940px;
	text-align: right;
}
.meta a{
	margin-left: 20px;
	font-size: 11px;
	line-height: 40px;
}

.meta a, .meta a:active, .meta a:visited, .meta a:link { text-decoration: none; color: #000000; }
.meta a:hover { text-decoration: underline; colorcolor: #000000;}


/* header */
.header{
	min-height: 93px;
	height: 93px;
	margin: 0 auto;
	width: 940px;
}

.header .left{
	float: left;
	background-image: url(images/logo_w.jpg);
	background-repeat: no-repeat;
	width: 242px;
	cursor: pointer;
	height: 70px;
	margin-top: 15px;
}

.header .right{
	float: right;
}

/* navigation */
.navigation{
	margin: 0 auto;
	width: 940px;
	background-color: #ffffff;
	border-top: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2; 
	border-left: 1px solid #D2D2D2; 
	min-height: 24px;
	height: 24px;
}

.main{
	margin: 0 auto;
	width: 940px;
	margin-top: 20px;
}

.main .content{
	float: left;
	width: 630px;
	margin-right: 30px;
}

* html .main .content{
	margin-right: 20px;
}

.main .right{
	float: left;
	width: 280px;
}

/* scrollbox */


a.jScrollArrowUp {
	background: url(images/scroll_up_w.gif) repeat-x 0 0;
	min-height: 21px;
	height: 21px;
}
a.jScrollArrowUp:hover {
	
}
a.jScrollArrowDown {
	background: url(images/scroll_do_w.gif) repeat-x 0 0;
	min-height: 20px;
	height: 20px;
}
a.jScrollArrowDown:hover {
	
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	
}

.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}

.holder {
	float: left;
	margin: 0px;
	width: 280px;
	outline: none;
	border-right: 1px solid #D2D2D2;
}

.scroll-pane {
	width: 280px;
	height: 350px;
	overflow: auto;
	background: #ffffff;
	float: left;
	outline: none;
}

.wide {
	width: 280px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}

#pane1 {
	height: 300px;
	border-left: 1px solid #D2D2D2;
	width: 280px;
	outline: none;
}

#pane1:focus, #pane1:active{
	outline: none;
}

.holder h3{
	background: url(images/navi_white.gif) repeat-x 0 0;
	min-height: 25px;
	height: 25px;
	color: #000000;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 1px;
	padding-left: 10px;
	padding-top: 4px;
	margin-bottom: -4px;
	font-size: 12px;
}

.box_content{

}



a.kontrastLink,  a.kontrastLink:active,  a.kontrastLink:visited,  a.kontrastLink:link { text-decoration: none; color: #000000;
	background: url(images/kontrast_icon_w.gif) no-repeat 0 0;
	display: block;
	margin-top: 35px;
	padding-left: 16px;
	font-size: 11px;
}
 a.kontrastLink:hover { text-decoration: underline; colorcolor: #000000;}
 
 .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
	background: url(/themes/vipmedia/images/scroll_back_w.gif) repeat-y 0 0;
}
.jScrollPaneDrag {
	position: absolute;
	background: #ffffff;
	cursor: pointer;
	overflow: hidden;
	background: url(/themes/vipmedia/images/scroll_p_back_w.gif) repeat-y 0 0;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.2em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	border-right: 1px solid #D2D2D2;
	padding: 		.40em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#A61519;
	font-weight: bold;
}
.sf-menu li {
	
}
.sf-menu li li {
	background:		#ffffff;
	border-bottom: 1px solid #D2D2D2;
	width: 220px;
}
.sf-menu li li li {
	background:		#E9E9E9;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#DFDFDF;
	outline:		0;
	color: 			#000000;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.content h1{
	border-bottom: 1px solid #D2D2D2;
	background-color: #E9E9E9;
	min-height: 28px;
	height: 28px;
	color: #000000;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 1px;
	padding-left: 10px;
	padding-top: 4px;
	margin-bottom: -3px;
	font-size: 18px;
	width: 620px;
	margin-bottom: 15px;
}

.content h2{
	font-size: 14px;
	margin: 18px 0 6px 0;
}

.content h3 {
	margin: 16px 0 5px 0;
	font: bold 12px arial, helvetica, sans-serif;
}

.navigation .left{
	float: left;
}

.navigation .right{
	float: right;
}

.searchBox{
	background:transparent url(images/search_a.gif) no-repeat scroll left top;
	float:left;
	height:25px;
	width: 24px;
	font-size: 1px;
	margin: 0px;
	border: 0;
}

.searchInput{
	background-image: url(images/search_back_b.gif);
	background-repeat: repeat-x;
	border: 0;
	margin: 0;
	padding: 0;
	width: 190px;
	height: 18px;
	float: left;
	padding-top: 6px;
	font-size: 11px;
	font-weight: bold;
	padding-left: 2px;
}

.searchButton{
	background-color: #A61519;
	border: 0;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	color: #ffffff;
	height: 24px;
}

.content a, .content a:active, .content a:visited, .content a:link { text-decoration: none; color: #E70000; }
.content a:hover { text-decoration: underline; color: #E70000;}

.footer{
	margin: 0 auto;
	width: 940px;
	margin-top: 40px;
	margin-bottom: 20px;
	border-top: 1px solid #D2D2D2;
	padding-top: 10px;
	color: #757575;
}


/***************************************************/
/* CSS DEFINITIONS FOR SITEMAP MODULE              */
/***************************************************/

#sitemap {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	height:auto !important;
}

#sitemap ul {
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	list-style: none;
}

#sitemap ul li{
	padding: 2px 0px 2px 0px;
    margin: 0px 0px 0px 0px;
	list-style: none;
	border-bottom: 1px dotted #E6E6E6;
	font-weight: normal;
}

#sitemap ul li.sitemap_level_1 {
	font-weight: bold;
}

#sitemap ul li.sitemap_level_2 {
    padding-left: 25px;
}
#sitemap ul li.sitemap_level_3 {
    padding-left: 50px;
}
#sitemap ul li.sitemap_level_4 {
    padding-left: 75px;
}
#sitemap ul li.sitemap_level_5 {
    padding-left: 100px;
}


/***************************************************/
/* CSS DEFINITIONS FOR DIRECTORY MODULE            */
/***************************************************/

#directory {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	height:auto !important;
}

#directory div.search,
#directory div.navtree,
#directory div.categories,
#directory div.directoryLatest,
#directory div.no_feeds,
#directory div.insert_feeds,
#directory div.message,
#directory div.fields,
#directory div.feed
{
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	float:left;
}

#directory div.feeds{
	width: 625px;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	height:auto !important;
}

#directory div.insert_feeds,
#directory div.paging {
	margin: 15px 0px 0px 0px;
	text-align:left;
	float:left;
}

#directory div.feed h2 {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #cccccc;
}

#directory div.image {
	float:left;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#directory div.image img {
	margin: 0px 15px 15px 0px;
}

#directory div.infos {
    float: left;
    height: auto !important;
    min-height: 100px;
    height: 100px;
    width: 440px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height:auto !important;
}


#directory div.infos h3 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	float: left;
	width: 100%;
}

#directory div.voting {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right;
}

#directory div.link {
	width: 100%;
	padding: 5px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	float: left;
	border-top: 1px solid #cccccc;
}

#directory .selector {
    clear: left;
    padding-left: 190px;
    margin-top: -15px;
}

#detail_left {
    float: left;
    height: auto !important;
    width: 440px;
}

#detail_right {
    float: left;
    height: auto !important;
    width: 160px;
    padding: 0 0 0 20px;
}


/***************************************************/
/* CSS GLOBAL DEFINITIONS FOR FORMS IN MODULES     */
/***************************************************/

#contactFrame{
	border: 0;
}

form p {
    width: 400px;
    clear: left;
    margin: 0;
    padding: 2px 0 3px 0;
    padding-left: 190px;
    height: 1%;
}

form p label.description {
    font-weight: normal;
    float: left;
    margin: 0px 0px 0px 10px;
    padding:  0px 0px 0px 0px;
    width: 300px;
}

form p label.noCaption {
    float: left;
    width: 400px;
    margin-left: 2px;
    margin-top: 2px;
    font-weight: normal;
}

form .contactFormGroup {
    float: left;
    margin-top: -15px !important;
}

form img.captcha {
    padding-right: 200px;
}

form p label, form  p span {
    font-weight: bold;
    float: left;
    margin-left: -190px;
    width: 180px;
}

fieldset legend{
	display: none;
}

#contactFrame input, select, textarea{
	background-image:url(images/search_back_b.gif);
	background-repeat:repeat-x;
	border:1px solid #dddddd;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:18px;
	margin:0;
	padding:6px 0 0 2px;
	width:250px;
}

#contactFrame select{
	height: 24px;
}

#contactFrame textarea{
	height: 150px;
	background-image: none;
}

#contactFrame #contactFormCaptcha{
	margin-top: 2px;
	width:118px;
}

#contactFrame .contactFormClass_button{
	width: 100px;
	height: 24px;
	margin-right: 2px;
	margin-top: 10px;
	background-image: none;
	padding:0;
	border: 1px solid #eeeeee;
}

.headPicture{
	margin: 0;
	padding: 0;
}

#pane2 {
	height: 220px;
	border-left: 1px solid #D2D2D2;
	width: 280px;
	outline: none;
}

#pane2:focus, #pane1:active{
	outline: none;
}

.box_content2{
	padding-left: 10px;
}

.box_content2 h2{
	margin-top: 0px;
        padding-top: 5px;
        font-size: 14px;
}

.sf-menu a{
	font-size: 14px;
}

.player{
	width: 630px;
	height: 390px;
	margin-bottom: 20px;
}

.starter_active{
	background-color: #DFDFDF;
}

.active{
	background-color: #DFDFDF;
}

.box_content2 a, .box_content2 a:active, .box_content2 a:visited, .box_content2 a:link { text-decoration: none; color: #E70000; }
.box_content2 a:hover { text-decoration: underline; colorcolor: #E70000;}




/***************************************/
/* CSS DEFINITIONS FOR PODCAST-MODULE  */
/***************************************/

.podcast .media {
	clear: left;
}

.podcast .media:hover{

}

.podcast .image {
	float: left;
}

.podcast .image img{
}

.podcast .image a:hover img {
}

.podcastlist .row{
	width: 258px;
	height: 70px;
	border-bottom: 1px solid #D2D2D2;
	padding-top: 5px;
	padding-botttom: 5px;
}

.podcastlist .row:hover{
	background-color: #D2D2D2;
}

.podcastlist .row .space{
	width: 10px;
	float: left;
}

.podcastlist .row .left{
	float: left;
	width: 77px;
	height: 70px;
	vertical-align:middle;
}

.podcastlist .row .left img{
	border: 1px solid #313131;
	
}

.podcastlist .row .right{
	float: left;
	width: 162px;
}

.podcastlist a, .podcastlist a:active, .podcastlist a:visited, .podcastlist a:link { text-decoration: none; color: #353535; }
.podcastlist a:hover { text-decoration: underline; colorcolor: #353535;}

.podcastlist p.caption{
	color: #CCCCCC;
	font-size: 9px;
	text-align: right;
	margin-top: 3px;
}

.box_content_main {
	float: left;
	margin: 0px;
	width: 100%;
	outline: none;
	border-right: 1px solid #D2D2D2;
}

.box_content_main h3{
	background: url(images/navi_white.gif) repeat-x 0 0;
	min-height: 25px;
	height: 25px;
	color: #000000;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 1px;
	padding-left: 10px;
	padding-top: 4px;
	margin-bottom: -4px;
	font-size: 12px;
}

.video_info{
	padding: 5px;
}

.video_info .left{
	float: left;
	width: 100px;
}

.video_info .right{
	float: left;
	width: 300px;
}


.podcast .video-embed {
	background-color: #E9E9E9;
	padding: 4px;
	margin-top: 20px;
}

.podcast .video-embed label {
	float: left;
	width: 100px;
}

.podcast .video-embed label a,
.podcast .video-embed label a:active,
.podcast .video-embed label a:visited,
.podcast .video-embed label a:link  {
	color: #000000;
}

.podcast .video-embed label a:hover  {
	color: #ffffff;
}

.podcast .video-embed input {
	background-color: #BBBBBB;
	border: 0px;
	font-size: 10px;
	color: #5b5b5b;
	width: 465px;
}

.video_url{
	background-image:url(/images/icon_url.gif);
	background-repeat:no-repeat;
	padding-left: 18px;
}

.video_embed{
	background-image:url(/images/icon_embed.gif);
	background-repeat:no-repeat;
	padding-left: 18px;
}

.podcast .description {
	float: left;
}

.newproducts .image{
	padding: 8px;
	border: 1px solid #DDDDDD;
}

.newproducts .image img{
	border: 1px solid #EBEBEB;
}

.newproducts .description{
	width: 460px;
	padding-left: 5px;
}

.newproducts{
	margin-bottom: 5px;
	cursor: pointer;
	height: 99px;
}

.newproducts:hover{
	background-color: #D2D2D2;
}

.newproducts .description h3{
	padding: 0px;
	margin: 0px;
	margin-bottom: 4px;
	color: #000000;
}

.newproducts .description{
	color: #989898;
}





.podcast .video-embed label {
	float:left;
	width:100px;
}

.podcast .video_recommend {
	background-image:url(images/mail_icon_plain.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:18px;
}

.podcast form {
    background-color: #ffffff;
    border: 1px solid #D2D2D2;
    padding-top: 7px;
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 15px;
}

.podcast .video_recommend {
	background-image: url(images/mail_icon_plain_w.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;
}

.podcast .closeHeader{
    text-align: right;
    height: 13px;
    margin: 0px;
    padding: 6px;
    background-color: #E9E9E9;
}

.podcast fieldset legend {
    padding: 4px;
    background-color: #E9E9E9;
    margin-left: -1px;
    font-weight: bold;
    border: 1px solid #D2D2D2;
    display: block;
}

.podcast fieldset {
    border: 1px solid #D2D2D2;
    background-color: #E9E9E9;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 10px;
    padding-bottom: 6px;
}

.podcast textarea#podcastRecommendComment {
    width: 277px;
    height: 70px;
    font-weight: normal;
}

.podcast .error {
    color: red;
}
.podcast .success {
    color: #55AB22;
}



.podcast .right {
    float: right;
    width: 155px;
    font-weight: normal;
}

.podcast div.hidden, .podcast p.hidden{
    display: none;
}

.podcast div.comment {
    height: 91px;
}

.podcast fieldset label {
    clear: both;
    float: left;
    margin: 6px;
    width: 150px;
}

.podcast fieldset.buttons {
    background-color:#ffffff;
    border:0 none;
    margin-bottom: 6px;
    padding: 0px;
}

.podcast .inputText {
    margin:5px 5px 5px 0px;
    width: 280px;
}

#podcastCaptcha {
    width: auto;
    margin: 0px;
    padding: 0px;
}

.podcast .captcha {
    margin-left: 9px;
    margin-bottom: 6px;
    padding: 0px;
}

.podcast input.captcha {
    vertical-align: top;
    width: 147px;
}

.podcast .button {
    width: 130px;
    border: 1px solid black;
    margin-bottom: 3px;
}

.podcast .right {
    float: right;
}
.podcast .left {
    float: left;
}
.podcast .pointer {
    cursor: pointer;
}

#podcastRecommendFormContainer{
	margin-top: 20px;
}

.content input, .content text, .content textarea, .content select {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ffffff none repeat scroll 0 0;
border:1px solid #E2E2E2;
color:#000000;
padding: 4px;
}