/* NEW SYSTEM | The bar across the sub-clarification boxes (components, updates, storyline notes, etc)  */
.divisionHeader {
background-image: url(/secure/general/elements/backgroundTiles/solids/white_50.png);
color: #399FBE;
margin-bottom: 0px;
margin-top: 0px;
border-bottom: 1px dashed #FFFFFF;
border-bottom-left-radius: 0px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
font-size: 24px;
}



/* For showing Storyboard Clarifications*/
.storyboardSEEN { width: 100%; max-width: 527px; }


/* For character pages  */
.toolEntry { width: 150px; border-radius: 18px; border-width: 0; margin-top: 3px; margin-right: 1px; margin-bottom: 3px; margin-left: 1px; }





/* Controls the individual boxes for the color script panels */
.iconColorScript { border: 1px solid #000000; -webkit-transition: all 500ms ease-in-out 100ms; -o-transition: all 500ms ease-in-out 100ms; transition: all 500ms ease-in-out 100ms; margin-bottom: 2px; margin-top: 1px; -webkit-box-shadow: 2px 2px 10px 1px #000000; box-shadow: 2px 2px 10px 1px #000000; height: 180px; }



/* smaller Location icon that represents sub-locations of larger areas*/
.sublocationNOFADE
{
width: 120px;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 4px;
background-position: 114px 2px;
background-repeat: no-repeat;
}


/* adjusts the character icon entries to allow for the green/red lights to show*/
.CHARadj { width: 91px; padding-right: 3px; margin-bottom: 5px; }


/* these are the boxes that actuall say "sketch", "turn", etc.*/
.entryLabels { text-align: center; vertical-align: bottom; width: 17%; min-width: 75px; font-size: 12px; text-transform: uppercase; text-decoration: none; font-weight: bold; border-top-width: 0px; }


/* NEW SYSTEM | main structure for images in the 2nd entry row*/
.fullHorzSpanBoxes {
width: 99%;
border-radius: 10px;
margin-bottom: 2px;
border: 1px dashed #FFFFFF;
padding-top: 2px;
padding-bottom: 2px;}

/* NEW SYSTEM | main structure for images in the 2nd entry row BUT DARKER*/
.fullHorzSpanBoxes_dark {
width: 100%;
border-radius: 10px;
margin-bottom: 2px;
border: 1px dashed #FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
max-width: 800px;
background-image: url(/secure/general/elements/backgroundTiles/solids/darkBlue_50.png);
} 

/* NEW SYSTEM | box propery that the image goes into*/
.entryBoxesIMAGE { vertical-align: middle; width: 17%; min-width: 40px; border-radius: 10px; -webkit-box-shadow: inset 0px 0px 0 0 #FFFFFF; box-shadow: inset 0px 0px 0 0 #FFFFFF; text-shadow: 0px 0px 0px; background-color: #FFFFFF; }

/* NEW SYSTEM | actual image properties*/
.entryImage {  width: 100%; border-radius: 10px;  }


/* NEW SYSTEM | all the choices for the direction-notes for the above column ("render requested", "model approved", "see notes", etc */
.entryBoxesIMAGECHOICES { vertical-align: top; width: 17%; min-width: 40px; -webkit-box-shadow: inset 0px 0px 0 0 #FFFFFF; box-shadow: inset 0px 0px 0 0 #FFFFFF; text-shadow: 0px 0px 0px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
.entryChoice { width: 100%; border-radius: 10px; cursor: zoom-in; border: 1px dashed #FFFFFF; }





/*these pertain to the Notes placed at the bottom of updated assets*/
.assetNote { padding-left: 30px; padding-right: 30px; text-align: justify; }
.noteIcon {
	max-height: 100px;
	margin-right: 5px;
	height: 100px;
	width: 120px;
	min-height: 100px;
	min-width: 120px;
	max-width: 120px;
}


.storylineNOTES { text-align: justify; margin-top: 7px; margin-bottom: 3px; padding-left: 20px; padding-right: 20px; font-size: 15px; font-weight: bold; word-spacing: -1px; }



.WRITTEN { vertical-align: middle; width: 17%; min-width: 75px; font-size: 15px; line-height: 12px; text-transform: uppercase; padding-left: 5px; padding-right: 5px; min-height: 75px; height: 75px; text-decoration: none; font-weight: bold; background-image: url(/secure/general/elements/backgroundTiles/spacer.png); background-repeat: no-repeat; }


/* Banners */

/* Category Banners indicating "locations", "characters", "props, etc */
.sectionLabels { color: #ffffff; text-align: center; font-size: 28px; margin-top: 10px; margin-bottom: 5px; border-radius: 50px; letter-spacing: 4px; text-transform: uppercase; text-shadow: 0px 0px 0px; vertical-align: middle; border: 2px dotted #000000; -webkit-box-shadow: 0px 0px 10px #000000; box-shadow: 0px 0px 10px #000000; width: 80%; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; }

/* subbanners indicating further breakdown of "locations", "characters", "props, etc */
.sectionSubLabels { /* [disabled]color: #ffffff; */ text-align: center; font-size: 19px; margin-bottom: 5px; border-radius: 10px; letter-spacing: 0px; vertical-align: middle; border-style: solid dotted; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-width: 1px; /* text-transform: uppercase; */ margin-top: 5px; line-height: 24px; padding-top: 0px; }

.furtherInfo { width: 80%; margin-top: 10px; background-image: url(/secure/general/elements/backgroundTiles/solids/white_50.png); padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; border-radius: 20px; border: 1px dashed #FFFFFF; ; }




/* Skeleton Classes*/
.skeleton { background-repeat: no-repeat; display: inline-block; text-transform: uppercase; font-size: 14px; font-style: normal; background-size: 100% 100%; text-align: center; white-space: pre-wrap; position: static; line-height: 2; margin-top: 4px; margin-right: 4px; margin-bottom: 4px; margin-left: 4px; padding-left: 5px; padding-right: 5px; }
.locationBG
{ background-image: url(/secure/general/elements/entryIcons/skeletons/locationSkeleton_icon.png); height: 126px; width: 230px; }
.flatscreenBG
{ background-image: url(/secure/general/elements/entryIcons/skeletons/flatscreenSkeleton_icon.png); height: 152px; width: 193px; }
.characterBG
{ background-image: url(/secure/general/elements/entryIcons/skeletons/characterSkeleton_icon.png); height: 126px; width: 119px; }
.propBG
{ background-image: url(/secure/general/elements/entryIcons/skeletons/propSkeleton_icon.png); height: 126px; width: 230px;}
.spfxBG
{ background-image: url(/secure/general/elements/entryIcons/skeletons/spfxSkeleton_icon.png); height: 126px; width: 230px;}



/* Box containing the shots listed that a certain set is used in (for pages assigned to specific episdoes) */
.shotList { border-left: 2px dotted #FFFFFF; border-right: 2px dotted #FFFFFF; border-bottom: 2px solid #FFFFFF; border-top: 2px dotted #FFFFFF; border-radius: 10px; width: 150px; max-width: 150px; min-width: 150px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-style: normal; font-weight: normal; font-size: 19px; text-align: center; background-image: url(/secure/general/elements/backgroundTiles/cautionStripes/darkBlueCautionStripes.jpg); background-repeat: repeat; background-size: 50px auto; margin-bottom: 20px; margin-top: -6px; margin-right: 17px; }



/* These are the dotted lined boxes that surround entire parts of the website (like Props, Locations, etc */
.overallLocationBox { background-image: url(/secure/general/elements/backgroundTiles/solids/purple_50.png); border-radius: 20px; border-right: 4px dotted #000000; border-left: 4px dotted #000000; padding-top: 5px; padding-bottom: 5px; }
.overallPropBox { background-image: url(/secure/general/elements/backgroundTiles/solids/orange_50.png); border-radius: 20px; border-right: 4px dotted #000000; border-left: 4px dotted #000000; padding-bottom: 5px; padding-top: 5px; }
.overallCharacterBox { background-image: url(/secure/general/elements/backgroundTiles/solids/green_50.png); border-radius: 20px; border-right: 4px dotted #000000; border-left: 4px dotted #000000; padding-top: 5px; padding-bottom: 5px; }



.entryBoxesIMAGE {background-color: #FFFFFF; border-radius: 10px; min-height: 50px; border-radius: 10px; width: 17%; min-width: 75px; }

/* turns things BLUE!! (for modeling references) */
.MODEL { border: 2px solid #C5EDFF; -webkit-box-shadow: 0 0 10px 5px #3D8CFF; box-shadow: 0 0 10px 5px #3D8CFF; background-color: #FFFFFF; border-radius: 10px; min-height: 50px; border-radius: 10px; }
/* turns things GREEN!! (for texture references) */
.TEXTURE { -webkit-box-shadow: 0 0 10px 5px #8FFFA6; box-shadow: 0 0 10px 5px #8FFFA6; background-repeat: repeat; min-height: 50px; border-radius: 10px; background-color: #FFFFFF; border: 2px solid #D9FFC5; }

/* turns things RED!! (for incorrect renders that are NOT approved) */
.NOTAPPROVED {
	-webkit-box-shadow: 0 0 10px 5px #FE4600;
	box-shadow: 0 0 10px 5px #FE4600;
	background-repeat: repeat;
	min-height: 50px;
	border-radius: 10px;
	background-color: #FFFFFF;
	border: 2px solid #CB3802;
	background-image: url(/secure/general/elements/backgroundTiles/cautionStripes/redCautionStripes.jpg);
	background-size: 90px auto;
}

/* shrinks the prop icons in the Component Breakdown section */
.component { width: 200px; border-radius: 5px; background-size: 10% auto; background-position: 0% 0%; margin-right: 4px; margin-left: 4px; margin-bottom: 9px; }




/* specifically for the AVA page to affect her screens*/
.AVAscreenIcon { width: 200px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; }