@charset "utf-8";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #fff;
	margin:0px;
	padding:0px 0px 0px 0px;
	color:	#666;
	overflow:auto;
	width:100%;
	height:100%;
}

h1,h2,h3,h4,h5,h6,p {
	padding:0px 0px 12px 0px;
	margin:0px;
}
th { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#cc0066;
	}
h1 { font-size:150% }
h2 { font-size:140%; color:#CC0066;}
h3 { font-size:130%; color:#CC0066; height:13px; margin-bottom:5px; }
h4 { font-size:120%; color:#CC0066; height:12px; }
h5 { font-size:100% }
h6 { font-size:90% }
h7 { font-size:17px; color:#CC0066; height:13px;  clear:both; }
h8 { font-size:26px; }

#h7ContainerColumn2 {
	border-top:1px solid #e6e6e6; 
	border-left:1px solid #e6e6e6; 
	border-right:1px solid #e6e6e6; 
	width:330px;
	padding:5px 0 0 10px;
	}


* html #h7ContainerColumn2 {
	width:340px;
}
#h7ContainerColumn1 {
	border-top:1px solid #e6e6e6; 
	border-left:1px solid #e6e6e6; 
	border-right:1px solid #e6e6e6; 
	width:348px;
	padding:5px 0 0 10px;
	}
* html #h7ContainerColumn1 {
	width:360px;
}
#drawingTool { 
	margin-top:10px;
	}
#samplesiFR {
	color:#0066FF;
	font-size:140px;
	}
	

.sIFR-active  { 
display:none
}	
.backToTate {   }

.login { font-size:12px; color:#CC0066; margin:0; padding:0; font-weight:bold;  }


.l label {
	font-size:120%;
}
label {
	color:#CC0066;
	font-weight:bold;
}

p {
	padding:0px 0px 8px 0px;
	margin:0px;
}
a {
	color: #C06;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;

}
a.copyright {
	font-size:11px;
	text-align:right;
	color: #ccc;
 	text-decoration:none;
}

a:hover.copyright {
	color: #666;
	text-decoration:underline;

}

#copyrightContainer {	
	   text-align:right; 
	 }


ul {
	padding:0px 0px 12px 20px;
	margin:0px;
}
ul li {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	margin:0px;
}


#header {
	background-color:#CC0066;
	text-align:right;
	padding:10px 60px 10px 10px;
}

#container-1 {
	position:absolute;
	top:95px;
	left:50%;
	margin-left:-400px;
	width:800px;
     
	}
#templateContainer {
	position:absolute;
	top:148px;
	left:50%;
	margin-left:-400px;
	width:780px;
	border:1px solid #999999;
}
/* another retarded steve hack...
* html #templateContainer {
    width:810px;
}
*/

#templateContainerPopup {
	 
	width:600px;
	border:1px solid #999999;
}
 
.breadCrumb {
	font-size:12px;
	position:absolute;
	left:0px;
	top:-60px;
	width:auto;
	color: #666666;
}

.breadCrumb a {
	color:#cc0066
	}
ul.subnavImage {

	margin:0px 0 10px 0;
	padding:5px 0 0 0;

}

#innerContainer {
	border:1px solid #cccccc; 
	padding:10px;
	min-height:400px;
}
* html #innerContainer { 
	height:420px;
	}
ul.subnavImage  li {
	width:auto;
	margin:10px 20px 0 0;  
	list-style-type:none;
	display:inline;
}

ul.subnavImage  li a img {

	 border:none;
	
}

.subnav ul {
	padding:5px 0px 0px 0px;
	margin:0 0 20px;
	 
}
.subnav  li {
	width:auto;
	margin:10px 20px 0 0; 	 
	font-size:120%;
	list-style-type:none;
	display:inline;
	
}
.subnav li.backTo {
	background-color:#F8DFEC;

}
.subnav li.active {
	opacity:.25;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
}
.subnav li a {
	text-decoration:none;
}
.subnav li a:hover {
	text-decoration:underline;
}

.subnav li a.faded {
	FONT-WEIGHT:lighter;
	}
a#slideA   {
	font-size:120%;
	text-decoration:none;
}
a#slideA:hover    {
 
text-decoration:UNDERLINE;
	 
}
#myShowSubNav {
	position:relative;
 
	 
	
	} 

#myShowSubNav td li {
	 
	 
	list-style-type:none;
	display:inline;
	 
	
}
* html #myShowSubNav td li {
	  
	}
 * html #myShowSubNav img {
 	border:none;
	}
	
