html{height:100%}
body{font-family:lucida grande,verdana,sans-serif;font-size:12px;background-color:#FFF;color:#000;margin:0;}
a:link, a:visited, a:active{color:#03C;}
code{font-family:Courier, "Courier New", monospace;font-size:12px;}
img{border:none;}
dt{font-weight:bold;padding-bottom:5px;}
dd{padding-bottom:15px;}
form{margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6{font-family: Lucida Grande, Verdana, Sans-Serif; font-weight:bold;color:#000;margin-top:5px;margin-bottom:3px;padding:0px;}
h1{font-size:19px;}
h2{font-size:16px;}
.h2{font-size:16px;font-weight:bold;color:#000;margin-top:5px;margin-bottom:3px;padding:0px;}
h3{font-size:14px;}
h4{font-size:12px;}
h5{font-size:10px;}
h6{font-size:10px;}
hr{border:0px;margin-top:12px;border-top:1px dashed #999;height:1px;}

#greyLine
{
    background-color: #353C44;
    height: 5px; 
}

#baseDiv{

width:995px;

margin-left:auto;
margin-right:auto;

}


.homePageBubbleBlack
{
	width:300px;
	background-color:#000000;
	color:black;
	font-weight:bold;
}

.homePageBubbleOrange
{
	width:300px;
	background-color:Orange;
	color:black;
	font-weight:bold;
}



.h1Orange
{
	color: Orange;
}

.h2White
{
	color: White;
}

.ModalPop
{
	background-color:Orange;
	filter:alpha(opacity=20);
	opacity:0.2;
}

.ModalPopupDiv
{
	background-color: #f1f1f1;
	border-bottom: 1px #CCCCCC solid;
}
.standardText{font-family:Arial, sans-serif;font-size:12px;font-weight:normal;color:#000000;}
.normalText{font-size:12px;}
.small, .xsmallText{font-size:10px;}
.smallText, .rating{font-size:11px;}
.xxsmallText{font-size:9px;}
.largeText{font-size:14px;}
.xlargeText{font-size:16px;}
.xxlargeText{font-size:19px;}
.xxxlargeText{font-size:21px;}
.bold, .tagLinkOn{font-weight:bold;}
.italic{font-style:italic}
.grayText{color:#666;}
.dgText, .dg{color:#333;}
.smgrayText{font-size:11px;color:#666;}
.smdgText{font-size:11px;color:#333;}
.required{color:#FF0000;}
.redText, .red{color:#C00;}
.drText{color:#600;}
.dr{color:#900;}
.nowrap{white-space:nowrap;}
.smallgray{
text-decoration:none;
color:#666;
font-size:10px;
}

.Mind
{
	font-family: Impact;
	font-size: 18pt;
	color: Orange;
	font-weight: lighter;
}
.Share
{
	font-family: Arial;
	font-size: 18pt;
	color:Black;
}

.label, .standardLabel, .normalLabel, .smallLabel, .xsmallLabel, .largeLabel{font-weight:bold;color:#333;}
.lightLabel{font-weight:bold;color:#666;}
.standardLabel, .normalLabel{font-size:12px;}
.smallLabel{font-size:11px;}
.xsmallLabel{font-size:10px;}
.largeLabel{font-size:14px;}
.eLink{text-decoration:none;border-bottom:1px dotted #03C;color:#03c;cursor:hand;cursor:pointer;}
.hLink, .tagLink, .noul{text-decoration:none;}
.hLink:hover, .dg:hover{text-decoration:underline;}
.hand, label{cursor:pointer;cursor:hand;}
a.title:link, a.title:active, a.title:visited, a.title:hover{font-family:Arial, sans-serif;color:#CCFFFF;font-size:12px;font-weight:bold;}
a.title:hover{font-weight:bolder;}
.clear{clear:both;}
.clearL{clear:left;}
.clearR{clear:right;}
.spacer{clear:both;height:1px;font-size:1px;}
.alignR{text-align:right;}
.alignL{text-align:left;}
.alignC{text-align:center;}
.alignMid{vertical-align:middle;}
.alignTop{vertical-align:top;}
.alignBot{vertical-align:bottom;}
.floatL{float:left;}
.floatR{float:right;}
.hid, .hide{display:none;}
.nav{
font-family:Arial, sans-serif;
font-size:14px;
font-weight:700;
}
.highlight,
.success,
.table_top{
font-family:Arial, sans-serif;
font-size:14px;
font-weight:700;
color:#333333;
}
.table_top{
font-size:12px;
}
.error{
font-family:Arial, sans-serif;
font-weight:700;
color:#FF0000;
}
.confirmBox,
.errorBox{
padding:6px;
margin-top:6px;
margin-bottom:6px;
text-align:center;
font-size:13px;
background-color:Orange;
border: 2px solid #CCCCCC;
}
.errorBox{
background-color:#ffaeae;
}
.tooltip-wrapper-box{
position:absolute;
width:149px;
margin-left:-100px;
font-size:10px;
z-index:400;
}
.tooltip-box{
background:transparent url(http://s.ytimg.com/yt/img/tooltip-vfl41680.gif) no-repeat scroll 0 0;
padding:10px 1px 0px 1px;
margin-bottom:0px;
text-align:center;
font-size:11px;
}
.tooltip-box-bot{
background:transparent url(http://s.ytimg.com/yt/img/tooltip-vfl41680.gif) no-repeat scroll 0 -95px;
width:145px;
height:5px;
}
.contentBox{
margin-top:10px;
padding:6px;
border:1px solid #CCC;
}
.headerTitle{
font-size:14px;
font-weight:bold;
color:#000;
}
.headerTitleLite{
color:#333;
font-size:13px;
font-weight:bold;
}
.headerTitleRight{
float:right;
padding:1px 5px 0px 0px;
font-size:12px;
font-weight:bold;
color:#333;
}
.headerRCBox{
background:#CCC;
padding:6px 6px 2px 6px;
}
#sectionHeader{
height:2.5em;
line-height:30px;
border-bottom:1px solid #999;
}
#sectionHeader .my{float:right;}
#sectionHeader .name{
float:left;
width:150px;
font-size:21px;
font-weight:bold;
}
#sectionHeader .title{
font-size:16px;
font-weight:bold;
line-height:34px;
}
#sectionHeader h1{
display:inline;
}
.dataEntryTable{
width:650px;
}
.dataEntryTableSm{
width:360px;
margin-top:5px;
}
.dataEntryTableSmall{
width:400px;
}
.formLabel, .formLabelSm, .formLabelSmall{
font-weight:bold;
text-align:right;
}
.formLabel, .formLabelSm{
width:200px;
}
.formLabelSmall{
width:150px;
}
.formField{
width:450px;
}
.formFieldSmall{
width:250px;
}
.formFieldInfo{
font-size:11px;
color:#000;
margin:3px 0px;
}
.yellowBox{
background-color:#FFF8BE;
}

#masthead{
	height: 45px;
	margin-bottom: 15px;
}

#masthead .logo, #util-logo{
float:left;
display:block;
margin:10px 50px 10px 0;

}

#masthead .user-info{
height:37px;
text-align:right;

}

#util-links .util-item{
border-left:1px solid #aaa;
font-family: lucida grande, verdana, sans-serif;
font-size:12px;
padding-left:6px;
margin-left:3px;
float:left;
display:block;
}
#util-links .util-item.first{
border-left:none;
}
#util-links.small-utility-links .util-item{
border-left:1px solid #000;
font-size:11px;
padding-left:6px;
margin-left:6px;
}
#util-links.small-utility-links .util-item.first,
#util-links.normal-utility-links .util-item.first{
border-left:none;
padding-left:1px;
margin:0;
}
#util-links.normal-utility-links img{
margin-top:-1px;
vertical-align:middle;
}


#footer{
clear:both;
text-align:center;

margin-top:15px;
font-size:11px;
line-height:13px;
background:#eee;
border-top:1px solid #ccc;
padding:5px;
}


#copyright{
font-size:11px;
padding:15px 0;
text-align:center;
}

.v130WrapperInner{
overflow:hidden;
width:130px;
height:78px;
border:3px double #fff;
}
.v130WrapperInner img{
margin-top:-9.5px;
}
.v130WrapperOuter{
width:130px;
}
.videoIconWrapperInner,
.v120WrapperInner{
overflow:hidden;
width:120px;
height:72px;
border:1px solid #fff;
}
.videoIconWrapperInner img,
.v120WrapperInner img{
/*margin-top:-10px;*/
}
.videoIconWrapperOuter,
.v120WrapperOuter{
width:122px;
border:1px solid #999;
}
.v90WideEntry{
font-size:11px;
line-height:14px;
text-align:left;
width:92px;
}
.v90WrapperInner{
overflow:hidden;
width:90px;
height:54px;
border:1px solid #fff;
}
.v90WrapperInner img{
margin-top:-10px;
}
.v90WrapperOuter{
width:92px;
border:1px solid #999;
}
.v75WideEntry{
font-size:11px;
line-height:14px;
text-align:center;
width:72px;
}
.v75WrapperInner{
overflow:hidden;
width:70px;
height:40px;
border:1px solid #fff;
}
.v75WrapperInner img{
margin-top:-10px;
}
.v75WrapperOuter{
width:72px;
border:1px solid #999;
}
.v65WideEntry{
float:left;
}
.v65WrapperInner{
overflow:hidden;
width:65px;
height:65px;
border:1px solid #fff;
}
.v65WrapperInner img{
width:65px;
height:65px;
}
.v65WrapperOuter{
width:67px;
border:1px solid #999;
}
.v50WrapperInner{
overflow:hidden;
width:50px;
height:30px;
border:1px solid #fff;
}
.v50WrapperInner img{
margin-top:-10px;
}
.v50WrapperOuter{
width:52px;
border:1px solid #999;
}
.v45WideEntry{
float:left;
}
.v45WrapperInner{
overflow:hidden;
width:45px;
height:45px;
border:1px solid #fff;
}
.v45WrapperInner img{
width:45px;
height:45px;
}
.v45WrapperOuter{
width:47px;
border:1px solid #999;
}
.runtime,
.vruntime{
color:#000;
font-weight:bold;
font-size:11px;
}
.title,
.vtitle{
font-weight:bold;
font-size:12px;
}
.desc,
.vdesc{
margin:3px 0px;
font-size:12px;
}
.facets,
.vfacets{
margin-top:2px;
margin-bottom:3px;
line-height:13px;
font-size:11px;
}
.vfacets{
margin:3px 0px;
}
.vstill{
margin-bottom:2px;
}
.vtagLabel{
float:left;
}
.vtagValue{
margin-left:35px;
margin-bottom:3px;
}
.vTable{
border-spacing:0px;
padding:0px;
}
.vTable td{
vertical-align:top;
}
.vTable .vinfo{
padding-left:8px;
}
.vInfo{
padding-left:20px;
font-size:11px;
padding-top:1px;
line-height:1.4em;
}
.vtitlelink{
font-weight:bold;
text-decoration:none;
font-size:15px;
}
a.vtitlelink:hover{
text-decoration:underline;
}
.vEntry{
padding:10px 0px;
border-bottom:1px dotted #999;
}

.v120vEntry{
width:120px;
margin-bottom:10px;
}
.v120vEntry .vstill{
margin-bottom:4px;
}
.v120vEntry .vimg{
width:120px;
height:90px;
border:1px solid #999;
}

.browseListView .vlcontainer{
width:409px;
float:left;
}
.browseGridView .vlcontainer{
width:auto;
}
.browseGridView .vlentry .vstill{
margin-bottom:4px;
}
.browseGridView .vlentry .vimg{
width:120px;
height:90px;
border:1px solid #999;
}
.browseListView .vlentry{
padding-bottom:10px;
margin-top:10px;
border-bottom:1px dotted #bbb;
}
.browseListView .vlentry.dark-border{
border-bottom:1.5px solid #bbb;
}
.browseListView .v120WideEntry
{
float:left;
}
.browseListView .vltitle,
.membersListView .vltitlealt{
font-weight:bold;
font-size:14px;
margin-bottom:5px;
}
.browseListView .vltitle a
{
text-decoration:none;
}
.browseListView.searchView .vltitle,
.membersListView.searchView .vltitle{
font-weight:normal;
}

.browseListView .vldescbox{
width:280px;
margin-left:5px;
float:left;
}
#video-list.browseListView .vldescbox{
width:260px;
}
#video-list.browseListView .vlcontainer{
width:389px;
}

.vldesc{
overflow:hidden;
}

.browseListView .vldesc a{
color:#333;
}
.browseListView .vldesc a:hover{
text-decoration:underline;
}

.browseListView .vlclear,
.membersListView .vlclear,
.membersGridView .vlclearalt{
clear:both;
}


.browseListView .vldesc,

.browseListView .vlepisode.showepisode .vlepisode-hidden{
display:inline;
}
.watch-discoverbox-divider{
clear:both;
margin-bottom:3px;
margin-right:7px;
padding-bottom:3px;
border-bottom:1px dotted #CCC;
}

.browseListView .vlfacets{
font-size:11px;
border-left:1px solid #bbb;
margin-left:5px;
padding-left:5px;
line-height:14px;
float:left;
width:135px;
}

.browseGridView .vlfacets,
.membersGridView .memberContainer{
margin:3px 0px;
font-size:11px;
line-height:13px;
}
.browseListView .vlfacets span,
.browseListView .vlfacets div{
line-height:15px;
}

.browseListView .vlfacets div img{
margin-top:2px;
margin-bottom:3px;
}

.browseListView .vllongTitle{
overflow:hidden;
}
.browseListView .vlclearaltl{
clear:left;
}
.browseListView .vlentry{
margin-top:0px !important;
padding-top:10px;
}
html > body .browseListView .vlentry{
padding-top:0px;
margin-bottom:10px;
}
.browseListView .vlentry > .vlclearaltl{
height:0;
}
.browseGridView .vlfrom,
.browseListView .vlfrom{
overflow:hidden;
width:85px;
padding-left:1px;
display:block;
float:left;
}
.browseGridView .vlfromlbl,
.browseListView .vlfromlbl{
display:block;
float:left;
}

#homepage-main-content{
float:left;
width:675px;
}
#homepage-side-content{
float:right;
width:300px;
}
.homepage-content-block{
margin:5px 0px;
}

#divRecordingsHeading{
padding:10px 0px 0px 0px;
margin-left:20px;
border-bottom:1px solid #CCC;
}
.divSortBy
{
    background-color:#FCF7E8;
    margin: 0px;
    padding:14px 20px 14px 20px;
    font-size:9px;
    text-align:right;
    height: 11px;
    width: 635px;
    border-bottom: 1px dotted #CCCCCC;
}

.divSortBy img{
display:block;
float:left;
padding:0px 0px 0px 10px;
}
.divSortByLinkLast a{
    font-family: Lucide Grande, Verdana, Sans-Serif;
    font-size: 11px;
    text-decoration:none;
    display:block;
    float:left;
    padding:0px 10px 0px 10px;
    color: black;
}
.divSortByLink a
{
    font-family: Lucide Grande, Verdana, Sans-Serif;
    font-size: 11px;
    color: black;
    
    text-decoration:none;
    display:block;
    float:left;
    padding:0px 10px 0px 10px;
    border-right:1px solid #ccc;
}
.divSortBy a.first
{
    font-family: Lucide Grande, Verdana, Sans-Serif;
    font-size: 9px;
    color:black;
    
    border-left:0px;
}
.divSortBy a:hover{
text-decoration:underline;
}
.divSortBy a.hilite{
color:black;
font-weight:bold;
}
.divSortBy a.hilite:hover{
text-decoration:none;
}

.divAdminPrivelege
{
    width:200px; 
}

#divPageLinksTop
{
	padding: 20px 0px;
}

#divPageLinksTop a
{
	padding: 0px 20px 0px 0px;
}

#divPageLinksBottom
{
	padding: 6px 0px;
	width: 400px;
	float: right;
	text-align:right;
}

#divPageLinksBottom a
{
	padding: 0px 2px;
}
#divRightSide
{
	width: 300px;
	display:block;
	float:left;
	padding: 0px;
	margin-left: 15px;
}

.dateRangeLabel
{
    font-size: 14px;
	font-family: Lucida Grande, Verdana, Sans-Serif;
	font-weight: bold;
	color: #666666;
	
	font-weight:bold;
	padding-top: 3px;
	text-align: right;
	width: 100px;
	margin-left: 15px;
}

.dateRange
{
	margin-left: 11px;
}
.divSearchByLabel
{
	width: 100px;
	float: left;

	margin-left: 15px;
	
	font-size: 14px;
	font-family: Lucida Grande, Verdana, Sans-Serif;
	font-weight: bold;
	color: #666666;
	
	font-weight:bold;
	padding-top: 3px;
	text-align: right;
}

.divSearchField
{
	float: left;
	width: 150px;
}

.SearchButtons
{
	margin-top: 10px;
	margin-left: 15px;
}


/* Upload Page Styles */

.divUploadHeader
{
    background-color: #F6E8BA;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0px 12px 20px;
    margin: 0px 0px 15px 0px;
    height: 18px;
    width: 585px;
    color: #866A0E;
    
    font-family: Georgia;
    font-weight: bold;
    font-size: 16px;
}

.divUploadRow
{
	margin: 20px 0px 20px 0px;
	display:block;
	
}

.divUploadForm
{
    width: 635px;
}

.divUploadLabel
{
	font-size: 14px;
	font-family: Lucida Grande, Verdana, Sans-Serif;
	font-weight: bold;
	color: #666666;
	
	width: 150px;
	float: left;
	font-weight:bold;
	margin-left: 10px;
	margin-right: 30px;
	padding-top: 3px;
	text-align: right;
	
}
.divUploadField
{
	float: left;
	width: 350px;
}

#uploadButtons
{
    margin-left: 190px;
}

#uploadMessage
{
    margin-left: 20px;
    color: #cccccc;
}

#video-list{
padding-top:10px;
margin-left:0px;
}

