/* $Id: page_index.css,v 1.1 2006/08/30 12:50:10 thing Exp $ */

/******************************************************
 Top level elements
******************************************************/

body {
	margin: 0px;
	padding: 0px;
	background: #fff url('../gfx/site/menugradient.png') 0 242px repeat-x;
	font: normal 12px arial,verdana,sans-serif;
}

td {
	font: normal 12px arial,verdana,sans-serif;
}

th {
	font: bold 12px arial,verdana,sans-serif;
}

p {
	margin: 0px;
}

h1 {
	margin: 0px;
	font: bold 12px arial,verdana,sans-serif;
}

/******************************************************
 Page header layout
******************************************************/

#top_container {
	width: 960px;
	margin: 0 auto ;
	border-Bottom: 0px solid #c9c9c9;
}
#top_logo {
	padding: 0px 0px 0px 0px;
	float: right;
	height: 40px;
	overflow: hidden;
	/* background-image: url(../gfx/site/teaser_bg.jpg);
	 border-Bottom: 2px solid #FFFFFF; */
}
#top_logo img {
	border: 0px;
}

#top_teaser {
	height: 40px;
	/* background-image: url(../gfx/site/teaser_bg.jpg); */
}


/******************************************************
 Page 2 columns layout (expanded to 3 cols 16.06.09)
******************************************************/

#c2_container {
	margin: 10px auto 0 ;
}
#c2_left {
	width: 200px;
	padding: 0px 4px 0px 4px;
}
#c2_main {
	width: 365px;
	padding: 0px 4px 0px 4px;
}

#c2_main_sp {
	width: 733px;
	padding: 0px 4px 0px 4px;
}

#c2_main_sp {
	width: 733px;
	padding: 0px 4px 0px 4px;
}

#c2_center {
	width: 365px;
	padding: 0px 2px 0px 2px;
}


/******************************************************
 Page 3 columns layout
******************************************************/

#c3_container {
	margin: 30px auto 0;
}
#c3_border {
	width: 20%;
	padding: 0px 4px 0px 4px;
}
#c3_left {
	width: 20%;
	padding: 0px 4px 0px 4px;
}
#c3_right {
	width: 60%;
	padding: 0px 4px 0px 4px;
}


/******************************************************
 Page X columns layout
******************************************************/
.cX_inner {
	padding: 0px 4px 0px 4px;
}


/******************************************************
 Menu layout
******************************************************/
#top_menu {
	margin: 2px 0px 2px 0px;
	padding: 2px 0px 2px 20px;
	background: #6a6a6a url('../gfx/site/menugradient.png') left top repeat-x;
	white-space: no-wrap;
	height: 28px;
	line-height: 25px;
	font-size: 19px;
}
#top_menu span {
	margin: 0px 15px 0px 0px;
	white-space: no-wrap;
}
#top_menu img {
	vertical-align: middle;
	margin: 0px 2px 0px 0px;
}
#top_menu a {
	font-weight: normal;
	color: #C0C0C0;
	text-decoration: none;
}

#leftMenu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-top: 1px solid #0990C8;
}

#leftMenu li.level1 {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #c9c9c9;
	list-style-type: none;
	text-align: right;
}
#leftMenu li.level1 a {
	padding: 6px 6px 4px 0px;
	border-right: 1px solid #ffffff;
	text-decoration: none;
	font-weight: bold;
	font: bold 11px arial,verdana,sans-serif;
	color: #666666;
	background: #f9f9f9;
	display: block;
	height: 29px;
	voice-family: "\"}\""; voice-family:inherit;
	height: 18px;
}
#leftMenu li.level1 a:hover {
	background: #f3f3f3;
	color: #333333;
	border-right: 1px solid #0078AC;
}
#leftMenu li.level1 a.act {
	padding: 6px 6px 4px 0px;
	border-right: 1px solid #0078AC;
	text-decoration: none;
	font-weight: bold;
	font: bold 11px arial,verdana,sans-serif;
	color: #333333;
	background: #e9e9e9;
	display: block;
	height: 29px;
	voice-family: "\"}\""; voice-family:inherit;
	height: 18px;
}
#leftMenu li.level1 a.act:hover {
	background: #e3e3e3;
	color: #333333;
	border-right: 1px solid #0078AC;
}

