@import "tr_base.css";

/* =Imports=
	Import Base Styles (reset, grid, floats, headings)

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
/** Preboot.less
 *  * Variables and mixins to pre-ignite any new web development project
 *  * ------------------------------------------------------------------ 
 */
.clearfix { zoom: 1 }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both }
.center-block { display: block; margin: 0 auto; }
.container { width: 940px; margin: 0 auto; zoom: 1; }
.container:before, .container:after { display: table; content: ""; }
.container:after { clear: both }
/* @group Logo
   ================================================== */

/* =Logo=
	Dimensions and padding for Logo, modify here:

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
#logo { margin: 0; }
/* @end
   ================================================== */
/* @group Basic Text Elements
   ================================================== */

/* =Text Colors=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
a:link, a:visited { color: #ff0000 }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline }

/* =Text Styles=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
h2.contentheading { font-size: 1.5em; margin-bottom: 5px; }
p.readmore { text-indent: 0; font-size: .9em; }
p { margin-bottom: 1em }
blockquote { border-left: 6px solid #CCCCCC; font-family: Georgia, 'Times New Roman', serif; font-size: 1.2em; line-height: 1.4; margin-left: 12px; padding-left: 12px; }
    blockquote cite { margin-left: 0 }
q { font-style: italic }
cite { margin-left: 30px }
code { background: #F3F3F3; border-color: #CCCCCC; border-style: solid; border-width: 1px 1px 1px 12px; color: #333333; display: block; margin: 4px 0 10px; padding: 8px 12px; text-shadow: 0 1px 0 #FFFFFF; }
abbr, code, kbd, samp, small, var { line-height: 16px }
abbr, acronym { border-bottom: .1em dotted; cursor: help; font-size: 85%; text-transform: uppercase; }
sup { vertical-align: super }
sub { vertical-align: sub }
sup, sub { line-height: 0 }
small, sup, sub { font-size: 80% }
ul, ol { padding-top: 0 }
ol { list-style: decimal }
ul { list-style: square }
li { margin-left: 30px }
dl, hr, ol, ul, pre, table, address, fieldset { margin-bottom: 0px }
dt { font-weight: bold }
dd { background: none no-repeat left top; padding-left: 18px; margin-bottom: 12px; font-style: italic; }
.highlight { background: #FFFFDD; color: #000; padding: 0 3px; }
/* @end
   ================================================== */
/* @group Layout
   ================================================== */

/* =Layout=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
body { background-color: #242424; background-repeat: repeat; }
/*#wrapper { background: transparent url(../images/header_bg.png) repeat-x; padding-top: 16px; }*/
#wrapper { background: transparent; padding-top:10px;}
#header-module { text-align: right; margin: 10px 10px 0 0; }
#header { background: url("../images/header_bottom.png") repeat-x 0 bottom;float: left; width: 960px; }
#header p {margin:0; padding:0;}
#header h1 {display:none;}
#main { background: #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 10px #000000; -moz-box-shadow: 0 0 10px #000000; box-shadow: 0 0 10px #000000; margin-bottom: 45px; background: #ffffff url("../images/content_wrapper.png") repeat-x 0 0; }
#navbar { background-image: url(../images/nav_bg.png); background-repeat: repeat-x; height: 40px; width: 950px; float: left; padding-left: 10px; }
#copyright { position: relative; text-align: right; color: #999; }
    #copyright a { color: #999; text-decoration: underline; }
#footer { padding: 15px 0; font-size: .9em; }
/* @end
   ================================================== */
/* @group Navbar
   ================================================== */

