@charset "iso-8859-1";
/*
-----------------------------------------------
myaccount.css : this is the set of stylesheet 
rules needed for all my account and login pages.
author:   samira vijghen
version:  10 january 2012
please do not change this file 
----------------------------------------------- */

/* = my account - all sites
----------------------------------------------- */
#myaccount {
	margin:0 auto;
	width:95%; }

#myaccount #account-head {
	height:30px;
	margin:10px auto;
	padding:0; }

#myaccount #account-head .title {
	float:left;
	font-size:18px;
	font-weight:normal;
	line-height:2em; }

#myaccount #account-head .logout a:link,#myaccount #account-head .logout a:visited {
	background:url("fade-butt.gif") bottom no-repeat;
	border-color:#ccc #999 #999 #ccc;
	border-style:double;
	border-width:3px;
	display:block;
	float:right;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
	padding:5px;
	text-decoration:none; }

#myaccount #account-head .logout a:hover {
	background:#fff; }

#myaccount #login-error {
	margin-left:20px; }

#myaccount table {
	border:1px solid #f5f5f5;
	font-size:11px;
	margin:1em auto;
	padding:3px;
	text-align:left;
	width:100%; }

#myaccount thead tr th,#myaccount th {
	font-size:11px;
	font-weight:bold;
	padding:8px 2px 5px 5px;
	text-align:left;
	text-transform:uppercase; }

#myaccount table tbody tr th {
	background-color: #fff;
	color: #000; }

#myaccount table td {
	background-color:#fff;
	color:#000;
	margin:0;
	padding:5px 10px; }

#myaccount tr.odd td {
	background-color:inherit;
	color:#000; }

#myaccount table a:link,
#myaccount table a:visited {
	color:inherit;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none; }

#myaccount table a:visited {
	color:inherit;
	background-color:inherit; }

#myaccount table th a:link,
#myaccount table th a:visited {
	color:#fff;
	background-color:#333;}

#myaccount table th a:active,
#myaccount table th a:hover {
	color: #333;
	background-color: #fff; }

#main.text #myaccount table th a:link,
#main.text #myaccount table th a:visited {
	color:#fff;
	background-color:#333;}

#main.text #myaccount table th a:active,
#main.text #myaccount table th a:hover {
	color: #000;
	background-color: #fff;
	text-decoration: underline; }

#myaccount th.utility {
	padding-right:10px;
	text-align:right; }

#myaccount select {
	width:250px; }

#myaccount table table {
	background:#fff;
	border:1px solid #eee;
	float:left;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:right;
	width:80%; }

#myaccount table table td {
	width:200px; }

#myaccount th,#myaccount td {
	border-bottom:1px solid #f2f2f2; }

#myaccount tr th {
	background:#333;
	color:#fff; }

#myaccount tr.odd {
	background:#f9f9f9; }

#myaccount td a:hover {
	background-color:#fff;
	border-bottom:1px solid #eee; }

/* = login screen
----------------------------------------------- */
#login-block {
	border:4px solid #f2f2f2;
	padding:10px;
  text-align:left; 
	width:620px;}

#myaccount p#new-user {
	text-indent:-9999px; }

#login-block .panel {
	float:left; }

.login_panel {
	border-right:2px solid #eee;
	margin:0 10px 0 0;
	min-height:350px;
	padding:0;
	width:328px; }

#login-block .register_panel {
	float:none;
	margin-left:331px;
	height:350px; }

#login-block h2 {
	font-size:22px;
	font-weight:normal;
	line-height:22px;
	padding:0; }

.panel_content {
	padding:0; }

#login-block label {
	display:block;
	font-weight:bold;
	margin-bottom:5px; }

#login-block .button_row {
	clear:both;
	display:block;
	height:2em;
	margin-bottom:4px;
	width:260px; }

#login-block .panel .button_row label {
	float:left;
	padding-top:2px; }

#login-block .button_row label input {
	float:left;
	margin-right:4px;
	margin-top:-2px; }

input#auth_email, input#auth_password {
    width:240px; }

#myaccount p#login,
#myaccount p#signup {
        padding-right: 14px; }

#myaccount #login button,
#myaccount p#signup a:link,
#myaccount p#signup a:visited {
	border:0;
	display:block;
	float:right;
	height:25px;
	width:80px;
	text-decoration: none !important;
	line-height: 25px;
	padding: 0;
	font-family: sans-serif !important; }

