/* 
This is an example of a module stylesheet. It is used to hold css definitions used within the module templates

The stylesheet will be used by xanthia themes assuming the tag <!--[modulestylesheet]--> is in the header of the
page templates. Other theme types will automatically make use of this as the header_footer module templates have this
tag.

A module stylesheet can be overrriden by a theme by creating a copy of the stylesheet in 
themes/<theme name>/style/<module>/style.css.

To avoid clashes with other css definitions it's best to use the module name within module class and id names

All styles in this stylesheet should be considered as examples only not recommendations of styling to be used 
within a module
*/

div.abr_regionheader {
	margin-top: 15px;
    text-align: center;
	font-weight: bold;
	font-size: medium;
    color: #990000;
}
div.abr_please {
	margin-top: 15px;
	margin-bottom: 10px;
    text-align: center;
	font-weight: bold;
}
div.abr_states {
	padding-right: 160px;
	padding-left: 160px;
	margin-top: 5px;
	margin-bottom: 10px;
    text-align: center;
}

td.abr_statefind {
	padding: 5px;
	margin: 5px;
	width: 100%;
    height: 40px;
	font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
    color: #006600;
    background-color: #FFFFDD;
}
td.abr_statetitle {
	padding-left: 5px;
	margin-left: 5px;
	width: 100%;
    height: 20px;
	font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #006600;
}

td.abr_viewlabel {
    border-top:thin solid #006600;
    border-left:thin solid #006600;
    border-right:thin solid #006600;
	padding-left: 5px;
	padding-right: 5px;
    margin-right: 5px;
	padding-top: 5px;
    vertical-align: top; 
    width:  24%;
}
td.abr_viewstory {
    border-top:thin solid #006600;
    border-right:thin solid #006600;
    vertical-align: top;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 6px;
}

div.abr_alert {
	text-align: center;
    font-size: 130%;
    color: #FF0000;
}
td.abr_piclabel {
	margin-right: 5px;
	text-align: right;
    font-size: 80%;
	width: 20%;
}
td.abr_piclabel:first-line {
	font-weight: bold;
    font-size: small;
    line-height: 2;
}
td.abr_pic {
	text-align: center;
}
td.abr_userlabel {
	margin-right: 5px;
	text-align: right;
	font-weight: bold;
	width: 20%;
}
td.abr_biolabel {
	margin-right: 8px;
	padding-right: 8px;
	text-align: right;
	font-weight: bold;
}
td.pn-useritem {
	text-align: left;
}

td.pn-usertitle {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-weight: bold;
}
td.divider {
	background-color: #666600;
	height: 1px;
}
div.pn-usersubmit {
	margin-top: 20px;
	margin-left: 50px;
}

div.abr_menu {
    margin-top: 6px;
    margin-bottom: 6px;
    text-align: center;
}

i#abr_seestate {
	font-size: x-small;
	font-weight: normal;
    letter-spacing: normal;
}
b#abr_region {
    text-transform: uppercase;
}
p.abr_nametitle {
    text-transform: uppercase;
    font-weight: bold;
    font-size: medium;
    margin-top: 0px;
    margin-bottom: -10px;
}
p.abr_namehead {
    text-align: center;
    font-weight: bold;
    font-size: large;
    margin-top: 0px;
    margin-bottom: 0px;
}
div.abr_oks {
    margin-left: 5px;
}
p.abr_disclaimer {
    font-size: 11px;
}

/* _find
*/

/*
Find interface stylesheet

This stylesheet implements a set of styles used throughout the find interface of
Zikula allowing the site findistrator to configure via standard css techniques the
presentation of the find interface.

Themers can create a theme specific version of this stylesheet by creating a copy of
the file in themes/<themename>/style/Admin/find.css. This version of stylesheet is
kept as generic as possible to avoid many potential theme clashes. Re-styling this
stylesheet requires a working knowledge of both CSS1 and CSS2.

Legacy themes support the find stylesheet by virtue of the header of these themes
being templated in the Header_Footer module.

*/

/* styles for module find menus */
div.pn-findbox div.pn-menu {
    width: 100%;
	text-align: left;
}

div.pn-findbox .pn-menuitem-title {
	width: 99%;
	background: url(../pnimages/button_bkg.gif) repeat;
    line-height: 23px;
    min-height: 23px;
    height: auto !important;
    height: 23px;
	display: block;
	padding-left: 5px;
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc;
}

