/* 
 * ---------------------------------------------------------------
 * Common styles for www.janko.at
 * --------------------------------------------------------------- 
*/

@import "Styles1.css"; 

/* 
 * ---------------------------------------------------------------
 * Section specific styles
 * --------------------------------------------------------------- 
*/

hr {
  height: 10px; 
  border: 0; 
  color: rgb(153,153,153);
  background-color: rgb(153,153,153); 
}
 
.solution {  
  border-left: 0.2em solid; 
  margin-left: 0.1em; padding-left: 0.5em; 
  padding-top: 0.2em; padding-bottom: 0.5em; 
  background-color: rgb(240,240,240); 
  border-color: rgb(128,128,128);
}
@media print {  
.solution { 
  background-color: rgb(255,255,255); 
}}

p.fen { 
  margin: 4pt 0pt 0pt 0pt; 
  color: rgb(0,153,0); 
  font-size: 75%; 
}

p.problem   { }
 .author    { font-weight: bold; }
 .number    { font-style: italic; }
p.source    { margin: 0pt 0pt 0pt 0pt; }
p.dedi      { margin: 0pt 0pt 0pt 0pt; }
p.prize     { margin: 0pt 0pt 0pt 0pt; }
p.anno      { margin: 0pt 0pt 0pt 0pt; font-style: italic; }
p.diag      { margin: 8pt 0pt 4pt 0pt; }
p.sol       { margin: 8pt 0pt 0pt 0pt;  }
p.stip      { }
p.comment   { font-style: italic; }

/* TEST ONLY
p.problem   { }
 .author    { color: green; }
 .number    { color: green; }
p.source    { color: blue; }
p.dedi      { color: fuchsia; }
p.prize     { color: orange; }
p.anno      { color: purple; }
p.sol       { color: blue; }
p.stip      { color: maroon; }
p.comment   { color: red; }
/**/

p.stip A {
  color: rgb(255,0,0);
  font-style: normal;	
  border-bottom: 1px dotted #ff0000; cursor: pointer;
}
p.sol A {
  color: rgb(0,0,0);
  background-Color: rgb(204,204,204);
  text-decoration: none;
  text-align: center;
  font-size: 90%;
  width: 10px;
  padding: 1px 5px 1px 5px;
  border-left: 2px solid rgb(240,240,240);
  border-top: 2px solid rgb(240,240,240);
  border-right: 2px solid rgb(51,51,51);
  border-bottom: 2px solid rgb(51,51,51);
}
p.sol A:Hover {
  background-Color: rgb(222,222,222);
  border-left: 2px solid rgb(51,51,51);
  border-top: 2px solid rgb(51,51,51);
  border-right: 2px solid rgb(255,255,255);
  border-bottom: 2px solid rgb(255,255,255);
}
p.sol A:Active  {
  color: rgb(0,0,0);
}

p.sol A:Link  {
  color: rgb(0,0,0);
}

p.sol A:Visited  {
  color: rgb(0,0,0);
}

.title3 {
  font-size: 1.45em;
  font-weight: bold; 
  padding: 0.0em 0.0em 0.0em 0.0em; 
  margin: 0.8em 0.0em 0.6em 0.0em; 
}

/* 
 * ---------------------------------------------------------------
 * Color schema
 * --------------------------------------------------------------- 
*/

BODY { 
  background-color: rgb(224,224,224); 
}
@media print {  
BODY { 
  background-color: rgb(255,255,255); 
  margin-left: 0; margin-right: 0;         
  font-size: 75%;
}}

A         { text-decoration: none; }
A:link    { color: rgb(0,0,153);   }
A:visited { color: rgb(153,0,153); }
A:hover   { color: rgb(255,0,51); background-Color: rgb(255,255,255); }

.head A:hover, .head1 A:hover, .head2 A:hover {
  text-decoration: none;
  background-color: rgb(224,224,224); 
}

@media print {  
A, A:link, A:visited, A:hover { 
  color: rgb(0,0,0); 
  text-decoration: none; 
}}

INPUT:focus { 
  border-color: rgb(255,0,0); 
  background-color: rgb(255,255,255); 
}

H1, H2, H3, .title, .abstract 
        { color: rgb(102,51,0); }   
