/*
	1em = 16px;
*/

html {
	width: 100%;
	height: 100%;
}
body {
	background-color: #fff;
	margin: 0px;
	width: 80%;
	height: 100%;
}
body, input, select, textarea {
	font-family: 'Arial', 'Helvetica', 'Sans-serif';
	color: #333;
}

p{
font-family: verdana, helvetica, arial;
font-size: 8px;
}
.canvas {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	
}
html>body .canvas {
	height: auto;
}

.main {
	height: auto;
	margin: 0px auto;
	width: 47.625em;
	padding-bottom: 4.375em;
}
.leftColmn {
	float: left;
	width: 11.75em;
/*	margin-top: 0.375em;*/
	display: inline;
}
.centerColmn {
	float: left;
	width: 35.875em;
	display: inline;
}
.centerText {
	margin-left: 2.15em;
	width: 33.6875em;
}
.halfColmn {
	float: left;
	width: 23.75em;
	display: inline;
}

.homeColmn h1 {
	font-size: 181.25%;
	font-weight: normal;
	line-height: 1.1875em;
	margin-top: 0px;
	margin-bottom: 0.5em;
}
.homeColmn p {
	font-size: 75%;
	line-height: 1.25em;
	margin-top: 0px;
	margin-bottom: 0.5em;
	font-family: verdana, arial, helvetica;
}


.forumColmn {
	float: left;
	width: 47.625em;
	display: inline;
}
.forumText {
	width: 47.625em;
}



.whatsonColumn {
	float: left;
	width: 47.625em;
	display: inline;
}
.whatsonText {
	width: 47.625em;
}


.landingColmn {
	float: left;
	width: 47.625em;
	display: inline;
}
.landingText {
	float: left; 
	width: 15em;
}
.landingForm {
	float: right; 
	width: 30em;
}





.hidden {
	display: none;
}




.header {
	position: relative;
	width: 100%;
	min-width: 47.625em;
	height: 21.25em;
	overflow:hidden;	
}
.header .front {
	position: absolute;
	width: 100%;
	height: 21.25em;
	z-index: 2;
	overflow:hidden;
	left: 0;
}
.header .front div {
	position: absolute;
	top: 0;
	left: 50%;
}
.header .front img {
	width: 100em;
	height: 17.25em;	
	position:absolute;
	left: -50em;
	overflow:hidden;
}
.header .back {
	background-color: #000;
	position: absolute;
	width: 100%;
	height: 21.25em;
	z-index: 1;
	overflow:hidden;	
}
.header .back img {
	left:50%;
	width: 100%;
	height: 21.25em;
	overflow:hidden;
}



.headerloginform {
	position: absolute;
	width: 48.75em;
	z-index: 4;
	left: 50%;
}
.headerloginform label {
	font-size: 70%;
	color: #fff;
}
.headerloginform a {
	font-size: 70%;
}
.headerloginform input {
	font-size: 70%;
	vertical-align: middle;
}
.headerloginform input.textinput {
	font-size: 70%;
}

.headerloginform .submit {
	vertical-align: middle;
}

.headerloginform img {
	 padding-bottom: 3px;
}

.headerloginform .loginfront {
	position: absolute;
	width: 33.75em;	
	left: -1.375em;
	text-align: right;
}
.headerloginform .loginfront .padding {
	padding: 0.25em 0.5em;
}

.headerloginform .loginback img {
	position: absolute;
	width: 48.75em;	
	left: -17.575em;
}
.headerloginform .loginback img {
	position: absolute;
	
	width: 540px;
	height: 71px;
	right: 0em;/*
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;*/	
}
.headerloginform .loginback img.small {
	top: 0;
}

.headerloginform .payoff {
	position: absolute; 
	left: 0.5em;
	font-weight: bold;
}
.headerloginform span {
	color: #fff; 
	font-size: 70%;

}



.menubar {
	z-index: 3; 
	position: 
	absolute; 
	top: 16.5em; 
	left: 50%;
	white-space: nowrap;
}

