/* **************************************************************************************
   some general stuff
   ************************************************************************************** */
body {
	margin: 20px 0px 0px 0px;
	font: 12px verdana, sans-serif;
	/*font-size: 12px;*/
	color: #333333;
	/*line-height: 130%;*/
	background-color: #FFFFFF;
	text-align: center;
}
h1, h2, h3, h4, h5, h6, h7, p, div, ul, li, form{
	padding: 0px; 
	margin: 0px;
	}
h1	{
	font-weight: bold;
 	font-size: 18px;
	line-height: 22px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	clear: left;
	}
h1.welcome	{
	/*padding-right: 140px;*/
	}
h2 {
	text-transform: uppercase;
	padding-top: 4px;
	margin-top: 10px;
	font-size: 9pt;
	color: #000;
	}
h3	{
	padding-top: 5px;
	font-size: 9pt;
	}
h4	{
	color: #aaaaaa;
	font-size: 7pt;
	font-weight: normal;
	}

h4 a	{
	color: #aaaaaa;
	text-decoration: underline;
	}
h4.specifics	{
	font-size: 8pt;
	font-weight: normal;
	}
h1.nobottompadding	{ 
	padding: 0px 0px 0px 0px;
	}
h3.black	{
	color: #000;
	}

dl	{
	margin: 0;
	padding: 0;
	}
dt	{
	margin: 1em 0 0 0;
	font-weight: bold;
	text-align: left;
	text-transform: none;
	}
dd	{
	margin-left: 2em;
	padding-left: 3px;
	border-left: 3px solid #eee;
	}
dt label	{
	font-weight: normal;
	}
dfn.js	{
	cursor: help;
	border-bottom: dotted 1px #666666;
	font-style: inherit !important;
	_font-style: normal;
	}
p	{
	padding-bottom: 5px;
	}
q	{
	font-family: georgia,garamond,serif;
	font-style: italic;
	font-size: 11pt;
	}
/*get rid of ugly border on click */
a:focus	{
	border:none;
	}
.controls	{
	float: left;
	position: absolute;
	margin-left: 20em;
}
.right, #content .right, #content_large .right	{
	text-align: right;
	}
.center,#content .center, #content_large .center	{
	text-align: center;
	}
.left	{
	text-align: left;
	}
.error	{
	margin: 1em;
	color: #f00;
	}
.regularmsg	{
	margin:1em;
	padding: 1em;
	border: 1px solid #666;
	background: #eee;
	}
.imagefloatright	{
	float: right;
	margin: 1em 0em 1em 1em;
	}
/* **************************************************************************************
   main div, this holds the entire page, used to center
   ************************************************************************************** */
.main {
	width: 984px;
	text-align: left;
	margin: 0px auto -1px auto;
}

/* **************************************************************************************
   suppress all borders
   ************************************************************************************** */
img {
	border: none;
}

/* **************************************************************************************
   icons (print, send a friend, rss etc)
   ************************************************************************************** */
.icon {
	padding-left: 10px;
	margin-top: 0px;
}

/* **************************************************************************************
   plain hyperlinks
   ************************************************************************************** */
a,a:visited {
	text-decoration: none;
	color: #cc0066;
}
a:hover	{
		text-decoration: underline;
		}
/*a:visited
	{
	color: #cc0066;
	}*/
#content h2 	{
	clear: both;
	}
/* other browsers would get it when i just defined 'h2 a', but IE needs this whole line of crap for some reason */
h2 a,#content h2 a, #content h2 a:visited, #content h2 a:link, #content h2 a:hover,  #content h2 a:active,
#content_large h2 a, #content_large h2 a:visited, #content_large h2 a:link, #content_large h2 a:hover,  #content_large h2 a:active	{
	color: #000;
	text-decoration:none;
	}
h3 a:hover	{
	text-decoration:none;
	}
/* **************************************************************************************
   selectbox styling
   ************************************************************************************** */
.select {
	width: 24em;
	float: right;
	padding: 3px;
	border: solid;
	border-width: 1px;
}
.select a,.select a:visited {
	color: #859b2f;
}
select.auto	{
	width:auto;
	}
select.auto option	{
	padding-right: 2em;
	}
/* **************************************************************************************
   selectbox items
   ************************************************************************************** */
.menuitem, .menuitem_last {
	font-size: 11px;
	padding: 3px;
	background-color: #FFFFFF;
	border: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: #eceded;
}

