/*========================================================

My Account CSS file for Grants Online

Created by Strawberrysoup - www.strawberrysoup.co.uk

=========================================================*/

/***************
	Account Menu
***************/

#account_menu ul {
	list-style-type: none;
	height: 40px;
}

#account_menu ul li {
	float: left;
	padding-top: 10px;
}

#account_menu ul li a {
	display: block;
	margin: 0px 4px;
	padding: 3px 10px 2px 10px;
	border: 1px solid #EEEEEE;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	background: url("../images/account_menu_background.png") repeat-x #EEEEEE;
}

#account_menu ul li a.hover {
	background: url("../images/account_menu_hover_background.png") repeat-x #EEEEEE;
}

#account_menu ul li.current a {
	border: 1px solid #333333;
	color: #FFFFFF;
	background: url("../images/account_menu_current_background.png") repeat-x #5A80AC;
}

#account_menu ul li.logout {
	float: right;
}

/***************
	Generic Form
***************/

input.submit {
	padding: 1px;
	border: 0px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 120px;
	font-size: 12px;
	color: #FFFFFF;
	cursor: pointer;
	background: #666666;
}

input.submit_wide {
	padding: 1px;
	border: 0px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 180px;
	font-size: 12px;
	color: #FFFFFF;
	cursor: pointer;
	background: #666666;
}

input.submit:hover, input.submit_wide:hover {
	text-shadow: 0px 0px 2px #999999;
}

/***************
	Dashboard
***************/

.dashboard {
	position: relative;
	width: 588px;
}

.dashboard h1 {
	z-index: 1;
}

.dashboard ul {
	list-style: none;
	margin: 0px 0px 20px 0px;
	height: auto;
	z-index: 101;
}

.dashboard li {
	margin-bottom: 20px;
}

.whats_this_link {
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
	color: #114170;
	cursor: pointer;
}

.whats_this {
	position: absolute;
	display: none;
	padding: 2px 4px;
	margin: 4px 0px 20px 0px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 2px solid #262626;
	width: 200px;
	font-size: 12px;
	background: #FFFFFF;
	background: rgba(255,255,255,0.9);
	z-index: 1;
}

.whats_this h4 {
	margin-bottom: 4px;
}

.whats_this span {
	float: right;
	text-decoration: underline;
	color: #114170;
	cursor: pointer;
}

#whats_this_gso {
	top: 4px;
	right: 117px;
}

#whats_this_lfn {
	top: 4px;
	right: 117px;
}

#whats_this_mgo {
	top: 4px;
	right: 117px;
}

/***************
	Settings
***************/

.alert_list {
	list-style-type: none;
	height: auto;
}

.alert_list li {
	float: left;
	margin: 0px 0px 10px 0px;
	height: 20px;
	width: 297px;
}

.alert_list li input {
	margin-right: 10px;
}

/***************
	Saved
***************/

.saved_searches {
	list-style-type: none;
	line-height: 20px;
}

/***************
	Browse
***************/

#refine_results {
/*	float: left;*/
	padding: 15px;
/*	width: 200px;*/
	background: #EEEEEE;
}

.refine_option {
	position: relative;
	float: left;
	margin: 15px 20px 0px 0px;
	padding: 15px;
	height: 310px;
	width: 310px;
	background: #EEEEEE;
}

.refine_option .step {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 4px 16px 4px 6px;
	width: 35px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	font-size: 8px;
	font-weight: bold;
	color: #FFFFFF;
	background: #404040;
}

.refine_option h4 {
	position: relative;
	top: -14px;
	left: 50px;
}

.refine_option input.text {
	padding: 2px 5px 1px 5px;
	height: 16px;
	width: 188px;
	border: 1px solid #999999;
	font-size: 12px;
	color: #000000;
}

.refine_option input.submit_wide {
	margin: 15px 0px 0px 65px;
}

.category_list {
	width: 308px;
}

