body
{
   background-color: #272727;
}

table
{
   border-spacing: 0px;
   font-family: Arial,sans-serif;
   font-size: 12px;
   color: #ffffff;
}

blockquote
{
   background:#272727;
   margin:.25em 0;
   border:.1em solid #3399ff;
   padding:.5em .5em .5em .75em
}

h1
{
display: block;
font-size: 1em;
font-weight: bold;
margin-block-start: 0;
margin-block-end: 0;
}

h2
{
display: block;
font-size: 1em;
font-weight: bold;
margin-block-start: 0;
margin-block-end: 0;
}

.center
{
    margin-left:auto;
    margin-right:auto;
}

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

.contain2
{
  background-color: #1f1f1f;
  border: 1px solid #313131;
  font-size: 14px;
}

.contain3
{
  border: 1px solid #1f1f1f;
}

.contain4
{
  background-color: #1f1f1f;
  border: 1px solid #313131;
  padding: 6px;
}

.contain5
{
  padding-right: 4px;
}

.contain6
{
  font-size: 14px;
  background-image: url(thead.gif);
  vertical-align: top;
  text-align: center;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
}

.spacerl
{
  padding-left: 300px;
}

.spacer2
{
  padding-left: 100px;
}

.spacer3
{
  padding: 12px;
}

.lite
{
   background-color: #272727;
   border: 1px solid #000000;
   padding: 3px;
}

/* d=dark. number is dark BG color, currently 1 is 1f1f1f and 2 is 272727.*/
/* Next is cell intended placement. l is left, r is right.*/
/* Left cells have border left and bottom, right cell is end cell so it has border right left and bottom.*/
/* Next is element alignment. l left, c center, r right. ct would be center top, rb right bottom, get it? */
/* None in this series has top border. Anything that needs 4 borders will be handled by .containX */
/* start plain color styles */

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

.d1lct2
{
   vertical-align: top;
   text-align: center;
   background-color: #1f1f1f;
   border-bottom: 1px solid #313131;
   border-left: 1px solid #313131;
   padding: 6px;
}

.d1ll
{
   text-align: left;
   background-color: #1f1f1f;
   border-bottom: 1px solid #313131;
   border-left: 1px solid #313131;
   padding: 3px;
}


.d2ll
{
   text-align: left;
   background-color: #272727;
   border-bottom: 1px solid #313131;
   border-left: 1px solid #313131;
   padding: 3px;
}

.d1lc
{
   text-align: center;
   background-color: #1f1f1f;
   border-bottom: 1px solid #313131;
   border-left: 1px solid #313131;
   padding: 3px;
}

.d2lc
{
   text-align: center;
   background-color: #272727;
   border-bottom: 1px solid #313131;
   border-left: 1px solid #313131;
   padding: 3px;
}

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

.d2rc
{
   text-align: center;
   background-color: #272727;
   border: 1px solid #313131;
   border-top: none;
   padding: 3px;
}

.d2rl
{
   text-align: left;
   font-size: 14px;
   background-color: #171717;
   border: 1px solid #313131;
   border-top: none;
   padding: 3px;
   max-width:600px;
   word-wrap: break-word;
}

.userinfo
{
   text-align: left;
   font-size: 14px;
   border: none;
   padding-bottom: 3px;
}

.userinfo2
{
   position: relative;
   display: inline;
   top: 2px;
   text-align: left;
   font-size: 1px;
   border: none;
   background-color: #272727;
 }

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

.offline
{
   display: inline-block;
   color: #acacac;
   font-weight: bold;
}

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


/* end plain color styles */
/* start background image styles*/
/* b is for background image, 1,2,3,x is the background image series (first, second, third written)*/
/* l is for left (border left) r is right (border left and right being end cell) c is for center text align*/
/* n is a no border for multiple cells side by side to look like one */
/* ct would be center top, lb would be left bottom, you get it*/


.b1lc
{

   text-align: center;
      font-size: 12px;
   background-image: url(thead.gif);
   height: 24px;
   padding-right: 5px;
   padding-left: 5px;
   border-left:  1px solid #252525;
}

.b1ll
{
   white-space: nowrap;
   text-align: left;
   background-image: url(thead.gif);
   height: 24px;
   padding-right: 5px;
   padding-left: 5px;
   border-left:  1px solid #252525;
}

.b1rc
{
   white-space: nowrap;
   text-align: center;
   background-image: url(thead.gif);
   height: 24px;
   padding-right: 5px;
   padding-left: 5px;
   border-right:  1px solid #252525;
   border-left:  1px solid #252525;
}

