body {
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	background-color: #e6dcd2;
	margin: 0px;
}

a, img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

a {
	text-decoration: none;
}

.hidden {
	display: none;
}

#header {
	text-transform: uppercase;
	height: 166px;
}

#header #logo {
	float: left;
	clear: both;
}

#headerContainer {
	width: 960px;
	margin: auto;
}

#languageSelect {
	float: right;
	clear: both;
	margin: auto;
	font-size: 12px;
	letter-spacing: 0.175em;
}

#languageSelect .languageEntry div.selected {
	background-color: #ffb400;
}

#languageSelect .languageEntry {
	float: left;
}

#languageSelect .languageEntry div {
	height: 4px;
}

#languageSelect a {
	color: #e8dbd4;
	display: block;
	float: left;
	padding: 10px;
}

#header #headerImage {
	height: 134px;
	width: 100%;
	float: left;
	clear: both;
	background-image: url('/graphx/headerBackground.jpg');
	background-position: center top;
}

#header #menuBar {
	clear: both;
	float: left;
	height: 32px;
	width: 100%;
	background-color: #303030;
}

#header #menu {	
	width: 960px;
	margin: auto;
	font-size: 12px;
	letter-spacing: 0.175em;
}

#header #menu .right {
	width: 300px;
	text-align: center;
	float: right;
	overflow: hidden;
	height: 32px;
}

#header #menu .right .menuEntry * {
	float: right;
}

#header #menu .right .menuEntry {
	float: right;
	text-align: right;
}

#header #menu .menuEntry.selected {
	background-color: #ffb400;
	padding-top: 4px;
	height: 28px;
	float: left;
}

#header #menu .menuEntry {
	float: left;
}

#header #menu .menuEntry:hover {
	background-color: #960f1e;
	padding-top: 4px;
}

#header #menu .right .menuEntry.selected {
	float: right;
}

#header #menu a {
	height: 28px;
	background-color: #303030;
	display: block;
	float: left;
	padding-left: 18px;
	padding-right: 18px;
	color: #e6dcd2;
	line-height: 28px;
	padding-top: 4px;
}

#header #menu a:hover {
	height: 28px;
	padding-top: 0px;
}	

#header #menu .menuEntry.selected a {
	padding-top: 0px;
}



/* -- Footer -- */
#footer {
	padding-top: 55px;
	height: 160px;
	width: 100%;
	clear: both;
	float: left;
	margin-top: 55px;
}

#footerContainer {
	width: 960px;
	margin: auto;
	height: 148px;
}

#footer #footerBar {
	height: 170px;
	padding-top: 1px;
	margin-bottom: 80px;
	background-color: #aa0013;
}

#footer #footerBar #footerInnerBar {
	width: 100%;
	background-color: #e6dcd2;
}

#footerContainer a:hover {
	text-decoration: underline;
}

#footerContainer #topLinks {
	padding-top: 30px;
	float: left;
	clear: both;
}

#footerContainer #topLinks a {
	color: #000000;
	font-size: 16px;
	text-transform: capitalize;
}

#footerContainer span.divider {
	padding-left: 15px;
	padding-right: 15px;
}

#footerContainer #contactDetails {
	float: left;
	clear: both;
	margin-top: 40px;
}

#footerContainer #contactDetails .details {
	margin-top: 10px;
	clear: both;
	float: left;
}

#footerContainer #contactDetails .details div {
	float: left;
}

#footerContainer #contactDetails .details .divider {
	padding-left: 15px;
	padding-right: 15px;
}

#footerContainer #contactDetails .details .entry .type {
	padding-right: 7px;
	color: #aa0013;
	font-weight: bold;
	text-transform: uppercase;
}

#footerContainer #contactDetails .details .entry a {
	color: #000000;
}

#footerContainer #footerLogo {
	float: right;
	width: 70px;
	height: 70px;
	margin-top: 16px;
}

/* -- Main Block -- */
#mainContainer {
	width: 960px;
	margin: auto;
	min-height: 900px;
}

