/*NOTE: always check css-settings in all browsers!*/

/*

this css definitions are examples to explain the css functionality in ExData

file: mod_exdata/inc_front/css/exdata.css

this is the standard file copied for new templates

you can change the stanadard css-file by overwrite the exdata.css file

but don't delete or rename it!!!

*/



/*Head <div id="exd_head"> - Category Name - </div>*/

#exd_head, .exd_head {

font-family:  Arial, Helvetica, sans-serif;

font-size: 13px; /*pt | px | em | %*/

font-weight: bold; /*normal | bold | inherit*/

color: #666666; /*color-value | inherit*/

background: transparent; /*color-value | transparent*/

/*for seperate border values write: border-top|boder-right|border-bottom|border-left*/

border: 1px solid #000000; /*width form color-value*/

margin: 0px 0px 0px 0px; /*top | right | bottom | left*/

padding: 0px 0px 0px 0px; /*top | right | bottom | left*/

width: 100%; /*px | % | auto | inherit*/

}

/*Main Background for all <div id="exd_items"> ... </div>*/

#exd_items, .exd_item {

background: transparent;

padding: 0px 0px 0px 0px;

width: 100%; /*px | % | auto | inherit*/

}



.exd_timefilter{

padding-top:5px;

}



/*Navigation - <div id="exd_navi"> - all the elements in table - </div>*/

#exd_navi, .exd_navi{

background: transparent;

}

/*Page Numbers - <div id="exd_page"> - table with paging - </div>*/

#exd_page, .exd_page {

font-family: Arial, Helvetica, sans-serif;

font-size: 7pt;

padding: 0px 0px 0px 0px;

background: transparent;

text-align: left; /*left | center | right - alignment in div-container*/

}

/*Page Statistics - <div id="exd_stats"> - text - </div>*/

#exd_stats, .exd_stats {

font-family: Verdana, Helvetica, Arial, sans-serif;

font-size: 7pt;

padding: 0px 0px 0px 0px;

color:#666666;

background: #FFFFFF;

text-align: left; /*left | center | right - alignment in div-container*/

}

/*Sort-Function - <div id="exd_sort"> - text [Drop-Down class="exd_dd"] - </div>*/

#exd_sort, .exd_sort {

font-family: Arial, Helvetica, sans-serif;

font-size: 7pt;

padding: 0px 0px 0px 0px;

background: transparent;

/*margin-right: 0px;*/

text-align: right; /*left | center | right - alignment in div-container*/

}

/*Filter-Function in Dropdown - <div id="exd_filter"> - text [Drop-Down class="exd_dd"] - </div>*/

#exd_filter, .exd_filter {

font-family: Arial, Helvetica, sans-serif;

font-size: 7pt;

padding: 0px 0px 0px 100px;

background: transparent;

text-align: right;

}

/*Filter-Function Menu <div id="exd_filtermenu"> - <ul><li></li></ul> - </div>*/

#exd_filtermenu, .exd_filtermenu {

font-family: Verdana, Helvetica, Arial, sans-serif;

font-size: 7pt;

padding: 3px;

background: #FF4488;

text-align: left;

}

/*Filter-Function Menu <ul>*/

#exd_filtermenu ul{

margin-left: 0px; /*put it to left side*/

}

/*Filter-Function Menu <li>*/

#exd_filtermenu ul li{

display: inline; /*block(vertical) | inline(horizontal)*/

padding: 5px;

width:100px;

}

/*Search-Function - <div id="exd_search"> - [Textfield class="exd_txt"][Button class="exd_but"] - </div>*/

#exd_search, .exd_search {

font-family:  Arial, Helvetica, sans-serif;

font-size: 7pt;

padding: 0px;

background: transparent;

text-align: left;

}

/*Textfield*/

.exd_txt{

width:300px;

}

/*Buttons*/

.exd_but{

font-size: 7pt;

}

/*Dropdowns*/

.exd_dd{

width:158px;}



/*Entries - <table width="100%" id="exd_item"> ... </table>*/

