/* --------------- Emastic overrides  ------------------- */

.main {
	width:85em;
	Xmin-width:75em;
	Xmax-width:85em;
	margin-left: 1em;
	margin-right: 0;
	
}

dl,dt,dd,ol,ul,li {margin:0;padding:0;font-weight:normal;}
li {list-style:none}

tr, th, td { margin:0; padding:0; height: auto; }
table {margin:0}

input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

/* --------------- General Stylings -------------------- */

html {
	Xbackground: #73ADD7 url(../i/gradient.gif) repeat-x scroll 0 0;
	
	/* Stop page shift from happening when scroll bar is added and removed
	 * by just always showing scroll bar. Two ways to do it:
	 * min-height: 100%; margin-bottom: 1px;
	 */
	overflow-y: scroll;
}

body {
	Xbackground: #689834 url(../i/bg.jpg) repeat-x scroll center top;
	background: #dfe8ee url(../i/bg1.jpg) repeat-x scroll center top;
	Xbackground: transparent url(../i/sky.jpg) no-repeat scroll center top;
	Xbackground-color: #2e6221; /*#1d6ec2;*/;
	Xbackground:#ABDEBE url(../i/body.jpg) no-repeat scroll 50% 0;
}
body.dev {
	background: #e8dcd2 url(../i/bgdev.jpg) repeat-x scroll center top;
}
body.stage {
	background: #dfe8ee url(../i/bgstage.jpg) repeat-x scroll center top;
}
body.stage2 {
	background: #c9ceef url(../i/bgstage2.jpg) repeat-x scroll center top;
}

#content {
	margin-top: 1em;
}
	#content>h1 {
		font-size: 140%;
	}
	
a {
	text-decoration: none;
	color: #a45411;
}
	a:hover {
		text-decoration: underline;
	}
	a:active {
		outline: none;  /* Removes dotted line around links in FF */
	}
	a:focus {
		-moz-outline-style: none;  /* Removes dotted line around links in FF */
	}


/* -------------- Interface Elements ------------------ */

.signup {
	-moz-border-radius:8px;
	-webkit-border-radius: 8px;  
	background-color: #fff;
	padding: 1em 3em 3em 3em;
}

#calendar {
	margin-right: 1em;
}

.button {
	display: block;
	float: right;
	background-color: #ffc000; /*#6a9410; #d6830d;*/
	color: #fff;
	-moz-border-radius-bottomleft: 4px;  
	-moz-border-radius-bottomright: 4px;  
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-top: 0;
	margin-right: 0.5em;
	padding: 0.5em 1em 0.5em 1em;
}
.button:hover {
	background-color: #74a900;
	text-decoration: none;
}

#logo {
	background: transparent url(../i/szwobeta.png) no-repeat center center;
	display: block;
	padding: .3em;
	margin-top: .5em;
	text-align: center;
}
	#logo:hover {
		text-decoration: none;
	}

#photo {
	padding: 0 1em;
	text-align: center;
	margin: 1em 0 0 0;
}
	#photo h3 {
		color: #fff;
	}
	
	#photo>div>img {
		Xborder: 2px solid #8fc3e9;
		background-color: #fff;
		padding: 2px;
	}

#user {
	color: #fff;
	Xfloat: right;
	text-align: center;
	padding: 0.4em;
}
	#user span {
		font-weight: bold;
	}
#profile {
	padding:1em 1.4em;
/*
	background:transparent none repeat scroll 0 0;
	border-width:0;
	display:block;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
border:1px solid #A6C9E2;
color:#222222;
ui-corner-all ui-tabs-panel ui-widget-content
*/
}
#profile a {
	color: #a45411;
}

#body {
	Xbackground-color: #fff;
}

.notice {
	margin: 0 1em 1em 0;
}
.notice a {
	color: #a45411;
}

/* ------------- Header and Footer tabs ----------------*/

