/*------------------------------------------------------------------------------
Form Styles

version:	2.0
author:		gus torres
website:	gling.com
------------------------------------------------------------------------------*/

/* =Document Style for the forms on 'gling.com'
------------------------------------------------------------------------------*/

/* =Form globals */

#main fieldset	{
	border-bottom: none;
	border-top: 1px solid #d9e6f0;
	border-left: 1px solid #d9e6f0;
	border-right: 1px solid #d9e6f0;
	margin: 10px 0;
	padding: 10px;
	background: #d9e6f0 url(../images/bkgd_forms.gif) top left repeat-x;
}

#main .ctrlHolder	{
	margin-bottom: 15px;
}

#main form	{
	margin: 10px 0;
}

#main form.hidden	{
	display: none;
}

#main .inlineLabels .form_block	{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #776045; /* gling brown */
}

#main .inlineLabels .form_block a	{
	display: block;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 5px;
	width: 120px;
	background: #a8c545;
}

#main .inlineLabels .form_block a:hover,
#main .inlineLabels .form_block a:active	{
	background: #0092b2;
}

#main #basic-form legend	{
	border: 2px solid #d9e6f0;
	background: #FFF;
	padding: 10px 20px;
	color: #0092b2;
	text-transform: uppercase;
	font-weight: bold;
}

#main #basic-form p	{
	border-bottom: 1px solid #c3cfd8;
	border-top: 1px solid #FFF;
	padding: 15px 0;
}

/* Label types */

#main .ctrlHolder label,
#main #TwitterForm label	{
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	color: #0092b2;
	font-weight: bold;
	margin-bottom: 2px;
}

#main #div_id_remember label,
#main #div_id_allow_comments label,
#main #div_id_redirect label	 {
	display: inline;
}

#main #basic-form p label	{
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	color: #0092b2;
	font-weight: bold;
	margin-bottom: 2px;		
}

/* Input types */

#main .ctrlHolder input,
#main #TwitterForm input,
#main form#join-invite input#id_email	{
	padding: .3em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .9em;
	color: #776045;
}

#main #basic-form input[type="text"]	{ /* There's a chance this type='text' will be ignored by IE up to v7 */
	padding: .3em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .9em;
	color: #776045;
}

#main #basic-form input#id_title,
#main #basic-form input#id_summary,
#main #basic-form input#id_diet_choices,
#main #basic-form input#id_tags,
#main .ctrlHolder input#id_title,
#main .ctrlHolder input#id_tags,
#main .ctrlHolder input#id_website	{
	width: 300px;
}

#content #main .ctrlHolder textarea,
#main form#join-invite textarea#id_message	{
	border: 1px solid #0092b2;
	font-family: Consolas, Courier, "Courier New", Monaco, sans-serif;
	font-size: 13px;
	padding: 5px;
}

#main form#join-invite textarea#id_message,
#main .uniForm textarea#id_body,
#main .ctrlHolder textarea#id_about,
#main .ctrlHolder textarea#id_message	{
	width: 480px;
}

#main #basic-form textarea	{
	border: 1px solid #0092b2;
	font-family: Consolas, Courier, "Courier New", Monaco, sans-serif;
	font-size: 13px;
	padding: 5px;
}

#main #basic-form textarea#id_description,
#main #basic-form textarea#id_ingredients,
#main #basic-form textarea#id_instructions	{
	width: 500px;
}

/* Special to avatar selection */

#main form ul.avatar_choices ul	{
	margin-bottom: 20px;
}

#main form ul.avatar_choices li	{
	display: inline;
	margin-right: 20px;
}

#main form ul.avatar_choices li img	{
 vertical-align: top;
}

/* Error messages and hints */

#main p.formHint	{
	font-style: italic;
	color: #0092b2;
}

#main p#hint_id_remember	{
	display: inline;
}

#main p.errorField	{
	 background: #FFF;
	 border: 1px solid #0092b2;
	 padding: 10px;
	 margin-bottom: 10px;
	 color: #ff8522;
}

/* Hide and show form link style */

#main .form-toggle	{
	clear: both;
}

#main .form-toggle p #join-invite-toggle,
#main .form-toggle p #start-tribe-toggle,
#main .form-toggle p #edit-profile-toggle{
	display: block;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #a8c545;
	cursor: pointer;
	background: url(../images/bkgd_join_icn.gif) 100% 50% no-repeat;
	padding-right: 10px;
}

#main .form-toggle p #join-invite-toggle	{
	width: 185px;
}

