@charset "utf-8";
/**
 * Default CSS
 */

html, body, div, table, td, th, caption, form, fieldset, legend, input,
 select, textarea, button, ul, ol, li, dl, dt, dd, p, address, img,
 h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

html {
	height:100%;
}

body{
	height:100%;
	width:auto;
	border:0;
	color :#444444;
	background-color:#F2F2F2;
	font-weight:normal;
	font-style:normal;
	font-size:12px;
	font-family:Sans-Serif;
	vertical-align:baseline;
	line-height:1;
	text-align:center;
}

pre {
	font-size:1em;
	font-weight:normal;
	font-style:normal;
	font-family:Sans-Serif;
}

a{
	border:0;
	color:#005fb0;
	background-color:transparent;
	text-decoration:none;
}

a:visited{
	color:#005fb0;
	background-color:transparent;
	text-decoration:none;
}

a:link{
	color:#005fb0;
	background-color:transparent;
	text-decoration:none;
}

a:hover{
	color:#005fb0;
	background-color:transparent;
	text-decoration:underline;
}

a:active{
	color:#555555;
	background:inherit;
	text-decoration:none;
}

img {
	border:0;
}

ul, ol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

address {
	font-style:normal;
}

pre {
    display:block;
    white-space:pre;
    unicode-bidi:embed;
}

#contentWrap {
     height:100%;
     background-color: #FCFCFF;
}


body > #contentWrap {
     height:auto;
     min-height:100%;
}

#contentWrapPadding {
     height:70px;
}

#footerWrap {
     position:relative;
     margin-top:-72px;
     width:100%;
     height:70px;
     background-color:#F2F2F2;
}

/* < header */

#header {
	background-color:transparent;
}

#header .contents {
	margin:0 auto;
	min-width:956px;
	color:white;
	background-color:transparent;
	text-align:left;
}



/*Credits:CSSplay */
/*URL:http://www.cssplay.co.uk/menus/pro_drop2 */
div#header .preload {
	background:url(/bridge/static/css/prodrop2/button4.gif);
}
div#header .head-navi {
	padding:0 0 0 16px;
	margin:0;
	list-style:none;
	height:40px;
	background:#fff url(/bridge/static/css/prodrop2/button1a.gif) repeat-x;
	position:relative;
	font-family:arial, verdana, sans-serif;
}
div#header .head-navi li.logo {
	background:transparent url(/bridge/static/images/logo-blue.png) no-repeat scroll left top;
	text-indent:-300px;
	display:block;
	float:left;
	position:relative;
	width:180px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:2em;
	font-style:normal;
	font-variant:small-caps;
	font-weight:bold;
	color:#ffffff;
	padding:4px 4px;
}

div#header .head-navi li.logo  a {
	text-decoration:none;
	display:block;
}

div#header .head-navi li.top {
	display:block;
	float:left;
	position:relative;
}
div#header .head-navi li a.top_link {
	display:block;
	float:left;
	height:40px;
	line-height:33px;
	color:#eee;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 12px;
	cursor:pointer;
}
div#header .head-navi li a.top_link span {
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:40px;
}
div#header .head-navi li a.top_link span.down {
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:40px;
	background:url(/bridge/static/css/prodrop2/down.gif) no-repeat right top;
}
div#header .head-navi li a.top_link:hover {
	color:#fff;
	background:url(/bridge/static/css/prodrop2/button4.gif) no-repeat;
}
div#header .head-navi li a.top_link:hover span {
	background:url(/bridge/static/css/prodrop2/button4.gif) no-repeat right top;
}
div#header .head-navi li a.top_link:hover span.down {
	background:url(/bridge/static/css/prodrop2/button4a.gif) no-repeat right top;
}

div#header .head-navi li:hover > a.top_link {
	color:#fff;
	background:url(/bridge/static/css/prodrop2/button4.gif) no-repeat;
}
div#header .head-navi li:hover > a.top_link span {
	background:url(/bridge/static/css/prodrop2/button4.gif) no-repeat right top;
}
div#header .head-navi li:hover > a.top_link span.down {
	background:url(/bridge/static/css/prodrop2/button4a.gif) no-repeat right top;
}


div#header .head-navi table {
	border-collapse:collapse;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

div#header .head-navi a:hover {
	visibility:visible;
}
div#header .head-navi li:hover {
	position:relative;
	z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
div#header .head-navi ul,
div#header .head-navi :hover ul ul,
div#header .head-navi :hover ul :hover ul ul,
div#header .head-navi :hover ul :hover ul :hover ul ul,
div#header .head-navi :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
}