.b1nl
{
   white-space: nowrap;
   text-align: left;
   background-image: url(thead.gif);
   height: 24px;
   padding-right: 5px;
   padding-left: 5px;
   border:  none;
}

.b1nc
{

   text-align: center;
   background-image: url(thead.gif);
   height: 24px;
   padding-right: 5px;
   padding-left: 5px;
   border:  none;
}

.b1nr
{
   white-space: nowrap;
   text-align: right;
   background-image: url(thead.gif);
   height: 24px;
   padding-right: 5px;
   padding-left: 5px;
   border:  none;
}

/* special for bottom of editors no padding*/

.b1ncx
{
   white-space: nowrap;
   text-align: center;
   background-image: url(thead2.gif);
   padding: none;
   height: 0px;
   border:  none;
}

/* specific for the categories */

.catback
{
   font-family: Arial,sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #ffffff;
   height: 30px;
   width: 100%;
   background-image: url(cat_back.gif);
   padding-left: 10px;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-top-left-radius: 8px;
}

.catbacksticky
{
   position: -webkit-sticky; /* Safari */
   position: sticky;
   top: 0;
   font-family: Arial,sans-serif;
   font-size: 18px;
   font-weight: bold;
   text-align: left;
   color: #ffffff;
   height: 30px;
   width: 94%;
   background-image: url(cat_back.gif);
   padding-left: 10px;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-right: 1px solid #000000;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   z-index: 1;
}

.catbacksticky2
{
   position: -webkit-sticky; /* Safari */
   position: sticky;
   top: 0;
   font-family: Arial,sans-serif;
   font-size: 18px;
   font-weight: bold;
   text-align: left;
   color: #ffffff;
   height: 40px;
   width: 94%;
   background-image: url(cat_back.gif);
   padding-left: 10px;
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-right: 1px solid #000000;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   z-index: 1;
}

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

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

.catback2a
{
   font-family: Arial,sans-serif;
   font-size: 18px;
   font-weight: bold;
   text-align: left;
   color: #279ad0;
   height: 30px;
   width: 100%;
   background-image: url(cat_back.gif);
   padding-left: 10px;
   border: 1px solid #000000;
   border-bottom: none;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
}

.catback3
{
   font-family: Arial,sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #ffffff;
   height: 30px;
   width: 100%;
   background-image: url(cat_back.gif);
   padding-right: 10px;
   border-top: 1px solid #000000;
   border-right: 1px solid #000000;
   border-top-right-radius: 8px;
}

.catback4
{
   font-family: Arial,sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #ffffff;
   height: 30px;
   width: 100%;
   background-image: url(cat_back.gif);
   padding-left: 10px;
   border: 1px solid #000000;
   border-top: none;
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
}

.catback4a
{
   font-family: Arial,sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #ffffff;
   height: 30px;
   width: 98.5%;
   background-image: url(cat_back.gif);
   padding: 5px;
   border: none;
   border-top: none;
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
}

/* specials for the up and down arrow collapse and expand routine*/

.up
{
   min-width: 26px;
   background-image: url(upbg.gif);
   border-top: 1px solid #000000;
   border-right: 1px solid #000000;
   border-top-right-radius: 8px;
}

.dn
{
   min-width: 26px;
   background-image: url(dnbg.gif);
   border-top: 1px solid #000000;
   border-right: 1px solid #000000;
   border-top-right-radius: 8px;
}

/* Play with buttons*/


.plbutton
{
   float: right;
   font-size: 12px;
   color: #ffffff;
   background:#171717;
}

.button
{
   background-color: #171717;
   font-size: 12px;
   color: #ffffff;
   border:.1em solid #000000;
}


.buttonunread
{
  background-color: #99ff33;
}

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

