/* CSS Sheet kalender.css */

.calendar{
	margin: 0px;
	padding: 0px;
	border: 1px solid #000000;
}

.calendar td{
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}

.calendar th{
	padding-bottom:10px;
	padding-top:10px;
}

.calendar_monthName{
	color: #000000;
	text-transform:uppercase;
	font-size: 14px;
	height: 15px;
}

.calendar_daynames{
	text-transform:uppercase;
	font-weight: bold;
	height: 30px;	
}

.calendar_weeknumbers{
	vertical-align:top;
	text-align:center;
	padding: 2px;
	color: #ffffff;
	background-color: #424242;
}

.calendar_notInMonth{
	background-color: #c4c4c4;
	width: 14%;
	height: 100px;
	padding: 2px;
	vertical-align: top;		
	font-size: 12px;
}

.calendar_day{
	background-color: #FFFFFF;
	width: 14%;
	height: 100px;
	padding: 2px;
	vertical-align: top;	
	font-size: 12px;
}

.calendar_daynumber{
	float: right;
	font-size: 8px;
	width:10px;
}

.calendar_today{
	background-color: #ccdec9;
	width: 14%;
	height: 100px;
	padding: 2px;
	vertical-align: top;	
	font-size: 12px;
}

.calendar_butVandaag{
	float: right;
	margin-right:10px;
	margin-left: -100px;
}

.calendar_nav{
	text-align: center;
}

/* CSS Sheet lightbox.css */

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:white;/*#333;*/
	
	width:auto;	
	min-height:200px;
	border:1px solid #666;
	padding:10px;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(images/jtools/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(images/jtools/h80.png) repeat-x;		
}

.modal {
	background-color:#fff;
	display:none;
	width:350px;
	overflow:hidden;
	padding:15px;
	text-align:left;
	border:2px solid #333;

	opacity:0.8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}

.modal input{
	border:1px solid #333333;
	/*width:150px;*/
	text-align:center;
}

/*
.modal h2 {
	background:url(/img/global/info.png) 0 50% no-repeat;
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}*/



/* CSS Sheet style.css */

body{
	margin			: 0px;
	padding			: 0px;
	font-family		: Verdana, arial;
	font-size		: 10px;
	background		: url('./images/bg.jpg') #eb1c24 bottom center no-repeat fixed;		
	height			: 100%;
}

h1{
	font-size		: 18px;
	color			: #EC1C24;
	font-weight		: normal;
}

h2{
	font-size		: 10px;
	color			: #EC1C24;
	font-weight		: normal;
	text-decoration : underline;
}

img{
	border			: 0px;
}

table{
	font-family		: Verdana, Arial;
	font-size		: 10px;
}

hr{
	color			: #EC1C24;
	background-color: #EC1C24;
	height			: 1px;
	border			: none;
	text-align		: left;
}

fieldset{
	border			: 0px;
	padding			: 0px;
}

a{
	color			: #EC1C24;
	text-decoration : none; 
}

a:hover{
	text-decoration : underline; 
}

textarea,input,select{
	font-family		: Arial,Verdana;
	background-color: #FFF;
	border			: 1px solid #EC1C24; 	
	color			: #1d1c1c;
	font-size		: 12px;
}

a.noUnderline:hover{
	text-decoration:none;
	font-style:italic;
}
/*

	CORE

*/

#container{
	width			: 790px;
	margin			: 0 auto;
	background		: white;
	height			: 100%;
}

#contentVlak{
	width			: 770px;
	padding			: 5px 10px 5px 10px;
	height			: 100%;	
}

/*

	Home

*/
#contentVlak .homeleft{
	width			: 600px;
	float			: left;
	margin-right	: 5px;
}

#contentVlak .homeleft .nieuws{
	width			: 240px;
	height			: 200px;
	float			: left;
	margin-bottom	: 5px;
	background		: #e4e5e6;	
}

#contentVlak .homeleft .nieuwsHolder{
	float			: left;
	background		: #e4e5e6;	
	width			: 360px;
	height			: 200px;	
}

#contentVlak .homeleft .nieuwsHolder h1{
	font-size		: 10px;
	font-weight		: bold;
	color			: black;
}

#contentVlak .homeleft .nieuwsHolder a.leesVerder{
	background		: url('./images/leesverder.jpg') red top left no-repeat;	
	display			: block;
	width			: 63px;
	height			: 16px;
	float			: right;
	margin-right	: 10px;
}

