body { 
scrollbar-base-color: white; 
scrollbar-face-color: white; 
scrollbar-track-color: white; 
scrollbar-arrow-color: Maroon;
scrollbar-highlight-color: white; 
scrollbar-3dlight-color: white;  
scrollbar-shadow-color: white; 
scrollbar-darkshadow-color: white; 
} 

html, body {
height: 100%;
margin: 0;
padding: 0;
border: none;
text-align: center;
}
 
* {
margin:0px auto;
padding:0;
}

#home_image{
		line-height:376px;/*for img vertical aligning*/
}

.middle {	
	vertical-align:middle;
}

/*DIV used to center horizontally*/
#shim {
visibility: hidden;
width: 100%;
height: 50%;
margin-top: -210px;
}
 
#wrapper {
	position: static;
	background-color: White;	
	padding: 3px;
	border: 1px solid Silver;	
	clear: both;
	width: 750px;
	height: 460px;
}
 
/* Hide from IE5mac \*//*/
div#shim {
display: none;
}
 
html, body {
height: auto;
}
/* end hack */
 
/* ]]> */

#header {
	height: 30px;
	width: 100%;
	background-image: url(images/bg_intest.jpg);
	border-bottom: 1px solid #650914;	
}

#content {
	height: 398px;
	/*width: 96%;*/
	overflow: auto;
	z-index: 999;
	padding-top: 0px;/*25px;*/
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;/*25px;*/
}

#services{
	margin: 10px;	
}

/* Lightbox background */
#lightbox {
 /*float:left;*/
 display:none;
 background:#FFFFFF;
 opacity:1;
 filter:alpha(opacity=100); /* For IE8 and earlier */ 
 position:absolute;
 top:50%;
 left:50%;
 margin-left:-375px;
 margin-top:-174px;
 width:750px;
 height:397px;
 z-index:1000;
}
/* Lightbox panel with some content */
#lightbox-panel {
	/*display:none;*/
	visibility:hidden;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-370px;
	margin-top:-169px;
	height: 360px;
	width:715px;
	background:#EEEEEE;	
	filter:alpha(opacity=70); /* For IE8 and earlier */ 
	padding:10px 10px 10px 10px;
	border:2px solid Silver;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow:4px 4px 10px #888888;
   -webkit-box-shadow:4px 4px 10px #888888;
   box-shadow:4px 4px 10px #888888;
	z-index:1001;
}

#project {	
	position: absolute;	
	margin-left:-25px;
	margin-top:-25px;
	width: 638px;
	height: 357px;
	clear: both;
	padding: 0px;
	border: 1px solid Maroon;	
	background-color: White;
	display: none;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/*z-index: 999;*/	
}

#footer {
	background-image: url(images/bg_intest.jpg);
	height: 30px;
	width: 100%;
	border-top: 1px solid #650914;
}

h2 {
	color: #650914;
	font: 22px Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

h5 {
	color: #650914;
	font: 14px Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif;
	text-align:left;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}

ul li {
	margin: 5px 15px;
}

p, ul li, ul#playlist li {
	color: #222222;
	font: 12px Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif;
	text-align:left;
	padding: 3px 0px 10px 0px;
}

ul#playlist li, ul li {
	vertical-align: baseline;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}


ul li {	
	vertical-align: baseline;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: disc;
}
ul.E li, ul.E li a {
	list-style: none outside;
	font-family: Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif;
	padding: 0px;
	margin: 5px;
	font-size: 11px;
	vertical-align: baseline;
	color: #650914;
	text-decoration: none;
}
ul.E li a:hover 	{text-decoration : underline; background-color: #EFEDEE; width: 22em;}

a {
	font-family: Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif;
	font-size: 11px; color: #650914;
	text-decoration : none;
}

a:hover {
	font-family: Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif;
	font-size: 11px; color: Grey;
	text-decoration : none;	
}

#close-panel, #close-panel:hover {
	float:right;
	text-decoration: none;
	border: 0;
	position:relative;
	top: -21;
	right: -19;
	z-index: 2;
	
}

#close-panel img {
	text-decoration: none;
	border: 0;
	width: 20px;
	height: 20px;
}

#close-panel img:hover {
	text-decoration: none;
	border: 0;
	width: 21px;
	height: 21px;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */ 
}



p#login{
	font-family: Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif;
	font-size: 11px; color: #650914;
	text-decoration : none;
	text-align:right;
}

input {
	FONT-SIZE: 8pt;
	COLOR: Grey;
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;
	background: transparent;
	border: 1px solid Maroon;
	margin: 0 3px;
}

#password{
	background: #eeeeee;
}

input[disabled] {
	border: 1px solid #999;
	background-color: #ddd;
}

table.menu {
	width: 100%;	
	height: 100%; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

table.menu th 	{
	width: 35%;
	text-align: left;
	vertical-align: center;
}
table.menu td 	{
	text-align: right;
	vertical-align: center;
	padding: 0px 10px 0 20px;
}

.pf_detail{
	float: left;
	/*width:230px;*/
	height: 70%;
	padding: 30px 30px 30px 30px;	
	font-family: Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif;
	font-size: 11px;
	color: #565656;
}

.detail_image { 
	width:230px; 
}

.detail_image img { 
	width:230px; 
}

#detail_text {
	border-left: thin solid Silver;
	position:absolute;
	top: 30px;
	left: 400px;
}

#detail_role {
	border-left: thin solid Silver;	
}

.detail_media {
	float: left;
	width: 320px;
	height: 240px;	
	vertical-align: middle;
	text-align: left;
	background: White;
	padding: 3px;
	margin: 4px 4px 4px 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow:3px 3px 10px #888888;
   -webkit-box-shadow:3px 3px 10px #888888;
}

