@charset "utf-8";
/* CSS Document generated at 2011-11-24 13:20:47 by script from struna.org */

/* body */

body {
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #3C69A5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	}

/* fonts */

.fontBig { font-size: 14px; }
.fontNormal { font-size: 12px; }
.fontSmall { font-size: 10px; }
.fontMini { font-size: 8px; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }

/* a */

a {
	text-decoration: none !important;
	font-weight: bold;
	color: #990000;
	}
a:hover {
	color: #440000;
	}

/* lookout */

div.lookout, span.lookout {
	font-weight: bold;
	color: #FF0000;
	}
div.lookout a, span.lookout a { color: #FF0000; }
div.lookout a:hover, span.lookout a:hover { color: #440000; }

/* ok */

div.ok, span.ok {
	font-weight: bold;
	color: #008800;
	}
div.ok a, span.ok a { color: #008800; }
div.ok a:hover, span.ok a:hover { color: #440000; }

/* container */

#container {
	position: relative;
	top: 0px;
	width: 968px;
	height: auto;
	margin: 20px auto 0px auto;
	}
#containerdiv {
	position: relative;
	top: 0px;
	width: 968px;
	height: auto;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	}

/* container border */

.containerborderleft, .containerborderright {
	position: relative;
	top: 0px;
	width: 100%;
	height: auto;
	}
.containerborderhorizontal {
	display: none;
	}


/* main divs */

#menutop {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 255px 0px 0px 0px;
	width: 968px;
	height: auto;
	overflow: hidden;
	}
#menutop .contentdiv {
	width: 936px;
	}

.maincontent {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	width: 968px;
	height: auto;
	overflow: hidden;
	clear: both;
	}
.maincontent .contentdiv {
	width: 936px;
	}

#leftcolumn {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 250px;
	height: auto;
	overflow: hidden;
	}
#leftcolumn .contentdiv {
	width: 218px;
	}

#rightcolumn {
	float: right;
	margin: 0px 0px 0px 0px;
	width: 170px;
	height: auto;
	overflow: hidden;
	}
#rightcolumn .contentdiv {
	width: 138px;
	}

#maincontentwithleftcolumn {
	float: right;
	margin: 0px 0px 0px 0px;
	width: 718px;
	height: auto;
	overflow: hidden;
	}
#maincontentwithleftcolumn .contentdiv {
	width: 686px;
	}

#maincontentwithrightcolumn {
	float: right;
	margin: 0px 0px 0px 0px;
	width: 798px;
	height: auto;
	overflow: hidden;
	}
#maincontentwithrightcolumn .contentdiv {
	width: 766px;
	}

#maincontentwithleftandrightcolumn {
	float: right;
	margin: 0px 0px 0px 0px;
	width: 548px;
	height: auto;
	overflow: hidden;
	}
#maincontentwithleftandrightcolumn .contentdiv {
	width: 516px;
	}

.contentdiv {
	position: relative;
	top: 0px;
	height: auto;
	overflow: hidden;
	margin: 0px 8px 0px 8px;
	padding: 8px;
	}

.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
	}


/* content divs border */

.contentdivborderleft, .contentdivborderright {
	position: relative;
	top: 0px;
	width: 100%;
	height: auto;
	}
.contentdivborderhorizontal {
	position: relative;
	top: 0px;
	width: 100%;
	height: 8px;
	font-size: 1px;
	line-height: 0px;
	}
.contentdivbordertopcenter, .contentdivborderdowncenter {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 8px 0px 8px;
	height: 8px;
	font-size: 1px;
	line-height: 0px;
	}
.contentdivbordertopleft, .contentdivbordertopright, .contentdivborderdownleft, .contentdivborderdownright {
	position: absolute;
	top: 0px;
	width: 8px;
	height: 8px;
	font-size: 1px;
	line-height: 0px;
	background-repeat: no-repeat;
	}

/* others */

#toplogo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	font-size: 10px;
	}
