﻿/* HTML TAGS */

body { height: 100%; font-family: Arial, sans-serif; font-size: 10pt; color: #666; background: url(../../img/bg_new.gif) repeat-x scroll 0% 0%; background-color: #d4effb; line-height: 1.5; padding: 0; margin: 0; text-align: center; /*center voor IE*/ }

strong { font-weight: bold; line-height: 1.7em; }
ul { padding: 0; margin: 0; }

input { border: solid 1px #4b93ca; }

select { border: solid 1px #4b93ca; }

input .radio { font-family: Arial, sans-serif; font-size: 10pt; color: #000; border: none; }

.radio { border: none; }
img { border: none; }
.checkbox input, .radio input { border: none; }

a, a:active, a:visited { color: #4b93ca; text-decoration: none; }
a:hover { text-decoration: underline; }

a img { border: none; }
textarea { font-family: Arial, sans-serif; font-size: 10pt; color: #000; border: solid 1px #4b93ca; }

table.radiobtn_list input { border: none; }

/* END HTML TAGS */

/* IDs */

#background { background: url(../../img/bg_bottom.png ) transparent repeat-x scroll 0%; background-position: bottom; min-height: 425px; }
#container { width: 980px; margin: 0 auto; z-index: 0; position: static; }
#main { width: 980px; background: #fff; padding: 0px; margin: 0; text-align: left; min-height: 600px; /*min-height-fast-hack for IE6*/ /*height:auto !important;height:600px;*/ }


#headcontainer { height: 100px; }
#headcontainer_tabs { width: 980px; float: right; height: 33px; font-family: Calibri, "Arial Rounded MT Bold" , Arial; }

#footer { height: 140px; width: 980px; margin: 0px auto; position: relative; }

/* END IDs */


.maincontent { padding-top: -10px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; }

.maintop { height: 20px; width: 100%; }
.maintopleft { background: url(../../img/maintopleft.png) no-repeat top left; height: 20px; width: 20px; float: left; }
.mainmiddle { height: 100%; width: 940px; float: left; background-color: #fff; }
.maintopright { background: url(../../img/maintopright.png) no-repeat top right; height: 20px; width: 20px; float: right; }

.mainbottomleft { background: url(../../img/mainbotleft.png) no-repeat top left; height: 20px; width: 20px; float: left; }
.mainbottomright { background: url(../../img/mainbotright.png) no-repeat top right; height: 20px; width: 20px; float: right; }

/* LOGIN */

a.white, a.white:active, a.white:visited { color: #fff; text-decoration: none; font-size: 0.85em; }
a.white:hover { text-decoration: underline; }
/* END LOGIN */


/* TAB NAVIGATION */

#tabs { float: right; margin-right: 20px; }

#tabs ul { margin: 0; padding: 0; list-style-type: none; text-align: center; margin: 0; }
#tabs ul li { float: left; line-height: 33px; }
#tabs ul li a { float: left; text-align: center; vertical-align: middle; display: block; font-weight: bold; font-size: 16px; text-decoration: none; letter-spacing: 0px; height: 33px; width: 150px; }

#tabs ul .active { background: url(../../img/tab_active.png) no-repeat; }
#tabs ul li.active a { font-size: 1.3em; font-weight: bolder; }

#tabs ul li .pink, .pink { color: #d10062; }
#tabs ul li .orange, .orange { color: #ff6c00; }
#tabs ul li .purple, .purple { color: #6633cc; }
#tabs ul li .blue, .blue { color: #4b93ca; }
#tabs ul li .green, .green { color: #268c00; }
#tabs ul li .lightgreen, .lightgreen { color: #66cc00; }
#tabs ul li .lightgreen .toptext { color: #4b93ca; font-size: 0.7em; vertical-align: text-top; }
#tabs ul .inactive { background: url(../../img/tab_inactive.png) no-repeat; }

#tabs ul li a:hover { color: #000066; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

/* END TAB NAVIGATION */

.DynamicMenuStyle { border-left: solid 1px #fff; border-right: solid 1px #fff; border-bottom: solid 1px #fff; text-align: left; background-color: #54beec; z-index: 50; }
.DynamicMenuItemStyle { color: #FFF; background-color: #54beec; text-transform: uppercase; padding: 0 10px 0 10px; letter-spacing: 1px; font-weight: bold; z-index: 50; }
A.DynamicMenuItemStyle, A.DynamicMenuItemStyle:visited, A.DynamicMenuItemStyle:active, A.DynamicHoverStyle, A.DynamicHoverStyle:visited, A.DynamicHoverStyle:active, A.DynamicSelectedStyle, A.DynamicSelectedStyle:visited, A.DynamicSelectedStyle:active, A.StaticHoverStyle:hover { text-decoration: none; color: #FFF; }

A.DynamicMenuItemStyle:hover, A.DynamicHoverStyle:hover, A.DynamicSelectedStyle:hover, A.StaticMenuItemStyle:hover, A.StaticSelectedStyle:hover, A.DynamicHoverStyle:hover, A.StaticHoverStyle:hover, .StaticHoverStyle { color: #d10062; z-index: 50; }

.DynamicHoverStyle { color: #d10062; z-index: 50; }
.DynamicSelectedStyle { color: #d10062; z-index: 50; }

.StaticMenuStyle { color: #FFF; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; z-index: 50; }
.StaticMenuItemStyle, .static { padding: 5px 5px; text-decoration: none; color: #FFF; z-index: 50; }

A.StaticMenuItemStyle, A.StaticMenuItemStyle:visited, A.StaticMenuItemStyle:active, A.StaticHoverStyle, A.StaticHoverStyle:visited, A.StaticHoverStyle:active, .StaticHoverStyle { text-decoration: none; color: #FFF; z-index: 50; }

.StaticSelectedStyle, A.StaticHoverStyle, A.StaticHoverStyle:visited, A.StaticHoverStyle:active, A.StaticSelectedStyle, A.StaticSelectedStyle:visited, A.StaticSelectedStyle:active { text-decoration: none; color: #FFF; z-index: 50; }



/* SITE NAVIGATIE */

.navigationcontainer { font-family: Calibri, "Arial Rounded MT Bold" , Arial; font-size: 16px; height: 40px; }
.navigation { float: right; color: #fff; }

/* END SITE NAVIGATIE */

/* SEARCH BOX */

#searchboxcontainer { text-align: right; height: 47px; }

#searchbox { bottom: 0px; }

/* END SEARCH BOX */


/* FOOTER NAV*/

#footernavcontainer { font-family: Calibri, "Arial Rounded MT Bold" , Arial; font-size: 12px; }
#footernav { float: right; color: #009900; }

#footernavcontainer ul { margin: 0; padding: 0; list-style-type: none; text-align: left; margin: 10px 0; }
#footernavcontainer ul li { display: inline; text-transform: uppercase; }
#footernavcontainer ul li a { font-weight: bold; text-decoration: none; color: #4b93ca; letter-spacing: 1px; padding: 8px 10px; margin: 6px; }
#footernavcontainer ul li a:hover { color: #009900; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.login { padding: 0 10px 0 0; background: url(../../img/btn_next.png ) no-repeat right; }

.subcontainer { padding: 0 0 20px 20px; width: 460px; float: left; }
.subcontainerwide { padding: 0 0 20px 20px; width: 600px; float: left; }
.subcontainersmall { padding: 0 0 20px 20px; width: 320px; float: left; }

.subcontainercomplete { padding: 0 0 0 20px; float: left; width: 940px; }

.clear { clear: both; }

.topspace { padding-bottom: 20px; }

.pink { color: #d10062; }

.saleHeader { font-family: Calibri, Arial; padding: 0; margin: 0; text-transform: uppercase; color: #4c94cb; font-size: 17px; font-weight: bold; padding: 0; margin: 0; }

h1, h2, h3, h4, h5 { font-family: Calibri, Arial; padding: 0; margin: 0; text-transform: uppercase; font-size: 20px; color: #4c94cb; font-weight: bold; }

h1 { font-size: 22px; color: #d10062; font-weight: bold; padding-bottom: 10px; }
h2 { font-size: 20px; color: #4c94cb; font-weight: bold; }

.white, h2 .white { color: #fff; }
h3 { color: #268c00; font-size: 17px; font-weight: bold; }

h4 { color: #4c94cb; font-size: 17px; font-weight: bold; padding: 0; margin: 0; }
h5, .orangecaps { color: #ff6c00; font-weight: bold; padding-top: 10px; font-size: 14px; padding: 0; margin: 0; }

/* COMMON BLOCK CLASSES*/

.actionbottom { padding: 0 20px 0 20px; text-align: right; }

.actionbottomleft { padding: 0 20px 0 20px; text-align: left; }

.actionlink, a.actionlink, a.actionlink:active, a.actionlink:visited { padding: 0 30px 0 0; background: url(../../img/btn_next.png ) no-repeat right; color: #4b93ca; font-family: Calibri, "Arial Rounded MT Bold" , Arial; font-size: 16px; font-weight: bold; letter-spacing: 1px; }
a.actionlink:hover { color: #3c8100; text-decoration: none; }

.actionlinkprev, a.actionlinkprev, a.actionlinkprev:active, a.actionlinkprev:visited { padding: 0 0 0 30px; background: url(../../img/btn_prev.png ) no-repeat left; color: #4b93ca; font-family: Calibri, "Arial Rounded MT Bold" , Arial; font-size: 16px; font-weight: bold; letter-spacing: 1px; }
a.actionlinkprev:hover { color: #3c8100; text-decoration: none; }

.contentindent { padding: 0 20px 0 20px; }
.contentindenthigh { padding: 0 20px 0 20px; min-height: 400px; }
.contentindentlow { padding: 0 20px 0 20px; min-height: 200px; }

.button, a.button, a.button:active, a.button:visited { padding: 0 30px 0 0; color: #4b93ca; font-family: Calibri, "Arial Rounded MT Bold" , Arial; font-size: 16px; font-weight: bold; letter-spacing: 1px; }
a.button:hover { color: #3c8100; text-decoration: none; }

/* END BLOCK CLASSES*/

/* NEWS BLOCK*/
#newsblock h2 { color: #4b93ca; }

.bullets { padding-left: 20px; }

.bullets a { color: #4b93ca; }

.bullets a: hover { color: #4b93ca; }

#segments .bullets a strong, #segments .bullets a:hover strong { color: #d10062; }

#companies .bullets a strong, #companies .bullets a:hover strong { color: #268c00; }

#products .bullets a strong, #products .bullets a:hover strong { color: #ff6c00; }

.currentsegment { font-size: 1.2em; color: #d10062; }
.segment { color: #666; }

/* END NEWS BLOCK*/

/* TWITTER BLOCK*/

#twitterblock h2 { color: #4b93ca; }

#twitterblock ul { padding-left: 20px; }


/* END TWITTER BLOCK*/

/* LETTER BLOCK*/
#letterblock h2 { color: #4b93ca; }

#letterblock ul { padding-left: 20px; }

#letterblock ul a { color: #268c00; }

#letterblock ul a:hover { color: #4b93ca; }


/* END LETTER BLOCK*/

/* PROMOTION BLOCK*/
.promotion h2 { color: #4b93ca; }

.stars { list-style: none; padding: 10px 0px 10px 0px; }
.stars li { padding: 15px; padding-left: 25px; font-weight: bold; color: #d10062; background-image: url(../../img/pinkbullet.png); background-repeat: no-repeat; background-position: 0px 18px; }
.stars li a, .stars li a:hover { color: #d10062; }

/* END PROMOTION BLOCK*//* AUTOCOMPLETE BLOCK*//*AutoComplete flyout */.autocomplete_completionListElement { visibility: hidden; margin: 0px !important; background-color: #fff; border: #709F01 1px solid; cursor: 'default'; overflow: auto; max-height: 250px; text-align: left; list-style-type: none; z-index: 100; }
/* AutoComplete highlighted item */.autocomplete_highlightedListItem { background-color: #4b93ca; color: #fff; padding: 1px; cursor: pointer; }
/* AutoComplete item */.autocomplete_listItem { padding: 1px; }
/* END AUTOCOMPLETE BLOCK*/.label { width: 180px; vertical-align: top; }
/* Validator Callout  */.validatorcallout div, .validatorcallout td { border: solid 1px #4b93ca; background-color: #e8f0f7; }
.validatorcallout_popup_table { border: none; background-color: transparent; padding: 0px; margin: 0px; z-index: 1000; }
.validatorcallout_popup_table_row { vertical-align: top; height: 100%; background-color: transparent; padding: 0px; margin: 0px; }
.validatorcallout_callout_cell { width: 20px; height: 100%; text-align: right; vertical-align: top; border: none !important; background-color: transparent !important; padding: 0px; margin: 0px; }
.validatorcallout_callout_table { height: 100%; border: none; background-color: transparent; padding: 0px; margin: 0px; }
.validatorcallout_callout_table_row { background-color: transparent; padding: 0px; margin: 0px; }
.validatorcallout_callout_arrow_cell { padding: 8px 0px 0px 0px; margin: 0px; text-align: right; vertical-align: top; font-size: 1px; border: none !important; background-color: transparent !important; }
.validatorcallout_callout_arrow_cell .validatorcallout_innerdiv { font-size: 1px; position: relative; left: 1px; border-bottom: none !important; border-right: none !important; border-left: none !important; width: 15px; background-color: transparent !important; padding: 0px; margin: 0px; }
.validatorcallout_callout_arrow_cell .validatorcallout_innerdiv div { height: 1px; overflow: hidden; border-top: none !important; border-bottom: none !important; border-right: none !important; padding: 0px; margin: 0px 0px 0px auto; }
.validatorcallout_error_message_cell { font-family: Arial; font-size: 10px; padding: 5px; border-right: none !important; border-left: none !important; width: 100%; }
.validatorcallout_icon_cell { width: 20px; padding: 5px; margin: 0px; border-right: none !important; }
.validatorcallout_close_button_cell { vertical-align: top; padding: 0px; margin: 0px; text-align: right; border-left: none !important; }
.validatorcallout_close_button_cell .validatorcallout_innerdiv { border: none !important; text-align: center; width: 10px; padding: 2px; cursor: pointer; }
/* End Validator Callout *//* UpdatePanel Progress */.updateProgressContainer { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 999; background-color: #4b93ca; opacity: 0.5; filter: alpha(opacity=50); }
.updateProgress { border: solid 1px #4b93ca; background-color: #f6f9e7; width: 240px; height: 50px; z-index: 1000; }
.updateProgressMessage { margin: 3px; font-size: 0.9em; color: #000066; vertical-align: middle; }
/* End UpdatePanel Progress *//* MODAL POPUP*/.modalBackground { background-color: #4b93ca; filter: alpha(opacity=35); opacity: 0.35; }
.modalPopup { background-color: #ffffff; width: 300px; border: #b4dff4 1px solid; }
/* END MODAL POPUP*//*POll */.polbarstart { background-image: url(../../img/pollBar_start.gif); width: 8px; }
.polbarresize { background-image: url(../../img/pollBar_resize.gif); }
.polbarend { background-image: url(../../img/pollBar_end.gif); width: 8px; }
.polbaranswer { background-color: #F4F9E0; text-align: right; }
.polbarbgend { background-image: url(../../img/pollBar_bgEnd.gif); width: 4px; }
.watermark { color: #aaaaaa; }
.emphasize { color: #d10062; font-size: 1.2em; font-weight: bold; }
.gridheader, .gridheader a, .gridheader a:active, .gridheader a:visited, .gridheader th, .gridheader th a, .gridheader th a:active, .gridheader th a:visited, gridview td { background-color: #4b93ca; color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.gridheader a:hover, .gridheader th a:hover { font-weight: bold; text-align: left; text-decoration: underline; color: #fff; }
.grid { width: 100%; border-left: solid 5px #d2e2ef; border-right: solid 5px #d2e2ef; background-color: #fff; }
.compact { text-align: left; font-size: 0.9em; padding-left: 20px; }
.notice_warning, a.notice_warning, a.notice_warning:active, a.notice_warning:visited, a.notice_warning:hover, .DataGridAlternatingItemStyle a.notice_warning, .DataGridAlternatingItemStyle a.notice_warning:active, .DataGridAlternatingItemStyle a.notice_warning:visited, .DataGridAlternatingItemStyle a.notice_warning:hover, .DataGridItemStyle a.notice_warning, .DataGridItemStyle a.notice_warning:active, .DataGridItemStyle a.notice_warning:visited, .DataGridItemStyle a.notice_warning:hover { font-weight: bold; color: #FFCC00; }
.notice_danger, a.notice_danger, a.notice_danger:active, a.notice_danger:visited, a.notice_danger:hover, .DataGridAlternatingItemStyle a.notice_danger, .DataGridAlternatingItemStyle a.notice_danger:active, .DataGridAlternatingItemStyle a.notice_danger:visited, .DataGridAlternatingItemStyle a.notice_danger:hover, .DataGridItemStyle a.notice_danger, .DataGridItemStyle a.notice_danger:active, .DataGridItemStyle a.notice_danger:visited, .DataGridItemStyle a.notice_danger:hover { font-weight: bold; color: #FF8000; }
.notice_attention, a.notice_attention, a.notice_attention:active, a.notice_attention:visited, a.notice_attention:hover, .DataGridAlternatingItemStyle a.notice_attention, .DataGridAlternatingItemStyle a.notice_attention:active, .DataGridAlternatingItemStyle a.notice_attention:visited, .DataGridAlternatingItemStyle a.notice_attention:hover, .DataGridItemStyle a.notice_attention, .DataGridItemStyle a.notice_attention:active, .DataGridItemStyle a.notice_attention:visited, .DataGridItemStyle a.notice_attention:hover { font-weight: bold; color: #709F01; }
/*Gridview Popup Menu*/.popupMenu { position: absolute; visibility: hidden; background-color: #FFFFFF; opacity: .9; filter: alpha(opacity=90); }
.popupHover { background-image: url(images/header-opened.png); background-repeat: repeat-x; background-position: left top; background-color: #FFFFFF; }
.calendar-daystyle { width: 100px; color: #666 !important; height: 60px; min-height: 60px; max-height: 60px; border: solid 1px #d10062; overflow: hidden; text-align: left; vertical-align: top; }
.calendar-Selecteddaystyle { width: 100px; color: #666 !important; min-height: 60px; max-height: 60px; border: solid 1px #d10062; overflow: hidden; text-align: left; vertical-align: top; background-color: #fff !important; }
.birthdaycal { width: 100%; border-left: solid 5px #d10062; border-right: solid 5px #d10062; background-color: #fff; color: #4b93ca; }
.ulcalendar { font-size: 0.9em; list-style-type: none; overflow: hidden; }
.birthdayDay { font-weight: bold; font-size: 32px; color: #d10062; }
.birthdayMonth { color: #d10062; }
SELECT.failure, INPUT.failure, TEXTAREA.failure { background-color: #f9e7d6; }
.failure { color: #FF8000; }
INPUT.postal_code { width: 50px; }
INPUT.initials { width: 50px; }
INPUT.name { width: 100px; }
INPUT.small { width: 40px; }
INPUT.middle_name { width: 50px; }
/*Calendar Extender*/.DateSelector .ajax__calendar_container { border: 1px solid #4b93ca; background-color: #ffffff; color: #666; }
.DateSelector .ajax__calendar_other .ajax__calendar_day, .DateSelector .ajax__calendar_other .ajax__calendar_year { color: #4b93ca; }
.DateSelector .ajax__calendar_hover .ajax__calendar_day, .DateSelector .ajax__calendar_hover .ajax__calendar_month, .DateSelector .ajax__calendar_hover .ajax__calendar_year { color: #000000; }
.DateSelector .ajax__calendar_active .ajax__calendar_day, .DateSelector .ajax__calendar_active .ajax__calendar_month, .DateSelector .ajax__calendar_active .ajax__calendar_year { font-weight: bold; }
.DateSelector .ajax__calendar_dayname { color: #4b93ca; }
/*DTV*/.dtvtabprice { background-color: #d10062; text-align: center; color: #fff; }
.dtvOverviewFirstRow { border: 1px solid #999999; color: #888; }
.dtvOverviewOfferRow { border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; }
.dtvOverviewNoticeRow { border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; background-color: #d2e2ef; }
.dtvOverviewButtonRow { text-align: right; border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; background-color: #f8f8f8; }
.dtvDetailRowHeader { background-color: #4b93ca; color: #fff; }
.dtvDetailSubRowHeader { background-color: #d2e2ef; font-weight: bold; }
.dtvhead { background-color: #ef8700; color: #fff; text-align: center; }
.dtvhead a { color: #fff; }
.dtvview td { vertical-align: top; border-bottom: solid 1px #999999; }
.dtvview td.label { font-weight: bold; width: 200px; }
.dtvview tr.attention { background-color: #d9e8b7; }
.dtvview td.buttonrow { text-align: right; background-color: #f8f8f8; }
.dtvview td.rowspacer { height: 35px; border: none; background-color: #fff; text-align: right; vertical-align: top; }
.dtvprice { background-color: #d10062; }
.dtvblock { /*background-color: #d2e2ef; */ border-top: 1px solid #999999; border-right: 1px solid #999999; text-align: center; }
.actionbutton { text-transform: uppercase; font-weight: bold; }
.notice { color: #d10062; }
.rowstyle { color: #666666; background-color: #ffffff; text-align: left; }
.emptydatarowstyle { color: #d10062; background-color: #ffffff; text-align: center; }
.alternatingrow { background-color: #d9e8b7; text-align: left; }
.selectedrowstyle { }
.lightgrey { color: #B3B3B3; }
/* AccountOverview */#tbaccount { text-align: center; }
.rightalign { background-color: #d6cee9; color: #6633cc; text-transform: uppercase; font-size: 14px; font-weight: bolder; }
.greenbg { background-color: #d9e8b7; }
.bluebg { background-color: #d2e2ef; }
.pinkbg { background-color: #ffcccc; }
.purplebg { background-color: #d6cee9; }
.hide { visibility: hidden; display: none; }
.bgfailure { background-color: #FAD7B4; }
.small { font-size: 0.8em; }
