/* general.css
/* (C) 2004 Digitpaint Flurin Egger. All Rights Reserved.
/*   http://www.digitpaint.nl/

/* Purpose:  */

body{
	font-family: verdana, helvetica, arial, lucida;
  text-align: center;
  background: #fff;
  font-size: 11px;
}

#application,
#mini-application,
#footer,
#simple-application{
	width: 90%;
	min-width: 750px;
  min-height: 500px;
	margin-left: auto;
	margin-right: auto;
  text-align: left;
  background: #ffffff;
  border: 1px solid #C0C0C0;
  position: relative;
}

#mini-application{
	width: 350px;
	min-width: 0px;
  min-height: 0px;
  margin-top: 200px;
}

#mini-application #header{
  height: 30px;
  border-bottom: 5px solid #000;
}

#mini-application #content{
  margin: 30px;
}

#popup-application #content{
  margin: 10px;
  text-align: left;
}


#logo{
  position: absolute;
  left: 10px;
  font-size: 12px;
}

#logo,
.logo{
  font-weight: bold;
  color: #72BE1E;
	background: transparent;
}

#logo em{
  background: none;
  color: white;
}

#footer{
  clear: both;
  min-height: 0px;
  font-size: 9px;
  color: #666;
  text-align: right;
  border: none;
	margin-top: 2px;
}

#footer a{
	color:  #666;
}

#top{
  height: 25px;
  background: url(/images/backgrounds/top.gif) #000 top left repeat-x;
  text-align: right;
  line-height: 25px;
  vertical-align: middle;
  font-size: 9px;
  padding: 0px 6px 0px 6px;
  color: #fff;
}

#top a{
  color: #fff;
}

#popup-application #top{
  text-align: left;
}
#popup-application #top h1{
  font-size: 120%;
}
#header{
  height: 65px;
  background: url(/images/backgrounds/header.gif) #F8C410 top left repeat-x;
}

#primary-nav{
  padding: 41px 0px 0px 30px;
}
#secondary-nav{
  height: 22px;
  clear: both;
  padding: 5px 0px 3px 50px;
  background: #f2f2f2;
  color: #fff;
  border-bottom: 1px solid #c0c0c0;
}

#simple-application #header{
  height: 70px;
  padding-top: 1px;
}

#simple-application #secondary-nav{
  margin-top: 40px;
  padding: 5px 0px 3px 40px;
}

#primary-nav li,
#primary-nav li a,
#secondary-nav li,
#secondary-nav li a,
#tertiary-nav li,
#tertiary-nav li a{
  float: left;
}

#tertiary-nav.list li,
#tertiary-nav.list li a{
	float: none;
}

#primary-nav li a{
  color: #598B1C;
  font-weight: bold;
  text-decoration: none;
  height: 15px;
  padding: 5px 15px 2px 15px;
  margin-right: 5px;
  background: url(/images/backgrounds/menu-inactive.gif) top left repeat-x;
  border-top: 1px solid #84C437;
}

#primary-nav li a:hover{
  color: #000;
}

#primary-nav li a.active{
  color: #000;
  background: url(/images/backgrounds/menu-active.gif) #F2F2F2 top left repeat-x;
  border-top: 1px solid #84C437;
}


#secondary-nav li a{
  color: #666;
  text-decoration: none;
  line-height: 22px;
  margin-right: 15px;
  vertical-align: middle;
}

#secondary-nav li a:hover{
  text-decoration: underline;
}

#secondary-nav li a.active,
#tertiary-nav li a.active{
  font-weight: bold;
  color: #444;
}

#tertiary-nav{
  margin-bottom: 10px;
  position: relative;
}

#tertiary-nav li{
  background: url(/images/backgrounds/top.gif) #000 top left repeat-x;
  margin-bottom: 10px;
}

#tertiary-nav.list{
	border-top: 1px solid #bbb;
	background: url(/images/backgrounds/simple-gray.gif) #eee top left repeat-x;
	padding: 10px 5px;
}

