body {
	background: #585858;
	color: #333333;
	margin: 20px 0 0 0;
}

.logo h4 a {
	display: block;
	width: 113px;
	height: 15px;
	text-indent: -9999px;
	background: url(img/logos/select_when.gif) no-repeat;
}
.logo h4 a:focus {
	background: #000000 url(img/logos/select_when.gif) no-repeat;
}

.top_nav ul {
	float: right;
}
.top_nav ul li {
	display: inline;
	margin: 0 10px;
}
.top_nav ul li a {
	color: #999999;
	font-size: 11px;
	text-decoration: none;
}
.top_nav ul li a:hover,
.top_nav ul li a:focus {
	color: #FFFFFF;
}

.page_container {
	border: 1px solid #FFFFFF;
	background: #FFFFFF url(img/bg/nav.gif) repeat-x;
	margin:0 -10px 40px -10px !important;
	overflow: hidden;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 0 15px #000000;
	-webkit-box-shadow: 0 0 15px #000000;
}

.nav {
	height: 56px;
	line-height: 56px;
	vertical-align: middle;
	overflow: hidden;
	margin: 0 -10px 1px -10px !important;
}
.nav ul li,
.crumb ul li {
	float: left;
	list-style-type: none;
	margin: 0 10px;
}
.nav ul li.signup {
	float: right;
}
.nav ul li a {
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 5px 10px 4px 10px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
.nav ul li.active a {
	background: #fefefe url(img/bg/nav_a.gif) repeat-x;
	color: #333333;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.nav ul li a:hover,
.nav ul li a:focus {
	color: #CCCCCC;
}
.nav ul li a:focus {
	text-decoration: underline;
}
.nav ul li.active a {
	color: #333333;
}
.nav ul li.active a:focus {
	color: #000000;
	background: #FFFFFF;
}
.crumb {
	clear: both;
	overflow: hidden;
	background: #FFFFFF url(img/bg/crumb.gif) repeat-x;
	height: 36px;
	line-height: 35px;
	vertical-align: middle;
}
.crumb ul li {
	text-transform: uppercase;
	color: #999999;
	font-size: 10px;
	font-weight: bold;

}
.crumb ul li a {
	text-decoration: none;
	color: #999999;
	background: url(img/bullets/arrow_small_right_grey.gif) right 2px no-repeat;
	padding: 0 20px 0 0;

}
.crumb ul li a:hover {
	color: #666666;
}

.primary {
	padding: 20px 0;
}

.primary h1,
h2.boxed {
	border: 1px solid #0099cc;
	background: #26a8d4 url(img/bg/h1.gif) repeat-x;
	padding: 10px;
	color: #FFFFFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.primary h1 span,
h2.boxed span {
	display: block;
	clear: both;
	font-size: 13px;
	line-height: 13px;
	font-weight: normal;
	color: #bfe5f2;
}
.sidebar h2.boxed {
	background: #e2e2e2 url(img/bg/header_grey.gif) repeat-x;
	border: 1px solid #d9d9d9;
	color: #909090;
	font-size: 25px;
	font-weight: normal;
}

.secundary {
	background: #FFFFFF url(img/bg/secundary.gif) repeat-y;
	margin-bottom: 20px;
}
.secundary .top {
	padding: 20px 0 0 20px;
	background: url(img/bg/secundary_top.gif) no-repeat;
}
.secundary .wrapper {
	padding: 0 0 0 20px;
}
.secundary .bottom {
	clear: both;
	height: 60px;
	background: url(img/bg/secundary_bottom.gif) no-repeat;
}

.secundary h2 {
	margin-bottom: 0px;
}

.sidebar {
	margin-top: 20px;
}

.footer {
	color: #CCCCCC;
	font-size: 11px;
}
.footer ul li {
	margin: 0;
	padding: 0 10px;
	list-style-type: none;
}
.footer ul li a,
.footer ul li strong {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.footer ul li li a {
	color: #CCCCCC;
	font-weight: normal;
}
.footer ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.footer ul li ul li {
	padding: 0;
}
.footer ul li.copyright {
	font-weight: bold;
	color: #FFFFFF;
}
.footer ul li.copyright li {
	font-weight: normal;
	color: #CCCCCC;
}

.home {
	position: relative;
}

.home img {
	float: left;
	width: 940px;
	height: 520px;	
}

.home_intro {
	position: absolute;
	top: 60px;
	right: 20px;
	float: right;
	background: #fff;
	padding: 10px;
	height: 270px;
	width: 380px;
	margin: 0 0 20px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
}


/* forms
----------------------------------------------- */
form {

}
fieldset {
	clear: both;
	position: relative;
	border:1px solid #dbdbdb;
	padding: 10px 10px 0 10px;
	position:relative;
	background:#f7f7f7 url(img/1px_white.gif) repeat-x;
	margin: 40px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
legend span {
	position: absolute;
	height: 32px;
	text-align: top;
	margin-top: -30px;
	left: 10px;
	color: #98cc00;
	font-size:16px;
	background: url(img/bg/legend.gif) 10px bottom no-repeat;
}
.element {
	overflow: auto;
	width: 100%;
	clear: both;
	margin-bottom: 20px;
	padding-bottom: 20px;
	padding-left: 5px; 
	background: url(img/bg/devider_grey_white.gif) left bottom repeat-x;
}
.participate .grid_8 .element {
	width: 570px;
}
.element .half_element {
	width: 45%;
	float: left;
}
.element .one_third_element {
	width: 33%;
	float: left;
}
.element .two_third_element {
	width: 66%;
	float: left;
}
fieldset .element label {
	color: #666666;
	display: block;
	font-weight: bold;
	padding: 0 0 0 10px;
}
.element input,
.element select,
.element textarea {
	border: 1px solid #d6d6d6;
	padding: 7px 7px 8px 7px;
	font-size: 16px;
	color: #000000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.element input:focus {
	border: 1px solid #666666;
}

.element span.form_help {
	width: 35%;
	float: right;
	font-size: 11px;
	color: #999999;
	line-height: 12px
}

form .extra_large {
	width: 60%;
}

textarea.xx_large {
	width: 60%;
	height: 200px;
}

.radio_group {
	float: left;
	margin: 0;
	
}
.radio_group li {
	clear: both;
	margin: 5px 0;
	list-style-type: none;
	overflow: hidden;
}
.friends .multiple_input .radio_group li label {
	margin: 5px 0px !important;
	padding: 0 !important;
}
.radio_group input {
	clear: both;
	width: 20px;
	float: left;
}
.radio_group label {
	width: auto;
	color: #333333 !important;
	line-height: 18px;
	font-weight: bold;
}

form .error label {
	color: #CC0000;
}
form .error input {
	background: #fcf2f5;
}

.event_detail .friends .half_element input {
	width: 125px;
}
.event_detail .dates .half_element input {
	width: 175px;
}

div.errors {
	color: #CC0000;
	background: #fcf2f5;
	background:#fcf2f5 url(img/1px_white.gif) repeat-x;
	border: 1px solid #fae5ea;
	padding: 10px 20px 15px 20px;
	margin: 0 0 20px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
div.errors h2 {
	margin-bottom: 0;
	font-size: 18px;
}
div.errors ul {
	margin-bottom: 0;
}
div.errors ul li {
	margin-left: 0;
	list-style-type: none;
}

div.notify {
	color: #99cc00;
	background:#ebf5cc url(img/1px_white.gif) repeat-x;
	border: 1px solid #99cc00;
	padding: 10px 20px 15px 20px;
	margin: 0 0 20px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
div.notify h4,
div.notify p {
	margin: 0;
}

div.warning {
	color: #cc9900;
	background:#f0e0b2 url(img/1px_white.gif) repeat-x;
	border: 1px solid #cc9900;
	padding: 10px 20px 15px 20px;
	margin: 0 0 20px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
div.warning h4,
div.warning p {
	margin: 0;
}


form p {
	clear: both;
}

/* form.small */
form.small .element {
	padding-bottom: 5px;
	margin-bottom: 5px;
	background: none;
}
form.small .element input {
	width: 90%;
}
form.small button.primary {
	float: left;
}
form.form_horizontal label {
	width: 30%;
	float: left;
	text-align: right;
	padding: 7px 10px 0 0;
}
form.form_horizontal button.primary {
	float: left;
}
form div.action {
	width: 99%;
	background: none;
	margin-bottom: 0;
}
form fieldset div.no_sep {
	background: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
}




a:focus {
	text-decoration: underline !important;
}



/* LISTS */
.boxed {
	border:1px solid #dbdbdb;
	padding:10px 10px 20px 10px;
	margin-bottom: 20px;
	position:relative;
	background:#f7f7f7 url(img/1px_white.gif) repeat-x;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

ul.list li {
	list-style-type: none;
	margin: 0px;
	border-bottom: 1px solid #dbdbdb;
	padding: 5px 5px;
}
ul.list li:last-child {
	border-bottom: none;
}
ul.list li a {
	font-weight: bold;
}
ul.list li a:hover,
ul.list li a:focus {
	text-decoration: underline;
}

.event_details li.description {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 25px;
	color: #666666;
}

/* APPOINTMENT DETAILS */
.availability_chart {
	border: 1px solid #CCCCCC;
	padding: 20px;
	height: 200px;
	background: #FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
p.event_description {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 28px;
	color: #666666;
	padding: 10px;
}

/* PARTICIPATE */
body.participate .participate_form {
	margin: 0 0 60px 0;	
}
body.participate .participate_form h2 {
	padding: 5px;
	
}
body.participate h3 {
	color: #0099CC;
}
body.participate form .element {
	width: auto;
}
body.participate form ul.radio_group li {
	float: left;
	clear: none;
	font-size: 20px;
	padding: 0 20px 0 0;
}
body.participate form ul.radio_group li input {
	margin: 6px 3px 0 0;
}
body.participate form div.comments label {
	display: block;
	margin: 10px 0 0 5px;
	font-weight: bold;
}
body.participate form div.comments textarea {
	margin: 0;
	width: 280px;
	height: 55px;
}
body.participate form input.button {
	padding: 7px 50px 8px 30px;
}


/* ACTIVITY */
ul.activity li {
	overflow: auto;
	width: 100%;
	clear: both;
	list-style-type: none;
	margin: 0px;
	border-bottom: 1px solid #dbdbdb;
	padding: 10px 5px 5px 5px;
}
ul.activity li.last_loaded {
	border-bottom: 1px solid #999999;
}
ul.activity li.load_more {
	border-bottom: none;
}
ul.activity li span {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 5px 0px;
}
ul.activity li span.status {
	font-size: 10px;
	font-weight: bold;
	background: #999999;
	padding: 5px 0 4px 0;
	width: 90px;
	text-align: center;
	overflow: hidden;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
ul.activity li span.message {
	width: 320px;
	padding: 0 0 5px 0;
	font-size: 12px;
}
ul.activity li span.date {
	float: right;
	text-align: right;
	width: 150px;
	height: 16px;
	overflow: hidden;
	color: #999999;
	font-size: 11px;
}
ul.activity li span.status_APPOINTMENT_SENT,
ul.activity li span.status_APPOINTMENT_AD {
	background: #009900;
	color: #FFFFFF;
}
ul.activity li span.status_APPOINTMENT_DRAFT {
	background: #FF6600;
	color: #FFFFFF;
}
ul.activity li span.status_NEW_ACCOUNT,
ul.activity li span.status_ACCOUNT_ACTIVATE {
	background: #0099FF;
	color: #FFFFFF;
}
ul.activity li span.status_ACCOUNT_DEACTIVA {
	background: #cc0000;
	color: #FFFFFF;
}




/* PARTICIPANTS LIST */
.participants ul li,
.date_options ul li {
	width: 100%;
	overflow: auto;
}
.participants li span.name {
	font-weight: bold;
	float: left;
}
.participants ul li.confirmed span.name {
	background: url(img/icons/tick.png) no-repeat;
	padding: 0 0 0 20px;
}

.participants li span.name span.email {
	font-weight: normal;
}
.participants li span.invited,
.participants li span.personal_link,
.participants li span.personal_link a,
.date_options li span.date {
	display: block;
	clear: left;
	font-style: italic;
	font-size:11px;
	color: #666666;
}
.participants li span.invited .notify {
	background: #EBF5CC;
	padding: 3px 3px 2px 10px;
	border: none;
	font-weight: bold;
}
.participants li span.personal_link a {
	font-weight: normal;
	text-decoration: none;
}
.participants li span.personal_link a:hover {
	color: #000000;
}
.participants li .actions,
.date_options li .actions {
	display:none;
}
.participants li:hover .actions,
.date_options li:hover .actions {
	display: block;
}

.date_options li {
	margin: 0 0 20px 0 !important
}
/* DATE LIST */
.date_options li span.option {
	font-weight: bold;
}
.date_options li span.date {
	clear: left;
}
.date_options li h5 {
	padding: 0 30px 0 0;
}
.date_options .day_color {
	display: block;
	width: 14px;
	height: 14px;
	float: left;
	margin: 0 5px 0 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

ul.date_detail {
	width: 100%;
	overflow: auto;
}
ul.date_detail li {
	width: 30%;
	float: left;
	margin: 0 !important;
}
ul.date_detail li li {
	clear: left;
}


/* ACTION LINKS 16x16*/
.date_options ul li  a.date_details {
	font-size: 16px;
	margin-top: -10px;
}
.actions {
	float: right;
}
.actions a,
.actions img  {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	float: left;
	margin: 4px;
	cursor: pointer;
}
.actions a.add {
	background: url(img/icons/add.png);
}
.actions a.add:hover {
	background: url(img/icons/add.png) left -16px;
}
.actions a.edit {
	background: url(img/icons/pencil.png);
}
.actions a.resend {
	background: url(img/icons/email_go.png);
}
.actions a.resend:hover {
	background: url(img/icons/email_go.png) left -16px;
}
.actions a.delete,
.actions a.delete_no_confirm {
	background: url(img/icons/delete.png);
}
.actions a.delete:hover,
.actions a.delete_no_confirm:hover {
	background: url(img/icons/delete.png) left -16px;
}
.actions a.users {
	background: url(img/icons/group.png);
}
.actions a.users:hover {
	background: url(img/icons/group.png) left -16px;
}

/* MULTIPLE INPUT */
.multiple_input {
	margin: 0;
}
.multiple_input li {
	margin: 0 !important;
	list-style-type: none;
}
.multiple_input .actions {
	width: 24px;
}
.multiple_input li.first .actions a.delete,
.multiple_input li.first .actions a.delete_no_confirm {
	display: none;
}
.multiple_input li:last-child .element {
	background: none;
	margin-bottom: 0 !important;
}
.event_detail .friends .multiple_input li:last-child .element,
.event_detail .dates .multiple_input li:last-child .element {
	background: url(img/bg/devider_grey_white.gif) left bottom repeat-x;
	margin-bottom: 20px !important;
}


/* DATE PICKER */
table.data {
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	
}
table.data thead td {
	font-weight: bold;
	font-size: 12px;
	color: #666666;
}
table.data tbody tr {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: #FFFFFF;
}
table.data tbody tr.comment_detail {
	border-top: none;
}
table.data td {
	padding: 5px;
}

table.data td.name {
	font-weight: bold;
}
table.data td.name span.email {
	font-weight: normal;
}
table.data td.status,
table.data td.comment {
	width: 22px;
}
table.data td.status span,
table.data td.comment a {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
}
table.data td.status span.yes {
	background: url(img/icons/tick.png) no-repeat;
}
table.data td.status span.no {
	background: url(img/icons/cross.png) no-repeat;
}
table.data td.status span.maybe {
	background: url(img/icons/help.png) no-repeat;
}
table.data td.comment a {
	background:url(img/icons/comment.png) no-repeat;
}

table.data tr.comment_detail td {
	padding: 0 5px 10px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #666666;
}

/* DATE PICKER */
input.datetimepicker {
	background: #FFFFFF url(img/icons/calendar.png) 7px 9px no-repeat;
	padding:7px 7px 8px 25px !important;
}
.error input.datetimepicker {
	background: #FCF2F5 url(img/icons/calendar.png) 7px 9px no-repeat;
}
.ui-widget-content {
	border: none !important;
}
.ui-widget-header {
	background: #edece7 url(img/buttons/bg_secundary.gif) repeat-x !important;
	border: 1px solid #dbdbdb !important;
}
.ui-slider-range {
	border: 1px solid #DBDBDB;
}

#pickerplug {
	border: 1px solid #DBDBDB;
	background: #FFFFFF;
	padding: 5px !important;
}
#pickerplug li {
	margin: 5px;
}

#timepicker {
	margin: 35px 0 0 0;
}

#timepicker h3,
#timepicker h4 {
	font-size: 14px;
	margin: 0 !important;
}
#timepicker h4 {
	font-size: 13px;
	font-weight: normal;
}
#timepicker .ui-widget-content  {
	border: 1px solid #CCCCCC !important; 
}

#text_close {
	position: absolute;
	top: 10px;
	right: 10px;
}

/* BUTTONS */

.button,
.button_secundary {
	background-color: #99cc00;
	background-image: url(img/sprite.png);
	background-repeat: no-repeat;
	border: 1px solid #99cc00 !important;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	color: #FFFFFF !important;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	vertical-align: middle;
}
.button_secundary {
	background-color: #edece7;
	background-image: url(img/sprite.png);
	background-position: left -96px;
	border: 1px solid #dbdbdb !important;
	color: #999999 !important;
}
.button:hover,
.button:focus {
	border: 1px solid #7aa300 !important;
	background-color: #99cc00;
	background-position: left -48px;
}
.button_secundary:hover,
.button_secundary:focus {
	border: 1px solid #bababa !important;
	color: #666666 !important;
}
a.button,
a.button_secundary {
	padding-bottom: 6px;
	display: inline-block;
}

a.arrow_right,
input.arrow_right {
	background-image: url(img/sprite.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 36px !important;
}
a.arrow_right:hover,
a.arrow_right:focus,
input.arrow_right:hover,
input.arrow_right:focus {
	background-position: right -48px;
}


/*
.submit,
a.button_secundary {
	background: #99cc00 url(img/buttons/bg_primary.gif) repeat-x;
	padding: 7px 10px;
	border: 1px solid #99cc00;
	float: right;
	color: #FFFFFF !important;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.submit span,
.button_secundary {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	height: 19px;
	line-height: 17px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}
.submit:hover,
.submit:focus {
	border: 1px solid #669900;
	background: #99cc00;
	cursor: pointer;
}
a.button_secundary {
	float: left;
	padding: 8px 10px;
	line-height: 19px;
	background: #edece7 url(img/buttons/bg_secundary.gif) repeat-x;
	border: 1px solid #dbdbdb;
	text-decoration: none;
	color: #999999;
	
}
a.button_secundary:hover,
a.button_secundary:focus {
	border: 1px solid #bababa;
	color: #666666;
	
}
*/


.right {
	float: right;
}