.head   { color: rgb(102,102,102); }
.ins    { color: rgb(255,0,0); }
.del    { color: rgb(0,0,255); }

.navi, .boxed, .copyright, DIV.impressum 
        { border-color: rgb(153,153,153); }  
.note   { border-color: rgb(153,0,51); }
.zitat  { border-color: rgb(153,153,153); }


.boxed, .navi, .key, #navbar,
TABLE.sortable TH,
TABLE.shaded TD, TD.shaded, 
TABLE.scores TD, TD.scores, 
DIV.impressum { 
  background-color: rgb(232,232,232); 
}
TABLE.shaded TH, TH.shaded, 
TABLE.scores TH, TH.scores, 
A:hover { 
  background-color: rgb(204,204,204); 
}
TABLE.shaded, TABLE.shaded TH, TABLE.shaded TD, 
TABLE.scores, TABLE.scores TH, TABLE.scores TD {
  border-color: rgb(255,255,255); 
}  

TABLE.framed { 
  border-color: rgb(204,204,204); 
}  
TABLE.framed TH, TABLE.framed TD { 
  border-color: rgb(204,204,204);
}
TABLE.framed TH { 
  border-bottom-color: rgb(204,204,204); 
}    

/* ------------------------------------------------------------
 * Navigation
 * ------------------------------------------------------------ */

#navbar 
{
  border-color: rgb(190,170,150); 
}  
#navbar li a 
{
 background-color: rgb(240,240,240);
}
#navbar li a:link 
{
 color: rgb(0,0,153);
 background-color: rgb(240,240,240);
}
#navbar li a:visited 
{
 color: rgb(153,0,153);
 background-color: rgb(240,240,240);
}
#navbar li a:hover 
{
 color: rgb(153,0,51);
 background-color: rgb(255,204,204);
}

.navi 
{
  text-align: right;
  line-height: 1.6em;
  padding: 0.4em 0.4em 0.4em 0.4em;
  margin:  0.0em 0.0em 0.0em 0.0em;
  border-color: rgb(224,224,224);
  background-color: rgb(170,170,170); /* für alte browser */
  background-image: -webkit-linear-gradient(top, rgb(224,224,224) 0%, rgb(170,170,170) 45%, rgb(170,170,170) 55%, rgb(224,224,224) 100%); /* Chrome10+,Safari5.1+ */
  background-image: -moz-linear-gradient(top,    rgb(224,224,224) 0%, rgb(170,170,170) 45%, rgb(170,170,170) 55%, rgb(224,224,224) 100%); /* FF3.6+ */
  background-image: -ms-linear-gradient(top,     rgb(224,224,224) 0%, rgb(170,170,170) 45%, rgb(170,170,170) 55%, rgb(224,224,224) 100%); /* IE10+ */
  background-image: -o-linear-gradient(top,      rgb(224,224,224) 0%, rgb(170,170,170) 45%, rgb(170,170,170) 55%, rgb(224,224,224) 100%); /* Opera 11.10+ */
  background-image: linear-gradient(to bottom,   rgb(224,224,224) 0%, rgb(170,170,170) 45%, rgb(170,170,170) 55%, rgb(224,224,224) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0e6d2', endColorstr='#beaa96',GradientType=0 ); /* IE6-9 */
}
.navi a 
{
  background-color: #F7F7F7;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.4),rgba(127,127,127,.2));
  background-image: -moz-linear-gradient(rgba(255,255,255,.4),rgba(127,127,127,.2));
  background-image: -ms-linear-gradient(rgba(255,255,255,.4),rgba(127,127,127,.2));
  background-image: -o-linear-gradient(rgba(255,255,255,.4),rgba(127,127,127,.2));
  background-image: linear-gradient(rgba(255,255,255,.4),rgba(127,127,127,.2));
  border: 1px solid;
  border-radius: 0.6em;
  border-color: #DDD #AAA #888 #CCC;
  padding: 0.1em 0.4em 0.1em 0.4em;
  text-shadow: 0 1px rgba(255,255,255,0.5);
  white-space: nowrap;
  font-size: 90%;
}

/* ------------------------------------------------------------
 * THE END
 * ------------------------------------------------------------ */
*/