/* base style sheet for page access-to-insight
 * @date 2008-11-28
 * @change 2008-11-29
 * @version 1.1
 */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size:11px;
	font-family: Verdana;
	color:black;
	height:100%;
	background:url(/ui/img/footer_fill.gif) repeat-y center bottom;
}

/* Links */
a { text-decoration:none; font-weight:bold;border:none; }
a:link, a:visited {color:#333333;}
a:hover, a:active, a.activ {color:rgb(255, 0, 0)};

a.file_pdf, a.file_doc, a.file_xls, a.file_ppt {line-height:16px;text-decoration:underline;}
a.extern {color:rgb(0,175,255) !important;}

.ul {margin-left: 20px; padding:0;}
.ul li { color: red; }
.ul li span {color:black;}

/* Download link list */
ul.dl_links {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}
ul.dl_links li {
	margin-bottom:5px;
}
ul.dl_links a {
	padding-left:20px;
	background:url(/ui/img/download_pdf.gif) no-repeat left center;
}

#wrapper {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	background: #ffffff;
	text-align:left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 970px;
	height:100%;
}
	
html>body #wrapper {
	width: 970px;
	height:100%;
}

#sendtoafriend { width:214px; height:250px; background-color:#ffffff; position:absolute; top:200px; margin-left:293px; border: 2px solid #000000; display:none; z-index: 1000; }
#sendtoafriend div { margin-left:15px;}
#sendtoafriend div h1 { font-size:20px; margin: 0; padding: 0; margin-top:10px; margin-bottom:10px; }
#sendtoafriend div input { margin:0; padding:0; }
#sendtoafriend div p { margin:0; padding:0; margin-bottom: 5px; margin-top: 15px;}

#container 		{ width:970px;background-color: white;z-index:2;}

#head {
	position:relative;
	width:970px; height: 130px;
	background:url(/ui/img/header.gif) no-repeat left bottom;
	margin-bottom:10px;
}
#header_info {position:absolute;right:20px;top:18px;}
#header_info a {font-size:10px;font-weight:normal;}

/* Main Navigation */
.topmenu	{
	height:40px;
	position:absolute;
	top:88px;
	font-size:9px;
}
.topmenu td.first { width:5px; }
.topmenu td { text-align:center; }

.tab_border {
	width:24px;
	height:40px;
}
td.tab_border.activ {
	background:url(/ui/img/topmenu_eye.gif) no-repeat left bottom;
}

div.clear 	{ clear: both; }

button {
	font-size:12px;
	color: rgb(255, 0, 0);
	font-family: verdana,sans-serif;
	margin:10px 0 0 0;
	padding:0;
	border:none;
	background-color:transparent;
}
/* column layout */
.grid {width:970px;}
.column {float:left;margin:top;background-color:white;}
.col25 {width:25%;}
.col33 {width:33%;}
.col50 {width:50%;}
.col66 {width:66%;}
.col75 {width:75%;}
.col193 {width:193px;}
.col213 {width:213px;}
.col531 {width:531px;}
.col748 {width:768px;}

.grid .last {float:right;margin-bottom:10px;}

/* 'Dirty' Fix that the right box looks like a height of 100% by Sascha */
.grid {
	background:url(/ui/img/box/box_193_background_fix.gif) no-repeat right bottom;
}

/* Action Buttons */
#act_buttons { float:right; }