.menuitem_last {
	border: none;
}

/* **************************************************************************************
   holder for the icons (print, sendtofriend etc)
   ************************************************************************************** */
#content_icons {
	float: right;	
	clear: none;
	margin: 0 0 -15px;
	padding: 5px 0;
}
/* **************************************************************************************
   pageheader, holds login form and calendar
   ************************************************************************************** */
#header-left{
	width: 801px;
	float: right;
	margin-top: 11px;
}

/* **************************************************************************************
   standard input fields
   ************************************************************************************** */
input, textarea, select, button {
	font-size: 12px;	
	color: #666666;
	border: solid;
	border-width: 1px;
	padding: 3px 3px 3px 3px;
	margin: 0 0 0.5em 2px;
}

input:focus,select:focus,textarea:focus	{
	border: inset;	
	border-width: 1px;
	}
input	{
	width: 112px;
	}

input.long, #content_large input	{
	width: 20em;
	}
#content_large input.login_btn	{
	width: 20px;
	}
select {
	width: 290px;
}
select.submitonchange	{
	width: 270px;
	}
select.long {
	width: 550px;
}
textarea	{
	width: 290px;
	height: 8em;
	}
textarea.wide	{
	width: 600px;
	height: 8em;
	}
#content_large textarea	{
	width: 550px;
	height: 16em;
	}
#content_large textarea.long	{
	width: 760px !important;
	width: 740px;
	height: 8em;
	}
label	{
	width: 16em;
	float: left;
	padding:0.2em;
	margin:0.2em 0 -0.5em 0;
	}

input.checkbox, input.radio, #content_large input.checkbox, #content_large input.radio	{
	border: 0px;
	width: auto;
	height: auto;
	vertical-align: text-bottom;
	margin: 0;
	}
#content_large input.smallcheck, input.smallcheck	{
	width: auto;
	height: 1.2em;
	vertical-align: text-bottom;
	margin: 0;
	border: none;
	padding: 0;
	}
.checkboxlabel	{
	display: block;
	width:24em;
	margin:0 0px 0 20px;
	float:left;
	border-bottom: 1px dotted #ccc;
	}
fieldset	{
	margin: 1em auto 2em auto;
	text-align: left;
	padding: 0 0.5em 1em 0.5em
	}
fieldset legend	{
	font-weight: bold;
	color:#000;
	}
fieldset br	{
	clear:both;
	}
fieldset p	{
	padding-top: 2em;
	margin-top: 0em;
	clear:both;
	/*background-color:#eee;*/
	}
fieldset .approvaloptions	{
	padding: 0 0 0 260px !important;
	padding: 0 0 0 250px;
	}
fieldset .approvaloptions span	{
	display: block;
	float:left;
	width: 100px;
	text-align:center;
	border-color: #ccc;
	border-style: dotted;
	border-width:0px 0px 0px 1px;
	padding: 0 0 0.5em 0;
	}
fieldset div.approval {
	clear:both;
	}
fieldset div.approval label	{
	display: block;
	float:left;
	width: 100px;
	text-align:center;
	border-color: #ccc;
	border-style: dotted;
	border-width:1px 0px 0px 1px;
	padding: 4pt 0 4pt 0;
	cursor: pointer;
	margin: 0px;
	}
fieldset .approval span.question	{
	display: block;
	float:left;
	width: 260px !important;
	width: 250px;
	text-align:left;
	padding:auto;
	border-color: #ccc;
	border-style: dotted;
	border-width:1px 0px 0px 0px;
	}
fieldset div.approval span input	{
	width: 18px;
	height:18px;
	}
code	{
	padding: 3px;
	border: 1px dotted #ccc;
	font-family: inconsolata;"Liberation mono",Courier,monospace;
	display: block;
	width: 300px;
	}
.hidden	{
	display: none;
	}
.uploadlabel	{
	float: left;
	margin: 2pt 5px 0pt 10px;
	clear: both;
	width: 350px;
	border-bottom: 1px dotted #ccc;
	}
input.jshide	{
	height: 2em;
	border: 1px dotted #ccc;
	color: #ccc;
	background: #fff;
	}
input.submit	{
	margin-left: 360px;
	}
button	{
	float: right;
	}
div.rating	{
	padding:0 0 1em 0em;
	}
div.rating label	{
	width: 13em;
	/*border-bottom:1px solid #9c0;
	border-right:1px solid #9c0;*/
	border-width: 0px 0px 1px 0px;
	border-style:dotted;
	border-color: #ccc;
	margin:0 2em 0 0em;
	font-size:90%;
	cursor: pointer;
	}
