.bg_main {
 background: url(../images/tech_bg_3.png) repeat-x top #CCCCCC;
 padding: 0;
 margin: 0;
}

img {
 border:0px
}

/* ******************************************* main container */

.copyright {
 font: normal 9px Verdana, Arial, Helvetica, sans-serif;
 color: #ffffff;
 padding-left: 4px;
}

.bottomcontainer {
 margin:4px 0px 0px 0px;
 border-top:1px solid #D6C2A4;
 padding-top:10px;
}
.copyright a, .copyright a:link, .copyright a:visited {
 color: #ffffff;
 text-decoration: none;
}
.copyright a:hover {color: #ffffff; text-decoration:none}

/* ******************************************* leftside */
#leftmain {
 margin: 0;
 padding:0px;
 text-align: left;
 width: 100%;
}

#leftmain table.moduletable th, #rightmain table.moduletable th {
 height:21px;
 background:url(../images/bg_ltitle.gif) no-repeat;
 border:0;
 font: bold 11px Arial, Verdana, sans-serif, Helvetica ;
 color: #B60202;
 text-align: left;
 text-indent: 10px;
 padding: 0px;
 margin: 0px;
 line-height:21px;
}

#leftmain table.moduletable td {
 font: normal 11px Arial, Verdana, sans-serif, Helvetica ;
 color: #655D5B;
 text-align: left;
 padding: 2px 0px 2px 0px;
}

/* ******************************************* main body */
#main_area {
 width: 99%;
 margin: 0px 0px 5px 0px;
 padding:0px 0px 0px 0px;
 border: 0;
 text-align: left;
}

/* ******************************************* flashnews and blocks */
#newsflash {
 margin: 5px 0px 5px 0px;
 padding:0px 0px 8px 0px;
 width:100%;
 border-bottom:1px solid #D6C2A4;
}

#newsflash table.moduletable {
 padding: 0;
 margin: 0;
 border: 0;
}

#newsflash table.moduletable th {
 background:url(../images/titlearrow.gif) no-repeat;
 background-position: 0px 3px;
 height:15px;
 font: bold 11px Arial, Verdana, sans-serif, Helvetica ;
 color: #B60202;
 height:15px;
 text-align: left;
 text-indent: 15px;
}

#newsflash table.moduletable td {
 line-height: 17px;
 text-align: left;
 padding: 2px 0px 2px 0px;
}

#blocks table.moduletable th {
 background:url(../images/titlearrow.gif) no-repeat;
 background-position: 0px 3px;
 height:18px;
 font: bold 11px Arial, Verdana, sans-serif, Helvetica ;
 color: #B60202;
 height:18px;
 text-align: left;
 text-indent: 15px;
 padding: 2px 0px 0px 0px;
}

#blocks {
 width:98%;
 padding:0;
}

#blocks table.moduletable td {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #5C5649;
 line-height: 16px;
 text-align: left;
 padding:0p 2px 4px 2px;
 background-color:#F9F6F1;
}

#blocks .moduletable a:link, #blocks .moduletable a:visited { 
 font-size: 12px;
 color: #655D5B; 
 text-decoration: none;
 line-height:17px;
 font-weight:bold;
}

#blocks .moduletable a:hover {
 color: #D70202; 
 text-decoration: underline;
}

#botnavi table.moduletable {
 width: 100%;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 border: 0;
}

/* ******************************************* Footer */
#footer {
 padding: 4px 0px 0px 0px;
 margin: 0;
 width: 100%;
 text-align: left;
 vertical-align: middle;
 font: bold 10px Verdana, Arial, Helvetica, sans-serif;
 color: #C1CDDB; /*#A49881;*/
 line-height: 18px;
}
#footer div {
}
#footer a, #footer a:link, #footer a:visited {
 color: #C1CDDB;/*#D4522D;*/
 text-decoration: underline;
}

#footer a, #footer a:hover {
 color: #C1CDDB;/*#5E776B;*/
 text-decoration: none;
}

/* ******************************************* General CSS Styles */