/* Pages * /

	/* ACCESS TO INSIGHT */
	#bluetitle { font-size:14px; font-weight:bold; color: #22387a;}
	
	#timeline { }
	#timeline div.redline { width:700px; border-left:2px solid #e51b32; border-top:2px solid #e51b32; border-bottom:2px solid #e51b32; height:19px; float:left; }
	.redline div { display: inline; float:left; height:19px; line-height:18px; font-size:13px; font-weight:bold; color: #22387a; position:relative; }
	#timeline div.text { font-size:10px; float:left; margin-left:15px; display: inline; margin-top:5px; margin-bottom:15px;}

.downloader {position:relative;margin-top:20px;}
.downloader .col {float:left;width:200px;padding-left:60px;border-left:2px solid #e5e8ef;}
.downloader .col.first {border:none;padding-left:0;}
.downloader h2 {font-size:12px;font-weight:bold;color:#22387a;}
.downloader ul {margin-left:0;}

/* Boxes */
.fillerbox_top {background:url(/ui/img/box/gray_top.gif) no-repeat bottom right;height:10px;margin:0;margin-top:10px;padding:0;}

.redbox {}
.redbox_top { background:url(/ui/img/box/red_top.jpg) no-repeat right bottom; height:7px; }
.redbox_content { border-left:1px solid #ff0000; border-right:1px solid #ff0000; width:191px;padding-bottom:1px; }
.redbox_bottom { background:url(/ui/img/box/red_bottom.jpg) no-repeat right top; height:7px; }
.redbox_content h2 {font-size:14px;line-height:14px;color:#ff0000;font-family:verdana, sans-serif;font-weight:normal;margin:0;}
.redbox_content ul {list-style-type:none;padding:10px 0 0 0;margin:0;}
.redbox_content ul li {margin:10px 0;}
li.download {background: transparent url(/ui/img/red_arrow.gif) no-repeat left center;}
.redbox_content input {border:none; margin: 5px 0px 0px; padding: 1px; width: 140px; background-color: rgb(221, 221, 221); font-size: 10px;text-align:right;}

.points ul { margin-left: 15px; padding: 0; }

.blackbox div.bbox { width:765px; }
.blackbox div.blackbox_top { border-top:1px solid #666666; z-index:100;}
.blackbox div.blackbox_top_left { background:url(/ui/img/box/black_topleft.jpg) no-repeat; height:7px; width:8px; float:left; margin-top:-1px; }
.blackbox div.blackbox_top_right { background:url(/ui/img/box/black_topright.jpg) no-repeat; height:7px; width:8px; float:right; margin-top:-1px; }
.blackbox div.blackbox_content { border-left:1px solid #666666; border-right:1px solid #666666; width:766px; }
.blackbox div.blackbox_bottom { border-bottom:1px solid #666666; height:6px;  }
.blackbox div.blackbox_bottom_left { background:url(/ui/img/box/black_bottomleft.jpg) no-repeat; height:7px; width:8px; float:left; margin-bottom:-1px; }
.blackbox div.blackbox_bottom_right { background:url(/ui/img/box/black_bottomright.jpg) no-repeat; height:7px; width:8px; float:right; margin-bottom:-1px; }

.b_btl, .b_btr, .b_bbl, .b_bbr {position:relative;border:none;}
.redbox2 {width:765px;margin:10px 0;border:1px solid #F00;z-index:111;}
.redbox2 .b_btl {left:-1px;top:-1px;background:url(/ui/img/box/red_topleft.gif) no-repeat left top;z-index:112;}
.redbox2 .b_btr {right:-2px;background:url(/ui/img/box/red_topright.gif) no-repeat right top;z-index:113;}
.redbox2 .b_bbl {left:-2px;bottom:-2px;background:url(/ui/img/box/red_bottomleft.gif) no-repeat bottom left;z-index:114;}
.redbox2 .b_bbr {right:-2px;background:url(/ui/img/box/red_bottomright.gif) no-repeat bottom right;z-index:115;}
.redbox2_content {margin:0 0 0 30px; padding:10px 0;}

.blackbox2 {width:765px;margin:10px 0;border:1px solid #666666;z-index:111;}
.blackbox2 .b_btl {left:-1px;top:-1px;background:url(/ui/img/box/black_topleft.jpg) no-repeat left top;z-index:112;}
.blackbox2 .b_btr {right:-2px;background:url(/ui/img/box/black_topright.jpg) no-repeat right top;z-index:113;}
.blackbox2 .b_bbl {left:-2px;bottom:-2px;background:url(/ui/img/box/black_bottomleft.jpg) no-repeat bottom left;z-index:114;}
.blackbox2 .b_bbr {right:-2px;background:url(/ui/img/box/black_bottomright.jpg) no-repeat bottom right;z-index:115;}
.blackbox2_content {margin:0;padding:10px 0;border:none;}

.bluebox {width:730px;margin:10px 0;background-color:#e5e8ef;}
.bluebox .btl {background:url(/ui/img/box/white_topleft.gif) no-repeat left top;}
.bluebox .btr {background:url(/ui/img/box/white_topright.gif) no-repeat right top;}
.bluebox .bbl {background:url(/ui/img/box/white_bottomleft.gif) no-repeat bottom left;}
.bluebox .bbr {background:url(/ui/img/box/white_bottomright.gif) no-repeat bottom right;}
.bluebox_content {margin:0 20px;padding:10px 0;border:none;}

p.bluetext {color:#22387a;margin-bottom:0;}

/* Footer */
#footertop { background:url(/ui/img/footer_top.jpg) no-repeat left top; height:11px; width: 970px; }
#footer {
	display:block;
	margin-top:10px;
	height:40px;
	background-color: #f0f0f0;
}
#copyright { float:right; margin-right:10px;}

/* Input fields */ 
.txt_short {float:left;width:160px;margin-right:5px;}
.txt_short input { border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; background-color: rgb(221, 221, 221); font-size: 10px;}
.txt_long {width:500px;margin-right:10px;margin-bottom:5px;}
.txt_long input {border:none; margin:2px 0 0 0; padding: 1px; width: 100%; background-color: rgb(221, 221, 221); font-size: 10px;text-align:left;}
.txt_short label, .txt_long label {margin:0;}