/* CSS Document */

html {
background: url(../images/background.jpg) left top #EBEBEB;
background-repeat:no-repeat;
}

body {
	margin:0 auto;
	padding:0;
	height:auto !important;
	height:100%;
	min-height:100%;
	font:62.5%/1.3 Arial, Helvetica, sans-serif;
	color:#000;
	background: transparent;
	width:800px;
}

#header
{
	background-image: none);
	background-repeat: no-repeat;
	background-position: right top;
}

#header h1 {
	height: 44px;
	width: 194px;
	margin: 0px;
	padding: 0px;
}
#header h1 a {
	font-size: .7em;
	text-decoration: none;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	height: 160px;
	width: 229px;
	text-indent: -9999pt;
	display: block;
	position: absolute;
	top: 10px;
	margin-left: 20px;
	left: 74px;
}

ul, ol, li, form, fieldset, label, optgroup, legend, a, img, br {
	margin:0; padding:0; border:0;
}

select, input {
	padding:0; margin:0;
        width: 160px;
}
select {
 width: 165px;
}
select option {
 background-color: white;
 color: black;
}
textarea {
 	width: 220px;
}
p {
	font:inherit;
	color:inherit;
	margin:0 0 1.5em 0;
	text-align: right;
}
a {
	text-decoration:underline; color:#000;
}
a:hover {
	text-decoration:none;
	color:#6098A5;
}
h3 {
	padding:0 0;
	margin:3px 0 15px 0;
	font:bold 1.8em Arial;
	color:#54ABBC;
}
table {
	border-collapse:collapse;
}
table td {
	padding:0; vertical-align:top;
	font:11px;	
}
table.form {
	border-collapse:separate;
}
table.form tr {
}
table.form td {
	padding:2px; margin: 4px; vertical-align:middle;
	font-size: 11px;	
}
.clear {
	clear:both;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}