.body {
 background: #ffffff; 
 padding: 0; 
 margin: 0;
 vertical-align: top;
 scrollbar-face-color: #E6D2B5;
 scrollbar-shadow-color: #E6D2B5;
 scrollbar-darkshadow-color: #AC9E88;
 scrollbar-highlight-color: #E6D2B5;
 scrollbar-3dlight-color: #AC9E88;
 scrollbar-track-color: #ffffff;
 scrollbar-arrow-color: #AC9E88;
}

td, div, p {
 color:#111111; /*#655D5B */
 font-family: Helvetica, Arial, Verdana, sans-serif; 
 font-size: 12px;
 padding:0px;
 line-height:17px;
}


a, a:link, a:visited {
 /* color: #655D5B; */
 color: #3366FF;
 text-decoration: none;
}
a:hover {color: #D70202; text-decoration:none}

h1 {font: bold 16px Arial, Verdana, sans-serif, Helvetica; color: #666; margin: 0px; padding: 0px;}
h2 {font: bold 15px Arial, Verdana, sans-serif, Helvetica; color: #666; margin: 0px; padding: 0px;}
h3 {font: bold 14px Arial, Verdana, sans-serif, Helvetica; color: #666; margin: 0px; padding: 0px;}
h4 {font: bold 12px Arial, Verdana, sans-serif, Helvetica; color: #666; margin: 0px; padding: 0px;}

ol {list-style: decimal outside; }

ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

li {
 line-height: 17px;
 text-indent: 18px;
 padding-top: 0px;
 /* background-image: url(../images/ul.gif) ;
 background-repeat: no-repeat;
 background-position: 0px 5px; */
}
blockquote {
 margin: 10px;
 margin-left: 30px;
 padding: 0 20px 0 10px;
 border-left: 5px solid #ccc;
}

form {
 margin: 0; 
 padding: 0;
}
select {
 font-size: 12px; 
 /* font-weight: bold; */
 /* color: #555; */
}
input {
 padding: 0;
 margin: 0;
}

a.pagenav_next:link, a.pagenav_next:visited {
 /* font-size: 12px;
 color: #998E8A;
 background-color:#FFFFFF;
 font-weight: normal; */
}

a.pagenav_next:hover {
 /* font-size: 12px;
 color: #D70202;
 text-decoration: none; */
}


/* ******************************************* MODULES */
table.moduletable {
 width: 100%;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 border: 0;
}
table.moduletable th {
 height:21px;
 background-color:#FCEBC8;
 font-family: Verdana, Arial, sans-serif, Helvetica ;
 font-size: 12px;
 font-weight: bolder;
 color: #FFF5E5;
 text-indent: 2em;
 text-align: left;
 padding: 0px 0px 0px 0px;
 margin: 0px;
 border: 0;
 line-height:28px;
}
table.moduletable td {
 font: normal 11px Arial, Helvetica, sans-serif;
 color: #666666;
 text-align: left;
 padding: 2px 0px 2px 0px;
 margin: 0px;
 border: 0;
}

table.pollstableborder td {
 padding: 2px;
 line-height:17px;
}

.moduletable a:link, .moduletable a:visited { 
 /* color: #736A68; */
 font-weight:bold;
 font-size: 12px;
 font-family: Verdana, Arial, sans-serif, Helvetica ;
 text-decoration: none;
}
.moduletable a:hover {
 color: #D70202; 
 text-decoration: none;
}
table.moduletable ul {
 padding: 0;
 margin: 0 0 0 3px;
}

.button {
 font: normal 10px Arial, Helvetica, sans-serif;
 padding-top: 2px 2px 0px 2px;
 color: #ffffff;
 border: 0px;
 background-color: #998E8A;
}
.inputbox, .search {
 font: bold 11px Arial, Helvetica, sans-serif;
 /* color: #998E8A; */
 border: 1px solid #E6D2B5;
 /* background: url(../images/bg_input.gif); */
}

select.inputbox {
 font: bold 11px Arial, Helvetica, sans-serif;
 /* color: #998E8A; */
 border: 1px solid #E6D2B5;
 background: #ffffff /* url(../images/bg_input.gif) */;
}

.poll {
 font: 11px Arial, Helvetica, sans-serif;
 color: #666666; 
 font-weight: normal; 
 border: 0;
 padding: 0;
}

/* ******************************************* pathway and SEARCH*/

span.pathway {
 text-align: left;
 font-size: 11px;
}


#can_pathway {
 margin:0px 0px 0px 5px;
 padding: 0px;
 width: 100%;
 height: 18px;
 text-indent: 8px;
 text-align: left;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #ffffff;
}

#can_pathway img {
 margin:4px 1px 1px 1px;
}

.pathway {
 padding: 0px;
 margin: 0px 0px 0px 0px;
 border: 0;
 line-height: 18px;
 /* color: #ffffff; */
 font-size: 12px;
}

a.pathway:link, a.pathway:visited {
 /* color: #ffffff; */
 font-size: 11px;
 line-height: 16px;
}
a.pathway:hover {
 color: #FFAE60;
 font-size: 11px;
}

/* original
# sea rch {
 margin: 0px;
 padding: 0px;
 background: transparent;
 width: 95px; / * important * /
 height: 19px; / * important * /
 text-indent: 8px;
 text-align: center;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 line-height: 19px;
} */

.search {
 margin: 0px;
 padding: 4px;
 background: #FFFFCC;
 text-indent: 8 px;
 text-align: left;
 font-family: Verdana, Helvetica, Arial, sans-serif;

}

.search input[type='text']:focus {
 border-color: #3366FF /* blue */
}

.searchbox {
 font: normal 10px Verdana, Arial, Helvetica, sans-serif;
 color: #ffffff;
 border: 1px solid #BBB3AD;
 background-color: transparent;
 width: 130px;
}

/* search form */

form#searchForm {
background: #FFFFCC;
border: 1px #CCCCCC solid;
border-radius: 10px;
padding: 8px;
margin: 4px 0px 4px 0px;
}

#searchForm table td {
 /* padding: 2px; */
 background: #FFFFCC;
}

#searchForm #search_searchword {
border: 1px #3366FF solid;
}