/* =Navbar=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
#navbar .nav_wrapper { width: 100%; float: left; }
#navbar .search_wrapper { float: right; margin-right: 10px; width: 170px; margin-top: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 2px #bebebe inset; -moz-box-shadow: 0 0 2px #bebebe inset; box-shadow: 0 0 2px #bebebe inset; border-left: 1px solid #bbb; border-top: 1px solid #bbb; background: #dedede url(../images/mod_bg.png) repeat-x; }
    #navbar .search_wrapper input#mod-search-searchword { padding: 3px 5px; background: transparent; border: none; color: #999; outline: none; }
    #navbar .search_wrapper input#mod-search-searchword:focus { color: #000000 }
#navbar ul ul { margin-top: 1px; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); border-right: 1px solid rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.6); }
#navbar ul { float: left; border-right: 1px solid rgba(255, 255, 255, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); }
    #navbar ul a,#navbar ul span.separator { line-height: 40px; border-left: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); }
    #navbar ul .selected a , #navbar ul .selected span{ background: url(../images/hnav_bg.png) repeat-x 0 1px; border-left: 1px solid rgba(0, 0, 0, 0.4); border-right: 1px solid rgba(0, 0, 0, 0.4); margin: 0; color: #ffffff; }
    #navbar ul .selected ul a { background-image: none; border-left: none; border-right: none; color: #ffffff; margin: 0; }
    #navbar ul .selected .selected a { background: url(../images/hnav_bg.png) repeat-x 0 0; border-left: none; border-right: none; color: #ffffff; margin: 0 1px; }
    #navbar ul a:hover { background: url(../images/hnav_hover.png) repeat-x 0 1px; border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); margin: 0; color: #ffffff; }
    #navbar ul ul a { line-height: 26px; border-left: none; border-right: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.2); }
    #navbar ul ul a:hover { background: url(../images/hnav_hover.png) repeat-x 0 0; color: #ffffff; border-left: none; border-right: none; }
/* @end
   ================================================== */
/* @group Content Area
   ================================================== */

/* =Content Area=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
#content_wrapper { background: url(../images/content_wrapper.png) repeat-x; padding: 15px 0; float: left; }
#content_area h2 a:hover { color: black; text-decoration: none; }
p.readmore a { background: #dedede url("../images/mod_bg.png") repeat-x; padding: 4px 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: -1px -1px 0px #ababab inset; -moz-box-shadow: -1px -1px 0px #ababab inset; box-shadow: -1px -1px 0px #ababab inset; display: inline-block; border: 1px solid #ccc; text-decoration: none; font-weight: bold; line-height: 16px; }
p.readmore a:hover { background: #ffffff url("../images/content_wrapper.png") repeat-x; color: #000; }
/* @end
   ================================================== */
/* @group Sidebars
   ================================================== */

/* =Sidebars=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
#left h3, #right h3 { font-size: 1.2em; margin-bottom: 0.5em; }
#left .module, #right .module { padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border-left: 1px solid #bbb; border-top: 1px solid #bbb; -webkit-box-shadow: 0 0 2px #bebebe inset; -moz-box-shadow: 0 0 2px #bebebe inset; box-shadow: 0 0 2px #bebebe inset; background: #dedede url(../images/mod_bg.png) repeat-x; margin-bottom: 20px; }
#left .modulemodborder, #right .modulemodborder, #left .modborder, #right .modborder { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 2px #bebebe inset; -moz-box-shadow: 0 0 2px #bebebe inset; box-shadow: 0 0 2px #bebebe inset; border-left: 1px solid #bbb; border-top: 1px solid #bbb; padding: 5px 10px; background: none; margin-bottom: 5px; }
#left .modulenobg, #right .modulenobg, #left .nobg, #right .nobg { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 10px; background: none; margin-bottom: 20px; }
/* @end
   ================================================== */
/* @group Sidebar Menus
   ================================================== */

