.sortable-list {
    list-style-type : none;
    margin : 0;
}
.sortable-list li {
    border : 1px solid #000;
    cursor : move;
    margin : 2px 0 2px 0;
    padding : 3px;
    background : #f7f7f7;
    border : #ccc;
    width : 400px;
}

.sortText
{
	color: #FEDC92;
	font: arial;
}

.formSearchInput
{
	width:139px;
	height:19px;
	border: 0px solid #909982;
	background-color: #627345;
	color:#CCD9B8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.footerText
{
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
}

.footerGrey
{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}

A.footer:link {color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:x-small;}
A.footer:active {color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:x-small;}
A.footer:visited {color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:x-small;}
A.footer:hover {color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration: underline; font-size:x-small;}

A.SmallTitle:link {color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:12px;}
A.SmallTitle:active {color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:12px;}
A.SmallTitle:visited {color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:12px;}
A.SmallTitle:hover {color: #FFD573; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:12px;}


A.pageLink:link {color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:x-small; background-color:#333333; border: 1px solid #434343; padding: 2px;}
A.pageLink:active {color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:x-small;background-color:#333333; border: 1px solid #434343; padding: 2px;}
A.pageLink:visited {color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:x-small;background-color:#333333; border: 1px solid #434343; padding: 2px;}
A.pageLink:hover {color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration: underline; font-size:x-small;background-color:#333333; border: 1px solid #434343; padding: 2px;}

A.pageLinkdark:link {color: #666666; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:x-small; background-color:#333333; border: 1px solid #434343; padding: 2px;}
A.pageLinkdark:active {color: #666666; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:x-small;background-color:#333333; border: 1px solid #434343; padding: 2px;}
A.pageLinkdark:visited {color: #666666; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:x-small;background-color:#333333; border: 1px solid #434343; padding: 2px;}
A.pageLinkdark:hover {color: #666666; font-family:Arial, Helvetica, sans-serif; text-decoration: underline; font-size:x-small;background-color:#333333; border: 1px solid #434343; padding: 2px;}


.videoTitleText
{
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight:bold;
}

.TitleText
{
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}

.videoInfoText
{
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: medium;
}

.videoArea
{
	background-color:#000000
}

.orgTitle
{
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight:bold;
}

.choiceText
{
	color: #F8F5EC;
	font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight:bold;
}

.movieTitle
{
	color:#FFD573;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}

.movieInfo
{
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.movieDesc
{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.movieBox
{
	background-color:#000000; border: 1px solid #202020; padding: 5px;
}

.formInput
{
	background-color:#000000; border: 1px solid #202020; padding: 3px;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:22px;
	width:200px;
}

.formArea
{
	background-color:#000000; border: 1px solid #202020; padding: 5px;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:142px;
	width:550px;
}

.orgBox
{
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	width:950px; background-color:#333333; border: 1px solid #434343; padding: 5px;
}

.orgBox2
{
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	width:950px;
	border-bottom: 1px solid #ffffff;
	visibility: visible;
}


#dhtmlgoodies_leftPanel ul{
	padding-left:20px;
	margin-left:0px;
}
#dhtmlgoodies_leftPanel div{
	padding:3px;
}

.LOptions 
{
	color: #FFE8B9;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}

.LTitle 
{
	color: #FFE8B9;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
}

/* END CSS ONLY NEEDED FOR THIS DEMO PAGE */

#dhtmlgoodies_leftPanel{	/* Styling the help panel */
	
	background-color:#000000;	/* Blue background color */
	color:#FFFFFF;	/* White text color */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	
	/* You shouldn't change these 5 options unless you need to */		
	height:100%;	
	left:0px;
	z-index:10;
	position:absolute;
	display:none;
	overflow:hidden;
	border: 1px solid #434343;
}

#dhtmlgoodies_leftPanel #leftPanelContent{
	padding:0px;
}
#dhtmlgoodies_leftPanel .closeLink{ /* Layout of close link */
	padding-left:2px;
	padding-right:2px;
	background-color:#FFF;
	position:absolute;
	top:2px;
	left:115px;
	border:1px solid #000;
	color:#000;
	font-size:0.8em;				
}
#dhtmlgoodies_leftPanel .closeLink:hover{	/* Close link text  - mouseover effect*/
	color:#FFF;
	background-color:#000;
}	

.visible
{
display:inline;
visibility:visible;
}

.invisible
{
display:none;
visibility:hidden;
}

hr {
color: #efefef;
height: 1px;
}

.premiereInviteSmall
{
	color: #C59483;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
}

.premiereInviteText
{
	color:#B48979;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
}

.premiereInvite
{
	color:#B48979;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
}

.blogInviteText
{
	color:#B48979;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
}