#mainContainer #mainBlock {
	width: 960px;
	min-height: 360px;
	float: left;
	clear: both;
}

#mainContainer #mainBlock .leftPanel,
#mainContainer #mainContentBlock .leftPanel {
	margin-top: 55px;
}

#mainContainer #slideshow.leftPanel,
#mainContainer #video.leftPanel,
#mainContainer #aboutCastingQuarters.leftPanel {
	margin-top: 0px;
	width: 640px;
}

.leftPanel {
	width: 640px;
	float: left;
}

#mainBlock .leftPanel {
	width: 660px;
	float: left;
}

.leftPanel p {
	text-align: justify;
}

#mainContainer #mainBlock .leftPanel,
#mainContainer #mainBlock .rightPanel {
	height: 360px;
	margin-bottom: 45px;
}

#mainContainer .rightPanel {
	width: 300px;
	float: right;
}

#profileArea {
	background-image: url('/graphx/profileAreaBackground.jpg');
	background-repeat: no-repeat;
	min-height: 360px;
}

#profileArea .upper {
	width: 298px;
	border-left: 1px solid #AA0013;
	border-right: 1px solid #AA0013;
	min-height: 280px;
}


#profileArea .submitProfile {
	margin: 12px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url('/graphx/submitProfileButton.png');
	background-repeat: no-repeat;
	height: 28px;
	width: 175px;
	line-height: 28px;
	color: #FFFFFF;
}

#profileArea .submitProfile .text {
	float: left;
	padding-left: 12px;
	font-size: 14px;
}

#profileArea .submitProfile .smaller {
	float: left;
	font-size: 12px;
	line-height: 28px;
	padding-left: 4px;
}

#profileArea .pictures {
	background-image: url('/graphx/profileAreaPictures.png');
	height: 144px;
	background-repeat: no-repeat;
	background-position: 10px -40px;
}

#profileArea .advert {
	font-weight: bold;
	font-size: 16px;
	margin: 12px;
	margin-top: 0px;
}

#profileArea .socialMedia {
	background-color: #aa0013;
}

#profileArea .checkus {
	width: 286px;
	height: 37px;
	padding-left: 14px;
	line-height: 36px;
	clear: both;
	float: left;
	border-bottom: 1px solid #e8dbd4;
	background-color: #aa0013;
}

#profileArea .socialMedia div {
	background-color: #AA0013;
}

#profileArea .socialMedia .facebook {
	float: left;	
	width: 120px;
	height: 30px;
	text-align: center;
	padding-top: 12px;
	border-right: 1px solid #e8dbd4;
}

#profileArea .socialMedia .twitter {
	float: left;	
	width: 102px;
	height: 28px;
	text-align: center;
	padding-top: 14px;
	border-right: 1px solid #e8dbd4;
}

#profileArea .socialMedia .imdb {
	float: left;	
	width: 76px;
	height: 30px;
	text-align: center;
	padding-top: 12px;
}

#profileArea .socialMedia div:hover {
	background-color: #303030;
	cursor: pointer;
}

.castingCall {
	width: 630px;
	clear: both;
}

.castingCall .title {
	background-image: url('/graphx/castingCallBackground.png');
	background-color: #303030;
	background-repeat: repeat-x;
	color: #FFFFFF;
	padding-top: 16px;	
	line-height: 35px;
	padding-left: 11px;
	font-size: 14px;
	text-transform: uppercase;
}

.castingCall .content {
	padding: 20px;
	background-color: #303030;
	border-top: 1px solid #FFFFFF;
	color: #EFEFEF;
	line-height: 22px;
}

.castingCall .content a {
	color: #FFFFFF;
}

.pageTitle,
.largeTitle,
#welcomeTitle {
	color: #AA0013;
	font-size: 34px;
}

.pageMessage,
#welcomeMessage {
	margin-top: 30px;
}

.pageMessge p,
#welcomeMessage p {
	line-height: 24px;

}

#content .leftPanel {
	margin-right: 30px;
	width: 630px;
	float: left;
}

#twitterFeed {
	border: 1px solid #AA0013;
	width: 298px;
	float: left;
	clear: both;
}