#contentVlak .homeleft .nieuwsHolder a.leesVerder:hover{
	background		: url('./images/leesverder_hover.jpg') red top left no-repeat;	
}

#contentVlak .homeleft .blockLeft{
	width			: 215px;
	height			: 170px;
	float			: left;
	margin-right	: 5px;
	margin-bottom	: 5px;
	background		: #e4e5e7;
	text-align		: center;
}

#contentVlak .homeleft .sponsor{
	height			: 250px;
}

#contentVlak .homeleft .blockRight{
	width			: 380px;
	height			: 170px;
	float			: left;
	margin-bottom	: 5px;
	background		: #e4e5e7;
	color			: #EC1C24;
}

#contentVlak .homeleft .blockLeft .blockLeftHeader{
	background		: url('./images/home_left_header.jpg') white top left no-repeat;	
	width			: 210px;
	height			: 15px;
	padding-right	: 10px;
	padding-top		: 2px;
	color			: white;
	font-weight		: bold;
	text-align		: right;
}

#contentVlak .homeleft .blockRight .blockRightHeader{
	background		: url('./images/home_right_header.jpg') white top left no-repeat;	
	width			: 370px;
	height			: 15px;
	padding-right	: 10px;
	padding-top		: 2px;
	color			: white;
	font-weight		: bold;
	text-align		: right;
}

#contentVlak .homeleft .blockRight ul{
	list-style-type : none;
	margin			: 0px;
	padding			: 0px;
}

#contentVlak .homeleft .blockRight ul li{
	clear			: both;
	background		: #e4e5e7;
	height			: 20px;
	border-bottom	: 2px solid white;
}

#contentVlak .homeleft .blockRight ul li p.datum{
	margin			: 0px;
	padding			: 5px;
	padding-bottom  : 0px;	
	font-size		: 9px;
	width			: 80px;
	float			: left;
	vertical-align 	: middle;
	color			: black;
}

#contentVlak .homeleft .blockRight ul li p.titel{
	margin			: 0px;
	padding			: 5px;
	padding-bottom  : 0px;	
	font-size		: 9px;
	text-transform 	: uppercase;
	vertical-align 	: middle;
	text-align		: left;
}

#contentVlak .homeleft .blockRight p.links{
	font-weight		: bold;
	text-align		: center;
}

#contentVlak .homeleft .twitter{
	background		: #FFFFFF;
}

#contentVlak .homeleft .blockRight .tweet{
	width			: 290px;
}

#contentVlak .homeleft .blockRight .tweet ul{
	list-style-type : none;
	margin			: 0px;
	padding			: 5px;
	width			: 370px;	
}

#contentVlak .homeleft .blockRight .tweet ul li{
	clear			: both;
	padding-bottom	: 10px;
	background		: #FFFFFF;	
	line-height		: 18px;
}

#contentVlak .homeleft .blockRight .tweet ul li img{
	float			: left;
	padding-right	: 5px;
	padding-top		: 3px;
}

#contentVlak .homeleft .blockRight .tweet ul li a{
	color			: grey;
	font-style		: italic;
}


/* TOPMENU */

#dTopMenu{
	margin-left		: 0px;
	color			: white;
	text-align		: right;
	width			: 302px;
	position		: absolute;
}
#dTopMenu a{
	color			: white;
}

#dTopMenu .label{
	position		: relative;
	width			: 302px;
	background		: #eb1c24;
	z-index			: 11000;
	text-align		: center;
}

#dTopMenu .label img{
	float			: right;
}

#dTopMenu .label a{
	height			: 20px;
	display			: block;
	padding			: 5px;	
	color			: white;
	border			: 1px solid #eb1c24;
}

#dTopMenu .label a:hover, #dTopMenu .label a:active{
	border			: 1px solid grey;
	background		: white;
	color			: black;
	text-decoration	: none;
}

#dTopMenu .options{
	clear			: both;
	display			: none;
	top				: 31px;
	width			: 300px;
	border			: 1px solid grey;
	text-align		: left;
	position		: absolute;
	z-index			: 10000;
}

#dTopMenu .options ul{
	list-style-type	: none;
	padding			: 0px;
	margin			: 0px;
}

#dTopMenu .options ul li{
	padding:5px;
	background:white;
}

#dTopMenu .options ul li a{
	display:block;
	color:black;
}
#dTopMenu .options ul li a:hover{
	text-decoration:none;
}
#dTopMenu .options ul li:hover{
	background:#d1d1d1;
}

