/**************************************
 * THEME NAME: tinymce_integration
 *
 * Files included in this sheet:
 *
 *   tinymce_integration/gradients.css
 *   tinymce_integration/styles_tinymce3.css
 **************************************/

/***** tinymce_integration/gradients.css start *****/

/**
  *  Adds all the nice finish to the standard theme
  *
  */

th.header,
td.header,
h1.header,
h2.header,
h3.header,
div.header {     
    background-image:url(pix/forumgradient.gif);     
    background-position:top;    
    background-repeat:repeat-x;     
}

.navbar {
    background-image:url(pix/forumgradient.gif);     
    background-position:top;    
    background-repeat:repeat-x;     
}
/***** tinymce_integration/gradients.css end *****/

/***** tinymce_integration/styles_tinymce3.css start *****/

/***
 *** General CSS File
 ***/

/**
 * Give the header tabs some breathing room
 **/
.header-tabs {
  margin-top: 20px;
}

#site-index .header-tabs {
  margin-bottom: -32px;
}

/**
 * Clean up the formatting of the navbutton area
 **/

.navbar .navbutton form {
  float: left;
}

.navbar .navbutton .popupform {
  padding-top: 2px;
}

.navbar .navbutton #switchrole .helplink {
  display: block;
  float: left;
  margin-top: 2px;
}
/***
 *** General CSS File
 ***/

body {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 85%;
  padding: 0px 30px 0px 0px;  /* This helps the dropdown menus to line up */
  background-color: #DBE2E8;
 
  margin:0px;
 
}
#outerBox{
   background-image:url(pix/background-left.gif);
  background-repeat:repeat-y;
  background-position:left; 
padding-left:30px

}
/**
 * Header Styles
 **/
#header-home .headermain,
#header .headermain {
  padding: 10px;
  vertical-align: middle;
}

a.verkkolehtori {
  text-decoration: none;  
  font-size: 26px;
  margin: 0px 70px 10px 60px;
  letter-spacing: 5px;
}

#page {
  background-color:#FFFFFF;
  background-image:url(pix/background-right.gif);
  background-repeat:repeat-y;
  background-position:right;
}

#header-home,
#header {
  height: 85px;
  color:#000000;
  margin-right:2px;
  padding-right:5px;
}
#header-home a,
#header a{
color: #000000;
}
#heading-hr {
  display: none;
}

.navbar .breadcrumb {
  margin-top: .8em;
}

/**
 * Footer Styles
 **/

#footer .sitelink,
#footer .helplink,
#footer .homelink {

}

#footer .logininfo {
  text-align: right;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 5px;
  font-size: 90%;
}

/**
 * Link colors
 **/


a:hover {
color: #CC3300;
}

.navbar .breadcrumb a,
.navbar .breadcrumb a:link,
.navbar .breadcrumb a:active{
  color: #000000;
}
.navbar .breadcrumb a:hover {
    color: #CC3300;
    }
.block_admin_tree a:link,
.block_admin_tree a:visited,
.block_admin_tree a:hover {
  color: #444444;
}

span.button,
span.button input,
span.button a:link,
span.button a:visited,
span.button a:active {
  color: #000000;
}

/**
 * Heading colors
 **/
h1, h1.main,
h2, h2.main,
h3, h3.main,
h4, h4.main,
h5, h5.main,
h6, h6.main {
  color: #424E53;
}

/**
 * Tabs
 **/
.tabtree {
  margin-top: 15px;
}

.tabrow0 a {
  color: #444444;
  font-size: 105%;
  font-weight: bold;
  line-height 1.8em;
}

.tabrow0 a {
  background: transparent url(pix/tab/left.gif) no-repeat left top;
}

.tabrow0 a span {
  background: transparent url(pix/tab/right.gif) no-repeat right top;
}

/* Hover Styles */
.tabrow0 .last a:hover,
.tabrow0 a:hover {
  background-image: url(pix/tab/left_hover.gif);
  color: #FFFFFF;
  text-decoration: none;
}

.tabrow0 .last a:hover span,
.tabrow0 a:hover span {
  background-image: url(pix/tab/right_hover.gif);
}

.tabrow0 .here a:hover {
  background-image: url(pix/tab/left.gif);
}

.tabrow0 .here a:hover span {
  background-image: url(pix/tab/right.gif);
}

.tabrow0 .here a,
.tabrow0 .here a:hover {
  color: #444;
  text-decoration: none;
}

/* Sub tab link coloring */
ul.tabrow1 li a,
ul.tabrow1 li a:link,
ul.tabrow1 li a:visited,
.tabrow0 ul li a:hover span,
.tabrow0 ul a {
  color: #444444;
  text-decoration: none;
}

.tabrow0 ul li.here a:hover span {
  color: #444;
}

/* Header tabs */
.header-tabs .tabtree {
  margin-top: 0;
  background: transparent url(pix/tab/right.gif) no-repeat top right;
  padding-top: 6px;

  /* Fixes overlap problem with navbar */
  position: relative;
  z-index: 0;
}

