/**********************************************************/
/*** Global ***********************************************/
*{
	margin: 0;
	padding: 0;
}

.cake-sql-log{
	display: none;
	text-align: left;
}
body{
	background: #fff;
	color: #000;
	font-family: arial,helvetica,sans-serif;
	font-size: 62.5%;
	text-align: center;
	height: 100%;
}
a{
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}
a img{
	border: none;
}
h1,h2,h3,h4,h5,h6{
	font-family:'Trebuchet Ms','lucida grande',helvetica, arial, sans-serif;
	font-size: 1em;
}
form{
	clear:both;
}
input,textarea{
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
}


#container{
	margin: 0 auto;
	width: 960px;
	display: block;
	text-align: left;
	height: 100%;
	border-left: solid 2px #004579;
	border-right: solid 2px #004579;
	border-bottom: solid 2px #004579;
	background: #97a0a7 url(../img/content_background.gif) 0 107px repeat-x;
}

a:active,:focus {
  outline:none;
}

.print{
	display: none;
}

#container #box .red{
	color: #B50B05;
}

#hide{
	display:none;
}	

/**********************************************************/
/*** the overlayed element ********************************/
div.overlay {

	/* growing background image */
	background-image:url(../img/overlay/loading_2.png);

	/* initially overlay is hidden */
	display:none;
	/* some padding to layout nested elements nicely  */
	padding-bottom: 65px;
	padding-left: 55px;
	padding-right: 55px;
	padding-top: 50px;
	text-align:center;
		/*
	margin-left: -115px;
	margin-top: -83px;
	position: absolute;
	top: 50%;
	left: 50%;	*/
}

/* default close button positioned on upper right corner */
div.overlay div.close {
/*
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
	*/
}


/* black */
div.overlay.black {
	background:url(../img/overlay/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(../img/overlay/petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;
}

div.overlay p{
	font-size: 2em;
	color: #bbb;
	margin-bottom:4px; /*4px*/
}

/**********************************************************/
/*** Auth Message *****************************************/
#content #box #authMessage{
	color: #B50B05;
	font-size: 1.8em;
	margin-bottom: 20px;
}

/**********************************************************/
/*** Ajax Loading *****************************************/
#loading{
	display: none;
	background: #fff;
	border: solid 2px #ccc;
	cursor: wait;
}

.waitCursor{
	cursor: wait;
}

/* For Mass Mailing only **********************************/
#status{
	text-align: center;
}

/**********************************************************/
/*** Header ***********************************************/
#header{
	display: block;
	height: 107px;
	background: #7d8890 url(../img/header_background.gif) 0 0 repeat-x;
	position: relative;
}
#header h1,#header a,#header label{
	color: #fff;
}
#header h1{
	padding-top: 4px;
	margin-left: 10px;
	font-size: 3em;
	font-weight: normal;
	letter-spacing: 8px;
}
#header h1 em{
	font-family: "Times New Roman", georgia, serif;
	letter-spacing: normal;
}
#header li{
	list-style-type: none;
}
#nav_secondary{
	position: absolute;
	top: 10px;
	right: 14px;
}
#nav_secondary li{
	margin-left: 14px;
	display: inline;
	float: left;
}

#nav_main{
	position: absolute;
	bottom: 7px;
	left: 0;
}
#nav_main li{
	background: url(../img/main_nav_separator.gif) 100% 1px  no-repeat;
	float: left;
	display: inline;
	position: relative;
}
#nav_main li a{
	font-size: 1.4em;
	display: block;
	float: left;
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
	text-decoration: none;
	background: none;
	margin-right: 1px;
}
#nav_main li a:hover{
	background: url(../img/main_nav_over_background.gif) repeat-x;
}
#nav_main li.active a{
	background: url(../img/main_nav_active_background.gif) center center no-repeat;
}
#nav_main li.active a:hover{
	background: url(../img/main_nav_active_background.gif) center 0 no-repeat;
}
#search{
	position: absolute;
	right: 14px;
	bottom: 14px;
}
#search *{
	float: left;
}
#search a{
	margin-left: 6px;
	margin-top: 5px;
}

#header #UserSearchForm *{
	margin-left: 2px;
}
#header #UserSearchForm label{
	margin-top: 6px;
	margin-right: 2px;
	text-align:right;
}
#header #UserSearchForm .input input{
	width: 134px;
	height: 16px;
	margin-top: 3px;
	margin-bottom:3px;
}

