/*
 * Styles for EventOrganizer.
 */
div.eventContent {
	float: left;
	width: 460px;
	position: relative;
}

/* div.eventContent p.societyMember { width: 460px; position: relative; float: left; } */
div.eventContent p.locationAndDate {
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: bold;
}

div.eventContent table {
	margin-bottom: 10px;
}

div.eventContent th {
	padding: 4px 10px 4px 0;
	text-align: left;
}

div.eventContent td {
	padding: 4px 10px 4px 5px;
}

div.eventContent fieldset {
	border: none;
	padding: 0;
	margin: 4px 0 10px 0;
}

#eventListing th {
	font-weight: bold;
	padding: 4px 10px 4px 5px;
	text-align: left;
}

#eventListing td {
	padding: 4px 10px 4px 5px;
}

div.eventListItem h3 {
	width: 255px;
	position: relative;
	float: left;
}

div.linksToReg {
	text-align: left;
	width: 200px;
	position: relative;
	float: left;
	padding: 0 0 10px 0;
}

div.eventListItem div.linksToReg {
	text-align: right;
	width: 200px;
	position: relative;
	float: right;
	padding: 0;
}

h2.groups {
	padding: 30px 0 0 0;
	font-size: 16px;
}

/* My events - Sefe.fi */
#myEvents {
	background: #f5f5f5 url(/ap-pics/EventOrganizer/myEventsBg.gif) repeat-y
		;
	width: 220px;
	position: relative;
	float: right;
	padding-bottom: 40px;
}

#myEventsTop {
	background: transparent url(/ap-pics/EventOrganizer/myEventsBgTop.gif)
		no-repeat;
	height: 15px;
	width: 220px;
}

#myEventsBtm {
	background: transparent url(/ap-pics/EventOrganizer/myEventsBgBtm.gif)
		no-repeat;
	height: 18px;
	width: 220px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#myEvents h1 {
	padding: 0 0 0 20px;
}

#myEvents ul.myEventsList {
	list-style-type: none;
	border-top: 5px solid #ccd9e3;
	margin: 0 0 0 4px;
}

#myEvents ul.myEventsList li.list {
	border-bottom: 5px solid #ccd9e3;
	padding: 10px 15px 15px 20px;
}

#myEvents ul.myEventsList li.list a.eventLink {
	background: transparent url(/ap-pics/EventOrganizer/linkArrow.gif) left
		no-repeat;
	padding-left: 8px;
	display: inline;
	font-size: 11px;
}

#myEvents ul.myEventsList li.list a.toCashier {
	background: transparent url(/ap-pics/EventOrganizer/linkArrow.gif) left
		no-repeat;
	padding-left: 8px;
	font-size: 11px;
}

#myEvents ul.myEventsList li.list p {
	margin: 0;
}

#myEvents ul.myEventsList li.list p.date {
	font-size: 11px;
}

#myEvents ul.myEventsList li.list p.paid,#myEvents ul.myEventsList li.list p.unpaid,#myEvents ul.myEventsList li.list p.waiting
	{
	font-weight: bold;
	padding: 2px 0 2px 22px;
	margin: 5px 0 5px 0;
}

#myEvents ul.myEventsList li.list p.paid {
	background: transparent url(/ap-pics/EventOrganizer/paid.gif) left
		no-repeat;
	color: #4da400;
}

#myEvents ul.myEventsList li.list p.unpaid {
	background: transparent url(/ap-pics/EventOrganizer/unpaid.gif) left
		no-repeat;
	color: #ff0000;
}

#myEvents ul.myEventsList li.list p.waiting {
	background: transparent url(/ap-pics/EventOrganizer/waiting.gif) left
		no-repeat;
	color: #ec7705;
}

p.participantCount {
	padding: 5px 0 5px 0;
}

/* My events - Jasensivut */ /* CM */
#properties #prop_container h1 {
	font-size: 24px;
	color: #015498;
	font-weight: normal;
	border: none;
	margin: 0px 0 20px 25px;
	padding: 0;
	background: none;
}

#properties #prop_container h2 {
	font-size: 18px;
	color: #015498;
	font-weight: normal;
	border-color: #003f72;
	margin: 30px 0 10px 25px;
	padding: 0;
}

#properties #prop_container h3 {
	font-size: 14px;
	color: #015498;
	font-weight: bold;
	margin: 0 0 5px 25px;
	border-color: #003f72;
	padding: 0;
}

#properties #prop_container p {
	margin-bottom: 5px;
	margin-left: 25px;
	line-height: 1.5;
}

#properties #prop_container {
	background: #e3e3e3;
	padding: 30px 0 0 0;
}

#eventorganizer {
	background: #FFFFFF url(/ap-pics/EventOrganizer/contentBg.gif) repeat-x;
	width: 100%;
	margin: 43px 0 0 0;
	padding-top: 20px;
	position: relative;
	float: left;
}

#eventorganizer fieldset {
	border: none;
}

#eventorganizer	#quick_search_results ul {
	margin: 10px 0 20px 30px;
}

#cookieEO {
	padding: 10px 0 0 0;
	margin: 20px 0 0 25px;
	background: transparent url(/ap-pics/EventOrganizer/cookieBg.gif)
		no-repeat;
	height: 37px;
	width: 600px;
}

#cookieEO2 {
	padding: 10px 0 0 0;
	margin: 20px 0 0 25px;
	background: transparent url(/ap-pics/EventOrganizer/cookieBg2.gif)
		no-repeat;
	height: 39px;
	width: 730px;
}

#cookieEO ul li,#cookieEO2 ul li {
	list-style-type: none;
	display: inline;
}

#cookieEO ul li a,#cookieEO2 ul li a {
	text-decoration: none;
}