/* ******************************************* CONTENT STYLES */
.contentpane, .contentpaneopen {
 text-align: left;
 color: #817666;
 padding: 0px;
 /* border: 0px none white; */
 width: 100%;
}

table.contentpaneopen {
 border: 0px;
}

fieldset.fld_src_results {
 border: 0px;
 border-bottom: 1px dotted #CCCCCC;
 margin: 8px 0px 2px 0px;
 padding: 0px 0px 6px 0px;
}

.contentdescription {
 width:100%;
 text-align: left;
 color: #817666; 
 padding: 0px;
}

.contentpaneopen td {
 padding: 3px 0px; 
}

.contentpane td, .contentdescription td {
 padding: 4px 0px; 
}
a.contentpane:link, a.contentpane:visited, a.contentpaneopen:link, a.contentpaneopen:visited {
 color: #5D5C5F; 
 text-decoration: none
}
a.contentpane:hover, a.contentpaneopen:hover {
 color: #d70202; 
 text-decoration: none;
}

.contentheading {
 background:url(../images/bg_mtitle.gif) no-repeat;
 background-position: right bottom;
 height:22px;
 font: bold 11px Arial, Verdana, sans-serif, Helvetica ;
 color: #5D5C5F;
 height:22px;
 text-align: left;
 text-indent: 0px;
}

.componentheading {
 background:url(../images/titlearrow.gif) no-repeat;
 background-position: 0px 3px;
 height:15px;
 font: bold 11px Arial, Verdana, sans-serif, Helvetica ;
 color: #B60202;
 height:15px;
 text-align: left;
 text-indent: 15px;
}


.contentpagetitle, a.contentpagetitle:link, a.contentpagetitle:visited {
 color: #5D5C5F;
}
a.contentpagetitle:hover {
 color: #d70202;

}
.buttonheading {
 font: normal 10px Arial, Verdana, sans-serif, Helvetica;
 white-space: nowrap; 
}

.content_rating, .content_vote {
 font-size: 12px; 
 color: #5D5C5F; 
 text-decoration: none; 
 font-weight: normal; 
 vertical-align: middle; 
 margin: 0 6px; 
 padding: 0;
}