.tab {
	background-color: #ffc000; /*#6a9410; #d6830d;*/
	color: #3074A5;
	padding: 0.5em 1em 0.5em 1em;
	cursor: pointer;
}
.tabFt {
	-moz-border-radius-topleft: 4px;  
	-moz-border-radius-topright: 4px;  
	-webkit-border-top-left-radius: 4px;  
	-webkit-border-top-right-radius: 4px;  
}
.tabHd {
	-moz-border-radius-bottomleft: 4px;  
	-moz-border-radius-bottomright: 4px;  
	-webkit-border-bottom-left-radius: 4px;  
	-webkit-border-bottom-right-radius: 4px;   
}
.slider.tab {
	background: url(images/white-arrow.gif) no-repeat right -50px;
}
.tab:hover {
	background-color: #A5E0F4;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}

.slidePanel {
	position: fixed;
/*
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
*/
}
.slidePanel>dt {
	text-align: center;
}
.slidePanel>dd {
	display: none;
	margin-left: 0;
}

#roleControls {
	left: 1em;
	bottom: 0;
	width: 17em;
	z-index: 10;
}

#comboControls {
	right: 1em;
	bottom: 0;
	width: 25em;
	z-index: 10000;
}
#helpControls {
	left: 1em;
	bottom: 0;
	width: 17em;
	z-index: 10;
}

.ui-datepicker {
	z-index: 10999;
}

.accordion.ui-accordion .ui-accordion-header {
	margin-top: 0;
}
.accordion.ui-accordion .ui-accordion-content {
	margin-bottom:0;
	padding: 1em 1.2em;
}

.slide {
	margin: 0;
	padding: 0;
	border-bottom: solid 4px #422410;
	background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

/* ------------- jQuery UI Portlets ------------- */
.column {
	/* Min-height so widgets can be dropped on column */
/*
	min-height: 600px;
	height: auto !important; 
	height: 600px;	
*/	
	/* Instead of min-height, could use padding 
	*/
	padding: 0 0em 4em 0; 
}

.portlet { 
	margin: 0 1em 1em 0;
}
.portlet-header { 
	margin: 0.3em; 
	padding-bottom: 4px; 
	padding-left: 0.2em; 
	cursor: move; 
}
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.4em; }
.column .ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.column .ui-sortable-placeholder * { visibility: hidden; }

#dashnotices h1,h2,h3,h4,h5,h6 {
	padding-left: 0;
	padding-top: 0;
}
#dashnotices ul {
    padding: 1em 0 1em 3em;
}
#dashnotices li {
    list-style: disc;
}

.ui-dialog h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
.ui-dialog h1 {
	font-size: 200%;
}
.ui-dialog h2 {
	font-size: 170%;
}
.ui-dialog h3 {
	font-size: 150%;
}
.ui-dialog h4 {
	font-size: 130%;
}
.ui-dialog h5 {
	font-size: 120%;
}
.ui-dialog h6 {
	font-size: 110%;
}


/* -------------iNetTuts Widgets ------------------*/

/* Colors */
.color-yellow {background:#f2bc00;}
.color-red    {background:#dd0000;}
.color-blue   {background:#148ea4;}
.color-white  {background:#dfdfdf;}
.color-orange {background:#f66e00;}
.color-green  {background:#8dc100;}
.color-yellow h3,
.color-white h3,
.color-green h3 {color:#000;}
.color-red h3,
.color-blue h3,
.color-orange h3 {color:#FFF;}

#columns ul {
	list-style:none;
	margin:0;
}
#columns .widget {
    margin: 30px 20px 0 20px;
    padding: 2px;
    -moz-border-radius: 4px 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}
#columns .widget .widget-head {
    color: #000;
    overflow: hidden;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
#columns .widget .widget-head h3 {
    padding: 0 5px;
    float: left;
}
#columns .widget .widget-content {
    background: #333 url(img/widget-content-bg.png) repeat-x;
    padding: 0 5px;
    color: #DDD;
    -moz-border-radius-bottomleft: 2px 2px;
    -moz-border-radius-bottomright: 2px 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    line-height: 1.2em;
    overflow: hidden;
}
#columns .widget .widget-content p {
    padding: 0.8em 0;
    border-bottom: 1px solid #666;
}
#columns .widget .widget-content img {
    float: right;
    margin: 10px;
    border: 1px solid #FFF;
}
#columns .widget .widget-content pre {
    padding: 0.5em 5px;
    color: #EEE;
    font-size: 12px;
}
#columns .widget .widget-content ul {
    padding: 5px 0 5px 20px;
    list-style: disc;
}
#columns .widget .widget-content ul.images {
    padding: 7px 0 0 0;
    list-style: none;
    height: 1%;
}
#columns .widget .widget-content ul.images li {
    display: inline;
    float: left;
}
#columns .widget .widget-content ul.images img {
    display: inline;
    float: left;
    margin: 0 0 7px 7px;
}


