#intro_instruction{
	font-weight:normal;
	font-size:11px;
}

#ask_component_password{
	padding:20px;
	width:60%;
	margin: 0 auto; 
}
#ask_component_password fieldset{
	padding:30px;
}
#ask_component_password a:link, #ask_component_password a:visited, #ask_component_password a:hover, #ask_component_password a:active{
	color:#666;
} 

#ask_component_password a:hover{
	color:#000
	}

#userinfo_form, #editmysite_form, #cpanel_content_full{
	width:560px;
	margin: 0 auto;
}

#userinfo_form label, .planner_form label{
	text-align:right;
	margin: 3px 5px 3px 0px;
	float:left;
	width: 190px;
	white-space:nowrap;
	height: 20px;
	font-weight:bold;
}

.planner_form .group_selector,.planner_form a{float:left;margin-left:3px}
.planner_form .floating_fields{width:550px;border:solid 0px #333}

.floating_fields input, .floating_fields select, .floating_fields a{float:left}

.floating_fields label{width:80px}


#userinfo_form fieldset, #save_dn_settings fieldset, #editmysite_form fieldset, .planner_form fieldset, #form fieldset{
	border:solid 1px #ddd;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom:15px;
	padding:10px;
}


#userinfo_form fieldset legend, #editmysite_form fieldset legend, .planner_form fieldset legend, #ask_component_password legend, #form fieldset legend{
	font-weight:bold;
}

#userinfo_form fieldset label, #editmysite_form label, .planner_form fieldset label, #ask_component_password label{
	font-weight:normal;
	height: 16px;
}

#userinfo_form select{
	margin: 3px 0px 10px 0px;
	border:solid 1px #ccc;
	background-color: #eee;
}

#userinfo_form input, #editmysite_form input, .planner_form input, #ask_component_password input{
	border:solid 1px #ccc;
	background-color: #eee;
	padding: 3px 0px 0px 5px;
	margin: 0px 0px 6px 0px;
	height: 16px;
}

#userinfo_form .readonly, .readonly{
	font-style:italic;
	border: solid 0px #fff;
	background-color:#fff;
}

#userinfo_form .white{
	border-width:0px;
	background-color:transparent	
}


#editmysite_form .white{
	margin: 5px 5px 0px 150px;
	border-width:0px;
	background-color:transparent
}

#editmysite_form .pagefeature{
	margin: 5px 5px 0px 180px;
}

#editmysite_form .passwrd_block label{
	display:none;
	border:solid 1px #ff0000;
}


.bracket{
	margin: 2px -2px 0px 180px;
}


#editmysite_form .psswrd_block{
	position:relative;
	left:25px;
	top: -10px;
	display:table;
	margin-bottom:15px;
	text-align:left;
	width: 150px
}

#editmysite_form .psswrd_block input{
	width: 160px
}


#userinfo_form .display{
	margin: 3px 5px 3px 0px;
	height: 24px;
}

#userinfo_form .submit, #editmysite_form .submit, .planner_form .submit, #ask_component_password .submit{
	position: relative;
	left: 200px;
	margin-top: 10px;
	height: 18px;
	font-weight:bold;
	padding: 0px 5px 3px 5px;
}
#ask_component_password .submit{
	left:0px
}
#userinfo_form hr{
	height:1px;
	width: 90%;
	margin: 10px 0px 10px -30px
}

img.infolink{
	position:relative;
	top:0px;
	margin: 0px 0px 0px 3px;
	vertical-align:top;
}
/*
td.c-welcome {
	background: #ffffcc url('/images/icons/information.png') no-repeat fixed 5px 5px;
	font-size: 12px;
	color: #333333;
	background-color:#ffffcc;
	padding: 5px 10px 5px 40px;
	border: solid 1px #CCCCCC;
}

div.c-welcome {
	background: #ffffcc url('/images/icons/information.png') no-repeat;
	background-position: 10px 7px;
	font-size: 12px;
	color: #333333;
	background-color:#ffffcc;
	padding: 5px 10px 5px 40px;
	border: solid 1px #CCCCCC;
	margin: 10px 0px 10px 0px;
}*/

.c-welcome li{
	margin-bottom:5px;
}

