
/***************************************
		forms
***************************************/
form {
	margin: 10px;
	}
	*html #searchForm2 { /*Fixes double margins in IE6*/
		display: inline;
		float: left;
		}
	*:first-child+html #searchForm2 { /*Fixes double margins in IE7*/
		display: inline;
		float: left;
		}
form div {					/*form elements div container*/
	margin: 0 0 10px;
	clear: both;
	}
	#content form .left125 {
		margin:10px 0px 0px 125px;
		}
		#content .addkc-form form .left125 {
			margin-left: 135px;
			}
	#content form .left210 {
		margin-left: 210px;
		}
input,
select,
button {
	border-bottom: 1px solid #bdc7d8;
	border-left: 1px solid #bdc7d8;
	border-right: 1px solid #bdc7d8;
	border-top: 1px solid #8295B5;
	font: 1.1em Arial, Helvetica, "Mukti Narrow", sans-serif;
	margin: 0 5px 0 0;
	padding: 2px;
	vertical-align:middle;
	width: 190px;
	}

textarea {
	border-bottom: 1px solid #bdc7d8;
	border-left: 1px solid #bdc7d8;
	border-right: 1px solid #bdc7d8;
	border-top: 1px solid #8295B5;
	/*font: 1.1em Arial, Helvetica, "Mukti Narrow", sans-serif;*/
	margin: 0 5px 0 0;
	padding: 2px;
	vertical-align:middle;
	width: 190px;
	}

	input.tickbox,
	input#date_is_enabled { /*IE input b-w*/
		border: none 0;
		width: auto;
		}
	form input.text {
		width: 280px;
		}
	form input.text,
	creation-wizard input {
		width: 280px;
		}
select {
	width: 196px;
	}
	#content select.multiple-select,
	#content select#applicant_types,
	#content select#grant_types,
	#content select#provider_types {
		height: 6.1em;
		}
button {
	border: 0;
	overflow: visible;
	padding: 2px 5px;
	width: auto;
	}
input.button,
button.button {				/*submit buttons*/
	background: #001A82 url(../images/bg-li-contact-status-curr.png) repeat-x;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: 1.1em;
	font-weight: bold;
	margin-right: 5px;
	overflow: visible;
	padding: 2px 5px 3px;
	width: auto;
	}
form p {
	margin: 0;
	line-height: 1.3em;
	clear: both;
	}
/*Headings, divs and lines
----------------------------------------------------*/
#content form h1,
#content form h2,
#content form h3,
#content form h4 {
	margin: 10px 0;
	}
form h2 {
	background: url(../images/bg-h2-joinform.png) repeat-y 100% 0;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 3px 5px;
	}
form hr {
	background: #C5CBD3;
	border: 0;
	display: block;
	height: 1px;
	margin: 10px 0;
	visibility: visible;
	}
form div div {
	float: left;
	clear:none;
	margin: 0;
	width: 300px;
	}
/*HINTS - small instructions text in grey below (need to unify)
---------------------------------------------------*/
#content form p.hint {
	margin: 5px 0 10px 210px;
	color: #999;
	font-size: 1em;
	width: 55%;
	}
	#content form#WorkForm p.hint,
	#content form#EducationForm p.hint,
	#content #submitRssForm.newsforms p.hint {
		margin-left: 125px;
		}
	#content .addkc-form form p.hint {
		margin-left: 135px;
		width: 380px;
		}
	#content .addkc-form form p.instruction{
		color: #000;
		font-size: 1.2em;
		margin: 10px 0 5px 135px;
		}
		#content .addkc-form form p.instruction span {
			color: #868D99;
			font-size: 1.2em;
			font-weight: bold;
			}
	#content .newsforms p.hint {
		margin-left: 0;
		width: auto;
		}
#content div.input-keywords div#hint,
form#passwordForm p.hint {
	margin: 5px 0 10px 0px;
	color: #999;
	}
#content form p.hint-saving {
	color: #999;
	margin-left: 0;
	display: block;
	float: none;
	}
/* little red star for required fields--------------*/
form em {
	color: #f00;
	}

