#upload_panel { float: left; width: 23%; height: 120px; margin-bottom: 15px; }
#message_panel { float: left; width: 77%; height: 120px; margin-bottom: 15px; color: #ffffff; }
#profile_panel { float: left; width: 22%; clear: both; }
#grid_panel { float: right; width: 76%; position: relative; }
body.reduced #upload_panel { width: 30%; height: 90px; margin-top: 10px; display: none; }
body.reduced #message_panel { width: 70%; height: 90px; margin-top: 10px; display: none; }
body.reduced #profile_panel { width: 29%; }
body.reduced #grid_panel { width: 69%; }

/****************** UPLOAD PANEL ********************/
#upload_panel { text-align: center; }
#upload_panel .text { position: relative; font-size: 150%; font-weight: bold; color: #ffffff; margin: 12px 0; line-height: 120%; }
#upload_panel .tf-button { position: relative; left: 8%; width: 84%; }
.ie #upload_panel .tf-button { left: 0; }
#ie6 #upload_panel .text { font-size: 130%; }
body.reduced #upload_panel .text { font-size: 120%; margin: 5px 0; }

/****************** MESSAGE PANEL ********************/
#message_panel #intro { position: absolute; width: 100%; height: 100%; }
#message_panel .person { position: absolute; left: 0; top: -79px; }
#ie7 #message_panel .person { top: -80px; }
#message_panel .bubble { position: absolute; top: 38px; width: 100%; height: 74px; }
#message_panel .bubble div { position: absolute; top: 0; width: 100%; height: 100%; }
#message_panel .bubble .left { left: 28%; margin-left: -34px; width: 34px; background: url(/img/bubble.png) no-repeat 0 0; }
#message_panel .bubble .main { left: 28%; width: 69%; background: url(/img/bubble.png) repeat-x 0 -74px; }
#message_panel .bubble .right { left: 96.99%; width: 9px; background: url(/img/bubble.png) no-repeat -34px 0; }
#ie6 .bubble .left, #ie6 .bubble .main, #ie6 .bubble .right { behavior: url(/css/ie6pngfix.htc); }
#message_panel h1 { position: absolute; margin: 0; top: 8px; left: 20%; font-size: 160%; font-weight: bold; }
#message_panel h2 { position: absolute; margin: 0; top: 47px; left: 29%; font-size: 100%; font-weight: bold; }

.sub-meinprof #message_panel .poldi { position: absolute; left: 5px; top: -65px; width: 197px; height: 200px; background: url(/img/people/poldi.png); }
.sub-meinprof #message_panel .bubble .left { left: 33%; }
.sub-meinprof #message_panel .bubble .main { left: 33%; width: 64%; background: url(/img/bubble.png) repeat-x 0 -74px; }
.sub-meinprof #message_panel h1 { left: 27%; }
.sub-meinprof #message_panel h2 { left: 34%; }

body.reduced #message_panel #intro div { position: relative; font-weight: bold; top: 5px; left: 5%; width: 95%; }
body.reduced #message_panel #intro div img { position: absolute; left: -3%; }

#message_panel #messages { position: absolute; width: 100%; }
#message_panel #messages div { position: relative; left: 26%; width: 72%; top: 5px; font-size: 100%; font-weight: bold; padding-left: 18px; background: url(/img/bullet.png) no-repeat; }
#ie6 #message_panel #messages div { behavior: url(/css/ie6pngfix.htc); }

body.reduced #message_panel #messages div { left: 5%; width: 95%; }

/****************** PROFILE PANEL ********************/
#profile_panel .tf-header { height: 24px; }
#profile_panel .main { position: relative; width: 100%; height: 360px; } 
#profile_panel .tf-footer { height: 20px; }
#profile_panel .main #pp_main_bg { position: absolute; }
#profile_panel .main #basis_container { position: relative; padding: 12px 0 3px 3%; font-weight: bold; }
#profile_panel .main #basis_container #profile_basis { margin-left: 5px; width: 75%; }

