/**
 * The best way to see phpMyEdit style classes is to use
 * Firefox's Web Developer Toolbar / CSS / View Style Information
 * More than 75 style classes are applied to to various HTML elements.
 * A handful of styles below relate to the form generator and not the phpMyEdit scripts.
 **/


/* td.pme-tab-end{} */

a.pme-header-right-justify:hover,
a.pme-header:hover,
a.pme-queryinfo:hover,
a.pme-sortinfo:hover,
a.pme-header-right-justify:active,
a.pme-header-right-justify:link,
a.pme-header-right-justify:visited,
a.pme-header-right-justify:hover,
a.pme-header:active,
a.pme-header:link,
a.pme-header:visited,
a.pme-header:hover{
	font: normal 11px verdana,helvetica,arial,sans-serif;
}

a.pme-tab:active,a.pme-tab:link,a.pme-tab:visited{
	background-color: transparent;
	color: #666666;
	font: normal 11px verdana,helvetica,arial,sans-serif;
}

a.pme-tab-selected:hover{
	background-color: transparent;
	color: #ff0000;
	font: normal 11px verdana,helvetica,arial,sans-serif;
}

a.pme-tab-selected:active,a.pme-tab-selected:link,a.pme-tab-selected:visited{
	background-color: transparent;
	color: #000000;
	font: normal 11px verdana,helvetica,arial,sans-serif;
}

a.pme-sortinfo,
a.pme-queryinfo,
input.pme-add,
input.pme-first,
input.pme-prev,
input.pme-next,
input.pme-last,input.pme-cancel,
input.pme-change,
input.pme-copy,
input.pme-delete,
input.pme-goto,
input.pme-more,
input.pme-navigation-0,
input.pme-navigation-1,
input.pme-save,
input.pme-view{
	font: normal 11px verdana,helvetica,arial,sans-serif;
}

a.toggle:link,a.toggle:visited,a.toggle:hover,a.toggle:active{
	font: normal 11px verdana,helvetica,arial,sans-serif;
	text-decoration: none;
	background-color: transparent;
	color: #000000;
}

a.toggle2:link,a.toggle2:visited,a.toggle2:hover,a.toggle2:active{
	font: normal 11px verdana,helvetica,arial,sans-serif;
	text-decoration: none;
	background-color: transparent;
	color: #ff0000;
}

body{
	background-color: #ffffff;
	color: #000000;
	font: normal 11px verdana,helvetica,arial,sans-serif;
}

code{
	font: normal 11px verdana,helvetica,arial,sans-serif;
}

form{
	margin: 0px;
}

h1{ font: bold 16px arial,verdana,helvetica,sans-serif; }

h2{ font: bold 15px arial,verdana,helvetica,sans-serif; }

h3{ font: bold 14px arial,verdana,helvetica,sans-serif; }

h4{ font: bold 13px arial,verdana,helvetica,sans-serif; }

h5{ font: bold 12px arial,verdana,helvetica,sans-serif; }

hr,hr.pme-hr{
	background-color: transparent;
	color: #999999;
	height: 1px;
	margin: 10px 0px 10px 0px;
}

img{ border:none; }

img.calendar-icon{ vertical-align: bottom; }

img.pme-navigation-0,
img.pme-navigation-1{ margin-right: 5px; }

input,select,textarea{
	font: normal 11px verdana,helvetica,arial,sans-serif;
}

input.pme-filter,
input.pme-filter-right-justify{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #000000;
}

input.pme-input-0,input.pme-input-1,input.pme-input-0-right-justify,input.pme-input-1-right-justify{ font: normal 11px verdana,arial,helvetica,sans-serif; }

/* Buttons:Hide,Clear,Query buttons */
input.pme-search,
input.pme-hide,
input.pme-query,
input.pme-clear{
	font: normal 11px verdana,helvetica,arial,sans-serif;
	margin-right: 3px;
}

select.pme-filter,select.pme-filter-right-justify{
	margin-right: 5px;
}

table.pme-main{
	background-color: transparent;
	border-collapse: collapse;
	color: #000000;
	margin: 5px 0px;
}

table.pme-navigation{
	background-color: transparent;
	border-collapse: collapse;
	border-collapse: collapse;
	margin: 10px 0px 10px 0px;
	text-align: center;
}

table.white{
	background-color: #FFFFFF;
	color: #000000;
}
table.pme-tab{ border-collapse: collapse; margin: 10px 0px 10px 5px; }

td{
	font: normal 11px verdana,helvetica,arial,sans-serif;
}

td.pme-buttons{ padding: 2px; }

