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

   Brochure download widget

*/
.widget-ws2013.educationbrochurewidget form
{
  margin:0;
  padding:30px 27px;
}

 .widget-ws2013.educationbrochurewidget form input + input
,.widget-ws2013.educationbrochurewidget form .wh-pulldown + input
{
  margin-top:10px;
}



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

   studyroute widget

*/
.widget-ws2013.studyroutewidget .widget-header
{
  text-align: center;
}
.widget-ws2013.studyroutewidget .widget-header .si-w32
{
  position:relative;
  margin:0 auto;
  background-image: url('../img/common/32-studie-route.png');
}
.widget-ws2013.studyroutewidget .widget-subtitle
{
  font: bold 15px/15px Arial;
}
.widget-ws2013.studyroutewidget .widget-subtitle span
{
  text-transform: uppercase;
}
.widget-ws2013.studyroutewidget .total
{
  font: 20px/20px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
  text-transform: uppercase;
  padding:19px 25px;
}
.widget-ws2013.studyroutewidget .wh-scrollableview
{
  height:236px;
}
.widget-ws2013.studyroutewidget .deficientie
{
  text-align: center;
  font: 15px/24px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
}



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

   Study info widget
   - in study finder
   - on programme-specific landing pages
   - both BSc and MSc
   - and MSc specialisations
*/
.widget-ws2013.studyinfowidget a
{
  text-decoration: none;
  position: relative;
  display: block;
}
.widget-ws2013.studyinfowidget.studyfinder
{
  height: 530px;
}
.widget-ws2013.studyinfowidget.studyfinder .widget-header
{
  min-height: 85px;
}

.widget-ws2013.studyinfowidget .foldout .widget-header
{
  min-height: 0px;
}

.widget-ws2013.studyinfowidget .slashlabel .label
{
  margin: 0 7px 0 8px;
  display: inline-block;
  vertical-align: middle;
}
.widget-ws2013.studyinfowidget .slashlabel .icon
{
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}

/* these are the icons DD, JD and SP underneath the name of the master in the studyfinder studyinfo widget */
.widget-ws2013.studyinfowidget .widget-header .widgetspecializations
{
  display: inline-block;
  position:relative;
  text-transform: lowercase;
}
.widget-ws2013.studyinfowidget .widget-header .widgetspecializations .icon
{
  display: inline-block;
  vertical-align: bottom;
}
.widget-ws2013.studyinfowidget .widget-header .widgetspecializations .count
{
  margin: 0 0 0 7px;
  vertical-align: bottom;
}


.widget-ws2013.studyinfowidget.studyfinder .foldout_holder
{
  bottom: 0;
  display: none;
  left: -10px;
  right: -10px;
  position: absolute;
  z-index: 5;
  min-width: 100%;
}
.widget-ws2013.studyinfowidget.studyfinder .foldout_holder .foldout
{
  position:absolute;
  width:960px;
  top:20px;
  left: 0;
  padding:40px 0 20px;
}
html.col2 .widget-ws2013.studyinfowidget.studyfinder .foldout_holder .foldout
{
  width: 640px;
}
html.fluid-design .widget-ws2013.studyinfowidget.studyfinder .foldout_holder .foldout
{
  width: 100%;
}

.widget-ws2013.studyinfowidget.studyfinder .foldout_holder .foldout:after
{
  clear:both;
  display:block;
  content:'';
}
.widget-ws2013.studyinfowidget.studyfinder .foldout_holder > a
{
  visibility: hidden;
  position: relative;
  top:-385px;
}
.widget-ws2013.studyinfowidget.studyfinder .foldout_holder .arrow
{
  position:absolute;
  top:10px;
  left:140px;
  width:0;
  height:0;
  border-bottom:10px solid;
  border-left:10px solid transparent !important;
  border-right:10px solid transparent !important;
}

