/*
 * jQuery UI CSS Framework 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * Adapted for the mod cBB Portal (prosilver style)
 * Copyright 2011, CaniDev
 */


/* Component containers
----------------------------------*/
.ui-widget { font-size: 10px; }
.ui-widget .ui-widget { font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size: 1em; 
}

.ui-widget-content {
	border: 1px solid #a6c9e2;
	background: #fcfdfd;
	color: #222222;
}

.ui-widget-header {
	padding: 2px 2px 4px 2px;
	border: 1px solid #4297d7;
	background: #5c9ccc url(./images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
	color: #ffffff;
}

.ui-widget-header.disabled {
	padding: 2px 2px 4px 2px;
	border: 1px solid #e3a1a1;
	background: #fa760f url(./images/ui-bg_glass_15_fa760f_1x400.png) 50% 50% repeat-x;
	color: #ffffff;
}

.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #c5dbec;
	background: #dfeffc url(./images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #2e6e9e;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #2e6e9e;
	text-decoration: none;
}

.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 #79b7e7;
	background: #d0e5f5 url(./images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #1d5987;
}

.ui-state-hover a, .ui-state-hover a:hover {
	color: #1d5987;
	text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid #79b7e7;
	background: #f5f8f9 url(./images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #e17009;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #e17009;
	text-decoration: none;
}

.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #fad42e;
	background: #fbec88 url(./images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
	color: #363636;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
	color: #363636;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(./images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px; height: 16px;
	background-image: url(./images/ui-icons_469bdd_256x240.png);
}

.ui-widget-content .ui-icon { background-image: url(./images/ui-icons_469bdd_256x240.png); }
.ui-widget-header .ui-icon { background-image: url(./images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(./images/ui-icons_6da8d5_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(./images/ui-icons_217bc0_256x240.png); }
.ui-state-active .ui-icon { background-image: url(./images/ui-icons_f9bd01_256x240.png); }
.ui-state-highlight .ui-icon { background-image: url(./images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(./images/ui-icons_cd0a0a_256x240.png); }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(./images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .30;
	filter:Alpha(Opacity=30);
}

.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(./images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .30;
	filter: Alpha(Opacity=30);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/*
 * jQuery UI Selectable 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border:1px dotted black;
}


/*
 * cBB Portal v1.0
 */
.ui-sortable-placeholder {
	border: 1px dotted gray;
	background: white;
	visibility: visible !important;
}

.ui-sortable-placeholder * { visibility: hidden; }

.portal-block li.header dt {
	text-transform: none;
	padding-bottom: 0px;
	padding-top: 0px;
}

.portal-block li.header img {
	vertical-align: middle;
}

#portal_container select, #portal_container input {
	font-size: 11px;
}

img.resized {
	border: 1px dotted blue !important;
}

.b-side {
	width: 16px;
	height: 16px;
	background-image: url('./images/expand_contract.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	float: right;
	cursor: pointer;
}

.b-side.collapsed {
	background-position: 0 -18px;
}

.ui-accordion h5 {
	font-weight: bold;
	font-size: 11px;
}

.ui-accordion-content {
	min-height: 3em;
	overflow: hidden;
	line-height: 1.6em;
}

