/*  Styles just for the RESOURCES section of SAGIndie.org */

/* Styles for Resources Main Page */
/* Contained in style.css */

/* Styles for Production Directory Main Page */
ul.statelist {
  float: left;
  width: 500px;
  margin: 0 0 50px 50px;
  padding: 0;
  list-style: none;
}
 
ul.statelist li {
  float: left;
  width: 200px;
  margin: 0 0 5px 0;
  padding: 0;
}
.clearnote { clear: both; font-size: 0.9em; color: #999; }

/* --- PRODUCTION DIRECTORY --- */
.column-expand { /* OVERRIDES main style for "column" -- intended for resource submission pages */
	margin: 0 auto;
	}
	
h3.dirsubcat {
	text-align: left;
	width: 100%;
	color: #999;
	font-weight: normal;
	padding: 20px 0;
	}
.breadcrumb { color: #777; }
.breadcrumb a { color: #78accb; text-decoration: underline; }
.breadcrumb a:hover { color: #065f93; }
.breadcrumb .note { font-size: .9em; color: #999; }

.page fieldset {
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	margin: 10px 10px 0 10px;
 }

.page legend {
	font-size: 1.3em;
	font-weight: bold;
	color: #065f93;
	margin-bottom: -3px;
	}
.page fieldset hr {
	display: block;
	border-top: 1px dotted #ccc;
	border-left: none;
	border-right: none;
	border-bottom: none;
	height: 1px;
	margin: 0 0 5px 0;
	padding: 0;
	}
.page fieldset .wrapper { background-color: #fff; height: 300px; }
.page fieldset ul { /* All Posting Lists */
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 30%;
	}
.page fieldset li { padding-left: 20px;	}
.page fieldset ul, .page fieldset li {
	background-repeat: no-repeat;
	background-position: 0 .3em;
	}
.page fieldset .hide {
	display: none;
	}
ul.directoryskip li { font-size: 0.8em; color: #666; list-style-type: none; }
ul.directoryskip ul li { color: #000; font-size: 1.2em; list-style-type: disc; margin-left: 15px; margin-top: 5px;  }
/* First (Description) List */
ul.desc li { 
	background-image: url(images/icon-note.gif);
	background-position: 0 -.1em;
	font-size: .9em;
	margin-top: 3px;
	font-style: italic;
	font-weight: normal;
	}
ul.details { /* Second (Contact & Address) List */
	width: 25%;
	font-weight: bold;
	}
ul.details li, ul.details2 li {
	margin-top: 0;
	font-size: .9em;
	font-weight: bold;
	}
ul.details li.note {
	font-size: .9em;
	color: #999;
	font-weight: normal;
	margin-top: 3px;
	}
/* Third (phones, email, url) List */
ul.details2 li { border-bottom: 1px dotted #ccc; line-height: 2em; }
ul.details2 li.phone { background-image: url(images/icon-phone.gif);	}
ul.details2 li.mobile { background-image: url(images/icon-mobile.gif); }
ul.details2 li.fax { background-image: url(images/icon-fax.gif); }
ul.details2 li.email { background-image: url(images/icon-email.gif); }
ul.details2 li.url { background-image: url(images/icon-url.gif); }
ul.details2 a { text-decoration: underline; }

.ctaimg {
	float: right;
	margin-right: -7px;
	margin-top: -7px;
	margin-left: 5px;
	margin-bottom: 5px;
	}
#iconlegend {
	background-color: #f6f3ea;
	padding: 5px;
	margin: 10px 10px 0 10px;
	text-align: center;
	color: #777;
	clear: both;
	}
#iconlegend ul {
	margin: 0;
	padding: 0;
	}
#iconlegend ul li {
	font-weight: normal;
	display: inline;
	font-size: .8em;
	white-space: nowrap;
	}
#iconlegend img {
	margin-left: 10px;
	margin-right: 5px;
	vertical-align: bottom;
	}

/* --- CASTING BREAKDOWNS --- */

.castingTable {
	margin: 15px auto;
	border: 1px dotted #ccc;
	border-collapse: collapse;
	color: #444;
	width: 80%;
	}
.castingTable caption { display: none; }
.castingTable th, .castingTable td {
	border-right: 1px dotted #ccc;
	}
.castingTable th {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	font-size: .75em;
	color: #A7A6A6;
	border-top: 1px dotted #ccc;
	padding: 2px 5px 0;
	}
.castingTable td {
	width: 25%;
	vertical-align: top;
	padding: 0 5px 5px;
	font-size: .9em;
	}
.castingTable p {
	padding: 0;
	margin: 0;
	}
.castingTable p.more {
	padding-top: 5px;
	}
.castingTable .nb-top {
	border-top: 0;
	}
.castingTable .nb-right {
	border-right: 0;
	}
.castingTable .filmtitle {
	font-size: 1.6em;
	font-weight: bold;
	}
.castingTable .highlight {
	background-color: #fefee1;
	}
.castingTable .callout {
	font-weight: bold;
	}
.castingTable .deadline {
	color: #900;
	font-weight: bold;
	}
#sagmembernotice {
	font-size: .9em;
	margin-left: 20px;
	margin-right: 20px;
	padding: 5px 10px;
	background-color: #eee;
	}

/* --- SIDEBAR MODIFICATIONS --- */
#sidebar .currentstate {
	color: #333;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0;
	margin-left: 10px;
	padding-bottom: 0;
	}
#sidebar form select {
	font-size: 0.9em;
	color: #777;
	border: 0;
	width: 80%;
	background-color: #fff;
	margin-left: 10px;
	}
#sidebar ul ul ul li {
	background: none;
	padding-left: 0; 
	}
#sidebar ul ul li.back {
	background: url(images/bllt-sidebar2.gif) no-repeat 0 .4em;
	}
