/* *** button styles *********************************************** */



/* small buttons */



a.button, a.button:link, a.button:visited, a.button:hover, input.button, input.buttonsmall, input.button_disabled, div.has_popup_button{

	background-color: #edeae4;

	border-top: 1px solid #edeae4;

	border-right: 1px solid #666;

	border-bottom: 1px solid #666;

	border-left: 1px solid #edeae4;

	padding: 3px;

	color: #000;

	text-decoration: none;

	margin: 0;

}



input.button_disabled {

	color: #ddd;

	background-color: #eee;

}



input.ok, a.ok {

	background-color: #E5FFCC !important;

}



input.amend, a.amend {

	background-color: #FFFFCC !important;

}



input.reject, a.reject {

	background-color: #FFDFDF !important;

}



div.has_popup_button {

	background-color: #fff;

	width: 105px;

	margin: 0;

	cursor: pointer;

}	

/* larger menu buttons - standard and compact */

a.menu-button-box, a.menu-button-box-compact {

	background-color: #EFF4F8;

	border-top: 1px solid #ececec;

	border-right: 1px solid #666;

	border-bottom: 1px solid #666;

	border-left: 1px solid #ececec;;

	width: 130px;

	padding: 9px 14px 17px 14px;

	vertical-align: top;

	margin: 15px;

	float: left;

	color: #757575;

}



a.menu-button-box {

	min-height: 115px;

	height: 115px;

}



a.menu-button-box-compact {

	min-height: 120px;

	height: 120px;

}



/* reduce bottom margin in IE */

* html a.menu-button-box,

* html a.menu-button-box-compact {

	margin-bottom: 0;

}



a.menu-button-box, a.menu-button-box-compact {

	text-decoration: none;

	display: block;

}



a.menu-button-box span.button-title,

a.menu-button-box-compact span.button-title {
	font-size: 20px;
	font-weight: normal;
	color: #005854;
}



a.menu-button-box span.button-description,

a.menu-button-box-compact span.button-description {

	font-size: 11px;

	margin-top: 10px;

}



a.menu-button-box:hover,

a.menu-button-box-compact:hover {

	background-color: #F7E2CD;

	border-top: 1px solid #F7E2CD;

	border-right: 1px solid #666;

	border-bottom: 1px solid #666;

	border-left: 1px solid #F7E2CD;

}

/* All other styles */

.accessibility {
	display: none;
	/* Hides from IE 5 Mac */
	/* \*/
	display: inline;
	position: absolute;
	left: -999em;
	/* */
}
.accessibility hr {
	width: 100px;		/* Fixes a display issue in IE */
}

/* Search form
----------------------------------------------------------------------------- */

#search-form {
	width: 727px;
	color: #000000;
	border: 1px solid #757575;
	padding: 10px;
}

.hidden #search-form form {
	display: none;
}
#search-form h4 {
	font-size: 14px;
	margin: 2px 0px 5px 0px;
	color: #000000;
}
.shown #search-form #toggle-form-button {
	float: right;
	padding: 0px 39px 10px 0px;
	background: url(/images/nav/hide_search_form.gif) no-repeat top left;
}
.hidden #search-form #toggle-form-button {
	float: right;
	padding: 0px 39px 13px 0px;
	background: url(/images/nav/show_search_form.gif) no-repeat top left;
}
#search-form .long {
	width: 177px;
}
#search-form .short {
	/*width: 108px;*/
	width: 235px;
}
#search-form .price {
	padding-left: 18px
}
#search-form .search-text {
	padding-left: 17px
}
#search-form .text-box {
	width: 231px;
}
#search-form .line1 {
	clear: both;
}
#search-form .line2 {
	padding: 10px 0px 23px 0px;
}
#search-form .directory-line {
	padding: 10px 0px 23px 163px;
}
#search-form .form-footer {
	padding: 0px 0px 25px 0px;
	font-size: 11px;
}
#search-form .options {
	padding-top: 6px;
}
#search-form a:link, #search-form a:visited {
	color: #000000;
	text-decoration: underline;
}
#search-form a:hover {
	color: #000000;
	text-decoration: none;
}
#search-form .button {
	float: right;
	margin-right: 7px;
}

