html {width:100%; height:100%}

body {width:100%; height:100%; margin:0px}

button {width:auto !important}

.sp2win {background-color:#F0F0F0; color:black; border:5px solid #C0C0F0; border-radius:0px}

.sp2win input,button,select,textarea {font:inherit}

input[type=text] {}

.sp2font0 {font:11px arial}
.sp2font1 {font:13px arial}
.sp2font2 {font:16px arial}
.sp2font3 {font:18px arial}
.sp2font4 {font:21px arial}

.sp2fixedfont0 {font:13px courier}
.sp2fixedfont1 {font:16px courier}
.sp2fixedfont2 {font:20px courier}
.sp2fixedfont3 {font:23px courier}
.sp2fixedfont4 {font:26px courier}

.sp2title {position:absolute; left:0px; top:0px; width:100%; background-color:#D0D0F0; color:black; font-weight:bold}

.sp2menu {position:absolute; left:0px; width:100%; height:20px; background-color:#E0E0F0; color:black; font-weight:bold}

.sp2menu span {cursor:pointer}

.sp2submenu {background-color:#E0E0F0; color:black; border:0px solid black; font-weight:bold}

.sp2submenu span {cursor:pointer}

.sp2menugreyed  {cursor:default; color:#808080}

.sp2menuactive  {cursor:pointer; color:white; background-color:blue}

.sp2message {border:5px solid #C0C0F0; border-radius:0px; position:absolute; left:200px; top:200px; min-width:200px; background-color:#F0F0F0; color:black}

.sp2message button {font: inherit}

.sp2hint {max-width:200px; border:1px solid black; background-color:#FFFF80; font:11px arial;} 

.sp2tabwin {background-color:#F0F0F0; color:black; border-left:2px solid #C0C0F0; border-bottom:2px solid #C0C0F0; border-right:2px solid #C0C0F0}

.sp2tabstrip {border-bottom:2px solid #C0C0F0}

.sp2tab {border-left:2px solid #C0C0F0; border-top:2px solid #C0C0F0; border-right:2px solid #C0C0F0; padding-left:10px; padding-right:10px; cursor:pointer; font-weight:bold; margin-left:5px}

.sp2tabinactive {background-color:#E0E0F0}

.sp2tabactive {background-color:#F0F0F0}

.sp2arrow {background-color:#E0E0E0}

.sp2scroll {background-color:#E0E0E0}

.sp2slider {background-color:#D0D0D0}

.sp2tvwplus {border:1px solid}

.sp2group {border:2px groove white}

.myclass 
{
	font:bold 11px arial; 
	color:white; 
	background-color:#BBBBBB; 
	cursor:pointer; 
	border-color:#00FF00; 
	border-style:solid; 
	border-top-left-radius:10px;
	border-top-right-radius:10px;
    border-top-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-bottom-width:0px;
}

.myclass:hover 
{
	background-color:#CCCCCC; 
	text-decoration:underline
}

.myclass:active 
{
	background-color:#DDDDDD; 
	text-decoration:underline
}

.myclass:disabled 
{
	background-color:gray; 
}

.dnclass 
{
        font:bold 13px arial; 
	font-weight:bold; 
	color:white; 
	background-color:#0000FF; 
	cursor:pointer; 
	border-color:#00FF00; 
	border-style:solid; 
	border-radius:10px
}

.dnclass:hover 
{
	background-color:green; 
	text-decoration:underline
}

.dnclass:active 
{
	background-color:red; 
	text-decoration:underline
}

.dnclass:disabled 
{
	background-color:gray; 
}