/* 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; 
background: transparent;
color:#fff;}
/* 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:2px; 
	border-bottom: 2px #000 solid; 
	border-top: 2px #000 solid;}
#vidtitle h1 {
	padding: 22px 0 10px 165px; 
	float: left; 
	width: 42%;
	font-size: 1.8em;
	line-height: 1.2em; 
	text-align: left; 
	color:#fff; 
	background:transparent url('../en/images/bdesoft-logo-en1.gif') 10px 20px no-repeat;}
#vidtitle p {
	float:right; 
	margin: 0.8em 10px 0 0;
	font-size: 1em; 
	text-align:right; 
	color:#fff;}
#vidtitle h2 {padding: 10px 5px; font-size: 1.5em; color:#fff; line-height: 1.5em;}

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

p.note {color: #888; float:right; width: 365px; padding: 5px 10px 15px 0;}
p.note span {color: #fff;}

.spacer {clear: both;}

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: 180px;
	height: 30px;
	font-size: .9em;
	text-align: left;
	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;}