.back_button {
 float:right;
 width:55px;
 font-size: 12px; 
 color: #998E8A; 
 font-weight: bold; 
 text-align:right;
 vertical-align: middle; 
 margin: 0 6px; 
 padding: 1px 1px 1px 1px;
 border:0;
 background:url(../images/titlearrow.gif) no-repeat;
 background-position: 0px 6px;
}

.small {
 font-size: 10px; 
 color: #B2AAA7; 
 font-weight: normal;
 line-height:14px;
 height:14px;
}

.createdate, .modifydate {
 font-size: 10px; 
 font-weight: normal; 
 color: #B2AAA7;
 height: 14px;
 line-height: 14px;
}

a.readon:link, a.readon:visited {
 font: bold 10px Tahoma, Arial, Helvetica, sans-serif;
 color: #8E8480;
 background:url(../images/readmore.gif) no-repeat;
 background-position: 3px 3px;
 border: 1px solid #E0E0E0;
 padding: 2px 4px 2px 20px;
 white-space: nowrap;
 float: left;
 line-height: 10px;
 text-decoration: none;
}
a.readon:hover {
 color: white; /* #D70202 */
 text-decoration: none;
 background: #3366FF;
 border: 1px solid #FFCC66;;
}

.fase4rdf, a.fase4rdf:link, a.fase4rdf:visited {
 font-size: 12px; 
 font-weight: normal; 
 color: #666666;
}
a.fase4rdf:hover {
 font-weight: bold; 
 color: #d70202;
}

.blogsection {
 background-color: #ffffff;
}

a.blogsection:link, a.blogsection:visited {
 /*font-size: 12px; */
 color: #999999;
 text-decoration: none;
 font-weight: normal;
 font-weight: bolder;
}
a.blogsection:hover {
 /* font-size: 12px; */
 color: #d70202; 
 text-decoration: underline;
 font-weight: bolder;
}

.ontab {
 color: #345;
 padding: 2px 10px 2px 10px;
 border-top: 2px solid #345;
 border-right: 2px solid #345;
 border-bottom: 0;
 border-left: 2px solid #345;
 font-weight: bold;
}
.offtab {
 color: #666;
 padding: 2px 10px 2px 10px;
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: 3px solid #345;
 border-left: 1px solid #666;
 cursor: default;
}
.tabpadding {
 border-bottom: 3px solid #345;
}

table.searchintro {
 border: #CCCCCC 1px solid;
 /* border: none; */
 margin-top: 4px;
 margin-bottom: 4px;
 width: 100%;
}
table.searchintro td {
 padding: 2px;
}

.blog {
 margin: 0px;
 padding: 0px;
 width: 100%;
}

.blog_more {
 width: 100%;
 padding: 4px;
 margin: 0px;
 font-size: 11px;
 border-top: 1px dotted #CCCCCC;

 /* font-weight: bold; */
 /* color: #666666; */
 /* background-color: #F9F6F1; */
}
.blog_more ul {
 padding: 0px;
 margin: 0px;
}

table.contenttoc {
 border: 1px solid #DEC298;
 padding: 1px;
 margin-left: 7px;
 margin-bottom: 2px;
}
table.contenttoc th {
 color: #fff;
 text-align: left;
 padding: 4px;
 font-weight: bold;
 font-size: 11px;
 text-transform: uppercase;
 background: #DEC298;
}
table.contenttoc td {
 font-size: 11px;
}


/* ******************************************* STYLES CONTACT PAGE */
table.contact {
 background: transparent;
}
table.contact td.icons {
 background: #89a;
}
table.contact td.details {
 background: #FFFBF2;
 margin: 5px;
 padding: 5px;
 border: 1px dotted #ccc;
}
.contact_email {
 background: #F9F6F1;
 margin: 5px;
 padding: 5px;
 border: 1px dotted #E6D2B5;
}
textarea.inputbox {
 width:95%;
}

