/* HTML Tag Redefinition */
html, body {height: 100%;  }
body {/* customize_background */ background:url(http://www.w3d.fi/themes/w3d/images/bg_full.png) repeat-x top center; color: #444; background-color: #ccc; /* customize_background */ text-align: center; padding: 10px; margin: 0px; }
img { border: 0px; }
a { cursor:pointer; }

label { font-weight:bold; display:block; padding-top: 10px; }
fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px; }

/* Page Structure / Navigation */
#page{ width:920px; height: auto; margin:auto; text-align:left; background:url(http://www.w3d.fi/themes/w3d/images/bg_mid.png) repeat-y top right; background-color: transparent; overflow:hidden; }
#page #headerSpacer{ height:24px; background:url(http://www.w3d.fi/themes/w3d/images/bg_top.png) no-repeat top right; }
#page #header{ position:relative; padding: 0 10px; } 
#page #header #logo{ color:#444; font-size:32px; font-family:Arial, Helvetica, sans-serif; line-height: auto; background: url(http://www.w3d.fi/themes/w3d/images/newlogo.png) no-repeat top; margin-bottom: 0px; padding: 0px; margin-top: -10px; cursor:pointer; left:0px; z-index:1; width: 900px; height: 80px; float:left; position: relative; }
#page #header #logo a{ /* customize_header_logo */ color:#6699ff; /* customize_header_logo */ text-decoration:none; }

#page #header #headerNav { position: absolute; top: 20px; right: 25px; z-index:2; width:100%; overflow:visible; }
#page #header ul.nav-header { list-style:none; margin:0px; padding:0px; width:auto; z-index:2; overflow:visible; float: right; }
#page #header ul.nav-header li { float:left; padding: 2px 0px; margin-left: 5px; margin-bottom: 0px; color:#444; font-size:14px; margin-top:0px; }
#page #header ul.nav-header li a,#page #header ul.nav-header li a:hover { text-decoration:none; color:#444; border: 1px solid #fff; padding: 2px 8px; }
#page #header ul.nav-header li a:hover { border: 1px solid #40a2ed; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#page #header ul.nav-header li.nav-selected, #page #header ul.nav-header li.nav-selected a, #page #header ul.nav-header li.nav-selected a:hover { color: #fff; background-color: #40a2ed; border: 1px solid #40a2ed; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#page #header #header-area { margin: 10px 5px 0 5px; }
#page #header #header-area #header-area-inside { margin-bottom: 2px; }
#page #header #header-area img { display: block; }
#page .divider { padding-top: 2px; overflow:hidden; height:1px; clear:both; width:100%; }

#page #central { width: 910px; min-height: 470px; height: auto; background:url(http://www.w3d.fi/themes/w3d/images/triangle.png) no-repeat top right; clear:both; padding: 0px; z-index: 1; }
#page .no-sidebar { width: 850px; min-height: 470px; height:auto; background:url(http://www.w3d.fi/themes/w3d/images/triangle.png) no-repeat top right; clear:both; padding: 0px; z-index: 1; }
#page #central.central-left { width: 910px; min-height: 470px; height:auto; background:url(http://www.w3d.fi/themes/w3d/images/triangle.png) no-repeat top right; clear:both; padding: 0px; z-index: 1; }
#page #central.central-left #sidebar { float: left !important; width:410px; padding-left:0px; margin-left: 40px; padding-right: 0px; overflow:hidden; z-index: 3; background:url(http://www.w3d.fi/themes/w3d/images/bg_shade.png) no-repeat top left; }
#page #central.central-left #body { padding-left: 0px !important; padding-right: 20px !important; float:right; width:410px; overflow:hidden; z-index: 2; }
#page #central.central-wide { width: 910px; min-height: 470px; height:auto; background:url(http://www.w3d.fi/themes/w3d/images/triangle.png) no-repeat top right; clear:both; padding: 0px; z-index: 1; }
#page #central.central-wide #sidebar { float: left !important; width:210px; padding-left:0px; margin-left: 40px; padding-right: 0px; overflow:hidden; z-index: 3; background:url(http://www.w3d.fi/themes/w3d/images/bg_shade.png) no-repeat top left; }
#page #central.central-wide #body { padding-left: 0px !important; padding-right: 20px !important; float:right; width:610px; overflow:hidden; z-index: 2; }
#page #central.central-wide #body p { width: 490px; }
 
#page #central #body{ float:left; width:500px; overflow:hidden; padding-left: 40px !important; padding-right: 0px !important; z-index: 2; }
#page #central #body p { text-align:justify; z-index: 2; }
#page .no-sidebar #body { float: none !important; width: 700px !important; overflow:hidden; }
#page .no-sidebar .pageSection { float: none !important; width: 700px !important; margin: 0 0 0 40px; overflow:hidden; }
#page #central #sidebar { float:right; width:325px; padding-right:10px; margin-right: 10px; overflow:hidden; z-index: 3; background:url(http://www.w3d.fi/themes/w3d/images/bg_shade.png) no-repeat top right; }
#page #central #sidebar p { line-height: 18px; z-index: 2; }
#page #central #sidebar ul.nav { list-style:none; margin-left:0px; padding:0px; padding-left:12px; font-size:14px; }
#page #central #sidebar ul.nav li { margin-bottom: 24px; }
#page #central #sidebar ul.nav a { font-weight: bold; text-decoration:none; color:#333; }
#page #central #sidebar ul.nav a.nav-selected { color: #40a2ed; }
#page #central #sidebar ul.nav a:hover { text-decoration: underline; }
#page #central #sidebar ul.nav ul { list-style: none; margin-left: 0px; padding: 0px; padding-left: 30px; margin-top: 10px; }
#page #central #sidebar ul.nav ul li { margin-bottom: 10px; }

#page #central.navLeft { background:url(http://www.w3d.fi/themes/w3d/images/nav_sidebar_left_bg.gif) repeat-y center; }
#page #central.navLeft #sidebar { float:left; }
#page #central.navLeft #body { float:right; padding-right:0px; width:68%; }

#page #central.noSideNav { background: none; }
#page #central.noSideNav #sidebar { display:none; }
#page #central.noSideNav #body { float: none; padding-left: 0px; padding-right: 0px; width: 100%; }

#page #footer { width: 920px; height: 50px; background:url(http://www.w3d.fi/themes/w3d/images/bg_bottom.png) no-repeat top right; background-color: transparent; padding-top:20px; clear:both; padding-bottom:25px; color:#444; font-size:10px; z-index: 1; }
#page #footer a{ text-decoration:none: }
#page #footer span.sign-in { margin-left: 20px; }
#page #footer div.powered-by { float: right;  margin: 0px 25px; }
#page #footer div.contact-add { width: 880px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; color: #444; margin: 5px 20px; padding: 6px 0px; text-align: center; letter-spacing: 4px; border-top: 1px solid #40a2ed; border-bottom: 1px solid #40a2ed; }

/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px; }
.pagination{ text-align:center; color:#b5b; padding-top:4px; }
.pagination .pageRight{width:20%; float:right; text-align:right; }
.pagination .pageLeft{width:20%; float:left; text-align:left; }

/* MISC STYLES & SHORTCUTS */
div.code { border: 1px solid #ddd; background: #eee; padding: 10px; }
div.spacer,div.ccm-spacer { clear:both; font-size:1px; line-height:1px; }
.noTopSpace { margin-top:0px; padding-top:0px; }

/* customize_miscellaneous */  /* customize_miscellaneous */

#sidebar h3.ccm-page-list-title { color: #fff; background-color: #40a2ed; font-size: 12px; margin: 5px 6px 0 0; padding: 3px 10px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-box-shadow: 3px 3px 3px 0px rgba(237,162,64,0.4); -moz-box-shadow: 3px 3px 3px 0px rgba(237,162,64,0.4); box-shadow: 3px 3px 3px 0px rgba(237,162,64,0.4); }
#sidebar .ccm-page-list-date { width: 70px; color: #000; font-size: 11px; font-weight: bold; float: left; }
#sidebar div.ccm-page-list-description { color: #000; background-color: #fff; font-size: 11px; font-weight: normal; padding: 6px; margin: 0 6px 6px 0; border: 1px solid #40a2ed; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 2px 2px 2px 0px rgba(128,128,128,0.4); -moz-box-shadow: 2px 2px 2px 0px rgba(128,128,128,0.4); box-shadow: 2px 2px 2px 0px rgba(128,128,128,0.4); }
#sidebar div.ccm-page-list-description a { margin-top: 3px; color: #40a2ed; font-size: 12px; font-weight: bold; float: right; }

#body h3.ccm-page-list-title { color: #fff; background-color: #40a2ed; font-size: 16px; margin: 5px 10px 0 0; padding: 5px 15px; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; -webkit-box-shadow: 5px 5px 5px 0px rgba(237,162,64,0.4); -moz-box-shadow: 5px 5px 5px 0px rgba(237,162,64,0.4); box-shadow: 5px 5px 5px 0px rgba(237,162,64,0.4); }
#body .ccm-page-list-date { width: 90px; color: #000; font-size: 14px; font-weight: bold; float: left; }
#body div.ccm-page-list-description { color: #000; background-color: #fff; font-size: 12px; font-weight: normal; padding: 15px 10px; margin: 0 10px 10px 0; border: 1px solid #40a2ed; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; -webkit-box-shadow: 3px 3px 3px 0px rgba(128,128,128,0.4); -moz-box-shadow: 3px 3px 3px 0px rgba(128,128,128,0.4); box-shadow: 3px 3px 3px 0px rgba(128,128,128,0.4); }
#body div.ccm-page-list-description a { margin-top: 10px; color: #40a2ed; font-size: 14px; font-weight: bold; float: right; }