html {
    background-image:url('../images/backbar.png');
    background:url('../images/backbar.png');
    -moz-background-size:100% 100%; 
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-color:#add9e4;
}
html, form {
    width:100%;
    height:100%;
}

body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

    cursor:default;
    padding:8px;
    margin:0px;
    
}


body, input, select, textarea, .button, .tinybutton, spanbutton {
    
    font-family:Arial, sans-serif, Helvetica;
    font-size:10pt;
}


select, textarea, input[type="text"], input[type="password"] {
    border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
       
    border:1px solid #AAAAAA;
    padding:4px 5px;
    background-color:#fdffd3;

    -box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    *margin-left:-3px;
    *margin-right:-4px;
}

.picbutton {
    border-radius: 6px; 
	-moz-border-radius:6px;
	-webkit-border-radius:6px;

    display:inline-block;
    background-color:#ffc477;
	border:1px solid #eeb44f;

    
    background-repeat:no-repeat;
    background-size:23px;
    background-position-x:center;
    background-position-y:center;
    width:31px;
    
    cursor:pointer;
    padding:6px 6px;

    -box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.settings {
    background-image:url('../images/settings.png');
}
.add {
    background-image:url('../images/plus.png');
}
.note {
    background-image:url('../images/pen.png');
}
.picbutton:active {
    background-color: #fb9e25;
	position:relative;
	top:1px;
}
input[type="submit"], input[type="button"], .button, .tinybutton, .disbutton {
    border-radius: 6px; 
	-moz-border-radius:6px;
	-webkit-border-radius:6px;

	/*-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;*/
	
    background-color:#ffc477;
	border:1px solid #888888;
	display:inline-block;
	xcolor:#ffffff;
    color:black;
	text-decoration:none;
	xtext-shadow:1px 1px 0px #bb8f42;
    cursor:pointer;
    padding:4px 6px;
    xbox-sizing:border-box;

    /*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
    background: -ms-linear-gradient(top, #ffc477 0%,#fb9e25 100%);*/
}

input[type="submit"]:active, input[type="button"]:active, .button:active, .tinybutton:active {
    /*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
    background: -moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
    background: -ms-linear-gradient(top, #fb9e25 0%,#ffc477 100%);*/

    background-color: #fb9e25;
	position:relative;
	top:1px;
}

.tinybutton {
    padding:1px;
    font-size:8pt;
}
.disbutton {
    background-color:#d4d3d0;
	border:1px solid #bbbbbb;
	display:inline-block;
    color:white;
	text-decoration:none;
    cursor:not-allowed;
    padding:4px 6px;
}
.xnavbutton {
    xcursor:pointer;
}
.c {
    text-align:center;
}

.wrapperbox, .folder {
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;

    -box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    display:block;
    text-align:left;
    padding:3px;
    border:1px solid black;
    background-color:white;

    margin-bottom:0px;
    
}
.folder{
    border:1px solid #AAAAAA;
    background-color:#feffe3;

    -moz-box-shadow: 5px 5px 5px #555555;
    -webkit-box-shadow: 5px 5px 5px #555555;
    box-shadow: 5px 5px 5px #555555;
}

.roundborder {
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    
    display:inline-block;
    border:1px solid #AAAAAA;
    padding:3px;
}
.warning {
    background-color:#fff4c8;
    border:2px solid red;
    padding:8px;
    margin:8px;
}

.p5 {
    display:inline-block;
    padding:5px;
}
.plr10 {
    display:inline-block;
    padding-left:10px;
    padding-right:10px;
}
.plr20 {
    display:inline-block;
    padding-left:20px;
    padding-right:20px;
}

h3, h4 {
    margin:0px;
    padding:0px;
    font-weight:bold;
}
h3 {
    font-size:14pt;
}
h4 {
    font-size:12pt;   
}
.lbl {
    display:block;
    color:#464646;
    margin-bottom:2px;
}
.error {
    font-weight:bold;
    font-style:italic;
}
.logo {
    vertical-align:top;
    text-align:left;
    margin:0px;
    padding:0px;
    padding-right:6px;
    padding-left:2px;
    width:1%;
}

.sizebox {
    -box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tc {
    padding:5px;
}




.right, .down {
    background-repeat:no-repeat;
    background-size:13px;
    min-height:14px;
    display:inline-block;
    padding-left:18px;
}
.right {
    background-image:url('../images/barrow.png');
}
.down {
    background-image:url('../images/barrowd.png');
}

input[type="checkbox"], input[type="radio"] {
    display:none;
    visibility:hidden;
}

.cblabelchecked, .cblabelunchecked, .rblabelchecked, .rblabelunchecked {
    background-repeat:no-repeat;
    padding-left:36px;
    padding-top:8px;
    display:inline-block;
    height:24px;
    cursor:pointer;
}
.cblabelchecked:active, .cblabelunchecked:active, .rblabelchecked:active, .rblabelunchecked:active {
    text-decoration:underline;
}
.cblabelchecked {
    background-image:url('../images/check2.png');
}
.cblabelunchecked {
    background-image:url('../images/uncheck2.png');
}
.rblabelchecked {
    background-image:url('../images/on.png');
}
.rblabelunchecked {
    background-image:url('../images/off.png');
}