/* 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: 0px;
	margin-bottom: 20px;
	border-bottom: 2px #000 solid;
	border-top: 2px #000 solid;
	height:70px;
	background-image: url(http://www.crossware.com/images/xware_on_black_ls.jpg);
	background-repeat: no-repeat;
	background-position: 14px 10px;
}#vidtitle a#brand { width:155px; height:33px; position:absolute; top:10px; left:13px; 
background-color:transparent !important;  float:none; padding: 0px; color: #999; border: none; text-decoration: none; margin-left: 0px; margin-top:-6px;}
#vidtitle h1 {padding: 10px 0 10px 15px; float: left; width: 90%;
font-size: 1.5em;line-height: 1.1em; text-align: left; margin-top:33px;}

#vidtitle p {float: right;  margin: -60px 10px 0 0;
font-size: .94em; text-align:right; width:56%;}


 
#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 h1 a, #vidtitle h1 a:link {background-color: #111 !important; display: inline; float:none; padding: 0px; color: #efefef; border: none; border-bottom:1px solid #efefef; text-decoration: none; margin-left: 0px;}

#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;
	color: #ddd;
	font-weight: bold;
}

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

a.tighten { line-height:1.2; font-size:11px;}
/* 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(../../edu/showme/enu/audioenhancements/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;}