#content.main .rightPanel #twitterFeed {
	margin-top: 25px;
	width: 298px;
}

#content.landing .rightPanel #twitterFeed {
	width: 298px;
}

#twitterFeed .title {
	background-image: url('/graphx/twitterImage.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-left: 52px;
	padding-top: 10px;
	height: 52px;
	color: #AA0013;
	clear: both;
}

#twitterFeed .title .div {
	float: left;
	clear: both;
}
	
#twitterFeed .name {
	font-size: 10px;
}

#twitterFeed .twitterHandle {
	font-size: 16px;
	font-weight: bold;
	padding-top: 3px;
}

#twitterFeed #feedElements {
	padding: 10px;
	padding-right: 12px;
}

#twitterFeed .feedItem {
	margin-bottom: 20px;
	/*
	border-bottom: 1px dotted #303030;
	padding-bottom: 16px;
	*/
}

#twitterFeed .feedItem a {
	color: #AA0013;
}

#twitterFooter { }

#twitterFooter .twitterLogo {
	background-image: url('/graphx/twitterLogo.png');
	background-repeat: no-repeat;
	width: 85px;
	height: 25px;
	margin: 8px;
	margin-bottom: 4px;
	float: left;
}

#twitterFooter .joinTheConversation a {
	float: right;
	margin: 10px;
	color: #303030;
	font-size: 14px;
	padding-top: 2px;
	margin-right: 12px;
}

#twitterFooter .joinTheConversation a:hover {
	text-decoration: underline;
}

#mainContainer .leftPanel form {
	width: 630px;
	clear: both;
}

#mainContainer .leftPanel form .field {
	width: 630px;
	margin-bottom: 20px;
}

#mainContainer .leftPanel form .field .label {
	padding-left: 2px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
}

#mainContainer .leftPanel form .field .input input {
	width: 630px;
	height: 34px;
	border: 2px solid #C8C8C8;
}

#mainContainer .leftPanel form .quickLinks {
	float: left;
}

#mainContainer .leftPanel form .quickLinks a {
	color: #AA0013;
	text-decoration: underline;
}

#mainContainer .leftPanel form .quickLinks a:hover {
	text-decoration: none;
}

#mainContainer .leftPanel form .buttons {
	float: right;
}

#annualFee {
	background-color: #FFB400;
	color: #000000;
	line-height: 40px;
	width: 300px;
	height: 40px;
	text-align: center;
	margin: auto;
	margin-bottom: 40px;
}

#mainContainer .leftPanel form .creditCardLogos {
	width: 634px;
	background-image: url('/graphx/creditCardLogos.png');
	background-repeat: no-repeat;
	background-position: 342px 17px;
}

#mainContainer .leftPanel form .creditCardLogos select {
	width: 200px;
}

#mainContainer .leftPanel form .field .input input.small {
	width: 60px;
	height: 34px;
	border: 2px solid #C8C8C8;
}

#mainContainer .leftPanel form .field .input .cvv {
	float: left;
}

#mainContainer .leftPanel form .field .input {
	height: 34px;
}

#mainContainer .leftPanel form .field .input select {
	margin-top: 9px;
	margin-right: 18px;
	float: left;
}

#mainContainer .leftPanel form .field .input .whatsthis {
	line-height: 38px;
	margin-left: 12px;
	float: left;
	font-size: 12px;
}

#mainContainer .leftPanel form .field .input .whatsthis a {
	color: #AA0013;
}

#mainContainer .leftPanel form .field .input .whatsthis a:hover {
	text-decoration: underline;
}

.leftPanel .right {
	float: right;
	margin-right: 26px;
}

#years {
	margin-top: 20px;
	margin-bottom: 15px;
	float: left;
	clear: both;
}

#years .year {
	float: left;
	width: 64px;
	height: 35px;
	background-color: #960f1e;
	line-height: 37px;
	padding-top: 2px;
	text-align: center;
	margin-right: 1px;
	margin-bottom: 1px;
	color: #FFFFFF;
	cursor: pointer;
}