/* ******************************************* MAIN AND SUB MENU SYSTEM */
.mainlevel {
 font: bold 12px Arial, Verdana, Helvetica, sans-serif;
 line-height:20px;
}
a.mainlevel:link, a.mainlevel:visited {
 font: normal 12px Arial, Verdana, Helvetica, sans-serif;
 display: block;
 background-color: #ffffff; /*#F7F3EC;*/
 color: #505050; /*#998E8A;*/
 text-decoration: none;
 padding: 0px 0px;
 text-indent: 10px;
 border: 0;
 height:22px;
 line-height:22px;
 font-weight: bold;
}
a.mainlevel:hover {
 font-weight: bold;
 color: #FFFFFF; /*#D70202; */
 background: url(../images/sub_hover.gif) no-repeat;
 text-decoration: none;
 padding: 0px 0px;
}
#active_menu {
 background: url(../images/1.jpg);
 border: 0;
 color: #FFFFFF; 
 font-weight: bold;
}

a.sublevel:link, a.sublevel:visited {
 color: #505050; /*#998E8A;*/
 text-decoration: none;
 padding-left: 1px;
 vertical-align: middle;
 text-align: left;
font-weight: normal;
}
a.sublevel:hover {
 color: #FDB036;
 text-decoration: none;
}

a.sublevel#active_menu {
 border: 0;
 color: #f3720c;/*#D70202;*/
 text-decoration: none;
 background: #ffffff; 
}

/* ******************************************* TOP MENU SYSTEM */
ul#mainlevel-nav
{
 font: bold 10px Verdana, Arial, Helvetica, sans-serif;
 list-style: none;
 padding: 0;
 margin: 0;
 }

ul#mainlevel-nav li
{
 display: block;
 background: transparent;
 padding: 0px;
 float: right;
 margin: 0;
 width: auto !important;
 width: 30px;
 font-size: 12px;
 line-height: 21px;
 white-space: nowrap;
 border: 0;
}

ul#mainlevel-nav li a:link, ul#mainlevel-nav li a:visited {
 display: block;
 padding: 0px 10px;
 text-decoration: none;
 color: #ffffff;
 background: transparent;
}

ul#mainlevel-nav li a:hover {
 color: #D70202;
 background: transparent;
}