#profile_panel .main .tabs { padding-top: 10px; font-size: 1px; }
#ie6 #profile_panel .main .tabs { padding-top: 5px; }
#profile_panel .main .tabs .active { width: 45%; height: 20px; font-size: 10pt; }
#profile_panel .main .tabs .inactive, #ie6 #profile_panel .main .tabs .inactivehover { width: 45%; height: 20px; font-size: 10pt; }

#profile_panel .main .section { clear: both; padding-top: 8px; }
.ie #profile_panel .main .section { padding-top: 4px; }
#profile_panel .main .ps { clear: both; padding: 0px 0 0 2%; }
#profile_panel .main .ps span.tf-info { display: block; float: left; width: 23%; padding-left: 1%; }
#profile_panel .main .ps .slider_ { float: left; width: 75%; }
#profile_panel .main .ps .slider_ .track_ { float: left; }
#profile_panel .main .ps #voice_min .handle_, #profile_panel .main .ps #sms_instances .handle_ { background: url(/img/slider_handles.png) no-repeat -11px 0; }
#profile_panel .main .ps #voice_time .track_ { background: url(/img/slider_tracks.png) no-repeat 0 -15px; }
#profile_panel .main .ps .value_ { padding-left: 5px; width: 32%; white-space: nowrap; overflow: hidden; }
#ie6 #profile_panel .main .ps .value_ { width: 55px; }
#profile_panel .main .title { clear: both; font-weight: bold; padding: 4px 0 0 3%; }
#profile_panel .main .section .input_label { float: left; width: 30%; padding-left: 3%; }
#profile_panel .main .section select { display: block; float: right; width: 60%; margin-right: 3%; }
#profile_panel .main .divider { clear:both; margin-left: 10%; padding-top: 10px; width: 80%; height: 1px; font-size: 1px; }
#profile_panel .main .divider div { height: 1px; font-size: 1px; background-color: #333333; }
#profile_panel .main .tf-button { position: absolute; top: 326px; left: 10%; width: 80%; }

#profile_panel .tf-footer span { position: relative; top: 2px; }
#profile_panel .tf-footer #link_reset { float: left; margin-left: 10px; font-size: 90%; }
#profile_panel .tf-footer #link_settings { float: right; margin-right: 10px; font-size: 90%; }

/****************** GRID PANEL ********************/
#grid_panel .header_bg { position: absolute; top: 0; width: 100%; height: 24px; }
#grid_panel .main_bg { position: absolute; top: 24px; width: 100%; height: 360px; }
#grid_panel .footer_bg { position: absolute; top: 100%; margin-top: -20px; width: 100%; height: 20px; }
#grid_table_container { position: relative; width: 100%; height: 404px; }

#grid_table { width: 100%; height: 100%; }
#ie7 #grid_table { margin-top: -1px; }
#grid_table thead th { height: 24px; top: 3px; left: 10px; font-weight: bold; color: #777777; text-align: center; }
#grid_table td div { white-space: nowrap; padding: 0 5px; }
#grid_table td .tf-button div { padding: 0; }
#grid_table .c0 { display: none; }
#grid_table .c3 { text-align: left; }
#grid_table .c4 { text-align: left; }
#grid_table .c8 img { position: relative; top: -1px; }
.ie #grid_table .c8 img { top: 0; }
#grid_table tbody td { text-align: center; height: 30px; }
#grid_table tbody td.empty { text-align: left; padding-left: 10px; }
#grid_table tbody td.c2 div { margin: 0 auto; width: 60px; text-align: right; font-weight: bold; }
#grid_table tbody tr.even td { background-color: #ffffff; }
#grid_table tbody tr.odd td { background-color: #f6f6f6; }
#grid_table tbody tr.current td { background-color: #e0e6ec; }
#grid_table tbody tr { cursor: pointer; }
#grid_table tbody tr:hover td, #ie6 #grid_table tr.evenhover td, #ie6 #grid_table tr.oddhover td, #ie6 #grid_table tr.currenthover td { background-color: #748daa; color: #ffffff; }
#ie6 #grid_table tbody tr { behavior: url(/css/ie6hover.htc); }
#grid_table tbody .tf-button { width: 90%; }
#grid_table tfoot td { text-align: center; }
#grid_table tfoot span { position: relative; top: 1px; font-weight: bold; margin-right: 5px; }
#grid_table tfoot span.link, #ie6 #grid_table tfoot span.linkhover { font-weight: normal; }

