@font-face{font-family:"Fira Sans"; src:url(/firasans-regular.eot); src:url(/firasans-regular.eot?#iefix)format("embedded-opentype"); src:url(/firasans-regular.woff)format("woff"); font-weight:400; font-style:normal}
@font-face{font-family:"Fira Sans"; src:url(/firasans-italic.eot); src:url(/firasans-italic.eot?#iefix)format("embedded-opentype"); src:url(/firasans-italic.woff)format("woff"); font-weight:400; font-style:italic}
@font-face{font-family:"Fira Sans"; src:url(/firasans-bold.eot); src:url(/firasans-bold.eot?#iefix)format("embedded-opentype"); src:url(/firasans-bold.woff)format("woff"); font-weight:700; font-style:normal} 
@font-face {font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: url(/pt-sans-regular.woff) format('woff')}
@font-face {font-family: 'PT Sans'; font-style: normal; font-weight: 700; src: url(/pt-sans-bold.woff) format('woff')}
@font-face{font-family:'Glyphicons Halflings';src:url('/glyphicons-halflings-regular.eot');src:url('/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('/glyphicons-halflings-regular.woff') format('woff'),url('/glyphicons-halflings-regular.ttf') format('truetype'),url('/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');}

.glyphicon{position:relative; top: 0px; display:inline-block; font-family:'Glyphicons Halflings'; font-size: 16pt; font-style:normal; font-weight:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.glyphicon.mini{font-size: 12pt}
.glyphicon.mini2{font-size: 9pt; top: 1px; padding-right: 4px}
.glyphicon:empty{width:1em;}
.glyphicon-search:before{content:"\e003";}
.glyphicon-star:before{content:"\e006";}
.glyphicon-user:before{content:"\e008"}
.glyphicon-remove:before{content:"\e014";}
.glyphicon-cog:before{content:"\e019";}
.glyphicon-list-alt:before{content:"\e032"}
.glyphicon-flash:before{content:"\e032"; font-size: 14pt; line-height: 22px; color:#b00; font-weight1: bold; text-shadow: 0px 0px 2px #fff, 0px 0px 7px #eff}
.glyphicon-log-out:before{content:"\e163";}
.glyphicon-question-sign:before{content:"\e085";}
.glyphicon-wrench:before{content:"\e136";}
.glyphicon-exclamation-sign:before{content:"\e101";}
.glyphicon-comment:before{content:"\e111";}
.glyphicon-private:before{content:"\e106";}
.glyphicon-cabinet:before{content:"\e102";}
.glyphicon-vertical:before{content:"\e235";}
.glyphicon-newtopic:before{content:"\270f";}

#top_annc{display: none; margin: 0; background-color:#9c9; padding: 0.6em; font-size: 10pt; color: #000000; text-align: center}
#top_annc a{font-family: Fira Sans; color:#353; font-size: 11pt; text-decoration:none; font-weight: bold}
#top_annc a:hover{color:#020; text-decoration: underline}
#top_annc div{float: right}
#top_annc div a{font-family:'Glyphicons Halflings'; font-size: 12pt; color: #696; text-decoration: none; font-style:normal; font-weight:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
#top_annc div a:hover{color:#020; text-decoration: none}
#top_annc div a:before{content:"\e014";}

.top_menu_mobile {display: none; inline-table; width: 100%; margin: 0 0 10px 0; padding: 0; background-color: #444488; text-align: left; font-family: Fira Sans, Verdana; font-size: 18px}
.top_menu_mobile div.menu {float: left; color: #eee; padding: 8px 10px 4px 10px; cursor: pointer}
.top_menu_mobile div.menu img {vertical-align: middle; margin-top: -4px}
.top_menu_mobile a {display: block; float: left; color: #eee; padding: 8px 20px 4px 20px; text-decoration: none}
.top_menu_mobile a:hover {background-color: #fff; color: #669}

.top_menu_mobile_vert {display: none; float:left; position: absolute; min-height: 100%; left: -500px; margin-top: -10px; background-color: #448; text-align: left; font-family: Fira Sans, Verdana; font-size: 18px; z-index: 1000}
.top_menu_mobile_vert a{display: block; color: #eee; padding: 8px 20px 4px 20px; text-decoration: none;}
.top_menu_mobile_vert a:hover{background-color: #fff; color: #669}
.top_menu_mobile_vert div.separator{margin: 15px 1px 5px 1px; border-bottom: 1px solid #88a; border-top: 1px solid #779}



.top_menu_head_links {display: inline-table; width: 100%; height: 15px; margin: 0; padding: 0; background-color: #437; text-align: left; font-family: Fira Sans, Verdana; overflow: hidden; border-bottom-left-radius: 7px}
.top_menu_head_links a {display: block; float: left; color: #eee; padding: 5px 10px 3px 10px; font-size: 14px; height: 18px; text-decoration: none;}
.top_menu_head_links a.hilite22 {background-color: #88c; color1: #444; text-shadow1: 0px 0px 4px #000; background: #8888cc; background: -moz-linear-gradient(left, #437 0%, #88c 50%, #437 100%);}
.top_menu_head_links a.hilite2 {color: #aaa}
.top_menu_head_links a:hover{background-color: #fff; color: #669; text-decoration: none}
.top_menu_head_links a.menuselected{float: none; display: block}
.top_menu_head_links a.user{float: right; font-weight: bold; color:#cce}
.top_menu_head_links a.user.last{margin-right:20px}
.top_menu_head_links a.user:hover, .top_menu_head_links a.exit:hover{background-color: #326; color: #fff}
.top_menu_head_links a.user div.avatar {float: left; margin: 1px 6px 0 0; width: 17px; height: 17px; border-radius: 17px; background: url() 100% 100% no-repeat; background-size: cover; border: 0px; box-shadow: 0 0 0 1px #558}
.top_menu_head_links a.exit{float: right; padding: 4px; margin-right: 20px; color:#cce}

#top_menu {display: inline-table; width: 100%; margin: 0; padding: 0; background: #88c; font-size: 1em; overflow: hidden}
#top_menu ul {display: none; margin: 0; padding: 5px 0; color: #000000; background-color: #fefefe; position: absolute; z-index: 1000; text-align: left; border: 1px solid #AAA; line-height: 1.9em; border-radius: 0 0 0.5em 0.5em; box-shadow: 5px 5px 5px #999;}
#top_menu div.top{display: block; float: left}
#top_menu div.top.first{margin-left: 6px}
#top_menu div.top.right{float: right}
#top_menu div.top.last{float: right; margin-right: 15px}
#top_menu div.top.post{margin-left: 25px}

##top_menu div.top.post a{background-color: #383; color:#fff}

#top_menu a {display: block; font-family: Fira Sans, Tahoma; font-size: 0.88em; color: #333; text-shadow: none; text-decoration: none; white-space: nowrap}
#top_menu a:hover {background-color: #303080; color: #fff; text-shadow: 0px 1px 1px #000}
#top_menu ul a {line-height: 170%; padding: 0 1em}

#top_menu a.top {display: block; height: 35px; overflow: hidden; padding: 0.6em 0.6em 0em 0.6em; font-family: Fira Sans, Tahoma; font-size: 1.05em; color: #fff; text-shadow: none}
#top_menu a.top sup,  #top_menu .modsup {font-size: 12px; font-family: Tahoma, Arial; text-shadow: none; color: #fff; background-color: #d44; margin-left: 2px; padding: 2px 4px; border-radius: 2px}
#top_menu a.top sup.mod {padding: 1px 4px 2px 4px; border-radius: 3px; background-color: #922; margin-left: 3px; font-weight: bold}
#top_menu a.top sup.premod {padding: 1px 4px 2px 4px; border-radius: 3px; background-color: #d44; margin-left: 3px; font-weight: bold}
#top_menu a.top sup.userposts{background-color: #558; color:#eef}
#top_menu a.top sup:empty {margin: 0; padding: 2px 0px}
#top_menu a.top sup:empty:before{content:"";}
#top_menu a.top span.arrow {display: none; inline-table; background-color1: red; line-height1: 15px; padding-left: 3px; margin: 0 -8px 0 8px; transform: rotate(90deg); font-size: 1em; color: #559}
#top_menu a.top.first span.menu{font-size: 25px; line-height: 25px; margin: 5px 0 0 0; padding: 0px}
#top_menu a.top span.text{}
#top_menu a.top span.icon{display: none; padding-right: 3px}

#top_menu div.private {border-top: 1px #ddd dotted} 
#top_menu div.private a{font-size: 10pt; font-family: Pt Sans, Tahoma; line-height: 1.2em; white-space: normal; color: #222; padding: 0.6em 1.2em 0.5em 1.8em} 
#top_menu div.private a.list {border-left: 5px #88c solid; background-color:#eef; font-weight: bold; color:#448; padding: 0.5em 0.8em 0.4em 2em; } 
#top_menu div.private a div.menufav {float: left; color: #669; font-family:'Glyphicons Halflings'; font-size: 8pt; padding-right: 7px}
#top_menu div.private a div.menufav:before{content:"\e006";}
#top_menu div.private a div.menudate {font-size: 9pt; color:#aaa; margin: 0; padding: 2px 0 0 0;  white-space: nowrap; text-align: right; background-color1: red}
#top_menu div.private a:hover {color: #333; background-color: #eee; text-decoration: none; text-shadow: none} 
#top_menu div.private:hover {background-color: #eee} 
#top_menu div.private div.top_menu_submenu_button{float:left; margin:0; padding: 0em 0.3em 0.7em 0.3em; color: #fff; -moz-user-select: -moz-none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none} 
#top_menu div.private:hover  div.top_menu_submenu_button{color:#ccc; cursor: pointer} 
#top_menu div.private:hover  div.top_menu_submenu_button:hover{color:#000}

#top_menu div.top_menu_submenu{display: none; background-color: #aab; padding: 0}
#top_menu div.top_menu_submenu a{display: inline; color:#fff; font-size: 9pt; text-decoration: none; padding: 0.1em 1em}
#top_menu div.top_menu_submenu a:hover{color:#fff; background-color:#88c; transition-duration: 0.1s}


#top_menu table.top_menu_logo_menu{font-family: Fira Sans, Tahoma; max-width: 750px; color: #777777; border-collapse: collapse; margin: 5px 0px 5px 0px}
#top_menu table.top_menu_logo_menu th{padding: 5px 0px 0px 10px; color: #888; text-align: right; font-weight: normal; vertical-align: top; font-size: 13px}
#top_menu table.top_menu_logo_menu td{padding: 3px 10px 0px 10px; font-size: 13px; line-height: 150%;}
#top_menu table.top_menu_logo_menu td a{display: inline; color: #444; font-size: 13px; line-height: 100%; padding: 0; text-decoration: none; text-shadow: none; white-space: nowrap}
#top_menu table.top_menu_logo_menu td a:hover{color: #D03030; background-color: transparent; text-decoration: underline}
#top_menu div.avatar {float: left; margin: -2px 6px 0 0; width: 28px; height: 28px; border-radius: 28px; background: url() 100% 100% no-repeat; background-size: cover; border: 0px; box-shadow: 0 0 0 1px #77b, 0 0 1px #333}

#top_menu div.separator{margin: 2px 0px; border-bottom: 1px solid #fff; border-top: 1px solid #aaa}
#top_menu div.info{margin: 2px 0; text-align: center; background-color:#eee; font-family: Fira Sans, Tahoma; font-size: 1em; color: #333; padding: 5px; line-height: 100%}

#top_menu a.top:hover, #top_menu a.top.hi{color: #fff; background-color: #448; text-shadow: 0px 1px 1px #000; background-image: none}
#top_menu a.more{background-image:url(/topmenu-arrow1.gif); background-repeat:no-repeat; background-position: center right}
#top_menu a.more:hover{background-image:url(/topmenu-arrow2.gif)}

.folder_links {font-family: Tahoma, Verdana; margin-top: 0; padding-bottom: 2px; border-bottom: 1px #dfdfdf dotted; color:#aaa; text-align: left; font-size: 10pt}
.folder_links a {color: #888; text-decoration: none}
.folder_links a:hover {color: #C03030; text-decoration: underline}
.folder_title {margin-top: 0.3em; color: #438; font-family: PT Sans, Tahoma; font-size: 1.8em; text-align: left; line-height: 100%; word-spacing: 1px; font-weight: bold}
.folder_desc {padding: 0.75em 0 0.75em 0; font-size: 9pt; color: #aaa; text-align: left; font-family: Tahoma, Verdana}
.folder_desc .name {color:#777}
.folder_desc a {color:#669; text-decoration: none}
.folder_desc a:hover {color:#D33; text-decoration: underline}

#top_menu_wrapper {background: #88c; width:100%; border-collapse: collapse; table-layout1:fixed; height1: 40px; padding: 0; margin: 0 0 15px 0}
#top_menu_wrapper th{vertical-align: middle; align:center; width: 153px; padding: 0}
#top_menu_wrapper th img{border: 0px; margin: -5px 13px 3px 15px; padding: 0}
#top_menu_wrapper td{padding: 0; overflow1: hidden}

@media only screen and (max-width: 699px) {
#top_menu_wrapper {background: #fff;  margin: 0;} 
.top_menu_head_links {display: none}
#top_menu {display: none}
.top_menu_mobile {display: inline-table}
#top_menu_wrapper th{display: none}
}

@media only screen and (max-width: 767px) {
#top_menu a.top span.text{display: none}
#top_menu a.top span.icon{display: inline}
}

@media only screen and (max-width: 999px) {
#top_menu_wrapper th img{height: 50px; margin: 0px 15px}
#top_menu a.top {height: 30px; padding-top: 0.45em; font-size: 0.95em}
.top_menu_head_links a {padding: 3px 5px 3px 5px; font-size: 13px; height: 17px}
.top_menu_head_links a.exit{padding: 2px; margin-right: 20px; color:#cce; font-size: 10px}
.glyphicon.mini{font-size: 11pt}
.glyphicon.mini2{font-size: 7pt}
.top_menu_head_links a.user div.avatar {margin: 1px 6px 0 0; width: 14px; height: 14px; border-radius: 14px}
.folder_links {font-size: 9pt}
.folder_title {font-size: 1.4em}
.folder_desc {font-size: 8pt; margin: 0.5em 0 0.5em 0}
}

@media1 only screen not (min-width: 749px) {
.top_menu_mobile_vert {display: none}
}