.sbpost_left
{
   float: left;
   width: 60%;
   background:#373737;
   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
{
   float: right;
   width: 60%;
   background:#272727;
   border:.1em solid #000000;
   border-radius: 8px;
   padding: 10px;
   margin: 10px;
   overflow-x: auto;
   -webkit-scrollbar width: 0 !important;
   -ms-overflow-style: none;
}

.conv
{
   width: 95%;
   margin: auto;
}

.linkscontainer
{
   position: -webkit-sticky; /* Safari */
   position: sticky;
   top: 0;
   float: left;
   width: 24%;
   background:#171717;
   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: 0;
   white-space: nowrap;
   text-align: center;
   background-image: url(thead.gif);
   font-family: Arial,sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #ffffff;
   height: 30px;
   width: 30%;
   padding-left: 10px;
   border: 1px solid #000000;
   border-bottom: none;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
}

.linkmenu2
{
   white-space: nowrap;
   text-align: center;
   background-image: url(thead.gif);
   font-family: Arial,sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #ffffff;
   height: 30px;
   padding-left: 10px;
   border: 1px solid #000000;
   border-top: none;
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
}

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

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

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

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



.like
{
   position: relative;
   left: -100px;
}

.tab_rg
{
   white-space: nowrap;
   float: right;
   color: #00ff00;
   font-weight: bold;
   font-family: Arial,sans-serif;
   font-size: 14px;
   background-color: #272727;
   border: 2px solid #3399ff;
   border-radius:6px;
   padding: 0px 6px;
   margin: 0px 10px;
}

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

.tab2
{
   white-space: nowrap;
   height: 18px;
   background-color: #ff2727;
   border: 2px solid #ff99ff;
   border-radius:6px;
   padding-left: 6px;
   padding-right: 6px;
}

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

.on
{
   white-space: nowrap;
   height: 18px;
   background-color: #000000;
   border: 2px solid #ff0000;
   border-radius:6px;
   padding-left: 6px;
   padding-right: 6px;
}

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

.report
{
   white-space: nowrap;
   height: 18px;
   background-color: #000000;
   border: 2px solid #ff0000;
   border-radius:6px;
   padding-left: 6px;
   padding-right: 6px;
}

/* the "a" series. Putting it here till I can figure it out!*/
a
{
   text-decoration: none;
   font-size: 14px;
}


a:link
{
   font-weight: bold;
   font-size: 12px;
   color: #279ad0;
}

#mana_img
{
   color: #272727;
} 

.mana1, .mana2
{
   position: relative;
   margin: none;
   border: none;
   padding: none;
}

.mana3, .mana4
{
   position: relative;
   left: 2px;
   margin: none;
   border: none;
   padding: none;
}

.mana5, .mana6
{
   position: relative;
   left: 4px;
   margin: none;
   border: none;
   padding: none;   
}

.mana7, .mana8
{
   position: relative;
   left: 6px;
   margin: none;
   border: none;
   padding: none;   
}

.mana9, .mana10
{
   position: relative;
   left: 8px;
   margin: none;
   border: none;
   padding: none;   
}

.mana11, .mana12
{
   position: relative;
   left: 10px;
   margin: none;
   border: none;
   padding: none;   
}
a:visited
{
   font-weight: bold;
   font-size: 14px;
   color: #3399ff;
}

a:hover
{
   text-decoration: italic;
}

a.nummessages:link
{
}


a.nummessages:visited
{
}


a.currentlocation:link
{
   color: #ffffff;
}


a.currentlocation:visited
{
   color: #ffffff;
}


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: 14px;
   color: #3399ff;
}


a.forum:visited
{
   font-family: Verdana,sans-serif;
   font-size: 14px;
   color: #3399ff;
}

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

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

a.navbutton:link
{
   font-family: Tahoma,sans-serif;
   font-size: 12px;
   color: #ffffff;
}


a.navbutton:visited
{
   font-family: Tahoma,sans-serif;
   font-size: 12px;
   color: #ffffff;
}


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


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


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: 12px;
}


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;
}

/* topic row series, due to conditionals in selected/recent/popular/ */

.pitopicrow1
{
   background-image: url(topic_you.gif);
   min-width: 30px;
   background-position:right;
   background-repeat: no-repeat;
   background-color: #1f1f1f;
   border-bottom: 1px solid #313131;
   border-left: 1px solid #313131;
   padding: 3px;
}

.pitopicrow2
{
   background-image: url(topic_you.gif);
   background-position:right;
   background-repeat: no-repeat;
   background-color: #dee7f0;
   border: 1px solid #ffff00;
   padding: 3px;
}

.pitopicrow3
{
   background-image: url(topic_you.gif);
   min-width: 30px;
   background-position:right;
   background-repeat: no-repeat;
   background-color: #151515;
   border-bottom: 1px solid #313131;
   border-left: 1px solid #313131;
   padding: 3px;
}

.pitopicrow4
{
   background-image: url(topic_you.gif);
   /*background-position:right;*/
   background-repeat: no-repeat;
   background-color: #cdd6e0;
   border: 1px solid #ff0000;
}

.topicrow1
{
   text-align: center;
   background-color: #1f1f1f;
   border-bottom: 1px solid #313131;
   border-left: 1px solid #313131;
   /*padding: 3px;*/
}

.topicrow2
{
   text-align: center;
   background-color: #272727;
   border-bottom: 1px solid #313131;
   border-left: 1px solid #313131;
   /*padding: 3px;*/
}


.topicrow3
{
   text-align: center;
   background-color: #1c1c1c;
   border-bottom: 1px solid #313131;
   border-left: 1px solid #313131;
}


