body,p,tr,td,input,select,textarea,ul,li {
  font-family: "Trebuchet MS",Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
}
body.main {
  background-color: #000000;
  margin: 0px;
}

a { color: #5900b2; text-decoration: underline; }
span.axs {text-decoration: underline;}
.not_displayed {display: none;}
img { border: none;  }
fieldset legend, label { margin: 0px; padding: 2px 2px; font-size: 110%; font-weight: bold; background-color: #ffffff;}
fieldset { margin: 8px 0px; padding: 5px 12px; width: 96%; border: solid #cdcdcd 1px; border-right-color: #808080; border-bottom-color: #808080; }
input[type=text],input[type=password],textarea,select { border: solid #cdcdcd 1px; border-left-color: #808080; border-top-color: #808080; padding: 2px; }
input[type=button],input[type=submit],input[type=reset] { border: solid #cdcdcd 1px; border-right-color: #808080; border-bottom-color: #808080; padding: 2px; font-size: 110%; margin: 1px 3px; margin-left: 0px; }
input[type=image] { border-style: none; margin: 0; padding: 0; }
input:focus { background-color: #c2a0e5; }
iframe { border-style: none; }

.pageHeader, #userContent h1, .regHeader {font-weight: bold; font-size: 16px; margin-top: 6px; margin-bottom: 10px; }
.sectionHeader, #userContent h2, .regSection {font-size: 14px; margin-top: 18px; margin-bottom: 6px; margin-top: 16px; }
.introduction,.pageText, #userContent p { }
.introduction { font-size: 130%; }
.pageText, #userContent p {font-size: 110%; }
.pageText em, #userContent em { color: #5900b2; font-style: normal; }
.buttonBar { margin-top: 16px; margin-bottom: 10px; }
.buttonBar input { margin-right: 6px; }
fieldset .buttonBar { margin-bottom: 5px; }
li { margin: 6px 0px; }
tr.header td { font-weight: bold; }

#userContent { width: 650px; }
#userContent.editable:hover { background-color: #c2a0e5; }
#userEditor { position: absolute; z-padding: 100; visibility: hidden; background-color: white;}
#userEditor textarea { width: 650px; height: 300px;}

div.newsStory { padding-bottom: 15px; font-size: 12px; }
div.newsStory div.title { padding-top: 5px; padding-bottom: 5px; font-weight: bold; }
div.newsStory div.title .date { font-weight: normal; padding-bottom: 0px; font-size: 10px; }
div.newsStory div.body p {margin-top:0px;font-size:12px;}
div.newsStory a div {color:black;}
div.newsStory a:hover div {text-decoration:underline;}
div.castingStory p {margin-top:0px;font-size:12px;font-weight: bold;}
div.castingStory {padding-bottom:15px;}
div.newsMore {font-style:italic;}
div.newsMore a {color:black;text-decoration:none;}
div.newsMore a:hover {text-decoration:underline;}

/* -- Simple list -- */
div.simpleList { margin-top: 5px; margin-bottom: 10px }
div.simpleList table { width: 95%; }
div.simpleList td { white-space: nowrap; vertical-align: top; }
div.simpleList td.nowrap { white-space: normal; vertical-align: top; }
div.simpleList tr.header td { font-weight: bold; }
div.simpleList .actions {margin-top: 15px;}
/* -- END Simple list -- */

/* -- Error messages -- */
.formError {background-color: #ffcccc;padding: 2px 6px; margin-right: 20px; margin: 5px 0px;}
.feLabel {color: #966;}
.feText {font-style: oblique;}
/* --END  Error messages -- */

/* --START Register TC --*/
div.registerTC .tcInfo { font-size: 130%; }
div.registerTC table.tcSignature td { font-size: 110%; }
div.registerTC table.tcSignature td.header { font-weight: bold; width:200px; }

/* --START Register Client --*/
form.registerClient div div.rClientLabel {width: 125px;float: left;}
form.registerClient div.rClientSubmit {width: 275px; text-align: right;}
form.registerClient div input[type=text] {width: 155px;}
form.registerClient div {padding-top: 4px; padding-bottom: 4px;}
/* --END Register Client --*/

/* --START Mydetails_user --*/
form.myDetailsUser div div.mDULabel {width: 125px;float: left;}
form.myDetailsUser div div.mDUText {padding-bottom: 0; font-weight: bold;}
form.myDetailsUser div.mDUSubmit  {width: 275px; text-align: right;}
form.myDetailsUser div.mDUNewSection  {margin-top: 15px;}
form.myDetailsUser div input[type=text] {width: 155px;}
form.myDetailsUser div select {width: 155px;}
form.myDetailsUser div {padding-top: 4px; padding-bottom: 4px;}
/* --END Mydetails_user --*/


/* --START Artist search -- */
div.asGeneral { margin-bottom: 10px; }
.asGeneral .label { margin-left: 8px; font-weight: bold; }
.asText input.asTerm { width: 300px; }
fieldset#haircolour div {width: 115px; float: left;}
fieldset#eyecolour div {width: 115px; float: left;}
fieldset#ethnicity div {width: 175px; float: left;}
fieldset#ethnicity div.group {margin-bottom: 6px;}
fieldset#ethnicity div.group div.category {font-weight: bold;}
fieldset#measurements td.asMeasurementItem {width: 280px; padding: 3px}
fieldset#measurements div.asMLabel {width: 70px; float: left;}
fieldset#measurements select {width: 65px;}
fieldset#specialrating div { width: 115px; float: left; }
label a, legend a {
	border-bottom: none black 1px;
	text-decoration: none;
}
label a:hover, legend a:hover {text-decoration: none; border-bottom: solid #5900b2 1px;}

div.fLabelShown { margin: 5px 3px; padding: 2px 0px 2px 10px;}
fieldset div.fLabelShown {padding: 4px 0px 2px 13px;}
.fLabelHidden, .fLabelHidden legend, .fSectionHidden {display:none;}
.fLabelShown, .fSectionShown {display:inherit;}
input.sSpecialProjectView {color: black; background-color: #f0f0f0; padding-left: 3px; width: 200px;}
input[type=button].asPlusMinus { width: 25px; }
/* --END Artist search -- */


/* -- START Shortlist -- */
table.crowdlist td { white-space: nowrap; padding: 2px 3px 1px 3px; margin: 0; }
table.crowdlist td.address { white-space: pre; }
table.crowdlist tr.even { background-color: #e8e8e8; }
table.crowdlist tr.odd td, table.crowdlist tr.even td { border-right: solid 1px #d0d0d0; }
table.crowdlist tr.odd td.noline, table.crowdlist tr.even td.noline  { border-right: none; }
table.crowdlist .header { font-weight: bold; border-right: none; }
table.crowdlist .header input { font-weight: bold; }
table.crowdlist .edit { width: 60px; }
table.crowdlist .edit_short { width: 35px; }
table.crowdlist input { background-color: transparent; }

table.filmstrip { height: 130px; }
table.filmstrip td.nav { width: 10px; padding-top: 45px; }
table.filmstrip td.image { width: 75px; vertical-align: top; padding: 0; margin: 0;  }

table.gallery td.cell { width: 200px; padding: 1px; margin: 0; }
table.gallery td.cell .image { height: 300px; }
table.gallery td.cell .label { background-color: black; color: white; text-align: center; padding: 3px; font-size: 110%; }
table.gallery td.cell input { background-color: transparent; color: white; text-align: center; font-size: 110%; }
table.gallery td.cell .pending { color: #7892f1; }

div.shortlistTitle { font-size: 120%; font-weight: bold; margin-bottom: 2px; }
div.toolbar { border: solid 1px #909090; background-color: #a0a0a0; color: #f0f0f0; padding: 1px 2px; width: 850px; }
div.toolbar .section { border: solid 1px #808080; background-color: #909090; padding: 2px 3px; float:left; margin-right: 3px; margin-bottom: 2px; height: 24px; }
div.toolbar .sectionLabel { float:left; font-size: 105%; margin-top:4px; margin-left: 2px; margin-right:3px; }
div.toolbar select, div.toolbar input[type=text] { display: block; float: left; background-color: #f0f0f0; margin:2px; border-style:none; }
div.toolbar input[type=button],div.toolbar input[type=submit] { margin: 2px; }
div.toolbar input[type=checkbox] { margin:0px; padding:0px; }

input.tBriefingDisplay { width:170px; color: #000000; }
/* -- END Shortlist -- */

/* -- ARTIST/ Register -- */
.registerArtistSection {background-color: #eeeeee; width: 530px; margin-top: 20px;}
.registerArtistSection legend {
		       padding: 2px 8px 2px 8px;
		       font-size: 110%;
		       border-right: solid #cdcdcd 1px; border-left: solid #cdcdcd 1px;
		       background-color: #f5f5f5;}
		       
.arToolbar { font-size: 150%; padding: 5px 8px; border: solid #cdcdcd 1px; width:800px; margin-bottom: 15px;}
.arToolbar a { color: orange; font-weight: bold; text-decoration: none;}
.arToolbar a:hover { text-decoration: underline;}
.arToolbar a.arDone { color: green; font-weight: bold; text-decoration: none; }
.arToolbar span.arInactive { color: #888888; font-weight: bold; }	

.arMatrix td { padding-bottom: 8px; padding-right: 25px; font-size: 120%; font-weight: bold; }
.arMatrix .arIncomplete { color: orange; }
.arMatrix .arComplete { color: green; }
	       
.arArtistProfile { padding:0px; color:#000088; width:800px;margin-bottom:6px; font-size:90%; }
.regText { margin-bottom:6px; font-size:90%; }	       
/* --END  ARTIST/ Register -- */

/* -- ARTIST (Shortlist / rename) -- */
form.shortlistRename {margin-top: 20px;}
form.shortlistRename input[type=text], div.srNewHeader {width: 40%; margin-right: 20px;}
form.shortlistRename div {margin-bottom: 5px;}
div.srNewHeader {float:left;}
div.srNewHeader, span.srCurrentHeader {font-weight: bold;}
/* -- END ARTIST (Shortlist / rename) -- */

/* -- ARTIST (Shortlist / myDetails) -- */
table.artist td { vertical-align: top; }
table.artist td#avImage { width: 210px; height: 350px; text-align:center; }
table.artist td#avImage .avMLabel { font-weight: bold; font-size: 9px }
table.artist td#avImage .avMItem { font-size: 9px }
table.artist td#avTabs {
  background-color: #eeeeee; 
  border: solid #cdcdcd 1px; border-right-color: #808080; border-bottom-color: #808080;
  padding-top: 4px;
}
table.artist .avTabLabel { color: #000000; font-weight: bold;  }
table.artist .avTabLabel a { font-weight: bold; text-decoration:none; }
table.artist .avTabLabel a:hover { text-decoration:underline; }
table.artist table.tab { 
  width: 530px; 
}
table.artist table.tab td.tab_td { padding: 5px; font-size:130%; }
table.artist div.avTabIntro {
  padding:0px;
  margin-top: 10px;
  margin-bottom:15px;
  font-size:90%;
  color:#000088;
}

table.artist table.avItems { width: 530px; }
table.artist td { padding: 2px 8px; } 
table.artist tr.error { background-color: #ffcccc; }
table.artist tr.required { background-color: #ffffcc; }
table.artist td.avLabel { width: 130px; }
table.artist td.avLabel .avLabelTitle { font-weight: bold; }
table.artist td.avLabel .avLabelTitle em { font-weight: normal; font-size: 90%; }
table.artist td.avItem .readonly { height: 15px; } 
table.artist td.avItem .option { float: left; clear: none; margin-right: 10px; } 
table.artist td.avItem textarea { width: 370px; }
table.artist td.avItem input.text { width: 370px; }
table.artist td.avItem input.numeric { width: 60px; }
table.artist td.avItem div.group {width: 125px; float: left;margin-bottom: 6px;}
table.artist td.avItem div.group div.category {font-weight: bold;}

div.avItemHelp {
	position:absolute;
	display:none;
	z-index:100;
	width:250px;
	margin-top:10px;
    padding:10px;
    background-color: #cdcdcd;
    border: solid black 1px;
}

table.artist td#avCalendar input { margin: 1px; font-size: 100%; }

/* Basic tab */
#avFieldemail td, #avFieldowntransport td, #avFieldequityno td  { border-top: 1px solid #cdcdcd; padding-top: 10px; }
#avFieldaddress td.avItem { height: 80px; }

/* Appearance tab */
#avFieldhaircolour td, #avFieldheadsize td, #avFieldtattoos td { border-top: 1px solid #cdcdcd; padding-top: 10px; }
#avFieldheight td.avItem select,#avFieldcupsize td.avItem select,#avFielddresssize td.avItem select { width: 60px; }

/* Payment tab */
#avFieldbankisbuildingsociety td, #avFieldpostpayadvice td { border-top: 1px solid #cdcdcd; padding-top: 10px; }

/* Credit tab */
#avFieldartistcredit td.avItem td { padding: 2px; }
#avFieldartistcredit td input.year { width: 25px; }
#avFieldartistcredit td input.type { width: 45px; }
#avFieldartistcredit td input.role { width: 70px; }
#avFieldartistcredit td input.production { width: 70px; }
#avFieldartistcredit td input.producer { width: 70px; }
#avFieldartistcredit td input.director { width: 70px; }

/* Other */
#avFielduniforms td.avItem, #avFieldwardrobe td.avItem, #avFieldanimals td.avItem, #avFieldchildren td.avItem { height: 120px; }
#avFielduniforms textarea, #avFieldwardrobe textarea, #avFieldanimals textarea, #avFieldchildren textarea { height: 110px; }

#avFieldartistexperience td.avItem td { padding: 2px; }
#avFieldartistexperience td input.years { width: 40px; }
#avFieldartistexperience td input.certificate { width: 90px; }
#avFieldartistexperience td input.place{ width: 90px; }
#avFieldartistexperience td input.description { width: 90px; }

/* Internal */
#tab_internal td.avItem, #tab_internal td.avItem input.text { width: 370px; }
#avFieldartistratinglink td, #avFieldsearchexclude td, #avFieldartistactingstylelink td { border-top: 1px solid #cdcdcd; padding-top: 10px; }
#avFieldnotesinternal td.avItem { height: 90px; }
#avFieldnotesinternal textarea { height: 80px; width: 370px; }
#avFieldnotesactorinternal td.avItem { height: 110px; }
#avFieldnotesactorinternal textarea { height: 100px; width: 370px; }


/* -- END ARTIST (Shortlist / myDetails) -- */

/* -- ARTIST / CALENDAR */
div.calPeriod { text-align: center; }
div.calMon { text-align: center; }
div.calActions { text-align: right; }
div.calActions input { margin: 2px 0px; font-size: 100%; }

table.calCalendar { border: solid #cdcdcd 1px; border-right-color: #808080; border-bottom-color: #808080; border-collapse: separate; background-color: #e8e8e8; border-spacing: 5px 5px;  }
table.calCalendar td { width: 25px; height: 25px; text-align: center; color: #808080; }
table.calCalendar td a { color: #000000; text-decoration: none; }
table.calCalendar td a:hover { text-decoration: underline; }
table.calCalendar td.notset { background-color: #ffffff;}
table.calCalendar td.booked { background-color: #5900b2; color: #ffffff; }
table.calCalendar td.free { background-color: #ccffcc; }
table.calCalendar td.notfree { background-color: #ffcccc; }
/* -- END ARTIST / CALENDAR */

/* -- SEND TEXT / EMAIL */
.txtHeader { font-size: 120%; font-weight: bold; padding-bottom: 10px; }
table.txtSend td { text-align: left; vertical-align: top; padding: 5px; }
table.txtSend td.txtMessage { font-size: 120%;  }
table.txtSend td.txtMessage input { width: 170px; margin-bottom: 10px; }
table.txtSend td.txtMessage textarea { font-size: 120%; width: 230px; height: 200px }
table.txtSend td.txtRecipients select { width: 200px; height: 180px }
.txtInvalid { font-weight: bold; padding-bottom: 10px; }

.msgHeader { font-size: 120%; font-weight: bold; padding-bottom: 10px; }
.msgLeft { float:left; width: 250px; }
.msgSubjectTitle { float:left; width:45px; padding-top: 5px; }
.msgSubject input { font-size: 120%; width:190px; font-weight: bold; }
.msgLeft textarea { font-size: 120%; width: 235px; height: 275px; }
.msgRight select { width: 235px; height: 175px; margin-bottom: 15px; }
.msgManual textarea { width: 235px; height: 25px; margin-bottom: 15px; }
.msgSender input { width: 235px; margin-bottom: 15px; }
.msgInvalid { font-weight: bold; padding-bottom: 10px; } 
/* -- END SEND TEXT / EMAIL */

/* -- MESSAGE VIEWER */
table.msgView { width: 90%; margin-top: 15px; }
table.msgView th { width: 10%; text-align: left; vertical-align: top; }
table.msgView td { width: 90%; }
table.msgView td.msgBody { font-family: monospace; white-space: pre-wrap; }
table.msgRcpts td { width:25%; }
td.msgRcptError { color: red; }
td.msgRcptSent { color: green; }
/* -- END MESSAGE VIEWER */

/* -- PROJECT */

table.pDetails td {padding: 2px 5px;}
table.pDetails td.pLabel {font-weight: bold;}
table.pDetails td.pLabel em {font-weight: normal; font-size:80%;}
table.pDetails td.pItem { }
table.pDetails td.pItem input,textarea { width: 230px; }

table.pBriefings td { vertical-align: top; }
table.pBriefings tr.header td { font-weight: bold; }
table.pBriefings td.pDate, table.pBriefings td.pDate input { width: 75px; }
table.pBriefings td.pBooked { text-align: center; padding-top: 4px; }
table.pBriefings td.pBooked a { color: #000000; text-decoration: none; font-weight: bold; }
table.pBriefings td.pDescription, table.pBriefings td.pDescription input { width: 100px; }
table.pBriefings td.pInstructions, table.pBriefings td.pInstructions textarea { width: 125px; height: 80px;}
table.pBriefings td.pAddInstructions, table.pBriefings td.pAddInstructions textarea { width: 160px; height: 80px;}
table.pBriefings td.pNotes, table.pBriefings td.pNotes textarea { width: 125px; height: 80px;}
table.pBriefings td.pRequired, table.pBriefings td.pRequired input { width: 25px; }
/* -- (project) ADD */
span.fReqd {color: #e66d00; vertical-align: top; font-size: 90%;}

/* -- END PROJECT */

/* -- FINANCE / Enter vouchers */
div.fvList { }
div.fvList table { border-spacing: 0 0;}
div.fvList tr.even, div.fvList tr.even input, div.fvList tr.even select { background-color: #e8e8e8; }
div.fvList tr.changed, div.fvList tr.changed input, div.fvList tr.changed select { background-color: #ffcccc; }
div.fvList td { white-space: nowrap; vertical-align: top; padding-bottom: 2px; padding-top: 2px; }
div.fvList td.static { padding-right: 10px; padding-top: 4px; }
div.fvList td input { width: 40px; padding: 0px; height: 17px; }
div.fvList td select { padding: 0px; }
div.fvList td input.selector, div.fvList td input[type=submit] { height: auto; width: auto; }
div.fvList .header td { font-weight: bold; vertical-align: bottom; }
/* -- END FINANCE / Enter vouchers */

/* -- FINANCE / Invoices */
table.iDetails { width: 90%; }
table.iDetails .iLabel { font-weight: bold; }
table.iDetails td { vertical-align: top; }
table.iDetails td input { width: 200px; }
table.iDetails td textarea { width: 250px; height: 50px; }

table.iContents { width: 90%; }
table.iContents .header td { font-weight: bold; vertical-align: bottom; }
table.iContents td.value { text-align: right; }
table.iContents td.value input { width: 40px; }
table.iContents td.description input { width: 300px; }
/* -- END FINANCE / Invoices */

/* -- FINANCE / Payroll */
table.prContents { width: 90%; }
table.prContents .header td { font-weight: bold; vertical-align: bottom; }
table.prContents td input { width: 40px }
/* -- END FINANCE / Payroll */

/* -- ADMIN / Settings */
.adsForm input,.adsForm textarea { width: 420px; }
.adsForm input[type="radio"] { width: 15px; }
.adsForm input.asdNI { width: 50px; }
.adsForm fieldset { width: 600px; }
/* -- END ADMIN / Settings */

/* -- ADMIN / News feed */
form.adNews .adnLabel {width: 150px;float: left;font-weight:bold;}
form.adNews .adnLabel em {font-weight:normal;font-size:90%;}
form.adNews .adnItem {padding-bottom: 8px;}
form.adNews .adnItem input[type=text] {width:400px;}
form.adNews .adnItem textarea {width:400px;height:400px;}

div.adnStory .adnUser {font-style:italic;}
div.adnStory div.newsStory div.body {margin-top:10px;padding:4px; background-color:#dddddd;}

/* -- PHOTOSHOTO */
div#psShootQueue, div#psEditQueue { 
  position: absolute;
  margin: 5px;
  width: 250px;
  height: 75px;
  overflow: scroll;	
}
div#psEditQueue { left: 275px; }
div.psQueueEntry { cursor: pointer; width: 225px; }
div.psQueueEntry:hover { background-color: #dddddd; }

div#psArtist {
	position: absolute;
	left: 530px;
	width: 340px;
	height: 120px;
	margin: 5px;
}
.psArtistName { font-weight: bold; font-size: 140%; margin-bottom: 1px; border-bottom: solid black 1px;  }
.psArtistImage { margin-right: 10px; }
div#psToolbar {
	position: absolute;
	top: 150px;
	width: 500px;
	margin: 5px;
}

div#psImages{ width: 900px; }
div.psImage { float: left; margin: 5px 2px; border-width: 2px; border-style: solid; }
div.psImageToolbar { color: #cccccc; font-size: 75%; margin: 2px; text-transform: uppercase; }
div.psImageToolbar a { color: grey; text-decoration: none; cursor: pointer; margin-right: 2px; }
/* -- END PHOTOSHOTO */

/* -- ARTIST / Shortlist Browser */

div.asbViewer {
    width: 420px;
    height: 500px;
    overflow: auto;
}
div.asbNode div.asbNode {
    margin-left: 16px;
}
div.asbLoading {    
    font-style: italic;
}
div.asbFolder, div.asbShortlist {
    height: 16px;
}
div.asbFolder:hover, div.asbShortlist:hover {
    background-color: #e0e0e0;
}
div.asbFolder {
    cursor: pointer;    
}
div.asbIcon {
    width: 16px;
    height: 16px;
    margin-right: 2px;
    float: left;
}
div.asbTitle {
    padding: 1px 3px;
    white-space:nowrap;
    overflow: hidden;
    max-width: 350px;
    text-overflow: ellipsis;
}
div.asbTitle a {
    color: black;
    text-decoration: none;
}
div.asbTitle a:hover {
    text-decoration: underline;
}
div.asbCog {
    float: right;
    height: 16px;
    width: 16px;
    visibility: hidden;
}
div#asbCogWindow {
    position: absolute;
    padding: 8px;
    z-index: 100;
    border: 6px solid #e0e0e0;
    background-color: white;
    width: 350px;
    height: 60px;
    visibility: hidden;
}
div.asbCancel {
    float: right;
    cursor: pointer;
}

/* -- END ARTIST / Shortlist Browser */