#region_title {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 6px 10px;
	border: 1px solid #CCCCCC;
	z-index: 100;
	background: #FFFFFF;
}

#browse_results {
	float: right;
	width: 675px;
	padding: 15px;
	background: #EEEEEE;
}

#browse_results h1 {
	font-family: Tahoma; /* replace */
	font-size: 24px;
	font-weight: bold;
	color: #333333;
}

#browse_results a {
	color: #114170;
}

#search_tips_text {
	display: none;
}

/***************
	Grants List
***************/

#grants_list {
	list-style-type: none;
	margin: 0px;
	background: #EEEEEE;
}

#grants_list li {
	position: relative;
	margin: 0px auto;
	padding: 12px 0px 12px 0px;
	border-bottom: 2px solid #AAAAAA;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

#grants_list li h4 {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
	width: 600px;
}

#grants_list li h4 a {
	border-bottom: 2px solid #3A83D0;
	text-decoration: none;
	color: #1A6CB4;
}

#grants_list li h4 span.relevancy {
	font-size: 12px;
	font-weight: normal;
}

#grants_list li a.view {
	position: absolute;
	top: 16px;
	right: 40px;
}

#grants_list li input.save {
	position: absolute;
	top: 16px;
	right: 0px;
}

#grants_list li input.saved {
	position: absolute;
	top: 16px;
	right: 0px;
}

#grants_list li input.remove {
	position: absolute;
	top: 16px;
	right: 0px;
}

#grants_list_simple {
	list-style-type: none;
	margin: 0px 6px;
}

#grants_list_simple li {
	margin: 8px 0px;
	text-align: left;
}

#grants_list_simple li a {
	text-decoration: underline;
	color: #1A6CB4;
}

#grants_list_simple li img {
	margin-top: 4px;
}

/***************
	Settings
***************/

#settings ul {
	list-style-type: none;
	width: 680px;
}

#settings ul li {
	position: relative;
	margin: 10px 0px;
	height: 20px;
}

#settings ul li span {
	float: right;
	margin-right: 240px;
	width: 260px;
	font-size: 12px;
	color: #000000;
}

#settings ul li span.note {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	width: 220px;
	font-size: 12px;
	color: #1A6CB4;
}

#settings ul li span.cancel_subscription {
	position: absolute;
	top: 0px;
	right: 100px;
	margin: 0px;
}

#settings ul li span.cancel_subscription a {
	color: #AA0000;
}

#settings ul li input.text {
	float: right;
	position: relative;
	top: -3px;
	margin-right: 240px;
	padding: 2px 5px 1px 5px;
	height: 16px;
	width: 250px;
	border: 1px solid #999999;
	font-size: 12px;
	color: #000000;
}

#settings ul li select {
	float: right;
	position: relative;
	top: -3px;
	margin-right: 240px;
	padding: 2px 5px 1px 5px;
	width: 262px;
	border: 1px solid #999999;
	font-size: 12px;
	color: #000000;
}

#settings ul li input.checkbox {
	float: right;
	margin-right: 250px;
}

#settings ul li label.highlight {
	color: #AA0000;
}

#settings ul li input.submit {
	float: right;
	margin-right: 240px;
}

/***************
	Directories
***************/

h2 a {
/*	border-bottom: 1px solid #262626;*/
	color: #262626;
}

#directories {
	list-style-type: none;
}

#directories li {
/*	margin: 0px 8px;*/
}

.sub_directory {
	margin: 10px 0px 0px 0px !important;
	list-style-type: none;
}

.sub_directory li {
	margin: 4px 0px 0px 0px !important;
}

.sub_directory li a {
	display: block;
	padding-left: 20px;
	height: 20px;
	color: #262626;
	background: url("../images/icons/folder.png") no-repeat -1px -2px;
}

.sub_directory li a:hover {
	color: #1A6CB4;
	background: url("../images/icons/folder_explore.png") no-repeat 0px 0px;
}

