@media screen, projection{
.ui-tabs-hide{display:none;}
}

@media print{
.ui-tabs-nav{display:none;}
}

#RegPanel{
margin: 1.5em 0;
width: 580px;
padding: 5px;
}

#RegPanel .ui-tabs-nav{
padding: 0;
margin: 0 0 0 5px;
list-style-type: none;
}

#RegPanel .ui-tabs-nav li{
display:inline;
margin: 0 1px;
}

#RegPanel .ui-tabs-nav li a:link, #RegPanel .ui-tabs-nav li a:visited, #RegPanel .ui-tabs-nav li a:active{
padding: 3px 10px 2px 10px;
background-color: #ba1319;
text-decoration: none;
color: #fff;
font-weight: bold;
border: 1px solid #000;
border-width: 1px 1px 0 1px;
outline: 0;
}
#RegPanel .ui-tabs-nav li a:hover{
background-color: #fff;
color: #ba1319;
}

#RegPanel .ui-tabs-nav .ui-tabs-selected a:link, #RegPanel .ui-tabs-nav .ui-tabs-selected a:visited, #RegPanel .ui-tabs-nav .ui-tabs-selected a:active{
border-bottom:1px solid #fff; 
color: #ba1319; 
background:#fff;
}

#RegPanel .ui-tabs-panel{
border: 1px solid black;
padding: 10px;
background: #fff;
}

#RegPanel .rightside{
font-size: 80%;
float: right;
background-color: #efefef;
padding: 5px;
margin: 0 0 15px 0;
width: 35%;
}
#RegPanel .leftside{
width: 60%;
font-size: 90%;
}

#RegPanel .leftside label{text-align:right; width:50%; float:left; padding: 3px 5px 0 0;}

#RegPanel .leftside label.required{font-weight: bold;}

#RegPanel input.text{width: 40%; margin-top: 3px;}
#RegPanel input.number{width: 20%;}
#RegPanel select{width: 48%;}

.clear{clear: both;}