.myShowSubNav li.active {
	opacity:.25;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
}
.myShowSubNav li a {
	text-decoration:none;
}
.myShowSubNav li a:hover {
	text-decoration:underline;
}
 
#saveMe {
	
	width:100px;
	position:absolute; 
	top:624px; 
	left:365px;
	}
* html #saveMe {
	top:622px; 
	}
.column {
	padding:20px 0px 20px 0px;
}
 
 
	.column1 {
		float:left;
		width:360px;
		padding-left:20px;
		background-color:transparent;
	 
	}
	
	.column1Welcome {
		padding-left:10px;
/* push box down */
		padding-bottom:190px;
		border: 1px solid #e6e6e6;
	}
	
	.column1Welcome img {border:none;}
	
/*
	* html .column1 {
		width:380px;
		}
    * html .column2 {
		width:350px;
		}
*/	
	 
	.column2 {
		padding-right:20px;
/*
	 	border:1px solid #999999;
*/
		background-color:transparent;
		float:right;
		width:340px;

	}
	
	
	.column3 {
		float:left;
		width:765px;
	}
	
	.htmlarea {
	
		width:380px;
		height:150px;
	
	}
.column1 p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	}
.req {
	color:#CC0066;
	font-weight:bold;
	font-size:90%;
}

.viewFile {
	font-size:80%;
	
}
.deleteFile,.changeFile {
	float:left;
	height:20px;
	width:250px;
	font-size:80%;
	background-color:#CCC;
}
.deleteFile {
	width:120px;

}
.fieldSpecs {
	clear:both;
	font-size:80%;
}

.l, .r ,.deleteFile{
	display:block;
}
.r {

}
.frsave {
	text-align:right;
	padding:5px;
	padding-right:18px;
}
	
.f_button {
	background-color:#fff; 
	font-size:90%;
	font-weight:bold;
	border:0px;
	color:#cc0066;
 	border:0px;
	padding:0px;
	margin:0px;
	cursor:pointer
	 
}



.fractive,.frbgColor {
	padding-top:10px;
}

.frsavechanges, .fraddwork {
	padding-top:20px;
	cursor:pointer

}

.frbacktoworklist, .frViewPresentation {
	padding-top:10px;

}
.frdrawing .r {
	display:none;
}
.workList {



}


.workList ol {
	border:1px solid #CCC;
	padding:3px;
	margin:0px;

}

.workList li {
    background-color:#e6e6e6;
 	width:100%;
 
	overflow: none;
	list-style:none;
	
	 
/*	padding-top:5px;*/
	margin-bottom:5px;
/*	padding-left:5px;*/
 	clear:both;

}
 
.workListHover { background-color: #F2BFD9; }
.workList li.workListPress { border:1px solid #C06; }


.workList li .workid {
	display:none;
}
.workList li .workDetails {
	float:left;
	margin-bottom:5px;
	width:360px;
 	font-size:80%;
	border:1px solid #CCC;
	background-color:#e6e6e6;
	padding:5px;
}
 
.workList li .workName {
font-size:120%;
color:#C06;
font-weight:bold;
border-bottom:1px solid #CCC;
}
.workList li .stopContainer{
	background-color:#e6e6e6;
	float:left;
	min-height:50px;
}
*html .workList li .stopContainer{
	height:50px;
}
.workList li .stopNumber {
}
.stopName {
     padding:0px; margin:0px
 
}
label {
	font-size:12px;
	}
.slideStopName {
 
	padding:0px;
	margin:0px;;
    left:0px;
	font-size:12px;
	font-family:verdana; 
	
}
.slideStopArtist {
	width:auto;
 
	font-size:12px;
	font-family:verdana; 
	font-weight:bold;
	text-decoration:underline; 
	padding:0px;
	margin:0px;
}

.workList li .stopDate {
}


.workList li .icons {	 
	width: auto;
	margin-left:20px;
}
.workList li .icons div {
	float:left;
	border:1px solid #CCC;
	margin-right:2px;
	margin-bottom:2px;
}
.workList li .icons .active {
	border:1px solid #666;
}

.workList li .links {
	float:left;
	padding-left:5px;
}
.workList li .links div {
	background-color: #F2BFD9;
	padding:3px;
	margin-bottom:3px;
	width:73px;
}
.workList li .links a {
	font-size:80%;
}

/*  */

 
 

.inactive {
	opacity:.25;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
}

.loggedIn_editWork h2, .loggedIn_addWork h2 {
	width:280px;
}
.loggedIn_editWork .column, .loggedIn_addWork .column {
	height:460px;
}


	.loggedIn_editWork .htmlarea, .loggedIn_addWork .htmlarea {
	
		width:500px;
		height:150px;
	
	}

.screenEdit {
	width:460px;
	height:210px;
	 
}
#editWorkForm {
	position:absolute;
	left:260px;
	top:280px;
	z-index:3000;
	
}

#transMask { background-color:#FFFFFF; }


.presentationTitle {
	 
	padding:5px;
	margin-bottom:15px;
	border:1px dotted #999999;
	color:#cc0066;

}

.presentationTimeline {
	margin:15px 20px;
}

.presentationTimeline img {margin-left:1px;margin-right:1px;}

/*.presentationTimelime ol {
	list-style:none;
	margin:0px;
	padding:0px;
}

.presentationTimelime li {
	display:inline;
}*/

.presentationMedia {
/*  width:749px;
	float:left;
*/
	width:710px;
	height:311px;
	margin-left:20px;
	padding:15px;
	border:1px solid #999999;
	margin-bottom:20px;

}

.drawingDisplay div {
	display:none;
}

/* full height drawing */
.drawingDisplayTall div {
	display:none;
}

.presentationAudio, .presentationImage, .presentationText, .presentationDrawing {
	float:left;
 
	padding:15px 0 15px 0;
	margin:0px;
}

.presentationAudio {
	margin-left:37px;
	padding:0px 0px 20px 0px;
/* ie6 margin hack */
	display:inline;
}

.popupAudioview {
	float:left;
	margin:0px;
	padding:0px 0px 20px 0px;
/* ie6 margin hack */
	display:inline;
}

.presentationText {
	padding-top:0px;
	margin-top:-5px;
}

.presentatioBgcolor {
	display:none;

}

#prev {
	position:absolute;
	top:35px;
	left:3px;
}

