/*
		hagelstamska.fi
		Copyright Jaagon - Last updated 080520

		Colors 
		597a7d HS green
		cce2c7 HS lite green
		FF681E orange
		000 HS black
		fff HS white


		FONT-FAMS
		Helvetica, Arial, Verdana
		Georgia, Times, "Times New Roman"
		'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif

*/


/* Resets & Basic Setup a la Tripoli */
/*
 *   Tripoli is a generic CSS standard for HTML rendering. 
 *   Copyright (C) 2007-2008 David Hellsing
 *   
 *   http://devkick.com/lab/tripoli/
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
**
_______________________________
RESET (Edit: html can not have background:#FFF; - it breaks body background patterns in Safari/FF on Mac */
*{text-decoration:none;font-size:1em;outline:none;margin:0;padding:0}code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext{font:inherit;white-space:normal}a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym{border-width:0}dfn,i,cite,var,address,em{font-style:normal}th,b,strong,h1,h2,h3,h4,h5,h6,dt{font-weight:400}caption,th,td{text-align:left}html{color:#000;line-height:1;font-family:arial, sans-serif}/* \*/html{font-family:sans-serif}/* */q{quotes:"\201C""\201D""\2018""\2019"}ul,ol,dir,menu{list-style:none}sub,sup{vertical-align:baseline}a{color:inherit}
/*
_______________________________
DISABLE DEPRECATED HTML */
font,basefont{color:inherit;font:inherit;font-size:100%}center,*[align]{text-align:inherit}s,strike,u{text-decoration:inherit}img{border:none;margin:0}ol{list-style-type:decimal}body{background-color:transparent}tr,th,td{width:auto;height:auto;background-color:transparent;vertical-align:inherit;border:none}table[border],
.content table[border]{border-collapse:separate;border-spacing:0}
nobr{white-space:normal}marquee{overflow:visible;-moz-binding:none}blink{text-decoration:none}/*
_______________________________
GENERAL */
html{font-size:100%}body{font-size:62.5%}a{text-decoration:underline}strong,th,thead td,h1,h2,h3,h4,h5,h6,dt{font-weight:700}cite,em,dfn{font-style:italic}code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea{font-size:100%;font-family:mono-space,monospace}pre{white-space:pre}pre *{font-size:100%;white-space:pre}del{text-decoration:line-through}ins,dfn{border-bottom:1px solid #000}small,sup,sub{font-size:85%}big{font-size:125%;line-height:80%}abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em}abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #000}sup{vertical-align:super}sub{vertical-align:sub}blockquote{padding-left:2.2em}hr{display:none/* We will re-reset it later for content */}:lang(af),:lang(nl),:lang(pl){quotes:'\201E' '\201D' '\201A' '\2019'}:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro){quotes:'\201E' '\201C' '\201A' '\2018'}:lang(da),:lang(hr){quotes:'\00BB' '\00AB' '\203A' '\2039'}:lang(el),:lang(es),:lang(sq),:lang(tr){quotes:'\00AB' '\00BB' '\2039' '\203A'}:lang(en-GB){quotes:'\2018' '\2019' '\201C' '\201D'}:lang(fi),:lang(sv){quotes:'\201D' '\201D' '\2019' '\2019'}:lang(fr){quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'}*[lang|='en'] q:before{content:'\201C'}*[lang|='en'] q:after{content:'\201D'}*[lang|='en'] q q:before{content:'\2018'}*[lang|='en'] q q:after{content:'\2019'}input,select,button{cursor:pointer}input[type='text'],input[type='password']{cursor:text}input[type='hidden']{display:none}
/*
_______________________________
CONTENT by Tripoli - changes later under topic: typography */
.content{font-size:0.8em;line-height:1.3em;/*was 1.2/1.6*/}
.content h1{font-size:1.6em;line-height:1;margin:1em 0 .5em}
.content h2{font-size:1.5em;line-height:1;margin:1.07em 0 .535em}
.content h3{font-size:1.4em;line-height:1;margin:1.14em 0 .57em}
.content h4{font-size:1.3em;line-height:1;margin:1.23em 0 .615em}
.content h5{font-size:1.2em;line-height:1;margin:1.33em 0 .67em}
.content h6{font-size:1em;line-height:1;margin:1.6em 0 .8em}
.content hr{display:block;background:#000;color:#000;width:100%;height:1px;border:none}
.content ul{list-style:disc outside}
.content ol{list-style:decimal outside}
.content table{border-collapse:collapse}
.content hr,.content p,.content ul,.content ol,.content dl,.content pre,.content address,.content table,.content form{margin-bottom:1.6em}
.content p+p{margin-top:-.8em}
.content fieldset{margin:1.6em 0;padding:1.6em}/* \*/.content legend{padding-left:.8em;padding-right:.8em}/* *//* for Opera 8 */@media all and min-width 0px{.content legend{margin-bottom:1.6em}
.content fieldset{margin-top:0}
.content[class^='content'] fieldset{margin-top:1.6em}}
.content fieldset>*:first-child{margin-top:0}
.content textarea,.content input[type='text']{padding:.1em .2em}
.content input{padding:.2em .1em}
.content select{padding:.2em .1em 0}
.content select[multiple]{margin-bottom:.8em}
.content option{padding:0 .4em .1em}
.content button{padding:.3em .5em}
.content input[type='radio']{position:relative;bottom:-.2em}
.content dt{margin-top:.8em;margin-bottom:.4em}
.content ul,.content ol{margin-left:2.2em}
.content caption,.content form div{padding-bottom:.8em}
.content ul ul,content ol ul,.content ul ol,content ol ol{margin-bottom:0}
/*
_______________________________
VISUAL PLUG */
blockquote{color:#666}blockquote > *:first-child:before /* Tripoli bonus: pure CSS blockquote */{content:"\201C";font-size:2.5em;margin-left:-.62em;font-family:georgia,serif;padding-right:.2em;color:#aaa;line-height:0}
abbr[title],acronym[title],dfn[title]{border-bottom:1px solid #ccc}ins,dfn{border-bottom-color:#666}del{color:#666}fieldset{border-color:#ccc}
textarea,input[type='text'],input[type='password'],select{border:1px solid #ccc;background:#fff}
fieldset{border:1px solid #ccc}
textarea:hover,input[type='text']:hover,input[type='password']:hover,select:hover{border-color:#aaa}
textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus{outline:2px solid #e4e4e4;border-color:#888}
.content hr{background:#aaa;color:#aaa}
.content table{border-top:1px solid #ccc;border-left:1px solid #ccc}
.content th,.content td{border-bottom:1px solid #ddd;border-right:1px solid #ccc}
.content th,.content td{padding:.8em}
a:link{color:#36c}
a:visited{color:#99c}
a:hover,code,pre{color:#c33}
a:active,.a:focus{color:#000}
/*
_______________________________
TYPE PLUG */
.alt{font-family:"baskerville italic","Warnock Pro","Goudy Old Style","Palatino","palatino linotype","Book Antiqua",Georgia, serif;font-style:italic;font-weight:400}.dquo{margin-left:-.55em}/*
_______________________________
END */



/* Globals */
.content .imgfull { padding: 0; clear: both; }
.content .imgright, .content img[align="right"] {float: right; clear: none;padding-left: 15px;}
.content .imgleft, .content img[align="left"] {float: left; clear: none; padding-right: 15px;}
.content img[style="margin: 0px; float: left;"] {float: left; clear: none; padding-right: 15px;}



.content .textfield {}
.content .inputbox {}
.content input.inputbox[type="checkbox"] {}			/* checkboxes */
.content input.inputbox[type="radio"] {} 				/* radios */
.content input[type="submit"],										/* buttons - Avoid line-height */
	.content input.button {			
	color: #fff;
	background: #;
	border: 1px solid #000;
	border-color: #666 #000 #000 #666;
	}
	.content input.button:active {									/* Create press-down effect */
	border-width: 2px 0 0 2px;
	border-color: #333 #333 #333 #333;
	}	
.content input[type='file'] {
	background: #ffc;
	border: 1px dashed #ddd;
	padding: 2px;
	}
.content select {}






/* ------------------------ STRUCTURE ------------------------ */
body.content  {
	text-align: center;		/*** IE/Win (not IE/MAC) alignment of page ***/
	}

.content #wrapper {
	background: transparent;
	margin: 0 auto 0; /* auto sets alignment to center for non-IE */
	text-align: center;
	width: 960px;
	padding: 0;
	border: 0px solid #000;
	overflow: hidden;
	}

.content #innerwrapper {
	width: 940px;			/* This site is built as non-stretching, otherwise here would be a min-width */
	background: #fff;
	padding: 0;
	margin: 0;
	border: 10px solid #597a7d;
	border-width: 0 10px 10px;
	text-align: left;
	overflow: hidden;
	}
	* html .content #innerwrapper {width: 100%;}

.content #header {
	width: 940px;
	height: 150px;
	background: transparent url(/hagelstam/templates/jaagon15/images/header.jpg) 0 0; 
	clear: both;
	padding: 0; 
	border: 0;
	margin: 0;
	overflow: hidden;
	border-bottom: 0px solid #FF681E;
	}

.content #acrosstop {
	width: 940px;
	clear: both;
	min-height: 25px;
	background: #597a7d;
	padding: 5px 0 5px 0;
	overflow: hidden;
	position: relative;
	}
	* html .content #acrosstop {width: 940px; padding-right: 0; height: 35px;}

/* pagebody is the wrapper for the holy grail */
.content #pagebody {
	/* min-width: 630px;        2x (LC fullwidth + CC padding) + RC fullwidth */
	padding: 0;
	padding-left: 225px; 					/* LC fullwidth */
	padding-right: 225px;					/* RC fullwidth + CC padding */
	background: #f6f1d3;
	text-align: left;
	overflow: hidden;							/* Whithout this all browsers go crazy - makes the sidebar trick work */
	margin: 0;
	position: relative;						/* Without this sidebars are a mile long in IE7 */
	border-bottom: 0 solid #000;
	}
  * html .content #pagebody {height: 1%;}   /* Whithout this 1% height, IE collapses a little */

.content #maingroup {
	width: 490px;
	padding: 0 0 10px 0;		/* CC padding */
	margin: 0;
	}

	.content #maincontent {
		width: 460px;
		padding: 15px;
		background: transparent;
		}
		* html .content #maincontent {width: 100%;}
	
	.content #maintrailer {
		width: 460px;
		padding: 15px;
		background: transparent;
		clear: both;
		}
	
.content #leftside {
	width: 205px;             			/* LC width */
	padding: 10px;		       	 		/* LC padding */
	right: 225px;               		/*  LC fullwidth + CC padding */
	margin-left: -100%;						/* -LC fullwidth */
	background: #cce2c7;
	}
	* html .content #leftside {								/*** IE Fix ***/ 
		position: relative;
		left: -225px;              				/* RC fullwidth */
		}
			
.content #rightside {
	width: 205px;										/* RC width */
	padding: 10px;								/* RC padding */
	margin-right: -100%;						/* -(RC fullwidth + CC padding). If CCpad not added, FF works, Safari not. - or -100%? */
	background: #ece4b1;
	overflow: hidden;
	}
	* html .content #rightside {								/*** This fix not used in original HG code ***/ 
		position: relative;
		left: 0px;
		width: 225px;										/* To help poor IE6 give the right sidebar the right width */
		}

.content #maingroup, .content #leftside, .content #rightside {
	float: left;					
	position: relative;  						 /* Sometimes needs a pos relative as well */
	padding-bottom: 2010em;     		/* X + padding-bottom */
	margin-bottom: -2010em;     		/*  X */
	}

.content .clearfix:after {			/*** IE Fix to clear for next element ***/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
/* Hides this IE fix from IE-mac Tan & Holly Hacks \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* Footer */
.content #footer {
	width: 960px;
	height: 30px;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0 0 20px 0;
	}

* html #footer-wrapper {
			float: left;
			position: relative;
			width: 100%;
			padding: 0;
			padding-bottom: 10010px;
			margin-bottom: -10000px;
			background: transparent;         /*** Same as body background ***/
		}







/* --------------------- GENERAL TYPOGRAPHY & COLOR ------------------------ */
/* DEFAULTS */
body.content {
	font-family: 'Lucida Grande', Helvetica, Arial; 
	background: #000 url(/hagelstam/templates/jaagon15/images/darkpattern2.gif) 0 0;
	}
.content p+ul {margin-top: 0;}
h1,h2,h3,h4,h5,h6{font-weight:400}
.content h1{font-size:2em;line-height:1;margin:1em 0 .5em}
.content h2{font-size:1.5em;line-height:1;margin:1.07em 0 .535em}
.content h3{font-size:1.3em;line-height:1;margin:1.14em 0 .57em;
						font-weight:900;}
.content h4{font-size:1.1em;line-height:1;margin:1.23em 0 .615em;
						font-weight:900;}
.content h5{font-size:1em;line-height:1;margin:1.33em 0 .67em;
						font-weight:900;}
.content h6{font-size:1em;line-height:1;margin:1.6em 0 .8em;
						font-weight:900; color: #999;}

.content #maincontent .contentheading,			/* All headings/headlines in main area */
.content #maincontent .componentheading {} /* {font-size:2em;line-height:1;margin:.5em 0 .5em} */
	* html .content #maincontent .contentheading {} /*margin-top:1em;} */

.content #wrapper {word-wrap: break-word;}

.content #maincontent table {border: 0; padding: 0;}
.content #maincontent table td {border: 0; padding: 0; margin: 0;}



/* HEADINGS */
.content #maincontent div.contentheading {		/* Formheadings i.e. */				
	}
.content #maincontent td.contentheading { 	 	/* Article & blog heading enclosure */
	}
.content span.contentheading {
	}
.content .componentheading {									/* Blog pageheading, search, other comps */
	}
.content td.contentheading a.contentpagetitle {  				/* This is the blog heading when as link */
	}
.content td.contentheading a.contentpagetitle:hover {		/* This is the blog heading as hover */
	}

.content #maincontent div.leading h2.contentheading {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 10px;
	}