#tertiary-nav.list li{
	background: none;
  margin: 0px;
}

#tertiary-nav.list li a{
	color: #666;
}

#tertiary-nav li a{
  margin: 2px 8px 4px 7px;
  color: #fff;
  margin-right: 15px;
  vertical-align: middle;
}

#content{
  clear:both;
  margin: 50px 30px 30px 30px;
}

/* ========================= */
/* Tags & general            */
/* ========================= */

a,
a:link,
a:visited,
a:hover,
a:active{
  color: #00f;
  text-decoration: underline;
}

h1{
  font-size: 18px;
  margin-bottom: 5px;
}

h1 span{
  display:block;
  font-size: 50%;
}

h2,p{
  margin-bottom: 5px;
  margin-top: 1em;
}

h2,h3{
  font-size: 14px;
}

em{
  font-style: normal;
  background: #FEFFAC;
}

.right{
  text-align: right;
}
.left{
  text-align: left;
}

a.cancel{
	color: #f00;
	text-decoration: none;
}

label{
  font-weight: bold;
  font-size: 12px;
}

/* ========================= */
/* Flashes                   */
/* ========================= */

.form-error{
	display: inline;
	color: #800;
}

h2 .form-error{
	display: block;
}

.fieldWithErrors{
	display: inline;
}
.fieldWithErrors input{
	border: 1px solid red;
}

div.notice,
div.error,
div.success,
div.tab-error,
div.tab-success,
div.tab-notice{
  padding: 5px 8px;
  margin: 10px 0px;
  color: #ffffff;
  font-weight: bold;
  clear: both;
  position: relative;
}

div.notice ul,
div.error ul,
div.success ul
div.tab-notice ul,
div.tab-error ul,
div.tab-success ul{
  font-weight: normal;
  margin: .5em 0em;
  padding-left: 2em;
  list-style: disc outside;
}

div.notice,
div.tab-notice{
  background: url(/images/backgrounds/flash-notice.jpg) #ffffba bottom left repeat-x;
  border: 1px solid #EDD900;
  font-weight: normal;
  color: #000000;
}

div.error,
div.tab-error{
  background: url(/images/backgrounds/flash-error.jpg) #e40000 bottom left repeat-x;
  border: 1px solid #7B0000;
}

div.success,
div.tab-success{
  background: url(/images/backgrounds/flash-success.jpg) #36b047 bottom left repeat-x;
  border: 1px solid #184F20;
}


/* ========================= */
/* Tasks                     */
/* ========================= */

dl.tasks dt{
  margin: .5em 0 .25em 0;
  font-weight: bold;
}

dl.tasks dd{
  margin: 0 0 2em 0;
}

a.toggle{
  display: block;
  margin: 5px 0px;
}

/* ========================= */
/* Forms                     */
/* ========================= */

.submit{
	background: #BDE18E;
	border: 1px solid #5D8327;
	padding: 7px;
	margin-top: 1em;
}


.slide {
	position:absolute;
	left: 0;
	width: 76%;
	margin: 0 0 0 10%;
	background: #fff;
	border: 1px solid black;
	border-top: none;
}

input,
textarea{
	padding: 2px;
}

input.check{
	display:inline;
	width: auto;
}

form{
	width:  78%;
}

form h2,
form h3,
form h4{
  margin-top: 2em;
}

form h2{
	border-bottom: 2px solid #CBE3A5;
	margin-bottom: .5em;
}

dl dt,
dl dd{
  display: block;
  float: none;
  line-height: 1;
  width: auto;
  margin: 0;
  padding: 0;
}

form dl dd{
  margin-bottom: 5px;
}

dl dd{
  margin-bottom: 10px;
}

form table td label,
form dl dt label,
dl dt{
  display: block;
  color: #999;
  font-size: 90%;
  font-weight: normal;
  margin-bottom: 2px;
  padding: 0;
}

form dl dt label{
  font-size: 100%;
}

form table td,
form table th{
	padding-top: 0.75em;
}

form table td input,
dl dd input,
dl dd textarea{
  width: 97%;
}

