/*
----------------------------
GENERAL
----------------------------
*/

html, body {
	height: 100%;
}

body {
	background:url(/images/header2_bg.gif) repeat-x #FFFFFF;
}

body.login, body.contact {
	background-image:url(/images/header_home_bg.jpg);
}

body, td, th, input, textarea {
	font-family:Arial, Helvetica, sans-serif;
}

body, td, th {
	font-size: .9em;
}

body, td, th, ul, li {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding: 0;
}

ul, li {
	list-style:none;
}

ul.circle_lis li {
	list-style:circle;
	margin-left:12px;
}

ul.default li {
	list-style:disc;
	margin-left:18px;
}

a {
	text-decoration:none;
	color: #385d92;
	outline:none;
}

a:hover {
	text-decoration:underline;
}

a.link_box:hover {
	border-color:#385d92;
	text-decoration:none;
}

table {
	border-spacing: 1px;
}

.large {
	font-size:1.1em;
}

.small {
	font-size: .8em;
	font-weight:normal;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.grey {
	color: #CCC;
}

.ta_l {
	text-align: left;
}

.ta_r {
	text-align: right;
}

.f12 {
	font-size:12px;
}

table.fsize13 td, table.fsize13 th {
	font-size: 13px;
}

.fw_normal {
	font-weight:normal;
}

tr {
	vertical-align:top;
}

th {
	text-align: left;
}

.highlight {
	background-color:#FFFF66;
}

.errorExplanation, .error_message, #time_form p.error_message, .success_message {
	padding: 2px 4px;
	color: white;
	margin-bottom: 4px;
}

.errorExplanation {
	margin-bottom: 8px;
}

.errorExplanation h2 {
	font-size: 1.2em;
}

.errorExplanation li {
	font-weight: bold;
}

.errorExplanation, .error_message, #time_form p.error_message {
	background-color:#994242;
}

.fieldWithErrors {
	float:left;
}

.fieldWithErrors input {
	background-color:#f3d1d1;
	padding: 2px;
}

.success_message {
	background-color:#4ea749;
}

.warning {
	color: #cc0000;
}

object {
	outline:none;
}

.clearfix:after { content: ""; display: block; clear: both;}.clearfix { //display: inline-block;}

input:focus {
	outline:none;
}

.opaque {
	filter: alpha(opacity=60);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: .6;
	opacity:0.6;
}

.opaque80 {
	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: .8;
	opacity:0.8;
}

.not_opaque {
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity:1;
}

.auto_complete {
	position:absolute;
	z-index:9;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
	color: black;
}

.auto_complete ul li {
	display:block;
    cursor:pointer;
	padding: 0 2px;
}

.auto_complete ul li.selected {
	background-color: #abca8a;
}

.auto_complete ul li.main_cat {
	font-weight: bold;
}

#bad_browser {
	margin-top: 8px;
	clear:both;
	text-align: center;
	background-color: #672f2f;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 2px 0;
}

/* Drop-shadow Box */

.bx {
	background: right top url(/images/shadow_r.gif) no-repeat;
	display: table;
	padding-right: 6px;
	border-spacing: 0;
}

.bx_standard {
	background-color: #C1C1C1;
}

.bx_standard #controls {
	background-color: #f0f0f0;
}

.bx_standard tr {
	background-color: #FFF;
}

.bx_standard td, .bx_standard th {
	padding: 4px;
}

.bx_standard th {
	color: #FAFAFA;
	background-color: #AAA;
	font-weight: normal;
}

.bx_standard td {
	text-align: left;
}

.bx_standard td.label {
	text-align:right;
	background-color: #d5e1f2;
}

.bx #controls td {
	text-align: center;
	padding: 6px;
}

.bx #controls img {
	padding: 0;
	margin-right: 14px;
}

.bx_b {
	background: right url(/images/shadow_br.gif) no-repeat;
	margin-right: -6px;
	padding-right: 6px;
	height: 6px;
	display: block;
}