.menubar ul {
	display: inline;
	font-size: 100%;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.menubar li {
	display: inline;
	font-size: 100%;
	margin: 0;
	padding: 0;
	line-height: 1em;
	white-space: nowrap;
}
.menubar span {
	font-weight: bold;
	font-size: 75%;
}
.menubar a {
	padding: 0.125em 0.5em 0.2em 0.5em;
	margin: 0em;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
}
.menubar a:hover {
	background-color: #666;
}

.menubar a.selected {
	background-color: #c00;
}

.menubar .menubar_back {
	position: absolute; 
	left: -24.375em; 
	top: 0;
}
.menubar .menubar_back img {
	float: none;
	width: 48.75em;
}
.menubar .navigation {
	padding: 0.125em 0em;
	position: absolute; 
	top: 0; 
	left: -24.375em; 
	width: 48.75em; 
	text-align: center;
}
.menubar .navigation img {
	float: none;
	height: 1.5em;
	width: 2px;
	vertical-align: top;
	margin: 0em;
	padding: 0em;
}





.featureBox {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-bottom: 1em;
}
.featureBox img {
	float: left;
}
.featureBoxText {
	width: 48%;
	float: left;
	padding-left: 1em;
}
.featureBoxTextWide {
	width: 95%;
	float: left;
	padding-left: 1em;
}
.featureBoxTextNotification {
	width: 80%;
	float: left;
	padding-left: 1em;
}
.featureBox .padding {
	padding-top: 0.5em;
	padding-bottom: 0.25em;
}
.featureBoxIcon {
	margin-left: 1em; 
}
.featureBoxColorRed {
	background-color: #fee;
}
.featureBoxColorGreen {
	background-color: #efe;
}
.featureBoxColorBlue {
	background-color: #eef;
}
.featureBoxColorYellow {
	background-color: #ffe;
}





.featureBoxForm form {
	width: 100%;
	padding: 0em;
	margin: 0em;
}
.featureBoxForm .padding {
	padding: 0em;
	width: 100%;
}

.featureBoxForm .row {
	clear: both;
	margin: 0.25em 0em;
}

.featureBoxForm .row .colmn {
	float: left;
	width: 50%;
	margin: 0.25em 0em;
}

.featureBoxForm .fieldLabel {
	display: block;
	font-weight: bold;
}
.featureBoxForm textarea {
	height: 10em;
}

.featureBoxForm textarea,
.featureBoxForm input,
.featureBoxForm select,
.featureBoxForm option {
	font-size: 100%;
}
.featureBoxForm .inputCheckbox,
.featureBoxForm .inputRadio {
	margin: 0em 0.5em 0em 0em;
	padding: 0em;
	vertical-align: middle;
}

.featureBoxForm .inputImage {
	vertical-align: middle;
	margin: 0em 0.5em 0em 0em;
}

.featureBoxForm select,
.featureBoxForm textarea,
.featureBoxForm .inputText,
.featureBoxForm .inputPassword, 
.featureBoxForm .inputFile {
	border: 1px solid #999;
}
.featureBoxForm .row select,
.featureBoxForm .row textarea,
.featureBoxForm .row .inputText,
.featureBoxForm .row .inputPassword, 
.featureBoxForm .row .inputFile {
	width: 41em;
}
.featureBoxForm .row .colmn select,
.featureBoxForm .row .colmn textarea,
.featureBoxForm .row .colmn .inputText,
.featureBoxForm .row .colmn .inputPassword, 
.featureBoxForm .row .colmn .inputFile {
	width: 20em;
}

.featureBoxForm .submit {
	margin-right: 1em;
	text-align: right; 
}

.featureBoxForm .errorMessage span {
	color: red;
}
.featureBoxForm .errorMessage select,
.featureBoxForm .errorMessage textarea,
.featureBoxForm .errorMessage .inputText,
.featureBoxForm .errorMessage .inputPassword, 
.featureBoxForm .errorMessage .inputFile {
	border: 1px solid red;
	background-color: #fee;
	color: red;
}

.featureBoxForm .checkList p {
	margin: 0em;
}
.featureBoxForm .checkList ul {
	margin: 0em 0em 0.5em 0em;
	padding: 0em;
	list-style-type: none;
}
.featureBoxForm .checkList li {
	margin: 0.25em 0em;
	padding: 0em;
}
.featureBoxForm .checkRow p {
	margin: 0em;
}
.featureBoxForm .checkRow ul {
	margin: 0em 0em 0.5em 0em;
	padding: 0em;
	list-style-type: none;
}
.featureBoxForm .checkRow li {
	margin: 0.25em 0em;
	padding: 0em;
	display: inline;
	white-space: nowrap;
}
.featureBoxForm .checkRow li label {
	margin: 0em 1em 0em 0em;
}
.featureBoxForm .captcha h3 img {
	vertical-align: middle;
	float: none;
	margin: 0em 0.25em 0em 0em;
}
.featureBoxForm .captchaImage {
	float: none; 
	margin-top: 0.25em;
}
.featureBoxForm .privacypolicy {
	font-size: 70%;
	margin: 0.25em 0em 0em 0em;
	float: left;
	color: #999;
}
.featureBoxForm .privacypolicy p, 
.featureBoxForm .privacypolicy a {
	color: #999;
}
.featureBoxForm .avatar {
	position: absolute; 
	right: 4em;
}
.featureBoxForm .avatar img {
	float: none;
}



.landingColmn .featureBoxForm .row select,
.landingColmn .featureBoxForm .row textarea,
.landingColmn .featureBoxForm .row .inputText,
.landingColmn .featureBoxForm .row .inputPassword, 
.landingColmn .featureBoxForm .row .inputFile {
	width: 37em;
}
.landingColmn .featureBoxForm .row .colmn select,
.landingColmn .featureBoxForm .row .colmn textarea,
.landingColmn .featureBoxForm .row .colmn .inputText,
.landingColmn .featureBoxForm .row .colmn .inputPassword, 
.landingColmn .featureBoxForm .row .colmn .inputFile {
	width: 18em;
}



.centerBox {
	position: relative;
	float: left;
	width: 15em;
	overflow: hidden;
	margin-left: 1.25em;
	cursor: pointer;
}

.centerBox1 {
	position: relative;
	float: left;
	width: 45em;
	overflow: hidden;
	margin-left: 1.95em;
	cursor: pointer;
}
.centerBoxFirst {
	margin-left: 0px;
}
.centerBox .padding {
/*	padding-top: 0.25em;
	padding-bottom: 0.25em;*/
}
.centerBox .boxContent img {
	float: left;
	width: 3em;
	margin: 0.0625em 0.5em;
}
.centerBox .boxText {
	margin-left: 4.375em;
}
.centerBox .boxContent {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
.centerBox .boxContent h3 {

	font-size: 106.25%;
	margin: 0px;
	color: #444;
}
.centerBox h3 a {
	color: #444;
	text-decoration: none; 
}
.centerBox .boxContent p {
	font-size: 68.75%;
	margin: 0px;
}
.centerBox p a {
	color: #444;
	text-decoration: none; 
}
.centerBox .boxBack {
	height: 4.125em;
}
.centerBox .boxBack img {
	width: 100%;
	height: 4.125em;
}
.centerBoxActive {
}

.centerBoxWide {
	width: 16em;
}
.centerBoxWide .boxContent img {
	width: 4em;
	height: 4em;
}
.centerBoxWide .padding {
	padding-right: 1em;
}



.smallBox {
	float: right; 
	width: 13em;
}
.smallBox img {
	margin-right: 0.5em;
	float: left;
}


.searchForum {
	position: relative;	
	overflow: hidden;	
	float: right; 
	width: 14.5em;
}
.searchForum img {
	margin: 0.25em 0.5em;
	float: left;
}
.searchBox {
	position: relative;
	overflow: hidden;
	float: none; 
	width: 10.5em;
}
.searchBox .padding {
	padding: 0em 0.5em 0.25em 0.5em;
}
.searchBox .inputSubmit {
	float: right; 
	margin-top: 0.125em;
	margin-right: 0.125em;
	width: 1.3125em;
	height: 1.4em;
}
.searchBox .inputTextBorder {
	float: left;
}
.searchBox label {
	font-size: 72%; 
	font-weight: bold;
}
.searchBox .searchInput {
	font-size: 70%; 
	width: 11em;
	border: 1px #ccc solid;
}




.whatsonBox {
	
}

.whatsonBox .boxContent {
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	background-color: #000;
}
.whatsonBox .boxTop {
	border-top: 1px #000 solid;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	height: 5px;
	background-color: #000;
}
.whatsonBox .boxBtm {
	border-bottom: 1px #000 solid;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	height: 5px;
	background-color: #000;
}

.whatsonBox .ctr {
	background-image: url(../images/layout/ctr_b.gif);
}
.whatsonBox .ctl {
	background-image: url(../images/layout/ctl_b.gif);
}
.whatsonBox .cbr {
	background-image: url(../images/layout/cbr_b.gif);
}
.whatsonBox .cbl {
	background-image: url(../images/layout/cbl_b.gif);
}


.whatsonBox .channelList {
	width: 12.25em; 
	float: left;
}


.whatsonBox .channelListBack {
	position: absolute;
	overflow: hidden;
	width: 12em;
	height: 22.25em;
}

.whatsonBox .channelListBack img {
	width: 12em;
	height: 22.25em;
}

.whatsonBox .channelListFront {
	position: relative;
	top: 0em;
	width: 12.25em; 
}

.whatsonBox .channelListFront li div {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
.whatsonBox .channelListFront li div:hover {
	text-decoration: underline;
}
.whatsonBox .channelListFront li a {
	color: #666;
	text-decoration: none;
}
.whatsonBox .channelListFront li a:hover {
	color: #666;
	text-decoration: underline;
}


.whatsonBox .channelList .padding {
	padding: 0.5em 0.75em 0.5em 0.5em;
}

.whatsonBox .channelList li.first {
	background-image: none;
}

.whatsonBox .channelList li {
	background-image: url('../images/layout/channellist-divider.gif');
	background-repeat: repeat-x;
	background-position: top left;
	
	padding: 0.35em 0.75em 0.25em 0.75em;
}
.whatsonBox .channelDescriptions {
	float: left; 
	width: 31.5em; 
	margin-left: 2.5em; 
	padding: 0.5em 0em 0em 0em;
}
.whatsonBox .channelDescriptions .images {
	float: right;
}
.whatsonBox .channelDescriptions .images img {
	width: 16em;
	float: none;
}
.whatsonBox .channelDescription .description {
	float: left; 
	width: 14.5em;
}
.whatsonBox .channelDescription {
	margin: 0em;
}
.whatsonBox .channelDescription .description img {
	float: none; 
	padding: 0em 0em 1em 0em;
}
.whatsonBox .channelDescription .description h1, 
.whatsonBox .channelDescription .description h2, 
.whatsonBox .channelDescription .description h3, 
.whatsonBox .channelDescription .description h4, 
.whatsonBox .channelDescription .description p {
	color: #fff;
}
.whatsonBox .channelDescription .description ul, 
.whatsonBox .channelDescription .description li {
	color: #fff;
	margin-top: 0em;
	margin-bottom: 0em;
}
.whatsonBox .channelDescription .description label {
	color: #cc0;
	font-size: 75%;
}





.screenshot {
	margin-top: 2em;
}

.screenshot img.left {
	float: left;
	margin-bottom: 0.5em;
	width: 16em;
}

.screenshot img.right {
	float: right;
	margin-bottom: 0.5em;
	width: 16em;
}



.footerContent .newsletterFront .inputSubmit {
	float: left;
	width: 1.3125em;
	height: 1.45em;
	display: inline;
}


.blogEntry {
	margin: 0em 0em 2em 0em;
}
.blogEntry img {
	margin: 0em 0.5em 0.5em 0em;
}

.blogEntry .blogCategories {
	margin: -0.5em 0em 0em 0em;
	font-size: 75%;
	color: #999;
}
.blogEntry .blogCategories label {
	font-size: 100%;
	color: #999;
}
.blogEntry .blogCategories img {
	float: none;
	margin: 0em;
	vertical-align: middle;
}
.blogEntry .blogCategories span {
	margin-right: 2em;
}
.blogEntry .blogCategories span span {
	margin-right: 0em;
}
.blogEntry .blogCategories a {
	color: #666;
}

.blogDetails .padding {
	padding: 0em 0.5em;
}
.blogDetails img {
	float: none;
	margin: 0em;
}
.blogDetails ul img {
	margin-left: 10px;
	vertical-align: top;
}
.blogDetails p {
	margin: 0em;
}
.blogDetails ul {
	position: absolute;
	top: 0.25em;
	right: 0.5em;
	margin: 0em;
	padding: 0em;
}
.blogDetails li {
	display: inline;
	margin: 0em;
	padding: 0em;
}
.blogDetails .blogUser {
	font-weight: bold;
}
.blogDetails .blogUser img {
	vertical-align: middle;
	margin-right: 4px;
}
.blogPaging a {
	margin: 0em 0.175em
}
.blogPaging .pageNumbers a {
	font-weight: bold;
}





img.bbcodeImage {
    max-width: 32.5em; /* for browsers who understand me */
    width: expression(
        (this.width > (520/32.5) * parseInt(document.body.currentStyle.fontSize)) ?
        "32.5em" :
        "auto"
    );
}

.forumList h2 a {
	color: #444;
	text-decoration: none;
}
.forumList h2 a:hover {
	text-decoration: underline;
}
.forumList h3 a {
	color: #444;
	text-decoration: none;
}
.forumList h3 a:hover {
	text-decoration: underline;
}
.forumList img {
	margin: 0em 0.5em 0.5em 0em;
}

.forumList .forumDetails {
	margin: 0em;
	font-size: 75%;
	color: #999;
}
.forumList .forumDetails label {
	font-size: 100%;
	color: #999;
}
.forumList .forumDetails img {
	float: none;
	margin: 0em;
	vertical-align: middle;
}
.forumList .forumDetails li {
	padding: 0em 0em 0.35em 0em;
}
.forumList .forumDetails a {
	color: #666;
}
.forumList .forumDetails ul {
	margin: 0.5em 0em;
	list-style-type: none;
}
.forumList .quote {
	border-left: 2px solid #009; 
	padding-left: 0.5em;
}
.forumList .code {
	color: #666;
	font-family: "Courier New", monospace;
}

.forumColmn .visibleTableFrame table {
	width: 100%;
}	
.forumColmn .visibleTableFrame th {
	background-color: #eee;
}
.forumColmn .visibleTableFrame .boxBtm {
	position: absolute;
	width: 47.5em;
	margin-top: -6px;
	z-index: 3;
}	
.forumColmn .visibleTableFrame .boxTop {
	position: absolute;
	width: 47.5em;
	margin-bottom: -6px;
	z-index: 3;
}	
.forumColmn .visibleTableFrame .iconColumn {
	width: 16px;
}
.forumColmn .visibleTableFrame .smallColumn {
	width: 6em;
}
.forumColmn .visibleTableFrame .mediumColumn {
	width: 13em;
}
.forumColmn .visibleTableFrame .largeColumn {
	width: 15.5em;
}

.forumTopic {
	margin: 0em 0em 2em 0em;
}
.forumTopic img {
	margin: 0em 0.5em 0.5em 0em;
}

.forumTopic .forumTopicDetails {
	margin: -0.5em 0em 0em 0em;
	font-size: 75%;
	color: #999;
}
.forumTopic .forumTopicDetails label {
	font-size: 100%;
	color: #999;
}
.forumTopic .forumTopicDetails img {
	float: none;
	margin: 0em;
	vertical-align: middle;
}
.forumTopic .forumTopicDetails span {
	margin-right: 2em;
}
.forumTopic .forumTopicDetails span span {
	margin-right: 0em;
}
.forumTopic .forumTopicDetails a {
	color: #666;
}

.forumTreadedView {
	margin: 0em 0em 2em 0em;
}
.forumTreadedView a {
	color: #333;
}
.forumTreadedView .user {
	margin-left: 1em;
	font-size: 75%;
	color: #999;
	white-space: nowrap;
}
.forumTreadedView .user a {
	color: #666;
}
.forumTreadedView a.selectedPost {
	font-weight: bold;
}
.forumTreadedView img {
	float: none;
	vertical-align: bottom;
}
.forumTreadedView ul {
	margin: 0em;
	padding: 0em;
	list-style-type: none;
}
.forumTreadedView ul ul {
	margin-left: 2em;
}
.forumTreadedView li {
	margin: 0.5em 0em;
	padding: 0em;
}

.forumMessageActions {
	float: right;
}

.forumPostMessage {
	margin-bottom: 2em;
}
.forumPostMessage .forumColmnWide {
	width: 33.75em;
}
.forumPostMessage .forumColmnNarrow {
	width: 12.75em; 
	float: right;
}
.forumPostMessage label {
	font-weight: bold;
	font-size: 100%;
	display: block;
}
.forumPostMessage input {
	font-size: 100%;
}
.forumPostMessage .inputText {
	width: 100%;
}
.forumPostMessage .inputSubject {
	font-size: 125%;
	color: #444;
	font-weight: bold;
}
.forumPostMessage textarea {
	font-size: 75%; 
	width: 100%; 
	height: 20em; 
	margin: 0em;
}
.forumPostMessage .forumSubmit {
	text-align: right;
	margin: 0.5em 0em;
}
.forumPostMessage .checkBoxLine label {
	display: inline;
}
.forumPostMessage .checkBoxLine img {
	float: none; 
	vertical-align: middle;
}

.forumPostMessage .forumBBButtons {
	margin: 0em 0em 0.25em 0em;
}
.forumPostMessage .forumBBButtons img {
	margin-right: 6px;
	float: none;
}
.forumPostMessage .forumBBButtons img.forumBBButtonBiggerLeft {
	margin-left: -2px;
}
.forumPostMessage .forumBBButtons img.forumBBButtonBiggerRight {
	margin-right: 4px;
}
.forumPostMessage .forumBBEmoticons img {
	margin-right: 0.5em;
	float: none;
}

.forumView {
	float: right;
	height: 32px;
}

.forumView p,
.forumView ul,
.forumView li {
	display: inline;
}
.forumView img {
	float: none;
	vertical-align: middle;
}



.knowledgebaseQuestion {
	margin-top: 2em;
}
.knowledgebaseQuestion .blogPaging img {
	vertical-align: middle;
}
.knowledgebaseQuestion h3 img {
	vertical-align: middle;
	float: none;
	margin: 0em 0.25em 0em 0em;
}


.knowledgebaseQuestionList ul {
	font-size: 100%;
}
.knowledgebaseQuestionList li {
	margin: 0.25em 0em;

}

/*WIP*/
.whatsonChannelList ul {
	margin-left: 0em;
	font-size: 100%;
}
.whatsonChannelList li {
	padding: 0em 0em 0.25em 2.25em;
	margin: 0.25em 0em;
	list-style-type: none;
	background-image: url(../images/icons/channel24.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.leftBox {
	position: relative;
	float: left;
	width: 11.75em;
	overflow: hidden;
	margin-bottom: 0.3125em;
	cursor: pointer;
}
.leftBox .boxContent img {
	float: left;
	width: 3em;
	margin: 0.0625em 0.5em;
}
.leftBox .boxText {
	margin-left: 4.0625em;
}
.leftBox .boxContent h3 {
	font-size: 106.25%;
	margin: 0px;
	color: #666;
}
.leftBox .boxContent p {
	font-size: 68.75%;
	margin: 0px;
}
.leftBox .boxBack {
	height: 4.125em;
}
.leftBox .boxBack img {
	width: 100%;
	height: 4.125em;
}
.leftBox h3 a {
	color: #444;
	text-decoration: none; 
}
.leftBox p a {
	color: #444;
	text-decoration: none; 
}







.leftBlock {
	position: relative;
	float: left;
	width: 11.75em;
	overflow: hidden;
	margin-bottom: 0.3125em;
}
.leftBlock .boxContent {
	padding: 0em 0.75em;
}
.leftBlock .boxContent h3 {
	font-size: 106.25%;
	margin: 0px;
	color: #666;
}
.leftBlock .boxContent h4 {
 	margin: 0.5em 0em 0.25em 0em;
}
.leftBlock .boxContent p {
	font-size: 68.75%;
	margin: 0px;
}
.leftBlock .boxBack {
	height: 4.125em;
}
.leftBlock .boxBack img {
	width: 100%;
	height: 4.125em;
}
.leftBlock h3 a {
	color: #444;
	text-decoration: none; 
}
.leftBlock a {
	color: #444;
}
.leftBlock ul {
 	margin-top: 0em;
 	margin-bottom: 0em;
 	padding: 0em 0em 0.25em 0em;
}

.leftBlock .blogArchive ul {
 	margin: 0em;
 	padding: 0em 0em 0.25em 0em;
 	list-style-type: none;
 	float: left;
}
.leftBlock .blogArchive li {
 	margin: 0em;
 	padding: 0em 1.5em 0.25em 0em;
}
.leftBlock .blogArchive .year {
	clear: both;
}
.leftBlock .blogArchive a {
 	font-weight: bold;
 	text-decoration: none;
 	color: #444;
}
.leftBlock .blogArchive a:hover {
 	text-decoration: underline;
}

.leftBlock .blogRoll ul {
 	margin: 0em;
 	padding: 0em 0em 0.25em 0em;
 	list-style-type: none;
}
.leftBlock .blogRoll li {
 	margin: 0em;
 	padding: 0.25em 1.5em 0.25em 0em;
}
.leftBlock .blogRoll a {
 	color: #444;
	padding: 0em 0em 0em 20px;
	background-image: url('../images/icons/userjoost16.gif');
	background-repeat: no-repeat;
	background-position: 0% 50%;
	text-decoration: none;
}
.leftBlock .blogRoll a:hover {
	text-decoration: underline;
}

.leftBlock .blogRss img {
	margin: 0em 0.5em 0em 0em;
	float: none;
	vertical-align: middle;
}

.leftBlock .blogRss ul {
	margin: 0em;
	padding: 0em;
	list-style-type: none;
}
.leftBlock .blogRss li {
	margin: 0em;
	padding: 0.25em 0em;
}
.leftBlock .blogRss a {
	text-decoration: none;
}
.leftBlock .blogRss a:hover {
	text-decoration: underline;
}


.leftNav {
	position: relative;
	float: left;
	width: 11.75em;
	overflow: hidden;
	margin-bottom: 0.3125em;
	display: inline;
}
.leftNav ul {
	position: relative;
	margin: 0px;
	padding: 0px;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
}
.leftNav li {
	position: relative;
	list-style-type: none;
	border-top: 1px #ccc solid;
	height: 2.25em;
}

.leftNav li a {
	margin-left: 1em;
	color: #555;
	line-height: 2.25em;
}
.leftBackSelected {
	position: absolute;
	top: 0px;
	z-index: -1;
	width: 100%;
	height: 2.25em;
	margin-top: -1px;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}
.leftBackSelected img {
	width: 100%;
	height: 2.25em;
}
.leftNav .first {
	border-top: 0px;
}
.leftNav li .leftNavSelected {
	color: #fff;
	text-decoration: none; 
	font-weight: bold;
}



li.leftSubNav {
	height: 100%;
}

li.leftSubNav ul {
	margin: 0.5em 0px 0.5em 1.25em;
	padding: 0px;
	border: 0px;
}
li.leftSubNav li {
	position: relative;
	list-style-type: none;
	border: 0px;
	height: auto;
	margin-top: 0.25em;
	font-size: 100%;
}
li.leftSubNav li a {
	margin: 0px;
	line-height: 1.25em;
	text-decoration: none; 
}
li.leftSubNav li a:hover {
	text-decoration: underline; 
}
li.leftSubNav li .leftSubNavSelected {
	text-decoration: none; 
	font-weight: bold;
}





.boxContent {
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
}
.boxTop {
	border-top: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	height: 5px;
}
.boxBtm {
	border-bottom: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	height: 5px;
}
.boxBack {
	position: absolute;
	bottom: 0px;
	z-index: -1;
	width: 100%;
	height: 11.75em;
}
.boxBack img {
	width: 100%;
	height: 11.75em;
}





.boxTab {
	position: relative;
	float: left;
	height: 1.5625em;
	margin-left: 0.3125em;
	margin-bottom: -1px;
	border: 1px #ccc solid;
	border-bottom: 0px;
	cursor: pointer;
	display: inline;
}
.boxTabFirst {
	margin-left: 0.625em;
}
.boxTabActive {
	z-index: 2;
	border-bottom: 1px #fff solid;
}
.boxTabPassive .ctr {
	background-image: url(../images/layout/ctr.gif);
}
.boxTabPassive .ctl {
	background-image: url(../images/layout/ctl.gif);
}
.boxTabPassive {
	z-index: 0;
	border-bottom: 1px #ccc solid;
}
.boxTabPassive p {
	color: #777;
}
.boxTabPassive .ctr {
	background-image: url(../images/layout/cbktr.gif);
}
.boxTabPassive .ctl {
	background-image: url(../images/layout/cbktl.gif);
}
.boxTabTop {
	position: absolute;
	width: 100%;
}
.boxTabBack {
	position: absolute;
	top: 0px;
	z-index: -1;
	width: 100%;
	height: 1.5625em;
}
.boxTabBack img {
	width: 100%;
	height: 1.5625em;
}
.boxTabL {
	position: absolute;
	left: 0px;
	height: 1.5625em;
	width: 0.625em;
}
.boxTabL img {
	height: 1.5625em;
	width: 0.625em;
}
.boxTabC {
	position: absolute;
	height: 1.5625em;
	width: 100%;
	text-align: center;
}
.boxTabC p {
	font-size: 75%;
	line-height: 2em;
	font-weight: bold;
	margin: 0px;
}
.boxTabR {
	position: absolute;
	right: 0px;
	height: 1.5625em;
	width: 0.625em;
}
.boxTabR img {
	height: 1.5625em;
	width: 0.625em;
}
.boxContentPassive {
	display: none;
}
.boxContentActive {
	display: block;
}







.bc {
	position: relative;
	width: 5px;
	height: 5px;
	font-size: 1px;
	background-repeat: no-repeat;
	margin-bottom: -1px;
}
.ctr {
	float: right;
	background-image: url(../images/layout/ctr.gif);
	margin-right: -1px;
	margin-top: -1px;
}
.ctl {
	float: left;
	background-image: url(../images/layout/ctl.gif);
	margin-left: -1px;
	margin-top: -1px;
}
.cbr {
	float: right;
	background-image: url(../images/layout/cbr.gif);
	margin-right: -1px;
	margin-top: 1px;
}
.cbl {
	float: left;
	background-image: url(../images/layout/cbl.gif);
	margin-left: -1px;
	margin-top: 1px;
}




h1 {
	font-size: 137.5%;
	font-weight: bold;
	line-height: 1.1875em;
	margin-top: 0px;
	margin-bottom: 0.5em;
}
h2 {
	font-size: 112.5%;
	font-weight: bold;
	line-height: 1.25em;
	margin-top: 0px;
	margin-bottom: 0.5em;
}
h3 {
	font-size: 87.5%;
	font-weight: bold;
	line-height: 1.25em;
	margin-top: 0px;
	margin-bottom: 0.5em;
}
h4, h5, h6 {
	font-size: 75%;
	line-height: 1.25em;
	margin-top: 0px;
	margin-bottom: 0.25em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #444;
}

.normal {
	font-weight: normal;
}
.error {
	color: #c00;
}
p {
	font-size: 75%;
	line-height: 1.25em;
	margin-top: 0px;
	color: #444;
}
ul, ol, dl {
	margin-top: 0em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}
ul {
	margin-left: 1em;
	padding-left: 0em;
}
ul ul {
	margin-left: 2em;
	padding-left: 0em;
}

.ulLeftAlign {
	padding-left: 0.875em;
}
li {
	font-size: 80%;
	line-height: 1.25em;
	margin-left: 0px;
	color: #444;
}
li li {
	font-size: 100%;
	line-height: 1.25em;
}
li p {
	font-size: 100%;
	line-height: 1.25em;
	margin: 0em;
}
a {
	color: #0b0;
}
a:hover { 
	text-decoration: none; 
}
img {
	float:none;
	vertical-align: middle;
	border: none;
}
img.large {
	float:none;
	margin-bottom: 1em;
}
img.alignRight {
	float:right;
	margin-bottom: 1em;
}
table {
	text-align: left;
}
table td {
	vertical-align: top;
}
form {
	margin: 0px;
	padding: 0px;
}
code {
	font-size: 125%;
	color: #66e;
}

.break {
	clear: both;
}
.altHeadline {
	position: relative;
	width: 33.6875em;
	height: 1.5625em;
	overflow: hidden;
	margin-bottom: 1em;
}
.altHeadline .altHeadlineBack {
	position: absolute;
	z-index: -1;
	width: 33.6875em;
	height: 1.5625em;
	top: 0px;
}
.altHeadlineBack img {
	float: left;
	width: 33.6875em;
	height: 1.5625em;
	background-color: #000000;
}
.altHeadlineFront {
	height: 1.5625em;
}
.altHeadlineFront img {
	float: left;
	margin: 0.25em 0.5em;
}
.altHeadline h3 {
	font-weight: bold;
	color: #fff;
	margin-left: 1em;
	line-height: 1.625em;
	margin-top: 0px;
	margin-bottom: 0px;
}
.altHeadline a {
	color: #fff;
}

.forumColmn .altHeadline {
	width: 47.625em;
}
.forumColmn .altHeadline .altHeadlineBack {
	width: 47.625em;
}
.forumColmn .altHeadlineBack img {
	width: 47.625em;
}


.altFlash { 
	position: relative;
}
.altFlash img { 
	position: absolute;
}
.altFlash .overlay { 
	position: absolute;
}
.altFlash .overlay p { 
	font-size: 70%;
}
.altFlash a { 
	color: #999;
	text-decoration: none; 
}


.stepDowload {
	clear: both;
}
.stepHeadline {
	position: relative;
	width: 2.5em;
	height: 2.5em;
	overflow: hidden;
	margin-bottom: 1em;
	float: left;
}
.stepHeadline .stepHeadlineBack {
	position: absolute;
	z-index: -1;
	width: 2.5em;
	height: 2.5em;
	top: 0px;
}
.stepHeadlineBack img {
	width: 2.5em;
	height: 2.5em;
	background-color: #000000;
}
.stepHeadlineFront {
	height: 2.5em;
	text-align: center;
	width: 2.5em;
}
.stepHeadline h2 {
	font-weight: bold;
	color: #fff;
	font-size: 165%;
	line-height: 1.5em;
	margin: 0px;
}
.stepHeadline span {
	display: none;
}
.stepDescription {
	float: left;
	width: 80%;
	margin: 0.5em;
}
.stepDescription p {
	margin: 0.5em 0em;
}
.stepDescription img {
	margin: 0.5em 0em 0em 0em;
	float: none;
}
.stepDowload .versionInformation  {
	font-size: 90%;
}
.stepDowload .versionInformation p {
	color: #999;
}



.bannerList img {
	float: none;
}
.bannerList textarea {
	font-family: "Courier New", Courier, monospace;
	font-size: 75%;
	width: 100%;
	height: 4em;
	margin: 0em 0em 1em 0em;
}

.banner {
	margin: 0em 0em 2em 0em;
}



.std2Colmn {
	margin: 0em 0em 1em 0em;
}

.std2Colmn .Colmn {
	float:left;
	width:46%;
	padding: 0em 0em 0em 0.75em; 
	margin: 0em;
}
.iconList p {
	float: left;
}
.iconList .row {
	clear: both;
}
.iconList img {
	margin: 0.0625em 0.5em 0em 0em;
	float: left;
}
.iconList .textblock {
	float: left;
	width: 85%;
}
.iconList .Colmn .textblock {
	width: 70%;
}



.visibleTableFrame {
	margin-bottom: 1em;
	margin-top: 0.25em;
	height: auto;
}
.visibleTable {
	height: auto;
	border-left: 1px #ccc solid;
	width: 33.6875em;
	z-index: 1;
}
.visibleTable th {
	padding: 0.25em 0.5em 0.125em 0.375em;
}
.visibleTable td, .visibleTable th {
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}
.visibleTable th {
	padding: 0.25em 0.5em 0.25em 0.5em;
	font-size: 75%;
	line-height: 1.25em;
	font-weight: bold;
}
.visibleTable th p {
	font-size: 100%;
	line-height: 1.25em;
}
.visibleTable td {
	padding: 0.25em 0.5em 0.25em 0.5em;
	font-size: 75%;
	line-height: 1.25em;
}
.visibleTable td p {
	font-size: 100%;
	line-height: 1.25em;
}
.visibleTable td h2 {
	font-size: 150%;
	line-height: 1.25em;
}
.visibleTable td h3 {
	font-size: 116%;
	line-height: 1.25em;
}
.visibleTable .number {
	text-align: right;
}
 
.tableHeadline {
	z-index: 2;
	margin-bottom: -0.25em;
}
.visibleTableFrame table {
	position: relative;
	height: auto;
}
.visibleTableFrame .boxBtm {
	position: absolute;
	width: 33.5625em;
	margin-top: -6px;
	z-index: 3;
}	
.visibleTableFrame .boxTop {
	position: absolute;
	width: 33.5625em;
	margin-bottom: -6px;
	z-index: 3;
}	




/*
.tableFormList {
	width: auto;
}
.tableFormList td {
	padding-right: 6px;
}
.tableFormList .c1 {
	width: 15.625em;
}
.tableFormList .c2 {
	width: 2em;
}
.tableFormList .c3 {
	width: 15.625em;
}
.tableFormList p, .tableFormList label {
	font-weight: bold;
	margin: 0px;
}
.tableFormList .right {
	text-align: right;
}
.tableFormList .inputText {
	margin-bottom: 1em;
}
.tableFormList .inputSubmit {
	margin: 0px;
}
*/




/*
.inputText {
	font-size: 75%;
	color: #444;
	width: 100%;
	margin: 0px;
}
.inputSubmit {
	font-size: 75%;
}
label {
	font-size: 75%;
}
.selectList {
	background-color: #f00;
}
.selectList .inputRadio {
	width: 14px;
	height: 14px;
	margin: 0px 3px 6px 0px;
	padding: 0px;
	float: left;
}
.selectList .inputCheckbox {
	width: 14px;
	height: 14px;
	margin: 0px 5px 5px 0px;
	padding: 0px;
	float: left;
}
.selectList label {
	float: left;
}
.selectList {
	clear: left;
}
*/




.footer {
	position: absolute;
	width: 100%;
	height: 4.0625em;
	bottom: 0px;
	overflow: hidden;
}
.footer .back {
	position: absolute;
	width: 100%;
	height: 3.75em;
	z-index: 1;
}
.footer .back img {
	width: 100%;
	height: 6.25em;
}
.footer .front {
	position: absolute;
	width: 100%;
	z-index: 2;
}
.footerContent {
	margin: 0px auto;
	width: 48.25em;
}
.footerContent .newsletter {
	float: left;
	width: 12.4375em;
	display: inline;
}
.footerContent .newsletterBack {
	position: absolute;
	top: 0px;
	width: 12.4375em;
}
.footerContent .newsletterBack img {
	width: 12.4375em;
	height: 6.25em;
}
.footerContent .newsletterFront {
	position: absolute;
	width: 12.4375em;
	z-index: 2;
}
.footerContent .newsletterContent {
	padding: 0.8125em 0px 0.625em 0.875em;
	
}
.footerContent .newsletterContent p {
	font-size: 68.75%;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 0.1875em;
	color: #666;
}
.footerContent .newsletterFront .inputText {
	font-size: 68.75%;
	color: #444;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
}
.footerContent .newsletterFront .inputTextBorder {
	border: 1px #ccc solid;
	width: 9.125em;
	float: left;
	margin-right: 0.3125em;
	padding-top: 0.0625em;
	padding-bottom: 0.125em;
}
.footerContent .newsletterFront .inputSubmit {
	float: left;
	width: 1.3125em;
	height: 1.45em;
	display: inline;
}
.footerContent .bottomNav {
	float: left;
	margin-top: 1.875em;
	margin-left: 1.75em;
	width: 33.75em;
	display: inline;
}

.footerContent .bottomNav ul {
	margin: 0px;
	padding: 0px;
}
.footerContent .bottomNav li {
	list-style-type: none;
	float: left;
	margin-right: 1.5em;
	
	font-size: 68.75%;
	display: inline;
}
.footerContent .bottomNav li .first {
	margin-left: 0px;
}
.footerContent .bottomNav a {
	color: #555;
}
.footerContent .bottomNav a:hover {
	color: #555;
}
.footerContent .bottomNav .copyright {
	margin-right: 0em;
	float: right;
	color: #888;
}
.footerContent .bottomNav .copyright a {
	color: #888;
	text-decoration: none;
}
.footerContent .bottomNav .copyright a:hover {
	color: #999;
	text-decoration: underline;
}
.footerContent .bottomNav .copyright span {
	display: none;
}


.inputText, searchInput, inputPassword {
	color:#000000;
	background-color:#ffffff;
}

.privacyCheckbox {
	vertical-align: middle;
}


.img-shadow {
  display: block;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 25px 5px 10px 15px !important;
  margin: 25px 0 0 25px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -1px 1px 1px -1px;
  padding: 10px;
  }