#exd_item, .exd_item {

font-family: Arial, Helvetica, sans-serif;

font-size: 10px;

padding: 0px 0px 0px 0px;

background: transparent;

margin-top:12px;

margin-bottom: 5px; /*divides the entries in list-layout*/

}

/*acces to the table*/

#exd_item, .exd_item {

border-spacing:1px;

}



/*Field-Title - extract number to change css for this number*/

.exd_field, .exd_field1, .exd_field2, .exd_field3, .exd_field4, .exd_field5, .exd_field6, .exd_field7, .exd_field8, .exd_field9, .exd_field10, .exd_field11, .exd_field12, .exd_field13, .exd_field14, .exd_field15, .exd_field16, .exd_field17, .exd_field18, .exd_field19, .exd_field20, .exd_field21, .exd_field22, .exd_field23, .exd_field24 {

font-weight: bold;

color:white;

background: #779139;

width: 100px; /*min. value for width*/

padding: 3px;

border: 0px solid #bcbcbc;

vertical-align: top;

}

/*Field-Titel-Link - if Sort by Field-Titels*/

.exd_field a {

color:#FF0000;

}

/*Example for extracted field (in preview nr)*/

.exd_field_nr {

background: #FFCC99;

color: #000000;

padding: 3px; 

border: 0px solid #000000;

vertical-align: top;

}



.exd_field2 {

width:5px;

}



.exd_field8, ext_entry8 {

width:200px;

text-decoration:none;

}



/*Field Entry - extract number to change css for this number*/

.exd_entry, .exd_entry1, .exd_entry2, .exd_entry3, .exd_entry4, .exd_entry5, .exd_entry6, .exd_entry7, .exd_entry8, .exd_entry9, .exd_entry10, .exd_entry11, .exd_entry12, .exd_entry13, .exd_entry14, .exd_entry15, .exd_entry16, .exd_entry17, .exd_entry18, .exd_entry19, .exd_entry20, .exd_entry21, .exd_entry22, .exd_entry23, .exd_entry24, .exd_entryXL, .exd_entry_datum {

/*background: #C5C5C5; uncomment if row colors active!*/

padding: 3px;  

border: 0px solid #CDCDCD;

vertical-align:middle;

text-align: left;

/*width: 100px;*/

}



.exd_entry1, .exd_field1 {

width: 20%;

height: 10px;

}



.exd_entry2 {

width: 40px;

margin:50px;

}



.exd_entry2 img{

margin:0 5px 0 5px;

}



.exd_entry3, .exd_field3 {

width: 20%;

height: 10px;

}

.exd_entryXL, .exd_fieldXL {

border:none;

width: 100px;

height: 10px;

padding: 3px;

}

.exd_entry8, .exd_field8 {

width: 280px;

height: 10px;

}



.exd_entry8 h5  {

   font-family: Arial,Helvetica,Verdana,sans-serif;

   font-size:10px;

   font-weight:normal;

   color:green;

text-decoration:none;

}



.exd_entry9, .exd_field9 {

width: 140px;

height: 10px;

}



.exd_entry11, .exd_field11 {

width: 150px;

height: 10px;

}



/*Link in entries*/

.exd_entry a {

color:#FF0000;

}

/*Example for extracted field  (in preview nr)*/

.exd_entry_nr {

background: #ffffff;

padding: 3px;

border: 0px solid #CDCDCD;

/*width: 100px;*/

vertical-align:top;

}



/*Suche - Feldgröße anpassen*/

#exd_search .exd_txt{

width:220px;/*here your width for the search textfield*/

}



/*row colors and mousefollow*/

.exd_row{} /*(leave this one empty!)*/

.exd_row_bg_0 { background:#F5F5F5; }

.exd_row_bg_1 { background:#D6E2C7; }

.exd_row_hover { background:#ECF3E5; }



#exd_items a, a:link, a:active, a:visited {

text-decoration:none;

}



#exd_items a:hover {

text-decoration:underline;

}