#tv_details { position: relative; width: 100%; }
#tv_details td { vertical-align: top; }
#tv_details table { float: left; margin: 5px; }
#tv_details table td { padding-right: 5px; }
#tv_details table th { text-align: left; }
#tv_details #tvd_costs td { padding: 0; }
#tv_details #tvd_costs thead th { border-bottom: solid 1px #333333; }
#tv_details #tvd_costs tfoot td { border-top: solid 1px #333333; border-bottom: double 1px #333333; }
#tv_details #tvd_costs td.c2 { padding-left: 10px; text-align: right; white-space: nowrap; }
#tv_details #tvd_contract td.c2 { white-space: nowrap; }
#tv_details #lower_table { width: 100%; }
#tv_details #lower_table .tf-button { float: left; width: 220px; margin: 0 10px 5px; }
#tv_details #lower_table .comment div { padding-left: 15px; background: url(/img/bullet_black.png) no-repeat top left; }
#ie6 #tv_details #lower_table .comment div { behavior: url(/css/ie6pngfix.htc); }

#progress_window { position: relative; height: 75px; padding-top: 10px; }
#progress_window .text { text-align: center; color: #333333; }
#progress_window .bar { width: 360px; height: 32px; margin: 10px 15px; border: 1px solid #D1D1D1; }
#progress_window .bar div { height: 100%; background-color: #748daa; }
#button_cancel_ranking { position: relative; left: 25%; width: 50%; }

/**************** UPLOAD PROFILE WINDOW ******************/
#upload_profile_window { width: 600px; }
#upload_profile_window .title { margin-left: 5px; font-weight: bold; }
#upload_profile_window .subtitle { margin: 5px; }
#upload_profile_window .content { padding: 0 5px; clear: both; }

#upload_profile_window .files .subtitle {  }
#upload_profile_window .files .whatdocs { padding: 5px; border: solid 1px #7a8daa; position: absolute; top: 15px; left: 470px; font-weight: normal; }
#upload_profile_window .files table { width: 100%; border: solid 1px #748daa; margin-bottom: 15px; }
#upload_profile_window .files table th { padding: 3px 5px; background-color: #748daa; color: #ffffff; text-align: left; }
#upload_profile_window .files table td { padding: 3px 5px 2px; background-color: #ffffff; }
#upload_profile_window .files table tr.filerow td { border-top: solid 1px #748daa; }
#upload_profile_window .files table tr.filerow td.c1 { width: 95%; padding-left: 7px; }
#upload_profile_window .files table tr.filerow td.c2 { width: 5%; }
#upload_profile_window .files table tr.filerow td.c2 .tf-info { cursor: pointer; }
#upload_profile_window .files table tr.subrow td { padding: 0 5px 0 15px; color: #999999; } 
#upload_profile_window .files table tr.subrow td img { vertical-align: top; }
#upload_profile_window .files table tr.lastrow td { padding-bottom: 8px; }
#upload_profile_window #uploadFile { float: left; }
#upload_profile_window .files .dialog_buttons .tf-button { margin-top: 0; }
#ie6 #upload_profile_window .files .dialog_buttons .tf-button { width: 110px; }

