﻿body {
	margin:0;
	background-color:#fff;
	padding:0 0 50px 0;
}

body, p, div, a {
	font-family:"Calibri","Univers","Helvetica",verdana,arial,sans-serif;
	font-size:12px;
}

h1, h2, h3, h4 {
	font-weight:normal;
	color:#00769c; 
	margin:35px 0 20px 0;
}
h2 { 
	font-size:22px;
	font-weight:bold;
	padding-bottom: 15px;
		
}
h3 { font-size:18px;	}
h4 { font-size:16px;	margin-top:20px; }

#dd { font-size: 14px; line-height: 18px; padding-bottom: 18px;  }

.green {
	color:#5b8e3f;
	font-family:"Calibri","Univers","Helvetica",verdana,arial,sans-serif;
}

.blue {
	color:#00769c;	
}

#wrap {
	margin:0px auto;
	width:982px;		
}

#content {
	float:left;
	min-height:400px;	
	padding-top:15px;
	width:900px;
}

#summary_index #content {
	background:none;
	margin:0px 0 0 95px;
	padding-top: 15px;
	width:950px;		
}


#panes_index #content {
	background:none;
	margin-top:0px;
	padding-top:0px;
	width:950px;
}


body.panes #content h1 {
	height:395px;
	text-indent:-999em;
	top:-339px;
	margin-bottom:-339px;
	z-index:-1;
		padding-top: 15px;
}

.headline {
	color:#053657;
	float:left;
	font-size:16px;
	font-weight:bold;
	margin:0px 0 0 0;
	padding:18px 0px;
	width:950px;
	padding-left:8px;
	z-index: 150;
}

ul.css-tabs li {
		list-style-image:none !important;
		list-style-type:none !important;
		margin:0 !important;
}
	
.pane {
	float:left;
	width:950px;
	height:390px;
	background-repeat:no-repeat;
	background-position:30 0px;
	border-bottom:2px solid #ccc;
	
}

.summary {
	float:right;
	min-height:338px;
	padding-left:25px;
	width:503px;
	padding-top:75px;

}
.summary h2 {
	color:#00769c;
	font-size:20px;
	font-family:"Calibri","Univers","Helvetica",verdana,arial,sans-serif;
	display:block;
	padding:0px 0;
	line-height: 45px;
}
.summary a {
	color:#666;
	font-size:12px;
	text-decoration:none;
}
.summary p {
	margin:0 0 0px;
	padding:0px 0 5px 0px;	
}

.navi {
	margin-left:-8px;
	_margin-left:-8px;
}

.t a.active {
	cursor:default !important;
}


/*{{{ buttons */

.button_diagram {
	background-image: url(../img/button_diagram.png);
	background-repeat: no-repeat;
	background-position: top;
	color: #5b8e3f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:120px;
	padding-top: 100px;
	text-align: center;
	vertical-align: baseline;
	width: 110px;
	cursor:pointer;
}

.button_video {
	background-image: url(../img/button_video.png);
	background-repeat: no-repeat;
	background-position: top;
	color: #5b8e3f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:120px;
	padding-top: 100px;
	padding-left:14px;
	text-align: left;
	width: 100px;
	cursor:pointer;
}

.button_register {
	background-image: url(../img/button_register.png);
	background-repeat: no-repeat;
	background-position: top;
	color: #5b8e3f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:120px;
	padding-top: 100px;
	text-align: center;
	width: 100px;
	cursor:pointer;
}

.button_register2 {
	background-image: url(../img/button_register2.png);
	background-repeat: no-repeat;
	background-position: top;
	color: #5b8e3f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:120px;
	padding-top: 100px;
	text-align: center;
	width: 100px;
	cursor:pointer;
}


	
#panes_summary_index #content,  {
	width:100%;
	background-image:none;
	padding-top: 15px;
	float:none;
	margin-top:25px;
	background-color: #fff;
	font-size: 14px;
	line-height: 16px;
}

