@import url('_reset.css');
@import url('_useful.css');

/*	Begin
********************************/

body {

	background: #444F48 url('../img/layout/bg.main.gif') top left repeat-x;

	width: 970px;
	margin: 10px auto 80px auto;

	color: #3B4649;

}

a, a:active { outline: none; }

h1 {

	display: block;
	float: left;
	width: 197px;
	height: 33px;
	background-image: url('../img/layout/logo.main.gif');
	text-indent: -9999px;
	cursor: pointer;

}

input.text {

	border: 1px solid #000;
	padding: 2px;
	color: #3B4649;

}

button.img {

	background-color: transparent;
	border: 0px none;

}

h2 {
	text-indent: -9999px;
	height: 1px;
	overflow: hidden;
}

h3 {
	color: #3B4649;
	text-transform: uppercase;
	font-size: 1.6em;
	font-weight: bold;
}

h3.top {
	line-height: .95em;
	width: 330px;
	margin-bottom: 0px;
}

h3.top span {
	font-weight: normal;
}

#headerMessages, #headerErrors {
	padding: 17px 10px 1px 10px;
	margin-bottom: 15px;
	font-size: 1.2em;
	background-color: #92ABB8;
	color: #3B4649;
	border: 1px dashed #788082;
}

#headerMessages a, #headerErrors a {
	color: #3B4649;
	text-decoration: underline;
}

.crumb {
	font-size: 1.2em;
}

.crumb a {
	background-color: #fff;
	color: #3B4649;
	padding: 3px 7px;
	text-decoration: underline;
	font-weight: bold;
}

.bottomAction {
	float: right;
	margin: 10px 0px 0px 15px;
}

.bottomActionTwo {
	float: right;
	margin: 0px 0px 0px 15px;
	position: relative;
	top: -5px;
}

#showActivity {

	position: absolute;
	background-color: #92ABB8;
	border: 1px solid #fff;
	color: #3B4649;
	padding: 5px 10px;
	border: 1px solid

}

/*	Content
********************************/


#content {

	width: 970px;

	background: #ddf1f5 url('../img/layout/bg.content.gif') top left repeat-x;


}

/*	Header
********************************/

#header {
	height: 45px;
	position: relative;

}

#header div {
	font-family: Arial, sans-serif;
	position: absolute;
	left: 915px;
	color: #BFC6CC;
}

#header div a, #bottomNav a {
	color: #BFC6CC;
}
#header div a:hover, #bottomNav a:hover {
	text-decoration: underline;
}



/*	Footer
********************************/

#footer {

	position: relative;

}

#footer img {

	position: absolute;
	top: 15px;
	cursor: pointer;

}

#bottomNav {
	font-family: Arial, sans-serif;
	position: absolute;
	left: 200px;
	color: #BFC6CC;
	top: 15px;
}

#footer span {
	position: absolute;
	top: 15px;
	left: 775px;
	color: #BFC6CC;
}



/*	Border
********************************/

.borderLarge {
	height: 2px;
	overflow: hidden;
	background: url('../img/layout/border.horizontal.large.gif') top left repeat-x;
	margin: 5px 10px;
}

.border {
	height: 1px;
	overflow: hidden;
	background: url('../img/layout/border.horizontal.small.gif') top left repeat-x;
}

.border.b {

	height: 40px;
	overflow: hidden;
	background: url('../img/layout/border.horizontal.small.gif') bottom left repeat-x;
	margin-bottom: 10px;

}

.border.none {

    height: 40px;
    overflow: hidden;
    background: none;
    margin-bottom: 10px;

}

.getListedNowBG {

    width: 175px;
    height: 28px;

    padding: 5px 0px 5px 5px;

    background: transparent url('../img/layout/bg.listednow.gif') no-repeat;


}

.updateYourListingBG {

    width: 175px;
    height: 178px;

    padding: 5px 0px 5px 5px;

    background: transparent url('../img/layout/bg.loggedin.gif') no-repeat;

    overflow: hidden;

}


/*	Begin
********************************/

#cWrapper {

	padding-top: 1px;

	background: url('../img/layout/bg.results.gif') top left repeat-y;

}

/*	Left
********************************/

