@charset "utf-8";
/* CSS Document */

a {
	color:					#333;	
}

a.hover {
	color:					#000;
}	

td {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;	
	font-size:				12px;
}

.MessageBox {
	background-color: 		#90879E;
}

#GreyedOut {
	color: 					#CCC;	
}

#GreyedOut .Note {
	font-size:				10px;
	color:					#CCC;
	font-style:				italic;
}

#BarGraph {
	border-color:			#333;
	border-width:			1px;
	border-style:			solid;
	padding:			 	1px;
	height:					5px;
	width:					100%;
}

#BarGraph .Filled {
	background-color:		#CB99CC;
	height:					5px;
}


.MiniFormField {
	background-image: 		url(../Images/Mini_FormField.jpg);
	background-repeat:		no-repeat;
	background-position:	top;
	background-color:		#333;
	width:					136px;
	height:					21px;
	color:					#FFF;
	font-size:				10px;
	border-width:			0px;	
	text-indent: 			5px;
	margin-right:			5px;
}

.MiniTitle {
	font-size:				11px;
	font-weight:			bold;
	color:					#43205E;
}

.Title {
	font-size:				18px;
	color:					#43205E;
	font-weight:			bold;
	font-family:			Arial, Helvetica, sans-serif;
}

.PagingPages {
	text-align:				right;	
}

.TdTitle {
	color:					#333;
	font-weight:			bold;
	border-bottom:			#333;
	border-bottom-width:	1px;
	border-bottom-style:	solid;
	border-left:			#333;
	border-left-width:		1px;
	border-left-style:		solid;
}

.SuggestMenu {
	z-index:				1; 
	float:					left; 
	position:				relative;
	border-width:			1px;
	border-color:			#333;
	border-style:			solid;
	background-color:		#E5E5E5;
}

.TdRow {
	background-color:		#D6D6D6;
	color:					#43205E;
}

.TdAlternateRow {
	background-color:		#D4D0D7;	
	color:					#000;	
}

.Error {
	font-size:				18px;
	color:					#F00;
	font-weight:			bold;
}

.FakeLink {
	color:					#000;
	font-weight:			bold;
	text-decoration:		underline;
	cursor:					pointer;
}

.FakeLinkOver {
	color:					#333;
	font-weight:			bold;
	text-decoration:		underline;
	cursor:					pointer;
}

.Label {
	color:					#000;
	font-weight:			bold;
	text-align:				right;
	vertical-align:			top;
}

.SubLabel {
	color:					#000;
	font-style:				italic;
	text-align:				right;
	vertical-align:			top;
}

.LabelHeader {
	color:					#000;
	font-weight:			bold;
	font-size:				14px;
}

.Note {
	font-size:				10px;
	color:					#333;
	font-style:				italic;
}

.FormFields {
	border-width:			1px;
	border-color:			#CB99CC;
	border-style:			solid;
	background-color:		#EBD8EC;
}

.HiddenFields {
	display:				none;	
}

.Tag {
	background-image:		url(../Images/Skins/Generic/Tag_Bg.png);
	background-repeat:		repeat-x;
	height:					22px;
	font-size:				10px;
	float:					left;
}

.FakeButton {
	cursor:					pointer;	
}

#Search .FormFields_Search {
	border-width:			1px;
	border-color:			#333;
	border-style:			solid;
	background-color:		#E5E5E5;
	width:					300px;
}

#Search .SearchButtonUp {
	cursor:					pointer;
	padding-left:			5px;
	padding-right:			5px;
	border-width:			1px;
	color:					#000;
	border-color:			#333;
	border-style:			solid;
	background-color:		#E5E5E5;
}

#Search .SearchButtonOver {
	cursor:					pointer;
	padding-left:			5px;
	padding-right:			5px;
	border-width:			1px;
	color:					#CA7F0D;
	border-color:			#CA7F0D;
	border-style:			solid;
	background-color:		#E5E5E5;
}

#Search .SearchButtonDown {
	cursor:					pointer;
	padding-left:			5px;
	padding-right:			5px;
	border-width:			1px;
	color:					#FFF;
	border-color:			#FFF;
	border-style:			solid;
	background-color:		#E5E5E5;
}