/* =Sidebar Menus=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
#left .joomla-nav, #left .joomla-nav-menu, #right .joomla-nav, #right .joomla-nav-menu { background: #dedede url(../images/nav_separator.png) repeat-x top left; padding: 2px 0 0; margin-bottom: 0; }
    #left .joomla-nav a, #left .joomla-nav-menu a, #right .joomla-nav a, #right .joomla-nav-menu a { text-decoration: none; display: block; padding: 2px 5px 4px; color: #333; background: transparent url(../images/nav_separator.png) repeat-x bottom left; }
    #left .joomla-nav span.separator, #left .joomla-nav-menu span.separator, #right .joomla-nav span.separator, #right .joomla-nav-menu span.separator { text-decoration: none; display: block; padding: 4px 5px 6px; color: #898989; font-size: 11px; text-transform: uppercase; font-weight: bold; text-shadow: 0 1px 0 #fff; background: transparent url(../images/nav_separator.png) repeat-x bottom left; }
    #left .joomla-nav a:hover, #left .joomla-nav-menu a:hover, #right .joomla-nav a:hover, #right .joomla-nav-menu a:hover { background: #efefef url(../images/nav_separator.png) repeat-x bottom left; color: #000000; }
    #left .joomla-nav li, #left .joomla-nav-menu li, #right .joomla-nav li, #right .joomla-nav-menu li { margin: 0; list-style: none; }
        #left .joomla-nav li ul a, #left .joomla-nav-menu li ul a, #right .joomla-nav li ul a, #right .joomla-nav-menu li ul a { text-indent: 10px }
        #left .joomla-nav li ul ul a, #left .joomla-nav-menu li ul ul a, #right .joomla-nav li ul ul a, #right .joomla-nav-menu li ul ul a { text-indent: 20px }
        #left .joomla-nav li ul ul ul a, #left .joomla-nav-menu li ul ul ul a, #right .joomla-nav li ul ul ul a, #right .joomla-nav-menu li ul ul ul a { text-indent: 30px }
    #left .joomla-nav li#current a, #left .joomla-nav-menu li#current a, #right .joomla-nav li#current a, #right .joomla-nav-menu li#current a { background: #ffffff url(../images/nav_separator.png) repeat-x bottom left; font-weight: bold; }
    #left .joomla-nav li#current a:hover, #left .joomla-nav-menu li#current a:hover, #right .joomla-nav li#current a:hover, #right .joomla-nav-menu li#current a:hover { background: #efefef url(../images/nav_separator.png) repeat-x bottom left; color: #000000; }
    #left .joomla-nav li#current ul a, #left .joomla-nav-menu li#current ul a, #right .joomla-nav li#current ul a, #right .joomla-nav-menu li#current ul a { background: #dedede url(../images/nav_separator.png) repeat-x bottom left; border: none; color: #333333; font-weight: normal; }
/* @end
   ================================================== */
/* @group Breadcrumbs
   ================================================== */

/* =Breadcrumbs=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
.breadcrumbs { font-size: 11px; margin-bottom: 5px; }
    .breadcrumbs img { margin: 0 2px }
    .breadcrumbs .showHere { margin: 0 4px 0 0 }
    .breadcrumbs a { text-decoration: none }
    .breadcrumbs a:hover { text-decoration: underline; color: #000000; }

.breadcrumb {margin-bottom:1.5em;}
.breadcrumb ul {list-style:none; margin:0;padding:0;}
.breadcrumb li {display:inline-block; margin:0; padding-right:5px;}
/* @end
   ================================================== */
/* @group Joomla Styling
   ================================================== */

/* =Category List=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
.categories-list ul li { list-style: none; margin-left: 0; }
    .categories-list ul li span.item-title { font-size: 1.4em }
    .categories-list ul li .category-desc, .categories-list ul li .category-desc p { margin-bottom: 0 }
    .categories-list ul li dl { font-size: 11px; color: #999; border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px; }
    .categories-list ul li dt { font-weight: bold }
    .categories-list ul li dt, .categories-list ul li dd { display: inline }
    .categories-list ul li ul { margin-left: 15px }
.cat-children li { list-style: none; margin: 0; }
    .cat-children li .item-title { font-size: 1.4em }
    .cat-children li .category-desc { margin-bottom: 20px; border-bottom: 1px dotted #ccc; padding-bottom: 10px; }

/* =Misc=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
dl.article-info { color: #666; font-size: 11px; margin: 0 0 5px; padding: 2px; }
    dl.article-info dt.article-info-term { display: none }
    dl.article-info dd { font-style: normal; margin-bottom: 0; padding-left: 0; }
.img_caption { color: #999; font-size: 11px; margin-bottom: 0; }
.tplc { position: relative; bottom: -40px; right: 0; font-size: 9px; color: #666666; display: block; }
#copyright .tplc a { text-decoration: none; color: #666666; }

/* =Article Functions=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
ul.actions { clear: both; margin: -30px 0 0; float: right; }
    ul.actions li { list-style-type: none; float: right; margin-left: 10px; }
/* @end
   ================================================== */
/* @group Pagination
   ================================================== */

