/*
 * timeline-admin.css
 * Description: CSS for the SIMILE Timline Plugin options panel
 * Plugin URI: http://www.freshlabs.de/journal/archives/2006/10/wordpress-plugin-simile-timeline/
 * Author: Tim Isenheim
 * 
	===========================================================================
	SIMILE Timeline for WordPress
	Copyright (C) 2006 Tim Isenheim
	
	This program is free software: you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation, either version 3 of the License, or
	(at your option) any later version.
	
	This program is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	GNU General Public License for more details.
	
	You should have received a copy of the GNU General Public License
	along with this program.  If not, see <http://www.gnu.org/licenses/>.
	===========================================================================
*/
#stl-timeline-option-container{ padding: 18px 0; }

#stl-timeline-option-container a.submitdelete:hover{ color: #fff; background: #f00; border-bottom: 1px solid #f00; }
#stl-timeline-option-container a.submitdelete{ color: #f00; border-bottom: 1px solid #f00; text-decoration: none;}

/*
 * Option Page UI Tabs
 * ===================================================*/
#stl-timeline-options-tabs li{
	background: #f1f1f1;
	-moz-border-radius:3px;
	padding:5px 8px;
	display: inline;
}

#stl-timeline-options-tabs.ui-tabs-nav a{ text-decoration: none; }

#stl-timeline-options-tabs li.ui-tabs-selected{
	background: #6D6D6D;
}

#stl-timeline-options-tabs li.ui-tabs-selected a{ color: #fff; font-weight: bold; }

/* Option page elements */
#stl-timeline-option-container h4{
	border-bottom: 1px solid #ccc;
	padding: 2px 0 4px 0;
	margin: 18px 0 4px 0;
}

#stl-timeline-option-container dl dd{
	padding: 2px 0 6px 0;
}

/*
 * Tables
 * ===================================================*/
.wrap table td{ clear: left;}

.wrap fieldset.options{ text-align: left; }
.wrap fieldset.options h4{
	background: #464646;
	color: #ccc;
	padding: 3px 6px;
	font-weight: normal;
	font-size: 0.9em;
	margin: 0 0 10px 0;
}

table small{ color: #888; font-weight: normal }

#stl-timeline-event-data table thead th{
	background: #f1f1f1;
	padding: 8px;
}
#stl-timeline-event-data h4{
	margin: 0 0 8px 0;
}
#stl-timeline-event-data table{
	background: #f9f9f9;
	border: 1px solid #dfdfdf;
	width: 100%;
	-moz-border-radius: 3px;
}

#stl-timeline-event-data table td{
	font-size: 1.0em;
	padding: 8px;
}

#stl-timeline-event-data table td small{
	color: #999;
	display: block;
	padding: 2px 0;
}

/*
 * Colorpicker
 * ===================================================*/
a.stl-colorfield, a.stl-colorfield:visited{
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	border: 1px solid #666;
	margin: 1px 8px 0 8px;
}

a.stl-colorfield:hover, a.stl-colorfield:visited:hover{
	display: block;
	border: 1px solid #000;
	margin: 1px 8px 0 8px;
}

.stl-colorfield span{ display: none;}
.stl-colorvalue{ }

#colorPickerDiv{
	background: #666 !important;
	padding: 10px;
	margin-left: -150px;
}