/* Wide table

----------------------------------------------------------------------------- */



.text-middle {

	text-align: center;

}

.wide {

	width: 717px;

/*	margin: 30px 0px 35px 0px;*/

	margin: 30px 0px 0px 0px;

}

.pagination {

	margin-top: 35px;

}

.wide th {

	text-align: left;

	vertical-align: top;

	padding: 0px 15px 8px 5px;

}

.wide td {

	border-top: solid 1px #ECECEC;

	padding: 5px 15px 5px 5px;

}

.wide .two-lines td {

	padding-bottom: 0px;

}

.wide .no-border td {

	border-top: none;

	padding: 0px 15px 5px 5px;

}

table .nowrap {

	white-space: nowrap;

	padding-left: 5px;

}

table .new {

	color: #FF9900;

}

table .right {

	text-align: right;

}
.right {

	text-align: right;

}

.red {
	color: #B00F14;
}

.green {
	color: #AE6119;
}

.red-back {
	background-color: #FFDFDF;
}

.deepred {
	color: #8F0000;
}
.corporate a.highlight:link, .corporate a.highlight:visited, .corporate a.highlight:hover {

	color: #274583;

}

.general a.highlight:link, .general a.highlight:visited, .general a.highlight:hover {

	color: #8F1D5B;

}

.wide .button {

	text-align: right;

	padding-right: 5px;

}

.wide .highlighted-business:hover {

	background-color: #FFF7CF;

}

.wide .input {
	border: 1px solid #699C9D;
	margin-bottom: 5px;
	margin-top: 5px;
	background-color: #f6f6f6;
}

/********** Contact form ***********************/

#signup-form {
	float: right;
	width: 230px;
	border-left: 1px solid #D2E2E4;
	padding-left: 20px;
}

#contact-form {
	float: left;	
}
#contact-form table th {
	width: 130px;
}

/* Need to give signup table a width because it now stretches across 2 columns */
#contact-form .signup-table {
	width: 420px;
}

#contact-form label {
	font-weight: bold;
	padding: 0px;
	padding-right: 10px;
}
#contact-form .radio {
	padding: 10px;
}
#contact-form .input {
	width: 240px;
	border: 1px solid #699C9D;
	background-color: #f6f6f6;
}
#contact-form .input-med {
	width: 200px;
	border: 1px solid #699C9D;
	background-color: #f6f6f6;
}
#contact-form .input-small {
	width: 140px;
	border: 1px solid #699C9D;
	background-color: #f6f6f6;
}
#contact-form textarea {
	border: 1px solid #CCCCCC;

}	
#contact-form .fee {
	width: 3px;
	float: left;
}
#contact-form .password {
	background-color: #E2E2E2;
}
#contact-form .checkbox {
	border: 1px solid #CCCCCC;
	margin-bottom: 2px;
}
#contact-form select, .select-box {
	border: 1px solid #699C9D;
	margin-bottom: 5px;
	margin-top: 5px;	
	font-size: 11px;
	color: #004742;
	padding-top: 3px;
	padding-bottom: 3px;
}

#contact-form .select-box {
	background-color: #98BCBC;
}	

#contact-form .file {
	
	height: 20px;
}

#contact-form span.field-with-errors input, form span.field-with-errors select, form span.field-with-errors textarea {
	background-color:#FFCCCC;
}

#contact-form .short {
	width: 60px;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	margin-top: 5px;
}

#sidebar {
	float: left;
	padding: 0px 10px 0px 10px;
	margin-left: 20px;
	border-left: 1px solid #CCC;
	/*width: 400px;*/
}

#sidebar .contact {
	padding: 2px 100px 2px 10px;
}

#sidebar .contact:hover {
	background-color: #FFF7CF;
}

