* {
	margin:0;
	padding:0;
}

body {overflow-x:hidden; font-size:10px;}



span {
	background-color:#cccccc; 
	margin-left:5px; 
	margin-right:5px;}

#transcription_field {
	width:100%; 
	height:20px;
	
	
}

textarea { 
	height: 165px;
	border: none;
	width:98%; 
	padding:2px; 
	background-color:#fff; 
	margin:10px auto;
}

#annotation_container {
    margin:10px;
	width:100%; 
	background:#fff; 
	
}


#buttons_container {
	margin: 5px 0 10px 0; 
	height:15px;
}


#tobeannotated {
	border: 1px solid #eee;
	width:100%; 
	height:200px; margin:0;	
}
#annotated {
	width:100%;
	overflow:auto;
	height:200px;  
	border: 1px solid #eee;
	margin-top:10px; 
}
#output {
    margin-left:10px; 
	height:20px; background-color:#eee; 
	border-bottom:#000000 1px solid;
	margin-bottom:10px;
	display:none;	
}
#tobeannotated p {
background-color:#eee; 
height:20px;
}
#annotated p {
	height:20px;
	background-color:#eee; 
	margin-bottom:10px;
}

.clearer {
	clear:both;
}

.sortable {
	margin: 0; 
	padding: 0; 
}

.sortable span { 
	margin: 3px; 
	padding: 2px; 
	line-height:20px;
}
 
 #player_container {
 margin: 0 0 10px 0;
 width:100%;
 height:300px;
 }
 
 
.column { width: 32%; float: left; padding-bottom: 100px; }
.center {width:66%;}
.portlet { margin: 0 1em 1em 0; border:2px solid #333;}
.portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.4em 0.4em 0 0.4em; }
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }

#next, #previous, #start {
	border:none;
	background-color:#eee;
	width:15px;
	height:15px; float:right;
	margin-left:2px;
}

#start, #end {
	border:none;
	background-color:#eee;
	width:30px;
	height:15px; float:left;
	margin-left:2px;
}

#start_point, #end_point {
	border:1px solid #666666;
	background-color:#eee;
	min-width:35px;
	height:13px; float:left;
	margin-left:2px;
}




#gbox_videoList  #gview_videoList { 
width:100% !important;
}
#barField { margin:0 auto 20px 0; width:96%, }
#barField button { background:#333333; color:#FFFFFF; border:none; margin-right:3px;}
#barField textarea {  border:1px solid #666666; margin-right:3px; width:95% !important;}

.button_segment_delete { 
	width:13px; 
	height:16px; 
	background-color:transparent;
	 font-weight:bold; 
	padding:0; 
	text-align:center; 
	margin:0 0 0 1px;
	color:#ff0000; 
	margin-left:10px;
	border:none;
}