body {
	margin: 0 0 40px 0; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background: #f6f6f6; 
}
img				{border: 0px}
h1, h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
}
.noscriptalert {
	display: block; 
	overflow: hidden; 
	background: #ff9; 
	border-bottom: 1px solid #fd0; 
}
.noscriptalert p {
	font-size: 13px; 
	color: #900; 
	text-align: center; 
}

#overallheader {
	width: 100%; 
	margin: 0 auto; 
	background: #222; 
	overflow: hidden; 
	box-shadow: 0px 1px 5px #000; 
}
#overallheaderwrap {
	width: 1000px; 
	margin: 0 auto; 
	overflow: hidden; 
}
#headerlogo {
	float: left; 
	margin: 0; 
	padding: 0; 
	width: 330px; 
	height: 80px; 
	background: url(images/broadex-logo.gif) no-repeat center left; 
}
#headernav {
	float: right; 
	margin: 30px 0 0 0; 
	padding: 0; 
	overflow: hidden; 
}
#headernav li {
	display: inline; 
	float: left; 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}
#headernav li a {
	display: block; 
	padding: 5px 10px; 
	font-size: 12px; 
	font-weight: bold; 
	color: #6699cc; 
	text-decoration: none; 
}
#headernav li a:hover {
	color: #99ccff; 
}
#headerapp {
	display: inline; 
	float: right; 
	overflow: hidden; 
}
#headerapp #headerappicon {
	display: block; 
	margin-top: 25px; 
	width: 150px; 
	height: 33px; 
	background: url(images/headerappicon.gif) no-repeat center center; 
}
#headerapp #headerappicon:hover, 
#headerapp .headerappiconhover {
	background: url(images/headerappicon-hover.gif) no-repeat center center!important; 
}
#headerapp #headerappnav {
	position: absolute; 
	width: 144px; 
	margin: 0; 
	padding: 2px; 
	background: #222; 
	border: 1px solid #333; 
	box-shadow: 0px 0px 3px #000; 
}
#headerapp #headerappnav li {
	display: inline; 
	margin: 0; 
	padding: 0; 
	font-size: 13px; 
	list-style: none; 
}
#headerapp #headerappnav li a {
	display: block; 
	padding: 8px; 
	color: #aaa; 
	text-decoration: none; 
}
#headerapp #headerappnav li a:hover {
	color: #99ccff; 
	background: #1f1f1f; 
}
#headerapp #headerappnav li a sub {
	margin-left: 5px; 
	font-size: 10px; 
}
#page-container {
	display: block; 
	width: 1000px; 
	margin: 30px auto; 
	overflow: hidden; 
	border: 1px solid #ddd; 
	background: #fff url(/images/main-bg.jpg) top left repeat-x; 
	webkit-border-radius: 4px; 
	moz-border-radius: 4px; 
	border-radius: 4px; 
	webkit-box-shadow: 0px 0px 5px #ccc; 
	moz-box-shadow: 0px 0px 5px #ccc; 
	box-shadow: 0px 0px 5px #ccc; 
}
#main {
	display: inline; 
	float: left; 
	width: 600px; 
	margin: 40px 0 40px 40px; 
	overflow: hidden; 
	font-size: 13px; 
	color: #333; 
}
#main a {
	color: #3399cc; 
	text-decoration: underline; 
}
#main .back a {
	font-weight: bold; 
	text-decoration: none; 
}
#main .back a:hover {
	text-decoration: underline; 
}
#main a:hover {
	color: #2288bb; 
}
#main h1 {
	font-size: 24px; 
	margin: 0; 
	padding-bottom: 10px; 
	border-bottom: 4px solid #f6f6f6; 
}
#main h2 {
	font-size: 15px; 
	margin: 30px 0 0 0; 
	/*background: red; */
}
#maincontents p {
	line-height: 150%; 
}
#maincontents .main-icon {
	float: right; 
}
#maincontents .list {
	width: 550px; 
	border: 2px solid #ddd; 
	background: #ffd; 
}
#maincontents .list th {
	border: 1px solid #eee; 
	width: 25%; 
}
#maincontents .list td {
	border: 1px solid #eee; 
}
#maincontents .list td:last-child {
	text-align: center; 
	font-size: 0.9em; 
}
#maincontents .step {
	font-size: 14px; 
}
#maincontents .step li {
	margin: 35px 0; 
}
#maincontents .step .stepnum {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 40px; 
	height: 40px; 
	padding: 5px; 
	background: url(tutorials/tutorials-step-icon-bg.gif) left top no-repeat; 
	text-align: center; 
	text-transform: uppercase; 
	font-size: 12px; 
	font-weight: bold; 
	color: #09C; 
}
#maincontents .step .stepnum span {
	display: block; 
	color: #fff; 
	font-size: 20px; 
	font-weight: bold; 
}
#mainchangelog ul {
	font-size: 12px; 
	font-style: italic; 
}
#mainchangelog ul li {
	margin-bottom: 6px; 
}
#mainsystemreq ul {
	padding: 15px 30px; 
	background: #ffd; 
}
#mainsystemreq ul li {
	list-style: square; 
}
.faqlist h2 {
	margin: 10px; 
	padding: 0; 
	overflow: hidden; 
}
.faqlist>ul {
	width: 100%; 
	margin: 10px 0; 
	padding: 0; 
	list-style: square; 
}
.faqlist>ul>li {
	margin: 0 0 5px 15px; 
	padding: 5px 15px 5px 0; 
}
.faqlist .toggle {
	list-style: none; 
	margin: 0 0 5px 0; 
	padding: 5px 15px 25px 15px; 
	background: #f3f3f3; 
}
.faqlist .toggle h3 {cursor: auto} /*not display hand cursor when toggled*/
.faqlist h3 {
	margin: 0; 
	padding: 0; 
	font-size: 14px; 
	font-weight: normal; 
	color: #3399cc; 
	cursor: pointer; 
}
.faqlist .close {
	float: right; 
	padding-left: 15px; 
	font: bold 12px Tahoma, Geneva, sans-serif; 
	background: url(images/faq-icon-close.gif) no-repeat left center; 
	cursor: pointer; 
}
#side {
	float: right; 
	width: 340px; 
	margin: 15px 0; 
	overflow: hidden; 
	/*background: red; */
}
#side .sidedownload {
	float: right; 
	display: inline; 
	margin: 5px 0 5px 5px; 
	background: #333 url(/images/download-bg.jpg) center center; 
	webkit-border-radius: 4px 0 0 4px; 
	moz-border-radius: 4px 0 0 4px; 
	border-radius: 4px 0 0 4px; 
	webkit-box-shadow: 0px 0px 3px #000; 
	moz-box-shadow: 0px 0px 3px #000; 
	box-shadow: 0px 0px 3px #000; 
	overflow: hidden; 
}
#side .sidedownload a {
	width: 300px; 
	display: block; 
	margin: 15px 15px 0 15px; 
	font-size: 14px; 
	line-height: 100%; 
	color: #fff; 
	text-decoration: none; 
	overflow: hidden; 
}
#side .sidedownload a img {
	vertical-align: middle; 
	margin-right: 10px; 
}
#side .sidedownload a:hover {
	color: #ddd; 
}
#side .sidedownload ul {
	margin: 10px 15px; 
	padding: 0; 
}
#side .sidedownload ul li {
	margin: 0; 
	list-style: none; 
	color: #ccc; 
}
#side #sidenews, 
#side #sidelink, 
#side #userexp, 
#side #faqcategory {
	float: right; 
	display: inline; 
	width: 240px; 
	margin: 40px 40px 5px 5px; 
	padding: 10px; 
	background: #f9f9f9; 
	font-size: 1.2em; 
	border: 1px solid #e3e3e3; 
	webkit-border-radius: 4px; 
	moz-border-radius: 4px; 
	border-radius: 4px; 
	webkit-border-radius: 4px; 
	moz-border-radius: 4px; 
	box-shadow: 1px 1px 5px #ccc; 
}
#side h1 {
	font-size: 13px; 
	color: #999; 
}
#side ul {
	margin: 0; 
	padding: 0 0 10px 0; 
}
#side ul li {
	list-style: square; 
	margin: 5px 15px; 
	padding: 0; 
}
#side #cse-search-form {
	float: right; 
	display: inline; 
	width: 285px; 
	margin: 30px 18px 5px 5px; 
	/*background: red; */
}
#side #sitesearch #cse-search-form input[type=text]{
	width: 100%; 
}
#side #sidenews ul li p {
	margin: 0; 
	margin-top: 20px; 
	font-weight: bold; 
	color: #666; 
}
#side #sidenews ul li sub {
	color: #aaa; 
	white-space: nowrap; 
	font-weight: normal; 
}
#side #sidelink h3 {
	margin: 0; 
	padding: 0; 
	font-size: 13px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