.widget-ws2013.studyinfowidget.studyfinder .foldout_holder .ut-closefoldout
{
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.widget-ws2013.studyinfowidget.studyfinder.foldout_active .foldout_holder
{
  display: block;
}

.widget-ws2013.studyinfowidget.studyfinder .foldout_holder .foldout .studyinfowidget
{
  width:300px;
  position: relative;
  float: left;
  margin: 0 10px 20px;
  height: 360px;
}
html.fluid-design .widget-ws2013.studyinfowidget.studyfinder .foldout_holder .foldout .studyinfowidget
{
  width: auto;
  margin-right: 10px;
}

.widget-ws2013.studyinfowidget.studyfinder .widget-3columnfooter
{
  position: absolute;
  width: 100%;
  height: 63px;
  bottom: 0;
}

.widget-ws2013.studyinfowidget.studyfinder .widget-3columnfooter > div
{
  height: 63px;
}




.widget-ws2013.studyinfowidget .widget-3columnfooter .languages
{
  text-transform: uppercase;
  line-height: 13px;
}

/* honours and top programmes */
.widget-ws2013.studyinfowidget .honoursholder
{
  padding: 0 25px;
}

.widget-ws2013.studyinfowidget .honours
{
  border-bottom: 1px solid black;
  line-height: 60px;
}
.widget-ws2013.studyinfowidget .honours > *
{
  display: inline-block;
  vertical-align: middle;
}
.widget-ws2013.studyinfowidget .honours .icon
{
  width: 32px;
  height: 32px;
}

.widget-ws2013.studyinfowidget .honours .label
{
  text-transform: uppercase;
  font: 16px/18px "LinotypeUniversW02-Cn","Arial Narrow",Arial;
}

/* additional info */
.widget-ws2013.studyinfowidget .info
{
  padding: 13px 25px 0px 25px;
}

.widget-ws2013.studyinfowidget .info .content
{
  border-bottom: 1px solid #EBF0F5;
  padding: 0 0 15px 20px;
  position: relative;
  font-size: 12px;
}
.widget-ws2013.studyinfowidget .info .icon
{
  position: absolute;
  left: 0px;
  top: 2px;
}

.widget-ws2013.studyinfowidget .info .content .label
{
  text-transform: uppercase;
  font: 16px/18px "LinotypeUniversW02-Cn","Arial Narrow",Arial;
}

/* top right "star" in the studyfinder widget */
.widget-ws2013 .toprightstar
{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 45px;
  height:45px;
  background-image: url("../img/widgets/hasaward.png");
  background-repeat: no-repeat;
}



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

   Studyfinder widget for institutes

*/

.widget-ws2013.instituteresearchwidget .ut-togglefoldout
{
  display: block;
  width: 100%;
  height: 100%;
}
.widget-ws2013.instituteresearchwidget
{
  background-color: #333333;
}
.widget-ws2013.instituteresearchwidget .envelope-header
{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.widget-ws2013.instituteresearchwidget .envelope-header img
{
  position: absolute;
  display: block;
}
.widget-ws2013.instituteresearchwidget .envelope-header > .left
{
  top: 0;
  left: 0;
  height: 87px;
  width: 50px;
}
.widget-ws2013.instituteresearchwidget .envelope-header > .center
{
  position: absolute;
  top: 0;
  left: 50px;
  right: 50px;
  height: 87px;
}
.widget-ws2013.instituteresearchwidget .envelope-header > .btns
{
  width: 51px;
  height: 145px;
  top: 6px;
  left: 50%;
  margin-left: -26px;
}
.widget-ws2013.instituteresearchwidget .envelope-header > .center > img
{
  top: 0;
  left: 0;
  right: 0;
  height: 87px;
  width: 100%;
}
.widget-ws2013.instituteresearchwidget .envelope-header > .right
{
  top: 0;
  right: 0;
  height: 87px;
  width: 50px;
}

  .widget-ws2013.instituteresearchwidget.foldout_active .envelope-header.closed
, .widget-ws2013.instituteresearchwidget .envelope-header.open
{
  display: none;
}
.widget-ws2013.instituteresearchwidget.foldout_active .envelope-header.open
{
  display: block;
}

.widget-ws2013.instituteresearchwidget .envelope-header > .shadow
{
  top:0;
  left:0;
  right: 0;
  height: 312px;
  width: 100%;
}
.widget-ws2013.instituteresearchwidget.foldout_active .envelope-header.open
{
  display: block;
}

.widget-ws2013.instituteresearchwidget .envelope-bottom
{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 25px;
}
.widget-ws2013.instituteresearchwidget .envelope-bottom img
{
  position: absolute;
  display: block;
}
.widget-ws2013.instituteresearchwidget .envelope-bottom > .left
{
  bottom: 0;
  left: 0;
  height: 25px;
  width: 50px;
}
.widget-ws2013.instituteresearchwidget .envelope-bottom > .center
{
  position: absolute;
  bottom: 0;
  left: 50px;
  right: 50px;
  height: 25px;
  background-color: #6b6b6b;
}
.widget-ws2013.instituteresearchwidget .envelope-bottom > .center > img
{
  bottom: 0;
  left: 0;
  right: 0;
  height: 25px;
  width: 100%;
}
.widget-ws2013.instituteresearchwidget .envelope-bottom > .right
{
  bottom: 0;
  right: 0;
  height: 25px;
  width: 50px;
}

.widget-ws2013.instituteresearchwidgetxx:after
{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  width: 100%;
  height: 25px;
  background: transparent url("../img/widgets/folder_bottom.png") no-repeat scroll top left;
}

.widget-ws2013.instituteresearchwidget .institutedescription
{
  position: absolute;
  left: 26px;
  top: 197px;
  right: 26px;
}

.widget-ws2013.instituteresearchwidget .institutecode
{
  font: 32px/100% "LinotypeUniversW02-Cn", "Arial Narrow",Arial,Helvetica,Sans-serif;
}

.widget-ws2013.instituteresearchwidget .institutename
{
  margin-top: 4px;
  padding-top: 4px;
  font: normal 20px/22px "LinotypeUniversW02-Cn", "Arial Narrow", Arial;
  text-transform: uppercase;
}

.widget-ws2013.instituteresearchwidget .meta
{
  position: absolute;
  left: 25px;
  bottom: 40px;
  font-size: 12px;
  line-height: 30px;
}

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


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

   Education programme widget
   => Vlaai: This is the completely custom black thingy that's never used anyway afaik

*/

.widget-ws2013.educationwidget
{
  background-color: #222222;
  height: 261px;
  padding: 0;
}

.widget-ws2013.educationwidget .headerimage
{
  height: 65px;
  position: relative;
  width: 100%;
}
.widget-ws2013.educationwidget .headerimage .icon
{
  left: 50%;
  margin-left: -16px;
  top: 32px;
  position: absolute;
}
.widget-ws2013.educationwidget div.h1
{
  font: 26px/26px "LinotypeUniversW02-Cn","Arial Narrow",Arial;
  margin: 0 0 10px;
  max-height: 26px;
  padding-top: 4px;
  text-align: center;
  text-transform: uppercase;
}

.widget-ws2013.educationwidget p
{
  text-align: center;
}

.widget-ws2013.educationwidget .widget-listrow
{
  background: none repeat scroll 0 0 #111111;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-decoration: none;
  border-color:#333333;
}
.widget-ws2013.educationwidget .widget-listrow .iconholder
{
  border-color:#333333;
}



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

   Educationquicklinks widget (PLD only)

*/
.widget-ws2013.educationquicklinks .widget-listrow .label
{
    text-transform: uppercase;
    font: 20px/58px "LinotypeUniversW02-Cn","Arial Narrow",Arial;
    padding-top: 0;
    padding-bottom: 0;
}




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

   Studyfinder filter widget

*/

/*.widget-ws2013.studyinfofilterwidget*/
.widget-ws2013.filterwidget
{
  color:#333333;
  background-color: #dce1e6;
  height:530px;
  overflow:hidden;
}
.widget-ws2013.filterwidget form
{
  position:relative;
  padding:10px 27px 15px;
  margin:0;
  border-color: #f5faff;
}
.widget-ws2013.filterwidget .reset /* .studyinfofilterwidget_reset */
{
  margin-top: 10px;
  text-align: right;
  cursor: pointer;
}
