@media screen {
/*  =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, table, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
img { border : 0; }
dt, address, caption, cite, code, dfn, th, var { font-style : normal; font-weight : normal; }

/* =html */
html { background : #c0c0c0; }

/* =body */
body { font-family : Arial, Helvetica, sans-serif; font-size: 0.85em; color: #505050; line-height: 1.2em; }

/* h2 */
h2 {font-size : 1.3em; color : #353535; margin: 1.1em 0 0 0; }
h2.intro {margin: 1.1em 0 0.2em 0;}

/* h3 */
h3 {font-weight: bold; color: #008000;}

/* p */
p {margin: 0 0 0.7em 0;}
p.noData {margin: 0 0 0 0; padding: 0 0 1em 0;}

/* hr */
hr { color:#ffffff; background-color:#ffffff; height:1px; border-width:0px; border-bottom:1px dotted #303030; }

/* input, textarea */
input, textarea { font-family : Arial, Helvetica, sans-serif; color: #000000;}
input.button {padding: 5px;}

/* blockquote */
blockquote {margin: 1em 0 1em 1em;}

/* #page */
#page {width: 910px; margin: 0 auto; padding: 10px 0px 10px 10px; background-color: #fff;}

/* #header */
#header {position : relative; top : 0px;  width : 100%; height : 112px; margin : 0; padding : 0; background : url(/images/header-bg.gif) no-repeat 0 0; }
#header img.logo {position : absolute; top: 9px; left: 0px; }
#header h1 {position : absolute; display: block; top: 65px; left: 100px; width:180px; font-family: tahoma, arial, sans-serif; font-size: 8pt; font-weight:normal; text-align:right}
#links {position : absolute; top: 83px; left: 286px;}
#links a {position : relative; float : left; display : block; width: 99px; height: 22px; font-size: 8pt; font-variant: small-caps; font-family: tahoma, arial, sans-serif; text-align : center; margin: 0 0 0 3px; padding: 5px 0 0 0; text-decoration : none; color : #606060; }
#links a:hover {color : #ff610c; text-decoration : underline;  }
#header ul {position: absolute; top: 25px; right: 16px;}
#header li {display: inline; font-size: 7pt; font-family: verdana, arial, sans-serif; }
#header li a {color: #808080; text-decoration: none;}
#header li a:hover {color : #ff610c; text-decoration : underline;  }
#header li img {vertical-align:middle; margin: 0 0 0 5px;}
#header li a.adminLink {color: #ff610c;}
#search {position : absolute; top: 0px; width: 180px; height: 16px; right: 10px; border: 1px solid #deddd9; padding: 0 0 0 3px;}
#search .searchTerm {position : absolute; top: 1px; left: 3px; border: none; background-color: #ffffff; width: 160px; font-size: 8pt; color: #505050;}
#search .searchButton {position : absolute; top: 0px; right: 2px;}

#header .loggedInDetails {position : absolute; top: 55px; right: 15px; font-size: 7pt;}
#header .loggedInDetails a {color: #008000; text-decoration: none;}
#header .loggedInDetails a:hover {color : #ff610c; text-decoration : underline;  }

/* #navigation */
#navigation {position: relative; width:900px; height: 174px; background-color: #f1f1f1;}
#navImage {position: absolute; top: 0px; left: 0px;}
#navLinks {position: absolute; top: 0px; left: 289px; width: 260px; height: 288px; padding: 0 0 0 0; font-size: 0.9em;}
#greyBar {display: block;}
#navLinks ul {margin: 0em 2em 0.2em 0em; font-size: 9pt; }
#navLinks li {margin: 0 0 0 0.5em; padding: 4px 0 4px 0; border-bottom: 1px dashed #d1d1d1; }
#navLinks li.last {border-bottom: none; }
#navLinks li img {width: 20px; height: 10px;}
#navLinks a {color: #7c7c7c; text-decoration: none;}
#navLinks a:hover {color: #ff610c; text-decoration: underline;}

.randImg {position: absolute; top: 0px; left: 549px;}
#pageTitle {position: absolute; top: 144px; left: 289px; width: 595px; height: 20px; background-color: #deddd9; padding: 5px 5px 5px 10px;}
#pageTitle h2 {margin: 0; font-weight: normal; font-size: 11pt;}

/* #content */
#content {position: relative; width: 100%; background: url(/images/content-grey.gif) repeat-y 289px 0; padding: 0 0 5em 0;}
#content a {color: #008000; text-decoration: none;}
#content a:hover {color: #ff610c; text-decoration: underline;}

#content .col1 {position: relative; float: left; width: 289px; }
#content .col23 {position: relative; float: left; width: 611px; min-height:300px;}
h2.sectionHeading {position: relative; background-color: #deddd9; margin: 0px; padding: 5px 5px 5px 10px; font-size: 0.9em; font-weight: normal; font-size: 11pt; overflow:hidden}
#content .col23 h2.sectionHeading {background: url(/images/section-grey.gif) repeat-y 0 0 #deddd9; }

#content .col1 .content {padding: 1em 1em 1em 1em; font-size: 0.9em;}
#content .col23 .content {padding: 1em 1em 1em 1em; font-size: 0.9em; }
#content .col1 .content h1, #content .col23 .content h1 {font-size: 1.3em; color: #008000; margin: 0 0 0.5em 0;}
#content .col1 .content h2, #content .col23 .content h2 {font-size: 1.1em; font-weight: bold; color: #008000; margin: 1em 0 0.5em 0;}

#content ul, ol {margin: 0.5em 0 1em 3em;}
#content ol {list-style-type: decimal; }
#content ul {list-style-type: square; }
#content li {margin: 0 0 1em 0;}

/* #stLogo */
#stLogo {text-align: center; margin: 5em 0 0 0; }
#stLogo .trustWave {margin: 5em 0 0 0;}

/* #topicList */
#topicList .topicUser {width: 52px; padding: 0 0 0 0;}
#topicList img.avatar {border:1px solid #ffa400; margin:10px 10px 5px 0px; padding: 1px; width:50px;}
#topicList tr {vertical-align: top;}
#topicList h2 {font-size: 1.3em; font-weight: bold;}
#topicList h2.expired a {color: #808080;}
#topicList div.message {width: 99%; height: 1.5em; overflow:hidden; }
#topicList div.summary {color: #303030; padding: 0 0 1em 0; font-size: 0.9em; }
#topicList .pager table {margin-top: 10px; float: right;}
#topicList .pager span, #topicList .pager a {padding: 5px;}
#topicList .topicContent {border-bottom:1px dotted #303030;}

/* .topic */
.topic .summary {color: #303030; font-size: 0.9em;}
.topic div.bookmarks {padding: 1em 0 1em 0;}
.topic div.bookmarks img {width: 16px; height: 16px; }
.topic h1 {width: 90%; line-height: 1.3em; }

/* #replyList */
.replySection {border-top:1px dotted #303030; border-bottom:1px dotted #303030; padding: 1em 0 0 0; margin: 0 0 1em 0;}
#replyList {width: 90%; margin: 0 0 10px 0;}
#replyList .replyUser {width: 52px; padding: 15px 10px 0 0;}
#replyList img {padding:2px;}
#replyList img.avatar {border:1px solid #ffa400; padding: 1px; width:50px;}
#replyList tr {vertical-align: top; }
#replyList .replyContent, #replyList .replyContentLast {padding: 10px 0px 1em 0px; min-height: 9em;}
#replyList .replyContent {border-bottom:1px dotted #303030;}
#replyList .summary {color: #303030; padding: 0 0 1em 0; font-size: 0.9em;}

/* .newPost */
#editArea {position:relative; width: 100%; height: 205px;}
#editArea .edit, #editArea .preview{position:absolute; top: 0; left: 0; width:400px; height: 200px;}
#editArea .edit textarea {border:1px solid #c0c0c0; background-color: #e8fde7; font-size: 1.0em; width: 400px; height: 190px; padding: 5px 5px 5px 5px; overflow:auto;}
#editArea .preview {border:1px solid #c0c0c0; font-size: 1.0em; width: 400px; height: 194px; padding: 3px 5px 3px 5px; color: #000000; margin: 1px 0 1px 0; overflow:auto;}
#editArea .formatting {float: right; width: 150px; height: 190px; border:1px solid #c0c0c0; font-size: 9pt; padding: 5px; color: #000000; margin: 1px 0 0 0;}
#editArea .formatting h2 {color: #008000; font-weight: bold; font-size: 11pt; padding: 0px; margin: 0px;}
#editArea .formatting ul {margin: 0 0 0 1.5em;}
.newPost .button {width: 120px;}
.newPost .progress {float:right; margin: 0 180px 0 0;}
.newPost label {display:block; margin: 0.5em 0 0 0;}
.newPost label span {color: #000000; display:block;}
.newPost label input {width: 404px; padding: 2px 3px 2px 3px; font-size: 1.0em; border:1px solid #c0c0c0; background-color: #e8fde7;}
.newPost div.check {margin: 1em 0 1em 0; }
.newPost div.check input {width:auto; border: none; background-color:transparent; margin: 0 0.5em 0 0;}
.newPost div.check label {display: inline; color: #000000; }
.newPost .counter {margin-bottom: 10px; width: 404px;}
.newPost .select {background-color: #e8fde7; width: 412px; border:1px solid #c0c0c0;}
.newPost p.eg {font-size: 0.9em;}
.newPost .topicPreview {border:1px solid #c0c0c0; font-size: 1.0em; width: 580px; height: 422px; padding: 3px 5px 3px 5px; color: #000000; margin: 1px 0 1px 0; overflow:auto;}
.newPost .topicPreview h2 {font-size : 1.3em; color : #008000; margin: 0.5em 0 0.5em 0; }

/* .userDetails */
div.userDetails {border-bottom:1px dotted #303030; padding: 0 0 1em 0; margin: 0 0 1em 0;}
div.userDetails .userImages {float: left; width:52px; margin: 0 10px 10px 0;}
div.userDetails img {padding: 2px;}
div.userDetails img.avatar {border:1px solid #ffa400; padding: 1px; width:50px;}
div.userDetails h1 {font-size: 1.3em; color: #008000; margin: 0 0 0.5em 0;}
div.userDetails .summary {color: #303030; margin: 0.5em 0 0.5em 0;}
div.userSummary {color: #000000; padding: 1em 1em 1em 1em;}

div.userDetails div.consultationCredits {background-color: #e8fde7; border:1px solid #ace5a7; padding: 0 1em 1em 1em; margin: 0 0 2em 0;}
div.userDetails div.consultationCredits a {display: block; margin: 1em 0 1em 0;}

/* .login */
div.login {border-bottom:1px dotted #303030; padding: 0 0 1em 0; margin: 0 0 1em 0;}
div.login h1 {font-size: 1.3em; color: #008000; margin: 0 0 0.5em 0;}
div.login label {display:block; margin: 0.5em 0 0.5em 0;}
div.login label span {color: #000000; display:inline-block; width: 65px;}
div.login label input {width: 180px; padding: 2px 3px 2px 3px; font-size: 1.0em; border:1px solid #c0c0c0; background-color: #e8fde7;}
div.login .button {margin: 10px 10px 0 65px;}
div.login .rememberCheck  {margin: 0 20px 0 65px; display: block;}
div.login .rememberCheck label {display: inline; color: #000000; margin: 0 0 0 5px;}
	

/* .reset */
div.reset label {display:block; margin: 0.5em 0 0.5em 0;}
div.reset label span {color: #000000; display:inline-block; width: 100px; text-align: right}
div.reset label input {width: 280px; padding: 2px 3px 2px 3px; font-size: 1.0em; border:1px solid #c0c0c0; background-color: #e8fde7;}
div.reset .button {margin: 0 20px 0 100px;}

/* #manageProfile */
#manageProfile {margin: 0 0 0 1em;}
#manageProfile label {display:block; margin: 0.5em 0 0 0;}
#manageProfile label span {color: #000000; display:block;}
#manageProfile label span.short {color: #000000; display: inline-block; width: 130px; text-align: right; }
#manageProfile label .input {width: 504px; padding: 2px 3px 2px 3px; font-size: 1.0em; border:1px solid #c0c0c0; background-color: #e8fde7;}
#manageProfile label .inputShort {width: 150px; padding: 2px 3px 2px 3px; font-size: 1.0em; border:1px solid #c0c0c0; background-color: #e8fde7; margin: 0 0 0 1em;}
#manageProfile textarea {border:1px solid #c0c0c0; background-color: #e8fde7; font-size: 1.0em; width: 500px; height: 100px; padding: 5px 5px 5px 5px; overflow:auto;}
#manageProfile .select {background-color: #e8fde7; border:1px solid #c0c0c0; margin: 0 1em 0 0;}
#manageProfile .counter {margin-bottom: 10px; width: 500px;}
#manageProfile h2 {color : #008000; margin: 0 0 0 0; }

table.avatarTable td {padding: 0.5em 1em 0em 1em; text-align: center;}
table.avatarTable img {border:1px solid #ffa400; padding: 1px; width:50px;}

/* #requestConsultation */
#requestConsultation {margin: 0 0 0 1em; width: 550px;}
#requestConsultation label {display:block; margin: 0.5em 0 0 0;}
#requestConsultation label span {color: #000000; display:block;}
#requestConsultation label span.short {color: #000000; display: inline;}
#requestConsultation label .input {width: 504px; padding: 2px 3px 2px 3px; font-size: 1.0em; border:1px solid #c0c0c0; background-color: #e8fde7;}
#requestConsultation label .inputShort {width: 150px; padding: 2px 3px 2px 3px; font-size: 1.0em; border:1px solid #c0c0c0; background-color: #e8fde7; margin: 0 0 0 1em;}
#requestConsultation textarea {border:1px solid #c0c0c0; background-color: #e8fde7; font-size: 1.0em; width: 500px; height: 200px; padding: 5px 5px 5px 5px; overflow:auto;}
#requestConsultation .select {background-color: #e8fde7; border:1px solid #c0c0c0; margin: 0 1em 0 0;}
#requestConsultation h2 {color : #008000; margin: 0 0 0 0; }

#requestConsultation .checkBoxes {padding: 0.5em 0 0 1em;}
#requestConsultation .checkBoxes label {display: inline; margin: 0 0 0 0.5em;}

/* .bookmarks */
ul.bookmarks li {display: inline; padding: 0 8px 0 8px;}
ul.bookmarks img {border: 1px solid #c0c0c0; padding: 3px 3px 3px 3px;}

/* .categoryList */
div.categoryList {width: 98%; background-color: #f1f1f1; margin: 0 0 1em 0;}
div.categoryList h2 {padding: 0 0 0 10px;}
div.categoryList ul {}
div.categoryList li {padding: 0.5em 1em 0.5em -200px; list-style-type: square;}
div.categoryList small {font-size: 0.8em;}

/* .categorySummary */
.categorySummary {position: relative; float: left; width: 30%; padding: 0 1em 0 0; height: 28em; }
.categorySummary h1 {margin: 0 0 0 0;}
.categorySummary h2 {margin: 0 0 0 0; font-size: 1.1em;}
.categorySummary p {margin: 0 0 1em 0;}

/* .bookAd */
div.bookAd div {background-color: #e8fde7; padding: 5px; border:1px solid #ace5a7; width:94%; margin: 0 0 1em 0; }
div.bookAd h3 {color: #008000; font-size: 1.2em; font-weight:bold; margin: 0 0 0.5em 0;}
div.bookAd p {font-size: 0.9em; line-height: 1.2em;}
div.bookAd ul {font-size: 0.9em; line-height: 1.2em;}
div.bookAd input.button {margin-top: 1em; width: 80%;}
#content div.bookAd div ul {margin-left: 1.5em;}
#content div.bookAd div ul li {margin: 0 0 0.5em 0;}

.wideFormat div.bookAd div {width: auto; background-color: #f8f8f8; border: 1px solid #e0e0e0; padding: 1em 1em 1em 1em;}
.wideFormat div.bookAd input.button {width: 45%;}
.wideFormat div.bookAd {border-bottom:1px dotted #303030; margin-bottom: 1em;}

#content .wideFormat div.bookAd ul li {float: left; width: 50%;}

/* .signUp */
div.signUp {position:relative; float: right; background-color: #e8fde7; padding: 5px; border:1px solid #ace5a7; width:220px; margin: 0 0 0 1em;}
div.signUp h3 {color: #008000; font-size: 1.2em; font-weight:bold; margin: 0 0 0.5em 0;}
div.signUp p {font-size: 0.9em; line-height: 1.2em; }
div.signUp ul {font-size: 0.9em; line-height: 1.2em; }
div.signUp input.button {margin-top: 1em; width: 80%;}
#content div.signUp ul {margin-left: 1.5em;}
#content div.signUp ul li {margin: 0 0 0.5em 0;}

/* .adminTasks */
div.adminTasks {background-color: #f8f8f8; border: 1px solid #e0e0e0; padding: 0.1em 1em 1em 1em; margin: 0 0 1em 0;}
div.adminTasks h2 {font-size : 1.3em; color : #353535; margin: 0 0 1em 0; }
div.adminTasks td {padding: 0.3em;}

/* #salesList */
#salesList tr {vertical-align: top;}
#salesList .pager table {margin-top: 10px; float: right;}
#salesList .pager span, #salesList .pager a {padding: 5px;}
#salesList .salesData {border-bottom:1px dotted #303030; padding: 0.5em 0 0.5em 0;}
#salesList .salesData .time {display:inline-block; width: 15%; color: #000000; }
#salesList .salesData .item {display:inline-block; width: 63%; color: #000000; }
#salesList .salesData .price {display:inline-block; width: 7%; text-align: right; color: #000000; }
#salesList .salesData .action {display:inline-block; width: 13%; text-align: right; color: #c0c0c0; }
#salesList .salesData .address {display: block; font-size: 0.9em;}

/* div.feedbackList */
div.feedbackList table {width: 100%; border-bottom: 1px solid #c0c0c0; margin-bottom: 1em;}
div.feedbackList td, div.feedbackList th {padding: 0.4em;}
div.feedbackList th {width: 35%; font-weight: bold;}
div.feedbackList tr {vertical-align: top;}

/* table.consultation */
table.consultation {margin: 0 0 0 1em;}
table.consultation tr {vertical-align: top;}
table.consultation th {padding: 0.2em 0.2em 0.2em 0.2em; text-align:right; color: #000000;}
table.consultation td {padding: 0.2em 0.2em 0.2em 0.2em;}

/* table.general */
table.general th {font-weight: bold; text-align:left; padding: 0.3em 0.3em 0.3em 0.3em;}
table.general td {text-align:left; padding: 0.3em 0.3em 0.3em 0.3em;}
table.general td.center {text-align:center;}
table.general td.right {text-align:right;}

/* .quote */
div.quote {background-color: #e8fde7; border:1px solid #ace5a7; padding: 0 1em 1em 1em; margin: 0 0 2em 0;}
div.quote h2 {padding-bottom: 0.5em;}
p.quoteText {font-weight: bold;}
p.quoteName {font-weight: normal; margin: 0 0 1em 0;}
img.openQuote, img.closeQuote {width: 22px; height: 16px;}

/* .displayBox */
div.displayBox {background-color: #e8fde7; border:1px solid #ace5a7; padding: 5px 0 5px 0;}
div.displayBox .displayBoxContent, div.displayBox .displayBoxContentLast {float: left; width: 172px; padding: 10px; min-height: 220px}
div.displayBox .displayBoxContent {border-right: 1px dotted #ace5a7}

/* #problemSolver */
#problemSolver {border:1px solid #c0c0c0; padding: 0 1em 1em 1em; }
#problemSolver td {padding: 0.3em;}
#problemSolver div.oops {padding: 1em 1em 1em 1em; margin: 1em 1em 0em 1em; background-color: #008000; color: #ffffff; font-weight: bold;}

/* .feedback */
div.feedback {border:1px solid #c0c0c0; padding: 0 1em 1em 1em; margin: 0 0 1em 0;}
div.feedback table td {padding: 0.3em;}

/* buyBook */
div.buyBook { margin: 2em 0 1em 2em; border: 1px solid #c0c0c0; padding: 1.5em; width: 80%;}
div.buyBook table {width: 100%; color: #000000;}
div.buyBook td {font-size: 0.9em;}
div.buyBook tr.productRow td {font-size: 1.2em; font-weight:bold; color: #008000;}

/* paymentTable */
table.paymentTable {margin: 0 0 0 1em;}
table.paymentTable th, table.paymentTable td {padding: 0.2em;}
table.paymentTable th {width: 100px;}
table.paymentTable td {color: #000000;}
table.paymentTable select {width: 305px; font-size: 1.0em; border:1px solid #c0c0c0; background-color: #e8fde7;}
table.paymentTable input.long {width: 300px; font-size: 1.0em; border:1px solid #c0c0c0; background-color: #e8fde7; }
table.paymentTable input.short {width: 150px; font-size: 1.0em; border:1px solid #c0c0c0; background-color: #e8fde7;}

/* oops */
div.oops {padding: 1em 1em 1em 1em; margin: 3em 0 1em 0; background-color: #008000; color: #ffffff; font-weight: bold;}
#manageProfile div.oops {margin: 0 0 1em 0;}
#requestConsultation div.oops {margin: 1em 0 0 0;}
.paymentTable div.oops {margin: 0.5em 0 0.5em 0;}

/* left & right */
.left {float:left;}
.right {float:right;}
.center {text-align: center;}
.clear {clear: both;}

p.smallcaps {font-variant: small-caps;}
p.indent {margin-left: 1em;}

img.left {margin: 0 1em 0 0;}
img.right {margin: 0 0 0 1em;}

#content img.floatLeft {float: left; margin: 0em 1em 1em 0em; border:2px solid #c0c0c0;}
#content img.floatLeftNoBorder {float: left; margin: 0em 1em 1em 0em;}

#content img.floatRight {float: right; margin: 0em 0em 1em 1em; border:2px solid #c0c0c0;}
#content img.floatRightNoBorder {float: right; margin: 0em 0em 1em 1em;}

#content ol.directory {margin: 0 0 0 2em;}
#content ol.directory li {margin: 0 0 1em 0;}
#content ol.directory li small {font-size: 0.9em; font-style:italic;}

#tagCloud {text-align: center; line-height: 2em; padding: 0.5em;}
#tagCloud a {padding: 0 1em 0 1em; white-space:nowrap;}
#tagCloud a.size0 {font-size: 1.0em;}
#tagCloud a.size1 {font-size: 1.3em;}
#tagCloud a.size2 {font-size: 1.4em;}
#tagCloud a.size3 {font-size: 1.6em;}
#tagCloud a.size4 {font-size: 1.8em;}
#tagCloud a.size5 {font-size: 2.0em;}
#tagCloud a.size6 {font-size: 2.2em;}
#tagCloud a.size7 {font-size: 2.2em;}
#tagCloud a.size8 {font-size: 2.2em;}
#tagCloud a.size9 {font-size: 2.2em;}
#tagCloud a.size10 {font-size: 2.2em;}

table.mentorStatus {margin-bottom: 2em;}
table.mentorStatus td, table.mentorStatus th {padding: 5px; border-bottom: 1px solid #c0c0c0;}
table.mentorStatus th {font-weight: bold; color: #000000;}
table.mentorStatus span.new {color: #ff610c;}

#chooseMentor {color: #000000;}
#chooseMentor input {margin-left: 1em;}
div.notAvailable {margin: 0 1em 2em 3.1em; font-size: 0.9em; line-height: 1.2em; color: #505050;}
img.mentor {position:relative; float: right; border:1px solid #ffa400; padding: 1px; margin: 0 0 10px 10px;}

/* Current Users */
.currentUsers {margin: 3em 0 0 0; background-color: #f8f8f8; border: 1px solid #e0e0e0; padding: 0.1em 1em 1em 1em; }
.currentUsers h2 {font-size : 1.3em; color : #353535; margin: 0 0 1em 0; }
.currentUsers div {padding: 0 0 1em 1em;}
.currentUsers a {margin-right: 1em;}

/* #footer */
#footer {position: relative; width: 900px; padding: 1em 0 1em 0; background-color: #deddd9; font-size: 0.8em;}
#footer ul {text-align:center;}
#footer li {display: inline; margin: 0 1em 0 1em;}
#footer a {color: #505050; text-decoration: none;}
#footer a:hover {color: #ff610c; text-decoration: underline;}
#footer .content {padding: 0.5em 1em 0.5em 1em;}
}