/*labels
----------------------------------------------------*/
label,
form p.label {
	color: #868d99;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.2em;
	margin-right: 10px;
	padding-top: 4px;
	text-align: right;
	width: 115px;
	}
	label.fullwidth {
		text-align: left;
		width: 100%;
		}
	label.inline-label {		/*inline labels, for radiobuttons and checkboxes*/
		line-height: 2em;
		padding: 0;
		margin: 0 15px 0 0;
		width: auto;
		float: left;
		}
	.one-line label,
	.one-line input {
		border: none; /*IE input b-w*/
		float: left;
		text-align: left;
		padding: 0;
		width: auto;
		}
label input { /*IE input b-w*/
	border: 0;
	margin: 0 5px 0 0;
	padding: 0;
	width: auto;
	}
#content form p.label {
	font-size: 1.1em;
	margin: 0 0 10px;
	}
form div div label,
form label.long-text {
	clear: both;
	line-height: 1.5em;
	margin: 4px 0 0;
	padding: 0;
	text-align: left;
	width: 300px;
	}
form div div label {
	margin-left: 10px;
	}
form div div label input {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align:middle;
	width: auto;
	}
form div div label span {
	display: block;
	float: left;
	width: 250px;
	}
   /*needed for addExternalContent*/
form label.long-text {
	display: block;
	float: none;
	width:440px;
	}
	form label.long-text span {
		width: 415px;
		}
/*lists------------------------------------------*/
form ul,
form ol {
	margin: 0;
	}
form li {
	list-style: none;
	margin: 0;
	}
#content ul.radio_list,
#content ul.checkbox_list,
#content ul#websites_list {
	font-size: 1em;
	margin: 0 0 10px;
	}
	#content .newsforms ul.checkbox_list {
		margin-left: 125px;
		}
	.creation-wizard .checkbox_list {
		float: left;
		width: 293px;
		}
ul.radio_list li,
ul.checkbox_list li {	
	margin: 0 0 5px;
	}
ul.radio_list label,
ul.checkbox_list label {
	float: none;
	}
ul.radio_list input,
ul.checkbox_list input { /*IE input b-w*/
	border: none;
	width: auto;
	}
/*error messages - ALL form_error RULES HERE
----------------------------------------------------*/
#content .form_error {
	text-align: left;
	margin:0 0 6px 5px;
	float: none;
	font-weight: bold;
	font-size: 1em;
	line-height: 1em;
	color:#FF0000;
	display: block;
	clear: both;
	width: 80%;
	padding-left: 10px;
	background: url(../images/bg-error.gif) 0 50% no-repeat;
	}
#standalone .form_error {
	font-weight:normal;
	margin: 0 0 0 40px;
	color: #FF0000;
	width:95%;
	text-align:left;
	float:none;
	}
.error input,
.error select,
.error textarea {
	border: solid 1px #c00;
	color:#c00;
	}
form .error p.hint ,
form p.hint.error {
	color:#c00;
	font-weight: bold;
	background: none;
	border: 0;
	}
/*specific alignments*/
#content form.signup .form_error,
#content .account-editbox .form_error {
	margin-left: 165px;
	width: 65%;
	}
#content .newsforms #error_for_add_rss_feed.form_error {
	margin-left: 0;
	}
#content #DeactivateAccount .form_error {
	margin-left: 24px;
	}
#EducationForm .form_error,
#WorkForm .form_error,
#uploadCV .form_error,
#pictureForm .form_error,
#ComposeMessageForm .form_error,
#recommend-form .form_error,
#content .newsforms .form_error,
#add_topic_discussions .form_error,
#loginform div.form_error,
#SendMessageForm1 .form_error, /*apply for a job*/
#content .edit_profile .form_error {
	margin-left: 125px;
	}
.creation-wizard #upload_frame .form_error {
	margin-left:200px;
	}
#content .creation-wizard .form_error {
	margin-left: 210px;
	}
#content #loginform div.form_error {
	width: auto;
	}
form#RegistrationForm .account-details .form_error {
	margin-left: 125px;
	width: 190px;
 	}

/*SPECIFIC FORMS
----------------------------------------------------*/

/*Search forms
----------------------------------------------------*/
#content .search-form-general label {
	margin-left: 10px;
	width: auto;
	}

