﻿body        {   font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif; margin: 0px; background-color: #FFFFFF;font-size: 0.7em;}
a:link      {   color: #000000;}
a:visited   {   color: #000000;}
a:hover     {   text-decoration: none; /*color: #0FACEC;*/ background:#DEDEEF;}
a:active    {   text-decoration: none; color: #DEDEEF;}
input, select, textarea
                    {   font-size:1em; font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;}
/* Use headers in the markup for accessibility reasons but control look with styles below*/
/*
ol
{
    vertical-align: top;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-position: outside;
    left: 0px;
    list-style-type: decimal;
    position: absolute;
    top: 0px;
}
li                  {   vertical-align:top; margin: 0px 0px 0px  0px; padding: 0px 0px 0px 0px;}
*/
h1, h2, h3, h4, h5, h6
                    {   margin: 2px 0 2px 0;}
h1                  {   font-size: 28px; font-weight: bold; margin: 5px 0 5px 0;}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
                    {   text-decoration: none; color: #000000;}
.hBanner            {   font-size: 46px;font-weight:bold;	color: #2994CE;	margin-left: 15px;}
.membercard h3      {   font-size: 1em;}
#loginbanner h2     {   font-size: 1em; font-weight: normal;  margin-top: 8px;}
#poster h2          {   font-size: 13px;font-weight: bold;    color: #50700E;}
.leftblock h2, .rightblock h2, .fullwidth h2
                    {   font-size: 1.6em; }
.leftblock h3       {   font-size: 1em;}
.rightblock h3      {   font-size: 1em;    font-weight: bold;    margin: 0px;    padding: 0px;    display: block;}
.eventmonth h3      {   padding-left: 20px;   padding-right: 20px;}
.eventlist label    {   font-weight: bold;    padding-right: 4px;}

.tighttxt           {   vertical-align:top; margin:  2px 0px 4px  0px; padding: 0px 0px 0px 0px; }

/* Main navigation used by the masterpage */
/* Picture at the top of the site   */
#poster             {   background: url(images/hodeny2.jpg) no-repeat center ;    top: 0px;     width: 930px;    height: 130px;     margin-top: 0px;
                        padding: 10px 0px 10px 0px ;     overflow: visible;    display:block;     position: relative;    z-index:20;}
/*
#poster             {   background: url(images/hode-tk.jpg) no-repeat center ; top: 0px; width: 930px; height: 98px; margin-top: 0px;
                        padding: 0px 0px 0px 0px ; overflow: visible; display:block; position: relative;  elevation:above; }
*/                        /*display:block; position:absolute; z-index:20;*/

.tPoster            {   text-align: right; padding: 0px 8px 0px 0px; vertical-align:bottom; font-size: 2.7em;  font-weight:900; font-variant:  small-caps; color: Navy;}
.gallerycard        {   border : 1px solid #e5e5e5;padding : 0;margin-bottom : 0px;width : 195px;vertical-align:top;}
.tdunderline        {   vertical-align:top; }

/* Navigation strips */
#navtop, #navbottom {   font-size: 11px; font-weight: bold; font-family: Verdana, Helvetica, Helvetica-Narrow, Tahoma, sans-serif;
                        margin-right: auto; margin-left: auto; width: 950px; height: 45px;}
#navbottom          {   margin-top: 15px;}
/*
#footer             {   margin: 0px 0px 0px -2px; text-align: center; position:relative; color: #000000;  width: 935px;
                        padding: 0px 0px 0px 0px; }
.tdfooter           {   margin: -10px 0px 0px 0px; padding: 0px 0px 0px 5px; text-align: left; vertical-align:bottom; border: solid 1px #ddd; }
.tdfooterright      {   margin: 10px 0px 0px 0px; padding: 0px 20px 0px 5px; text-align: right; vertical-align:bottom; border: solid 1px #ddd;}
*/
#footer             {   }
#footerleft         {   background-color:#ddd; top: 0px; left:0px; position: relative; float: left; width: 112px;}
#footermiddle       {   background-color:#ddd;  top: 0px; left:0px; position: relative; float: left; width: 446px; }
#footerright        {   background-color:#ddd;  top: 0px; left:0px; position: relative; float: left; width: 363px; }
#footerspace        {   background-color:#fff;  top: 0px; left:0px; position: relative; float: left; width: 4px; }
#footerspace1       {   background-color:#fff;  top: 0px; left:0px; position: relative; float: left; width: 4px; }
.tdfooterleft       {   color: #000; background-color: #fff; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 5px;   font-size: 0.9em;
                        font-family: Verdana, Arial, Helvetica, sans-serif; border: solid 1px #fff; }
.tdfootermiddle     {   color: #000; background-color: #fff; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 5px;   font-size: 0.9em;
                        font-family: Verdana, Arial, Helvetica, sans-serif; border: solid 1px #fff;}
.tdfooterspace     {   color: #000; background-color: #fff; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 5px;   font-size: 0.9em;
                        font-family: Verdana, Arial, Helvetica, sans-serif; border: solid 1px #fff;}

.tdfooterright      {   color: #000; background-color: #fff; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 5px;   font-size: 0.9em;
                        font-family: Verdana, Arial, Helvetica, sans-serif; border: solid 1px #fff; }




/* Make main navigation bars from a unordered list for easy update and better accessibility */
#navtop ul, #navbottom ul
                    {   margin: 0px; padding-top: 9px; list-style-type: none; height: 19px; text-align: center;}
#navtop ul li, #navbottom ul li
                    {   display: inline; color: #FFFFFF; margin-right: 25px;}
#navtop a:link, #navbottom a:link, #navtop a:visited, #navbottom a:visited
                    {   color: #FFFFFF; text-decoration: none;}
#navtop a:hover, #navbottom a:hover
                    {   text-decoration: underline;}
#navtop a:active, #navbottom a:active
                    {   color: #FEFFBD; text-decoration: none;}
.navmnu             {   /*border: 1px solid #888;*/ vertical-align:top; font-family:Verdana; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; display: inline-table ; z-index:10000; overflow:visible; /* border: solid 3px #0000ff; */ }

.frontimage         {   border: solid 0px #fff; text-align:center; vertical-align:top; width:440px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.frontimagetext     {   font-style:italic; font-size: 1.05em; text-align:center; vertical-align:top; font-weight:bold; padding: 0px 0px 5px 3px; margin:0px 0px 5px 0px;  margin: 0px 0px 0px 0px; /*  background-color:Red;*/ }

.tdimage            {   vertical-align:top; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; /* background-color:Blue;*/ border: 0px;}

.tbFlyStatus        {   margin: 0px 0px 0px 10px; }

/* Formatting common to most pages */
/* Main part of the page that holds contents */
#body               {   width: 950px; margin-top: 7px; margin-right: auto; margin-left: auto;}

/* 2 column layout */
#columnleft         {   top: 0px; left:0px; position: relative; width: 110px; float: left; }
#columnright        {   top: 0px; left:0px; position: relative; width:820px; }
/* Firefox fix */
div#columnright { margin-left: 110px; top : 0; width : 820px; }
.leftblock          {   /*background-color: #EFF1EF;*/ border: 1px solid #ddd; padding: 0px 0px 0px 0px; margin: 5px 0px 10px 0px; z-index: 10;}
.rightblock         {   /*background-color: #EFF1EF; */ border: 1px solid #ddd; padding: 0px 0px 0px 0px; margin: 5px 0px 10px 5px; z-index: 10;}
.clear2column       {   margin:0; padding:0; line-height:0; font-size:0px; height:0px; clear: both;}
.myborder           {   border: 1px solid #ddd;  margin: 0px 1px 1px 1px; padding: 4px 5px 0px 5px;}
.myborder1          {   border: 1px solid #ddd;  margin: 1px 1px 1px 1px; padding: 5px 5px 5px 5px;}
.Pad10block          {   background-color: #EFF1EF; border: 1px solid #ddd; padding: 5px 10px 10px 20px; margin: 0px 0px 0px 0px;}




/* A full width block on the page */

.fullwidth          {   border: 0px solid #0FACEC; width: 920px; margin-right: auto; margin-left: auto; background-color: #EFF1EF; margin-bottom: 10px; padding-left: 15px;
                        padding-right: 15px; padding-top: 10px; padding-bottom: 10px; text-align: left;}
/* for the login block picks up most of its properties from .fullwidth */

#loginbanner        {/*   padding-bottom: 0px; border: 0px solid #0FACEC;	width: 180px; margin-right: auto; margin-left: auto;
	                    background-color: #EFF1EF; margin-bottom: 10px; padding-left: 1px; padding-right: 1px; padding-top: 0px; text-align: left;
                    */}


.frontImage         {   vertical-align:top; margin: 4px 0px 0px 3px; width:500px; z-index:-1; border: 0px; }
/* Goes around controls that need to be presented as a block of functionality  */
.controlblock       {   border: 0px solid #7B7B7B; padding: 3px; margin: 2px 0 5px 0; vertical-align: top;}
/* shows a visual seperation */
.dashedline         {   border-bottom: 0px dashed #7B7B7B; padding-top: 10px; margin-bottom: 10px; clear:right;}
/* Command buttons on pages */
.actionbuttons      {   text-align:right;  position: relative;   padding: 1px 1px 1px 1px;}

/* Calendar specific formatting */
/* Surrounds the calendar */
.eventmonth         {   border: 0px solid #7B7B7B; width: 690px;    margin-right: auto;    margin-left: auto;    background-color: #EFF1EF;
                        margin-bottom: 10px;    padding-left: 15px;    padding-right: 15px;    padding-top: 10px;    text-align: center;}
/* used as the cssclass of the actual calendar */
.eventmonthtable
                    {   width: 690px;    margin-right: auto;    margin-left: auto;    position: relative;    margin-bottom: 15px;
                        border: 0px solid #7B7B7B;    border-collapse:collapse;}
.dayNumber          {   float: right;    border-bottom: 1px solid #7B7B7B;    border-left: 1px solid #7B7B7B;    clear: none;    padding: 2px;}
.calcurrentmonth    {   /* no styles needed at this time */}
.calothermonth      {   background-color: #A0A9A9;}
.calcurrentday      {   background-color: #75ABCE;}
.calweekend         {   background-color: #9CB9D6;/*  width: 15%; */}
.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
                    {   text-align: left; border: 2px solid #7B7B7B;    height: 60px;    vertical-align: top;    /* needed for positioning the dayNumber part */
                        position:relative;     border-collapse:separate;     border-spacing: 5px;}
/* Next / previous specific formatting */
.nextlink           {   position:absolute;     right:0;    padding-right:15px;   }
/*Global formatting*/
/* all the legend tags use this same style */
legend              {   font-weight: bold; color: #666666;    font-size: 1em;    padding-left: 4px;    padding-right: 4px;    margin-bottom: 7px;}
/* apply zero margin to all forms and hide fieldset borders. Keep fieldset borders in the markup for better accessibility */
form                {   margin: 0px;}
fieldset            {   margin: 0px;    padding: 0px;    border: none;}
/* sometimes we hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility) */
.hidden             {   visibility: hidden;}
.none               {   display: none;}
/* Image functionality */
.photo              {   border: solid 0px #7B7B7B; padding: 5px;}
/* background: #7B7B7B url(images/background_thumbnail.jpg) repeat-x center; */
.picture            {   border: solid 0px #7B7B7B;    padding: 5px;    margin: 5px;  }
/* List type pages */
/* represents each item in a vertical list */
.listitem           {   margin:0px 0px 0px 0px;  /*  width: 300px; */   border: solid 0px #000000;}
/* surrounds the buttons for list items */
.editbuttons        {   padding-top: 6px;}
/* floats the thumbnail off to the right */
.thumbnail          {   float: right;    margin: 0 0 0 5px; border: 0px;}
/*used to clear the float for the thumbnail */
.clearlist          {   clear:right;    margin:0px;    padding:0;    height: 0px;    font-size:0px;    line-height:0px;}
/* Used by the page number control */
.PageNumbers        {   display:inline;}
.PageNumbers span   {   padding-left: 3px;}
.newscrumbs a       {   font-weight: bold;    padding-right: 2px;}
/* Used in the two column lists */
.membercard         {   border: 1px solid #E5E5E5; padding: 0px; margin-bottom: 5px; margin: 0px 0px 0px 3px; width: 196px; height:110px;}
.clearcard          {   clear:left;    height:0;    margin:0;    padding:0;}
#membercardcolumnleft { float: left;    position: relative;}
#membercardcolumnright  {margin-left: 226px;}
.membercard p       {   margin: 5px;}
/*  Compact Event list
    define event grid view columns */
/*  todo: use or remove */
.eventlistdate      {   padding-right: 4px;}
.eventlisticon      {   text-align: center;}
.eventlisttime      {   text-align: center;width: 95px;}
.eventlistevent     {   font-weight: bold;}
.eventlistlocation  {   /* no styles needed at this time */}
.eventlist td       {   padding:  0px 0px 0px 0px;}
/* Rollover buttons */
.buttonsmall, .buttonsmall-ovr
                    {   border: none;    color: #000000;    height: 22px;    font-weight: normal;    font-size: 9px;    padding-bottom: 9px;    padding-left: 3px;    padding-right: 3px;    cursor: pointer;    font-family: Verdana, Arial, Helvetica, sans-serif;}
.buttonsmall-ovr    {   text-decoration: underline;    /*background: url(images/play.gif) repeat-x;*/}
/* Page specific */
/* even dowload button */
.downloadevent img  {    margin-right: 5px;    vertical-align: middle;    border: none;}
/* Header on view details type pages */
.itemdetails        {   font-size: 1.3em;}
/* Photo selection controls */
#popupbody          {   font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;    margin: 0px;    background: #7B7B7B;    font-size: 0.7em;}
#popupinner         {   border: 0px solid #DBDB79;    margin: 5px;    background: #FEFFAB;    padding-left: 15px;    padding-right: 15px;    padding-top: 10px;    padding-bottom: 10px;}
#popupbody h2       {   font-weight: bold;    margin: 0px;    padding: 1px 0px 5px 5px;    display: block;}
.selected, .unselected
                    {   width: 80px;    height: 100px;    text-align: center;    padding: 1px 1px 1px 1px;}
.unselected         {   background-color: transparent;    border: solid 0px #7B7B7B;}
.selected           {   background: #7B7B7B; border: solid 0px #0CADE9;}
.scrollablelist     {   overflow: auto; height: 230px; width: 460px; border: solid 0px #0CADE9;}
.scrollablelist2    {   overflow: auto; height: 230px; width: 210px; border: solid 0px #0CADE9;}
.scrolledtable      {}
.selectablephoto    {   border: 0px solid #0FACEC;padding: 2px;}
    /* background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center; */ 
.contextbuttons     {   margin: 5px 3px 5px 3px; }
/* Forms */
/* label column */
.formlabel          {   width:120px;  vertical-align: top;}
/* value column */
.formvalue          {   vertical-align: top;}
.txtfield           {   width:300px;}
.txtblock           {   width:300px;}
.NavTreeSelected    {   text-decoration: none;color: #0FACEC;}

.thread             {	padding-top: 5px;}
.thread h3          {   font-size: 1em; font-weight: bold;  margin: 0px;  padding: 3px 1px 3px 1px;  display: block;}
.forumrow           {	background-color: #fff; /* #fef8a9;*/}
.sectionrow td      {   border-bottom: solid 1px #feed9e;	padding-top: 10px;	font-size: 110%;}
.forumrow .forumleftcell{	border-left: solid 1px #feed9e;}
/* the cells where edit\reply\quote are */
.threadcontrols     {	border-bottom: solid 1px #CCCCCC;	padding: 5px;}
.topicdesc          {   margin: 2px 2px 6px 2px;}
.msgbody            {   max-width: 560px;width: 560px;overflow: auto;padding: 10px;border: solid 1px #DDDDDD;margin-top: 5px;background-color: #FFFFFF;}
.threadlistitem     {	color: #666666;}
.threadlistlink     {	font-size: 105%; font-weight: bold;}
.stickygrid caption {	color: Teal;	padding:4px;	font-weight:bold;	border-top: solid 1px #FFFFFF;	border-bottom: solid 1px #808080;
                    	border-left: solid 1px #FFFFFF;	border-right: solid 1px #808080;text-align:left;margin-bottom: 2px;}
.forumuser h3       {	font-weight:bold;	font-size:1em;}
/* the rest is just to try to make Firefox and IE look similar */
.normalgrid, .stickygrid 
                    {	border-width: 1px 1px 1px 1px; 	border-spacing: 0px;
	                    border-style:  solid solid solid solid; 	border-color: white gray gray white; 	border-collapse: collapse;}
.normalgrid th, .stickygrid th
                    {   border-width: 1px 1px 1px 1px; padding: 2px 2px 2px 3px; border-style: solid solid solid solid; 
	                    border-color: white white white white; 	-moz-border-radius: 0px 0px 0px 0px;}
.normalgrid td, .stickygrid td 
                    {   border-width: 1px 1px 1px 1px; padding: 2px 2px 2px 3px; 	border-style: solid solid solid solid;
	                    border-color: white white white white; 	-moz-border-radius: 0px 0px 0px 0px;}
.errortext          {    color: #FF0000; font-size:large;}