#sidebar ul ul ul {
	margin-left: 0;
	}
/* --- SEARCH RESULTS --- */
#searchresults, #searchresults li ul li {
	list-style-type: none;
	}
#searchresults {
	margin-left: 50px;
	margin-bottom: 35px;
	}
#searchresults li {	
	font-size: 0.8em;
	color: #b1b1b1;
	margin-top: 15px;
	}
#searchresults li ul li {
	font-size: 1.1em;
	color: #444;
	margin-top: 4px;
	padding-left: 8px;
	}
#searchresults li ul li.title {
	font-weight: bold;
	font-size: 1.2em;
	}
#searchresults li ul li.excerpt {
	font-style: italic;
	}
#searchresults li ul li.link a { color: #5389ba; }
#searchresults li ul li.link a:hover { color: #0f4a7f; }
#searchresults li ul .highlight {
	background-color: #fefecd;
	}
#searchnotfound { 
	border: 1px solid #990000;
	width: 60%;
	margin: 30px 0 50px 30px;
	padding: 15px;
	}
#searchnotfound h3 { color: #990000; padding: 0; margin: 0;}


/* --- SUBMISSION FORMS --- */

.submitTable label, .submitTable input, .submitTable .inputnote, .submitTable textarea  {
	display: block;
	width: 300px;
	float: left;
	margin-bottom: 10px;
}

.submitTable label {
	text-align: right;
	vertical-align: middle;
	width: 150px;
	padding-right: 10px;
	color: #777;
	text-transform: uppercase;
	font-size: 0.8em;
}
.submitTable label em { /* for "required" form items */
  position: relative;
  left: 336px;
  font-weight: bold;
  color: #900;
  font-size: 1.8em; 
  text-transform: none;
  top: -5px;
}
.req { font-weight: bold;  color: #900;  } /* for "required" form items */
.submitTable input, .submitTable textarea  { 
	border: 2px solid #eee;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px 3px 3px 5px;
	color: #666;
	background: url(images/bg-formfield.gif) no-repeat;
	}
.submitTable .inputnote { color: #444; font-size: 0.8em; padding-left: 15px; width: 200px; }
.submitTable .inputerror { color: #c00; font-weight: bold; font-size: 1.1em; display: block; }
.submitTable .radio, .submitTable .check 
 {width: 15px; border: 0; display: inline; float: none; margin: 0 3px 0 0; background: none; }
.submitTable .radiolabel, .submitTable .radiolabel2, .submitTable .checklabel { 
	margin: 0 25px 0 0;
	text-align: left;
	width: auto;
	padding: 0;
	color: #333;
	text-transform: none;
	font-size: 1em;
	}
.submitTable .labellarge { font-size: 1.6em; }
.submitTable .radiocell { width: 310px; }

.submitTable select {
	margin-left: 10px;
	width: auto;
	background-color: #eee;
	}
.submitTable input:focus, .submitTable textarea:focus, .submitTable select:focus {border: 2px solid #39f; color: #333;} /* for field highlighting */

.btn-resourcesubmit { font-size: 2em; margin-left: 160px; }
.btn-resourcereset { font-size: 1.3em; margin-left: 40px; color: #555; }
.btn-addcharacter { font-size: 1.1em; margin-left: 160px; margin-bottom: 50px; display: block; }

/* No Javascript & Missing Required Items Error Messages */
.no-script, .submit-error { border: 1px solid #c00; background-color: #ff9; padding: 10px; }
.submit-error  { width: 75%; }
.submit-error  p { padding: 2px; margin: 0; }
.submit-error  strong { font-size: 1.5em; font-weight: bold; color: #900; }
.submit-error em { font-weight: bold; }