/**
@copyright Uday Thombre (https://udaythombre.com)
@author Uday Thombre (uday@udaythombre.com)
@description Cadcade Style Sheets - Contents - Theater Shows
@intelligenceProperty Uday Thombre (uday@udaythombre.com)
 */

 
:root {
	
	--sstab-code-font-family : "courier", monospace;
	--sstab-ul-li-border-shadow : 0px 0px 9px rgba(0,0,0,0.15);
	
	--sstab-ul-back-color : #efefef;
	--sstab-ul-gradient-fore-color : #efefef;
	--sstab-ul-gradient-back-color : #bbbbbb;
	
	--sstab-ul-li-hover-back-color : #4b545f;
	--sstab-ul-li-hover-gradient-fore-color : #4f5964;
	--sstab-ul-li-hover-gradient-back-color : #5f6975;
	
	--sstab-ul-li-selected-back-color : #4b545f;
	--sstab-ul-li-selected-gradient-fore-color : #4f5964;
	--sstab-ul-li-selected-gradient-back-color : #5f6975;
	
	--sstab-ul-li-anchor-fore-color : #757575;
	--sstab-ul-li-hover-selected-anchor-fore-color : #fff;
	
	--sstab-left : 1px;
	--sstab-top : 80px;
	--sstab-border-radius : 10px;
	--sstab-width : var(--theater-filmetography-width);
	--sstab-max-width : var(--theater-filmetography-max-width);
	--sstab-height : var(--theater-height);
	--sstab-max-height : var(--theater-max-height);
	--sstab-navigation-left: 1px;
	--sstab-navigation-top: 5px;
	
	--sstab-tab-top : 40px;
	--sstab-tab-fore-color : #efefef;
	--sstab-tab-back-color : #4b545f;
	--sstab-tab-gradient-fore-color : #4f5964;
	--sstab-tab-gradient-back-color : #5f6975;
	--sstab-tab-border-shadow : 0px 0px 9px rgba(0,0,0,0.15);
	--sstab-tab-width : var(--theater-filmetography-width);
	--sstab-tab-max-width : var(--theater-filmetography-max-width);
	--sstab-tab-height : 760px;
	--sstab-tab-max-height : 760px;
	--sstab-tab-top-position : absolute;
	--sstab-tab-border-radius: 10px;
	--sstab-tab-overflow : auto;
	--sstab-tab-padding : 1px 1px;
	
	--sstab-tab-article-sidebar-top: 0px;
	--sstab-tab-article-sidebar-left : 9px;
	--sstab-tab-article-sidebar-padding : 3px 3px;
	/*--sstab-tab-article-sidebar-padding : 5px;*/
	--sstab-tab-article-sidebar-width : 150px;
	--sstab-tab-article-sidebar-max-width : 150px;
	--sstab-tab-article-sidebar-height : 99%;
	--sstab-tab-article-sidebar-max-height : 99px;
	--sstab-tab-article-sidebar-position: absolute;
	--sstab-tab-article-sidebar-overflow : auto;
	--sstab-tab-article-sidebar-border-radius: 10px;
	
	--sstab-ol-li-anchor-fore-color : #005392;
	--sstab-ol-li-hover-selected-anchor-fore-color : #0096ff;
	
	--sstab-tab-article-contents-gallery-landscape-width: 515px;
	--sstab-tab-article-contents-gallery-landscape-max-width: 515px;
	--sstab-tab-article-contents-gallery-landscape-height : 500px;
	--sstab-tab-article-contents-gallery-landscape-max-height : 500px;
	--sstab-tab-article-contents-gallery-landscape-padding : 5px;
	
	--sstab-tab-article-fore-color: #feffff;
	
	--sstab-table-li-border-shadow : 0px 0px 9px rgba(0,0,0,0.15);
	--sstab-button-enabled : #4b545f;
	--sstab-button-disabled : rgb(169, 169, 169);
	--sstab-input-back-color-entry : rgb(229, 254, 179);
	--sstab-input-back-color-valid : rgb(186, 249, 184);
	--sstab-input-back-color-invalid : rgb(255, 197, 162);
	--sstab-input-back-color-read-only: rgb(208, 208, 208);
	
	--sstab-table-back-color : #efefef;
	--sstab-table-gradient-fore-color : #efefef;
	--sstab-table-gradient-back-color : #bbbbbb;
}

