/*
 * Basic page properties
 */

body {
    background-color: #dddddd;
    margin: 0;
  }


.page {
    width: 775px;
    border: 0;
    margin: 0px auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%; /*12pt;    9pt*/
    color: black;
    padding: 0px 13px 1px 13px;
    /*top right bottom left*/background-color: #ffffff;
  }


.mainTable {
    width: 775px;
    margin: 0 auto;
    border: 0;
  }


td#sidebar {
    width: 218px;
  }

#maincontent {
  }


table.form {
    background-color: #f2f2f2;
    margin: 0 auto;
    border: 0;
  }


table.form p {
    font-size: 8pt;
  }


table.form p.required {
    color: #a21745;
  }


table.form input.button {
    background-color: #a21745;
    color: white;
    font-weight: bold;
  }

/*
 * Page elements
 */

hr {
    padding: 0px 3px 0px 3px;
    border: 0;
    margin: 0;
    background-color: #e6e6e6;
    height: 1px;
  }


hr.thick {
    height: 6px;
  }


hr.thin {
    height: 2px;
  }


hr.fine {
    margin-bottom:7px;
    margin-top:7px;
  }


.vspace {
    width: 100%;
    margin: 0;
  }


.vspace#huge {
    height: 23px;
  }


.vspace#large {
    height: 13px;
  }


.vspace#normal {
    height: 8px;
  }


.vspace#small {
    height: 5px;
  }

/*
.head_email {
	font-size: 10pt;
	color: #333399;
	font-weight: normal;
	margin: 0px 0px 3px 5px;
}*/




p.bare {
    margin: 0;
  }


p#go {
    text-align: right;
  }


#go {
    text-align: right;
    font-size:90%;
  }

/* Identifier of the section */



#graphid {
    width: 100%;
    background-color: #e8e8e8;
    background-image: url(/resources/whiteout.gif);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    padding: 16px 0px 13px 0px;
    /*top right bottom left*/;
  }


#graphid img {
    padding-left: 13px;
  }


.textid {
    height: 100%;
    color: #404040;
    background-color: #e8e8e8;
    padding: 0px 13px 0px 26px;
    /*top right bottom left*/;
  }

/* Search form */



.search {
    font-size: 8pt;
    margin: 0px;
  }

/*---- Rulers -----*/

.ruler_medium {
  clear:both;
  background : #21417b; 
  padding-top : 8px;
}

.ruler_thin {
clear:both;
background :  #21417b; 
padding-top : 1px; 
}

/*
 * Titles
 */


.title_block {
    font-family: Verdana, Arial, sans-serif;
    font-size: 110%;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: 3pt;
    background-color: #e8e8e8;
    padding: 8px 0px 8px 6px;
    /*top right bottom left*/;
  }


.title_block2 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 110%;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: 1pt;
    background-color: #e8e8e8;
    padding: 8px 0px 8px 6px;
    /*top right bottom left*/;
  }


.title_big {
    /*instaed of "all"*/font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 100%;
    line-height: 100%;
    letter-spacing: 8pt;
    padding: 14px 0px 1px 13px;
    /*top right bottom left*/;
  }


.title_big#blue {
    color: #372f85;
  }


.title_big#sub {
    letter-spacing: 2pt;
    padding: 10px 0px 6px 13px;
    /*top right bottom left*/;
  }


.title_big#section {
    letter-spacing: 2pt;
    margin: 0;
    padding: 0;
  }


.title_small {
    font-size: 11pt;
    font-weight: bold;
    letter-spacing: 2pt;
    padding: 0px 0px 2px 13px;
    /*top right bottom left*/;
  }


h1 {
    /* article's title */margin: 0;
    font-size: 110%;
    font-weight: bold;
    letter-spacing: 0.2em;
    padding: 1px 13px 8px 20px;
    /*top right bottom left*/;
  }


h2 {
    /* author */font-size: 90%;
    font-weight: normal;
    margin: 0;
  }


h3 {
    /* author */font-size: 100%;
    font-weight: bold;
    margin: 0;
  }

/*
 * Class news and related
 */



.news {
    font-size: 9pt;
    color: #21417B;
    text-align: left;
  }


.news p {
    font-size: 7pt;
    text-align: left;
  }


.news p a {
    color: #21417B;
    text-decoration: underline;
  }

.news .bluelink {
    color: #21417B;
    text-decoration: none;
  }


.news h1 {
    /* titile */font-size: 100%;
    letter-spacing: 0pt;
    padding: 15px 0px 0px 0px;
    /*top right bottom left*/;
  }