/* =Pagination=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
.pagination { border-top: 1px dotted #ccc; padding-top: 10px; float: left; margin: 10px 0 4px; padding: 8px 0; text-align: center; width: 100%; }
    .pagination ul { margin: 0; text-align: center; }
        .pagination ul li { background: #dedede url("../images/mod_bg.png") repeat-x; padding: 4px 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: -1px -1px 0px #ababab inset; -moz-box-shadow: -1px -1px 0px #ababab inset; box-shadow: -1px -1px 0px #ababab inset; display: inline; border: 1px solid #ccc; text-decoration: none; font-weight: bold; line-height: 16px; color: #999; text-shadow: 0 1px 0 #fff; margin: 0 10px 0 0; }
            .pagination ul li a { color: #333; font-weight: bold; text-decoration: none; }
            .pagination ul li a:hover { color: #000 }

/* =Page Nav=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
ul.pagenav { border-top: 1px dotted #ccc; margin-top: 10px; padding-top: 10px; text-align: center; }
    ul.pagenav li { margin: 0; list-style: none; display: inline; }
    ul.pagenav .pagenav-prev, ul.pagenav .pagenav-next { margin-right: 5px; display: inline-block; }
        ul.pagenav .pagenav-prev a, ul.pagenav .pagenav-next a { background: #dedede url("../images/mod_bg.png") repeat-x; padding: 4px 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: inline-block; border: 1px solid #ccc; -webkit-box-shadow: -1px -1px 0px #ababab inset; -moz-box-shadow: -1px -1px 0px #ababab inset; box-shadow: -1px -1px 0px #ababab inset; text-decoration: none; font-weight: bold; line-height: 16px; }
        ul.pagenav .pagenav-prev a:hover, ul.pagenav .pagenav-next a:hover { background: #ffffff url("../images/content_wrapper.png") repeat-x; color: #000; }
/* @end
   ================================================== */
/* @group Forms
   ================================================== */

/* =Forms=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
fieldset { padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 1px 1px 2px #bebebe inset; -moz-box-shadow: 1px 1px 2px #bebebe inset; box-shadow: 1px 1px 2px #bebebe inset; border-left: 1px solid #bbb; border-top: 1px solid #bbb; background: #dedede url(../images/mod_bg.png) repeat-x; margin-bottom: 20px; }
    fieldset legend { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; border: 1px solid #dedede; padding: 2px 8px; font-weight: bold; font-size: 12px; }
/* @end
   ================================================== */
/* @group Search
   ================================================== */

/* =Search=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
dl.search-results .result-title { font-weight: bold; font-size: 1.2em; border-bottom: 1px dotted #ccc; padding-bottom: 2px; margin-bottom: 2px; margin-top: 10px; }
dl.search-results .result-category { display: inline-block; color: #999; font-size: 11px; float: right; margin-top: -24px; }
dl.search-results .result-text { font-size: 12px }
dl.search-results .result-created { color: #999; font-size: 11px; }
/* @end
   ================================================== */
/* @group Tables
   ================================================== */

/* =Tables=
	weblinks, newsfeeds, category

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
table.weblinks, table.newsfeeds, table.category, table.jlist-table { width: 100% }
    table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th { background-image: url("../images/dark_gradient.png"); background-repeat: repeat-x; background-position: 0 bottom; color: #fff; padding: 3px 3px 5px; font-size: 12px; text-align: left; }
        table.weblinks th a, table.newsfeeds th a, table.category th a, table.jlist-table th a { color: #fff !important; text-decoration: none; }
    table.weblinks td, table.newsfeeds td, table.category td, table.jlist-table td { padding: 3px; color: #666666; }
        table.weblinks td p, table.newsfeeds td p, table.category td p, table.jlist-table td p { margin-bottom: 0px }
        table.weblinks td a, table.newsfeeds td a, table.category td a, table.jlist-table td a { font-weight: bold; text-decoration: none; }
        table.weblinks td a:hover, table.newsfeeds td a:hover, table.category td a:hover, table.jlist-table td a:hover { color: #000; text-decoration: underline; }
    table.weblinks td.hits, table.newsfeeds td.hits, table.category td.hits, table.jlist-table td.hits { text-align: center; padding: 10px; }
    table.weblinks tr, table.newsfeeds tr, table.category tr, table.jlist-table tr { border: 1px solid #ababab }
td.table_footer { background: #dddddd url(../images/table_footer.gif) bottom left repeat-x }

/* =General Table Styles=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
table { width: 100%; margin-bottom: 10px; }
th, td { padding: .2em 1em; text-align: left; vertical-align: top; }
thead th { padding: .4em 1em .2em }
thead th.table-head { font-size: 1em; font-weight: normal; text-transform: uppercase; }
table.tableStyle caption { font-style: italic; text-align: left; margin-bottom: 10px; }
table.tableStyle th { background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 2px 10px; }
table.tableStyle td { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 2px 10px; }

/* =Zebra Stripes=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
.cat-list-row0 td, .cat-list-row1 td { -webkit-box-shadow: 1px 1px 0px #efefef inset; -moz-box-shadow: 1px 1px 0px #efefef inset; box-shadow: 1px 1px 0px #efefef inset; border: 1px solid #ababab; }
.cat-list-row1 { background: #dedede }
/* @end
   ================================================== */