[class*="mandatory-field-"] {
	font-weight: bold;
} 
[class="source-code"] {
	font-family : var(--sstab-code-font-family);
	font-size: 12px;
}

[class*=article] {
	color: var(--sstab-tab-article-fore-color);
	text-align: left;
}
[class*=article] strong {
	background: var(--sstab-tab-article-fore-color);
	color: var(--fore);
	border-radius: 1px;
}
[class*=article-25-] {
	width: 25%;
	position: relative;
	float: left;
	padding: 15px;
}
[class*=article-25-] img {
	left: 0px;
    top: 0px;
    height: 126px;
    width: 126px;
    alternate: Uday Thombre;
	border-radius: 5px;
}
[class*=article-25-]:after {
	display: block;
}
[class*=article-33-] {
	width: 33.33%;
	position: relative;
	float: left;
	padding: 15px;
}
[class*=article-50-] {
	width: 50%;
	position: relative;
	float: left;
	padding: 15px;
}
[class*=article-75-] {
	width: 75%;
	position: relative;
	float: left;
	padding: 15px;
}
[class*=article-90-] {
	width: 90%;
	position: relative;
	float: left;
	padding: 15px;
}
[class*=article-100-] {
	width: 100%;
	position: relative;
	float: left;
	padding: 15px;
}

[class*="detail-"]{
	padding : 10px;
	font-size: 11px;
}
[class*="amount-"] {
	text-align: right;
	font-size: 12px;
}
[class*="entry-"] {
	font-size: 12px;
	padding : 10px;
	background : var(--sstab-input-back-color-entry);
}
[class*="valid-"] {
	color : var(--sstab-tab-back-color);
	background : var(--sstab-input-back-color-valid);
}
[class*="invalid-"] {
	color : var(--sstab-tab-back-color);
	background : var(--sstab-input-back-color-invalid);
}
[class*="read-only-"] {
	text-align: left;
	color : var(--sstab-tab-back-color);
	background : var(--sstab-input-back-color-read-only);
}
[class*="resume-header-"] {
	text-align: left;
	color : var(--sstab-tab-back-color);
	background : var(--sstab-input-back-color-read-only);
	float: left;
	font-weight: bold;
}

televisionshows theater sstab {
	left: var(--theater-filmetography-left);
	top: var(--theater-filmetography-top);
	position: var(--theater-filmetography-position);
	border-radius : var(--sstab-border-radius);
	width : var(--sstab-width);
	max-width : var(--sstab-max-width);
	height : 945px;
	max-height: 945px;
}

