@charset "utf-8";

html, body{
	background: #eff2f3;
	width: 100%;
	margin: 10px auto;
}

/* overall wrapper - controls overall width of entire layout, margin setting centers it */
.mainwrapper{
	width: 1000px;
	margin: 0 auto;
}

/* content wrapper - holds the actual layout */
.contentwrapper{
	width: 100%;
	margin: 0;
	float: left;
}

/* layout top bar area */
.topwrapper{
	width: 100%;
	height: 20px;
	margin: 0;
	float: left;
}

.top{
	background: url(top2.gif) 0px 0px repeat-x;
	width: 100%;
	height: 20px;
	margin: 0;
	float: left;
}

.top img.topleft{
	margin: 0;
	float: left;
}
.top img.topright{
	margin: 0;
	float: right;
}

/* topbar navigation menu */
.navigation{
	font-family: Calibri, Candara, Verdana, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #2F78FF;
	text-align: right;
	line-height: 20px;
	padding: 0;
	margin: 0;
	float: right;
}
.navigation a:link,
.navigation a:visited{
	color: #2F78FF;
	text-decoration: none;
}
.navigation a:hover{
	color: #2F78FF;
	text-decoration: underline;
}

/* layout */
.layoutwrapper{
	width: 100%;
	margin: 0;
	float: left;
}

.layout{
	background: url(bg_layout.gif) 0px 0px repeat-y;
	width: 960px;
	padding: 0 20px;
	margin: 0;
	float: left;
}

/* footer */
.footerwrapper{
	width: 100%;
	margin: 0;
	float: left;
}

.footer-left{
	background: url(bottom-left.gif) 0px 0px repeat-y;
	width: 20px;
	height: 60px;
	margin: 0;
	float: left;
}
.footer-mid{
	background: url(bottom.gif) 0px 0px repeat-x;
	width: 960px;
	height: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #a2a5a7;
	text-align: center;
	line-height: 60px;
	padding: 0;
	margin: 0;
	float: left;
}
.footer-right{
	background: url(bottom-right2.gif) 0px 0px repeat-y;
	width: 20px;
	height: 60px;
	margin: 0;
	float: left;
}

/* header */
.headerwrapper{
	width: 960px;
	height: 64px;
	margin: 0;
	float: left;
}

.header-logo{
	width: 355px;
	height: 64px;
	margin: 0;
	float: left;
}

.header-right{
	background: url(topbg.jpg) 0px 0px repeat-x;
	width: 605px;
	height: 64px;
	margin: 0;
	float: left;
}

.header-login{
	width: 250px;
	margin: 0;
	float: right;
}

.header-login h1.loginlabel{
	font-family: Calibri, Candara, Verdana, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #fff;
	text-align: right;
	padding: 0;
	margin: 12px 5px 0 0;
	float: right;
}
.header-login h1.passwordlabel{
	font-family: Calibri, Candara, Verdana, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #fff;
	text-align: right;
	padding: 0;
	margin: 5px 5px 0 0;
	float: right;
}

input.logininput{
	background: #fff;
	width: 120px;
	height: 18px;
	border: 0;
	padding: 0;
	margin: 11px 5px 0 0;
	float: right;
}
input.passwordinput{
	background: #fff;
	width: 120px;
	height: 18px;
	border: 0;
	padding: 0;
	margin: 5px 5px 0 0;
	float: right;
}

.button-login{
	background: url(topright.jpg) 0px 0px no-repeat;
	width: 45px;
	height: 64px;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	cursor: pointer;
}

/* submenu */
.submenu{
	width: 960px;
	font-family: Calibri, Candara, Verdana, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #336699;
	text-align: right;
	padding: 5px 0;
	margin: 0;
	border-bottom: 1px dotted #cacaca;
	float: left;
}
.submenu a:link,
.submenu a:visited{
	color: #336699;
	text-decoration: none;
}
.submenu a:hover{
	color: #336699;
	text-decoration: underline;
}

/* sidebar */
.sidebar{
	width: 20%;
	margin: 15px 0 0 0;
	float: left;
}

.sidebar ul{
	width: 100%;
	list-style-type: none;
	margin: 0;
	float: left;
}
.sidebar ul.standardmenu{
	padding: 0 0 15px 0;
	border-bottom: 1px solid #999;
}
.sidebar ul.lastmenu{
	padding: 15px 0 0 0;
}

.sidebar ul li{
	width: 95%;
	font-family: Calibri, Candara, Verdana, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000;
	text-align: left;
	padding: 0;
	margin: 0 0 0 5%;
	float: left;
}

.sidebar ul li a:link,
.sidebar ul li a:visited{
	color: #336699;
	text-decoration: none;
}
.sidebar ul li a:hover{
	color: #336699;
	text-decoration: underline;
}

/* chatpanel */
.chatpanel{
	width: 80%;
	margin: 0;
	float: left;
}