#years .year:first-child,
#years .year.active {
	background-color: #ffb400;
	color: #000000;
}

#years .year.normal {
	background-color: #960f1e;
	color: #FFFFFF;
}	

.projectYear {
	display: none;
	float: left;
	clear: both;
}

.projectYear:first-child {
	display: block;
}

#projectYear2016 {
	display: block;
}

.project {
	float: left;
	clear: both;
	margin-top: 15px;
}

.project .thumbnail {
	width: 140px;
	height: 200px;
	float: left;
	margin-right: 16px;
	background-color: #000000;
}

.project .details {
	float: left;
	width: 450px;
}

.project .dataPoint {
	clear: both;
	float: left;
	line-height: 22px;
	margin-top: 5px;
	padding-left: 11px;
}

.project .dataPoint .title {
	float: left;
	color: #960f1e;
	margin-right: 8px;
	text-transform: capitalize;
}

.project .dataPoint .value {
	display: inline;
}

.project .details div.title {
	font-size: 20px;
	font-weight: bold;
	float: left;
	margin-right: 5px;
}

.project .details .year {
	font-style: italic;
	line-height: 24px;
	font-size: 18px;
	font-weight: normal;
}

#aboutCastingQuarters {
	background-image: url('/graphx/AboutUs.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

.fullWidth {
	width: 960px;
	float: left;
	white-space: normal;}

.legal {
	margin-top: 55px;
	white-space: normal;
}

#myProfile {
	margin-top: 55px;
}

#myProfile #leftMenu {
	width: 300px;
	float: left;
}

#myProfile #leftMenu .sectionLink {
	width: 280px;
	height: 45px;
	background-image: url('graphx/myProfileMenuBack.png');
	background-repeat: repeat-y;
	line-height: 48px;
	color: #000000;
	text-transform: uppercase;
	padding-left: 20px;
	font-size: 14px;
	border: 1px solid #CCCCCC;
	border-top: 0px;
	border-right: 0px;
}

#myProfile #leftMenu a:first-child .sectionLink {
	border-top: 1px solid #CCCCCC;
}

#myProfile #leftMenu .sectionLink.selected {
	background-image: url('graphx/myProfileMenuBack_selected.png');
}

#myProfile #sectionContent {
	float: right;
	width: 630px;
	/* border: 1px solid #999999; */
	min-height: 600px;
}

#myProfile .title {
	color: #960f1e;
	text-transform: uppercase;
	border-bottom: 1px solid #960f1e;
	line-height: 30px;
	font-size: 20px;
	padding-left: 7px;
	margin-top: 50px;
	float: left;
	clear: both;
	width: 623px;
}

#myProfile .title:first-child {
	margin-top: 0px;
}

.booleanExplanation {
	display: none;
}

.booleanExplanation textarea {
	width: 300px;
	height: 120px;
	float: left;
	clear: both;
}

#myProfile .dataPoint {
	margin-bottom: 10px;
	padding-left: 7px;
	margin-top: 10px;
	clear: both;
	float: left;
}

#myProfile .dataPoint select {
	width: 300px;
	height: 30px;
	clear: both;
	float: left;
}

#myProfile .dataPoint label {
	clear: both;
	float: left;
	font-size: 14px;
	margin-bottom: 4px;
	text-transform: uppercase;
	font-weight: bold;
}

#myProfile .dataPoint label.followOn {
	clear: both;
	float: left;
	margin-top: 5px;
	font-size: 18px;
}

#myProfile .dataPoint input[type='text'] {
	width: 605px;
	height: 32px;
	font-size: 16px;
	padding-left: 4px;
	border: 1px solid #999999;
}

#myProfile .title {
	float: left;
	clear: both;
	margin-bottom: 20px;
}

#myProfile .dataPoint label span {
	font-weight: normal;
	text-transform: none;
}

#myProfile #subText {
	width: 260px;
	float: left;
	clear: left;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 30px;
}

#myProfile div.hr {
	height: 1px;
	width: 630px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #960f1e;
	float: left;
	clear: both;
}