/*

TD.c-warning, .c-warning{
	text-align: left;
	font-size: 	11px;
	line-height:110%;
	color:	#FF3333;
	background-color:#FFFFCC;
	padding:5px 10px 5px 40px;
	border:solid 1px #ccc;
}
.c-warning-title{
	margin-top:10px;
}

TD.c-warning-title, .c-warning-title {
	font-size: 10px;
	font-weight:bold;
	line-height:150%;
	color:#FFFFFF;
	background-color:#666666;
	padding:5px 10px 5px 40px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
}*/

 #editmysite_form .c-welcome input{
	position:relative;
	top:6px;
	background-color:transparent;
	border-width:0px
}

.display_hint{
	background:#ffffcc url("/images/sites/weddings.myevent.com/en/tips_title.gif") no-repeat;
	width:250px;
	border:solid 1px #ccc;
	font-size:11px;
	color:#333;
	padding:25px 8px 10px 8px
}

#cpanel_help, #quickstart{
	margin:10px 10px 20px 20px;
} 


#page{
	background-color: #fff;
	padding: 20px 15px 65px 5px;
	height:100%;
	font-size: 14px;
	line-height: 18px
	margin: 0px;
}
	
#cpanel_help IMG{
	margin-top: 10px;
	margin-left: 10px;
	border:solid 1px #ccc
}

#cpanel_help #white{
	background-color:#fff;
	border-right: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
}


#cpanel_help #display_code{
	margin:10px;
	border: dotted 2px #D6E3EF;
	background-color: #EFF7FF;
	padding: 10px;
	font-family:georgia,courier,serif;
	color: #333;
}

#cpanel_help #display_code IMG{
	border-width: 0px;
}


#cpanel_help H1{
	font-size: 24px;
	color: #006699;
	line-height:110%
}

#cpanel_help H2{
	font-size: 20px;
	color: #006699;
	line-height:110%;
	padding-left: 10px;
	font-style:italic
}

#cpanel_help H3{
	font-size: 16px;
	color: #006699;
	line-height:110%
}


#cpanel_help DIV.step{
	padding-top: 5px;
	padding-bottom: 15px;
	border-bottom: dotted 1px #999;
	margin-bottom: 10px;
}

#cpanel_help #just_text{
	padding: 0px 15px 0px 15px;
}

#cpanel_help #simple TD{
	padding:0px 5px 0px 5px;
	border-bottom:solid 1px #eff7ff
}

#cpanel_help #simple{
	margin-left: 30px;
}


#help_welcome{
	text-align:left;
}

#help_welcome img{
	float:left;
	margin:0px 0px 0px 15px;
}

#help_welcome a.rose{
	display:block;
	width: 100px;
	float:left;
	margin:5px 15px 60px 15px;
	text-align:center;
	font-weight:bold
}

#help_welcome div{
	float:left;
	clear:right;
	margin:5px 0px 60px 0px;
}

#help_welcome div a{
	font-weight:bold	
}

.hidden_message{display:none}
.open_content{display:none}
.display_pages_off{display:none}
.show { display: block; }
.noshow{ display: none; }
.selected {font-weight:bold}
/*.selected span {visibility:hidden}*/

.cpanel_welcome_promo, .borderless_promo, .book_promo, .book_promo_quickstart, .cpanel_welcome_ecommerce_promo{
	border:solid 1px #ccc;
	margin-bottom:7px;
	padding:10px;
	width:550px !important;
	height:auto;
	overflow:hidden;
	background-color: transparent;
}

.borderless_promo, .book_promo, .book_promo_quickstart{
	border-width: 0px;
}

.open_content{
	/* background:#fff url('/images/sites/websiteworks.com/grey_background.gif'); */
	position:static;
	padding:10px;
	margin:0px;
	margin-top:10px;
	clear:both;
	width:540px !important;
}


.hidden_message{
	/* background:#fff url('/images/sites/websiteworks.com/grey_background.gif'); */
	position:static;
	padding:10px;
	margin:0px;
	width:180px;
}

.toggle_pages_off_btn{
	position:absolute;
	left:140px;
}

.toggle_btn{
	float:right;
}

.cpanel_welcome_promo .toggle_btn, .borderless_promo .toggle_btn, .book_promo .toggle_btn, .book_promo_quickstart .toggle_btn{
	float:left
}
.toggle_promo{
	font-weight:bold;
	float:left;
	margin-right:5px;
/*	border:solid 1px #ccc;
	width:525px !important;*/
	padding-left:5px;
}

.toggle_promo a:link, .toggle_promo a:visited, .toggle_promo a:hover, .toggle_promo a:active{
	text-decoration:none
}

.change_colours ul{
	margin: 10px 20px;
	width:250px;
	float:left;
}