/**********************************************************/
/*** Content **********************************************/
#content{
	clear: both;
	overflow: hidden;
	background: #97a0a7 url(../img/content_background.gif) 0 0 repeat-x;
	position: relative;
}
#content h2{
	font-size: 2.6em;
	font-family: "Times New Roman", georgia, serif;
	color: #ebeeef;
	padding: 8px 0 8px 35px;
	width: 650px;
}
#content #back{
	position: absolute;
	right: 37px;
	top: 20px;
	font-size: 1.4em;
	font-weight: bold;
	color: #ebeeef;
}

#content #last_update{
	position: absolute;
	right: 67px;
	top: 40px;
	/*font-size: 1.4em;*/
}

#box{
	margin: 0 35px;
	padding: 18px 0;
	background: #fff;
	width: 889px;
	background: url(../img/box_background_middle.gif) center 0 repeat-y;
	position: relative;
}
#box span.top,#box span.bottom{
	clear:both;
	display: block;
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0;
	z-index: 0;
}
#box span.top{
	width: 100%;
	background: url(../img/box_background_top.gif) center top no-repeat;
	top: 0;
}
#box span.bottom{
	width: 889px;
	background:url(../img/box_background_bottom.gif) center bottom no-repeat;
	bottom: 0;
}
#box h3,#box p,#box table,#paginator_top,#paginator_bottom,#box ul,#box form,#box #authMessage,#pagination td p{
	margin-right: 20px;
	margin-left: 20px;
	color: #012846;
	position: relative;
}
#box p{
	margin-bottom: 4px;
}
#box h3{
	text-align: center;
	font-size: 1.6em;
}
#box a{
	color: #012846;
}

#box #div_submit, #box #btn_reset,#box #div_send{
	margin-top:10px;
	margin-bottom:10px;
}

#box #div_submit,#box #div_send{
	float:right;
}

#box #btn_reset{
	float:left;
}

#box .xml_info{
	padding-bottom:20px;
}

/*#box validation_buttons{
	boder:none;
	margin-top:30px;
	margin-bottom:30px;
}
*/

#flashMessage{
	font-size: 1.6em;
	font-weight:bold;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

div .message{  /*#flashMessage .message*/
	color: #B50B05;
}

div .message_confirm{
	color:#090;  /*#360;*/
}

#paginator_top,#paginator_bottom{
	margin: 10px 20px;
}
#pagination{
	font-size: 1.2em;
}
#box td,#box th,#box p{
	font-size: 12px;
}
#box table{
	border-collapse: collapse;
	width: 845px;
	font-size: 1em;
}
#box table *{
	font-size: 1em;
}
#box table a{
	/*font-size: 1em;	*/
}
#box table td.actions{
	text-align: center;
}
#box table tr.top{
	background: #004579 url(../img/table_background_top.gif) repeat-x;
}
#box table th.top_left{
	background: #004579 url(../img/table_background_top_left.gif) left top no-repeat;
}
#box table th.top_right{
	background: #004579 url(../img/table_background_top_right.gif) right top no-repeat;
}
#box table th{
	text-align: left;
	height: 31px;
	line-height: 31px;
	padding: 0 10px;
	color: #fff;
	white-space: nowrap;
}
#box table th a{
	color: #fff;
}
#box table tr.odd .left{
	background: #e0e4e8 url(../img/tbody_background_odd.gif) 0 repeat-y;
}
#box table tr.odd .right{
	background: #e0e4e8 url(../img/tbody_background_odd.gif) 100% repeat-y;
}

#box table tr.odd td{
	background: #e0e4e8;
	/*
	border-top: solid 1px #d0d7dc;
	border-bottom: solid 1px #d0d7dc;
	*/
}
#box table td{
	padding: 4px 10px;
}
#box table{
	background: #fff url(../img/tbody_background.gif) repeat-y;
}
#box table tfoot tr td{
	background: #fff url(../img/tfoot_background.gif) no-repeat;
	height: 11px;
}
#pagination .disabled{
	display: inline;
}
#pagination .nav{
	position: absolute;
	right: 26px;
}

div[id=container] #pagination .nav{
	position: absolute;
	right: 10px;
}

#pagination .current{
	font-weight: bold;
	font-size: 1.6em;
}
#paginator_top .nav{
	top: 0;
}
#paginator_bottom{
	bottom:22px;
}
div[id=container] #paginator_bottom{
	bottom:32px;
}

#paginator_bottom .nav{
	top:10px;
	position:absolute;
}