/* @group Components
   ================================================== */

/* =Contact=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
.jicons-icons { float: left; padding: 0 7px 0 0; }
.contact-image img { margin: 10px 0 10px 10px }
.contact-user-details { margin: 10px 0 10px }
.contact-form, .contact-links, .contact-miscinfo { margin-top: 10px }

/* =Newsfeeds=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
.feed-description { font-style: italic; color: #666; margin-bottom: 10px; }
.feed-item-description img { margin: 4px 10px 10px 0; border: 2px solid #cccccc; }
/* @end
   ================================================== */
/* @group Panels
   ================================================== */

/* =Panels=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
div.panel { border: 1px solid #ababab; margin-bottom: 15px; background: #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
    div.panel .content { padding: 10px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; border-top: 1px solid #bbb; background: #ffffff url("../images/content_wrapper.png") repeat-x 0 0; }
    div.panel h3.pane-toggler, div.panel h3.pane-toggler-down { background: #ffffff url(../images/content_wrapper.png) repeat-x; padding: 5px; font-size: 12px; margin-bottom: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
    div.panel h3.pane-toggler-down { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; border-bottom: 1px solid #ccc; }
    div.panel h3.pane-toggler a { display: block; height: 21px; text-decoration: none; background: url(../images/down.png) no-repeat right 50%; }
    div.panel h3.pane-toggler-down a { display: block; height: 21px; text-decoration: none; background: url(../images/up.png) no-repeat right 50%; }
/* @end
   ================================================== */
/* @group Login Styles
   ================================================== */

/* =Login Styles=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
div.login-fields { padding: 5px 0 }
    div.login-fields label { width: 24%; display: inline-block; }
p#form-login-username label, p#form-login-password label { width: 160px; display: block; }
p#form-login-remember label { font-size: .9em; font-weight: normal; line-height: 25px; }
p#form-login-remember input { float: left; margin-right: 5px; }
form#form-login ul { margin: 0; padding: 0; }
    form#form-login ul li { list-style-type: none; margin-left: 20px; font-size: .9em; }
/* @end
   ================================================== */
/* @group top menu
   ================================================== */

/* =Top/Footer Menus=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
#top ul.joomla-nav, #footer_menu ul.joomla-nav, #top ul.joomla-nav-menu, #footer_menu ul.joomla-nav-menu { margin-right: 0; margin-bottom: 0px; }
    #top ul.joomla-nav li, #footer_menu ul.joomla-nav li, #top ul.joomla-nav-menu li, #footer_menu ul.joomla-nav-menu li { display: inline; margin: 0 20px 0 0; }
#top li a, #footer_menu li a { font-size: 11px; text-decoration: none; }
#top li a:hover, #footer_menu li a:hover { text-decoration: underline }
#top { float: right; margin-bottom: 10px; color: #ccc; text-align: right; }
    #top a { color: #999 }
    #top a:hover { color: #fff }
#top-empty { height: 6px }
/* @end
   ================================================== */
/* @group horizontal menu
   ================================================== */

/* =Main Menu=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
#hnav, #hnav * { margin: 0; padding: 0; list-style: none; }
#navbar a,#navbar span { padding: 0 10px 0 10px; text-decoration: none; line-height: 30px; }
#hnav { line-height: 1.0 }
    #hnav ul { position: absolute; top: -999em; width: 18em; /* left offset of submenus need to match (see below) */ }
        #hnav ul li { width: 100% }
    #hnav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
    #hnav li { float: left; position: relative; }
    #hnav a, #hnav span { display: block; position: relative; font-size:8pt; }
    #hnav li:hover ul, #hnav li.sfHover ul { left: 0; top: 38px; /* match top ul list item height */ z-index: 99; }