div.rating label:active	{
	border-width: 0px 0px 1px 0px;
	border-style:dotted;
	}
div.rating input.radio	{
	float:right;
	height:18px;
	width:18px;
	margin-left:-1em;
	/*margin-top:2pt;*/
	}
img.fieldmodify	{
	margin: 4px 0px 4px 4px;
	cursor:pointer;
	}
#content_large input.num, input.num	{
	text-align:right;
	width: 3em;
	}
/* **************************************************************************************
   submit image
   ************************************************************************************** */
.login_btn {
	border: 0px solid #fff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	width: 20px;
	height: 20px;
	vertical-align: bottom;
}


/* **************************************************************************************
   go buttons next the the input fields    
   ************************************************************************************** */
.gobtn {
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;	
	float: right;
}

/* **************************************************************************************
   inspire text (img)
   ************************************************************************************** */
#inspire {
	padding: 0px 25px 0px 0px;
	float: right;
	clear: left;
}

/* **************************************************************************************
   div holding the login form
   ************************************************************************************** */
#loginBox {
	text-align: right;
	float: right;
	padding: 0;
	/*margin: -2px;*/
	clear: right;
	position: relative;
	height: 50px;
	width: 400px;
}

/* **************************************************************************************
   div for the link below some input field (login and search)
   ************************************************************************************** */
.inp_btm_link {
	text-align: right;
	font-size: 9px;
	padding: 2px 25px 0px 0px;
}
.logout_link {
	text-align: right;
	font-size: 9px;
	padding: 2px 0px 0px 0px;
}
.inp_btm_link a, .inp_btm_link a:visited {
	color: #859b2f;
}

/* **************************************************************************************
   div to space header and content
   ************************************************************************************** */
#headerspace {
		margin-top: 165px;
}


/* **************************************************************************************
   actual menu link
   ************************************************************************************** */


.menu, .menu2{
	font-family: helvetica, sans-serif;
	border: dotted;
	border-width: 0px 0px 1px 0px;
	padding: 0px 0px 1px 0px;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	width: 160px;
}

.menu img, .menu2 img {
	padding-right: 3px;
}

.menu2 a, .menu2 a:visited {
	color: #666666;	
}

.menu a, .menu a:visited {
	color: #000000;	
}

/* **************************************************************************************
   sub items in the menu
   ************************************************************************************** */
.menu_sub, .menu_sub_selected {
	font-size: 11px;
	border: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: #aaaaaa;
	padding: 3px 0px 3px 0px;
	color: #859b2f;
}

.menu_sub_selected {
	font-weight: bold;

}
/* **************************************************************************************
   menuitems ?????
   ************************************************************************************** */
.menu3 {
	text-align: right;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	overflow: visible;
}

.maillist {
	padding-top: 2px;
	padding-right: 6px;
	font-weight: bold;
	float: right;
	color: #666666;
	width: 130px;
}

.menu3 a, .menu3 a:visited {
	padding-top: 5px;
	padding-right: 0px;
	color: #666666;
}

/* **************************************************************************************
   class for spacing the join link under the left menu    
   ************************************************************************************** */
.joinbtn {
	padding-top: 3px;	
	padding-right: 5px;
	float: right;
	clear: none;
}
/* **************************************************************************************
   holder for the search menu
   ************************************************************************************** */
.menu_search {
	float: right;
	font-weight:normal;
	font-size: 9px;
	padding: 0px 25px 0px 0px;
}

/* **************************************************************************************
   ????
   ************************************************************************************** */
.block {
	margin: 10px 10px 0px 10px;
}

/* **************************************************************************************
   class for adjusting the position of the small go buttons (shown in content and 
   menu on the right 
   ************************************************************************************** */
.more {
	position: relative;
	top: 2px;
	border: none;
}
/* **************************************************************************************
   class for links for the menu on the right
   ************************************************************************************** */
.blacklink, .blacklink:visited {
	color: #000000;
	text-decoration: underline;
}
/*a:visited,#link:hover {
	color: #FFFFFF;
}*/

/* **************************************************************************************
   style for "back top top" shown at the bottom of the page
   ************************************************************************************** */
.toplink, .toplink:visited {
	color: #666666;
	text-decoration: none;
}