.change_colours ul li{
		display:block;
		margin:0px;
		height: 22px;
		min-height:22px;
 		padding:0px;
}

.change_colours ul li a{
	vertical-align:middle;
}
.change_colours ul li a:link, .change_colours ul li a:visited, .change_colours ul li a:hover, .change_colours ul li a:active{
	margin:0px;
	padding:0px;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}

#wiz{
	clear:both;
}
.step_base{
	height:60px;
	position:relative;
}

.step_base a{
	font-size:11px;
	position:absolute;
	bottom:3px;
	right:3px;
}

.form-right-column{
	width:192px;
	position:absolute;
	right:-20px;
	top:120px;
	}
	
.form-right-column selected{
	font-weight:normal;
	}

.form-right-column #cancel_link, .form-right-column #submit_msg{
	margin:15px 0px 10px 5px;
	font-size:11px;
	width:182px;
	padding:8px;
	border:solid 3px #e5e6e9;
	color:#333;
	background-color:#fff;
	cursor:pointer;
}

 .form-right-column h1{
 	margin:2px;
 }
 
 .form-right-column #submit_msg{
 	cursor:auto
 }

.form-right-column #cancel_link span{
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	}
	
#userinfo_form #cancel_submit{
	color:#666;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	width: 163px;
	height: 27px;
	display:block;
	background-color:#e5e6e9;
	border:solid 0px #ff0000;
	background-color:transparent;
	background-image:url('/images/sites/websiteworks.com/backtocontrolpanel_btn.gif');
	background-repeat: no-repeat;
	margin: 5px 0px 2px 0px;
	padding:0px;
	cursor:pointer
}

#cancel_button{
	clear:right;
	text-decoration:none;
	display:block;
	height:56px;
	width:177px;
	background:url('/images/sites/websiteworks.com/cancel_button.gif') no-repeat;
	cursor:pointer
}


.c-questions_left{
	font-size:12px;
	font-weight:bold;
}

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	width:200px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #efefef;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	color: #666;
	border: 1px solid #ece9d8;
	border-style: solid;
	border-width: 1px;
	border-color: #ddd #bbb #bbb #ddd;
	}