ul#hnav li:hover li ul, ul#hnav li.sfHover li ul { top: -999em }
ul#hnav li li:hover ul, ul#hnav li li.sfHover ul { left: 18em; /* match ul width */ top: 0; }
ul#hnav li li:hover li ul, ul#hnav li li.sfHover li ul { top: -999em }
ul#hnav li li li:hover ul, ul#hnav li li li.sfHover ul { left: 18em; /* match ul width */ top: 0; }
/* arrows  */
#hnav a.sf-with-ul { padding-right: 25px; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position: absolute; display: block; right: 10px; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 15px; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers  */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }
/* point right for anchors in subs  */
#hnav ul .sf-sub-indicator { background-position: -10px 0 }
#hnav ul a > .sf-sub-indicator { background-position: 0 0 }
/* apply hovers to modern browsers  */
#hnav ul a:focus > .sf-sub-indicator, #hnav ul a:hover > .sf-sub-indicator, #hnav ul a:active > .sf-sub-indicator, #hnav ul li:hover > a > .sf-sub-indicator, #hnav ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }
/* shadows for all but IE6  */
.sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -webkit-border-radius: 0 0 17px 17px; -moz-border-radius: 0 0 17px 17px; border-radius: 0 0 17px 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent }
/* @end
   ================================================== */
/* @group Joomla Layout
   ================================================== */

/* =Joomla Layout=

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
   ================================================== */
.category-desc { margin-bottom: 10px; overflow: hidden; }
.cols-1 { display: block; float: none !important; margin: 0 !important; }
.cols-2 .column-1 { width: 46%; float: left; }
.cols-2 .column-2 { width: 46%; float: right; margin: 0; }
.cols-3 .column-1 { float: left; width: 29%; padding: 0px 5px; margin-right: 4%; }
.cols-3 .column-2 { float: left; width: 29%; margin-left: 0; padding: 0px 5px; }
.cols-3 .column-3 { float: right; width: 29%; padding: 0px 5px; }
.items-row { overflow: hidden; float: left; }
.column-1, .column-2, .column-3 { padding: 10px 5px }
.column-2 { width: 55%; margin-left: 40%; }
.column-3 { width: 30% }
.blog-more { padding: 10px 5px }
.item { margin-bottom: 5px; /*float: left;*/ }
.blog .item-separator { margin-bottom: 30px }
.items-leading { float: left }
.content_item { float: left; margin-bottom: 20px; }
/* @end
   ================================================== */

.mod-languages {float:right; margin-right:0;}
.lang-active {border-top:2px solid white;}
#header img {border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;}

/* =========================================================================
   FSE — Stilizare meniu sidebar „Vezi mai mult”  (v2, potrivit pe markup real)
   Markup țintă:  div.module.fse-menu > h3 + ul.joomla-nav > li > a
   Se adaugă în CSS-ul propriu (fse-custom.css / user.css al temei).
   Activat prin Module Class Suffix:  " fse-menu"  (cu spațiu în față).
   Ancorat pe #left/#right ca să bată regula temei  #left .module { ... }.
   ========================================================================= */

/* variabile locale */
.module.fse-menu{
  --navy:#1b2a4a; --red:#c0392b; --orange:#e07830; --cream:#f7f6f3;
  --ink:#22303f; --muted:#5c6b7a; --line:#e4e0d8;
}

/* ---- CONTAINERUL MODULULUI (bate #left .module / #right .module) ---- */
#left .module.fse-menu,
#right .module.fse-menu,
.module.fse-menu{
  background:#fff !important;
  background-image:none !important;          /* elimină ../images/mod_bg.png */
  border:1px solid var(--line) !important;
  border-radius:12px !important;
  box-shadow:0 4px 14px rgba(27,42,74,.06) !important;  /* elimină inset-ul gri */
  overflow:hidden !important;
  padding:0 !important;                       /* tema pune 10px */
  margin-bottom:20px !important;
}

