@charset "iso-8859-1";

/*
 Stylesheet split in sections for various parts of the layout
 Cascading allows elements to accumulate more properties when
 the whole stylesheet is parsed

 First elements, then class selectors, then ids

 1: basic -  borders (incl colors on borders) and margins
 2: fonts
 3: colors 
*/

/*******************/
/* 1. BASIC LAYOUT */
/*******************/

            input[type="submit"]
            {
              border: 1px solid  #5379a3;
              padding: 0.2em;
              background-color:   #bcc2d6;
            }

            input[type="submit"]:hover
            {
              background-color: #fff;
            }

            input[type="reset"]
            {
              border: 1px solid  #ff;
              padding: 0.2em;
              background-color:   #ff0;
            }

            input[type="reset"]:hover
            {
              background-color: #afafaf;
            }

img { border: none; }

h1,h2,h3
{
 margin-top: 0.4em;
 margin-bottom: 0.2em;
 margin-left: 0em;
}

body
{
 padding: 0;
 padding-left: 0.2em;
 padding-right: 0.2em;
 margin: 0;

}

address
{
 text-align: center;
 font-size: 0.9em;
 font-style: normal;
}

p,dl
{
 margin: 0.5em;
}

legend
{
 padding: 0.5em;
 margin: 0;
}

fieldset
{
 padding: 0.5em;
 margin-top: 1em;
 border: 1px solid black;
}

a 
{
 text-decoration: underline;
 color: #663333;
}

#sjklogo
{
 position: absolute;
 top: 5px;
 left: 10px;
 border: 1px blue;
}

#remoteuser
{
 position: absolute;
 top: 40px;
 right: 10px;
 border: 1px solid #fff;
 padding: 0.5em;
 font-weight: bold;
 color: #663333;
}
#masthead
{
  padding: 0;
  margin: 0;
  background: white url("/img/sjkbg.jpg");
  background-repeat: repeat-x;
  background-attachment: fixed;
  border: 1px solid black;
  height: 100px;
}

#masthead h1
{
 position: absolute;
 top: 1px;
 left: 130px;
}

#masthead .tagline
{
 position: absolute;
 top: 46px;
 left: 1px;
 color: #fff;
 font-weight: oblique;
 font-size: 24px;
}

.top_links
{
 margin: 0;
 padding: 1em;
 text-align: center;
 border-bottom: 1px solid #666699;
}

.top_links a
{
 padding: 0.5em;
 margin: 0.5em;
 border: 1px solid #ff0;
}

.right_column,.left_column
{
 margin: 0.5em;
 margin-bottom: 1.5em;
 border: 1px solid black;
 width: 150px;
 padding: 0;
 }

.right_column
{
 width: 130px;
}

.right_column  p a,.left_column a
{
 display: block;
 padding: 0.5em;
 border-bottom: 1px dotted #666699;
}

.right_column  p a
{
 padding: 0.2em;
 text-align: right;
}

.right_column a img
{
 text-align: center;
 padding: 1.0em;
 border: none;
}

.right_menuheader,.menuheader
{
 font-weight: bold;
 border-bottom: 1px solid black;
 padding: 0.5em;
 margin: 0;
}


.message,.error
{
 margin: 0.4em;
 padding: 0.6em;
 border: 1px dotted #000;
} 

.frame
{
 padding: 0.5em;
 margin: 0.5em;
 border: 1px solid black;
}

.frameprint {
        background-color: white;
        border-color: blue;
        border-style: solid;
        border-width: 1px;
        padding:      1em;
        margin-top: 0.5cm;
        margin-left: 1.0cm;

        font-size: 0.95em;
}

/*******************/
/* 2. FONTS        */
/*******************/

h1
{
 font-size: 250%;
 font-style: small-caps;
}

h2
{
 font-size: 150%;
}

h3
{
 font-size: 110%;
}

body
{
 font-size: 80%;
 font-family: arial, tahoma, sans-serif;
}

.right_column p, .left_column a
{
 font-size: 0.9em;
}

.menuheader, .right_menuheader
{
 font-size: 1em;
}

.lastupd
{
 font-size: 0.8em;
}



/*******************/
/* 3. COLORS       */
/*******************/

body.tine
{
 background-color: #fff;
 background: white url("/img/tine-bg.jpg");
 background-repeat: no-repeat;
 background-position: center;
 background-attachment: fixed;
}
body.intra
{
 background-color: #ffffff;

}

body.adm
{
 background: white url("/img/bg_adm.jpg");
 background-repeat: repeat;
}

h1,h2,h3
{
  color: #666699;
  font-weight: bold;
}


fieldset
{
 background-color: #eee99e;
}

legend
{
 background-color: #666699;
 color: #fff;
}

#masthead h1
{
 position: absolute;
 color: #666699;
}

.top_links
{
 background-color: #666699;
}

body.intra .top_links
{
 background-color: #999966;
}

.top_links a
{
 color: #fff;
 text-decoration: none;
}

.top_links a:hover
{
 color: #00f;
 background-color: #fff;
}

.left_column
{
  background-color: #666699;
  color: #fff;
}

.left_column a
{
  background-color: #efefef;
  text-decoration: none;
  color: #000;
}

.left_column a:hover
{
 background-color: #fff;
 color: blue;
}

.right_column
{
 background-color: #eee99e;
}

.right_column p a 
{
  font-weight: bold;
  text-decoration: none;
  color: #000;
}

.right_column a:hover
{
 background-color: #666699;
 color: #fff;
}

.menuheader
{
 color: #fff;
 background-color: #666699;
}

.right_menuheader
{
 color: #666699;
 background-color: #efefef;
}

.stolimage
{
 background-color: #fff;
 width: 100%;
}

.message
{
 background-color: #eee99e;
 color: #666699;
 font-size: 1.5em;
}

.error
{
 background-color: #eee99e;
 color: #f00;
 font-size: 0.9em;
}

.warn
{
 background-color: #ffe99e;
 color: #00f;
 font-size: 0.9em;
}

.must
{
 color: #f00;
}

.uthev
{
 background-color: #eee99e;
}

.adrlst {
  font-size: 0.95em;
  font-family: arial,tahoma,verdana,sans-serif;
}

.adrlst tr:hover{
 background-color: #abcdef;
}

:selected { background-color: #fff;  }

pre { font-size: 110%; }

/** Rounded box **/

/*** CORNER STYLES ***/
.header ul {
 background: url(/img/boxcorners.gif) -15px -15px no-repeat;
 height: 15px;
 list-style: none;
 margin: 0;
}

.header ul li {
 float: right;
 background: url(/img/boxcorners.gif) 0px -15px no-repeat;
 width: 15px;
 line-height: 15px;
}


.footer ul {
 background: url(/img/boxcorners.gif) -15px 0px no-repeat;
 height: 15px;
 list-style: none;
 margin: 0;
}


.footer ul li {
 float: right;
 background: url(/img/boxcorners.gif) 0px 0px no-repeat;
 width: 15px;
 line-height: 15px;
}

.roundedDiv {
 width: auto;
/* background:  #666699; */
 background:  #eee; 
 color: #000;
/*  border: 1px solid #666699;  */
}

#content {
  padding: 0 15px;
  display: block;
 }

.float_left {
 float: left;
 margin-right: 1em;
}

.clearboth {
 clear: both;
}     

.carmen_bg {
  background: white url("/img/Carmen-bg.jpg");
}