/* a table cell that holds a highlighted day (usually either todays date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	border-style: solid;
	border-width: 1px;
	border-color: #999 #666 #666 #999;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either todays date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: gray;
	background: #ccc;
	border-style: solid;
	border-width: 1px;
	border-color: #999 #666 #666 #999;
	margin: 0px 1px 0px 1px;
	font-weight: bold;
	padding: 0px 1px 0px 1px;
	cursor:pointer;
	cursor:hand;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #ccc;
	border-style: solid;
	border-width: 1px;
	border-color: #999 #666 #666 #999;
	margin: 0px 2px 0px 2px;
	font-weight: bold;
	cursor:pointer;
	cursor:hand;
	}
	
	.display_stats{
		width:100%;
	}
	.display_stats td
	{
	}

	.display_outcome, .display_list
	{
		margin: 0 auto;	
		width:560px
	}

	.display_outcome td, .display_list td
	{
		padding:3px;
		text-align:left
	}
	
	.display_list
	{
		border: solid 1px #ccc;
	}

	.display_list th{
		color:#0E4E7E;
		padding:5px;
		font-size:12px;
		font-weight:bold;
		text-align:left;
		background-color:#f6f6f6;
		border-color:#ccc;
		border-style:solid;
		border-width:0px 1px 1px 0px
	}

	.calendarWeekend
	{
		BORDER-RIGHT: #339900 1px solid;
		BORDER-TOP: #339900 1px solid;
		BORDER-LEFT: #339900 1px;
		BORDER-BOTTOM: #339900 1px;
		BACKGROUND-COLOR: #fff3c4
	}

	.calendarEvent
	{
		BORDER-RIGHT: #ac552b solid;
		BORDER-TOP: #fff8d9 solid;
		FONT-SIZE: x-small;
		BORDER-LEFT: #fff8d9 solid;
		BORDER-BOTTOM: #ac552b solid;
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		BACKGROUND-COLOR: #ffcc00
	}

	.calendarInactive
	{
		BORDER-RIGHT: #339900 thin solid;
		BORDER-TOP: thin solid;
		FONT-SIZE: x-small;
		BORDER-LEFT: #339900 thin;
		BORDER-BOTTOM: #339900 thin;
		FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
		BACKGROUND-COLOR: #e9f4f9
	}

	.calendarActive
	{
		BORDER-RIGHT: #339900 thin solid;
		BORDER-TOP: #339900 thin solid;
		BORDER-LEFT: #339900 thin;
		BORDER-BOTTOM: #339900 thin;
		BACKGROUND-COLOR: #efffdf
	}


	.calendarCaption
	{
		FONT-WEIGHT: bold;
		FONT-SIZE: 10px;
		COLOR: #ffffff;
		FONT-STYLE: normal;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		BACKGROUND-COLOR: #0987c2
	}

	.calendarOuterBorder
	{
		BORDER-LEFT-COLOR: #d2e0e9;
		BORDER-BOTTOM-COLOR: #d2e0e9;
		BORDER-LEFT-STYLE: solid;
		BORDER-BOTTOM-STYLE: solid
	}

	
	.oddRow
	{
		background-color:#D2E0E9;
		border-color:#ccc;
		border-style:solid;
		border-width:0px 1px 1px 0px;
		FONT-SIZE: 10px;
		FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
	}

	.evenRow
	{
		background-color:#E2EBF0;
		border-color:#ccc;
		border-style:solid;
		border-width:0px 1px 1px 0px;
		FONT-SIZE: 10px;
		FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
	}
		
	
	input{
		font-size: 8pt;
		background-color: #E9F4F9;
		border: 1px solid #0099CC;
	}

	input .white{
		font-size: 8pt;
		background-color: #FFFFFF;
		border: 0px solid #0099CC;
	}
	.white{
		background-color:transparent;
		border-width: 0
	}
	input .liteblue, .liteblue{
		font-size: 8pt;
		background-color: #E9F4F9;
		border: 0px solid #0099CC;
	}
	
	input .borderless, .borderless{
		font-size: 8pt;
		background-color: transparent;
		border: 0px solid #0099CC;
	}

	input .grey{
		font-size: 8pt;
	}
	
	
	#online_payments_ticket_homepage{
	background: url("/images/sites/reunions/ticket_homepage.png") no-repeat top left;
	position:relative;
	width: 210px;
	height: 100px;
	margin-left: -55px;
	text-align: center;
	padding-top:20px;
	line-height: 13px;
}

.sell_tickets_table{border-left:solid 1px #b5d5ea; border-top:solid 1px #b5d5ea}
.sell_tickets_table TD{border-right:solid 1px #b5d5ea; border-bottom:solid 1px #b5d5ea}
#online_payments_text {position:relative;}
#online_payments_text H2{font-family:helvetica; color:#f96600; font-size:18px; font-weight:normal}
#online_payments_text H3{background:url("/images/sites/reunions/title_bg.jpg"); background-repeat:repeat-x; height:29px; border:solid 1px #c5d9e7; padding-left:8px; line-height:28px; text-align:left; font-weight:bold; color:#3b3a36; font-size:13px;}

.start_trial{display:none}

TD.bordered{border:solid 1px #c0c0c0}
TD.bordered{ padding:5px 5px 5px 5px}


#conflict_container{width:405px !important;height:250px;text-align:center;font-size:12px;color:#333;position:fixed;top:200px;left:350px;padding:15px 12px 25px 12px;background:#fff;z-index:200;border:solid 1px #999; opacity:1; filter:alpha(opacity=100);}
#conflict_wrapper {position:fixed; top:0; left:0; height:100%; width:100%; background:#fff; opacity:.75; filter:alpha(opacity=75); z-index:100}
.conflict{width:350px;margin: 0 auto;text-align:left;margin-top:30px;line-height:110%}
.conflict h1{font-size:16px;margin:1px;line-height:150%}
.conflict img, .conflict input{float:left; margin: 0px 3px 3px 0;line-height:100%}
.conflict input.conflict_submit{margin:15px;padding:3px;height:22px}
.conflict ul {margin-bottom:15px}
.conflict label{text-align:left;clear:right;float:none;height:13px;display:block}

a.circle:link, a.circle:visited{text-decoration:none;font-size:11px;font-weight:normal;color:#514e42}
a.circle:hover, a.circle:active{text-decoration:none;font-size:11px;font-weight:normal;color:#f96600}

.eventsTable{
	width: 100%;
	padding:2px 2px 2px 2px;
	background-color:#EFF7FF;
	border-right:solid 1px #c0c0c0;
	border-left:solid 1px #c0c0c0;
	border-bottom:solid 1px #c0c0c0;
}