/*** Temporary CSS built by TA staff for later integration into main stylesheet by 45royale ***/ 
div.staged_film_notice {
  font-size: 18px;
  background-color: #fcc;
  color: #900;
  padding: 9px;
  margin-bottom: 15px;
}

.bigtext {
  line-height: 22px; 
  font-size: 20px;
}

.changed { color: red !important; background-color: #fcc !important; }

/* ADMIN TABLE *******************/
table.admin {
  table-layout: auto;
  border-collapse: collapse;
  border: 1px solid #aaa;
  width: 100%;
  margin: 12px 0 0 0;
}
table.admin th {
  background: #aaa;
  color: #666;
  padding: 2px 5px;
  text-transform: uppercase;
}
table.admin td {
  border-bottom: 1px solid #aaa;
  padding: 2px 5px;
  font-size: 12px;
}
table.admin td.actions a {
  margin-right: 12px;
}
p.admin_actions a {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

div.admin div.pagination { width: auto; }
div.admin div.pagination ul { float: right; margin-top: 2px; }

div.autocomplete {
  margin:0px;  
  padding:0px;  
  width:250px;
  border:1px solid #888;
  position:absolute;
}
div.autocomplete ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}
div.autocomplete ul li.selected { 
  background-color:#ffb;
}
div.autocomplete ul li {
  margin:0;
  padding:2px;
  height:32px;
  display:block;
  list-style-type:none;
  cursor:pointer;
}

/* Search Autocomplete */
div.search_autocomplete {
  position:absolute;
  z-index:400!important;
  width:auto !important;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.search_autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.search_autocomplete ul li.selected { background-color: #299ECC;}
div.search_autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px 10px;
  cursor:pointer;
  clear:both;
}

div.search_autocomplete ul li .informal {
  color:#555;
  font-style:italic;
}
div.search_autocomplete .autoCompleteUser img {
  width:20px;
  height:20px;
  padding-right:5px;
  float:left;
}
div.search_autocomplete ul li .searchHighlight {
  background-color:#EADCDC;
  color:#000;
  font-weight:bolder;
}

/* ERRORS ***********************/
div.errorExplanation {
  width: 500px;
  padding: 0 0 5px 0;
  margin-bottom: 10px;
  background-color: #f3f3f3;
}
div.errorExplanation h2 {
  background-color: #f02d32;
  color: white;
  padding: 5px 5px 3px;
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}
div.errorExplanation p {
  text-transform: none !important;
  font-weight: bold !important;
  font-size: 12px !important;
  margin: 0 !important;
  padding: 5px 5px 0 5px !important;
  background-color: none !important;
  width: auto !important;
}
div.errorExplanation ul {
  list-style-type: disc;
  margin: 0;
  padding: 5px 5px 0 25px;
}

div.fieldWithErrors label {
}

/* Temporary styles for payment*/
div#payment div.paymentfield { position: relative; width: 501px; height: 21px; margin-bottom: 7px; }

div#payment div.paymentfield label {
	float: left; 
	padding-top: 4px; 
	font-size: 12px;  
	font-weight: bold; 
	text-transform: uppercase; 
	display: block; 
	width: 160px;
}

div#payment div.paymentfield input {
	float: right;
	width: 301px;
	height: 14px;
	padding: 3px;
	border: 1px solid #b1b1b1;
}

div#payment div.paymentfield label.cvv {
	position: absolute;
	left: 327px;
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 4px;
}


div#payment div.paymentfield select {
	float: right;
	height: 19px;
	border: 1px solid #b1b1b1;
}

div#payment div.paymentfield p { padding-top: 4px; font-size: 12px; font-weight: bold; position: absolute; left: 192px; }
div#payment div.paymentfield select.paymentmethod { position: absolute; left: 192px; width: 115px; }
div#payment div.paymentdetails div.paymentfield input.cardnum { position: absolute; left: 172px; width: 120px; }
div#payment div.paymentdetails div.paymentfield input.cvvcode { position: absolute; left: 363px; width: 51px; }
div#payment div.paymentfield div.expiration {
	float: right;
	width: 309px;
}

div#payment div.paymentfield div.expiration select { float: left; margin-right: 4px; }

div#payment div.paymentfield select.long { position: absolute; left: 192px; width: 309px; }
div#payment div.paymentfield select.country { position: absolute; left: 192px; width: 160px; }

/* ADMIN TICKER */
#admin_ticker { 
	background-color: #eee; 
	padding: 3px 6px; 
	margin-bottom: 1px; 
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
}
#admin_ticker form {
	display: inline;
}
#admin_ticker .bar {
	color: #ccc;
}

/* AutoComplete ****************************************************/
.autocomplete_indicator {
  background: #fff url(../images/ajax_white.gif) no-repeat top right !important;
}
/**** AUTOCOMPLETE ****/
div.autocomplete {
  border:none !important;
  position:relative;
}
.autocomplete .autocomplete_errors {
  background-color: #ec1c24;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  padding:2px !important;
}
.autocomplete .previously_selected dt {
  font-weight: bold;
  padding: 5px 0;
}
.autocomplete .previously_selected dd {
  padding:5px;
  height:20px;
}

