/* =reset
========================================================*/

/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/* =defaults
========================================================*/

body
{
	font-size: small;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	background: #000;
	color: #fff;
	line-height: 1.4;
}

h1, h2, h3, h4, h5, h6
{
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 0;
}

h1 span, h2 span, h3 span, .video_misc h4, h4 span, h5 span, h6 span, .emph, a:hover, a:hover *, #nav a:hover, #nav li.current a, #tabs li a.active, #tabs li a.active:hover,  a.sel, #pricing span, .vp_form input, .vp_form textarea, #userlogin h2, #userlogin #closeLogin:hover, .pager_sel, p#notregistered a:hover, p#notregistered a:active { color: #DF2828; }

.warning
{
	padding: 10px;
	background: #5F0606;
	color: #fff;
	font-size: 120%;
	border-bottom: 4px solid #3F0404;
}

.warning a { text-decoration: underline; }
.nc, .video_misc h4 { text-transform: none; }
.lc { text-transform: lowercase; }

h1
{
	font-size: 140%;
	margin: 0;
	font-weight: 100;
}

h1#logo { margin: 0; }

h2
{
	font-size: 140%;
	margin-bottom: 15px;
}

h3
{
	font-size: 110%;
	margin-bottom: 15px;
}

h4
{
	font-size: 100%;
	margin-bottom: 15px;
}

a img { border: none; }

a
{
	text-decoration: none;
	color: #fff;
}

a.emph:hover { color: #fff; }
.alignr { text-align: right; }
.js-show { display: none; }
.show { display: block; }
.hide { display: none; }


p{margin-bottom:10px;}

.auxtext {
	font-size:x-small;
}

/* =layout
========================================================*/

#cmsedit
{
	position: absolute;
	top: 3px;
	left: 3px;
}

#cmsedit a
{
	padding: 3px 5px;
	background: #DF2828;
	border: 3px solid #5F0606;
	color: #fff;
	display: block;
}

#cmsedit a:hover { color: #000; }

#wrap
{
	width: 1004px;
	margin: 0 auto;
	background: #000;
	overflow: hidden;
}

#wrapInner
{
	width: 974px;
	padding: 0 10px;
	margin: 0 auto;
	background: url(/img/backdrops/a1.jpg) center top no-repeat;
}

body.a1 #wrapInner { background-image: url(/img/backdrops/a1.jpg); }
body.a2 #wrapInner { background-image: url(/img/backdrops/a2.jpg); }
body.a3 #wrapInner { background-image: url(/img/backdrops/a3.jpg); }
body.a4 #wrapInner { background-image: url(/img/backdrops/a4.jpg); }
body.a5 #wrapInner { background-image: url(/img/backdrops/a5.jpg); }
body.a6 #wrapInner { background-image: url(/img/backdrops/a6.jpg); }

#header
{
	position: relative;
	margin-bottom:0;
    margin-bottom: -80px;
	z-index: 100;
}

#content
{
	position: relative;
	z-index: 200;
}

.lift #header {
/*
    margin-bottom:-54px !important;
*/
}

#logo a
{
	display: block;
	width: 359px;
	height: 285px;
	text-indent: -999px;
	background: url(/img/structure/vp_logo.png) left top no-repeat;
	margin-top: -40px;
	margin-left: -20px;
}

#userauth {     
    position:absolute;
    top:0px;
    right:0px;
	background: url(/img/video/65perc.png) top left;
    font-size:85%;
    padding:3px 5px;
}



/* =list
========================================================*/

#content li { line-height: 1.5; }

#content .listEmph li, .video_misc li
{
	padding-left: 10px;
	background: url(/img/structure/red_dot.gif) center left no-repeat;
	background-position: 0 0.9em;
}

#footer
{
	margin-top: -20px;
	font-size: 80%;
}

#footer ul { float: right; }

#footer li
{
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
	margin-left: 20px;
}

#footer li a img { float: left; }

#footer li a
{
	padding: 0;
	margin: 0;
}

.cont .inner
{
	padding: 20px;
	border: 1px solid #fff;
	background: #000;
}

.cont .plain
{
	padding: 20px;
	background: #000;
}

#plainList .inner {
	margin-bottom:10px;
}

.shift{
    margin-top:37px;
}

.colTitle{
	margin-bottom: 0;
	overflow:hidden;
	height:37px;
	margin-top:0;
}

.colTitle b{
	border:1px solid #fff;
 	background: #000;
 	border-bottom: none;
 	padding: 5px 10px 6px;
	float:left;
}


/* =cols & widths
========================================================*/

