 /**************************************************************
 *    ____            _            _                    _      *
 *   / __ \          | |          | |                  | |     *
 *  | |  \_| ___   __| | ___ ____ | | ____  _ __   ___ | |_    *
 *  | |   _ / _ \ / _  |/ _ \  _ \| |/ _  || '_ \ / _ \| __|   *
 *  | |__/ | (_) | (_| |  __/ |_) | | (_| || | | |  __/| |_    *
 *   \____/ \___/ \__._|\___|  __/|_|\____||_| |_|\___| \__|   *
 *                          | |                                *
 *                          |_|                                *
 *                                                             *
 * File: ext.css                                               *
 * Description: This file extends the main css file.           *
 * URL: http://www.codeplanet.eu/                              *
 * Copyright © 2005 - 2008 CodePlanet. All rights reserved.    *
 **************************************************************/
 
 
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	GLOBAL
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

a.external:link, a.external:visited {
	/* Disabled due to Snap Shot!
	background: url(../images/external.png) center right no-repeat;
	padding-right: 13px;*/
}

.introtext {

}

/* HideBox */
#HideBox {
	background: #F2F6FA;
	padding: 3px;
	width: 99%;
}

.HideBoxHead {
    background: #2E8FC2;
    padding: 3px;
    width: 99%;
}

.HideBoxHead a {
    color: #fff;
    font-variant: small-caps;
    font-weight: bold;
}

.HideBoxHead img {
    border: none;
}

/* These CSS-styles are necessary for Highslide to work. */
.highslide {
	cursor: url(../images/highslide/graphics/zoomin.html), pointer;
    outline: none;
}

.highslide-active-anchor img {
	visibility: hidden;
}

.highslide img {
	border: 0px solid gray;
}

.highslide:hover img {
	border: 0px solid white;
}

.highslide-wrapper {
	background: white;
}

.highslide-image {
    border: 2px solid white;
}

.highslide-image-blur {
}

.highslide-caption {
    display: none;    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}

.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;    
    padding-left: 22px;
    background-image: url(../images/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}

a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(../images/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* Controlbar example */
.controlbar {	
	background: url(../images/highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}

.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}

.controlbar a:hover {
	background-image: url(../images/highslide/graphics/controlbar4-hover.gif);
}

.controlbar .previous {
	width: 50px;
}

.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}

.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}

.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}

/* Necessary for functionality */
.highslide-display-block {
    display: block;
}

.highslide-display-none {
    display: none;
}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	GENERAL LIST STYLES
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.listcube li {
    list-style-image: url(../images/cube.gif);
    margin-left: 20px;
}

.listcube2 li {
    list-style-image: url(../images/cube2.gif);
    margin-left: 20px;
}

.listdecimal li {
    list-style: decimal;
    margin-left: 20px;
}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	GENERAL BLOCKS, QUOTES...
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.mark {
    background-image: url(../images/icon-exclamation.png);
    background-repeat: no-repeat;
    padding-left: 40px;
	border: 0px solid #fff;
}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	ABBREVIATIONS, ACRONYMS
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

abbr, acronym, span.abbr {
	cursor: help;
    border-bottom: 1px dotted #00469B;
}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	APPLET STYLES
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#applet {
    border: 1px solid #C1C1C1;

}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	CONTENT IMAGES
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.Thumbnail {
    padding: 10px 0 10px 0;
}
/*
.OuterThumbBorder {
    float: left;
    border-right: 5px solid white; 
}

.InnerThumbBorder {
    border: 1px solid #C1C1C1;
    background: #E8E8E8 url(../images/magnify-clip.png) no-repeat bottom right;
    padding: 3px 3px 25px 3px;
}

.InnerThumbBorder img {
    border: 1px solid #C1C1C1;
}

.DetailImageBURight { 
    border-top: 1px solid #C1C1C1; 
    border-bottom: 1px solid #C1C1C1; 
    padding: 2px 0px;
}*/


.OuterThumbBorder {
    float: left;
    border-right: 5px solid white; 
}

.InnerThumbBorder {
    border: 1px solid #C1C1C1;
    padding: 3px 3px 3px 3px;
    background: #FFFFFF;
}

.InnerThumbBorder img {    
}

.DetailImageBURight { 
    border-top: 1px dashed #C1C1C1; 
    border-bottom: 1px dashed #C1C1C1; 
    padding: 2px 0px;
}