/* NIEUWSMENU */

#dNieuwsMenu{
	padding			: 0px;
	margin			: 0px;
}

#dNieuwsMenu ul{
	padding			: 0px;
	margin			: 0px;
	list-style-type	: none;	
}

#dNieuwsMenu ul li a{
	padding			: 0px;
	margin			: 0px;
	display			: block;
	text-decoration : none;
	color			: white;
	overflow		: hidden;
} 

#dNieuwsMenu ul li a img{
	max-width:50px;
	margin-left:3px;
	max-height: 38px;
}

#dNieuwsMenu ul li a.cTop{
	background		: url('./images/menu_item.jpg') transparent no-repeat;
	width			: 234px;
	height			: 46px;	
	vertical-align	: bottom;	
}

#dNieuwsMenu ul li a.cTop:hover, #dNieuwsMenu ul li a.cTopActive{
	background		: url('./images/menu_active.jpg') transparent no-repeat;
	width			: 293px;	
	height			: 46px;		
	vertical-align	: bottom;
}

#dNieuwsMenu ul li a.cMiddle{
	background		: url('./images/menu_item.jpg') transparent no-repeat;
	width			: 234px;
	height			: 46px;	
	vertical-align	: bottom;
}

#dNieuwsMenu ul li a.cMiddle:hover, #dNieuwsMenu ul li a.cMiddleActive{
	background		: url('./images/menu_active.jpg') transparent no-repeat;
	width			: 234px;
	vertical-align	: bottom;
}

#dNieuwsMenu ul li a.cBottom{
	background		: url('./images/menu_bottom.jpg') transparent no-repeat;
	width			: 234px;
	height			: 50px;	
	vertical-align	: bottom;
}

#dNieuwsMenu ul li a.cBottom:hover, #dNieuwsMenu ul li a.cBottomActive{
	background		: url('./images/menu_bottom_active.jpg') transparent no-repeat;
	width			: 234px;
	vertical-align	: bottom;
}

#dNieuwsMenu p.cLabel{
	margin			: 0px;
	padding			: 0px;
	position		: absolute;
	width			: 150px;
	margin-left		: 60px;
	margin-top		: 4px;
	color			: white;
	float			: right;
	cursor			: pointer;
}

*:first-child+html #dNieuwsMenu p.cLabel{
	margin-left:-5px;
}

#dNieuwsMenu p.cDatum{
	margin			: 0px;
	padding			: 0px;
	position		: absolute;
	font-size		: 9px;
	margin-left		: 140px;
	margin-top		: 30px;	
	color			: white;
	font-style		: italic;
}

*:first-child+html #dNieuwsMenu p.cDatum{
	margin-left:0px;
}

#dNieuwsMenu ul li img{
	float			: left;
	margin-left		: 13px;
	margin-right	: 10px;
	border			: 0px;
	margin-top		: 4px;
	line-height		: 20px;
}



/*

	Content pagina

*/
#contentVlak .left, #contentVlak .right{
	width			: 165px;
	float			: left;
	margin-right	: 5px;
}

#contentVlak .subMenuHeader{
	background		: url('./images/subMenu_bg.jpg') red top left no-repeat;	
	width			: 155px;
	height			: 15px;
	padding-right	: 10px;
	padding-top		: 2px;
	color			: white;
	font-weight		: bold;
	text-align		: right;
}

#contentVlak .left .addThis{
	padding			: 10px;
}


#contentVlak .left ul, #contentVlak .right ul{
	margin			: 0px;
	padding			: 0px;
	list-style-type : none;
}

#contentVlak .left ul li a, #contentVlak .right ul li a{
	display			: block;
	padding			: 5px;
	border-bottom	: 1px solid #E4E5E6;	
}

#contentVlak .left ul li.active, #contentVlak .right ul li.active{
	text-decoration : underline;
	color			: #EC1C24;	
}

#contentVlak .left ul li a:hover, #contentVlak .right ul li a:hover{
	text-decoration	: underline;
	font-weight		: bold;
}

#contentVlak .left ul li ul, #contentVlak .right ul li ul{
	list-style-type : disc;
	border-bottom	: 1px solid #E4E5E6;
	color			: #EC1C24;
}

#contentVlak .left ul li ul li, #contentVlak .right ul li ul li{
	margin-left		: 30px;
}