/* border-bottom for List mode */
td.pme-cell-0-right-justify,
td.pme-cell-0,
td.pme-cell-1-right-justify,
td.pme-cell-1{ border-bottom: 1px solid #CCCCCC; padding: 5px; }

td.pme-filter-right-justify{ text-align: right; white-space: nowrap; }

td.pme-filter-right-justify,
td.pme-filter{
	border-bottom: 1px solid #CCCCCC;
	padding: 5px;
	white-space: nowrap;
}

/* Edit/View modes */
td.pme-key-0-right-justify,
td.pme-key-0,
td.pme-key-1-right-justify,
td.pme-key-1,
td.pme-value-0-right-justify,
td.pme-value-0,
td.pme-value-1-right-justify,
td.pme-value-1{ padding: 5px; }

td.pme-message,
td.pme-stats,
p.pme-message{
	background-color: transparent;
	color: #008000;
	font: normal 11px verdana,helvetica,arial,sans-serif;
	margin-left: 3px;
	padding: 3px;
	vertical-align: middle;
}

td.pme-navigation-0,
td.pme-navigation-1{
	border-bottom: 1px solid #CCCCCC;
	padding: 5px;
	white-space: nowrap;
}

td.pme-queryinfo,
td.pme-sortinfo{
	border-bottom: 1px solid #CCCCCC;
	color: #888888;
	font: normal 11px verdana,helvetica,arial,sans-serif;
	padding: 5px;
}

td.pme-tab{
	background-color: #f0f0f0;
	border: 1px solid #999999;
	color: #000000;
	padding: 2px 5px;
}

td.pme-tab-selected{
	background-color: #ccffcc;
	border: 1px solid #000000;
	color: #000000;
	padding: 2px 5px;
}

th.pme-header,th.pme-header-right-justify{
	padding: 5px;
	text-align: left;
	/* white-space: nowrap; */
}

tr{ vertical-align: top; }

tr.pme-header{
	/* List mode row 1 */
	background-color: #f0f8ff;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	vertical-align: middle;
}

tr.pme-filter{ /* List mode row 2 */ background-color: #f0f8ff; }

tr.pme-sortinfo{ /* List mode row 3 */ background-color: #f0f8ff; }

tr.pme-tab{
	height: 19px;
	line-height: 100%;
	vertical-align: middle;
}
tr.pme-row-0{
   background: #ffffff;
   color: #000000;
}

tr.pme-row-1{
   background: #F5F5F5;
   color: #000000;
} 

/*
.pme-query,.pme-clear,.pme-hide,.pme-search{
	font: normal 11px verdana,helvetica,arial,sans-serif;
}
*/

.pme-add,
.pme-buttons,
.pme-cancel,
.pme-cell-0,
.pme-cell-1,
.pme-change,
.pme-copy,
.pme-delete,
.pme-filter-right-justify,
.pme-filter,
.pme-first,
.pme-form,
.pme-goto,
.pme-header-right-justify,
.pme-header,
.pme-help-0-right-justify,
.pme-help-0,
.pme-help-1-right-justify,
.pme-help-1,
.pme-input-0-right-justify,
.pme-input-0,
.pme-input-1-right-justify,
.pme-input-1,
.pme-key-0-right-justify,
.pme-key-0,
.pme-key-1-right-justify,
.pme-key-1,
.pme-last,
.pme-main,
.pme-message,
.pme-more,
.pme-navigation-0,
.pme-navigation-1,
.pme-navigation,
.pme-next,
.pme-prev,
.pme-queryinfo,
.pme-row-0-right-justify,
.pme-row-0,
.pme-row-1-right-justify,
.pme-row-1,
.pme-save,
.pme-sortinfo,
.pme-stats,
.pme-value-0-right-justify,
.pme-value-0,
.pme-value-1-right-justify,
.pme-value-1,
.pme-view{
	font: normal 11px verdana,helvetica,arial,sans-serif;
}

.pme-header-right-justify,
.pme-cell-0-right-justify,
.pme-cell-1-right-justify{
	font: normal 11px verdana,helvetica,arial,sans-serif;
	text-align: right;
}

.red{ background-color: transparent; color: #ff0000; }

div.drop{
/*
	background-image: url("../images/drop.gif");
*/
	background-image: url("drop.gif");
	background-repeat: repeat-x;
	border-top:1px solid #999999;
	height: 15px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 1000px;
}

.smalllink {
	font-size: 80%;
	}

.smalltext {
	font-size: 80%;
	}

.notice {
	border: 1px solid red;
	font-size: 90%;
	width: 300px;
	padding: 3px;
	}


/***********************
* Alignment Style for Javascript Menu
***********************/
.container {
   position: relative;
   height: 50px;
   }

.left-element {
   position: absolute;
   left: 0;
   width: 50%;
   }

.right-element {
   position: absolute;
   right: 0;
   width: 50%;
   text-align: right; /* depends on element width */
   } 

/***********************
* Javascript Menu Styles
***********************/
/* Top Level Menu Styles */
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	padding-right: 25px;
/*
	border-bottom: 1px solid #DDDDDD;
*/
	float: left;
	font: 12px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
/*
	width: 80px;
*/
	background: #FFF;
	color: blue;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: none}

#sddm li a:active
{	background: none;
	color: black;
	text-decoration: none}

/* Drop Down Menu Styles */

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #FFF;
/*
		color: #2875DE;
*/
		font: 12px arial}

	#sddm div a:hover
	{	background: #36C;
		text-decoration: underline;
		color: #FFF}