/* --------------- JQuery UI Overrides ------------------ */

/* Remove right border and corners from accordion control */
.accordion.accordionMain {
	margin-top: 1em;
}
	.accordion.accordionMain .ui-corner-top {
		-moz-border-radius-topright: 0;  
		-webkit-border-top-right-radius: 0;
	}
	.accordion.accordionMain .ui-corner-bottom {
		-moz-border-radius-bottomright: 0;
		-webkit-border-bottom-right-radius: 0;
	}
	.accordion.accordionMain .ui-corner-all {
		-moz-border-radius-topright: 0;  
		-moz-border-radius-bottomright: 0;  
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-right-radius: 0;
	}
	.accordion.accordionMain .ui-widget-content,
	.accordion.accordionMain .ui-state-active, 
	.accordion.accordionMain .ui-widget-content .ui-state-active,
	.accordion.accordionMain .ui-state-default, 
	.accordion.accordionMain .ui-widget-content .ui-state-default {
		border-right: 0;
	}

/* Remove curver header around tabs */
.contentBody {
	padding: 1em 0 1em 1em;
	min-height: 600px;
	height: auto !important; 
	height: 600px;	
}

.tabs {
	padding: 0;
	margin-top: 0.5em;
}
	.tabs ul.ui-corner-all {
		-moz-border-radius-bottomleft: 0;  
		-moz-border-radius-bottomright: 0;  
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-bottom-right-radius: 0;
	}

.tabs.ui-tabs .ui-tabs-panel {
	padding: 1em 0 1em 1em;
	min-height: 600px;
	height: auto !important; 
	height: 600px;	
}


dl.help {
}

dl.help dt {
	margin-top: .5em;
}

dl.help dd {
	margin: 0 0 .5em 2em;
}


/* ----------------- List Views ---------------------- */

dl.section {
	margin-top: .5em;
}

dl.section dd {
	margin: 0;
}

div.item {
	border: 1px solid #999;
	margin: .5em .5em 0em 0em;
	background-color: #fffee8;
	cursor: pointer;
}
div.item div {
	overflow: hidden;
	white-space: nowrap;
}
div.item:hover div {
	background-repeat: no-repeat;
	background-position: left top;
}
	div.item div span {
		display: inline-block;
		padding: 0 0 0 2px;
	}
	div.item.open div span {
		padding-top: 5px;
	}
	div.item>div img {
		vertical-align: bottom;
	}
	div.item div.clr1a {
		background-color: #fbe7c9;
	}
	div.item div.clr1b {
		background-color: #ffeed7;
	}
	div.item div.clr2a {
		background-color: #ddf0e3;
	}
	div.item div.clr2b {
		background-color: #e7f4eb;
	}
	div.item div.clr3a {
		background-color: #ddf0f6;
	}
	div.item div.clr3b {
		background-color: #e8faff;
	}
	div.item div.clr4a {
		background-color: #fdfbd5;
	}
	div.item div.clr4b {
		background-color: #fffee8;
	}

div.item:hover .bg-icon {
	background-position: center center;
}

div.item:hover .bg-game-id {
    background-image:  url(../i/bg-game-id.png);
}
	
div.item:hover .bg-date-time {
    background-image:  url(../i/bg-date-time.png);
}
	
div.item:hover .bg-location {
    background-image:  url(../i/bg-location.png);
}
	
div.item:hover .bg-league {
    background-image:  url(../i/bg-league.png);
}
	