img.floatLeft { 
    float: left; 
    margin: 5px 10px 5px 5px; 
}

img.floatRight { 
    float: right; 
    margin: 5px 5px 5px 10px; 
}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	TABLE STYLES
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

/* Table 1 */
#tblsty1 {
	border-width: 0px 0px 0px 0px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
    width: 100%;
}

#tblsty1 th {
	border-width: 0px 0px 0px 0px;
    text-align: left;
    font-weight: bold;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: #F0F0F0;
}

#tblsty1 td {
	border-width: 0px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: #F0F0F0;
}

#tblsty1 caption {
	padding: 0 0 5px 0;
	font: italic 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

/* Table 2 */
#tblsty2 {
	width: 630px;
	padding: 0;
	margin: 0;
    font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
}

#tblsty2 caption {
	padding: 0 0 5px 0;
	width: 630px;
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th.tblsty2 {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../images/table/2/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
    border-bottom: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	background: none;
    text-transform: uppercase;
    padding: 6px 6px 6px 12px;
    text-align: left;
    letter-spacing: 2px;
}

#tblsty2 td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #fff;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
    border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
    text-transform: uppercase;
	background: #fff url(../images/table/2/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    padding: 6px 6px 6px 12px;
    text-align: left;
    letter-spacing: 2px;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
    text-transform: uppercase;
    border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #f5fafa url(../images/table/2/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    padding: 6px 6px 6px 12px;
    text-align: left;
    letter-spacing: 2px;
	color: #797268;
}

/* Table 3 */
table#tblsty3 {
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #555;
}

#tblsty3 th, #tblsty3 td {
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, sans-serif;
    padding: 4px;
	color: #555;
    text-align: left;
}

#tblsty3 caption {
	padding: 0 0 5px 10px;
	text-align: left;
    font-style: italic;
	font-size: 130%;
	font-weight: bold;
	margin: 5px;
}

#tblsty3 thead th {
	/* background: #E6EDF5 url(col_bg.gif) repeat-x;  */  background: #E6EDF5;
	color: #4F76A3;
	font-size: 100% !important;
}

#tblsty3 tbody th {
	font-weight: bold;
}

#tblsty3 tbody td {
	text-align: left;
}

#tblsty3 tbody tr { background: #FCFDFE; }

#tblsty3 tbody tr.odd { background: #F7F9FC; }

table#tblsty3 a:link {
	color: #718ABE;
	text-decoration: none;
}

table#tblsty3 a:visited {
	color: #718ABE;
	text-decoration: none;
}

table#tblsty3 a:hover {
	color: #718ABE;
	text-decoration: underline !important;
}

#tblsty3 tfoot th, #tblsty3 tfoot td {
	font-size: 85%;
}

/* Table 4 */
#tblsty4 {
	background: url(../images/table4/tblsty4.html) no-repeat bottom right;
	padding: 7px;
}

table#tblsty4  {
	font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
    background: url(../images/table4/tbody.html);
}

#tblsty4 caption {
	background: url(../images/table4/ttitle.html) no-repeat 125px;
	padding: 0 0 0 150px;
    text-align: left;
    color: white;
    font: bold 17px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 33px;
}

#tblsty4 th {
	text-align: center;
    vertical-align: middle;
}

#tblsty4 thead th {
	background: url(../images/table4/thead_bg.html);
	height: 26px;
	color: White;
	padding: 0 5px 0 5px;
}

#tblsty4 tbody td {
	border-right: 1px solid #E6E6E6;
	padding: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E6E6E6;
}

#tblsty4 tbody .odd td {
	/* Picture Transparency didn't work with IE - Disable it
	background: url(../images/table4/odd.png);   */
}

#tblsty4 tbody th {
	background: url(../images/table4/th.html) repeat-y top right;
	padding: 15px;
	padding-right: 25px;
	border-bottom: 1px solid #E6E6E6;
    width: 430px;
}

#tblsty4 tfoot {
	background: #2B618A url(../images/table4/tfoot.html);
	height: 25px;
	color: White;
    vertical-align: middle;
}

/* row effect */
#tblsty4 tbody tr:hover td, #tblsty4 tbody tr:hover th {
	background: #fff;
}

table#tblsty4 a:link {
	color: #718ABE;
	text-decoration: none;
}

table#tblsty4 a:visited {
	color: #718ABE;
	text-decoration: none;
}









