/* CSS Document */
@charset "UTF-8";

/* reset.css, by Eric Meyer (http://meyerweb.com/) */
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,
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-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;/*vertical-align: baseline;*/background: transparent;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;/*color: black;background: white;*/}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

a {text-decoration: none;}

.clr {clear:both;}
.clr-left {clear:left;}
.clr-right {clear:right;}




/* PAGE STYLING */
body {margin: 0 !important; padding: 0 !important;
font-family: Arial, Helvetica, sans-serif; font-size: small; color: #fff; background-color: #333;}

#vidtitle {width: 100%; background-color: #111; margin-top: 0 !important; margin-bottom: 20px; border-bottom: 2px #000 solid; border-top: 2px #000 solid;}
#vidtitle h1 {padding: 10px 0 10px 15px; float: left; width: 46%;
font-size: 1.5em;line-height: 1.1em; text-align: left;}
#vidtitle p {float: right; width: 46%; margin: .8em 10px 0 0;
font-size: .8em; text-align:right;}

#vidtitle a, #vidtitle a:link {background-color: #000 !important; display: block; float:right; padding: 3px; color: #999; border: 1px #999 solid; text-decoration: none; margin-left: 10px;}
#vidtitle a:hover {background-color: #fff !important;color: #000;  border: 1px #999 solid;}
#vidtitle br {clear: both;}
p.note {font-size: .8em; margin: 0 !important;}

p.note {color: #777; float: left; width: 365px; padding: 5px 0 15px 0;}
p.note span {color: #fff;}

br {clear: both;}

.darkdiv {width: 100%; background-color: #222; border-top: 2px #111 solid; border-bottom: 2px #222 solid;}
.content {width: 880px; /*padding: 10px;*/ margin: 0 auto; /*background-color: #222;*/}

.jumpto {margin-top: 10px; margin-bottom: 25px;}

.jumpto a, .jumpto .active {
	display: block;
	float:left;
	margin: 10px 10px 0 0;
	padding: 10px 5px 10px 5px;
	width: 118px;
	height: 4.25em;
	font-size: .9em;
	text-decoration: none !important;
}

.jumpto a {
	border: 1px #666 solid;
	cursor: pointer;
	color: #888;
}
.jumpto a:hover {color: #333; background-color: #fff; border: 1px #000 solid; }

.jumpto .active{
	border: 1px #000 solid;
	color: #333;
	background-color: #fff;
}

.vidgroup-single, .vidgroup-wide {float: left;}
.vidgroup-single p, .vidgroup-wide p {
	text-align: left;
	border-bottom: 1px #444 solid;
	padding-bottom: 2px;
	color: #ddd;
	font-weight: bold;
}

.vidgroup-single {padding-right: 10px;}


/* VIDEO STYLING */
#cs_flashBody
{background-color: #333; font: .8em/1.3em verdana,arial,helvetica,sans-serif; text-align: center;}

#cs_noexpressUpdate
{margin: 0 auto !important;
font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #ddd; text-align: left;
background-image: url(morae_web_demo_nofp_bg.gif);background-repeat: no-repeat;
width: 210px; height: 200px; padding: 40px;}

#cs_noexpressUpdate a {color: #ddd;}

#cs_noexpressUpdate a:hover {color: #fff;}