.buttons {
	clear: both;
	margin-top: 20px;
	float: left;
}

.buttons input[type='submit'],
.niceButton,
input.button {
	border-radius: 7px;
	-moz-border-radius: 7px;
	padding: 4px 10px 4px 10px;
	color: #FFFFFF;
	vertical-align: bottom;
	font-size: 14px;
	margin-bottom: 6px;
	margin-left: 4px;
	text-transform: uppercase;
	background-color: #960f1e;
	border: 0px;
}
.buttons input[type='submit']:hover,
input.button:hover {
	background-color: #660000;
	cursor: pointer;
}

#myProfile .dataPoint .multiSelect .field1 {
	float: left;
	width: 300px;
}

#myProfile .dataPoint .multiSelect .field2 {
	float: left;
	width: 185px;
	margin-left: 15px;
}

#myProfile .dataPoint .multiSelect .field3 {
	float: left;
	width: 100px;
	margin-left: 15px;
}

#myProfile .dataPoint .multiSelect .field2 select {
	display: none;
	width: 185px;
}

#myProfile .dataPoint .multiSelect .field3 input[value='Add'] {
	display: none;
}

div.checkBox {
	float: left;
	margin-right: 20px;
}

div.checkBoxSet {
	clear: both;
	float: left;
}

.description {
	margin-top: 24px;
	line-height: 24px;
}

#myProfile .dataPoint .date {
	clear: both;
}

#myProfile .dataPoint .date div {
	margin-right: 15px;
	float: left;
}

#myProfile .dataPoint .date .day select {
	width: 100px;
}

#myProfile .dataPoint .date .month select{
	width: 150px;
}

#myProfile .dataPoint .date .year select {
	width: 100px;
}



#contactForm {
	width: 100%;
	overflow: auto;
	}

#contactForm li {
	clear: both;
	display: block;
	overflow: auto;
	line-height: 34px;
	margin: 10px 0;
	border-bottom: solid 1px #c3c3c3;
}
	
#contactForm #special {display: none; }

#contactForm input, 
#contactForm textarea {
	float: right;
	width: 480px;
	border: 1px solid #960f1e;
	min-height: 24px;
	padding-left: 4px;
	font-size: 14px;
	margin-bottom: 10px;
}

#contactForm textarea {
	width: 478px;
}

#contactForm input[type='submit'],
#contactForm .submitbutton {
	width: 150px;
	border-bottom: 0px;
	float: right;
}

#contactForm input[type='submit'] {
	border-bottom: 1px solid #960f1e;
}

.submitbutton input {
	color: #960f1e;
	float: right;
}

.submitbutton input:hover {
	color: #fff;
	background-color: #ffb400;
	}

.message, #alert { 
	font-size: 20px;
	color: #960f1e;
}

#content.main .leftPanel {
	margin-top: 55px;
}

#contactForm li.missing label {
	background-color: #FFFF00;
}

.twtr-ft {
	display: none;
}

.twtr-widget-1 {
	border: 0px;
}

.login input[type='text'],
.login input[type='password'],
.login textarea {
	font-size: 14px;
	padding-left: 4px;
}

a.inLine {
	color: #aa0013;
	text-decoration: underline;
}

a.inLine:hover {
	text-decoration: none;
}

.contentData {
	font-size: 14px;
}

#userThumbnails { margin-top: 24px; margin-bottom: 48px; float: left;}

#userThumbnails .thumbnail {
	height: 260px;
	width: 200px;
	border: 1px solid #EFEFEF;
	float: left;
	margin-right: 8px;
	margin-top: 8px;
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
}

#userThumbnails .thumbnail.empty {
	background-image: url('/graphx/uploadThumbnail.png');
}

#userThumbnails .thumbnail input {
	display: none;
}

.section {
	float: left;
}

.section label,
.section .contentData {
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 20px;
}

.videoURLs {
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #960f1e;
	border-bottom: 1px solid #960f1e;
	float: left;
}