/* Keeps top of navbar visible */
.navbar {
  position: relative;
  z-index: 1;
  
}

.header-tabs {
  margin: 0 0 -2px 0;
}

#header-tabs .tabrow0 {
  padding-bottom: 0;
  text-align: left;
}

#header-tabs .tabrow1 {
  display: none;
}
 #site-index .header-tabs {
  margin-bottom: 10px;
}

#site-index .header-tabs .tabtree {
  border-bottom: 1px solid #DDDDDD;
  height: 20px;
}
/**
 * Format Page
 **/

.format-page {
  margin-left: 0;
}

/**
 * Page menu
 **/

.mod-pagemenu .menutree {
  padding-left: 0;
}

.mod-pagemenu .menutree,
.mod-pagemenu .menutree .childtree {
  list-style-type: none;
}

.mod-pagemenu .menutree .menuitem a {
  color: #444444;
  text-transform: uppercase;
  padding-left: 5px;
}

.mod-pagemenu .menutree .childtree .menuitem a {
  text-transform: none;
}

.mod-pagemenu .menutree .menuitem a:hover {
  text-decoration: none;
}

.mod-pagemenu .menutree .menuitem {
  border-bottom: 1px solid #ACC2CD;
}

.mod-pagemenu .menutree .childtree .menuitem {
  border-bottom: none;
}

.mod-pagemenu .menutree .menuitem a.current,
.mod-pagemenu .menutree .menuitem a.current:hover {
  font-weight: bold;
  color: #444444;
}

/* Crazy styles to have a light blue bar for the current menu item */
.mod-pagemenu .menutree li.current {
  background-color: #DDE6EB;
}

.mod-pagemenu .menutree li.current .childtree {
  margin-bottom: -3px;
}

.mod-pagemenu .menutree li.current .childtree,
.mod-pagemenu .menutree li.current .childtree .menuitem {
  background-color: #FFFFFF;
}

/**
 * Blocks
 **/

/* OK, weird setup, but makes it so no background behind edit widgets so it looks mucho nicer */
.sideblock div.header .title h2 {
  background-image: url(pix/gradient.gif);
  
  border-top:1px solid #B0BEC7;
  border-bottom:1px solid #B0BEC7;
  color:#000066;
  padding: 4px;
}

.sideblock div.header .title .commands {
 padding:2px;
  margin-top: 3px;
}



.sideblock .content {
  background-color: #FFFFFF;
}

/* No border for module type blocks */
.block_page_module .content,
.block_page_module .header,
.block_page_module h2.header {
  border: none;
}

.block_page_module .content {
  padding-left: 0;
  padding-right: 0;
}

/* Forum Block Fix */
.mod-forum.sideblock th.header {
  border-style: none;
}

/**
 * YUI Drop-down menu
 **/

div.yuimenu {
  border-top: 1px solid #C9CBCD;
  border-left: 1px solid #C9CBCD;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 0;
}

div.yuimenu ul {
  padding: 0;
}

/* Rollover color */
div.yuimenu li.selected,
div.yuimenubar li.selected {
  background-color: #D5E0E6;
}

div.yuimenu .yuimenuitem a {
  color: #444444;
}

div.yuimenu li.selected a.selected {
  color: #444444;
  text-decoration: none;
}

div.yuimenu .yuimenuitem a.yuicurrent,
div.yuimenu .yuimenuitem a.yuicurrent:hover {
  text-decoration: none;
  color: #444444;
  font-weight: bold;
}

div.yuimenu li.yuimenuitem {
  border-bottom: 1px solid #D5E0E6;
  display: block;
  padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 90%;
}

div.yuimenu li.yuilastmenuitem {
  border-bottom: none;
}

div.yuimenu .yuichildtree .yuimenuitem {
  font-size: 100%;
}

.sideblock .hide-show a {
border:0px;
margin-right:2px;
}
.sideblock .header {
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:none;
border-bottom:none;
padding:0px;
}
.navbar {
background-image:url(pix/topgradient.gif);
background-repeat:repeat-x;
border:1px solid #CAD5DB;
background-position:top;
 margin-right:2px;
}
.forumpost .left {
background:#FFFFFF;

}

.forumpost .starter , .forumpost .picture {
background-image:url(pix/forumgradient.gif);
background-repeat:repeat-x;
border-bottom: 1px solid #CAD5DB;
}
forumheaderlist, .forumpost {
border-collapse:separate;
border: 1px solid #CAD5DB;
}
#content {
padding:5px;
}
.sitetopic {
border:0px;
}
.defaultSkin span.indent {
margin-left:0px;
}
.summary h3 {
margin-top:0px;
}
#section-0  {
border:2px solid #FFFFFF;

}
.summary p{
margin-top:0px;
}
/***** tinymce_integration/styles_tinymce3.css end *****/