televisionshows theater sstab tab {
	top : var(--sstab-tab-top);
	position : var(--sstab-tab-top-position);
	background : var(--sstab-tab-back-color);
	background: linear-gradient(top, var(--sstab-tab-gradient-fore-color) 0%, var(--sstab-tab-gradient-back-color) 100%);
    background: -moz-linear-gradient(top, var(--sstab-tab-gradient-fore-color) 0%, var(--sstab-tab-gradient-back-color) 100%);
    background: -webkit-linear-gradient(top, var(--sstab-tab-gradient-fore-color) 0%, var(--sstab-tab-gradient-back-color) 100%);
    box-shadow: var(--sstab-tab-border-shadow);
	display: inline-table;
    font-size: 11px;
	width : var(--sstab-tab-width);
	max-width : var(--sstab-tab-max-width);
	height : 900px;
	max-height: 900px;		
	color : var(--sstab-tab-fore-color);
	padding: var(--sstab-tab-padding);
	border-radius: var(--sstab-tab-border-radius);
	overflow: auto;
}
televisionshows theater sstab tab synopsis {
	left: 1px;
	top: 1px;
	position: var(--theater-synopsis-position);
	width: var(--theater-synopsis-width);
	max-width: var(--theater-synopsis-max-width);
	height : var(--sstab-tab-height);
	max-height : var(--sstab-tab-max-height);
	background: #4b545f;
	color: var(--fore);
	text-align: justify; 
	font-size: 11px;
	overflow: auto;
	border-radius: 5px;
}
televisionshows theater sstab tab synopsis h1 {
	padding: 3px 3px;
	font-size: 14px;
	color : #424242;
}
televisionshows theater sstab tab article {
	left: 1px;
	top: 1px;
	position: var(--theater-synopsis-position);
	width: var(--theater-synopsis-width);
	max-width: var(--theater-synopsis-max-width);
	
	height : 890px;
	max-height: 890px;
	
	background: #4b545f;
	color: var(--fore);
	text-align: justify; 
	font-size: 11px;
	overflow: auto;
	border-radius: 5px;
}
televisionshows theater sstab tab article h1,h2,h3,h4,h5 {
	padding: 3px 3px;
	color : #424242;
}
televisionshows theater sstab tab article sidebar {
	top: var(--sstab-tab-article-sidebar-top);
	left : var(--sstab-tab-article-sidebar-left);
	padding : var(--sstab-tab-article-sidebar-padding);
	width : var(--sstab-tab-article-sidebar-width);
	max-width : var(--sstab-tab-article-sidebar-max-width);

	height : 890px;
	max-height: 890px;

	position: var(--sstab-tab-article-sidebar-position);
	overflow : var(--sstab-tab-article-sidebar-overflow);
	border-radius: var(--sstab-tab-article-sidebar-border-radius);
	background : var(--sstab-ul-gradient-fore-color);
}
televisionshows theater sstab tab article sidebar ol {
	background : var(--sstab-ul-gradient-fore-color);
	color : var(--sstab-ul-back-color);
	position : relative;
	background : var(--sstab-ul-gradient-back-color);
	width : var(--sstab-tab-article-sidebar-width);
	max-width : var(--sstab-tab-article-sidebar-max-width);
}
televisionshows theater sstab tab article sidebar ol li {
	background : var(--sstab-ul-gradient-fore-color);
	color : var(--sstab-ol-li-anchor-fore-color);
	position : relative;
	width : 99%;
	max-width : 99%;
	padding : 5px;
	cursor: pointer;
	text-align : left;
}
televisionshows theater sstab tab article sidebar ol li a {
	color : var(--sstab-ol-li-anchor-fore-color);
	cursor: pointer;
	
}
televisionshows theater sstab tab article sidebar ol li a[selected] {
	color : var(--sstab-ol-li-hover-selected-anchor-fore-color);
}
televisionshows theater sstab tab article contents {
	top: 0px;
	left : 160px;
	padding : var(--sstab-tab-article-sidebar-padding);
	/*width : 99%;
	max-width : 99%;*/
	width : 700px;
	max-width : 700px;
	height : 890px;
	max-height: 890px;
	position: absolute;
	overflow : auto;
	padding: 3px 3px;
}
televisionshows theater sstab tab article contents h1,h2,h3,h4,h5 {
	padding: 3px 3px;
	color : #424242;
}
televisionshows theater sstab tab article contents p {
	background : white;
	color : var(--sstab-ul-li-anchor-fore-color);
	
}
televisionshows theater sstab tab article contents textarea {
	background : white;
	color : var(--sstab-ul-li-anchor-fore-color);
	width : 99%;
	max-width : 99%;
	height : 99%;
	max-height : 99%;
}
televisionshows theater sstab tab article contents filmetography {
	width : 99%;
	max-width : 99%;
	height : 99%;
	max-height : 99%;
	background: #4b545f;
	color: var(--fore);
	text-align: justify; 
	font-size: 11px;
	font-weight: bold;
	border-radius: 5px;
	padding: 3px 3px;	
	overflow: auto;
}
televisionshows theater sstab tab article contents filmetography object {
	left: 3px;
	top: 3px;
	width: 600px;
	max-width: 600px;
	height: 99%;
	max-height: 99%;
	background: rgb(213, 213, 213);
	position: absolute;
	padding: 5px;
	border-radius: 10px;
	classid: "clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B";
	codebase: "http://www.apple.com/qtactivex/qtplugin.cab";
}
televisionshows theater sstab tab article contents filmetography object param {
	autoplay: true;
	controller: true;
	loop: false; 
}
televisionshows theater sstab tab article contents filmetography object embed {
	width: 99%;
	max-width: 99%;
	height: 99%;
	max-height: 99%;
	autoplay : true;
	controller : true;
	loop : false;
	pluginspage : "http://www.apple.com/quicktime/download/";
}
televisionshows theater sstab tab article contents filmetography object img {
	/*top: -1px;
	left: -1px;
	width: 890px;
	max-width: 890px;
	height: 390px;
	max-height: 390px;
	background: rgb(192, 192, 192);
	position: absolute;
	padding: 5px;
	border-radius: 10px;
	float: center;*/
}
.gallery {
	left: 1px;
	width: 730px;
	max-width: 730px;
	height : 510px;
	height : 510px;
}
#gallery_landscape {
	top: -1px;
	left: -1px;
	width: var(--sstab-tab-article-contents-gallery-landscape-width);
	max-width: var(--sstab-tab-article-contents-gallery-landscape-max-width);
	height: var(--sstab-tab-article-contents-gallery-landscape-height);
	max-height: var(--sstab-tab-article-contents-gallery-landscape-max-height);
	padding: var(--sstab-tab-article-contents-gallery-landscape-padding);
}
#filmetography_object_image_landscape {
	top: 1px;
	left: -1px;
	width: 890px;
	max-width: 690px;
	height: 495px;
	max-height: 495px;
	background: rgb(213, 213, 213);
	position: absolute;
	padding: 5px;
	border-radius: 10px;
	float: center;
}
#filmetography_object_image_portrait {
	top: -1px;
	left: -1px;
	width: 390px;
	max-width: 390px;
	height: 495px;
	max-height: 495px;
	background: rgb(213, 213, 213);
	position: absolute;
	padding: 5px;
	border-radius: 10px;
	float: center;
}
televisionshows theater sstab tab article contents filmetography a {
	background: white;
	position: relative;
	padding: 3px;
}
televisionshows theater sstab tab article contents filmetography img {
	position: relative;
	border-radius: 10px;
}
televisionshows theater sstab tab article contents filmetography slider {
	position: absolute;
	top: 452px;
	left: 2px;
	width: 875px;
	max-width: 875px;
	height: 30px;
	max-height: 30px;
	background: #4b545f;
	position: absolute;
	padding: 5px;
	border-radius: 5px;
	opacity: 0.5;
	text-align: justify; 
	font-size: 11px;
	/*overflow: auto;*/
}
televisionshows theater sstab tab article contents filmetography slider navigation ul {
	background: #efefef;
    background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    padding: 0px 1px;
    border-radius: 5px;
    list-style: none;
    position: relative;
    left: 255px;
    top: -15px;
	height: 29px;
	max-height: 29px;
    display: inline-table;
    font-size: 11px;
	font-variant: small-caps;
}
televisionshows theater sstab tab article contents filmetography slider navigation description {
	position: absolute;
	left : 3px;
	top: 9px;
	width: 250px;
	max-width: 250px;
	color: rgb(254, 255, 255);
}
televisionshows theater sstab tab article contents filmetography slider navigation progressbar {
	position: absolute;
	left : 580px;
	top: 9px;
	width: 300px;
	max-width: 300px;
	color: rgb(254, 255, 255);
}
televisionshows theater sstab tab article contents filmetography slider  navigation ul:after {
    content: "";
    clear: both;
    display: block;
    border-radius: 5px;
}
televisionshows theater sstab tab article contents filmetography slider  navigation ul li {
	background: #efefef;
	/*padding: 0 5px;*/
	padding-top: 8px;
	float: left;
	border-radius: 3px;
}
televisionshows theater sstab tab article contents filmetography slider  navigation ul li:hover {
    background: #4b545f;
    background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
    box-shadow: 0px 0px 1px rgba(0,0,0,0.9);
    padding: 0 1px;
    border-radius: 3px;
}
televisionshows theater sstab tab article contents filmetography slider  navigation ul li[selected] {
    background: #4b545f;
    background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    padding: 10px 20px;
    border-radius: 5px;
}
televisionshows theater sstab tab article contents filmetography slider  navigation ul li[selected] a {
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
}
televisionshows theater sstab tab article contents filmetography slider navigation ul li:hover a {
    color: rgb(213, 213, 213);
	background: #4b545f;
	padding: 9px 9px;
	border-radius: 5px;
}
televisionshows theater sstab tab article contents filmetography slider navigation ul li a {
    color: #757575; 
    text-decoration: none;
	border-radius: 5px;	
}