/* style for Immediate template under the tab menu */
div.pn-findbox {
	width: auto;
    color: inherit;
	border-top: 0px solid #ccc; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	border-bottom: 0px solid #ccc;
	padding: 5px 1% 5px 1%; /* top, right, bottom, left */
}

/* style for Immediate template under the find menu */
div.pn-findcontainer {
	width: auto;
    color: inherit;
	margin-bottom: 1.25em;
	border-top: 0px solid #ccc; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	border-bottom: 1px solid #ccc;
	padding: 0px 1% 5px 1%; /* top, right, bottom, left */
	
}

/* container for find icons in main find panel */
div.pn-findiconcontainer {
    padding-bottom: 1.25em;
	text-align: center;
	height: 7em;
}

/* find category description */
div.pn-findcategorydescription {
    text-align: center;
	margin-bottom: 10px;
}

/* style for main find tables */
table.pn-findtable {
	width: 100%;
    color: inherit;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	margin-top: 0px;
	margin-bottom: 1em;
	padding: 5px 5px 10px 5px; /* top, right, bottom, left */
}

table.pn-findtable tr.pn-findtableempty {
	text-align: center;
    font-weight: bold;
}
	
table.pn-findtable caption {
	background-color: #f3f3f3;
	font-weight: bold;
	border-bottom: 2px solid #CFFFCF;
	text-transform: uppercase;
	padding:10px;
}

table.pn-findtable thead tr {
	background-color: #AFFFAF;
}

/* stying for the cell elements in find tables */
table.pn-findtable tbody td, table.pn-findtable thead th{
	padding: 5px;
	border-width: 0px;
}

/* style to highlight a default row in a table */
table.pn-findtable tbody tr.pn-defaulttablerow {
    background-color: #add8e6;
    color: inherit;
}

/* classes to define two colors for alternating rows in find views */
table.pn-findtable tbody tr.pn-even, div.pn-findcontainer ul li.pn-even, div.pn-findcontainer ol li.pn-even {
	background-color: #fff;
    color: inherit;
}
table.pn-findtable tbody tr.pn-odd, div.pn-findcontainer ul li.pn-odd, div.pn-findcontainer ol li.pn-odd{
	background-color: #f3f3f3;
    color: inherit;
}

/* style to add to current row when hovered over */
table.pn-findtable tbody tr:hover {
	background-color: #CFFFCF;
}

/* style for Immediate template under the find menu */
div.pn-findbox h1 {
	text-align: left;
}

div.pn-findcontainer h2 {
	text-align: left;
	border-bottom: 1px solid #cccccc;
    margin-top: 0px;
}

/* main find form style */
form.pn-findform {
	border-bottom: 1px solid #ccc;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	padding: 10px 0;
	margin: 10px 0px 10px 0px; /* top, right, bottom, left */
}
.accesskey {
	text-decoration: underline
}

/* formrow is used to style a div containing a label and control pair */
div.pn-findformrow {
	border-top: 0 solid #ccc;
	min-height: 2em;
	padding: 5px 0 10px; /* top, right/left, bottom */
	clear: both;
}

/* style for a input control contained in a div of class formrow */
/* style for a textarea control contained in a div of class formrow */
/* style for a select control contained in a div of class formrow */
/* style for a div contained in a div of class formrow - allows for grouping
of a control and subsequent non label text.
e.g. yes (radio) no (radio)*/
div.pn-findformrow input, div.pn-findformrow textarea,
div.pn-findformrow select, div.pn-findformrow label {
	margin-left: 2em;
	text-align: left;
}
div.pn-findformrow span {
	margin-left: 2.5em;
}

/* styles for lists of controls */
div.pn-findformrow ul {
    list-style: none;
}
div.pn-findformrow label + ul > li {
    margin-left: 23.9em;
}
div.pn-findformrow label + ul > li:first-child {
    margin-left: 0em;
}

/* styles to ensure that control elements inside the floated div directly above
don't themselves float*/
div.pn-findformrow div input, div.pn-findformrow div textarea,
div.pn-findformrow div select {
	float: none;
}

/* styles to allow sub headings to be embedded correctly in find forms */
form.pn-findform div h1, form.pn-findform div h2, form.pn-findform div h3,
form.pn-findform div h4, form.pn-findform div h5, form.pn-findform div h6 {
	padding: 10px;
}

