/* program */ .Program{ word-wrap: break-word; border-bottom: 1px solid #CCC; margin-top:10px; } .Program .img{ float: left; } .Program .img img{ width: 100px; height: 100px; } .Program .text{ float: left; margin-left: 10px; } .Program .text .title{ font-weight: bold; } /* Overview and Categories */ .Rows{ width:100%; padding:10px; border-bottom: #CCC 1px solid; } .Rows h3{ margin-top:5px; } .Rows img{ width: 80px; height: 80px; float: left; margin-right: 10px; } .Rows .text{ width: 80%; float: left; margin-left: 10px; } .Rows .text .title{ font-weight: bold; } /* Widgets */ .WidgetTop{ margin-top: 10px; } .WidgetTop .Number{ float: left; width: 10%; text-align: center; line-height: 70px; } .WidgetActioncodes { line-height: 60px; } .WidgetActioncodes .Number{ float: left; width: 10%; text-align: center; } .WidgetActioncodes .Text{ float: left; width: 50%; margin-left: 5px; line-height: 20px; } .WidgetActioncodes img{ float: left; width: 70px; margin-bottom: 20px; } .WidgetActioncodes .Text a{ font-size: 12px; } .WidgetTop img{ float: left; width: 70px; } .WidgetTop .Text{ float: left; width: 50%; line-height: 70px; margin-left: 5px; } .WidgetTop .Text a{ font-size: 12px; } /* All */ /* Layout -------------------------------- */ .layout-grid { width: 960px; } .layout-grid td { vertical-align: top; } .layout-grid td.left-nav { width: 140px; } .layout-grid td.normal { border-left: 1px solid #eee; padding: 20px 24px; font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; } .layout-grid td.demos { background: url('/images/demos_bg.jpg') no-repeat; height: 337px; overflow: hidden; } /* Normal -------------------------------- */ .normal h3, .normal h4 { margin: 0; font-weight: normal; } .normal h3 { padding: 0 0 9px; font-size: 1.8em; } .normal h4 { padding-bottom: 21px; border-bottom: 1px dashed #999; font-size: 1.2em; font-weight: bold; } .normal p { font-size: 1.2em; } /* Demos */ .demos-nav, .demos-nav dt, .demos-nav dd, .demos-nav ul, .demos-nav li { margin: 0; padding: 0 } .demos-nav { float: left; width: 170px; font-size: 1.3em; } .demos-nav dt, .demos-nav h4 { margin: 0; padding: 0; font: normal 1.1em "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; color: #e87b10; } .demos-nav dt, .demos-nav h4 { margin-top: 1.5em; margin-bottom: 0; padding-left: 8px; padding-bottom:5px; line-height: 1.2em; border-bottom: 1px solid #F4F4F4; } .demos-nav dd a, .demos-nav li a { border-bottom: 1px solid #F4F4F4; display:block; padding: 4px 3px 4px 8px; font-size: 90%; text-decoration: none; color: #555 ; margin:2px 0; height:13px; } .demos-nav dd a:hover, .demos-nav dd a:focus, .demos-nav dd a:hover, .demos-nav dd a:focus { background: #f3f3f3; color:#000; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .demos-nav dd a.selected { background: #555; color:#ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.demo { padding:12px; font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"; } div.demo h3.docs { clear:left; font-size:12px; font-weight:normal; padding:0 0 1em; margin:0; } div.demo-description { clear:both; padding:12px; font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"; font-size: 1.3em; line-height: 1.4em; } .ui-draggable, .ui-droppable { background-position: top left; } .left-nav .demos-nav { padding-right: 10px; } #demo-link { font-size:11px; padding-top: 6px; clear: both; overflow: hidden; } #demo-link a span.ui-icon { float:left; margin-right:3px; } /* Component containers ----------------------------------*/ #widget-docs .ui-widget { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; } #widget-docs .ui-widget input, #widget-docs .ui-widget select, #widget-docs .ui-widget textarea, #widget-docs .ui-widget button { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; } #widget-docs .ui-widget-header { border: 1px solid #ffffff; background: #464646 url(images/464646_40x100_textures_01_flat_100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } #widget-docs .ui-widget-header a { color: #ffffff; } #widget-docs .ui-widget-content { border: 1px solid #ffffff; background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 50% 50% repeat-x; color: #222222; } #widget-docs .ui-widget-content a { color: #222222; } /* Interaction states ----------------------------------*/ #widget-docs .ui-state-default, #widget-docs .ui-widget-content #widget-docs .ui-state-default { border: 1px solid #666666; background: #555555 url(images/555555_40x100_textures_03_highlight_soft_75.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; } #widget-docs .ui-state-default a { color: #ffffff; text-decoration: none; outline: none; } #widget-docs .ui-state-hover, #widget-docs .ui-widget-content #widget-docs .ui-state-hover, #widget-docs .ui-state-focus, #widget-docs .ui-widget-content #widget-docs .ui-state-focus { border: 1px solid #666666; background: #444444 url(images/444444_40x100_textures_03_highlight_soft_60.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; } #widget-docs .ui-state-hover a { color: #ffffff; text-decoration: none; outline: none; } #widget-docs .ui-state-active, #widget-docs .ui-widget-content #widget-docs .ui-state-active { border: 1px solid #666666; background: #ffffff url(images/ffffff_40x100_textures_01_flat_65.png) 50% 50% repeat-x; font-weight: normal; color: #F6921E; outline: none; } #widget-docs .ui-state-active a { color: #F6921E; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ #widget-docs .ui-state-highlight, #widget-docs .ui-widget-content #widget-docs .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/fbf9ee_40x100_textures_02_glass_55.png) 50% 50% repeat-x; color: #363636; } #widget-docs .ui-state-error, #widget-docs .ui-widget-content #widget-docs .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/fef1ec_40x100_textures_05_inset_soft_95.png) 50% bottom repeat-x; color: #cd0a0a; } #widget-docs .ui-state-error-text, #widget-docs .ui-widget-content #widget-docs .ui-state-error-text { color: #cd0a0a; } #widget-docs .ui-state-disabled, #widget-docs .ui-widget-content #widget-docs .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } #widget-docs .ui-priority-primary, #widget-docs .ui-widget-content #widget-docs .ui-priority-primary { font-weight: bold; } #widget-docs .ui-priority-secondary, #widget-docs .ui-widget-content #widget-docs .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ #demo-frame-wrapper .ui-icon, #widget-docs .ui-icon { width: 16px; height: 16px; background-image: url(images/222222_256x240_icons_icons.png); } #widget-docs .ui-widget-content .ui-icon {background-image: url(images/222222_256x240_icons_icons.png); } #widget-docs .ui-widget-header .ui-icon {background-image: url(images/222222_256x240_icons_icons.png); } #widget-docs .ui-state-default .ui-icon { background-image: url(images/888888_256x240_icons_icons.png); } #widget-docs .ui-state-hover .ui-icon, #widget-docs .ui-state-focus .ui-icon {background-image: url(images/454545_256x240_icons_icons.png); } #widget-docs .ui-state-active .ui-icon {background-image: url(images/454545_256x240_icons_icons.png); } #widget-docs .ui-state-highlight .ui-icon {background-image: url(images/2e83ff_256x240_icons_icons.png); } #widget-docs .ui-state-error .ui-icon, #widget-docs .ui-state-error-text .ui-icon {background-image: url(images/cd0a0a_256x240_icons_icons.png); } /* Misc visuals ----------------------------------*/ /* Corner radius */ #widget-docs .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } #widget-docs .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } #widget-docs .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } #widget-docs .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } #widget-docs .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } #widget-docs .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } #widget-docs .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } #widget-docs .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } #widget-docs .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Overlays */ #widget-docs .ui-widget-overlay { background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } #widget-docs .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; } /* ----------------------------------*/ #widget-docs { margin:20px 0 0; border: none; } #widget-docs h2, #widget-docs h3, #widget-docs h4, #widget-docs p, #widget-docs ul, #widget-docs code { margin:0; padding:0; } #widget-docs code { display:block; color:#444; font-size:.9em; margin:0 0 1em; } #widget-docs code strong { color:#000; } #widget-docs p { margin:0 3em 1.2em 0; } #widget-docs p.intro { font-size:13px; color:#666; line-height:1.3; } #widget-docs ul { list-style-type: none; } #widget-docs h2 { font-size:16px; margin:1.2em 0 .5em; } #widget-docs h3 { font-size:14px; color:#e6820E; margin:1.5em 0 .5em; } .normal #widget-docs h4 { font-size:12px; color:#000; border:0; margin:0 0 .5em; } #docs-overview-main { width:400px; } #docs-overview-sidebar { float:right; width:200px; } #docs-overview-sidebar a span { color:#666; } #widget-docs #docs-overview-main p { margin-right:0; } #widget-docs #docs-overview-sidebar h4 { padding-left:0; } .docs-list-header { float:left; width:100%; margin:10px 0 0; border-bottom:1px solid #eee; } #widget-docs .docs-list-header h2 { float:left; margin:0; } #widget-docs .docs-list-header p { float:right; margin:5px 0; font-size:11px; } .docs-list { float:left; width:100%; padding:0 0 10px; } .docs-list .param-header { float:left; clear:left; width:100%; padding:8px 0; border-top:1px solid #eee; } #widget-docs .param-header h3, #widget-docs .param-header p { margin:0; float:left; } #widget-docs .param-header h3 { width:50%; } #widget-docs .param-header h3 span { background: url(images/demo-spindown-closed.gif) no-repeat left; padding-left:13px; } #widget-docs .param-open .param-header h3 span { background: url(images/demo-spindown-open.gif) no-repeat left; } #widget-docs .param-header p { width:24%; } #widget-docs .param-header p.param-type span { background: url(images/icon-docs-info.gif) no-repeat left; cursor:pointer; border-bottom:1px dashed #ccc; padding-left:15px; } .param-details { padding-left:13px; } .param-args { margin:0 0 1.5em; border-top:1px dotted #ccc;} .param-args td { padding:3px 30px 3px 5px; border-bottom:1px dotted #ccc; } /* overrides for ui-tab styles */ #widget-docs ul.ui-tabs-nav { padding:0 0 0 8px; } #widget-docs .ui-tabs-nav li { margin:5px 5px 0 0; } #widget-docs .ui-tabs-nav li a:link, #widget-docs .ui-tabs-nav li a:visited, #widget-docs .ui-tabs-nav li a:hover, #widget-docs .ui-tabs-nav li a:active { font-size:14px; padding:4px 1.2em 3px; color:#fff; } #widget-docs .ui-tabs-nav li.ui-tabs-selected a:link, #widget-docs .ui-tabs-nav li.ui-tabs-selected a:visited, #widget-docs .ui-tabs-nav li.ui-tabs-selected a:hover, #widget-docs .ui-tabs-nav li.ui-tabs-selected a:active { color:#e6820E; } #widget-docs .ui-tabs-panel { padding:20px 9px; font-size:12px; line-height:1.4; color:#000; } #widget-docs .ui-widget-content a:link, #widget-docs .ui-widget-content a:visited { color:#1b75bb; text-decoration:none; } #widget-docs .ui-widget-content a:hover, #widget-docs .ui-widget-content a:active { color:#0b559b; } #sortable1, #sortable2, #sortable3 {list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 50px; background: #F9F9F9; border:#CCC 1px solid; padding: 15px; width: 400px; position: static; font-color; #000000;} #sortable1 li, #sortable2 li, #sortable3 li { margin: 5px; padding: 5px; font-size: 1.2em; float:left;} #sortable2{ width: 500px; height: 200px; margin: 0 0 0 502px; overflow: auto; position: fixed; } #wrapper1 { width: 900px; border: 1px solid black; overflow: auto; } div.lijst { margin:10px; padding:5px; } div.lijst lijst { display:inline; margin:3px; border:0px solid #ffffff; } div.lijst a:hover lijst { border:0px solid #0000ff; } div.lijst div.program{ margin-top:10px; padding: 2px; word-wrap: break-word; text-align:center; } div.desc { font-weight:normal; margin-top:5px; margin-bottom:5px; word-wrap: break-word; } div.lijst div.price{ text-align:center; margin-right: 10px; } .products{ padding:5px; margin-bottom:5px; position:relative; margin-right:10px; } .products .img{ float: left; margin-right:10px; text-align:center; overflow:hidden; } .products .title{ font-size: 12px; font-weight: 100; float:left; word-wrap: break-word; width:30%; height:105px; position:relative; top:50%; margin-top:-1em; } .products .price{ padding: 2px; color:#FFF; float:left; width:15%; font-weight: 900; cursor:pointer; margin-right: 10px; position:relative; top:50%; margin-top:-1em; } .products .price a{ color: #FFF; } .products .programbutton{ float:left; width: 15%; margin-right:10px; padding: 2px; text-align:center; word-wrap: break-word; position:relative; top:50%; margin-top:-1em; } .products .program{ float:left; margin-right:10px; padding: 2px; } .show{ -webkit-border-radius: 5em; -moz-border-radius: 5em; padding: 12px; color:#FFF; background:#009DE9; padding: 5px; text-align:center; float:left; cursor: pointer; } #handler{ margin-top:20px; background:#D3DFE5; border:#009DE9 1px solid; padding:5px; } #result_shorttag, #result_shorttagauto{ margin-top:10px; color: #333333; background-color: #DFF2BF; border:1px solid #00580D; padding:10px; width:95%; margin-bottom:10px; word-wrap:break-word; } .button{ float: left; padding: 5px; background: #E40079; color: #fff; cursor: pointer; margin-bottom; 5cm; } .buttonGreen{ float: left; padding: 5px; background: green; color: #fff; cursor: pointer; margin-bottom; 5cm; } .selecteren{ cursor: pointer; background: #E40079; color: #fff; } .Acties{ border-bottom: #CCC 1px solid; width:100%; margin-bottom:20px; padding-top: 20px; } .Acties .title{ font-family: 'DreamOrphansRegular'; font-weight:900; } .Acties img{ border:#CCC 1px solid; margin:5px; float:left; } .Acties .date{ margin-top:0px; color: #CCC; font-size:10px; } .Acties .Actiecode{ padding:5px; background:#000; text-align:center; float:right; margin-top:10px; color: #FFF; } .Acties .Actiecode:hover{ background:#e40079; color:#FFF; cursor: pointer; } .Acties .Actiecode:hover a{ color:#FFF; text-decoration: none; } .Acties .Actiecode a{ color:#FFF; } .Acties .Alert{ background: #FFBABA; border: #DD0000 1px solid; color: #FFF; } .widgetproduct{ margin-top:10px; padding-bottom:10px; border-bottom:1px solid #ccc; } .widgetproduct .widgetproductimage{ float:left; height:100%; overflow:hidden; } .widgetproduct .widgetproductimage img{ float:left; } .widgetproduct .widgetproducttitle{ margin-left:5px; position: relative; width:60px; overflow:hidden; float:left; word-wrap: break-word; } .widgetproduct .widgetproductprice{ margin-left:5px; position: relative; width:60px; overflow:hidden; float:left; } .Msuccess { color: #4F8A10; background-color: #DFF2BF; background-image: url('../images/green.png'); } .Mwarning { color: #9F6000; background-color: #FEEFB3; background-image: url('../images/warning.png'); } .Merror { color: #D8000C; background-color: #FFBABA; background-image: url('../images/red.png'); } .Minfo { color: #00529B; background-color: #BDE5F8; background-image: url('../images/blue.png'); } .Minfo, .Msuccess, .Mwarning, .Merror { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; } .slidingDiv { height:75px; padding:20px; margin-top:10px; margin-bottom:10px; } .show_hide { display:none; } #black{ width:120%; height:100%; left:-200px; top:0px; text-align:center; background:#000000; opacity: 0.8; filter:Alpha(Opacity=8); position:absolute; z-index:1001; } #blackcontent{ margin:0 auto; margin-top:10px; width:800px; z-index:1010; position:relative; background:#FFF; padding:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .tableHeader span { color: #21759b; cursor: pointer; padding-left: 5px; } thead.tableHeader span:hover { color: #333; cursor: pointer; } #aStores, #aSelectedstores{ width:200px; } .choiseview{ float:left; cursor:pointer; padding:5px; margin:1px; border:1px solid #ccc; border-bottom:none; margin-top:5px; } #dcmore{ padding:10px; background:#333333; color:#FFF; text-align:center; cursor:pointer; margin-top:10px; border-radius:5px; } /* TipTip CSS - Version 1.2 */ #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } #tiptip_holder.tip_top { padding-bottom: 5px; } #tiptip_holder.tip_bottom { padding-top: 5px; } #tiptip_holder.tip_right { padding-left: 5px; } #tiptip_holder.tip_left { padding-right: 5px; } #tiptip_content { font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); } /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); } }