.bx_bl {
	background: url(/images/shadow_b.gif) no-repeat;
	height: 6px;
	display: block;
}

.button {
	padding: 1px 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #4a7a45 #294725 #294725 #4a7a45;
	background-color: #32622d;
	cursor: pointer;
	margin-left: 6px;
	color: white;
}

.button:hover {
	background-color: #42803b;
	border-color: #5e9957 #3b6635 #3b6635 #5e9957;
}

.cancel {
	background-color:#672f2f;
	border-color: #7a4646 #472525 #472525 #7a4646;
}

.cancel:hover {
	background-color:#803b3b;
	border-color: #995757 #663535 #663535 #995757;
}

.update {
	background-color: #626262;
	border-color: #7a7a7a #474747 #474747 #7a7a7a;
}

.update:hover {
	background-color: #808080;
	border-color: #999999 #666666 #666666 #999999;
}

#co_cancel {
	cursor: pointer;
}

#wrapper {
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

.calendar_date_select table {
	border-spacing: 0;
}

/*
----------------------------
HEADER
----------------------------
*/

#header {
	padding-top: 13px;
	background:url(/images/header3.jpg) no-repeat;
}

body.login #header, body.contact #header {
	height: 75px;
	padding-top: 74px;
	background-image:url(/images/header_home2.jpg);
}

#support_info {
	color: #FFF;
	font-size:.8em;
	float: right;
	margin-right: 40px;
	display: block;
	text-align: right;
}

#support_info a {
	color: #8db2e4;
}

#marketing {
	margin-top: 5px;
	padding: 2px 4px;
	background-color: #daefc8;
	color: #435f2a;
}

#sys_msg {
	z-index: 2;
	position: absolute;
	margin: 0 345px;
	background-color: #a1c6e5;
	border: 1px dotted #FFF;
	padding: 3px 4px;
	color: #990000;
	font-size:.9em;
	text-align: left;
	display: table;
}

#header h1 {
	margin: 7px 0 6px 40px;
}

#header h1 a {
	width: 267px;
	height: 40px;
	text-indent:-1000em;
	display: block;
}

#nav_and_logout {
	text-align: center;
	height:20px;
}

#nav_and_logout ul {
	width: 450px;
	margin: 0 auto;
	padding: 0 0 0 80px;
}

#nav_and_logout li {
	margin: 0 4px;
	padding: 0 0 0 4px;
	float: left;
	background: url(/images/navtab_left_off.gif) no-repeat;
	height: 21px;
}

#nav_and_logout li a {
	color: #98bbd9;
	display:block;
	background: url(/images/navtab_right_off.gif) right;
	padding: 3px 10px 3px 5px;
	font-size:.9em;
	height: 15px;
}

#nav_and_logout li a:hover {
	color: #fff;
	text-decoration:none;
}

body.broadcast li#tab_broadcast,
body.files li#tab_files,
body.account li#tab_account,
body.clips li#tab_clips,
body.admin li#tab_admin {
	background-image: url(/images/navtab_left_on.gif);
}

body.broadcast li#tab_broadcast a,
body.files li#tab_files a,
body.account li#tab_account a,
body.clips li#tab_clips a,
body.admin li#tab_admin a {
	background-image: url(/images/navtab_right_on.gif);
	color: white;
}

#logout {
	float:right;
	padding-right: 40px;
	margin-bottom: 0;
	font-size:.9em;
	color: #d2e5ff;
	font-style:italic;
}

#logout a {
	font-style:normal;
	margin-left: 28px;
	color: #8db2e4;
}

.header_sub_nav {
	clear:both;
	text-align: center;
	background: #3371a1 url(/images/header_sub_nav_back.jpg) repeat-x;
	height: 26px;
}

.header_sub_nav ul {
	margin: 0 auto;
	padding-top: 4px;
}

.mac .header_sub_nav ul {
	padding-top: 3px;
}

.header_sub_nav li {
	display:inline;
	margin: 0 10px;
}