#leftMenu li.level2 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-bottom: 1px solid #c9c9c9;
	list-style-type: none;
	text-align: right;
}

#leftMenu li.level2 a {
	padding: 4px 24px 0px 0px;
	border-right: 1px solid #ffffff;
	text-decoration: none;
	font-weight: bold;
	font: bold 11px arial,verdana,sans-serif;
	color: #666666;
	background: #ffffff;
	display: block;
	height: 29px;
	voice-family: "\"}\""; voice-family:inherit;
	height: 18px;
}
#leftMenu li.level2 a:hover {
	color: #333333;
	border-right: 2px solid #333333;
}
#leftMenu li.level2 a.act {
	padding: 4px 24px 0px 0px;
	border-right: 2px solid #333333;
	text-decoration: none;
	font-weight: bold;
	font: bold 11px arial,verdana,sans-serif;
	color: #333333;
	background: #ffffff;
	display: block;
	height: 29px;
	voice-family: "\"}\""; voice-family:inherit;
	height: 18px;
}
#leftMenu li.level2 a.act:hover {
	color: #333333;
	border-right: 2px solid #333333;
}

#leftMenu li.level3 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-bottom: 1px solid #c9c9c9;
	list-style-type: none;
	text-align: right;
}

#leftMenu li.level3 a {
	padding: 4px 44px 0px 0px;
	border-right: 2px solid #ffffff;
	text-decoration: none;
	font-weight: bold;
	font: bold 11px arial,verdana,sans-serif;
	color: #666666;
	background: #ffffff;
	display: block;
	height: 29px;
	voice-family: "\"}\""; voice-family:inherit;
	height: 18px;
}
#leftMenu li.level3 a:hover {
	color: #333333;
	border-right: 2px solid #aaaaaa;
}
#leftMenu li.level3 a.act {
	padding: 4px 44px 0px 0px;
	border-right: 2px solid #aaaaaa;
	text-decoration: none;
	font-weight: bold;
	font: bold 11px arial,verdana,sans-serif;
	color: #333333;
	background: #ffffff;
	display: block;
	height: 29px;
	voice-family: "\"}\""; voice-family:inherit;
	height: 18px;
}
#leftMenu li.level3 a.act:hover {
	color: #333333;
	border-right: 2px solid #aaaaaa;
}


/******************************************************
 Tab menu
******************************************************/

#tabmenu {
	margin: 20px 0px 10px 0px;
	padding: 3px 0px 3px 10px;
	border-bottom: 1px solid #c9c9c9;
}
#tabmenu li {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
}
#tabmenu li a {
	padding: 3px 5px 3px 5px;
	background: #e9e9e9;
	color: #333333;
	text-decoration: none;
	border: 1px solid #c9c9c9;
}
#tabmenu li a:hover {
	padding: 3px 5px 3px 5px;
	background: #f9f9f9;
	color: #666666;
	border-bottom: 1px solid #c9c9c9;
}
#tabmenu li a.active {
	padding: 3px 5px 3px 5px;
	background: #ffffff;
	color: #666666;
	border-bottom: 1px solid #ffffff;
}


/******************************************************
 Plugin tt_news layout
******************************************************/

.newsTopbar {
	background-color: #717171;
	height: 1px;
}

.newsLatest {
	margin: 0px 0px 20px 0px;
	//border-top: 1px solid #717171;
	//background-color: #f9f9f9;
}

.newsLatest .blackLink {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}
.newsLatest .header {
	padding: 4px 6px 4px 6px;
	border-bottom: 1px solid #717171;
	background-color: #ffffff;
	font-weight: bold;
}
.newsLatestItem {
	border-bottom: 1px solid #c9c9c9;
	//background-color: #f9f9f9;
}

.newsLatestItem div {
	padding: 4px 6px 4px 6px;
}