#upload_profile_window .profiles { margin-top: 15px; }
#upload_profile_window .profiles table { width: 100%; border: solid 1px #748daa; }
#upload_profile_window .profiles table thead th { padding: 3px 5px; background-color: #748daa; color: #ffffff; text-align: left; }
#upload_profile_window .profiles table td { padding: 3px 5px; vertical-align: top; background-color: #ffffff; }
#upload_profile_window .profiles table td.c1 { width: 8%; padding-left: 20px; }
#upload_profile_window .profiles table td.c2 { width: 19%; }
#upload_profile_window .profiles table td.c3 { width: 15%; }
#upload_profile_window .profiles table td.c4 { width: 13%; }
#upload_profile_window .profiles table td.c5 { width: 45%; position: relative; }
#upload_profile_window .profiles table td.c5 img { position: absolute; }
#upload_profile_window .profiles table td.c5 .link div { padding-left: 20px; font-weight: normal; }
#ie6 #upload_profile_window .profiles table td.c5 .linkhover div { padding-left: 20px; font-weight: normal; }
#ie6 #button_cancel { width: 120px; }
#ie6 #upload_profile_window #button_ok { width: 230px; }
#ie6 #unknown_document_window #button_ok { width: 200px; }
#ie6 #thanks_for_doc_window #button1 { width: 60px; }
#ie6 #thanks_for_doc_window #button2 { width: 120px; }
#ie6 #thanks_for_doc_window #button3 { width: 200px; }
#ie6 #enter_fixcosts_window #button1 { width: 220px; }
#ie6 #enter_fixcosts_window #button2 { width: 220px; }

/**************** OTHER ******************/
div.loading { position: relative; top: 40%; left: 40%; width: 200px; }

#powered { clear:both; margin-top: 4px; width: 100%; height: 20px; }
#ie6 #powered { behavior: url(/css/ie6hover.htc); }
#powered div { float: right; cursor: pointer; }
#powered div.tf_text { font-size: 10px; color: #aaaaaa; margin: 3px 5px 0 0; }
#powered div.tf_logo { width: 38px; height: 20px; background: url(/img/signature.gif) no-repeat 0 0; }
#powered:hover div.tf_logo, #ie6 #powered.hover div.tf_logo { background: url(/img/signature.gif) no-repeat -38px 0; }

#subid { clear:both; text-align:right; width: 100%; font-size:10px; color: #cccccc; }

#profile_report { width: 700px; padding: 0 10px; }
#profile_report .title { font-weight: bold; font-size: 120%; margin-bottom: 10px; }
#profile_report .container { height: 160px; border: solid 1px #748daa; margin-top: 10px; padding: 5px; background-color: #ffffff; overflow: auto; }
#profile_report .container table { width: 100%; }
.ie #profile_report .container table { width: 96%; }
#profile_report .container table td { vertical-align: top; }
#profile_report .container table tr.psu td { color: #008800; }
#profile_report .container table tr.usu td { color: #E20030; }
#profile_report .container table td.c1 { width: 22%; }
#profile_report .container table td.c2 { width: 7%; }
#profile_report .container table td.c3 { width: 55%; }
#profile_report .container table td.c4 { width: 8%; text-align: right; }
#profile_report .container table td.c5 { width: 8%; text-align: right; }
#profile_report .legend { font-size: 80%; margin-top: 5px; }
#profile_report .summary { float: left; }
#profile_report .summary td { padding: 0 20px 0 0; }
#profile_report .summary td.c3 { text-align: right; }
#profile_report .summary tr.total td { border-top: solid 1px #999999; border-bottom: double 1px #748daa; font-weight: bold; padding: 3px 20px 3px 0; }
#profile_report .dialog_buttons { margin-top: 70px; }