#HeaderNavigation {
	font-size: 				12px;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#FFF;
	font-weight:			normal;
	float: 					left;
	position: 				relative;
}

#HeaderNavigation a {
	color:					#FFF;
	text-decoration:		none;
}

#HeaderNavigation a.hover {
	color:					#FF9900;
	text-decoration:		none;
}

#UserInfo {
	font-size: 				12px;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#FFF;
	font-weight:			normal;	
}

#UserInfo td {
	font-size: 				12px;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#FFF;
	font-weight:			normal;	
}

#UserInfo a {
	color:					#FFF;
	text-decoration:		none;
}

#UserInfo a.hover {
	color:					#FF9900;
	text-decoration:		none;
}

#FooterNavigation {
	color:					#FFF;
	font-weight:			normal;
	font-size:				10px;
}

#FooterNavigation a {
	color:					#FFF;
	font-weight:			bold;
}

#FooterNavigation a.hover {
	color:					#FFE300;
	font-weight:			bold;
}

.ButtonUp {
	padding-top:			10px;
	font-size:				10px;
	font-weight:			bold;
	color:					#FFFFFF;
	text-align:				center;
	position:				relative;
	float:					left;
	cursor:					pointer;
	width: 					107px;
	height:					35px;
	background-image:		url(../Images/Button_Up.png);
	background-position:	center;
	background-repeat:		no-repeat;
}

.ButtonOver {
	padding-top:			10px;
	font-size:				10px;
	font-weight:			bold;
	color:					#431F5D;
	text-align:				center;
	position:				relative;
	float:					left;
	cursor:					pointer;
	width: 					107px;
	height:					35px;
	background-image:		url(../Images/Button_Over.png);
	background-position:	center;
	background-repeat:		no-repeat;
}

.ButtonDown {
	padding-top:			10px;
	font-size:				10px;
	font-weight:			bold;
	color:					#000000;
	text-align:				center;
	position:				relative;
	float:					left;
	cursor:					pointer;
	width: 					107px;
	height:					35px;
	background-image:		url(../Images/Button_Over.png);
	background-position:	center;
	background-repeat:		no-repeat;
}

#DragBox {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#DragBox li {
	cursor: move;
	position: relative;
	margin: 3px;
	float: left;
	width: 110px;
	height: 110px;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	text-align: center;
	background-color:		#E5E5E5;
}



#SortBox {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#SortBox li {
	cursor: move;
	position: relative;
	margin: 3px;
	width: 					100%;
	border-width: 			1px;
	border-style: 			solid;
	border-color: 			#000;
	background-color:		#E5E5E5;
	overflow:				show;
	padding:				5px;
}

.HiddenElement {
	display:none;	
}

.VisibleRow {
	display:table-row;
}

.ItemTitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #431F5E;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}

.ItemDescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 15px;
	padding-bottom: 10px;
}

.LoginIcon {
	float:left; 
	width:112px
}

.SignUp {
	font-size: 11px;
	float:left;
	width:80%;
	padding-left: 10px;
	padding-top: 16px;
	vertical-align: middle;
}

.FormArea {
	padding-top: 5px;	
	padding-left: 25px;	
}

.ViewAll {
	font-size: 11px;
	width:75%;
	height: 19px;
	padding-left: 10px;
	vertical-align: middle;
}

.VideoListTitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 18px;	
}

#VideoList {
	background-color:#2A2A2A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#VideoList .SubVideoListTitle {
	color: #7A7A7A;
	font-size: 10px;
}

#VideoList .Link {
	cursor: pointer;
	padding-bottom: 5px;
	text-decoration: none;
	color: #FFFFFF;	
	font-size: 10px;
	font-weight: bold;
}

#VideoList .LinkOver {
	cursor: pointer;
	padding-bottom: 5px;
	text-decoration: none;
	color: #FFCC33;	
	font-size: 10px;
	font-weight: bold;
}

#VideoList td {
	text-align: center;
}

.VideoIndicator {
	background-image: url(/Media/Images/Contents/image/indicator.gif);
	background-position: center;
	background-repeat: no-repeat;
}
