/* added css for housestyle 2012 */
/*** form {width: 960px;} ***/
td {vertical-align: top}
.twocol {padding-top: 0.5em;}
.altrow a {border-bottom: none;}
.altrow tr.alttablecolor td {background: #eee;}
.altrow tr:hover td {background: #ddd;}
.belowtitle {margin-top: -1.5em}
#footer.intranet {background-color: #BE4B06;}

/* css for zmi add forms */
#zmi {margin-left: 20px;}
.formHelp {color:#666; font-size:80%}
body {/***min-width: 760px;***/ max-width:100%; margin:0; padding:0 0 5px; color:#000; background:#EDEDED;
font: x-small Arial, Helvetica, sans-serif;}
#zmi h1 {line-height:1.2em; font-weight:normal;font-size:2em;color: #000; margin-bottom:0.6em;}

/* general */
table {font:1em Arial, Helvetica, sans-serif; margin:0;}
#content {margin-top: 0;}
.login {float:right; padding: 5px; font-size: 1.2em;}
.small {font-size:80%;}
.searchform {background-color: #F5F5F5; margin-bottom: 5px;}
.red {color:#CC3300;}
.icon {border: 0; height: 12px; margin: 0 3px; display: inline;}
.mail {float: left; margin: 4px 8px 0 0; border: 0;}
.invisiblelink, .invisiblelink a, .invisiblelink a:visited {text-decoration: none; color: #000; border-bottom: none;}
a.phone {text-decoration: none; color: #000; border-bottom: none; background:url("++resource++static/phone.png") center right no-repeat; padding-right: 15px; margin-right: 5px;}
.arrow {margin: 0 0 4px 0;padding-left: 15px; background: url(https://stijl.kuleuven.be/_i/icons/icon_bullet-levelone.png) no-repeat left 3px;}
.indent {padding-left: 15px;}
a.lname {display:block; width:150px;}
a.fname {display:block; width:125px;}
.center {margin-left: auto; margin-right: auto; float: none;}
#userInfo {padding:1em; text-align:right;}
#portal-columns {margin-top: 20px; padding-top: 0;}

/* personsearch */
.psearchmail {text-align:left;}
.psearchphone {min-width:110px; text-align:right;}
.noresult {color:#CC3300;}
#personAdvancedMailSearchForm {margin-bottom: 0.8em;}

/* addresses */
.address {margin-top: 1em;}
.internal {font-weight:bold;}
#content .address p {margin:0;padding:0; border:0;}

/* person */
.tftoggle {background: none;}/*person technical fiche*/
.twocol.right {border-left: 1px solid #CCC; padding-left: 1em;}
.colcontainer h3 { font-size: 1.333em;font-weight:bold; margin: 0.9em 0; border-bottom: none; line-height: normal;} /* override huisstijl colcontainer heading */
a.cmtoggle {color: #000; border-bottom: none;}
.cmtoggle {cursor: pointer; font-weight:bold; font-style: normal; text-decoration: none; text-transform: lowercase; padding-left: 15px;}
.memberships {padding-left: 20px; padding-bottom: 5px;}
#cm {font-weight: normal; text-decoration: none;}
#content #cm li {font-weight: normal; text-decoration: none; background:url("https://stijl.kuleuven.be/_i/icons/icon_bullet-leveltwo.gif") top left no-repeat;}
.personurl {word-break: break-all; word-wrap: break-word;}

/* unit */
.unitright {padding-left: 20px;}
.unitright h4 a {border-bottom: none; font-size: 1.3em;}
#fris {padding-left: 15px;}

#photolink {text-transform: lowercase; font-style: italic;}
#currentunit a {color: #000; font-size: 13px; font-weight: bold; text-decoration: none;}
.orgtitle {color: #45a2b5; margin: 1em 0 0.5em 0;line-height:1.2;font-weight:normal;font-size: 1.5em;}
.itsupport {margin-top: 0;}

#content #pubfunc, #content #people, #content #zap, #content #raden, #content #adminfo, #content #mail_addresses, #content #mail, #content #division {margin-top: 1em; margin-bottom: 1em;}
#content #people p, #content #zap p, #content #raden p, #content #adminfo p, #content #mail_addresses p, #content #mail p, #content #division p {padding-left: 15px; margin:0;}
#content #pubfunc p {margin:0;}
#content #pubfunc .functitle {font-weight: bold;}
.person_type_title {padding-top: 0.85em;}
.label {font-weight: 700; color: #555;}

/* icons for unit tree */
#content li.t04 {background:url("++resource++static/tree_i.gif") no-repeat 4px 2px; padding-left: 15px}
#content li.t03 {background:url("++resource++static/tree_a.gif") no-repeat; padding-left: 15px}
#content li.t01 {background:url("++resource++static/tree_r.gif") no-repeat 5px 5px; padding-left: 15px}
#content li.t02 {background:url("++resource++static/tree_p.gif") no-repeat 5px 5px; padding-left: 15px}
/* default when no unit type */
#content li.t {background:url("++resource++static/tree_a.gif") no-repeat; padding-left: 15px}

/* full organisational chart link */
#fullorg {padding-left: 15px; font-weight: bold; text-transform: lowercase;}
#fullorg a {color: #000; text-decoration: underline; border-bottom: none;}
#fullorg a:hover {text-decoration: none;}

/* mailinglists */
.maillist {text-transform: lowercase; padding-left: 15px;}
.maillist a {font-weight: bold; color: #000; text-decoration: underline; border-bottom: none;}
.maillist a:hover {text-decoration: none;}

/*show or hide blocks in rightcolumn of units */
.toggle {cursor: pointer; font-weight:bold; font-style: normal; text-decoration: underline; text-transform: lowercase; padding-left: 15px;}
.closed {background:url("++resource++static/plus.gif") no-repeat; }
.open {background:url("++resource++static/minus.gif") no-repeat; }

/* photos staff view */
.photolist {float:left; margin:10px;}
#content .photolist img {display: block;}
.photoblock {clear: both; float: left;}
div.photo {width: 158px; float: left; position: relative;}
div.nexttophoto {width: 65%; float: left; position: relative;}

/*purgeform*/
.statusMessage {color:#BE4B06; font-size:18px}

/* treeviews */
#corptree, #regtree, #info {float: left; width: 48%; margin: 0.1em;}

/* unitviews */
#corptree p, #regtree p, #info p {margin: 0.9em 0;}
/* tabs for view switch */
#content ul.tabbed {margin: 0; padding: 1em;} 
#content ul.tabbed li a {border-bottom: 1px solid transparent; text-decoration: none; padding: 0.5em;}
#content ul.tabbed li {display: inline; background: none; padding: 1em;} 
#content ul.tabbed li.regtab {background: #f5f5f5; font-size: 1.3em; font-weight: bold;} 
#content ul.tabbed li.corptab {background: #DBF6F4; font-size: 1.3em; font-weight: bold; margin-left: 0.5em;}
#content ul.tabbed li.corptab a, #content ul.tabbed li.regtab a {color: #0C788B;} 
.regcolor {background: #f5f5f5; padding-top: 5px;}
.corpcolor {background: #DBF6F4; padding-top: 5px;}
#content ul.tabbed li.hide {display: none;} /* hide non active views in bothview */
/* whats the difference link */
.diff {font-size: 0.9em;}
.diff a {color: #aaa;}
/* tabs not selected */
#content ul.tabbed li.ctn {background: #DBF6F4; margin-left: 0.5em; padding-bottom: 1.1em;}
#content ul.tabbed li.rtn {background: #f5f5f5; padding-bottom: 1.1em;} 

/* orgview - regional and corporate are 100% width in orgview - when in bothview: class org is set on both columns so
 * they appear next to eachother */
.org {float: left; width: 48%; margin: 0.1em; padding-top: 1em;}


/* responsive css */
@media screen and (max-width:500px) { 
/*@media only screen and (max-width: 480px) {*/
/* person */
.belowtitle {margin-top: 0;}
.searchform input {width: 90%; height: 2em;}
.searchform input[type=submit] {margin-top: 1em;}
#searchResults table {background: white;}

/* unit */
#corptree, #regtree, #info, .corptree {width: 100%;}

/* old */
.twocol.right {width: 100%; border: 0; padding-left: 0;}
.twocol + .twocol {float: left;}
#personSearchForm input {display: block;}
.diff {display: none !important;}
}