.body
{
   font-family: Verdana,sans-serif;
   font-size: 14px;
   background-image: url(page_bg.gif);
   background-color: #FFFFFF;
   color: #000000;
   background-attachment: fixed;
   margin: 10px;
   border: none;
}

 /* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 

.contain2
{
  min-height: 205px;
}

hr
{
  border-top: 1px solid blue;
}

img
{
  max-width: 50%;
  object-fit: contain;
}

img.poll
{
  max-width: 100%;
  object-fit: fill;
}

img.icon
{
  width: 24px;
  object-fit: none;
}

img.spc
{
   color: #000000;
}

img.quote
{
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 150px;
}



th
{
   font-family: Arial,sans-serif;
   font-size: 12px;
   font-weight: bold;
   background-image: url(th.gif);
   color: #000000;
   border: 1px solid #ffffff;
   border-bottom: 1px inset #000000;
   border-right: none;
   padding: 3px;
   padding-right: 5px;
   padding-left: 5px;
}


th.collapse
{
   font-family: Arial,sans-serif;
   font-size: 12px;
   font-weight: bold;
   background-image: url(th.gif);
   color: #000000;
   border: 1px solid #ffffff;
   border-bottom: 1px inset #000000;
   border-right: none;
   border-top: none;
   padding: 3px;
   padding-right: 5px;
   padding-left: 5px;
}


th.rt
{
   font-family: Arial,sans-serif;
   font-size: 12px;
   font-weight: bold;
   background-image: url(th.gif);
   color: #000000;
   border: 1px solid #ffffff;
   border-bottom: 1px inset #000000;
}


th.rnb
{
   font-family: Arial,sans-serif;
   font-size: 12px;
   font-weight: bold;
   background-image: url(th.gif);
   color: #000000;
   border: 1px solid #ffffff;
   border-bottom: 1px inset #000000;
   border-right: none;
   border-left: none;
   padding: 3px;
   padding-right: 5px;
   padding-left: 5px;
}


th.lean
{
   font-family: Arial,sans-serif;
   font-size: 12px;
   font-weight: bold;
   background-image: url(th.gif);
   color: #000000;
   border: 1px solid #ffffff;
   border-bottom: 1px inset #000000;
   border-right: none;
   padding: 0px;
}


td.clean6
{
   border: none;
   padding: 0px;
   overflow: hidden;
}


td
{
   font-family: Verdana,sans-serif;
   font-size: 14px;
   color: #000000;
   border: 1px solid #ffffff;
}


td.up
{
   background-image: url(upbg.gif);
   border: 1px solid #ffffff;
   border-bottom: none;
   border-left: none;
}


td.dn
{
   background-image: url(dnbg.gif);
   border: 1px solid #ffffff;
   border-bottom: none;
   border-left: none;
}


td.dn2
{
   background-image: url(dnbg.gif);
   border: 1px solid #ffffff;
   border-bottom: none;
   border-left: none;
}


td.inside
{
   background-color: #A6CCBB;
   border: none;
}


td.clean
{
   border: none;
   padding: 0px;
}


td.clean1
{
   background-color: #FFFFFF;
   border: none;
   padding: 0px;
   padding-left: 10px;
   padding-right: 10px;
}


a.clean2
{
   background-image: url(buttonmid.gif);
   border: none;
   padding: 0px;
}


td.clean2
{
   background-image: url(buttonmid.gif);
   border: none;
   padding: 0px;
}


td.clean3
{
   background-image: url(stabm.gif);
   border: none;
   padding: 0px;
}


td.clean4
{
   border: none;
   border-bottom: 2px solid #000000;
   padding: 0px;
   padding-bottom: 3px;
}


td.clean5
{
   border: none;
   width: 100%;
   padding: 0px;
   white-space: nowrap;
}


td.bg
{
   font-family: Arial,sans-serif;
   font-size: 12px;
   font-weight: bold;
   background-image: url(mainbg.gif);
   color: #FFFFFF;
   border: 1px solid #ffffff;
   padding: 6px;
}


td.bgnr
{
   font-family: Arial,sans-serif;
   font-size: 12px;
   font-weight: bold;
   background-image: url(mainbg.gif);
   background-repeat: repeat-x;
   color: #FFFFFF;
   background-size: 80px;
   border: 1px solid #ffffff;
}


td.bg1
{
   font-family: Arial,sans-serif;
   font-size: 12px;
   font-weight: bold;
   background-image: url(mainbg.gif);
   color: #FFFFFF;
   border: none;
   margin: none;
   padding: 6px;
}


td.bg2
{
   font-family: Arial,sans-serif;
   font-size: 12px;
   font-weight: bold;
   background-image: url(mainbg.gif);
   color: #FFFFFF;
   border: 1px solid #ffffff;
   border-bottom: none;
   padding: 5px;
}


td.bg2b
{
   font-family: Arial,sans-serif;
   font-size: 12px;
   font-weight: bold;
   background-image: url(mainbg.gif);
   color: #FFFFFF;
   border: 1px solid #ffffff;
   border-bottom: none;
   border-right: none;
   padding: 5px;
}


td.bg3
{
   font-family: Arial,sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   background-image: url(mainbg.gif);
   color: #FFFFFF;
   border: 1px solid #ffffff;
   border-bottom: none;
   padding: 5px;
}

td.bg3st
{

   position: fixed;
   top: 35;
   width: 100%;
   font-family: Arial,sans-serif;
   font-size: 20px;
   font-weight: bold;
   text-align: center;
   background-image: url(mainbg.gif);
   color: #00FF00;
   border: 1px solid #ffffff;
   border-bottom: none;
   padding: 5px;
}



td.bg4
{
   font-family: Arial,sans-serif;
   font-size: 12px;
   font-weight: bold;
   background-image: url(mainbg.gif);
   color: #FFFFFF;
   border: 1px solid #ffffff;
   border-bottom: none;
   border-right: none;
   padding: 5px;
}


td.bg5
{
   font-family: Arial,sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: right;
   background-image: url(mainbg.gif);
   color: #FFFFFF;
   border: 1px solid #ffffff;
   border-bottom: none;
   border-left: none;
   padding: 5px;
}


td.on
{
   font-weight: bold;
   background-color: #B7D6F9;
   color: #003070;
   cursor: pointer;
   white-space: nowrap;
   border: 1px solid #000000;
   padding: 3px;
}


td.off
{
   font-weight: bold;
   background-color: #E7EBF7;
   color: #003070;
   white-space: nowrap;
   border: 1px solid #ffffff;
   padding: 3px;
}


td.lite
{
   background-color: #E7EBF7;
   border: 1px solid #ffffff;
   padding: 3px;
}


td.litel
{
   background-color: #E7EBF7;
   border-left: 1px solid #ffffff;
   border-right: none;
   border-top: 1px solid #ffffff;
   border-bottom: none;
   padding: 3px;
}


td.litem
{
   background-color: #E7EBF7;
   border-left: none;
   border-right: none;
   border-top: 1px solid #ffffff;
   border-bottom: none;
   padding: 3px;
}


td.liter
{
   background-color: #E7EBF7;
   border-left: none;
   border-right: 1px solid #ffffff;
   border-top: 1px solid #ffffff;
   border-bottom: none;
   padding: 3px;
}


td.liter2
{
   background-color: #E7EBF7;
   border-left: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   border-top: 1px solid #ffffff;
   border-bottom: none;
   padding: 3px;
}


td.med
{
   background-color: #DEE7F0;
   border: 1px solid #ffffff;
   padding: 3px;
}


td.medl
{
   background-color: #DEE7F0;
   border-left: 1px solid #ffffff;
   border-right: none;
   border-top: 1px solid #ffffff;
   border-bottom: none;
   padding: 3px;
}


td.medm
{
   background-color: #DEE7F0;
   border-left: none;
   border-right: none;
   border-top: 1px solid #ffffff;
   border-bottom: none;
   padding: 3px;
}


td.medr
{
   text-align: right;
   background-color: #DEE7F0;
   border: none;
   border-right: 1px solid #ffffff;
   border-top: 1px solid #ffffff;
   padding: 3px;
}


td.medr2
{
   background-color: #DEE7F0;
   border-left: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   border-top: 1px solid #ffffff;
   border-bottom: none;
   padding: 3px;
}


td.medtall
{
   background-image: url(head.gif);
   background-color: #DEE7F0;
   vertical-align: middle;
   border: 0px solid #ffffff;
   height: 80px;
   border-bottom: 0px inset #000000;
   padding: 3px;
}


td.pitopicrow1
{
   background-image: url(topic_you.gif);
   background-repeat: no-repeat;
   background-color: #E7EBF7;
   background-position: right;
   border: 1px solid #ffffff;
}


td.pitopicrow2
{
   background-image: url(topic_you.gif);
   background-repeat: no-repeat;
   background-color: #DEE7F0;
   background-position: right;
   border: 1px solid #ffffff;
}


td.pitopicrow3
{
   background-image: url(topic_you.gif);
   background-repeat: no-repeat;
   background-color: #D6DAE6;
   background-position: right;
   border: 1px solid #ffffff;
}


td.pitopicrow4
{
   background-image: url(topic_you.gif);
   background-repeat: no-repeat;
   background-color: #CDD6E0;
   background-position: right;
   border: 1px solid #ffffff;
}


td.topicrow1
{
   background-color: #E7EBF7;
   border: 1px solid #ffffff;
}


td.topicrow2
{
   background-color: #DEE7F0;
   border: 1px solid #ffffff;
}


td.topicrow3
{
   background-color: #D6DAE6;
   border: 1px solid #ffffff;
}


td.topicrow4
{
   background-color: #CDD6E0;
   border: 1px solid #ffffff;
}

td.topicrow5
{
   background-color: #ffb3b3;
   border: 1px solid #ffffff;
}


td.topl
{
   background-image: url(mainbg.gif);
   color: #FFFFFF;
   border-left: 1px solid #ffffff;
   border-right: none;
   border-top: 1px solid #ffffff;
   border-bottom: none;
   padding: 3px;
}


td.topm
{
   background-image: url(mainbg.gif);
   color: #FFFFFF;
   border: none;
   border-top: 1px solid #ffffff;
   border-bottom: none;
   padding: 3px;
}


td.topr
{
   background-image: url(mainbg.gif);
   color: #FFFFFF;
   border-left: none;
   border-right: 1px solid #ffffff;
   border-top: 1px solid #ffffff;
   border-bottom: none;
   padding: 3px;
}


.botrow
{
   background-image: url(mainbg.gif);
   color: #FFFFFF;
   border-left: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   border-top: none;
   border-bottom: 1px solid #ffffff;
   padding: 3px;
}


.online
{
   font-weight: bold;
   color: #009900;
}


.offline
{
   font-weight: bold;
   color: #ACACAC;
}


td.postrow1
{
   background-color: #DEE7F0;
   border: none;
   border-left: 1px solid #ffffff;
   padding: 8px;
}


td.postrow2
{
   background-color: #CDD6E0;
   border: none;
   border-left: 1px solid #ffffff;
   padding: 8px;
}


td.poll
{
   background-color: #DEE7F0;
   border: 1px solid #ffffff;
   border-bottom: none;
}


td.buttonrow
{
   background-color: #DEE7F0;
   border-left: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   border-top: none;
   border-bottom: 1px solid #ffffff;
   padding: 3px;
}


td.selectedrow
{
   background-color: #CDD6E0;
   border-left: none;
   border-right: none;
   border-top: 1px solid #ffffff;
   border-bottom: none;
}


td.userinfo
{
   font-size: 10px;
   border: none;
   width: 120px;
}


td.code
{
   font-family: Courier New,monospace;
   background-color: #F8F8F8;
   color: #006600;
   border: 1px solid #C0C0C0;
   padding: 8px;
}


.popup
{
   background-color: #CDD6E0;
   position: absolute;
   padding: 8px;
   width: 180px;
   border: inset 2px  #ffffff;
   display: none;
   z-index: 100;
   filter: progid:DXImageTransform.Microsoft.Fade(duration=0.25,overlap=0.25) progid:DXImageTransform.Microsoft.Shadow(color=#808080, direction=135, strength=4);
}


.popup2
{
   background-color: #CDD6E0;
   position: absolute;
   padding: 8px;
   width: 180px;
   border: inset 2px  #ffffff;
   display: none;
   z-index: 100;
   filter: progid:DXImageTransform.Microsoft.Fade(duration=0.25,overlap=0.25) progid:DXImageTransform.Microsoft.Shadow(color=#808080, direction=135, strength=4);
}


.popup3
{
   background-color: #E7EBF7;
   position: absolute;
   border: 1px solid #000000;
   padding: 6px;
   font: normal 12px Verdana;
   z-index: 100;
   width: 220px;
}


.popup4
{
   text-align: left;
   background-color: #E7EBF7;
   position: absolute;
   border: 1px solid #000000;
   padding: 6px;
   font: normal 12px Verdana;
   z-index: 100;
   width: 120px;
}


.popup5
{
   text-align: left;
   background-color: #E7EBF7;
   position: absolute;
   visibility: hidden;
   border: 1px solid #000000;
   padding: 2px;
   font: normal 12px Verdana;
   line-height: 18px;
   z-index: 100;
   width: 150px;
}


.menuitem
{
   font-size: 10px;
   width: 180px;
   height: 16px;
   padding: 2px;
   display: block;
}


.menuitemdisabled
{
   font-size: 10px;
   width: 180px;
   height: 16px;
   padding: 2px;
   display: block;
}


.menuseparator
{
   font-size: 1px;
   width: 180px;
   height: 1px;
}


.currentlocation
{
   font-family: Verdana,sans-serif;
   font-size: 11px;
   color: #9900B0;
}


.statusmessage
{
   font-family: Verdana,sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   color: #9900B0;
}


.statusline
{
   font-family: Verdana,sans-serif;
   font-size: 10px;
   text-align: center;
   color: #707070;
}


.titlebar
{
   font-family: Arial,sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
}


.toolbarbutton
{
   background-image: url(toolbar_bg.gif);
   width: 23px;
   height: 23px;
   border: none;
}


.toolbarseparator
{
   background-image: url(toolbar_bg.gif);
   width: 6px;
   height: 23px;
   border: none;
}




.texteditorenhanced
{
   font-size: 12px;
   background-color: #FF0000;
   height: 300px;
   width: 576px;
   padding: 8px;
   border: 1px inset #A0A0A0;
   overflow: scroll;
}


q
{
   background-color: #99ffff;
   float: left;
   width: 25%;
   height: 200px;
   overflow: scroll;
   border: 1px solid #C0C0C0;
   padding: 8px;
   padding-left: 16px;
   margin-right: 16px;
}


.textbox
{
   border: 1px inset #808080;
}


.emot
{
   font-weight: bold;
   text-align: center;
   padding: 6px;
   border: none;
}


.pmtoolbar
{
   text-align: right;
   background-color: #CCD5D7;
   width: 100%;
}


.publiceventtime
{
   font-size: 10px;
   background-color: #84BCE6;
   padding: 2px;
}


.publicevent
{
   background-color: #97C7EA;
   padding: 2px;
}


.privateeventtime
{
   font-size: 10px;
   background-color: #9AEB78;
   padding: 2px;
}


.privateevent
{
   background-color: #ADEF92;
   padding: 2px;
}


a
{
   text-decoration: none;
}


a:link
{
   font-weight: bold;
   color: #0060B0;
}


a:visited
{
   font-weight: bold;
   color: #003070;
}


a:hover
{
   text-decoration: underline;
}


a.nummessages:link
{
}


a.nummessages:visited
{
}


a.currentlocation:link
{
   color: #9900B0;
}


a.currentlocation:visited
{
   color: #9900B0;
}


a.category:link
{
   font-family: Arial,sans-serif;
   font-size: 14px;
   color: #FFFFFF;
}


a.category:visited
{
   font-family: Arial,sans-serif;
   font-size: 14px;
   color: #FFFFFF;
}


a.forum:link
{
   font-family: Verdana,sans-serif;
   font-size: 12px;
}


a.forum:visited
{
   font-family: Verdana,sans-serif;
   font-size: 12px;
}


a.navbutton:link
{
   font-family: Tahoma,sans-serif;
   font-size: 10px;
   color: #0060B0;
}


a.navbutton:visited
{
   font-family: Tahoma,sans-serif;
   font-size: 10px;
   color: #0060B0;
}


a.navbuttonr:link
{
   font-family: Tahoma,sans-serif;
   font-size: 10px;
   color: #0060B0;
   float: right;
}


a.navbuttonr:visited
{
   font-family: Tahoma,sans-serif;
   font-size: 10px;
   color: #0060B0;
   float: right;
}


a.userlocation:link
{
   font-size: 10px;
}


a.userlocation:visited
{
   font-size: 10px;
}


a.username:link
{
   color: #006600;
}


a.username:visited
{
   color: #006600;
}


a.userselected:link
{
   background-color: #000080;
   color: #FFFFFF;
}


a.userselected:visited
{
   background-color: #000080;
   color: #FFFFFF;
}


a.userselected:hover
{
   text-decoration: none;
}


a.typo:visited
{
   color: #800000;
}


a.foldernormal
{
   font-family: Verdana,sans-serif;
   font-size: 11px;
}


a.folderselected:link
{
   background-color: #CDD6E0;
   color: #000000;
}


a.folderselected:visited
{
   background-color: #CDD6E0;
   color: #000000;
}


a.folderselected:hover
{
   text-decoration: none;
}


a.menuitem:hover
{
   text-decoration: none;
   background-color: #E7EBF7;
   color: #000000;
}


a.menuitemdisabled
{
   color: #808080;
}


a.menuitemdisabled:visited
{
   color: #808080;
}


a.menuitemdisabled:hover
{
   text-decoration: none;
   color: #808080;
}


.fieldname
{
   width: 40%;
   vertical-align: top;
}


td.mdmenul
{
   font-family: Arial,sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-align: center;
   background-image: url(th.gif);
   color: #000000;
   border: 1px solid #ffffff;
   border-right: none;
   border-bottom: none;
   padding: 3px;
}


td.mdmenum
{
   font-family: Arial,sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-align: center;
   background-image: url(th.gif);
   color: #000000;
   border: 1px solid #ffffff;
   border-left: none;
   border-right: none;
   border-bottom: none;
   padding: 3px;
}


td.mdmenur
{
   font-family: Arial,sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-align: center;
   background-image: url(th.gif);
   color: #000000;
   border: 1px solid #ffffff;
   border-left: none;
   border-bottom: none;
   padding: 3px;
}


a.white:link
{
   color: #FFFFFF;
}


a.white:visited
{
   color: #FFFFFF;
}


a.white:hover
{
   text-decoration: underline;
}


.dropdown
{
   color: #FF0000;
   position: absolute;
   right: 20px;
   width: 142px;
   border: 1px solid #000;
   padding: 3px;
   background: #dee7f0;
   z-index: 200;
}


.gallery_menubtn {
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	background-color:#bddbfa;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:4px 6px;
	margin: 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}

/* The container <div> - needed to position the dropdown content */
.gallery_menu {
  position: relative;
  display: inline-block;
}