/*a:visited#toplink:hover {
	color: #000000;
}*/
/* **************************************************************************************
   changing the way titles look
   ************************************************************************************** */
 h2.borderbottom	{
	border-width:0px 0px 5px 0px;
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 4px 0px;
	clear: left;
	}
 h2.noborder	{
	border-width:0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	}
/* **************************************************************************************
   holder for the complete right menu
   ************************************************************************************** */
#right_menu {
	clear: none;
	float: right;
	width: 254px;
	position: relative;
	/*padding-top: 5px;*/
}

/* **************************************************************************************
   holder for one block
   ************************************************************************************** */
.right_block {
	font-size: 10px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	color: #000000;
	width: 254px;
}

/* **************************************************************************************
   titles in the right menu
   ************************************************************************************** */
.right_block_title {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;	
	padding: 10px 10px 0px 10px;
	margin: 0px;
}
#right_menu h2 a	{
	text-decoration: none;
	border: none;
	text-transform: uppercase;
	color: #fff;
	padding: 0 1em 0 1em;
	}

/* **************************************************************************************
   content in the right menu
   ************************************************************************************** */
.right_block_content {
	color: #000000;
	font-size: 10px;
	padding: 5px 10px 10px 10px;
	margin: 0px;
}
.right_block_content h3 {
	color: #000000;
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
/* **************************************************************************************
   more on definition lists
   ************************************************************************************** */
dl dd div	{
	border-top: 1px solid #ccc;
	padding-top: 6px;
	padding-bottom: 3px;
	}
dl dd div.sub	{
	padding: 0px 0 5px 1em;
	border:0;
	clear:right;
	}
dl dd div.contact	{
	font-weight: bold;
	}
dl dd div.contact a	{
	font-weight: normal;
	}
/* **************************************************************************************
   navigation info (eg ietm > meetings > dates)
   ************************************************************************************** */
.nav_info {
	font-weight: bold;
	font-size: 10px;
	color: #999999;
	padding: 5px 0px 0px 0px;
}

/* **************************************************************************************
   middle content, for when theres a menu on the right OUTSIDE this div
   ************************************************************************************** */
#content {
	/*justify sucks (at least on windows)*/
	text-align: justify;
	/*text-align: left;*/
	float: left;
	padding-top: 0px;
	margin: 0px 20px 0px 20px;
	width: 516px !important;
	width: 500px;
	line-height:130%;
}
#content ul	{
	margin:1em 0em 1em 2em;
	list-style-type: square;
}
#content p,#content_large p	{
	text-align: justify;
	margin-bottom: 0.6em;
	}
/* **************************************************************************************
   middle content, for when theres NO menu on the right
   note, some pages do have a menu on the right but its INSIDE the this div  
   ************************************************************************************** */
#content_large {
	text-align: justify;
	float: left;
	margin: 0px 0px 0px 15px;
	width: 799px !important;
	width: 780px;
	line-height:130%;
}
#content_large ul	{
	margin:1em 0em 1em 2em;
	list-style-type: square;
}
/* **************************************************************************************
   right menu, for meetings 
   ************************************************************************************** */
 #content_large #meeting_moreinfo	{
	float: right;
	border: dotted #99cc00;
	border-width: 0px 0px 0px 1px;
	width: 180px;
	clear:right;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 10px;
	background: #fff;
	}
#content_large #meeting_moreinfo ul, #content_large #meeting_moreinfo li	{
	padding:0;
	margin:0;
	list-style-type: none;
	}
#content_large #meeting_moreinfo ul#meeting_moreinfo_list li	{
	background: url('../images/arrow/down_green.gif') no-repeat 3px 7px;
	}
#content_large #meeting_moreinfo ul#meeting_moreinfo_list li ul li	{
	background: none;
	}
#content_large #meeting_moreinfo  ul#meeting_moreinfo_list li a	{
	padding-left: 15px;
	}
#content_large #meeting_moreinfo  ul#meeting_moreinfo_list li ul li a	{
	padding-left: 0px;
	}
#meeting_moreinfo ul li ul li a,#meeting_moreinfo ul li ul li		{
	font-size: 11px;
	text-transform: none;
	border-color: #ccc;
	border-width: 0px 0px 1px 0px;
	color: #859b2f;
	font-weight: normal;
	}
ul#meeting_moreinfo_list li	{
	margin-bottom: 10px;
	margin-left: 5px;
	font-weight: bold;
	font-size: 13px;
	display: block;
	width: 100%;
	}
