/* --------------------------------------------------
                  MAIN TOPIC STYLES
-------------------------------------------------- */
HTML {
	height : 100%;
}
BODY {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #111B14 url(../images/bgr.gif) repeat-x;
	text-align: center;
	font: normal 13px Arial, Helvetica, sans-serif;
}
IMG {
	border: 0;
}
A {
	outline: none;
}
.page {
	margin: 8px auto;
	width: 938px;
}
.logo {
	float: left;
	height: 92px;
}
.logo a {
	display: block;
	height: 100%; 
}
.top {
	background: #26342E url(../images/Exlevel_Logo_02.jpg) no-repeat right 0;
	height: 92px;
}
.lang {
	float: right;
	margin: 16px 16px;
}
.lang a {
	color: #E2E2D3;
	text-decoration: none;
	text-align: center;
	padding: 5px 0 0;
	width: 82px;
	height: 21px;
	display: block;
}
.lang a:hover {
	text-decoration: underline;
}
.lang1cur, .lang2cur, .lang1, .lang2 {
	float: left;
}
.lang1cur {
	background: #CB6615 url(../images/langlinkactive_left.gif) no-repeat;
}
.lang2cur {
	background: #CB6615 url(../images/langlinkactive_right.gif) no-repeat;
}
.lang1 {
	background: #3D4D49 url(../images/langlink_left.gif) no-repeat;
}
.lang2 {
	background: #3D4D49 url(../images/langlink_right.gif) no-repeat;
}
a.lang1, a.lang2 {
	color: #A0B4A3;
}
.banner {
	background: #26342E url(../images/Exlevel_Logo_03.jpg) no-repeat;
	height: 216px;
}
table.content {
	background: #E2E2D3;
	clear: both;
	padding-bottom: 20px;
}
table.content td {
	vertical-align: top;
}
.full .text {
	width: 906px;
	padding: 16px;
}
.text {
	color: #5A5A4F;
	background: #E2E2D3;
	text-align: left;
	line-height: 1.5;
	padding: 16px 8px 16px 16px;
	text-align: justify;
	width: 628px;
}
.text img {
	vertical-align: top;
}
.text h1, .text h2, .text h3 {
	color: #4F7C2B;
	font-weight: bold;
}
.text h1 {
	font-size: 18px;
}
.text h2 {
	font-size: 16px;
	margin: 10px 0;
}
.text h3 {
	font-size: 14px;
	margin: 8px 0;
}
.text .ans {
	color: #4F7C2B;
	font-weight: bold;
	font-size: 14px;
	display: inline;
	margin-right: 8px;
}
.text p {
	margin: 0;
}
.text hr {
	clear: both;
	height: 1px;
	color: #ADAD8E;
	background-color: #ADAD8E;
	border: none;
	margin-bottom: 8px;
}
.text .link {
	font-size: 10px;
	margin: -10px 0;
}
.text .link a {
	background: url(../images/linkarrow.gif) no-repeat right;
	padding-right: 15px;
}
.text sup {
	font-size: 6px;
}
.left {
	float: left;
	margin: 0 16px 8px 0;
}
.right {
	float: right;
	margin: 0 0 8px 16px;
}
.leftend {
	float: right;
	margin: 0 0 8px 0;
}
.end {
	clear: both;
}
.tutorial {
	width: 100%;
	display: block;
	clear: both;
	margin: 10px 0;
	height: 84px;
}
.tutorial img {
	float: left;
	margin: 0 20px;
}
.text a {
	color: #4F7C2B;
	font-weight: bold;
}
.text a:hover {
	text-decoration: none;
	color: #BC5500;
}
.text ul.releases {
	list-style-image: url('../images/b_plus.gif');
}
.text ul li.sub {
	margin-left: 30px;
}
/* Purchase Stiles */
table.order {
	border-collapse: collapse;
	margin: 20px 0;
}
table.order td, table.order th {
	border: 1px solid #ADAD8E;
	vertical-align: middle;
}
table.order th {
	text-align: center;
}
table.order th div {
	font-weight: normal;
}
table.order td {
	background: #ECECE1;
	text-align: left;
	padding: 5px 8px;
}
table.order td.price {
	text-align: center;
	font-weight: bold;
	color: #BC5500;
}
table.order td.order {
	text-align: center;
	font-weight: bold;
}
table.order td.order a {
	background: #4F7C2B url(../images/button.gif) repeat-x;
	color: #E2E2D3;
	width: 70px;
	height: 20px;
	margin: 0 auto;
	padding: 8px;
	text-decoration: none;
	display: block;
}
.imgtext {
	clear: both;
}
/* News Stiles */
.news {
	vertical-align: top;
	background: #E2E2D3;
	width: 270px;
	float: right;
	padding: 8px;
	text-align: left;
}
.news .content {
	background: #ECECE1;
	padding: 10px 12px;
}
.news h1 {
	color: #BC5500;
	text-align: center;
	font-size: 18px;
	margin: 5px 0;
}
.news h3 {
	color: #4F7C2B;
	font-size: 14px;
	margin: 5px 0;
}
.news a {
	color: #86866D;
	background: url(../images/newslink.gif) no-repeat right;
	padding-right: 15px;
}
.news a:hover {
	text-decoration: none;
}
.news .buttons {
	height: 36px;
}
.news .buttons a {
	display: block;
	height: 36px;
	width: 64px;
	padding: 0;
	margin: 0 12px 0 0;
	text-decoration: none;
}
.news .rss {
	background: #C63 url(../images/rss.gif) no-repeat;
	float: left;
}
.news .more {
	background: #4F7C2B url(../images/more.gif) no-repeat;
	float: left;
}
.news hr {
	clear: both;
	height: 1px;
	color: #ADAD8E;
	background-color: #ADAD8E;
	border: none;
}
.footer {
	color: #5A5A4F;
	background: #E2E2D3 url(../images/footer.gif) repeat-x;
	height: 79px;
	margin-bottom: 20px;
	clear: both;
}
.footer div {
	color: #86866D;
	padding: 10px 0 16px 0;
}
.footer div div {
	margin: 0px 10px;
	display: inline;
}
.footer a {
	color: #86866D;
}
.footer a:hover {
	text-decoration: none;
}
/* Link Stiles */
a.growfx {
	font-size: 16px;
	font-weight: bold;
	color: #BC5500;
}
text.buttons {
	margin: 20px;
}
.rm {
	float: right;
}
a.button {
	background: #4F7C2B url(../images/button.gif) repeat-x;
	color: #E2E2D3;
	width: 160px;
	height: 20px;
	margin: 8px 20px 8px 0;
	padding: 8px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	display: block;
	float: left;
}
a.button:hover {
	color: White;
}
a.button#rm {
	width: 100px;
	margin: 8px 0;
}
/* News border */
.column-top {
	background: url(../images/column-t.gif) repeat-x 0 0;
}
.column-left {
	background:url(../images/column-l.gif) repeat-y 0 0;
}
.column-right {
	background:url(../images/column-r.gif) repeat-y right 0;
}
.column-bottom {
	background:url(../images/column-b.gif) repeat-x 0 bottom;
}
.column-top-left {
	background:url(../images/column-u.gif) no-repeat 0 0;
}
.column-top-right {
	background:url(../images/column-v.gif) no-repeat right 0;
}
.column-bottom-left {
	background:url(../images/column-c.gif) no-repeat 0 bottom;
}
.column-bottom-right {
	background: url(../images/column-d.gif) no-repeat right bottom;
	padding: 5px;
}

