/* ~~~ Dynamic SITEFORUM CSS file ~~~ www.siteforum.com/design ~~~ */

/* ~~~ calendar.css ~~~ */
#calendarYear .year { width:100%; }
#calendarYear .month { vertical-align:top; padding-bottom:.5em; }
#calendarYear .month td { text-align:center; }
#calendarYear .month .headline { display:block; padding:.3em .3em; background-color:#eee; font-weight:bold; }

#calendarPopup .calendar td, #calendarMini .calendar td { text-align:center; font-size:.9em; }
#calendarMini { text-align:center;width:90%;padding-left:10px; }

.calendarPager { margin:.5em 0; padding:.2em .3em; font-weight:bold; background-color:#eee; border:1px solid #ccc; }
.calendarPager .textCenter { position:relative; }
.calendar { width:100%; border-collapse:collapse; }
.calendar a:link, .calendar a:visited { text-decoration:none; color:#333; }
.calendar a:hover, .calendar a:active { text-decoration:none; color:#036; }
.calendar td { border:1px solid #a8a8a8; vertical-align:top; padding:.3em .2em; }

.calendar .trTop td { width:13%; font-weight:bold; background-color:#eee; text-align:center; }
.calendar td.tdLeft { width:9%; vertical-align:middle; background-color:#eee; text-align:center; }
#calendarDay .trTop td { width:91%; }
#calendarDay .trTop .tdLeft { width:9%; }

#calendarMonth .calendar .today, #calendarDay .today { border:2px solid #036; }
#calendarWeek .today {
    border-top:1px solid #999;
    border-right:2px solid #036;
    border-bottom:1px solid #999;
    border-left:2px solid #036;
}
#calendarWeek .trTop .today {
    border-top:2px solid #036;
    border-bottom:1px solid #036;
}
#calendarWeek .todayBottom {
    border-top:1px solid #999;
    border-right:2px solid #036;
    border-bottom:2px solid #036;
    border-left:2px solid #036;
}
#calendarPopup .today, #calendarYear .today, #calendarWeek .trTop .today, #calendarMini .today { background-color:#036; }
#calendarPopup .today a, #calendarYear .today a, #calendarWeek .trTop .today a, #calendarMini .today a { color:#fff; }

a.event1, a.event0 { clear:both; display:block; border-width:1px; border-style:solid; padding:.2em; margin:.2em; font-size:.9em; }
a.event1 { border-color:#507396; background:url(/global_files/backgrounds/vgr/bg_vgr_greyblue_50x50_02.jpg) repeat-x #d0dbdf; }
a.event0 { border-color:#ccc; background:url(/global_files/backgrounds/vgr/bg_vgr_orange_50x50_02.jpg) repeat-x #ffd392; }
.event { background:url(/global_files/backgrounds/symbols/bg_delta_transparent_bt100.gif) bottom right no-repeat; }

#calendarMonth .event0 { width:80px; overflow:hidden; }

.calendar .add { display:block; width:16px; text-align:center; float:right; }
.calendar a.add:link, .calendar a.add:visited { background-color:#eee;color:#666; }
.calendar a.add:hover, .calendar a.add:active { background-color:#f60;color:#fff; }
#calendarWeek .add { margin-bottom:1em; }

#calendarMonth .nbr { background-color:#eee; color:#036; width:2.5em; display:block; margin-bottom:2em; text-align:center; padding:.4em 0; font-weight:bold;}
#calendarMonth .weekend .nbr { background-color:#ccc; }
#calendarMonth .today .nbr { background-color:#036;color:#fff; }

#calendarMonth .anotherMonth { background-color:#eee; }
#calendarMonth .anotherMonth .nbr { color:#999; }

tr.allday, tr.main {}
tr.morning td, tr.evening td { padding:0em .2em; color:#666; background-color:#f3f3f3; }
tr.morning td.weekend, tr.evening td.weekend, td.weekend { background-color:#ccc; }
/* ~~~ gatewayBox.css ~~~ */
.sfsGatewayBox .gBox
{
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	background-color:#fff;
	margin-bottom:0.9em;
}
.sfsGatewayBox .gBox .head
{
	border-bottom:1px solid #666;
	background-color:#293B70;
	color:#fff;
	padding:0.5em;
}
.sfsGatewayBox .gBox .head a:link,
.sfsGatewayBox .gBox .head a:visited,
.sfsGatewayBox .gBox .head a:hover,
.sfsGatewayBox .gBox .head a:active
{
	color:#fff;
	text-decoration:none;
}
.sfsGatewayBox .gBox a:link,
.sfsGatewayBox .gBox a:visited,
.sfsGatewayBox .gBox a:hover,
.sfsGatewayBox .gBox a:active
{
	color:#293B70;
	text-decoration:none;
}
.sfsGatewayBox .gBox .head a.colorNavigation
{
	width:19px;
}
.sfsGatewayBox .gBox .head img
{
	border:0px;
	vertical-align:middle;
	display:none;
}
.hrmHomepage .sfsGatewayBox .gBox .head img
{
	width:19px;
	display:inline;
}
.sfsGatewayBox .gBox select
{
	width:250px
}
.sfsGatewayBox .gBox .list ul
{
	margin:1em .5em 1em 0em;
	padding-left:.5em;
	list-style-type:none;
}
.sfsGatewayBox li
{
	line-height:1.3em;
	padding:.5em 0em;
	border-bottom:1px solid #eee;
}

.sfsGatewayBox li a
{
	font-weight:bold;
}

.sfsGatewayBox li .fontFaceL a
{
	font-weight:normal;
}
.sfsGatewayBox .more
{
	text-align:right;
	display:block;
	padding-right:1em;
}
table.sfsGatewayBox tr td
{
	padding:0.5em;
}

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

.sfsGatewayBox .typeImg li
{
    padding:.2em 0em 0em 0em;
    border-bottom:1px solid #eee;
    display:block;
    height:60px;
    overflow:hidden;
}
.sfsGatewayBox .typeImg li a.img
{
    width:30px;
    height:40px;
    display:block;
    background-color:#eee;
    border:1px solid #fff;
    margin:0;
    float:left;
}
.sfsGatewayBox .typeImg li a.nf
{
    display:block;
    float:left;
    width:80px;
    height:45px;
    overflow:hidden;
    background-color:#eee;
    border:1px solid #999;
    margin-right:5px;
    text-align:center;
}
.sfsGatewayBox .typeImg li a.nf2
{
    display:block;
    float:left;
    width:80px;
    height:45px;
    overflow:hidden;
    margin-right:5px;
    text-align:center;
}

.sfsGatewayBox .typeImg li div
{
    display:block;
    margin:0 0 0 40px;
}
.sfsGatewayBox .typeIntro ul
{
    margin:0;
    padding-left:0;
}
.sfsGatewayBox .typeIntro li
{
    display:block;
    float:left;
    width:31%;
    border:1px solid #ccc;
    background-color:#fff;
    margin:1% 0 0 1%;
    padding:0;
}
.sfsGatewayBox .typeIntro li img
{
    vertical-align:middle;
    margin:5px 2px 5px 5px;
    border:0;
}
.sfsGatewayBox .typeIntro li a
{
    font-weight:bold;
    text-decoration:none;
}
.sfsGatewayBox .typeOneRow li
{
    overflow:hidden;
    white-space:nowrap;
}
/* ~~~ network.css ~~~ */
/* ~~~ personal tools / header ~~~~~~~~~~~~~~~~ */

#sfsPersonalToolNetworkHeader
{
    padding:0em 0em 1em 0em;
    height:6.5em;
}
#sfsPersonalToolNetworkHeader div.left
{
    margin:0em .7em 0em 0em;
    padding:0em 1em 1em .3em;
}
#sfsPersonalToolNetworkHeader .sep
{
    border-right:1px solid #ccc;
}
#sfsPersonalToolNetworkHeader div.left ul
{
    list-style-type:none;
    margin:.5em 0em 0em 0em;
    padding:0em;
}

/* ~~~ contact profile ~~~~~~~~~~~~~~~~ */

#sfsContactProfile
{
    background-image:url(/global_files/backgrounds/vgr/bg_vgr_grey_50x50_02.jpg);
    background-repeat:repeat-x;
    background-position:top;
    padding:0em;
    border:1px solid #ccc;
    background-color:#fff;
}
#sfsContactProfile .cFace
{
    background-image:url(/global_files/backgrounds/hgr/bg_hgr_lightgrey_300x70.jpg);
    background-repeat:repeat-y;
    background-position:top;
    margin:0em;
    padding:0em 1em 0em 1em;
    border-right:1px solid #ccc;
    float:left;
    text-align:center;
    width:21.5%;
    height:21em;
}
#sfsContactProfile .cImage
{
    height:164px;
    text-align:center;
    margin:1em .2em .5em 0em;
}
#sfsContactProfile .cImage img
{
    margin:0;
    border:1px solid #ccc;
    padding:2px;
}
#sfsContactProfile .cData
{
    float:left;
    width:68%;
}
#sfsContactProfile .cBasicData
{
    margin:.5em 0em .5em 1em;
}

/* ~~~ contact quickView and dataRelease ~~~~~ */

.sfsContactQuickView
{
    padding:.5em;
    background-color:#fff;
}
.sfsContactQuickView img,
.sfsContactQVS img
{
    border:0;
}
.sfsContactQuickView .left,
.sfsContactQVS a.left
{
    width:30px;
    height:40px;
    overflow:hidden;
    margin-right:5px;
}
.sfsContactDataRelease
{
    padding:0em 1em 1em 0em;
    background-color:#fff;
    line-height:2.5em;
}
.sfsContactDataRelease input
{
    vertical-align:middle;
}
/* ~~~ message view ~~~~~~~~~~~~~~~~ */

.sfsMessageSubject, .sfsMessageContent
{
    padding:.5em;
    margin-bottom:.5em;
    background-color:#fff;
    overflow:auto;
}
/* ~~~ network_contactPath_v02.css ~~~ */
/* ~~~ contact path (version02) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.sfsContactPath
{
    background-image:url(/global_files/backgrounds/symbols/bg_vgr_cpathline_5x40.gif);
    background-repeat:repeat-x;
    background-position:top;
    margin:0 0 .5em 0;
}
.sfsContactPath .first
{
    float:left;
    width:147px;
    height:40px;
    margin:0 0 5px 0;
    padding:.1em .35em .1em .1em;
}
.sfsContactPath .middle
{
    float:left;
    width:147px;
    height:40px;
    margin:0 0 5px .6em;
    padding:.1em .35em .1em .1em;
}
.sfsContactPath .last
{
    float:right;
    width:147px;
    height:40px;
    background-image:none;
    margin:0 0 5px 0;
    padding:.1em .35em .1em .1em;
}
.sfsContactPath .first2
{
    float:left;
    width:32px;
    height:40px;
    margin:0 0 5px 0;
    padding:.1em .35em .1em .1em;
}
.sfsContactPath .last2
{
    float:right;
    width:30px;
    height:40px;
    background-image:none;
    margin:0 0 5px 0;
    padding:.1em;
}
.sfsContactPath .first2 span,
.sfsContactPath .last2 span
{
    display:none;
}
.sfsContactPath .cPerson
{
    border:1px solid #ccc;
    background-color:#fff;
    background-image:url(/global_files/backgrounds/symbols/bg_vgr_cpath_5x40.gif);
    background-repeat:no-repeat;
    background-position:top right;
    overflow:hidden;
    font-size:.8em;
}
.sfsContactPath .cPerson a.cImg
{
    float:left;
    margin-right:.3em;
    width:30px;
    height:40px;
    background-color:#eee;
}
.sfsContactPath .cPerson img
{
    border:0;
}
.sfsContactPath .morePaths
{
    text-align:right;
    font-size:.9em;
}