#left {
	width: 180px;
	float: left;
	padding-left: 8px;
	font-size: 1.4em;
	padding-bottom: 50px;
	overflow: hidden;

}


#left a {

	display: block;
	color: #3B4649;
	text-transform: uppercase;

	background: url('../img/layout/arrow.right.margin.png') top left no-repeat;

	behavior: url("css/_iepngfix.htc");

	margin: 2px 0px 2px 0px;

	padding: 2px 0px 2px 18px;

	width: 150px;

}

#left a.no {
	display: inline;
	width: auto;
	text-transform: none;
	font-size: .86em;
	background: none;
	padding-left: 2px;
	font-size: inherit;
	text-decoration: underline;
}

#left a.small {

	text-transform: none;
	font-size: .86em;

}

#left a.on {
	background-color: #F0F9FC;
}

#left a.quick {
	text-transform: none;
	font-size: .87em;
	background: none;
	margin-left: 13px;
	padding-left: 13px;
}

#left h3 {
	margin: 5px 0px 0px 18px;
	font-size: 1.2em;



}

#left h3.diff {

	margin: 2px 0px 2px 0px;

	padding: 2px 0px 2px 0px;


}

#left a h3 {
	margin: 0px;
}

#left a.large {
	font-size: 1.2em;
	font-weight: bold;
	background: none;
	padding-left: 0px;
}

table.login {
	margin-top: 3px;
}

table.login th, table.login td {
	padding: 2px;
}

table.login th {
	font-weight: normal;
	font-size: .9em;
	padding-right: 5px;
	text-align: left;
}

#left table.login a {
	display: inline;
	text-transform: none;
	background: none;
	margin: 0px;
	padding: 0px;
	width: auto;

	font-size: .9em;
}

#left table.login a:hover {
	text-decoration: underline;
}

/*	Crew List
********************************/


#left .crew, #left .crewList {

	font-size: .86em;

}

#left .crew h3, #left .crew p {
	margin-left: 3px;
}

#left .crew h3 {
	font-size: 1.33em;
	margin-bottom: .5em;
}

#left .crew .wrapper {
	overflow: hidden;
	width: 100%;
}

#left .crew .name, #left .crew .remove {
	background-color: #3B4649;
	color: #E0F3F8;
	float: left;
	padding: 3px 5px;
	overflow: hidden;
}

#left .crew .name {
	width: 105px;
	font-weight: bold;
}

#left .crew .remove {
	width: 50px;
}

#left .crewList {

	width: 175px;

	margin-bottom: 10px;

	overflow: auto; /* this is here because mac safari does not understand the next definitions */
	overflow-x: hidden;
	overflow-y: scroll;

}

#left .crewList table {
	clear: both;
	width: 160px;
}

#left .crewList table tr.even {
	background-color: #F1F9FC;
}

#left .crewList table tr th {
	width: 105px;
	text-align: left;
	padding: 3px 0px 3px 5px;
	font-weight: normal;
}

#left .crewList table tr td {
	font-weight: bold;
	width: 30px;
	text-align: right;
	padding: 3px 5px 3px 0px;
}

#left .crewList a {
	background: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	width: auto;
	text-transform: none;
	color: auto;
}

#crewlist_message {
	margin-top: 10px;
	position: absolute;
}

/*	Right
********************************/

#right {
	width: 743px;
	float: right;
	padding: 0px 17px 50px 0px;

}

#right h3 {

	font-size: 2.8em;
	float: left;

}


/*	Live Search
********************************/

#keywordSearch {

	width: 407px;
	height: 52px;
	background: url('../img/layout/bg.search.2.gif') no-repeat;

	float: right;

	position: relative;
	display: inline; /* IE6 double margin bug */

	margin-bottom: 10px;

}

#keywordSearch h4 {

	color: #3F6A78;
	text-transform: uppercase;
	/*font-size: 1.5em;*/
	font-size: 15px;

	position: absolute;
	top: 7px;
	left: 5px;

}


#keywordSearch a {
	color: #333;
	/*font-size: 1.1em;*/
	font-size: 11px;

}

#keywordSearch div a:hover {
	text-decoration: underline;
}

#keywordSearch input {
	width: 190px;
	position: absolute;
	top: 6px;
	left: 160px;
}

#keywordSearch button {
	position: absolute;
	top: 2px;
	left: 360px;
}

