/* ADDED STYLE TO SORT - CHRIS */

/* TABMEDIASTRIP */

	.tabMediaStrip ul { margin: 0; padding: 0; list-style-type: none; }
	.tabMediaStrip li { margin: 0 2px 0 0; list-style-type: none; float: left; }
	.tabMediaLink { display: block; text-decoration: none; padding: 5px 25px; background: #fff; border: #dadada solid; border-width: 1px 1px 0 1px; color: #8a8a8a; }
	.tabMediaLinkActive { display: block; text-decoration: none; padding: 5px 25px; background: #ecf2f8; border: #c0c0c0 solid; border-width: 1px 1px 0 1px; color: #8a8a8a; }
	.tabMediaContent { display: none; }
	.tabMediaContentActive { clear: both; border-top: 1px solid #ccc; }		
	
	.tabFrame { border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; padding: 12px; background: #EDEDEC; width:574px;}
	.tabFrame h3 { margin-top: 0px; }	
	
	.colHeader{background-color: #EDEDEC; padding-left:5px; height:24px; vertical-align:middle;}
	.grid{border: 1px solid #e0e0e0;}
	.storyText{overflow-y:auto;width:562px;background-color:#fff;padding:5px;border: 1px solid #C0C0C0;}

	table{padding:0px;}

	input:hover,
	textarea:hover,
	input.file:hover,
	select:hover { border: 1px solid #004fc0; }
	input.btnhov { border: 1px solid #ccc; }	
	te:hover{background-color:#ecf2f8;}	

	input{border: 1px solid #ccc; color: #666666; height:19px;vertical-align:middle; width:250px;padding-left:2px;}
	input.checkbox{height:26px; width:20px;border: 0px; color: #666666; height:23px;vertical-align:middle;}  
	input.file{border: 1px solid #666666; color: #666666; height:23px;vertical-align:middle; width:250px;}
	textarea {  font-size: .9em; font-family: arial,helvetica,sans-serif;  color: #666; padding: 2px; }
	textarea, te {border: 1px solid #cccccc; color: #666666;vertical-align:middle;margin-bottom:12px;}
	select{border: 1px solid #ccc; color: #666666;vertical-align:middle; height:21px}
	
	.alignRight{text-align: right;}
	td.sideheader{background: #c0c0c0; color:#fff; text-align:center; padding-top:15px; padding-botom:15px;  width:230px; font-size:22px;}
	td.document{border-bottom:1px solid #c0c0c0; padding-bottom:2px; padding-top: 2px;}


/* BUTTONS */

	.buttonLarge { width: 180px; text-align: center; padding: 7px; margin-top: 24px; text-transform: uppercase; }
	input.btn { 
	text-align:center;
	text-transform:uppercase;
	width:185px;
	height:31px;
	background-color: #fff; 
	border: 1px solid #ccc;
	color:#9AA9BB;
        line-height: 31px;
	} 

	input.btnhov { 
	color: #749FD4;
	text-align:center;
	text-transform:uppercase;
	width:185px;
	height:31px;
	border: 1px solid #ccc; 
	background-color: #ecf2f8; 
	cursor: pointer;
        line-height: 31px;
	}	
		
	
			
/* REGFORM */
	#regFormContainer{width:825px; border-bottom: 0px solid #c0c0c0;}
	#regFormSpamControlContainer{width:825px;}
        #regFormSpamControl{width:364px; border: 1px solid #c0c0c0; float:left;  padding:10px; margin-top:8px ;
                    font-family:arial,helvetica,sans-serif;
					font-size:.85em;}


	table.regForm{}
	td.regFormLabel{width:130px; height:35px; vertical-align:center;}
	.regFormCheckBoxLabel{width:100px; height:12px; vertical-align:center;padding-left:10px; padding-right:10px;}
	.regFormCheckBoxLabelSmall{width:100px; height:12px; vertical-align:center; padding-right:10px;font-size:9px;}

/* LOGIN */
	#loginContainer{border: 1px solid #c0c0c0; margin-left:auto; margin-right:auto; padding: 5px; width:375px;}
	
/* STORY */
	#leftContainer{float:left; width:230px; border: 1px solid #c0c0c0;}
	/*#rightContainer{float:right; width:575px;}*/
	h2.rightContainer{font-size: 1.5em; margin: 0 0 0 0; }
	h3.rightContainer{ font-size: 1.2em; margin: 0 0 0 0; }
	td.sideheader{background: #c0c0c0; color:#fff; text-align:center; padding-top:15px; padding-botom:15px;  width:230px; font-size:22px;}
	p.sideheader{vertical-align: middle;}
	td.sideContent{background: #e0e0e0; text-align:left;width:230px; padding:5px;}
	#mediaContainer{float:right; width:575px;  height: 500px;}
	#centerContainer{margin-left:auto; margin-right:auto; width:575px;}
	td.mediaTabSelected{width:200px; height:30px; font-size:20px; text-align:center; background: #e0e0e0;  border-top : 1px solid #c0c0c0;border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}
	td.mediaTabFirst{width:200px; height:30px; font-size:20px; text-align:center; background: #fff;  border-top : 1px solid #c0c0c0;border-left: 1px solid #c0c0c0; border-right: 0px}
	td.mediaTab{width:200px; height:30px; font-size:20px; text-align:center; background: #fff; border-top : 1px solid #c0c0c0;border-right: 1px solid #c0c0c0;}
	#mediaFrame{float:right; width:553px;  height: 260px; border-left : 1px solid #c0c0c0;border-right: 1px solid #c0c0c0;border-bottom: 1px solid #c0c0c0; border-top:1px solid #c0c0c0; padding:10px;background: #e0e0e0;  }
	td.mediaFrameMedia{width:550px; height:215px;padding-left:0px;}
	td.mediaFrameNav{width:175px;}
	td.mediaTypeButton{width:100px; border:1px solid #c0c0c0; text-align:center; font-size:18px; height:35px; vertical-align:middle;}
	.vertcenter{vertical-align:middle;}
	/*ul.arrow: {list-style-image : ;}*/
	.crumb {font-size: .85em;}

/* player style */
/* container has a background image */


/* splash image */

/* playlist style */
#playlist {
		background-color:#EFEFEF;
		border:1px solid #CCCCCC;
		float:left;
		height:286px;
		margin-top:20px;
		overflow-x:hidden;
		overflow-y:scroll;
		padding:0px 4px 12px;
		width:225px;
}

/* playlist entry */
#playlist a {
		-x-system-font:none;
		background-color:#FFFFFF;
		border:1px solid #CCCCCC;
		color:#666666;
		display:block;
		font-family:"bitstream vera sans","lucida grande",verdana;
		font-size:11px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		height:50px;
		line-height:normal;
		margin-top:4px;
		padding:4px;
		text-decoration:none;
		width:175px;
}

/* different states of a playlist entry */
#playlist a:hover {
	background-color:#ecf2f8;		
}

#playlist a.progress {
	background-color:#efefef;	
}

#playlist a.playing {
	border:1px solid #666;
	background-color:#ECF2F8;	
}

#playlist a.paused {
	border:1px solid #666;
	background-color:#ffc;	
}

/* elements inside playlist entry */
#playlist a img {
	border:0;	
	float:left;
	margin-right:10px;
}

#playlist a strong {
	color:#9AA9BB;		
	padding-bottom:5px;
}

#playlist a:hover strong {
	color:#749FD4;		
}

#playlist a em {
	border:0;	
	float:left;
	margin-right:10px;
	background:url(assets/mediaplayer/img/clock.gif) no-repeat 0 50%;
	padding-left:20px;
	color:#333;
	font-style:normal;
	margin-top:10px;
}	


/* photo_list - for public photo gallery style */
#photo_list {
		background-color:#EFEFEF;
		border:1px solid #CCCCCC;
		float:left;
		height:233px;
		margin-top:20px;
		overflow-x:hidden;
		overflow-y:scroll;
		padding:0px 4px 12px;
		width:201px;
		position:relative;
}

/* playlist entry */
#photo_list a {
		-x-system-font:none;
		background-color:#FFFFFF;
		border:1px solid #CCCCCC;
		color:#666666;
		display:block;
		font-family:arial,'lucida grande',verdana;
		font-size:11px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		height:50px;
		line-height:normal;
		margin-top:4px;
		padding:4px;
		text-decoration:none;
		width:174px;
}

/* different states of a playlist entry */
#photo_list a:hover {
	background-color:#ECF2F8;
	color:#749FD4;
}

#photo_list a.progress {
	background-color:#efefef;	
}

#photo_list a.playing {
	border:1px solid #666;
	background-color:#ffc;	
}

#photo_list a.paused {
	border:1px solid #666;
	background-color:#ffc;	
}

/* elements inside playlist entry */
#photo_list div{
	width:115px;
	float:right;
}

#photo_list a:hover strong {
	color:#749FD4;		
}

#photo_list a img {
	border:0;	
    float:left;
	display:block;
	margin:auto;
}

#photo_list a strong {
	color:#9AA9BB;		
	padding-bottom:5px;
}

#photo_list a em {
	border:0;	
	float:left;
	margin-right:10px;
	background:url(assets/mediaplayer/img/clock.gif) no-repeat 0 50%;
	padding-left:20px;
	color:#333;
	font-style:normal;
	margin-top:10px;
}	

#photo_wrapper {
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		color:#FFFFFF;
		cursor:pointer;
		display:block;
		height:298px;
		margin-right:10px;
		margin-top:40px;
		padding:0 0;
		text-align:center;
		text-decoration:none;
		width:425px;
}

#photoLarge {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000;color:#FFFFFF;
	cursor:pointer;display:block;
	height:238px;
	margin-right:5px;
	margin-top:21px;
	padding:2px;
	text-align:center;
	text-decoration:none;
	width:342px;
	border:1px solid #CCC;
}