div.item:hover .bg-division {
    background-image:  url(../i/bg-division.png);
}
	
div.item:hover .bg-home-team {
    background-image:  url(../i/bg-home-team.png);
}
	
div.item:hover .bg-away-team {
    background-image:  url(../i/bg-away-team.png);
}
	
div.item:hover .bg-ref {
    background-image:  url(../i/bg-ref.png);
}
	
div.item:hover .bg-ar1 {
    background-image:  url(../i/bg-ar1.png);
}

div.item:hover .bg-ar2 {
    background-image:  url(../i/bg-ar2.png);
}
	
div.item:hover .bg-4th {
    background-image:  url(../i/bg-4th.png);
}
	
div.item:hover .bg-alias {
    background-image:  url(../i/bg-alias.png);
}
	
div.item:hover .bg-sport {
    background-image:  url(../i/bg-sport.png);
}
	
div.item:hover .bg-region {
    background-image:  url(../i/bg-region.png);
}
	
div.item:hover .bg-name {
    background-image:  url(../i/bg-name.png);
}
	
div.item:hover .bg-username {
    background-image:  url(../i/bg-username.png);
}
	
div.item:hover .bg-email {
    background-image:  url(../i/bg-email.png);
}
	
div.item:hover .bg-phone {
    background-image:  url(../i/bg-phone.png);
}
	
div.item:hover .bg-created {
    background-image:  url(../i/bg-created.png);
}
	