/* OTHER MAIN ELEMENTS */
.content p.articleinfo {
	color: #999;
	font-size: 0.8em;
	}
.content p.iteminfo {
	color: #999;
	font-size: 0.8em;
	}

.content div.leading {
	margin-top: 0;
	padding-top: 0;
	}

.content div.leading p.iteminfo {
	display: none;
	}

.content #maincontent p.buttonheading {  /* Icons by the header, hard to place */
/*	display: none; */
/*	width: 20px; 
	position: fixed;
	top: 120px;*/
	}

.content span.leading_separator { 				/* Leading separator */
	display: block;
	width: 100%;
	border-top: 1px solid #ddd;
	}																
.content span.article_separator { 
	display: none;
	}																				/* Article separator */
.content span.row_separator { 
	display: none;
	}																				/* Row separator */

.content span.row_separator_list { 				/* Row separator in blog list view */
	display: block;
	width: 100%;
	border-bottom: 1px solid #ddd;
	}																
.content span.leading_separator_list { 				/* Leading separator in blog list view */
	display: block;
	width: 100%;
	border-bottom: 1px solid #ddd;
	}																


.content #maincontent div.article_row div.article_column {
	padding: 15px;
	margin: 0 20px 20px 0;
	float: left;
	width: 180px;
	background: #ff7;
	text-align: center;
	}
