body{
	background:#fff;
	color:#555;
	margin:0;
	padding:0;
	font-family:arial, helvetica, sans-serif;
	font-size:76%;
	width:100%;
}

a:link{
	color: #459;
	text-decoration: none;
}

a:visited{
	color: #459;
	text-decoration: none;
}

a:hover{
	color:#000;
	text-decoration: underline;
}

img{
	border:none;
}

form{
	margin:0;
}

p{
	margin:0 0 12px 0;
}

/* CONTAINERS */

#hdr{
	position:relative;
	width:100%;
	height:61px;
	background:url(art/bg-hdr.gif) #e8eaf3;
	margin:0;
	padding:0 0 0 0;
}

.ctr-box{
	z-index:2;
	position:relative;
	width:801px;
	margin:0 auto 0 auto;
	padding:0 0 2px 0;
}

.lft-box{
	float:left;
	text-align:left;
	margin:15px 0 0 0;
	padding:0;
}

.rt-box{
	float:right;
	text-align:right;
	margin:15px 0 0 0;
	padding:0;
}

#hdr-meview{
	z-index:3;
	position:relative;
	width:100%;
	height:20px;
	background:#fff bottom left;
	margin:0;
	padding:0 0 0 0;
}

#hdr-meview .ctr-box{
	z-index:2;
	position:relative;
	width:801px;
	margin:0 auto 0 auto;
	padding:0 0 2px 0;
}

#hdr-meview .lft-box{
	float:left;
	text-align:left;
	margin:8px 0 0 0;
	padding:0;
}

#hdr-meview .rt-box{
	float:right;
	text-align:right;
	margin:12px 0 0 0;
	padding:0;
}

#main .ctr-box{
	z-index:2;
	position:relative;
	width:801px;
	margin:20px auto 0 auto;
	padding:0 0 2px 0;
}

#content{
	position:relative;
}

#ftr{
	font-weight:bold;
}

#col1{
	position:relative;
	float:left;
	width:360px;
	margin:0 10px 0 0;
}

#col2{
	position:relative;
	float:left;
	width:360px;
	margin:0 0 0 10px;
}

#col2 img{
	float:left;
	margin:-3px 10px 0 0;
	border:none;
}

#col2 span img{
	float:none;
	margin:0;
}

/* TEXT */

h1{
	font-size:150%;
	font-weight:normal;
	color:#587;
	margin:0;
	padding:0 0 10px 0;
}

h2{
	font-size:120%;
	margin:0 0 10px 0;
	color:#000;
}

h3{
	font-size:100%;
	margin:0 0 10px 0;
	color:#777;
}

h3 a{
	font-weight:normal;
}

.accent{
	color:#587;
}

#hdr-links{
	line-height:160%;
	letter-spacing:.08em;
	margin:-4px 0 0 0;
}	

#hdr-links .title{
	font-size:180%;
	color:#459;
	margin:10px 0 0 0;
}	

#hdr-links .title .accent{
	font-size:60%;
}	

.check{
	background:url(art/icon-check-grn.gif) top left no-repeat;
	padding:0 14px;
	margin:0 0 3px 0;
	font-weight:bold;
	color:#587;
}

.check img{
	padding-left:6px;
}

.null{
	background:url(art/icon-null-gray.gif) top left no-repeat;
	padding:0 14px;
	margin:0 0 3px 0;
	font-weight:bold;
	color:#777;
}

.note{
	font-size:90%;
	color:#777;
	margin:2px 0 0 0;
}

.countdown{
	font-weight:bold;
	font-size:150%;
	color:#587;
}

/* FORMS */

form.edit td {
	padding: 0 10px 15px 0;
}

form.edit label{
	font-weight:bold;
	color:#777;
}

form.edit input, form.edit select{
	font-size:95%;
	width:210px;
}

form.edit textarea{
	margin:4px 0 0 0;
}

form.edit label em{
	color:#c03;
	padding:0 0 0 2px;
}

form.edit .error{
	color:#c03;
}

table.radio label{
	font-size:95%;
	color:#000;
	font-weight:normal;
}

table.radio input{
	width:auto;
}

input.search{
	width:210px;
	font-size:90%;
	color:#999;
	letter-spacing:1px;
}

table.rcd-btns{
	position:relative;
	margin:0 auto;
	padding:0;
	width:274px;
}

table.rcd-btns td{
	margin:0;
	padding:0;
}

/* VIDEO */

.unavail, .avail{
	width:274px;
	height:42px;
	margin:0 0 8px 0;
	font-weight:bold;
	font-size:95%;
	text-transform:uppercase;
}