#pagination table{
	margin-bottom: 10px;
}

#pagination th a{
	padding-top: 6px;
	padding-bottom: 2px;
	padding-right: 44px;
	text-decoration: none;
}
#pagination th a:hover{
	text-decoration: underline;
}
#pagination th.sort a{
	background: #004579 url(../img/table_sort_none.gif) no-repeat bottom right;
}
#pagination th.sort_asc a{
	background: #004579 url(../img/table_sort_asc.gif) no-repeat bottom right;
	color: #FFCC33;
}
#pagination th.sort_desc a{
	background: #004579 url(../img/table_sort_desc.gif) no-repeat bottom right;
	color: #FFCC33;
}
#pagination td p{
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}

#box ul{
	list-style: none;
}
#box ul li{
	font-size: 1.2em;
	padding: 4px 0;
}
#box table ul,#box table ul li{
	font-size: 1em;
	padding: 0;
	margin: 0;
}
#box table ul li{
	/*white-space: nowrap;*/
	margin-bottom: 4px;
}
#box table td.right ul li{
	white-space: normal;
	margin-bottom: 0;
}

#box h3{
	text-align: left;
	margin-bottom: 20px;
	color: #004579;
	font-size: 1.6em;
}

#member_detail{
	margin: 0;
	padding: 0;
	position:relative;
	display: block;
	width: 713px;
	font-size: 1.2em;
	color: #004579;
	background: #004579 url(../img/member_detail_background.gif) repeat-y;
	margin-left: 88px;
	margin-bottom: 20px;
	border: #004579 solid 1px;
}

#member_detail dt{
	display: block;
	width: 151px;
	float: left;
	color: #fff;
	padding: 10px 0;
	margin-left: 16px;
	clear: both;
}

#member_detail dd{
	width: 528px;
	float: left;
	padding: 10px 0 10px 16px;
}

span.clear{
	display: block;
	width: 100%;
	clear: both;
}

.nice_form{
	/*border:1px outset #ccc;
	-moz-border-radius:4px;*/
	padding:20px;
	margin:20px 0;
	text-align:center;
	/*width:350px;*/
}

.nice_form fieldset{
	width: 705px;
	margin: 0 auto;
	border-width: 1px 0 0 0;
	border-color: #fff;
}

.nice_form legend{
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
}

.nice_form fieldset fieldset{
	border: none;
	width: auto;
	margin: 0;
}

.nice_form .radio{
	margin-left: 0;
}

.nice_form .radio input{
	float: left;
	width: auto;
	margin: 8px 4px 0 10px;
}

.nice_form .radio input[type=radio]{
	margin: 12px 4px 0 10px;
}

.nice_form .radio label{
	width: auto;
	margin-right: 10px;
	margin-top: 12px;
	margin-left: 0;
}

.nice_form .radio span{
	width: 138px;
	text-align: right;
}
.nice_form #radio_advanced_search{
	float:left;
	margin:3px 0 0 10px;
}
.nice_form #radio_advanced_search input{
	float:left;
	margin:0 4px 0 0;
	width:auto;
}

.nice_form #radio_advanced_search label{
	float:left;
	margin:0 20px 0 0;
	padding:0;
	width:auto;
}

#box .nice_form #autoCompleteInstitution{
	margin-right:10px;
}
div[id=container] .nice_form div.radio span{
	width: 150px;
}

.nice_form h3 {
	margin:0 0 10px 0;
}

.nice_form .radio span,.nice_form label, .nice_form input, .nice_form textarea, .nice_form select {
	display: block;
	float: left;
	margin-bottom: 12px;
}

.nice_form select.nofloat {
	float: none;
	display: inline;
	margin: 0 4px;
}

.nice_form p.left {
	text-align: left;
	padding-left: 140px;
}

.nice_form input[type=hidden]{
	display: none;
	float: none;
}

.nice_form input{
	width: 200px;
}
.nice_form input.long{
	width: 450px;
}
.nice_form textarea{
	width: 300px;
}
.nice_form textarea.long{
	width: 450px;
}
.nice_form label {
	text-align: right;
	width: 170px;  /*150px*/
	padding-right: 12px;
	font-size: 1.2em;
}

.nice_form .asterisque{
	float:right;
	font-weight:bold;
	margin:0;
}

.nice_form span{
	display: block;
	text-align: left;
	font-size: 1.2em;
	margin: 10px 0;
}