.content #maincontent div.article_row div.article_column p {
	text-align: center !important;
	margin: 10px 0 0;
	}
.content #maincontent div.article_row div.article_column h2.contentheading {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 0;
	}
.content #maincontent div.article_row div.article_column p.iteminfo {
	display: none;
	}



/* ACROSSTOP */
.content #acrosstop span.breadcrumbs {
	color: #90aeb1;
	display: block;
	float: left;
	}
	* html .content #acrosstop span.breadcrumbs {padding-top: 5px;}

.content #acrosstop form.search {
	position: absolute;
	right: 0;
	padding: 0;
	width: 300px;
	border: 0px solid #ddd;
	text-align: right;
	}
.content #acrosstop form.search label {
	font-size: 0.9em;
	color: #90aeb1;
	}
.content #acrosstop form.search input#mod_search_searchword {width: 120px; background: #cce2c7; margin: 0;}
	* html .content #acrosstop form.search input#mod_search_searchword {font-size: 0.9em;}



/* FOOTER */
.content #footer p {    													/* Copyright and made by notice */
	font-size: 0.75em;
	line-height: 20px;
	margin: 4px 0 0 auto;
	text-align: right;
	color: #666;
	}

/* MODULES GENERAL TYPO */
.content div.module h3 {
	background: #aaa;
	padding: 1px 5px 0px 8px;
	line-height: 16px;
	font-size: 1.035em;
	font-weight: bold;
	margin: 0 0 4px -2px;
	width: 100%;
	color: #eee;
	}