ul#meeting_moreinfo_list a	{
	text-transform: uppercase;
	color: #666666;
	border: dotted;
	border-width: 0px 0px 1px 0px;
	padding: 3px;
	display: block;
	width: 100%;
	}
ul#meeting_moreinfo_list li ul li a:hover, ul#meeting_moreinfo_list li ul li a#active	{
	font-weight: bold;
	}
/* **************************************************************************************
   header for the mainpage
   ************************************************************************************** */
.welcome {
	font-style: italic;
	padding: 0px 0px 5px 0px;
}
/* **************************************************************************************
IETM logo
*************************************************************************************** */
#logo	{
	margin: 0;
	padding: 0;
	margin-top: 10px;
	position: absolute;
	z-index: 0;
	top: 1px;
}
#logo img	{

	}
/* **************************************************************************************
   the bars used to separate sections
   ************************************************************************************** */
.bar {
	clear: both;
	font-size:1px;
	height: 5px;
	background-color: #99CC00;
	margin: 9px 0px 9px 0px;
	padding: 0;
}

/* **************************************************************************************
   section title
   ************************************************************************************** */
.section_title {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	padding: 4px 0px 0px 0px;
	margin: 0;
}

/* **************************************************************************************
   title of ???
   ************************************************************************************** */
.title {
	font-weight: bold;
	font-size: 12px;	
	color: #859b2f;
	padding: 10px 0px 0px 0px;
	margin: 0;
}

/* **************************************************************************************
   article titles
   ************************************************************************************** */
.article_title {
	font-weight: bold;
	font-size: 18px;	
	color: #859b2f;
	padding: 0px 0px 0px 0px;
	margin: 0;
}
/* **************************************************************************************
  newsboxes
  ************************************************************************************** */
.newsitem	{
	margin: 0px 0px 5px 0px;
	}
.newsitem h3	{
	padding-right: 12px;
	}
.newsitem h3 a, h2 a	{
	display: block;
	height: 100%;
	}

/* **************************************************************************************
   classes for the summaries, see meeting details
   ************************************************************************************** */
.summary {
	display: block;
	font-weight: bold;
	font-size: 12px;	
	color: #999999;
	padding: 15px 0px 15px 0px;
}

.summary_name {
	width: 80px;
	float: left;
	color: #666666;
}
.summary_text {
	float: left;
	color: #666666;
}

/* **************************************************************************************
   small subtitles, used for dates, times and places
   ************************************************************************************** */
.subtitle {
	color: #AAAAAA;
	font-size: 10px;
	margin: 0px;
	font-weight: normal;
}
/* **************************************************************************************
   footer
   ************************************************************************************** */
#footer	{
	padding: 5px 0px 5px 0px;
	margin: 150px 0px 0px 0px;
}
#footer .tallieu	{
	border-top: 1px #ccc solid;
	margin: 20px 0 0 0;
	padding: 4px 0 0 0;
	font-size: 7pt;
	text-align: right;
	}
/* **************************************************************************************
   copyright, disclaimer etc
   ************************************************************************************** */
#footer_left {
	float: left;
	font-size: 11px;
}

/* **************************************************************************************
   go to "top" link
   ************************************************************************************** */
#footer_right {
	float: right;
	font-size: 11px;
}


/* **************************************************************************************
   calendar, holds the entire calendar
   ************************************************************************************** */
#calendar {
	border: dotted;
	border-width: 1px 0px 1px 0px;
	font-size: 9px;
	color: #666666;
	width: 800px;
	padding: 3px 0px 6px 0px;
	float: right;
	margin: 0px 0px 21px 0px;
	display: block;
	position: relative;
	background: #fff;
	clear: none;
	z-index: 1;
}

.calendarnav_left {
	float: left;
	padding: 4px 6px 0px 6px;
}

.calendarnav {
	float: left;
	margin: 4px 0px 0px 6px;
	width: 10px;
}

