/*------------------------------------------------------------------
[Master Stylesheet]
Project:	SOM Portalen
Version:	1.0
Assigned to:	Willem de Wit
Company:	WIS Services BV http://www.wis.nl/
Primary use:	Web
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Browser hacks]
*/
/*------------------------------------------------------------------
[Color codes]
/* common */
*/
/*------------------------------------------------------------------
[Typography]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[1. Reset styles]
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, code, dl, dt, dd, ol, ul, li {margin: 0; padding: 0;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, dl, dt, dd, ol, ul, li { margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/* END RESET CSS */
body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif;}
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/* * minimal base styles */
body, select, input, textarea { color: #444; font-family: Tahoma, Arial, Helvetica, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }
ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; padding:0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; }
img {border:none;} 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { 
padding: 15px; 
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { 
border-radius: 1px;
-moz-box-shadow: 0px 0px 5px red; 
-webkit-box-shadow: 0px 0px 5px red; 
box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
::-moz-selection{ background: #d1e5ff; color:#fff; text-shadow: none; }
::selection { background:#d1e5ff; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #d1e5ff; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
/* * Non-semantic helper classes */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important; 
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {content: "\0020"; display: block; height: 0; visibility: hidden;	} 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
::selection { background:#7eb6ff; color:#fff; }
/*------------------------------------------------------------------
-------------------------------------------------------------------*/
@font-face {
font-family: 'WebportaalIcons';
src: url('/fs/WP2/fonts/webportaal_icons.eot');
src: url('/fs/WP2/fonts/webportaal_icons.eot?#iefix') format('embedded-opentype'),
url('/fs/WP2/fonts/webportaal_icons.woff') format('woff'),
url('/fs/WP2/fonts/webportaal_icons.ttf') format('truetype'),
url('/fs/WP2/fonts/webportaal_icons.svg#WebportaalIcons') format('svg');
font-weight: normal;
font-style: normal;
}
html.multiplebgs, body { min-height: 100%; }
.multiplebgs body {
font: 13px/20px Tahoma, Arial, Helvetica, sans-serif;
background: url(/fs/WP2/images/patroon-75x75.png) 50% top repeat, -webkit-gradient(linear, left top, left bottom, from(#00a1d4), to(#00a950)); /* Saf4+, Chrome */
background: url(/fs/WP2/images/patroon-75x75.png) 50% top repeat, -webkit-linear-gradient(top, #00a1d4, #00a950); /* Chrome 10+, Saf5.1+, iOS 5+ */
background: url(/fs/WP2/images/patroon-75x75.png) 50% top repeat, -moz-linear-gradient(top, #00a1d4, #00a950); /* FF3.6 */
background: url(/fs/WP2/images/patroon-75x75.png) 50% top repeat, -ms-linear-gradient(top, #00a1d4, #00a950); /* IE10 */
background: url(/fs/WP2/images/patroon-75x75.png) 50% top repeat, -o-linear-gradient(top, #00a1d4, #00a950); /* Opera 11.10+ */
background: url(/fs/WP2/images/patroon-75x75.png) 50% top repeat, linear-gradient(to bottom, #00a1d4, #00a950);
}
html.no-multiplebgs, .ie9 {
height: 100%;
background-color: #00a950;
background: #00a950 url(/fs/WP2/images/body_bg_blue-green.png) top left repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00a1d4', endColorstr='#00a950'); /* voor IE6&7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00a1d4', endColorstr='#00a950')"; /* IE8 */
}
html.no-multiplebgs, .no-multiplebgs body { height: 100%; }
.no-multiplebgs body {
font: 13px/20px Tahoma, Arial, Helvetica, sans-serif;
}
body div.pattern { background: url(/fs/WP2/images/patroon-75x75.png) 50% top repeat; width: 100%; height:100%; }
/*------------------------------------------------------------------
[1. Global Styles]
*/
h1 {line-height: 35px; font-size: 23px; color: #405c81;}
h2 {font-size: 14px; color: #405C81; font-style: normal; margin-bottom: 10px;}
h3 { color: #405C81; }
span.icon { font-family: WebportaalIcons; }
/*------------------------------------------------------------------
[2. Wrapper]
*/
#wrapper { background: #ffffff; min-height: 100%; width: 1000px; /*width: 80%; min-width: 800px;*/ margin: 0 auto; -webkit-box-shadow: 0 0 15px rgba(88, 88, 88, 0.7); -moz-box-shadow: 0 -15px 15px rgba(88, 88, 88, 0.7); box-shadow: 0 0 15px rgba(88, 88, 88, 0.7); }
.no-boxshadow #wrapper { border: 1px solid #00a950; border-width: 0 1px; }
/*------------------------------------------------------------------
[3. Header]
*/
header, #search_bar, #wrapper > nav { padding: 0 40px; }
header { height: 60px; }
header #logo { display: block; float: left; padding-top: 5px; margin-right: 20px; }
header #siteNav { float: left; line-height: 55px; position: relative; }
div.childSelector { height: 100%; float: left; line-height: 55px; width: 150px; margin-left: 20px; }
div.childSelector #childSelector { display: inline-block; vertical-align: middle; line-height: 14px; }
div.childSelector form select{min-width: 100px; border: 1px solid #A5ACB2;}
div.childSelector form select option{color: #00AFE8;}
#statusBar { float: right; height: 100%; line-height: 55px; width: 300px; }
#statusBar > .ingelogd { display: inline-block; vertical-align: middle; line-height: 14px; width: 150px; }
#statusBar > .languages { list-style: none; margin: 0; display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; padding: 0; vertical-align: middle; padding: 0 0 0 5px; position:absolute; top:2px; right:0;}
#statusBar > .languages > li { padding-right: 3px; float: left; }
header .separator { margin: 0 20px; }
header a:link, header a:visited, header a:hover, header a:active { color: #000000; text-decoration: none; }
header a:hover { text-decoration: underline; }
header a > div.arrow { display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; vertical-align:middle; width:0px; height:0px; border-width: 4px; border-style:solid; border-color: #000000 transparent transparent transparent; margin-bottom: -2px; }
header a.open > div.arrow { border-color: transparent transparent #000000 transparent; margin-bottom: 6px; }
header #siteNav > ul#mijnWebsitesPanel, #siteNav > ul#mijnWebsitesPanel > li { margin:0; padding:0; list-style:none; z-index: 10; }
header #siteNav > ul#mijnWebsitesPanel { position:absolute; background: #ffffff; width: 110px; left: -5px; top: 40px; border: 1px solid #7eb6ff; display:none; }
header #siteNav > ul#mijnWebsitesPanel > li { padding: 0; margin: 0; line-height: 20px; }
header #siteNav > ul#mijnWebsitesPanel > li > a:link, #siteNav > ul#mijnWebsitesPanel > li > a:visited, #siteNav > ul#mijnWebsitesPanel > li > a:hover, #siteNav > ul#mijnWebsitesPanel > li > a:active { display:block; line-height: 15px; padding: 5px; text-decoration:none; }
header #siteNav > ul#mijnWebsitesPanel > li > a:hover { background: #DEECFF; }
#search_bar { height: 50px; background: #bedaff; }
#search_bar > span.title { font: 32px/50px Verdana, Tahoma; font-weight:bold; color: #ffffff; display: block; float: left; text-shadow: 0 0 3px rgba(0,0,0,0.3); }
#search_bar > #search { float:right; height: 100%; line-height: 49px; vertical-align: middle; }
#search_bar > #search img, #search_bar > #search input { display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; vertical-align:middle; }
#search_bar > #search input[type=text] { height: 23px; width: 120px; padding: 0 3px; margin: 0 7px; line-height: 23px; border: 1px solid #a5acb2; -moz-box-shadow: 0 0 5px 1px #fff; -webkit-box-shadow: 0 0 5px 1px #fff; box-shadow: 0 0 5px 1px #fff; }
#search_bar > #search label.inlined + input[type=text] { margin-left: -127px; background-color: transparent; position: relative; z-index:2; color: #a5acb2; }
#search_bar > #search label.inlined { background: #fff; display: inline-block; height: 25px; width: 120px; font: 12px/22px Tahoma, Arial, Helvetica, sans-serif; padding-left: 6px; position: relative; z-index:1; color: rgba(165,172,178,.75); -webkit-transition: color 0.15s linear; }
#search_bar > #search label.focus { color: rgba(165,172,178,.35); }
#search_bar > #search label.has-text { color: rgba(165,172,178,.0); -webkit-transition-duration: 0s; }
.no-rgba #search_bar > #search label.focus { color:#ccc; }
.no-rgba #search_bar > #search label.has-text { color:#fff; }
#search_bar > #search img { vertical-align: middle; margin-top: -5px; }
#search_bar a:link, #search_bar a:visited, #search_bar a:hover, #search_bar a:active { color: #000; text-decoration: none; }
#wrapper > nav {
height: 50px;
overflow: hidden;
/*background: url(/fs/WP2/images/body_bg.png) top left repeat;*/ /* fallback image */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7eb6ff', endColorstr='#74a7ea'); /* voor IE6&7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7eb6ff', endColorstr='#74a7ea')"; /* IE8 */
background: -webkit-linear-gradient(top, #7eb6ff, #74a7ea); /* Chrome 10+, Saf5.1+, iOS 5+ */
background: -moz-linear-gradient(top, #7eb6ff, #74a7ea); /* FF3.6 */
background: -ms-linear-gradient(top, #7eb6ff, #74a7ea); /* IE10 */
background: -o-linear-gradient(top, #7eb6ff, #74a7ea); /* Opera 11.10+ */
background: linear-gradient(to bottom, #7eb6ff, #74a7ea);
border-bottom: 1px solid #405C81;
padding: 0 25px;
}
#topMenu { margin-left: 0; list-style:none; overflow:hidden; }
#topMenu a:link, #topMenu a:visited, #topMenu a:hover, #topMenu a:active { font-weight: bold; color: #405C81; text-decoration: none; -webkit-transition: color 0.1s linear; }
#topMenu a:hover, #topMenu li.active a {
background: -webkit-linear-gradient(top, rgba(116,167,231,0.1), rgba(126,182,255,1)); /* Chrome 10+, Saf5.1+, iOS 5+ */
background: -moz-linear-gradient(top, rgba(116,167,231,0.1), rgba(126,182,255,1)); /* FF3.6 */
background: -ms-linear-gradient(top, rgba(116,167,231,0.1), rgba(126,182,255,1)); /* IE10 */
background: -o-linear-gradient(top, rgba(116,167,231,0.1), rgba(126,182,255,1)); /* Opera 11.10+ */
background: linear-gradient(to bottom, rgba(116,167,231,0.1), rgba(126,182,255,1));
color: #ffffff;
}
#topMenu > li { display: block; float: left; position: relative; }
#topMenu > li.active { -moz-box-shadow: inset 0 0 30px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.3); -box-shadow: inset 0 0 30px rgba(0,0,0,.3); }
#topMenu > li.separator, #topMenu > li:after, #topMenu > li:before { height: 50px; width: 1px; }
#topMenu > li:after, #topMenu > li:before {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.1, transparent), color-stop(0.5, rgba(64,92,129,0.3)), color-stop(0.9, transparent));
background: -moz-linear-gradient(center bottom, transparent 10%, rgba(64,92,129,0.5), transparent 90%);
/*
background: -webkit-linear-gradient(top, rgba(116,167,231,0.1), rgba(126,182,255,1));
background: -moz-linear-gradient(top, rgba(116,167,231,0.1), rgba(126,182,255,1));
background: -ms-linear-gradient(top, rgba(116,167,231,0.1), rgba(126,182,255,1));
background: -o-linear-gradient(top, rgba(116,167,231,0.1), rgba(126,182,255,1));
background: linear-gradient(to bottom, rgba(116,167,231,0.1), rgba(126,182,255,1));
*/
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
#topMenu > li:after, #topMenu > li:first-child:before { content: ''; position: absolute; top: 0; }
#topMenu > li:after { right: 0; }
#topMenu > li:first-child:before { left:0; }
#topMenu > li > a { height: 50px; line-height: 48px; display: block; padding: 0 15px; }
#topMenu > li > a:focus {outline: none!important;}
#topMenu > li > a > img.icon { padding: 4px; margin-top: 8px; border: none; display: inline-block; }
#topMenu > li > a > span.phoneIcon { font-family: iconFont; }
#topMenu > li > a > span.icon_desc { display: inline-block; margin-top: 1px; vertical-align: top; }
#topMenu > li > a div.arrow { display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; vertical-align:middle; width:0px; height:0px; border-width: 5px; border-style:solid; border-color: #405C81 transparent transparent transparent; margin-bottom: -2px; }
#topMenu > li > a div.arrow.active { border-color: transparent transparent #405C81 transparent; margin-bottom: 7px; }
#topMenu > li > a:hover div.arrow { border-color: #ffffff transparent transparent transparent; }
#topMenu > li > a:hover div.arrow.active { border-color: transparent transparent #ffffff transparent; margin-bottom: 7px; }
#dashboard { border-bottom: 1px solid #405C81; background: #eff6ff; left: -40px; top: -40px; padding: 30px 40px; position: relative; /*width: 920px;*/ width: 100%; }
#dashboard .impersonate { display: none; }
.column { margin:0; list-style:none; padding: 0; }
#center { padding: 40px; overflow: hidden; }
/* HOME page */
#center #contentWrapper .column { float: left; width: 47%; min-height: 400px; height: auto !important; height: 400px; }
/*#center #contentWrapper #column1 .widget { float:left; }*/
#center #contentWrapper #column2 { margin-left: 40px; float:right; }
/*#center #contentWrapper #column2 .widget { float:right; }*/
.widget .ribbon > .ribbonInner h3 { margin: 0; padding: 0; }
/* SUB page */
#center nav, #center #content { float:left; }
#center nav { /*width: 230px;*/ width: 25%; margin: 0 40px 0 -10px; }
#center #content { /*width: 660px;*/ width: 71%; }
/*------------------------------------------------------------------
[4. menu]
*/
nav .navigation.widget { margin-bottom: 20px; }
nav .navigation.widget > .widgetTop > .ribbon > .ribbonInner > h3 { width: auto; padding-left: 5px; }
nav .navigation.widget > .widgetBottom > .header > #menuItems { clear: left; padding: 0px; }
nav .navigation.widget > .widgetBottom > .header > #menuItems ul { margin: 0; padding: 0; }
nav .navigation.widget > .widgetBottom > .header > #menuItems ul li { position: relative; }
nav .navigation.widget > .widgetBottom > .header > #menuItems ul li.active { background-color: #cbe2ff; }
nav .navigation.widget > .widgetBottom > .header > #menuItems li > ul { display: none; }
nav .navigation.widget > .widgetBottom > .header > #menuItems li.pathActive > ul { display: block; }
nav .navigation.widget > .widgetBottom > .header > #menuItems li.hasSub:after { display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 5px; border-color: transparent transparent transparent #405C81; position: absolute; top: 10px; right: 10px; }
nav .navigation.widget > .widgetBottom > .header > #menuItems li.hasSub.pathActive:after { border-color: #ffffff transparent transparent transparent; top: 15px; right: 15px; }
nav .navigation.widget > .widgetBottom > .header > #menuItems ul li a { display: block; padding: 5px 15px; }
nav .navigation.widget > .widgetBottom > .header > #menuItems ul li a:hover { background-color: #abcfff; }
nav .navigation.widget > .widgetBottom > .header > #menuItems li.pathActive > a,
nav .navigation.widget > .widgetBottom > .header > #menuItems ul li a.active,
nav .navigation.widget > .widgetBottom > .header > #menuItems ul li.active > a { background-color: #7eb6ff; color: #ffffff; }
nav .navigation.widget > .widgetBottom > .header > #menuItems ul li.active > a { font-weight: bold; }
nav .navigation.widget > .widgetBottom > .header > #menuItems ul.level2 li a { padding: 5px 30px; }
nav .navigation.widget > .widgetBottom > .header > #menuItems ul.level3 li a { padding: 5px 45px; }
nav .navigation.widget > .widgetBottom > .header > #menuItems ul.level4 li a { padding: 5px 60px; }
nav #sideMenu.widget > .widgetBottom > .header a:link,
nav .navigation.widget > .widgetBottom > .header a:link,
nav .navigation.widget > .widgetBottom > .header a:visited,
nav .navigation.widget > .widgetBottom > .header a:hover,
nav .navigation.widget > .widgetBottom > .header a:active {
color: #405C81;
}
/*------------------------------------------------------------------
[5. widgets]
*/
@import url('/fs/WP2/css/wp3-styles-mobile.css');
@import url('/fs/WP2/css/wp3-styles.css');
@import url('/fs/WP2/css/wp3-button-styles.css');
#dashboard > .column > .widget-placeholder,
#dashboard > .column .objectWrapper {
height: 30px;
/*width: 436px;*/
width:46%;
margin-bottom: 10px;
margin-right: 20px;
float: left;
}
#dashboard > .column > .widget-placeholder { height:26px; }
#wrapper .widget-placeholder { height: 100px; /*width: 438px;*/ width: 100%; }
#wrapper .widget {
border: 1px solid #bedaff;
/*float: left;*/
position:relative;
/*width: 100%;*/
z-index: 5;
}
#wrapper .widget-placeholder { border: 2px dashed #bedaff; }
#wrapper .objectWrapper, #center .widget-placeholder { margin-bottom: 20px; }
#wrapper .objectWrapper .spacer { padding: 20px; overflow:hidden; }
#wrapper .widget > .widgetTop{ background: #DEECFF; }
#wrapper .widget > .widgetBottom > .header { background: #DEECFF; }
#wrapper .widget > .widgetBottom > .header > .headerText {
padding: 0 10px 5px;
clear: left;
text-shadow: 1px 1px 1px #ffffff;
line-height: 21px;
color: #405C81;
}
#wrapper .widget > .widgetBottom > .header a:link,
#wrapper .widget > .widgetBottom > .header a:visited,
#wrapper .widget > .widgetBottom > .header a:hover,
#wrapper .widget > .widgetBottom > .header a:active {
color: #405C81;
text-decoration: none;
}
#wrapper .widget > .widgetBottom > .header > .headerText a:hover { text-decoration: underline; }
#wrapper .widget > .widgetBottom > .header > .headerText ul,
#wrapper .widget > .widgetBottom > .header > .headerText ul li { line-height: 32px; }
#wrapper .widget > .widgetBottom > .header > .headerText input[type=button],
#wrapper .widget > .widgetBottom > .header > .headerText input[type=submit],
#wrapper .widget > .widgetBottom > .header > .headerText button,
#wrapper .widget > .widgetBottom > .header > .headerText .button,
#wrapper .widget .footer input[type=button],
#wrapper .widget .footer input[type=submit],
#wrapper .widget .footer button,
#wrapper .widget .footer .button
{ font-size:11px; line-height: 16px; padding: 2px 8px; margin: 3px 5px; text-decoration: none; }
#wrapper .widget > .widgetBottom > .header > .headerText input[type=button]:hover,
#wrapper .widget > .widgetBottom > .header > .headerText input[type=submit]:hover,
#wrapper .widget > .widgetBottom > .header > .headerText button:hover,
#wrapper .widget > .widgetBottom > .header > .headerText .button:hover,
#wrapper .widget .footer input[type=button]:hover,
#wrapper .widget .footer input[type=submit]:hover,
#wrapper .widget .footer button:hover,
#wrapper .widget .footer .button:hover
{ text-decoration: none; }
#wrapper .widget > .widgetBottom > .header > .headerText input[type=button].disabled,
#wrapper .widget > .widgetBottom > .header > .headerText input[type=submit].disabled,
#wrapper .widget > .widgetBottom > .header > .headerText button.disabled,
#wrapper .widget > .widgetBottom > .header > .headerText .button.disabled,
#wrapper .widget .footer input[type=button].disabled,
#wrapper .widget .footer input[type=submit].disabled,
#wrapper .widget .footer button.disabled,
#wrapper .widget .footer .button.disabled
{ text-shadow: none; }
#wrapper .widget > .widgetBottom > .header > .headerText input[type=button].disabled:hover,
#wrapper .widget > .widgetBottom > .header > .headerText input[type=submit].disabled:hover,
#wrapper .widget > .widgetBottom > .header > .headerText button.disabled:hover,
#wrapper .widget > .widgetBottom > .header > .headerText .button.disabled:hover,
#wrapper .widget .footer input[type=button].disabled:hover,
#wrapper .widget .footer input[type=submit].disabled:hover,
#wrapper .widget .footer button.disabled:hover,
#wrapper .widget .footer .button.disabled:hover
{ color: #dfedff; text-shadow: none; }
#wrapper .widget > .widgetBottom > .header > .headerText hr { margin: 10px 0 3px 0; }
#wrapper .widget .ribbon {
background: #bedaff;
border-left: 10px solid #bedaff;
border-right: 10px solid #bedaff;
/*float: left;*/
left: -10px;
position: relative;
top: 5px;
width: 100%;
*margin-bottom:-1px;/* IE7 */
}
#wrapper .widget > .widgetTop > .ribbon {
-webkit-box-shadow: 0px 6px 10px -7px #6084B0;
-moz-box-shadow: 0px 6px 10px -7px #6084B0;
box-shadow: 0px 6px 10px -7px #6084B0;
/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=180, Color='#6084B0');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#6084B0')";*/
z-index:3;
}
#wrapper .widget .ribbon > .ribbonInner { padding: 5px 10px; position: relative; }
#wrapper .widget .ribbon > .ribbonInner h3 {
color: #405C81;
font-size: 100%;
font-weight: bold;
width: 80%;
cursor: default;
}
#wrapper .widget h4 {
margin: 5px 0;
padding: 0;
line-height: 20px;
color: #405C81;
}
#wrapper.editable .widget .ribbon > .ribbonInner h3 { cursor:move; }
#wrapper .widget .ribbon > .ribbonInner .layout__summary {
color: #405C81;
}
#wrapper .widget .ribbon > .ribbonInner > .buttons {
height: 16px;
min-width: 60px;
position: absolute;
text-align: right;
top: 6px;
right: 20px;
}
#wrapper .widget .ribbon > .ribbonInner > .buttons .dataAge {
font-size: 11px;
opacity: .8;
display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1;
vertical-align: top;
line-height: 18px;
font-style: italic;
}
#wrapper .widget .ribbon > .ribbonInner > .buttons .dataAge > img {
vertical-align: middle;
height: 14px;
margin-left: 5px;
}
#wrapper .widget .ribbon > .ribbonInner > .buttons .extraButton i {
margin: 0;
}
#wrapper .widget .ribbon > .ribbonInner > .buttons > .buttonSmall {
width: 16px;
height: 16px;
cursor: pointer;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
border: 1px solid transparent;
display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1;
-webkit-transition: border-color 0.3s linear; -moz-transition: border-color 0.3s linear; transition: border-color 0.3s linear;
}
#wrapper .widget .ribbon > .ribbonInner > .buttons > .buttonSmall:hover { border: 1px solid #405C81; }
#wrapper .widget .ribbon > .ribbonInner > .buttons > .buttonSmall > div { display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; vertical-align:middle; }
#wrapper .widget .ribbon > .ribbonInner > .buttons > .buttonSmall > .arrow {
width:0px;
height:0px;
border-width: 5px;
border-style:solid;
border-color: #74a7ea transparent transparent transparent;
margin: 0 3px 3px 0;
}
#wrapper .widget .ribbon > .ribbonInner > .buttons > .buttonSmall:hover > .arrow { border-color: #405C81 transparent transparent transparent; }
#wrapper .widget .ribbon > .ribbonInner > .buttons > .buttonSmall.expanded > .arrow { border-color: transparent transparent #74a7ea transparent; margin-top: -9px; }
#wrapper .widget .ribbon > .ribbonInner > .buttons > .buttonSmall.expanded:hover > .arrow { border-color: transparent transparent #405C81 transparent; }
#wrapper .widget .ribbon > .ribbonInner > .buttons > .buttonSmall > .min {
width:10px;
height:2px;
background-color: #74a7ea;
margin: 0 3px 8px 0;
-webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; transition: background-color 0.3s linear;
}
#wrapper .widget .ribbon > .ribbonInner > .buttons > .buttonSmall:hover > .min,
#wrapper .widget .ribbon > .ribbonInner > .buttons > .buttonSmall:hover > .min > .plus {
background-color: #405C81;
}
#wrapper .widget .ribbon > .ribbonInner > .buttons > .buttonSmall > .min > .plus {
width:2px;
height:10px;
background: #74a7ea;
margin: -4px 0 0 4px;
-webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; transition: background-color 0.3s linear;
}
#wrapper .widget .ribbon > .ribbonInner > .buttons > .buttonSmall.expanded > .min > .plus { display:none; }
#wrapper .widget .ribbon > .ribbonInner > .buttons > .buttonSmall > .close {
height: 10px;
width: 10px;
background-color: #74a7ea;
margin: -8px 3px 0 0;
position: relative;
-webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; transition: background-color 0.3s linear;
}
#wrapper .widget .ribbon > .ribbonInner > .buttons > .buttonSmall:hover > .close { background-color: #405C81; }
#wrapper .widget .ribbon > .ribbonInner > .buttons > .buttonSmall > .close > div {
width:0px;
height:0px;
border-width: 5px;
border-style:solid;
position: absolute;
zoom:1;
}
#wrapper .widget .ribbon > .ribbonInner > .buttons > .buttonSmall > .close > .top { border-color: #bedaff transparent transparent transparent; margin-top: -2px; }
#wrapper .widget .ribbon > .ribbonInner > .buttons > .buttonSmall > .close > .right { border-color: transparent #bedaff transparent transparent; margin-left: 2px; }
#wrapper .widget .ribbon > .ribbonInner > .buttons > .buttonSmall > .close > .bottom { border-color: transparent transparent #bedaff transparent; margin-top: 2px; }
#wrapper .widget .ribbon > .ribbonInner > .buttons > .buttonSmall > .close > .left { border-color: transparent transparent transparent #bedaff; margin-left: -2px; }
#wrapper .widget .ribbon > .ribbonInner > .details { display:none; }
#wrapper .widget > .widgetBottom > .header > .triangle {
border-style: solid;
border-width: 10px;
height: 0px;
margin-bottom: -10px;
position: relative;
top: -5px;
width: 0px;
z-index: 2;
}
#wrapper .widget > .widgetBottom > .header > .triangle.left {
border-color: transparent #abc5e6 transparent transparent;
bottom: 5px;
float: left;
left: -20px;
}
#wrapper .widget > .widgetBottom > .header > .triangle.right {
border-color: transparent transparent transparent #abc5e6;
bottom: 5px;
float: right;
left: 20px;
}
#wrapper .widget > .widgetBottom > .content { background: white; overflow: auto; }
#wrapper .widget > .widgetBottom > .content ul.items { list-style:none; margin: 0; padding: 0; }
#wrapper .widget > .widgetBottom > .content.spacer > ul.items { margin: -20px; }
#wrapper .widget > .widgetBottom > .content ul.items > li { }
#wrapper .widget > .widgetBottom > .content ul.items > li:hover { cursor: pointer; background: #eff6ff; }
#wrapper .widget > .widgetBottom > .content ul.items > li a { display: block; padding: 5px 20px; }
#wrapper .widget > .widgetBottom > .content ul.items > li span.date { color: #a5a5a5; }
#wrapper .widget .footer { background: #DEECFF; border-top: 1px solid #bedaff; padding: 4px 10px; clear:left; }
#wrapper #dashboard > .column .objectWrapper {
float: left;
position:relative;
/*width: 438px;*/
width: 47%;
margin-bottom: 10px;
}
#wrapper #dashboard > .column .widget > .widgetTop > .ribbon { top: 0; left: 0; }
#wrapper #dashboard > .column .widget > .widgetTop > .ribbon > .ribbonInner > .buttons, #dashboard > .column .widget > .widgetTop > .ribbon > .ribbonInner > .details { display: none; }
#wrapper #dashboard .column .widget .ribbon {
background: #bedaff;
border: 1px solid #74a7ea;
}
#wrapper #dashboard > .column .widget .ribbon > .ribbonInner { padding: 5px 20px; }
#wrapper #dashboard > .column .widget .ribbon > .ribbonInner h3 {
color: #405C81;;
font-size: 100%;
font-weight: bold;
}
#wrapper #dashboard > .column .widget > .widgetBottom, #dashboard > .column .widget .footer { display: none;}
/*------------------------------------------------------------------
[6. Content]
*/
#wrapper .widget input[type=text],
#wrapper .widget input[type=password],
#wrapper .widget textarea { border: 1px solid #ccc; padding: 3px; margin: 5px 0; }
#wrapper .widget input[type=button],
#wrapper .widget input[type=submit],
#wrapper .widget .button {
border: 1px solid #bedaff;
background: #d1e5ff;
background: -webkit-gradient(linear, left top, left bottom, from(#d1e5ff), to(#a8ceff)); /* Saf4+, Chrome */
background: -webkit-linear-gradient(top, #d1e5ff, #a8ceff); /* Chrome 10+, Saf5.1+, iOS 5+ */
background: -moz-linear-gradient(top, #d1e5ff, #a8ceff); /* FF3.6 */
background: -ms-linear-gradient(top, #d1e5ff, #a8ceff); /* IE10 */
background: -o-linear-gradient(top, #d1e5ff, #a8ceff); /* Opera 11.10+ */
background: linear-gradient(to bottom, #d1e5ff, #a8ceff);
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 0px 1px 3px -1px #405C81; -moz-box-shadow: 0px 1px 3px -1px #405C81; box-shadow: 0px 1px 3px -1px #405C81;
color: #405C81 !important;
cursor: pointer;
display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1;
font-weight: bold;
margin: 3px;
padding: 3px 20px;
text-align:center;
text-decoration: none;
}
#wrapper .widget input[type=button]:hover,
#wrapper .widget input[type=submit]:hover,
#wrapper .widget .button:hover {
-webkit-box-shadow: 0px 1px 3px #405C81; -moz-box-shadow: 0px 1px 3px #405C81; box-shadow: 0px 1px 3px #405C81;
text-decoration: none;
}
#wrapper .widget input[type=button]:active,
#wrapper .widget input[type=submit]:active,
#wrapper .widget .button:active,
#wrapper .widget input[type=button].active,
#wrapper .widget input[type=submit].active,
#wrapper .widget .button.active{
background: #a8ceff;
background: -webkit-gradient(linear, left top, left bottom, from(#a8ceff), to(#d1e5ff)); /* Saf4+, Chrome */
background: -webkit-linear-gradient(top, #a8ceff, #d1e5ff); /* Chrome 10+, Saf5.1+, iOS 5+ */
background: -moz-linear-gradient(top, #a8ceff, #d1e5ff); /* FF3.6 */
background: -ms-linear-gradient(top, #a8ceff, #d1e5ff); /* IE10 */
background: -o-linear-gradient(top, #a8ceff, #d1e5ff); /* Opera 11.10+ */
background: linear-gradient(to bottom, #a8ceff, #d1e5ff);
-webkit-box-shadow: 0px 0px 2px #405C81; -moz-box-shadow: 0px 0px 2px #405C81; box-shadow: 0px 0px 2px #405C81;
}
#wrapper .widget input[type=button].disabled,
#wrapper .widget input[type=submit].disabled,
#wrapper .widget .button.disabled{
background: #abcfff;
-webkit-box-shadow: 0px 1px 3px -1px #405C81; -moz-box-shadow: 0px 1px 3px -1px #405C81; box-shadow: 0px 1px 3px -1px #405C81;
color: #dfedff !important;
cursor: default;
}
table.login tr td { vertical-align: middle; }
.objectWrapper { position: relative; }
/*
* Media queries for responsive design
* These follow after primary styles so they will successfully override.
*/
@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
j.mp/textsizeadjust
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}
/*
* print styles
* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
*/
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; } /* Don't show links for images */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}
/*------------------------------------------------------------------
[Feedback Stylesheet]
Project:	SOM Portalen
Version:	1.0
Assigned to:	Willem de Wit
Company:	WIS Services BV http://www.wis.nl/
Primary use:	Web
-------------------------------------------------------------------*/
.feedbackPanel { border: 2px dashed #ccc; padding: 10px; background-color: white; }
.feedbackPanel .feedbackMessage { padding: 2px 0 2px 30px; background-position: top left; background-repeat: no-repeat; min-height: 20px; }
.feedbackPanel .feedbackMessage.info { background-image: url(../WP2/images/info_24.png); }
.feedbackPanel .feedbackMessage.warning { background-image: url(../WP2/images/warning_24.png); }
.feedbackPanel .feedbackMessage.question { background-image: url(../WP2/images/question_24.png); }
.feedbackPanel .feedbackMessage.error { background-image: url(../WP2/images/error_24.png); color: #E01B4C; }