/*
 *  site.css
 */
* {
	margin: 0px;
	padding: 0px;
}

body{
font: Arial, Helvetica, sans-serif 11px;	
background: url(../img/header_side.jpg) repeat-x top left;
}


#left_column_medium {
	clear:left;
	padding-right:15px;
	width:490px;
}

#center_column {
margin:0 0 30px;
width:250px;
}

#right_column_small {
padding-left:0px;
width:290px;
}

#left_column_medium, #center_column, #right_column_small {
	float:left;
}

#column_xsmall{
	width: 180px;
	float:left;
	padding-right: 15px;
}

div.insert_healer{
	font:Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin-bottom:10px;
}
div.insert_healer a img{border: none; width: 12px; height:12px;}


div.users_list_text{width:210px; display: inline-block; margin: 0px;}


div#submenu{
	float: right;
	margin-top: 90px;
	width: 300px;
	text-align: right;
	font-size: 11px;
	color: #CCC;
	padding-right: 50px;
}

ul.submenu{
	list-style: none;
	display: inline;
}
ul.submenu li{
	display: inline;
}

ul.submenu a{
	color: #FFF;
}

a{text-decoration:none; color:#000;}
a:hover{text-decoration:underline; color:#333;}

hr.dotted{border-style:dotted; color:#999; margin: 5px 20px 5px 0px; }

h1{font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	margin-bottom:10px;
}

h1.blue{color:#06f;}
h1.purple{color: #cc0066;}

td img {
	display: block;
	border: none;
}

div#container {
	margin:0px auto;
	width: 800px;
}

div#header {
	margin: 0px;
	background: url(../../media/img/header.png) no-repeat;
	width: 800px;
	height: 148px;
}

div#main{
	width: 800px;
	margin: 10px 0px;
}



h1, h2, h3, a, label{
	font-family:Arial, Helvetica, sans-serif;
}

p{
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p.contact a{
	color:#F60;
	font-weight: bold;
}

p.small{
	font-size: 9px;
	font-style: italic;
}

p.links{
	font-size: 9px;
	font-family:Verdana, Geneva, sans-serif;
	}

p.links strong a{
	font-size: 11px;
	color: #F00;
	}

p.explanation{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

.block_medium_blue, .block_medium_orange, .block_medium_purple{
	width: 490px;
	margin-bottom: 10px;
}

h4, h4 a{
	height: 20px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-left:5px;
	padding-bottom: 0px;
	color:#FFF;
	margin-bottom: 0px;
}

.block_large_blue, .block_large_orange, .block_large_purple{width: 600px;}
.block_medium_blue, .block_medium_orange, .block_medium_purple{width: 490px;}
.block_small_blue, .block_small_orange, .block_small_purple{width: 290px; margin-bottom: 10px;}
.block_xsmall_blue, .block_xsmall_orange, .block_xsmall_purple{width: 180px; display: inline-block; margin: 5px 10px 10px 0px; float: left;}

.block_large_blue h4{background: url(../img/header_large_blue.png) no-repeat top left;}
.block_medium_blue h4{background: url(../img/header_medium_blue.png) no-repeat top left;}
.block_small_blue h4{background: url(../img/header_small_blue.png) no-repeat top left;}
.block_xsmall_blue h4{background: url(../img/header_xsmall_blue.png) no-repeat top left;}
.block_large_purple h4{background: url(../img/header_large_purple.png) no-repeat top left;}
.block_medium_purple h4{background: url(../img/header_medium_purple.png) no-repeat top left;}
.block_small_purple h4{background: url(../img/header_small_purple.png) no-repeat top left;}
.block_xsmall_purple h4{background: url(../img/header_xsmall_purple.png) no-repeat top left;}
.block_large_orange h4{background: url(../img/header_large_orange.png) no-repeat top left;}
.block_medium_orange h4{background: url(../img/header_medium_orange.png) no-repeat top left;}
.block_small_orange h4{background: url(../img/header_small_orange.png) no-repeat top left;}
.block_xsmall_orange h4{background: url(../img/header_xsmall_orange.png) no-repeat top left;}

.block_large_blue_content, .block_medium_blue_content, .block_small_blue_content, .block_xsmall_blue_content,
.block_large_purple_content, .block_medium_purple_content, .block_small_purple_content, .block_xsmall_purple_content,
.block_large_orange_content, .block_medium_orange_content, .block_small_orange_content, .block_xsmall_orange_content{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px 9px 5px 9px;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: auto;
}

.block_large_blue_content, .block_medium_blue_content, .block_small_blue_content, .block_xsmall_blue_content{border-left:1px solid #00C; border-right:1px solid #00C; overflow: hidden;}
.block_large_purple_content, .block_medium_purple_content, .block_small_purple_content, .block_xsmall_purple_content{border-left:1px solid #F33; border-right:1px solid #F33; overflow: hidden;}
.block_large_orange_content, .block_medium_orange_content, .block_small_orange_content, .block_xsmall_orange_content{border-left:1px solid #F33; border-right:1px solid #F33; overflow: hidden;}

.block_large_blue, .block_medium_blue, .block_small_blue, .block_xsmall_blue{border-bottom: 1px solid #00C;}
.block_large_purple, .block_medium_purple, .block_small_purple, .block_xsmall_purple{border-bottom: 1px solid #F33;}
.block_large_orange, .block_medium_orange, .block_small_orange, .block_xsmall_orange{border-bottom: 1px solid #F33;}


p.agenda_item, p.workshop_des, p.costs, p.user{
	padding-bottom: 5px;
}

p.agenda_item{
	border-bottom: 1px dotted #666;
}

p.workshop_des{
	font-size: 13px;
	line-height: 16px;
}

p.costs{
	font-size:13px;
	line-height: 16px;
	color: #06F;
	font-weight: bold;
	display: inline-block;
	width: 150px;
}

ul{
	margin-left: 15px;
}

.block_medium_blue_content p.user, .block_medium_blue_content p.user a{
	font-size:13px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
}

.block_medium_blue_content p.user{ color: #06F;}
.block_medium_blue_content p.user a{color: #F33;}
.block_medium_blue_content p.user a:hover{text-decoration: underline;}

.block_medium_blue_content span, .block_medium_orange_content span{
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}
 span.time{width: 69px;}

span.agenda_title{display: inline-block; width:290px;}
span.title_main, span.title_main a{width: 290px; font-size: 12px; color:#06F; text-decoration:none; font-weight: bold;}
span.title_main a:hover{text-decoration: underline; color:#9CF;}

span.title_item, span.title_item a{width: 290px; font-size: 11px; color:#06F; text-decoration: none; padding-left:5px;}
span.title_item a:hover{text-decoration: underline;}

span.location{width: 75px;}

span.user, span.user a{width: 80px; color:#ff3333; text-decoration:none; font-weight:bold; font-size:13px;}
span.user a:hover{text-decoration:underline; color:#F66;}

span.costs{font-size:9px; color:#666; display: inline-block; font-weight: normal; margin-left: 10px; line-height: 10px; width: 250px;}

ul.workshop_items{margin-left: 0px;}
ul.workshop_items li.past_time, ul.workshop_items li.past_time span.item_title, ul.workshop_items li.past_time span.location, ul.workshop_items li.past_time span.location a {color:#CCC; font-weight:normal;}
ul.workshop_items li{list-style: none; margin-left: 10px;}
ul.workshop_items h5{font-size: 14px; font-weight:bold; color:#F63; margin-top:5px; display: inline; margin-bottom: 5px;}
ul.workshop_items li span.date{width: 80px;}
ul.workshop_items li span.time{width: 80px;}
ul.workshop_items li span.item_title{width: 188px; color:#F63; font-weight:bold;}
ul.workshop_items li span.location, ul.workshop_items li span.location a{width: 100px; text-decoration:none; color:#000;}

ul.workshop_items span.serie_details{color: #F63; font-size: 11px; vertical-align: bottom; margin-left: 10px;}											   

label{font-size: 11px;}
.block_small_purple_content label{
	display: inline-block;
	width: 150px;
	vertical-align: top;
}



.block_small_purple_content input, .block_small_purple_content textarea, .block_small_purple_content select{margin-bottom:5px; display:block; width: 250px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.block_small_purple_content input#submit{display: block; margin-top: 20px; margin-left: 180px; width: 80px;}
.block_small_purple_content input#captcha_input{display:block;}
.block_small_purple_content textarea{height: 100px; }
.block_small_purple_content form img{display:block; margin: 3px 0px 5px 0px;}


.users_list_item{
	width: 270px;
	border-bottom: 1px dotted #666;
	padding-top:3px;
	height: 65px;
	display:block;
	min-height:20px;
}
	

.users_list_item img.left, .users_list_item img.right{
	width: 40px;
	height:60px;
	margin-right: 5px;
	border:1px solid #F33;
	display: inline;
}

.users_list_item img.left{
	float: left;
}

.users_list_item img.right{
	float: right;
}

.users_list_item_content{
	width: 193px;
}

.users_list_item h2, .users_list_item p.users_list{
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	width: 210px;
}


.users_list_item h2, .users_list_item h2 a{
	font-size:13px;
	color:#F33;
	text-decoration: none;
}

.users_list_item h2 a:hover{
	text-decoration: underline;
}

.users_list_item p.users_list{
	display: inline-block;
	max-height: 72px;
	overflow: hidden;
	margin-top: 0px;
}

.users_list_item a{
	color: #F63;
	text-decoration:none;
	font-size: 11px;
}

.users_list_item a:hover{text-decoration:underline;}

img.user_photo{
	display: inline-block;
	width: 120px;
	height: 160px;
	border:2px solid #06F;
	float: left;
	margin-right: 10px;
}

img.user_photo_edit{
	display: inline-block;
	width: 120px;
	height: 160px;
	border:2px solid #F33;
}

.block_medium_blue_content h5, .block_medium_blue_content h6, h7{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align: top;
}

.block_medium_blue_content h5{
	font-size: 16px;
	color:#06F;
}

h5{font-size: 11px; color: #F33;}

h6{font-size:13px;}
h6 a{text-decoration: none; color: #06F;}
h6 a:hover{text-decoration: underline;}
h6.orange{color:#F33;}

.user_content, .user_content_small{display:inline-block; vertical-align:top; margin-left: 10px; width: 320px;}
.user_content_small{width: 120px;}
.block_medium_blue_content p.user_des{margin-top: 30px;}


span.message_success, span.message_error, span.captcha_error{display: block; width: auto; font-style:italic; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
span.message_success{color:#0C0;}
span.message_error, span.captcha_error{color:#F00;}


.medium_block_form label{width: 400px; display: block;}
.medium_block_form input, .medium_block_form textarea{width: 400px; margin-bottom:5px; height: auto;}
.medium_block_form textarea{margin: 0px 0px 10px 0px; width: 400px;}
.medium_block_form input#submit{width: auto; margin-top: 10px; margin-left: 280px;}
.medium_block_form input#dob{width:100px;}

span.5pxmargin{display:block; height:5px;}

input, select{display: block; margin-bottom: 3px;}
input.wsd_item_count{width: 10px; font-size:10px;}
input.wsd_item_title{width: 130px; font-size:10px;}
input.wsd_start_datetime, input.wsd_end_datetime{width: 90px; font-size:10px;}
select.wsd_location_id{width: 90px;font-size:10px;}
input#costs_full{width: 30px; display:inline-block;}
input#costs_cents{width: 20px; display:inline-block;}
input.hidden{width: 0px;}

table.wsd td, table.wsd th{width: auto; text-align: left; vertical-align: top;}
table.wsd th label, table.wsd td label{width: auto;}

p.right{text-align:right; width: auto; margin-right: 20px;}
span.hidden{color: #fff;}

a{cursor: pointer;}

blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}

br.both{
clear:both;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:auto;
width:200px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
top: 100px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:15px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
.button{
text-align:center;
margin:10px;
}

.element .hightlight {
	border:2px solid #9F1319;
	background:url(../img/iconCaution.gif) no-repeat 2px
}
.element #submit {
	float:right;
	margin-right:10px;
}
.loading {
	float:right; 
	background:url(../img/ajax-loader.gif) no-repeat 1px; 
	height:28px; 
	width:28px; 
	display:none;
}
.done {
	background:url(../img/iconIdea.gif) no-repeat 2px; 
	padding-left:20px;
	font-family:arial;
	font-size:12px; 
	width:70%; 
	margin:20px auto; 
	display:none
}

div.admin_menu{
	spanst-style: none; 
	width: 794px; 
	background:url(../img/blue_header_bg.png) repeat-x top left; 
	height:25px; 
	margin: 0px 0px 15px 0px; 
	display:block;
	border-top:1px solid #0000ff;
	border-bottom:1px solid #0000ff;
	border-right:1px solid #0000ff;}
	
div.admin_submenu a, div.admin_submenu{
	font-size: 11px;
}
	
div.admin_menu span{
	display: inline-block; 
	width:98px; height:25px; 
	margin: 0px; 
	text-align: center; 
	vertical-aspangn: middle; 
	border-left:1px solid #0000ff; 
	border-right:1px solid #0000ff;
	font-size:10px;
	font-size: 12px;}
	
div.admin_menu span.not_selected a{
	display: inline-block; 
	color: #CCC; 
	margin: 5px auto; 
	}

div.admin_menu span a:hover{color: #fff; text-decoration: none;}

div.admin_menu span.selected a{
	display: inline-block; 
	font-weight:bold;
	color: #fff;
	margin: 5px auto; 

}
	
div.admin_menu span.selected {
	background:url(../img/blue_header_sel_bg.png) repeat-x top left; 
	}
	
a.edit_delete_buttons{
	float: right;
	padding: 0;
	margin: -22px 5px 0px 0px;
	vertical-align:top;	
	}
a.edit_delete_buttons img{
	border:none;
	padding: 0;
	margin-top: 0px;
	}
	
em{ color:#F00;}

p.pagination{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-color:#666;
	text-align: center;
}

p.breadcrumb{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-color:#999;
	text-align: left;
	margin-bottom: 10px;
}

ul.menu{
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: bottom;
	padding-top: 110px;
}

ul.menu li{
	display: inline;
	color: #FFF;
	margin-right: 20px;
}

ul.menu li a{
	color: #FFF;}
	
ul.consultations, ul.healers{
	list-style: none;
	margin-left: 0px;
}
ul.consultations li.header, ul.healers li.header{font-size: 11px; color: #06f; border-bottom: 1px solid #06f; margin-bottom: 5px;}

ul.consultations li span.consultations_cat, ul.consultations li span.consultations_title, ul.consultations li span.consultations_user{display: inline-block; margin-bottom:5px;}
ul.consultations li span.consultations_cat, ul.consultations li span.consultations_cat a{ width: 70px;}
ul.consultations li span.consultations_title, ul.consultations li span.consultations_title a{width: 260px; font-size: 12px; color:#06f;}
ul.consultations li span.consultations_user, ul.consultations li span.consultations_user a{width: 100px;}

ul.healers li span{display: inline-block; margin-bottom:5px;}
ul.healers li span.username{width: 200px;}
ul.healers li span.last_login{width: 110px;}
ul.healers li span.logins{width: 70px;}
ul.healers li span.active{width: 30px;}
ul.healers li span.active a img{border:none; width:12px; height:12px;}

hr.healers{border:1px dashed #666; margin-bottom:10px;}

p.costs_indication{color: #333;}
p.costs_indication span.label{display: inline-block; width: 100px; color: #06F; font-weight: bold;}


img.user_grid{display: inline; float: left;}
p.user_grid_text{ width: 110px; float: left; margin-left:5px; margin-top:0px; min-height: 100px; font-size: 11px;}
div.block_xsmall_blue_content img{border: 1px solid #00c;}
div.block_xsmall_orange_content img{border: 1px solid #f33;}
div.block_xsmall_purple_content img{border: 1px solid #f33;}

ul.fairs{list-style:none; margin-left:0px;}
ul.fairs li{margin-bottom: 5px;}
span.fair_title{display: inline-block; width: 275px;}
span.fair_title a{font-size: 12px; font-weight:bold; color: #06f; }
span.fusers a{color: #06f; font-weight:bold;}

ul.fair_users{list-style: none;}

ul.fair_view{list-style: none;}
ul.fair_view li span{font-family:Arial, Helvetica, sans-serif; font-size:11px;}
ul.fair_view li span.label{display:inline-block; width: 100px; margin-bottom: 3px;}

span.delete_icon, span.edit_icon{float:right;}

ul.fairs input#submit_sub{float: right;}

input.fair_add{display: inline;}
label.fair_add{display: inline;}
input.fair_add_comment{display: inline-block; width:300px;}

input.users_email{display: inline;}
label.users_email{
	margin: 0px 0px 0px 5px;
	width: 217px;
	display: inline-block;
}
input.users_email_subject{width: 350px;}

textarea.users_email{
	min-height: 150px;
}

div.add_fair input{width: 300px;}

div.add_fair input#start_date, div.add_fair input#end_date{width: 142px; display: inline-block; margin-right:10px;}
div.add_fair label#date{width: 142px; display: inline-block; margin-right: 15px;}
div.add_fair input.fair_add{width: auto;}
div.add_fair input#submit_insert, input#submit_edit_comment{float: right; width: auto;}

h6.blue{color: #06f;}

span.icons, span.icons_header{width: 30px;}
span.icons a img, span.icons_header a img{border:none; width:12px; height:12px; margin-right:2px; float:right;}
span.icons_header{float:right; margin-top: -19px; margin-right: 6px;}

/*field hints */
/* The hint to Hide and Show */
span.hint {
   	display: none;
    position: relative;
	float: right;
    right: 0px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(../img/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
span.hint span.hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../img/pointer.gif) left top no-repeat;
}

ul.workshops{list-style:none; margin: 0px;}
ul.workshops li.main{border-bottom:1px dotted #CCC;}
ul.workshops li.main span.title, ul.workshops li span.title a{width: 420px;color:#0066FF;
font-size:13px;
font-weight:bold;
text-decoration:none;
	}
ul.workshops li span.day_nr, ul.workshops li span.day_text{
	width: 20px;
	font-size:12px;
	font-weight:bold; 
	text-decoration:none; 
	}
ul.workshops li span.day_nr{color:#0066FF;}
ul.workshops li span.day_text{color:#F60; width: 20px;}
ul.workshops li span.title a:hover{color:#09f; text-decoration:underline;}
ul.workshops li.main span.user{width: 420px; margin-left: 44px;}
ul.workshops li.main span.user, ul.workshops li.main span.user a{font-weight: normal; font-size: 11px;}


ul.workshops li.meta{
	width: auto; 
	display:none;
	margin-left:-3px; 
	background:#F60; 
	line-height:17px; 
	color:#fff; 
	padding-left:5px;}
	



ul.workshops li.meta span.item_title{
	width: 420px;
	font-weight:bold;
}

ul.workshops li.meta span.time{width: auto; margin-left: 42px;}
ul.workshops li.meta span.user{width: auto;}

ul.workshops li.meta span.day_nr_over, ul.workshops li span.day_text_over{
	width: 20px;
	font-size:12px;
	font-weight:bold; 
	text-decoration:none; 
	background: #F60;
	margin-left:0px;
	}
ul.workshops li.meta span.day_text_over{color:#fff;}

div.display_full{
	display: none;
	margin-left: -3px;
	background: #f60;
}


div.display_full span{
	display: inline-block;
	margin: 0px;
	padding-left:3px;
}

div.display_full span.day_nr_over, div.display_full span.day_text_over{
	width: 20px;
	font-size:12px;
	font-weight:bold; 
	text-decoration:none; 
	background: #F60; 
	}

div.display_full span.day_text_over, div.display_full span.day_nr_over{color:#fff;}

div.display_full span.title, div.display_full span.title a{width: 420px;color:#fff;
font-size:12px;
font-weight:bold;
text-decoration:none;
	}
	
div.display_full span.item_title{
	width: 420px;
	font-weight:bold;
	margin-left: 55px;
	color: #fff;
}
div.display_full span.user{
	margin-left: 55px;
	font-size: 10px;
	font-weight: normal;
	width: 420px;
	color: #fff;
}

div.display_full span.user a{
	font-size: 10px;
	color: #fff;
	font-weight: normal;
}

div.display_full span.time, div.display_full span.location{
	width: 420px;
	color: #fff;
	margin-left: 55px;
}


div.hidden{
	display:none;
}