/* ---- TITLUL "Vezi mai mult" ---- */
#left .module.fse-menu > h3,
#right .module.fse-menu > h3,
.module.fse-menu > h3{
  background:linear-gradient(135deg,var(--navy) 0%,#233a63 100%) !important;
  color:#fff !important;
  font-size:1rem !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
  line-height:1.3 !important;
  margin:0 !important;
  padding:.9rem 1.1rem .9rem 2.6rem !important;
  border:0 !important;
  text-transform:none !important;
  position:relative !important;
}
/* iconiță „meniu” în titlu */
.module.fse-menu > h3::before{
  content:"" !important;
  position:absolute !important;
  left:1.1rem !important; top:50% !important; transform:translateY(-50%) !important;
  width:1.1rem !important; height:1.1rem !important;
  background-color:#fff !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'/%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'/%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'/%3E%3C/svg%3E") center/contain no-repeat !important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'/%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'/%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'/%3E%3C/svg%3E") center/contain no-repeat !important;
}

/* ---- LISTA  ul.joomla-nav ---- */
.module.fse-menu ul.joomla-nav,
.module.fse-menu ul{
  list-style:none !important;
  margin:0 !important;
  padding:.5rem !important;
  background:none !important;
}
.module.fse-menu ul.joomla-nav > li,
.module.fse-menu ul > li{
  margin:.15rem 0 !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  list-style:none !important;
}

/* ---- LINKURILE ---- */
.module.fse-menu ul.joomla-nav > li > a,
.module.fse-menu ul > li > a{
  display:flex !important;
  align-items:center !important;
  gap:.75rem !important;
  padding:.7rem .8rem .7rem .7rem !important;
  border:0 !important;
  border-radius:8px !important;
  color:var(--navy) !important;
  font-weight:600 !important;
  font-size:.94rem !important;
  line-height:1.25 !important;
  text-decoration:none !important;
  background:none !important;
  transition:background .15s, color .15s !important;
  position:relative !important;
}

/* pastila iconiței */
.module.fse-menu ul > li > a::before{
  content:"" !important;
  width:32px !important; height:32px !important; flex:0 0 auto !important;
  border-radius:8px !important;
  background-color:var(--cream) !important;
  transition:background-color .15s !important;
}
/* iconița (mască colorată, peste pastilă) */
.module.fse-menu ul > li > a::after{
  content:"" !important;
  position:absolute !important;
  left:.7rem !important; top:50% !important; transform:translateY(-50%) !important;
  width:32px !important; height:32px !important;
  background-color:var(--red) !important;
  -webkit-mask:var(--ic) center/1.05rem no-repeat !important;
  mask:var(--ic) center/1.05rem no-repeat !important;
  transition:background-color .15s !important;
  pointer-events:none !important;
}

/* hover / focus */
.module.fse-menu ul > li > a:hover,
.module.fse-menu ul > li > a:focus{
  background:var(--navy) !important;
  color:#fff !important;
}
.module.fse-menu ul > li > a:hover::before,
.module.fse-menu ul > li > a:focus::before{
  background-color:var(--red) !important;
}
.module.fse-menu ul > li > a:hover::after,
.module.fse-menu ul > li > a:focus::after{
  background-color:#fff !important;
}

/* pagina curentă (Joomla: .current / .active pe <li>) */
.module.fse-menu ul > li.current > a,
.module.fse-menu ul > li.active > a{
  background:var(--cream) !important;
  color:var(--navy) !important;
}
.module.fse-menu ul > li.current > a::before,
.module.fse-menu ul > li.active > a::before{ background-color:var(--red) !important; }
.module.fse-menu ul > li.current > a::after,
.module.fse-menu ul > li.active > a::after{ background-color:#fff !important; }

/* =========================================================================
   ICONIȚE PE POZIȚIE (ordinea din meniu)
   1 Ghid de studii · 2 Burse · 3 Orare și sesiuni · 4 Finalizare studii
   Dacă reordonezi meniul, mută blocurile în aceeași ordine.
   ========================================================================= */
.module.fse-menu ul > li:nth-child(1) > a{
  --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E");
}
.module.fse-menu ul > li:nth-child(2) > a{
  --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='7'/%3E%3Cpolyline points='8.21 13.89 7 23 12 20 17 23 15.79 13.88'/%3E%3C/svg%3E");
}
.module.fse-menu ul > li:nth-child(3) > a{
  --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
}
.module.fse-menu ul > li:nth-child(4) > a{
  --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10v6M2 10l10-5 10 5-10 5z'/%3E%3Cpath d='M6 12v5c3 3 9 3 12 0v-5'/%3E%3C/svg%3E");
}
.module.fse-menu ul > li:nth-child(n+5) > a{
  --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E");
}