/* ---------------------------- LINKS -------------------------------- */
/* DEFAULT */
.content a:link 		{color: #007DC1; text-decoration: none;}
.content a:visited	{color: #007DC1; text-decoration: none;}
.content a:hover		{color: #FF681E; text-decoration: none;}
.content a:active		{color: #FF681E; text-decoration: underline;}

/* EXEPTIONS */
.content #footer a 				{color: #aaa;}
.content #footer a:hover	{color: #fff;}

.content #acrosstop a 			{color: #ddd;}
.content #acrosstop a:hover	{color: #fff;}








/* ---------------------------- MODULES -------------------------------- */
/* DEFAULT */
.content div.module {
	padding: 0 10px;
	margin: 0 0 20px 0;
	background: transparent;
	width: 100%;
	}

/* EXEPTIONS */
.content #maintrailer {
	border-top: 0px solid #ddd;
	}

.content #maintrailer div.moduletable div.postit {
	padding: 15px;
	margin: 0 0 20px 0;
	float: left;
	width: 180px;
	overflow: hidden;
	background: #ff7 url(/hagelstam/templates/jaagon15/images/postitshade_corner2.gif) center bottom no-repeat;
	}
.content #maintrailer div.moduletable div.left {margin-right: 20px;}

.content #maintrailer div.moduletable div.postit h3 {
	margin-top: 0;
	padding-top: 0;
	font-size: 1.2em;
	}

.content #maintrailer div.moduletable div.postit p.readon {
	margin-top: 5px;
	float: right;
	}