/* ******************************************* CATEGORY (text format and links) */
.category {
 color: #5A3600;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 }
a.category:link, a.category:visited {
 color: #5A3600;
 font-weight: bold;
}
a.category:hover {
 color: #D70202;
}
 
/* ******************************************* STYLES LISTING CONTENT PAGE */
td.sectiontableheader, td.sectiontablefooter {
 background-color: #F7EEDB; 
 color: #736A68; 
 font-weight: bold;
 font-size: 12px;
 padding: 2px 3px 3px 2px;
 border-bottom: 1px solid #E6D2B5;
}
.sectiontableentry1 {
 background-color: #ffffff; 
 color: #C17327; 
 font-weight: normal; 
 padding: 2px 0px 2px 2px;
}
.sectiontableentry2 {
 background: #F7F3EC; 
 color: #C17327; 
 font-weight: normal;
 padding: 2px 0px 2px 2px;
}

.pagenavbar {
 text-align: center;
 vertical-align: middle;
 padding: 2px;
 width: 100%;
 border-top: 1px dotted #CCCCCC;
}

div.pagenav_blog {
 border-top: 1px dotted #CCCCCC;
 font-size: 11px;
 padding-top: 4px;
}

div.pageres_blog {
 padding-top: 1px;
 font-size: 11px;
 color: #999999;
}

table.pagenav {
 /* color: #C17327; */
 font-size: 11px;
 font-weight: bold;
 text-decoration: none;
 margin: 0;
 padding: 0 2px;
 /* border: 0; */
 border-top: 1px dotted #CCCCCC;
 width: 100%;
}

span.pagenav {
 font-size: 11px;
 border: 1px dotted #CCCCCC;
 /* margin: 1px 1px 1px 1px; */
 padding:1px 3px 1px 3px;
}
a.pagenav {
 border: 1px dotted #CCCCCC;
 /* margin: 1px 1px 1px 1px; */
 padding:1px 3px 1px 3px;
}

th.pagenav_prev {
 text-align: left;
}

th.pagenav_next {
 text-align: right;
}

a.pagenav:link, a.pagenav:visited {
 font-size: 11px;
 /* color: #C17327; */
 /* background-color: transparent; */
}
a.pagenav:hover {
 font-size: 11px;
 color: white;
 background: #3366FF;
 border: 1px solid #FFCC66;;
 text-decoration: none;
}

/*
hr {
 background: transparent;
 height: 1px;
 border: 1px solid #DEC298;
 width: 100%;
}
*/

/**********top***********/
#top {background-image: url(../images/top_bg.png);}

/**************menu styling *****************/
div.moduletable h3 {
 background:url(../images/1.jpg);
 color:#FFFFFF;
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 height: 24px;
 line-height: 24px;
 padding-right: 10px;
 margin: 5px 0 2px 0;
 overflow: hidden;
}

.moduletable_text h3 {
 background: #E6D2B5 ;
 color:#FFFFFF;
 font-size: 12px;
 background:url(../images/1.jpg);
 font-weight: bold;
 text-align: center;
 height: 24px;
 line-height: 24px;
 padding-right: 10px;
 margin: 5px 0 2px 0;
 overflow: hidden;
}

.moduletable_menu h3 {
 background:url(../images/1.jpg);
 text-align: center;
 font-weight: bold;
 height: 24px;
 line-height: 24px;
 font-size: 12px;
 padding-right: 10px;
 margin: 5px 0 2px 0;
 overflow: hidden;
 color:#FFFFFF;
}

.moduletable_menu ul.menu li a {
 display: block;
 vertical-align: middle;
 font-size: 12px;
 font-weight: bold;
 color: #D70202;
 background: url(../images/sub_hover.gif) no-repeat;
 text-decoration: none;
 padding: 0px 0px;
 text-align: left;
 height: 20px;
 padding: 6px 10px 0 15px;
 text-decoration: none;
 margin-bottom: 1px;
 font-weight: bold;
 list-style:none;
}

.moduletable_menu ul.menu li a:hover, .moduletable_menu ul.menu li a:active, .moduletable_menu ul.menu li a:focus {
 text-decoration: none;
 font-size: 12px;
 display: block;
 font-size: 12px;
 font-weight: bold;
 color:#E04807;
 background: url(../images/sub_hover.gif) no-repeat;
 text-decoration: none;
 text-align: left;
 height: 20px;
 text-decoration: none;
 margin-bottom: 1px;
 font-weight: bold;
 list-style:none;
}

.moduletable_menu ul.menu li.active a {
 text-decoration: none;
 font-size: 12px;
 display: block;
 font-size: 12px;
 font-weight: bold;
 color:#E04807;
 background: url(../images/sub_hover.gif) no-repeat;
 text-decoration: none;
 text-align: left;
 height: 20px;
 text-decoration: none;
 margin-bottom: 1px;
 font-weight: bold;
 list-style:none;
}

/*****************message**********/
.message {
 font-weight: bold;
 font-size: 14px;
 color: #000000;
 text-align: center;
 width: auto;
 background-color: #ffffff;
 border: 1px dotted #e3e3e3;
 margin: 3px 0 10px;
 padding: 3px 20px;
}
/****************login***********/

#form-login .input {
 background: none;
 border: 1px dotted #fc0;
 font-size: 11px;
}

form {
 margin: 0;
 padding: 0;
 border: none;
}

#form-login {
 border: none;
}

#form-login ul {
 padding: 0;
 margin: 0;
 list-style: none;
}

#form-login li {
 padding: 2px;
 margin: 0;
 background: none;
 list-style: none;
}

#form-login li a {
 font-size: 11px;
}

#form-login li a:hover {
 font-size: 11px;
}

/* -------- custom XMD: ----------- */
hr {
  margin: 8px 0 8px 0;
  display: block;
  background: url(../images/typography/line_dotted.png) 0 0 repeat-x;
  /* background: #c8c8c8; */
  height: 1px;
  border: none;
 /* color: #DEC298; */
 /* background: transparent; */
 /* border: 1px solid #DEC298; */
 /* width: 100%; */
}

