/*
 * Darkblue: 33 82 148, hex: #215294
 * Lightblue: 0 181 231, hex: #00b5e7
 * Black:   55 53 54
 */

.ahem {display:	none;}

/* This part defines the blue plate at the top. */
.topplate {
	color: white;
	background: #00b5e7;
}
.topplate p {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 4pt 4pt 4pt 120px; /* 4px */
	margin: 0;
}
.topplate a:link {color:white; background: #00b5e7;}
.topplate a:visited {color:white; background: #00b5e7;}
.topplate a:hover {color:blue; background: #00b5e7;}


/*
 * This part defines the blue plate at the bottom.
 */
.bottomplate {
	color: #e0e0e8;
	//background: #00b5e7;
	margin-left: 10px;
}
.bottomplate p {
	font-size: 0.9em;
	padding: 4pt 4pt 4pt 10px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
}
.bottomplate a:link {color:white; background: #00b5e7;}
.bottomplate a:visited {color:white; background: #00b5e7;}
.bottomplate a:hover {color:blue; background: #00b5e7;}

/*
 * We do not want borders on any images.
 */
img {border: 0px;}

#newonpage {
  left:10px;
  top:50px;
  background: #ffffff; 
  border:1px dotted #000;
}
	
#newonpage p {
  display: inline;
}

#newonpage table {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
}
		
#newonpage th {
  text-indent: 0.5em;
  text-align: left;
  color: white;
  background: #00b5e7;
  font-size: 0.9em;
}

#newonpage td {
  font-size: 0.7em;
  vertical-align: top;
}

/*
 * Stacktrace.se
 */
#stacktrace {
  left:10px;
  top:50px;
  background: #ffffff; 
  border:1px dotted #000;
}
	
#stacktrace p {
  display: inline;
}

#stacktrace table {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
}
		
#stacktrace th {
  text-indent: 0.5em;
  text-align: left;
  color: white;
  background: #00b5e7;
  font-size: 0.9em;
}

#stacktrace td {
  font-size: 0.7em;
  vertical-align: top;
}


/* Used with div around images with captions. */
.fig {
  margin-top:2em;
  margin-bottom:2em;
  margin-left:3em;
  margin-right:3em;
}

/* Used with div around the text below the image.*/
.caption {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 0.6em;
  padding: 0;
  margin: 0;
  margin-top:0.5em;
}

p, ul, ol {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.7em;
	margin-top: 0.2em;
}
p.published { font-style: italic; }


h1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.2em;
	color: #215294;
	background-color: transparent;
	padding: 0px;
	padding-bottom: 3px;
	margin: 0px;
	margin-bottom: 12px;
}
h2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em;
	color:#215294;
	background-color: transparent;
	padding-bottom: 2px;
	margin-bottom: 0px;
}

h3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	color:#215294;
	background-color: transparent;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

td.packagelist {
	font-family: sans-serif; font-size: 0.7em; padding-left: 0.4em
}
pre.commandline {
	font-family: monospace; font-weight: bold; background-color: #E0E0E0; padding-left: 1em
}
tt { font-family: monospace, courier; font-size: 1em }

code {
	font-family: monospace, courier, sans-serif; font-size: 1.0em;
}

/* USed for code section */

.code {
	font-family: monospace, courier, sans-serif;
	font-size: 0.7em;
	margin: 2em;
	padding: 0.5em;
	background-color: #eee;
}
.codecomment { color:green }


.question {font-weight: bold}
.answer {font-weight: 400}

/*
 * General look of links.
 */
a {
	color:#215294;
	background-color: transparent;
	text-decoration:none;
	font-weight:bold;
	font-family:arial, helvetica, sans-serif;
}
a:link {color:#000010;}
a:visited {color:#101020;}
/*
 * According to the reference we should specify background-image
 * whenever we specify background-color. It also recommends to
 * specify color and background-color at the same time.
 */
a:hover {
        background-color: #ececff;
	color: #080808;
	background-image: none;
}


/*
 * Headings that have links inside them.
 * 
 */
.linkheading a:hover {
        background-color: #e8e8f0;
	color: #080820;
	background-image: none;
}
.linkheading a:link {color:#00b5e7;}
.linkheading a:visited {color:#00b5e7;}


/*
 * Move the first heading down so that it aligns with the headings in the
 * other cells. The other cells have padding so we need to add that to this heading.
 */
#firstheading {
	padding-top: 24px;
}
.firstheading a:link {
	color:#215294; 
}



/*
 * When hovering over a link in an iconheading we want the grey background.

.iconheading a:hover {
	color: transparent;
	background-image: none;
}
 */
.iconheading {
	margin-top: 20px;
}

/*
 * Headings that are links should still use a darkblue color.
 */
.iconheading a:link {
	color:#101020; /*#215294;*/
}


/* This supplements the base stylesheet with specials for the frontpage. */
.leftcol {
	width: 33%;
	padding: 0px 8px 4px 0px;
}


.paddedcol {
	width: 33%;
	padding: 0px 8px 4px 8px;
}


/* This supplements the base stylesheet with specials for the backpage. */
.backpageleftcol {
	width: 10%;
	padding: 4px 4px 8px 0px;
}


.backpagepaddedcol {
	width: 90%;
        padding-left: 2em;
        padding-top: 1.5em;
        padding-right: 2em;
        padding-bottom: 1.5em;
}

.body {
	width: 100%;
	text-align: center;
}
.td {
	text-align: left;
}