.header_sub_nav a {
	font-size: .9em;
	font-weight: bold;
	color: #94b7d4;
}

.header_sub_nav a:hover {
	color: #fff;
	text-decoration:none;
}

.header_sub_nav a.selected {
	color: white;
}

/*
----------------------------
MAIN
----------------------------
*/

#main {
	background:url(/images/top_shadow.gif) repeat-x #FFF;
	padding: 14px 40px 12px 40px;
	clear: both;
}

#main h3 {
	margin-bottom: 8px;
}

#overlay {
	background: black;
	z-index: 50;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#overlay_messages {
	z-index: 60;
	text-align:center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#flash_notice {
	margin-bottom: 14px;
}

#flash_notice span {
	font-size: 14px;
	font-weight: bold;
	padding: 2px 3px;
}

.overlay_message {
	display: block;
	margin: 90px auto 0 auto;
	padding: 20px;
	background-color: #FFF;
	border: 2px dashed #AAA;
	text-align:center;
}

.overlay_message.talign_left {
	text-align: left;
}

#overlay_close_btn {
	display: block;
	height: 16px;
	padding: 3px 3px 1px 1px;
	text-align: right;
	margin:-20px -20px 0 0;
}

#overlay_close_btn span {
	padding: 0 2px;
	cursor: pointer;
	border: 1px solid #385d92;
	color: #385d92;
	font-weight: bold;
	font-size: 11px;
}

#overlay_close_btn span:hover {
	background-color: #385d92;
	color: white;
}

.overlay_message #overlay_message_content {
	display: block;
	text-align: left;
	overflow: auto;
	padding-right: 20px;
	margin-right:-20px;
}

#custom_options {
	width: 425px;
	color: #555;
	padding-top: 10px;
}

#edit_ru {
	width: 482px;
}

#custom_options .bx, #edit_ru .bx {
	margin: 0 auto;
}

#loading_info {
	float:left;
	margin-left: 8px;
}

/*
----------------------------
LOGIN
----------------------------
*/

#summary {
	width: 715px;
	margin-bottom: 10px;
}

#login_wrapper {
	margin-top: 10px;
	padding: 20px 25px 0 0;
	float:left;
	width: 250px;
	height: 224px;
	border-right: 1px solid #BBB;
}

#announcement {
	margin: 10px 0 0 350px;
}



/*
----------------------------
SEARCH FORM and RESULTS
----------------------------
*/

#search_wrapper {
	margin-left: 378px;
}

#search {
	border: 1px solid #737373;
	min-width: 620px;
}

#search.channel {
	min-width: 496px;
}

#search_form, #list_header {
	background-color: #D5D5D5;
	border-width: 1px;
	border-style:solid;
	border-color: #E9E9E9 #B9B9B9 #B9B9B9 #E9E9E9;
}

#search_form table {
	border-collapse:collapse;
}

#search #list_header {
	border-collapse: separate;
}

#search #list_header td {
	border-width: 0;
	padding: 2px 1px 1px 1px;
}

#search_form {
	padding: 4px 4px 6px 4px;
	margin: 0;
	height: 18px;
}

#search #search_str {
	border: 0;
	padding: 4px 3px 2px 3px;
	height: 14px;
	background-image:url(/images/search_str_back.gif);
	background-color:none;
	font-size:12px;
	width: 165px;
}

#search #sr {
	border: 0;
	padding: 0;
	width: 25px;
	height: 20px;
	background:url(/images/search_go.gif) no-repeat #CCC;
	cursor: pointer;
	vertical-align: top;
}

#search_load_pacifier {
	vertical-align:top;
	padding: 2px 4px 0 5px;
}

.input_wrapper {
	margin-left: 11px;
}

.search_input {
	display: block;
	height: 14px;
	width: 128px;
	padding: 4px 21px 2px 5px;
	background:url(/images/search_input_short.gif) no-repeat #EAEAEA;
	font-size: 11px;
	cursor: pointer;
	overflow:hidden;
}