div#header .head-navi :hover ul.sub {
	left:2px;
	top:40px;
	background:#fff;
	padding:3px 0;
	border:1px solid #4ab;
	white-space:nowrap;
	width:123px;
	height:auto;
}
div#header .head-navi :hover ul.sub li {
	display:block;
	height:20px;
	position:relative;
	float:left;
	width:120px;
}
div#header .head-navi :hover ul.sub li a {
	display:block;
	font-size:11px;
	height:20px;
	width:117px;
	line-height:20px;
	text-indent:5px;
	color:#000;
	text-decoration:none;
	border:3px solid #fff;
	border-width:0 0 0 3px;
}
div#header .head-navi :hover ul.sub li a.fly {
	background:#fff url(/bridge/static/css/prodrop2/arrow.gif) 110px 7px no-repeat;
}
div#header .head-navi :hover ul.sub li a:hover {
	background:#4ab;
	color:#fff;
}
div#header .head-navi :hover ul.sub li a.fly:hover {
	background:#4ab url(/bridge/static/css/prodrop2/arrow_over.gif) 110px 7px no-repeat;
	color:#fff;
}
div#header .head-navi :hover ul li:hover > a.fly {
	background:#4ab url(/bridge/static/css/prodrop2/arrow_over.gif) 110px 7px no-repeat;
	color:#fff;
}

div#header .head-navi :hover ul :hover ul,
div#header .head-navi :hover ul :hover ul :hover ul,
div#header .head-navi :hover ul :hover ul :hover ul :hover ul,
div#header .head-navi :hover ul :hover ul :hover ul :hover ul :hover ul
{
	left:120px;
	top:-4px;
	background:#fff;
	padding:3px 0;
	border:1px solid #4ab;
	white-space:nowrap;
	width:123px;
	z-index:200;
	height:auto;
}

/* header > */

/* < main-area */

div#main-area {
	height:auto;
	width:auto;
	background-color:#fcfcff;
}

div#main-area div.contents {
	margin:0 auto;
	padding:20px 0px;
	width:1000px;
	color:inherit;
	background-color:transparent;
	text-align:left;
	display:inline-block;
}

div#main-area div.contents:after {
	content:"";
	display:block;
	clear:both;
}

div.contents .description{
	width:inherit;
	overflow:hidden;
}

div#main-area div.contents div#left-area {
	padding:0px 2px;
	float:left;
	width:750px;
	color:inherit;
	background-color:transparent;
}

div#main-area div.contents div#right-area {
	padding:0px 2px;
	float:right;
	width:242px;
	color:inherit;
	background-color:transparent;
}

.cell {
	padding:10px;
	font-size:1.2em;
	line-height:1.5;
	color:inherit;
	background-color:#cadcee;
	border-radius:10px;
}

/* main-area > */

/* < footer */
#footer{
	min-height:70px;
	color:inherit;
	background-color:transparent;
	border-top:inset 2px #c0c0c0;
}

#footer .contents {
	margin:0 auto;
	padding:15px 0 0;
	min-width:800px;
	max-width:90%;
	text-align:left;
}

#footer address {
	float:right;
	line-height:1.64;
	text-align:right;
	color:#444444;
	background-color:transparent;
}

#footer foot-navi {
	float:left;
	padding:10px 0 0 10px;
}

#footer foot-navi li{
	float:left;
	font-size:1.2em;
	line-height:1.5;
	color:#008DBB;
	background-color:transparent;
}

#footer foot-navi li a {
	color:#008DBB;
	background-color:transparent;
}

/* footer > */

#player {
    display:block;
	/*z-index:1;*/
}

#thumbnail {
	min-width:130px;
	min-height:100px;
	margin:5px;
}

.video-thumbnail {
	width:96px;
	margin:4px;
	float:left;
}

.video-description {
	overflow:hidden;
}

.video-info {
	margin:5px auto;
	font-size:0.9em;
	overflow:hidden;
}

#processMessage {
	font-size:1.6em;
	font-weight:bold;
}

/* clear */
.clear {
	clear:both;
	font-size:1px;
	height:0;
	line-height:0;
	overflow:hidden;
}

.left {
	text-align:left;
}

.float_left {
	float:left;
}

.right {
	text-align:right;
}

.float_right {
	float:right;
}

.center {
	text-align:center;
}

.strike {
	text-decoration:line-through;
}

.strong {
	font-weight:bold;
}


table.table-spec {
    border:1px #E3E3E3 solid;
    border-collapse:collapse;
    border-spacing:0;
}

table.table-spec th {
    padding:5px;
    border:#E3E3E3 solid;
    border-width:0 0 1px 1px;
    background:#F5F5F5;
    font-weight:bold;
    line-height:120%;
    text-align:center;
}

table.table-spec td {
    padding:5px;
    border:1px #E3E3E3 solid;
    border-width:0 0 1px 1px;
    text-align:center;
}