/* SSTab Tab level */
televisionshows theater sstab tab filmetography {
	left: 1px;
	top: 1px;
	position: var(--theater-synopsis-position);
	width: var(--theater-synopsis-width);
	max-width: var(--theater-synopsis-max-width);
	height : var(--sstab-tab-height);
	max-height : var(--sstab-tab-max-height);
	/*background: var(--text-back);*/
	background: #4b545f;
	color: var(--fore);
	text-align: justify; 
	font-size: 11px;
	border-radius: 5px;
	padding: 3px 3px;
}
televisionshows theater sstab tab filmetography iframe {
	width: 99%;
	height: 99%;
}
televisionshows theater sstab tab filmetography object {
	left: 3px;
	top: 3px;
}
televisionshows theater sstab tab filmetography img {
	left: 150px;
	top: 60px;
	width: 100px;
	max-width: 100px;
	height: 100px;
	max-height: 100px;
	background: rgb(192, 192, 192);
	position: absolute;
	border-radius: 10px;
}
televisionshows theater sstab tab filmetography object img {
	top: -1px;
	left: -1px;
	width: 890px;
	max-width: 890px;
	height: 390px;
	max-height: 390px;
	background: rgb(192, 192, 192);
	position: absolute;
	padding: 5px;
	border-radius: 10px;
}
televisionshows theater sstab tab:after {
    clear: both;
    display: block;
}