.year {
	color: #859b2f;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}
.month {
	font-weight: bold;
	font-size: 12px;
}
/* **************************************************************************************
   this part holds the year and month
   ************************************************************************************** */
.header {
	float: left;
	font-size: 12px;
	width: 70px;
}

/* **************************************************************************************
   day of week and actual day number
   ************************************************************************************** */
.days {
	float: left;
	text-align: center;
	width: 22px;
}

/* **************************************************************************************
   right part of the calendar
   ************************************************************************************** */
.calendar_bar {
	float: right;
	clear: none;
	display: block;
}

/* **************************************************************************************
   day number
   ************************************************************************************** */
.daynum {
	margin: 4px 0px 0px 0px;
	color: #000;
}

.daynum a, .daynum a:visited {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
}
/* ******************************************************************************
Calendar action stuff
   ******************************************************************************* */
#eventballoon	{
	position: absolute;
	float: right;
	width: 200px;
	/*height: 300px;*/
	background: transparent url(../images/shadow.png);
	background: rgba(60,60,60,0.1);
	top: 3px;
	left: 3px;
	z-index: 99;
	
	/*opacity: 0.8;*/
	}
#ballooncontent	{
	text-align: left;
	position: relative;
	top: -3px;
	left: -3px;
	padding: 5px;
	background: #fff;
	background: rgba(255,255,255,0.9);
	border: 1px solid #aaa;
	}
#balloonclose	{
	position: relative;
	float: right;
	cursor: pointer;
	}
#throbber	{
	margin: 20px auto 20px auto;
	text-align: center;
	}
/* ***********************************************************
definitionbox stuff (glossary)
*********************************************************** */
#definitionbox	{
position: absolute;
	float: right;
	width: 300px;
	background: transparent url(../images/shadow.png);
	top: 3px;
	left: 3px;
	z-index: 99;
	/*opacity: 0.9;*/
	}
#boxcontent	{
	text-align: left;
	position: relative;
	top: -3px;
	left: -3px;
	padding: 5px;
	background: #fff;
	background: rgba(255,255,255,0.9);
	border: 1px solid #aaa;
	}
#boxcontent h3	{
	font-weight: normal;
	margin-top: 2px;
	}
/* **************************************************************************************
   classes for the menus inside the content, see meeting details
   ************************************************************************************** */
.menu_right {
	float: right;
	width: 180px;
	border: dotted #99cc00;
	border-width: 0px 0px 0px 1px;
	display: block; 
	padding-left: 10px;
	margin-left: 10px;
	margin-bottom: 20px
}

.menu_right_head {
	font-weight: bold;
	font-size: 13px;
	color: #666666;
	border: dotted;
	border-width: 0px 0px 1px 0px;
	padding: 3px;
}

.menu_right_item {
	font-size: 10px;
	color: #859b2f;
	padding: 3px;
	border: dotted;
	border-width: 0px 0px 1px 0px;
}
.menu_right_item_selected {
	font-size: 10px;
	font-weight: bold;
	padding: 3px;
	color: #859b2f;
	border: dotted;
	border-width: 0px 0px 1px 0px;
}
/* **************************************************************************************
  breadcrumb 
   ************************************************************************************** */
h3#breadcrumb{
	color: #999999;
	margin-top: 0px;
	font: 10px Verdana,sans;
	font-weight:bold;
	float: left;
	}
h3#breadcrumb a,h3#breadcrumb a:visited,h3#breadcrumb a:link,h3#breadcrumb a:active{
	color: #999999;
	}
/* **************************************************************************************
   custom links , see festival details
   ************************************************************************************** */
.customlinks {
	text-align: left;
	float: right; 
	width: 220px;
	border: dotted #99cc00;
	border-width: 0px 0px 0px 1px;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 50px 0px 20px 10px;
}
/* **************************************************************************************
   news posting
   ************************************************************************************** */
.hidden	{
	display:none;
	height: 0px;
	}
.show	{
	display: block;
	height: auto;
	}
/* **************************************************************************************
date picker stuff
   ************************************************************************************** */
#datepicker	{
	border-collapse: collapse;
	border-spacing: 0px;
	z-index: 1;
	}
#datepicker td	{
	font-size: 8pt;
	}
#datepicker .close img	{
	cursor: pointer;
	}
#datepicker .close	{
	text-align: right;
	}
#datepicker #header td	{
	border-bottom: 1px solid #ccc;
	}
.pickerday  {
	width: 2em;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
#datepicker .pickerday a	{
	display: block;
	width: 100%;
	height: 100%;
	/*color: #000;*/
	}
.pickerday a:hover	{
	background-color: #ccc;
	text-decoration: underline;
	}
td.pickerweekday	{
	width: 2em;
	text-align: center;
	margin: 0px;
	padding: 0px;
	}


/* ******************************************************************************
	livesearch placement
   ****************************************************************************** */
