padmaJS/style.css

@charset "utf-8";
/* CSS Thanks to Rohit Nambiar */
/* CSS Document */

/* Reset */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img, 
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1.5;
font-family: arial, sans-serif;
}
ol, ul {
list-style: none;
}

/* End Reset */



	
	#secondary #vidbox {
		margin-right:10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 4px #514216;
		-moz-box-shadow: 0px 0px 4px #514216;
		box-shadow: 0px 0px 4px #514216;
		background-color: #fffcf8;
		width:530px;
		min-height:560px;
		max-height:560px;
		padding:10px;	
	}
		
		#vidbox #videoPlayer	{
			float:left;
			margin:10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			-webkit-box-shadow: 0px 0px 4px #514216;
			-moz-box-shadow: 0px 0px 4px #514216;
			box-shadow: 0px 0px 4px #514216;
		}
		
		#vidbox #videoAnnotations .location {
			background:#e4dbc2;
			border:2px solid #716c5e;
			-webkit-box-shadow: 0px 0px 4px #514216;
			-moz-box-shadow: 0px 0px 4px #514216;
			box-shadow: 0px 0px 4px #514216;			
			width:176px;
			max-height:100px;
			min-height:100px;			
			font-size:11px;
			overflow:auto;
			padding:5px;
			margin:10px 0;
		}

		#vidbox #videoAnnotations .location:before {
			content:'Locations :-';
			font-weight:bold;
			padding-bottom:5px;
		}
		
		#vidbox #videoAnnotations .location .annotItem {
			padding:2px;
		}
		
		#vidbox #videoAnnotations .location .annotItem:after {
			content:',';
		}

		#vidbox #videoAnnotations .location .annotItem:last-child:after {
			content:'.';
		}
				
		#vidbox #videoAnnotations .keyword {
			background:#e4dbc2;
			border:2px solid #716c5e;
			-webkit-box-shadow: 0px 0px 4px #514216;
			-moz-box-shadow: 0px 0px 4px #514216;
			box-shadow: 0px 0px 4px #514216;
			width:176px;						
			max-height:100px;
			min-height:100px;			
			font-size:11px;
			overflow:auto;
			padding:5px;
			margin:10px 0;
			margin-top:12px;
		}
		
		#vidbox #videoAnnotations .keyword:before {
			content:'Keywords :-';
			font-weight:bold;
			padding-bottom:5px;
			display:block;
		}		

		#vidbox #videoAnnotations .keyword .annotItem {
			float:left;
			padding:2px;
		}
		
		#vidbox #videoAnnotations .keyword .annotItem:after {
			content:',';
		}
		
		#vidbox #videoAnnotations .keyword .annotItem:last-child:after {
			content:'.';
		}

		
		#vidbox #videoAnnotations .description {
			background:#e4dbc2;
			border:2px solid #716c5e;
			-webkit-box-shadow: 0px 0px 4px #514216;
			-moz-box-shadow: 0px 0px 4px #514216;
			box-shadow: 0px 0px 4px #514216;			
			width:505px;
			max-height:350px;
			min-height:100px;			
			font-size:11px;
			overflow:auto;
			padding:5px;
			margin:10px 0 10px 10px;
		}

		#vidbox #videoAnnotations .description:before {
			content:'Description :-';
			font-weight:bold;
		}		
		
		#vidbox #videoAnnotations .description .annotItem {
			margin-top:5px;
		}
		
		#vidbox #videoAnnotations .transcript {
			background:#e4dbc2;
			border:2px solid #716c5e;
			-webkit-box-shadow: 0px 0px 4px #514216;
			-moz-box-shadow: 0px 0px 4px #514216;
			box-shadow: 0px 0px 4px #514216;			
			width:505px;
			max-height:350px;
			min-height:132px;			
			font-size:11px;
			overflow:auto;
			padding:5px;
			margin:10px 0 10px 10px;
		}

		#vidbox #videoAnnotations .transcript:before {
			content:'Transcript :-';
			font-weight:bold;
		}		

		#vidbox #videoAnnotations .transcript .annotItem {
			margin-top:5px;
		}