.nice_form div{
	margin-left: 90px;
}

.nice_form .checkbox input{
	width: auto;
	margin-left: 76px;
	/*margin-left: 56px;*/
}

div[id=container] .nice_form .checkbox input{
	margin-left: 92px;
	/*margin-left: 72px;*/
}

.nice_form .checkbox label{
	width: 470px;
	text-align: left;
	margin-left: 4px;	
}

html>body .nice_form .checkbox label,html>body .nice_form fieldset.research_interests .checkbox label{
	margin-top: 3px;
}

*:lang(en) .nice_form .checkbox label,*:lang(en) .nice_form fieldset.research_interests .checkbox label,*:lang(fr) .nice_form .checkbox label,*:lang(fr) .nice_form fieldset.research_interests .checkbox label{
	margin-top: 0px;
}

.nice_form br {
	clear: left;
}

.nice_form #autoCompleteResearchInterest{
	width: 500px;
}

.nice_form fieldset.research_interests .checkbox{
	width: 350px;
	float: left;
	padding: 0;
	margin: 0;
	margin-bottom: 0;
}

.nice_form fieldset.research_interests .checkbox label{
	width: 260px;
	padding: 0;
	margin: 0;	
}

.nice_form fieldset.research_interests .checkbox input{
	margin: 0;
	padding: 0;
	margin-right: 4px;
	margin-left: 30px;
}

#MailPreviewForm{
	padding-bottom: 40px;
}

#MailPreviewForm .radio span,#MailPreviewForm label, #MailPreviewForm input, #MailPreviewForm textarea, #MailPreviewForm select {
	display: block;
	float: left;
	margin-bottom: 12px;
}

#MailPreviewForm br{
	clear: left;
}

#MailPreviewForm label{
	width: 120px;
	font-size: 1.2em;
	text-align: right;
}

#MailPreviewForm input{
	width: 636px;
}

#MailPreviewForm textarea{
	width: 640px;
}

#MailPreviewForm .textarea span{
	font-size: 1.2em;
}

#box #MailPreviewForm table,#box #MailPreviewForm table td,#box #MailPreviewForm table th,#box #MailPreviewForm li,#box #MailPreviewForm p{
	padding:0;
	margin: 0;
	width: auto;
	height: auto;
	text-align: left;
	background-image: none;
}

#box #MailPreviewForm p.info{
	margin: 0 0 0 122px;
}

#MailPreviewForm input[type=hidden]{
	display: none;
	float: none;
}

#MailPreviewForm .radio{
	margin-left: 0;

}

#MailPreviewForm .radio .radio_group{
	/*float: left;*/
	margin: 0 0 0 120px;
	width: 500px;
}

#MailPreviewForm .radio input{
	float: left;
	width: auto;
	margin: 0px 4px 0 10px;
}

#MailPreviewForm .radio label{
	float: none;
	font-size: 1.2em;
	text-align: left;
	width: auto;
	margin-right: 10px;
	margin-left: 0;
}

div[id=container] #MailPreviewForm .radio label{
	margin-top: 0px;
}

#MailPreviewForm .radio span{
	clear: both;
	display: block;
	text-align: left;
	font-size: 1.2em;
	margin: 0 0 10px 0;	
	width: 108px;
	text-align: right;
}

#MailPreviewForm #MailOtherEmails{
	height: 15px;
	width: 636px;
}

#MailPreviewForm #btn_preview{
	text-align:right;
}

#MailPreviewForm span.info{
	margin: -12px 0 0 120px;
	position: absolute;
}

div[id=container] #MailPreviewForm div.radio span{
	width: 120px;
}


#box .error-message{
	color: #B50B05;
	display:block;
	font-weight:bold;
	float: left;
	margin: 0;
	padding-left:10px;
	padding-top:1px;
	text-align:left;
	width:300px;
}

#box .error .error-message{
	margin-top:12px;
}

#box #InstitutionFields .error-message{
	padding-left:0;
	width:250px;
}

.login_form{
	height:136px;
	text-align:left;
}

.login_form label, .change_password_form label{
	display:inline-block;
	font-size: 1.2em;
	width:86px;
}

.login_form input, .change_password_form input{
	width:255px;
}

.login_form #password_input, .login_form #password_label{
	margin-bottom:2px;
	margin-top:16px;
}

#forgot_password{
	position:absolute;
	right:504px;
	text-align:right;
	/*width:200px; 170*/
}

.bold_text{
	font-weight:bold;
}