#livesearch	{
   position: absolute;
   margin-top: 1.8em !important;
   margin-top: 3.5em; /* explorer 6*/
   margin-left: 200px !important;
   margin-left: -295px; /* explorer 6 */
   float: left;
   /*padding: 1em;*/
   width: 300px;
   border: 1px solid #ccc;
   background: #fff;
   opacity: 0.9;
   }
#livesearch a	{
	display: block;
	padding: 1px 1em 1px 1em;
	border-bottom: 1px dotted #ccc;
	text-align:left;
	}
#livesearch span	{
	display: block;
	padding: 1px 1em 1px 1em;
	}
#livesearch a:hover	{
	background: #eee;
	font-weight: bold;
	}
/* ******************************************************************************
main site search
******************************************************************************* */
#mainsearch	{
	padding: 1em;
	text-align:center;
	}
.searchresult li	{
	float: left;
	width: 180px;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 0 1px 5px;
	margin: 2px 0 2px 4px;
	border-left: 2px solid #999;
	}

.searchresult	{
	clear: both;
	width: 100%;
	margin-bottom: 1em;
	}
.searchresult .searchnav	{
	float: right;
	width: 240px;
	text-align: right;
	padding-top: 5px;
	}
.searchresult .searchnav a,.searchresult .searchnav a:link,.searchresult .searchnav a:hover,.searchresult .searchnav a:active	{
	border: 0px solid #fff;
	}
.searchresult h3	{
	border: solid #ddd;
	border-width:1px 0 0px 0;
	margin-top: 5px;
	padding-top: 5px;
	}
.searchresult a,.searchresult a:active,.searchresult a:visited,.searchresult a:link	{
	color: #000;
	border-bottom: 1px solid #ccc;
	}
.searchresult a:hover	{
	border-bottom: 1px solid #666;
	}
/* extra nav controls */
.leftnav	{
	/*width: 45%;*/
	float:left;
	margin: 0 0 1em 0;
	font-size: 80%;
	padding: 3px;
	border: 1px solid #ccc;
	}
.rightnav	{
	/*width: 45%;*/
	float:right;
	text-align: right;
	clear: right;
	margin: 0 0 1em 0;
	font-size: 80%;
	padding: 3px;
	border: 1px solid #ccc;
	}

/* ******************************************************************************
random stuff
******************************************************************************* */
#preview	{
	width: 80%;
	border: 1px dotted #ccc;
	padding: 1em;
	}
br.clear	{
	clear:both;
	}
/* ******************************************************************************
gallery
******************************************************************************* */
.thumbscontainer	{
	float: left; 
	clear: both; 
	width: 100%; 
	margin-bottom: 2em;
	}
.thumbscontainer .thumbs	{
	float: left;
	text-align: center;
	width:136px;
	/*border: 1px dotted #ccc;*/
	margin: 0 6px 0 6px;
	/*padding-top: 4px;*/
/*	height: 114px !important;*/
	height: 136px;
	line-height: 136px;
	-font-size:136px

	/*font-size: 7pt;*/
	/*overflow:hidden;*/
	}
.thumbscontainer .thumbs img	{
	padding: 6px;
	border: 1px solid #999;
	background: #eee;
	vertical-align: middle;
	}
.thumbscontainer .thumbs a	{
	/*text-decoration: none;*/
	display: block;	
	border: 0px;
	}
.thumbscontainer .thumbs a:hover img	{
	background: #fff;
	border-color: #859B2F;
	
	}
#imageuploadcurrent .thumbscontainer .thumbs	{
	height: 114px !important;
	height: 120px;
	padding: 6px;
	border: 1px solid #999;
	line-height: 10pt;
	font-size: 7pt;
	margin: 6px;
	width: 158px;
	overflow: hidden;
	}
#imageuploadcurrent .thumbscontainer .thumbs img	{
	padding: 0px;
	border: 0px;
	}
#imageuploadcurrent .thumbscontainer .thumbs a	{
	display: inline;
	}
#imageuploadcurrent .thumbscontainer .thumbs input	{
	width: 120px;
	}
.photoframe	{
	text-align:center;
	padding: 1em 0 1em 0;
	}
/* ******************************************************************************
	stats section
   ****************************************************************************** */
.statcontainer	{
	clear:both;
	padding-bottom: 1em;
	}
.legend	{
	float: right;
	width: 320px;
	border: 1px solid #ccc;
	padding: 3pt;
	margin-top: 5pt;
	}
.legend img	{
	width: 10px;
	height: 10px;
	}