.col { float: left; }
.colr { float: right; }
.w12 { width: 974px; }
.w9 { width: 728px; }
.w8 { width: 646px; }
.w8 { width: 646px; }
.w7 { width: 564px; }
.w6 { width: 482px; }
.w4 { width: 318px; }
.w3 { width: 236px; }
.w2 { width: 132px; }
.w1_5 { width: 103px; }
.w1 { width: 72px; }

.vp_form .w3 { width: 220px; }
.vp_form .w7 { width: 566px; }
.vp_form .w4_5 { width: 340px; }



/* =sets
========================================================*/

.set
{
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}

.nm { margin: 0; }

/* =nav
========================================================*/

#nav
{
/*
	border: 1px solid #676767;
*/
	overflow: hidden;
	float: left;
	position: absolute;
	top: 34px;
	right: 0px;
}

#nav li { float: left; }

#nav a
{
	/*
	width:160px;
	height:35px;
*/
	display: block;
	/*
	text-indent:-999px;
*/
	float: left;
	background: url(/img/video/65perc.png) top left;
	padding: 6px 26px;
	text-transform: uppercase;
	font-weight: bold;
	margin-left:1px;
}

/*
#nav_home a, #nav_meetings a, #nav_join a { border-right: 1px solid #676767; }
*/
#nav li.current a {
	background: url(/img/video/85perc.png) top left;
}
/*
#nav_home a{
	background:#000 url(/img/nav/home.gif) bottom left no-repeat;
}

#nav_meetings a{
	background:#000 url(/img/nav/meetings.gif) bottom left no-repeat;
}

#nav_join a{
	background:#000 url(/img/nav/join.gif) bottom left no-repeat;
}

#nav_help a{
	background:#000 url(/img/nav/help.gif) bottom left no-repeat;
}

#nav a:hover, #nav li.current a{
	background-position:top left;
}
*/

#nav_pointtopoint a {
	position: relative;
	padding-left: 40px;
}

#nav_pointtopoint a span {
	font-size: 2em;
	color: #DF2828;
	position: absolute;
	left: 20px;
	top: -5px;
}

/* =meetings
========================================================*/

#filterCriteria { }
#filterCriteria ul { margin-top: 20px; }

#filterCriteria h2
{
	font-size: 1em;
	font-weight: normal;
	text-align:right;
 	margin-top: 2px;
 	margin-bottom:0px;
	clear:both;
}

#filterDisplay #tabs { position: absolute; }
#filterCriteria .inner { margin-top: 10px; }
#filterDisplay .inner, #filterCriteria .first { margin-top: 37px; }
#filterCriteria li a { font-weight: bold; }

#filterCriteria .first ul {
	margin-top:8px;
}

#filterView
{
	font-size: 90%;
	line-height: 2;
	margin-bottom:0;
}

#filterView dt, #filterView dd
{
	float: left;
	padding: 0 4px;
}

#filterView dd a { padding: 1px 4px; }
#filterView dt { padding-left: 0; }
.filterList { width: 720px; float:left; }

.filterList li
{
	width: 179px;
	height: 11em;
	float: left;
	margin-bottom: 10px;
	margin-top: 5px;
	font-size: 90%;
}

.filterList li a { float: left; }

.filterList h2
{
	font-size: 100%;
	line-height: 1.2;
	font-weight: 100;
	text-transform: none;
	margin: 0;
	padding: 4px 0;
}

.filterList h2 em
{
	display: block;
	font-style: normal;
}

.filterPagination
{
	position: absolute;
	top: 60px;
	right: 20px;
}

.bottomPager
{
	position: static;
    float:right;
}

.filterPagination span, .filterPagination a { 
    float: left;
	padding: 4px 4px;
	margin: 0 1px;
}

#filterResults {
	padding-top:10px;
}

#filterResults .set {
	margin-bottom:0px;
}

#filterResults h2 {
	margin:0;
}

#course-alpha ul { }

#course-alpha
{
	overflow: hidden;
	font-size: 120%;
	padding: 0 0 0 3px;
	width: 100%;
}

#course-alpha li, #course-alpha li a { float: left; }

#course-alpha li a
{
	border: 1px solid #fff;
	padding: 0px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: 50%;
	margin: 0 6px 6px 0;
}

#course-alpha li#view-all a { width: 144px; }

#course-alpha li a.sel
{
	background: #DF2828;
	color: #fff;
}

/* =video
========================================================*/

#videoItem #buyvideo
{
	background: url(/img/structure/buy.gif) center left no-repeat;
	padding: 5px 0 5px 40px;
	position: absolute;
	top: 20px;
	right: 50px;
}

#videoItem #buyvideo:hover, #videoItem #supplier a:hover { text-decoration: underline; }

#videoItem #supplier
{
	position: absolute;
	bottom: 35px;
	right: 45px;
	font-size: 80%;
}