form {
	width: 500px;
	margin: 0 auto;
}
form.support {
	width: 100%;
}
.field {
	clear: both;
	padding: 6px 0;
}
.field img {
	float: left;
	margin-right: 10px;
}
.field .info {
	width: 280px;
	text-align: left;
	float: left;
}
.field .error {
	width: 500px;
	color: #B22222;
	font-weight: bold;
	font-size: 10px;
	padding-left: 190px;
}
input.radio {
	float: left;
	margin-right: 5px;
}
input.txt {
	border: 1px solid #ADAD8E;
	width: 305px;
}
input.txt2 {
	border: 1px solid #ADAD8E;
	width: 430px;
}
input.txt3 {
	border: 1px solid #ADAD8E;
	width: 120px;
}
textarea.txt2 {
	border: 1px solid #ADAD8E;
	width: 430px;
	height: 200px;
}
textarea.code {
	border: 1px solid #ADAD8E;
	height: 80px;
}
select {
	border: 1px solid #ADAD8E;
}
select.txt {
	width: 310px;
}
select.txt1 {
	width: 100px;
}
label {
	width: 170px;
	text-align: right;
	float: left;
	font-weight: bold;
	margin: 0px 20px 0px 0;
}
.sublabel {
	width: 170px;
	text-align: right;
	font-weight: normal;
	margin: 0px 20px 0px 0;
}
input.button {
	background: #4F7C2B url(../images/button.gif) repeat-x;
	color: #E2E2D3;
	width: 160px;
	height: 36px;
	font-weight: bold;
	border: 0;
	cursor:pointer;
}
.submit {
	display: block;
	text-align: right;
	margin: 15px 0;
}
option {
	border: 1px solid #ADAD8E;
}