.videoURLs .addVideo {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.videoURLs .addVideo input[type='text'] {
	width: 484px;
	height: 32px;
	border: 1px solid #999999;
	font-size: 14px;
	padding-left: 4px;
}

.videoURLs .addVideo input[type='button'] {
	border-radius: 7px;
	-moz-border-radius: 7px;
	padding: 4px 10px 4px 10px;
	color: #FFFFFF;
	vertical-align: bottom;
	font-size: 14px;
	margin-bottom: 6px;
	margin-left: 4px;
	text-transform: uppercase;
	background-color: #960f1e;
	border: 0px;
}

.videoURLs .videoURL {
	color: #960f1e;
	font-size: 14px;
	padding: 10px;
	border-bottom: 1px dotted #960f1e;
}

.videoURLs .videoURL.even { }
.videoURLs .videoURL.odd { }

.videoURLs .videoURL a {
	color: #960f1e;
}

.videoURLs .videoURL a:hover {
	text-decoration: underline;
}

#uploadFiles {
	margin-top: 20px;
}


/* ---- */
.qq-uploader { width: 100%; float: left; clear: both; }

.qq-upload-button {
    display:block; /* or inline-block */
   	float: left;
   	border-radius: 7px;
	-moz-border-radius: 7px;
	padding: 4px 10px 4px 10px;
	color: #FFFFFF;
	vertical-align: bottom;
	font-size: 14px;
	margin-bottom: 6px;
	margin-left: 4px;
	text-transform: uppercase;
	background-color: #960f1e;
	border: 0px;
	clear: both;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list { margin:15px 35px; padding:0; list-style:disc; float: left; clear: both;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}

 .qq-upload-success {
 float: left;
 clear: both;
 }
 
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}



/* ----- */

#searchResults {
	float: left;
	clear: both;
}

.error {
	padding: 20px;
}	

.searchResult { margin-top: 24px; margin-bottom: 48px; float: left;}

.searchResult {
	width: 300px;
	height: 160px;
	margin-right: 30px;
	margin-bottom: 10px;
	float: left;
}

.searchResult:nth-child(3n+3) {
	margin-right: 0px;
}

.searchResult .profileInformation a {
	color: #FFFFFF;
}

.searchResult .profileInformation a:hover {
	color: #999999;
}

.searchResult .profileInformation {
	float: right;
	width: 154px;
	height: 144px;
	background-color: #333333;
	padding: 8px;
	color: #FFFFFF;
	font-size: 14px;
	overflow: hidden;
	cursor: pointer;
}

.searchResult .profileInformation .profileName {
	font-weight: bold;
}

.searchResult .profileInformation div {
	padding-bottom: 4px;
}

.searchResult .profileImage {
	height: 30px;
	width: 130px;
	float: left;
	background-position: center center;
	background-size: 100%;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 130px;
	cursor: pointer;
}	

.searchResult .profileImage input {
	border-radius: 7px;
	-moz-border-radius: 7px;
	padding: 4px 10px 4px 10px;
	color: #FFFFFF;
	vertical-align: bottom;
	font-size: 11px;
	margin-left: 4px;
	text-transform: uppercase;
	background-color: #960f1e;
	border: 0px;
	cursor: pointer;
}

#alphabeticChoices {
	border-top: 1px solid #960f1e;
	border-bottom: 1px solid #960f1e;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
	float: left;
	clear: both;
}

#alphabeticChoices a {
	margin-right: 25px;
	color: #960f1e;
}

#alphabeticChoices a:hover {
	color: #333333;
}

#alphabeticChoices a.selected {
	color: #000000;
}

#searchResults {
	/* padding: 20px; */
}

#emailSearchForm {
	margin-top: 22px;
	margin-left: 20px;
	float: left;
}

#emailSearchForm #emailAddressSearch {
	height: 24px;
	width: 360px;
	border: 1px solid #960f1e;
	font-size: 14px;
	padding-left: 4px;
	color: #222222;
}

#emailSearchForm #emailAddressSearch.empty {
	color: #999999;
}

