/*****************************/
/*   COMMON ELEMENT STYLES   */
/*****************************/

body{
    margin-top: 0px;
    margin-left: 5px;
    text-align:center;
}

html {
    font-family: Arial, Trebuchet MS, Sans-serif;
    background-color: #d3d3d3;
    margin-bottom: 30px;
    font-size: 10pt;
    margin-top: 0px;
}
a:link, a:visited, a:hover {    
    color: #5079b7;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
form {
    display: inline;
}
input, textarea, select {
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 8pt;
    margin-bottom: 2px;
}
h1 {
    font-size: 18pt;
    margin-top: 0px;
    border-bottom: 1px solid #988d63;
}
img {
    border: none;
}
b.digest {
    font-style: italic;
    color: #666;
    font-size: 11pt;
}

/*************************/
/* SPECIAL HTML ELEMENTS */

/* .cpform-button is the button class set by the  */
/* CorePublish form framework.                    */
input.submit, input.cpform-button {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    background-color: #366dbd;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Verdana, Sans-serif;
}

/* IE styles the radio and checkboxes with border   */
/* around the item. The CorePublish Form framework  */
/* sets these items with the .cpform-noborder class.*/
/* Use this class to turn of border for the items.  */
input.cpform-noborder {
    border: none;
}

/*****************************/
/*         ENTITIES          */
/*****************************/

/* container */
#container {
    margin: 0 auto;
    width: 990px;
    text-align:left !important; /* Internet Explorer 6 needs this to not center the page content */
    background-color: #FFFFFF;
    padding-right: 0px;
    
}

/* placeholders */
#placeholder-header {
    background-color: #f19228;
    background-repeat: no-repeat;
    text-align: right;
    margin-bottom: 1px;    
}

#placeholder-column {
    float: left;
    width: 211px;
    margin-right: 10px;
    overflow: hidden;
}
#placeholder-content {
    float: left;
    width: 769px;
}
#placeholder-footer {
    clear: both;
    padding-top: 25px;
}
#placeholder-right {
    width: 172px;
    float: right;
}
#placeholder-right-content {
    float: left;
    width: 540px;
}

/*****************************/
/*          CLASSES          */
/*****************************/

/* .page-header */
.page-header {
    float: left;
}
.page-header h1 {
    margin: 0px;
    border: 0px;
    color: #fff;
    text-align: left;
}
.page-header img {
    border: 0px;
}
.page-header a:link,
.page-header a:visited,
.page-header a:hover {
    color: #fff;
    text-decoration: none;
}

/* common box menus and lists */
.small-searchinput,
.small-rsslist,
.categorysearch,
.small-articledisplay,
.small-articlelist,
.login-form,
.newsletter-form {
    background-color: #fff;
    /*background-image: url(images/box-bottom.gif);*/
    background-repeat: no-repeat;
    background-position: bottom left;
    /*padding: 3px 10px 25px 10px; /* t r b l */
    margin-bottom: 10px;
    border: 0px solid #888;
}
.small-rsslist {
    background-image: url(images/box-bottom-rss.gif);
}
.small-searchinput h3,
.small-rsslist h3,
.categorysearch h3,
.vertical-menu h3,
.small-articledisplay h3,
.small-articlelist h3,
.login-form h3,
.newsletter-form h3,
.small-rsslist h3 a:link,
.small-rsslist h3 a:visited,
.small-rsslist h3 a:hover {
    color: #FFFFFF;
    text-transform: none;
    font-style: none;
    text-align: left;
    background-color: #2d2d2d;
    font-size: 8pt;
    padding: 5px 0px 5px 15px; /* t r b l */
    border: 0px;
    text-decoration: none;
}

.vertical-menu a:link, 
.vertical-menu a:visited, 
.vertical-menu a:hover, 
.small-articlelist a:link,
.small-articlelist a:visited,
.small-articlelist a:hover,
.small-rsslist a:link,
.small-rsslist a:visited,
.small-rsslist a:hover {
    font-size: 9pt;
    font-weight: bold;
}


.small-articlelist a:link,
.small-articlelist a:visited,
.small-articlelist a:hover{
    text-decoration: none;
    color: #d6850b;
}

.small-articlelist-ingress{
    font-size: 11px;
    color: #000000;
}