#next {
	position:absolute;
	top:35px;
	right:3px;
}
/*  SSM editMyStuff */


.slideCell {
	/*display:none;*/
	}
	
.editorial {
	float:right;
	width:auto;
 	height:20px;
	padding:0px; 
	margin:0 0 2px 0;
	}

.column1 .workListContainer {
	 
	
    width:355px;
    background-color:#cccccc;
	 
	min-height:47px;
	margin: 0 0 5px 0;
	 
	}
*html .column1 .workListContainer {
	height:50px;
 	width:360px;
	}
	
	
.column2 .workListContainer {
	 
 
    width:338px;
    background-color:#cccccc;
 
	min-height:45px;
	margin: 0 0 5px 0;
	
	 
	}
* html .column2 .workListContainer {
	height:50px;
 	width:340px;
	}	
	
.userChoice {
	font-size:12px;
	}

.legend {
	padding:7px;
	border-top:1px solid #666666;
	border-right:1px solid #666666;
	border-left:1px solid #666666;
	border-bottom:0px;
 
	}
.legend ul {
	 padding:0px;
	 margin:0px;
	}

.legend ul li {
	display:inline;
	padding-left:25px;
	width:70px;
	background-image:url(spacer.gif);
	background-repeat:no-repeat;
	}

#templates {
    
	}
	
	#templates table.template {
	border:1px solid #cc0066;
	}

#template1Selected, #template2Selected, #template3Selected, #template4Selected {
	display:none;
	}

#popup {
	position:absolute;
 	top:-55px;
	left:520px;
	width:300px;
	height:500px;
	background-color:#CCCCCC;
	color:red;
	display:none;
	overflow:scroll;
	border:5px solid #666666;
	padding:5px;
	}	 
#editorNavigation {
    font-size:15px;
	position:absolute;
	top:-25px;
	left:50%;
	margin-left:-380px;
	width:800px;
     
	}
#editorNavigation ul {
	list-style:none;
	width:500px;
}

#editorNavigation li {
 	float:left;
	display:inline;
    list-style:none;
	margin:0 5px 30px 0;
	 
	}
 
 #editorNavigation li img { border:none; }

.column1 .workHeader {
    border:1px solid #666;
 	float:left;
 	width:358px;
    background-color:#cccccc;
	min-height:55px;
	}
	
* html .column1 .workHeader {
	width:360px;
	height:55px;
	}
	
.column2 .workHeader {
 	border:1px solid #666;
	width:340px;
 	float:left;
    background-color:#cccccc;
	min-height:60px
	}
* html .column2 .workHeader {
	width:340px;
	height:60px
	}


.individualWork {
	font-size:12px;
	font-family:verdana;
	width:240px;
	float:left; 
	height:37px;
	}

.stopImage {	
	float:right; 
	padding:0px; 	 
	}
.stopImage a img {	
	border:none;
		}	
