@CHARSET "UTF-8";

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs { 
    position: relative; 
	padding: 0; 
	zoom: 1; 
	border: none;
} 
.ui-tabs .ui-tabs-nav { 
    margin: 0; 
	padding: .2em .2em 0; 
	background: none;
	border-bottom: 1px solid #DDDDDD;
	border-top: none;
	border-left: none;
	border-right: none;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	margin: 0 .2em 0px 0;
	border-bottom: none !important;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: 6px 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	height:34px;
	margin-bottom:0;
	padding:0;
	position:relative;
	top:1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-nav li.ui-state-default {
	color: #333;
}
.ui-tabs .ui-tabs-nav li.ui-state-active {
    background: url("../img/jquery/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50% #FFFFFF;
	color: #E3040E;
}
.ui-tabs .ui-tabs-nav li.ui-state-default a, 
.ui-tabs .ui-tabs-nav li.ui-state-default a:link, 
.ui-tabs .ui-tabs-nav li.ui-state-default a:visited {
    color: #333;
	outline: none; 
}
.ui-tabs .ui-tabs-nav li.ui-state-active a, 
.ui-tabs .ui-tabs-nav li.ui-state-active a:link, 
.ui-tabs .ui-tabs-nav li.ui-state-active a:visited {
    color: #E3040E;	
	outline: none; 
}
.ui-tabs .ui-tabs-nav li.ui-state-hover {
    border: 1px solid #DDD;
}
.ui-tabs .ui-tabs-nav li.ui-state-active {
    border: 1px solid #DDD;
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-nav li a, 
.ui-tabs.ui-tabs-collapsible 
.ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
} 
.ui-tabs .ui-tabs-panel {
	display: block;
	border: 0;
	padding: 15px;
	background: none;
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}
a.tab-heading {
	font-size: 14px;
	font-weight: bold;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #990000; background: url(../img/jquery/ui-bg_highlight-soft_75_cc0000_1x100.png) repeat-x scroll 50% 50% #c2c; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #dddddd; background: #f6f6f6 url(../img/jquery/ui-bg_highlight-soft_75_eaeaea_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #333333; }

#tabs #tab-links {
    height: 35px;
}
#tabs #tab-links li {
    margin-top: 4px;
}

/*
#tabs #tab-links li {
    display: none;
}
*/

#tabs #tab-links li.ui-tabs-selected {
	background-image:url("../img/arrow-up-red-2.png");
	background-position:center 27px;
	background-repeat:no-repeat;
	margin-top: 0px;
}

#tabs #tab-links ul a:hover {
	background-image:url("../img/arrow-up-red-2.png");
	background-position:center bottom;
	background-repeat:no-repeat;
	background-color: transparent;
}

#tabs #tab-links li.ui-tabs-selected a:hover {
	background-image:url("../img/arrow-up-red-2.png");
	background-position:center 30px;
	background-repeat:no-repeat;
	margin-top: 0px;
}

/* Search box */
#search-box #tab-links li.ui-tabs-selected {
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius:0 0 0 0;
	background: transparent;
	padding:0;
	top:0;
}

#search-box .ui-tabs .ui-tabs-panel {}

#search-box div#activity-search-box, div#supplier-search-box {
	padding:0 0 15px 0;
}

#search-box .ui-tabs .ui-tabs-nav {
	background: url("../img/search-background.png") no-repeat scroll left top transparent;
	padding: 0;
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	border-top: 1px solid #bdbdbd;
	border-bottom: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

#search-box #search-tabs {
	margin:0;
	padding:0;
	width:635px;
}

/* Hiding the search box tabs until the tabs are loaded with content to remove initial flash of tabs */
#activity-search-box, #supplier-search-box {
	display: none;
}

#loading-tabs {
	background:url("../img/icons/16/loading.gif") no-repeat scroll left top transparent;
	float:left;
	height:88px;
	opacity:0.8;
	padding-left:25px;
	position:relative;
	width:610px;
	z-index:1000;
}


#search-box #search {
	background:url("../img/search-background.png") no-repeat scroll left bottom transparent;
	border-top: 0;
	border-right: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
}

#search-box #tab-links li {
	background:none repeat scroll 0 0 transparent;
	border: none;
	/*
	border-top: 0;
	border-right: 2px solid #333333;
	border-left: 0;
	border-bottom: 0;
	*/
	height:23px;
	line-height:13px;
	margin-top:7px;
	/* width:175px; */
}

#search-box #tab-links li.last {
	border-right: 0;
}

#search-box .ui-tabs .ui-tabs-nav li {
	border-bottom: 0;
}

#search-box #search select {
	width:160px;
}

#search-box #search .keywords {
	width: 460px;
	border:1px solid #BDBDBD;
}

#search-box .ui-tabs .ui-tabs-nav li a {
	color: #999;
	font-family: Arial, sans-serif;
	margin-left:5px;
}

#search-box #tab-links li.ui-tabs-selected a {
	color: #000000;
}

#search-box #search .submit input {
	float: right;
	cursor: pointer;
}

#search-box #tab-links li a:hover {
	background:none repeat scroll 0 0 #333333;
	color:#FFFFFF;
}

#search-tabs {
    float:left; 
    margin-right:15px; 
    width:660px; 
    padding:1px;
}