#contentVlak .left ul li ul li a, #contentVlak .right ul li ul li a{
	border			: 0px;
	font-size		: 9px;
	font-weight		: bold;
}

#contentVlak .center, #contentVlak .centerWide{
	width			: 430px;
	background		: #e4e5e6;
	margin-right	: 5px;
	float			: left;
}

#contentVlak .centerWide{
	width			: 595px;
}
#contentVlak .centerHeader{
	background		: url('./images/contentheader.jpg') #820201 top left no-repeat;	
	width			: 420px;
	height			: 15px;
	padding-right	: 10px;
	padding-top		: 2px;
	color			: white;
	font-weight		: bold;
	text-align		: right;
}

#contentVlak .centerWide .centerHeader{
	width			: 585px;
}

#contentVlak .center .centerContent, #contentVlak .centerWide .centerContent{
	padding			: 5px;
	padding-left	: 20px;
	padding-right	: 20px;
	height:100%;
}

#contentVlak .right{
	margin			: 0px;
}

#contentVlak .right .search{
	padding			: 5px;
}

#contentVlak .right .search input{
	width			: 110px;
	height			: 10px;
	border			: 1px solid grey;
	font-size		: 9px;
}
#contentVlak .right .search a{
	text-transform : uppercase;
}

#contentVlak .right .search a.button{
	display			: block;
	float			: right;
	width			: 30px;
	height			: 14px;
	margin-right	: 5px;
	background		: url('./images/search_button.jpg') red top left no-repeat;	
}

#footer{
	height			: 30px;
	background		: white;
	text-align		: center;
	padding-top		: 10px;
	line-height		: 20px;
}	

#footer img{
	vertical-align : bottom; 
}


/*

	Header

*/

#header{
	width			: 790px;
	height			: 180px;
}

#header .logo, #header .nextmatch{
	width			: 170px;
	height			: 170px;
	background		: white;
	float			: left;
	padding-top		: 10px;	
	text-align		: center;
	line-height		: 20px;
}

#header .logo{
	color			: #EC1C24;
}

#header .nextmatch p.nextmatchaanvang{
	font-weight		: bold;
	font-size		: 9px;	
	line-height		: 25px;		
}

#header .nextmatch p.nextmatchdatum{
	margin			: 0 0 0 0;
	padding			: 0 0 10px 0;
	text-transform	: uppercase;
	line-height		: 25px;	
}

#header .image{
	width			: 450px;
	height			: 180px;
	float			: left;
}

/*

	Menu

*/

#menuHolder{
	width			: 770px;
	height			: 27px;
	padding-left	: 10px;
	padding-right	: 10px;
	background		: url('./images/menu_bg.jpg') white no-repeat 10px 0px;	
	position		: relative;
	z-index			: 300;
}
/*
#menu ul{
	list-style-type : none;
	margin			: 0px;
	padding			: 0px;
	width			: 770px;
	height			: 27px;
}
#menu ul li{
	float:left;
}
#menu ul li a{
	display			: block;
	height			: 22px;
	color			: white;
	font-size		: 12px;
	text-align		: center;
	width			: 100px;
	padding-top		: 5px;
}

#menu ul li a:hover{
	background		: white;
	color			: black;
	text-decoration : none;
}*/


.menu {
	width:			770px; 
	font-size:		0.85em;
}

.menu ul {
	padding:		0;
	margin:			0;
	list-style-type:none;
}
.menu ul ul {
	width:			120px;
}

.menu li {
	float:			left;
	width:			110px;
	position:		relative;
}

.menu a, .menu a:visited {
	display:		block;
	font-size:		11px;
	color:			#fff; 
	width:			110px; 
	height:			27px; 
	line-height:	25px;
	text-align:		center;
	text-decoration:none; 	
	/*background-image: url(./images/bg_menu.gif);
	background-repeat: repeat-x; 	*/
}

* html .menu a, * html .menu a:visited {
	width:			110px;
	w\idth:			110px;
}

.menu ul ul ul a, .menu ul ul ul a:visited {
	background:		#c11118;
		color:			#fff; 
}

.menu ul ul ul a:hover {
	background:		#e62027;
}
.menu ul ul ul :hover > a {
	background:		#e62027;
}

.menu ul ul {
	visibility:		hidden;
	position:		absolute;
	height:			0;
	top:			25px;
	left:			0;
	width:			120px;
	margin-left: 	-3px;
}