.news h2 {
    /* details */font-size: 90%;
    color: #21417B;
    line-height: 100%;
    padding: 5px 0px 0px 0px;
    /*top right bottom left*/;
  }

/*
 * Class frontpage
 */
 



.frontpage {
    padding-left: 13px;
  }


.frontpage td.abstract {
    vertical-align: top;
    padding: 0px 13px 0px 0px;
    /*top right bottom left*/;
  }


.frontpage #location {
    font-size: 85%;
    color: #666666;
    margin: 0;
    padding-top: 3px;
  }


.frontpage h1 {
    font-size: 105%;
    letter-spacing: 0pt;
    font-weight: normal;
    line-height: 100%;
    padding: 10px 0 3px 0;
    /*top right bottom left*/
  }


.frontpage h1 a {
    color: black;
  }


.frontpage h1 a:hover {
    color: #a21745;
  }


.frontpage h2 {
    padding: 3px 0px 3px 0px;
    /*top right bottom left*/;
  }


.frontpage h2 a {
    text-decoration: underline;
  }


.frontpage td.abstract img {
    margin-top: 8px;
  }


.frontpage p {
    text-align: left;
    font-size: 90%;
    margin: 6pt 0pt 0pt 0pt;
    /*top right bottom left*/;
  }


.frontpage table.blocktitle {
    margin-top: 10px;
  }


.frontpage td.icon {
    padding: 7px 13px 0px 0px;
    /*top right bottom left*/;
  }

.frontpage h1 a:link {
    color: #21417b;
    text-decoration: none;
  }
.frontpage h1 a:hover, .frontpage h1 a:visited {
    color: #81a1cb;
    text-decoration : none;
  }
.frontpage h1 a:active {
    color: #91a1cb;
  }


.frontpage h2 {
    font-size: 80%;
    font-weight: normal;
    color: #555566;
  }

.frontpage h2 a, .frontpage h2 a:link {
    color: #21417b;
    text-decoration: none;
  }

.frontpage h2 a:hover, .frontpage h2 a:visited {
    color: #81a1cb;
    text-decoration : none;
  }
.frontpage h2 a:active {
    color: #91a1cb;
  }

/*---------------------------*/

.secondpage {
    padding-left: 13px;
    font-size: 11pt;
  }

.secondpage h1 {
    font-size: 110%;
    letter-spacing: 0pt;
    font-weight: bold;
    line-height: 100%;
    padding: 10px 0px 5px 0px;
    /*top right bottom left*/;
  }


.secondpage h1 a:link {
    color: #21417b;
    text-decoration: none;
  }
.secondpage h1 a:hover {
    color: #81a1cb;
    text-decoration : none;
  }
.secondpage h1 a:active {
    color: #91a1cb;
  }
.secondpage h1 a:visited {
    color: #81a1cb;
    text-decoration : none;
  }


.secondpage a:hover {
    color: #a21745;
    text-decoration : underline;
  }

.secondpage h2 {
    font-size: 90%;
    font-weight: bold;
    padding: 7px 0px 3px 0px;
    color: #555566;
  }


.secondpage h2 a {
    color: #21417b;
    text-decoration: none;
  }

.secondpage h2 a:link {
    color: #21417b;
    text-decoration: none;
  }
.secondpage h2 a:hover {
    color: #81a1cb;
    text-decoration : none;
  }
.secondpage h2 a:active {
    color: #91a1cb;
  }
.secondpage h2 a:visited {
    color: #81a1cb;
    text-decoration : none;
  }

.date {
padding: 7px 7px 3px 0;
font-size:9pt;
}


.secondpage td.abstract img {
    margin-top: 8px;
  }

.secondpage p {
    text-align: left;
    font-size: 90%;
    margin: 6pt 0pt 0pt 0pt;
    /*top right bottom left*/;
  }

.articlemore {
text-align:right;
padding: 5pt 15px 0 5pt;
font-size: 9pt;
float: right;
width: 150pt;
margin-bottom: 7px;
}

.secondpage .thumbnail {
padding: 10px 0 0 0; 
float: left;
width: 150px;
}

.secondpage .fragment {
padding: 7px 7px 0 0; 
margin-left: 157px;
/*background-color: #eeeeee;*/
}

.secondpage .fragmentfullwidth {
padding: 7px 7px 0 0; 
margin-left: 5px;
}

.secondpage .fragment p {
padding: 0 0 0 0;
margin:0 0 0 3px;
}

.secondpage .dotline {
background : url('/resources/images/line-dot.gif') repeat-x; 
padding : 1px 1px 1px 1px; 
margin: 12px 0 12px 0;
clear: both;
}