#emailSearchForm input[type='submit'] {
	border-radius: 7px;
	-moz-border-radius: 7px;
	padding: 4px 10px 4px 10px;
	color: #FFFFFF;
	vertical-align: bottom;
	font-size: 14px;
	margin-left: 4px;
	text-transform: uppercase;
	background-color: #960f1e;
	border: 0px;
}

.totalUsers {
	font-size: 24px;
	padding-top: 22px;
}

.profileInformation .agentDetails {
	margin-top: 10px;
}

.profileInformation .agentDetails div {
	font-style: italic;
}


/* -- USER PROFILE -- */
.userProfile {
	margin-top: 55px;
}

.userProfile .profileName {
	color: #960f1e;
	font-size: 32px;
	padding-left: 334px;
	margin-bottom: 20px;	
}

.userProfile .images {
	width: 300px;
	margin-right: 30px;
	float: left;
	min-height: 800px;
}

.userProfile .images .primaryImage {
	width: 300px;
	height: 360px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
}

.userProfile .images .userImages {

}

.userProfile .images .userImages .image {
	width: 146px;
	height: 156px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

.userProfile .images .userImages .image:nth-child(2n+2) {
	margin: 0px;
}

.userProfile .column {
	width: 194px;
	float: left;
	min-height: 800px;
	margin-right: 15px;
	padding-left: 5px;
	overflow: hidden;
}

.userProfile .column:last-child {
	margin-right: 0px;
}

.userProfile .column:nth-of-type(2n+2) {
	border: 1px solid #960f1e;
	border-top: 0px;
	border-bottom: 0px;
	margin-right: 0px;
	padding-right: 15px;
}

.userProfile .column .title {
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}

.dataSet {
	margin-bottom: 40px;
}

.dataSet .fieldName {
	color: #960f1e;
	font-weight: bold;
	font-size: 16px;
	margin-top: 22px;
}

.dataSet .fieldValue {
	color: #000000;
	font-size: 14px;
}


/* --- ADVANCED SEARCH FORM --- */
#advancedSearchForm {	
	margin: 20px;
}

#advancedSearchForm .searchGroup {
	margin-bottom: 50px;
	clear: both;
	float: left;
	width: 100%;
}

#advancedSearchForm .searchGroup .title {
	margin-bottom: 20px;
	font-size: 18px;
	color: #960f1e;
	border-bottom: 1px solid #960f1e;
	clear: both;
	float: left;
	width: 100%;
}

#advancedSearchForm .searchGroup .dataPoint {
	border-bottom: 1px dotted #606060;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 40px;
	width: 200px;
	float: left;
}

#advancedSearchForm .searchGroup .dataPoint:nth-child(4n+1) {
	padding-right: 0px;
}

#advancedSearchForm .searchGroup .dataPoint label {
	width: 200px;
	clear: right;
}

#advancedSearchForm .searchGroup .dataPoint .field {
	float: left;
}

#advancedSearchForm .searchGroup .dataPoint .field select {
	width: 200px;
}

#advancedSearchForm .submitSearch {
	background-color: #960f1e;
	height: 40px;
	clear: both;
	width: 100%;
	float: left;
	line-height: 40px;
	text-align: center;
} 

/* --- CREDITS --- */

#creditListing {
	padding-bottom: 20px;
	float: left;
	clear: both;
	border-bottom: 1px solid #960f1e;
}

#trainingListing {
	padding-bottom: 20px;
	float: left;
	width: 100%;
	clear: both;
	border-bottom: 1px solid #960f1e;
}

.credit {
	font-size: 16px;
	height: 32px;
	margin-bottom: 1px;
}

.credit div {
	float: left;
	background-color: #CCCCCC;
	margin-right: 1px;
	line-height: 32px;
	padding-left: 8px;
	padding-right: 8px;
	overflow: hidden;
	height: 32px;
}

.credit .year {
	width: 40px;
}

.credit .creditTitle {
	width: 140px;
}

.credit .roleTitle {
	width: 80px;
}

.credit .characterName {
	width: 145px;
}

.credit .productionCompany {
	width: 140px;
}

.credit .creditTitle { }

#trainingListingForm,
#creditListingForm {
	display: none;
}