#main .form-toggle p #start-tribe-toggle	{
	width: 130px;
}

#main .form-toggle p #edit-profile-toggle	{
	width: 72px;
}

/* =Table styles */

form table {
	color: #776045; /* gling brown */
	font-size: .8em;
	line-height: 1.2em;
	margin: 10px 0 20px 0;
	border-bottom: none;
	border-top: 1px solid #d9e6f0;
	border-left: 1px solid #d9e6f0;
	border-right: 1px solid #d9e6f0;
	background: #d9e6f0 url(../images/bkgd_forms.gif) top left repeat-x;
}

form table tr th, 
form table tr td	{
	text-align: left;
	vertical-align: top;
	padding: 10px;
}

form table tr th {
	text-transform: uppercase;
	color: #0092b2;
	font-size: 11px;
}

table.messages,
table.email_list,
table.invitation_list,
table.bookmarks	{
	width: 100%;
	color: #776045; /* gling brown */
	font-size: .8em;
	line-height: 1.2em;
	margin: 10px 0 20px 0;
}

table.messages tr	{
	border-bottom: 1px solid #d9e6f0;
}

table.bookmarks tr.odd	{
	border-bottom: 1px solid #d9e6f0;
	border-top: 1px solid #d9e6f0;
}

table.messages th, 
table.messages td,
table.email_list td,
table.invitation_list td	{
	text-align: left;
	padding: 5px;
}

table.email_list td,
table.invitation_list td	{
	border: 1px solid #d9e6f0;
}

table.bookmarks td	{
	vertical-align: top;
	text-align: left;
	padding: 10px 5px;
}

table.email_list td a,
table.invitation_list td a,
table.bookmarks td a	{
	font-weight: bold;
}

table.email_list td a.remove	{
	background: url(../images/bkgd_deleterecipe.gif) 0 50% no-repeat;
	padding-left: 15px;
}

table.messages th {
	text-transform: uppercase;
	border: 1px solid #0092b2;
	color: #0092b2;
	font-size: 11px;
}

/* Topic list style - wiki posting */

#main table.topics td	{
	vertical-align: top;
	padding: 10px 0;
}

#main table.topics td.meta	{
	font-size: 11px;
	line-height: 13px;
	padding: 10px 20px 10px 0;
}

#main table.topics td .details	{
	padding-bottom: 2px;
}

#main table.topics td .details a	{
	font-weight: bold;
}

#main table.topics td h2	{
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 16px;
}

#main table.topics td .body p	{
	font-size: 13px;
	line-height: 16px;
	padding-bottom: 5px;
}

/* Special messaging that is displayed after logging in */

#messages	{
	clear: both;
	background: #0092b2;
	margin: 0 139px 0 35px;
}

/*
#messages ul	{
	border-top: 1px solid #0092b2;
}
*/

#messages li	{
	padding: 5px 10px 5px 10px;
	color: #776045;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
}

#messages small	{
	float: right;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	background: url(../images/bkgd_deleterecipe.gif) 0 50% no-repeat;
	padding-left: 15px;
}

#messages a:hover	{
	color: #FFF;
	text-decoration: none;
}

/* Special announcements that are displayed after logging in */

#site_wide_announcements	{
	background: #fbf4e1 url(../images/bkgd_announce.gif) left top repeat-y;
	margin: 0 auto; /* all browsers understand this as centering the #wrapper except for IE6 */
	position: relative;
	width: 960px;
}

#site_wide_announcements ul	{
	padding: 5px 30px;
}

#site_wide_announcements li	{
	padding: 3px 0;
	font-size: 11px;
	line-height: 14px;
	color: #FFF;
	text-transform: uppercase;
	text-align: right;
}

#site_wide_announcements a	{
	color: #776045;
	padding: 0 5px;
}

#site_wide_announcements a:hover	{
	color: #0092b2;
	text-decoration: none;
}

/* Table style specific to the Twitter form */

#TwitterForm table	{
	width: 100%;
	border: none;
	margin: 10px 0;
	background: #d9e6f0;
	text-align: left;
}

#TwitterForm th,
#TwitterForm td	{
	padding: 10px;
}

#TwitterForm th	{
	width: 10%; 
	text-align: left;
	vertical-align: middle;
	padding-right: 0;
}

/* Submit buttons */

#main #basic-form input.button	{
	margin: 20px 0;
	color: #000;
	text-transform: uppercase;
}

#main .form_block input[type="submit"],
#main input[type="submit"]	{
	text-transform: uppercase;
}