hr.dotted {
  margin: 15px 0px 15px 0px;
  display: block;
  background: url(../images/typography/line_dotted.png) 0 0 repeat-x;
  height: 1px;
  border: none;
}

span.required_star {
 background: url(../images/typography/required.png) 0 0 no-repeat;
 padding-left: 12px;
 padding-right: 4px;
}

a.icon-folder {
 padding-left: 17px;
 background: url(../images/typography/icon_folder.png) 0 40% no-repeat;
}

a.icon-file {
 padding-left: 17px;
 background: url(../images/typography/icon_file.png) 0 40% no-repeat;
}

a.icon-download {
 padding-left: 17px;
 background: url(../images/typography/icon_download.png) 0 40% no-repeat;
}

a.icon-external {
 padding-left: 17px;
 background: url(../images/typography/icon_external.png) 0 40% no-repeat;
}

a.icon-pdf {
 padding-left: 17px;
 background: url(../images/pdf_button.png) 0 40% no-repeat;
}

/*
 * emphasis
 */

em.box {
  padding: 0px 3px 0px 3px;
  border: 1px dotted #aaaaaa;
  background: #f5f6f7;
  font-family: "Courier New", Courier, monospace;
  font-style: normal;
  white-space: nowrap;
}

/*
 * unsorted lists
 */

/* icon style */
ul.arrow,
ul.checkbox,
ul.check,
ul.star {
  margin: 6px 0px 6px 0px;
  /* padding-left: 5px; */
  list-style: none;
}

ul.arrow li,
ul.checkbox li,
ul.check li,
ul.star li {
  margin: 6px 0px 6px 0px;
 text-indent: 25px;
 line-height: 17px;

  /*  padding-left: 35px;
 font-weight: bold;
  line-height: 26px; */
}

ul.arrow li { background: url(../images/typography/list_arrow.png) -2px -3px no-repeat; }
ul.checkbox li { background: url(../images/typography/list_checkbox.png) -2px -3px no-repeat; }
ul.check li { background: url(../images/typography/list_check.png) -2px -5px no-repeat; }
ul.star li { background: url(../images/typography/list_star.png) -2px -2px no-repeat; }

/* headline style */
ul.headline {
  margin: 10px 0px 20px 0px;
  padding-left: 0px;
  list-style: none;
}

ul.latestnews {
  margin: 8px 0px 16px 0px;
  padding-left: 2px;
 padding-right: 4px;
  list-style: none;
 font-weight: normal;
}

ul.latestnews li { background: url(../images/arrow.png) 2px 3px no-repeat; margin-top: 2px;
border-bottom: 1px dotted #CCCCCC;
}

.latestnews a:link, .latestnews a:visited {
 font-weight: normal;
 font-size: 11px;
 /* color: #333333; */
}


ul.headline li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  background: url(../images/typography/list_headline.png) 0px 100% repeat-x;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #818384;
  font-size: 11px;
}

ul.headline h3 {
  margin: 0px;
  font-style: italic;
  color: #323232;
  font-size: 14px;
  font-family: Georgia, "Times New Roman", Times, serif;
}

/* links style */
ul.links {
  margin: 10px 0px 20px 0px;
  padding-left: 0px;
  list-style: none;
}

ul.links li {
  padding-left: 15px;
  height: 25px;
  line-height: 25px;
  background: url(../images/typography/list_links.png) 0px 0 no-repeat;
  cursor: pointer;
}

ul.links li:hover { background-position: 0px -35px; }

ul.links li:hover a {
  color: #9d1c1f;
  text-decoration: none;
}

/* table style */
ul.table {
  margin: 20px 0px 20px 0px;
  padding-left: 0px;
  list-style: none;
}

ul.table li {
  padding: 5px;
  border-bottom: 1px solid #DADADA;
}