/* The container <div> - needed to position the dropdown content */
.gallery_menu2 {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.gallery_menu-content {
  display: none;
  position: absolute;
  background-color: #dae5fc;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  max-height:400px;
  overflow:scroll; 
  z-index: 11;
}

/* Dropdown Content (Hidden by Default) */
.gallery_menu2-content {
  display: none;
  position: absolute;
  bottom: -25px;
  margin: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(218, 229, 252, 0.4);

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  max-height:400px;
  overflow: hidden;  
  z-index: 11;
}

/* Links inside the dropdown */
.gallery_menu-content a {
  color: blue;
  padding: 4px 8px;
  text-decoration: none;
  display: block;
}

/* Links inside the dropdown */
.gallery_menu2-content a {
  color: blue;
  padding: 4px 8px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.gallery_menu-content a:hover {
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	background-color:#bddbfa;
	border-radius:6px;
	border:1px solid #84bbf3;
        margin: 2px;
}

/* Change color of dropdown links on hover */
.gallery_menu2-content a:hover {
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	background-color:#bddbfa;
	border-radius:6px;
	border:1px solid #84bbf3;
        margin: 2px;
}

/* Show the dropdown menu on hover */
.gallery_menu:hover .gallery_menu-content {
  display: block;
}

/* Show the dropdown menu on hover */
.gallery_menu2:hover .gallery_menu2-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.gallery_menu:hover .gallery_menubtn {
  background-color: #3e8e41;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.gallery_menu2:hover .gallery_menubtn {
  background-color: #3e8e41;
}

.iecell
{
   background-color: #000000;
   padding: 1px;
   padding-right: 12px;
   padding-left: 12px;
}


.ava
{
   color: #0060B0;
}


content
{
   display: block;
}


.tab1
{
   background-color: #272727;
   white-space: nowrap;
   height: 18px;
   border: 2px solid #3399ff;
   border-radius: 6px;
   padding-left: 6px;
   padding-right: 6px;
}


.navbuttonmq
{
   font-family: Tahoma,sans-serif;
   font-size: 12px;
   background-color: #FFFFFF;
   color: #000000;
   white-space: nowrap;
   height: 18px;
   border: none;
   padding-left: 6px;
   padding-right: 6px;
}


.navbuttonmq:hover
{
   text-decoration: underline;
}


.top
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   bottom: 35;
   right: 10;
   width: 70px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.top:hover
{
   text-align: center;
   background-color: #FFFFFF;
   position: fixed;
   bottom: 35;
   right: 10;
   width: 70px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.top:active
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   bottom: 35;
   right: 10;
   width: 70px;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-bottom: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   padding: 3px;
   z-index: 10;
}


.end
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   bottom: 10;
   right: 10;
   width: 70px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.end:hover
{
   text-align: center;
   background-color: #FFFFFF;
   position: fixed;
   bottom: 10;
   right: 10;
   width: 70px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.end:active
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   bottom: 10;
   right: 10;
   width: 70px;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-bottom: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   padding: 3px;
   z-index: 10;
}


.rtbutton
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   bottom: 10;
   left: 10;
   width: 60px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.rtbutton:hover
{
   text-align: center;
   background-color: #FFFFFF;
   position: fixed;
   bottom: 10;
   left: 10;
   width: 60px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.rtbutton:active
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   bottom: 10;
   left: 10;
   width: 60px;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-bottom: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   padding: 3px;
   z-index: 10;
}


.home
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   bottom: 50;
   left: 10;
   width: 60px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.home:hover
{
   text-align: center;
   background-color: #FFFFFF;
   position: fixed;
   bottom: 50;
   left: 10;
   width: 60px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.home:active
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   bottom: 50;
   left: 10;
   width: 60px;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-bottom: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   padding: 3px;
   z-index: 10;
}


.reply
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   bottom: 60;
   right: 10;
   width: 70px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.reply:hover
{
   text-align: center;
   background-color: #FFFFFF;
   position: fixed;
   bottom: 60;
   right: 10;
   width: 70px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.reply:active
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   bottom: 60;
   right: 10;
   width: 70px;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-bottom: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   padding: 3px;
   z-index: 10;
}


unread
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   bottom: 85;
   right: 10;
   width: 70px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


unread:hover
{
   text-align: center;
   background-color: #FFFFFF;
   position: fixed;
   bottom: 85;
   right: 10;
   width: 70px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


unread:active
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   bottom: 85;
   right: 10;
   width: 70px;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-bottom: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   padding: 3px;
   z-index: 10;
}


.bar
{
   background-image: url(mainbg.gif);
   background-repeat: repeat-x;
   position: fixed;
   top: 0;
   height: 36px;
   width: 98.5%;
   border: 0;
   padding: 0;
   z-index: 10;
}


.top
{
   position: fixed;
   top: 5;
   left: 100;
}

.end
{
   position: fixed;
   top: 5;
   left: 150;
}

.home
{
   position: fixed;
   top: 5;
   left: 0;
}

.rtbutton
{
   position: fixed;
   top: 5;
   left: 50;
}

.spl
{
   position: fixed;
   top: 5;
   right: 50;
}

.topnav
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   left: 225;
   width: 100px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.topnav:hover
{
   text-align: center;
   background-color: #FFFFFF;
   position: fixed;
   top: 5;
   left: 225;
   width: 100px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.topnav:active
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   left: 225;
   width: 100px;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-bottom: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   padding: 3px;
   z-index: 10;
}


.endnav
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   left: 340;
   width: 100px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.endnav:hover
{
   text-align: center;
   background-color: #FFFFFF;
   position: fixed;
   top: 5;
   left: 340;
   width: 100px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.endnav:active
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   left: 340;
   width: 100px;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-bottom: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   padding: 3px;
   z-index: 10;
}


.unread
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   left: 395;
   width: 100px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.unread:hover
{
   text-align: center;
   background-color: #FFFFFF;
   position: fixed;
   top: 5;
   left: 395;
   width: 100px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.unread:active
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   left: 395;
   width: 100px;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-bottom: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   padding: 3px;
   z-index: 10;
}

.amessages
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   left: 725;
   width: 100px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.amessages:hover
{
   text-align: center;
   background-color: #FFFFFF;
   position: fixed;
   top: 5;
   left: 725;
   width: 100px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}

.last_posts
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   left: 590;
   width: 120px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.last_posts:hover
{
   text-align: center;
   background-color: #FFFFFF;
   position: fixed;
   top: 5;
   left: 590;
   width: 120px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}

.unread_posts
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   left: 455;
   width: 120px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.unread_posts:hover
{
   text-align: center;
   background-color: #FFFFFF;
   position: fixed;
   top: 5;
   left: 455;
   width: 120px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.rtbuttonnav
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   left: 90;
   width: 120px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.rtbuttonnav:hover
{
   text-align: center;
   background-color: #FFFFFF;
   position: fixed;
   top: 5;
   left: 90;
   width: 120px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.rtbuttonnav:active
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   left: 90;
   width: 120px;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-bottom: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   padding: 3px;
   z-index: 10;
}


.homenav
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   left: 15;
   width: 60px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.homenav:hover
{
   text-align: center;
   background-color: #FFFFFF;
   position: fixed;
   top: 5;
   left: 15;
   width: 60px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.homenav:active
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   left: 15;
   width: 60px;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-bottom: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   padding: 3px;
   z-index: 10;
}


.replynav
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   right: 100;
   width: 70px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.replynav:hover
{
   text-align: center;
   background-color: #FFFFFF;
   position: fixed;
   top: 5;
   right: 100;
   width: 70px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.replynav:active
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   right: 100;
   width: 70px;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-bottom: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   padding: 3px;
   z-index: 10;
}


unreadnav
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   right: 185;
   width: 70px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


unreadnav:hover
{
   text-align: center;
   background-color: #FFFFFF;
   position: fixed;
   top: 5;
   right: 185;
   width: 70px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


unreadnav:active
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   right: 185;
   width: 70px;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-bottom: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   padding: 3px;
   z-index: 10;
}

unread_comment
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   right: 100;
   width: 70px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


unread_comment:hover
{
   text-align: center;
   background-color: #FFFFFF;
   position: fixed;
   top: 5;
   right: 100;
   width: 70px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


unread_comment:active
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   right: 100;
   width: 70px;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-bottom: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   padding: 3px;
   z-index: 10;
}

.splash
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   right: 15;
   width: 70px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.splash:hover
{
   text-align: center;
   background-color: #FFFFFF;
   position: fixed;
   top: 5;
   right: 15;
   width: 70px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.splash:active
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   right: 15;
   width: 70px;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-bottom: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   padding: 3px;
   z-index: 10;
}

.back_to_post
{
   text-align: center;
   font-weight: bold;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   right: 100;
   width: 100px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.back_to_post:hover
{
   text-align: center;
   font-weight: bold;
   background-color: #FFFFFF;
   position: fixed;
   top: 5;
   right: 100;
   width: 100px;
   border-top: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   padding: 3px;
   z-index: 10;
}


.back_to_post:active
{
   text-align: center;
   font-weight: bold;
   background-color: #DEE7F0;
   position: fixed;
   top: 5;
   right: 100;
   width: 100px;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-bottom: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   padding: 3px;
   z-index: 10;
}


.convwith
{
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   color: white;
   position: fixed;
   top: 5;
   left: 400px;
   z-index: 10;
}


.convdelbut
{
   text-align: center;
   position: fixed;
   bottom: 5;
   left: 2vw;
   width: 90px;
   padding: 3px;
   z-index: 10;
}


.convdelbut:hover
{
   text-align: center;
   background-color: #FFFFFF;
   position: fixed;
   bottom: 5;
   left: 2vw;
   width: 90px;
   padding: 3px;
   z-index: 10;
}


.convdelbut:active
{
   text-align: center;
   background-color: #DEE7F0;
   position: fixed;
   bottom: 5;
   left: 2vw;
   width: 90px;
   padding: 3px;
   z-index: 10;
}


.sbpost
{
   font-family: Arial,sans-serif;
   font-size: 14px;
   font-weight: bold;
   background-color: #000066;
   height: 30px;
   padding: 5px;
}


.sbpost_left
{
   font-family: Arial,sans-serif;
   font-size: 14px;
   float: left;
   width: 60%;
   background: #e7ebf7;
   border: .1em solid #000000;
   border-radius: 8px;
   padding: 10px;
   margin: 10px;
   overflow-x: auto;
   -webkit-scrollbar width: 0 !important;
   -ms-overflow-style: none;
}


.sbpost_right
{
   font-family: Arial,sans-serif;
   font-size: 14px;
   float: right;
   width: 60%;
   background: #B7EFFD;
   border: .1em solid #000000;
   border-radius: 8px;
   padding: 10px;
   margin: 10px;
   overflow-x: auto;
   -webkit-scrollbar width: 0 !important;
   -ms-overflow-style: none;
}

.linkscontainer
{
   position: -webkit-sticky; /* Safari */
   position: sticky;
   top: 40;
   float: left;
   width: 24%;
   border:.1em solid #000000;
   border-radius: 8px;
   line-height: 24px;
   margin: 10px;
   height: 99%;
   overflow-y: auto;
   -webkit-scrollbar width: 0 !important;
   -ms-overflow-style: none;

}


.linkmenu
{

   position: -webkit-sticky; /* Safari */
   position: sticky;
   top: 40;
   white-space: nowrap;
   text-align: center;
   font-family: Arial,sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #ffffff;
   height: 30px;
   width: 30%;
   background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
   padding-left: 10px;
   border: none;
   border-bottom: none;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
}


.linkmenu2
{
   font-family: Arial,sans-serif;
   font-size: 14px;
   font-weight: bold;
   text-align: center;
   color: #000000;
   white-space: nowrap;
   background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
   height: 30px;
   padding-left: 10px;
   border: none;
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
}


.linksmenu
{
   position: -webkit-sticky; /* Safari */
   position: sticky;
   top: 25;
   border: none;
   line-height: 24px;
   padding: 10px;
   margin: 10px;
   z-index: 10;
}


.links
{
   position: relative;
   top: 0px;
   line-height: 24px;
   padding: 10px;
   margin: 10px;
}

.convbut
{
  width: 200px;
  box-shadow:inset 0px 1px 0px 0px #dcecfb;
  background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
  border:.1em solid #000000;
  border-radius: 8px;
  padding: 1px;
  margin: 4px;
}

.plbutton
{
   font-size: 10px;
   color: #ff0000;
   float: left;
   width: 60px;
   padding: 0px;
}

.plbutton2
{
   font-size: 10px;
   color: #ff0000;
   float: left;
   width: 120px;
   padding: 0px;
}

.messages
{
   color: #000000;
   float: right;
   width: 70%;
   border:.1em solid #000000;
   border-radius: 8px;
   padding: 10px;
   margin: 10px;
}


.convheader
{
   background-color: #E7EBF7;
   position: fixed;
   top: 32px;
   width: 97.5vw;
   border: 1px solid black;
}


.sb
{
   border: 1px solid #000000;
}


.a
{
   color: #0064B4;
}


.d1lct
{
   vertical-align: top;
   text-align: center;
   background-color: #e7ebf7;
   border: 1px solid #313131;
   padding: 6px;
}

.d1rc
{
   text-align: center;
   background-color: #e7ebf7;
   border: 1px solid #313131;
   padding: 3px;
}

.contain1
{
  border: 1px solid #000000;
}

.catback2
{
   font-family: Arial,sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #ffffff;
   height: 30px;
   background-image: url(mainbg.gif);
   padding-left: 10px;
   border: none;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
}

.row-eq-height 
{
  margin-left: -15px;
  margin-right: -15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.left30
{
  float: left;
  display: inline-block;
  width: 30%;
  font-size:12px; 
  text-align: justify; 
  padding-left: 50px; 
  padding-right: 50px;
}

.right70
{
  float: right;
  display: inline-block;
  width: 70%;
}

@media only screen and (max-width: 767px){
.row-eq-height 
{   display: block;}

.mob_off
{   display: none;}
}

.d2rlw
{
   color: #000000;
   text-align: left;
   font-size: 14px;
   background-color: #e7ebf7;
   border: 1px solid #313131;
   padding: 3px;
   word-wrap: break-word;
}

.post-head-row
{
   border: 1px solid white;
   margin-left: 0;
   margin-right: 0;
}

.post-head-row
{
   border: 1px solid black;
   margin-left: 0;
   margin-right: 0;
}

.post-head-l
{
   float: left;
   margin-left: 15px;
}

.post-body-row
{
   margin-left: 10px;
   margin-right: 20px;
}

.GButton {
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	background-color:#bddbfa;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:4px 6px;
	margin: 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.GButton:hover {
	background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
	background-color:#80b5ea;
}
.GButton:active {
	position:relative;
	top:1px;
}

.GButtonr {
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	background-color:#bddbfa;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
        float: right;
	cursor:pointer;
	color:#000000 !important;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:4px 6px;
	margin: 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.GButtonr:hover {
	background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
	background-color:#80b5ea;
}
.GButtonr:active {
	position:relative;
	top:1px;
}



.frame 
{
       width: 14vw;
       display: inline-block;
       margin: 20px;
       border-top: 3px solid #999;
       border-bottom: 3px solid #555;
       border-left: 3px solid #999;
       border-right: 3px solid #555;
       background: #bbb; 
       vertical-align: middle;
       padding: 5px;
}

.gallery_menubtn {
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	background-color:#bddbfa;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:blue;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:4px 6px;
	margin: 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}

/* The container <div> - needed to position the dropdown content */
.gallery_menu {
  position: relative;
  display: inline-block;
}

/* The container <div> - needed to position the dropdown content */
.gallery_menu2 {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.gallery_menu-content {
  display: none;
  position: absolute;
  background-color: #dae5fc;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  max-height:300px;
  overflow:scroll; 
  z-index: 11;
}

/* Dropdown Content (Hidden by Default) */
.gallery_menu2-content {
  display: none;
  position: absolute;
  bottom: -25px;
  margin: 0;
  min-width: 150px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(218, 229, 252, 0.4);

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  max-height:400px;
  overflow: hidden;  
  z-index: 11;
}

/* Links inside the dropdown */
.gallery_menu-content a {
  color: blue;
  padding: 4px 8px;
  text-decoration: none;
  display: block;
}

/* Links inside the dropdown */
.gallery_menu2-content a {
  color: blue;
  padding: 4px 8px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.gallery_menu-content a:hover {
  color: white;
  padding: 4px 8px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.gallery_menu2-content a:hover {
  color: white;
  padding: 4px 8px;
  text-decoration: none;
  display: block;
}

.bardesc
{
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	border-radius:6px;
	border:1px solid #84bbf3;
	padding:4px 6px;
	padding-bottom: 7px;
	margin: 8px;
    	background-color: #dae5fc; 
    	color: blue;
}

.catbacktop
{
   position: fixed;
   bottom: 10;
   right: 10;
   z-index: 1;
}

.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the tag dropdown content */
.droptag {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.droptag-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.droptag-content a {
  color: black;
  font-size: 12px; 
  padding: 6px 6px;
  text-decoration: bold;
  display: block;
}

/* Change color of dropdown links on hover */
.droptag-content a:hover {background-color: #99ccff}

/* Show the dropdown menu on hover */
.droptag:hover .droptag-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.droptag:hover .dropbtn {
  background-color: #3e8e41;
}