/* @override http://localhost:8000/static/css/addressdb.css */

/* Erik Stein <code@classlibrary.net>, 08/2008 */

/* @group django-admin overrides */

ul li { list-style-type: inherit; }

.column li, dt, dd {
    font-size: inherit;
    line-height: inherit;
}

ul.fieldset,
dl.fieldset {
    font-size: 0.916em;
}

#header {
    color: lightsteelblue;
}

/* @end */


.form-row.lists li {
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}

.form-row.lists li label {
	width: inherit;
	font-size: 100%;
}

.ui-tabs-panel {
    min-height: 340px;
}

#meta-actions {
	border-top: 1px solid #eeeeee;
	padding: 1em;
    text-align: right;
}

/* Layout */

.left-column { width: 45%; float: left; margin-right: 1em; }
.right-column { width: 45%; float: right; }
.clear { clear: both; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* Semantical */

.important { color: red; }

h5 {
    margin-top: 2em;
}

h6 {
    font-size: 10px;
    margin: 1.5em 0 .5em 0;
    color: #666;
}

ul {
    padding-left: 0;
}

ul.horizontal {
    margin: 0;
	padding: 0;
    white-space: nowrap;
}

ul.horizontal li {
    list-style-type: none;
    display: block;
    float: left;
    padding: 0 0.2em;
}

ul.horizontal li.selected {
    background-color: #c7dbe6;
}

#mainnav {
    margin: 4px 0 12px 0;
	padding: 4px 4px 0px 16px;
	height: 12px;
}

/* @group simple search */

#simple-search {
	/*border: 2px solid gray;*/
	margin: -6px 6px 0 6px;
    margin-top: -6px;
}

#simple-search form {
    margin: 0;
    padding: 0;
}

#simple-search form input[type=submit] {
    padding: 2px;
}

#simple-search input[type=submit].addlink {
	border: none;
	margin-left: 8px;
    padding: 0 0 0 14px;
    background: url(/static/admin/img/admin/icon_addlink.gif) 0 .2em no-repeat;
}


/* @end */

/* @group Workingfolder Tools */

#workingfolder-tools form label { font-size: inherit; }
#workingfolder-tools form * { float: none; }
#workingfolder-tools form input[type=text],
#workingfolder-tools form input[type=select] {
     width: 120px;
}
#workingfolder-tools.selected {
    background-color: lightgoldenrodyellow;
}

/* @end */

/* @group help */

.help { display: none; }

/* @end */

.label, 
form label {
    font-size: 0.833em;
	color: slategrey;
}

dt.label, form .form-field > label {
    float: left;
    width: 102px;
    clear: left;
}

dd {
    line-height: 14pt;
    margin-left: 102px;
}

.dispatch-email {font-weight:bold;}

.kontext {
	font-weight:normal; color: rgb(112, 128, 144); font-size: 0.833em;
}

.notes p {
    width: 34em;
    font-size: 0.933em;
}

/* @group buttons */

.fg-button {
	outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1;
}
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
/* a.fg-button { float:left; } remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; } /* solo icon buttons must have block properties for the text-indent to work */
.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, .fg-buttonset-multi .fg-button { margin-right: -1px;}
.fg-toolbar { padding: .5em; margin: 0; }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em; }

/* @end */

/* @group asyncforms */

.async-object p {
	margin-bottom: 0.5em;
}

.async-object form {
    padding: 0.8em;
    background-color: #e6e6e6;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 0.5em;
}

.async-object p label {
	line-height: 14pt;
}

.async-object form input, 
.async-object form textarea, 
.async-object form select,
.async-object form ul {
	display: block;
    margin-left: 25%;
}

.async-object form label { margin-top: 4px;}

.async-object form .form-field.required label { margin-top: 5px;}

.async-object form input[type=text], 
.async-object form textarea {
    width: 70%;
}

.async-object form ul li { margin-left: 20px; width: 90%; }
.async-object form ul li label {
	margin-left: 8px;
}
.async-object form ul li label input { float: left; margin: 0; }



.async-object form button {
    margin: 1em 0 0 1em;
    min-width: 6em;
}

.async-add-button {
	font-size: 0.933em;
	color: #7ca0c7 !important;
	border: none !important;
}

.edit-button, .delete-button {
    float: right;
    margin: 0 !important;
	padding: 0 0 0 12px;
    border: none !important;
    font-size: 0.833em;
    text-transform: none;

	/*width: 16px !important;
    margin: 0 !important;
    */
}

.delete-button.ui-state-error {
  	padding: 0;
}

.delete-button.ui-state-error span {
    background-color: white !important;
}

/*button.async-add-button:hover { background-image: none; background-color: #999 !important; color: white; }
button.async-add-button:hover .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png) !important; }*/

/* @end */

input[type=hidden],
form input[type=hidden]
 { display: none; border: none; }

.form-field.required label { font-weight: bold; }
.form-field.required input,
.form-field.required select { 
	border: 2px solid #aaa; 
	margin-bottom: 6px;
}

.async-object .form-field.checkbox input {display:inline;}
.form-field.checkbox label {float:none;margin-left:4px;clear:none;}

/* @group #new-contact-form */

#new-contact-form {
    padding: 1em;
}

#new-contact-form .form-field {
	position: relative;
	min-height: 24px;
}

#new-contact-form label {
	position: absolute;
	top: 8px;
}

#new-contact-form .form-field input, 
#new-contact-form .form-field textarea, 
#new-contact-form .form-field select {
	position: absolute;
	left: 200px;
}
#new-contact-form .form-field textarea {
    height: 80px;
}
#new-contact-form .form-field ul.errorlist {
	position: absolute;
    width: 240px;
    left: 500px;
}

#new-contact-form .form-field ul.errorlist li {
    font-size: 10px !important;
    color: red;
    background-color: inherit;
    border: none;
}

#new-contact-form .submit-line {
 	background-color: lightblue;
    clear: both;
  	padding: 8px;
    height: 24px;
    text-align: right;
}

#new-contact-form #field_notes {
    height: 144px;
}

/* @end */

/* @group Form Lists */

.async-object form ul {
	margin-left: 20%;
}

.async-object form ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

table.filter-rules {
    margin-left: 16px;
}

.filter-rules ul li, 
.async-object form ul li {
	list-style-type: none;
}

.async-object form ul li input {
}

.async-object form ul li label {
	font-size: inherit;
}


/* @end */

#membership-history th {
	min-width: 12em;
    font-size: 0.916em;
}

#membership-history td {
    text-align: right;
    white-space: nowrap;
}

#membership-history td.form-field { white-space: nowrap; }

#membership-history input[type=text] {
    text-align: right;
    width: 80px;
}

#branding {
    background: #7CA0C7 url(/static/jquery/css/ui.django-admin/images/ui-bg_highlight-soft_50_7CA0C7_1x100.png) top left repeat-y;
    color: white;
}
#branding img {
    margin: 6px 0 0 18px;
}