#copy {
	position: relative;
	top: 8px;
	width: 968px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	}
#copy span {
	padding: 2px;
	}

#logas {
	position: absolute;
	top: 0px;
	right: 0px;
	width: auto;
	height: auto;
	padding: 0px 2px 2px 2px;
	font-size: 10px;
	text-align: right;
	white-space: nowrap;
	}

div.header {
	padding: 2px;
	font-weight: bold;
	text-align: center;
	}

div.webtree {
	padding: 2px;
	font-weight: bold;
	text-align: left;
	font-size: 10px;
	}

/* img */

img { border: 0; }
img.photo { border: 1px solid #000000; }

/* table */

table { margin: 0px auto; }
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 6px;
	color: #000000;
	}
td.name {
	font-weight: bold;
	padding: 7px 6px 6px 6px;
	}
tr.header {
	font-weight: bold;
	}
tr.class1 { background-color: #B80202; }
tr.class2 { background-color: #A40202; }
tr.class1:hover, tr.class2:hover { background-color: #990202; }
tr.class1 td, tr.class2 td { border: 1px solid #AE1707; }

/* form */

input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #EF9302;
	border: 1px solid #EE9102;
	padding: 0px;
	}
input:hover, textarea:hover, select:hover { border-color: #D45F03; }
input.lookout, textarea.lookout, select.lookout { background-color: #999900; }
input, textarea { width: 500px; }
input.button, #maincontentwithleftandrightcolumn input.button  {
	width: auto;
	padding: 0px 4px;
	}
input.small, #maincontentwithleftandrightcolumn input.small { width: 124px; }
input.mini, #maincontentwithleftandrightcolumn input.mini {
	font-size: 10px;
	width: 124px;
	}
input.clear, #maincontentwithleftandrightcolumn input.clear {
	padding: 0px;
	margin: 0px;
	width: auto;
	}

/* ul */

ul.horizontal {
	overflow: hidden;
	list-style: none;
	margin: 0px;
	padding: 0px 0px;
	}
ul.horizontal li {
	display: inline;
	white-space: pre-wrap;
	}
ul.horizontal li a {
	padding: 0px 11px 0px 10px;
	color: #FFFFFF;
	}
ul.horizontal li a:hover {
	padding: 0px 10px 0px 11px;
	color: #FFFFFF;
	}

ul.vertical {
	overflow: hidden;
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: left;
	}
ul.vertical li a {
	display: block;
	padding: 4px 5px 5px 4px;
	}
ul.vertical li a:hover {
	padding: 5px 4px 4px 5px;
	background-color: none;
	background-image: none;
	}
ul.vertical li.small a {
	font-size: 10px;
	padding: 4px 5px 5px 12px;
	}
ul.vertical li.small a:hover {
	padding: 5px 4px 4px 13px;
	}
ul.vertical li.activ a {
	background-color: none;
	background-image: none;
	}

/* pics */

.pics, .picsleft, .picsright {
	position: relative;
	top: 0px;
	float: left;
	width: 136px;
	height: auto;
	margin: 0px 4px 8px 4px;
	font-size: 10px;
	text-align: center;
	}
.picsimg {
	position: relative;
	top: 0px;
	left: 0px;
	width: 126px;
	height: 126px;
	padding: 4px 6px 6px 4px;
	overflow: hidden;
	}
.picsimg:hover {
	padding: 4px;
	border: 1px inset #EE9102;
	}
.picsimg img { border: 1px solid #000000; }
.picsdescription {
	position: relative;
	top: 0px;
	left: 0px;
	width: 132px;
	height: auto;
	margin: 0px 0px 6px 0px;
	padding: 2px;
	overflow: hidden;
	white-space: nowrap;
	}
#picsdescription {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 132px;
	height: auto;
	z-index: 2;
	margin: 0px;
	padding: 2px;
	overflow: hidden;
	background: #AE1707;
	font-size: 10px;
	}
#leftcolumn .pics, #rightcolumn .pics {
	float: none;
	margin: 0px auto 0px auto;
	}
#leftcolumn .picsimg, #rightcolumn .picsimg { height: auto; }
#leftcolumn .picsdescription, #rightcolumn .picsdescription { white-space: normal; }
.picsleft {
	width: auto;
	margin: 4px 8px 4px 0px;
	}
.picsright {
	width: auto;
	float: right;
	margin: 4px 0px 4px 8px;
	}
.picsleft .picsimg, .picsright .picsimg {
	width: auto;
	height: auto;
	}

/* calendar */

.calendar td, .calendar .button { border: none; }
.calendar tr, .calendar td { background: none; }
.calendar table { margin: 0px; }
div.calendar { position: relative; }
.calendar, .calendar .combo {
	border: 1px outset #EE9102;
	padding: 2px;
	}
.calendar .button div { border: 1px solid #EE9102; }
.calendar thead .name {
	border-top: 1px solid  #EE9102;
	border-bottom: 1px solid  #EE9102;
	}
.calendar tbody .time, .calendar tfoot .ttip { border-top: 1px solid  #EE9102; }
.calendar table .wn {
	padding: 2px 3px 2px 2px;
	text-align: center;
	border-right: 1px solid #EE9102;
	}
.calendar tbody td.active { border: 1px inset #EE9102; }
.calendar tbody td.selected { border: 1px inset #440000; }
.calendar thead td.weekend, .calendar tbody td.weekend, .calendar tbody .day.othermonth.oweekend { color: #FF0000; }
.calendar td.time span.hilite, .calendar .combo .active, .calendar tbody td.today, .calendar thead .hilite, .calendar tbody td.hilite { color: #440000; }
.calendar td.time span.active { color: #3C69A5; }
.calendar, .calendar .combo { background: #3C69A5; }
.calendar thead .daynames, .calendar thead .name, .calendar tbody .time, .calendar tbody .rowhilite td, .calendar table .wn { background: #B80202; }
.calendar thead .hilite, .calendar tbody td.hilite, .calendar .combo .hilite, .calendar .combo .active, .calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { background: #990202; }
.calendar td.time span.active { background: #440000; }
.calendar tfoot .ttip { font-size: 10px; }
.calendar td, .calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; }
.calendar thead .title, .calendar thead .daynames, .calendar tbody .time, .calendar tbody td.today, .calendar tbody td.selected, .calendar .combo .active, .calendar tbody td.hilite { font-weight: bold; }
.calendar .button, .calendar thead .daynames, .calendar tbody td.hilite, .calendar .combo, .calendar td.time span { cursor: pointer; }
.calendar thead .hilite, .calendar thead .name, .calendar tbody .time, .calendar tfoot .ttip { padding: 2px; }
.calendar thead .button {
	padding-bottom: 2px;
	padding-top: 2px;
	}
.calendar tbody .day {
	width: 2em;
	text-align: right;
	padding: 2px 4px 2px 2px;
	}
.calendar tbody .day.othermonth { font-size: 80%; }
.calendar tbody td { padding: 1px 3px 1px 1px; }
.calendar tbody td.active, .calendar tbody td.selected { padding: 2px 2px 0px 2px; }
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { padding: 0px 5px 0px 6px; }
.calendar td.time .colon { padding: 0px 2px 0px 3px; }
.calendar tbody .emptycell { visibility: hidden; }
.calendar tbody .emptyrow { display: none; }
.calendar .combo {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 4em;
	border-width: 0 1px 1px 1px;
	z-index: 100;
	font-size: 90%;
	}
.calendar .combo .label, .calendar .combo .label-IEfix { padding: 1px; }
.calendar .combo .label-IEfix { width: 4em; }

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
	z-index: 90;
	background-color: #FCAC01;
	}

#js_log_div, #file_preloader {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	}