form dl h3 input{
  font-size: 120%;
  font-weight: bold;
}

form dl.no-span dd input{
  width: auto;
}

label.normal,
dd label.normal{
	font-weight: normal;
	font-size: 100%;
	color: #000;
	display: inline;
}

label.normal input,
input.normal{
	width: auto;
}

.save-bar{
	width: 48%;
	margin-top: 2em;
	padding: 1%;
	border-top: 1px solid #bbb;
	background: #f2f2f2;
}

.save-bar-small{
	width: 50%;
	margin: 1em 0;
	padding: 0;
}
.save-bar-small input{
	float: right;
}

.save-bar:after,
.save-bar-small:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.save-bar,
.save-bar-small {display: inline-table;}

/* Hides from IE-mac \*/
* html .save-bar {height: 1%;}
.save-bar {display: block;}
* html .save-bar-small {height: 1%;}
.save-bar-small {display: block;}

/* End hide from IE-mac */

/* ========================= */
/* Forms - two col DL        */
/* ========================= */


dl.two-col{
	padding-top: 0.5em;
	width: 50%;
}

dl.two-col dt{
	font-size: 100%;
	color: black;
	float: left;
	width: 15em;
	line-height: 1.2em;
	vertical-align: middle;
	clear: left;
}
dl.two-col dd{
	padding: 0;
	margin-left: 15em;
}

/* ========================= */
/* Search                    */
/* ========================= */

form.search{
  padding: 7px;
  margin-top: 10px;
  background: #EAEAEA;
  border: 1px solid #ccc;
  float: right;
}

form.search label{
  margin-right: 1em;
}

form.search input{
  margin-right: .5em;
  vertical-align: middle;
}

/* ========================= */
/* Tabs                      */
/* ========================= */

div.tabs,
div.fulltabs{
  float:right;
  width: 48%;
  margin-top: 0em;
}

div.fulltabs{
	width: 100%;
	float: none;
	margin-top: 2em;
}

div.tabs ul.nav li a{
  float: right;
}

div.fulltabs ul.nav{
	background: #f00;
}

div.fulltabs ul.nav li a,
div.fulltabs ul.nav li{
	float: left;
}

div.tabs ul.nav li a.active,
div.fulltabs ul.nav li a.active{
   color: #000;
   background: url(/images/backgrounds/menu-inactive.gif) top left repeat-x;
   border-top: 1px solid #84C437;
 }

div.tabs ul.nav li a,
div.fulltabs ul.nav li a{
  color: #666;
  text-decoration: none;
  height: 12px;
  padding: 1px 10px 2px 10px;
  margin-left: 2px;
  margin-right: 5px;
  background: #f2f2f2;
  border-top: 1px solid #fafafa;
}

div.tabs #window,
div.fulltabs #window{
  clear: both;
  border-top: 1px solid #CBE3A5;
  padding: 10px;
  background: url(/images/backgrounds/window-top.gif) top left repeat-x;
  overflow: auto;
  width: 100%;
  height: 400px;
}
div.fulltabs #window{
	height: auto;
}

/* ========================= */
/* Info                      */
/* ========================= */

#info{
  position:absolute;
  min-width: 300px;
  background: url(/images/admin/backgrounds/simple-white.gif) #fff top left repeat-x;
  border: 3px solid #ccc;
  top: 20px;
}

#info dl{
  width: 100%;
  float: none;
  margin: 10px;
}

/* ========================= */
/* Tree listing							 */
/* ========================= */


ul.tree{
  margin: 15px 0px 0px 13px;
}

ul.tree, ul.tree ul{
  background: url(/images/admin/backgrounds/tree_straight.gif) #fff top left repeat-y;
  padding-left: 1px;
}


ul.tree li{
  display: block;
  line-height: 16px;
  vertical-align: middle;
  background: white;
  margin-left: 1px;
  padding-left: 12px;
  background: url(/images/admin/backgrounds/tree_tee.gif) #fff top left no-repeat;
}

