/*- - - - - - - - - - - - - - - - - - -
Title  : User profile
Author : Eugen Lobicov, eugen.lobicov@gmail.com
url    : 

created : February 15, 2010
last updated : August 9, 2010
- - - - - - - - - - - - - - - - - - */

@import url("reset2.css");

body{
	font:normal 12px/1.5 Arial, Helvetica, sans-serif;
	background-color:#fff;
	color:#000;
}
html, body, .page {height: 100%;}
body > .page {height: auto; min-height: 100%;}

.hidden{
	position:absolute;
	top:-50em !important;
	left:0;
	width:0.1em !important;
	height:0.1em !important;
	overflow:hidden;
}
.cfx:after{
	content: ' ';
	clear:both;
	overflow:hidden;
	display:block;
	width:0; 
	height:0;
	font-size:0;
	line-height:0;
}
.conference a{
	text-decoration:none;
	color:#000;
}
/* index page 
- - - - - - - - - - - - - - - - - - - */
.index{}

.overview{}

.featured-entry{
	margin:0 0 27px;
	padding:0 8px;
}
.featured-entry img{
	display:block;
}
.conferencies{
	margin:0 0 27px;
}
.conferencies .conference{
	float:left;
	width:227px;
	min-height:290px;
	padding:0 8px;
}
.conferencies .rit-conf .summary{
	background-color:#0088CD;
	color:#fff;
}
.conferencies .highload-conf .summary{
	background-color:#DF0024;
	color:#fff;
}
.conferencies .root-conf .summary{
	background-color:#F7931E;
	color:#fff;
}
.conferencies .whale-rider .summary{
	background-color:#153B63;
	color:#fff;
}
.conference .summary{
	position:absolute;
	width:195px;
	height:290px;
	padding:16px 16px 0;
	visibility:hidden;
}
.conference:hover .summary,
.conferencies .hover .summary{
	visibility:visible;
}
.conference .summary .event-title{
	font-size:21px;
}
.conference .summary p{
	font-size:14px;
	line-height:18px;
	margin:0 0 15px;
}
.conference .summary ul{
	margin:0 0 18px;
}
.conference .summary li{
	padding:0 0 0 25px;
	background:url(/i/li.gif) no-repeat 0 .25em;
	font-size:14px;
}
.conference .summary .more{
	font-size:14px;
	text-decoration:underline;
	color:#fff;
}
.conference .summary a.more:hover{
	text-decoration:none;
}
.conference .event-details{}

.conference .event-details .logo{
	margin:0 0 9px;
	border:1px solid #e0e0e0;
}
.conference .event-details .logo img{
	display:block;
	width:225px;
}
.conference .event-details .event-title{
	font-size:21px;
	font-weight:normal;
}
.conference .event-details .event-dates{
	margin-top:9px;
	font-size:12px;
	font-style:italic;
	color:#999;
}
.overview .about{
	display:inline;
	float:left;
	width:308px;
	padding:0 8px;
}
.about .b-title{
	margin:0 0 16px;
	font-size:18px;
	font-weight:normal;
	border-bottom:1px solid #e0e0e0;
}
.overview .about p{
	margin:0 0 18px;
}
.overview .actions{
	width:230px;
/*	margin:75px auto 25px;*/
	float:left;
	width:632px;
	padding:0 8px;
}
.overview .action-buttons{
	width:230px;
	margin:85px auto 0;
}
.actions .register{
	float:right;
    padding:0 14px;
    white-space: nowrap;
    outline: 0;
    border: 1px solid #ccc;

    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.05);
    -moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.05);

    font-size: 21px;
    background: #d9d9d9 url(/i/button_repeat.png) repeat-x 0px -210px;
    color: #333;
	text-decoration:none;
}
	.actions a.register:hover {
		background-position: 0 -287px; 
	}

.actions .login{
	display:inline;
	float:right;
	font-size:21px;
	padding:0 25px 0 0;
	color:#666;
	text-decoration:none;
}
	.actions a.login:hover{
		text-decoration:underline;
	}