.topicrow4
{
   text-align: center;
   background-color: #151515;
   border-bottom: 1px solid #313131;
   border-left: 1px solid #313131;
}

/* Popup menus */
/* 0 is for the user name popup menu */
/* 2 is for the calendar event popup */
/* 3 is for the search box in top menu */
/* 4 is for the main drop down menu */

.popup
{
   position: absolute;
   padding: 8px;
   width: 180px;
   background-color: #000000;
   border: 2px  #00ff00;
   display: none;
   z-index: 100;
}

.popup2
{
   position: absolute;
   padding: 8px;
   width: 580px;
   background-color: #ffff00;
   border: 2px  #ff0000;
   display: none;
   z-index: 100;
}

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

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

.dropdown2
{
  position:absolute;
  right:20px;
  color: #ff0000;
  width:160px;
  border: 1px solid #000000;
  padding:0px;
  background:#1f1f1f;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -moz-border-top-left-radius: 8px;
  -moz-border-top-right-radius: 8px; 
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  z-index:200;
}

/* calendar events */

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


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


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


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

/* Begin native ultra CSS. All above is added for Ranger theme. */

.color  /* format the width of the color selector box in the text editor */
{
   width: 80px;
}

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: #000000;/*#cdd6e0*/
   border-left: none;
   border-right: none;
   border-top: 1px solid #000000;
   border-bottom: none;
}


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



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

.popup5
{
   position:absolute;
   visibility: hidden;
   text-align: left;
   border:1px solid #000000;
   padding: 2px;
   font:normal 12px Verdana;
   line-height: 18px;
   z-index: 100;
   background-color: #e7ebf7;
   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: 12px;
   color: #ffffff;
}


.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;
   color: #000000;*/
   background-color: #272727;
   height: 300px;
   width: 98%;
   padding: 8px;
   border: 1px inset #A0A0A0;
   overflow: scroll;
}


q
{
   display: block;
   color: #ffffff;
   background-color: #1f1f1f;
   border: 1px solid #00ccff;
   padding: 8px;
   padding-left: 16px;
}


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


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


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


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

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


td.mdmenur
{
   font-family: Arial,sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   color: #000000;
   background-image: url(th.png);
   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: italic;
}



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

.ava
{
  color: #0060b0;
}

.dropdown
{
    position: static;
    border: none;
    background:transparent;
    display: inline-block;
}

.dropdown-content  /* formats the topic preview dropdown - user selectable in account preferences  */
{
    background-color: #222222;
    overflow: hidden;
    margin: 10px;
    border: 1px solid #3399ff;
    border-radius: 5px ;
    -moz-border-radius: 5px ;
    -webkit-border-radius: 5px ;
    white-space: pre-wrap;
    display: none;
    color: white          !important;
    font-size: 14px       !important;
    text-decoration: none !important;
    position: absolute;
    left: 20%;
    width: 50%;
    height: 10%;
    padding: 6px 6px;
    z-index: 10;
}

.dropdown:hover .dropdown-content
{
    display: block;
}

.dropdown3
{
    position: static;
    border: none;
    background:transparent;
    display: inline-block;
}

.dropdown3-content  /* formats the liked by dropdown */
{
    background-color: #222222;
    margin: 10px;
    border: 1px solid #3399ff;
    border-radius: 5px ;
    -moz-border-radius: 5px ;
    -webkit-border-radius: 5px ;
    white-space: pre-wrap;
    display: none;
    color: white          !important;
    font-size: 14px       !important;
    text-decoration: none !important;
    position: absolute;
    left: 20%;
    padding: 6px 6px;
    z-index: 10;
}

.dropdown3:hover .dropdown3-content
{
    display: block;
}

.flashclass{
width: 220px;
height: 124px;
border: none;
padding: 0px;
}

.flashclass img{
border-width: 0;
}

hr
{
        border:none;
        height: 10px;
        width: 100%;
        height: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #3399ff;
        box-shadow: 0 20px 20px -20px #3399ff;

}

.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: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: 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;
  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;
  border-radius:6px;
  border:1px solid #84bbf3;
  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%);

	border-radius:6px;
	border:1px solid #84bbf3;
        margin: 2px;
}

/* Change color of dropdown links on hover */
.gallery_menu2-content a:hover {
  color: blue;
  padding: 4px 8px;
  border-radius:6px;
  border:1px solid #84bbf3;
  display: block;
  background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
}

/* 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;
}

.bardesc
{
    color: white;
}

.fc .fc-daygrid-day.fc-day-today
{
 background:#474747;
 border:.3em solid blue;
}