ul.tree li:last-child{
  background: url(/images/admin/backgrounds/tree_end.gif) #fff top left no-repeat;
  margin-left: -1px;
  padding-left: 13px;

}

ul.tree li ul{
  margin-left: -1px;
}


ul.tree li,
ul.tree li.unpublished li,
ul.tree li.hidden li,
ul.tree li.undefined li{
  color: #000;
  font-weight: bold;
}

ul.tree li.unpublished,
ul.tree li li.unpublished{
  color: #a00;
}

ul.tree li.hidden,
ul.tree li li.hidden{
  color: #000;
}

ul.tree li.undefined,
ul.tree li li.undefined{
  color: #aaa;
}

span.title{
  font-style: italic;
  color: #888;
  font-weight: normal;
}

/******************
 * Statistics
/******************/

h3.statistics{
  background: url(/images/backgrounds/top.gif) #000 top left repeat-x;
	color: #fff;
	font-size: 120%;
	text-align: left;
	padding: 10px;
}

#range{
  background: url(/images/backgrounds/simple-white.gif) #fff top left repeat-x;
	padding: 5px 10px;
}


.button-to,
.button-to div,
.button-to input{
	display: inline;
	vertical-align:  top;
}


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

.settings{
  padding: 10px;
  width: 200px;
  float: right;
  background: #f5f5f5;
  margin-bottom: 1em;
}
.settings select{
  width: 100%;
}


/******************
 * Inline-help
/******************/

div.inline-help{
	color:  #444;
	margin-top:  20px;
}

div.inline-help h3{
	font-size: 100%;
	margin-bottom:  0;
}

div.inline-help p{
	margin-top:  0;

}

div.quote{
	padding: 1px 10px 10px 10px;
	margin: 1em 0;
	background: #f6f6f6;
}

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

form h3{
	width:  100%;
}
.setting dl{
	margin:  0;
	width:  100%;
}
.setting dl dt{
	margin-top:  4px;
	margin-right: 1em;
	width:  10em;
	text-align: right;
}
.setting dl dd{
	margin-left:  10em;
	float: none;
}
.setting dl input{
	width:  auto;
}
.setting label,
.setting dl dt label{
	color: #666;
	display: block;
	font-weight:  bold;
}
.setting label.mandatory{
	color: #000;
}
.setting label.error{
	color:  #f00;
}
.setting label{
	font-weight:  normal;
}
p.intro{
	color:  #444;
}
.setting{
	padding: 10px;
	margin: 5px 0;
	background: #f6f6f6;
}


/******************
 * Relations listing
/******************/

dl.relations{
	width: 100%;
}

dl.relations dt{
	font-weight: bold;
	padding-bottom:  2px;
	border-bottom: 1px solid #aaa;
	font-size: 120%;
	color: #000;
	padding-top: 1em;
	clear: both;
	margin-bottom: 0;
}

dl.relations dt a{
	color: #2250D0;
	color: #1E47B8;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 2px 0 4px 15px;
}

dl.relations dt.person a{
	background-image: url(/images/mini_icons2/person.gif);
}
dl.relations dt.organization a{
	background-image: url(/images/mini_icons2/index_card.gif);
}



dl.relations dt span{
	float: right;
	font-weight: normal;
}

dd.people{
	margin-top: 0;
	padding-top: 5px;
	padding-right: 5px;
	background: url(/images/backgrounds/simple-white.gif) 0 -7px repeat-x;
}

dd.people:after{
	content: ".";
	height: 1px;
	overflow:  hidden;
	visibility: hidden;
	display: block;
	clear: both;
}

dd.people dl{
	width: 20%;
	float: right;
	font-size: 90%;
	background: #fff;
	border: 1px solid #eaeaea;
	margin: 3px;
	padding: 5px;
	min-height: 4em;
	color:  #666;
}

dd.people dl dt{
	padding:  0;
	border-bottom:  none;
	margin-bottom: 3px;
	background: none;
	color:  #666;
}
dd.people dl dd{
	margin: 0;
}
dd.people dl dd a{
	display: block;
}