/* issue list of articles styles: ----------------------------------------*/
.secondpagelist {
    font : 9pt sans-serif;
  }


.secondpagelist h1 {
    margin-bottom: 0;
    margin-top: -2pt;
  }


.secondpagelist h1 a {
    color: #21417b;
    text-decoration: none;
    letter-spacing : 0;
  }

.secondpagelist h1 a:hover {
    color: #a21745;
    text-decoration : underline;
  }

.secondpagelist h2 {
    font : 8pt sans-serif;
    padding: 1px 13px 8px 20px;
    margin-bottom: -1pt;
    margin-top: -5pt;
    color: #555555;
  }
.secondpagelist h2 a:link {
    color: #21417b;
    text-decoration: none;
  }
.secondpagelist h2 a:visited {
    color: #81a1cb;
    text-decoration: none;
  }
.secondpagelist h2 a:hover {
    color: #a21745;
    text-decoration : underline;
  }


.secondpagelist a:visited {
    color: #81a1cb;
    text-decoration: none;
  }

.secondpagelist .dotline {
width:80%;
background : url('/resources/images/line-dot.gif') repeat-x; 
padding : 1px 1px 1px 1px; 
margin: 12px 13px 12px 13px;
}


/* Newer styles and classes after redesigning front page: */

/* font sizes for titles are in pixels, to match bitmap background */

#newstitle {
    background : url('/resources/images/2/novini.gif') no-repeat;
    font : bold 15px sans-serif;
    padding : 4px 5px 5px 30px;
    margin : 10px 0 0;
    color : #21417b;
    height : 36px;
    width : 190px;
  }


#forumtitle {
    background : url('/resources/images/2/forum.gif') no-repeat;
    font : bold 11px sans-serif;
    padding : 6px 5px 5px 30px;
    margin : 10px 0 0;
    color : #21417b;
    height : 36px;
    width : 190px;
  }


#dicttitle {
    background : url('/resources/images/2/rechnik.gif') no-repeat;
    font : bold 11px sans-serif;
    padding : 7px 0px 0px 40px;
    margin : 10px 0 0;
    color : #21417b;
    height : 36px;
    width : 190px;
  }

#priatelititle {
    background : url('/resources/images/2/priateli.gif') no-repeat;
    font : bold 11px sans-serif;
    padding : 7px 0px 0px 40px;
    margin : 10px 0 10px 0;
    color : #21417b;
    height : 36px;
    width : 190px;
  }

#dictbody {
    font : 10pt sans-serif;
    color : #21417B;
    background-color:#E8E8E8;
    padding: 10px 10px 10px 10px;
    line-height: 150%;
  }

#dictbody a:hover {
    text-decoration: underline;
  }

#priatelibody {
    font : 9pt sans-serif;
    color : #21417B;
    line-height: 150%;
  }
#priatelibody .head a {
	font-size: 9pt;
	font-weight: bold;
	color: #21417B;
    	margin: 10px 0 7px 0;
}
#priatelibody .head a:link {
	color: #21417B;
}
#priatelibody .head a:hover {
    text-decoration: underline;
    color: #a21745;
  }

.right {
float: right;
}

/*------- Brown theme -----------*/

.brown {
color: #3F322E;
}


.brown  .ruler_medium {
/*  clear:both; problem with big ruler after float:right element above in IE6*/
  background : #A78576; 
  padding-top : 8px;
  margin: 0 0 0 0;
}

.brown  .ruler_thin {
clear:both;
background :  #A78576; 
padding-top : 1px; 
}

.brown h1, .brown h1 a:link, .brown h2 a:link {
    color: #3F322E;
    text-decoration: none;
  }
.brown h1 a:hover, .brown h1 a:active, .brown h2 a:hover,.brown h2 a:active {
    color: #5F322E;
    text-decoration : underline;
  }
 
.brown h1 a:visited, .brown h2, .brown h2 a:visited  {
    color: #A78576;
    text-decoration : none;
  }

/*------- Grey (default) theme ---------*/

.grey {
color: black;
}

.grey .ruler_medium {
  clear:both;
  background : #e8e8e8; 
  padding-top : 8px;
}

.grey .ruler_thin {
clear:both;
background :  #e8e8e8; 
padding-top : 1px; 
}

.internetvista {
  padding: 8pt 10pt 5pt 0; 
  width: 150pt; 
  font-size: xx-small; 
  text-align: right;
  float: right;
}

div.internetvista a, div.internetvista a, div.internetvista a:visited {
color:#21417B;
text-decoration:none;
}