body
{
	font-size: 62.5%; 
}

label, input
{
	display:block; 
}

input.text
{
	margin-bottom:12px; width:95%; padding: .4em; 
}

h1 
{
	font-size: 1.2em; margin: .6em 0; 
}

.logoutHide {
	display: none;
}
	
#otsikko {
	font-size:28px;
	font-weight: bold;
	font-family: tahoma;
	color: purple;
}

#header {
	border-bottom: 1px solid #aaa;
	background-color: #F0F0F0;
	display: inline-block;
	width: 100%;
	margin-top: -8px;
	margin-left: -8px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 16px;
}


#htabs.ui-widget-content {
        border: 0;
		border-radius: 0;
        background: #fff;
}

#htabs > .ui-widget-header {
        border-bottom: 1px solid #aaaaaa;
		border-radius: 0;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        background: none;
}

#htabs > .ui-widget-header .ui-state-default {
        border: 0;
		border-radius: 0;
        background: #fff;
        font-weight: normal;
        color: #212121;
}

#htabs > .ui-widget-header .ui-state-hover
 {
        border: 0;
		border-radius: 0;
        background: whitesmoke;
        font-weight: normal;
        color: #212121;
}

#htabs > .ui-widget-header .ui-state-active {
        border: 1px solid #aaa;
        border-bottom: 1px solid #fff;
		border-radius: 0;
        background: none;
        font-weight: normal;
		-moz-focus-inner: border: 0;
}

#htabs li a {
	outline-color: transparent;
}

.lajiRivi
{
	padding: 5px;
}

.sort
{
	margin-right: 5px;
	padding-right: 10px;
	background-image: url("jquery-ui/images/ui-icons_222222_256x240.png");
	background-position: -64px -128px;
}

#newRyhmaButton
{
	position: abosolute;
	left: -47px;
	top: -45px;
}

#editRyhmaButton
{
	position: abosolute;
	left: -47px;
	top: -45px;
}

#deleteRyhmaButton
{
	position: abosolute;
	left: -47px;
	top: -45px;
}

#ryhmaListWrapper
{
	border: 1px solid lightgray;
	width: 305px;
    height: 180px;
    overflow: auto;
}
.ryhmaItem {
	margin: 0;
	padding: 3px;
	cursor: pointer;
}

#lajiList .ui-selecting { background: #FECA40;}
#lajiList .ui-selected { background: #F39814; color: white; }
#lajiList { list-style-type: none; margin: 0px; padding: 0; width: 100%; }


#feedback { font-size: 1.4em; }
#equipItems .ui-selecting { background: #FECA40; }
#equipItems .ui-selected { background: #F39814; color: white; }
#equipItems { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#equipItems li { margin: 1px; padding: 0.4em; font-size: 1em; height: 12px; border: 0;}

#favItems .ui-selecting { background: #FECA40; }
#favItems .ui-selected { background: #F39814; color: white; }
#favItems { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#favItems li { margin: 1px; padding: 0.4em; font-size: 1em; height: 12px; border: 0;}

div#equipList, #lajiListWrapper, #favList
{
	width: 350px; margin: 20px 0; 
}

.ui-dialog .ui-state-error 
{
	padding: .3em; 
}

.validateTips 
{
	border: 1px solid transparent; padding: 0.3em; 
}

.selectedTagName {
	background: red;
}

#valineForm fieldset, #lajiForm fieldset, #ryhmaForm fieldset{
	border: 0;
}