#container .p_terms{
	margin-bottom:12px;
}

#box table .societies_in_directory{
	width:220px;
}
#box table .left{
	width:125px;
}
#box table .countries_in_directory{
	width:110px;
}
#box table .institutions_in_directory{
	width:120px;
}


/*
div.tooltip {
	background-color:#000;
	outline:1px solid #669;
	border:2px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;
	outline-radius:4px;
	-moz-outline-radius:4px;
	-webkit-outline-radius:4px;
}
*/

/**********************************************************/
/*** Footer ***********************************************/
#footer{
	clear: both;
	text-align: center;
	background: #97a0a7;
	padding: 8px 0;
	color: #fff;
}

#footer a{
	color: #fff;
	text-decoration: underline;
}

/**********************************************************/
/*** Form Button ******************************************/
#box form a.submit,
button{
	background: url(../img/button_content.gif) no-repeat right top;
	height:26px;
	line-height: 26px;
	position:relative;
	margin:0;
	padding:0 12px;
	border:none;
	z-index: 1;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	width: auto;
	cursor: pointer;
}
#box .nice_form a.submit,
.nice_form button{
	display:block;
	background: url(../img/button_content.gif) no-repeat right top;
	height:26px;
	line-height: 26px;
	position:relative;
	margin:0;
	padding:0 12px;
	border:none;
	z-index: 1;
	color: #fff;
	width: auto;
	cursor: pointer;
}

.login_form button, #box .login_form a.submit{
	background: url(../img/button_content.gif) no-repeat right top;
	height:26px;
	line-height: 26px;
	margin:0;
	padding:0 12px;
	border:none;
	z-index: 1;
	color: #fff;
	width: auto;
	cursor: pointer;
	clear:both;
	position:absolute;
	bottom:0px;
	right:504px;	
}
#box a.submit span,
button span{
	background: url(../img/button_span_content.gif) no-repeat left top;
	display: block;
	height: 26px;
	position: absolute;
	left: 0;
	top: 0;
	
	/*left:-15px;
	top:-6px;*/
	margin: 0;
	text-align: left;
	width: 12px;
	z-index: 10;
}
#box .nice_from a.submit span,
.nice_form button span{
	background: url(../img/button_span_content.gif) no-repeat left top;
	display: block;
	height: 26px;
	position: absolute;
	left: 0;
	top: 0;
	/*left:-15px;
	top:-6px;*/
	margin: 0;
	text-align: left;
	width: 12px;
	z-index: 10;
}

#box .login_form a.submit span,
.login_form button span{
	background: url(../img/button_span_content.gif) no-repeat left top;
	display: block;
	height: 26px;
	position: absolute;
	left: 0;
	top: 0;
	/*left:-15px;
	top:-6px;*/
	margin: 0;
	text-align: left;
	width: 12px;
	z-index: 10;
}

#UserChangePasswordForm{
	height:74px;
	margin-top:20px;
	position:relative;
	text-align:left;
	width: 560px;
}

#UserChangePasswordForm label{
	display:block;
	float:left;
	margin-top:2px;
	width:50px;
}

#UserChangePasswordForm input{
	float:left;
}

.change_password_form button{
	position:absolute;
	bottom:10px;
	right:250px;
	width:100px;
}

#UserChangePasswordForm .error-message{
	margin-top:2px;
	width:240px;
}

#header button span,
#header a.submit span{
	display: none;
	background: none;
}

#header #search_en button,#header #search_fr button,
#header a.submit{
	height:18px;
	position:relative;
	margin:4px 0 0 2px;
	padding:0;
	border:none;
	cursor: pointer;
}


#header #search_en button,
#header a.submit.en{
	background: url(../img/btn_simple_search_en.gif) no-repeat top left;
	width: 47px;
}

#header #search_fr button,
#header a.submit.fr{
	background: url(../img/btn_simple_search_fr.gif) no-repeat top left;
	width: 59px;
}

#recaptcha_widget_div{
	width: 320px;
	margin-left: 180px;
	float: left;
	border: solid 1px #ddd;
}

#recaptcha_widget_div table,#recaptcha_widget_div td{
	background-image:	none;
}

#recaptcha_widget_div span{
	color: #012846;
}

#recaptcha_widget_div table{
	/*width: 400px;*/
}

#recaptcha_widget_div td,#recaptcha_widget_div input,#recaptcha_widget_div img,#recaptcha_widget_div div{
	margin: 0;
	padding: 0;
}