.stopImage img { 
	float:left; 
	/*border:1px solid #cc0066;*/
	}
	
.column1 .tipContent {  
 	clear:both; 
 
    border-left:1px   solid #666666;
	border-right:1px  solid #666666;
	border-bottom:1px solid #e6e6e6;
	width:358px;
	background-color:#ffffff; 
 
	}

* html .column1 .tipContent {
	 width:360px;
}
.column2 .tipContent {  
	clear:both;
    border-left:1px   solid #666666;
	border-right:1px  solid #666666;
	border-bottom:1px solid #e6e6e6;
	width:340px;
	background-color:#ffffff; 
	}
* html .column2 .tipContent {  
	width:340px;
	background-color:#ffffff; 
	}
		
.content {
	
    
	border-top:1px solid #e6e6e6;
	padding:6px;
	height:20px; 
	clear:both;
	
}
*html .content {
 
	}

#editStuffLegend {	
	border:1px solid #666666;
 	padding:5px 0 5px 0px;
	}
	
* html #editStuffLegend {
	width:200px;
	}
#editStuffLegend a:link {
	color: #666666;
	font-size:11px;
	text-decoration:none;
	}
#editStuffLegend a:visited {
		color:#666666;
	font-size:11px;
	text-decoration:none;
	}
#editStuffLegend a:active {
	color:#666666;
	font-size:11px;
	text-decoration:none;
	}
#editStuffLegend a:hover	 {
	color:#666666;
	font-size:11px;
	text-decoration:underline;
	} 

#stopNameContainer {  width:400px; 
						float:left;
					}
#stopname { 
	width:auto; 
	float:left; 
	font-weight:bold;
	
	}

.stopName {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	
	
}

.stopArtist {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:5px;
}
#popupLogo { 
	 
	height:62px;
	background-color:#cc0066;
	background-image:url(../_imgs/logo.gif);
	background-repeat:no-repeat;
	background-position:top right;
	
	}/* end SSM */


h2.sIFR-replaced {
	display:none;
	}


/************************
MY STUFF CSS
******************/


ul#myStuffColumn1 {

	padding:0px;
	margin:0px;
}

#column1Intro {
	width:338px;
	/*	border-bottom:1px solid #e6e6e6; */
	border-left:1px solid #e6e6e6; 
	border-right:1px solid #e6e6e6; 
	padding:0 10px 10px 10px; 
	font-size:11px; 
	font-family:verdana;line-height:18px;
	padding-top:8px;
	}
* html #column1Intro {
	width:360px;
}

#column2Intro {
	width:320px;
	/*border-bottom:1px solid #e6e6e6; */
	padding-top:8px;
	border-left:1px solid #e6e6e6; 
	border-right:1px solid #e6e6e6; 
	padding:0 10px 10px 10px;
	font-size:11px; 
	font-family:verdana;
	line-height:18px;
	padding-top:8px;
	}

* html #column2Intro {
	width:340px;
}

.listLI {
	position:relative;  
	list-style:none; 
	float:left; 
	margin-bottom:5px;
	}

.workHeaderContainer {
	padding:5px;
	}

#logout { 
	clear:both;
	 position:absolute;
	 top:-25px;
	 left:705px;
	 z-index:99;
	 }
#logout img {
	border:none;
	}


/********************************
OLD SLIDE CSS
*************************/

#selectedTemplateContainer {
	margin-top:10px;
	 
}
* html #selectedTemplateContainer {
	 
	}

#selectedTemplateContainer table {
	border:1px solid #ccc;
}
#template1, #template2, #template3, #template4 {
	 border:none;
	}
.after {
	display:block;
	}
.before {
	 display:none;
	}

.spacerLink {
	border:1px;
	border-color:#FFFFFF;
	}




.slideAction { }


.slideAction a:link { }

.slideAction a:hover { }

a.slideTitle   { 
	font-size:12px;
	font-family:verdana;
	text-decoration:none;
	}

.slideTitle a:hover { }


.slideAction img { 
	border:0px;

	}
ul#slideList {
	margin:0px;
	padding:0px;
	}	
.slideElement { 
	list-style:none;
	}
p.selector {
	padding:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
/*
#templateChoice1 , #templateChoice2, #templateChoice3, #templateChoice4 { 
	
	border:1px solid #666;
	height:68px;
	}


* html #templateChoice1 , #templateChoice2 ,#templateChoice3, #templateChoice4 { 
	height:70px;
	}

 */
 
ul#publishList  { 
	list-style:none;
	padding:0px;
	margin:0px;
	}