.document_highlight
{
	background-color: #CCCCCC;
	padding-left:5px;
	height:24px;
	vertical-align:middle;
}

.document_row
{
	padding-left:5px;
	height:24px;
	vertical-align:middle;
	border-bottom: 1px solid #c0c0c0;
}
/* STORY INDEX */

	/* Left Container */

	#leftContainerIndex { float:left; width:218px; margin-right: 24px; }
	
	/* Sidebar */

	.sidebar { background-color: #EDEDEC; border: 1px solid #C0C0C0; width: 216px; margin-right: 8px;}
	td.sidebarHeader { background: #C0C0C0; color: #fff; text-align: center; }
	td.sidebarHeader h1 { font-size: 1.6em; margin: 8px 0; }
	td.sidebarContent { padding: 8px; }	
	td.sidebarContent h2 { font-size: .85em; margin: 12px 0 3px 4px; }
	#library { width: 200px; }
	#errorGetLibraryList { display: none; }
 	#datesAvailableList { height: 339px; background-color: #fff; border: 1px solid #C0C0C0; overflow:auto; padding: 4px;  font-size: .9em; }
	
	/* Right Container */
	
	/*#rightContainer { float: left; width: 582px; }*/
	#rightContainer { float: left; width: 575px; }
	#rightContainer h1 { font-size: 1.5em; margin: 0 0 6px 0; } 
	#rightContainer h2 { font-size: 1.2em; margin: 0 0 12px 0; } 

	.iconMagnifier { width: 16px; height: 16px; background: #fff url(../images/iconMagnifier.gif) no-repeat;}
	.iconMagnifierHov { width: 16px; height: 16px; background: #fff url(../images/iconMagnifierHov.gif) no-repeat; cursor: pointer; }

/* DATA GRID */

	.pagination { margin: 8px 0; }
	table.pagination td { padding-right:5px;}

	#dataGrid { border: 1px solid #C0C0C0; width: 100%; font-size: .85em; }
	#dataGrid th { font-weight: bold; }	
	#dataGrid td { padding: 4px; }	
	#dataGrid .colHeader { background-color: #EDEDEC; height: 24px; line-height: 24px; }
	#dataGrid .col { line-height: 1em; padding: 4px 8px 4px 4px; text-align: left; }
	#dataGrid .full { width: 100%; }
	#dataGrid .center { text-align: center; }	
	#dataGrid .storyDate { margin-bottom: 2px; }
	#dataGrid .storyTime { font-style: italic; font-size: .8em;} 	
	#dataGrid .storyHeadline { font-weight: bold; margin-bottom: 8px; } 	
	#dataGrid .storySummary { font-style: italic;} 	
	#dataGrid .oddRow { background-color: #fff; }
	#dataGrid .evenRow { background-color: #fafafa; }
	#dataGrid .highlightRow { background-color: #ecf2f8; }