* html .menu ul ul {
	top:			25px;
	t\op:			25px;
}

.menu ul ul ul{
	left:			142px; 
	top:			0;
	width:			100px;
	border-left:1px solid white;
}

.menu ul ul ul.left {
	left:			-121px;
}

.menu table {
	position:		absolute; 
	top:			0; 
	left:			0;
}

.menu ul ul a, .menu ul ul a:visited {
	background:		#c11118; 
	color:			#FFF; 
	height:			auto; 
	line-height:	1em; 
	padding:		5px 10px; 
	width:			120px;
	text-align:		left;

}
* html .menu ul ul a{
	width:			120px;
	w\idth:			120px;
}

.menu a:hover, .menu ul ul a:hover{
	color:			#fff; 
	background:		#e62027;
}
.menu :hover > a, .menu ul ul :hover > a {
	color:			#fff;
	background:		#e62027;
}

.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:		visible; 
}

.menu ul :hover ul ul{
	visibility:		hidden;
}

.menu ul :hover ul :hover ul ul{
	visibility:		hidden;
}

.menu ul :hover ul :hover ul{ 
	visibility:		visible;
}

.menu ul :hover ul :hover ul :hover ul { 
	visibility:		visible;
}


/*

	Mail

*/
#mytable{
	empty-cells		: show;
	width			: 100%;
	text-align		: left;
	padding			: 0px;
	margin			: 0px;
	border-collapse	: collapse;
	border			: 1px solid #0E2800;
}

#mytable a{
	color			: black;
}

#mytable thead{
	color			: white;
	background		: url('./images/bg_menu.gif') #000000 repeat-x;
}

#mytable tbody tr.on{
	background		: #DCDCDC;
}

#mytable tbody tr.hover {
    background		: #820201;
    color			: white;
    cursor			: pointer;
} 

#mytable tbody tr.hover a{
    color			: white;
} 


#mytable tbody tr.selected {
    background		: #820201;
    color			: white;
    cursor			: pointer;
} 

#mytable tbody tr.selected a{
	color			: white;
}

#mytable tbody tr.new {
    font-weight		: bold;
} 

#mytable tbody tr.strike a{
	text-decoration : line-through;
	color			: gray;
}

#mytable tbody tr input, #mytable thead th input{
	border			: 0px;
	margin			: 3px;
	padding			: 0px;
}

ul.mailMenu {
	list-style-type	: none;
	margin			: 0;
	padding			: 0;
	background		: url('./images/bg_menu.gif') #000000 repeat-x;	
	height			: 25px;
	border			: 1px solid #000000;
	margin-bottom	: 10px;
	width			: 100%;
}
ul.mailMenu li {
	display			: inline;
	float			: left;
}
ul.mailMenu li a {
	display			: block;
	text-align		: center;
	text-decoration	: none;
	width			: 97px;
	height			: 17px;
	padding			: 4px;
	color			: white;
}
ul.mailMenu li a img{
	vertical-align	: middle;
	padding-right	: 5px;	
}


ul.mailMenu li a:hover, ul.mailMenu li a.active{
	background		: white;
	color			: black;
}

div.to{
	float			: left;
}

div.to img{
	padding-top		: 2px;
	padding-right	: 5px;
	padding-left	: 5px;
}

div.to a{
	color			: white;
	display			: block;
	background		: #820201;
	padding			: 1px;	
	margin-right 	: 5px;
	padding-right	: 5px;
	margin-bottom	: 5px;
	text-decoration : none;
}

div.to a:hover{
	background		: black;
	color			: white;
}

/*

	TABLES

*/
.cTblBase {
	border			: 1px solid #C2C2C2;
	margin			: 0;
	padding			: 0;
	width			: 100%;
}

.cTblHead {
	background		: url('./images/bg_menu.gif') repeat-x;
	color			: white;
	font-weight		: bold;
	height			: 15px;
	text-transform	: uppercase;
}
.cTblRowInactive{
	background		: white;
}

.cTblRowActive{
	background		: #efefef;
}

.cTblRowError{
	background		: #e8b9b9;
}


.cTblFoldHeader{
	width			: 570px;
	border-left		: 1px solid #cacaca;
	border-bottom	: 1px solid #cacaca;
	line-height		: 20px;
	empty-cells		: show;
}

.cTblFoldHeader td.gray{
	color			: #6c6c6c;
	border-top		: 1px solid #cacaca;	
	border-bottom	: 1px solid #cacaca;
	border-right	: 1px solid #cacaca;
	padding-top		: 5px;
}