.legend ol	{
	margin:0;
	}
.statbar	{
	width: 20px;
	margin: 1em 5px 0 5px;
	border: 1px outset #333;
	}
.horzstatbar	{
	margin: 0em 5px 0.2em 0px;
	border: 1px outset #333;
	height:20px;
	}
.horzlegend	{
	/*float: left;*/
	height: 22px;
	clear: none;
	/*text-align:right;*/
	/*white-space: nowrap;*/
/*	position: absolute;
	left:0;*/
	padding: 2px 2px 2px 10px;
	margin: -25px 0px -20px 0px !important;
	margin: -25px 0px -14px 0px;
	}
.stattext	{
	float: left;
	width: 36px;
	text-align: center;
	height: 1em;
	}
.graph h3	{
	clear: both;
	}

/* ******************************************************************************
fake table thing
 ****************************************************************************** */
div.th	{
	float:left;
	clear:left;
	width: 45%;
	border-top: 1px solid #ccc;
	margin-top: 5px;
	margin-right: 5px;
	text-align:left;

	}
div.td	{
	float: left;
	clear:none;
	width: 45%;
	border-top: 1px solid #ccc;
	margin-top: 5px;

	}

/* real table thing */
table	{
	border-collapse: collapse;
	
	}
table td,table th	{
	border: 1px solid #999;
	padding: 4px;
	vertical-align: top;
	}

.uppercase	{
	text-transform:uppercase;
	}	
/* ******************************************************************************
	hack for IE 3px float bug 
   ****************************************************************************** */
* html .IEBug {
  	height: 1px;
}


/* ******************************************************************************
some misc stuff
******************************************************************************** */
.clearcookies	{
text-align: right;
clear: both;
}
p.survey_question	{
text-transform: italic;
}
div.alphabet	{
	text-align: center;
	margin: 0px 0 15px 0;
	/*border: 1px solid #999;*/
	}
div.alphabet a	{
	padding: 0 3pt 0 3pt;
	font-weight: bold;
}
div.alphabet a:hover	{
	background-color: #CC0066;
	color: #fff;
	text-decoration: none;
	}
#content .linkback, #content_large .linkback	{
	float: right;
	margin-bottom: 0;
	}
.linkback a	{
	/*color: #859B2F;
	border-color: #859B2F;*/
	padding: 3px;
	margin: 3px 0px 2px 0px;
	border-width: 0 0 1px 0px;
	border-style: solid;
	
	}
.linkback a:hover	{
	text-decoration: none;
	border-width: 0 0 3px 0;
	margin: 3px 0px 0px 0px;
	/*font-weight: bold;*/
	}
#imagelist	{
	max-height: 100px;
	overflow: auto;
	}
fieldset span.cke_skin_kama	{
	margin-top: 30px;
	clear: both;
	}
#content_large fieldset.title label	{
	font-weight: normal;
	color: #000;
	}
#content_large fieldset.radio input,
#content_large fieldset.approval input,
#content_large fieldset.longtext input,
#content_large fieldset.numeric input,
#content_large fieldset.multipledropdown input,
#content_large fieldset.title input {
	width: 550px;
	}
#content_large fieldset.radio textarea	{
	height: 3em;
	}
/* attachments layout */
h3.attachment	{
	padding-left: 7em;
	}
h3.attachment span.date	{
	font-weight: normal;
	color: #999;
	float: left;
	width: 7em;
	margin-left: -7em;
	}
h3.attachment span.size	{
	font-weight: normal;
	color: #999;
	padding-left: 0.5em;
	}
#content_large p.attachment_description, #content p.attachment_description	{
	padding: 3px 0 2px 7em;
	margin: 0px;
	}
a.socialnetwork	{
	float: right;
	width: 16px;
	height: 16px;
	background: transparent url(../images/icons/unknown.png) no-repeat top left;
	margin: 0px 0 0 3px;
	overflow: hidden;
	line-height: 200px; /* using text-indent doesn't work on inline elements */
	}
a.facebook	{ background-image: url(../images/icons/facebook.png);	}
a.twitter	{ background-image: url(../images/icons/twitter.png);		}

/* reset stuff for ckeditor */
.cke_skin_kama label	{
	float: none;
	}
.meetingintro img	{

	}
.imagewithcaption	{
	border: 1px solid #ccc;
	padding: 5px;
	margin: 10px;
	float: right;
	font-style: italic;
	}