/* inside 
- - - - - - - - - - - - - - - - - - - */
.header-outer,
.footer-outer{
	width:100%;
}
.header,
.footer,
.wrapper{
	width:972px;
	margin:0 auto;
}
/* Header
- - - - - - - - - - - - - - - - - - - */
.header-outer{
/* 	height:100px; */
	padding:25px 0;
}
.header {overflow: hidden; zoom: 1;}
.rit-conf .header-outer{
	border-bottom:3px solid #333;
}
.header .inner{
	padding:0 8px;
}
.header .title{
	font-size:36px;
	line-height:1.3334; /*36px*/
}
.header .title .summary{
	color:#000;
	text-decoration:none;
}
.header .title a.summary:hover{
	text-decoration:underline;
}
/* Wrapper 
- - - - - - - - - - - - - - - - - - - */
.wrapper{
	padding:30px 0 220px;
/*	background:url(/i/divider.gif) repeat-y 648px 0;*/
}
.wrapper .content{
	display:inline;
	float:left;
 	width:632px;
	padding:0 8px;
	min-height:350px;
	height:auto !important;
	height:350px;
}
.header .aside {float: right;}
.wrapper .aside{
	display:inline;
	float:left;
	width:308px;
	padding:0 8px;
}
.wrapper .page-title{
	padding:0 8px;
	font-size:27px;
	line-height:1.333;
	font-weight:normal;
}
.content .page-title{
	padding:0;
}
.content a{
	color:#0A8DD1;
}
.content a:hover{
	text-decoration:none;
}
.content .section{}

.content .section-title{
	font-size:18px;
	font-weight:normal;
}
.section ul{
	margin:0 0 18px;
	padding-left:20px;
}
.section li{
	font-size:14px;
	padding:0 0 0 25px;
	background:url(/i/li.gif) no-repeat 0 .25em;
}
.section .billable{
	color:#060;
}
.section .non-billable{
	color:#f00;
}
.content p{
	margin:0 0 18px;
	font-size:14px;
}
.content .actions{
	width:265px;
	height:40px;
/*	margin:60px auto 0;*/
	font-size: 24px;
}

.club-card-holder{
	margin:0 0 18px;
}
.club-card-holder .card-badge{
	float:left;
	margin-right:20px;
}

.discount{
	display:block;
	margin:0 0 18px;
}
.discount img{
	display:block;
}

/* forms 
- - - - - - - - - - - - - - - - - - - - */
.login-form{
	margin:18px 0 0;
}
.login-form fieldset{
	padding:10px 0 30px;
}
.login-form fieldset.payment-details{
	border-top:1px solid #333;
	padding:6px 6px 0;
}
.login-form  legend{
	display:block;
	color:#333;
	font-size:18px;	
}
.login-form fieldset.payment-details legend{
	display:inline;
	margin:.9em 0;
	padding:0 .5em;
	background:none;
	color:#333;
	font-size:1.5em;	
}
.login-form label{
	display:block;
	margin-bottom:5px;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:18px;
	color:#333;
}
.login-form .remember input,
.login-form .payment-type input,
.edit-profile .exclude input{
	float:left;
	margin:7px 10px 0 0;
}
.login-form .checkbox label{
	margin:0;
}
.login-form .input-wrap{
	position:relative;
	margin:0 0 18px;
	border:1px solid #fff;
}
.login-form .input-wrap .text{
	width:612px;
	height:22px;
	padding:7px;
	font-family:'Lucida Grande',Helvetica,Arial,sans-serif;	
	font-size:18px;
}
.btn,
.small-btn{
	display:block;
	width:auto;
	height: 49px;
	margin :20px auto 0;
	padding: 3px 20px 5px 20px;
	border: 1px solid #ccc;	
	background:#d9d9d9 url(/i/button_repeat.png) repeat-x 0 -202px;

	font-size: 21px;
	color: #333;

	border-radius: 28px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 28px; 
	-khtml-border-radius:28px;
	cursor:pointer;
	
    -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.05);
    -moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.05);
	
	text-shadow:1px 1px 1px #fff;
 }

.btn:hover,
.small-btn:hover, 
.form-buttons input.hover{
    color: #006c;
    background-position: 0px -284px; 
}
.small-btn{
	height:auto;
	margin:0;
	padding:6px 14px;
	font-size:14px;
	
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px; 
	-khtml-border-radius:14px;
}
.login-form .captcha-box{}