.credit.titles {
	font-weight: bold;
}


#trainingListing .credit div {
	width: 260px;
	float: left;
}

#trainingListing .credit .trainingYear {
	width: 50px;
}



/* SLIDESHOW */
#mainContainer #slides {
	background-image: url('/graphx/slideshow/0001.jpg');
	background-repeat: no-repeat;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:660px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:660px;
	height:360px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,
#slides .prev {
	position:absolute;
	top: 300px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

#mainContainer #slides .overlay {
	width: 660px;
	height: 80px;
	position: relative;
	top: 250px;
}

#mainContainer #slides .overlay .description {
	padding: 20px;
	padding-top: 14px;
	color: #FFFFFF;
}
.caption {
	z-index:500;
	position:absolute;
	height:90px;
	padding:0px 0px 0 20px;
	background-image: url('/graphx/black60.png');
	background:rgba(0,0,0,.5);
	width: 620px;
	padding-right: 20px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}

#comingSoon {
	display: none;
	clear: both;
	float: right;
}

#adminControls {
	background-color: rgba(0, 0, 0, 0.1);
	line-height: 48px;
	height: 50px;
	clear: both;
	float: left;
	overflow: hidden;
	width: 100%;
}

#adminControls div {
	float: left;
	margin-right: 2px;
}

#adminControls .title {
	text-transform: uppercase;
	font-size: 14px;
	padding-top: 2px;
	padding-left: 14px;
}

#adminControls input {
	border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 8px 15px 8px 15px;
	color: #FFFFFF;
	vertical-align: bottom;
	font-size: 14px;
	margin-bottom: 6px;
	margin-left: 4px;
	text-transform: uppercase;
	background-color: #960f1e;
	background-image: url('/graphx/adminControlButton_normal.png');
	border: 0px;
	cursor: pointer;
}

#adminControls input:hover {
	background-color: #000000;
	background-image: url('/graphx/adminControlButton_hover.png');
}

#adminControls .unenable {
	background-color: #999999;
	background-image: url('/graphx/adminControlButton_down.png');
	color: #666666;
}

#adminControls .status.good.unenable {
	background-color: #999999;
	background-image: url('/graphx/adminControlButton_down.png');
	color: #FFFFFF;
}

#adminControls .status.good:hover,
#adminControls .status.good {
	background-color: #8cd900;
	background-image: url('/graphx/adminControlButton_undo.png');
	color: #FFFFFF;
}


#blacklisted {
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	color: #FFFFFF;
	background-color: #000000;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	clear: both;
	float: left;
	text-transform: uppercase;
}

#membershipStatus {
	position: absolute;
	top: 186px;
	width: 960px;
}

#membershipStatus div {
	float: left;
	padding-right: 10px;
}

#membershipStatus .data {
	float: right;
}

#spacer {
	height: 20px;
	float: left;
	clear: both;
	width: 100%;
}

.login .errorMessage {
	padding-top: 20px;
	padding-bottom: 20px;
	color: #AA0000;
}

#columns {
	float: right;
	width: 630px;
	min-height: 1000px;
}

#profileContactDetails {
	float: left;
	width: 260px;
	padding: 20px;
	margin-top: 40px;
	background-color: rgba(0,0,0,0.05);	
}

#profileContactDetails .element {
	float: left;
	clear: both;
	margin-bottom: 10px;
	width: 100%;
	font-size: 14px;
}

#profileContactDetails .element .title {
	font-weight: bold;
	text-transform: uppercase;
}

#profileContactDetails .element .value {
	line-height: 24px;
	padding-left: 8px;
}


#profileContactDetails .detailGroup {
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
	float: left;
	clear: both;
	width: 100%;
	color: #960f1e;
}

.thumbnail input[type='button'] {
	margin-top: 230px;
	float: right;
	margin-right: 10px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	padding: 4px 10px 4px 10px;
	color: #FFFFFF;
	vertical-align: bottom;
	font-size: 11px;
	margin-left: 4px;
	text-transform: uppercase;
	background-color: #960f1e;
	border: 0px;
	cursor: pointer;
}