/* CSS Document */
#my_movie {
    position:relative; 
	height:200px;
	width:300px;
    top:160px;
    left:380px;
    background-color: #333333;
    font-size: 30px;
	font-family:georgia, times new roman, times, serif;
	color: #dddddd;
}

#more_details {
	position:relative; 
	top:-20px;
	left:310px;
}

#hi-band {
	position:relative;
	/*font-family:georgia, times new roman, times, serif;*/
	font-weight:bold;
	border:none;
	border-bottom:1px solid #666;
	background:transparent;
	color:#333;
	text-align:left;
	overflow:visible;
	padding:0;
	padding-bottom:1px;
	margin-bottom:5px;
	height:18px;
	width:400px;
}

body {
	margin: 0; 
	padding: 0;
	background-color: #ffffff;
	font: normal 76%/1.6em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    color:#666;
	height:100%;
}

#cntr {
   position:absolute;
   font: normal 76%/1.6em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
   background-color:#ffffff;
   text-align: left;
   display: block;
} 

#l-cntr {
    position:absolute;
	padding:0;
	top:0px;
	left:0;
	color:#fff;
	background:#868686;
	width:45%;
	height:100%;
	text-align:right;
}
#l-cntr-r {
    position:absolute;
	padding:3px;
	top:0px;
	right:0;
	color:#fff;
	background:#ffffff;
	width:10px;
	height:100%;
	border:1px solid #ddd;
}
#r-cntr {
    position:absolute;
	padding:0;
	top:0px;
	right:0;
	color:#fff;
	background:#868686;
	width:50%;
	height:100%;
}
#r-cntr-l {
    position:absolute;
	padding:3px;
	top:0px;
	left:0;
	color:#fff;
	background:#ffffff;
	width:10px;
	height:100%;
	border:1px solid #ddd;
}
#r-content {
	position:absolute;
	padding:1px;
	top:123px;
	left:30px;
}
#l-content {
	position:absolute;
	padding:1px;
	top:123px;
	right:30px;
}
#l-cntr-img {
   position:absolute;
   top:50px;
   left:50px;
   background: url(../images/bioscreencast_logo.jpg);  
   width:230px;
   height:90px;
}

A.lnks:active {
	COLOR: #ffffff; 
	TEXT-DECORATION: none;
}
A.lnks:link {
	COLOR: #ffffff; 
	TEXT-DECORATION: none;
}
A.lnks:visited {
	COLOR: #ffffff; 
	TEXT-DECORATION: none;
}
A.lnks:hover {
	COLOR: #999999;
	TEXT-DECORATION: none;
}

#lib_content {
	position:absolute;
	top:50px;
	left:400px;
	background:#dddddd;
}
#lib_heading {
	font: normal 100%/1.6em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color:ff9900;
}
#lib_assets {
	color: #666;
}

#container {
   position:absolute;
   text-align: left;
   display: block;
} 

#subcontainer {
   position:relative;
   top:50px;
   left:110px;
   bottom:30px;
}

#sc_top {
   background: url(../images/bioscreencast_logo.jpg);  
   top:0;
   left:0;
   width:678px;
   height:71px;
}
#sc_top_r {
    position:absolute;
	top:10px;
	right:10px;
	width:74px;
	height:12px;
}
#sc_middle_top {
   clear:both;
   top:73px;
   background: url(../images/middle_top.jpg);  
   width:781px;
   height:40px;
}
#sc_middle_bottom {
   height:20px;
   width:700px;
   margin-left:auto;
   margin-right:auto;
   border-bottom:1px dotted #666666;
}
#sc_middle {
   clear:both;
   top:73px;
   background-color: #ffffff;
   border-left:0px solid #999999;
   border-right:0px solid #999999;
   border-bottom:1px solid #dddddd;
   height:500px;
   width:780px;
}
#sc_bottom {
   background: url(../images/copyright.jpg);
   height:23px;
   width:780px;
}

#top-nav {
   position:relative;
   text-align:center;
   padding:0em; 
   border:none;
   top:30px;
   left:30px;
   width:90%;
   height:100px;
   font-family:georgia, times new roman, times, serif;
   font-size:11px;
   color:#ffffff;
}
#top-nav-image {
   position:absolute;
   top:0px;
   left:0px;
}
#top-nav-text {
   position:absolute;
   top:0px;
   right:0px;
}

#demo { 
   left:20px;
}

#demo .yui-content {
	position:absolute;
	padding:1em; 
	border: 1px solid #ddd;
	width:710px;
	height:300px;
}

#cur_scrn {
    position:absolute;
	top:10px;
	left:10px;
}

