div.contentcenter
{
  position: relative;
  min-width: 300px;
  margin:0 auto;
  max-width:calc(100% - 20px);
}


/* Shared by all widgets.
   widgets-ws2013 marks a widget as cleaned-up */
.widget-ws2013
{
  position: relative; /* will be absolute after layout */
  background:#f5faff;
  color:#333333;
  width:300px;
}
html.darkscheme .widget-ws2013
{
  background:#333333;
}
.widget-ws2013.widget-wide
{
  width:620px;
}
  html.fluid-design .widget-ws2013
, html.fluid-design .widget-ws2013.widget-wide
{
  width: 100%;
  min-width: 300px;
  max-width: 620px;
}

/* Default border color in widgets (if not explicitly set) */
.widget-ws2013 *
{
  border-color: #dce1e6;
}
html.darkscheme .widget-ws2013 *
{
  border-color: #222222;
}
.topborder
{
  border-top-width:3px;
  border-top-style:solid;
}
.widget-ws2013 .thintopborder
{
  border-top:1px solid #dce1e6;
}
.widget-ws2013 .thinbottomborder
{
  border-bottom:1px solid #dce1e6;
}

.widget-ws2013 img.topimage /* in instances where there's an image above the "header" */
{
  display: block;
  width: 100%;
  height: auto;
}