.block {
	display:block;
}
.alignRight {
	text-align:right;
}
.alignCenter {
	text-align:right;
}
.centerImg {
	display:block; margin:0 auto;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.container {
	overflow:hidden;
}






.header {
	width:100%;
	background:url(../images/header_img-trans.gif) no-repeat right top;
}

.logo {
	padding:38px 0 0 0;
}

h6 {
	color:#fff;
	font:bold 11px Geneva, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}

label {
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
}
input[type="text"], input[type="password"], select, textarea {
	border:1px solid #000;
	background:none;
	color:#fff;
	font:11px Arial, Helvetica, sans-serif;
	padding:1px 2px;
}

.loginTable td {
	padding:0 0 5px 0;
}
.loginTable td label {
	margin-right:10px;
}
.loginTable {
	margin:10px 0 0 auto;
}


.banPlace {
	margin:10px 0;
}
.banPlace img {
	display:block;
	margin:0 auto;
}

.content {
	background:url(../images/content_back.gif) no-repeat left top;
	min-height:279px;	
	background-color: #656565;
	height:expression(this.scrollHeight < 279? "279px" : "auto");
        width: 800px;
}
.contentBottom {
	background:url(../images/content_bottom_back.gif) no-repeat left bottom;
	padding-bottom:12px;
} 

.contTable {
	width:100%;
}

.contTd {
	width:800px;
}

.text {
	color:#000;
	font:1.0em Arial, Helvetica, sans-serif;
	padding:0px 15px 10px 15px;
	line-height:17px;
}

.leftBlock {
	padding:20px 22px;
}

h4 {
	color:#2087BB;
	padding:0;
	margin:0;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
}
h4 a, h4 a:hover {
	color:#2087BB;
	text-decoration:none;
}
.aboutBlock {
	font:12px Arial, Helvetica, sans-serif;
	line-height:20px;
	background:url(../images/separator.gif) no-repeat left bottom;
	padding:8px 0;
}
.footer {
	font:11px Arial, Helvetica, sans-serif;
	padding:15px 0;
}
.botMenu {
	text-align:center;
	color:#000;
	font:inherit;
}
.botMenu a, .botMenu a:hover {
	font:inherit;
	color:#000;
	text-decoration:none;
}

.copy {
	color:#000;
	text-align:center;
	font:inherit;
	margin:6px 0 0 0;
}

.tab_inactive
{
background:url(../images/tab_inactive.jpg) left top no-repeat;
text-align:center;
font-size: 10px;
font-weight: bold;
}
.tab_active
{
color:#000;
text-align:center;
background:url(../images/tab_active.jpg) left top no-repeat;
font-size: 10px;
font-weight: bold;
}

.tab_inactive a
{
font-size:10px;
color:#fff;
text-decoration:none;
}
.tab_inactive a:hover
{
color:#BAE9F5;
text-decoration:none;
}
.button
{
	font-size: 10px;
	font-weight: bold;
	height: 22px;
	background-position: center center;
	background-image: url(../images/button.JPG);
	background-repeat: no-repeat;
	background-color: transparent;
}
.button a
{
font-size:10px;
color:#fff;
text-decoration:none;
}
.button a:hover
{
color:#BAE9F5;
text-decoration:none;
}

.description
{
padding:20px 0px 0px 10px;
font:bold 12px Verdana ;
}

.logotips
{
margin-top:13px;
}
.tabsBorders
{
border:0px;
border-top:1px solid #bae9f5;
border-bottom:1px solid #bae9f5;
}
.contactInfo
{
padding-top:15px;
font:9px;
}
.title {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #bae9f5; FONT-FAMILY: Verdana; TEXT-DECORATION: none
}
.title2
{
	color: #BAE9F5;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}
.sublink:link { font-family:Arial; font-size:12px; color:#84CBCF; text-decoration:underline;font-weight:bold; }
.sublink:visited  { font-family:Arial; font-size:12px; color:#84CBCF; text-decoration:underline;font-weight:bold; }
.sublink:hover  { font-family:Arial; font-size:12px; color:#84CBCF; text-decoration:underline;font-weight:bold; }

.eventSelectedDate
{
	font-size: 10pt;
	font-style: italic;
	font-family: Georgia;
}
.progress
{
	border-right: #d3d3d3 2px solid;
	padding-right: 2px;
	border-top: #d3d3d3 2px solid;
	display: block;
	padding-left: 6px;
	padding-bottom: 2px;
	margin: 0px;
	border-left: #d3d3d3 2px solid;
	width: 120px;
	padding-top: 2px;
	border-bottom: #d3d3d3 2px solid;
	font-weight: bold;
	font-size: 8pt;
	font-family: Verdana;
	background-color: #ffffff;
	color: #696969;
}

.gridHeader
{
	height: 31px;
	background-image: url(../images/box-results-top-bg.gif);
	background-repeat: repeat-x;
	color: #000000;
	padding: 0px 6px 0px 6px;
}
.gridCell
{
	padding: 7px;
}

.box_title { font-family:Verdana; font-size:12px; color:#B8E9F7; text-decoration:none; font-weight:bold; }
.box_content { font-family:Verdana; font-size:9px; color:#ffffff; text-decoration:none; }


.formTabl {
	width:314px;
	background:#393939;
}
.formTabl td {
	border-bottom:1px solid #000;
	padding:0 10px;
	vertical-align:middle !important;
	color:#B1BCCB;
	font:12px Arial, Helvetica, sans-serif;
}
.formTabl td input[type="text"] {
	padding-top:4px;
	padding-bottom:4px;
	width:95%;
}

.formTabl select {
	font-size:11px;
}

.contactT textarea {
	width:95%;
	height:80px;
	border:1px solid #000;
	background:none;
	color:#fff;
	font:11px Arial, Helvetica, sans-serif;
	padding:1px 2px;
}


.contDiv {
	background:#393939;
	padding:5px 10px;
	margin-bottom:2px;
}

.titleOut {
	background:url(../images/title_left.gif) no-repeat left top;
}
.titleIn {
	background:url(../images/title_right.gif) no-repeat right top #565759;
	margin-left:7px;
	text-align:center;
	padding:1px 0;
	color:#BAE9F5;
	font:bold 12px Arial, Helvetica, sans-serif;
}

.contTable1 {
	width:100%;
}
.contTable1 td {
	width:50%;
	padding:10px;
}


.searchForm table td {
	padding:2px 0;
	font-weight:bold;
}
.searchForm table td input, .searchForm table td select {
	width:95%;
}

.titleBlack {
	background:#000;
}
.titleBlack td {
	padding:5px 10px;
}

.titleBlue {
	color:#fff !important;
	font:bold 12px Arial, Helvetica, sans-serif !important;
	padding:5px 10px !important;
	background:#2087BB;
}

#form_panel_left, #form_panel_right {
 margin-right: 10px;
}
#form_panel_center {
 margin: 0px auto;
 width: 800px;
 text-align:center;
}

#form_panel_center table, #form_panel_left table, #form_panel_right table {
 min-width: 250px;
 text-align: left;
 margin: 0px auto;
}
#form_panel_center table tr td, #form_panel_left tabl tr td, #form_panel_right table tr td{
 padding: 4px;
 vertical-align: middle;
}

#errorExplanation {
 color: pink;
 padding: 10px;
 padding-left: 20px;
 width: 100%;
}
#errorExplanation ul {
 margin-left: 20px;
}
input[type=image] {
}
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(../images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../images/treeview-red.gif); } 