#myaccount #login button..btn.btn-primary:hover,
#myaccount p#signup a..btn.btn-primary:hover,
#myaccount p#signup a.btn.btn-primary:hover {
	background-position: 0 -25px; }
	
/* my account mobile */

.mbl #myaccount {
    margin-bottom: 10%; }

.mbl #myaccount #login-block {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0; }

.mbl #myaccount input#auth_email, 
.mbl #myaccount input#auth_password {
    width: 100%;
    height: 40px;
    border: 1px solid #ddd; }

.mbl #myaccount #login-block .panel {
    float: none;
    width: 100%; }

.mbl #myaccount #login-block .register_panel {
    float: none;
    margin: 0;
    height: auto;
    width: 100%; }

.mbl #myaccount #login-block p {
    margin: 20px 0;
    width: 100%
    clear: both; }
    
.mbl #myaccount #login button, 
.mbl #myaccount p#signup a:link, 
.mbl #myaccount p#signup a:visited {
    border: 0;
    display: block;
    height: 40px;
    width: 100%;
    max-width: 300px;
    text-decoration: none;
    margin: 20px 0; }
	
.mbl #myaccount #login button span, 
.mbl #myaccount #signup span {
    display: inline;
    text-decoration: none !important;
    font-size: 16px;
    height: 40px;
    line-height: 40px; }
    
.mbl #myaccount #login-block .button_row {
    width: 100%; }
    
.mbl #myaccount #login-block .button_row span.small {
    font-size: 13px; }
    
.mbl #myaccount #login-block p.forget-link {
    font-size: 16px;
    display: block;
    clear: both;
    margin-top: 40px; }

.mbl #myaccount p#login,
.mbl #myaccount p#signup {
        padding-right: 0; }
    
.mbl #myaccount .btn-primary,
.mbl #myaccount #login button.btn-primary,
.mbl #myaccount p#signup a.btn-primary:link,
.mbl #myaccount p#signup a.btn:primary:visited {
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#62c462', endcolorstr='#51a351', gradienttype=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* darken ie7 buttons by default so they stand out more given they won't have borders */

  filter: progid:dximagetransform.microsoft.gradient(enabled = false);
}
.mbl #myaccount #login button.btn-primary:hover,
.mbl #myaccount p#signup a.btn-primary:hover,
.mbl #myaccount p#signup a.btn-primary:hover,
.mbl #myaccount .btn.btn-primary:hover,
.mbl #myaccount .btn.btn-primary:active,
.mbl #myaccount .btn.btn-primary.active,
.mbl #myaccount .btn.btn-primary.disabled,
.mbl #myaccount .btn.btn-primary[disabled] {
  background-color: #51a351;
  *background-color: #499249;
  background-position: 0 -40px;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc)) !important;
}
.mbl #myaccount .btn.btn-primary:active,
.mbl #myaccount .btn.btn-primary.active {
  background-color: #408140 \9;
}
.mbl #sidebar { 
    display: none; }

@media (max-width: 400px) {
.mbl #myaccount #login button,
.mbl #myaccount p#signup a:link,
.mbl #myaccount p#signup a:visited {
    width: 100%;
    max-width: 100%; }
}

/* = biostat & services login screens
----------------------------------------------- */
#cobra #login-block,
#services #login-block {
	border:0;
	padding:10px;
	width:400px; }

#cobra .login_panel,
#services .login_panel  {
        border-right:0; }

#cobra #login-block .register_panel,
#services #login-block .register_panel {
	float:left;
	margin-left:0;
	min-height:350px; }

/* = autocomplete widget
----------------------------------------------- */
.ac_results {
	background-color:#fff;
	border:1px solid #aaa;
	padding:0; }

.ac_results ul {
	list-style:none;
	list-style-position:outside;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%; }

.ac_results li {
	cursor:default;
	display:block;
	margin:0;
	overflow:hidden;
	padding:2px 5px;
	text-align:left; }

.ac_loading {
	background:url(/assets/indicator.gif) right center no-repeat; }

.ac_over {
	background-color:#a2bbd1;
	color:#000; }

/* = utilities
----------------------------------------------- */
.clear {
	font-size:0;
	height:10px;
	line-height:0;
	position: relative;}
	
.left {
	float:left; }

.script {
	display:none; }

.small {
	font-size:11px;
        margin-top:8px;}