/*********************************************************
                ABOUT: graphic.css
**********************************************************/

/* This stylesheet is used to assign styles to all graphic elements 
except for menus which are handled by menu.css and
layout.css which is used to structure and style the physical page layout */ 
                                                              


/*********************************************************
                WEBSITE NAME & LOGO
**********************************************************/

#website-name {
font: bold 32px/34px georgia, garamond, serif;
letter-spacing: 5px;
color: #424242;
border: 0;
margin: 0 0 10px 0;
text-align: left;
/*background-image: url(../images/background.gif);*/
}                 

#website-name a:hover, #website-name a:link, #website-name a:visited, #website-name a:active {
text-decoration: none;
border: 0;
color: #424242;
background-color: transparent;
}

#logo a:hover, #logo a:link, #logo a:visited, #logo a:active {
border: 0;
color: #ffffff;
background-color: transparent;
text-decoration: none;
padding: 0 10px 0 5px;
}   

#logo img {
margin-right: 6px;
}

/*********************************************************
                GENERAL TEXT STYLING
**********************************************************/

body {
font: normal 11px/14px verdana, lucida, sans-serif;
color: #000000;
}

p {
margin: 15px 0 0 0;
text-align: left;
}

img {
/* vertical-align: middle; */
border: 0;
background-color: transparent;
text-decoration: none;
}

img.static_page {
padding: 5px;
border: 1px solid #000000;
background-color: #ffffff;
}

/*headers*/
h1 
{
font: bold 18px/20px georgia, garamond, serif;
margin: 15px 0 0 0;
color: #123812;
background-color: #7EA87E;
border-bottom: 2px solid #D30000;
}

h1#first
{
margin: 0;
}

h1#page-title
{
font: bold 20px/22px georgia, garamond, serif;
margin: 0 0 10px 0;
color: #123812;
background-color: #7EA87E;
border-bottom: 2px solid #D30000;
}

h2
{
font: normal 16px/18px georgia, garamond, serif;
font-weight: bold;
margin: 15px 0 10px 0;
color: #123812;
} 

h2.browseList
{
border-bottom: 2px solid #D30000;
}

h3
{
font: normal 14px/16px georgia, garamond, serif;
font-weight: bold;
margin: 5px 0 0 0;
padding: 0;
border: 0;
}

.heading-link {
font: bold 16px/18px georgia, garamond, serif;
margin: 3px 0 0 0;
padding: 0 0 3px 0;
}

/*lists*/

ol li
{
margin: 5px 0 0 0;
}

/*links*/

a:link, a:visited, a:active {
text-decoration: none;
color: #0066cc;
}

a:hover {
text-decoration: none; 
color: #ffffff;
background: #000000;
}

/*line*/
.line {
width: 100%;
border-bottom: 2px solid #a5bcca;
}



               
/*********************************************************
                SEARCH - SIDEBAR
**********************************************************/

#search-sidebar table {
border: 0;
border-collapse: collapse;
margin: 0;
padding: 0;
}

#search-sidebar td {
 border: 0;
 vertical-align: center;
}

#search-sidebar .textbox {
	background-color: #FFFFFF;
	border: 2px solid #a3a3a3;
	width: 125px;
	padding: 0 3px 3px 3px;
	margin: 5px 0 0 6px;
	font: bold 16px Verdana, Arial, Sans-Serif;
    float: left;
}

#search-sidebar .submit {

font: 12px Verdana, Arial, Sans-Serif;
margin: 5px 0 0 5px; 
width: 63px;
}

#search-sidebar .submithover {

font: 12px Verdana, Arial, Sans-Serif;
margin: 5px 0 0 5px;
width: 63px;
}

/*********************************************************
                BROWSE - SIDEBAR
**********************************************************/

#browse-sidebar table {
border: 0;
border-collapse: collapse;
margin: 0;
padding: 0;
}

#browse-sidebar td {
 border: 0;
 vertical-align: center;
}