/********* Members area styles *******/

div#member_main {
	width: 100%
}
div#member_main h3 {
	margin-bottom: 5px;
}
div#member_main p {
	margin: 3px 0 5px 0;
}
div#member_main .info-panel {
	background-color: #F9FDFF;
	border: 1px solid #97BBB7;
	padding: 7px;
	margin-bottom: 20px;
}
/* Need to give the middle box h3 tag a bit of top padding because of IE problems */
div#member_main .middle-box{
	padding-top: 10px;
}
div#member_main .info-panel .actions {
	float: right;
	padding-left: 10px;
	border-left: 1px solid #97BBB7;
}
div#member_main .info-panel .actions form {
	margin: 5px 0 3px 0;
}
div#member_main .member-contacts .person {
	padding: 2px 0 7px 5px;
	background-color: #E2ECEE;
	margin-bottom: 3px;
}
div#member_main .member-contacts .person .actions {
	float: right;
	vertical-align: bottom;
	margin-right: 10px;
	width: 55px;
}
div#member_main .member-contacts .person .actions.no-image {
	padding-top: 4px;
}
div#member_main .member-contacts .person {
	vertical-align: middle;
}

/* For the key on the right hand side of this page */

.eauc-contact-key h4 {
	font-weight: bold;
	margin-bottom: 5px;
}
.eauc-contact-key img {
	vertical-align: absmiddle;
}
.eauc-contact-key p {
	margin: 0 0 0 18px;
}

/* For the key describing what each contact us during the sign up process */

.sign-up-key {
	padding: 5px 10px 5px 10px; 
	background-color: rgb(235, 242, 245);
	border-top: 6px solid #236B6E;
}

.sign-up-key h4 {
	font-weight: bold;
	margin-bottom: 5px;
}

.sign-up-key img {
	vertical-align: absmiddle;
}

.sign-up-key p {
	color: #004742;
}

/********* Steps boxes ***************/

.step_boxes {
	padding-bottom: 80px;
}

.step_box {	
	float: left;	
	width: 20%;	
	height: 50px;
	padding: 5px;	
	margin: 5px;	
	border: 1px solid #74A2A2;	
	background-color: #F6F6F6;	
}

.step_box .step_title {
	padding: 0;
	margin: 0;
	color: #144446;
	font-size: 10px;
	width: 100%;
}

.step_box .step_description {
	padding: 0;
	margin: 0;
	font-size: 9px;
}

.step_box_active {
	float: left;
	width: 20%;
	height: 50px;
	padding: 5px;
	margin: 5px;
	border: 1px solid #74A2A2;
	background-color: #DFD6CC;
	color: #333333;	
}

.step_box_active .step_title {
	padding: 0;
	margin: 0px;
	color: #144446;
	width: 100%;
	font-weight: bold;
}

.step_box_active .step_description {
	padding: 0;
	margin: 0;
	font-size: 10px;
}

/* *** message box styles ************************************* */



div#message_success, div#message_failure, div#message_warning {
	padding: 20px 20px 20px 80px;
	margin: 1em 0 2em;
}



/* pass height to IE - it treats it somewhat like min-height */

* html #message_success, * html #message_failure, * html #message_warning {

	height: 50px;

}



div#message_success {

	background: #EAFEE2 url(../nav/green_tick.gif) no-repeat 15px center;

	border: 1px solid #BAFEA3;

}



div#message_failure {

	background: #fcc url(../nav/error.gif) no-repeat 15px center;

	border: 1px solid #f99;

}

div#message_warning {

	background: #FFFABF url(../nav/warning.gif) no-repeat 15px center;

	border: 1px solid #FFE900;

}



div#message_failure ul {

	margin-left: 0;

	padding-left: 1.2em;

	margin-top: 0.7em;

	list-style-type: square;

}

#institution-check {
	padding-bottom: 10px;
}

.or {
	text-align: center;
	background: url(../nav/dotted_line.gif) no-repeat center center;
	font-size: 24px;
}