/*
**
** Form Elements
**
*/

textarea {
	background:#ffffff url(/static/plone/images/input_background.gif) repeat-x;
    border:1px solid #ddd;
    border-color:#666 #ddd #ddd #666;
    color:Black;
    font:100% Monaco, "Courier New", Courier, monospace;
    /*width:100%;*/
}
input {
	color:#000000;
	font-family:"Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	font-size:1em;
	margin-right:6px;
    padding:1px;
    vertical-align:middle;
    visibility:visible;
}
form ul li input {width:auto;}
form ul li label {display:inline; float:none; width:auto;}
form ul {margin-bottom:0;}

button {
    background-color:#dee7ec;
    border:1px solid #8cacbb;
    color:#000000;
    cursor:pointer;
    font-family:"Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-size:90%;
    padding:1px;
    text-transform:none;    
    vertical-align:middle;
    visibility:visible;
}


/* Code to work around IE's lacking support of sub-elements of the input element */
.noborder,
.documentEditable * .noborder {
    background:none;
    background-color:transparent;
    border:none;
    margin-right:4px;
}

input[type=checkbox] {
    background:none;
    background-color:transparent;
    border:none;
    margin-right:4px;
}


select {vertical-align:top;}
form {border:none; margin:0;}
fieldset {
    border:1px solid #8cacbb;
    margin:1em 0;
    padding:0 1em 1em;
    line-height:1.5em;
    width:auto;
}
legend {background:#ffffff; padding:0.5em; font-size:90%;}
label {display:inline; font-weight:bold;}
optgroup {font-style:normal; font-weight:bold; color:#999; padding-left:0.25em;}
option {color:#000000;}
optgroup > option {padding:0 0.25em 0 1em;}
dl.enableFormTabbing dd {margin-left:0; padding-top:2em;}

/* login */
#login-form {width:30em; margin:0 auto;}
#login-form .field {clear:none;}
#login-form input {font-size:150%;}
#login-form input.context {
    padding:1px 10px 1px 20px;
    background-position:9px 5px;
    margin-bottom:1em;
}
#forgotten-password {float:right; width:35%; margin:0 1em;}

/* Buttons */
form input.context,
form input.destructive,
form input.standalone,
form input.searchButton {
	border:1px solid #8CACBB;
	color:#000000;
	cursor:pointer;
	font-size:90%;
	height:auto;
	padding:1px 1px 1px 15px;
	text-transform:none;	
}
form input.context {
	background:transparent url("/static/plone/images/linkTransparent.gif") no-repeat scroll 9px 1px;
}
form input.standalone,
form input.destructive {
	background:#DEE7EC url("/static/plone/images/linkOpaque.gif") no-repeat scroll 9px 1px;
}
form input.searchButton {
	background:url("/static/plone/images/search_icon.gif") no-repeat scroll 2px 1px White;
	padding:1px 1px 1px 19px;
}


#searchGadget {border: 1px solid #8cacbb;}
.searchSection {color:#76797c; margin-top:0.25em;}
.searchSection label:hover {color:#000000;}

/* The edit form elements */
.field {top:0; left:0; margin:0 1em 1em 0; clear:both;}
.field .field {margin:0;}
.fieldRequired {
    background:url(/static/plone/images/required.gif) center left no-repeat;
    padding:0 0 0 8px;
    color:White;
}
.fieldUploadFile {text-align:right; margin-right:0.75em; display:none;}
.fieldTextFormat {text-align:right; margin-right:0.75em}
.formHelp {font-size:90%; color:#76797c; margin:0 0 0.2em 0;}
.formHelp img {vertical-align:text-bottom;}
.formHelp:hover {color:Black; cursor:default;}
div.error {
    /* Class for error indication in forms */
    background-color:#fdc; 
    border:1px solid #d00;
    padding:0.5em;
    margin:0 0 1em 0;
    width:95%;
}
.error .fieldRequired {color:#d00;}

/* Styles to make the editing widgets look more like their view counterparts */
#archetypes-fieldname-title input, input#form\.title {
    font-size:160%;
    font-family:"Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-weight:normal;
    width:99%;
}
#archetypes-fieldname-description textarea, textarea#form\.description {
    font:100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-weight:bold;
}
input.inputLabelActive {color:#76797c;}
textarea#form\.description {height:6em; width:99%;}

tr.selected {background-color:#ffa;}

.kupu-save-message {
  color:white;
  font-weight:bold;
  background-color:red;
  padding:0.3em;
  position:fixed;
  top:0;
  right:0;
  z-index:999;
}


/* user profile update edit form hacks */
label[for="profile-widgets-member-novalue"],
label[for="profile-widgets-country-novalue"] {display:none !important;}

/*
div#profile-widgets-member-autocomplete,
div#profile-widgets-member-autocomplete div,
div#profile-widgets-country-autocomplete,
div#profile-widgets-country-autocomplete div {
    display:inline;
}
*/

input.submit-widget {width:auto !important;}

/*
form > * input:focus,
form > * textarea:focus {border-color:#ffa500; border-width:1px;}
*/

/* Groups */
.groups .account-box form ul li label {width:100px;}
.groups fieldset {border:none; margin:0; padding:0 0 20px 0;}
.groups legend {padding:0;}
.groups form ul li {float:left;}
.groups form ul li label {display:block; float:left; font-weight:normal; width:180px;}
.groups input {margin-right:0; padding:1px 0 1px 3px;}
.groups input.radio-widget, .groups input.choice-field {border:none;}
.groups div.error {clear:both;}
#profile-widgets-member-autocomplete, 
#profile-widgets-country-autocomplete {float:left; width:420px;}
#profile-widgets-member-autocomplete .choice-field,
#profile-widgets-country-autocomplete .choice-field {
	float:left;
	margin:5px 5px 0 0;
	width:auto;
}
.groups .article form ul li.submit input {margin-left:180px;}
.groups .article form ul li span.option input {width:auto;}
.groups .notification form ul li.submit input {margin-left:0;}

/* To fix the li on admin tab */
.groups #admin form ul li {float:none; margin:0px;}