/*	search form in the content-left column
	and the filters
----------------------------------------------------*/
#content #content-left form ul, 
#content #content-left form li {
	margin: 0;
	font-size: 1em;	
	}
#content #content-left label {
	float: none;
	width: auto;
	}
#content #content-left input {
	width: 125px;
	margin: 5px 0 10px;
	padding: 2px 2px 2px 18px;
	background: #fff url(../images/bg-searchform.png) no-repeat 3px 4px;
	}
	#content #content-left .search-all input {
		float: left;
		}
	#content #content-left .search-all {
		float: left;
		display: inline;
		}
#content #content-left select {
	width: 178px;
	margin: 5px 0 10px;
	padding: 2px;
	}
	#content #content-left select#dates_year,
	#content #content-left select#dates_month {
		width: 88px;
		}
#content #content-left input.button {
	background: #001A82 url(../images/bg-li-contact-status-curr.png) repeat-x;
	border: 0;
	color: #fff;
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin: 5px 0 0;
	padding: 2px 5px;
	width: auto;
	}
#content #content-left form p { /*used?*/
	line-height: 1em;
	padding: 0;
	margin-bottom: 5px;
	}
#content #content-left label.search {
	color: #777;
	display: block;
	font-size: 1.2em;
	margin-top: 0;
	text-align: left;
	}
#wrap.twocols #content #content-left h2.google {
		background: url(../images/bg-googlemaps.gif) no-repeat  0 0;
		font-size: 1.1em;
		font-weight: bold;
		height:56px;
		margin: 10px 0;
		padding-left: 14px;
		padding-top: 5px;
		}
/*sort by form in the content-right column
----------------------------------------------------*/
form#sort {
	margin: 0 15px 15px;
	width: 444px;
	position: relative;
	height: 2em;
	}
form#sort label,
form#search_in_forum label {
	font-weight: bold;
	line-height: 1em;
	width: auto;
	position: absolute;
	right: 140px;
	}
form#sort {
	margin-top: 15px;
	}
form#sort select {
	width: 140px;
	margin: 0;
	position: absolute;
	right: 0;
	}
/*Advanced search*/
#languages * {
	font-weight: normal;
	font-style: normal;
	}
/*Date dropdowns
----------------------------------------------------*/
#content .drop-half {
	width: 140px;
	}
#content .drop-third {
	width: 134px;
	}
	.overbox #content .drop-third {
		width: 114px;
		}
span.sameline label { 
	float: none;
	margin-right: 0;
	}
#content form select#date_day, /*add KC form*/
#deadline_year,
#content form select#start_time_year,
#content form select#end_time_year,
#content form select#start_date_year,
#content form select#end_date_year {
	width: 13%;
	}
#content form select#date_month, /*add KC form*/
#deadline_month,
#content form select#start_time_month,
#content form select#end_time_month,
#content form select#start_date_month,
#content form select#end_date_month {
	width: 18%;
	}
#content form select#date_year, /*add KC form*/
#deadline_day,
#content form select#start_time_day,
#content form select#end_time_day,
#content form select#start_date_day,
#content form select#end_date_day {
	width: 11%;
	}

/* RecommendForm
----------------------------------------------------*/
#recommendForm label {
	text-align:left;
	}
#recommendForm p,
#RecommendS1 p {
	font-weight:bold;
	color: #868D99;
	}
#recommendForm .inline-label strong,
#RecommendS1 .inline-label strong {
	color:#000;
	}
#recommendForm .inline-label {
	line-height:1.5em;
	text-align: left;
	}
#recommendForm .inline-label strong {
	color:#000;
	}
#recommendForm #written_recommendation {
	width:90%;
	height:70px;
	}

/* SendMessageForm
----------------------------------------------------*/
#SendMessageForm textarea {
	width:300px;
	height:150px;
	}
#SendMessageForm1 input.text {
	width: 370px;
	}
#SendMessageForm1 textarea,
#ComposeMessageForm.share textarea {
	height: 120px;
	width: 370px;
	}
#SendMessageForm1 .buttons,
#ComposeMessageForm.share .buttons {
	margin-left: 125px;
	}
