body, table, input, textarea, select, iframe
{
	font-family: Verdana, Helvetica, Arial, sans-serif, system;
	font-size: 8pt;
}

table
{
	margin: 0px;
	padding: 0px;
}
body{
	margin:10px;
	padding: 0px;

}
table
{
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
}

td
{
	text-align: left;
}

.main, .whitemain
{
	font-family: Verdana, Helvetica, Arial, sans-serif, system;
	font-size: 8pt;
}

.whitemain
{
	color: #ffffff;
}


.module_header, .module_green_header, .module_green_header_view
{
	font-size: 13pt;
	font-weight: bold;
	border: 2px solid #808080;
	color: #ffffff;
}

.module_green_header_view
{
	border: 2px solid #7786a6;
}

.module_green_header a, .module_header a, .module_green_header_view a
{
	color: #ffffff;
	text-decoration: none;
}

.module_green_header a:hover, .module_header a:hover, .module_green_header_view a:hover
{
	text-decoration: underline;
}


.post_header
{
	color: #000000;	
	font-size: 13pt;
	font-weight: bold;
}

.module_border
{
	border: 2px solid #808080;
}

.module_green_border
{
	border: 2px solid #7786a6;
}

.module_header
{
	background-color: #808080;
}

.module_green_header, .module_green_header_view
{	
	background-color: #7786a6;
}

.post_header_button
{
	background-color: #336699;
	color: #ffffff;
}

input.text, textarea, select
{
	border: 1px solid #999999;
	background: #ffffff;
}

input, textarea
{
	padding: 2px;
}

.button
{
	background: #efefef;
    border: 1px solid #999999;
	padding: 2px;
	text-decoration: none;
}

.button_light
{
	background-color: #daebda;
    border: 1px solid #999999;
	padding: 2px;
	text-decoration: none;
}

.button_dark
{
	background-color: #c4dfc4;
    border: 1px solid #999999;
	padding: 2px;
	text-decoration: none;
}

.post_button {
	background: #efefef;
    border: 1px solid #999999;
	padding: 2px;
	text-decoration: none;
	width: 100px;
	cursor: pointer;
	margin: 10px;
	text-align: left;
}

.post_button_light {
	background-color: #daebda;
    border: 1px solid #999999;
	padding: 2px;
	text-decoration: none;
	width: 100px;
	cursor: pointer;
	margin: 10px;
	text-align: left;
}

/* line item displays */
.viewbox
{
	width: 100%;
		
//	border: #666666 1px solid;
	border-collapse: collapse;
}

.row_0
{
	background-color: #dcdcdc;
}

.row_1
{

	background-color: #ffffff;
}

.padded_row
{
	padding: 3px;
}

.column_header
{
	font-weight: bold;
	color: #000000;
}



/* topic displays */
.topic_header
{
	font-size: 14px;
	font-weight: bold;
}

.reply, .post
{
	width: 95%;
}

.reply
{
	border: 1px solid #A2A2A2;
	background-color: #fefefe;
	color: #000000;
	margin-top: -2px;
}

.post
{
	border: 1px solid #808080;
	background-color: #dcdcdc;
	color: #000000;
}

.post a, .replyoneliner a, .reply a
{
	text-decoration:underline;
}

.post_header_right
{
	font-size: 12pt;
	width: 25px;
	position: relative;
}


/* Stuff for the HTMLization of posts */
.quoted
{
	border: #cccccc 1px solid;
	background-color: #f5feff; /* same as post but a bit lighter */
	padding: 10px;
}

.indent-left
{
	padding-left: 20px;
}

.italics
{
	font-style: italic;
}

.bold
{
	font-weight: bold;
}


/* Decorations for the template */
.barnheader, .barnform, .quickposter
{
	width: 100%;
}
.barnheader{
	height:40px;
	border: 1px solid #ccc;
}
a.barnheadertabgrey, a.barnheadertabwhite { font-size: 14pt; text-decoration: none; }

.title
{
	margin-top:7px;
	font-weight:normal;
	color:#52A896;
	font-size:14px;
}

.barnform
{
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 10pt;
	font-weight: bold;
	height: 35px;
	background-color: #dcdcdc;
}

.barnformtabblue
{
	padding: 0px;
	margin: 0px;
	background-color: #7786a6;
	color: #ffffff;
	border-bottom: 2px solid #7786a6;
	cursor: default;
}

.barnformtabwhite
{
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	color: #000000;
	border-bottom: 2px solid #7786a6;
	cursor: default;
}