div.portfolio {	
	height: 74px;
	display: table-cell;
	vertical-align: middle;	
	text-align: left;
	padding: 0px 4px 0px 4px;
	border-right: 0;
	border-left: 0;
	border-top: thin dashed White;
	border-bottom: thin dashed White;
	font-family: Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif;	
	font-size: 11px;
	font-color: #565656;	
}

div.portfolio:hover  {
	background: #F3F3F3;
	border-bottom: thin solid Silver;
	border-top: thin solid Silver;
}

.show-panel{
	background: #dddddd;
	width: 210px;
	float: left;
	margin: 15px 11px;
	padding: 3px 3px 3px 3px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 4px 4px 10px #888888;
	-webkit-box-shadow: 4px 4px 10px #888888;
	box-shadow: 4px 4px 10px #888888;
}

div.pimage {
	float: left;
	width: 210px;
	height: 108px;
	/*display: table-cell;*/
	vertical-align: middle;
	text-align: left;
	padding: 0;	
	border: 0;	
}

div.pimage img {
	float: left;
	width: 210px;
	height: 108px;
	/*display: table-cell;*/
	vertical-align: middle;
	text-align: left;
	padding: 0;	
	border: 0;	
}



div.ptitle {
	float: left;
	vertical-align: middle;
	text-align: left;
	padding: 10px 5px;
	border: 0;
	font-family: Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif;
	font-size: 10px;
	color: #9D0000;
	width: 100%;
	font-weight: bold;
	text-shadow: 0 1px 0 #FFFFFF;
}

div.ppublisher {
	width: 135px;
	height: 74px;
	display: table-cell;
	vertical-align: middle;	
	text-align: left;
	padding: 0px 4px 0px 4px;
	border-right: thin solid Silver;
	border-left: 0;
}

div.pdate {
	width: 14px;
	height: 74px;
	display: table-cell;
	vertical-align: middle;	
	text-align: left;
	padding: 0px 4px 0px 4px;
	border-right: thin solid Silver;
	border-left: 0;
}

div.pplatform {
	width: 124px;
	height: 74px;
	display: table-cell;
	vertical-align: middle;	
	text-align: left;
	padding: 0px 4px 0px 4px;
	border-right: 0;
	border-left: 0;
}

button.generic {
	FONT-SIZE: 7pt;
	COLOR: Gray;
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;
	background: transparent;
	border: 1px solid Maroon;
}

button.portfolio {
	width:100%;
	FONT-SIZE: 7pt;
	COLOR: Gray;
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;
	background: transparent;
	border: 0;
}

.E{
	width: 100%;	
}

.prj_detail{		
	vertical-align: middle;		
}

.prj_detail img, .prj_detail h5, .prj_detail ul {		
	margin: 5px 10px 5px 10px;	
	vertical-align: middle;		
}

.prj_detail ul, .prj_detail ul li{
	color: #4B4B4B;
	vertical-align: middle;
	list-style: none;
	padding:0;
}

.prj_detail h5{		
	width: 250px;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;	
}

table.De2 {width: 180px;  border-style: solid; border-width: 0px;  padding: 0 0 0 0; }
table.De2 th	{ font-family: Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif; padding: 3px; }
table.De2 th	{font-size: 11px; color: #565656; text-align: left;}
table.De2 td, table.De2 tr 	{font-family: Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif; padding: 3px; }
table.De2 td 	{font-size: 11px; font; color: #565656;  text-align: justify;}

table.Login {width: 250px;  border-style: solid; border-width: 0px;  padding: 0 0 0 0; }
table.Login th	{ font-family: Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif; }
table.Login th	{font-size: 11px; color: #565656; text-align: left;}
table.Login td	{font-family: Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif; }
table.Login td 	{font-size: 11px; font; color: #565656;  text-align: justify;}
#signup{
	text-align:right;
	padding-top: 4px;
	padding-right: 5px;
}


.services {
	width: 95%;
	font: 12px Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif;
	border-style: solid;
	border-width: 0px;
	padding-top: 25px;
	padding-left: 25px;
}

#news {
	width: 95%;
	/*height: 258px;*/
	float: left;
}
	
	#news p {
	color: #222222;
	font: 12px/18px Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif;
	border-bottom: thin solid #E4E4E4;
	margin-top: 13px;
	margin-bottom: 5px;
	padding-bottom: 13px;
}
 
	#news p .title {
	display: block;
	color: #650914;
	font: bold 14px/18px Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif;
}
		
	#news p .date {
	display: block;
	color: #565656 ;
	font: normal 11px/14px Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif;
}

#feedback {
	width: 97%;	
	float: left;	
	overflow: auto;
}

	#feedback p {
	color: Red;
	font: 11px Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif;
	margin: 0 0 0 0;
}

#input {
	width: 100%;
	float: left;
	overflow: auto;	
}
	
	#input p {
	color: #222222;
	font: 12px Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif;	
}
 
	#input p .buttonleft {
	display: inline;
	float: left;
	color: #565656;
	font: bold 12px Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
}

	#input p .buttonright {
	display: inline;
	float: right;
	color: #565656;
	font: bold 12px Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif;
	margin: 0 0 0 0;
	padding: 0 5px 0 0;
}
		
	#input p .text {
	display: inline;
	color: #650914;
	font: normal 12px Verdana,Geneva,"Arial Unicode MS",Helvetica,sans-serif;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

#audio {
	position: absolute;
	top: 60px;
	left: 35px;
}

#video {
	position: absolute;
	top: 30px;
	left: 45px;
	/*width: 300px;
	height: 210px;*/
} 

#switch_media {
	position: absolute;
	top: 300px;
	left: 45px;
	/*width: 300px;
	height: 210px;*/
} 

#playlist{
	height: 210px;
	overflow: auto;
}