/* ---------------------------- MENUS -------------------------------- */

/* Menu in sidebar */
.content #leftside div.moduletable_themenuEX {
	background: transparent;
	width: 205px;
	margin: 0;
	padding: 0;
	}
.content #leftside div.moduletable_themenuEX ul {
		padding: 0;
		margin: 0;
		list-style: none;
		}
.content #leftside div.moduletable_themenuEX ul li {
		background: none;
		padding: 5px 0;
		margin: 0;
		font-size: 1.2em;
		font-weight: normal;
		border-bottom: 1px solid #fff;
		background: transparent;
		}
.content #leftside div.moduletable_themenuEX ul li.mainlevel_active ul {
		padding: 5px 0 0 0;
		}
.content #leftside div.moduletable_themenuEX ul ul li {
		background: none;
		padding: 1px 0 1px 10px;
		font-size: 0.8em;
		font-weight: normal;
		border: 0;
		background: transparent;
		}
.content #leftside div.moduletable_themenuEX ul li a {
		background: transparent;
		font-weight: normal;
		color: #000;
		display: block;
		width: 199px;
		padding: 1px 3px;
		text-decoration: none;
		margin: 0;
		}
.content #leftside div.moduletable_themenuEX ul ul li a {
		width: 189px;
		padding: 0 3px;
		}
.content #leftside div.moduletable_themenuEX li a:hover {
		color: #597a7d;
		background: #e1f9db;
		}
.content #leftside div.moduletable_themenuEX ul li a#active_menu {
		font-weight: bold;
		color: #597a7d;
		}