#videoItem h2 { font-size: 110%; margin:0; padding:0; line-height:1.4; width:70%; }
body.list_video_highlights #videoItem h2 { width:auto; }
#videoItem p#racedate { line-height:1.2; font-size:90%; }

#videoItem .cont
{
	position: relative;
}

#videoItem .col .inner
{
	width: 640px;
 	padding: 20px 40px;
	height:490px; 	
}

#videoItem .advert .inner {
	height:490px;
}

#videoContainer
{
	width: 640px;
	height: 396px;
	background: #1c1c1c;
 	margin: 4px 0px 12px;
}

.scrollable h2
{
	margin: 0;
	position: relative;
	left: 30px;
	background: #000;
	border: 1px solid #fff;
	border-bottom: none;
	float: left;
	padding: 5px 10px;
	clear: both;
	height:26px;
}


.scrollable div, .scrollable ul, .scrollable li, .scrollable a
{
	height: 160px;
	outline: none;
}

.scrollInner
{
	overflow: hidden;
	clear: both;
	border: 1px solid #fff;
	background: #000;
}

.window a span { text-align: left; }

.window a span
{
	font-size: 85%;
	display: block;
	width: 174px;
	margin: 0px 0;
	color: #000;
}

.window a span.play
{
	background: url(/img/video/play.gif) center left no-repeat !important;
	float: left;
	margin-top: 5px;
}

.window a span strong.outer
{
	background: #D9D9D9;
	margin-left: 25px;
	width: 188px;
}

.window a span strong.outer b b
{
	padding: 3px 4px 5px 4px;
	width: 180px;
	line-height: 0.8;
}

.scrollable
{
	padding: 0px 0px;
	width: 100%;
	position: relative;
}

#content .scrollable li { padding: 0 6px 0 0; }

.scrollNav, .scrollNavr
{
	float: left;
	width: 29px;
	text-align: center;
	text-indent: -999em;
}

.scrollNavr { float: right; }
.scrollNavr { background: url(/img/video/scrright.png) top left no-repeat; }
.scrollNavr:hover { background-position: top right; }
.scrollNav { background: url(/img/video/scrleft.png) top right no-repeat; }
.scrollNav:hover { background-position: top left; }
.disabled { background: url(/img/video/scrleft_blank.png) top left no-repeat; }
.disabledr { background: url(/img/video/scrright_blank.png) top left no-repeat; }

.window
{
	width: 912px;
	margin: 0 auto;
	float: left;
	position: relative;
	overflow: hidden;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.vid_tmb
{
	width: 210px;
	height: 140px;
}

.windowInner
{
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 10px;
	padding-right: 0;
	/*
	margin-left: 1px;
*/
}

.windowInner .vid_tmb img { border: 1px solid #fff; height:116px; width:213px; display:block; }
.windowInner .vid_tmb { margin-right: 10px; }

.windowInner .vid_tmb a
{
	float: left;
	height: 145px;
}

.emptyList
{
	padding: 0px 10px;
	border: 1px solid #fff;
}

.emptyList p { padding: 10px; }

/* =tabs
---------------------------------------------------------*/

#videoRelated, #relatedContent { position: relative; }

#tabs li, #tabs li a
{
	float: left;
	padding: 0;
	display: block;
}

#tabs
{
	margin-bottom: -1px;
	margin-left: 30px;
	position: relative;
	z-index: 20;
}

#tabs li a
{
	font-weight: bold;
	padding: 5px 10px 5px;
	background: #2c2c2c;
	font-size: 120%;
	cursor: pointer;
	position: relative;
	bottom: -1px;
	margin-right: 3px;
	height: 24px;
	border: 1px solid #2c2c2c;
	border-top: none;
	border-bottom: none;
	outline: none;
}

#tabs li a.active
{
	background: #000;
	border: 1px solid #fff;
	border-bottom: none;
	padding: 5px 10px 8px;
	position: relative;
	bottom: 0px;
}

#tabs li a:hover { color: #fff; }
#relatedContent { height: 200px; }

.tabbed_content
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

/* =purchase
---------------------------------------------------------*/

#pricing {
	position: absolute;
	top: 60px;
	right: 20px;
}

#pricing span {
	font-weight:bold;
	font-size:110%;
	font-style:italic;
	padding:0 2px;
}
form.vp_form{
	font-size:110%;
	margin:10px 0;
}

form.vp_form h2, .vp_form label{
	font-size:95%;
	text-transform:uppercase;
}

.vp_form label{
	padding:2px;
	margin-right:5px;
}

.vp_form ol {
	margin-bottom:30px;
}

.vp_form li.set {
	margin-bottom:5px;
 }

