/**
 *
 * Client:  Random Database Admin
 * Project: DaDaBIK
 * Module:  MySQL Data Management
 * Device:  screen, handheld, projection
 * Design & Programming: Erik Pöhler, Karlsruhe, Germany
 * @see http://erikpoehler.com/
 *
 * @author Erik Poehler
 * @contact erikpoehler@gmx.de
 * @last-modified: 2010-03-06
 *
 * @uses DadaBIK Database Interfaces Konstruktor
 * @see http://dadabik.org/
 * @uses reset.css courtesy of Eric Meyer
 * @see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
 */

/*** reset.css ***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1.3;
	color: black;
	background: white;
}

ol,ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,th,td {
	text-align: left;
	font-weight: normal;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: "";
}

blockquote,q {
	quotes: "" "";
}

/*** "REGULAR" CSS ***/

#loginform {padding:15px; background:#eee; }
#loginform div.pair { margin-bottom:10px; }
#loginform label, #loginform input.text { display:block; }
#loginform label { width:120px; text-align:right; }
#loginform input.text{ margin-top:-2.8em; margin-left:130px; width:180px; padding:3px;}
input.submit:focus,
input.submit:active,
input.submit {-moz-border-radius:3px; text-align:center; color:#000; background:#fff url(../images/submit-bg.jpg) repeat-x left bottom; border:1px solid #ccc !important;  padding:2px 6px; cursor:pointer; line-height:1.2em; font-family:inherit; }
#change_table select { border:1px solid darkred; }
input.submit:hover { background:#fff url(../images/submit-bg-hover.jpg) repeat-x left bottom; border:1px solid #484848!important; color:#000; }

#loginform input.submit { margin-left:130px; text-align:left;}
input.text, textarea, select, td.test input{-moz-border-radius:3px;  padding:2px; line-height:1.2em; font-family:inherit; background:#FFF; border:1px solid #CCC;line-height:1.2em; font-family:inherit; }
input.text:active, textarea:active, select:active, td.test input:active,
input.text:focus, textarea:focus, select:focus, td.test input:focus  { border:1px solid #121212; }

body {
	font-family: Verdana, Arial, 'Lucida Grande',  Helvetica, sans-serif;
	font-size: .8em;
	background-color: #999999;
	padding: 15px;
	color: #323232;
}

/* branding */
h1 {
	height: 65px;
	line-height: 1;
	background: #c50014 url("../images/logo-dadabik.jpg") no-repeat 15px 50%;
	padding: 20px 25px 0 250px;
	color: #FFF;
	font-weight: bold;
	font-family: 'Trebuchet MS', Arial;
	font-size: 1.5em;
	text-align: right;
	vertical-align: baseline;
	border-top:2px solid #db0016;
}

h1 small {
	font-size: small;
	font-weight: normal;
	line-height: 2;
}

h3, h2 {
	font-family: 'Trebuchet MS', Arial;
	font-weight: bold;
	font-size: 1.3em;
	color: #323232;
	/*background: #DDD; */
	padding: 5px 0 5px 0;
	margin:0 25px;
}

div.footerlinks {
	padding: 10px;
	margin: 3px;
	font-size: .8em;
}

div.footerlinks a {
	color: #000;
	padding-bottom:2px;
	border-bottom:1px dotted #000;
}
div.footerlinks a:hover {text-decoration:none;}

p {
	margin: 0 0 2em 0;
}

code, pre {
	font-family:'Envy Code R', 'Consolas','Inconsolata', monospace;
}
div.sql {padding:5px 0 0 0; }
div.sql pre {
	background:#efe;
	color:#040;
	padding:5px;
	margin:5px 0;
	white-space:pre-line;
	border: 2px #484 solid;
}
a {
	color: #c50014;
	font-weight: normal;
	text-decoration: none;
	padding: 1px;
}
.success { background: #f8f8f8; color: #666; padding: 10px; margin-bottom:0; }
.success { background: #efe; color: #040; border: 1px #484 solid; padding: 10px; margin-bottom:0; }
.authorization { background: #ffe; color: #440; border: 1px #884 solid; padding: 10px; margin-bottom:0; }
.error { background: #fee; color: #400; border: 1px #844 solid; padding: 10px; margin:5px 0; }
.info { background:#eee; padding: 10px; margin:10px 0 0 0;}
.confirmation_message { background: cornsilk; color: #484848; border: 1px solid orange; padding: 10px; margin:10px 0; }
img.deletebutton,
img.editbutton,
img.detailbutton {
	padding:1px;
}
#change_table {color:#FFF; position:absolute; top:59px; left:240px;}
#change_table form {
	display:inline;
}
td.controls_2 {
	
}
a.csvlink {
	background:url(../images/download-csv.jpg) no-repeat left top;
	display:block;
	height:43px;
	width:140px;
	margin:10px auto 10px auto;
	color:#000;
	padding-top:10px;
	padding-left:50px;
	font-style:italic;
	text-decoration:none;
}
a.csvlink:hover {text-decoration:none}
a.csvlink strong {font-weight:bold; font-style:normal; text-decoration:none;}

table.main_table {position:relative;}
/*ul#mainnav {height:40px;position:absolute; top:95px;right:22px;}*/
ul.mainnav {
	margin-top:0;
	background: #ccc;
	height:26px;
	border:4px solid #ccc;
}
ul.mainnav li {height:25px;margin-right:4px;float:left}
ul.mainnav a {
	color:#000;
	text-shadow:#e5e5e5 1px 1px 0px;
	padding:4px 10px 4px 9px;
	font-weight:normal;
	margin-top:0;
	text-decoration:none;
	display:block;
	font-size:12px;
	height:17px;
	line-height:17px;
	width:auto;
	position:relative;
}
ul.mainnav a:hover span,
ul.mainnav a.active span{ display:block; width:10px;height:25px;background:url(../images/corners.jpg) no-repeat -250px 1px;position:absolute;right:0;top:0;}
ul.mainnav a:hover {
	background:url(../images/corners.jpg) no-repeat left 1px;
	font-size:12px;
	text-shadow: #81010d 1px 1px 1px;
	/* text-shadow: #81010d -1px 0px 1px; */
	height:17px;
	line-height:17px;
	color:#FFF;
}
ul.mainnav a.active {
	background:url(../images/corners.jpg) no-repeat 0 1px;
	text-shadow: #81010d 1px 1px 1px;
	color:#FFF;
}
ul.mainnav li {display:inline;}
a:hover {
	text-decoration: underline;
}

th {
	padding:4px 2px;
	background:#FFF;
}
th a {
}
td {
	padding:2px
}

select {
	
}

textarea {
	
}

hr {
	
}

/* used with subtitles ("Search for records", "Edit the record", etc.) */
h3 {
	
}

/* the main big table that contain all the page */
table.main_table {
	width: 100%;
	height: 100%;
	padding: 3px; /* doesn't work with IE, cellpadding in header */
	vertical-align: bottom;
	background: #FFF;
	border: 1px solid #808080;
}

table.main_table #dadabik_main_form {
	padding: 0 25px 25px 25px;
}

table.main_table tr.header,table.main_table tr.header td {
	position: relative;
}

a.logoutlink {
	position: absolute;
	color: #FFF;
	text-decoration: none;
	padding-bottom:2px;
	border-bottom: 1px dotted #FFF;
	left: 240px;
	top: 63px;
}

/*******************************************************/
	/************************************************ RESULTS PAGE */
	/* "n records found" message */
.n_results_found {
	color: black;
	font-weight: bold;
	text-align:center;
	display:block;
}
.n_results_found br {
	display:none;
}

/* "page n of m" sentence */
.page_n_of_m {
	color: black;
}

/* links of the navigation bar ( << < 1 2 3......) */
a.navig {
	
}

/* previous next links */
div.pager {
	text-align:center;
	margin-bottom:10px;
}
div.pager a {
	
	
}

td.td_label_details {
	width:25%;
	
	padding-right:10px;
	font-weight:normal;
}
td.td_label_details b {
	font-weight:normal;
}
td.td_value_details {
	padding-left:10px;
	background:#e5e5e5;
}

a.previous_next {
	margin:0 3px 0 3px;
	font-weight:normal;
	text-decoration: none;
	-moz-border-radius:3px;
	text-align:center;
	color:#000;
	background:#fff url(../images/submit-bg.jpg) repeat-x left bottom;
	border:1px solid #ccc !important;
	padding:2px 6px;
	cursor:pointer;
	line-height:1.2em;
}

/* current page in the navigation bar ( << < 1 2 3......) */
.navig {
	color: black;
}

/* order by links */ /* normal */
a.order_link {
	text-decoration: none;
}

/* currently selected */
a.order_link_selected {
	text-decoration: none;
}

/* the small arrow near the column head which represents currently the order by field */
.arrow {
	
}

/* results table */
table.results {
	background-color: #D0DCE0; /* used to make the table bordered */
	padding:0 25px 25px 25px;
}
table.results tbody {
	margin:0 25px 25px 25px;
}

/* result rows */
	/* results_1 and results_2 differ only for the background-color, this create the alternate row colors effect */
.tr_results_1 {
	vertical-align: top;
	white-space: nowrap;
	background-color: #EFEFEF;
}

.tr_results_2 {
	vertical-align: top;
	white-space: nowrap;
	background-color: #ffffff;
}

.tr_highlighted_onmouseover {
	/* a results table row when the mouse pointer is over it */
	vertical-align: top;
	white-space: nowrap;
	background-color: #D0DCE0;
}

.tr_highlighted_onclick { /* a results table row when the click on it */
	vertical-align: top;
	white-space: nowrap;
	background-color: #D0DCE0;
}

/* coloumn headings */
th.results {
	background-color: #EFEFEF;
	white-space: nowrap;
}

/* result cells */
	/* results_1 and results_2 differ only for the background-color, this create the alternate row colors effect */
	/*
td.results_1 {
	
	vertical-align: top;
	white-space: nowrap;
	background-color: #EFEFEF;
}
td.results_2 {
	
	vertical-align: top;
	white-space: nowrap;
	background-color: #ffffff;
}
*/ /* control (edit, delete, details) cells */
	/* results_1 and results_2 differ only for the background-color, this create the alternate row colors effect */
td.controls_1 {
	background-color: #ffffff!important;
	vertical-align:bottom;
}

td.controls_2 {
	background-color: #ffffff!important;
	vertical-align:top;
}
td.controls_1 a, td.controls_2 a {
	margin-right:4px;
	vertical-align:top;
}
td.controls_1 a img, td.controls_2 a img {
	padding:1px;
	vertical-align:top;
}

.export_to_csv {
	
}

/* "Total records: n" sentence */
.total_records {
	
}
font.total_records {
	text-align:center;
	display:block;
	margin-bottom:10px;
}

/* links of the bottom menu (insert, search, show all) */
a.bottom_menu {
	
}

/* home link */
a.home { /*background:url(../images/house.png) no-repeat 0 50%;
	padding-left:18px;*/
	
}

/* change table combo box  */
.select_change_table {
	
}

/* change table button */
.button_change_table {
	
}

/* change records per page combo box*/
.select_records_per_page {
	
}

/*******************************************************/
	/*******************************************************/
	/************************************************ FORM (insert, search and update form) */
	/* insert, save and search buttons */
.button_form {
	
}

/* rows containing insert, save and search buttons */
.tr_button_form {
	text-align: left;
}

/* rows containing the all/any in the search form */
.tr_operator_form {
	text-align: center;
}

/* the cell that contains the label in the form */
.td_label_form {
	text-align: right;
}

/* the cell that contains the input (textbox, textarea, etc) in the form */
.td_input_form {
	
}

/* the cell that contains the hint in the form */
table.main_table table {
	width: 100%;
	border-collapse: collapse;
	
}

table.main_table table tr {
	padding: 2px;
	margin: 2px;
	border-bottom:2px solid #FFFFFF;
}
table.main_table table tr tr { 
	border-bottom:0px none;
}
table.main_table table td {
	margin: 2px 0;
	
}
table.main_table table tr.odd td {
	margin: 2px 0;
	background: #fff;
}

table.main_table table table td {
	margin-bottom: 5px;
	padding: 2px;
}

.td_hint_form {
	vertical-align: middle;
	color: #484848;
	font-style: italic;
	text-align: left;
	width: 75%;
	font-size: .9em;
}

/* NULL word */
.null_word {
	font-style: italic;
}

/* error messages (e.g. "You haven't filled out some required fields...." */
.error_messages_form {
	color: red;
}

.change_table {
	margin-top: 0px;
	margin-left: 0px;
}

/************************************************ DETAIL PAGE */
	/* the cell that contains the label */
.td_label_details {
	text-align: right;
	vertical-align: top;
}

/* the cell that contains the value */
.td_value_details {
	vertical-align: top;
}

/************************************************ LOGIN FORM */
.table_login_form {
	text-align: center;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	text-align: "center";
	background-color: #fffff;
}

.tr_header_login_form {
	background-color: #aaaaaa;
	font-weight: bold;
	color: #ffffff; . input_login_form { border-width : 1px;
	border-color: #000000;
	border-style: solid;
}

/*******************************************************/
div.break {
	page-break-before: always
}

table.labels {
	width: 21cm
}

td.address {
	height: 3.4cm;
	width: 10cm;
	text-align: left;
	vertical-align: top;
	margin-top: 10px;
	margin-left: 10px;
	font-size: 14px;
}

td.marginvert {
	width: 0.5cm
}

td.marginorizz {
	height: 1.2cm
}


ul#mainnav {
	list-style:none;
}
ul#mainnav li {
	display:inline;
	float:left;
}
ul#mainnav li a {
	background:#a20010;
	color:#fff;
	font-weight:bold;
	padding:3px 10px;
}