@import "/global_files/design/navigations/mainMenuDropDown.css";
@import "/global_files/design/navigations/mainMenuDropDown_colors.css";

html, body { border-bottom:1px; }
body {
    background-color:#fff; color:#000;
    font-family:Arial,sans-serif;
    font-size:78%;
}

a:link, a:visited { text-decoration:none; }
a:hover, a:active { text-decoration:underline; }

#sfsWebmailTree { clear:both; margin:5px 0px 0px 2px; font-size:11px; white-space:nowrap; }
#sfsWebmailTree img { vertical-align:bottom; }
#sfsWebmailTree a:link, #sfsWebmailTree a:visited { text-decoration:none; }
#sfsWebmailTree a:hover, #sfsWebmailTree a:active
{ background-color:#eee; text-decoration:none; font-weight:bold; }

/* ~~~ navi first level ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#pmanNaviHead {
    display:block;
    margin:0; padding-top:2px;
    background:#069 url(/global_files/portalfiles/design/bg_hgradient_blue_120.gif) repeat-y top left;
}

#avNavQuick {
    padding:.5em;
    border-bottom:1px solid #036;
    background-image:url(/global_files/backgrounds/vgr/bg_vgr_whitebgrey_60x200.jpg);
    background-position:0px -10px;
    background-repeat:repeat-x;
}

#avNav1Div { clear:both; display:block; padding:6px 0 0 160px; }
#avNav1List { display:block; margin:0; padding:3px 0px 5px 0px; background-color:#036; }
#avNav1List li { display:inline; list-style:none; margin:0; padding:0; }

#avNav1List li a
{
    padding:4px 8px;
    margin:1px 1px 0px 1px;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    text-decoration:none;
    font-weight:bold;
    font-size:1em;
    background:#033668 url(/global_files/portalfiles/design/bg_vgradient_blue_200x30_dark.gif) repeat-x top left;
}

#avNav1List li a:link { color:#fff; }
#avNav1List li a:visited { color:#fff; }
#avNav1List li a:hover {
    color:#fff;
    border-color:#000;
    background:#035587 url(/global_files/portalfiles/design/bg_vgradient_blue_200x30_light.gif) repeat-x top left;
}

#avNav1List li a.avNav1ListActiveA
{
    color:#fff;
    margin:1px 1px 0px 1px;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    border-bottom:1px solid #0e5e8e;
    background:#035587 url(/global_files/portalfiles/design/bg_vgradient_blue_200x30_light.gif) repeat-x top left;
}

#avNav1List .avNav1ListExit { float:right; }
#avNav1List li a.avNav1ListExitA { border:1px solid #ff9f00; border-bottom:none; }
#avNav1List li.inactive2 a {
    color:#ccc;
    background:#fff url(/global_files/backgrounds/vgr/bg_vgr_grey_50x50_01.jpg);
}
#avNav1List li.inactive3 a {
    color:#70A9C6;
    border-color:#036;
    background:#033668 url(/global_files/portalfiles/design/bg_vgradient_blue_200x30_dark.gif);
}
#avNav1List li.inactive a {
    color:#ccc;
    border-color:#ccc;
    background:#fff url(/global_files/backgrounds/vgr/bg_vgr_black_50x100.gif);
}

/* ~~~ navi second level ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#avNav2Div { display:block; margin:0; background-color:#0e5e8e; }
#avNav2List { display:block; margin:0; padding:9px 0px 6px 4px;  }
#avNav2List li { display:inline; list-style:none; margin:0; padding:0; white-space:nowrap; }

#avNav2List li a
{
    padding:5px 7px;
    margin:0 1px 0 0;
    border:1px solid #036;
    text-decoration:none;
    font-weight:bold;
    font-size:0.85em;
    background:#4a93b7 url(/global_files/portalfiles/design/bg_vgradient_blue_300x30_ulight.gif) repeat-x top left;
}

#avNav2List li a:link { color:#036; }
#avNav2List li a:visited { color:#036; }
#avNav2List li a:hover {
    color:#036;
    background-color:#fff;
    border-color:#000;
    background-image:none;
}

#avNav2List li a.avNav2ListActiveA
{
    background:#fff; color:#036;
    border:1px solid #036;
    border-bottom:2px solid #fff;
    background-image:none;
}

#avNav2List .avNav2ListExit { float:right; }
#avNav2List li a.avNav2ListExitA { border:1px solid #ff9f00; border-bottom:none; }

#avNav2List li.inactive a {
    background-color:#ccc;
    color:#bbb;
    border-color:#ccc;
    border-bottom-color:#F5F5F5;
    background-image:url(/global_files/backgrounds/vgr/bg_vgr_grey_50x50_01.jpg);
}

/* ~~~ navi third level ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#avNav3Div
{
    margin:.5em 10px 0 0;
    display:block;
}
#avNav3Div ul
{
    margin:0; padding:0;
    list-style-type: none;
    font-weight:bold;
}
#avNav3Div ul ul
{
    margin:.5em 0;
    padding:0;
}
#avNav3Div ul .section, #subnavi .navi h4
{
    display:block;
    margin:0;
    padding:.3em .3em .2em 1em;
    border-top:1px solid #eee;
    border-right:1px solid #eee;
    border-bottom:1px solid #666;
    border-left:1px solid #eee;
    color:#000;
    font-size:0.85em;
    text-decoration:none;
    font-weight:bold;
}
#subnavi .navi h4
{
    margin:1em 10px .5em 0;
}
#avNav3Div ul li
{
    display:block;
    line-height:1.3em;
}
#avNav3Div ul li a
{
    display:block;
    padding: 2px 10px 1px 10px;
    background-color:#069;
    border-bottom: 1px solid #eee;
}
#avNav3Div a:link, #avNav3Div a:visited
{
    text-decoration:none;
}

#avNav3Div ul ul li a
{
    display:block;
    margin:0 0 0 1em;
    padding:.2em .5em .2em 1em;
    border-top:1px solid #eee;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-left:1px solid #eee;
    font-size:0.85em;
    font-weight:normal;
    text-decoration:none;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-top:1px solid;
    border-left:1px solid;
}

#avNav3Div ul ul li a:link,
#avNav3Div ul ul li a:visited
{
    border-top-color:#eee;
    border-left-color:#eee;
    background-color:#fff;
}

#avNav3Div ul ul li a:hover,
#avNav3Div ul ul li a.active
{
    border-top-color:#333;
    border-left-color:#333;
    background-color:#eee;
}

/* bugfix for lines */

.dialogNavDiv ul li a { line-height:1.8em; }

/* ~~~ dialog / navi linkBox ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a.linkBox,
a.linkBoxActive,
a.linkBoxInactive
{
    float:left;
    display:block;
    padding:5px 5px 4px 5px;
    margin:0px 2px 1px 0px;
    font-size:0.85em;
    font-weight:bold;
}

a.linkBoxMin,
a.linkBoxMinActive
{
    display:block;
    padding:0px 5px 0px 5px;
    margin:0px 1px 1px 0px;
    font-size:0.8em;
}

.linkBox, a.linkBox:link, a.linkBox:visited,
.linkBoxMin, a.linkBoxMin:link, a.linkBoxMin:visited
{
    border:solid #ccc 1px;
    background-color:#eee;
    color:#036;
    text-decoration:none;
}

a.linkBox:hover, a.linkBox:active,
a.linkBoxActive:link, a.linkBoxActive:visited,
a.linkBoxInactive:active, a.linkBoxInactive:hover,
a.linkBoxMin:active, a.linkBoxMin:hover,
a.linkBoxMinActive:link, a.linkBoxMinActive:visited
{
    border:solid #036 1px;
    background-color:#fff;
    color:#036;
    text-decoration:none;
}

a.linkBoxActive:active, a.linkBoxActive:hover,
a.linkBoxInactive:link, a.linkBoxInactive:visited,
a.linkBoxMinActive:active, a.linkBoxMinActive:hover
{
    border:solid #036 1px;
    background-color:#eee;
    color:#036;
    text-decoration:none;
}

/* ~~~ dialog / navi sitemap, files, roles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#sitemap {
   padding: 1em 1.5em;
   }

div#sitemap li {
   padding:0px 0px 0px 24px;
   margin:0;
   list-style-type: none;
   }
div#sitemap li {
   background: url(/global_files/portalfiles/icons/folders06/tree_t.gif) no-repeat 0px 0px;
   }
div#sitemap li.last {
   background: url(/global_files/portalfiles/icons/folders06/tree_e.gif) no-repeat 0px 0px;
   }

div#sitemap li.file {
   background: url(/global_files/portalfiles/icons/b_file.gif) no-repeat 0px 0px;
   }
div#sitemap li.file:hover {
   background: url(/global_files/portalfiles/icons/b_file.gif) no-repeat 0px 0px;
   }

div#sitemap li.folder {
   background: url(/global_files/portalfiles/icons/folders05/tree_folder_1.gif) no-repeat 0px 0px;
   }
div#sitemap li.folder:hover {
   background: url(/global_files/portalfiles/icons/folders05/tree_folder_1o.gif) no-repeat 0px 0px;
   }

div#sitemap ul li span.sfsIconPermission{
   background: url(/global_files/icons/symbols/lock.gif) no-repeat 0px 0px;
   padding:0px 16px 0px 0px;
   }

div#sitemap ul li span.sfsIconRole{
   background: url(/global_files/portalfiles/icons/sf_profile.gif) no-repeat 0px 0px;
   padding:0px 16px 0px 0px;
   }

div#sitemap ul {
   padding: 0px 0px 0px 24px;
   margin: 0px 0px 0px -24px;
   list-style-type: none;
   }

div#sitemap ul {
   background: url(/global_files/portalfiles/icons/folders06/tree_l.gif) repeat-y 0px 0px;
   }

div#sitemap ul.last {
   background-image: none;
   }
div#sitemap li li {
   color:#000;
   }
div#sitemap li.folder:hover {
   color:#c00;
   font-weight: bold;
   }
div#sitemap li.file:hover {
   color:#069;
   font-weight: bold;
   }
div#sitemap li.role {
   font-weight: bold;
   }
div#sitemap li.role ul li.role{
   font-weight: normal;
   }
div#sitemap li.permission {
   font-weight: normal;
   }

div#sitemap li.roleLevel_1 {
   border-bottom:1px solid #ccc;
   }

/* ~~~ dialog / table design, stats ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table.tbdesign01 tr.list {font-size:0.85em; color:#007252; }

table.tbdesign01 tr td.le_acType { text-align:left; border: 1px solid #ddd; }
table.tbdesign01 tr td.le_head { text-align:left; font-weight: bold; border: 1px solid #ccc; }
table.tbdesign01 tr td.ce_head { text-align:center; font-weight: bold; border: 1px solid #ccc; }
table.tbdesign01 tr td.colored { color:#933; }

table.tbdesign01 tr td.ce_darkBG { text-align:center; }
table.tbdesign01 tr td.ce_lightBG { text-align:center; background-color:#fff; }
table.tbdesign01 tr td.ce_darkBG_zero { text-align:center; color:#ccc; }
table.tbdesign01 tr td.ce_lightBG_zero { text-align:center; background-color:#fff; color:#ccc; }

table.tbdesign01 tr td.ce_sum_val { text-align:center; border: 1px solid #ccc; font-weight: bold; color:#933; }
table.tbdesign01 tr td.ce_sum_head { text-align:center; border: 1px solid #ccc; font-weight: bold; color:#000; }

table.tbdesign01 tr td.ce_space { text-align:center; background-color:#fff; }

/* ~~~ fonts ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fontFaceC2 {  font-size:0.85em; font-weight:bold; text-decoration:none; color:#fff; }
.fontFaceC1 {   font-weight:bold; text-decoration:none; color:#333; }
.fontFace {  text-decoration:none; color:#000; }
.fontFaceL {  font-size:0.8em; text-decoration:none; color:#000; }
.fontFaceBig {  font-size:1.2em; font-weight:bold; text-decoration:none; color:#000; }
.fontFaceB {   font-weight:bold; text-decoration:none; color:#000; }
.fontFaceA {   font-weight: normal ; text-decoration:none; color:#036; }
.fontFaceAB {   font-weight:bold; text-decoration:none; color:#036; }

/* ~~~ dialogs ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.pad-left-20 { padding-left:20%; }
.pad-left-22 { padding-left:22%; }
.pad-left-24 { padding-left:24%; }

#pman .dialog table .dialogLines td { height:1px; padding:0; margin:0; }

.dialogLines { background-color:#999; }
.dialogBorder_0 { background-color:#069; }
.dialogHead_0  { background-color:#036; }
.dialogCell_0  { background-color:#fff; }

.dialogListBorder { background-color:#ddd; }
.dialogListHead_1 { background-color:#eee; }

.dialogListCell_1 { background-color:#fff; border-bottom:1px solid #ccc; }
.dialogListCell_2 { background-color:#eee; }
.dialogListCell_3, .dialogListCell_3 td { background-color:#bfd9e5; }
.dialogListCell_4 { background-color:#f96; }
.dialogListCell_5 { background-color:#f63; }
.dialogListCell_6 { background-color:#fc9; }
.dialogListCell_7 { background-color:#00aa0c; }
.dialogListCell_8 { background-color:#afc97e; }

.dialogTableList .c1 { background-color:#fff; }
.dialogTableList .c2 { background-color:#f7f7f7; }
.dialogTableList td { vertical-align:top; border-bottom:1px solid #ccc; }

.dialogListCell_c1 { background-color:#bfd9e5; }

/* ~~~ dialogs / specials ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.sfsBlock
{
    display:block;
    margin:0;
    padding:1em;
    color:#000;
    background-color:#A8BCC5;
    background-image:url(/global_files/backgrounds/vgr/bg_vgr_greyblue_60x200.jpg);
    background-position:0px 0px;
    background-repeat: repeat-x;
    border:3px solid #d3dcE1;
    border-bottom:1px solid #999;
    font-weight:normal;
}
.sfsBlockHead
{
    display:block;
    margin:0em 0 1em 0;
    padding:0.1em 1em;
    background-color:#eee;
    border:3px solid #d3dcE1;
    color:#000;
}
.light, .light a:link, .light a:visited, .light a:hover, .light a:active { color:#999; }
.highlight {
    background-color:#ffe099;
    color:#000;
    border-bottom:1px dotted #c00;
}

/* ~~~ tools ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.invisible { display:none; }
.nowrap { white-space:nowrap; }

.sfsIcons { vertical-align:bottom; }
.sfsIconLeft { float:left; }
.sfsIconRight { float:right; }
acronym  { cursor:help; }
hr
{
    height:1px;
    border:none;
    border-bottom:1px solid #999;
}

/* ~~~ listing ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul.listSimple
{
    list-style:none;
    margin:0em 0 1em 0;
    padding:0;
}
ul.listSimple li
{
    padding:0.1em 0.5em;
}

.listDefault { padding-left:1em; }
.listDefault ul { padding-left:1.5em; }
.listDefault ul li { list-style-type:inherit; }

/* ~~~ layout 2010 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#pman .dialog { background-color:#fff; padding:0; margin:1em 0 0 0; }
#pman .dialog .content { padding:1em; margin:0; }
#pman .dialog table td, #pman .dialog table th { padding:.3em; }

.footerIntro {
    margin-top:3em;
    margin-bottom:2px;
}
#footer {
    border-top:2px solid #ccc;
    clear:both; display:block;
    padding:1em 1em 3em 1em;
}

#sfsBottomMenus
{
    padding:2em 2em;
    line-height:1.6em;
}
#sfsBottomMenus ul
{
    margin:0;
    padding:0;
    list-style-type:none;
}
#sfsBottomMenus ul li
{
    float:left;
    font-weight:bold;
}
#sfsBottomMenus ul li li
{
    float:none;
    font-weight:normal;
    font-size:.9em;
}
#sfsBottomMenus ul li a
{
    margin:.1em .1em 0 .1em;
    padding:.3em 2em .3em 0;
}