/* Tinier menu above header ex. */
#secondarymenu {						/* When using a dropdown selection, look for Joom!Fish CSS later in this file... */
	background: #000;
	width: 930px;
	height: 30px;			/* Must have height, or FF pulls next div up underneath */
	border: 0px solid #123123;
	margin: 0;
	}
	#secondarymenu ul {
		float: right;
		border: 0px solid #fff;
		margin: 5px 0 7px 0;
		width: 820px;
		padding: 0; /* ----- When using flags */
		}
	#secondarymenu ul li {
		background: none;
		display: block;
		float: right;		/* Start adding blocks beginning from right */
		padding: 0 0 0 15px;
		font-weight: normal;
		}
	#secondarymenu li a {
		background: transparent;
		font-weight: normal;
		color: #666;
		font-size: 1em;
		padding: 0px;
		text-decoration: none;
		margin: 0;
		}
	#secondarymenu li a:hover {
		color: #fff;
		}
	#secondarymenu ul li#active_secondarymenu a {
		color: #fff;
		font-weight: bold;
		}
	#secondarymenu li img {float: left; position: relative; top: 3px; left: -3px;}


/* Menu across */
#menuacross {
	width: 820px; 
	background: #000;
	padding: 0;
	margin: 0 0 20px 0;
	overflow: hidden;
	clear: both;
	border-bottom: 0px solid #3e7937;
	}

	#menuacross ul#mainlevel {
		float: left;
		background: #000;
		clear: both;
		padding: 0;
		margin: 0px 0 0 0px; 
		}
	#menuacross ul#mainlevel li {
		background: transparent;
		margin: 0 1px 0 0;
		line-height: 30px;
		overflow: hidden;
		padding: 0;
		float: left;
		font-weight: normal;
		}	
	#menuacross li a {
		display: block;
		background: transparent;
		font-size: 1.1em;
		line-height: 19px;
		text-transform: uppercase;
		letter-spacing: 0.02em;
		color: #ab7a26;
		padding: 6px 8px 3px 8px;
		text-decoration: none;
		margin: 0;
		}
	
	#menuacross li a:hover {
		text-decoration: none;
		color: #fff;
		background: #313948;
		}
	
	#menuacross ul#mainlevel li a#active_menuacross {
		text-decoration: none;
		color: #fff;
		background: #6f8798 url(/hagelstam/templates/x/images/menuacrossbgx.gif) 0 0;
		}

	#menuacross ul#mainlevel li.mainlevel_active a {
		text-decoration: none;
		color: #fff;
		background: #6f8798 url(/hagelstam/templates/x/images/menuacrossbgx.gif) 0 0;
		}



/* ---------------------------- JEvents -------------------------------- */

.content #maincontent table#jevents_header .contentheading {
	font-size:1.6em;
	line-height:1;
	margin:1em 0 .5em; 
	color: #000;
	}
.content #maincontent table#jevents_body .contentheading {
	font-size:1.4em;
	line-height:1;
	margin:1em 0 .5em; 
	padding-top: 35px;
	color: #597a7d;
	font-weight: 900;
	}

.content #maincontent div.ev_navigation {
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	}
div.ev_navigation div#jumpto {padding: 0; margin: 0;}

/*
div#ev_icon_yearly {
     background-image: url("../../images/cal5x.jpg");
     background-repeat: no-repeat;
}
div#ev_icon_monthly {
     background-image: url("../../images/calendar_view_month.png");
     background-repeat: no-repeat;
}
div#ev_icon_weekly{
     background-image: url("../../images/calendar_view_week.png");
     background-repeat: no-repeat;
}
div#ev_icon_daily{
     background-image: url("../../images/calendar_view_day.png");
     background-repeat: no-repeat;
}
div#ev_icon_search{
     background-image: url("../../images/cal8x.jpg");
     background-repeat: no-repeat;
}
div#ev_icon_jumpto{
     background-image: url("../../images/cal9x.jpg");
     background-repeat: no-repeat;
}
*/

table#jevents_body table form {margin: 30px;}
table#jevents_body table form input.button {
	padding: 3px;
	background: #597a7d;
	}
table#jevents_body table form br {display: none;}