tr.foldtr{
	border-right	: 1px solid #cacaca;
}

tr.foldHeader {
	/*background		: url('./images/table_program_top.jpg') right bottom no-repeat;*/
	color			: black;
	font-weight		: bold;
	width			: 570px;
	height			: 20px;
	margin-left		: 10px;
	text-transform	: uppercase;
	background:grey;
	vertical-align:top;
	border-right:0px;
}
/*
.foldHeader ul{
	margin			: 0px;		
	padding			: 0px;
	list-style-type	: none;
	margin-left		: 15px;
}

.foldHeader ul li{
	float			: left;
	line-height		: 36px;
}
.foldHeader ul li a{
	color			: black;
	text-decoration : underline;
}
.foldHeader ul li a:hover{
	text-decoration : none;
}*/


/*

	Errors

*/

#idMessageSuccess, #idMessageError, #idMessageNotice{
	background		: #EC1C24;
	color			: white;
	padding			: 5px;
	font-weight		: bold;
	text-align		: center;
}


#idMessageError{
	background		: red;
}

#idMessageSuccess{
	background		: #669900;
}

#idMessageNotice{
	background		: url('./images/icons/important.png') #EC1C24 no-repeat center left;
	padding-left	: 50px;
	min-height		: 60px;
	vertical-align  : middle;
}
#idMessageNotice p{
	vertical-align:middle;
}

#idMessageError a, #idMessageSuccess a, #idMessageNotice a{
	color			: white;
	font-weight		: bold;
	text-decoration : none;
}


/*

	POLL

*/

#pollResult{
}

#pollResult .answer{
	padding			: 10px 0 5px 0;
}

#pollResult .resultHolder{
	border			: 1px solid black;
	height			: 13px;
	float			: left;
}

#pollResult .result{
	background		: url('./images/bg_menu.gif') black repeat-x;
	height			: 13px;
}

#pollResult .percentage{
	float			: left;
	font-style		: italic;
	padding-left	: 5px;
}

#pollResult .clear{
	clear			: both;
}

#pollResult .totalVotes{
	margin-top		: 20px;
	font-style		: italic;
}

#dPollForm .cButton{
	float:left;
}

/*
	Comments
*/

.commentFoldHeader {
	background		: #cacaca;/*url('./images/comment_foldheader.jpg') #cacaca right bottom no-repeat;*/
	color			: black;
	font-weight		: bold;
	width			: 100%;
	height			: 20px;
	/*text-transform	: uppercase;*/
}

.commentFoldHeader ul{
	margin			: 0px;		
	padding			: 0px;
	list-style-type	: none;
	margin-left		: 5px;
}

.commentFoldHeader ul li{
	float			: left;
	line-height		: 20px;
}
.commentFoldHeader ul li a{
	color			: black;
	text-decoration : underline;
}
.commentFoldHeader ul li a:hover{
	text-decoration : none;
}

.comment{
	border-top		: 1px solid #CACACA;
	border-left		: 1px solid #CACACA;
	border-right	: 1px solid #CACACA;
	overflow		: hidden;
	width			: 100%;
	padding			: 5px 5px 0px 5px;
}

.comment img.photo{
	float			: left;
	margin-right	: 5px;
}

.comment p.italic{
	font-style		: italic;
	text-align		: center;
	width			: 100%;
}

.comment p.rejectedComment{
	border			: 1px solid red;
	overflow		: auto;
	width			: 95%;
	padding			: 5px;
}
.commentForm{
	margin-top		: 15px;
	border-top		: 1px solid #CACACA;
	width			: 98%;
}

.commentOptions{
	overflow		: hidden;
	margin-bottom	: 5px;
	width			: 100%;
	padding			: 5px;
	text-align		: right;	
	border-left		: 1px solid #CACACA;
	border-right	: 1px solid #CACACA;
	border-bottom	: 1px solid #CACACA;	
}
.commentQuote{
}

.commentQuote p{
	margin:0px;
	padding:3px;
}

.commentQuote p.header{
	font-weight		: bold;
	font-size		: 11px;
	background		: #CACACA;
}

.commentQuote p.content{
	border			: 1px solid #CACACA;			
}

.message{
	border			: 1px solid red;
	overflow		: auto;
	width			: 100%;
	text-align		: center;
	padding			: 5px;
}