#browse-sidebar .selectbox {
	background-color: #FFFFFF;
	border: 2px solid #a3a3a3;
	width: 135px;
	padding: 0 3px 3px 3px;
	margin: 5px 0 0 6px;
	font: normal 12px Verdana, Arial, Sans-Serif;
    float: left;
}

#browse-sidebar .submit {

font: 12px Verdana, Arial, Sans-Serif;
margin: 5px 0 0 5px;
width: 63px;
}

#browse-sidebar .submithover {

font: 12px Verdana, Arial, Sans-Serif;
margin: 5px 0 0 5px;
width: 63px;
}  

/*********************************************************
                SIDEBAR FORM 
**********************************************************/
.sidebarForm {
margin: 0;
padding: 0;
border: 0;
}

/*********************************************************
                SEARCH FORM - SEARCH RESULT INFO
**********************************************************/
#search-info {
font-weight: bold;
margin: 20px 0 20px 0;
}   

/*********************************************************
                SEARCH/BROWSE RESULTS LIST
**********************************************************/

#search-results {
padding: 10px 3px 10px 3px;
}

#search-results table {
width: 90%;
border: 0;
border-collapse: collapse; 
margin-bottom: 20px;
}

.search-result-number {
width: 40px;
text-align: right;
padding: 5px 0 5px 0;
background-color: transparent;
border-bottom: solid 1px #999999;
}

.search-result {
text-align: left;
padding-left: 5px;
background-color: transparent;
border-bottom: solid 1px #999999;
}

.search-results-page-number {
width: 10px;
text-align: center;
font: normal 14px/17px verdana, lucida, sans-serif;
margin: 3px;
float: left;
border: 1px solid #999999;
background: #ccccff;
}

.search-results-page-number a {
text-decoration: none;
color: #000000;
background: #ccccff;
}

.search-results-page-number a:visited {
text-decoration: none; 
color: #000000;
background: #ccccff;
}

.search-results-page-number a:hover {
text-decoration: none;
color: #ffffff;
background: #000000;
}

.search-results-page-number-current {
width: 10px;
text-align: center;
font: normal 14px/17px verdana, lucida, sans-serif;
margin: 3px;
float: left;
border: 1px solid #999999;
background: #dddddd; 
}

.search-results-page-button {
float: left;
padding-top: 2px;
}

#search-results-summary {
float: left;
margin-left: 10px;
padding-top: 3px;
}


/*********************************************************
                SEARCH FORM - ADVANCED
**********************************************************/

#search-form table {
border: 0;
border-collapse: collapse;
margin: 0;
padding: 0;
}

#search-form td {
 border: 0;
 vertical-align: center;
}

#search-form .textbox {
	background-color: #FFFFFF;
	border: 2px solid #a3a3a3;
	width: 500px;
	padding: 0 3px 3px 3px;
	margin: 0 0 0 10px;
	font: bold 20px Verdana, Arial, Sans-Serif;
    float: left;
}

#search-form .submit {
height: 30px;
font: 15px Verdana, Arial, Sans-Serif;
margin: 0 5px 0 5px;
width: 100px;
}

#search-form .submithover {
height: 30px;
font: 15px Verdana, Arial, Sans-Serif;
margin: 0 0 0 5px;
width: 100px;
}

/*********************************************************
              DETAIL (SHOW/EDIT) TABLES
**********************************************************/

table.detail {
width: 98%;
margin: 0;
/*border-collapse: collapse;*/
overflow: hidden;
border: 0x solid #000066;
}

table.detail td {
    border: 0;
    border-bottom: 1px solid #000000;
	padding: 4px;
}

table.detail th {
	padding: 4px;
	font-weight: bold;
	vertical-align:top;
	text-align:right;
    width: 15%;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 0;
	border-top: 0;
	background-color: #54A854;
	color: #000000; 
}

table.detail td.headerCell {
	padding: 4px;
	vertical-align:top;
	text-align:left;
    font: bold 16px/17px verdana, lucida, sans-serif;
    border: 0;
	border-bottom: 1px solid #333333;
    color: #333333;
	background-color: #7EA87E; 
}  

table.detail td.headerCell a {
    color: #333333;
	background-color: #7EA87E; 
}