/* widget - prolog (the area above the (first) widget, which should take up space with the widget) */
div.widget-prolog
{
  position:absolute;
  bottom:100%;
  width:100%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/* widget - outer tabs (in the prolog) */
.widget-outertabs
{
  position:relative;
  width:100%;
  height:52px;
  overflow:hidden;
}
.widget-outertabs > ul
{
  position:absolute;
  top:0;
  bottom:3px;
  list-style: none;
  margin:0;
  padding:0;
  height:49px;
}
  .widget-outertabs > .tabscrollleft
, .widget-outertabs > .tabscrollright
{
  position:absolute;
  bottom:0;
  cursor:pointer;
  background-color: #ffffff;
  height:49px;
  width:45px;
  line-height: 49px;
  text-align: center;
}
.widget-outertabs > .tabscrollleft
{
  border-right:1px solid #c1e1e1;
  left:0;
  display:none;
}
.widget-outertabs > .tabscrollright
{
  border-left:1px solid #c1e1e1;
  right:0;
}
.widget-outertabs > ul:after
{
  content:"";
  clear:both;
  display:block;
}
.widget-outertabs > ul > li
{
  display:inline-block;
  padding:0;
  margin:3px 0;
  background-color: #f5faff;
  height:46px;
  vertical-align:bottom;
  color:#333333;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.widget-outertabs > ul > li.selected
{
  padding-top:3px;
  margin-top:0;
}

.widget-outertabs > ul > li > a
{
  display:block;
  color:inherit;
  text-decoration: none;
  font-size:14px;
  line-height:32px;
  padding:9px 15px 5px 15px;
}
.widget-outertabs > ul > li + li > a
{
  border-left:1px solid #dce1e1;
}
  .widget-outertabs > ul > li.selected > a
, .widget-outertabs > ul > li.selected + li > a
{
  border-left:none;
}

.widget-outertabs-mobile
{
  display: none;
}
html.fluid-design .widget-outertabs-mobile
{
  display: block;
}
html.fluid-design .widget-outertabs
{
  display: none;
}
.widget-outertabs-mobile > ul
{
  margin: 15px;
  padding: 0;
  list-style-type: none;
}
.widget-outertabs-mobile > ul > li + li
{
  padding-top: 5px;
}
.widget-outertabs-mobile a
{
  color: #333333;
}
.widget-outertabs-mobile a.selected
{
  text-decoration: none;
  font-weight: bold;
}

/*
   widget - headers

   A "header" is defined as the area with optionally
   - the "slashlabel"
   - a large title
   - a folded corner (e.g. contactperson-widget)
   - a label-image (e.g. awards widget)
   - a large icon to the left (e.g. twitter or events widgets)
*/

.widget-ws2013 .widget-header
{
  padding:15px 26px;
}

.widget-header-iconleft
{
  position:relative;
  height:77px;
  overflow:hidden;
  width:100%;
}

.widget-header-iconleft .icon
{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:80px;
  padding: 21px 25px;
}

.widget-header-iconleft .text
{
  position:absolute;
  top:0;
  bottom:0;
  left:80px;
  right:0;
  padding: 10px 0 0 25px;
}

.widget-header-label
{
  padding:15px 80px 15px 26px;
}

.widget-header-label .label
{
  position:absolute;
  top:-5px;
  right: 20px;
  width:65px;
  height: 80px;
  padding: 18px;
  background-image: url("../img/common/overlaylabel.png");
}

.widget-header-label .label.goldoverride
{
  background-position: 0 -400px !important;
}

.widget-header-label .label.goldoverride .img-awards32
{
  background-image: url("../img/widgets/honours.png") !important;
  background-position: 0px -64px !important;
}

.widget-header-foldedcorner
{
  padding:15px 0px 15px 0px;
  position: relative;
  margin-right:32px;
  min-height: 32px;
}

.widget-ws2013 .widget-header-foldedcorner .rightside
{
  position: absolute;
  width: 32px;
  margin-top: 32px;
  right: -32px;
  top:0;
  bottom: 0;
}
.widget-ws2013 .widget-header-foldedcorner .cornerimage
{
  display: block;
  height: 64px;
  position: absolute;
  left: 0px;
  top: -32px;
  width: 32px;
  background-image: url("../img/common/widgetfold.png");
}

.widget-ws2013 .lefttopverlay
{
  position:absolute;
  top:-13px;
  left:0px;
  width:64px;
  height:64px;
}
.widget-ws2013 .topshadow
{
  height:5px;
  width:300px;
  top:-5px;
  right:0;
  position:absolute;
  background: transparent url("../img/common/widgetshadowtop.png") no-repeat scroll bottom right;
}

.widget-ws2013 .bottomshadow
{
  height:9px;
  width:100%;
  bottom:-9px;
  left:0;
  position:absolute;
  background: transparent url("../img/common/widgetshadowbottom.png") no-repeat scroll top left;
}


 .widget-ws2013 .slashlabel
,.widget-ws2013 .hashlabel
,.widget-ws2013 .atlabel
,.widget-ws2013 .noslashlabel /* there's always an exemption: a slashlabel without a slash */
{
  margin: 0 0 0 8px;
  text-indent:-8px;
  font: bold 15px Arial;
  text-transform:uppercase;
}

.widget-ws2013 .slashlabel:before { content: "/ "; }
.widget-ws2013 .hashlabel:before { content: "# "; }
.widget-ws2013 .atlabel:before { content: "@ "; }

.widget-ws2013 .widget-title
{
  font: normal 32px/32px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
  text-transform: uppercase;
}

.widget-ws2013 .widget-title.mediumfont
{
  font-size: 26px;
  line-height: 26px;
}
.widget-ws2013 .widget-title.smallfont
{
  font-size: 22px;
  line-height: 22px;
}
.widget-ws2013 .widget-title a
{
  text-decoration: none;
}

.widget-ws2013 .circlemask
{
  background-image: url("../img/common/circle-mask.png");
  background-repeat: no-repeat;
  width: 94px;
  height: 94px;
  position: absolute;
  top: 0;
  left: 0;
}


/*
   widget - normal textual content
*/
.widget-ws2013 .widget-text
{
  padding: 15px 27px 15px 27px;
}

.widget-ws2013 .widget-docblock.widget-text
{
  padding: 15px 0px 15px 0px;
}

.widget-ws2013 .widget-text a
{
  text-decoration: underline !important;
}

/* if both the header and the text are white, get rid of the top padding */
 .widget-ws2013 .widget-header.bg-white + .widget-text.bg-white
,.widget-ws2013 .widget-header-label.bg-white + .widget-text.bg-white
,.widget-ws2013 .widget-header-iconleft.bg-white + .widget-text.bg-white
{
  padding-top: 0px;
}

 .widget-ws2013 .widget-text.centered
,.widget-ws2013 .widget-text .centered
{
  text-align: center;
}
.widget-ws2013 .widget-text.right
{
  text-align: right;
}
.widget-ws2013 .widget-text h1
{
  font: 20px/20px "LinotypeUniversW02-Cn","Arial Narrow",Arial;
}

.widget-ws2013 .widget-text h2
{
  font: 20px/20px "LinotypeUniversW02-Cn","Arial Narrow",Arial;
}

.widget-ws2013 .widget-text .email
{
  text-decoration: none;
}

.widget-ws2013 .widget-text .email:hover
{
  text-decoration: underline;
}

.widget-ws2013 .widget-text .label
{
  display: inline-block;
  vertical-align: middle;
}
.widget-ws2013 .widget-text .icon
{
  display: inline-block;
  vertical-align: middle;
}

/*
   widget - tabs
*/
div.widget-ws2013 .widget-tabs
{
  border-top: 1px solid #dce1e6;
  width: 100%;
}
div.widget-ws2013 .widget-tabs .tab
{
  border: 0 solid transparent;
  border-bottom-width: 1px;
  border-color: #dce1e6;
  cursor: pointer;
  float: left;
  line-height: 58px;
  display: inline-block;
  width: 50%;
  -webkit-transition: border 0.4s, background-color 0.4s;
  transition: border 0.4s, background-color 0.4s;
}

div.widget-ws2013 .widget-tabs .tab:first-child
{
  width: 50%;
  border-right-width: 1px;
}
 div.widget-ws2013 .widget-tabs .tab.selected
{
  border-bottom-color: #ffffff !important;
  background-color: #ffffff;
}
div.widget-ws2013 .widget-tabs .tab a
{
  text-decoration: none;
  color: #333333;
  margin: 0 0 0 27px;
  font-weight: bold;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
div.widget-ws2013 .widget-tabcontents
{
  position:relative;
  clear: both;
  width:100%;
  overflow:hidden;
}
div.widget-ws2013 .widget-tabcontents > .tabslider
{
  width:200%;
  margin-left:0%;
  transition:margin-left 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95); /* easeinoutsine */
  -webkit-transition:margin-left 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95); /* easeinoutsine */
}
div.widget-ws2013 .widget-tabcontents > .tabslider:after
{
  content:"";
  clear:both;
  display:block;
}
div.widget-ws2013 .widget-tabcontents > .tabslider.secondtab
{
  margin-left:-100%;
}
div.widget-ws2013 .widget-tabcontents > .tabslider > div
{
  float:left;
  width:50%;
}


/*
   widget - list rows
   By default the icon is presented to the right of the label (e.g. news or download widgets).
   Change the ordering of the "label" and "iconholder" DOM objects to display the icon to the left of the label (e.g. contactperson widget).
   Use class "iconoverlay" on the iconholder DOM object to display the icon to the right as an overlay (e.g. events widget with the ical overlay)
*/

.widget-ws2013 .widget-listrow
{
  border-top-width: 1px;
  border-top-style: solid;
  height: 59px;
  text-decoration: none;
  width: 100%;
  display: table;
  position: relative;
}

.widget-ws2013 .widget-listrow.iconoverlay
{
  height: auto;
  min-height: 80px;
  position: relative;
  display: block;
  overflow: hidden;
}

.widget-ws2013 .widget-listrow .label
{
  display: table-cell;
  margin-right: 89px;
  vertical-align: middle;
  padding: 10px 10px 10px 25px;
}

.widget-ws2013 .widget-listrow .label.nowrap
{
  white-space: nowrap;
  position: absolute;
  top: 8px;
  left: 65px;
  right: 10px;
  margin-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}



.widget-ws2013 .widget-listrow .label.link:hover
{
  text-decoration: none;
}

.widget-ws2013 .widget-listrow .iconholder
{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 64px;
  border-left-width: 1px;
  border-left-style: solid;
}

.widget-ws2013 .widget-listrow .icon
{
  display: block;
  margin: 0 auto;
}

.widget-ws2013 .widget-listrow > .iconholder:first-child
{
  border-left: none;
  border-right: 1px solid #dce1e6;
}

.widget-ws2013 .widget-listrow.iconoverlay .iconholder
{
  display: block;
  border-left: 1px solid #dce1e6;
  cursor: pointer;
  position: absolute;
  right: -78px;
  top: 0px;
  transition: right 0.3s ease-out 0s;
  width: 77px;
  padding-top: 22px;
  height: 100%;
}

.widget-ws2013 .widget-listrow.iconoverlay:hover .iconholder
{
  right: 0px;
}

/*
   Widget - 3 column footer with icons (e.g. studyfinder / studyinfo widgets
*/
.widget-ws2013 .widget-3columnfooter
{
  position: relative;
  width: 100%;
  height: 63px;
}

.widget-ws2013 .widget-3columnfooter > div
{
  position: relative;
  width: 33.333%;
  padding: 20px 0px 0px 20px;
  float: left;
  height: 63px;
}

.widget-ws2013 .widget-3columnfooter > div + div
{
  border-left: 1px solid #dce1e6;
}

.widget-ws2013 .widget-3columnfooter .icon
{
  display: inline-block;
  vertical-align: middle;
}
.widget-ws2013 .widget-3columnfooter .label
{
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}

/*
   Widget - generic slideshow stuff
*/
 .widget-ws2013 .slideshow
,.widget-ws2013 .wh-slideshow-holder
{
  position:relative;
}

/*
   Widget - quote chars (e.g. quote widget, alumnihealth quote widget, didyouknowwidget)
*/
.widget-ws2013 .widget-header .expandindicator
{
  position: absolute;
  top: 20px;
  right:15px;
}
.widget-ws2013 .-ut-canexpand .widget-header .expandindicator.img-arrowup16
{
  display: none;
}
.widget-ws2013 .-ut-canexpand.-ut-expanded .widget-header .expandindicator.img-arrowdown16
{
  display: none;
}
.widget-ws2013 .-ut-canexpand.-ut-expanded .widget-header .expandindicator.img-arrowup16
{
  display: block;
}

.widget-ws2013 .quote
{
  padding: 25px 35px 25px 35px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.widget-ws2013 .quote.nophoto p
{
  margin-top: -50px;
}

.widget-ws2013 .-ut-canexpand .quote
{
  height: 170px; /*reserve space for quotedetails */
}

.widget-ws2013 .quote p
{
  display: inline-block;
  font-family: "LinotypeUniversW02-Cn","Arial Narrow",Arial;
  font-size: 26px;
  line-height: 101%;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.widget-ws2013 .quote p small
{
  font-size: 80%;
  padding-top: 6px;
  text-transform: none;
}
.widget-ws2013 .quotechar
{
  display: inline-block;
  position: relative;
  margin-left: -20px;
  width: 15px;
}
.widget-ws2013 .quotechar span
{
  display: block;
  font-size: 185%;
  line-height: 5%;
  position: absolute;
  left: 0;
  top: -2px;
  width: 15px;
}
.widget-ws2013 .quotechar ~ .quotechar
{
  margin-left: -3px;
}

.widget-ws2013 .quotedetails
{
  padding: 0 31px 20px;
}
  .widget-ws2013 .quotedetails > span
, .widget-ws2013 .quotedetails > a
{
  color: #fff;
  display: block;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-ws2013 .quotedetails > a
{
  display: inline-block;
}
.widget-ws2013 .quotedetails > span + a
{
  margin-top: 15px;
}
.widget-ws2013 .quote .-ut-expand-clipper
{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}


/*
   Widget - social media icons (e.g. contact widget)

*/
.widget-ws2013 .widget-socialmediaicons
{
}
.widget-ws2013 .widget-socialmediaicons > a
{
  float: left;
  display: inline-block;
  width: 64px;
  height: 58px;
  border-right: 1px solid #dce1e6;
}
.widget-ws2013 .widget-socialmediaicons > a:last-child
{
  border-right: 0;
}
.widget-ws2013 .widget-socialmediaicons > a > .icon
{
  display: inline-block;
  margin: 20px 0 0 20px;
}

/* Widget - bottom-shifted backgrounds to support rounded corners. the other
   content should be wrapped inside over-background to render above this */
.widget-ws2013 .remainder-vbackground
{
  width:100%;
  position:absolute;
  top:32px;
  bottom:0;
}
.widget-ws2013 .over-vbackground
{
  position:relative;
}

/* Docblock RTD content */

html.darkscheme .widget-docblock h1
{
  color: #ffffff;
}

.default-text-vert-padding
{
  padding-top: 45px;
  padding-bottom: 35px;
}
html.fluid-design .default-text-vert-padding:not(.no-vert-padding-collapse)
{
  padding-top: 25px;
  padding-bottom: 25px;
}

/* Docblocks
   - docblocks are content entered in the RTD, or custom content that should
     be styled pretty much like RTD content
*/

/* ----------------------------------------------------------------------

   Accordion stuff

*/
.widget-ws2013 .wh-accordion
{
  margin: 0;
}

.widget-ws2013 .wh-accordion dt
{
  padding: 0;
  cursor: pointer;
  position: relative;
  display: block;
  margin: 0;
  overflow: hidden;
  font-family: "LinotypeUniversW02-Cn", "Arial Narrow", Arial, Helvetica, Sans-serif;
  min-height: 58px;
  line-height: 22px;
  font-size: 20px;
  text-transform: uppercase;
}
.widget-ws2013 .wh-accordion dt.open .iconholder .icon
{
  transform: scaleY(-1);
  position: relative; /* Chrome 43 has a rendering bug in which it draws rotated and original over eachother */
}

.widget-ws2013 .wh-accordion dt .label
{
  padding: 18px 25px;
  margin-right: 68px;
}
.widget-ws2013 .wh-accordion dt .label .icon
{
  vertical-align: middle;
}
.widget-ws2013 .wh-accordion dt .iconholder
{
  min-height: 58px;
  width: 60px;
  border-left: 1px solid #dce1e6;
  position: absolute;
  top: 0;
  right: 0px;
  height: 100%;
  padding: 22px 0 0 22px;
}
.widget-ws2013 .wh-accordion dd
{
  position:relative; /* need position because accordion applies overflow */
  margin: 0;
}
 .widget-ws2013 .wh-accordion dd > a
,.widget-ws2013 .wh-accordion dd > div
{
  margin: 0;
  padding: 0;
  display: block;
  text-decoration: none;
  position: relative;
}

.widget-ws2013 .wh-accordion dd .label
{
  padding: 12px 0 5px 25px;
  margin-right: 68px;
  min-height: 44px;
  line-height: 20px;
}

.widget-ws2013 .wh-accordion dd .icon
{
  position: absolute;
  right: 22px;
  top: 10px;
}

/* ----------------------------------------------------------------------

   WIDGETS FROM HERE ON

*/

/* ----------------------------------------------------------------------

   Edunumbers widget

*/

.widget-ws2013.edunumberswidget table
{
  border-collapse: collapse;
  width:100%;
}
.widget-ws2013.edunumberswidget th
{
  text-align: right;
  vertical-align: middle;
  padding:15px 10px;
  font: normal 14px/27px Arial;
  letter-spacing: 0;
}
.widget-ws2013.edunumberswidget td
{
  width:60px;
  padding:15px 5px 10px 10px;
  vertical-align: middle;
  text-align: left;
  font: normal 26px/27px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
}
.widget-ws2013.edunumberswidget td small
{
  font-size: 16px;
}
.widget-ws2013.edunumberswidget .iconcolumn
{
  position: relative;
}

.widget-ws2013.edunumberswidget .iconholder
{
  width: 32px;
  height: 32px;
  left: 26px;
  top: 29px;
  position: absolute;
}

.edunumberswidget td.icon .indicatorholder
{
  width: 61px;
  height: 61px;
  position: absolute;
  display:block;
  top: 0;
  left: 0;
}
.edunumberswidget td.icon .indicator
{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}



/* ----------------------------------------------------------------------

   Awards widget

*/
.widget-ws2013.awardswidget .slideshow, div.awardswidget .wh-slideshow-holder, div.awardswidget .wh-slideshow-item
{
  height:235px;
  width:100%;
}
.widget-ws2013.awardswidget .wh-slideshow-item
{
  font: 20px/20px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
  color:#333;
  text-transform: uppercase;
  text-align:center;
}
.widget-ws2013.awardswidget .wh-slideshow-item div.photo
{
  margin:20px auto;
  width:80px;
  height:80px;
  background: transparent url("../img/common/no-portrait.png") 50% 50% no-repeat;
  position:relative;
}
.widget-ws2013.awardswidget .wh-slideshow-item div.photo div.mask
{
  position:absolute;
  top:-8px;
  left:-8px;
  width:96px;
  height:96px;
  background: transparent url(../img/common/mask-person-corp.png) 0 0 no-repeat;
}
.widget-ws2013.awardswidget .wh-slideshow-item strong
{
  color:#0094b3;
  font-weight: normal;
}
.widget-ws2013.awardswidget .wh-slideshow-item small
{
  font: 15px/16px Arial;
  text-transform:none;
  display:block;
  margin-top:0px;
}
.widget-ws2013.awardswidget div.slideshow .jumpbuttons
{
  position: absolute;
  top: 200px;
  left: 0;
  width:100%;
  height: 16px;
  z-index: 1;
  font-size: 0;
  text-align: center;
}

/* ----------------------------------------------------------------------

   Instituut widget

*/
.widget-ws2013.instituutwidget
{
  background-color: #333333;
}
.widget-ws2013.instituutwidget > a
{
  display:block;
  padding:18px 25px 16px;
  background-color: #333;
  text-decoration: none;
  font-family: "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
  text-transform: uppercase;
}
.widget-ws2013.instituutwidget > a > span.shortname
{
  display:block;
  border-bottom:1px solid #fff;
  padding-bottom:7px;
  font-size:27px;
  line-height:27px;
  font-weight:bold;
}
.widget-ws2013.instituutwidget > a > span.fullname
{
  display:inline-block;
  font-weight: lighter;
  padding-top:6px;
  font-size:20px;
  line-height:23px;
}
.widget-ws2013.instituutwidget > a > span.fullname:after
{
  content:' ';
  padding-right:10px;
}
.widget-ws2013.instituutwidget > a > span.icon
{
  position:absolute;
  bottom:20px;
  right:22px;
}



/* ----------------------------------------------------------------------

   Twitter widget

*/
.widget-ws2013.twitterwidget .feedcontainer
{
  position: relative;
  height:   300px;
  overflow: hidden;
}
.widget-ws2013.twitterwidget .wh-scrollableview-content > div
{
  line-height:22px;
  padding:15px 25px;
  border-top:1px solid #fff;
}
.widget-ws2013.twitterwidget .wh-scrollableview-content > div + div
{
  border-color: #dce1e6 !important;
}
.widget-ws2013.twitterwidget .wh-scrollableview-content div.postdate
{
  position:relative;
  height:16px;
  font: 15px/16px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
  text-transform: uppercase;
}
.widget-ws2013.twitterwidget .wh-scrollableview-content div.postdate span.icon
{
  display:inline-block;
  vertical-align: text-top;
  margin-right: 8px;
}

.widget-ws2013.widget-ws2013.twitterwidget .wh-scrollableview-content div.from
{
  font: 20px/20px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
  padding: 5px 0;
  text-transform: uppercase;
}


/* ----------------------------------------------------------------------

   Tgs widget

*/
.widget-ws2013.vacaturewidget .vacatureswrapper
{
  height:272px;
  width:100%;
  overflow:hidden;
}

 .widget-ws2013.vacaturewidget .vacatures .loading
,.widget-ws2013.vacaturewidget .vacatures .novacancies
{
  display:block;
  padding:15px 25px;
}
.widget-ws2013.vacaturewidget .vacatures .loading
{
  display:block;
}
.widget-ws2013.vacaturewidget .vacatures .novacancies
{
  display:none;
}
.widget-ws2013.vacaturewidget.hasnovacancies .vacatures .novacancies
{
  display:block;
}
.widget-ws2013.vacaturewidget.hasnovacancies .vacatures .loading
{
  display:none;
}
.widget-ws2013.vacaturewidget.vacanciesfound .vacatures .loading
{
  display:none;
}
.widget-ws2013.vacaturewidget .formsend
{
  display:none;
}
.widget-ws2013.vacaturewidget strong
{
  font: 20px/26px "LinotypeUniversW02-Cn","Arial Narrow",Arial;
  text-transform: uppercase;
}

/* ----------------------------------------------------------------------

   Tgs widget

*/
.widget-ws2013 .programmedescription
{
  font-style: italic;
}
.widget-ws2013 .organisationname
{
  font: 20px/22px "LinotypeUniversW02-Cn","Arial Narrow",Arial,Helvetica,Sans-serif;
}

/* ----------------------------------------------------------------------

   Quote widget

*/

.widget-ws2013.quotewidget
{
  background-color: transparent;
}
.widget-ws2013.quotewidget .wh-slideshow-item
{
  width:100%;
  min-height:200px;
}
.widget-ws2013.quotewidget .jumpbuttons
{
  padding: 0 0 20px 0;
  width:100%;
  height: 16px;
  z-index: 10;
  font-size: 0;
  text-align: center;
}
.widget-ws2013.quotewidget .wh-slideshow-item div.photo
{
  margin:7px auto 14px auto;
  width:80px;
  height:80px;
  background: transparent url("../img/common/no-portrait.png") 50% 50% no-repeat;
  position:relative;
}
.widget-ws2013.quotewidget .wh-slideshow-item div.photo div.mask
{
  position:absolute;
  top:-8px;
  left:-8px;
  width:96px;
  height:96px;
  background: transparent url(../img/common/mask-person-corp.png) 0 0 no-repeat;
}

/* widget-header + icon + label are the same as the contactperson widget */
.widget-ws2013.quotewidget .widget-header
{
  position: relative;
}
.widget-ws2013.quotewidget .widget-header .icon
{
  position: absolute;
  left: 5px;
  top: 11px;
}
.widget-ws2013.quotewidget .widget-header .label
{
  margin-left: 5px;
  display: inline-block;
}

.widget-ws2013.quotewidget .widget-header-foldedcorner .titles-and-name
{
  font: 20px/20px "LinotypeUniversW02-Cn","Arial Narrow",Arial;
  text-align: center;
}
.widget-ws2013.quotewidget .widget-header-foldedcorner .titles-and-name small
{
  font: 16px/17px "LinotypeUniversW02-Cn","Arial Narrow",Arial;
}
.widget-ws2013.quotewidget .jumpbuttons .wh-slideshow-jumpbutton.wh-slideshow-selected
{
  background-position: -24px -24px;
}
/* ----------------------------------------------------------------------

   News widget

*/
.widget-ws2013.newswidget .firstnewsitem .widget-title
{
  font: normal 20px/20px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
}

/* ----------------------------------------------------------------------

   Events widget

*/
.widget-ws2013.eventswidget .events
{
  position: relative;
}
.widget-ws2013.eventswidget a
{
  text-decoration: none;
}
.widget-ws2013.eventswidget .events .widget-listrow .label
{
  display: block;
  font: 20px/20px "LinotypeUniversW02-Cn","Arial Narrow",Arial;
  padding-top: 5px;
  text-transform: uppercase;
  margin-right: 25px;
}
.widget-ws2013.eventswidget .events .widget-listrow .eventdate
{
  width: 100%;
  padding: 10px 10px 0px 25px;
}
.widget-ws2013.eventswidget .events .widget-listrow .eventdate .icon
{
  display: inline-block;
  vertical-align: middle;
}
.widget-ws2013.eventswidget .events .widget-listrow .eventdate .label
{
  display: inline-block;
  vertical-align: middle;
  font: 15px/15px Arial,Helvetica,Sans-Serif;
  padding: 0px 10px 0 5px;
}


/* ----------------------------------------------------------------------

   Contact widget

*/
.widget-ws2013.contactwidget .widget-listrow .label
{
  font-size: 20px;
  font-family: "LinotypeUniversW02-Cn","Arial Narrow",Arial;
}
.widget-ws2013.contactwidget .widget-listrow .label.tel a /* ios specific telephone number override */
{
  color: #333333 !important;
  text-decoration: none !important;
}

/* ----------------------------------------------------------------------

   Contact person widget

*/
.widget-ws2013.contactpersonwidget .centered
{
  padding: 0 0 0 16px; /* compensating for the foldedcorner */
}

.widget-ws2013.contactpersonwidget .photo
{
  width:94px;
  height:94px;
  background: transparent none 50% 50% no-repeat;
  position: absolute;
  left: 10px;
  top: 10px;
}
.widget-ws2013.contactpersonwidget .titles-and-name
{
  margin-left: 120px;
  min-height: 80px;
}
.widget-ws2013.contactpersonwidget .titles-and-name .name
{
  font: 20px/20px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
  text-transform: uppercase;
  margin-top: 5px;
}
.widget-ws2013.contactpersonwidget .titles-and-name .titles
{
  font: 15px/17px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
  text-transform:none;
  display:block;
  margin-top:5px;
}

.widget-ws2013.contactpersonwidget .titles-and-name .titles.above
{
  margin-bottom:5px;
}
.widget-ws2013.contactpersonwidget .centered .photo
{
  margin: 0px auto 15px auto;
  position:relative;
}

.widget-ws2013.contactpersonwidget .centered .titles-and-name
{
  min-height: 0;
  text-align: center;
  margin-left: 16px; /* compensating for the foldedcorner */
}

/* widget-header + icon + label are the same as the quote widget */
.widget-ws2013.contactpersonwidget .widget-header
{
  position: relative;
}
.widget-ws2013.contactpersonwidget .widget-header .icon
{
  position: absolute;
  left: 25px;
  top: 15px;
}
.widget-ws2013.contactpersonwidget .widget-header .label
{
  display: inline-block;
  margin: 0 0px 0 25px;
}

.widget-ws2013.contactpersonwidget .callback
{
  margin: 0 0 15px;
}

.widget-ws2013.contactpersonwidget .callback form
{
  margin:15px 0 15px 0;
  padding:0 44px 0 0;
  display: block;
  position: relative;
}
.widget-ws2013.contactpersonwidget .callback form:after
{
  clear:both;
  content:'';
  display:block;
}
.widget-ws2013.contactpersonwidget .callback input
{
  display: inline-block;
}
.widget-ws2013.contactpersonwidget .callback input[type='text']
{
  width:100%;
}
.widget-ws2013.contactpersonwidget .callback input[type='image']
{
  width:44px;
  height:44px;
  border:0 none;
  position: absolute;
  top: 0;
  right: 0;
}

.widget-ws2013.contactpersonwidget .callbacktext
{
  font-style: italic;
}

.widget-ws2013.contactpersonwidget.callbacksuccess .callbacktext
{
  display: none;
}

.widget-ws2013.contactpersonwidget.callbacksuccess form
{
  display:none;
}
.widget-ws2013.contactpersonwidget .successtext
{
  display:none;
}
.widget-ws2013.contactpersonwidget.callbacksuccess .successtext
{
  display:block;
}

/* ----------------------------------------------------------------------

   Pre-registration widget

*/

.widget-ws2013.preregistrationwidget form input.error
{
  color:red;
  border-color:red;
}

 .widget-ws2013.preregistrationwidget .form-success
,.widget-ws2013.preregistrationwidget .form-error
{
  display:none;
}

 .widget-ws2013.preregistrationwidget div.success form
,.widget-ws2013.preregistrationwidget div.error form
{
  display:none;
}

 .widget-ws2013.preregistrationwidget div.success .form-success
,.widget-ws2013.preregistrationwidget div.error .form-error
{
  display:block;
}



/* ----------------------------------------------------------------------

   Image (download) widget

*/

/* imagewidget, shared with mediafolder's photoalbum page */
.widget-ws2013.imagewidget .imagewidget_image
{
  position: relative;
  height: inherit;
}

.widget-ws2013.imagewidget .imagewidget_image img
{
  display: block;
  width:100%;
  height:auto;
}
.widget-ws2013.imagewidget .imagewidget_image .bottombar
{
  position:absolute;
  height:60px;
  left:0;
  right:0;
  bottom:0;
  display: none;
  background-color: #333333;
  padding: 18px 0 0 18px;
}
.widget-ws2013.imagewidget .imagewidget_image .bottombar .label
{
  text-overflow: ellipsis;
  overflow: hidden;
  font: normal 15px/20px Arial;
  margin-right: 68px;
}

.widget-ws2013.imagewidget .imagewidget_image .bottombar .iconholder
{
  width: 60px;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 22px;
}
.widget-ws2013.imagewidget .imagewidget_image .bottombar .iconholder + iconholder
{
  width: 60px;
  height: 60px;
  position: absolute;
  right: 60px;
  top: 0;
}
.widget-ws2013.imagewidget .imagewidget_image:hover .bottombar
{
  display: block;
}


/* ----------------------------------------------------------------------

   CLEANUP LINE    CLEANUP LINE    CLEANUP LINE   CLEANUP LINE    CLEANUP LINE
   MOVE EVERYTHING YOU MODIFY OR STILL USE ABOVE THIS LINE
   widgets-ws2013 fluid cleanup: 24 july 2014
*/



/* ----------------------------------------------------------------------

   Body kleurenschema

*/

.widget-balk
{
  background-color: #f5faff;
}
.widget-balk-onhover
{
  transition: background-color 0.3s, color 0.3s;
  -webkit-transition: background-color 0.3s, color 0.3s;
}
.widget-balk-onhover:hover
{
  background-color: #ebf0f5;
  color: #ffffff;
}

/* top border outside the widget */
html.scheme1     .bodyblock              { border-top-color: #d7546e; }
html.scheme2     .bodyblock              { border-top-color: #f2a252; }
html.scheme3     .bodyblock              { border-top-color: #78ba71; }

 html.scheme4 .bodyblock
,html.scheme4 .widget-docblock
{
  border-top-color: #4cb4ca;
}
html.scheme5     .bodyblock              { border-top-color: #836ca5; }
html.scheme1     .cta.bodyblock          { border-top-color: #63b1e5; }
html.scheme2     .cta.bodyblock          { border-top-color: #63b1e5; }
html.scheme3     .cta.bodyblock          { border-top-color: #63b1e5; }
html.scheme4     .cta.bodyblock          { border-top-color: #cf0072; }
html.scheme5     .cta.bodyblock          { border-top-color: #cf0072; }

/* inner border colors */
html.scheme1     .bodyblock *            { border-color: #d7546e; }
html.scheme2     .bodyblock *            { border-color: #f2a252; }
html.scheme3     .bodyblock *            { border-color: #78ba71; }
html.scheme4     .bodyblock *            { border-color: #4cb4ca; }
html.scheme5     .bodyblock *            { border-color: #836ca5; }

/* ----------------------------------------------------------------------

   Body - document

*/
div.docblock
{
  border-top-style: solid;
  border-top-width: 3px;
}
div.docblock.wideblock
{
  padding: 45px 25px 35px 25px;
  width: 570px; /* 620px - 25px - 25px */
}

div.docblock.smallblock
{
  padding: 45px 10px 35px 10px;
  width: 280px; /* 300px - 10px - 10px */
}


div.bodyblock .slashpath
{
  font: bold 15px/15px Arial;
  text-transform: uppercase;
}

/*
  Stickerwidget (raw html widget)
*/
div.widget-ws2013.stickerwidget
{
  background: transparent none;
}
div.widget-ws2013.stickerwidget > a
{
  width:300px;
  height:300px;
  background: transparent none 0 0 no-repeat;
  display:block;
  text-transform: uppercase;
  text-decoration: none;
  font: normal 26px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
  text-align: center;
  position:relative;
  color:#333;
}
div.widget-ws2013.stickerwidget > a > img
{
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:300px;
  height:300px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.35s, visibility 0.35s;
  transition: opacity 0.35s, visibility 0.35s;
}
div.widget-ws2013.stickerwidget > a > span.icon
{
  margin-bottom:10px;
}
div.widget-ws2013.stickerwidget > a:hover > img
{
  opacity: 1;
  visibility: visible;
}
div.widget-ws2013.stickerwidget > a > span
{
  display:inline-block;
  position:relative;
  z-index:1;
}
div.widget-ws2013.stickerwidget > a > span.img-arrowright16
{
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.35s, visibility 0.35s;
  transition: opacity 0.35s, visibility 0.35s;
  position:absolute;
  top:269px;
  left:143px;
}
div.widget-ws2013.stickerwidget > a:hover > span.img-arrowright16
{
  opacity: 1;
  visibility: visible;
}


/*
  Rolmodel widget
*/

 .widget-ws2013.rolmodelwidget .widget-listrow
,.widget-ws2013.rolmodelwidget .widget-listrow .iconholder
{
  border-color: #333333;
}


/* ----------------------------------------------------------------------

   Body - educationwidget

*/
div.bodyblock.educationwidget
{
  padding:0;
  height:261px;
  width:300px;
  position:relative;
  background-color: #222222;
}
div.bodyblock.educationwidget .headerimage
{
  width:100%;
  height:65px;
  position:relative;
}
div.bodyblock.educationwidget .headerimage .schemeimg
{
  width:64px;
  height:64px;
  top:16px;
  left:50%;
  margin-left:-32px;
}

div.bodyblock.educationwidget div.h1
{
  font: normal 26px/26px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
  text-transform: uppercase;
  text-align: center;
  padding-top:4px;
  margin: 0 0 10px 0;
  max-height: 26px;
}
div.bodyblock.educationwidget p
{
  text-align:center;
  padding:0 20px;
  color:#f5fafa;
  line-height: 24px;
  max-height: 72px;
}
div.bodyblock.educationwidget a
{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:60px;
  line-height:60px;
  background:#111111;
  border-top:1px solid #333333;
  /*padding-left:25px;*/
  text-decoration: none;
}

div.bodyblock.educationwidget a:hover
{
  background-color:#222222;
}

div.bodyblock.educationwidget .iconholder
{
  border-left:1px solid #333333;
}



div.bodyblock.widget *
{
  border-color: #dce1e6;
}

div.faqblock *
{
  border: 0px solid #dce1e6;
}

html.darkscheme div.bodyblock.widget *
{
  border-color: #222222;
}



/* ----------------------------------------------------------------------

   did you know widget

*/
.widget-ws2013.didyouknowwidget
{
  padding-top: 70px;
}



/* ----------------------------------------------------------------------

   multimedia widget

*/
.widget-ws2013.mediawidget .wh-slideshow-holder:after
{
  padding-top: 45%; /* was: 56.25%; 16:9 ratio */
  display: block;
  content: '';
}
.widget-ws2013.mediawidget .wh-slideshow-holder .wh-slideshow-item
{
  width:100%;
  height:100%;
}

 .widget-ws2013.mediawidget .wh-slideshow-holder .wh-slideshow-item iframe.mediawidgetyoutube
,.widget-ws2013.mediawidget .wh-slideshow-holder .wh-slideshow-item iframe.mediawidgetvimeo
{
  width:100%;
  height:100%;
}
.widget-ws2013.mediawidget .wh-slideshow-holder .wh-slideshow-item > img
{
  width: 100%;
  height: auto;
}
.-wh-slideshow-item[data-type="youtube"]
{
  cursor: pointer;
}

.widget-ws2013.mediawidget .wh-slideshow-holder .wh-slideshow-item .videocontainer
{
  position: absolute;
  left: 0;
  top: 0;
  width:100%;
  height:100%;
}

.widget-ws2013.mediawidget .wh-slideshow-holder .wh-slideshow-item .youtubepostercontainer
{
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}


.widget-ws2013.mediawidget.widget-wide .crop img
{
  position: absolute;
}

.widget-ws2013.mediawidget .playbutton
{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background: transparent url("../img/common/video_play_icon.png") no-repeat scroll top left;
}

.widget-ws2013.mediawidget.widget-wide .description.haslink
{
  border-bottom: 1px dotted #333333;
}
.widget-ws2013.mediawidget.widget-wide .wh-slideshow-holder .jumpbuttons
{
  display: none;
}
.widget-ws2013.mediawidget.widget-wide .navleftright
{
  z-index: 1;
  width: 60px;
  height: 60px;
  background-color: #403f3d;
  position: absolute;
  cursor: pointer;
  top: 110px; /* container height / 2 - this height / 2 = 280/2 - 60/2 */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.35s, visibility 0.35s;
  transition: opacity 0.35s, visibility 0.35s;
}
.widget-ws2013.mediawidget.widget-wide .slideshow:hover .navleftright
{
  opacity: 1;
  visibility: visible;
}
.widget-ws2013.mediawidget.widget-wide .navleftright .buttonimage
{
  display: inline-block;

  /*FIXME*/
  width: 64px;
  height: 64px;
}
.widget-ws2013.mediawidget.widget-wide .navleftright.navleft .buttonimage
{
  left: 0;
  background-image: url('../img/common/16-arrow_left.png');
}
.widget-ws2013.mediawidget.widget-wide .navleftright.navright
{
  right: 0;
  background-image: url('../img/common/16-arrow_right.png');
}
.widget-ws2013.mediawidget.widget-wide .rightarrowblock
{
  float: right;
  /*margin: 0 38px 0 0;*/ /* same margin as .basedata's padding-right */
  line-height: 50px;
  position: relative;
  padding-right:27px;
  width: 593px;
}
.widget-ws2013.mediawidget.widget-wide .rightarrowblock a
{
  font-family: "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
}
.widget-ws2013.mediawidget.widget-wide .rightarrowblock .linklabel
{
  position: absolute;
  right: 65px;
  top: 14px;
  font: 20px/32px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
  text-transform: uppercase;
}
.widget-ws2013.mediawidget.widget-wide .rightarrowblock .iconholder
{
  border: 0;
}
.widget-ws2013.mediawidget.widget-wide .rightarrowblock .iconholder .arrowright16
{
  /*margin-left: 9px;*/
  left: 15px;
  background-image: url("../img/common/24-arrow-right.png");
}
.widget-ws2013.mediawidget.widget-wide .rightarrowblock:hover .iconholder .arrowright16
{
  background-color: transparent !important;
  /*margin-left: 0;*/
}

/* Small block specific
 .widget-ws2013.mediawidget .wh-slideshow-holder
,.widget-ws2013.mediawidget .wh-slideshow-holder .wh-slideshow-item
,.widget-ws2013.mediawidget .wh-slideshow-holder .wh-slideshow-item iframe.mediawidgetyoutube
,.widget-ws2013.mediawidget .wh-slideshow-holder .wh-slideshow-item iframe.mediawidgetvimeo
{
  /* Although the "wide" aspect ratio is 2,21:1, the smaller one is 1.77:1 *
  width: 100%;
  height: 169px;
}
.widget-ws2013.mediawidget .wh-slideshow-holder .wh-slideshow-item img
{
  height:100%;
}
*/

.widget-ws2013.mediawidget .wh-slideshow-holder .jumpbuttons
{
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  background-color: #3d3f40;
  z-index: 1;
  font-size: 0;
  height: 35px;
}

.widget-ws2013.mediawidget .wh-slideshow-item .crop
{
  position: relative;
  width: 300px;
  height: 169px;
  overflow: hidden;
}
.widget-ws2013.mediawidget .wh-slideshow-item .crop img
{
  /* Big image is 620 x 280, our container is 300 x 169.
     So top and left: -(difference/2), e.g. top = -(280-169)/2, left = -(620-300)/2
     */
  position: absolute;
   /* 100% width, just crop height */
  width:100%;
  left: 0;
}



/* quote
.quotewidget
{
  position:relative;
  background-color: transparent;
}
 .quotewidget .wh-slideshow-holder
,.gwidget .wh-slideshow-slidearea
,.quotewidget .wh-slideshow-item
{
  position:relative;
  width:300px;
  min-height:200px;
}
 .quotewidget .wh-slideshow-slidearea
,.quotewidget .wh-slideshow-item
{
  position:absolute;
}
div.quotewidget .jumpbuttons
{
  position: absolute;
  bottom: 20px;
  left: 0;
  width:300px;
  height: 16px;
  z-index: 10;
  font-size: 0;
  text-align: center;
}
div.quotewidget .jumpbuttons .wh-slideshow-jumpbutton
{
  display: inline-block;
  margin: 0 2px;
  position:relative !important;
  background-image: url("../img/common/16-radiobutton.png");
  width:16px;
  height:16px;
}
div.quotewidget .jumpbuttons .wh-slideshow-jumpbutton.wh-slideshow-selected
{
  background-image: url("../img/common/16-radiobutton_active.png");
  background-position: -24px -24px !important;
}

div.quotewidget .jobdescription
{
  position: relative;
  font: 15px/22px Arial;
  color: #fff;

  height: 45px;
  z-index: 5;
}
div.quotewidget .jobdescription .-ut-canexpand .firstline
{
  padding: 12px 50px 10px 60px;
  position:relative;
}
div.quotewidget .jobdescription .firstline div.icon, div.quotewidget .jobdescription .clippedcontent div.icon
{
  position:absolute;
  height:24px;
  width:24px;
  top:10px;
  left:30px;
}
div.quotewidget .jobdescription .firstline div.icon.docent, div.quotewidget .jobdescription .clippedcontent div.icon.docent,
div.quotewidget .jobdescription .firstline div.icon.student, div.quotewidget .jobdescription .clippedcontent div.icon.student
{
  background-image: url(../img/common/24-koffer.png);
}
div.quotewidget .jobdescription .firstline div.icon.alumni, div.quotewidget .jobdescription .clippedcontent div.icon.alumni
{
  background-image: url(../img/common/24-alumni.png);
}
div.quotewidget .jobdescription .clippedcontent
{
  position:relative;
}
div.quotewidget .jobdescription .clippedcontenthead
{
  padding:12px 50px 10px 60px;
  position:relative;
}
div.quotewidget .jobdescription .clippedcontent .details
{
  padding:10px 50px 0 60px;
}
div.quotewidget .jobdescription .clippedcontent .details a
{
  margin-top:10px;
  display:inline-block;
  position:relative;
  color:#fff;
}
div.quotewidget .jobdescription .clippedcontent .details a.linkedin > span
{
  background-image: url(../img/common/16-linkedinklein.png);
}
div.quotewidget .jobdescription .clippedcontent .details a.facebook > span
{
  background-image: url(../img/common/16-facebookklein.png);
}
div.quotewidget .jobdescription .clippedcontent .details a.verhaal > span
{
  background-image: url(../img/common/24-verhaal.png);
  width:24px;
  height:24px;
  top:0px;
  left:-34px;
}
div.quotewidget .jobdescription .clippedcontent .details a > span
{
  display:inline-block;
  position:absolute;
  width:16px;
  height:16px;
  top:3px;
  left:-30px;
}
div.quotewidget .jobdescription .-ut-canexpand .firstline
{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
div.quotewidget .jobdescription .-ut-canexpand .-ut-expand-clipper
{
  position: absolute;
  left: 0;
  right: 0;
  top:0;
}
.quotewidget .expandindicator
{
  position: absolute;
  right: -3px;
  top: -8px;
  width:16px;
  height:16px;
}
.quotewidget .expandindicator.arrowdown16
{
  display:block;
}
.quotewidget .expandindicator.arrowup16
{
  display:none;
}
.quotewidget .-ut-expanded .expandindicator.arrowdown16
{
  display:none;
}
.quotewidget .-ut-expanded .expandindicator.arrowup16
{
  display:block;
}
.quotewidget .wh-slideshow-item > div
{
  margin-right:32px;
}
.quotewidget .wh-slideshow-item > div + div
{
  margin:0;
}
 .quotewidget .fromphoto .outfillright
,.quotewidget .fromphoto
{
  background-color:#f5faff;
}
.quotewidget .fromphoto
{
  min-height:171px;
}

.quotewidget .fromphoto, .quotewidget .quote
{
  position:relative;
}
.quotewidget .outfillright
{
  position:absolute;
  z-index:1;
  top:32px;
  bottom:0;
  right:-32px;
  width:32px;
}
.quotewidget .wh-slideshow-item div + div .outfillright
{
  display:none;
  right:0;
}

.quotewidget .fromphoto .photoholder
{
  position:relative;
  width:96px;
  height:96px;
  padding:8px;
  margin-left:101px;
}
.quotewidget .fromphoto div.photo
{
  top:20px;
  width:80px;
  height:80px;
  background-position: 50% 50%;
  position:relative;
}
.quotewidget .fromphoto.fullwidth
{
  background-image: url(../img/common/no-portrait-full.png);
}
.quotewidget .fromphoto.fullwidth div.outfillright
{
  background-position: -269px -32px;
}
.quotewidget .fromphoto.fullwidth div.photo
{
  background-position: 0 0;
  background-size: no-repeat;
  top:0;
  width:268px;
  height:171px;
}
.quotewidget .fromphoto div.photo div.mask
{
  position:absolute;
  top:-8px;
  left:-8px;
  width:96px;
  height:96px;
  background: transparent url(../img/common/mask-person-corp.png) 0 0 no-repeat;
}
.quotewidget .fromphoto .h1
{
  position:relative;
  padding:12px 0 10px 15px;
  width:270px;
  text-align: center;
  font: 20px/20px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
  text-transform: uppercase;
  z-index:9;
}
.quotewidget .fromphoto .h1 small
{
  font: 16px/17px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
  text-transform:none;
  display:block;
  margin-top:0px;
}
.quotewidget div + div.quote
{
  padding:30px 35px 60px 35px;
  height:160px;
}
.quotewidget div.quote
{
  padding:58px 0 60px 35px;
}
.quotewidget div.quote.nophoto
{
  height:348px;
}
.quotewidget div.quote p
{
  padding:0;
  margin:0;
  display:inline-block;
  text-transform: uppercase;
  font-size: 26px;
  line-height:101%;
  font-family: "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
  color:#fff;
}
.quotewidget .quote small
{
  text-transform: none;
  font-size:80%;
  line-height:80%;
  display:block;
  padding-top:6px;
}
.quotewidget .quote p span.quote
{
  font-size: 185%;
  line-height:5%;
  width:15px;
  position:relative;
  margin-left:-20px;
  display:inline-block;
  top:14px;
}
.quotewidget .quote p span.quote ~ span.quote
{
  margin-left:-5px;
}

 html.scheme1 .quotewidget .quote p span
,html.scheme1 .quotewidget .quote p small
{
  color:#c60c30;
}
 html.scheme2 .quotewidget .quote p span
,html.scheme2 .quotewidget .quote p small
{
  color:#ec7a08;
}
 html.scheme3 .quotewidget .quote p span
,html.scheme3 .quotewidget .quote p small
{
  color:#3f9c35;
}
 html.scheme4 .quotewidget .quote p span
,html.scheme4 .quotewidget .quote p small
{
  color:#0094b3;
}
 html.scheme5 .quotewidget .quote p span
,html.scheme5 .quotewidget .quote p small
{
  color:#4f2d7f;
}

*/

/* ----------------------------------------------------------------------

   phonedirectory widget

*/
.widget-ws2013.phonedirectorywidget form
{
  padding: 0 25px 25px 25px;
}
.widget-ws2013.phonedirectorywidget form fieldset
{
  display:block;
  position:relative;
  margin:0;
  padding:0;
  border:1px solid #dce1e6;
  height:43px;
  width:100%;
}
.widget-ws2013.phonedirectorywidget form input[type="reset"]
{
  position:absolute;
  right:50px;
  top:14px;
}
.widget-ws2013.phonedirectorywidget form input[type="text"]
{
  height:100%;
  line-height:21px !important;
  color:#777;
  padding:11px 70px 11px 11px !important;
  border:0 none !important;
  width: 100%;
}
.widget-ws2013.phonedirectorywidget form .imagecontainer
{
  position:absolute;
  right:0px;
  top:0px;
  width: 45px;
  height:44px;
}
.widget-ws2013.phonedirectorywidget form input[type="image"] /* the search button */
{
  position:absolute;
  left:14px;
  top:14px;
  display:inline-block;
  width:16px;
  height:16px;
}

/* small googlemaps widget*/
.widget-ws2013.locationmapwidget .mapandoverlayholder
{
  position:relative;
}
.widget-ws2013.locationmapwidget .mapandoverlayholder:after
{
  content:"";
  padding-top:54%; /* aspect ratio 162:300 */
  display:block;
}
  .widget-ws2013.locationmapwidget div.overlay
, .widget-ws2013.locationmapwidget div.smallmap
{
  position:absolute;
  width: 100%;
  height: 100%;
}
  .widget-ws2013.locationmapwidget div.smallmap > div /*the actual google map container. split because it sets itself to relative position */
, .widget-ws2013.locationmapwidget div.overlay > img /*the overlay photo*/
{
  width: 100%;
  height: 100%;
}
.widget-ws2013.locationmapwidget div.smallmap
{
  overflow: hidden;
}
  .widget-ws2013.locationmapwidget div.marker
, .widget-ws2013.locationmapwidget div.photo
{
  position:absolute;
  padding:25px 0 0 25px;
  right:0;
  bottom:0;
  width:60px;
  height:60px;
  cursor:pointer;
  z-index:5;
}
.widget-ws2013.locationmapwidget div.photo
{
  background-image: url(../img/common/16-fotos.png);
}

html.scheme1 .locationmapwidget .marker,
html.scheme1 .locationmapwidget .photo { background-color: #d7546e; }
html.scheme2 .locationmapwidget .marker,
html.scheme2 .locationmapwidget .photo { background-color: #f2a252; }
html.scheme3 .locationmapwidget .marker,
html.scheme3 .locationmapwidget .photo { background-color: #78ba71; }
html.scheme4 .locationmapwidget .marker,
html.scheme4 .locationmapwidget .photo { background-color: #4cb4ca; }
html.scheme5 .locationmapwidget .marker,
html.scheme5 .locationmapwidget .photo { background-color: #836ca5; }

.widget-ws2013.locationmapwidget div.bottombar
{
  border-top-width:3px;
  background-color: #fff;
  width:300px;
  min-height:60px;
  z-index:2;
}
.widget-ws2013.locationmapwidget div.bottombar div.details
{
  padding:20px 25px;
}
.widget-ws2013.locationmapwidget div.details .h1
{
  font: normal 20px/20px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
  text-transform: uppercase;
}
.widget-ws2013.locationmapwidget div.details .address
{
  font: normal 20px/20px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
  text-transform: uppercase;
}
.widget-ws2013.locationmapwidget div.bottombar div.contact
{
  font:15px/21px Arial;
  margin-top:15px;
}
.widget-ws2013.locationmapwidget div.details a.email
{
  text-decoration: none;
}
.widget-ws2013.locationmapwidget div.bottombar a.download
{
  display:block;
  width:205px;
  height:19px;
  border-top:1px solid #dce1e6;
  background-color: #f5faff;
  position:relative;
  text-decoration: none;
  font: 15px/19px Arial;
  color:#333;
  padding:20px 70px 20px 25px;
}
.widget-ws2013.locationmapwidget div.bottombar a.download span.icon
{
  display:block;
  position:absolute;
  right:0;
  top:0;
  width:59px;
  height:59px;
  border-left:1px solid #dce1e6;
}
.widget-ws2013.locationmapwidget div.bottombar a.download span.icon > span
{
  display:block;
  margin:13px 0 0 10px;
  width:45px;
  height:45px;
  background: transparent url(../img/common/32-pdf.png) no-repeat;
}

/* issuu widget */
.issuuwidget
{
  background-color: white;
  padding-bottom:40px;
}
.widget-ws2013.issuuwidget:after
{
  content:"";
  display:block;
  clear:both;
}
.widget-ws2013.issuuwidget > div.issuuembed
{
  width:100%;
  overflow:hidden;
}
.widget-ws2013.issuuwidget > div.issuuembed > div > div:first-child
{
  height:100% !important;
}
.widget-ws2013.issuuwidget > div.issuuembed > div + div
{
  display:none;
}


/* chat widget */
.chatwidget > img:first-child
{
  display:block;
}
.chatwidget .header /* = .issuewidget .header */
{
  border-top:3px solid;
  padding:10px 27px 15px;
  margin:0;
  background-color: white;
}
div.bodyblock.chatwidget div.widgettitle
{
  font-size:26px;
  line-height:26px
}
div.bodyblock.smallblock.chatwidget .basedata .description  /* = div.bodyblock.smallblock.mediawidget .basedata .description  */
{
  margin: 6px 0 0 0;
  line-height: 16px;
}
div.bodyblock.chatwidget .widgetbottomlinkholder
{
  min-height:60px; /*reserve chat button space*/
}
div.bodyblock.chatwidget .rightarrowblock /* = div.bodyblock.linkswidget .rightarrowrblock */
{
  border-top-width: 1px;
  background-color: #f5faff;
  cursor:pointer;
}
div.bodyblock.chatwidget .rightarrowblock:hover /* = div.bodyblock.linkswidget .rightarrowrblock */
{
  background-color:#ffffff;
}





.justifiedmediagrid
{
  margin-left: 20px;
}


.-ut-canexpand
{

}

.-ut-toggle-expand
{
  cursor: pointer;
}

.-ut-canexpand .-ut-isexpanded
{
  display: none;
}
.-ut-canexpand.-ut-expanded .-ut-isexpanded
{
  display: block;
}

.-ut-canexpand .-ut-isclosed
{
  display: block;
}
.-ut-canexpand.-ut-expanded .-ut-isclosed
{
  display: none;
}

.-ut-expand-clipper
{
  overflow: hidden;
}

.-ut-canexpand .-ut-expand-clipper
{
  height: 0;
}

.-ut-canexpand.-ut-expanded .-ut-expand-clipper
{
  height: auto;
}



.wh-facebook-widget > div,
.wh-twitter-widget > div
{
  position: relative;
  padding: 10px 0 10px 0;
  overflow: hidden;
}
.wh-socialwidget-avatar
{
  position: absolute;
  left: 0;
  top: 10px;
}
.wh-socialwidget-text
{
  display: block;
  padding-left: 63px; /* 48 + 15 */
}
.wh-socialwidget-timepassed
{
  display: inline-block;
  margin-top: 5px;
  padding-left: 63px; /* 48 + 15 */
  font-size: 80%;
}
.wh-socialwidget-retweetlink
{
  margin-left: 20px;
  font-size: 80%;
}
.wh-socialwidget-replylink
{
  margin-left: 6px;
  font-size: 80%;
}



.contactfacewidget
{
  height:213px;
  width:100%;
}
.contactfacewidget:after
{
  clear:both;
  display:block;
  content:'';
}
  .contactfacewidget > .frontside
, .contactfacewidget > .backside
{
  width:50%;
  height:100%;
  background:#f5faff;
  overflow: hidden;
  position:relative;
}
.contactfacewidget > .centerline
{
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  height:100%;
  width:3px;
}
.contactfacewidget.odd > .centerline
{
  left:auto;
  right:50%;
}
.contactfacewidget .frontside
{
  display:block;
}
.contactfacewidget .backside
{
  display:none;
}
.contactfacewidget.active > .frontside
{
  display:none;
}
.contactfacewidget.active > .backside
{
  display:block;
}
.contactfacewidget > .face
{
  float:left;
  height:195px;
  padding-top:35px;
}
.contactfacewidget > .keywords
{
  float:left;
  height:195px;
}
  .contactfacewidget > .summary
, .contactfacewidget > .contact
{
  float:right;
  color:#fff;
}

  .contactfacewidget.odd > .face
, .contactfacewidget.odd > .keywords
{
  float:right;
}
  .contactfacewidget.odd > .summary
, .contactfacewidget.odd > .contact
{
  float:left;
}
.contactfacewidget .centerwrapper
{
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  width:310px;
  height:213px;
}
.contactfacewidget .close
{
  position: absolute;
  top:25px;
  right:25px;
  width:24px;
  height:24px; /* FIXME: asset 24-close.png is missing ?? */
  background: transparent url(../img/common/closesmall.png) 0 0 no-repeat;
  cursor:pointer;
}
.contactfacewidget .info
{
  position: absolute;
  top:25px;
  right:25px;
  cursor:pointer;
}
.contactfacewidget .photo
{
  margin: 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
  position:relative;
  width:96px;
  background-color: #ddd;
  height:96px;
}
.contactfacewidget .photo > .mask
{
  width:96px;
  height:96px;
  background: transparent url(../img/common/mask-person-corp.png) 0 0 no-repeat;
}
.contactfacewidget h1
{
  margin:10px 15px;
  font: 20px/20px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
  color:#333;
  text-transform: uppercase;
  text-align: center;
}
.contactfacewidget h1 small
{
  text-transform: none;
  font: 16px/16px;
}
.contactfacewidget .function
{
  position:relative;
  padding: 30px 50px 10px 60px;
  line-height:24px;
}
.contactfacewidget p
{
  margin:0;
  padding:0 20px 15px 35px;
}
.contactfacewidget .title
{
  padding:25px 20px 15px 35px;
  font-size:16px;
}
.contactfacewidget .function .icon
{
  position: absolute;
  display:block;
  top:30px;
  left:30px;
}
  .contactfacewidget .contact .email
, .contactfacewidget .contact .phone
, .contactfacewidget .contact .location
, .contactfacewidget .contact .linkedin
{
  display:block;
  margin: 0 50px 0 60px;
  color:#fff;
  position:relative;
}
.contactfacewidget .contact .email
{
  margin:25px 50px 20px 37px;
  padding-left:23px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
}
.contactfacewidget .contact .linkedin
{
  margin-top:10px;
}
.contactfacewidget .contact .icon
{
  position: absolute;
  top:5px;
  left:-23px;
  display:block;
}
.contactfacewidget .contact .email .icon
{
  left:0;
  top:3px;
}

html.fluid-design .contactfacewidget
{
  height:auto;
}

  html.fluid-design .contactfacewidget > .face
, html.fluid-design .contactfacewidget > .keywords
, html.fluid-design .contactfacewidget > .contact
, html.fluid-design .contactfacewidget > .summary
{
  float:none;
}
html.fluid-design .contactfacewidget .centerline
{
  display:none;
}
  html.fluid-design .contactfacewidget > .frontside
, html.fluid-design .contactfacewidget > .backside
{
  width:auto;
  height:auto;
  overflow:visible;
}
  html.fluid-design .contactfacewidget > .frontside.face
{
  height:160px;
}
  html.fluid-design .contactfacewidget > .summary.frontside
, html.fluid-design .contactfacewidget > .contact.backside
{
  height:240px;
}
/* we need the .summary to retain height as we're absolute-positioning .contact it */
html.fluid-design .contactfacewidget.active > .frontside
{
  display:block;
}
html.fluid-design .contactfacewidget > .contact.backside
{
  position: absolute;
  left:0;
  right:0;
  bottom:0;
}
html.fluid-design .contactfacewidget > .keywords.backside
{
  position: absolute;
  top:0;
  left:0;
  right:0;
  height:195px;
}


html.fluid-design .contactfacewidget .centerwrapper
{
  display: block;
  padding: 0 5px;
  height: auto;
  width: auto;
}

.contactfacesearchwidget
{
  background-color: #fff;
  margin-top:-20px;
  border-top:1px solid #dce1e6;
}
.contactfacesearchwidget form
{
  position:relative;
  margin:40px 25px 30px;
  padding:0;
}
.contactfacesearchwidget .wh-pulldown
{
  width:248px;
  float:left;
}
html.scheme1 .contactfacesearchwidget .wh-pulldown .wh-pulldown-arrow
{
  background-position: -9px -266px;
}
html.scheme2 .contactfacesearchwidget .wh-pulldown .wh-pulldown-arrow
{
  background-position: -9px -458px;
}
html.scheme3 .contactfacesearchwidget .wh-pulldown .wh-pulldown-arrow
{
  background-position: -9px -650px;
}
html.scheme4 .contactfacesearchwidget .wh-pulldown .wh-pulldown-arrow
{
  background-position: -9px -842px;
}
html.scheme5 .contactfacesearchwidget .wh-pulldown .wh-pulldown-arrow
{
  background-position: -9px -1034px;
}

  .contactfacesearchwidget .functionsearchfield
, .contactfacesearchwidget .keywordsearchfield
{
  width:248px;
  margin:10px 0 0 0;
  float:left;
  position:relative;
}
.contactfacesearchwidget .keywordsearchfield input[type='search']
{
  width:204px;
}
html.fluid-design .contactfacesearchwidget input[type='search']
{
  float:none;
  margin:20px 0 0;
}
.contactfacesearchwidget .erase
{
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 180px;
  top: 16px;
  background: transparent url(../img/common/16-roundclose.png) -24px -216px;
  cursor: pointer;
}
.contactfacesearchwidget input[type='image']
{
  width:46px;
  height:45px;
  padding:14px 15px 15px 14px;
  position:absolute;
  bottom:0;
  right:0;
}
.contactfacesearchwidget .centerline
{
  float:left;
  display:block;
  border-left:1px solid #dce1e6;
  height:25px;
  width:1px;
  margin:20px 36px 0;
}
html.fluid-design .contactfacesearchwidget .centerline
{
  display:none;
}
  html.fluid-design  .contactfacesearchwidget .functionsearchfield
, html.fluid-design .contactfacesearchwidget .keywordsearchfield
{
  float:none;
  display:block;
}



/* ----------------------------------------------------------------------

   submenu widget

*/
.alumnihealthquotewidget  > .image
{
  width:300px;
  height:250px;
  position:relative;
  float:left;
}
.alumnihealthquotewidget.odd  > .image
{
  float:right;
}
.alumnihealthquotewidget  > .image > img
{
  vertical-align: bottom;
}
.alumnihealthquotewidget  > .image > .from
{
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  text-align: center;
  color: #fff;
}
.alumnihealthquotewidget  > .image > .from .prefix
{
  font-size: 16px;
  text-shadow: 0 0 3px rgba(0,0,0,0.8);
}
.alumnihealthquotewidget  > .image > .from .fullname
{
  text-transform: uppercase;
  font: normal 20px/22px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
  text-shadow: 0 0 3px rgba(0,0,0,0.8);
}
.alumnihealthquotewidget > .content
{
  float:right;
  width:270px;
  padding:15px;
  max-height:250px;
  overflow: hidden;
}
.alumnihealthquotewidget.odd > .content
{
  float:left;
}
.alumnihealthquotewidget > .content p
{
  height:220px;
  vertical-align: middle;
  display: table-cell;
  font: 21px/23px "LinotypeUniversW02-Cn","Arial Narrow",Arial;
  margin: 0 0 15px 0px;
  padding-left: 15px;
  text-transform: uppercase;
}

.alumnihealthquotewidget > .content p span
{
  display: inline-block;
  font-size: 38px;
  line-height: 23px;
  top: 6px;
  position:relative;
  vertical-align: bottom;
}
.alumnihealthquotewidget > .content p span.startquote
{
  margin-left: -16px;
  width:16px;
}
.alumnihealthquotewidget > .content p span.endquote
{
  margin-left: 5px;
}
.alumnihealthquotewidget > .content a
{
   text-transform: none;
  font: 15px/18px Arial,Helvetica,Sans-Serif;
}
  html.fluid-design .alumnihealthquotewidget > .content
, html.fluid-design .alumnihealthquotewidget > .image
{
  float:none;
  width:auto;
  height:auto;
}
html.fluid-design .alumnihealthquotewidget > .image > img
{
  width:100%;
}

/* ----------------------------------------------------------------------

   likebox widget

*/
.likeboxwidget
{
  overflow:hidden;
}
.likeboxwidget iframe
{
  display:block;
  width:295px;
  height:208px;
  overflow:hidden;
  margin:0 auto;
}