ul.table li:nth-child(odd) { background: #F9F9F9; }
ul.table li:nth-child(even) { background: #ffffff; }
ul.table li:last-child { border: none; }

/*
 * ordered lists
 */

ol.disc {
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 45px;
  background: url(../images/typography/list_disc.png) 20px 0px repeat-y;
}

ol.disc li {
  margin: 5px 0px 5px 0px;
  padding-left: 10px;
  font-weight: bold;
  line-height: 26px;
}

/*
 * horizontal rule
 */

hr.dotted {
  margin: 15px 0px 15px 0px;
  display: block;
  background: url(../images/typography/line_dotted.png) 0 0 repeat-x;
  height: 1px;
  border: none;
}


/*
 * highlighted div and span tags
 */
span.highlight {
 color: #FF9900;
}


span.note,
span.info,
span.alert,
span.download,
span.tip { display: block; }

div.note, span.note {
  margin: 10px 0px 10px 0px;
  padding: 5px 10px 5px 10px;
  background: #444444;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  text-align:justify;
  color: #ffffff;
  text-shadow: 0px -1px 0 rgba(0,0,0,1);
}
div.note a, span.note a { color: #A8D3FF; }
div.note a:hover, span.note a:hover { color: #FF8A8A; }

div.info, span.info,
div.alert, span.alert,
div.download, span.download,
div.tip, span.tip {
  margin: 10px 0px 10px 0px;
  padding: 8px 10px 8px 40px;
  text-shadow: 0px 1px 0px rgba(255,255,255,1);
}

div.info, span.info {
  background: #E4EBF1 url(../images/typography/box_info.png) 8px 5px no-repeat;
  border-top: 1px solid #D4D9DE;
  border-bottom: 1px solid #D4D9DE;
}

div.alert, span.alert {
  background: #FFE6DF url(../images/typography/box_alert.png) 8px 5px no-repeat;
  border-top: 1px solid #FFD9CF;
  border-bottom: 1px solid #FFD9CF;
}

div.download, span.download {
  background: #f5faeb url(../images/typography/box_download.png) 8px 5px no-repeat;
  border-top: 1px solid #D6EBCD;
  border-bottom: 1px solid #D6EBCD;
}

div.tip, span.tip {
  background: #FDF9E3 url(../images/typography/box_tip.png) 8px 5px no-repeat;
  border-top: 1px solid #FAE7BE;
  border-bottom: 1px solid #FAE7BE;
}

/*
 * p tag with dropcaps
 */
/*
p.dropcap:first-letter {
  display: block;
  margin: 7px 5px 0px 0px;
  float: left;
  font-size: 280%;
 --- nu --- border: 1px dotted #CCCCCC;
  font-family: Georgia, "Times New Roman", Times, serif;
} */

p.dropcap:first-letter {
  font-family: Georgia, "Times New Roman", Times, serif;

 float: left;
 color: white; /* #FF9900; */
 background: #CCCCCC; /* #3366FF; */
 border:1px solid #999999 ;/* #0033cc; */
 font-size: 48px;
 line-height: 46px;
 padding: 2px;
 margin-right: 8px;
}

/*
 * tables
 */

table.listing {
  width: 100%;
  margin-bottom: 30px;
  font-size: 11px;
}

table.listing thead th {
  height: 30px;
  padding: 5px;
  border-bottom: 1px solid #c8c8c8;
  background: none;
  vertical-align: top;
  font-size: 14px;
  font-weight: normal;
}

table.listing tbody td {
  height: 20px;
  padding: 5px;
  border-bottom: 1px solid #DADADA;
}

table.listing tr.odd td { background: #F9F9F9; }
table.listing tr.even td { background: #ffffff; }

table.listing td.bold {
  font-weight: bold;
  font-size: 12px;
}

/*
 * blockquotes
 */

blockquote { font-family: Georgia, "Times New Roman", Times, serif; }

q.blockquote {
  margin: 10px 0 10px 15px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 130%;
}

q.blockquote:first-letter { font-size: 150%; }

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

blockquote.quotation {
  margin: 10px 0px 10px 0px;
  padding: 10px 35px 10px 35px;
  border: none;
  background: url(../images/typography/blockquote_start.png) 0 0 no-repeat;
  text-align:justify;
}

blockquote.quotation p {
  margin: 0px -35px -10px 0px;
  padding: 0px 35px 10px 0px;
  background: url(../images/typography/blockquote_end.png) 100% 100% no-repeat;
}