#ComposeMessageForm.share .to_phrase {
	width: 370px;
	color: #aaa;
	}

/*autocomplete - still in use?*/
div.auto_complete {
	clear:both;
	padding:0;
	z-index: 2;
	}
#content div.auto_complete ul {
	margin:0;
	padding:0;
	}
div.auto_complete ul li.selected {
	background-color: #EFEFF5;
	}
div.auto_complete ul li {
	color:#333333;
	background-color: #FFF;
	cursor:pointer
	}
div.auto_complete ul li strong {
	color:#990000
	}
div.auto_complete ul li span.position {
	color:#999;
	display: block;
	}

/* OG wizards --------------------------------*/

#InfoForm textarea {
	height: 100px;
	}
#content div.greybox,
#content p.greybox {
	background: #F5FAFD;
	border: 1px solid #D9DFE4;
	color: #868D99;
	overflow: hidden;
	padding: 5px 8px;
	text-align: center;
	}
	#content .addkc-form p.greybox span {
		color: #000;
		}
#content label.greybox-hint,
#content p.greybox-hint {
	background: #F5FAFD;
	border: 1px solid #D9DFE4;
	color: #777;
	margin-left: 135px;
	padding: 5px 8px;
	width: 358px;
	}
#content p.greybox-hint2 {
	background: #F5FAFD;
	border: 1px solid #D9DFE4;
	color: #777;
	margin-left: 113px;
	padding: 5px 8px;
	width: 400px;
	}
	
/*add KC form
------------------------------------------*/
.addkc-form label {
	width: 125px;
	}
	#wrap #content .addkc-form label.long-text {
		clear: none;
		margin-left: 0;
		}
#content .addkc-form .form_error {
	margin-left: 135px;
	}
	#content .addkc-form div.narrow .form_error { /*leaves space for thumbnail*/
		clear: none;
		}
	*html #content .addkc-form div.narrow .form_error {
		margin-left: 70px;
		}
.addkc-form div.split {
	clear: none;
	float: left;
	width: 270px;
	}
	.addkc-form div.split div.categorydiv {
		overflow: hidden;
		width: 100px;
		}
.addkc-form select {
	width: 375px;
	}
	#content .addkc-form form select#date_day,
	#content .addkc-form form select#date_year {
		width: 15%;
		}
	#content .addkc-form form select#date_month {
		width: 21%;
		}
.addkc-form .add-keywords-input,
.addkc-form input.text {
	width: 370px;
	}
.addkc-form textarea#description {
	width: 370px;
	}
.addkc-form em.positioned {
	margin-right:125px;
	}
div.categorydiv {
	overflow: visible;
	padding-bottom:10px;
	width:455px;
	}
.addkc-form div.buttons {
	float: none;
	padding: 20px 0;
	text-align: center;
	width: 100%;
	}
#content .addkc-form div.kc-thumbnail {
	width: 125px;
	text-align: left;
	margin: 0 0 10px 0px;
	}
.addkc-form div#thumbnail_field {
	color:#868D99;
	overflow: hidden;
	width: 240px;
	}
#content .addkc-form div.kc-thumb-div {
	float: right;
	width: 226px;
	overflow: hidden;
	}
.kc-thumb-div img {
	border: 1px solid #eee;
	}
.addkc-form .addkc-basic select {
	width: 255px;
	}
.addkc-form .addkc-basic .add-keywords-input,
.addkc-form .addkc-basic input.text {
	width: 250px;
	}
.addkc-form .addkc-basic div {
	clear: none;
	width: 425px;
	}
/*add KC results list*/
ul#productlist {
	margin-left:101px;
	}
#productlist a {
	color:#555;
	display:block;
	font-weight:bold;
	border:1px solid #eee;
	padding:3px;
	}
#productlist a:hover {
	background:#ddd;
	display:block;
	font-weight:bold;
	border:1px solid #ccc;
	color:#222;
	}
/*Add KC form -1st step, top icons*/
div.type div {
	width: auto;
	}