.autocomplete .previously_selected dd span {
  float:left;
}
.autocomplete .previously_selected dd a {
  float:right;
  cursor:pointer;
  border: 1px solid #9a9a9a;
  font-weight:bolder;
  padding:1px;
  display:block;
  line-height:0.7;
  width: 10px;
  text-align:center;
  height: 10px;
}

.search_results {
  text-align:left;
  background-color: #fff;
  z-index: 1000;
}
.search_results ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #BBB9BA;
}
.search_results ul li {
  padding: 5px;
  border: 1px solid #fff;
}
.search_results ul li strong {
  color: #eb4137;
}
.search_results .selected {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  background-color: #ffe8b5;
  cursor: pointer;
}

.autocomplete fieldset {
  border: 1px solid #efefef;
  padding: 5px;
  margin: 10px 0 20px 0;
}

.autocomplete fieldset input {
  border: 1px solid #282828;
  width: auto;
  font-size: 14px;
}

.autocomplete_odd {
  border: 1px solid #efefef;
  background-color: #fff;
}
.autocomplete_even {
  border: 1px solid #efefef;
  background-color: #DCDCDC;
}

.following_button {
  text-align:center;
  -moz-border-radius-bottomleft:2px;
  -moz-border-radius-bottomright:2px;
  -moz-border-radius-topleft:2px;
  -moz-border-radius-topright:2px;
  background-color:#E6E6E6;
  border:1px solid #CCCCCC;
  color:#000000;
  font-size:x-small;
  padding:4px 4px;
  vertical-align:top;
  white-space:nowrap;
  margin-top:0.25em;
}
.following_button:hover {
  background-color:#D5D5D5;
}

.following_button a {
  display:block;
  color:#000;
}

.following_button a strong {
  color:#0FAF2D;
  font-weight:bolder;
  font-size:1.1em;  
}
p.action input.letmein_fb {
  width:75px;
}
.location {
  font-weight: bold;
  text-transform: uppercase;
}
.location a { color: #323232; }
.location a:hover { color: #8c8c8c; }


/**** Stuff to support new helpers in the old design ****/
p.actions { margin-top: 5px; }
p.actions a.watchlist-action, p.actions a.fanship { display: inline; }


/** The film library filters should be checkboxes - essentially this undoes line 2302 of master.css */
div.filters input {
  margin-left: auto !important;
  width: auto !important;
}


/**** CONTACT LIST ****/
/* Used in find_friends, ta_friends, invites/new etc */
.contact_list {
  clear: left;
  overflow: auto;
  height: 300px;
  border: 1px solid #e6e6e6; 
}
.contact_list .column {
  width: 50%;
  float: left;
}
.ie .contact_list .column {
  width: 280px;
}
.contact_list .column.last {
  border: 0;
}
.contact {
  height: 30px;
  padding: 1px 1px 1px 4px;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
.contact:hover, .contact.selected:hover {
  background-color: #e6edf7;
}
.contact.selected {
  background-color: #f2f2f2;
}
.contact_list .column.last .contact {
  border-right: none;
}
.contact img {
  display: inline;
}
/* A position: relative approach was favored, but it didn't work when overflow:auto
   kicked in in IE7 (see test_ie_overflow.html).  With decent browser we can float
   left and use margins, however IE7 doesn't like that either, so IE users just get
   the names and checkboxes without nice-looking positioning. */
.contact input, .contact div.cropped_image, .contact span {
  float: left;
}

.contact input { margin-top: 8px; }
.contact span { margin-left: 4px; margin-top: 8px; }
.ie .contact span {
  float: none;
}

.select_all { float: left; background: #d2d2d2; padding: 4px 12px 4px 4px; }

.contact .name { font-weight: bold; text-transform: uppercase; }

/** Show alternating colours for the Favorite Auteurs list **/
#lists .even a, #favorite_auteurs .even a { color: #323232; }
#lists .even a:hover, #favorite_auteurs .even a:hover { color: #acacac; }
#lists .odd a, #favorite_auteurs .odd a { color: #8c8c8c; }
#lists .odd:hover a, #favorite_auteurs .odd a:hover { color: #acacac; }

/* LISTS ***********************************************************/

div#lists { width: 387px; }
/*div#style div.lists ul li.odd { color: #0faf2d; }*/


/** We lost the trailer title style by accident, just hack this bad boy together **/
#trailer h2.green {
  background-color: #0078A4;
  color: white;
}

a.unique_username { color: #1a6380 !important; }
a.unique_username:hover { color: #000 !important; }


#main_search_box {
  width: 120px;
}

/** Notebook temporary styles. **/
h2.relatedfilms { clear: right; }
.red { color: #ef4135 !important; }
.big { text-transform: uppercase; font-weight: bold; }
.uppercase { text-transform: uppercase; }