.input_wrapper:hover .search_input,
.input_wrapper .locked,
.search_input:hover {
	background-position: -154px 0px;
}

.input_wrapper:hover .no_show{
	background-position: 0px 0px;
}

.input_label {
	font-weight: bold;
	color: #888;
	margin-right: 5px;
}

input#source_type {
	margin: 0;
	padding: 0;
}

.drop_down {
	background-color: #97a0a8;
	border-style: solid;
	border-color: #5e6368;
	border-width: 0 1px 1px 1px;
	width: 148px;
	height: auto;
	padding: 2px;
	position:relative;
	z-index: 3;
	font-size: 11px;
}

.drop_down select, .drop_down_content {
	font-size: 11px;
	width: 147px;
	background-color:#e1ebf5;
	border-width:1px;
	border-style: solid;
	border-color: #737373 #EEE #EEE #737373;
}

.drop_down option {
	background-color: white;
	margin: 1px 0;
	padding: 2px 2px 2px 10px;
}

.drop_down option.select_separator {
	background-color: #97a0a8;
	color: white;
}

.drop_down option.no_indent,
.drop_down option.default,
.drop_down option.select_separator {
	padding-left: 2px;
}

.drop_down_content {
	padding: 4px;
	width: 137px;
}

.drop_down.flex_width,
.drop_down.flex_width .drop_down_content,
.drop_down.flex_width select {
	width: auto;
}

.drop_down_content input {
	vertical-align:middle;
	margin: 0;
}

#p_tf_custom {
	margin-bottom: 0;
}

#time_frame_custom {
	margin: 7px 0 7px 0;
}

#time_frame_custom input {
	margin-top: -4px;
	padding-left: 2px;
	width: 111px;
	font-size: 10px;
}

.select_controls {
	margin: 6px 0 2px 0;
	padding-right: 2px;
	text-align:right;
}

input.time_frame_select {
	margin-right: 4px;
}

#cal_err_msg {
	margin: 8px 4px 2px 4px;
	color: red;
}

.tbr {
	background-color: #61372d;
	border-color: #7a5046 #472c25 #472c25 #7a5046;
}

.tbr:hover {
	background-color: #80483b;
	border-color: #996457 #663f35 #663f35 #996457;
}

.checkbox_wrapper {
	padding:3px 1px 0 0;
	float:left;
}

/*  LIST HEADER  */

#list_header {
	width: 100%;
}

#clips #list_header tr{
	background:url(/images/list_header_back.jpg) #90abc0 repeat-x;
	padding: 1px;
}

#clips {
	border: 1px solid #c4d5e5;
}

#files {
	border: 1px solid #b9c6aa;
}

#files #list_header tr {
	background:url(/images/greendient_darker.jpg) repeat-x #b0cc93;
}

#list_header input, #list_header select, #list_header td, div#scope {
	font-size: 11px;
	font-weight: bold;
}

#list_header td, div#scope {
	padding: 4px 4px 3px 4px;
}

#list_header form {
	margin: 0;
}

#list_header td {
	width: 40%;
}

#searcher #search_str {
	padding: 2px 2px 1px 2px;
}

td#pagination {
	text-align:center;
	color: #999;
	width: 20%;
}

#clips td#pagination, #files td#pagination {
	padding-top: 7px;
}

div#scope {
	text-align:right;
	padding-right: 1px;
}

td#scope {
	text-align:right;
}

#scope span {
	margin-left: 6px;
	padding: 0 3px 1px 3px;
	border: 1px solid #333;
	background-color: #b3d5f1;
}

#scope span.clickable {
	border-color: #AAA;
	color: #AAA;
	cursor: pointer;
	background-color: none;
}

#scope span.clickable:hover {
	text-decoration: underline;
}

#page_info {
	color: black;
}


/*
----------------------------
ASSETS LIST
----------------------------
*/

#list_header {
	border-collapse: collapse;
}

