body,html {
	padding:0px;
	margin:0px;
	background:#fff;
	color:#000;
	height:100%;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
} 
a {color:#888;}
input.input-text { font-size:medium; padding:0.1em; font-weight:normal; border:0; width:100%;}
.input-text-selected{ background:#81d0d6 !important; color:#000;}
li.variant-line input{ color:#000;}
input.check-active {    margin-bottom:5px;}
li.variant-line-hover, li.variant-line-hover input { background:#40b7c3;color:white;}
li.variant-line-selected, li.variant-line-selected input { background:#81d0d6;color:white;}
li.checked input{ color:#888;}

ul li {margin:0;} 
.header h1 {margin:2px;padding;0;font-size:x-small;}
.header h1 label {font-size:large;width:auto;}
.header h2 {margin:0;padding;0;font-size:small;}
.header h2 label {font-size:medium;width:auto;font-weight:normal}
label.h2 {font-size:small;font-weight:normal;}
.devider {height:1em;}
span.opl {font:22px helvetica,arial,sans-serif;text-decoration:none;display:block;width:18px;height:26px;padding-left:5px;color:#117493;font-weight:bold;cursor:hand;cursor:pointer;float:left;}
/* a.opl:hover {background:#eee;color:green} */
span.upl {
	font:22px helvetica,arial,sans-serif;
	text-decoration:none;
	display:block;
	width:18px;
	height:24px;
	padding-left:5px;
	padding-bottom:2px;
	color:#e87e70;
	font-weight:bold;
	cursor:pointer;
	cursor:pointer;
	font-size: 22px;
	float:left;
}
/* a.upl:hover {background:#eee;color:red} */
tr.sm1 {height:20px}
form {padding:0;margin:0;}
blockquote.comment {font-size:small;margin:0;font-weight:normal;padding:5px}
.nob {font-size:medium;}
a {color:#888;}
.b-items {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
.b-items li{
    width:100%;
}

ul.b-items {   
	margin:0;
	padding:0;
}
.b-items span.move
{
    background:url('/img/drag_handle.gif') no-repeat center center;
    width:18px;
    height:24px;
    cursor:move;
    display:block;
    float:left;
}
.b-items span.trash
{
    background:url('/img/trash.gif') no-repeat center center;
    width:18px;
    height:24px;
    cursor:move;
    display:block;
    float:left;
}
span.input-text {float:left;display:block;}
span.input-text-big {width:400px;}
li.b {margin-top:10px;}

.yawhat {width:70%;margin:0 auto;padding:20px;}

.block {
	background:#c7e3e6;
}

.hide {display:none;}
.big {font:20px Tahoma;}

.retro {background:#fff}
.pad {padding:20px;width:100% !important;}


.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input,textarea { border: 0; }

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}
.white {
	background:#fff;
	padding:10px;
}
.white table.sm {background:#888;}
.white table.sm td {background:#fff;padding:2px}
@media screen {
.white .devider {display:none}
.mm1 {display:none;}
}
/* Hide useless elements in print layouts... */


/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: Arial,"Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: url(/img/tabs.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #000;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
/*
.ui-tabs-panel {
	height:500px;
	overflow-y:auto;
	overflow-x:hidden;
}
*/
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

.input-width-max {width:100% !important}



@media print {
    .ui-tabs-nav {
        display: none;
    }
    .ui-tabs-hide {
    	display: none;
    }
    #links {
    	display:none;
    }
    .buttons {
    	display:none;
    }
    .pad {padding:0 !important;}
    .yawhat {width:90% !important}
    .mhide {display:none;}
    * {margin:0 !important;padding:0 !important;}
    h1 {margin:15px;}
    h1 {margin:10px;}
    
    table.sm {}
    td.sm {padding:1px !important}
    td.sm {font-size:11px !important;}

    .devider {height:1em;margin-top:1em;}
    
    div.block {width:20px;height:20px;border:1px solid #999;}
    div.unblock {float:left;height:20px;}
    .sm table {border:0px;padding:5px;}
    .print {display:none;}
    .mm2 {padding-left:10px !important;}
}

.white h1 {font-size:15px;font-weight:bold;}
.white h2 {font-size:12px;font-weight:bold;}

strong {font:18px Arial;}
.logo {width:70%;margin:0 auto;}
.yalogo {padding:0px;width:100%;background:url('/img/logo_back.gif') repeat-x;}


a img{border:0px;}


.info {padding:10px;}