televisionshows theater sstab navigation {
	left: var(--sstab-navigation-left);
	top: var(--sstab-navigation-top);
	position: absolute;
	font-size: 11px;
	font-variant: small-caps;	
}
televisionshows theater sstab navigation ul {
    background: #efefef;
    background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
    box-shadow: 0px 0px 9px rgba(0,0,0,0.9);
    padding: 0 9px;
    border-radius: 3px;
    list-style: none;
    position: relative;
    display: inline-table;
	font-variant: small-caps;
	/*font-size: 14px;*/
}
televisionshows theater sstab navigation ul:after {
    content: ""; clear: both; display: block;
}
televisionshows theater sstab navigation ul li {
    float: left;
	padding: 0 9px;
}
televisionshows theater sstab navigation ul li:hover {
    background: #4b545f;
    background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
    border-radius: 2px 2px;
    color : var(--sstab-tab-fore-color);
    font-weight: bold;
    padding: 0 9px;
    cursor: pointer;
}
televisionshows theater sstab navigation ul li:hover a {
    color : var(--sstab-tab-fore-color);
	border-radius: 2px 2px;
	padding: 0 5px;
	font-weight: bold;
	cursor: pointer;
}
televisionshows theater sstab navigation ul li a {
    display: block; padding: 10px 20px;
    color: #757575; text-decoration: none;
}

televisionshows theater sstab navigation ul li[selected] {
    background: #4b545f;
    background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    padding: 0 5px;
    border-radius: 2px 2px;
	color : var(--sstab-tab-fore-color);
	font-weight: bold;
}
televisionshows theater sstab navigation ul li[selected] a {
    color : var(--sstab-tab-fore-color);
	font-weight: bold;
	padding: 0 5px;
}

televisionshows theater sstab navigation ul li:hover a {
    color : var(--sstab-tab-fore-color);
	font-weight: bold;
	padding: 0 5px;
	cursor: pointer;
}