html,body{
	margin:0;
	padding:0;
	font-size:10pt;
	color:#2d2d2d;
	background:#e7e7e7 url(images/bg.jpg) top left repeat-x;
	font-family:Arial, Verdana;
}
/* message */
.msg {
	color: red; /* message color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */	
}

.tablecell   {
	font-size:10pt;
	color:#2d2d2d;
	font-family:Arial, Verdana;
}
p{
	margin:0;
}
img{
	border:none;
}
.clr{
	clear:both;
}
#center{
	text-align:center;
	padding-top:20px;
}
#wrap{
	width:960px;
	margin:auto;
	text-align:left;
	
}
#header{
	background:#fff;
	margin-bottom:10px;
}
#logo{
	float:left;
	padding:5px;
}
#login{
	padding:5px;
	float:right;
}
#login p{
	margin:4px 0;
}

.login_msg {
color:#006EAC;
display:block;
height:18px;
margin:0 0 0px 0;
padding:0px 0px 0px 0px;

background:#fff;
font-weight:bold;
text-decoration:none;
}

#login h2{
	font-size:14px;
	margin:4px 0;
}
#login a, #login a:hover, #login a:visited{
	color:#951600;
}
.f21 {
	border:1px solid #D7D7D7;
	color:#717171;
	font-family:arial;
	height:14px;
	margin-bottom:5px;
	padding:1px 0pt 1px 4px;
	width:100px;
}
.f22 {
	border:1px solid #D7D7D7;
	color:#717171;
	font-family:arial;
	height:12px;
	margin-bottom:9px;
	padding:1px;
	width:12px;
}
#login label{
	width:100px;
	display:block;
	float:left;
}
.error{
	color:#951600;
}
.content{
	padding:15px 0 0 0;
}
.menu{
	float:left;
	width:160px;
	margin:28px 10px 0 0;
}
.menu ul {
color:#FFFFFF;
list-style-type:none;
margin:0pt;
padding:0pt;
}
.menu ul li {
margin:0pt;
padding:0pt;
}
.menu a {
color:#006EAC;
display:block;
height:18px;
margin:0 0 2px 0;
padding:3px 10px 3px 5px;
width:145px;
background:#fff;
}
.menu a {
font-weight:bold;
text-decoration:none;
}
.main{
	background:#fff;
	padding:5px;
	float:left;
	width:780px;
}
.main h1{
	color:#006EAC;
	margin:0 0 10px 0;padding:0;
	font-size:16pt;
	line-height:23px;
	border-bottom:4px solid #ddd;
}
.main label{
	width:120px;
	display:block;
	float:left;
}

.main a, .main a:hover, .main a:visited{
	color:#951600;
}
.required{
	font-size:smaller;
	color:#006EAC;
}
#footer{
	margin:10px 0 0 0;padding:5px 0;
	border-top:4px solid #ddd;
}
.left{
float:left;
}
.right{
float:right;
}
.clr{
clear:both;
}

.ui-widget{
	font-family: Arial, Verdana;
    font-size: 10pt;
}
@media only screen and (max-width: 550px) {
	#wrap {width: 780px;}
	#logo{float: none;}
	#login{float: none;}
	
	.menu{float: none;}
	.main{float: none;}
	
}