@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:  14 May 2010
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 tr.odd th {
	background-color:inherit;
	color:#000; }

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

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

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

#myaccount table th a {
	font-style:italic;
	text-transform:none; }

#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:#e9e9e9;
	color:#000; }

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

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

/* = SELECTED WORKS SPECIFIC RULES
----------------------------------------------- */
#myaccount #sw tr,#myaccount #sw tr:hover {
	background-color:#fff; }

#myaccount #sw .swpromo a {
	background:transparent url("swpromo.gif") no-repeat;
	display:block;
	float:right;
	height:81px;
	width:181px; }

#myaccount #sw .swpromo a:hover {
	background:transparent url("swpromo-over.gif") no-repeat;
	border:0; }

#myaccount #sw .swpromo em {
	display:none; }

#myaccount table#sw-menu {
	background-color:transparent;
	background-image:url("sw-account.gif");
	background-position:80% 40%;
	background-repeat:no-repeat;
	border:1px solid #EDF0F5; }

#myaccount table#sw-menu,#myaccount table#sw-menu tr,#myaccount table#sw-menu td {
	background-color:transparent;
	border:0;
	font:11px Verdana,Arial,Helvetica,sans-serif;
	font-weight:normal;
	text-align:left; }

#myaccount table#sw-menu td {
	border:0;
	padding-left:5px;
	padding-right:0; }

#myaccount table#sw-menu thead tr th {
	background:#94ba08 url("form-bg.gif") top left repeat-x;
	font-weight:bold;
	height:35px;
	padding-left:5px;
	 }

#myaccount table#sw-menu td a:link,#myaccount table#sw-menu td a:visited {
	font:11px Verdana, Arial,Helvetica,sans-serif;
	font-weight:bold;
	padding-left:0; }

#myaccount table#sw-menu td a:hover {
	color:#8DB007;
	text-decoration:underline; }


/* = 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 #login button,#myaccount p#signup a:link,#myaccount p#signup a:visited {
	border:0;
	display:block;
	float:right;
	height:25px;
	width:80px; }

#myaccount #login button {
	background:url(cgi/images/btn-login.gif) 0 0 no-repeat; }

#myaccount #signup a:link,#myaccount #signup a:visited {
	background:url(cgi/images/btn-signup.gif) 0 0 no-repeat; }

#myaccount #login button:hover {
	background:url(cgi/images/btn-login.gif) 0 -25px no-repeat; }

#myaccount #signup a:hover {
	background:url(cgi/images/btn-signup.gif) 0 -25px no-repeat; }

#myaccount #login button em,#myaccount #signup em {
	display:none;}

/* = 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;}