table.detail td.headerCell a:hover {
    color: #ffffff;
	background-color: #000000; 
}

table.detail td.headerCell-name {
	border: 0;
	border-bottom: 1px solid #333333;
	background-color: #54A854;
	color: #ffffff;
	padding: 4px;
	vertical-align:top;
	text-align:center;
	font: bold 16px/17px verdana, lucida, sans-serif;
}

/*********************************************************
              LIST TABLES
**********************************************************/

table.list {
width: 97%;
margin: 0;
/*border-collapse: collapse;*/
overflow: hidden;
border: 0x solid #000066;
}

table.list tr {
}

table.list td {
	padding: 4px 4px 4px 10px;
    text-align: left;
    border-spacing: 20px;
    border: 0;
    border-bottom: 1px solid #cccccc;
}

table.list th {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 0;
	background-color: #7EA87E;
	color: #000000;
    padding: 4px 4px 4px 10px;
  	font-weight: bold;
	vertical-align: top;
	text-align: left;
}

table.list td.headerCell {
	border: 0;
	border-bottom: 1px solid #333333;
	background-color: #eeeeee;
	color: #000000;
}

table.list td.headerCell-name {
	border: 0;
	border-bottom: 1px solid #333333;
	background-color: #006699;
	color: #ffffff;
} 

table.list th a {
    color: #000000;
    padding: 0;
    margin: 0;
}

table.list th a:hover {
    color: #ffffff;
}

table.list td.headerCell {
	padding: 4px;
	vertical-align:top;
	text-align:center;
}

table.list td.headerCell-name {
	padding: 4px;
	vertical-align:top;
	text-align:center;
	font: bold 16px/17px verdana, lucida, sans-serif;
}

.th-link {
font-weight: normal;
}

.th-link a:link, a:visited, a:active {
color: #0066cc;

}

.th-link a:hover {
color: #ffffff;
background: #000000;
}  
   
.plus {
background-image: url('../images/tree_plus.gif');
background-repeat: no-repeat;
background-position: top left;  
}

/*********************************************************
             EDIT FORMS: content-one-column
**********************************************************/

form input {
	width: 95%;
	padding: 0 3px 3px 3px;
	margin: 0;
	font: normal 12px Verdana, Arial, Sans-Serif;
    background-color: #FFFFFF;
	border: 1px solid #a3a3a3;
	}


form textarea {
	width: 95%;
	padding: 0 3px 3px 3px;
	margin: 0;
	font: normal 12px Verdana, Arial, Sans-Serif;
    background-color: #FFFFFF;
	border: 1px solid #a3a3a3;
}

/* see also --> menu.css: MENU - ACTION */

form radio {
	padding: 0;
	margin: 0 0 0 20px;
	vertical-align: top;
}

form select {
	font: normal 12px Verdana, Arial, Sans-Serif;
    width: 97%;
}


/*********************************************************
                LOGIN FORM
**********************************************************/

.login-form {
border: 0;
width: 350px;
margin-left: 50px;
}


.login-form legend {
font: bold 15px/18px georgia, serif; 
color: #000000;
}

.login-form input {
width: 200px;
}

.login-form input.submit {
text-decoration: none;
padding: 0 6px 1px 6px;
margin: 16px 0 0 5px;
font: normal 15px/15px georgia, serif;
width: 60px;
height: 25px;
float: right; 
color: #ffffff;
background-color: #000000;
border-right: 3px solid #999999;
border-bottom: 3px solid #999999; 
}

.login-form input.submithover {
text-decoration: none;
padding: 0 6px 1px 6px;
margin: 16px 0 0 5px;
font: normal 15px/15px georgia, serif;
width: 60px;
height: 25px;
float: right; 
color: #000000;
background-color: #ffffff;
border-right: 3px solid #999999;
border-bottom: 3px solid #999999;
}


/*********************************************************
                FORM ERROR
**********************************************************/

.form_error
{
  padding-left: 5px;
  color: #ff0000;
}

/* see also app/config/settings.yml 
     validation_error_prefix:    '! '
     validation_error_suffix:    ' !'
*/