#people a{
	color: #55f;
}

#people td.edit a{
	visibility : hidden;
}
#people tr.hover td.edit a,
#people tr:hover td.edit a{
	visibility: visible;
}
#people tr.even td,#people tr.even th{
	background: #f6f6f6;
}
#person-edit{
	background: #ccc;
	padding: 10px;
	margin: 0;
	width: auto;
}
#person-edit form{
	width: auto;
}
#person-edit h2{
	margin-top: 0;
	color: #000;
	border: 0;
	padding: 0;
}

#naw{
	width: 35%; float: left; margin:0;
}
#people{
	margin: 0;
	border-left: 6px solid #fff;
	overflow: auto;
	padding: 0;
	width: 64%;
}
#people table{
	clear: none;
	margin-top: 0;
}

#people table thead th{
	font-size:  120%;
}
#people table tbody th,
#people table td{
	color:  #666;
	border-bottom: 1px solid #eaeaea;
}
#people table td{
	text-align:  right;
}

#people table thead th.mobile,
#people table thead th.phone,
#people table thead th.email{
	text-align: right;
	font-size: 100%;
	color:  #666;
	vertical-align: bottom;
}
#people.editing{
	background: #ccc;
}

/******************
 * Tools
/******************/

.tools a,
a.edit,
a.add-person,
a.mail,
a.delete{
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 2px 0 4px 15px;
	vertical-align: middle;
	display: block;
	margin: 2px 0;
	text-decoration: none;
	margin-right: 10px;
	float: left;
}

.tools a.delete{
	background-image: url(/images/mini_icons2/trash.gif);
	color: #d00;
}
.tools a.clone{
	background-image: url(/images/mini_icons2/copy.gif);
}

/******************
 * Links
/******************/

a.edit{ background-image: url(/images/mini_icons2/field_input.gif);}
a.add-person{ background-image: url(/images/mini_icons2/person.gif);}
a.mail{ background-image: url(/images/mini_icons2/mail.gif);}
a.delete{ background-image: url(/images/mini_icons2/trash.gif);}


/******************
 * Live Search
/******************/

#search-results .results .listing{
	margin: 0;
	margin: 5px 0;
}
#search-results .results .listing td{
	border-bottom: 1px solid #dfdfdf;
	padding: 5px 2px;
	background:none;
}

#search-results .results .listing tr:last-child td{
	border-bottom: none;
}

#search-results .results tr.row-hover td,
#search-results .results tr.focus td{
	background: #444;
	color: #fff;
}

#search-results .results .listing tr td:first-child{
	padding-left: 8px;
}
#search-results .results .listing tr td:last-child{
	padding-right: 8px;
}

#secondary-nav{
	position:relative;
}
#search{
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
}
#search input{
	width: 153px;
	border: 1px solid #aaa;
	background: url(/images/mini_icons2/magnify.gif) #fafafa 5px 50% no-repeat;
	padding: 1px 5px 1px 22px;
	color: #999;
	float: none;
}
#search-box.active input{
	color: #444;
}
#search-box{
	padding: 5px 10px 0 10px;
	height: 30px;
}
#search-results h3{
	margin: 0;
	padding: 0;
	width: auto;
	color: #fff;
	font-size: 100%;
	padding: 5px;
}
#search-box.active ,#search-results h3{
	background: #000000 url(/images/backgrounds/top.gif) repeat-x scroll left top;
}
#search-results .results{
	background: #EEEEEE url(/images/backgrounds/simple-gray.gif) repeat-x scroll left top;
}

#search-results{
	right: -10px;
	color: #000;
	position: absolute;
	width: 550px;
	top: 30px;
	padding: 0px 10px 20px 20px;
	background: url(/images/backgrounds/search.png) no-repeat bottom left;
}

#search-results .close{
	float: right;
	text-indent: -10000px;
	width: 15px;
	height: 15px;
	margin: 0;
	background: transparent url(/images/icons/close.png) 0 0 no-repeat;
}