BODY {margin: 0;font-family: Tahoma, Arial, serif; font-size: 16px; background-color: #EFE8E7;}
A {color: #150165; text-decoration: none;}
A:HOVER {color: #4314FC; text-decoration : underline;}
.HorVisibleTab {width: 160px; height: 40px; background: url(stdtab.gif) no-repeat bottom; display: inline-block;border-style: none; margin: 0; font-size: 16px; text-align: center;}
.HorVisibleTab:hover {background: url(hovertab.gif) no-repeat bottom; }
.HorVisibleTab:focus {outline: none;}
.HorVisibleTab div {padding: 9px 1px;}
.HorVisibleTab a {color: black;}
.HorVisibleTab a:hover {text-decoration: none;}
.HorHideTab {display: inline;}
.HorSelectedTab {width: 160px; height: 40px; background: url(seltab.gif) no-repeat bottom; border-style: none;display: inline-block; margin: 0; font-size: 16px; text-align: center;}
.HorSelectedTab div {padding: 9px 1px;}
.HorSelectedTab a {color: black;}
.HorSelectedTab a:hover {text-decoration: none;}
.Container40x40 {width: 40px; height: 40px; display: inline-block;}
.MainFrameCenter {min-width: 400px; display: block; border: 6px double white;
-moz-border-image: url(borderimg.gif) 6 stretch stretch;
-webkit-border-image: url(borderimg.gif) 6 stretch stretch;
-o-border-image: url(borderimg.gif) 6 stretch stretch;
border-image: url(borderimg.gif) 6 stretch stretch;
background-color: #F8FBFE; margin: 6px;}
.MainFrameDiv {display: block; padding: 0 2px 0 0;}
.TabsCollectionDivDiv {display: block; width: 100%;}
.LogoImgDiv {width: 100px; height: 100px; background: url(logoimg.gif) no-repeat; border-style: none;display: inline-block; margin: 0; padding: 30px 10px 1px 110px;font-size: 30px; color: #404040;}
.LogoImgDiv:hover {background: url(logoimghvr.gif) no-repeat; color: black;}
.LoginContainerDiv {display: inline-block; float: right; margin: 0;}
.userform2 {display: inline;}
.userformspan {font-weight: normal; color: #404040; font-size: 12pt; padding: 0 0 2px 7px;}
.userformspanbold {font-weight: bold; color: black; font-size: 12pt;}
.categoryheader {width: 200px; padding: 0 0 2px 5px; margin: 0 0 5px 0; border: 2px solid black; background-color: #EFE8E7;
-moz-border-image: url(categoryheader.gif) 2 stretch stretch;
-webkit-border-image: url(categoryheader.gif) 2 stretch stretch;
-o-border-image: url(categoryheader.gif) 2 stretch stretch;
border-image: url(categoryheader.gif) 2 stretch stretch;
}
.categoryheader2 {width: 200px; padding: 0 0 2px 5px; margin: 0 0 5px 0; font-weight: bold; color: black; font-size: 12pt; border: 2px solid black; background-color: #F8FBFE;
-moz-border-image: url(contentcategoryheader.gif) 2 stretch stretch;
-webkit-border-image: url(contentcategoryheader.gif) 2 stretch stretch;
-o-border-image: url(contentcategoryheader.gif) 2 stretch stretch;
border-image: url(contentcategoryheader.gif) 2 stretch stretch;
}
.titlediv {padding: 4px 4px 0 0; display: block;}
.addnewdiv {padding: 4px 4px 0 0; display: inline-block;}
.buttonstd2 {width: 150px; height: 24px; background-color: #F2EDEC; display: inline-block;border: 1px solid #CBBEBC; margin: 1px; padding: 0;}
.buttonstd2:hover {background-color: #FCF8DC; }
.buttonstd2:focus {outline: none;}
.buttonstd3 {font-size: 14px; height: 18px; background-color: #EFE8E7; display: inline-block;border: 1px solid #CBBEBC; margin: 1px; padding: 2px;}
.buttonstd3:hover {background-color: #FCF8DC; }
.buttonstd3:focus {outline: none;}
.buttonstd3#nowopen {background-color: #F8FBFE; }
.buttonstd3 a {text-decoration: none; color: #202020;}
.buttonstd3:hover a {color: #000; }
.usernamefixeddiv {padding: 0 0 0 8px; margin: 0; font-size: 12pt; display: inline-block; width: 148px; overflow: hidden;}
.labelfixeddiv {padding: 0 0 0 7px; margin: 0 2px 0 0; display: inline-block; width: 60px; overflow: hidden; text-align: right; font-size: 12pt; color: #404040; vertical-align: text-top;}
.labelspan {padding: 0 7px 0 0; display: inline;}
.hrefspan { font-size: 11pt; vertical-align: middle; font-weight: normal; padding: 1px 6px;}
.shortinput { width: 165px;}
.ContentBlock400 { width: 400px; display: inline-block; vertical-align: top;}
.contentrow {width: 380px; display: inline-block; margin: 2px; padding: 6px;}
.contentrowtitle {font-size: 12pt; font-weight: normal; width: 280px; border-bottom: 2px dotted #BBBBBB;}
.contentrowautor {text-align: left; float: right; display: inline; width: 90px;font-size: 10pt; font-weight: normal; color: #707070;}
.contentrowautor:hover {color: black;}
.tooltipnoanim {display: inline-block; position: relative; text-indent: 0px; text-align: left;}
.tooltipnoanim > span {  position: absolute;  font-weight: normal; bottom: 100%; left: -20em; right: -20em;min-width: 80px; max-width: 200px;  max-height: 80vh;overflow: auto; visibility: hidden; margin: 0 auto .4em; padding: .3em; border: solid rgb(200,200,200); font-size: 90%; background: #EFE8E7; line-height: normal;cursor: auto;}
.tooltipnoanim > span p{ text-indent: 1em; margin: 1px;}
.tooltipnoanim.left > span {left: 0; right: -20em; margin: 0 0 .4em;}
.tooltipnoanim.right > span {left: -20em; right: 0; margin: 0 0 .4em auto;}
.tooltipnoanim:after {content: ""; position: absolute; top: -.4em; left: 50%; visibility: hidden;margin: 0 0 0 -.4em; border: .4em solid; border-color: rgb(200,200,200) transparent transparent transparent; cursor: auto;}
.tooltipnoanim.left:after {left: 1em;}
.tooltipnoanim.right:after {left: auto; right: .6em;}
.tooltipnoanim:before {content: ""; position: absolute; top: -.4em; left: 0; right: 0; height: .4em; visibility: hidden;}
.tooltipnoanim:hover > span,
.tooltipnoanim:hover:before,
.tooltipnoanim:hover:after,
.tooltipnoanim:focus > span,
.tooltipnoanim:focus:before,
.tooltipnoanim:focus:after {visibility: visible; transition: 0s .4s;}
.tooltipnoanim:focus {outline: none;}
.span60 {width: 60px; }
.toptextalignspan {vertical-align: top; position: relative; background-color: #F8FBFE; bottom: -5px;}
.toptextalignspan#hidden {background-color: #f0f0f0;}
.footerdiv {text-align: right; color: #707070; font-size: 10pt;}
.contentitemdiv{margin: 2px; padding: 6px; display: block;min-width: 280px; width: 100%; min-height: 60px; }
.contentitemdiv a {font-weight: bold;}
.contentitemdiv#hidden {background-color: #f0f0f0;}
.contentitemdiv#hidden a {font-weight: normal;}
.contentitemdiv#category {background-color: #FBF5F0;}
.contentitemdiv#category a {color: #365B34;}
.contentitem200div{margin: 2px; padding: 6px; display: block;min-width: 280px; width: 100%; min-height: 200px; }
.contentitem200div a {font-weight: bold;}
.contentitem200div#hidden {background-color: #f0f0f0;}
.contentitem200div#hidden a {font-weight: normal;}
.contentitem200div#category a {color: #365B34;}
.contentitemautor {text-align: right; float: right; display: inline; width: 125px;font-size: 10pt; font-weight: normal; color: #707070;}
.contentitemautor:hover {color: black;}
.contentitemimage {float: left; display: inline; padding: 1px 10px 1px 1px;}
.contentitemdiv2{margin: 2px; padding: 6px; display: block;min-width: 280px; width: 100%; min-height: 200px; }
.contentitemdiv2 a {font-weight: bold;}
.contentitemdiv2#hidden {background-color: #f0f0f0;}
.contentitemdiv2#hidden a {font-weight: normal;}
.contentitemdescription {color: #606060; padding: 2px 2px 2px 4px; font-weight:normal; overflow: auto; max-height: 98px; }
.contentitemdescription#nopadding {padding: 2px;}
.contentitemdescription#padding2 {padding: 2px 2px 2px 10px;}
.contentitemdescription p {text-indent: 1em; margin: 1px;}
.contentitemdescription a {font-weight: normal;}
.contentitemdescription2 {color: #606060; padding: 2px 2px 2px 10px; font-weight:normal; overflow: auto; max-height: 98px; }
.contentitemdescription2#nopadding {padding: 2px;}
.contentitemdescription2 p {text-indent: 1em; margin: 1px;}
.contentitemdescription2 a {font-weight: normal;}
.contentitemdescription3 {color: #606060; padding: 2px; font-weight:normal; overflow: auto; max-height: 98px; }
.contentitemdescription3 p {text-indent: 1em; margin: 1px;}
.contentitemdescription3 a {font-weight: normal;}
.contentitemdescription4 {color: #606060; font-size: 10pt; padding: 0 0 0 18px;font-weight:normal; overflow: auto; max-height: 98px;}
.contentitemtitle {font-size: 12pt; font-weight: normal; width: 80%; border-bottom: 2px dotted #BBBBBB; margin: 0 0 0 50px;}
.contentitemtitle2 {font-size: 12pt; font-weight: normal;  border-bottom: 2px dotted #BBBBBB; margin: 0 2px 0 220px;}
.scrollerdiv {color: #505050; padding: 2px; margin: 10px; font-weight:normal;}
.scrollerdiv#topborder {border-top: 1px solid gray;}
.scrollerdiv#bottomborder {border-bottom: 1px solid gray;}
@media (min-width: 300px){ 
.column2div{padding: 0 6px 0 0; display: inline-block; min-width: 296px; width: 98%;}
}
@media (min-width: 800px){
.column2div{padding: 0 2.8% 0 0; display: inline-block; min-width: 296px; width: 47%; vertical-align: top;}
} 
.column2div#nopadding {padding: 0;}
@media (min-width: 480px){ 
.column2Adiv{padding: 0 6px 0 0; display: inline-block; min-width: 410px; width: 98%;}
}
@media (min-width: 920px){ 
.column2Adiv{padding: 0 2.8% 0 0; display: inline-block;min-width: 410px; width: 47%; vertical-align: top;}
} 
.tableclass {width: 70%;}
.tableclass th {background-color: #EFE8E7;}
.tableusername {width: 45%;}
.tableusername a {text-decoration:none; font-weight: bold;}
.tableitem20 {width: 20%;}
.tableitem15 {width: 15%;}
.tableitem10 {width: 10%;}
.smallreadclass {padding: 2px 2px 2px 4px; font-weight:normal; overflow: auto; max-height: 200px; }
.smallreadclass p {text-indent: 1em; margin: 1px;}
.smallreadclass a {font-weight: normal;}
.fullreadclass {padding: 2px 2px 2px 4px; min-height: 300px;font-weight:normal; overflow: auto; max-width: 1000px; }
.fullreadclass p {text-indent: 1em; margin: 1px;}
.fullreadclass a {font-weight: normal;}
.imageshowclass {padding: 2px 2px 2px 10px; }
.commentcontainer {margin: 2px 2px 2px 8px; border: 1px solid #e0e0e0; padding: 2px;}
.commentcontainer#low {margin: 2px 2px 2px 40px;}
.commentautor {display:block; background:#F8FBFE; text-align: center; width: 200px; padding: 2px; border-bottom: 1px solid #c0c0c0;}
.commentautor a {text-decoration:none; font-weight: bold;}
.commenttext {display:block;}
.main_href_block {color: black; padding: 2px 2px 20px 10px;}
.href_block {color: black; padding: 2px 2px 5px 10px; margin-left: 8px; width: 800px;}
.bookcontentclass {padding: 2px; margin: 2px 10px; border-bottom: 1px solid gray;}
.bookcontentclass h5 {margin: 1px;}
.buttonstd4 {font-size: 14px; height: 18px; background-color: #F0F3F7; display: inline-block;border: 1px solid #CBBEBC; margin: 1px; padding: 2px;}
.buttonstd4:hover {background-color: #FCF8DC; }
.buttonstd4:focus {outline: none;}
.buttonstd4#nowopen {background-color: #F8FBFE; }
.buttonstd4 a {text-decoration: none; color: #404040; }
.buttonstd4#nowopen a {font-weight: bold;}
.buttonstd4:hover a {color: #000; }
.imageprepareblock {display:inline; visibility: hidden;}
.bbboldspan {font-weight: bold;}
.bbitalicspan {font-style: italic;}
.bbunderlinespan {text-decoration: underline;}
.bbstrikeoutspan {text-decoration: line-through;}
.hiddenitem {display:none;}
.contenttypedivclass {padding: 0 0 2px 0; margin: 0 0 10px 0; border-bottom: 1px solid gray;}
.contenttypelabelclass {margin: 0 10px 0 0; font-size: 18px;}
.errordiv {padding: 20px;}