#panelDiv {
    float:left;
	height: 110px; 
	width: 110px;
	background-color: #f7f7f7;
	border:1px solid #dddddd;
}
#panelSpacer {
   float:left;
   width:10px;
   height: 110px; 
   background-color: #ffffff;

}
#panelDiv1 {
	float:left;
	padding:0.5em; 
	height: 110px; 
	width: 400px;
	border:1px solid #dddddd;
	background-color: #f7f7f7;
}
#handleDiv1 {
    clear:both;
    bottom:0px; 
    right: 0px; 
    width:10px; 
    height:10px;
    background-color:#dddddd;
    font-size: 1px;
	opacity: 0; 
}
#more_det_txt {
	 opacity: 0; 
}
#panelDiv2 {
    float:left;
	border:1px solid #dddddd;
	background-color: #f7f7f7;
}
#panelDiv2Spacer {
    padding:.1em;
	float:left;
	width:5px;
	height:20px;
	background-color:#D76602;
}
#panelDiv2Content {
    padding:.1em;
	text-align:right;
	float:left;
	left:10px;
	width:100px;
	height:20px;
}

#rel_lnk_txt {
	 opacity: 0; 
}

img.hdl2 {
	width:10px;
	height:10px;
}

#handleDiv2 {
    position: absolute; 
    top:0px; 
    right: 0px; 
    width:10px; 
    height:10px;
    background-color:#999999;
    font-size: 1px;
	opacity: 0; 
}

#statesautocomplete {
	position:relative;
	width:15em;
	margin-bottom:1em;
}

#statesautocomplete {
	z-index:9000
} 

#statesinput {
	_position:absolute;
	width:100%;
	height:1.4em;
	z-index:0;
} 

#statescontainer {
	position:absolute;
	top:1.7em;
	width:100%
}

#statescontainer .yui-ac-content {
	position:absolute;
	width:100%;
	border:1px solid #404040;
	background:#fff;
	overflow:hidden;
	z-index:9050;
}

#statescontainer .yui-ac-shadow {
	position:absolute;
	margin:.3em;
	width:100%;
	background:#a0a0a0;
	z-index:9049;
}

#statescontainer ul {
	padding:5px 0;
	width:100%;
}

#statescontainer li {
	padding:0 5px;
	cursor:default;
	white-space:nowrap;
}

#statescontainer li.yui-ac-highlight {
	background:#cccccc;
}

#statescontainer li.yui-ac-prehighlight {
	background:#999999;
}
	
.mask { 
	background-color:#000;
	-moz-opacity:0.75;
	opacity:.75;
	filter:alpha(opacity=75);
}

.photobox {
	border:3px solid #666;
	overflow:visible;
	background-color:#333;
	padding:5px;
}

.photobox .close {
	top:8px;
	right:8px;
	height:15px;
	width:18px;
}

.photobox .close.nonsecure {
	background-image:url(../images/ybox-close.gif);
}

.photobox .close.secure {
	background-image:url(../images/ybox-close.gif);
}

.photobox .hd {
	font-family:georgia, times new roman, times, serif;
	font-weight:normal;
	border:none;
	border-bottom:1px solid #666;
	background:transparent;
	color:#FFF;
	height:18px;
	text-align:left;
	overflow:visible;
	padding:0;
	padding-bottom:5px;
	margin-bottom:5px;
	width:1000px;
}

.photobox .hd span {
	vertical-align:middle;
	line-height:15px;
}

.photobox .bd  {
	padding:0;
}

.photobox .bd img {
	border:none;
}

.photobox .ft {
	height:16px;
	width:500px;
	padding:5px 0;
	position:relative;
}

.photobox .ft .back {
	position:absolute;
	left:1px;
}

.photobox .ft .back img, .photobox .ft .next img {
	border:none;
}

.photobox .ft .next {
	position:absolute;
	right:1px;
}
 
label { 
	display:block;
	float:left;
	width:45%;
	clear:left; 
}
 
.clear { 
	clear:both; 
	}

#resp { 
	font-family:courier;
	margin:10px;
	padding:5px;
	border:1px solid #ccc;
	background:#fff;
} 
 
/*** Login Dialog ***/

#login_dialog {
	font: normal 90%/2.0em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	border:1px solid #999;
	background:#dddddd;
}
#login_dialog .hd {
	border-bottom:1px dotted #999;
	background:#ffffff;
	color:#666;
	text-align:left;
}
#login_dialog .bd {
	color:#333;
	text-align:left;
}

INPUT.em1{
    border: 1px solid #666;
    color:#333;
}
INPUT.pw1{
    border: 1px solid #666;
    color:#333;
}