.small-articlelist-readmore,
.small-articlelist-readmore a{
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

.vertical-menu a:link, 
.vertical-menu a:visited, 
.vertical-menu a:hover {
    /*text-transform: uppercase;*/
    text-decoration: none;
    color: #000000;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
}
.vertical-menu a:hover {
    text-decoration: none;
    display: block;
    background-color: #d3d3d3;
}

.small-rsslist ul li ul li,
.small-articlelist ul li ul li,
.vertical-menu ul li ul li {
    padding-left: 15px;
}
.small-rsslist ul,
.small-articlelist ul,
.vertical-menu ul {
    margin: 0px;
    padding: 0px;
}
.small-rsslist li,
.small-articlelist li,
.vertical-menu li {
    list-style-type: none;
}

.small-articlelist li {
    padding: 2px 0px 3px 15px;
}

.vertical-menu li {
    padding: 2px 0px 3px 0px;
}

.vertical-menu li.last {
    border-bottom: 0px;
}
.small-rsslist li,
.small-articlelist li {
    padding-bottom: 5px;
}
.small-rsslist ul li ul li,
.small-articlelist ul li ul li,
.vertical-menu ul li ul li {
    border: 0px;
}
.small-rsslist span.date,
.small-articlelist span.date {
    font-size: 7pt;
    color: #888;
}
.vertical-menu a.active {
    font-style: none;
    text-decoration: none;
    color: #000000;
    background-image: url(images/menu_icon.gif);
    background-repeat: no-repeat;
    background-position:left;
}

/* .small-articledisplay */
.small-articledisplay {
    font-size: 9pt;
}

/* .newsletter-form */
.newsletter-form div {
    font-size: 8pt;
    color: #888;
}
.newsletter-form table {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;    
}
.newsletter-form .lablecell {}
.newsletter-form .inputcell {
	text-align: right;
}
.newsletter-form input.textinput {
    width: 110px;
}
.newsletter-form input.submit {
    width: auto;
    margin-top: 10px;
}

/* .login-form */
.login-form .inputcell {
    text-align: right;
}
.login-form table {
    width: 100%;
}
.login-form div {
    font-size: 8pt;
    color: #888;
}
.login-form table,
.login-form table {
    border-collapse: collapse;
    border-spacing: 0px;
}
input.searchtext {
    width: 120px;
}
.login-form input.textinput {
    width: 110px;
}
#login-form-changepassword input.textinput {
    width: 70px;
}

.login-form input.submit {
    width: auto;
    margin-top: 10px;
    background-color: #000000;
}
#login-form-error,
#login-form-message,
#newsletter-form-error,
#newsletter-form-message,
#searchlog-container-error-message {
    color: #962727;
    font-weight: bold;
    font-size: 8pt;
    border: 1px solid #888;
    padding: 5px;
    margin-bottom: 5px;
    text-align: center;
}
#login-form-message,
#newsletter-form-message {
    color: #279634;
}
#login-form-logout p {
    margin: 0px;
}

/* .small-searchinput */
.small-searchinput input {
    width: 170px;
}
.small-searchinput input.submit {
    width: auto;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    background-color: #366dbd;
    color: #fff;
    font-weight: bold;
}

/* .linktoolbar */
.linktoolbar {
    float: right;
    font-size: 8pt;
    padding-bottom: 15px;
}
.linktoolbar h3 {
    display: none;
}
.linktoolbar ul {
    margin: 0px;
    padding: 0px;
}
.linktoolbar ul li {
    display: inline;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    border-left: 1px solid #988d63;
    padding-left: 5px;
    margin-left: 5px;
}
.linktoolbar ul li.first {
    border-left: 0px;
    padding-left: 0px;
    margin-left: 0px;
}

/* .sitelocator */
.sitelocator {
    float: left;
    font-size: 8pt;
    padding-bottom: 15px;
}
.sitelocator h3 {
    display: inline;
    margin: 0px;
    padding: 0px;
    font-size: 8pt;
    font-weight: normal;
    margin-right: 0px !important;
    margin-right: 5px;
}
.sitelocator ul {
    margin: 0px;
    padding: 0px;
    display: inline;
}
.sitelocator ul li {
    display: inline;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-image: url(images/sitelocator-separator.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px;
    margin-right: 2px;
}
.sitelocator ul li.last {
    background: none;
    padding-right: 0px;
    margin-right: 0px;
}

/* .small-text styles */
.small-text,
.small-text-black {
    font-size: 8pt;
    color: #888;
}
.small-text-black {
    color: #000;
    font-style: italic;
}

/* full-articlelist */
.full-articlelist ul {
    margin: 0px;
    padding: 0px;
}
.full-articlelist li {
    list-style-type: none;
    padding: 5px 5px 10px 5px;
}
.full-articlelist li.even {
    
}
.full-articlelist p,
.full-articlelist h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* .full-searchinput */
.full-searchinput {
    border-bottom: none;
    padding-bottom: 2px;
    padding-top: 60px;
    padding-right: 10px;
}
.full-searchinput .error,
.full-articlelist-message {
    font-size: 8pt;
}
.full-searchinput input {
    width: 200px;
}
.full-searchinput input.submit {
    width: auto;
    background-color: #000000;
    color: #FFFFFF;
}

/* .list-navigation */
.list-navigation,
.list-navigation-text {
    text-align: center;
    font-size: 8pt;
}

/* .horizontal-menu */
.horizontal-menu {
    float: left;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 0px;
    background-color: #2d2d2d;
    text-align: left;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 0px;
}
.horizontal-menu h3 {
    display: none;
}
.language-selector ul,
.horizontal-menu ul {
    margin: 0px;
    padding-left: 5px;
}
.language-selector li,
.horizontal-menu li {
    display: inline;
    list-style-type: none;
    padding: 5px 10px 5px 10px;
    border-right: 0px solid #aaa;
}
.horizontal-menu li.first {
    padding-left: 0px;
}
.language-selector li.last,
.horizontal-menu li.last {
    padding-right: 0px;
    border-right: 0px;
}
.language-selector a:link, 
.language-selector a:visited,
.language-selector a:hover{
    color: #fff;
    font-size: 8pt;
    font-weight: bold;
}

.horizontal-menu a:link, 
.horizontal-menu a:visited{
    color: #d4d2d2;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
}

.horizontal-menu a:hover {
    text-decoration: underline;
}

/* .language-selector */
.language-selector {
    float: right;
}
.language-selector li {
    border: 0px;
    display: inline;
    list-style-type: none;
    padding: 0px 5px 0px 5px;
    border-right: 1px solid #aaa;
}
.language-selector li.last {
    border-right: 0px;
}
.language-selector h3 {
    display: none;
}
.language-selector img {
    border: 0px;
}

/* .full-articlelist-twocolumn */
.full-articlelist-twocolumn {
    margin-top: 30px;
}

.full-articlelist-twocolumn ul li {
    padding-bottom: 0px;
    margin-bottom: 10px;
}
.full-articlelist-twocolumn ul {
    margin: 0px;
    padding: 0px;
}
.full-articlelist-twocolumn li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.full-articlelist-twocolumn p {
    margin: 0px;
}
.full-articlelist-twocolumn li.odd {
    float: left;
    padding-right: 10px;
    width: 47%;
    clear: both;
}
.full-articlelist-twocolumn li.even {
    float: left;
    padding-left: 10px;
    width: 47%;
}
/* font style for readmore in articlelist */
.full-articlelist a:link,
.full-articlelist a:visited,
.full-articlelist a:hover,
.full-articlelist-twocolumn a:link,
.full-articlelist-twocolumn a:visited,
.full-articlelist-twocolumn a:hover {
    
}
.login-form-link {
    float: right;
}
#login-form-container {

}
#lost-email {
    width: 130px;
}
#login-form-lostpassword-container,
#login-form-changepassword {
    display: none;
}
#login-form-changepassword {
    margin-top: 10px;
}
#login-form-changepassword form {
    display: block;
    margin-top: 10px;
}
/* .clear-both-style */
.clear-both-style {
    clear: both;
    height: 0px;
    overflow: hidden;
}