#side #sidelink p {
	margin-top: 0; 
	color: #444; 
	font-size: 11px; 
	line-height: 140%; 
}
#main #userexp {
	margin: 20px; 
	padding: 15px 20px; 
	background: #f9f9f9; 
	font-size: 11px; 
	color: #444; 
	/*border: 1px solid #e3e3e3; */
	/*webkit-border-radius: 4px; 
	moz-border-radius: 4px; 
	border-radius: 4px; */
	webkit-border-radius: 4px; 
	moz-border-radius: 4px; 
	box-shadow: 1px 1px 5px #ccc; 
}
#main #userexp h3 {
	margin: 0; 
	font-weight: normal; 
}
#main #userexp p {
	margin: 0; 
	font-style: italic; 
	line-height: 140%; 
}
#main #userexp em {
	color: #999; 
	font-weight: bold; 
}
#side a {
	color: #3399cc; 
	text-decoration: none; 
}
#side a:hover {
	text-decoration: underline; 
}
#overallfooter {
	width: 1000px; 
	margin: 0 auto; 
	overflow: hidden; 
	color: #777; 
	font-size: 10px; 
	/*background: red; */
}
#overallfooter {
	font-size: 11px; 
	text-align: center; 
}
#overallfooter a {
	color: #6699cc; 
}
.test1 {background: #ddd}