.grants_list {
	list-style-type: none;
}

.grants_list li {
	margin-top: 4px;
}

/***************
	News List
***************/

#refine_news {
/*	float: left;*/
	padding: 15px;
	width: 200px;
	background: #EEEEEE;
}

#news_results {
	float: right;
	width: 675px;
	padding: 15px;
	background: #EEEEEE;
}

#news_results h1 {
	font-family: Tahoma; /* replace */
	font-size: 24px;
	font-weight: bold;
	color: #333333;
}

#news_results a {
	color: #114170;
}

#category_list {
	list-style-type: none;
}

#category_list li {
	position: relative;
	margin: 10px 0px;
}

#category_list li.current {
	font-weight: bold;
}

#category_list li a {
	color: #114170;
}

.news_option {
	position: relative;
	margin-top: 15px;
	padding: 15px;
	width: 200px;
	background: #EEEEEE;
}

.news_list {
	list-style-type: none;
}

.news_list li {
	margin-bottom: 25px !important;
	text-align: justify;
}

.news_list li.top_item {
	
}

.news_list li.main_item {
	float: left;
	margin-right: 40px;
	width: 315px;
}

.news_list li h3 a {
	color: #1A6CB4;
}

.news_list li h5 {
	margin-bottom: 10px;
}


/***************
	Login
***************/

#login ul {
	list-style-type: none;
	margin: 0px !important;
}

#login ul li {
	text-align: right;
	width: 350px;
}

#login ul li label {
	float: left;
}

#login ul li input {
	
}

/***************
	Register
***************/

#subscribe ul, #register ul, #confirm ul {
	position: relative;
	list-style-type: none;
	margin: 0px !important;
}

#subscribe ul li a, #register ul li a, #confirm ul li a {
	font-weight: bold;
	color: #114170;
}

#subscribe #subscription_type li {
	position: relative;
	padding: 10px 0px;
	height: 16px;
	border-bottom: 1px solid #999999;
	text-align: right;
}

#subscribe #subscription_type li label {
/*	position: absolute;
	top: 8px;
	left: 0px;*/
	float: left;
	margin-left: 5px;
}

#subscribe #subscription_type li span {
	margin-right: 70px;
}

#subscribe #subscription_type li input {
	margin: 0px 5px 0px 30px;
}

#subscribe #buttons, #register #buttons, #confirm #buttons {
	text-align: right;
}

#subscribe input.button, #register input.button, #confirm input.button {
	margin-top: 10px;
	border: 1px solid #666666;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 100px;
	font-size: 12px;
	color: #FFFFFF;
	cursor: pointer;
	background: #666666;
}

#subscribe input.disabled, #register input.disabled {
	color: #999999;
	cursor: default;
}

#register input.backward, #confirm input.backward {
	float: left;
}


#register {
/*	display: none;*/
}

#register ul {
	width: 580px;
}

#register ul li {
	position: relative;
	margin: 10px 0px;
	height: 20px;
}

#register ul li input.text {
	float: right;
	position: relative;
	top: -3px;
	margin-right: 140px;
	padding: 2px 5px 1px 5px;
	height: 16px;
	width: 250px;
	border: 1px solid #999999;
	font-size: 12px;
	color: #000000;
}

#register ul li select {
	float: right;
	position: relative;
	top: -3px;
	margin-right: 140px;
	padding: 2px 5px 1px 5px;
	width: 262px;
	border: 1px solid #999999;
	font-size: 12px;
	color: #000000;
}

#register ul li label {

}

#register ul li span {
	position: absolute;
	top: -3px;
	right: 22px;
	width: 130px;
	font-size: 11px;
	color: #1A6CB4;
}

#confirm ul {
/*	width: 589px;*/
}

#confirm ul li {
	margin: 8px 0px;
	height: 20px;
	text-align: right;
}

#confirm ul li label {
	float: left;
}