.VideoBlock{
	width:630px;
	float:left;
	margin: 2px 0px 5px 0px;

}

.VideoButtons{
	padding: 5px;
}

.AnnotationEntry{
	border-bottom:1px solid #cccccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.thumbnailEntry
{
	height: 100px;
	width: 150px;
	border-bottom:1px solid #cccccc;
	padding-bottom: 5px;
	margin-bottom: 5px;	
}

.AnnotationName
{
	font-size: 14px;
	font-family: Lucida Grande, Verdana, Sans-Serif;
	font-weight: bold;
	color: #41677e;
}

.AnnotationSubtext
{
	font-size: 10px;
}

.AnnotationLink
{
	font-size: 14px;
	font-family: Lucida Grande, Verdana, Sans-Serif;
	font-weight: bold;
}

.AnnotationsBlock{
	width:400px;
	float:left;
	padding-left:10px;
	padding-right:10px;
	margin: 2px 5px 5px 5px;
}

.ViewFlickRight{
	width:300px;
	float:left;
	padding-left:10px;

	margin: 2px 0px 5px 15px;
}

.ClipBlock{
	background-color: #f1f1f1;
	padding-top: 10px;
	width: 340px;
}

.OwnerFunctionsBlock
{
	width:450px;

 	background-color: #f1f1f1;

}

.SubscribeBlock
{
	width:340px;

 	background-color: #f1f1f1;

}

.SitePermissionsBlock
{
	width:450px;

 	background-color: #f1f1f1;

}

.UsersBlock
{
	width:450px;

}

.AccessLogsBlock
{
	width:450px;
	padding-top:30px;
}

.ShareButton
{
	margin-top: 5px;
	margin-bottom: 9px;	
}

.ShareTextBox
{
	margin-top: 5px;
	margin-bottom: 15px;	
}


#divTagCloud
{
    background-color: #f1f1f1;
}

#divTagCloud #Body
{
    background-color: #f1f1f1;
	padding: 0 10px 10px 10px;
}
#divTagCloud #Header
{
    background-color: #CCCCCC;
    padding: 10px 0px 12px 20px;
    margin: 0px 0px 5px 0px;
    height: 18px;
    color: #000000;
    
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 16px;
}

.AdminRecordingDiv
{
    background-color: #f1f1f1;
    margin-bottom: 30px;
}

#divSearchByBox
{
    background-color: #f1f1f1;
    margin-bottom: 30px;
}

.BoxBody
{
    background-color: #f1f1f1;
	padding: 0 10px 10px 10px;
}

.BoxHeader
{
    background-color: #CCCCCC;
    padding: 10px 0px 12px 20px;
    margin: 0px 0px 5px 0px;
    height: 18px;
    color: #000000;
    
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 16px;
}

#spinnerImage
{
	background: url("../images/spinner.gif") no-repeat;
	width: 16px;
	height: 16px;
}

/* Site Styles */

#masthead_nav
{
    margin-top: 20px;
    float:right;
    text-align: right;
}


#util-logo
{
    
    font-size: 24px;
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-weight: bold;
    
    color: #866a0e;
    width: 158px;
    /*height: 380px;*/
    padding-left: 0px;
    padding-top: 2px;

}

#util-logo #focus
{
    color: #FFFFFF;
}

#util-logo #flix
{
    color: #866a0e;
}

/* Navbar */

#navbar
{
    background-color: #545B63;
    height: 35px;
    width: 965px;
    padding: 15px;
    border:0px;
    margin-bottom: 10px;
    position: relative;
	vertical-align: middle;
}

#navbar_arrow
{
    background-image: url(../images/navbar_arrow.png);
    position: absolute;
    width: 20px;
    height: 24px;
    top:50px;
    left: 59.5px;
    z-index: 10;
}

#navbar_loginArrow
{
    background-image: url(../images/loginarrow.png);
    width: 12px;
    height: 35px;
	float: left;
    z-index: 10;
    margin-top: 2px;
}


#navbar a
{
    color: White;
    text-decoration: none;   
}

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

#navbar a:link {    color: #FFFFFF}     /* unvisited link */
#navbar a:visited { color: #FFFFFF}  /* visited link */
#navbar a:hover {   color: #FFFFFF; text-decoration: underline; }   /* mouse over link */
#navbar a:active {  color: #FFFFFF}   /* selected link */

#navbar_dashboard
{
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: White;
    width: 89px;
    height: 15px;
    padding: 8px 10px 12px 10px;
    background-color: #87919f;
    float: left;
}

#navbar_files
{
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: White;
    width: 42px;
    height: 15px;
    padding: 8px 10px 12px 10px;
    background-color: #87919f;
    margin-left: 15px;
    float: left;
}

#navbar_upload
{
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: White;
    width: 61px;
    height: 15px;
    padding: 8px 10px 12px 10px;
    background-color: #87919f;
    margin-left: 15px;
    float: left;
}

#navbar_public
{
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: White;
    width: 52px;
    height: 15px;
    padding: 8px 10px 12px 10px;
    background-color: #87919f;

    float: left;
}

#navbar_flix
{
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: White;
    width: 89px;
    height: 15px;

    padding: 8px 10px 12px 10px;
    background-color: #87919f;
    float: left;
}

#navbar_uploadVideo
{
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: White;
    width: 61px;
    height: 15px;
    padding: 8px 10px 12px 10px;
    background-color: #87919f;
    margin-left: 15px;
    float: left;
}


/* Login */


#navbar_homepagelogin
{
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: White;
    width: 173px;
    height: 15px;
    padding: 12px 10px 12px 10px;
    background-color: #87919f;
    float: left;   
}

#navbar_login
{
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: White;
    width: 61px;
    height: 15px;
    padding: 12px 10px 12px 10px;
    background-color: #87919f;
    float: left;
}


#navbar_loginbox
{
	background-color: #383C42;
	float: right;
	vertical-align: middle;
    padding: 8px 8px 8px 8px;
}

#navbar_videologin
{
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: White;
    width: 52px;
    height: 15px;
    padding: 12px 10px 12px 10px;
    background-color: #87919f;
    margin-left: 15px;
    float: left;
}

#navbar_filelogin
{
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: White;
    width: 52px;
    height: 15px;
    padding: 12px 10px 12px 10px;
    background-color: #87919f;
    margin-left: 15px;
    float: left;
}

#navbar_projectlogin
{
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: White;
    width: 65px;
    height: 15px;
    padding: 12px 10px 12px 10px;
    background-color: #87919f;
    margin-left: 15px;
    float: left;
}

#navbar_freeconsultation
{
	background-color: #383C42;
	
	float: right;
	vertical-align: middle;
    height: 15px;
    padding: 10px 10px 12px 10px;
}

.LoginTextbox
{
	float: left;
	vertical-align: middle;
	padding-right:7px;
}



#LoginImage
{
	vertical-align: middle;
}

#Login_Welcome
{
	float: left;
	color: White;
    font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	height: 15px;
    padding: 12px 10px 12px 10px;
}



#Homepage_Left
{
    float: left;
	width: 321px;
	margin-right: 10px;
}

#Homepage_Center
{
    float: left;
	width: 323px;
	margin-right: 10px;
}

#Homepage_Right
{
    float: left;
	width: 331px;
}


#Login_LeftSide
{
	float: left;
	width: 400px;
}

.Login_CreateSite
{
	border-bottom: solid 1px #F0F0F0;
	font-size: 11pt;
	font-weight: bold;
	padding: 15px;
	text-align: right;
}

#divLogin_Pinwheel
{
	text-align: center;
}

.Login_CreateAlignment
{
	margin-left: 20px;
}

#imgLogin_Pinwheel
{

}

#Login_RightSide
{
	float: left;
	width: 495px;
	background-color: #EEEEEE;
	padding: 30px;
	margin: 0px 0px 0px 20px;
}

#Login_RightSideHeader
{
	font-size: 16pt;
	margin-bottom:20px;
}

.Login_RightSubHeader
{
	font-weight: bold;
}

.Login_RightSideCopy
{
}

.Login_RightSideTextColumn
{
	float:left;
	width: 230px;
}




/* Folders Section */
.folderContainer
{
    margin-right: 20px;
    width: 290px;
}

.FolderControl_folderHeader
{
    height: 18px;
    width: 270px;
    background-color: #D7D7D7;
    color:Black;
    padding: 10px 0px 12px 20px;
    
    font-family: Lucida Grand, Verdana, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
}

.FolderControl_newFolderTextBox
{
    margin-top: 2px;
    margin-bottom: 10px;
    padding: 0px;
    font-family: Lucida Grande, Verdana, Sans-Serif;
    color: #cccccc;
    font-style: italic;
    width:150px;
}

.button_newFolder
{
}

.FolderControl_row
{
    border-bottom: 1px solid #CCCCCC;
    height: 18px;
    padding: 10px 0px 12px 20px;        
}

.FolderControl_folderItem

{
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    float:left; 
    width: 200px;

    /*background-image: url(../images/folderControl/closedFolder.png);*/ 
    background-repeat: no-repeat;
}

.FolderItem_controls
{
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    float:right; 
    width: 70px;    
}

.FolderItem_editButton
{
    margin-right: 15px;
}
.FolderControl_parentItem
{
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    
    height: 18px;
    padding: 10px 0px 12px 20px;
    
    border-bottom: 1px solid #CCCCCC;
    /*background-image: url(../images/folderControl/upFolder.png);*/ 
    background-repeat: no-repeat;
}

.FolderControl_toolbar
{
    border: 1px solid green;
    height: 25px;
    padding: 3px;
    
}

.FolderControl_newItem
{
    font-family: Lucia Grande, Verdana, Sans-Serif;
    font-size: 10px;
    height: 25px;
    padding: 7px 0px 8px 20px;
    
    background-color: #F5F5F5;
}

.breadcrumbs
{
    background-color: #F6E8BA;
    padding: 10px 0px 12px 20px;
    margin: 0px 0px 0px 0px;
    height: 18px;
    width: 655px;
    color: #866A0E;
    
    font-family: Georgia;
    font-size: 16px;
}

.siteResults
{
    border: 1px solid orange;
    padding: 5px;
    margin: 5px;
    width: 685px;
}

.siteName
{
    font-family: Verdana;
    font-size: 16px;
}

.divNoResults
{
	padding: 15px 0 15px 20px;
    height: 15px;
}

#gridResults
{
	border-collapse:collapse;
}

#gridResults a
{
	font-weight:bold;
	font-size:14px;
}

.gridHeader200
{
    font-family: Arial Rounded, Arial;
    font-weight: bold;
    font-size: 11px;
    color: #545b63;
    float: left;
    
    width: 205px;
    height: 11px;
    padding: 14px;
    
    margin-right: 15px;
}

.gridHeader100
{
    font-family: Arial Rounded, Arial;
    font-weight: bold;
    font-size: 11px;
    color: #545b63;
    float: left;
    width: 83px;
    margin-right: 15px;
    height: 11px;
    padding: 14px 0;
}


.gridCell200
{
    font-family: Lucida Grande, Verdana;
    font-size: 10px;
    color: #545b63;
    float: left;
    width: 215px;
    margin-right: 15px;
}

.gridCell100
{
    font-family: Lucida Grande, Verdana;
    font-size: 10px;
    color: #545b63;
    float: left;
    width: 83px;
    margin-right: 15px;
}

#gridResults thead
{
	text-align: left;
	background-color: #EFBA19;
	font-size:15px;
	
}

#gridResults thead th
{
		padding: 10px 5px;
}

#gridResults tr
{
	
}

.firstRow
{
	padding: 5px 0 0 28px;
}

.secondRow
{

	border-width: 0 0 1px 0px;
	border-style:solid;
	border-color:#eeeeee;
	padding: 0 0 5px 28px;

}

#gridShell
{
    width: 675px;

}

#gridHeader
{
    height: 40px;
    padding-left: 10px;
    border-bottom: 1px solid #CCCCCC;
}

.textbox
{
	border: 1px solid #cccccc;
}

div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label 
{
    
  float: left;
  width: 100px;
  text-align: right;
  color: Orange;
  }

div.row span.formw 
{
    
  float: right;
  width: 170px;
  text-align: left;
  } 
  
  .SiteName
  {
      font-size: 16px;
      font-family: Arial Black;
  }
  
  .hidden
  {
      display: none;
  }
  
  /* Document/Video Viewing */

.homepageTitle
{
    background-color: #F6E8BA;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0px 12px 20px;
    margin: 0px 0px 0px 0px;
    height: 18px;
    color: #866A0E;
    
    font-family: Georgia;
    font-weight: bold;
    font-size: 16px;
}
  
.viewTitle
{
    background-color: #F6E8BA;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0px 12px 20px;
    margin: 0px 0px 0px 0px;
    height: 18px;
    width: 610px;
    color: #866A0E;
    
    font-family: Georgia;
    font-weight: bold;
    font-size: 16px;
}

.commentsHeader
{
    background-color: #CCCCCC;
    padding: 10px 0px 12px 20px;
    margin: 0px 0px 0px 0px;
    height: 18px;
    width: 320px;
    color: #000000;
    
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 16px;
}

.commentsBody
{
    padding: 10px 0px 12px 20px;
    background-color: #f1f1f1;
    margin: 0px 0px 15px 0px;
    width: 320px;
    color: #000000;
}

#viewToolbar
{
    background-color: #fcf8e9;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0px 12px 20px;
    margin: 0px 0px 15px 0px;
    height: 18px;
    width: 610px;

}

.viewToolbarItem a
{
    margin-right: 30px;
    color: #866A0E;
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-size: 12px;
    float: left;
    
}

.viewToolbarItem a:hover{
text-decoration:underline;
}
.viewToolbarItem a.hilite{
color:black;
font-weight:bold;
}
.viewToolbarItem a.hilite:hover{
text-decoration:none;
}

.VideoPlayer
{
    float:left;
    width: 440px;
    margin-right:15px;
}

.VideoAttributes
{
    float:left;

    width: 175px;
    background-color: #f1f1f1;
}

.VideoAttributeLabel
{
	font-size: 14px;
	font-family: Lucida Grande, Verdana, Sans-Serif;
	font-weight: bold;
	color: #666666;
}

.VideoAttr
{
    margin-bottom: 15px;
}

#sharePopupPanel
{
 	background-color:White;
	padding:10px 10px 10px 10px;   
}

.shareHeader
{
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}

/* Access Log */

.accessLogTitle
{
    background-color: #F6E8BA;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0px 12px 20px;
    margin: 0px 0px 15px 0px;
    height: 18px;
    width: 585px;
    color: #866A0E;
    
    font-family: Georgia;
    font-weight: bold;
    font-size: 16px;
}

.accessLogBody
{
    padding-left: 20px;   
}

/* My Profile */

.myProfileTitle
{
    background-color: #F6E8BA;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0px 12px 20px;
    margin: 0px 0px 15px 0px;
    height: 18px;
    width: 585px;
    color: #866A0E;
    
    font-family: Georgia;
    font-weight: bold;
    font-size: 16px;
}

.myProfileBody
{
    padding-left: 20px;   
}


.ActivityDateHeader
{/*The header, used to make the gray underline*/
	border-bottom:solid 1px #CDCDCD;
	margin-top: 30px;/*the space between yesterday and today*/
	padding-bottom: 10px;/*space between the date and gray underline*/
	vertical-align: middle;
    width: 485px;
}

.ActivityDateDisplay
{
	font-weight: bold;
	margin-left: 20px;
	vertical-align: middle;
}

.ActivityDateImage
{
	padding-right: 10px;/*space between calendar image and date text*/
	vertical-align: middle;
}

.ActivityDisplay
{
	margin-left: 40px;
	margin-top: 9px;/*space between activity items and also between the first activity and date header*/
}

.ActivityImage
{
	padding-right: 10px;/*space between user image and text*/
	vertical-align: middle;
}

#divEditFolderName
{
	width:350px;
 	background-color: #f1f1f1;
}

/*  View Flick Collapse Panel */

#clipList
{
    margin-bottom: 10px;
}

.collapsePanel {
	
	background-color:white;
	width: 340px;
}

.collapsePanelHeader{
	
	background-color: #CCCCCC;
    padding: 10px 20px 12px 20px;
    margin: 0px 0px 0px 0px;
    height: 18px;
    width: 300px;
    color: #000000;
    
    font-family: Lucida Grande, Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid black;
	
} 
ul{
    margin: 0 auto;
}


ul.checklist li{
    text-align: left;
    list-style: none;
    padding: 12px 10px 10px 40px;
    margin: 5px;
    background: url(../images/checkmark.png) 5px 5px no-repeat;
}