#ranking_options { width: 500px; padding: 10px 15px; }
#ranking_options .tabs .active, #ranking_options .tabs .inactive, #ie6 #ranking_options .tabs .inactivehover { width: 80px; height: 20px; }
#ranking_options .tab_content { height: 475px; }
#ranking_options #tab_footer { height: 5px; font-size: 1px; }
#ranking_options .tab_page1 { padding: 10px; }
#ranking_options .tab_page1 .title { margin-bottom: 5px; }
#ranking_options .tab_page1 .providers div { float: left; }
#ranking_options .tab_page1 .providers div .link { font-weight: normal; }
#ranking_options .tab_page1 .providers div.c0 { width: 23%; }
#ranking_options .tab_page1 .providers div.c1 { width: 23%; }
#ranking_options .tab_page1 .providers div.c2 { width: 24%; }
#ranking_options .tab_page1 .providers div.c3 { width: 30%; }
#ie6 #ranking_options .tab_page1 .providers div { font-size: 90%; }
#ie6 #ranking_options .tab_page1 .providers div.c0 { width: 22%; }
#ie6 #ranking_options .tab_page1 .providers div.c1 { width: 22%; }
#ie6 #ranking_options .tab_page1 .providers div.c2 { width: 23%; }
#ie6 #ranking_options .tab_page1 .providers div.c3 { width: 29%; }
#ranking_options .tab_page2 .title { padding: 20px 10px 10px; }
#ranking_options .tab_page2 #hz_settings { padding: 5px 0 0 35px; }
#ranking_options .tab_page2 #hz_settings .tf-label { clear: left; float: left; width: 30%; padding-top: 14px; font-weight: bold; }
.ie #ranking_options .tab_page2 #hz_settings .tf-label { padding-top: 17px; }
#ranking_options .tab_page2 #hz_settings .tf-values { clear: right; float: right; width: 70%; padding-top: 10px; }
#ie6 #ranking_options .tab_page2 #hz_settings .tf-values { clear: right; float: right; width: 60%; padding-top: 10px; }
#ranking_options .tab_page2 #hz_settings.disabled { color: #aaaaaa; }
#ranking_options .tab_page3 .item1 { padding: 20px 10px 0; }
#ranking_options .tab_page3 .item2 { padding: 5px 10px 0; }
#ranking_options .tab_page3 .item3 { padding: 5px 10px 0; }
#ranking_options .tab_page3 .item4 { padding: 5px 10px 0; }
#ranking_options .tab_page3 .item5 { padding: 15px 10px 0; }
#ranking_options .tab_page3 .item6 { padding: 5px 10px 0; }
#ranking_options .tab_page3 #sparruf_settings { padding: 5px 0 0 34px; }
#ranking_options .tab_page3 #sparruf_settings.disabled * { color: #aaaaaa; }
.o2 #ranking_options .tab_page3 .item3, .o2 #ranking_options .tab_page3 #sparruf_settings { display: none; }

/*********** connect specials ***************/
#tf.sub-connect #upload_panel { height: 90px; margin-top: 10px; }
#tf.sub-connect #message_panel { height: 90px; margin-top: 10px; color: #666666; }
#tf.sub-connect #upload_panel .text { font-size: 120%; margin: 10px 0 5px; color: #666666; }

#tf.sub-connect #message_panel #intro div { position: relative; font-weight: bold; top: 5px; left: 5%; width: 95%; }
#tf.sub-connect #message_panel #intro div img { position: absolute; left: -3%; }
#tf.sub-connect #message_panel #messages div { left: 2%; width: 95%; }

#tf.sub-connect #grid_table .c7 { width: 30px; text-align: left; }
#tf.sub-connect #ranking_options .providers { line-height: 20px; }

/*********** spiegel specials ***************/
#tf.sub-spiegel #upload_panel { height: 100px; width: 320px; margin: 10px 11px 10px 0; }
#tf.sub-spiegel #message_panel { height: 100px; width: 514px; margin: 10px 0 10px 11px; color: #666666; }
#tf.sub-spiegel #profile_panel { width: 26%; }

#tf.sub-spiegel #upload_panel .text { color: #333333; font-size: 100%; font-weight: normal; text-align: left; margin: 10px 0 10px 5px; }
#tf.sub-spiegel #upload_panel .text div { font-weight: bold; margin-bottom: 5px; }