.captcha-box .captcha{
	float:left;
	display:block;
	margin:0 5px 0 0;
}
.captcha-box .refresh-captcha{
	font-size:18px;
	line-height:75px;
	color:#0A8DD1;
	text-decoration:none;
	border-bottom:1px dashed #ccc; 
}
.captcha-box a.refresh-captcha:hover{
	border-bottom-style:solid;
}
.captcha-box label{
	clear:both;
}
.forgot-link,
.registration-url{
	font-size:14px;
	color:#0A8DD1;
}
a.forgot-link:hover,
a.registration-url:hover{
	text-decoration:none;
}
.forgot-link:active,
.forgot-link:focus,
.registration-url:active,
.registration-url:focus{
	background-color:#0A8DD1;
	color:#fff;
	text-decoration:none;
}
.content .forgot-password{
	margin:0 0 9px;
}
/* Errors & messages
- - - - - - - - - - - - - - - - - - - - - */
.error-box{
	margin:0 0 18px;
}
.error-box .error{
	font-size:16px;
	font-weight:bold;
	color:#f00;
}
.login-form .error input{
	border:1px solid #f00;
}
.input-wrap .error-message,
.edit-profile .input-wrap .remark{
	position:absolute;
	top:2px;
	right:-325px;
	width:308px;
}
.input-wrap .error-message{
	color:#f00;
}
.message-box{
 	margin:0 0 18px;
}
.message-box .message{
	font-size:16px;
	font-weight:bold;
	color:#1F7E1F;
}
/* Baloon
- - - - - - - - - - - - - - - - - - - - - */
.content .baloon{
	position:absolute;
	top:0;
	right:-300px;
	width:280px;
}
/* Opera 10 */
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
	.content .baloon{
		right:-310px;	
  }
}

.arrow{
	position:absolute;
	top:-10px;
	left:-27px;
	z-index:1;
	display:block;
	background:url(/i/left-arrow.png) no-repeat;
	width:17px;
	height:56px;
	font-size:0;
	line-height:0;
}
.baloon-wrap{
	position:relative;
	width:100%;
	overflow:hidden;
	margin:-15px -21px 0 -21px;
	padding:15px 21px 0 21px;
}
.corner{
	position:absolute;
	left:-25px;
	z-index:-1;
	display:block;
	background:url(/i/baloon.png) no-repeat;
	font-size:0;
	line-height:0;
}
.tl,
.tr{
	top:-28px;
	height:500px;
}
.tl,
.bl{
	width:100%;
}
.tr,
.br{
	width:25px;
	margin-left:100%;
}
.bl,
.br{
	height:28px;
}
.bl{
	left:-46px;
	padding-right:42px;
	clip:rect(auto auto auto 25px);
}
.br{
	left:-4px;
}

/* Edit contact information
- - - - - - - - - - - - - - - - - - - - - */
.hello-username{
	color:#0A8DD1;
}
a.hello-username:hover{
	text-decoration:none;
}
.edit-profile{}