.treeview-black li { background-image: url(../images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../images/treeview-black.gif); }  

.treeview-gray li { background-image: url(../images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../images/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(../images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../images/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../images/file.gif) 0 0 no-repeat; }

/* Main Style Sheet for jQuery UI date picker */
#datepicker_div, .datepicker_inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#datepicker_div {
	display: none;
	border: 1px solid #777;
	z-index: 9999; /*must have*/
}
.datepicker_inline {
	float: left;
	display: block;
	border: 0;
}
.datepicker_rtl {
	direction: rtl;
}
.datepicker_dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
button.datepicker_trigger {
	width: 25px;
}
img.datepicker_trigger {
	margin: 2px;
	vertical-align: middle;
}
.datepicker_prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .datepicker_prompt {
	width: 185px;
}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.datepicker_control {
	background: #400;
	padding: 2px 0px;
}
.datepicker_links {
	background: #000;
	padding: 2px 0px;
}
.datepicker_control, .datepicker_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.datepicker_links label { /* disabled links */
	padding: 2px 5px;
	color: #88;
}
.datepicker_clear, .datepicker_prev {
	float: left;
	width: 34%;
}
.datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev {
	float: right;
	text-align: right;
}
.datepicker_current {
	float: left;
	width: 30%;
	text-align: center;
}
.datepicker_close, .datepicker_next {
	float: right;
	width: 34%;
	text-align: right;
}
.datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next {
	float: left;
	text-align: left;
}
.datepicker_header {
	padding: 1px 0 3px;
	background: #333;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.datepicker_header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.datepicker {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.datepicker a {
	display: block;
	width: 100%;
}
.datepicker_titleRow {
	background: #777;
}
.datepicker_daysRow {
	background: #eee;
	color: #666;
}
.datepicker_weekCol {
	background: #777;
	color: #fff;
}
.datepicker_daysCell {
	color: #000;
	border: 1px solid #ddd;
}
.datepicker_daysCell a{
	display: block;
}
.datepicker_weekEndCell {
	background: #ddd;
}
.datepicker_titleRow .datepicker_weekEndCell {
	background: #777;
}
.datepicker_daysCellOver {
	background: #fff;
	border: 1px solid #777;
}
.datepicker_unselectable {
	color: #888;
}
.datepicker_today {
	background: #fcc !important;
}
.datepicker_currentDay {
	background: #999 !important;
}
.datepicker_status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#datepicker_div a, .datepicker_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.datepicker_inline .datepicker_links a {
	padding: 0 5px !important;
}
.datepicker_control a, .datepicker_links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.datepicker_titleRow a {
	color: #eee !important;
}
.datepicker_control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.datepicker_links a:hover, .datepicker_titleRow a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.datepicker_multi .datepicker {
	border: 1px solid #777;
}
.datepicker_oneMonth {
	float: left;
	width: 185px;
}
.datepicker_newRow {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.datepicker_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
.menu {
	display:block;
	padding-top:10px;
	font-size: 15px;
}
.menu_mov2 {
	display:block;
	padding-top:5px;
	font-size: 12px;
}
.menu_first{
	display:block;
	height:30px;
    width:20px;
	background-image:url(../images/menu_left.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration:none;
        text-align: center;
}
.menu_mov{
	display:block;
	height:41px;   
	width:20px;
	background-image:url(../images/menu_left.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration:none;
        text-align: center;
}
.menu_item{
	display:block;
	height:41px;
	background-image:url(../images/backmenu.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration:none;
        text-align: center;
}
.menu_item_mov{
	display:block;
	height:30px;
	background-image:url(../images/backmenumov.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration:none;
        text-align: center;
}
.menu_last {
	display:block;
	height:41px;
    width:20px;
	background-image:url(../images/menu_right.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration:none;
        text-align: center; 
        padding-right: 20px;
}
.menu_last_mov {
	display:block;
	height:30px;
    width:20px;
	background-image:url(../images/menu_right.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration:none;
        text-align: center; 
        padding-right: 20px;
}
.menu_item:hover{
	display:block;
	height:41px;
	background-image:url(../images/backmenu-over.gif);
	background-repeat: repeat-x;
	text-decoration:none;
    text-align: center;
}
.menu_item_mov:hover{
	display:block;
	height:30px;
	background-image:url(../images/backmenumov-over.gif);
	background-repeat: repeat-x;
	text-decoration:none;
        text-align: center;
}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/pojects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.3em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
.text-normal {
	font-size: 1.3em;
}