#tf.sub-spiegel #message_panel #intro .c1 { float: left; margin: 7px 0 0 2px; width: 310px; padding-top: 28px; background: url(/img/spiegel_mobil2.gif) no-repeat; }
#tf.sub-spiegel #message_panel #intro .c2 { float: right; margin: 7px 2px 0 0; width: 86px; height: 86px; background: url(/img/spiegel_mobil3.jpg) no-repeat; }
#tf.sub-spiegel #message_panel #messages div { left: 5px; width: 400px; background: url(/img/bullet_black.png) no-repeat; }

#tf.sub-spiegel #grid_panel { width: 72%; }
#tf.sub-spiegel #grid_table .c7 { width: 30px; text-align: left; }
#tf.sub-spiegel #grid_table tbody tr:hover .link, #tf.sub-spiegel #ie6 #grid_table tr.evenhover .link, #tf.sub-spiegel #ie6 #grid_table tr.oddhover .link, #tf.sub-spiegel #ie6 #grid_table tr.currenthover .link { color: #ffffff; }

#tf.sub-spiegel #ie6 #profile_panel .main .ps .value_ { padding-left: 5px; width: 31%; white-space: nowrap; overflow: hidden; }

body #spHeader { height: 148px }

/*********** sueddeutsche specials ***************/
#tf.sub-sueddeutsche #upload_panel { display: none; height: 100px; width: 314px; margin: 10px 11px 10px 0; }
#tf.sub-sueddeutsche #message_panel { display: none; height: 100px; color: #666666; width: 100%; margin: 10px 0; }
#tf.sub-sueddeutsche #profile_panel { width: 26%; }

#tf.sub-sueddeutsche #upload_panel .text { color: #333333; font-size: 100%; font-weight: normal; text-align: left; margin: 10px 0 10px 5px; }
#tf.sub-sueddeutsche #upload_panel .text div { font-weight: bold; margin-bottom: 5px; }

#tf.sub-sueddeutsche #message_panel #intro .c1 { float: left; margin: 7px 0 0 2px; width: 310px; padding-top: 28px; background: url(/img/spiegel_mobil2.gif) no-repeat; }
#tf.sub-sueddeutsche #message_panel #intro .c2 { float: right; margin: 7px 2px 0 0; width: 86px; height: 86px; background: url(/img/spiegel_mobil3.jpg) no-repeat; }
#tf.sub-sueddeutsche #message_panel #messages div { left: 5px; width: 400px; background: url(/img/bullet_black.png) no-repeat; }

#tf.sub-sueddeutsche #grid_panel { width: 72%; }
#tf.sub-sueddeutsche #grid_table .c7 { width: 30px; text-align: left; }
#tf.sub-sueddeutsche #grid_table tbody tr:hover .link, #tf.sub-sueddeutsche #ie6 #grid_table tr.evenhover .link, #tf.sub-sueddeutsche #ie6 #grid_table tr.oddhover .link, #tf.sub-sueddeutsche #ie6 #grid_table tr.currenthover .link { color: #ffffff; }

#tf.sub-sueddeutsche #ie6 #profile_panel .main .ps .value_ { padding-left: 5px; width: 31%; white-space: nowrap; overflow: hidden; }

/*********** discountfan specials ***************/
#tf.sub-discountfan #profile_panel { width: 23%; }
#tf.sub-discountfan #grid_panel { width: 75%; }
#tf.sub-discountfan #ie6 #profile_panel .main .ps .value_ { padding-left: 5px; width: 31%; white-space: nowrap; overflow: hidden; }

#tf.sub-discountfan #upload_panel { height: 90px; width: 210px; }
#tf.sub-discountfan #upload_panel .text { font-size: 108%; margin: 10px 0; color:#003366; }
#tf.sub-discountfan #message_panel { height: 90px; width: 667px; }

#tf.sub-discountfan #message_panel #intro { position: relative; font-weight: bold; top: 5px; left: 2%; width: 96%; color:#003366; }
#tf.sub-discountfan #message_panel #messages div { left: 2%; width: 95%; color:#003366; }