.vp_form input, .vp_form textarea {
	background:#000;
	border:1px solid #fff;
	font-size:90%;	
	padding:2px;
	font-family:Verdana, sans-serif;
}

.vp_form input.btn, .vp_form .noborder {
	border:none;
}

#video_details input {
	border-color:#999;
	background:#222;
	cursor:pointer;
}


#submit_video {
    background:url(/img/video/submit.png) top left no-repeat;
    width:84px;
    height:40px;
    display:block;
    padding:0;
}

#submit_video:hover{
    background:url(/img/video/submit.png) bottom left no-repeat;
}




/* =help
---------------------------------------------------------*/

#help_content h2 {
	margin-bottom:0;
}

#help_content .set {
	margin-bottom:30px;
}


/* =homepage
---------------------------------------------------------*/

#homepromo .cont { }

#homepromo .cont .inner
{
	padding: 10px;
	height: 31em;
}

#recent_meetings { font-size: 85%; }

#popular_meetings { font-size: 85%; }
#popular_meetings li { margin-bottom: 10px; }
#popular_meetings .views {color:#aaa; font-style:italic;}
#popular_meetings li, #popular_meetings li a
{
	clear:both;
	float:left;
	width:100%;	
}

#popular_meetings li a{
	margin-bottom: 0px;
	cursor:pointer;
}


#popular_meetings li img { margin-top: 2px; }

/* =misc
---------------------------------------------------------*/

#closer
{
	position: absolute;
	right: 0px;
	top: 225px;
}

#chase {
	position:absolute;
	right:0;
	top:64px;
}


/* =buttons
---------------------------------------------------------*/

.curved, .curved b, .curved b b
{
	border-color: #CACACA;
	border-style: solid;
}

.curved
{
	display: block;
	float: left;
	border-width: 0 1px;
	/* left and right borders only */
	text-decoration: none;
	outline: none;
}

.curved b
{
	display: block;
	/* another must */
	position: relative;
	/* because the child elements are positioned */
	top: -1px;
	/* drag it up a little, creates the top notches */
	left: 0;
	border-width: 1px 0 0;
	/* top border only */
	font-weight: normal;
	float: left;
}

.curved b b
{
	border-width: 0 0 1px;
	/* bottom border only */
	top: 2px;
	/* pushed down a little to create the bottom notches */
	float: left;
}

.curved b b em
{
	padding: 0px 6px 4px;
	font-style: normal;
	float: left;
}


/* =lightbox
========================================================*/

.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 1em;
/*
	border: 1em solid #B8B8B8;
*/
/*
	background-color: white;
*/
	text-align: left;
	z-index:1001;
	overflow: auto;	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }





/* =login
========================================================*/

#userlogin
{
    background:#000;
    border:10px solid #fff;
    padding:30px;
	width: 300px;
	margin:0 auto;
	position:relative;
/*
	position: absolute;
	top: 110px;
	right: 0px;
*/
}

#userlogin, #userlogin a { color: #fff; }
#userlogin a { text-decoration: underline; }

#userlogin h2
{
 	font-weight: bold;
	padding: 0px;
 	font-size:110%;
}

#userlogin h2 span
{
/*	background: url(/img/structure/login_ar.png) center left no-repeat;*/
	width: 19px;
	height: 15px;
	display: block;
	float: left;
	position: relative;
	left: -6px;
	top: 3px;
}

#userlogin form { position: relative; }

#userlogin label
{
	width: 65px;
	text-align: right;
	display: block;
	float: left;
	line-height: 2.2;
	text-transform: uppercase;
	color: #fff;
	padding-right: 10px;
}

#userlogin ol, #userlogin li {
    float:left;
    width:100%;
    overflow:hidden;
}

#userlogin li {
    margin-bottom:5px;
}

#userlogin br
{
	clear: both;
	float: left;
}

#userlogin .text
{
	float: left;
	display: block;
	width: 200px;
	padding: 3px 4px;
	margin-bottom: 2px;
}

#userlogin .button
{
	border: 1px solid #ccc;
	color: #fff;
	font-size:100%;
 	overflow: visible;
/*
	position: absolute;
	bottom: 2px;
	right: 0px;
*/
}

#userlogin #closeLogin {
    position:absolute;
    top:0px;
    right:0px;
    padding:4px 10px;
    text-decoration:none;
    border:1px solid #fff;
    border-right:0px;
    border-top:0px;
}

#userlogin #closeLogin:hover{
}


.login_fail {
    border:none !important;
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
}


#link {background:red; color:#fff; padding:4px 8px; position:absolute; top:0;}


#login {
    background:url(/img/video/login.png) top left no-repeat;
    width:70px;
    height:30px;
    display:block;
    padding:0;
}

#login:hover{
    background:url(/img/video/login.png) bottom left no-repeat;
}