.newsDate {
	padding: 0px 0px 3px 0px;
	font-size: 10px;
	text-align: right;
}

.newsListArchive {
	width: 100%;
	font: 11px Verdana, Arial, Helvetica;
	COLOR: #000000;
}

.singleView {
	width: 100%;	
}

.singleViewNews {
	vertical-align: text-top;
	font: 14px Verdana, Arial, Helvetica;

}

.hr {
                height: 1px;
                color: #c9c9c9;
}

.news-amenu-item-year {
	display: none;
}

/******************************************************
 Plugin arota_loginbox layout
******************************************************/

.loginBox {
	width: 200px;
	margin: 0px 0px 20px 0px;
	border-top: 1px solid #717171;
	border-bottom: 1px solid #c9c9c9;
	background-color: #f9f9f9;
}
.loginBox .header {
	border-bottom: 1px solid #717171;
	background-color: #ffffff;
	font-weight: bold;
}
.loginBox div {
	padding: 4px 6px 4px 6px;
}
.loginBox .flabel {
	color: #333333;
}
.loginBox .finput {
	width: 80px;
	border: 1px solid #c9c9c9;
}
.loginBox .fbutton {
	border: 1px solid #c9c9c9;
	background: #e3e3e3;
}


/******************************************************
 Plugin index_search layout
******************************************************/

.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword { width:155px; }
.tx-indexedsearch .tx-indexedsearch-whatis p .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#eeeeee; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title p { font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title p.tx-indexedsearch-percent { font-weight:normal; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr p { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr p .tx-indexedsearch-redMarkup { color:red; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {background:#eeeeee;color: #333333;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info a {
	font-weight: normal;
	color: #333333;
	
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead h2 {
	margin: 0px;
	font: bold 10px arial,verdana,sans-serif;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead h2 a {color: #000000}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead table { }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead td {
	vertical-align:absmiddle;
	padding: 3px 5px 2px 5px;
	border-top: 1px solid #717171;
	border-bottom: 1px solid #717171;
}


/*****************************************************
LINKS 
******************************************************/

a {
                color: #1B8EAD;
                text-decoration: none;
                font-weight: bold;
}

a:hover {
                color: #1B8EAD;
                text-decoration: underline;
                font-weight: bold;
}

a:visited {
                color: #1B8EAD;
                text-decoration: none;
                font-weight: bold;
}


.blackLink a {
                color: #1B8EAD;
                text-decoration: none;
                font-weight: bold;
}

.blackLink a:hover {
                color: #1B8EAD;
                text-decoration: underline;
                font-weight: bold;
}

.blackLink a:visited {
                color: #1B8EAD;
                text-decoration: none;
                font-weight: bold;
}


/*****************************************************
CALCULATORS
******************************************************/


table.calculator {
	background: #efefef;
	border: 0px solid #666666;
	width: 300px;
}

td.calcHead {
	padding: 2px;
	border-top: 1px solid #717171;
	border-bottom: 1px solid #717171;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	background: #ffffff;
}

td.calcText {
	font-size: 12px;
	padding: 4px;
	white-space: nowrap;
}
td.calcTextHead {
	font-size:			11px;
	padding:				4px;
	white-space:			nowrap;
	font-weight:			bold;
}
td.calcTextEdit {
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	font-size: 12px;
	padding: 4px;
	white-space: nowrap;
}
td.calcTextTotal {
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	font-size: 12px;
	padding: 4px;
	white-space: nowrap;
}
td.calcNum {
	font-size: 12px;
	/*font-weight: bold;*/
	padding: 4px;
	white-space: nowrap;
	text-align: right;
}
td.calcNumEdit {
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	font-size: 12px;
	/*font-weight: bold;*/
	padding: 4px;
	white-space: nowrap;
	text-align: right;
}
td.calcNumTotal {
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	font-size: 12px;
	font-weight: bold;
	padding: 4px;
	white-space: nowrap;
	text-align: right;
}
input.calcNum {
	width: 100px;
	text-align: right;
	font: normal 11px arial,verdana,sans-serif;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
input.calcBtn {
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}


/*****************************************************
Datalist
******************************************************/

#datalist {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

#datalist th.h1 {
	background: #cccccc;
	border-left: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-size: 8pt;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
}

#datalist th.h2 {
	background: #e9e9e9;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	font-size: 8pt;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
	color: #666666;
}

