/* 
 * StyleSheet.css
 * 
 * CSS bestand voor Finchline. Gemaakt door:
 * 
 * Rolf van der Drift (rolf@howardshome.com)
 * Senne Tijdeman     (senne@howardshome.com)
 * 
 * Bevat o.a. de volgende code:
 * GridStyle.css (http://bit.ly/cYGrdo)
 * 
 * * * * * * * * * * * * * * * * * * * * */
 
/*
 * --- GridStyle.css ---
 *
 * grid
 * * * * * * * * * * * * * * * * * * * * */
.grid { text-align:left; width:100%; font-family:Tahoma; clear:both }
.grid h2, .gridh2 { margin: 0; padding: 0; color: #ffffff; height: 20px; line-height: 20px; font-size: 14px; }
.grid .datatable { width:100%; color:#666; }    
.grid .datatable th { font-size: 11px; font-weight: bold; letter-spacing: 0px; text-align: left; padding: 2px 4px; color: #333333; border-bottom: solid 2px #bbd9ee; }
.grid .datatable th a { text-decoration: none; padding-right: 18px; color: #0066cc; }
.grid .datatable th.sortasc a { background: url(http://dashboard.finchline.nl/App_Themes/FinchLine01/Images/asc.gif) right center no-repeat; }
.grid .datatable th.sortdesc a { background: url(http://dashboard.finchline.nl/App_Themes/FinchLine01/Images/desc.gif) right center no-repeat; }
.grid .datatable .row td { font-size: 11px; text-align: left; padding: 6px 4px; border-bottom: solid 1px #bbd9ee; }      
.grid .datatable .row:hover { background-color: #fffacd; color: #000; }
.grid .datatable .row td.first { padding-left: 10px; }
.grid .datatable th.first { padding-left: 10px; }
.grid .datatable .row:hover .first { background-repeat: no-repeat; background-image: url(http://dashboard.finchline.nl/App_Themes/FinchLine01/Images/bullet.gif); }

/* 
 * Data Pager Styles
 * * * * * * * * * * * * * * * * * * * * */
.grid tr.pager-row td { border-top:solid 2px #bbd9ee;}
.grid .pager {font-family:arial,sans-serif; text-align:center; padding:6px; font-size:15px;} 
.grid .pager span.command, .grid .pager span.current, .grid .pager a.command, .grid tr.pager-row td a { color: #5a90ce; padding: 0px 5px; text-decoration: none; border: none; }
.grid .pager a.command:hover, .grid tr.pager-row td a:hover { border: solid 2px #408BB6; background-color: #59A5D1; color: #fff; padding: 0px 3px; text-decoration: none; }
.grid .pager span.current, .grid tr.pager-row td span { border: none; font-weight: bold; color: #3e3e3e; padding: 0px 6px; }
.grid tr.pager-row td { border-top: none; text-align: center; }
.grid tr.pager-row table { height: 35px; margin: 0 auto 0 auto; }

/*
 * --- Generic ---
 *
 * Algemene CSS code
 * * * * * * * * * * * * * * * * * * * * */
body { margin: 0; color: #666; font: 12px Arial, Helvetica, sans-serif; background: #E7F7FD url(/dashboard-sub/App_Themes/FinchLine01/images/bg-body.jpg) repeat-x; }
p { margin-bottom: 20px; line-height: 1.6em; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }
img { border-style: none; border: 0; }

form, fieldset { padding: 0; margin: 0; border-style: none; }
input, textarea, select { font: 100% Arial, Helvetica, sans-serif; vertical-align: middle; color: #000; }
input[type="text"] { width: 200px; border: 1px solid #ccc; }
input[type="password"] {width: 200px; border: 1px solid #ccc; }

.error { color: Red; }

.form { margin: 1em 0; padding: 1em; }
.form p { margin: 2px 10px 10px 10px; }
.form span { display: block; }

.clear { clear: both; }

/*
 * Main page
 * * * * * * * * * * * * * * * * * * * * */
#contents { margin-bottom: 20px;background:white; position: relative; }
#main
{
    -moz-box-shadow: 3px 3px 15px 0px #888;
    -webkit-box-shadow: 3px 3px 15px 0px #888;
    box-shadow: 3px 3px 15px 0px #888;
}
#contents_wrapper { background: transparent;  min-height: 400px; height: auto !important; height: 400px; }

#widget_area { overflow: auto; width: 100%; }
#widget_area_wrapper { padding-left: 10px; }

#Progress { float: right; margin-right: 10px; }

/*
 * Tab area (knoppen onder dashboard
 * balk)
 * * * * * * * * * * * * * * * * * * * * */
#onpage_menu_bar { height: 35px; }

/*
 * Dashboard balk
 * * * * * * * * * * * * * * * * * * * * */
.tab_container { width: 960px; position: relative;}
.tab_container_header { position: relative; float: left; width: 87%; overflow: hidden; }
.tab_container_options { position: relative; float: left; width: 12%; }

.tabwrap{ position: relative; width: 99%; overflow: hidden; }

.tab-strip { width: 25000px; zoom: 1;}

.tab-scrolling { position: relative; }
.tab-edge { float: left; margin: 0 !important; padding: 0 !important; border: 0 none !important; font-size: 1px !important; line-height: 1px !important; overflow: hidden; zoom: 1; background: transparent !important; width: 1px; }

.tabwrap .tabs .tab-edge { width: 1px; }

.tab_container_options .newtabscrolling { float: left; }
.tab_container_options .newtab { display: block; height: 38px; }

.tabwrap .newtab { display: block; height: 38px; width: 25px; }
.newtab_add_block { overflow: hidden; display: block; cursor: hand; cursor: pointer; width: 25px; height: 38px; background: #00acf2 url(/dashboard-sub/App_Themes/FinchLine01/images/btn_add_blue.png) no-repeat; margin-left: 10px; }
.newtab .newtab_add_block { margin: 0; height: 15px; }

.tab_container_options .tab-scroller-left { cursor: hand; cursor: pointer; float: left; background: #00acf2 url(/dashboard-sub/App_Themes/FinchLine01/images/btn_left_blue.png) no-repeat; min-height: 38px; height: auto !important; height: 30px; width: 25px; margin-left: 10px; }
.tab_container_options .tab-scroller-right { cursor: hand; cursor: pointer; float: left; background: #00acf2 url(/dashboard-sub/App_Themes/FinchLine01/images/btn_right_blue.png) no-repeat; min-height: 38px; height: auto !important; height: 30px; width: 25px; margin-left: 10px; }
.tab_container_options .tab-scroller-disabled { opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); cursor: default; }

/*
 * CSS code voor de mededelingen RSS feed
 * * * * * * * * * * * * * * * * * * * * */
#support-message { float: left; padding-left: 10px; display: block; margin-top: 46px; width: 714px; }
.support-message-title { margin: 0; margin-bottom: 5px; padding: 0; font-weight: bold; display: block; }

.gfc-resultsHeader { display: none; }

a.gf-title { font-weight: bold; color: #04839c; text-decoration: underline; }
a.gf-title:hover { color: #04839c; text-decoration: underline; }

/*
 * CSS code voor "Widgets toevoegen"
 * vlak! (O.A. custom UI)
 * * * * * * * * * * * * * * * * * * * * */
.ui-tabs-add-widget { border: none; }
 
.ui-tabs-add-widget .ui-tabs-nav { float: left; margin: 0; padding: 0; width: 130px; }
.ui-tabs-add-widget .ui-tabs-nav li { clear: left; width: 100%; }
.ui-tabs-add-widget .ui-tabs-nav li a { display: block; width:auto; border: 0; color: #4ea7cc; }
.ui-tabs-add-widget .ui-tabs-nav, .ui-tabs-add-widget .ui-tabs-nav li { background: none; border: 0; }
.ui-tabs-add-widget .ui-tabs-nav li.ui-tabs-selected, .ui-tabs-add-widget .ui-tabs-nav li.ui-state-active { background: #4ea7cc; }
.ui-tabs-add-widget .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-add-widget .ui-tabs-nav li.ui-state-active a { color: white; }

.ui-tabs-add-widget .ui-tabs-panel { background: #c0eafa; min-height: 150px; height: auto; display: block; }
.ui-tabs-add-widget .ui-tabs-panel { -moz-border-radius: 0 5px 5px 5px; -border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px;}
.ui-tabs-add-widget .ui-tabs-panel > b { color: #1c7aa1; }

.widgetGroupArea { margin: 10px 0 10px 0; }
.widgetGroupTabHolder { float: left; margin-top: 1px; width: 778px; }

.widget_list { clear: both; }

.new_widget img { float: left; margin-right: 3px; }
.new_widget a { float: left; color: #1c7aa1; }
.new_widget { clear: both; }

p.maxWidgetsMessage { font-weight: bold; border: solid 3px #fff; padding: 10px; }

/*
 * CSS code voor "Dashboard instellingen"
 * vlak!
 * * * * * * * * * * * * * * * * * * * * */
#DashboardSettings { margin-top: 0; }

/*
 * CSS code voor "Topics toevoegen"!
 * * * * * * * * * * * * * * * * * * * * */
.widget_setting_zone { height:auto !important; height: 400px; }

.widget_setting_zone_after { margin: 5px; }
.widget_setting_zone_after a { color: Black; }

.widget_setting_zone_after_option { float: left; }
.widget_setting_zone_after_option_text { margin-left: 3px; margin-right: 15px; }

/*
 * CSS code voor de "Delete" pop-up!
 * * * * * * * * * * * * * * * * * * * * */
.close-confirm-popup-inner { margin-top: 20px; float: left; padding-right: 3px; }

/*
 * Widget voorkant
 * * * * * * * * * * * * * * * * * * * * */
.columnLeft .widget_zone_container { margin-right: 10px; }
.columnRight .widget_zone_container { margin-left: 10px; }

.placeholder { border: dashed 2px gray; margin-bottom: 20px; min-height: 20px; }

.widget_zone { min-height: 400px; height:auto !important; height: 400px; padding-bottom: 10px; }

.widgetContainer { text-align: center; }

.widget_header_table { width: 100%; border: none }
.widget_box { display: block; margin-top: 2px; overflow: hidden; width: 13px; height: 13px; cursor: hand; cursor: pointer; }

.widget_title { padding: 2px 5px 0 5px; font-weight: bold; }
.widget_title a { overflow: hidden; height: 1.2em; color: White; text-decoration: none; font-size: 10pt; }

.widget_title_horizontal { float: left; }

.widget_title_text { padding-top: 1px; }

.widget_title_input { color: #222222; font-size: 0.9em; height: 14px; }
.widget_title_change .widget_title_input[type="text"] { border: solid 1px #903a00; }
.widget_title_submit { color: #222222; font-weight: bold; font-size: 0.9em; height: 18px; margin-top: 0; }
.widget_title_change .widget_title_submit { border: solid 1px #903a00; }

.widget_data { text-align: left; }
.topdataList { text-align: left; }

.widget_body { margin: 5px 5px 5px 5px; }

table.FeedClassList td {margin: 0px; padding: 0px;}
/*.form_zone_field_feedclass_link { padding: 3px; background-color: Aqua; border: 1px solid black;}*/


/*
 * Widget tagcloud
 * * * * * * * * * * * * * * * * * * * * */
.term-cloud {font-family: arial; font-size: 10px; }
.term-cloud-1 {font-size: 12px; color: #acc1f3; }
.term-cloud-2 {font-size: 16px; color: #86a0dc; }
.term-cloud-3 {font-size: 20px; color: #607ec5; }
.term-cloud-4 {font-size: 24px; color: #264ca2; }
.term-cloud-5 {font-size: 28px; color: #133b97; }
.term-cloud-6 {font-size: 34px; color: #002a8b; }
.term-cloud-7 {font-size: 38px; color: #071a41; }
.term-cloud-8 {font-size: 42px; color: #081122; }
.term-cloud-9 {font-size: 46px; color: #000000; }

.term-cloud-error {font-family: arial; font-size: 10px; color: red; }
.term-cloud-link {text-decoration: none; }
.term-cloud-link:hover {text-decoration: none;}

/*
 * Widget achterkant
 * * * * * * * * * * * * * * * * * * * * */
.widget_periode, .widget_periode_free, .widget_periode_free { float: left; }

.widget_periode { margin-right: 20px; }
.widget_periode_free { margin-right: 10px; }

.widget_graph_item { float: left; margin-right: 10px; }
.widget_graph_item div { text-align: center; }

.HideEmbed { display: none; }

/*
 * Widget pop-up
 * * * * * * * * * * * * * * * * * * * * */
#detailsPage, #listdetailPagination { display: none; }

#lostRefIds { display: none; }

.ui-widget .ui-widget-show { padding: 0; margin: 0; }

.widget_popup_metagraph_wrapper { width: 400px; float: left; padding: 0; }

.widget_popup_meta { padding: 5px 0 5px; font-weight: bold; color: #04839b; text-align: center; }

.widget_popup_graph { height: 530px; overflow: auto; display: block; }
.widget_popup_graph li { margin-left: 10px; }

.widget_popup_content_wrapper { height: 555px; width: 440px; float: right; padding: 0; }

.widget_popup_pagination { padding: 5px 0 5px; font-weight: bold; text-align: center; }
.widget_popup_pagination .current { color: #ff6600; }
.widget_popup_pagination a, .widget_popup_pagination span { padding: 0.3em 0.5em; padding-left: 0; margin-right: 5px; }

.widget_popup_content { overflow-y: scroll; height: 485px; padding-right: 10px; }
.widget_popup_content ul { margin: 0; padding: 0; }
.widget_popup_content li { margin: 0 0 10px; padding: 0 0 10px; list-style: none; border-bottom: solid 1px #04839c; }
.widget_popup_content a { color: #04839c; text-decoration: underline }
.widget_popup_content a.mailtoLink, a.mailtoLink { font-size: 10px; }

.widget_popup_downloadarticles { background: #fbfcfd; font-family: Verdana; font-size: 0.9em; line-height: 0.9em; border: solid 1px #f4f8fa; color: #04839c; padding: 10px; }
.widget_popup_downloadarticles a { font-weight: bold; color: #04839c; text-decoration: underline }

#detailPageGraph table { width: 390px; }
#detailPageGraph table .topdataListLongUrl { max-width: 350px; }

#downloadLinkContainer { text-align: right; padding-top: 10px; }
#LDdownloadLinkContainer { text-align: right; padding-bottom: 10px; }

#LDdownloadLinkContainer a { position: static; }

/*
 * Embed popup
 * * * * * * * * * * * * * * * * * * * * */
#embedPopup { display: none; }
#embedPopupContent { padding: 20px 20px 10px 20px; }
#embedPreview  { width: 250px; float: right; }
#embedCode {width: 400px; float: left; border-right: solid 1px #000; }

/* .embedPreview { font-size: 22px;} */

/*
 * Download berichten popup
 * * * * * * * * * * * * * * * * * * * * */
#downloadArticles { display: none; }
.download_popup_content { padding: 30px 30px 10px 30px; }
#downloadArticlesButtons { margin-top: 10px; }
#StartArticlesDownloadButton { float: right; }
#downloadArticlesProgressBar { display: none; margin-top: 30px; clear: both;}

/*
 * Test query pop-up
 * * * * * * * * * * * * * * * * * * * * */
.test_query_popup ul { margin: 0; padding: 0; }
.test_query_popup li { margin: 0 0 10px; padding: 0 0 10px; list-style: none; border-bottom: solid 1px #04839c; }
.test_query_popup a { color: #04839c; text-decoration: underline }
.test_query_popup a.mailtoLink, a.mailtoLink { font-size: 10px; }

/*
 * CSS code voor rapportages!
 * * * * * * * * * * * * * * * * * * * * */
.report_zone { padding: 5px; width: 305px; }
.report_zone_chosen { float: right; border: solid 1px #04839c; }
.report_zone_notchosen { float: left; border: dashed 1px #04839c; }

.report_zone_filter { padding: 5px; margin-top: 10px; background: #fbfcfd; }

.report_zone_table { margin:0; padding: 0; width: 100%; }
.report_zone_table td { margin: 0; padding: 0; }

.report_zone_item { padding-top: 10px; margin-top: 10px; border-top: solid 1px #bdd4dc;}
.report_zone_item_placeholder { padding-top: 10px; margin-top: 10px; border-top: dashed 1px #bdd4dc; background-color:#ffffff; height: 40px;}

.report_zone_item_picture { float: left; width: 32px; margin-right: 3px; }
.report_zone_item_summary { float: left; }
.report_zone_item_button { float: right; font-weight: bold; }
.report_zone_item_buttons { float: right; width: 96px; font-weight: bold; }

.report_zone_item_remove { display: block; width: 32px; height: 32px; background: url(/dashboard-sub/img/bullet_delete.png); }
.report_zone_item_add { display: block; width: 32px; height: 32px; background: url(/dashboard-sub/img/bullet_add.png); }

.report_zone_info { padding-top: 2px; font-weight: bold; font-size: 0.8em; color: #333333; }

.report_zone_active { color: #40a640; }
.report_zone_inactive { color: #a64040; }

.functies_tabitems { display: none; }
#functies_tabs_navigation, #functies_tabs_navigation a { color: white; }

.ui-tabs-function-widget { border: none; }
 
.ui-tabs-function-widget .ui-tabs-nav { width: 130px; margin: 0; padding: 0; float: left; border: 0; background: none; }
.ui-tabs-function-widget .ui-tabs-nav li { clear: left; width: 100%; border: 0; background: none; }
.ui-tabs-function-widget .ui-tabs-nav li a { color: #28abe2; display: block; width: 107px; border: 0; }
.ui-tabs-function-widget .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-function-widget .ui-tabs-nav li.ui-state-active a { background: #4ea7cc; color: white; }

.ui-tabs-function-widget .ui-tabs-panel { margin: 1px 0 0 0; float: right; padding: 0; min-height: 150px; height: auto; width: 549px; display: block; background: #c0eafa; }
.ui-tabs-function-widget .ui-tabs-panel { -moz-border-radius: 0 5px 5px 5px; -border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px;}
.ui-tabs-function-widget .ui-tabs-panel a { cursor: pointer; text-decoration: none; color: #1C7AA1; }

/*
 * CSS code een form!
 * * * * * * * * * * * * * * * * * * * * */
.form_zone { padding: 5px; color: Black; }

.form_zone_container { margin-bottom: 20px; padding: 10px; background: #c0eafa; }
.form_zone_container a { color: #1c7aa1; text-decoration: underline; }
.form_zone_container a.test_query { margin-left: 5px; }
.form_zone_container .mimicLink { color: #28abe2; }

.form_zone_title span, .form_zone_field_title span, .form_zone_field span { display: inline-block; }

.form_zone_title { margin-bottom: 10px; font-weight: bold; color: #04839c; font-size: 1.1em; }
 
.form_zone_field_title { font-weight: bold; }

.form_zone_field_title .explanation { font-weight: normal; font-style: italic; color:gray; }

.form_zone_field { margin-bottom: 10px; }
.select_topics select { width: 175px; }
.select_topics > div { min-width: 145px; }
.form_zone_field input { padding: 2px 4px 2px 4px; }
.form_zone_field textarea { padding: 4px 4px 4px 4px; width: 369px; height: 65px; }

.form_zone_field_required { color: #b01717; font-size: 1.1em; font-weight: bold; }

.form_zone_field_horizontal { float: left; margin-right: 5px; min-height: 1px; }
.form_zone_field_horizontal_right { float: right; margin-right: 5px; }

.form_zone_field_title_width_40 { width: 40px;  }

.form_zone_field_splitter { display: block; margin: 0; height: 30px; background: url(/dashboard-sub/img/form_zone_splitter.png) repeat-x center center; }
.form_zone_field_splitter2 { display: block; margin: 0; height: 4px; background-color:#fff; margin-top: 13px; margin-bottom: 13px;}



.form_zone_hint { color: #7f7f7f; display: block; float: left; min-height: 16px; padding-left: 20px; background: url(/dashboard-sub/img/help3.png) no-repeat left top; cursor: hand; cursor: pointer; }

.form_zone_help { display: none; min-height: 10px; margin-top: 10px; padding: 5px; background: #fbfcfd; font-family: Verdana; font-size: 0.9em; line-height: 0.9em; border: solid 1px #f4f8fa; color: #04839c; }
.form_zone_help p, .form_zone_help b { margin: 0; padding: 0; }
.form_zone_help a { color: #04839c; text-decoration: underline; }

.form_zone_button { text-align: right; }

.form_zone_container .EmbedTitle { width: 220px; }
.form_zone_container .smartexport_option { width: 220px; }

/*
 * CSS code voor de form errors!
 * * * * * * * * * * * * * * * * * * * * */
.form-message { display: block; margin-bottom: 10px; padding: 5px; padding-left: 27px; text-align: left; font-size: 0.9em; }

.form-message-error { color: #b01717; background: #fad0d0 url(/dashboard-sub/img/form-ic-error.png) no-repeat 5px 4px; border-color:#f6abab; }
.form-message-warning { color: #957210; background: #fff6bf url(/dashboard-sub/img/form-ic-warning.png) no-repeat 5px 4px; border-color:#fceb77; }
.form-message-info { color: #11689e; background: #d1ecf7 url(/dashboard-sub/img/form-ic-info.png) no-repeat 5px 4px; border-color:#bcdfef; }

.form-message-small { width: 347px; }
.form-message-nomargin { margin-bottom: 0; }

.TwitterQueryChanged { border: solid 1px #957210; background: #fff6bf; color: #957210; font-weight: bold; }

/*
 * CSS code voor de API errors!
 * * * * * * * * * * * * * * * * * * * * */
.IsInErrorState { margin-bottom: 5px; padding: 5px; padding-left: 30px; text-align: left; float: left; }
.IsInErrorState a { font-weight: bold; }

.IsInErrorState-error { border: solid 1px #b01717; color: #b01717; background: #fad0d0 url(/dashboard-sub/img/form-ic-error.png) no-repeat 5px 5px; }
.IsInErrorState-error a { color: #b01717; }
 
.IsInErrorState-warning { border: solid 1px #957210; color: #957210; background: #fff6bf url(/dashboard-sub/img/form-ic-warning.png) no-repeat 5px 5px; }
.IsInErrorState-warning a { color: #957210; }

.IsInErrorState-info { border: solid 1px #005d94; color: #005d94; background: #d1ecf7 url(/dashboard-sub/img/form-ic-info.png) no-repeat 5px 5px; }
.IsInErrorState-info a { color: #005d94; }

/*
 * CSS code voor de generieke errors!
 * * * * * * * * * * * * * * * * * * * * */
.generic-message { padding-left: 25px; text-align: left; min-height: 16px; }

.generic-message a { text-decoration: underline; color: #04839c; }

.generic-message-error { background: url(/dashboard-sub/img/form-ic-error.png) no-repeat top left; }
.generic-message-warning { background: url(/dashboard-sub/img/form-ic-warning.png) no-repeat top left; }
.generic-message-info { background: url(/dashboard-sub/img/form-ic-info.png) no-repeat top left; }

/*
 *
 * Nieuwe CSS om uit te zoeken
 * 
 * * * * * * * * * * * * * * * * * * * * */
.wrapper {  width: 960px; margin: 0 auto; }

#header { padding: 0 0 6px 0; margin: 0 0 10px 0; height: 1%; overflow: hidden; position: relative; }
#header .block { padding: 2px 9px 0; height: 1%; overflow: hidden; }
#header .logo { margin: 25px 0 0 50px; }

/* .block .logo { margin: 0; width: 216px; height: 112px; background: url(/dashboard-sub/App_Themes/FinchLine01/images/bg-logo-small.png) no-repeat; float: left; overflow: hidden; position: relative; z-index: 5; text-indent: -9999px; } */
.block .column1 { float: left; width: 302px; }
.block .column2 { float: right; width: 365px; }

.FinchLineMessage { float: right; text-align: right; margin-top: -50px; max-width: 650px; padding-right: 10px; font-size: 14px; font-weight: bold; color:#04839b; font-family: Calibri; }
.FinchLineMessage a { color: #00acf2; text-decoration: underline; float: right; }

.user-menu { padding: 10px 0 0 0; height: 28px; background: white; color: #898b8c; }
.user-menu a { color: #898b8c; text-decoration: underline; }
.user-menu a:hover { text-decoration: underline; }
.user-menu span#Header1_UserNameLabel { font-weight: bold; }
.user-menu ul { margin: 0; padding: 0; }
.user-menu li { margin: 0 5px 0 5px; padding: 0; list-style: none; display: inline; }

.user-menu .mail-link { color: #00acf2; }
.user-menu .help { background: url(/dashboard-sub/App_Themes/FinchLine01/images/ico-help.gif) no-repeat 100% 0; padding: 2px 24px 2px 0; position: relative; margin: -2px 0; height: 12px; }

/*
.user-menu ul { float: right; list-style: none; margin: 0; padding: 8px 5px 8px 0; overflow: hidden; }
.user-menu li { float: left; font-weight: bold; line-height: 12px; padding: 0 5px 0 6px; margin: 0 1px 0 -1px; border-right: 1px solid #04839b; }
.user-menu li.last { border: 0; }
.user-menu a { color: #04839b; float: left; }
*/

.tabset { list-style: none; margin: 0; padding: 0; height: 1%; overflow: hidden; color: #4ea7cc; }
.tabset li { float: left; width: 150px; margin: 0 10px 0 0; font: bold 14px/14px Arial, Helvetica, sans-serif; background: #c0eafa; }
/* .tabset li.newtab { width: 25px; } */
.tabset a, .tabset span { text-align: center; display: block; padding: 12px 0 12px 0; }
.tabset a { color: #4ea7cc; }
.tabset a:hover { text-decoration: none; }
.tabset .activetab { background: #4ea7cc; color: White; }
/* .tabset .newtab { background-position: -300px 0;} */
.tabset .activetab a { color: #04839b; }
.tabset .close, .tabset .add { width: 16px; height: 16px; float: right; background: url(/dashboard-sub/App_Themes/FinchLine01/images/icons.png) no-repeat; text-indent: -9999px; overflow: hidden; padding: 0; margin: 7px 4px 0 0; display: inline; } /* , .tabset .newtab a  */
.tabset .inactivetab .close { background-position: 0 -16px; }
.tabset .add { background-position: 0 -32px; } /* , .tabset .newtab a */

.tab-area {  padding: 10px 0 0 0; height: 1%; overflow: hidden; background: #ffffff; position: relative; }
/*
.tab-area 
{
    -moz-box-shadow: 3px 3px 15px 0px #888;
    -webkit-box-shadow: 3px 3px 15px 0px #888;
    box-shadow: 3px 3px 15px 0px #888;
}
*/

.tab-area .title { height: 1%; overflow: hidden; padding: 4px 0 6px 10px; margin: 0; }
.tab-area .title h2 { float: left; margin: 0; font-size: 16px; line-height: 16px; color: #4ea7cc; padding: 2px 0 2px 28px; background: url(/dashboard-sub/App_Themes/FinchLine01/images/icons.png) no-repeat 0 -320px; }
.tab-area .block-1 .title h2 { background-position: 0 -358px; }
.tab-area .title a { float: right; font-weight: bold; font-size: 12px; line-height: 12px; background: url(/dashboard-sub/App_Themes/FinchLine01/images/icons.png) no-repeat 100% -55px; padding: 2px 27px 2px 0; color: #fefeff; margin: 2px 0 0; }
.tab-area .block-1 .title a { background-position: 100% -74px; }
.tab-area .block-1 { margin: 0 auto 15px; }

.tab-content .block { width: 940px; overflow: hidden; margin: 0 auto 10px auto; color: black; }
.tab-content .block .t { height: 1%; overflow: hidden; color: #666666; border: solid 1px #c0eafa; }
.tab-content .block .title { background: #c0eafa; }
.tab-content a {  }
.tab-content .block-1 {  }
.tab-content .block-1 .t { background-position: -1880px 0; }
.tab-content .block .holder { height: 1%; overflow: hidden; background: url(/dashboard-sub/App_Themes/FinchLine01/images/bg-holder.gif) repeat-y 230px 0; padding: 10px; margin: 0; }
.tab-content .block .holderNoBorder { background: none; }
.tab-content .block .info { float: left; width: 188px; margin: 0 20px 0 0; display: inline; }
.tab-content .block .info p { margin: 0 0 10px; }
.tab-content .block .onecolumn { float: right; width: 684px; border-left: solid 1px #1c7aa1; padding-left: 20px; }
.tab-content .block .twocolumn { float: right; width: 684px; border-left: solid 1px #1c7aa1; padding-left: 20px; }
.tab-content .list-area { width: 684px; float: right; position: relative; margin: 0 0 -8px; }
.tab-content .list-area ul { list-style: none; margin: 0; padding: 0 28px 0 0; float: left; width: 200px; }
.tab-content .list-area li { height: 1%; overflow: hidden; vertical-align: top; padding: 0 0 8px 0; }
.tab-content .list-area a { float: left; font-weight: bold; padding: 3px 0 4px 28px; background: url(/dashboard-sub/App_Themes/FinchLine01/images/icons.png) no-repeat; }
.tab-content .list-area .setting { background-position: 0 -208px; }
.tab-content .list-area .segment { background-position: 0 -243px; }
.tab-content .list-area .personal { background-position: 0 -280px; }

.block input[type="text"], .block input[type="password"] { padding: 4px 6px 4px 6px; color: #666666; }

.search { height: 1%; overflow: hidden; }
.search label { font: bold 14px/14px Arial, Helvetica, sans-serif; display: block; margin: 0 0 4px; }
.search .text { height: 1%; overflow: hidden; background: #fefeff; padding: 2px 5px 3px; margin: 0 0 5px; }
.search .text input { float: left; width: 292px; background: none; margin: 0; font: 12px/15px Arial, Helvetica, sans-serif; }
.search .btn-submit { float: right; clear: both; background: url(/dashboard-sub/App_Themes/FinchLine01/images/bg-btns.png) no-repeat 100% -20px; }
.search .btn-r { float: right; overflow: hidden; position: relative; padding: 0 8px 0 0; }
.search .btn-submit span { float: left; cursor: pointer; font-weight: bold; line-height: 12px; padding: 4px 0 4px 8px; background: url(/dashboard-sub/App_Themes/FinchLine01/images/bg-btns.png) no-repeat; }
.search .btn-submit input { background: url(/dashboard-sub/App_Themes/FinchLine01/images/none.gif) no-repeat; left: 0; position: absolute; text-indent: -9999px; font-size: 0; line-height: 0; top: 0; width: 100%; height: 20px; border: 0; cursor: pointer; }

.twocolumn h3 { margin: 0 0 6px; font-size: 14px; line-height: 14px; }
.twocolumn p { margin: 0 0 4px; }

.btn-holder { height: 1%; overflow: hidden; }
.btn-holder div { float: right; background: url(/dashboard-sub/App_Themes/FinchLine01/images/bg-btns.png) no-repeat 100% -20px; color: #fefeff; line-height: 12px; padding: 0 8px 0 0; font-weight: bold; text-decoration: none; }
.btn-holder div span { background: url(/dashboard-sub/App_Themes/FinchLine01/images/bg-btns.png) no-repeat; float: right; padding: 4px 0 4px 8px; cursor: pointer; }
.btn-holder a { text-decoration: none; }

.column-area .box .widget { border: solid 1px #28abe2; border-top: 0; overflow: hidden; margin-bottom: 20px; background-color: white; padding: 0px; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -border-radius: 10px 10px 0 0; }
.column-area .box .widget_hover { border-top: 0; }
.column-area .widget_header { cursor: move; background-color: #eef0ee; padding: 5px; margin-bottom: 5px; background: #28abe2; display: block; height: 22px; margin: 0; padding: 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; -border-radius: 7px 7px 0 0; }

.fl_column .box .widget_button { width: 100px; padding: 0; margin: 0; padding-top: 3px; }
.fl_column .box .widget_button a { padding: 0; margin: 0; margin-right: 3px; width: 15px; height: 15px; float: right; display: block; text-indent: -9999px; overflow: hidden; background: url(/dashboard-sub/App_Themes/FinchLine01/images/icons.png) no-repeat; }
.fl_column .box .widget_button .widget_edit { background-position: 0 -171px; }
.fl_column .box .widget_button .widget_edit_close { background-position: 0 -171px; }
.fl_column .box .widget_button .widget_min { background-position: 0 -186px; }
.fl_column .box .widget_button .widget_expand { background-position: 0 -141px; }
.fl_column .box .widget_button .widget_close { background-position: 0 -156px; }
.fl_column .box .widget_button .widget_close_confirm { background-position: 0 -156px; }
.fl_column .box .widget_button .widget_refresh { background-position: 0 -384px; }

.content .section { height: 1%; position: relative; margin: -6px 0 6px; padding: 5px 0; background: url(http://dashboard.finchline.nl/App_Themes/FinchLine01/images/bg-dotted.gif) repeat-x; overflow: visible; }
.content .section:after { clear: both; content: ""; display: block; }
.content .section img { display: block; margin: 0 auto; }

.btns { list-style: none; margin: 0 10px 0 0; padding: 0; float: right; }
.btns li { float: left; margin: 0 0 0 5px; display: inline; background: url(/dashboard-sub/App_Themes/FinchLine01/images/bg-btns.png) no-repeat; line-height: 12px; }

.btns .btn-add { background-position: 0 -40px; }
.btns .btn-topics { background-position: 0 -160px; }
.btns .btn-setting { background-position: 0 -80px; }
.btns .btn-tools { background-position: 0 -80px; }
.btns .btn-refresh { background-position: 0 -120px; }

.btns span { float: left; background: url(/dashboard-sub/App_Themes/FinchLine01/images/bg-btns.png) no-repeat; padding: 2px 3px 2px 0; }
.btns span:hover a { text-decoration: underline; }

.btns .btn-add span { background-position: 100% -60px; }
.btns .btn-topics span { background-position: 100% -180px; }
.btns .btn-setting span { background-position: 100% -100px; }
.btns .btn-tools span { background-position: 100% -100px; }
.btns .btn-refresh span { background-position: 100% -140px; }

.btns a { float: left; color: #1c7aa1; padding: 2px 21px 2px 8px; background: url(/dashboard-sub/App_Themes/FinchLine01/images/icons.png) no-repeat; cursor: pointer; }
.btns a:hover { text-decoration: none; }

.btns .btn-refresh a { background-position: 100% -407px; }
.btns .btn-topics a { background-position: 100% -430px; }
.btns .btn-add a { background-position: 100% -95px; }
.btns .btn-tools a { background-position: 100% -118px; }
.btns .btn-setting a { background-position: 100% -118px; }

.column { padding-top: 10px; float:left; margin: 0; padding: 0; }

.widgetDataWrapper {background: #fbfcfd; border: solid 1px #f4f8fa; padding: 5px; display: block; margin-top: 15px; }

.widgetData a { color: #04839c; }
.widgetData a:hover { text-decoration: underline; }
.widgetData { width: 100%; }
.widgetData, .widgetData tr, .widgetData td { margin: 0;padding: 0; }
.widgetData td { font-size: 11px; padding-bottom: 5px; }
.widgetDataImg { width: 20px; }
.widgetSaveAdImage button { border: 0px; text-decoration: underline; padding:0; margin: 0; color: #04839c; font-size: 11px; padding-bottom: 5px; background-color: #fff;}


.TopicsDataHelp { margin: 0; padding: 0; }
.TopicsDataHelp td { padding: 0; margin: 0; }
.TopicsDataHelp a:hover { color: Black; }

.TopicsDataList .TopicsDataListItem_DeleteTopic, .TopicsDataList .TopicsDataListItem_EditTopic, .TopicsDataHelp .Topics_AddTopic { margin: 0; padding: 0; height: 15px; width: 15px; }
.TopicsDataList > span { float: left; padding: 0; margin: 0; }
.TopicsDataList br { clear: both; }
.TopicsDataList .TopicsDataListTitle { font-weight: bold; display: block; }
.TopicsDataList .TopicsDataListItem { display: block; float: left; padding: 4px 7px 4px 7px; margin-right: 10px; margin-top: 10px; background: #c0eafa; font-weight: bold; color: #28abe2; -moz-border-radius: 4px; -webkit-border-radius: 4px; -border-radius: 4px; }
.TopicsDataList .TopicsDataListItem:hover { background: #28abe2; color: White; }
.TopicsDataList .TopicsDataListItem a { color: Black; text-decoration: none; }
.TopicsDataList .TopicsDataListItem:hover a { color: White; }

.TopicsDataListItem_EditTopicLink { padding-right: 20px; }

.periodOverviewContainer { margin: 5px; }

.periodeOverview { float: left; margin-right: 7px; }
.periodeOverviewLast { margin-right: 0; }
.periodeOverviewPeriodTitle { display: block; padding-top: 10px; padding-bottom: 2px; font-weight: bold; }
.periodOverviewBlock { background: #e3f3f9; padding: 5px; margin-right: 7px; text-align: center; float: left; width: 93px; }
.periodOverviewBlockLast { margin-right: 0px; }
.periodOverviewTitle { font-size: 10px; color: #04839c; }
.periodOverviewValue { display: block; font-size: 1.3em; font-weight: bold; }

.detailPageSourceWrapper { padding-top: 20px; }
.detailPageSourcePagination { background: #83b3d7; color: White; border: solid 1px #4297d7; padding: 3px; }

#detailsContent .detailPageSourcePagination a { color: white; text-decoration: none; }
.detailPageSourceArticles { height: 350px; padding: 10px; border: solid 1px black; border-top: 0; overflow: auto; }

.topdataList { margin: 0; padding: 0; }
.topdataList a { color: #04839c; text-decoration: underline; }
.topdataList li { margin: 0; padding: 0; list-style: none; }

.venndatalist { margin: 0; padding: 0; }
.venndatalist a { color: #04839c; text-decoration: underline; }
.venndatalist li { margin: 0; padding: 0; list-style: none; }

.twitter_user_img { border: solid 1px black; float: left; margin-left: 2px; margin-top: 2px; margin-right: 4px; display: block; }

.articlesList, .articlesList td, .articlesList a, .articlesList img { margin: 0; padding: 0; }
.articlesList a { color: #04839c; text-decoration: underline; }
.articlesList li { margin: 0; padding: 0; list-style: none; background: #e3f3f9; padding: 5px; margin-bottom: 15px; }

.articlesList_Avatar { width: 58px; }

.articlesList_Source { font-weight: bold; }

.articlesList_Date { float: right; font-weight: bold; }

.articlesList_SendTo { float: right; margin-left: 10px; }

.articlesList_Title { font-weight: bold; }
.articlesList_Title_Tweet { font-weight: normal; }

tr.topdataListLongUrl { margin: 0; width: 380px; padding: 0; background: #e3f3f9; padding: 5px; margin-bottom: 25px; }
td.topdataListLongUrl { min-width: 350px; display: block; overflow: hidden; word-wrap: break-word; word-break: break-all; white-space: normal; }

.Widget_Header_Wrapper { margin-bottom: 10px; padding: 5px; display: block; background: #fbfcfd; border: solid 1px #f4f8fa; }

.Widget_Table { margin: 0; padding: 0; width: 100%; font-weight: bold; font-size: 12px; }
.Widget_Table td { margin: 0; padding: 0; padding-bottom: 5px; }

.Widget_Table_Title { width: 60px; }

.Widget_Table_Topics, .Widget_Table_Period { color: #00acf2; }

.hiddenLinkButton { display: none; }

/* Control Panel */
.row { overflow: hidden; width: 100%; margin-bottom: 4px; }
.row label { font-weight: bold; color: #1ba2cd; line-height: 26px; float: left; }
.row .label-wrap { overflow:hidden; width:100%; }
.row .text { float: right; background: url(http://dashboard.finchline.nl/App_Themes/FinchLine01/images/bg-input.gif) no-repeat; width: 332px; padding: 3px 5px; }
.row .text input { margin: 0; padding: 0; background: none; border: 0; width: 327px; outline: none; }

/* Bronnen lijst */
#BronnenlijstWrapper { margin: 0 auto; padding: 10px; width: 960px; background: white; min-height: 400px; }

.SourceSearch { padding-bottom: 15px; background: white; width: 940px; }

.SourceLetter { margin-bottom: 15px; }
.SourceLetter a { color: #1ba2cd; text-decoration: none; font-weight: bold; margin-right: 4px; font-size: 1.4em; }
.SourceLetter a:hover { text-decoration: underline; }

input.SourceInput { padding: 2px 4px 2px 4px; margin: 0; border: solid 1px #1ba2cd; width: 555px; height: 18px; color: #1ba2cd; font-weight: bold; font-size: 1.2em; }
.SourceButton { padding: 1px 3px 1px 3px; margin: 0; width: 70px; height: 24px; color: white; font-weight: bold; background: #1ba2cd; font-size: 1.2em; border: solid 1px #1ba2cd; }

.SourceItem { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px #1ba2cd dotted; }
.SourceTitle { font-size: 1.3em; font-weight: bold; color: #ff9900; }
.SourceURL { color: #1ba2cd; text-decoration: none; }
.SourceURL:hover { text-decoration: underline; }
.SourceMeta { margin-top: 10px; }
.SourceMeta span { font-weight: bold; }

.ShareButton { margin-right: 3px; float: right; cursor: pointer; }

.MsgInProgress { background: #e3f3f9; }

.ShareWrapper { padding: 7px 0 7px 0; display: none; }

.ShareWrapper .msg { margin-right: 15px; float: left; }
.ShareWrapper .msg input { padding: 3px 5px 3px 5px; width: 250px; border: solid 2px #666; font-weight: bold; color: #333; }
.ShareWrapper .msg input::-webkit-input-placeholder { color: #bbb; }
.ShareWrapper .msg input:-moz-placeholder { color: #bbb; }

.ShareWrapper .reply,
.ShareWrapper .retweet { margin-right: 15px; padding-top: 5px; float: left; }
.ShareWrapper .reply span,
.ShareWrapper .retweet span { font-weight: bold; color: #333; text-decoration: none; cursor: pointer; }

.ShareWrapper .ShareIcon { cursor: pointer; }

.engage { float: right; cursor: pointer; }

.magpipe { float: right; cursor: pointer; margin-right: 3px;}

.EngageField,
#EngagePupUp { display: none; }

.EngageField { margin-top: 15px; }

.EngageField input { margin-left: 10px; padding: 7px 5px 7px 5px; width: 250px; font-size: 1.2em; font-weight: bold; color: #666; }
.EngageField span { margin-right: 10px; padding: 7px 5px 7px 5px; font-weight: bold; font-size: 1.2em; float: right; cursor: pointer; }

.InnerEngagePopUp { padding: 15px; }

.ArticleOverview { padding: 0 0 15px 0; }
.ArticleOverview h1 { margin: 0; padding: 0; font-size: 1.4em; color: Blue; }
.ArticleOverview .source { color: #999; }
.ArticleOverview div { color: #333; }

.CommentOverview { padding: 0 0 15px 0; }
.CommentOverview textarea { padding: 7px 5px 7px 5px; width: 535px; height: 60px; font-size: 1.2em; font-weight: bold; color: #666; }

.ShareOverview { padding: 0 0 15px 0; }

.ShareOption { margin-right: 10px; float: left; }

.ShareOption .ShareTwitter { width: 80px; }
.ShareOption .ShareFacebook { width: 122px; }
.ShareOption .ShareHyves { width: 134px; }
.ShareOption .ShareRtm { width: 146px; }

.ShareClick { margin: 0; padding: 3px 0 1px 20px; display: block; float: left; height: 18px; font-weight: bold; cursor: pointer; clear: both; }
.done { color: Green; }

#Tweet { background: url(/dashboard-sub/img/engage_tweet.png) no-repeat left top; width: 55px; }
#Reply { background: url(/dashboard-sub/img/engage_reply.png) no-repeat left center; }
#Retweet { background: url(/dashboard-sub/img/engage_retweet_small.png) no-repeat left center; }

#FacebookLike { background: url(/dashboard-sub/img/engage_like.png) no-repeat left top; width: 79px; }
#FacebookWall { background: url(/dashboard-sub/img/engage_facebook_small.png) no-repeat left center; }

#HyvesLink { background: url(/dashboard-sub/img/engage_hyves_small.png) no-repeat left center; }

#Ril { background: url(/dashboard-sub/img/engage_ril.png) no-repeat left top; width: 106px; }
#Rtm { background: url(/dashboard-sub/img/engage_rtm.png) no-repeat left center; }

.SummaryWrapper { width: 443px; overflow: hidden; }
.TitleWrapper { width: 443px; overflow: hidden; }

#FacebookWallHelp { display: none;}

.noDisplay {display: none;}


/*
	#FacebookWall #FacebookWallHelp { margin-top: 3px; position: absolute; left: 25px; display: none; width: 535px; }
	#FacebookWall:hover #FacebookWallHelp { display: block; }
	#FacebookWall:hover #FacebookWallHelp:hove { display: none; }
*/

/* EMV */
.emv
{
    margin-left: 3px;
    width: 16px;
    height: 16px;
    display: block;
    float: right;
    cursor: pointer;
    background: transparent url(/dashboard-sub/App_Themes/FinchLine01/images/money_euro.png);
}

.emv-table
{
    width: 100%;
}

.emv-table td
{
    vertical-align: middle;
    text-align: center;
}

.emv-table td.emv-social-icon
{
    padding-left: 48px;
    height: 42px;
}

.emv-table td.emv-social-icon-twitter
{
    background: transparent url(/dashboard-sub/App_Themes/FinchLine01/images/social-twitter.png) no-repeat left center;
}

.emv-table td.emv-social-icon-linkedin
{
    background: transparent url(/dashboard-sub/App_Themes/FinchLine01/images/social-linkedin.png) no-repeat left center;
}

.emv-table td.emv-social-icon-facebook
{
    background: transparent url(/dashboard-sub/App_Themes/FinchLine01/images/social-facebook.png) no-repeat left center;
}

.emv-table td.emv-social-icon-googleplus
{
    background: transparent url(/dashboard-sub/App_Themes/FinchLine01/images/social-googleplus.png) no-repeat left center;
}

.emv-table td.emv-social-facebook
{
    padding-left: 96px;
}

.emv-table td.emv-social-total
{
    font-weight: bold;
}

.emv-table tr > td:first-child
{
    text-align: left;
}