/**
 * fs_widgets
 *
 **/

/* Widget Containers */
/* These must appear first in this file... */

/* fs_tabs - A horizontal tab with active and hover states */

.fs_tabs {
    /* More than likely this widget is positioned absolutely */
	position:relative;
	display:block !important;
	overflow:hidden;
    height:1.8em;
    margin:0;
    padding:0;
    width:100%;
    background-color:#a0a0a0;
    }

.fs_tabs ul {
	list-style:none;
	height:1.2em;
	margin:0;
	padding:0;
	}

.fs_tabs li {
	float:left;
	display:block !important;
	margin:0;
	padding:0;
	}

.fs_tabs a {
	display:block !important;
	text-decoration:none;
 	background:#C0C0C0;
	padding:0 .5em 0 .5em;
	border-right:1px solid #a0a0a0;
	}

.fs_tabs a:hover {
	color:#fff;
	background-color:#FFB700;
	}

.fs_tabs a.active {
	color:#fff;
	}

.fs_centeredTabs {
	margin:0;
	padding:0;
	overflow:hidden;
	}

.fs_centeredTabs ul {
	display:block;
	list-style:none;
	text-align:center;
	margin:0px auto !important;
	padding:0;
	}

.fs_centeredTabs li {
	width:auto;
	display:inline !important;
	margin:0;
	padding:0;
	}

.fs_centeredTabs a{
	text-decoration:none;
	width:auto;
	margin:0;
	padding:1em .75em;
	font-size:1em !important;
	}

.fs_centeredTabs a:hover {
	overflow:hidden;
	}

/* a.fs_rollover - A css image-rollover using sliding window */

a.fs_rollover {
	display:block;
	position:relative;
	height:1.8em; /* height of image */
	overflow:hidden;
	background-color:transparent !important;
	background-repeat:no-repeat !important;
	background-position:left top;
	}

a.fs_rollover:hover {
	background-color:transparent !important;
	background-position:100% top !important; /* Assume image hover state is in second half of image total width*/
	}

/* ul.fs_vertMenu - Vertical menu */
/* These are list styles and form the basis of expandable lists */

ul.fs_vertList {
	list-style:none;
	margin:0;
	padding:0;
	}

/* a.fs_bullet - an anchor with a image bullet (bullet.gif from custom/images dir) */

a.fs_bullet {
	background:url(../images/bullet.gif) top left;
	background-repeat:no-repeat;
	}

/* Widgets that have a toggled state can add this class to a given id */
.fs_toggled  {
	color:#000;
	}

/* search field and styles */
.fs_search form {
	margin:0;
	padding:0;
	height:auto;
	}

.fs_search label{
	display:none;
	}

.fs_search input {
 	width:60%;
	float:left;
	}

.fs_search input.fs_button {
	float:right;
	width:30%;
	}

/* fs_message classes, e.g. class="fs_message fs_error" */
.fs_error,
.fs_warning,
.fs_information {
	text-align:center;
	}