/* special rendering for footer article */
#placeholder-footer .small-articledisplay {
    background: none;
    padding: 0px;
    margin: 0px;
    text-align: center;
    border-top: 1px solid #d2cbb1;
    color: #9d9678;
    padding-top: 10px;
}

#extended-debug-info {
    border: 1px solid #888;
    background-color: #eee;
    padding: 10px;
    font-family: Monospace;
    width: auto;
}

/* .sitemap */
.sitemap h3 {
    display: none;
}
.sitemap ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.sitemap ul li {
    font-weight: bold;
    padding-bottom: 10px;
}
.sitemap ul li ul li {
    font-weight: normal;
    padding-left: 15px;
    padding-bottom: 3px;
}

/* searchlog-container */
#searchlog-container table.searchtable {
    margin-top: 15px;
    width: 100%;
}
#searchlog-container-error-message {
    margin-bottom: 10px;
}
#searchlog-container table.searchtable td {
    padding: 2px 30px 2px 5px;
}
#searchlog-container table.searchtable {
    border: 1px solid #988d63;
}
#searchlog-container table th {
    background-color: #988d63;
    color: #fff;
    text-transform: uppercase;
    font-size: 8pt;
    padding: 4px 0px 4px 0px;
}
#searchlog-container table th.rank,
#searchlog-container table th.count,
#searchlog-container table th.percent,
#searchlog-container table th.query {
    border-right: 1px solid #666;
}
#searchlog-container table td.rank,
#searchlog-container table td.count,
#searchlog-container table td.percent {
    text-align: right;
    border-right: 1px solid #888;
}
#searchlog-container table.searchtable td.odd {
    background-color: #fff;
}
#searchlog-container table.searchtable {
    border-collapse: collapse;
    border-spacing: 0px;
}

/* Added */
#placeholder-column{
  clear: both;
}

.vertical-menu {
    background-color: #c7c7c7;
    margin-bottom: 1px;
    border: 0px solid #888;
}

.vertical-menu h3{
  display: none;
}

.small-articlelist {
    background-color: #e8e8e8;
    margin-bottom: 1px;
}

h3{
  margin-top: 0px;
}

.productlist{
	margin-bottom: 1px;
	padding: 0px;
}

.productlist a:link,
.productlist a:hover,
.productlist a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

.productlist h3{
    color: #FFFFFF;
    text-transform: none;
    font-style: none;
    text-align: left;
    background-color: #2d2d2d;
    font-size: 8pt;
    padding: 5px 0px 5px 15px; /* t r b l */
    border: 0px;
    text-decoration: none;
    margin: 0px;
}

.productlist ul{
    margin: 0px;
    padding: 0px;
}

.productlist li{
    list-style-type: none;
    text-align: left;
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 2px;
    display: block;
    color: #FFFFFF;
    background-color: #f19228;
}

.productlist img{
	padding: 0px;
	margin: 0px;
}

.multimediadisplay ul li{
	list-style-type: none;
}

.multimediadisplay img{
	border: none;
}