.unavail{
	background:url(art/btn-cam-unavail.gif) top left no-repeat;
	color:#777;
}

.unavail span, .avail span{
	position:relative;
	top:15px;
	left:50px;
}

#video a{
	background: url(art/btn-cam-avail2.gif) no-repeat left top;
}

#video a div{
	display: block;
	background: url(art/btn-cam-avail2.gif) no-repeat left top;
	width:274px;
	height: 42px;
}

#video a:hover{
	background-position: 0 -42px;
	cursor: pointer;
}

#video a:hover div{
	background-position: 0 -42px;
	cursor: pointer;
}

#video{
	position:relative;
	top:0;
}

#video-rcd{
	width:100%;
}

#video-border{
	border:solid 1px #bbb;
	width:280px;
	padding:10px;
	margin:0 auto;
}

/* BUTTONS */

#login { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
    width: auto;
    margin:10px 0 0 0;
}

#vid-actions { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
    width: auto;
    margin:2px 0 0 0;
}

a.btn, a.btn-grn, a.btn-gry {
    color: #fff;
    display: block;
    float: left;
    font: bold 95% arial, sans-serif;
    height: 29px;
    margin-right: 10px;
    padding-right: 5px; /* sliding doors padding */
	text-transform:uppercase;
    text-decoration: none;
}

a.btn span, a.btn-grn span, a.btn-gry span {
    display: block;
    line-height: 15px;
    padding: 7px 15px 7px 18px;
}

a.btn {
    background: transparent url('art/buttons/blue-rt.gif') no-repeat scroll top right;
}

a.btn span {
    background: transparent url('art/buttons/blue-left.gif') no-repeat;
}

a.btn-grn {
    background: transparent url('art/buttons/grn-rt.gif') no-repeat scroll top right;
}

a.btn-grn span {
    background: transparent url('art/buttons/grn-left.gif') no-repeat;
}

a.btn-gry {
    background: transparent url('art/buttons/gry-rt.gif') no-repeat scroll top right;
}

a.btn-gry span {
    background: transparent url('art/buttons/gry-left.gif') no-repeat;
}

a.btn:active, a.btn-grn:active, a.btn-gry:active {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn:active span, a.btn-grn:active span, a.btn-gry:active span {
    background-position: bottom left;
}

a.btn:hover, a.btn-grn:hover, a.btn-gry:hover {
    color: #fff;
}

a.btn:visited, a.btn-grn:visited, a.btn-gry:visited {
    color: #fff;
}

/* DATA TABLE */

table.data{
	width:100%;
}

table.data th{
	background:#d8d8d8;
	color:#555;
	padding:4px 5px;
	text-align:left;
	border-bottom:solid 1px #bbb;
}

table.data td{
	padding:6px 6px;
}

table.data tr.shade{
	background:#eaf1ee;
}

table.data td.divide{
	width:40px;
	text-align:center;
	border-right:solid 1px #bbb;
}

a.sort{
	background:url(art/icon-carat-down.gif) no-repeat;
	background-position: right 5px;
	padding:0 14px 0 0;
}

a.sort:link{
	color: #555;
	text-decoration: none;
}

a.sort:visited{
	color: #555;
	text-decoration: none;
}

a.sort:hover{
	color:#000;
	text-decoration: underline;
}

#paging{
	text-align:center;
	margin:10px 0 0 0;
}

#paging span{
	margin:0 5px 0 5px;
	text-transform:uppercase;
	font-weight:normal;
	color:#999;
}

#paging span a{
	font-weight:bold;
	letter-spacing:.05em;
}

/* MEVIEW CONTAINERS */

#meview{
	background:url(art/bg-paper.jpg) #fff;
	width:772px;
	height:562px;
	position:relative;
	margin:0 0 -15px 0;
}

#meview-lft{
	position:absolute;
	top:45px;
	left:45px;
	width:390px;
}

#meview-rt{
	position:absolute;
	top:55px;
	left:460px;
}

#zoom{
	background:url(art/icon-zoom.gif) no-repeat;
	width:34px;
	height:34px;
	position:relative;
	top:2px;
	left:192px;
	z-index:10;
}

#resume{
	position:relative;
	top:20px;
	left:45px;
	z-index:1;
}

#resume img{
	border:solid 1px #bebebe;
	z-index:98;
}

#zoom a span{
	visibility:hidden;
}

#assets{
	float:left;
	margin:10px 0 0 0;
}


