@CHARSET "UTF-8";

@font-face {
    font-family: 'HelveticaNeue';
    src: url("fonts/HelveticaNeueLTPro-Roman.otf") format("opentype");
}
@font-face {
    font-family: 'HelveticaNeueMD';
    src: url("fonts/HelveticaNeueLTPro-Md.otf") format("opentype");
}


body {
	font-family: HelveticaNeue, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

/*********************  LAYOUT  ****************/
div#header {
	position: relative;
	width: 720px;
	height: 122px;
	margin: 0px auto;
  /*background-image: url("/images/logo.png");*/
  background-image: url("/images/header_left_LOGO_white_bg.png");
  background-repeat: no-repeat;
  /*background-size: 293px 55px;*/
  /*background-size: 246px 55px;*/
  background-size: 229px 55px;
  /*background-position: 0 17px;*/
  background-position: 3px 13px;
  /*background-color: #FCFDFB;*/
}
.bcc-logo {
    content:url('/images/BCC_logo_pos_84x27.png');
    display: block;
}
div#content {
	position: relative;
	width: 720px;
	margin: 0px auto;
	border-top: 1px solid #000;
}


/**********************  CONTENT  *****************/

div#content h1 {
	font-size: 15px;
	font-weight: bold;
	margin: 20px 8px;
	text-transform: uppercase;
}

div#content h2 {
	font-size: 14px;
	font-weight: bold;
}

div#content h3 {
	font-size: 14px;
	font-weight: normal;
	margin: 10px 16px;
	text-transform: none;
}

div#content .normal, .help_text {
	margin: 8px 8px 15px;
}

div#content p {
	/*margin: 8px;*/
}

div#content a[target=md_admin] img {
	height: 12px;
}

div#content #help_text a {
	text-decoration: underline;
}


/*********************  MEDIA PLAYER  ****************/
div#mediaplayer_wrapper, object#mediaplayer {
	outline: none;
}

/*********************  POSTERS  ****************/
div#content div.posters {
	margin: 10px 0px 10px 32px;
}
div#content div.posters .poster img {
	width: 148px;
	margin-bottom: 15px;
/*	border: 1px solid red;*/
}
div#content div.posters .poster {
	display: block;
	float: left;
	width: 148px;
	font-size: 14px;
	margin: 0px 0px 10px 21px;
	vertical-align: top;
}
div#content div.posters .poster.first {
	margin-left: 0px;
}
div#content div.posters .poster.current {
	color: #c4d0ed;
}
div#content div.posters .poster.current img {
	border: 2px solid #d8deec;
	margin-left: -2px;
	margin-top: -2px;

	filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;

	filter: url(desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(1);
}

/*********************  ADMIN INFO  ****************/
div.admin_info:BEFORE {
	content: 'Admin info - ';
}

div.admin_info {
	margin: 50px 0px 20px;
	border-top: 1px solid black;
	padding: 10px;
	font-family: monospace;
}
div.admin_info a {
	text-decoration: underline;
}

/*********************  MAIN MENU  ****************/
div#main_menu {
	/*border: 1px solid red;*/
	position: absolute;
	bottom: 0px;
	left: 8px;
	/*width: 610px;*/
	width: 98%;
	height: 33px;
	font-size: 22px;
	font-family: HelveticaNeueMD, Arial, sans-serif;

	text-align: justify;
}
div#main_menu span {
	/*border: 1px solid yellow;*/
	display: inline-block;
	/*margin-right: 5px;*/
	height: 33px;
	white-space: nowrap;
}
div#main_menu span.last {
	margin-right: 0px;
}
div#main_menu a {
	display: block;
	height: 33px;
	text-decoration: none;
}
div#main_menu span.selected, div#main_menu span:HOVER {
	background-image: url("/images/menu_sel_bg.gif");
	background-position: bottom;
	background-repeat: repeat-x;
}


div#sub_menu {
	margin: 10px;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
}
div#sub_menu span {
	margin-right: 8px;
}
div#sub_menu span a {
	color: black;
}
div#sub_menu span.selected, div#sub_menu span:HOVER {
	text-decoration: underline;
}


/*********************  IMPORT  ****************/
table.import a {
	text-decoration: underline;
}
table.import td.name {
	white-space: nowrap;
}

table.import th {
	text-align: left;
	font-size: 14px;
	padding: 5px;
}
table.import td {
	border: 1px dotted black;
	vertical-align: middle;
	padding: 0px 5px;
}
table.import td.check {
	padding: 0px;
}
table.import td.hide a {
	text-decoration: none;
	font-weight: bold;
}
table.import input, table.import button {
	cursor: pointer;
	height: 14px;
}
table.import tr.checked  {
	background-color: #FFFF80;
}
table.import tr.stored  {
	background-color: lightgreen;
}

div#hidden_roles {
	font-size: 10px;
}
div#hidden_roles a:HOVER {
	background-color: lightgreen;
	text-decoration: underline;
}