@charset "UTF-8";

/* * * * * * * *
 * HYPERLINKS
 */
a img { border: 0; vertical-align: middle; text-decoration: none !important; }
a img[alt ~= "Icon"] { padding: 3px; border: 1px solid transparent; vertical-align: middle; }
a:link img[alt ~= "Icon"], a:visited img[alt ~= "Icon"] { }
a:hover img[alt ~= "Icon"], a:active img[alt ~= "Icon"] { border: 1px dashed #466d36; background: #e8ffde; }
#imagebox a:link img[alt ~= "Icon"],#imagebox a:visited img[alt ~= "Icon"] { border: 2px dashed #fff; background: transparent; margin-right: 2px; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; }
#imagebox a:hover img[alt ~= "Icon"],#imagebox a:active img[alt ~= "Icon"] { filter:alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
.ui-tabs-nav a:link, .ui-tabs-nav a:visited { font-weight: normal; }
a:link, a:visited { color: #466d36; text-decoration: none; font-weight: bold; }
table.table a:link, table.table a:visited { text-decoration: none; }
a:hover, a:active { color: #6bb849; }
a.info:link,
a.info:visited { text-decoration: none !important; border-bottom: 1px dashed #466d36; padding-bottom: -2px; }
a.info:hover, a.info:active { border-color: #6bb849; }
#page-content a:link, #page-content a:visited { text-decoration: underline !important: }


/* * * * * * * *
 * SMILEYS
 */
.smiley { width: 11px; height: 11px; display: inline-block; vertical-align: middle; background: transparent url(../img/smiley_set.gif) 0 0 no-repeat; }
.smile    { background-position:  0   0; }
.twinky   { background-position: -11px 0; }
.happy    { background-position: -22px 0; }
.lol      { background-position: -33px 0; }
.neutral  { background-position: -44px 0; }
.sad      { background-position: -55px 0; }
.angry    { background-position: -66px 0; }
.shock    { background-position: -77px 0; }
.confused { background-position: -88px 0; }
.tongue   { background-position: -99px 0; }


/* * * * * * * *
 * FORM ELEMENTS
 */
#page fieldset { margin: 20px 0; }
fieldset { border: 1px dashed #cfcfcf; padding: 10px; margin: 0; }
fieldset legend { color: #165c44; font-size: 14px; margin: 0; padding: 0 10px; background: #fff; }

.img_preview { max-width: 200px; max-height: 300px; }

/* * * * * * * *
 * PROGRESS BAR
 */
.prog_bar { border: 1px solid black; width: 150px; height: 10px; margin-top: 3px; }
.prog_value { background: url(../img/progress.gif) repeat-x; height: 10px; }


/* * * * * * * *
 * LIST
 */
.tree { list-style: none !important; border-color: #d8d8d8; border-style: solid; border-width: 0; }
.tree li { list-style: none !important; margin: 0 10px; padding: 0; border-bottom-width: 1px; }
.tree li a { margin: 0; padding: 4px 3px 6px 3px; display: block; }
.tree li a:active, ul.tree li a:hover { text-decoration: none; }
.tree li.first { border-bottom-top: 1px; margin-top: -2px; }
.tree li.last { border-bottom-width: 1px; }
.tree li ul li.last { background: url(../img/ul_tree_last.gif) no-repeat 0 0; }
.tree li ul { list-style: none !important; margin: 0 0 2px; padding: 0; border-width: 0; }
.tree li ul li { margin: 0 0 0 8px; padding: 1px 0 3px 18px; border-bottom-width: 0px; background: url(../img/ul_tree.gif) no-repeat 0 1px; }
.tree li ul li a { padding: 0; }


/* * * * * * * *
 * MESSAGES
 */
.message.error > *, .message.error               { border-color: #b60000; color: #b60000; }
.message, .message.warning > *, .message.warning { border-color: #ff9c00; color: #ff9c00; }
.message.success > *, .message.success           { border-color: #009b1d; color: #009b1d; }
.message.info > *, .message.info                 { border-color: #2460d2; color: #2460d2; }
.message.question > *, .message.question         { border-color: #1c56cd; color: #1c56cd; }

/* * * * * * * *
 * TOPNAVIGATION
 */
.user-indicator { letter-spacing: 0.12em; font-weight: bold; color: #125533; padding: 3px 7px; font-size: 12px; }
 
.navroot a,.navroot a:visited,.navroot a:link,.navroot :visited { color: #000; text-decoration: none; font-weight: normal; }
#app-navigation .navroot a, #app-navigation .navroot a:visited, #app-navigation .navroot a:link, #app-navigation .navroot :visited { padding: 2px 7px; font-size: 18px; }
#user-navigation .navroot a, #user-navigation .navroot a:visited, #user-navigation .navroot a:link, #user-navigation .navroot :visited { color: #125533; padding: 0px 5px; font-size: 10pt; }
#user-navigation .navroot a.active:link, #user-navigation .navroot a.active:visited,
#user-navigation .navroot a:active, #user-navigation .navroot a:hover { color: #b9b9b9; }
#app-navigation .navroot a.active:link, #app-navigation .navroot a.active:visited,
#app-navigation .navroot a:active, #app-navigation .navroot a:hover { color: #000; background: #efefef; }
#user-navigation .navhover { color: #124503; text-decoration: underline; }
#app-navigation  .navhover { color: #124503; background: #efefef; }
#user-navigation .navroot ul ul a { font-size: 10pt !important; }
#app-navigation  .navroot ul ul a { font-size: 10pt !important; }
#app-navigation .navroot ul li ul a:hover { background: #b9b9b9; }
#user-navigation .navroot ul ul li { background: #fff; border: 1px solid #cfcfcf !important; border-top: 0 !important; }
#app-navigation  .navroot ul ul li { background: #efefef; border: 1px solid #cfcfcf; border-top: 0; }

#user-navigation a.active { color: white !important; }

/* * * * * * * *
 * IMAGEBOX 2
 */
#media-manager {}
#media-manager a:link,
#media-manager a:visited { text-decoration: none; }
#media-manager a:hover,
#media-manager a:hover .imgbox_list,
#media-manager a:active { text-decoration: none; }
#media-manager .imgbox_list { position: relative; overflow: hidden; border: 1px solid #000; width: 100px; height: 100px; float: left; margin: 5px; }
#media-manager .imgbox_list.folder {}
#media-manager .imgbox_list.folder img.theimage { width: 36px; height: 36px; padding: 32px; border: 0 !important; background: none !important; }
#media-manager .imgbox_list.file { overflow: hidden; text-align: center; }
#media-manager .imgbox_list.file span { display: inline-block; height: 100%; width: 1px; margin-left: -1px; vertical-align: middle; }
#media-manager .imgbox_list.file img.theimage { max-width: 100px; display: table-cell; vertical-align: middle; border: 0 !important; background: none !important; }
#media-manager .imgbox_list .tools { top: 0; position: absolute; text-align: left; width: 100px; background: rgba(255,255,255, 0.5); }
#media-manager .imgbox_list .title { bottom: 0; color: #fff; padding: 5px 3px 3px 3px; background: rgba(0,0,0, 0.5); font-size: 8px; position: absolute; width: 94px; }