#datalist td {
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	padding: 1px 4px 1px 4px;
	white-space: nowrap;
	vertical-align: middle;
}

#datalist td img {
	border: 0px;
	vertical-align: middle;
}

/*****************************************************
Customerview
******************************************************/

#customerview td {
	vertical-align: top;
	padding: 2px 3px 2px 3px;
}
#customerview td img {
	border: 0px;
	vertical-align: middle;
}

/*****************************************************
Tabcontent
******************************************************/

#tabcontent table {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

#tabcontent th {
	background: #cccccc;
	border-left: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 1px 1px 1px 1px;
	white-space: nowrap;
	font: bold 12px arial,verdana,sans-serif;
}

#tabcontent td {
	padding: 1px 2px 1px 2px;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	padding: 1px 2px 1px 2px;
	white-space: nowrap;
	vertical-align: middle;
	font: normal 12px arial,verdana,sans-serif;
}


/*****************************************************
Misc styles
******************************************************/

.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}

.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}

.line {
	border-bottom: 1px solid #bbbbbb;
}

/* Tip A Friend */

.list_container{
	border: 1px solid #c9c9c9;
}

.list_column{
	padding: 3px 5px 3px 5px;
    height: 18px;
	vertical-align: top;
}

.selectable {
	cursor: pointer; 
}

.list_cell{
	padding: 3px 5px 3px 5px;
    height: 18px;
}

.list_cell img{
	vertical-align: middle;
}

.list_odd{
    background-color: #ffffff;
    padding: 5px;
}

.list_even{
    background-color: #f9f9f9;
    padding: 5px;

}

input.input_text{
	border: 1px solid #c9c9c9;
	margin: 0px 0 0px 0;
	height: 18px;
	line-height: 18px;
	padding-top: 0px;
}
input.input_text_error{
	border: 1px solid #c9c9c9;
	margin: 5px 0 5px 0;
	height: 18px;
	line-height: 18px;
	padding-top: 2px;
}

input.input_checkbox{
	height: 18px;
	line-height: 18px;
}

textarea.input_textarea{
	border: 1px solid #c9c9c9;
	margin: 5px 0 5px 0;
}

textarea.input_textarea_error{
	border: 1px solid #c9c9c9;
	margin: 5px 0 5px 0;
}

select.input_select{
	height: 18px;
	line-height: 18px;
	border: 1px solid #c9c9c9;
}

.input_select_holder_error{
	background-color: #c9c9c9;
	padding: 2px;
	width: 350px;
}

.row_hidden{
	display: none;
}

.button_jobapplication .button_holder{
	float: left;
	margin-top: 10px;
}

.input_scrolldiv{
	border: 1px solid #c9c9c9;
	margin: 5px 0 5px 0;
	height: 120px;
	overflow: auto;
}

.input_scrolldiv_error{
	border: 1px solid #c9c9c9;
	margin: 5px 0 5px 0;
	height: 120px;
	overflow: auto;
}

.chekcbox_holder input{
	vertical-align: middle;
	margin: 0 5px 0 0;
	padding: 0;
}

#sendtoURL {
	margin: 10px 0 15px 0;
}

#c2_main embed{
	//margin-left: 30px;
}

/* Penscape needanalysis adjustments */
.tx-penscapeneedanalysis-pi1 #tabcontent {
	width: 725px;
	overflow: auto;
	overflow-y: hidden;
	overflow-x: auto;
}
.tx-penscapeneedanalysis-pi1 #tabcontent #graflink {
	padding-bottom: 25px;
	display: block;
	float: left;
}


#top_campaign {
	height: 200px;
	overflow: hidden;
}