#keywordSearch a.advanced {

	position: absolute;
	left: 7px;
	top: 30px;

	color: #3F6A78;

	/*font-size: 1.5em;*/
	font-size: 15px;
	font-weight: bold;

}

#keywordSearch a.advanced img {
	vertical-align: middle;
}


#keywordSearch .links {

	position: absolute;
	top: 33px;
	left: 165px;

}



#liveSearchAnswers {
	position:absolute;
	background-color: #fff;

	border: 1px solid #000;
	border-top: 0px;

}

#liveSearchAnswers ul li {
	cursor:pointer;
	padding: 3px 5px;
}

#liveSearchAnswers ul li.selected { background-color: #C2E0E7;}




/*	Letter & View Links
********************************/

.letterLinks {
	float: left;
}

.viewLinks {
	display: inline;
	float: right;
}

.viewLinks a {
	color: #3B4649;
	font-size: 1.2em;
}

.viewLinks a:hover {
	text-decoration: underline;
}

.viewLinks a.on {
	background-color: #fff;
}

.letterLinks a, .letterLinks span {
	color: #3B4649;
	font-size: 1.2em;
	padding: 3px;
}

.letterLinks a:hover, .letterLinks a.on {
	background-color: #fff;
}

.letterLinks span {
	color: #4F4F4F;
}

.viewLinks span {
	font-size: 1.2em;
}


/*	Right Table
********************************/

#right table.zebra {

	margin-top: 10px;
	width: 100%;

	font-size: 1.2em;

}

#right table.zebra thead th {
	background-color: #3B4649;
	color: #E0F3F8;
	text-align: left;
}

#right table.zebra p {
	margin: 0px;
}

#right table.zebra td, #right table.zebra th {
	padding: 4px 7px;
	vertical-align: top;
}

#right table.zebra tr.odd td {
	background-color: #F0F9FC;
}

#right table.zebra a {
	color: #3B4649;
}

#right table.zebra a:hover {
	text-decoration: underline;
}

/*	Data Table
********************************/

#right table.data {
	margin-top: 25px;
	font-size: 1.3em;
}

#right table.data td, #right table.data th {
	padding: 5px;
}

#right table.data a {
	color: #3B4649;
}

#right table.data a:hover {
	text-decoration: underline;
}

#admin_exporting td, #admin_stats td {
	padding: 3px;
}

/*	Scroll info box
********************************/

.scrollers {
	float: right;
	margin: 10px 0px 10px 0px;
	font-size: 12px;
	padding: 1px;
}

.scrollers img {
	vertical-align: middle;
}

.scrollers span {
	margin-right: 15px;
}










/*	Left detail
********************************/


.leftDetail {
	display: inline;
	float: left;
	width: 415px;
	overflow: hidden;
}

#right table.detail h3 {
	text-transform: none;
	margin: 0px;
	font-size: .9em;
	color: #E0F3F8;
	height: 16px;
	overflow: hidden;
}


.larger {

	font-size: 1.4em;

}

.lowerButtons {

	float: right;
	width: 235px;

}

.lowerButtons a, .lowerButtons button {
	float: right;
	margin: 5px 0px 5px 0px;
}



/*	Right detail
********************************/


.rightDetail {
	display: inline;
	float: left;
	width: 320px;
	margin: 0px 0px 0px 7px;
	overflow: hidden;
}

.rightDetail h4 {
	height: 14px;
	padding: 5px 7px;
	background-color: #3B4649;
	color: #E0F3F8;
	font-size: 1.2em;
	width: 100%;
	margin: 10px 0px 7px 0px;
}

.rightDetail .caption {
	margin-top: 3px;
	text-align: right;
}


/*	Stills
********************************/


.stills .thumbs {
	margin-top: 3px;
	text-align: left;
}

.stills .thumbs img {
	margin-right: 1px;
}

.showreel_caption {
	position: relative;
	top: -10px;

	margin-top: 3px;
	text-align: right;

}




.selectAllLink {
	float: right;
	margin-right: 20px;
}

#right table#emailCrew {
	width: 400px;
	float: right;
	clear: both;
}



a.underline {
	text-decoration: underline !important;
}

p.morespace {
	margin-bottom: 4px !important;
}