div.type div label.radios {
	background-position: 50% -71px;
	background-repeat: no-repeat;
	border: 1px solid #e1e1e1;
	clear: none;
	color: #888;
	float: left;
	overflow: hidden;
	padding: 50px 5px 5px;
	text-align: center;
	width: 105px;
	}
	div.type div label.podcasts {
		border: 1px dotted #eee;
		}
	label.books {background-image: url(../images/icon-books-36-off.gif);}
	label.blogs {background-image: url(../images/icon-websites-36-off.gif);}
	label.videos {background-image: url(../images/icon-videos-36-off.gif);}
	label.podcasts {background-image: url(../images/icon-podcasts-36-cs.gif);}
	label.slides {background-image: url(../images/icon-screens-36-off.gif);}
	/*hover*/
	div.type div label.radios:hover {
		background-position: 50% 8px !important;
		color: #000 !important;
		}
div.type div label.radios span {
	display:block;
	text-align: center;
	width: 100%;
	}
	div.type div label.podcasts span {
	color: #aaa;
	}
		div.type div label.podcasts span:hover {
		color: #000;
		}
div.type div label input {
	margin-left: -99999px;
	}

/*News -----------------------------*/
form.newsforms label.long-text {
	margin-left: 0;
	}
	form.newsforms label.long-text span {
		width:420px;
		}
form.newsforms div div {
	clear:none;
	}
form.newsforms input {
	width:auto;
	}
	form.newsforms input.text {
		width: 375px;
		}
form.newsforms textarea#description {
	width: 375px;
	height: 100px;
	}

/*Cities list - Added list (job alerts, job wizard, grants wizard */
ul.added-list,
ul#cities_list {
	line-height: 1.3em;
	width: 195px;
	}
	form#ProjectForm ul#cities_list, 
	form#JobForm ul#cities_list { /*alerts*/
		padding: 0 0 0 115px;
		}
	.creation-wizard ul.added-list,
	form#InfoForm ul#cities_list { /*wizard */
		padding: 0 0 0 195px;
		width: 285px;
		}
ul.added-list li,
ul#cities_list li {
	font-weight: bold;
	padding: 2px 0 5px;
	}
	ul#cities_list li span {
		padding-right: 5px;
		}
ul.added-list input.remove,
ul#cities_list input.remove {
	background: transparent url(../images/actions/delete-16.gif) no-repeat 0 0;
	width:16px;
	height: 16px;
	border-style: none;
	overflow: hidden;
	float: right;
	margin: 0;
	color: transparent; /*deletes text in Ffox, Safari*/
	padding-left: 16px; /*deletes text in IE*/
	}
	ul.added-list input.remove:hover,
	ul#cities_list input.remove:hover {
		background: transparent url(../images/actions/delete-16.gif) no-repeat 0 -16px;
		}
/* keyword editing
------------------------------------------*/
form#ProjectForm .add-keywords-input,
form#FrForm .add-keywords-input,
form#JobForm .add-keywords-input,
form#RegistrationForm .add-keywords-input {   /* Fixes glitch in Safari */
	float:left;
	}
div.input-keywords {
    width: 400px;
    }
	.creation-wizard div.input-keywords {
	    float: left;
	    }
		* html .creation-wizard div.input-keywords {
			margin-left: 0px;
			}
	.addkc-form div.input-keywords {
	    width: 450px;
	    }
	.twocols #content-right div.input-keywords {
		float: left;
		width: 250px;
		}
#content div.input-keywords ul.input-keywords-list {
    clear: both;
    margin: 0 0 15px;
    width: 100%;
    }
	div.input-keywords ul.input-keywords-list li {
	    display: block;
	    margin: 2px 0 !important;
	    }
	div.input-keywords ul.input-keywords-list li span {
	    font-size: 1em;
	    font-weight: bold;
	    padding-left: 3px;
	    padding-bottom: 4px;
	    width: 85%;
	    }
		.twocols #content-right div.input-keywords ul.input-keywords-list li span {
		    width: 225px;
		    }
	div.input-keywords ul.input-keywords-list li a {
	    background: url(../images/actions/deletex-10.gif) 0 2px no-repeat;
	    padding: 0 6px;
	    vertical-align: top;
	    }
	div.input-keywords ul.input-keywords-list li a:hover {
	    background-position: 0 -13px;
	    }