#clips #list_header, #files #list_header {
	background-color: #FFF;
	border: none;
}

.assets_list {
	margin: 0;
	border: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}

#edit_wrapper .assets_list {
	border-width: 0;
}

.assets_list tr {
	height: 70px;
}

.assets_list tr.header, #edit_wrapper .assets_list tr {
	height: auto;
}

.assets_list th {
	padding: 4px 5px;
	font-weight:normal;
	white-space:nowrap;
}

#clips_list.assets_list th {
	background-color: #003366;
}

#files .assets_list th {
	background-color: #777;
}

#clips_list.assets_list th, #clips_list.assets_list th a {
	color: #8ea2b2;
}

#files .assets_list th, #files .assets_list th a {
	color: #aabd97;
}

#clips_list.assets_list th.sorted_by a {
	color: #dfeef7;
}

#files .assets_list th.sorted_by a {
	color: #ebf7df;
}


.assets_list td {
	padding: 5px;
}

.assets_list td a:visited {
	color: #677485;
}

.assets_list .thumbnail {
	width: 80px;
}

.assets_list img {
	border: 0;
}

.assets_list tr.even {
	background-color:#EAEAEA;
}

.assets_list tr.odd {
	background-color:#DADADA;
}

.assets_list td.status {
	font-weight:bold;
	white-space:nowrap;
}

.assets_list tr.failed {
	color: #AAA;
}

.assets_list tr.processing td.status {
	color: #AAA;
	font-style:italic;
	font-weight:normal;
}

.assets_list tr.failed td.status {
	font-style:italic;
}

img.deleter, img.expiration_notice {
	vertical-align:text-top;
	margin-left:5px;
	cursor:pointer;
}

img.expiration_notice {
	margin-left: 2px;
}

.expires_at {
	font-weight:normal;
}

/*
----------------------------
CLIP PLAYER
----------------------------
*/

#clip_player_container {
	background-color:#1f4266;
	padding: 0 4px;
	border: 1px solid #444;
	position:absolute;
	z-index:10;
	top: 200px;
	left: 509px;
	text-align:right;
	color: #CCC;
}

#clip_player_container.block_hider {
	padding-top: 4px;
}

#player_hider {
	cursor:pointer;
	padding-right: 2px;
}

.block_hider #player_hider {
	height: 0;
	width: 0;
	display:block;
}

#file_review {
	padding: 0 10px;
}

#file_review input#new_title {
	color: #000;
	width: 296px;
}

#file_review span.button {
	margin-left: 12px;
	font-size: .9em;
}

/*
----------------------------
ADMIN & USER INFO
----------------------------
*/

.floater_tbl {
	float:left;
	margin-right: 40px;
}

.set_count {
	font-weight: normal;
	font-size:11px;
	margin: 8px 0 0 0;
}

td.distribution_header, .admin_table td.distribution_header {
	text-align: center;
	background-color: #d5e1f2;
}

#repository_ids {
	width: 185px;
}

#repositories_tbl td {
	vertical-align: middle;
}

#add_ru {
	font-size: .9em;
}

#add_ru_outer {
	margin-top: 12px;
}

td#bad_rus {
	background-color:#993a3a;
	color:white;
}

.cats_filter {
	margin-top: 12px;
}

.cats_filter div {
	padding: 8px;
	border: 1px dotted #CCC;
}

/*
----------------------------
DISTRIBUTION
----------------------------
*/

#distribution tr.selected, #distribution tr.delivering {
	background-color: #deebd1;
}

#distribution td {
	vertical-align:middle;
}

#distribution td.rep_account {
	text-align: left;
}

#global_release_at {
	float:right;
}

.cru_embargo_calendar {
	white-space:nowrap
}

.cru_embargo_calendar input {
	width: 108px;
	font-size: 10px;
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: #919191 #D1D1D1 #D1D1D1 #919191;
	padding: 2px;
}

.repo_logo {
	padding: 4px;
}