* { margin: 0; padding: 0; }
img { border: none; }

body {
	background-color: white;
	color: black;
	font: 11px Arial;
}

td, th, li, p, a { font-size: 11px; }

ul { margin-left: 15px; }
ul li { margin: 3px 0; }

p { font-weight: normal; }
td a { font-weight: normal; }
input,
select,
textarea { border: 1px solid #ccc; padding: 2px 0; }

#sucheundcontentbox { height: 495px; }
#Menucontent, #content { height: 445px; }
#ImageSubmit  { padding: 0 !important; }

.default-margins { margin: 5px 10px 0 10px; width: 730px;}
.ueberschrift { font-size: 14px; font-weight: bold; color: #315969; }
.ueberschrift1 { font-weight: bold; color: #315969; width: 100%; padding: 5px 0;}
.ueberschrift1_center { font-weight: bold; color: #315969; text-align: center; }
.text1,.normal_link,.loginlink,.userPanelText,p, td { color: #315969; }
.bordered { border-bottom: #315969 thin solid; }
.Beantragt { color: #315969;}
.Aktiv { color: #00FF00;}
.Gesperrt { color: #800000;}
.Geloescht {color: #FF0000;}
.Else {color: #008080;}
.streched { width: 100%; margin: 10px 0 !important; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.auto { width: auto !important; border: none !important; }
.clearfix { display: inline-block; }
.fett, .bold { font-weight: bold; }
.text1_center {
    font-weight: bold;
    text-align: center;
    color: #315969;
    padding: 10px 0; }
.text1_right { font-weight: bold; text-align: right; color: #315969; }
.text1_fett { font-weight: bold; color: #315969;padding: 10px 0;}
.red { color: red !important; }
.rechts { text-align: right; }

#footer { margin: 10px 0 0 0; }
#footer a:link { color: #315969; text-decoration: none;}
#footer a:visited { text-decoration: none; }

.con_link_ora {
	font-weight: bold;
	text-decoration: underline;
	color: #f39b17;
}

.con_link_blau {
	font-weight: bold;
	color: #315969;
}

.con_orange { font-weight: bold; color: #f39b17;}



#main-container {
	text-align: left;
	width: 953px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

/*** Header ***/
#header-box { width: 100%; height: 100px; padding-top: 0px;}
#header-account-rahmen { height: 100px; width: 212px; background-image: url(/img/header_Login.jpg); float: right;}
#header-account-inhalt {height: 100px; width: 212px;position: absolute;}
#header-account-inhalt .submitter { width: 190px;}
#header-account-inhalt .submitter .myData {float: left; padding: 5px 0 0 3px; }
#header-account-inhalt #send { left: 143px; width: 56px; position: absolute; top: 60px; height: 19px;}

/*** navigation ***/
.MenuTextUeberschrift,
.BoxUeberschrift { color: #315969; font-weight: bold;}
.MenuTextLinkItem { color: #FFF; font-weight: bold; text-decoration: none;}

#Menuheader { width: 171px; height: 25px; background-image: url(/img/menue_topbutton.jpg);}
#Menucontent { width: 171px; background: #315969; }
#Menufooter { width: 171px; height: 25px; background-image: url(/img/menue_footer.gif); background-repeat: no-repeat;}

/*** Suche und Content ***/
#sucheundcontentbox { width: 770px; float: right;}
#suchebox { width: 770px; height: 109px; padding-bottom: 10px;}
#suchehauptfeld { width: 770px; height: 89px; background-image: url(/img/search_background.jpg);}
#suchehauptfeld-inhalt {position: absolute;}
#suchehauptfeld-inhalt .error { position: absolute; top: 10px; width: 340px; left: 75px; font-weight: bold; padding: 2px; }

#suchefooter { width: 770px; height: 20px; border-width: 0px; padding: 0px;}
#suchefooterlinks { width: 12px; height: 20px; background: url(/img/search_corner_blue_left.gif) no-repeat; }
#sucheTrennstrich {line-height: 0px;font-size: 10px;color: White;}
#suchefooterrechts { width: 12px; height: 20px;	background: url(/img/search_corner_blue_right.gif) no-repeat; }
.suchefootermitte { width: 746px; height: 20px; background-color: #315969; position: absolute; }
.suchetextfeld { width: 56px; height: 12px; font-size: 10px; color: #315969; padding-left: 2px; border: 1px solid #315969; }
.tepnosuchetextfeld { width: 81px; height: 12px;font-size: 10px;color: #315969;padding-left: 2px;border: 1px solid #315969;}
.suchedropdown {width: 245px;height: 16px;padding: 0px;margin: 0px;border: 1px solid #315969;font-size:10px;}
.sucheSchriftFett {position: absolute;color: White;font-weight: bolder;width: 100px;}
.sucheSchrift {position: absolute;color: White;width: 100px;}

#TEP-Box { width: 953px;}

/* Content */
#contentbox { width: 770px;}
#contentheader, #contentfooter { width: 770px; height: 25px;}
#contentheader { padding: 10px 0 0 0; }
.home { padding: 0 !important;}
#contentheadermitte { width: 546px; height: 25px; background-image: url(/img/content_header_background.gif);}

/* CS 20070913: zusaetzliche Zelle fuer Buttons rechts im Content-Head */
#contentheadermitterechts {
	width: 200px;
	height: 25px;
	background-image: url(/img/content_header_background.gif);
}
.tabheaderlinks  { width: 12px; height: 25px; background: url(/img/content_corner_leftup.jpg) no-repeat top left;}
.tabheaderrechts  { width: 12px; height: 25px; background: url(/img/content_corner_rightup.jpg) no-repeat top right;}
.tabheadercenter {
    text-align: center;
    height: 25px;
	background: url(/img/content_header_background.gif) repeat-x top left;
}
.tabheadercenter a, .tabheadercenter span {
	 padding: 0 5px;
}

#contentheaderlinks { width: 12px; height: 25px; background-image: url(/img/content_corner_leftup.jpg);}
#contentheaderrechts { width: 12px; height: 25px; background-image: url(/img/content_corner_rightup.jpg);}

#content { width: 768px; }

#content .content-table {
	width: 100%;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-color: #BEBEBE;
}

.content-scroller {
	width: 768px;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-color: #BEBEBE;
}

#contentfooterlinks {
	width: 12px;
	height: 25px;
	background-image: url(/img/content_corner_leftdown.jpg);
}

#contentfooterrechts {
	width: 12px;
	height: 25px;
	background-image: url(/img/content_corner_rightdown.jpg);
}

#contentfootermitte {
	width: 746px;
	height: 25px;
	background-image: url(/img/content_footer_background.gif);
}

/* footer */
#footer {
	width: 950px;
	padding: 0px 10px;
	clear: both;
	height: 21px;
	text-align: right;
}

/* Startseite */
#startsuchebox {
	height: 210px;
	width: 383px;
	background-image: url(/img/search_backround.gif);
	background-repeat: repeat-y;
	position: absolute;
}

.startsuchetextfeld {
	width: 71px;
	height: 12px;
	font-size: 10px;
	color: #315969;
	padding-left: 2px;
	border: 1px solid #315969;
}

.suchestartdropdown {
	width: 251px;
	height: 16px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #315969;
    font-size:10px;
}

.startseitenlink {
	font-weight: bold;
	color: #315969;
	text-decoration: none;
	padding-left: 15px;
}

.content_startseiteobenlinks {
	width: 384px;
	height: 210px;
	border-style: solid;
	border-left-width: 0px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-color: #BEBEBE;
	background-image: url(/img/start_background1.jpg);
}

.loggedIn { background-image: none !important; }
.loggedIn .ueberschrift1 { padding: 7px 0; display: block;}

.content_startseiteuntenlinks {
	width: 384px;
	height: 210px;
	border-style: solid;
	border-left-width: 0px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-color: #BEBEBE;
    background: url(/img/start_background3.jpg) no-repeat bottom left;
}

.content_startseiterechts {
	width: 383px;
	height: 210px;
}

.content_startseitemittelinks {
	width: 384px;
	height: 25px;
	background-image: url(/img/content_header_background.gif);
	border-style: solid;
	border-left-width: 0px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-color: #BEBEBE;
}

.content_startseitemitterechts {
	width: 383px;
	height: 25px;
	background-image: url(/img/content_header_background.gif);
}

.startseite-ueber {
	font-weight: bold;
	letter-spacing: 0.1em;
	word-spacing: 0.045em;
	color: #315969;
	font-size: 20px;
}

.startseite-ueber2 {
	font-weight: bold;
	letter-spacing: 0.07em;
	word-spacing: 0.037em;
	color: #315969;
	font-size: 20px;
}

/* CS 20070816: Root-Node im SiteMapPath nicht anzeigen */
.tegPathRootNode {
	display: none;
}

/* CS 20070906: Link fuer SiteMapPath */
.path_link {
	font-weight: bold;
	text-decoration: none;
	color: #315969;
}

/* CS 20070910: Styles fuer TEP-Liste */
.tepList {
	width: 750px;
	color: #315969;
}

.tepList td {
	padding: 1px 2px;
}

.tepListHead {
	background: #D9DADC;
}

.tepListHead th a {
	display: block;
	width: auto;
}

.tepListHead th a {
	color: #315969;
	font-weight: bold;
	text-decoration: none;
}

.tepListHead th a:hover {
	background: #f39b17;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.tepListAltRow {
	background: #EDEDED;
}

.tepListPurchasePrice {
	text-align: right;
}

.tepListLO {
	width: 240px;
}

.tepListCurrencyPrefix {
	float: left;
}

.tepListRow a, .tepListAltRow a {
	text-decoration: none;
	color: #315969;
}




/**************************************************/
/* CS 20070921: Formatierung TEP-Details alt
.tepDetailsTd, .col-2, .col-3 {
	border-top: 5px solid white;
	padding: 2px !important;
	color: #315969;
	vertical-align: middle;
}
.col-1 { text-align: left; width: 300px; }
.col-2, .col-3 { border-left: 5px solid #fff; font-weight: bold;  }

.infoIcon { padding: 4px 2px; text-decoration: none; }
.bottom-border { border-bottom: 1px dotted #315969; padding: 4px 0 4px 0}

.tepDetailsTd .name-col { float: left; }

.tepDetailsTdIt { font-style: italic; background: #fff; }
.tepDetailsTdIt .name-col { padding: 0 0 0 10px; }

.tepDetailsTdEm { font-weight: bold; background: #BEBEBE; }
.tepDetailsTdBold { font-weight: bold; }

.tepDetailsShortTd { width: 453px;}

.tepDetailsShortTdRight { width: 253px;}

.tepDetailsFooterTd {
	padding: 8px 2px 2px 2px;
	color: #315969;
	vertical-align: middle;
	border-top: #315969 1px solid;
}

.tepDetailsInfoIcon { vertical-align: middle;}
*/

.tep-detail-scroll { height: 300px; width: 100%; overflow: auto;}
.tep-detail-scroll #tepDetailTable { margin: 10px 20px;}
.tep-detail-scroll .ueberschrift1 td { padding: 15px 0 5px 0; border-bottom: 1px dotted #315969;}
.tep-detail-scroll .ueberschrift1 td span { padding: 0 20px 0 0 ;}

#tepDetailTable tr .links { width: 453px ;text-align:left ;}
#tepDetailTable tr .rechts { width: 253px ;text-align:right ;}
#tepDetailTable tr .bold { font-weight:bold;}





/* #################################### */
.teg_menu_table {
	border: none;
	padding: 0;
}

.teg_menu {
	font-weight: bold;
	color: #315969;
	width: 171px;
	height: 25px;
	padding-left: 15px;
}

.teg_menu_single {
	background: transparent url('/img/menue_button_background.jpg') no-repeat;
}

.teg_menu_open {
	background: transparent url('/img/menue_button_open.jpg') no-repeat;
}

.teg_menu_closed {
	background: transparent url('/img/menue_button_closed.jpg') no-repeat;
}

.teg_menu a {
	font-weight: bold;
	color: #315969;
	text-decoration: none;
}

.teg_menu_item {
	font-weight: bold;
	width: 171px;
	height: 25px;
	color: #FFF;
	background: #315969;
	padding-left: 15px;
}

.teg_menu_item_current, .teg_menu_item_current ul li a {
	color: #f39b17;
}

.teg_menu_item ul {
	margin-left: 15px;
}

.teg_menu_item li {
	margin-left: 0px;
}

.teg_menu_item a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

.nochbreiter {	width: 240px !important;;}
.breit { width: 214px !important;; }
.breiter { width: 170px !important;; }
.mittelbreit { width: 75px !important;; }
.schmal { width: 50px !important;}
.flachCB {height: 25px;width: 65px; !important;}

.error { color: red; }

tr.odd { background-color: #C0C0C0; color: #315969;	text-align: center; }
tr.even { background-color: #FFFFFF; color: #315969; text-align: center; }


a, tableHeaderTable, th.tableHeader, .ueberschrift1_tep_list {
	font-weight: bold;
	color: #315969;
	text-align: center;
}

.tableHeaderTable td { padding: 0; }
.tableHeader td a { font-weight: bold; text-decoration: none; }

.tegMenuContent div span {
	display: block;
	margin: 4px 0;
}

.tegMenuContent div span *,  .tegMenuSectionHeader *, .tegMenuSectionHeader {
	vertical-align: middle;
}
.teg_menu_table { width: 100%;}
.tegMenuSectionHeader { width: 100%;}

.tegMenuSectionHeader a.linkName {
	display: block;
	padding: 6px 0;
	float: left;
	width: 150px;
	margin: 0 !important;
	text-align: left;
	text-indent: 5px;
	text-decoration: none;
}
.tegMenuSectionHeader a.linkName span {
	display: inline; padding: 0; margin: 0;
}
.tegMenuSectionHeader a.linkImage {
	display: block;
	padding: 6px 0;
	float: left;
	width: 10px;
}

.loginlink {
	width: 125px;
	display: block;
	z-index: 100;
	left: 0px;
	position: absolute;
	top: 55px;
	font-size: 10px;
}

.login-input {
	border: #315969 1px solid;
	z-index: 101; left: 12px;
	width: 185px; color: #315969;
	position: absolute;
	top: 26px;
	height: 12px;
	font-size: 10px;
}


.tep-panel { width: 768px; background: #ccc; text-align: right; padding: 4px 0 4px 0; border-bottom: 1px solid #666; position: relative;}
.tep-panel li a { display: block;}
.tep-panel ul { list-style: none; margin: 0 0 0 10px; }
.tep-panel li { display: block; float: left; margin: 0 2px 0 0;}
.tep-panel .panel-select {width: 120px; padding: 0 !important; font-size: 10px; display: block; float: left; border: 1px solid #315969 !important;}
.Consultant .tep-panel .panel-select { margin: 0 0 0 30px; }
.panel-left { text-align: left; }

.list-bottom { background: #ccc; position: relative; height: 24px; width: 768px; }
.list-bottom ul { list-style: none; position: absolute; right: 0;top: 0px; height: 24px; }
.list-bottom li { display: block; float: left; margin: 5px 10px 0 0; }
.list-bottom li a { padding: 0; display: block; text-decoration: none; font-weight: bold; }
.list-bottom li input { padding: 0; display: block; }
.list-bottom li.arrow { width: 20px; height: 16px; background: url(/img/auswahlpfeil.gif) no-repeat 0 3px ; margin: 0; }
.list-bottom li.dash { width: 20px; height: 16px; background: url(/img/dash.gif) no-repeat 0 6px; margin: 0; }
.list-bottom .back-link { position: absolute; top: 5px; left: 10px; display: block;  }
.list-bottom .panel-select { width: 120px; padding: 0 !important; font-size: 10px; display: block;}
.scroll-aligned ul { right: 17px !important; }


#faq-table { width: 100%; }
.table-list { margin: 0;}
.inner-left { width: 360px; vertical-align: top;  }
.inner-left-content { margin: 0 30px 0 0; }
.inner-left-content p,
.inner-right-content p { margin: 10px 0; }
.inner-right { width: 350px; vertical-align: top;}
.faq-list { margin: -10px 0 20px 0;}
.faq-list td { padding: 5px 0;}

/* left area has 2/5th */
.left-repelled .inner-left { width: 290px !important; }

/* right area has 3/5th */
.left-repelled .inner-right { width: 420px !important; }

.new-entry { width: 700px; margin: 20px 0 0 10px }
.new-entry td { padding: 0 0 20px 0; }
.new-entry td.icell { text-align: right; }
.new-entry input,
.new-entry select { width: 200px; border: 1px solid #315969; }

.default-form input,
.default-form textarea,
.default-form select {
	width: 180px;
}

.glossar-list .bordered {
	padding-bottom: 5px; padding-top: 10px; border-bottom: #315969 thin solid; width: 100%;
}

/* transactionlist */
.statusColumnValue div { width: 55px;}
.statusColumnValue div * {  display: block; float: left; vertical-align: middle; padding: 0 2px;}
.statusColumnValue div img { padding: 3px 0 0 2px}

/* default form settings */
.default-form .divided input { width: 88px; }
.default-form .divided .first { width: 87px; }
.default-form .short-long input { width: 128px;}
.default-form .short-long .first { width: 47px;}
.default-form .long-short input { width: 48px;}
.default-form .long-short .first { width: 127px;}
.default-form div { clear: both !important; margin: 2px 0;}
.default-form div * { vertical-align: middle; }
.default-form label { float: left; margin-right: 5px; width: 170px; font-weight: bold; }
.default-form .date-picker { width: 99px; !important}
.default-form .birth-place { width: 97px; !important}
.default-form textarea { height: 150px;	width: 360px; }
.small-labels label { width: 120px !important; }
.small-labels textarea { width: 340px !important; }

/* register customer/broker page form lengths */
#Register .default-form input,
#Register .default-form select,
#RegisterBroker .default-form input,
#RegisterBroker .default-form select { width: 223px;}
#RegisterBroker .default-form input.date-picker { width: 99px; !important }
#RegisterBroker .default-form input.birth-place { width: 98px; !important }
#Register .divided input,
#RegisterBroker .divided input { width: 110px;}
#Register .divided .first,
#RegisterBroker .divided .first { width: 108px;}
#Register .long-short input,
#RegisterBroker .long-short input { width: 68px;}
#Register .long-short .first,
#RegisterBroker .long-short .first { width: 150px;}
#Register .short-long input,
#RegisterBroker .short-long input { width: 150px;}
#Register .short-long .first,
#RegisterBroker .short-long .first { width: 68px;}

.wider-form input,
.wider-form select {width: 223px; }
.wider-form .divided input {width: 110px;}
.wider-form .divided .first  { width: 108px;}
.wider-form .long-short input { width: 68px;}
.wider-form .long-short .first {width: 150px;}
.wider-form .short-long input {width: 150px;}
.wider-form .short-long .first {width: 68px;}

/*wider-form div,*/
/*.default-form div { position: relative;}*/
/*font { position: absolute; top: 0px; right: -12px;}*/


/* Sell TEP page */
.right-aligned .divided-label input { width: 165px; }
.right-aligned div { text-align: right; }
.right-aligned div label { text-align: left; }
.right-aligned input,
.right-aligned select { width: 122px;}
.right-aligned .date input { width: 100px;}
.right-aligned textarea { width: 310px; }

#SellTEP .inner-left .default-form label { width: 100px;}
#SellTEP .inner-left .default-form input { width: 180px;}
#SellTEP .right-aligned textarea { width: 345px }

#ContactBroker .right-aligned div label { text-align: left; width: 100px; }
#ContactBroker .right-aligned input { width: 240px;}
#ContactBroker .right-aligned textarea { width: 360px; }

.news-table {margin: 10px 0 0 0;}
.news-table .inner-left { width: 700px; }
.news-table .inner-right { width: 200px; }
.news-table .inner-left td { padding: 0 10px 5px 0; }

/*** submitt areas ***/
.submitter { border-top: #315969 thin solid; text-align: right; width: 100%; margin: 10px 0;}
.submitter input { padding: 0; }
.swichted { border-bottom: #315969 thin solid; border-top: none; }
.default-form .submitter { border: none; margin: -2px 0; }
.default-form .submitter label { text-align: left; padding: 4px 0 0 0 ; }
.submitter .back-link { float: left; }

/*** content scroller ***/
.content-scroller { height: 325px; overflow: auto; }

/**** content scroller - exceptions ****/
#TransactionListMasterBroker .content-scroller,
#BrokerProfileList .content-scroller,
#CustomerDepot .content-scroller,
#CustomerDepotList .content-scroller,
#TEPDetailPage .content-scroller,
#NoteListOverview .content-scroller,
#NoteListDetail .content-scroller,
#TransactionList .content-scroller,
#CustomerProfileList .content-scroller,
#FormerBrokerList .content-scroller,
#TransactionTEPDetail .content-scroller { overflow: hidden; }


#UploadPage .content-scroller,
#MasterBrokerHome .content-scroller,
#FormerBrokerList .content-scroller,
#BrokerProfileNew .content-scroller,
#BrokerProfile .content-scroller,
#BrokerProfileList .content-scroller,
#TransactionListMasterBroker .content-scroller,
#AdminFAQList .content-scroller,
#AdminNewsList .content-scroller,
#AdminPressReviewList .content-scroller,
#TransactionTEPDetail .content-scroller { height: 445px; }

/*** customer profile pages ***/
.customerProfileLeft { vertical-align: top; width: 225px; margin: 0 10px 0 0 ; text-align: left; }
.customerProfileLeft p { margin: 10px 0;}
.customerProfileLeft select { width: 150px !important;}
.customerProfileRight { border-left: 1px solid #315969; width: 450px; }
.customerProfileRight .inner { margin: 0 0 0 20px; }
.customerProfileRight .inner .inner-right-content { width: 480px;}
.customerProfileRight .inner textarea { width: 300px;}
.depotLink { display: block; margin: 5px 0; text-align: left; }

#BrokerProfileList .tep-detail-scroll,
#NoteListDetail .tep-detail-scroll,
#NoteListOverview .tep-detail-scroll,
#TransactionList .tep-detail-scroll,
#CustomerDepotList .tep-detail-scroll,
#CustomerProfileList .tep-detail-scroll,
#TEPList .tep-detail-scroll,
#CustomerDepot .tep-detail-scroll,
#TEPSearchResult .tep-detail-scroll {/* overflow: hidden;*/ width:768px;}

/* BigBox table scroll areas */
#BrokerProfileList .tep-detail-scroll,
#FormerBrokerList .tep-detail-scroll,
#TransactionListMasterBroker .tep-detail-scroll { height: 445px; }
#TransactionTEPDetail .tep-detail-scroll { height: 410px; }

#BrokerProfileList .MasterBroker .tep-panel,
#TransactionListMasterBroker .tep-panel { position: absolute; top: 0px; width: auto; background: 0; border: 0; right: 20px; }

/* TEPList states */
#TEPList .Normal .tep-detail-scroll,
#TEPList .Consultant .tep-detail-scroll,
#TEPList .Customer .tep-detail-scroll,
#TEPSearchResult .tep-detail-scroll,
#CustomerDepotList .tep-detail-scroll {height: 325px;}

/* mail icon Profiles */
#maillinkBroker,
#maillinkCustomer { }

#CustomerData td.text1_fett { width: 150px; padding: 0; }

#UploadPage #contentheader,
#MasterBrokerHome #contentheader,
#FormerBrokerList #contentheader,
#BrokerProfileNew #contentheader,
#BrokerProfile #contentheader,
#BrokerProfileList #contentheader,
#TransactionListMasterBroker #contentheader,
#AdminFAQList #contentheader,
#AdminNewsList #contentheader,
#AdminPressReviewList #contentheader,
#TransactionTEPDetail #contentheader { padding: 0; }


#tableView { overflow:auto;}
.tableScrollElement td { padding: 2px; }
.companyColumnValue { text-align: left;  }

.tableScrollPreTable { width: 100%; }
.tableScrollPreTable table { width: 768px; padding: 0 0 25px 0; background: url(/img/content_header_backround.gif) repeat-x bottom left}
.tableScrollPreTable table { border-spacing: 1px;}
.tableScrollPreTable th { background: #eee; padding: 4px 2px; }
.tableScrollPreTable td { background: #f7f7f7; padding: 4px 2px; }

.scrollerHeadContainer { background: #eee; width: 768px; overflow: hidden; }
.scrollerHead { width: 768px; background: #eee; overflow: hidden;}
.scrollerHead th { padding: 4px 0px; border-right: 1px solid #fff; padding: 0;}
.scrollerHead th table { margin: 0 auto;}

.scrollerContent table { width: 768px; border-collapse: collapse; }
.scrollerContent table td { border-right: 1px solid #fff; }

#TransactionListMasterBroker .scrollerContent { height: 424px; }

#BrokerProfileList .scrollerContent { height: 370px;}
#TEPList .Normal .scrollerContent,
#TEPSearchResult .scrollerContent,
#TEPList .Customer .scroller-content { height: 303px; }
#TEPList .Customer .scrollerContent { height:303px; }
#TEPSearchResult .Consultant .scrollerContent { height: 280px; }

.scrollerContent { height: 280px; overflow: auto; display: block; position: relative;}
.scrollerContent table { border-spacing: 1px;}

/* place panel in upper component, visiually */
#NoteListDetail .tep-panel,
#CustomerDepot .tep-panel,
#CustomerDepotList .tep-panel,
#TransactionList .tep-panel,
#TEPList .tep-panel,
#BrokerProfileList .tep-panel,
#CustomerProfileList .tep-panel,
#TEPSearchResult .tep-panel { position: absolute; top: 125px; width: 200px; background: 0; border: 0; right: 20px;  text-align: right;}

#NoteListDetail .scrollerContent { height: 209px !important; }
#CustomerDepot .scrollerContent { height: 230px !important; }
#CustomerDepotList .scrollerContent  { height: 290px !important; }
#CustomerDepotList .Consultant .scrollerContent  { height: 279px !important; }
#CustomerProfileList .MasterBroker .scrollerContent { height: 303px !important; }
#CustomerProfileList .tep-detail-scroll { height: 325px; }

.insuranceCompany { border-bottom: 1px solid #315969; padding: 20px 0 10px 0; }
.insuranceCompany select { width: 130px; border: 1px solid #ccc; }

.insurance-form textarea { width: 320px; margin: 15px 0 0 0;}
.insurance-form input { width: 56px; border: 1px solid #ccc; }
.insurance-form #currency0,
.insurance-form #currency1 { width: auto }
.insurance-form .three-cols {margin: 10px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #315969;}
.insurance-form .three-cols label { float: none; }
.insurance-form .three-cols td.first {padding: 0 20px 0 0;}

.child-set .links { float: left; margin: 0 0 0 10px; color: #5f7883}
.child-set .rechts { color: #5f7883}

#tepOrderTepDetail { margin: 10px 10px; width: 730px; padding: 0 0 10px 0; border-bottom: 1px solid #315969 }
#tepOrderTepDetail div * { vertical-align: middle; }
#tepOrderTepDetail #customerDetailLink { margin: 0 10px 0 0; }

li.brokerPayed { padding: 0 0 0 10px; }
li.brokerPayed #sumTF { width: 100px; }
li.brokerPayed * { vertical-align: middle; }
li.brokerPayed input { padding: 0; font-size: 11px; }


#tooltip {
    position: absolute;
    z-index: 3000000;
    background: #AEBBE8; /*transparent url(../images/tt_bg.gif) no-repeat bottom left;*/
    text-align: left;
    width: 400px;
    display: none;
    border: 1px solid #7087A7;
}

#tooltip div, #tooltip h3 {     padding: 5px;
    font-size: 11px;     /*background: url(../images/ttd_bg.gif) no-repeat top right;*/
}

/**/
/*.Consultant .tep-panel li+li { width:600px; text-align:right}*/
/*.Consultant .tep-panel table {float:right}*/
/*.Consultant .tep-panel li+li table td+td { text-align:right;width:200px}*/
/*.Consultant .tep-panel li+li table td+td+td { text-align:right;width:150px}*/
/*.Consultant .tep-panel li+li table td+td+td+td { text-align:right;width:100px}*/
/*.Consultant .tep-panel li+li table td+td+td { text-align:right}*/
/*.Consultant .tep-panel li+li table td+td select {margin: 0 !important ; display:inline; float : none}*/
/*.Consultant .tep-panel .infoIcon { display:inline; float : none}*/
/*.Consultant .tep-panel td *,*/
/*.Consultant .tep-panel li *  {vertical-align:middle }*/

.invest-panel {width:600px}
.invest-panel table {float:right; width:600px;}
.invest-panel .error{ text-align:left;width:160px}
.invest-panel td.invest-form { text-align:right; width:500px}
.invest-panel td.invest-form select {margin: 0 !important ; display:inline; float : none}
.invest-panel td.invest-form .infoIcon { display:inline; float : none}
.invest-panel td.invest-form * {vertical-align:middle }

.fieldMissing, .fieldInvalid {border-color:red}