.content .edit-profile .entered-email{
	margin:0;
	padding:7px;
	font-family:'Lucida Grande',Helvetica,Arial,sans-serif;	
	font-size:18px;
}
.edit-profile .birthdate-box{
	margin:0 0 18px;
}
.edit-profile fieldset.bday{
	padding:0;
}
.edit-profile select{
	display:block; 
	padding:3px 3px 4px 3px; 
	font-family:'Lucida Grande',Helvetica,Arial,sans-serif;	
	font-size:18px;
}
.edit-profile .b-day,
.edit-profile .b-month{
	float:left;
	margin:0 7px 0 0;
}
.request-form .form-buttons .btn,
.edit-profile .form-buttons .btn{
	display:inline;
	float:right;
	margin:0;
}
.request-form .form-buttons .cancel,
.edit-profile .form-buttons .cancel{
	display:inline;
	float:right;
	padding:9px 25px 10px 0;
	font-size:21px;
	color:#666;
	cursor:pointer;
	text-decoration:none;
}
.request-form .form-buttons a.cancel:hover,
.edit-profile .form-buttons a.cancel:hover{
	text-decoration:underline;
}
.request-form .form-buttons,
.edit-profile .form-buttons{
	width:270px;
	margin:20px auto 0;
}
.edit-profile .avatar-wrapper{
	margin:0 0 18px;
} 
.edit-profile .avatar-wrapper .main-label{
	float:left;
	margin:0 15px 0 0;
}
.edit-profile .avatar-wrapper .file{
	margin:3px 0 0;
}
.edit-profile .has-avatar .main-label{
	float:none;
	margin:0 0 5px;
}
.edit-profile .has-avatar .avatar{
	display:block;
	float:left;
	margin:0 15px 0 0;
}
.edit-profile .has-avatar .file{
	margin:0;
}
.edit-profile .has-avatar .delete-avatar-box{
	padding-top:5px;
}
.edit-profile .has-avatar .delete-avatar-box input{
	float:left;
	margin:7px 10px 0 0;
}
/* Persons 
- - - - - - - - - - - - - - - - - - - - - */
.attending-persons{
	width:100%;
	border-collapse:collapse;
	margin:0 0 18px;
}
.attending-persons .names{
	width:35%;
}
.attending-persons .emails{
	width:35%;
}
.attending-persons .buttons{
	width:10%;
}
.attending-persons thead th{
	padding:6px 0 7px;
	border-bottom:2px solid #8A8691;
	font-weight:bold;
	color:#8A8691;
	text-align:left;	
	vertical-align: bottom;
	line-height: 1.2;	
}
.attending-persons tbody td{
	text-align:left;	
	padding:5px 0;
	border-bottom:1px solid #dedede;
}
.attending-persons tbody .last{
	vertical-align:middle;
}
.attending-persons td input.text{
	width:90%;
	padding:7px;
	font-family:'Lucida Grande',Helvetica,Arial,sans-serif;	
	font-size:14px;	
}
.attending-persons tfoot td{
	border-top:2px solid #666;
	padding:5px 0;
}
.attending-persons tfoot .subtotal{
	vertical-align:middle;
	text-align:right;
}
.attending-persons tfoot .subtotal strong{
	padding-right:10px;
 	font-size:16px;
	font-style:italic;
	font-weight:bold;
}
.attending-persons tfoot .price .text{
	width:77px;
}
/* Requests
- - - - - - - - - - - - - - - - - - - - - */
.participation-requests{
	width:100%;
	border-collapse:collapse;
	margin:0 0 18px;
}
.participation-requests .req-number{
	width:35px;
}
.participation-requests .req-date{
	width:75px;
	background-color:#E9EFF2;
}
.participation-requests .req-event{
	width:85px;
}
.participation-requests .req-status{
	width:200px;
	background-color:#E9EFF2;
}
.participation-requests .req-payment-type{
	width:160px;
}
.participation-requests .req-docs{
	width:120px;
	background-color:#E9EFF2;	
}
.participation-requests thead th{
	padding:6px 5px 5px;
	border-bottom:2px solid #8A8691;
	font-weight:bold;
	background-color:#fff;
	color:#8A8691;
	text-align:left;	
}
.participation-requests tbody td{
	text-align:left;	
	padding:5px;
	border-bottom:1px solid #dedede;
}
.section .participation-requests ul{
	margin:0;
	padding:0;
} 
.section .participation-requests li{
	padding:0 0 5px;
	font-size:12px;
	background:none;
}
.participation-requests tbody li a img{
	vertical-align:bottom;
	padding-right:2px;
}
.sortable-asc,
.sortable-desc{
	cursor:pointer;
}
	.sortable-asc{
		background:#fff url(/i/sortable-asc.gif) no-repeat 100% 50%;
	}
	.sortable-desc{
		background:#fff url(/i/sortable-desc.gif) no-repeat 100% 50%;
	}
	
	
/* Sidebar 
- - - - - - - - - - - - - - - - - - - - - */
.aside .account-actions{
/* 	padding:10px 16px 16px;
	background:#ededed; */
}
.aside .account-actions h2{
	margin:0 0 9px;
	font-size:18px;
	line-height:27px;
	font-weight:normal;
}
.aside .account-actions li{
	margin:0 0 2px 15px;
	padding:0 0 0 15px;
	background:url(/i/account-item-bg.gif) no-repeat 0 7px;
}
.edit-profile-url,
.logout-url{
	font-size:14px;
	color:#0A8DD1;

}