.barnsubheader
{
	font-size: 12pt;
}

a
{
	color: #000000;
	text-decoration: underline;
}

checkbox{
	height:10px;
}

a.static
{
	text-decoration: underline;
	font-weight: bold;
}

.small
{
	font-size: 8pt;
}

.medium
{
	font-size: 12pt;
}


.large
{
	font-size: 16pt;
	font-weight: bold;
}

.exciting
{
	color: #e38607;
	font-weight: bold;
}

.redbold, .greenbold
{
	color: #e38607;
	font-weight: bold;
}

.error
{
	color: #cc0000;
	font-weight: bold;
}

.blue
{
	color: #7786a6;
	font-weight: bold;
}

.admin
{
	color: #336699;
	font-weight: bold;
}


/* Address book */
/* CHANGES MADE BY JAZ TO CONTROL THE SIZE OF DROPDOWN BOXES: CHAGING THE BORDER WIDTH */
.select_on
{
	/*border: 5px solid #e38607;
	padding: 3px;
	margin: 3px;
	cursor: default;*/
	border: 3px solid #e38607;
	padding: 1px;
	margin: 1px;
	cursor: default;
}

.select_off
{
	/*border: 5px solid #dcdcdc;
	padding: 3px;
	margin: 3px;
	cursor: default;*/
	border: 3px solid #dcdcdc;
	padding: 1px;
	margin: 1px;
	cursor: default;

}


.highlight_on
{
	/*border: 5px solid #7786a6;
	padding: 3px;
	margin: 3px;
	cursor: default;*/
	border: 3px solid #7786a6;
	padding: 1px;
	margin: 1px;
	cursor: default;
} 


/* images */
.thinbordergrey
{
	border: 1px solid #b5b5b5;
}

.thinborderblack
{
	border: 1px solid #000000;
}


.replyoneliner
{
	margin-left: 7px;
//	white-space: nowrap;	
	font-weight: normal;
	font-size: 8pt;
	width:100%;
}