div.item:hover .bg-last-login {
    background-image:  url(../i/bg-last-login.png);
}

	
div.actions {
	margin: .5em .2em 0 .2em;
}
	div.actions ol {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		div.actions ol li {
			margin: 2px;
			Xborder: 1px solid #999;
			Xbackground-color: #000;
		}
			div.actions ol li.accept {
			    background: transparent url(../i/accept.png) no-repeat left center;
			}
			div.actions ol li.decline {
			    background: transparent url(../i/delete.png) no-repeat left center;
			}
			div.actions ol li a {
				display: block;
				width: 16px;
				Xpadding-left: 16px;
				color: #fff;
				text-decoration: none;
			}
			div.actions ol li a:hover {
				text-decoration: none;
			}

div.details {
	display: none;
}

.accept {
			    background: transparent url(../i/accept.png) no-repeat left center;
	
}

/* ------------------ Game Reports ------------------- */

.rt {
	text-align: right;
}
.lt {
	text-align: left;
}
.ct {
	text-align: center;
}


div.subtabpanel {
	margin-top: 1em;
}

div.dialog {
	padding: 1em;
}

div.gamereport {
}
	.gamereport h4 {
		border-bottom: 1px solid black;
		margin-bottom: .5em;
		margin-top: .5em;
		font-size: 1.1em;
		font-weight: bold;
		padding: 0;
	}
	div.gamereport input[type="text"] {
		width: 6em;
		text-align: center;
	}
	div.gamereport textarea {
		width: 99%;
	}
	div.gamereport select {
		width: 6em;
	}
	div.gamereport input[type="text"].big {
		width: 12em;
		text-align: left;
	}
	div.gamereport select.big {
		width: 12em;
	}
	div.gamereport div.d {
		margin-bottom: .2em;
	}
	div.gamereport div.leftReport div.d {
		float: left;
		text-align: right;
	}
	div.gamereport div.leftReport div.d div.stars {
		float: right;
	}
	div.gamereport div.leftReport div.d div.stars div.ui-stars-star {
		text-indent: 999em;
	}
	div.gamereport div.rightReport div.d {
		float: right;
		text-align: left;
	}
	div.referee, div.incidents {
		padding-bottom: 0.5em;
		border-bottom: 1px solid #ccc;
		margin-bottom: 0.5em;
	}
	div.gamereport table td {
		width: 15em;
	}
	div.gamereport table select {
		width: auto;
	}
	div.gamereport table input[type="text"] {
		width: 4em;
		text-align: left;
	}
	div.gamereport table td.colRemove {
		width: 1.25em;
	}
	div.gamereport table td.colAvatar {
		width: 3.75em;
	}
	div.gamereport table td.colLabel {
		width: 5em;
		text-align: right;
	}
	div.gamereport table td.colInput {
		width: 11.75em;
	}
	div.gamereport table td.colInput input[type="text"],
	div.gamereport table td.colInput select {
		width: 10em;
	}
	div.gamereport table td.colComments {
		width: 25em;
	}
	div.gamereport table td.colSmall {
		width: 6em;
	}
	div.gamereport table td.colRating {
		width: 10em;
	}
	div.gamereport table td.colRating input[type="text"] {
		width: 8em;
	}
	div.gamereport .ui-icon {
		float: left;
	}
	

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

.icon_sport_soccer {
    background: transparent url(../i/sport_soccer.png) no-repeat center center;
}
.icon_shield {
    background: transparent url(../i/shield.png) no-repeat center center;
}
.icon_new {
    background: transparent url(../i/new.png) no-repeat center center;
}
.icon_female {
    background: transparent url(../i/female.png) no-repeat center center;
}
.icon_male {
    background: transparent url(../i/male.png) no-repeat center center;
}

/* ------------- Filtering Controls -------------------- */

div.refine {
	border: 1px solid #666;
	font-size: .8em;
	margin-top: 2em;
}
div.refine form {
	width: 100%;
	background-color: #dddddd;
}
	div.refine ul,
	div.refine ol {
		list-style: none;
		margin: 0;
	}
	div.refine fieldset {
	}
		div.refine fieldset.refineSubmit {
			text-align: center;
		}
		div.refine fieldset>div {
			font-weight: bold;
		}
		div.refine input[type="text"] {
			width: 85%;
		}
		div.refine input[type="text"].small {
			width: 35%;
		}
		div.refine select {
			width: 100%;
		}
		div.refine .sliderInfo {
			text-align: center;
			font-weight: normal;
		}
		div.refine .slider {
			margin-left: 10px;
			margin-right: 10px;
		}
	div.refine div.refineTitle {
		font-size: 120%;
		font-weight: bold;
		background-color: #666;
		color: #fff;
		text-align: center;
	}
	div.refine li>div {
		border-top: 1px solid #666;
		padding: 3px;
	}
	div.refine ol.sortable li {
		border: 1px solid #666;
	    background: #fff url(../i/bullet_arrow_down.png) no-repeat center right;
		margin-bottom: 2px;
	}
	
/*
	.sortable { list-style-type: none; margin: 0; padding: 0; }
*/
	div.refine .sortable li { height: 1em; }
	html>body div.refine .sortable li { height: 1.8em; line-height: 1.5em; }

/* ----------------- Veil ------------------------------ */

.wicket-ajax-indicator,
div.ajaxIndicator,
div.veil {
    background-image: url(../i/ajax-loader3.gif);
	background-repeat: no-repeat;
	background-position: center center;
	position:absolute;
	background-color: #000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	top:0;
	left:0;
	z-index:11000;
	width:100%;
	height:100%;
	color:black;
}
.wicket-ajax-indicator img {
	Xposition:absolute;
	Xleft: 50%;
	Xtop: 50%;
	display: none;
}


/* ---------------- Settings Layout --------------------- */
div.selectors {
	font-size: .8em;
}
	div.selectors ol {
		margin: 0;
	}
	div.selectors ol li {
		margin: .5em 0 .3em .5em;
	}
.accordion ol.selector {
	height: 34em;
}
.dragItem {
	-moz-border-radius-bottomleft: 4px;  
	-moz-border-radius-bottomright: 4px;  
	-moz-border-radius-topleft: 4px;  
	-moz-border-radius-topright: 4px;  
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	padding: .5em;
	background-color: #f4a35f;
	z-index: 11000;
}
.dropItem>dl {
	border-color: #6bc367;
}
	.dropItem>dl>dt {
		background-color: #6bc367;
	}
	
ul.openPositions {
}
	ul.openPositions li {
		margin-left: .2em;
		float: left;
	}
	ul.openPositions li div {
		-moz-border-radius-bottomleft: 4px;  
		-moz-border-radius-bottomright: 4px;  
		-moz-border-radius-topleft: 4px;  
		-moz-border-radius-topright: 4px;  
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		padding: .2em .4em;
		background-color: #f4a35f;
	}
	ul.openPositions li div.positionTaken {
		background-color: #cccccc;
		color: #999999;
		cursor: default;
	}
	ul.openPositions li div.positionRequested {
		background-color: #ffff99;
		color: #999999;
		cursor: default;
	}
	ul.openPositions li div.positionMine {
		background-color: #6bc367;
		color: #999999;
		cursor: default;
	}
	ul.openPositions li div.positionRequest {
		background-color: #e47e57;
	}


div.refereePosition {
	-moz-border-radius-bottomleft: 4px;  
	-moz-border-radius-bottomright: 4px;  
	-moz-border-radius-topleft: 4px;  
	-moz-border-radius-topright: 4px;  
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	padding: 0 .2em;
	background-color: #ffffcc;
	margin: .2em;
	color: #999;
}
	div.refereePosition.dropItem {
		background-color: #6bc367;
	}
	div.refereePosition.positionTaken {
		color: #666;
	}

.pullOut {
	display: none;
	position: absolute;
	right: 28.5em;
	top: 3em;
	width: 20em;
}
.showFilters {
	position: absolute;
	left: 0;
	top: 12em;
}
.filterIcon {
	position: relative;
}
#comboAccordion ol.ui-accordion-content {
	position: static;
}