#cookieEO ul li a:hover,#cookieEO2 ul li a:hover {
	text-decoration: underline;
	color: #000000;
}

#cookieEO ul li span,#cookieEO2 ul li span {
	color: #000000;
	text-decoration: none;
	font-size: 13px;
}

#cookieEO ul li span.selected,#cookieEO2 ul li span.selected {
	font-weight: bold;
}

li.first {
	padding: 0 0 0 15px;
}

li.second {
	padding: 0 0 0 45px;
}

li.third {
	padding: 0 0 0 40px;
}

li.fourth {
	padding: 0 0 0 35px;
}

li.fifth {
	padding: 0 0 0 35px;
}

/* TABS */
#tabs {
	padding: 0 0 0 25px;
}

#tabs .eotabs {
	height: 30px;
	position: absolute;
	z-index: 2;
}

#tabs #areaManagement .eotabs {
	top: -26px;
}

#tabs #message .eotabs {
	top: 61px;
}

#tabs .eotabs li {
	list-style-type: none;
	display: block;
	float: left;
	margin-right: 1px;
	padding-left: 9px;
	background: transparent url(/ap-pics/EventOrganizer/li-nonactive.gif)
		top left repeat-x;
	margin-top: 4px;
}

#tabs .eotabs li.selected {
	background: #fff url(/ap-pics/EventOrganizer/li-active.gif) top left
		repeat-x;
	margin-top: 1px;
	padding-left: 7px;
}

#tabs #sidebar .eotabs li.selected {
	background: #F9F8ED url(/ap-pics/EventOrganizer/li-active.gif) top left
		repeat-x;
}

#tabs .eotabs li a {
	display: block;
	float: left;
	background: transparent url(/ap-pics/EventOrganizer/li-a-nonactive.gif)
		top right repeat-x;
	color: #666666;
	height: 13px;
	padding: 15px 20px 15px 12px;
	text-decoration: none;
	cursor: pointer;
	font: normal normal 12px arial;
	outline: none;
}

#tabs .eotabs li a.disabled {
	color: #aaa
}

#tabs .eotabs li a:hover {
	text-decoration: underline;
}

#tabs .eotabs li.selected a {
	background: #fff url(/ap-pics/EventOrganizer/li-a-active.gif) top right
		repeat-x;
	color: #015294;
	font: normal normal 12px arial;
	text-decoration: none;
	padding: 17px 20px 16px 14px;
}

#tabs .eotabs li.disabled a {
	background: #fff url(/ap-pics/EventOrganizer/li-a-disabled.gif) top
		right repeat-x;
}

#tabs #sidebar .eotabs li.selected a {
	background: #F9F8ED url(/ap-pics/EventOrganizer/li-a-active.gif) top
		right repeat-x;
}

/* Participants */
#participantsLeft {
	position: relative;
	float: left;
	margin: 20px 0 0 0;
}

#participantsRight {
	position: relative;
	float: right;
	margin: 20px 30px 0 0;
}

/* separator */
.separatorEO {
	background: transparent url(/ap-pics/EventOrganizer/separator2.gif)
		repeat-x;
	height: 25px;
	width: 450px;
}

/* Tables */
table.listTable {
	border: 1px solid #cddded;
	margin: 30px 0 30px 25px;
}

table.listTable th {
	font-weight: bold;
	background: #cddded;
	padding: 5px;
	vertical-align: top;
}

table.listTable td {
	padding: 5px;
	vertical-align: top;
}

table.listTable tr.stripe {
	background: #f2f5f8;
}

table.listTable tr.waiting td {
	background: #CCCCCC;
	border-bottom: 1px solid #d0ddee;
	vertical-align: middle;
}

table.listTable tr.participant td {
	border-bottom: 1px solid #d0ddee;
	vertical-align: middle;
}

table.normalTable {
	margin: 0 0 0 25px;
}

table.normalTable th {
	font-weight: bold;
	padding: 3px 6px 3px 0;
	vertical-align: top;
}

table.normalTable td.radio input {
	vertical-align: middle;
}

table.normalTable td.select select {
	
}

table.normalTable td {
	padding: 3px 0 3px 6px;
	vertical-align: top;
}

table.normalTable td input.text {
	width: 290px;
}

table.normalTable td textarea {
	width: 420px;
}

table.registrationForm {
	margin: 0 0 0 0;
}

table.registrationForm th {
	font-weight: bold;
	padding: 3px 6px 3px 0;
	vertical-align: top;
	color: #1e3d6b;
}

table.registrationForm td.radio input {
	vertical-align: middle;
}

table.registrationForm td {
	padding: 3px 0 3px 6px;
	vertical-align: top;
}

table.registrationForm td input.text {
	width: 262px;
}

table.registrationForm td textarea {
	width: 262px;
}

table.normalTable.bg {
	margin-top: 30px;
	background: transparent url(/ap-pics/EventOrganizer/bgSearch.gif) left
		no-repeat;
	height: 107px;
	width: 945px;
}

#properties #prop_container table p {
	margin-left: 0;
}

strong {
	font-weight: bold;
}

.success {
	color: #279a27;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.failure {
	color: #d50000;
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0 10px 0;
}

.eventContent a.eventLink {
	/* display: block; position: relative; float: right; width: 195px; text-align: right; */
	
}

/* clear floats */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* piilotetaan mac-ie:ltä */
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* pois piilosta */
.simple_popup_info {
	z-index: inherit;
}

.simple_popup_div {
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 3;
}

.simple_popup_inner {
	padding: 20px;
	border: #999 2px solid;
	text-align: left;
	z-index: inherit;
}

.simple_popup_close {
	text-align: right;
}

label.dirty {
	color: red;
}