@import url(text.css);
/*******************************************************************************
 * Element defaults
 ******************************************************************************/
img { border: 0; }
button, input, select, textarea { font: 12px/20px verdana, sans-serif; }
a.button, div.button, button { background: #ebedec url(../images/button_background.png); border: 1px solid #DBDDDE; color: #4D545C; cursor: pointer; font-size: 12px; line-height: 20px; margin: 0; padding: 3px 10px; text-align: center; text-decoration: none; }
a:active, a:focus { outline: none; }
button { height: 28px; }
button::-moz-focus-inner { border: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { font-weight: bold; }

div.button label { cursor: pointer; font-weight: normal; }
div.button input[type=checkbox] { margin-right: 4px; }

/*******************************************************************************
 * Shared classes
 ******************************************************************************/
table.captcha { border-collapse: collapse; border: 0; }
table.captcha img.captcha { border: 1px solid #908F8F; }
table.captcha td { margin: 0; padding: 0; vertical-align: top; }
table.captcha td.captcha { width: 170px; }
table.captcha ul.captcha { list-style: none; margin: 0 0 0 4px; padding: 0; }
table.captcha ul.captcha li { border: 0; margin: 0; padding: 0; }
table.captcha ul.captcha a { font-size: 11px; }
 
img.contenttype { position: absolute; left: 8px; top: 10px; }
img.cg_icon { float: right; padding: 0 8px 8px 0; width: 50px; height: 25px; }
img.cg_icon_results { width: 50px; height: 25px; }

a.close { background: url(../images/close.gif) no-repeat; cursor: pointer; height: 16px; position: absolute; right: 4px; top: 4px; width: 16px; }
a.lomTitle { font-weight: bold; }

div.inactive { cursor: default; }

.lomProperty { font: 11px/20px verdana,sans-serif; }

.actions { overflow: hidden; zoom: 1; }
.heading { border-bottom: 1px solid #DBDDDE; margin-bottom: 10px; }
.heading h2 { margin: 0; padding-bottom: 7px; }
.hidden { display: none; }
.not_visible { visibility: hidden; }
.highlight { background: #f5f6f6; padding: 10px; }
.note { font-size: 11px; line-height: 1.2em; }
.warn { font-size: 11px; }
.plain { list-style: none; margin: 0; padding: 0; }
.horizontal { overflow: auto; zoom: 1; }
.horizontal li { float: left; }

.rating { background: url(../images/bigstars.gif) no-repeat; height: 25px; text-indent: -4000em; width: 125px; font-size: 1px; line-height: 1px; }
.rating.score_0_0 { background-position: 0 -250px; }
.rating.score_0_5 { background-position: 0 -225px; }
.rating.score_1_0 { background-position: 0 -200px; }
.rating.score_1_5 { background-position: 0 -175px; }
.rating.score_2_0 { background-position: 0 -150px; }
.rating.score_2_5 { background-position: 0 -125px; }
.rating.score_3_0 { background-position: 0 -100px; }
.rating.score_3_5 { background-position: 0 -75px; }
.rating.score_4_0 { background-position: 0 -50px; }
.rating.score_4_5 { background-position: 0 -25px; }
.rating.score_5_0 { background-position: 0 0; }
div.rate p.success { line-height: 25px; margin-bottom: 0; font-size: 10px; float: right; }

.rating_small { background: url(../images/smallstars.gif) no-repeat; height: 12px; margin: 4px 4px 4px 0; text-indent: -4000em; width: 64px; font-size: 1px; line-height: 1px; float: left;}
.rating_small.score_0_0 { background-position: 0 -120px; }
.rating_small.score_0_5 { background-position: 0 -108px; }
.rating_small.score_1_0 { background-position: 0 -96px; }
.rating_small.score_1_5 { background-position: 0 -84px; }
.rating_small.score_2_0 { background-position: 0 -72px; }
.rating_small.score_2_5 { background-position: 0 -60px; }
.rating_small.score_3_0 { background-position: 0 -48px; }
.rating_small.score_3_5 { background-position: 0 -36px; }
.rating_small.score_4_0 { background-position: 0 -24px; }
.rating_small.score_4_5 { background-position: 0 -12px; }
.rating_small.score_5_0 { background-position: 0 0; }

/*******************************************************************************
 * Portlet editing
 ******************************************************************************/
.portlet.edit { border: 1px dashed #000; padding: -1px; }
.portlet.edit div.bar { border-bottom: 1px dashed #000; overflow: hidden; padding: 3px; }
.portlet.edit div.bar a { float: right; }
.portlet.edit div.bar img { border: 0; margin: 0; padding: 0; }

/*******************************************************************************
 * pagination
 ******************************************************************************/
div.lompager { margin-top: 5px; }
div.lompager span { border:1px solid #DBDDDE; padding: 2px 6px; margin-right: 2px; }
div.lompager span.current { background-color: #ffad01; }
div.lompager span.separator { border: none; }

div.pager span { border:1px solid #DBDDDE; padding: 0 4px; margin: 2px; }
div.pager span.current { background-color: #ffad01; }
div.pager span.separator { border: none; }

div.myprofilecontainer div.column1 div.portlet { background: #f6f6f6; padding: 10px; overflow:auto }
div.myprofilecontainer div.simplecontent { margin-bottom: 10px; }
 
/*******************************************************************************
 * Social Sites
 ******************************************************************************/
.socialsite { background: no-repeat; }
.socialsite.delicious { background-image: url(../images/socialsites/delicious.jpg); }
.socialsite.digischool { background-image: url(../images/socialsites/digischool.jpg); }
.socialsite.facebook { background-image: url(../images/socialsites/facebook.jpg); }
.socialsite.hyves { background-image: url(../images/socialsites/hyves.jpg); }
.socialsite.linkedin { background-image: url(../images/socialsites/linkedin.jpg); }
.socialsite.skype { background-image: url(../images/socialsites/skype.jpg); }
.socialsite.twitter { background-image: url(../images/socialsites/twitter.jpg); }

/*******************************************************************************
 * Message handling (confirm, error, tooltips)
 ******************************************************************************/
ol.confirm { background: #e6fab3 url(../images/confirm.gif) no-repeat 10px 13px; color: #367556; list-style: none; margin: 0 0 10px; padding: 10px 30px; position: relative; }
div.error { background: #ffc2c9; color: #b90125; margin-bottom: 10px; padding: 10px; }
div.error ol.error { color: #B90125; list-style: disc !important; margin: 0 !important; padding: 0 20px !important; }
div.error ol.error li { border: 0; margin-bottom: 0; }
div.error p { font-size: 1em !important; font-weight: bold; margin: 0.5em; }
label.error { color: #b90125;  }
div.notice { margin-bottom: 10px; padding: 10px; }
#easyTooltip { background:#ffa; border:1px solid #cc9; font-size: 12px; line-height: 1.2em; max-width: 280px; padding: 5px; word-wrap: break-word; z-index: 100002;
  -moz-box-shadow: 2px 2px 11px #666;
  -webkit-box-shadow: 2px 2px 11px #666;
}

/*******************************************************************************
 * Icons
 ******************************************************************************/
a.delete { background: url(../images/delete_enabled.gif); display: block; height: 16px; margin: 2px; text-indent: -1000em; width: 16px; }
span.delete_disabled { background: url(../images/delete_disabled.gif); display: block; height: 16px; margin: 2px; text-indent: -1000em; width: 16px; }
a.edit { background: url(../images/edit_enabled.gif); display: block; height: 16px; margin: 2px; text-indent: -1000em; width: 16px; }
span.edit_disabled { background: url(../images/edit_disabled.gif); display: block; height: 16px; margin: 2px; text-indent: -1000em; width: 16px; }
a.preview { background: url(../images/edit_preview.gif); display: block; height: 16px; margin: 2px; text-indent: -1000em; width: 16px; }

/*******************************************************************************
 * Layout
 ******************************************************************************/
div.container { overflow: auto; padding-top: 10px; }
div.container div.container { padding-top: 0; }
/* IE6 */ * html div.container { height: 100%; }
div.container div.portlet { margin-bottom: 10px; }
div.container div.column { float: left; padding: 10px 0 0 20px; }
div.simplecontent { padding: 0px; }
div.simplecontent div.favourites { padding: 0 20px 20px; }
div.column div.simplecontent { padding: 0px; overflow: auto; }
div.leftcontent div.column0 { width: 610px; }
div.leftcontent div.column1 { width: 290px; }
div.rightcontent div.column0 { width: 290px; }
div.rightcontent div.column1 { width: 610px; }
div.securecontent div.column0 { width: 200px; }
div.securecontent div.column1 { width: 680px; }
div.threecolumn div.column { width: 290px; }
div.threecolumn div.column1 { width: 300px; }
div.twocolumn div.column { width: 445px; }
div.tab div.twocolumn div.column0 { width: 300px; padding: 0 0 10px 0; }
div.tab div.twocolumn div.column1 { width: 300px; padding: 0 0 10px 0; }
div.securecontent div.twocolumn div.column0 { width: 330px; padding: 0 0 10px 0; }
div.securecontent div.twocolumn div.column1 { width: 330px; padding: 0 0 10px 20px; }

/*******************************************************************************
 * Forms
 ******************************************************************************/
form { margin: 0; padding: 0; position: relative; }
form dl { margin: 1em 0; }
form dt { clear: left; float: left; line-height: 28px; width: 120px; }
form dd { margin-left: 120px; }
form h3 { color: #4d545c; font-weight: bold; margin: 10px 0; }
form p { margin-bottom: 1em; }
form p.notes { font-size: 0.9em; }
form fieldset { border-bottom: 1px solid #DBDDDE; position: relative; }
form fieldset.actions { border-bottom: 0; }
form fieldset.actions p.warn { margin-top: 1em; }
form input, form textarea { border: 1px solid #DBDDDE; color: #4d545c; line-height: normal; margin: 2px 0; padding: 4px 1px; }
form input[type=checkbox],
form input[type=radio] { border: 0; height: auto; margin: 0; padding: 0; }
form label.note { font-weight: normal; }
form select { margin: 5px 0; }
form.admin fieldset.actions { padding-top: 12px; position: absolute; right: 0; width: 142px; z-index: 100; }
form.admin fieldset.actions button { width: 100%; }

form.narrow fieldset, div.narrow { margin-bottom: 7px; }
form.narrow fieldset.actions a.button,
form.narrow fieldset.actions button { display: block; float: right; margin-left: 10px; }
form.narrow label, div.narrow { display: block; }
form.narrow input, textarea { display: block; width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
form.narrow input[type=hidden] { display: none; } /* needed for Fx 3.0 */

div.twisty form.narrow { padding: 7px; }

/*******************************************************************************
 * Listings
 ******************************************************************************/
table.listing { border: 1px solid #DBDDDE; border-collapse: collapse; width: 100%; }
table.listing thead { background: #d7d8da url(../images/list_header.png); border: 1px solid #DBDDDE; }
table.listing th { text-align: left; padding: 2px 6px; }
table.listing tr.odd { background: #f5f5f5; }
table.listing tr.even { background: #ffffff; }
table.listing td { border-right: 1px solid #DBDDDE; padding: 6px; vertical-align: top; }
table.listing col.remove { width: 35px; }

/*******************************************************************************
 * Dialogs
 ******************************************************************************/
div.overlay { background: #FFF; position: absolute; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999 }
div.dialog { background: #ebedec; border: 1px solid #9da1a4; display: none; position: fixed; top: 225px; z-index: 1000;max-width:475px;}
div.dialog div.actions { float: right; }
div.dialog button { margin-left: 10px; width: 100px; }
div.dialog a.button { margin-left: 10px; width: 100px; display: block; float: right; text-align: center; }
div.dialog h2 { background: #d7d8da; border-bottom: 1px solid #9da1a4; color: #4d545c; font-size: 12px; font-weight: bold; line-height: 24px; margin: 0; padding: 0 1em; }
div.dialog form { padding: 1em 1em 6px; }
div.dialog fieldset { border: 0; position: static; }
div.dialog p.waiting { min-width: 200px; text-align: left; padding: 6px}

/*******************************************************************************
 * (Twisty) Blocks
 ******************************************************************************/
div.block { background: #FFF; border: 1px solid #DBDDDE; }
div.block div.filterTitle { background: #EBEDEC url(../images/filter_title.png); }
div.block h3 { border-bottom: 1px solid #DBDDDE; color: #4d545c; font-size: 1em; font-weight: bold; margin: 0; padding-left: 5px; }
div.block div.content { max-height: 220px; overflow: auto; }
div.block div.help { background: url(../images/help_enabled.gif) no-repeat; cursor: help; float: right; height: 16px; margin: 2px; text-indent: -1000em; width: 16px; }
div.twisty h3 { background: url(../images/fold_in.gif) no-repeat 7px 6px; cursor: pointer; padding-left: 20px; }
div.twisty.collapsed h3 { background-image: url(../images/fold_out.gif); border-bottom: 0; }
div.twisty.collapsed div.content { display: none; }

/*******************************************************************************
 * Tab Layout Portlet
 ******************************************************************************/
div.portlet.tabs { padding-top: 31px; position: relative; }
div.portlet.tabs ol.tabs { list-style: none; margin: 0; padding: 0; position: absolute; top: 0; z-index: 100; }
div.portlet.tabs ol.tabs h2 { color: #4f545a; font-size: 12px; font-weight: bold; line-height: 30px; margin: 0; }
div.portlet.tabs ol.tabs li { background: #eaebed; border: 1px solid #DBDDDE; cursor: pointer; float: left; margin: 0 10px 0 0; padding: 0 10px; width: 120px; }
div.portlet.tabs ol.tabs li.active { background: #FFF; border-bottom-color: #FFF; }
div.portlet.tabs div.tab { border: 1px solid #DBDDDE; display: none; }
div.portlet.tabs div.tab.active { display: block; }
div.portlet.tabs div.portlet { clear: left; padding: 10px; }
div.portlet.tabs div.portlet h3 { color: #4f545a; font-weight: bold; margin: 0; }
div.portlet.tabs div.twocolumn div.portlet { padding: 10px 0 0 10px; margin: 0; }

/*******************************************************************************
 * Search Result Portlet
 ******************************************************************************/
#sector-all-results-lijst,#sector-tips-results-lijst,#sector-po-results-lijst,#sector-sbao-results-lijst,#sector-vo-results-lijst,#sector-so-results-lijst,#sector-mbo-results-lijst{ position: relative; top: -11px; }
div.results div.resultheader {position: relative;z-index: 5;}
div.results div.resultheader li { float: left; list-style: none; margin-right: 5px; padding: 5px 10px 7px; font-weight: bold;}
div.results div.resultheader li a {color: #4D545C; font-weight: normal;}
div.results div.resultheader li.active {background: none repeat scroll 0 0 #F5F5F7;border-color: #DBDDDE #DBDDDE #F5F5F7;border-style: solid;border-top-left-radius: 5px;border-top-right-radius: 5px;border-width: 1px;}
div.results div.resultheader ul.subselections { margin: 0; overflow: hidden; padding: 0; position: relative; }
div.results h2 { zoom: 1; background: #FFF; border-top: 1px solid #DBDDDE; margin: -1px 0 0; color: #4D545C; padding: 3px 8px 3px 0; font-size: 18px; line-height: 30px; }
div.results h3 { font-size: 14px; margin: 0; display: inline; }
div.results ol { border: 1px solid #DBDDDE; list-style: none; margin: 0; padding: 0; }
div.results li { background-position: 8px 8px; padding: 8px 8px 8px 48px; position: relative; zoom: 1; }
div.results li.odd { background-color: #f5f5f5; }
div.results ol div.lomActions { margin: 10px 0; }
div.results ol div.lomActions div.action { display: inline; margin-right: 15px; }
div.results ol div.lomActions div.action div.favouritesLink { display: inline; }
div.results ol div.lomActions form.certify { display: inline; }
div.results p.description { margin: 6px 0px; }
div.results form.options { background: #F5F5F7; border: 1px solid #DBDDDE; margin-bottom: -1px; padding: 0 10px; }
div.results form.options p { margin: 0; font-weight: bold; line-height: 32px; }
div.results form.options p.itemsPerPage { float: left; }
div.results form.options p.sortOrder { float: right; }
div.results form.options fieldset { border: 0; }
div.results form.options select { margin: 0; }
div.results dl.properties { display: inline; clear: left; margin: 5px 0; }
div.results dl.properties dt { display: inline; font-weight: bold; margin-right: 6px; }
div.results dl.properties dd { display: inline; margin: 0; margin-right: 15px; }
div.results a.lomDetailsUrl { clear: right; float: right; font-weight: bold; }
div.results div.rating_small { float: right; line-height: 1px; position: relative; }
div.results ul.warning { padding-left: 15px;}
div.results ul.warning li {margin-left: 10px;min-height: 10px;padding: 0; }
div.results div.publisher { font-weight: bold; }
div.results div.publisher a { font-weight: normal; color: #4D545C; text-decoration: underline; }
div.results .social { clear: right; float: right; }
div.results p.social { margin: 0; }
div.results dl.certificates dt { float: left; font-weight: bold; margin-right: 6px; }
div.results dl.certificates li { padding: 0 6px 0 0; }
div.results dl.certificates img { border: 1px solid #DBDDDE; }

/*******************************************************************************
 * Bread Crumb Porlet
 ******************************************************************************/
ol.breadcrumb { background: #EEE; color: #4d545c; display: block; line-height: 34px; list-style: none; margin: 0px; padding: 0 0 0 20px; }
/* IE6 */ * html ol.breadcrumb { zoom: 1; }
ol.breadcrumb li { display: inline; padding: 0; }

/*******************************************************************************
 * Left Menu (Mijn Wikiwijs / Admin)
 ******************************************************************************/
div.menu, div.menu a, div.menu h2 { color: #4d545c; }
div.menu h2 { border-bottom: 1px solid #DBDDDE; line-height: normal; margin: 0; padding: 0 0 10px; }
div.menu ol { list-style: none; margin: 0; padding: 0; }
div.menu li { border-bottom: 1px solid #DBDDDE; line-height: 2.2em; }
div.menu li.selected { background: #f5f5f5; cursor: default; font-weight: bold; }

/*******************************************************************************
 * My Certification Group Portlet
 ******************************************************************************/
div.certification div.icon { float: right; margin-right: 156px; }
div.certificationgroup-members div.listingmessage { width: 540px; } 

/*******************************************************************************
 * CertificationGroupDetails Portlet
 ******************************************************************************/
div.certificationgroup form#certificationGroupDetailForm div.icon { bottom: 198px; position: absolute; right: 180px; text-align: right; z-index: 100; }
div.certificationgroup form#certificationGroupDetailForm div.icon img { border: 0; margin: 0 0 0 6px; padding: 0; text-decoration: none; }
form#certificationGroupDetailForm fieldset.actions { padding-top: 12px; position: absolute; right: 0; width: 160px; z-index: 100; }
form#certificationGroupDetailForm fieldset.actions button { color: #000; width: 100%; display: block; }
form#certificationGroupDetailForm input[type=text], form#certificationGroupDetailForm select, form#certificationGroupDetailForm textarea { width: 400px; }
form#certificationGroupDetailForm dd { line-height: 28px; }

div.certificationgroup-members a.button { float: right; margin-left: 10px; margin-bottom: 10px; }
div.certificationgroup-members form.certificationGroupMemberForm input[type=text], form.certificationGroupMemberForm select, form.certificationGroupMemberForm textarea { width: 290px; }
div.certificationgroup-members form.certificationGroupMemberForm fieldset { margin-bottom:7px; }
div.certificationgroup-members form.certificationGroupMemberForm fieldset.actions * { display: block; float: right; margin-left: 10px; }
div.certificationgroup-members form.certificationGroupMemberForm dd, form.certificationGroupMemberForm p.notes { margin-left: 180px; }
div.certificationgroup-members table.listing, div.certified-learningobjects table.listing { margin-top: 5px; margin-bottom: 15px; }

div.certificationgroup-edit-activation form.userActivationForm input[type=text], div.certificationgroup-edit-activation form.userActivationForm select, div.certificationgroup-edit-activation form.userActivationForm textarea { width: 290px; }
div.certificationgroup-edit-activation form.userActivationForm fieldset { margin-bottom:7px; }
div.certificationgroup-edit-activation form.userActivationForm fieldset.actions * { display: block; float: right; margin-left: 10px; }
div.certificationgroup-edit-activation form.userActivationForm p.notes { margin-left: 120px; }

div.certificationgroup.readonly form#certificationGroupDetailForm div.icon { bottom: 118px; }

/*******************************************************************************
 * My Favourites Portlet
 ******************************************************************************/
div.favourites ul.actions { list-style: none; padding: 0; width: 100%; min-width: 100%;}
div.favourites ul.actions a.button { width: 172px; display: block; text-align: left; padding: 0px 6px;}
div.favourites ul.actions li { background: none; padding: 3px  }
div.favourites form.sortorder { float: right; vertical-align: bottom; }
div.favourites form.sortorder select { margin: 0; }
div.favourites td.actions { width: 194px; }
div.favourites td.delete { width: 20px; }
div.favourites thead { height: 32px; }

/*******************************************************************************
 * PendingReviews Portlet
 ******************************************************************************/
div.pendingReviews ul.actions { list-style: none; padding: 0; width: 100%; min-width: 100%;}
div.pendingReviews ul.actions a.button, div.pendingReviews ul.actions div.button { background: #ebedec; border: 1px solid #DBDDDE; color: #4d545c; width: 172px; display: block; text-align: left; padding: 0px 6px;}
div.pendingReviews ul.actions li { background: none; padding: 3px  }
div.pendingReviews form.sortorder { float: right; vertical-align: bottom; }
div.pendingReviews form.sortorder select { margin: 0; }
div.pendingReviews td.actions { width: 194px; }
div.pendingReviews thead { height: 32px; }
div.pendingReviews { padding-left: 1px; }

/*******************************************************************************
 * Profile Portlets
 ******************************************************************************/
form.profile p { font-size: 0.9em; line-height: 1.1em; }
form.profile p.description { width: 440px; }
form.profile dt { width: 180px; }
form.profile dd, form.profile p.notes { margin-left: 180px; }
form.profile input, form.profile select, form.profile textarea { width: 290px; }
form.profile input { height: 20px; }
form.profile textarea { height: 70px; }
form.profile input.short, form.profile select.short { width: 145px; }
form.profile fieldset.actions { padding-top: 12px; position: absolute; right: 0; width: 160px; z-index: 100; }
form.profile fieldset.actions button { color: #000; display: block; width: 100%; }
form.profile fieldset.public div.previewlink { position:absolute; right:0px; top:0px; width:160px; }
form.profile fieldset.public dt { width: 30px; }
form.profile fieldset.public dd { margin-left: 30px; }
form.profile fieldset.public input { border: 0; margin: 0; width: auto; }
form.profile fieldset.public label { display: block; font-weight: normal; margin-bottom: 0.5em; }
form.profile fieldset.public p.description { width: 410px; }
form.profile div.icon { bottom: 35px; position: absolute; right: 0px; width: 160px; text-align: center; }
form.profile div.icon img { border: 0; margin: 0; padding: 0; text-decoration: none; }
form.profile div.icon a { display: block; }
form.profile select.educationalLevels { display: none; }

div.profile.public div.avatar { float: left; width: 120px; }
div.profile.public h2 { word-wrap: break-word; }
div.profile.public h3 { clear: left; color: #4D545C; font-size: 1em; font-weight: bold; margin: 0; }
div.profile.public img { border: 1px solid #c9cbce; margin-bottom: 1em; }
div.profile.public table { margin-left: 140px; width: 470px; }
div.profile.public table th { text-align: left; vertical-align: top; width: 100px; }
div.profile.sites ul { list-style: none; margin: 0; padding: 0; }
div.profile.sites li { background-position: 3px 3px; border: 1px solid #DBDDDE; padding: 8px 8px 8px 48px; }

/*******************************************************************************
 * SocialSites Portlet
 ******************************************************************************/
div.socialsites ul { display: block; height: 30px; list-style: none; margin: 0; padding: 10px; }
div.socialsites li { float: left; margin-right: 10px; padding: 0; }
div.socialsites li a img { border: 0; }

/*******************************************************************************
 * Contact Portlet
 ******************************************************************************/
form.contact input[type=text] { width: 290px; }
form.contact textarea { width: 435px; }
form.contact select { width: 295px; }
form.contact table.captcha { width: 435px; }
form.contact dt { width: 160px; }
form.contact div.actions button { float:right; margin-left:10px; margin-top:10px; }

/*******************************************************************************
 * Saved Search Bar Portlet
 ******************************************************************************/
 
 form.search.edit { color: #f5f5f7; }

 
/*******************************************************************************
 * Search Blocks
 ******************************************************************************/
div.searchBlocks { background: #f5f5f7; border: 1px solid #DBDDDE; font-size: 11px; margin-bottom: 10px; }
div.searchBlocks a { color: #4d545c; }
div.searchBlocks div.portlet, div.currentSearch div.portlet { margin: 10px; }
div.searchBlocks h2 { color: #4D545C; font-size: 14px; font-weight: bold; line-height: 1.2em; margin: 0; }
div.searchBlocks p { margin-bottom: 0.5em; }
div.searchBlocks a.first { margin-left: 0; }

div.currentSearch { background: #FFF; border: 1px solid #DBDDDE; font-size: 11px; margin-bottom: 10px; }
div.currentSearch div.actions * { float: right;}
div.currentSearch div.actions select { width: 100%; padding: 3px; margin-bottom: 8px;}
div.currentSearch div.save div.actions a.left { margin: 0; }
div.currentSearch div.save form  fieldset { border-bottom-color: #94989D; }

div.currentSearch div.actions a.button, div.currentSearch div.actions button { border: 1px solid #94989D; }
div.currentSearch fieldset.actions a.button, div.currentSearch fieldset.actions button { border: 1px solid #94989D; }
div.currentSearch div.copyUrl { margin-top: 1em; }
div.currentSearch div.save { color: #4D545C; line-height: 1.4em; }
div.currentSearch div.save form input.single { display: inline; width: auto; }
div.currentSearch div.save form input.error { border-color: #FF0125; }
div.currentSearch div.save form label.single { display: inline; font-weight: normal; margin: 0 0 7px 7px; }
div.currentSearch div.save form textarea { height: 55px; }
div.currentSearch h2 { color: #4D545C; font-size: 14px; font-weight: bold; line-height: 1em; margin: 0; margin-bottom: 0.5em; }
div.currentSearch h4 { color: #4D545C; display: inline; font-size: 1em; font-weight: normal; font-style: italic; margin: 0; }
div.currentSearch ol { list-style: none; }
div.currentSearch table.captcha ul.captcha a { color: #4D545C; }
div.currentSearch label.error { color: #4D545C; }
div.currentSearch div.summary { color: #4D545C; }
div.currentSearch div.summary hr{ color: #DBDDDE; }
div.currentSearch div.summary h3 { color: #4D545C;}
div.currentSearch div.summary a.remove { color: #4D545C;}


div.search { font-size: 11px;  }
div.search ul { list-style: none; margin: 0; padding: 0; }
div.search label { display: block; font-weight: normal; padding-left: 20px; }
div.search input { float: left; }
div.search .filterbox input { margin: 5px; width: 90%;}
div.search li.relatedTerm label { font-weight: bold; } 
div.search li { clear: left; display: block; min-height: 20px; padding: 0 0 0 20px; overflow: visible; zoom: 1; }
div.search li.twisty { background: url(../images/fold_in2.png) no-repeat 5px 5px; }
div.search li.collapsed { background-image: url(../images/fold_out2.png); }
div.search li.collapsed ul { display: none; }

div.search form.keyword { padding: 7px 10px; }
div.search form.keyword a.add { color: #4d545c; float: right; }
div.search form.keyword fieldset { border: 0; }
div.search form.keyword input { width: 500px; }

div.currentSearch div.summary ol.level li { list-style: disc inside; padding-left: 5px; }
div.currentSearch div.summary ol.root { margin-bottom: 8px; }
div.summary { color: #FFF; line-height: 1.4em; list-style: none; margin: 0; padding: 0; position: relative; }
div.summary a.remove { color: #ffffff; float: right; text-decoration: underline; }
div.summary h3 { color: #ffffff; font-size: 1em; font-weight: bold; margin: 0; }
div.summary a.disabled { visibility: hidden; }
div.summary hr { color: #94989D; }
div.summary .loading { background: #F5F5F7 url(../images/spinner.gif) no-repeat 10px 0; padding-left: 38px; }
div.summary .categoryNames { margin-bottom: 8px; }

div.savedSearches fieldset { border: 0; }
div.savedSearches select { margin: 10px 20px; width: 220px; }

/*******************************************************************************
 * Review Portlets
 ******************************************************************************/
div.review #stars-wrapper1 { height: 20px; }
div.review .ui-stars-star, .ui-stars-cancel { margin: 6px 0; }
div.review fieldset.review { border: none; }
div.review fieldset { margin-bottom: 7px; } 
div.review fieldset.actions * { display: block; float: right; margin-left: 10px; }
div.review form dd.stars { height: 38px; }
div.review form p.notes { margin-left: 120px; }
div.review form input[type=text], div.review form textarea { width: 290px; }


/*******************************************************************************
 * My Pending Reviews Portlets
 ******************************************************************************/
div.myPendingReviews { height: 250px; min-height: 250px; }
div.myPendingReviews table { width: 100%; }
div.myPendingReviews tr { height: 26px; }
div.myPendingReviews table.listing td { padding: 3px; }
div.myPendingReviews div { margin: 5px; }
div.myPendingReviews div p { float: left; }
div.myPendingReviews div a { float: right; }
div.announcementContent { height: 250px; min-height: 250px; }

/*******************************************************************************
 * Lom Portlets
 ******************************************************************************/
div.lom.keywords h3, div.lom.description h3 { font-size: 13px; }
div.lom.details { min-height: 200px; position: relative; font-size: 11px; }
div.lom.details .label { font-weight: bold; }
div.lom.details p.social { margin: 0; }
div.lom.details img.contenttype { left: 0; top: 0; }
div.lom.details dd.copyright * { vertical-align: top; }
div.lom.details img.copyrights {  height: 16px; }
div.lom.details div.title { height: 40px; padding-left: 40px; }
div.lom.details div.title h2 { font-size: 14px; line-height: 20px; margin: 0; }
div.lom.details dt { float: left; font-weight: bold; }
div.lom.details dd { margin-left: 140px; width: 270px; }
div.lom.details ul.actions { top: 50px; list-style: none; margin: 0; padding: 0; position: absolute; right: 0; text-align: left; }
div.lom.details ul.actions a { text-align: right; }
div.lom.details div.certificates { clear: right; }
div.lom.details div.publisher a { color: #4D545C; text-decoration: underline; }
div.lom div.certificates img.cg_icon_results { width: 50px; height: 25px; display: inline; margin-right: 10px; }
div.lom div.certificates span { font-weight: bold; margin-bottom: 0; margin-right: 6px; display: inline-block; vertical-align: top; }
div.lom div.certificates ul { padding: 0; margin: 0; list-style: none; display: inline; }
div.lom div.certificates ul li { display: inline; min-height: 0px; padding: 0; }
 
/*******************************************************************************
 * Lom learning path
 ******************************************************************************/
div.lom.learningpaths div.lom.learningpath { margin-bottom: 1em; }

div.lom.keywords { margin-bottom: 1em; }

div.lom.reviews { word-wrap: break-word; }
div.lom.reviews ol { list-style: none; margin: 0; padding: 0; }
div.lom.reviews li, div.lom.reviews div.pager { border-top: 1px solid #DBDDDE; overflow: hidden; margin-top: 6px; }
div.lom.reviews div.pager { padding-top: 18px; }
div.lom.reviews div.pager span:nth-child(1) { margin-left: 0;}

div.lom.reviews p.description { margin-top: 20px; line-height: 16px; }
div.lom.reviews div.rating_small { clear: both; float: left; margin: 2px; }
div.lom.reviews p.author { float: left; margin: 0px 0px 0px 10px; font-size: 10px; line-height: 16px; }
div.lom.reviews a.inappropriate { float: right; font-size: 10px; line-height: 16px; }
div.low.reviews div.reviewFooter { overflow: visible; zoom: 1; }

div.reviewFooter form.report { border-top: 1px solid #DBDDDE; margin-top: 10px; padding-top: 10px; float: left; }
div.reviewFooter form.report fieldset.user { border: 0; }
div.reviewFooter form.report fieldset.user input { width: 275px; }
div.reviewFooter form.report fieldset.user textarea { height: 70px; width: 275px; }

div.lom.sharing div.content { max-height: none; }

div.sharing form.reviewForm fieldset.actions { border-bottom: 0; } 
div.sharing form.reviewForm fieldset.actions * { display: block; float: right; margin-left: 10px; }
div.sharing form.reviewForm { overflow: hidden; }
div.sharing div.success { padding: 7px; }

div.lom.recommendations div.content { max-height: none; }
div.lom.recommendations ul { list-style: none; margin: 0; padding: 7px; }
div.lom.recommendations li { border-bottom: 1px solid #DBDDDE; margin-bottom: 10px; padding-bottom: 7px; }
div.lom.recommendations li.last { border: 0; }
div.lom.recommendations p { margin-bottom: 0; }

/*******************************************************************************
 * SavedSearchesAdminPortlet
 ******************************************************************************/
form.saveSearchAdminForm fieldset.actions * { float:right; margin-left:10px; margin-top:10px; }
form.saveSearchAdminForm dd.check input { margin-right: 0.5em; }
form.saveSearchAdminForm input[type=text], form.saveSearchAdminForm select, form.saveSearchAdminForm textarea { width: 290px; }

/*******************************************************************************
 * SearchPreferencesPortlet
 ******************************************************************************/
form.searchPreferencesForm fieldset.actions { position:absolute; right:0; width: 160px; z-index:100; }
form.searchPreferencesForm fieldset.actions button { color: #000; display: block; width: 100%; }
form.searchPreferencesForm fieldset { margin-bottom: 10px; }
form.searchPreferencesForm ul.options { line-height: 20px; margin-bottom: 12px; }
form.searchPreferencesForm ul.options li { padding-left: 15px; }
form.searchPreferencesForm ul.options label { font-weight: normal; margin-left: 8px; }

/*******************************************************************************
 * RSS portlets
 ******************************************************************************/
div.rss ul { list-style-type:none; padding:0px; margin:0px; }
div.rss li { background-image:url(../images/listitem.gif); background-repeat:no-repeat; background-position:0px 7px; padding-left:14px; font-size: 11px}
div.rss h3 { font-size: 1em; }
div.rss a.feedtitle { display: none; }

/*******************************************************************************
 * Content portlets
 ******************************************************************************/
div.highlighted div.contentElement { background: #f6f6f6; padding: 10px; }
div.vakpagina div.contentElement { min-height: 315px; max-height: 660px; }
div.wide { margin: 20px; }
* html div.vakpagina div.contentElement { height: 315px; }
div.bordered div.contentElement { border: 1px solid #c4c5ca; padding: 10px; }

div.toprow div.contentElement { height: 220px; max-height: 220px; overflow: none; }
div.toprow.highlighted div.contentElement { height: 200px; max-height: 200px; overflow: none; }
div.bottomrow div.contentElement { height: 300px; max-height: 300px; overflow: none; }

/* see text.css for other content element styling */
 
/*******************************************************************************
 * Arrangeer dialog
 ******************************************************************************/
div.dialog .addToArrangement { width: 100%; }
div.dialog input {vertical-align:middle; margin: 5px; }
div.dialog td button {padding: 3px 0px;}

/*******************************************************************************
 * Twitter portlet
 ******************************************************************************/
div.twitter fieldset.message { border-bottom: 0; }
div.twitter p.info { background: url(../images/socialsites/twitter_small.png) no-repeat 0 2px; font-size: 11px; line-height: 12px; padding-left: 28px; }
div.twitter div.content { max-height: none; }

/*******************************************************************************
 * UserVoice portlet
 ******************************************************************************/
div.uservoice form.uservoice p.notes { margin-left: 160px; }
div.uservoice form.uservoice input[type=text] { width: 290px; }
div.uservoice form.uservoice dt { width: 160px; }
div.uservoice form.uservoice div.actions button { float:right; margin-left:10px; margin-top:10px; }

/*******************************************************************************
 * Authenticatedornot tabs
 ******************************************************************************/
div.authenticatedornot.tabs { padding-top: 21px; position: relative; }
div.authenticatedornot.tabs ol.tabs { list-style: none; margin: 0; padding: 0; position: absolute; top: 0; z-index: 100; }
div.authenticatedornot.tabs ol.tabs h2 { color: #4f545a; font-size: 12px; font-weight: bold; line-height: 20px; margin: 0; }
div.authenticatedornot.tabs ol.tabs li { background: #eaebed; border: 1px solid #DBDDDE; cursor: pointer; float: left; margin: 0 10px 0 0; padding: 0 10px; width: 130px; }
div.authenticatedornot.tabs ol.tabs li.active { background: #FFF; border-bottom-color: #FFF; }
div.authenticatedornot.tabs div.tab { border: 1px solid #DBDDDE; display: none; }
div.authenticatedornot.tabs div.tab.active { display: block; }

div.authenticatedornot.tabs ol.tabs li { width: 102px; }

/*******************************************************************************
 * FAQ
 ******************************************************************************/
div.faq dt { margin-top: 1em; }
div.faq dd { display: none; margin: 0; padding-left: 20px; }


/*******************************************************************************
 * My Recently Added Favourites
 ******************************************************************************/
div.myRecentlyAddedFavourites { padding-left: 1px; height: 250px; min-height: 250px; }
div.myRecentlyAddedFavourites div.tabs { position: relative; }
div.myRecentlyAddedFavourites div.tabs ol.tabs { list-style: none; margin: 5px 0; padding: 0 0 0 250px; top: 0; z-index: 100; }
div.myRecentlyAddedFavourites div.tabs ol.tabs h2 { color: #4f545a; font-size: 12px; font-weight: bold; line-height: 20px; margin: 0; }
div.myRecentlyAddedFavourites div.tabs ol.tabs li { cursor: pointer; float: left; color: #FF6529; background-color: white; }
div.myRecentlyAddedFavourites div.tabs ol.tabs li.active { background: #FFF; border-bottom-color: #FFF; }
div.myRecentlyAddedFavourites div.tabs div.tab { border: none; display: none; }
div.myRecentlyAddedFavourites div.tabs div.tab.active { display: block; }

div.myRecentlyAddedFavourites div.tabs ol.tabs li { border:1px solid #DBDDDE; padding: 0 5px; margin: 6px 4px; }
div.myRecentlyAddedFavourites div.tabs ol.tabs li.current { background-color: #ffad01; }
div.myRecentlyAddedFavourites div.tabs ol.tabs li.separator { border: none; }

div.myRecentlyAddedFavourites ul.actions { list-style: none; padding: 0; margin: 0 0 12px; width: 100%; min-width: 100%;}
div.myRecentlyAddedFavourites ul.actions a.button { display: block; text-align: left; }
div.myRecentlyAddedFavourites ul.actions li { background: none; padding: 3px  }
div.myRecentlyAddedFavourites td.actions { width: 194px; }
div.myRecentlyAddedFavourites table.listing  { height: 170px; }
div.myRecentlyAddedFavourites table.listing td { padding:10px 10px 0; border-right: none; }


/*******************************************************************************
 * My Recently Added Arrangements
 ******************************************************************************/
div.myRecentlyAddedArrangements { height: 200px; min-height: 200px; }

/*******************************************************************************
 * My Recently SharedSources
 ******************************************************************************/
div.myRecentlySharedSources { height: 200px; min-height: 200px; }
 
/*******************************************************************************
 * My Recently Certified Learning Objects
 ******************************************************************************/
div.myRecentlyCertifiedLearningObjects { padding-left: 1px; height: 200px; min-height: 200px; }
div.myRecentlyCertifiedLearningObjects div.tabs { position: relative; }
div.myRecentlyCertifiedLearningObjects div.tabs ol.tabs { list-style: none; margin: 5px 0; padding: 0 0 0 250px; top: 0; z-index: 100; }
div.myRecentlyCertifiedLearningObjects div.tabs ol.tabs h2 { color: #4f545a; font-size: 12px; font-weight: bold; line-height: 20px; margin: 0; }
div.myRecentlyCertifiedLearningObjects div.tabs ol.tabs li { cursor: pointer; float: left; color: #FF6529; background-color: white; }
div.myRecentlyCertifiedLearningObjects div.tabs ol.tabs li.active { background: #FFF; border-bottom-color: #FFF; }
div.myRecentlyCertifiedLearningObjects div.tabs div.tab { border: none; display: none; }
div.myRecentlyCertifiedLearningObjects div.tabs div.tab.active { display: block; }

div.myRecentlyCertifiedLearningObjects div.tabs ol.tabs li { border:1px solid #DBDDDE; padding: 0 5px; margin: 6px 4px; }
div.myRecentlyCertifiedLearningObjects div.tabs ol.tabs li.current { background-color: #ffad01; }
div.myRecentlyCertifiedLearningObjects div.tabs ol.tabs li.separator { border: none; }

div.myRecentlyCertifiedLearningObjects ul.actions { list-style: none; padding: 0; margin: 0 0 12px; width: 100%; min-width: 100%;}
div.myRecentlyCertifiedLearningObjects ul.actions a.button { display: block; text-align: left; }
div.myRecentlyCertifiedLearningObjects ul.actions li { background: none; padding: 3px  }
div.myRecentlyCertifiedLearningObjects td.actions { width: 194px; }
div.myRecentlyCertifiedLearningObjects table.listing td { padding: 10px 10px 0; border-right: none; }

/*******************************************************************************
 * Show My Profile Info
 ******************************************************************************/
div.showMyProfileInfo { height: 200px; min-height: 200px; }
div.showMyProfileInfo div.icon { float: left; width: 120px; margin-right: 8px; }
div.showMyProfileInfo div.details { float: left; width: 182px; }
div.showMyProfileInfo img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 4px;}
div.showMyProfileInfo dl { float: left; margin: 0; }
div.showMyProfileInfo dt { clear: left; font-weight: bold; width: 182px; }
div.showMyProfileInfo dd { margin: 0px 0px 12px; }
div.showMyProfileInfo p { clear: left; float: left; width: 182px;}
div.showMyProfileInfo a { font-size: 11px; }

/*******************************************************************************
 * Inappropriate Lom
 ******************************************************************************/
div.lom.inappropriatelom div.content { max-height: none; }
div.lom.inappropriatelom form input.single { display: inline; width: auto; float: left; clear: left; }
div.lom.inappropriatelom fieldset { border: none; }
div.lom.inappropriatelom fieldset.description { clear:left; }
div.lom.inappropriatelom fieldset.checkboxLists { clear:left; }
div.lom.inappropriatelom div.checkboxList { float: left; width: 137px; }
div.lom.inappropriatelom div.checkboxList label { display: inline; width: 110px; float: left; font-weight: normal; font-size: 10px; margin: 0 0 7px 4px; }
div.lom.inappropriatelom div.checkboxList input { height: 20px; }
div.lom.inappropriatelom ol.confirm { margin: 0; }

/*******************************************************************************
 * MyCertificationGroupStatistics
 ******************************************************************************/
div.myCertificationGroupStatistics { overflow: auto; }
div.myCertificationGroupStatistics p.title { font-weight: bold; margin: 2em 0px 1em;}
div.myCertificationGroupStatistics div.statistics { float: left; width: 310px; }
div.myCertificationGroupStatistics div.statistics2 { clear: left; }
div.myCertificationGroupStatistics div.statistics3 { padding: 0px 0px 10px 20px; }
div.myCertificationGroupStatistics td.description { width: 250px; }
div.myCertificationGroupStatistics td.quantity { text-align: right; }
div.myCertificationGroupStatistics td { border: none; }

/*******************************************************************************
 * My Recently Added SavedSearches
 ******************************************************************************/
div.myRecentlyAddedSavedSearches { height: 200px; min-height: 200px; }
div.myRecentlyAddedSavedSearches td p { margin: 0px; }

/*******************************************************************************
 * Simple View Portlet's
 ******************************************************************************/

div.container div.portlet.relatedVocabularies { padding-bottom: 0px; margin-bottom: 0px}
div.portlet.relatedVocabularies div.title { border-top: 1px solid #DBDDDE; font-weight: bold; font-size: 14px; padding-top: 5px }

div.welcome h3 { margin: 0; }

/*******************************************************************************
 * Homepage
 ******************************************************************************/
#home-home-content1 div.contentElement {overflow: visible; padding: 20px 20px 0 20px;}