/* styles for lists inside an find form */
div.pn-findformrow ul {
	padding: 0px;
    margin-top: 0px;
}
div.pn-findformrow li {
	margin-left: 25em;
}

/* add the help cursor to labels that provide additional help via the title
tag of the label */
form.pn-findform label.pn-findformhelp {
    cursor: help;
}

/* style for a label contained in a div of class formrow */
div.pn-findformrow>label {
	float: left;
	width: 23em;
	margin-left: 5px;
    padding: 0px 5px 0px 0px;
	text-align: right;
}

/* styles for the buttons on a form */
form.pn-findform div.pn-findformbuttons {
	text-align: left;
	margin-left: 15em;
}
form.pn-findform div.pn-findformbuttons input, form.pn-findform div.pn-findformbuttons img {
	margin: 5px;
}
/* styles for the buttons on a view table */
div.pn-findviewbuttons  {
	text-align: right;
	margin-bottom: 1.25em;
}
div.pn-findviewbuttons img {
	margin: 5px;
	float: right;
}

/* style the button tag */
div.pn-findcontainer button {
    border: 0px;
	padding: 0px;
	background-color: transparent;
}

/* styling for status security analyzer */
div#pn-securityanalyzer {
	border: 1px solid red;
	background: #ffffea url(../../../images/icons/large/error.gif) no-repeat 2% 2%;
	margin: 0 auto;
	font-weight: bold;
	padding: 2em 1em 1em 8em; /* top, right, bottom, left */
    width: 80%;
    min-height: 2.5em;
	margin-bottom: 1em;
}

/* styling for a page icon */
div.pn-findpageicon {
	padding: 0px 0px 10px 5px; /* top, right, bottom, left */
}
div.pn-findpageicon img{
    float: right;
	padding-top: 5px;
}

/* styling for a module icon */
div.pn-findmodicon {
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	padding: 15px 15px 5px 5px; /* top, right, bottom, left */
	
}
div.pn-findmodicon img{
    float: left;
	padding-top: 10px;
}

/* styles for the warning message shown if any of the install directory,
install.php or psak.php are found */
div.warning-container {
	margin-bottom: 10px;
	text-transform: uppercase;
	background-color: #ffffea;
    color: inherit;
	text-align: center;
	border: 1px solid red;
	padding: 10px;
}
div.warning-container ul {
    list-style-type: none;
}
div.warning-container ul li {
    line-height: 2.5em;
    padding: 0.5em 0;
}
div.warning-container ul li strong {
	color: red;
    background-color: inherit;
    font-size: 1.5em;
    font-weight: bold;
}
div.warning-container h2 {
	color: red;
    background-color: inherit;
	display: block;
}
div.warning-container img {
	float: left;
}

/* Used to style the cancel delete button when asking for a confirmation */
div.canceldelete-container {
    margin: 0 auto;
    color: inherit;
	background-color: #ffffea;
	width: 30%;
	text-align: center;
	border: 1px solid #cccccc;
	padding: 10px 0px 10px 0px; /* top, right, bottom, left */
}

div.canceldelete-container h2 {
	color: gray;
    background-color: inherit;
	display: inline;
}
div.canceldelete-container img {
	float: left;
}

/* style tags for grouping of controls into logical 'sets' */
fieldset {
	border: 1px solid #D9DAD5;
    margin-top: 5px;
    padding: 0px 5px 5px 5px;
}
legend {
    padding: 5px;
	color: #0074B0;
    background-color: inherit;
}
/* an exclusive margin for the find panel fieldsets */
form.pn-findform fieldset {
    margin-bottom: 15px;
}

/* disabled find function links */
div.pn-findcontainer a.pn-disabledfindlink, div.pn-findbox a.pn-disabledfindlink {
    /*font-weight:lighter;*/
	text-decoration:line-through;
}

/* styles for pager plugins */
div.pn-pager {
    text-align: center;
}
/* style for the selected item of the pager abc plugin */
div.pn-pager a.pn-pagerselected {
    font-weight: bold;
    text-decoration: underline;
}
/* style for the selected item of the pager plugin */
div.pn-pager span.pn-pagerselected {
    font-weight: bold;
}

/* styling for noscript category propertly selector label */
div.pn-findcontainer div.property_selector_noscript {
	display: inline;
}