div.listings,
div.settings {
	margin: 2em 1em .5em 0;
	font-size: .8em;
}
	div.listings div.header,
	div.settings div.header {
		padding-left: .2em; 
		border-bottom: 1px solid #ccc;
	}
	div.listings form div.header,
	div.settings form div.header {
		padding-left: .2em; 
		background-color: #97cadb;
	}
		div.listings div.header span,
		div.settings div.header span {
			color: #333;
			font-weight: bold;
			float: left;
		}
		div.listings div.header span>em,
		div.listings div.header a,
		div.settings div.header a {
			padding-left: 1em;
			float: right;
		}
		div.listings div.header span>em {
			color: #999;
			font-weight: normal;
		}
	div.listings>dl>dt,
	div.settings>dl>dt,
	div.listings fieldset>dl>dt,
	div.settings fieldset>dl>dt {
		clear: left;
		color: #666;
		float: left;
		margin-top: .4em;
		padding-left: .5em;
		width: 20em;
	}
	div.listings>dl>dd,
	div.settings>dl>dd,
	div.listings fieldset>dl>dd,
	div.settings fieldset>dl>dd  {
		float: left;
		margin-left: 0;
		margin-top: .4em;
		width: 48em;
	}
	div.listings fieldset>div,
	div.settings fieldset>div {
		text-align: center;
		margin: .3em .3em .2em 0;
	}
	div.listings form,
	div.settings form {
		border: .5em solid #97cadb;
		border-top: 0;
		background-color: #e1eff3;
	}
	div.settings select {
		width: 15em;
	}
	div.listings ol li,
	div.settings ol li {
		margin: .5em 0 .3em .5em;
	}
	div.settings ol.itemlist li {
		float: left;
		width: 24em;
	}
	div.settings ol.dualcol li {
		width: 100%;
	}
	
	div.settings ol.itemlist li {
		border: 1px solid transparent;
	}
		div.settings ol.itemlist.ht1 li {
			height: 4.7em;
		}
		div.settings ol.itemlist.ht2 li {
			height: 7.5em;
		}
		div.settings ol.itemlist.ht3 li {
			height: 8em;
		}
		div.settings ol.itemlist.ht7 li {
			height: 14em;
		}
	div.settings ol.sortable .ui-state-highlight {
		border: 1px solid #FCEFA1;
	}
	div.settings ol.sortable .ui-sortable-placeholder,
	div.settings ol.dualcol .ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
	div.settings ol.sortable .ui-sortable-placeholder *,
	div.settings ol.dualcol .ui-sortable-placeholder * { visibility: hidden; }
	div.settings ol.sortable,
	div.settings ol.dualcol {
		/* Min-height so widgets can be dropped on column */
		min-height: 2em;
		height: auto !important; 
		height: 2em;	
	}