ul#publishList li { 
	padding:5px 0 5px 0;
	list-style:none;
	font-size:12px ;
	font-family:verdana;
	
	}
	


    .clientName {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : bold;    
    text-align : left;
	float:left;
    }

.assetName1,.assetName2,.assetName3,.assetName4 {
	text-align:center;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	}

#slide_all {
	margin-left:100px;
	margin-top:50px;
}

/* MY STUFF POPUPS */
#updateForm {margin-top:0px;}

.f_image > img, div.deleteFile,div.changeFile, div.fieldSpecs {display:none;}
.f_image img, div.deleteFile,div.changeFile, div.fieldSpecs {display:none;}
.f_audio > img, div.deleteFile,div.changeFile, div.fieldSpecs {display:none;}
.f_audio img, div.deleteFile,div.changeFile, div.fieldSpecs {display:none;}

.deleteFile {display:none;}
.changeFile {display:none;} 
.fieldSpecs {display:none;}


/* MYSHOW FORM */
.f_textarea {
	width:100%;
	height:80px;
	border: 1px solid #999;
}

/************************************/
/* CREATE SLIDE / TEMPLATE CHOICE   */
/************************************/

fieldset {width:335px;}

.templateNumber1, .templateNumber2, .templateNumber3, .templateNumber4 {
	width:150px;
	float:left;
	padding-top:66px;
	margin-top:10px;
	margin-left:12px;
/* IE6 double margin hack: */
	display:inline;
}

.templateNumber1 {
	background-image:url(../_imgs/template_01.gif);
	background-repeat:no-repeat;
}
.templateNumber2 {
	background-image:url(../_imgs/template_02.gif);
	background-repeat:no-repeat;
}
.templateNumber3 {
	background-image:url(../_imgs/template_03.jpg);
	background-repeat:no-repeat;
}
.templateNumber4 {
	background-image:url(../_imgs/template_04.gif);
	background-repeat:no-repeat;
}

.template_01 img, .template_02 img, .template_03 img, .template_04 img {margin-bottom: 2px;}


/* ADD SLIDE PAGE */

#slideName {width:280px;}


/* ASSET PLACEMENT PAGE */
#addAudio {display:block;}
    
#audioStatus, #removeAudio {
	display:none;
	}
p#audioTitle {
	ofnt-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

/* PRESENTATION VIEW PAGE */

.oneMain, .twoMain, .threeMain, .fourMain {
	width:708px;
	height:311px;
	background-repeat:no-repeat;
	display: block;
/*
	border: 1px solid #999; 
*/
}

.oneMain {background-image:url(../_imgs/box1.gif);}
.twoMain {background-image:url(../_imgs/box2.gif);}
.threeMain {background-image:url(../_imgs/box3.gif);}
.fourMain {background-image:url(../_imgs/box4.gif);}

.presmainTitle {
	width:668px;
	height:15px;
	margin:10px 10px 10px 10px;
	padding:0px 10px;
	float:left;
}

/* template 1 */

.presCellone {
	width:688px;
	height:266px;
	margin:0px 10px;
}

/* template 2 */
.presCellTall {
	width:339px;
	height:266px;
	margin:0px 0px 10px 10px;
}

/* template 3 & 4*/

.presCellQuarter {
	margin:0px 0px 10px 10px;
	width:339px;
	height:128px;
}



.presCellone, .presCellTall, .presCellQuarter {
/*	display:block; */
	float:left;
	overflow:auto;
	/* IE6 double margin hack: */
	display:inline;

}

.presCellone img, .presCellTall img, .presCellQuarter img {
	margin:10px;
}

.textDisplay {
	padding:10px;
}

/* Center Drawing in FF */
.drawingDisplay {margin: 4px auto auto auto;}
.drawingDisplayTall {margin: 4px auto auto auto;}

.presCellTall .drawingDisplay {margin-top:73px;}
.presCellone .drawingDisplay {margin-top:73px;}

.presCellTall .drawingDisplayTall {margin-top:8px;}
.presCellone .drawingDisplayTall {margin-top:8px;}

.visitorBox {
	width:740px;
	padding:15px 20px 0px 20px;
}

.visitorIntro {
	width:740px;
	margin-top:10px;
	border:1px solid #999;
}

.visitorIntro p {
	padding:0px;
	margin:10px;
}


/* MY SHOW/MY STUFF COLUMN BORDER HACK */
.loggedIn_myShow, .loggedIn_editorMyStuff, .loggedIn_createSlide, loggedIn_startSlide {
	background-image:url(../_imgs/background-columnsplit.gif);
	background-repeat:repeat-y;
}