/* Footer
- - - - - - - - - - - - - - - - - - - - */
.footer-outer{
	position: relative;
	height:200px;
	margin-top:-200px;
	padding:20px 0;
	border-top:3px solid #000;
	background-color:#333;
	color:#999;
}
.footer .copy,
.footer #contacts,
.footer #ontico{
	display:inline;
	float:left;
	width:308px;
	padding:0 8px;
}
.footer .email,
.footer .url{
	color:#ccc;
	white-space:nowrap;
}
.footer #contacts address{
	margin:0 0 9px;
	font-style:normal;
}
.footer #ontico .adr-type,
.footer #ontico .fn{
	display:block;
}

/* Tabs
- - - - - - - - - - - - - - - - - - - - */
.form-tabs{
	margin:0 0 18px;
}
.tabs-wrapper{
	background:#fff url(/i/tabs-border.gif) repeat-x 0 100%;
}
.tabs-wrapper .tabs-list{
	padding:0 10px;
}
.tabs-wrapper .tab{
	float:left;
	padding:0 2px 0 9px;
	border-bottom:1px solid #CACACA;
	font-size:16px;
	line-height:1.688;
	line-height:2;
	background:url(/i/tab-left.png) no-repeat;
}
.tabs-wrapper .tab .title{
	float:left;
	display:block;
	width:.1em;
	padding:2px 11px 0 2px;
	text-decoration:none;
	font-weight:bold;
	white-space:nowrap;
	background:url(/i/tab-right.png) no-repeat 100% 0;
	color:#fff;
}
.tabs-wrapper>.tabs-list .title{width:auto;}

.tabs-wrapper .title{float:none;}

	.tabs-wrapper a.title:hover{color:#333;}

		.tabs-wrapper a.title:link,
		.tabs-wrapper a.title:visited,
		.tabs-wrapper a.title:active{
			text-decoration:none;
			color:#fff;
		}
.tabs-wrapper .active-tab{
	background-position:0 -150px;
	border-width:0;
}
.tabs-wrapper .active-tab .title{
	padding-bottom:1px;
	text-decoration:none;
	background-position:100% -150px;
	color:#000;
}

	.tabs-wrapper .active-tab a.title:link,
	.tabs-wrapper .active-tab a.title:visited,
	.tabs-wrapper .active-tab a.title:active{
		text-decoration:none;
		color:#333;
	}

.tabs-wrapper li:hover,
.tabs-wrapper li:hover a.title{
	background-position:0 -150px;
	color:#333;
}
	.tabs-wrapper li:hover a.title{
		background-position:100% -150px;
	}

/* Tree-view comments
- - - - - - - - - - - - - - - - - - - - */
.section .comments{
	margin:0;
	padding:10px 0 0;
}

	.section .comment{
		padding:0;
		background:none;
	}
	.section .replies{
		margin-left:30px;
		padding:0;
	}
	.comment .comment-meta{
		position:relative;
		margin:0 0 9px;
		background-color:#E9EFF2;
	}
	.comment .comment-meta .avatar-url{
		display:inline;
		float:left;
		margin:0 10px 0 0;
	}
	.comment .comment-meta .avatar{
		display:block;
	}
	.valign{
		display:table-cell;
		height:50px;
		vertical-align:middle;
	}
	.comment .comment-author{
		font-style:normal;
	}
	.comment .comment-message{
		margin-bottom:12px;
	}
	.content .comment-message p{
		margin:0 0 9px;
	}
	.reply-form-box{
		width:99%;
		padding:18px 0;
	}
	.reply-form-box .comment-message{
		width:90%;
		height:150px;
		padding:5px;
		overflow:auto;
		
		font-family:'Lucida Grande',Helvetica,Arial,sans-serif;
		font-size:14px;
	}
	.reply-form-box .submit-comment{
		float:left;
	}
	.reply-form-box .permissions{
		float:left;
	}
	.reply-form-box .permissions .comment-visibility{
		float:left;
		margin:7px 0 0 10px;
	}