#panes {
	width:9999em;
	position:absolute;
	height:400px;
}


h1 i {
	color:#5b8e3f;
	font-style:normal;	
	font-size: 10px;
}


triggers img {
	cursor:pointer;
	margin:0 5px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;
}

#scroll {
	position:relative;
	height:460px;
	overflow:hidden;
	border-bottom:: 1px solid #ddd;
	width:950px;
	padding:15px;
	padding-top: 15px;
	background-color: #fff;
}

#thumbs {
	background:url() no-repeat;
	height:90px;
	position:absolute;
	top:410px;
	width:990px;
	left:0px;
	z-index: 500;
}

#t0 	   { margin-left:-8px; _margin-left:0px;}
#t0.active { background-position:-8px 0 !important; }
#t0:hover  { background-position:-9px -180px; }
#t0:active { background-position:-7px -270px; }

#t1			{ background-position:-78px -90px; }
#t1:hover 	{ background-position:-78px -180px; }
#t1:active	{ background-position:-78px -270px; }
#t1.active	{ background-position:-78px 0 !important; }

#t2			{ background-position:-152px -90px; }
#t2:hover 	{ background-position:-152px -180px; }
#t2:active	{ background-position:-152px -270px; }
#t2.active	{ background-position:-152px 0 !important; }

#t3			{ background-position:-225px -90px; }
#t3:hover 	{ background-position:-225px -180px; }
#t3:active	{ background-position:-225px -270px; }
#t3.active	{ background-position:-225px 0 !important; }

#t4			{ background-position:-295px -90px; }
#t4:hover 	{ background-position:-295px -180px; }
#t4:active	{ background-position:-295px -270px; }
#t4.active	{ background-position:-295px 0 !important; }

#t5			{ background-position:-365px -90px; }
#t5:hover 	{ background-position:-365px -180px; }
#t5:active	{ background-position:-365px -270px; }
#t5.active	{ background-position:-365px 0 !important; }

#t6			{ background-position:-435px -90px; }
#t6:hover 	{ background-position:-435px -180px; }
#t6:active	{ background-position:-435px -270px; }
#t6.active	{ background-position:-435px 0 !important; }

#t7			{ background-position:-505px -90px; }
#t7:hover 	{ background-position:-505px -180px; }
#t7:active	{ background-position:-505px -270px; }
#t7.active	{ background-position:-505px 0 !important; }

#t8			{ background-position:-575px -90px; }
#t8:hover 	{ background-position:-575px -180px; }
#t8:active	{ background-position:-575px -270px; }
#t8.active	{ background-position:-575px 0 !important; }

#t9			{ background-position:-645px -90px; }
#t9:hover 	{ background-position:-645px -180px; }
#t9:active	{ background-position:-645px -270px; }
#t9.active	{ background-position:-645px 0 !important; }

#t10		{ background-position:-715px -90px; }
#t10:hover 	{ background-position:-715px -180px; }
#t10:active	{ background-position:-715px -270px; }
#t10.active	{ background-position:-715px 0 !important; }

#t11		{ background-position:-785px -90px; }
#t11:hover 	{ background-position:-785px -180px; }
#t11:active	{ background-position:-785px -270px; }
#t11.active	{ background-position:-785px 0 !important; }

#t12		{ background-position:-855px -90px; }
#t12:hover 	{ background-position:-855px -180px; }
#t12:active	{ background-position:-855px -270px; }
#t12.active	{ background-position:-855px 0 !important; }

#t13		{ background-position:-925px -90px; }
#t13:hover 	{ background-position:-925px -180px; }
#t13:active	{ background-position:-925px -270px; }
#t13.active	{ background-position:-925px 0 !important; }

/*
    ColorBox Core Style
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
*/
#cboxOverlay{background:#333;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(../img/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(../img/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(../img/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(../img/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(../img/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(../img/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(../img/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(../img/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(../img/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../img/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