ul.feedbackPanel {
	width: 90%;
	margin: 1em;
	font-weight: bold;
	padding: .5em .5em .5em 2.5em;
	background: #ffe url(../i/exclamation.png) no-repeat .5em .6em;
	border: 3px solid #daa;
}
	.feedbackPanel li {
		list-style: none;
		margin: 0;
		color: #000;
	}
	.feedbackPanelERROR {
		color: #c00;
	}
	.feedbackPanelINFO {
		color: green;
	}

		

/*
			div.settings fieldset li dt>div  {
				float: right;
			    background: transparent url(../i/male.png) no-repeat center center;
			}
			div.settings fieldset li dt>span  {
				text-align: right;
			    background: transparent url(../i/male.png) no-repeat center center;
			}
			div.settings fieldset li.add dt>div  {
				float: right;
			}
*/

/*
 * Now using sb-sizes.css to control box height and wrap/overflow
 * TODO: Could optimize HTML by doing it here instead
 * 
	div.settings .sb dd {
		height: 5em;
		white-space: nowrap;
		overflow: hidden;
	}	
		div.settings .sb dd>div {
			white-space: nowrap;
		}	
*/

 
/* ------------ Experiments/development stuff ------------ */

/* Clearing */
.block:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.block{zoom:1;}


p {
	padding-left:0em;
	padding-right:0.5em;
}

.gridlines {
	background:url(i/grid.png);
}

body #help {
	bottom:0;
	height:2.25em;
	padding:0;
	position:fixed;
	right:0;
	width:4em;
	z-index:99;
}
#help_ui {
	margin-right:2em;
	overflow:visible !important;
	position:relative;
}

#help_bar {
	display:block;
	height:2.25em;
	padding:3px;
	text-align: center;
}

body #menu {
	bottom:0;
	left:0;
	height:2.25em;
	padding:0;
	position:fixed;
	width:17em;
	z-index:99;
}
#menu_ui {
	margin-left:12em;
	overflow:visible !important;
	position:relative;
}
#menu_bar {
	display:block;
	height:2.25em;
	padding:3px;
	text-align: center;
}
#menu_bar span {
	float: left;
}

body #features {
	top:0;
	left:0;
	height:300px;
	padding:0;
	position:fixed;
	width:25px;
	z-index:99;
}
#features_ui {
	height: 300px;
	margin-top:80px;
	margin-bottom:80px;
	overflow:visible !important;
	position:relative;
	border-left: 0;
}

#features_bar {
	display:block;
	height:25px;
	padding:3px;
	text-align: center;
}

/*
.focusBlock {
	border: medium none;
	margin: 0pt;
	padding: 0pt;
	z-index: 1000;
	width: 100%;
	height: 100%;
	top: 0pt;
	left: 0pt;
	background-color: rgb(0, 0, 0);
	opacity: 0.6;
	cursor: wait;
	position: fixed;
} 
*/
			/*demo page css*/
			.demoHeaders { margin-top: 2em; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}
			.bg1 { background-color: #ccc;}
			.bg2 { background-color: #bbb;}
			.bg3 { background-color: #aaa;}
			.bg4 { background-color: #999;}

table.portletTable {
	font-size: 80%;
	width: 100%;
}
table.portletTable th {
	background-color: #116894;
	color: white;
}
table.portletTable tr.odd {
	background-color: #b7ccde;
}

form.timeslider	{ margin: 1em 4em 6em 4em;}
form.timeslider fieldset { text-align: center; border:0; margin-top: 1em;}	
form.timeslider fieldset#action { border:0; margin-top: 6em;}	
form.timeslider label {font-weight: normal; margin-right: .5em; font-size: 1.1em;}
form.timeslider select {margin-right: 1em;}
form.timeslider ul {margin-bottom: 1em;}
form.timeslider .ui-slider {clear: both; top: 1em;}