td.iconic_td {
   width:60px!important;
   heigth: 50px !important;
   margin:0px;
   padding:0 5px;
}
div.nav_bar_cal{
   margin:0px;
   padding:0px;
   width:50px;
   height: 50px;
   overflow: hidden;
   margin: 0 5px;
}
div.nav_bar_cal a img {
   margin:0px;
   padding:0px;
   width:50px;
   height: 50px;
   overflow: hidden;
}

tr.icon_labels {
	font-size: 8pt;
	line-height: 1.3;
	margin: 0px;
	padding: 5px 0 0 0;
	}
tr.icon_labels td {
	text-align: center;
	padding: 0 5px;
	}

.cal_td_daysnames {
	border:0;
  height:25px ! important;
  line-height:25px;
  background-image: none;
  background-color: transparent;
  padding-bottom: 5px;
  font-weight:bold;
  text-align:center !important;
  font-size: 0.8em;
	}
.cal_td_daysnames span.saturday,
.cal_td_daysnames span.sunday {color: #aaa; display: block; width: 40px !important;}

ul.ev_ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

ul.ev_ul li.ev_td_li {
	border-style: solid;
 	border-width: 0 0 0 5px;
  border-color: #cce2c7 ! important;
  margin: 0;
  margin-bottom: 5px;
  padding-left: 6px;
  background-image: none;
  list-style: none;
	}

table.ev_table tr {
	float: left;
	clear: both;
	margin-bottom: 12px;
	}

td.ev_td_left {
	background-color: transparent;
	border-width: 0;
	border-right: 0px solid #ccc !important;
	text-align: right;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 7px !important;
	width:100px!important;
	margin-bottom: 5px;
	}

td.ev_td_right {
	padding-left: 7px !important;
	margin-bottom: 5px;
	}

.ev_td_today {
	background-color: transparent;
	border-width: 0;
	border-right: 0px solid #ccc !important;
	text-align: right;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 7px !important;
	width:100px!important;
	margin-bottom: 5px;
	}


#cal_title {
	font-size:1.4em;
	line-height:1;
	margin:0 0 .5em; 
	padding-top: 35px;
	color: #597a7d;
	font-weight: 900;
	text-align:center;
	}

.cal_table {
	width: 97% !important
	table-layout: fixed;
	}

a.ev_link_row:link {
	color: #007DC1 !important; 
	text-decoration: none;
	}
a.ev_link_row:hover {text-decoration: underline !important;}

a.ev_link_cat:link {
	font-size: 0.8em;
	color: #aaa !important;
	}

a.ev_link_weekday:link {
	color: #666;
	}
a.ev_link_weekday:visited {
	color: #666;
	}


.cal_td_weeklink {
  background-color: transparent;
	vertical-align:middle!important;
	border-right: 1px solid #ddd !important;
	font-size: 0.8em;
	}
.cal_td_weeklink a {
	padding: 0 4px 0 0;
	}

.cal_td_daysnoevents {
    background-color: #fff;
    padding: 4px !important;
    border: 1px solid #ddd !important;
    border-width: 0 1px 1px 0 !important;
    vertical-align: top;
   width: 70px !important;
  overflow: hidden;
	}
.cal_td_today {
    background-color: #cce2c7;
    padding: 4px !important;
    border: 1px solid #ddd !important;
   border-width: 0 1px 1px 0 !important;
    vertical-align: top;
	}
.cal_td_daysoutofmonth {
    background-color: transparent;
    padding: 4px !important;
    border: 1px solid #ddd !important;
   border-width: 0 1px 1px 0 !important;
    vertical-align: top;
	font-size: 0.9em;
	color: #ccc;
	font-size: 0.9em;
	}
.cal_td_daysnoevents div div table td {background: #007DC1 !important;}


a.cal_daylink:link {
	color: #999;
	font-size: 0.9em;
	}

a.cal_titlelink:link, a.cal_titlelink:visited, a.cal_titlelink:hover {
	display:block;
	margin-bottom:2px;
	color: #fff;
	background: #007DC1 !important;
	font-size: 0.8em;
	line-height: 1.2;
	padding: 2px;
	}




ul.pagination {float: left; margin-left: auto; margin-right: auto;}
ul.pagination li {
	display: block;
	float: left;
	margin: 0 5px;
	color: #999;
	}
ul.pagination li a {
	}