/* gmail like iframeness */
.oneliner
{
	overflow:none;
	width: 20%;
	height: 15px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.calendar_iframe
{
	width: 100%;
	height: 320px;
	border: 0px;
	margin: 2px;
	padding: 2px;
}


.selectbox_closed
{
	border: 1px solid #999999;
//	background: #efefef;
}

.select_recipients
{
	background-color: #ffffff;
	border: 1px solid #999999;
	/*padding-left: 3px;*/
	margin-left: 2px;
	white-space: nowrap;
	cursor: default;
	

}

.selectbox_open
{
      POSITION: absolute;
      VISIBILITY: hidden;
	  DISPLAY: none;
      z-index: 10;
	  cursor: default;
}

.selectbox_open table
{
	padding: 3px;
	margin-right: 5px;
	background-color: #ffffff;
    BORDER-LEFT: 1px solid #999999;
    BORDER-TOP: 1px solid #999999;
    BORDER-BOTTOM: 1px solid #999999;
    BORDER-RIGHT: 1px solid #999999;  
}

.selectbox_open table td
{
	padding-right: 1px;
	margin-right: 5px;
}

.selectbox_open table
{
	padding: 3px;
	margin-right: 5px;
	background-color: #ffffff;
    BORDER-LEFT: 1px solid #999999;
    BORDER-TOP: 1px solid #999999;
    BORDER-BOTTOM: 1px solid #999999;
    BORDER-RIGHT: 1px solid #999999;  
}


/*
.selectbox_open_posters
{
      POSITION: absolute;
      VISIBILITY: hidden;
      BACKGROUND-COLOR: #ffffff;
      LAYER-BACKGROUND-COLOR: #efefef;
      width: 250;
      BORDER-LEFT: 1px solid #999999;
      BORDER-TOP: 1px solid #999999;
      BORDER-BOTTOM: 2px solid #999999;
      BORDER-RIGHT: 2px solid #999999;
      PADDING: 3px;
      z-index: 10;
	  cursor: default;
	  height: 200px;
	  overflow: auto;
}*/

.infobox
{
      POSITION: absolute;
      VISIBILITY: hidden;
      BACKGROUND-COLOR: #ffffff;
      LAYER-BACKGROUND-COLOR: #efefef;
      width: 250;
      BORDER-LEFT: 1px solid #999999;
      BORDER-TOP: 1px solid #999999;
      BORDER-BOTTOM: 2px solid #999999;
      BORDER-RIGHT: 2px solid #999999;
      PADDING: 3px;
      z-index: 10;

	font-size: 10pt;
	font-weight: regular;
	cursor: default;
}
/*ADDITION BY JAZ*/
.calendarDailyInfoBox
{
      POSITION: absolute;
      VISIBILITY: hidden;
      BACKGROUND-COLOR: #ffffff;
      LAYER-BACKGROUND-COLOR: #efefef;
      width: 250px;
	  /*height: 300px;*/
      BORDER-LEFT: 1px solid #999999;
      BORDER-TOP: 1px solid #999999;
      BORDER-BOTTOM: 2px solid #999999;
      BORDER-RIGHT: 2px solid #999999;
      PADDING: 3px;
      z-index: 10;
	  font-size: 10pt;
	  font-weight: regular;
	  cursor: default;
	  /*overflow: auto;*/
}


.calendarDailyInfoBox_small
{
      POSITION: absolute;
      left: 270px;
	  VISIBILITY: hidden;
      BACKGROUND-COLOR: #ffffff;
      LAYER-BACKGROUND-COLOR: #efefef;
      width: 250px;
	  /*height: 300px;*/
      BORDER-LEFT: 1px solid #999999;
      BORDER-TOP: 1px solid #999999;
      BORDER-BOTTOM: 2px solid #999999;
      BORDER-RIGHT: 2px solid #999999;
      PADDING: 3px;
      z-index: 15;
	  font-size: 10pt;
	  font-weight: regular;
	  cursor: default;
	  /*overflow: auto;*/
}


.dayInfo
{
      
	  font-size: 8pt;
	  font-weight: regular;
	  /*cursor: default;*/
	  /*overflow: auto;*/
}

.timetable_inline
{
	font-size: x-small;
	border: 1px solid #D3D3D3;
	height: 25px;
	width: 100%;
	
	
}

.time
{
	font-size: 9px;
	color: #999999;
	
	border: 1px solid #D3D3D3;
	
}


/*END OF ADDITION*/

.calendar
{
	width: 280px;
	font-size: 10pt;
	font-weight: bold;
//	background-color: #b5b5b5;
	padding: 1px;
	cursor: default;
}
/*CHANGES BY JAZ*/
.calendar_cell, .calendar_cell_on, .calendar_cell_on_1, .calendar_cell_on_2, .calendar_cell_fade, .calendar_cell_fade_on
{
	border: 1px solid #b5b5b5;
	height: 40px;
	width: 40px;
	background-color: #ffffff;
}

.calendar_cell_on
{
	background-color: #7786a6;
	color: #ffffff;
}
/*ADDITION BY JAZ*/
.calendar_cell_on_1
{
	background-color: #edf8fb;
}

.calendar_cell_on_2
{
	background-color: #cccccc;
}

.calendar_cell_fade
{
	color: #999999;
}
.calendar_cell_fade_on
{
	background-color: #edf8fb;
	color: #999999;
	/*color: #cccccc;*/
}
/*END OF ADDITION BY JAZ*/


.hidden
{
	VISIBILITY: hidden;
	display: none;
}

.visible
{
	VISIBILITY: visible;
	display: inline;
}

.right
{
	align: right;
}
li{
	padding:0px;
	margin:0px;
	list-style:none;
	font-size:12px;
	
}
ul{
	padding-left:6px;
	padding-right:6px;
	margin:0px;
}
#topnav{
	padding:0px;
	margin:0px;
	clear:both;
}
#topnav ul{	
	float:right;
	margin: 0px;
	padding:0px;
	margin-top:12px;
}
#topnav li{
	padding:0px;
	margin-left:8px;
	font-size:9pt;
	font-weight: bold;
	display:inline;
}
#topnav a{
	border: 1px outset #ccc;
	text-decoration:none;
	padding:4px;
	padding-left:10px;
	padding-right:10px;	
}
#topnav a.light{
 	background: url(../images/updated_images/menubg.gif);	
	color:#444;
}
#topnav a.light:hover{
	border: 1px inset #ccc;
 	background: url(../images/updated_images/menubg_hover.gif);	
	color:#444;
}
#topnav a{
	background-color:#3399CC;	
	color:#eee;
}

#usertools{
	padding-bottom:5px;
	text-align:right;
}

.underline
{
	text-decoration:underline;
}

#usertools{
	float:right;
}


.left{
	float:left;
}


#posterlist{
	width: 300px;
}