span.bold { font-weight: bold; }
.detailsMainContainer { width: 940px; margin: 7px 9px 2px 9px; min-height: 300px; }
#detailsCategories, #detailsContents { float:left;}
#detailsCategories  
{
    width: 208px; margin-right: 20px; border: 1px solid #e1e1e1;     
    border-radius:10px;
    position:relative;
}
#detailsContents { width: 705px; font-size: 12px; }
#categoriesTitle { color: #040404; font-size: 18px; display: block; margin-bottom: 10px; margin-top: 10px; padding-left: 3px; width: 200px; text-align:center;  }
img.detailsNewsImage { max-width: 100px; max-height: 75px; border: 1px solid #e1e1e1; }



.newsevents.topRow .title { font-size:18px; width: 100%; border-bottom:1px solid #e1e1e1; height: 30px; padding-top: 12px; }



div.detailsEntry { position: relative; }
div.detailsEntry div.languages { position: absolute; right: 10px;}
div.detailsEntry div.languages a { display: block;   color: #9DA7AE; font-size: 10px; cursor:pointer; }
div.detailsEntry div.languages a.active, div.detailsEntry div.languages a:hover { color: #040404; text-decoration:none }



div.detailsHeader { min-height: 80px; width: 688px;  }
div.imageContainer, div.titleContainer { float: left; min-height: 80px; }
div.imageContainer { width: 102px; }
div.titleContainer { margin-left: 16px; width: 550px; }
div.titleContainer div.entryHeader { margin-top: 16px; }
div.titleContainer div.entryTitle { text-transform: uppercase; color: #868F94; font-size: 18px; letter-spacing: 2px; }
div.titleContainer div.entryHeader div { font-size: 11px; float: left; color: #9DA7AE; margin-right: 28px; letter-spacing: 2px; }
div.entryHeader div.entryTopic { padding-right: 25px; border-right: 1px solid #E1E1E1; }
div.detailsHeader, div.bodyContainer { clear: both; }
div.bodyContainer p { margin: 0; padding: 0; }
div.bodyContainer br { /*display: none; */ }
div.bodyContainer { clear: both; color: #9DA7AE; margin-top: 16px; line-height: 18px; font-size: 12px; width: 685px; }
div.bodyContainer .teaser { color: #040404 !important; }
div.bodyContainer .body { color: #040404 !important; }
div.bodyContainer a { color: #5D9E9B !important; text-decoration: none !important; }
div.bodyContainer a:hover { text-decoration: underline !important; }

div.categorySection .categoryName { border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; color: #040404; 
                                    font-size: 14px;   }
                                    
div.entryDetailSeparator { clear: both; min-height: 21px; width: 100%; }
div.entryDetailSeparator div { width: 100%; min-height: 10px; }
div.entryDetailSeparator div.eds1 { border-bottom: 1px dashed #e1e1e1; }

div.bodyContainer div.readMore { border-radius:3px; color: #ffffff; font-size: 11px; font-weight: bold; background-repeat: no-repeat; 
                                 background-color: #C50B07; cursor: pointer; padding: 1px 0px 0px 5px; margin-top: 12px; background-position: center center }
                                 
div.bodyContainer div.readMore.more {background-image: url(../img/portal/details/arrow-down.png);}
div.bodyContainer div.readMore.less {background-image: url(../img/portal/details/arrow-up.png);}

div.bodyContainer div.readMoreEmptySpacer, div.bodyContainer div.readMore { height: 16px; width: 30px; }
.mainContent .ui-widget-content {background: none !important; }
#categoryAccordion .ui-accordion-header { width: 208px; height: 38px; font-size: 12px; font-weight: normal; cursor: pointer; vertical-align: middle;
                                          border-top: 1px solid #e1e1e1;  margin: 0; clear: both; }

#categoryAccordion .ui-widget-content { border: 0 !important; font-size: 11px !important; background: none !important; }
#categoryAccordion .ui-accordion-header a , #categoryAccordion .ui-accordion-header a:visited, #categoryAccordion .ui-accordion-header a:hover 
{ text-decoration: none; color: #040404; display: block; margin-top: 10px; margin-left: 5px; margin-right: 5px; }

#categoryAccordion .accordionImage a,#categoryAccordion .accordionImage a:visited ,#categoryAccordion .accordionImage a:hover  { margin-left: 45px; }
 
#categoryAccordion .ui-accordion-header a { background-position: right center; background-repeat: no-repeat; background-image: url(../img/portal/details/expand.png); }
#categoryAccordion .ui-accordion-header:hover, #categoryAccordion .ui-state-active { background-repeat: repeat-x; background-image: url(../img/portal/details/category-hover.png); }
#categoryAccordion .ui-state-active { border-bottom: 1px solid #e1e1e1; }
#categoryAccordion .ui-state-active a { background-image: url(../img/portal/details/collapse.png) !important; }
#categoryAccordion .ui-accordion-content { margin-left: 5px; line-height: 21px; padding: 5px 0px 5px 0px; min-height: 20px; }

#categoryAccordion .ui-icon { background: none !important; display:none !important; }
#categoryAccordion h3.accordionImage span.accimg { position: absolute; width: 32px; height: 35px; left:8px; background-position:left bottom; background-repeat:no-repeat}
#categoryAccordion h3.accordionImage.news span.accimg { background-image: url(../img/portal/details/menuimages/news.png); }
#categoryAccordion h3.accordionImage.events span.accimg { background-image: url(../img/portal/details/menuimages/events.png); }
#categoryAccordion h3.accordionImage.press span.accimg { background-image: url(../img/portal/details/menuimages/press.png); }
#categoryAccordion h3.accordionImage.kiosk span.accimg { background-image: url(../img/portal/details/menuimages/kiosk.png); }
#categoryAccordion h3.accordionImage.articles span.accimg { background-image: url(../img/portal/details/menuimages/articles.png); }
#categoryAccordion h3.accordionImage.misc span.accimg { background-image: url(../img/portal/details/menuimages/misc.png); }
#categoryAccordion h3.accordionImage.tools span.accimg { background-image: url(../img/portal/details/menuimages/e-university.png); }
#categoryAccordion h3.accordionImage.card span.accimg { background-image: url(../img/portal/details/menuimages/card-watch.png); }
#categoryAccordion h3.accordionImage.pm span.accimg { background-image: url(../img/portal/details/menuimages/pm.png); }
#categoryAccordion h3.accordionImage.education span.accimg { background-image: url(../img/portal/details/menuimages/education.png); }
#categoryAccordion h3.accordionImage.lectures span.accimg { background-image: url(../img/portal/details/menuimages/lectures.png); }
#categoryAccordion h3.accordionImage.professors span.accimg { background-image: url(../img/widgets/professors/professor-small.gif); }
#categoryAccordion h3.accordionImage.pis span.accimg { background-image: url(../img/widgets/pis/pis_image_small.png);  }
.tvMenu { margin-left: 15px !important; }
.tvMenu div img { display: none; }
.tvMenu a.leafTvNode { padding-left: 10px; background-image: url(../img/portal/widget/news/bullet.png); background-repeat: no-repeat; background-position: left center; }
.tvNode { margin-left: 5px; }
.selectedTvNode { font-weight: bold; }

.settingsMenu li { position: inherit !important; clear: both;  width: 180px;  margin-left: 10px !important;}
.settingsMenu li a, .tvMenu a { color: #878f94; }
.settingsMenu li a:hover { color: #040404 !important; text-decoration: none !important; }
.settingsMenu li,.settingsMenu ul { margin-bottom: 8px; }
.detailsMenu li  { margin-bottom: 0px !important; background-image: none; padding-left: 0px; }

.detailsMenu li a  {padding-left: 10px; background-image: url(../img/portal/widget/news/bullet.png); background-repeat: no-repeat; background-position: left center; }

.detailsMenu ul.level1 li {  width: 175px; }
.detailsMenu ul {list-style-type: none;padding: 0;margin:0; }
.detailsMenu li a.level2 { margin-left: 20px; }
/*.detailsMenu li.has-popup a.popout { display: block; background-repeat: no-repeat; background-position: right center; 
                            background-image: url(../img/portal/details/expand.png); } 
.detailsMenu li.has-popup a.popout.highlighted {  background-image: url(../img/portal/details/collapse.png); }                             */
div.ui-accordion-content div.settingsEntries div.newsEntryTitle { margin-left: 10px !important; }

/*#categoryAccordion .ui-accordion-content .newsEntryTitle { clear: both;  min-width: 200px;  }
#categoryAccordion .ui-accordion-content .newsEntryTitle a { color: #878f94; }
#categoryAccordion .ui-accordion-content .newsEntryTitle a:hover { color: #040404 !important; text-decoration: none !important; }*/

#accordionSelectedValues { display: none; }
a.accordionLinkActive { color: #040404 !important; }

.detailsPager { clear: both; text-align:center; min-width: 690px; margin-top: 50px; }
.detailsPager .pager { height: 26px; vertical-align: middle; width: 400px; margin: 0 auto; text-align:left;   }

.pagerItems .prevItem, .pagerItems .nextItem { width: 21px; height: 21px; background-repeat: no-repeat; margin-top: 2px;  }  
.pagerItems .prevItem a, .pagerItems .nextItem a { text-decoration: none; display: block; width:20px !important; height:18px !important;}
.pagerItems .prevItem { background-image: url(../img/portal/pagination/inactive-left.png);  }
.pagerItems .prevItemActive { background-image: url(../img/portal/pagination/active-left.png) !important; }
.pagerItems .nextItem { background-image: url(../img/portal/pagination/inactive-right.png);  }
.pagerItems .nextItemActive { background-image: url(../img/portal/pagination/active-right.png) !important; }

.pagerLine { position: relative; left: 0px; top: 14px; width: 100%; height: 1px; background-color: #e1e1e1; z-index: 1; }
.pagerItems { position: relative; left: 0px; }
.pagerItems div { float: left; }
.pager div.pagerItem { text-align: center;  margin-top: 4px; background-repeat: no-repeat; background-image: url(../img/portal/pagination/inactive-page.png); width: 18px; height: 18px; }         
.pager div.activeItem { margin-top: 0px !important; background-image: url(../img/portal/pagination/active-page.png) !important; width: 26px !important; height: 26px !important; }
div.pagerItem a { font-weight: bold;  color: #ffffff; font-size: 11px !important; text-decoration: none !important; display: block; margin-top: 2px; }
div.activeItem a {  font-size: 16px !important; margin-top: 4px !important; }

div.lastItemInRange, div.firstPagerPage { margin-right: 0px !important; }
div.pagerSpacer, div.pagerDashedSpacer, div.pagerSpacerBetween, div.pagerSpacerMain { float: left; height: 13px; border-bottom-width: 1px; border-bottom-color: #e1e1e1; }
div.pagerSpacerBetween, div.pagerSpacerMain { border-bottom-style: solid;  }
div.pagerSpacerBetween { width: 6px; }
div.pagerSpacerMain { width: 37px; }
div.pagerDashedSpacer { width: 21px; border-bottom-style: dashed; }

.detailsFooter { clear: both; float: left; width: 400px; height: 30px; }

div.dropdown  select {  width: 160px !important; margin-top: 20px; margin-left: 5px;  }
div.dropdown span.select {  width: 160px !important;    background-image: url(../img/widgets/interflex/dropdown.png) !important; }
div.dropdown { position: relative; width: 230px;  } 


.sectionDetail div.dropdown  select, div.degreesDropdown select { margin-top: 5px; }
.sectionDetail div.dropdown span { line-height: 20px !important ;}


div.tabs ul.ui-tabs-nav {  height:30px; width: 390px; display: block; margin:0 0 0 260px; padding:0; float:right !important; }

.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
border-bottom: 0 !important;
padding: 0;
white-space: nowrap;
 height: 23px;
    margin-right: 5px;
    float: left;
    width:76px;
    text-align: center;
    border: 1px solid #e1e1e1;
     border-top-left-radius: 5px 5px; 
                    border-top-right-radius: 5px 5px;
                     background-image: url(../img/portal/inactive-tabs-bg.png);
    background-repeat: repeat-x;
    background-position: bottom;
    margin-top: 3px;
    padding-top: 4px;
    
}
.ui-tabs .ui-tabs-nav li a 
{
    color: #9DA7AE ; text-decoration: none;    font-weight:bold;
}

.ui-tabs-selected 
{
    height: 27px !important;
   background-image: none !important;
   background-color: #fff;
   margin-top: 0px !important;
   border-bottom: 1px solid #fff;
   z-index: 10;
   
}

.ui-tabs-selected a { color: #040404 !important; }

.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
border-top: 1px solid #e1e1e1;
margin: 10px 0 0 0;
background: none;
}

.ui-tabs .ui-tabs-hide {
display: none !important;
}


div.detailsTable div.row { clear: both; height: 30px; }
div.detailsTable div.row div { float: left; }

div.detailsTable div.row div.label { width: 200px; }
div.detailsTable div.row div.labelLong { width: 350px !important; }
div.detailsTable div.row div.content { width: 320px; }
div.detailsTable div.row div.contentShort { width: 170px !important; }
div.detailsTable div.row div select { width: 290px; color: #9DA7AE; border: 1px solid #9DA7AE; height: 150px; }
div.detailsTable div.row .domainDropdownPh { position: relative; }
div.detailsTable div.row .domainDropdownPh select { height: inherit !important;  }
div.multiAccounts { clear:both; margin: 0; padding: 0; }
div.multiAccounts div.accountItem { background-position: left center; background-repeat: no-repeat; padding-left: 10px; clear: both; display: block;
                      background-image: url(../img/portal/widget/news/bullet.png); width: 240px; height: 18px;  }
div.multiAccounts div.accountItem span, ul.multiAccounts div.accountItem a { display: block;  }  
div.multiAccounts div.accountItem span { float: left; letter-spacing: 1px; }
div.multiAccounts div.accountItem a { float: right; }                 
div.multiAccounts div.accountItem a.delMa { background-position: center center; background-repeat: no-repeat; display: block; 
                              background-image: url(../img/portal/entrymask/delete-btn.png); width: 17px; height: 17px;   }
div.multiAccounts div.accountItem a.delMa:hover { background-image: url(../img/portal/entrymask/delete-hover-btn.png); }
input.txtSettings { width: 290px; border: 1px solid #e1e1e1; position:relative;}
input.txtSettingsShort { width: 150px !important; }
input.txtSettings, input.txtSettingsShort { border-radius: 5px; outline:none; padding: 0px 3px 0px 3px; }
div.detailsTable div.row span.error { color: #C50B07; line-height: normal !important; float: right; display: block; }
div.detailsTable .rblBank td { width: 70px; }
div.detailsTable .rblBank label { float: none !important; }
div.detailsTable div.row span.lblSettings { display: block; border: 1px solid #e1e1e1; color: #040404; width: 290px; height: 13px; padding: 2px; line-height: normal !important;}

div.notice { margin-top: 10px; }
div.notice strong, div.notice span { display: block; clear: both; }


/* END details STYLING */

/* interflex */
div.mainContent .topRow { height: 23px ;}
div.mainContent .topRow .title { font-size: 18px; }
div.mainContent .glance { width: 620px; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
div.mainContent .glance .heading div {  }
div.mainContent .glance .heading div.glanceTitle { width: 230px; font-size: 14px;  float: left; height: 33px; padding-top: 16px; }
div.mainContent .glance .heading div.glanceHead { color: #5D9E9B; text-align: center; width: 129px;border-bottom: 1px solid #e1e1e1; 
                                                  border-left: 1px solid #e1e1e1;  float: left; height: 33px; padding-top: 16px; }
                                             
div.glanceRow div.dropdown { width: 230px; float: left; background-repeat: no-repeat;  
background-position: left top; background-image: url(../img/widgets/interflex/arrow.png); top:-1px  }
div.glanceRow div.glanceLines { float: left; border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1;}
div.glanceRow div.glanceLines .row { clear: both; height: 30px; }
div.glanceRow div.glanceLines .row div.cell { text-align:center; float: left; width: 129px; padding-top: 6px; height: 24px; border-right: 1px solid #e1e1e1; }

div.glanceRow div.glanceLines .row div.cellLast, div.glanceRow div.glanceLines .row div.cellMid {  width: 129px ;  }
div.glanceRow div.glanceLines .row div.cellLast { border-right:0px !important; width: 129px !important;  }
div.glanceRow div.glanceLines .rowAlt, div.detailTable .ui-tabs-panel .ifRowAlt  { background-color: #EAEAEA; }
div.detailTable .heading, div.detailTable .list { clear: both; }
div.detailTable .ui-widget-header, div.detailTable .ui-widget-content  { background: none !important; border: 0 !important; }
div.detailTable { clear: both;  border-bottom: 1px solid #e1e1e1; padding-top:20px; }
div.detailTable .heading .desc { width: 230px; }

#interflexManagerTabs div.tooltip { cursor: pointer; }
#interflexManagerTabs div.tooltip:hover { text-decoration: underline; }



div.detailTable .ui-tabs-panel .ifRow { clear: both; height: 30px; }  
div.detailTable .ui-tabs-panel .ifRow.ifHeadingRow {color: #5D9E9B; text-align: center;  }
div.detailTable .ui-tabs-panel .ifRow .ifCell { float: left; min-width: 40px; height: 24px; padding-top: 6px; }
div.detailTable .ui-tabs-panel .ifRow .ifCell.ifListFullName,div.detailTable .ui-tabs-panel .ifRow .ifCell.ifListNameShort
 { width: 220px;color:#9DA7AE; padding-left: 10px; }
div.detailTable .ui-tabs-panel .ifRow .ifCell.ifListOvertime { width: 130px;  }
div.detailTable .ui-tabs-panel { min-height: 30px;}
div.detailTable .ui-tabs-panel .ifRow .ifCell.ifListOvertime, div.detailTable .ui-tabs-panel .ifRow .ifCell.ifListIllness
{ text-align: center; width: 130px;}
div.detailTable  .ui-tabs-panel .ifRow .ifCell.ifDataBlue { color: #2E48AA;}
div.detailTable  .ui-tabs-panel .ifRow .ifCell.ifDataRed { color: #C50B07; }
div.detailTable  .ui-tabs-panel .ifRow .ifCell.ifDataBold { color: #C50B07;}
div.detailTable .ui-tabs-panel .ifRow .ifCell.ifListImg { width: 95px; text-align:center; }   
div.detailTable .ui-tabs-panel .ifRow .ifCell.ifListDates { width: 200px; text-align:center; }   

/* timerec */
div.timerec .topRow .title { padding-left: 35px; background-repeat: no-repeat; background-image: url(../img/widgets/interflex/timerec_small_icon.png); }
div.timerec .topRow { padding-bottom: 5px; width: 640px; }
div.timerec .topRow div { float: left; }
div.axisHolder { border: 1px solid #e1e1e1;  width: 640px;  }
div.timerec input.datepicker { border: 1px solid #e1e1e1;border-radius:5px; width: 70px; text-align: center; outline: none; }
div.timerec .topRow .icons { float: right; width: 50px;  }
.timerecAbsences .title { font-size: 13px; display:block; }
.timerecAbsences {  width: 641px;border-bottom: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;}
.timerecAbsences .ui-tabs-panel { border-top: 1px solid #e1e1e1; }
div.timerec .topRow .controller .ifControl { padding-top: 4px; float: left; margin-left: 40px ;}
.ifPeopleContainer, .ifPeopleContainer select {position:relative;}
.ifPeopleContainer span.select { margin-left: 45px; }

/*project manager */
.timerec.pm{ position:relative; }
.timerec.pm select { width:262px !important; max-width: 262px !important; margin-top: 14px; position:relative; margin-left: 7px; }
.timerec.pm span.select {overflow:hidden !important; margin-top:5px;margin-left: 67px; height: 20px; !important; width:262px;
                              background-image: url(../img/widgets/rt/dropdown_bg.png) !important; top: 8px;  }
.pmTimerec span.select { margin: 0px 0px 0px 100px !important ; top: 0px !important}  
.pmTimerec select {  margin-top: 3px !important; }                            
.pm .pmDay { overflow: hidden; width: 100%; border-bottom: 1px solid #e1e1e1; font-size: 11px !important; padding: 3px 0px 3px 0px;clear:both;}
.pm .pmDayAlt { background-color: #f1f1f1 !important; }
.pm .pmCell { float:left;}
.pm .pmDate { width: 80px; }
.pm .pmTimeRec { width: 300px; }
.pm .pmPresRec { width: 230px; }
.pm .pmTimeRec .pmEntry { clear:both;}
.pm .pmEntry .pmTmEntry { float:left }
.pmTmEntry.bullet { width: 10px; background-repeat: no-repeat; background-position: left center;
                 background-image: url(../img/portal/widget/news/bullet.png);}
.pmTmEntry.activity { width: 220px; padding-right:3px }
.pmTmEntry.hours { width: 35px; }
.pm .pmHeader .pmCell { font-weight: bold;  border-bottom: 1px solid #9DA7AE; padding-bottom: 3px; margin-bottom: 5px; }
.pm .tabs { margin-top: 20px ;}
.pm .pmThin { font-style: italic; }
.pm .pmPr { clear: both; }
.pm .pmPr .pmEntry { float: left; width: 50%; }
.pm .txtShort { width: 40px; }
.tabs .timeRecord { clear:both; min-height: 25px; }
.tabs .timeRecord .pmTmEntry.activity { width: 300px !important; }
.tabs .timeRecord .pmTmEntry.note { width: 100px ; overflow: hidden; }
.tabs .timeRecord .pmTmEntry.hours { width: 55px !important; }
.pm span.label { display:block; width: 100px;}
.pm #ddlActivities,.pm input.txtSettings ,span.label { float: left; } 
.pm input.button { cursor: pointer;  float: right; margin-right: 150px; background-repeat:no-repeat; width:102px; height: 20px; background-color: transparent; border: 0 !important; padding:0; 
                   background-image: url(../img/portal/entrymask/save-btn.png); margin-bottom: 20px; }
.pm input.button:hover { background-image: url(../img/portal/entrymask/save-hover-btn.png); }
.pmTimerec .tabs { margin-top: 20px; clear: both; }
.pm.goals {  padding-bottom: 20px; }
.pm.goals .newsEntry .newsEntryTitle { width: 350px; }
.pm.goals .newsEntry .newsEntryTitle,.pm.goals .newsEntry .newsEntryTitle a, .pm.goals .newsEntry .newsEntryDate { color: #040404; }
.pm.goals .newsEntry.expired .newsEntryTitle,.pm.goals .newsEntry.expired .newsEntryTitle a, .pm.goals .newsEntry.expired .newsEntryDate { color: #C50B07 !important; }
.pm.goals .newsEntry.done .newsEntryTitle,.pm.goals .newsEntry.done .newsEntryTitle a, .pm.goals .newsEntry.done .newsEntryDate { color: #9DA7AE !important; text-decoration:line-through; }


.pm .pisOrder .workflow, .pm .pisOrder .orderLink{ float:left;}  
.pm .pisOrder { min-height: 16px;}
.pm .pisOrder { clear:both;}
.pisOrder .workflow { padding: 4px 10px 0px 0px; }
.pisOrder .workflow { width: 30px ;}
.pisOrder .workflow img { margin-right:2px; }
.pisOrder a { color: #040404; }

/*reimbursements*/
div.mainContent.professors .glance { width: inherit !important; }
div.reimbursements h3, div.reimbursements div.positions { clear: both;}
div.pisReimbOrders { font-size: 10px; }
div.pisReimbOrders div.piscol { float: left; }
div.pisReimbOrders div.header .piscol { font-weight: bold; font-size: 11px;  }
div.pisReimbOrders div.header, div.pisReimbOrder {clear:both; width: 700px; min-height: 15px; }
div.piscol.number { width: 50px; }
div.piscol.descr{ width: 130px; }
div.piscol.exp,div.piscol.adv,div.piscol.ref { width: 65px; }
div.piscol.date { width: 70px; }
div.piscol.cc,div.piscol.budget { width: 117px; }
div.refYear, div.refYear select { position: relative; }
div.refYear select { width: 122px; }
div.refYear span.label { display: block;float: left;width: 60px;height: 20px;padding-top: 5px; }
div.mainContent.professors div.piscol a { color:#5D9E9B; }
div.pisReimbOrder { display:table; width:680px; }
div.pisReimbOrder.altrow { background-color: #f0f0f0; }
div.refYear span.label:first-letter { text-transform:uppercase; }
div.refYear span.select { left: 60px;}
div.tabs.profs { margin-top: 20px; border-top: 1px solid #e1e1e1 }
div.reimbursements
{
    width: 100%;
}
div.reimbursements h3 { margin:0; font-weight:normal; font-size: 14px ; padding-left: 5px; outline: none; cursor:pointer; }
div.reimbursements .ui-state-active {background-repeat: repeat-x;background-image: url(../img/portal/details/category-hover.png);}
div.reimbursements .ui-accordion-header {border: 1px solid #e0e0e0; border-radius: 3px; height: 25px; padding-top: 7px; }
div.reimbursements .ui-accordion-header .ui-icon { width:16px; height:16px; float:left;background-position: left center;background-repeat: no-repeat; }
div.reimbursements .ui-accordion-header .ui-icon-triangle-1-s { background-image: url(../img/portal/details/collapse.png);                                          }
div.reimbursements .ui-icon-triangle-1-e  {background-image: url(../img/portal/details/expand.png) !important;}
div.reimbursements div.positions { min-height: 40px; border-right: 1px solid #e0e0e0 !important;border-left: 1px solid #e0e0e0 !important;border-bottom: 1px solid #e0e0e0 !important;width: 657px; }
div.reimbursements .ui-accordion-content-active { padding-left: 21px ; padding-top: 4px; color:#878f94; }

div.refundList
{
    padding-top: 25px;
    clear: both;
    margin-top: 10px !important;
}
    div.refundList .detailTable
    {
        border-bottom: 0px !important;
    }
    div.refundList .glance
    {
        border-top: 0px !important;
        border-right: 0px !important;
        border-bottom: 0px !important;
    }

#refunds
{
    width: 680px;
}

/* pm absences */
div.absencecalendar .ui-datepicker {width:680px !important; background-color: #fff; border: 0px; }
div.absencecalendar .ui-state-default { height: 20px;  font-size: 14px; font-weight: bold; }
div.absencecalendar .ui-datepicker-week-end { color: #040404;}
div.absencecalendar .ui-datepicker-unselectable { border: 1px dotted #040404; width: 88px; height: 90px; background-color: #C5F2B3; cursor: pointer; padding-bottom: 5px  }
div.absencecalendar .ui-datepicker-other-month { border: 0px;background-color: #fff }
div.absencecalendar .ui-datepicker-title { font-size: 18px; color: #9DA7AE;}
div.absencecalendar .ui-datepicker td span.absentStaff { text-align:left;
  overflow: hidden; width: 88px ; height: 70px; font-size:10px;  }
  
div.absencecalendar thead span { font-size: 12px; font-weight: normal; }
div.mainContent.absences .glance { width: inherit !important; border-bottom: 1px solid #e1e1e1; }



.absencescount1, .adminview .abstens1 { background-color: #FFFFD1 !important; }
.absencescount2, .adminview .abstens2 { background-color: #FCFC90 !important; }
.absencescount3, .adminview .abstens3 { background-color: #FCE390 !important; }
.absencescount4, .adminview .abstens4 { background-color: #FFBE7D !important;}
.absencescount5, .adminview .abstens5 { background-color: #FFC3B8 !important; }
.absencescount6, .adminview .abstens6 { background-color: #FF9F8C !important; }
.manyabsences, .abstens7 , .adminview .abstens8 , .adminview .abstens9 , .adminview .abstens10, 
.adminview .abstens11, .adminview .abstens12, .adminview .abstens13, .adminview .abstens14,
.adminview .abstens15, .adminview .abstens16, .adminview .abstens17, .adminview .abstens18, .adminview .abstens19, .adminview .abstens20, .adminview .abstens21
  { background-color: #FF4621 !important; }


/*, "#2524CF", "#68C200",  "#CF2719", "#4C1B1B", 
                "#B9121B",      "#FCFAE1",      "#BD8D46",      "#73515E",      "#6B17BF",      "#32D9BC", 
                 "#F2811D",      "#531B8C",      "#8C001C",      "#ADADD9",      "#69BFBF",      "#8C8C1C",      "#F2CE61" */



/* library */
div.glance.lib { border-bottom: 1px solid #e1e1e1; width: 460px !important; }
div.libCategory { clear: both; }
div.libCategory .content { min-height: 50px; }

div.libCategory .head { height: 26px; font-weight: bold; font-size: 14px; padding-top: 8px; border-bottom: 1px solid #e1e1e1; }
div.libCategory.ordered, div.libCategory.suggested { border-top: 1px solid #e1e1e1; }
div.libCategory div.image img { max-width: 70px; max-height: 90px; }
div.libCategory .ui-widget-content { border: 0 !important; }
div.libCategory .head.ui-accordion-header { outline: none; background-color: #fff; cursor: pointer;  }
div.libCategory .head.ui-accordion-header.ui-state-active { background-color: #f0f0f0 !important; } 
ul.jPaging, ul.simplePagerNav, ul.jPaging li, ul.simplePagerNav li { margin: 0; padding: 0; }
ul.jPaging, ul.simplePagerNav { list-style-type: none; }
ul.simplePagerNav li { float: left; margin-right: 5px; }
ul.simplePagerNav li a { display: block; width: 20px; height: 20px; font-size: 13px; color: #040404 !important;  padding-top: 3px;
                         text-decoration: none; background-color: #f1f1f1; border: 1px solid #9DA7AE; text-align:center; }
ul.simplePagerNav li.currentPage a   { background-color: #5D9E9B !important; }                                                                       
ul.simplePagerNav li.currentPage { font-weight: bold !important;  }
ul.simplePagerNav { clear: both; min-height: 20px; width: 100%; margin-bottom: 15px;                    }
ul.jPaging li { display: block; height: 100px; clear: both;   }

ul.jPaging li div.image, ul.jPaging li div.description { float: left;padding-top: 15px;  }
ul.jPaging li div.image { width: 80px; height: 90px; float: right !important; padding-right: 10px;}
ul.jPaging li div.description { width: 300px; }
ul.jPaging li div.description span { display: block; }
ul.jPaging li div.description span.smaller { font-size: 10px; }
ul.jPaging li div.description span.addInfo { font-style:italic;}
ul.jPaging li div.description span.bookDate { font-style: italic; margin-top: 10px; font-size: 10px; }
ul.jPaging { padding-bottom: 10px !important; }
div.libCategory.suggested ul.jPaging li,div.libCategory.suggested ul.jPaging li div.image { height: 55px !important; } 
  div.libCategory.suggested li.alt { background-color: #f1f1f1 !important; z-index: 1; }
  div.libCategory.suggested div.description,  div.libCategory.suggested div.image { z-index:0; padding-top: 5px !important; height: 50px !important; }

div.barLine { margin: 10px 0px 0px 1px; padding-top: 3px; padding-bottom: 10px; width: 270px; clear: both;   }
div.barLine div { float: left; height: 8px; } 
.expiringBar {  float:left; width: 161px; height: 8px; background-repeat: no-repeat; background-image: url(../img/widgets/library/time-bar.png); z-index:0;}
.expiringBar div { float: left; background-repeat:repeat-x; height: 6px; background-position: left center; }
.expiringBar div.timeSpentOrange { background-image: url(../img/widgets/library/inner-time-bar-orange-mid.png); z-index:2; }
.expiringBar div.timeSpentRed { background-image: url(../img/widgets/library/inner-time-bar-red-mid.png); z-index:2; }
.expiringBar div.timeSpent div.leftBorder {  z-index: 3; position: relative; left: -3px; }
.expiringBar div.timeSpentOrange div.leftBorder { background-image: url(../img/widgets/library/inner-time-bar-orange-left.png); }
.expiringBar div.timeSpentRed div.leftBorder { background-image: url(../img/widgets/library/inner-time-bar-red-left.png); }
.expiringBar.fullTime { background-image: url(../img/widgets/library/inner-time-bar-red.png) !important; }
.expiringBar.fullTime div.leftBorder { display: none; }
div.extendMedia { float: right !important; width: 60px; height: 12px; top: -5px; position: relative; }
div.extendMedia a, .jPaging div.description a, .loanhistory a { color: #5D9E9B !important; }

div.mainContent.library, div.rightColumnDetail, div.mainContent.searchContent { float: left; }
div.mainContent.library, div.mainContent.searchContent { width: 460px; }
div.rightColumnDetail { margin-left: 20px; width: 210px;  }
div.rightbox { width: 206px; }
div.opacSearch { border: 1px solid #e1e1e1; background-color: #f2f2f2;  height: 144px; padding: 10px;
  border-top-left-radius: 10px 10px; 
                    border-top-right-radius: 10px 10px;
                    border-bottom-left-radius: 10px 10px;
                    border-bottom-right-radius: 10px 10px;}
div.opacSearch .title { font-weight: bold; font-size: 12px; display: block; }
div.opacSearch .searchBox { border: 0 !important; outline: none; display: block; width: 162px; background-color: #f2f2f2; height: 20px;
                         background-repeat: no-repeat; background-image: url(../img/widgets/library/search-field.png);
                              margin: 17px 0px 10px 20px !important; }                                        
div.opacSearch .libSources { margin-top: 20px; font-size: 10px; }
div.opacSearch a.searchButton { text-decoration: none; display: block; width:62px; height: 20px; margin: 10px 0px 0px 70px !important;
                                    background-repeat: no-repeat; background-image: url(../img/widgets/library/go-btn.png); }

div.libNews { clear: both; margin-top: 10px; }                                    
div.libNews .title { border: 1px solid #e1e1e1; font-weight: bold; width: 206px; height: 16px; display: block; padding: 4px 10px 4px 10px; }                                    
div.libNews a.singleNews { color: #5D9E9B;  display: block; margin-top: 3px; }
div.libNews span.date { display: block; margin-bottom: 2px; color: #9DA7AE; font-style: italic; font-size: 10px ; }
div.libNews a.singleNews, div.libNews span.date { margin-left: 10px; }
div.searchMediaList { padding: 15px 5px 0px 0px; }
div.searchResults { padding-bottom: 15px;}


/* INIS */
.inis div.libCategory { margin-top: 10px;}
.inis div.libCategory .content {  min-height: inherit; width: 200px; }
.inis div.libCategory .date { width: 80px; overflow: hidden;  font-size: 11px; }
.inis div.libCategory .bullet { width: 10px; background-repeat: no-repeat; background-position: left center;
                 background-image: url(../img/portal/widget/news/bullet.png);}
.inis div.titleLine { clear: both; width: 460px; min-height: 20px;}
.inis div.titleLine.heading { font-weight:bold;}
.inis div.titleLine.heading .content { width: 210px; }
.inis div.titleLine div { float: left; }
.inis div.borrowedItem.altItem div { background-color: #e0e0e0 !important;}


/*LECT*/
.lect .EventRow { width:620px; min-height:55px; font-size:14px; color:#333; border-left-width:0px; border-bottom: 1px solid #e1e1e1 }
.lect .EventRow div.bar{ height: 51px; width:1px; border-left-width:10px;float:left; margin-top:2px}
.lect .InlineEvent { padding-top: 10px;}
.lect .InlineEvent.activity{ width: 435px; padding-left:10px ; padding-right: 10px;  }
.lect .InlineEvent.location { width: 60px; }
.lect .InlineEvent.hour{ width: 90px; }
.lect .InlineEvent.activity i { font-style: normal; color: #9da7ae;}
.lect { border-bottom: 1px solid #e1e1e1;}
.lect.loadingBar { min-height: 100px; text-align: center; }
.lect.loadingBar:after { content:'Loading...';  }
.lectures .topRow { width: 621px; }
.lectures .topRow .title { width: 100%; float: left; }
.lectures .topRow .icons { display:none;}
.lectures .lectureFaculties{ float:right; position:relative; font-size: 12px;}
.lectures .lectureFaculties select {width:262px !important;}
.lectures .lectureFaculties span.select {width: 262px !important; background-image: url(../img/widgets/rt/dropdown_bg.png) !important;}

/* PIS */
div.mainPis, div.mainArticles, div.mainUser, div.detailMenu { margin-left: 9px; margin-top:27px; }
div.mainPisPanel { width: 720px; font-family: Arial, Verdana, Helvetica !important;}
div.mainPisPanel div.budgetmain, div.mainPisPanel div.budgetDetails, div.mainPisPanel div.budgetTable { clear: both; width: 100%; text-align: center; padding-top: 10px; } { clear: both; width: 100%; text-align: center; padding-top: 10px; }
div.mainPisPanel .title { width: 720px; height: 25px; }
div.mainPisPanel .title span.pisTitle { width: 550px; padding-left: 25px;  text-transform: uppercase; font-size: 18px; color: #878F94;
                          background-repeat: no-repeat; background-position: left center; 
                          background-image: url(../img/widgets/pis/page-symbol.png); letter-spacing:2px; display: block; float:left;  }


div.mainPisPanel .title div.langBox { float: left; width: 450px; }
div.mainPisPanel .title div.langBox select { width: 262px !important; }
div.mainPisPanel .title div.langBox span.select { top: -20px; position:relative !important; width: 262px !important;  background-image: url(../img/widgets/rt/dropdown_bg.png) !important; } 

div.mainPisPanel .top { width: 720px; background-repeat: no-repeat;  background-image: url(../img/widgets/pis/page-header-background.png);
                        padding-left: 15px; padding-top: 25px; }
div.mainPisPanel .top div { font-size: 11px; float: left; color: #9DA7AE;  letter-spacing: 2px; }  
div.mainPisPanel div.budgetName { text-transform: uppercase; border-right: #e1e1e1 1px solid; padding-right: 28px; }
div.mainPisPanel div.budgetDate {  padding-left: 28px; }
div.mainPisPanel .top .toolbar { float: right !important; background-repeat: no-repeat;  background-image: url(../img/widgets/pis/tool-bar-background.png); 
                                 width: 151px; height: 37px;  z-index: 7; padding-right: 33px;}
div.mainPisPanel .top .toolbar a { float: left; display: block; z-index: 10; width: 29px !important; height: 37px !important; 
                                   background-repeat: no-repeat; background-position: center center; text-decoration: none !important; }
.toolbar a.absolute { background-image:  url(../img/widgets/pis/tool_bar/euro.png); }                                
.toolbar a.percent { background-image:  url(../img/widgets/pis/tool_bar/percent.png); }  
.toolbar a.calc { background-image:  url(../img/widgets/pis/tool_bar/calculator.png); }  
.toolbar a.mail { background-image:  url(../img/widgets/pis/tool_bar/send.png); }  
.toolbar a.print { background-image:  url(../img/widgets/pis/tool_bar/print.png); } 
div.mainPisPanel .overview { width: 100%; font-size: 14px; color: #040404; letter-spacing: 2px; margin-bottom: 15px; }
div.mainPisPanel div.budgetmain .overview { margin-bottom: 30px !important; }
.budgetBarChart .bar .label { font-size: 12px; font-weight: bold; color: #878f94; width: 80px;padding-top: 3px; }
 .budgetBarChart { width: 600px; margin-left:auto; margin-right:auto;  }
 .budgetBarChart .bar {  height: 22px; margin-bottom: 5px; }
 .budgetBarChart .bar div {  float:left; height: 100%  }
.bar .graph div {  font-size: 1px !important; }
.bar .value { padding-left: 10px; font-size: 14px; color: #040404; padding-top: 3px; }
.bar .graph .center { height: 22px;  }
.bar .graph .left, .bar .graph .right { width: 3px; height: 22px; background-repeat: no-repeat; }
.totalBar .graph .left { background-image:  url(../img/widgets/pis/graph_bar/first-left.png); }  
.totalBar .graph .center {    background-image:  url(../img/widgets/pis/graph_bar/first-mid.png); }
.totalBar .graph .right { background-image:  url(../img/widgets/pis/graph_bar/first-right.png); } 
.spentBar .graph .left { background-image:  url(../img/widgets/pis/graph_bar/second-left.png); }  
.spentBar .graph .center {    background-image:  url(../img/widgets/pis/graph_bar/second-mid.png); }
.spentBar .graph .right { background-image:  url(../img/widgets/pis/graph_bar/second-right.png); } 
.leftBar .graph .left { background-image:  url(../img/widgets/pis/graph_bar/third-left.png); }  
.leftBar .graph .center {    background-image:  url(../img/widgets/pis/graph_bar/third-mid.png); }
.leftBar .graph .right { background-image:  url(../img/widgets/pis/graph_bar/third-right.png); } 
.budgetmain .budgetBarChart { margin-bottom: 20px; }
div.mainPisPanel div.separator { clear:both; font-size: 1px; height: 1px; width: 600px; background-color: #e1e1e1; margin: auto; }
div.mainPisPanel div.budgetDetails { padding-top: 20px !important; text-align: left;}
div.mainPisPanel div.budgetDetails .overview {  width: 100%; text-align: center; margin-bottom: 15px; }
div.mainPisPanel div.budgetDetails img { margin-left: 20px; }
div.budgetTable { padding-top: 0px !important; border: 1px solid #e1e1e1; width: 599px !important; margin-left: 30px; 
                    border-top-left-radius: 5px 5px; 
                    border-top-right-radius: 5px 5px;
                    border-bottom-left-radius: 5px 5px;
                    border-bottom-right-radius: 5px 5px; }
div.btRow { clear: both; width: 599px; height: 20px; }
div.btAltRow { background-color: #e1e1e1 !important; }
div.btHeader {  height: 34px !important; color: #5d9e9b; font-size: 12px; font-weight: bold;
                background-repeat: no-repeat; background-image:  url(../img/widgets/pis/table/columns-background-header.png); } 
div.btHeader div { height: 34px;  text-align:center;  }  
div.btHeader div span { display: block; margin-top: 8px; }
div.btHeader div.withSeparator    { background-repeat: no-repeat; background-position: top  right; 
                   background-image:  url(../img/widgets/pis/table/columns-divider.png);}                     
div.btRow div {  float: left; padding-top: 2px; }  
div.btRow .btDesc { text-align: left; padding-left: 15px; color: #878f94; font-size: 10px; padding-top: 3px !important; }
div.btRow .btCell1 { width: 354px !important; }
div.btRow .btCell2 { width: 150px !important; font-size: 11px; }
div.btRow .btCell3 { width: 80px !important; font-size: 11px; }
.pisCategories { border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; }

.mainOrderPanel  .title { position: relative; max-width: 620px; min-height: 25px; margin-bottom: 20px;}
.mainOrderPanel div.pislink {position: relative;left: 655px;top: -35px;}
.mainOrderPanel div.pislink img:hover { border: 1px solid #e0e0e0; }
.mainOrderPanel div.pislink img{ width: 50px}
.mainOrderPanel  .title span.pisTitle, .orderListPanel .title span.pisTitle { width: inherit !important; margin-bottom:10px; }
.mainOrderPanel div.pisrow { clear:both; padding-left: 15px;padding-top: 5px;}
.mainOrderPanel div.pisrow.top { padding-top: 25px; }
.mainOrderPanel div.pisrow span { float: left; }
.mainOrderPanel span.label { font-weight: bold; clear: both; display: block; width: 90px;} 
.mainOrderPanel div.workflow  {width: 600px;min-height: 20px; float: left;}
.mainOrderPanel div.workflow  .wfposition { clear: both;height: 20px; }
.mainOrderPanel div.workflow div { float: left;  }
.mainOrderPanel div.workflow div img { margin-left: 3px; margin-right: 10px; vertical-align: bottom; }
.mainOrderPanel div.detailpositionheader,.mainOrderPanel div.detailposition { clear: both; }
.mainOrderPanel div.detailposition { height: 18px ;}
.mainOrderPanel div.altdetail { background-color: #e0e0e0; }
.mainOrderPanel div.detailpositionheader div,.mainOrderPanel div.detailposition div { float: left ;}
.mainOrderPanel div.detailpositionheader div { font-weight: bold; border-bottom: 1px solid #e1e1e1 }

.mainOrderPanel div.detailpositions .desc{width: 280px ;}
.mainOrderPanel div.detailpositions .quant{width: 80px ;}
.mainOrderPanel div.detailpositions .price{width: 100px ;}
.mainOrderPanel div.detailpositions .taxcode{width: 120px ;}
.mainOrderPanel div.detailpositions .pricetaxed{width: 100px ;}

.mainOrderPanel div.pisrow {  min-height:16px; margin-top: 6px; }
.mainOrderPanel .orderstate { min-height: 20px;margin-bottom: 20px; margin-top: 20px;}
.mainOrderPanel div.requestor span, .mainOrderPanel div.budget span, .mainOrderPanel div.desc span, .mainOrderPanel div.dates span  { clear: none;  }
.mainOrderPanel div.desc span { float: left; display: block;}
.mainOrderPanel div.desc span.val { width: 600px; }
.mainOrderPanel span.val { min-width: 100px; padding-right: 10px;}
.mainOrderPanel div.detailpositions { margin-top: 30px; }
.mainOrderPanel div.detailpositions span.label { font-size: 13px;  width: 400px; margin-bottom: 5px;}

.orderListPanel .top,.mainOrderPanel .top{ margin-top: 10px !important; }
.pisOrders .pisOrder { clear: both; height: 40px; }
.pisOrders div.workflow  { width: 100px; }
.pisOrders div.workflow img { vertical-align:bottom; }
.pisOrders { margin-top: 15px; }
.pisOrders .orderLink { font-size: 13px !important; }
.pisOrders .newsEntryDate  { margin-left: 5px; }
.pisOrderList div { letter-spacing: 0.03em !important; }
/*END PIS*/


/*cis*/
div.cis div.btRow .btCell1 { width: 224px !important; }
div.cis div.btRow .btCell4 { width: 40px; }
div.btRow.btCisRow .btCell1 { padding-left: 0px !important; }
div.budgetBarChart.cis { margin: 20px 20px 0px 20px !important; }



/* START ARTICLES */
div.articleContents { width: 445px !important; margin-right: 18px;border-right:1px solid #e1e1e1; float:left; padding-right:15px;}
div.articleRightBar { width: 220px; float:left; }
span.articleCategory { display: block; width: 100%; border-right:1px solid #fff; padding-bottom: 5px; }
div.mainArticlePanel { clear: both;  border-top: 1px solid #e1e1e1;  width: 460px; min-height: 150px; float:left; padding-bottom: 20px; }
div.pnlSearchHeader { height: 65px !important; min-height:0px !important; border-bottom: 1px solid #e1e1e1; margin-bottom: 10px; }
div.mainArticlePanel div { float: left; }
.articleContentLeft { width: 360px; }
.articleContentRight { padding-left: 15px; width: 85px; padding-top: 5px; }
.articleSearchLeft { width: 450px !important; height: 65px !important; min-height:0px !important;}
.articleContent { clear:both; width: 100%;  padding-top: 8px; line-height:150%; color: #878F94; } 
.articleCategory { font-size: 18px; color:#040404;  display: block; }
.articleTitle { font-size: 16px; color: #040404; padding-top: 10px; padding-bottom: 10px; width: 100%; clear: both;  }
.articleTitlePh { min-height: 50px; }
.articleTitlePh span { display: block; float: left; }
span.artDetailSmall { font-size: 11px; display:block; float: left; color: #9DA7AE; margin-bottom: 4px;}
span.articleDepartment { clear: both; padding-right: 28px;  border-right: 1px solid #e1e1e1; }
span.articleDate{ padding-left: 28px;   }
div.articleAuthor { clear: both; z-index: 1; width: 100%; height: 72px;margin-bottom: 0px; padding: 5px; color: #868F94;}
div.articleAuthor img { max-height: 72px; display:block;  left: -10px; position: relative;  } 
div.articleAuthor div { float: left;z-index:0; overflow:hidden;}
div.authorImage { width: 72px; color: #040404; } 
span.authorReadMore { width: 75px; text-align: right; display:block; clear: both; font-size: 10px ;  min-height: 10px;margin-bottom: 3px; padding-right: 10px; }     
span.authorReadMore a { color: #C50B07 !important; }
a.articlePdfLink { float: right; }
a.articlePdfLink img { border-style: none; }
div.sep { clear: both; width: 216px;}
div.sep15 { height: 15px; }
div.sep8 { height: 8px; }
div.recentArticles .sep {  height: 3px; }
div.recentArticles { width: 226px; }
div.recentArticles .listArticle { width: 226px; min-height: 0;  }
div.recentArticles .listArticle .bullet { width: 15px !important; background-position: right center !important; }
div.recentArticles .listArticle .content { padding-left: 5px; width: 200px !important; font-size: 11px; }
div.recentArticles .statTitle { display: block; clear: both;  width: 216px; margin-bottom:10px;  } 
span.statTitle { background-repeat: no-repeat; background-position: left center; padding-left: 10px; 
                 background-image: url(../img/portal/widget/news/bullet.png); font-weight: bold;  }
a.moreArticles { display:block; clear: both; width: 45px; height: 20px; float: right; background-repeat: no-repeat; margin-top: 5px;
                               background-image: url(../img/widgets/articles/more-btn.png); text-decoration: none !important; }    
.singleArticleHeader {clear: both; border-top: 1px solid #e1e1e1; margin-top: 10px; }

div.articlesSearchBox { margin-bottom: 15px; padding-top: 25px; width: 220px; height: 125px; border: 1px solid #e1e1e1; background-color: #f2f2f2;  
                        border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px; border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; }

div.articlesSearchBox span, div.articlesSearchBox input, div.articlesSearchBox a { display: block; clear: both; margin-left: 27px; }
div.articlesSearchBox span { font-weight: bold; color: #040404;  }
div.articlesSearchBox input { padding: 2px 2px 0px 3px; margin-bottom: 5px; border: 0px; background-color: #f2f2f2;  background-repeat: no-repeat; background-image:  url(../img/widgets/articles/text-field-search.png); height: 20px; width: 162px;}
div.articlesSearchBox a, .statCategoryInst a { margin-top: 5px; margin-left: 80px; text-decoration: none; background-repeat: no-repeat; background-image:  url(../img/widgets/articles/go-btn-search.png); width: 62px !important; height: 20px;}

div.rightSep { width: 100%; height: 1px; margin-bottom: 17px; }
div.rightSep div { margin: auto; width: 200px; border-top: 1px dashed #e1e1e1;  }
div.pnlStatsMain, div.pnlStatsMain div.statGroup, div.statCategory { clear: both; width: 100%; }
div.pnlStatsMain div.statGroup { }
span.articleCategory.withIcon {  padding-left: 25px;   background-repeat: no-repeat; background-position: left center;  background-image: url(../img/widgets/pis/page-symbol.png); background-color: #fff; z-index:10; }
div.statCategory { display:block; height: 38px; width: 100%; padding-top: 15px; 
                   background-position: left bottom; background-repeat: no-repeat;  background-image:  url(../img/widgets/articles/arrow-divider.png);  }
div.statGroup .stats { margin-top: 15px; }
div.statGroup .artStats { width: 450px !important; margin-left: 0px !important; } 
div.statGroup div.artStats span { clear: none !important; float: left !important; width: 130px; font-size: 11px !important;  }
div.statGroup div.artStats span.statAbsVal { width: 20px !important;  }
div.statGroup div.artStats .statBar { width:270px !important; margin-bottom: 15px !important; float: left !important; clear: none !important }
div.statGroup .statCategoryInst { position: relative; border-top: 1px solid #e1e1e1; height: 38px; width: 100%; padding-top: 0px; padding-bottom: 15px; }
div.statGroup .statCategoryInst a, div.statGroup .statCategoryInst span, div.statGroup .statCategoryInst select { display:block; float: left; margin-right: 10px; }
div.statGroup .statCategoryInst a {  margin: 12px 0px 0px 10px !important; }
div.statGroup .statCategoryInst span { margin-top: 15px; }
span.statTitle.top5span { background-position: left top; color: #878F94; font-weight: normal; }
span.statDetail { font-style: italic; }
div.statCategory select { width:262px !important; max-width: 262px !important; margin-top: 14px; position:relative; }
div.statCategory span.select {overflow:hidden !important; margin-top:5px;margin-left: 55px; height: 20px; !important; width:262px;
                              background-image: url(../img/widgets/rt/dropdown_bg.png) !important; top: 8px;  }

div.simpleListItem { width: 100%; clear: both; margin-top: 3px; margin-bottom: 5px; }
div.simpleListItem div { float: left;  }
div.simpleListItem div.bullet {width: 15px !important; background-position: left center !important;  background-image: url(../img/portal/widget/news/bullet.png); background-repeat: no-repeat }
div.simpleListItem div.content { width: 200px; font-size: 11px; color: #878F94; font-weight: normal; padding-bottom: 5px; }
div.simpleListItem div.content a {  color: #878F94 !important; }
div.statsTopInst .rightTitle { margin-bottom: 10px; }
div.articlePager { min-width: 460px; margin-top: 30px; }
div.articlePager .pager { width: 350px ;}
/* END ARTICLES */

/* START USER */
div.noUser {position: absolute; }
div.articleAuthors { padding-top:10px;}
div.noUser select {  width: 262px !important; }
div.noUser span.select {  width: 262px !important;  background-image: url(../img/widgets/rt/dropdown_bg.png) !important; } 

div.mainUserPanel { border-right: 1px solid #e1e1e1; margin-right: 18px; padding-bottom: 0px !important}
div.mainUser .articleContents { width: 460px !important; margin-right: 20px;}
div.mainUser .articleRightBar { width: 216px; float:left; }
div.userHeader {border-bottom: 1px solid #e1e1e1; width: 100% }
div.userHeader .articleDepartment { border-right: 0px !important; }
/*div.userContent,div.userHeader .articleTitlePh { border-right: 1px solid #e1e1e1; } */
div.userContent { border-bottom: 1px solid #e1e1e1;}
div.userContent .userHeader .articleDepartment { border-right: 0px !important; }
div.userContent .userInfo { clear: both; margin-top: 5px;}
div.userContent .userInfo div { float: left; }
div.userContent .userPhoto { width: 150px; height: 112px; border: 1px solid #e1e1e1; padding: 5px; text-align: center; }
div.userContent .userDescription { width: 276px; padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 130% !important; }
div.userContent .userDescription .artDetailSmall { float: none !important; clear:both !important;  }
div.userContent .userDescription span.userPhone { color: #040404 !important; }
div.userContent .userDescription a.userMail { margin-bottom: 10px; display: block; }

div.userContent .userPhoto img { max-width: 150px; max-height: 110px; }
div.userLink { clear: both; padding-top: 5px; font-size: 11px; margin-bottom: 10px; }
div.userLink a, div.articleContent a { color: #5D9E9B !important; }
div.userArticleHeader { font-size: 18px !important; font-weight: normal !important; margin-top: 0px;margin-bottom: 10px;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1; }
div.listArticle { clear: both; line-height: 120% !important; width: 100%; padding-bottom: 10px; min-height: 30px; }
div.listArticle div { float: left; }
div.listArticle div.bullet { background-position: left center; width: 20px; background-repeat: no-repeat; background-image: url(../img/widgets/articles/last-articles-bullet.png); }
div.listArticle div.content { width: 425px ;}
div.listArticle div.content a { color: #040404 !important; }
div.listArticle div.content .year, div.listArticle div.content .extra { color: #9DA7AE; clear: both; font-size: 11px; }
div.listArticle div.content .extra { min-height: 10px; width: 100%; }
div.userArticleList .sep { clear: both; width: 100%; height: 12px; }
div.stats { margin-bottom: 15px; }
div.rightTitle { font-weight: bold; width: 226px; border-bottom: 1px solid #e1e1e1; font-size: 12px !important; }
span.statTitle { display: block; clear: both; margin-top: 5px; }
div.artStats { margin-left: 10px; width: 210px; margin-top: 5px;  }
div.artStats span { font-weight: normal; text-transform: uppercase; clear: both; color: #9DA7AE; }
div.artStats .statBar { clear: both; width: 184px; height: 18px; }
div.artStats .statBar div { float: left; height: 18px; }
div.artStats .statBar span.statAbsVal {  color:#040404; padding-left: 5px; padding-top: 3px; font-weight: normal; }
div.artStats .statBar .statLeft, div.artStats .statBar .statRight { width: 3px; background-repeat:no-repeat; }
div.artStats .statBar.orange .statLeft { background-image: url(../img/widgets/articles/left-bar-orange.png); }
div.artStats .statBar.orange .statCenter { min-width:1px; background-repeat: repeat-x; background-image: url(../img/widgets/articles/mid-bar-orange.png); }
div.artStats .statBar.orange .statRight { background-image: url(../img/widgets/articles/right-bar-orange.png); }

div.artStats .statBar.red .statLeft { background-image: url(../img/widgets/articles/left-bar-red.png); }
div.artStats .statBar.red .statCenter { min-width:1px; background-repeat: repeat-x; background-image: url(../img/widgets/articles/mid-bar-red.png); }
div.artStats .statBar.red .statRight { background-image: url(../img/widgets/articles/right-bar-red.png); }

div.artStats .statBar.grey .statLeft { background-image: url(../img/widgets/articles/left-bar-grey.png); }
div.artStats .statBar.grey .statCenter { min-width:1px; background-repeat: repeat-x; background-image: url(../img/widgets/articles/mid-bar-grey.png); }
div.artStats .statBar.grey .statRight { background-image: url(../img/widgets/articles/right-bar-grey.png); }

div.artStats .statBar.green .statLeft { background-image: url(../img/widgets/articles/left-bar-green.png); }
div.artStats .statBar.green .statCenter { min-width:1px; background-repeat: repeat-x; background-image: url(../img/widgets/articles/mid-bar-green.png); }
div.artStats .statBar.green .statRight { background-image: url(../img/widgets/articles/right-bar-green.png); }



/* END USER */


/* start cardwatch */
#detailsContents .cardwatch .glance { width: 640px !important;}
#cardTabs .ui-tabs-nav { width: 100% !important; }
#cardTabs .ui-tabs-nav li { width: 140px !important; }
#cardTabs .CardOpHeader { padding-top: 10px; clear: both; height: 22px; }
#cardTabs .CardOpHeader div { float: left; font-weight: bold; text-align: center; }
#cardTabs div.CardOp, #cardTabs div.doorAccess  { clear: both; min-height: 22px; }
#cardTabs div.CardOpAlt , #cardTabs div.doorAccess.altRowSmall{ background-color: #EAEAEA; }
#cardTabs div.CardOp div,  #cardTabs div.doorAccess div { float:left;}
#cardTabs .cfLoad { color: Blue; }
#cardTabs .cfPay { color: Red; }
#cardTabs .cfLoad:before { content: "+" }
#cardTabs .cfBefore:after, #cardTabs .cfCost:after, #cardTabs .cfAfter:after { content: " €"; }
#cardTabs div.CardField, #cardTabs div.doorAccess div { margin-right: 3px; padding-top: 3px; }
#cardTabs .cfDate, #cardTabs .cohDate { width:120px; }
#cardTabs .cfBefore, #cardTabs .cfCost, #cardTabs .cfAfter, #cardTabs .cohBefore , #cardTabs .cohAfter, #cardTabs .cohOperation   { width:50px; }
#cardTabs .cohMore, #cardTabs .cohWhere { width: 300px; }
#cardTabs .cfDetails, #cardTabs .doorLocation { font-style: italic; }
.cardwatch .button { height: 30px; float: right; border: 1px solid #9DA7AE; background-color:  #e1e1e1; cursor: pointer;   border-radius:3px; }
.mainContent span.warning {background-color: #FFF6BF;border-top: 2px solid #FFD324;border-bottom: 2px solid #FFD324; width: 600px; display: block; padding: 5px 20px 5px 20px }
div.oldCardsCheckbox span.ui-button-text { padding-left: 20px; }
div.oldCardsCheckbox { width:500px; height: 22px; }
form.EURAC div.oldCardsCheckbox { display: none; }
.cardwatch div.cwDates { position: relative;}
.cardwatch span.exportExcel { float: right; display: block; top:-20px; right: 10px; position:relative;}
.cardwatch span.exportExcel a { display:block; float: left;}
.cardwatch span.exportExcel a.textlink { margin: 7px 5px 0px 0px; color:#5D9E9B; } 

/* start professors*/
.professors div.title
{
    float:left;
}

.professors li a
{
    color: #5D9E9B;
}

span.enrtitle
{
    clear:both;
    margin: 10px 0px;
}

.mainContent .h1, .h2, .h3, .h4, .h5
{
      display: block;
    font-weight: bold;
}

.mainContent .button
{
    display:block;  
    border: 1px solid #040404;
    background-color: #5D9E9B;
    color: #fff;
    border-radius:3px;
    cursor: pointer;
    float:left;
}

.mainContent .h4:after, .h5:after
{
    content:":"
}

.mainContent .ddlProf, .mainContent .ddlProfCont
{
    float:left;
}

.mainContent .ddlProfCont
{
    position: relative;
}

.mainContent .ddlProfCont span.select
{
    width:262px;
        background-image: url(../img/widgets/rt/dropdown_bg.png) !important;
}

.mainContent .bookingList
{
    clear:both;
}

.mainContent .error
{
    color:#C50B07;
    clear:both;
    display:block;
    margin-top: 5px;
}

.mainContent .fl
{
    clear:both;
    margin-top: 5px;
}

.mainContent .btninfo
{
    clear:both;
    float:left;
    
}
.mainContent.professors div.icons
{
    float:right;
}

.mainContent.professors div.icons a
{
   color:#9DA7AE;
}

.mainContent.professors div.icons a.active
{
    font-size:14px; color:#C50B07; font-weight:bold;
}

div.groupedSession
{
    clear:both;
    float:left;
    margin-bottom: 20px;
}

    div.groupedSession span
    {
        display:block;
        margin-bottom:4px;
        
    }

        div.groupedSession span.sess
        {
            font-weight:bold;
        }

    div.groupedSession div.examlist
    {
        clear:both;
        float:left;
        border-top: 1px solid #9DA7AE;
    }

.examEvents
{
    margin-left: 20px;
}

  

div.singleexam
{
    width: 694px;
    clear:both;
    padding-left: 10px;
    border-bottom: 1px solid #e1e1e1;
    min-height: 30px;
    padding-top: 5px;
}

    div.singleexam.alt
    {
        background-color: #f1f1f1;
    }

    div.singleexam .divider
    {
        clear: both;
        height: 1px;
    }

    div.singleexam a, div.singleexam span, div.singleexam .examEvents
    {
        display: block; float:left;
    }

        div.singleexam span.descr
        {
            width: 200px;
            font-style: italic;
        }

    div.singleexam a
    {
        width: 60px;
        text-align: center;
        margin-right: 10px;
    }

    div.singleexam a:hover
    {
        text-decoration:none;
    }

#examreservation div.title
{
    text-decoration:underline;
}

#reservation .divider
{
    clear:both;
    height: 5px;
}

img.studentimage.small
{
    max-width: 100px;
    max-height: 50px;
    border: 0px;
}

div.examheader
{
    margin-top:15px;
}
    div.examheader div a
    {
        color: #5D9E9B;
    }

a.lbsort
{
    display: block;
    padding-left: 16px;
    background-repeat: no-repeat;
    background-position: left center;
}

    a.lbsort.upsort
    {
        background-image: url(../img/ico/sort_arrow_up.gif);
    }

     a.lbsort.downsort
    {
        background-image: url(../img/ico/sort_arrow_down.gif);
    }

div.futuretimeslots span.timeslotdesc
{
    display: block;
clear: both;
padding-left: 10px;
background-repeat: no-repeat;
background-position: left center;
background-image:url(../img/portal/widget/news/bullet.png);
}

span.enrdesc
{
    font-weight: bold;
}

div.examheader span, div.examheader a
{
    font-weight: normal !important;
    
}
div.examheader
{
    border-bottom: 1px solid #5D9E9B;
}

.note.regnr
{
    font-weight: normal !important;
}


#examreservation div.session a, #examreservation div.examdesc a
{
    color: #5D9E9B;
}

.examResDetail #reservation, .examResDetail #commission
{
    float: left; 
    clear:both;
    width: 704px;
}

.reservationstep 
{
    width: 698px;
    border-top: 1px solid #878f94;
    border-bottom: 1px solid #878f94;
    
}

    .reservationstep.commissionreservation
    {
        margin-bottom: 20px;
    }

.examrespanel
{
    padding: 5px;
    background-color: #f1f1f1;
    border-left: 1px solid #e1e1e1;
}
    .examrespanel.commission .divider
    {
        height: 30px;
    }

    .examrespanel .fl
    {
        margin-top: 0px;
    }

div.stepdesc
{
    color: #fff;
    background-color: #5D9E9B;
    padding: 5px;
      border-bottom: 1px solid #878f94;
}

#examreservation input.del.ts
{
   background-color: white;
border: none;
color: white;
font-size: 2px;
background-repeat: no-repeat;
background-image: url('../img/portal/search/x.png');
width: 15px;
height: 15px;
display: block;
background-position: left center;
padding: 0px;
float: left;
margin-left: 10px;
cursor: pointer;
}

#examreservation span.timeslotdesc
{
    clear:both;
    display: block;
float: left;
padding-left: 10px;
background-repeat: no-repeat;
background-position: left center;
background-image:url(../img/portal/widget/news/bullet.png);
}

  .examEvents span.timeslotdesc
    {
        height: inherit;
        padding: inherit;
        padding-left: 20px !important;
        height: 18px;
        background-image: url(../img/widgets/pm/current_time.png) !important;
    }

.staticComm
{
    float: left;
width: 500px;
}

.button.addTs
{
    margin-top: 5px; 
    float:right;
}

.confirmed.timeslot
{
    border: 1px dotted #9DA7AE;
    clear:both;
    padding: 3px;
    margin: 10px 0px 10px 0px;
    background-color: #e0e0e0;
}





#resname
{
    font-size: 14px !important;
margin-bottom: 15px;
}

span.reserver
{
    clear: both;
display: block;
}

div.risStep
{
    margin-top: 0px;
    clear:both;
    min-width:300px;
    min-height: 35px;
}

.ristimeslot input.button.delete, input.removecomm
{
    margin-left: 10px;
   
}

span.timeslotdesc, span.btninfo
{
    height: 20px;
    padding-top: 3px;
    
}


div.ristimeselect
{
    clear: both;
    float: left;
    width: 295px;
}

div.ristimeselect select, div.ristimeselect span
{
    clear: none !important;
    margin-right: 5px;
    float:left;
    display:block;
}

    div.ristimeselect span
    {
        padding-top: 3px;
    }

div.ristimeselect select
{
    width: 58px !important;
}


 

span.reserver:after, span.timedesc:after
{
    content: ':';
}

.examResDetail span.editres
{
    display:block;
    font-weight: bold;
    font-size: 12px;
    height: 20px;
}

.examResDetail .summary
{
    clear:both;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
margin-right: auto;
width: 650px;
float: left;

}

span.bookingtitle
{
    display:block;
    clear:both;
    font-weight: bold;
}

span.bookingtitle:after
{
    content: ':';
}


 .loadingoverlay
{
    position: fixed;
    z-index: 98;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #aaa;
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.loadingoverlayContent
{
    z-index: 99;
    margin: 250px auto;
    width: 280px;
    height: 280px;
}
.loadingoverlayContent h2
{
    font-size: 14px;
    font-weight: bold;
    color: #C50B07;
}
.loadingoverlayContent img
{
    width: 20px;
    height: 20px;
}

.examResDetail .summary .button
{
    font-size: 15px;
}

.confirmbooking
{
    margin-right: 5px;
}


.sessionDetails
{
    margin-bottom: 15px;
}

#examreservation .ui-tabs-panel
{
  clear:both;
  padding-top:10px;

}

.mainContent .operationResult
{
    clear:both;
    float:left;
     font-size: 13px;
    font-weight:bold;
    color: #C50B07;
    width: 690px;
    min-height: 30px;
    background-color: #f3f3f3;
    padding: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    margin-bottom: 15px;
}

.mainContent .h3
{
font-size: 13px !important;
}

.mainContent .examHeading
{
    margin-bottom: 10px;
}

.mainContent .examDetails
{
    margin-top: 5px;
}

.mainContent .examsummary
{
    display: block;
}

div.tabs.examreservation ul.ui-tabs-nav
{
    float: inherit !important;
    margin: 0px 0px 0px 0px !important;
    width: 690px !important;
}

div.tabs.examreservation ul.ui-tabs-nav li
{
    width: 140px;
}

div.examreservation .selected
{
    color: #C50B07;
}

span.examdetail
{
    display: block;
    float: left;
    padding-left: 10px; background-image: url(../img/portal/widget/news/bullet.png); background-repeat: no-repeat; background-position: left center;
}

#resname span.desc, span.studcount
{
    padding-left: 0px; background-image: none;
}

#resname span.session, #resname span.exam, #resname span.studcountdesc
{
    clear:both;
}

.professors div.detailTable
{
    padding-top: 0px;
}

    .professors div.detailTable .messages
    {
        min-height: 5px;
    }

#resname span.desc:after, #resname span.studcountdesc:after
{
    content:': ';
    margin-right: 3px;
}

div.examreservation select
{
    clear:both;display:block; width: 292px;
}

div.examreservation select.ris
{
    /*width: 200px; */
    float:left;
    margin-right:5px;

}

div.professors span.surveyOperationInformation
{
    display: block;
}

    div.professors span.surveyOperationInformation.success
    {
        color: #5C8A00;padding-left:52px;
        background-position: left center; background-repeat: no-repeat;
        background-image: url(../img/ico/ok.png);
    }

div.professors div.tosign a
{
    color: #5D9E9B;
}

div.professors ul.examslist
{
      margin-left:0px;
      padding-left:10px;
}

div.professors ul.examslist li
{
    margin-left:0px;
    list-style-type: none;
     padding-left: 10px; background-image: url(../img/portal/widget/news/bullet.png); background-repeat: no-repeat; background-position: left center;
}

    div.professors ul.examslist.upcoming li
    {
        font-size: 13px;
        margin-bottom: 8px;
    }

div.professors ul.examslist.upcoming
{
    padding-top: 10px;
}

div.professors .staticenr
{
    float:left;
    margin-right: 10px;
}

div.professors .staticenr.control, div.examhandler .staticenr.name, div.examhandler .staticenr.note, div.examhandler .staticenr.comment, div.examhandler .staticenr.result, div.examhandler .staticenr.presence,
div.examhandler .staticenr.pdfhl
{
   padding-top: 4px;
   padding-bottom:4px;
}

div.professors .staticenr.name
{
    width: 150px;
    font-weight:bold;
}


div.professors .extender
{
    font-size: 2px;
    height:2px;
    width:100%;
    clear:both;
}

div.professors .wizard
{
    width: 98%;
    margin-top: 10px;
    background-color: #5D9E9B;
    min-height: 20px;
    color: #fff;
    padding: 3px;
}
div.professors .wizard span.stepText, div.examhandler .wizard span.stepNo
{
    font-weight:bold;
}
div.professors .wizard span.stepNo:after
{
    content: ':';
}


div.professors a.overview, a.seenlink
{
    color: #5D9E9B !important;
    display:block;
    
}

div.professors a.overview
{
    padding: 5px;
}

div.professors .button.confirm
{
    margin-left: auto;
margin-right: auto;
float: none;
margin-top: 10px;
}

    div.professors .button.confirm.pending
    {
        background-color: #C50B07 !important;
    }

div.professors .fields .button
{
    margin-top: 10px;
}

div.professors .fields span, div.examhandler .fields input
{
      margin-bottom: 4px;
}

div.professors .staticenr.control
{
    width: 100px;
}

div.professors .staticenr.control span
{
    font-style:italic;
}

div.examhandler .staticenr.result
{
    width: 70px;
}

div.professors .staticenr.note
{
    width: 70px;
    font-weight:bold;
}

div.professors .staticenr.comment
{
    width: 170px;
     overflow:hidden;     
}

    div.professors .staticenr.comment.narrow
    {
         width: 140px;
         min-height: 20px;
    }

div.examhandler .staticenr.presence
{
    width: 70px;
}
div.examhandler .staticenr.pdfhl
{
    width: 20px;
}

div.professors .staticenr.note, div.examhandler .staticenr.control, div.examhandler .staticenr.result, div.examhandler .staticenr.name, div.examhandler .staticenr.presence, div.examhandler .staticenr.comment
{
    border-right: 1px solid #9DA7AE;
}



div.professors .enrolment
{
    clear:both;
     min-height: 25px;
     border-bottom: 1px solid #e1e1e1;
}
div.professors .static
{
    float:right;
   width: 220px;
margin-left: 15px;
}
div.professors .static img
{
    display: block;
    float:right;
    max-width: 140px;
    border: 1px solid #9DA7AE;
}


div.enrolment.edit
{
    background-color: #eeeeee;
    border-top: 1px solid #868F94;
      border-bottom: 1px solid #868F94;
      padding: 5px;
}

div.enrolment .button.edit
{
    background-color: #C50B07 !important;
}

div.enrolment .button.edit.edited
{
    background-color: #5D9E9B !important;
}

div.enrolment.alt
{
    background-color: #f2f2f2;

}

div.enrolment.edit span.name
{
    clear:both;
    display:block; 
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}

div.professors a.summarylink
{
    display: block;
    clear: both;
    margin-top: 5px;
    margin-bottom: 15px;
    color: #5D9E9B;
    font-size: 13px !important;
}



div.professors .editable
{
    clear:both;
    float:left;
    width: 420px;
}

    div.professors .editable div.editrow
    {
        min-height:30px;
    }

    div.examhandler .editable div.title, div.examhandler .editable div.editrow, div.examhandler .editable div.actions
    {
        clear: both;
    }

div.professors .editable span.label
{
    float:left;
    width: 100px;
    display:block;

}

div.professors .editable span.label:after
{
    content: ':';
}

div.professors .txt
{
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    outline: none;
}
div.professors .examcomment
{
    width: 400px;
height: 80px;
}

div.professors .editrow input.ui-helper-hidden-accessible
{
    margin-left: 100px;
    margin-bottom: 5px;
    margin-top: 5px;
    clear: both;
    display:block;
}

div.professors .editrow label.ui-button-text-only
{
    margin-left: 100px;
    margin-bottom: 5px;
        margin-top: 5px;
    clear: both;
    display:block;
    text-align: left;
    padding-left: 15px;
}

div.professors div.ddlcontainer
{
    float: left;
    position: relative;
    min-height:28px;
}

div.professors select.customDropdown
{
    position:relative;
    width:122px;
}

div.professors div.actions
{
    clear: both;
    float: right;
    margin-left:15px;
}

div.professors .exsedesc
{
    font-size: 15px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 10px;
    padding-bottom: 10px;
    margin-top: 15px;
    color: #040404;
    letter-spacing:1px;
   
}
div.professors .examTitle
{
    font-weight: bold;
}

div.professors div.detailTable
{
    padding-top: 0px !important;
}

a.button.editcomm
{
    float:right;
    padding: 2px 5px;
}

div.professors .commissionlist
{
    clear: both;
float: left;
width: 292px;
}

    div.professors .editcommission .divider
    {
        clear:both;
    }

div.professors .editcommission .result
{
    clear: both;
    display: block;
    float: left;
    color: #C50B07;
}

div.professors a.closecommedit
{
    display: block; float: left;
    margin-left: 5px;
    color: #5D9E9B;
}

div.professors input.confirmcomm
{
    clear: both;
    margin-bottom: 10px;
    margin-top: 10px;
}


div.professors .notorow
{
    height: 30px;
}

div.professors .editable div.title
{
     font-weight: bold;
     margin-bottom: 5px;
}

.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; width: 45px; height:28px; }

.ui-spinner-input
{
    height: 24px;
    font-size: 14px !important;
    font-weight: bold;
}

.ui-spinner-button
{
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0px;
    border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
}
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; background-color: #e1e1e1 } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }

div.examhandler .ui-icon
{
    width: 16px;
    background-image: url('../img/jquery/ui-icons.png');
   
}

div.examhandler .ui-icon-triangle-1-n {
background-position: 0 -16px;
}

div.examhandler .ui-spinner .ui-icon-triangle-1-s {
background-position: -65px -16px;
}

div.examhandler div.signsummary
{
    margin-top: 20px;
}

div.signsummary div.pdflist
{
    float:left;
}

div.signsummary div.signform
{
    float:left;
    width:98%;
}

div.signsummary div.signform .button
{
    float:left;
}

div.signsummary div.signform .button.back
{
    float:right;
}

    div.signsummary div.signform div.signbuttons
    {
        clear:both;
    }

    div.signsummary div.signform .button.sign
    {
       font-size: 14px !important;
       font-weight:bold;
    }

div.signform span, div.signform input
{
    float: left;
}
 
div.signform span
{
    width: 200px;
}

div.signform span.expl
{
    width: 600px;
    margin-bottom: 10px;
    font-weight: bold;
}

div.signform input.txt
{
    width: 120px;
}
       div.signform span:after, span.enrdesc.label:after
    {
        content: ':';
    }
div.signform span
{
    clear:both;
}


/*START EVALUATION*/
.surveyMenu li a
{
    background-position: left 8px !important;
}

.surveyMenu a.level1.static
{
    cursor:default !important;
    color:#040404 !important;
    /*font-weight:bold;*/
}

#selectSurvey
{
    margin-top: 20px;
}
span.surveyOperationInformation
{
    font-size: 13px;
    font-weight:bold;
    color: #C50B07;
     clear: both;
    width: 690px;
    min-height: 30px;
    background-color: #f3f3f3;
    padding: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    margin-bottom: 15px;
}

    span.surveyOperationInformation.success
    {
        width: 640px;
    min-height: 40px;
    }

.tempSurvey
{
    margin-bottom: 20px;
    padding: 20px;
}
.surveyMenu a
{
    white-space: inherit !important;
}
.surveyInformation
{
    clear: both;
    width: 690px;
    min-height: 100px;
    background-color: #f3f3f3;
    padding: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    margin-bottom: 15px;
}
.surveyInformation span
{
    display: block;
}

.surveyInformation span.univDesc
{       
     margin-bottom: 10px;
    font-size: 14px;
} 

.surveyInformation span.examDesc
{
    font-weight:bold;
    font-size: 15px;
    margin-bottom:3px;
} 

.surveyInformation span.professor
{
    font-weight:bold;
    margin-bottom: 10px;
}

.attendanceQuestion .error, .surveyGroup .error
{
    color: #C50B07;
    display:block;
    clear:both;
}

.attendanceQuestion .button, .submitsurvey
{
    display:block; float:left;  background-color: #f3f3f3;    
    border: 1px solid #e1e1e1;
}

.submitsurvey
{
    font-size: 16px;
    font-weight:bold;
    width: 100px;
    height: 28px;
    margin: 20px auto 5px auto;
    border: 1px solid #040404;
    background-color: #5D9E9B;
    color: #fff;
    border-radius:3px;
    cursor: pointer;
    float:none;
}

.surveyInformation span.degree
{
    font-style:italic;
}

.surveyGroup
{
    width: 690px; 
}

.groupQuestions
{
      border-left: 1px solid #e1e1e1;
      border-right: 1px solid #e1e1e1;
     border-bottom: 1px solid #e1e1e1;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 5px;
    width: 680px;
}

.surveyGroup span.groupTitle
{
    display: block;
    width: 680px;
    background-color: #5D9E9B;
    border: 1px solid #e1e1e1;
    color: #fff;
    height: 30px;
    font-size: 14px;
    font-weight:bold;
    padding: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.surveyGroup .custom-checkbox
{
    margin-left: 5px;
     float: left;
}

.surveyGroup .custom-radio label
{
    padding-left: 18px;
}

div.question .custom-radio
{
    margin-right: 20px;
}

.surveyGroup div.position
{
    float: left;
    width: 20px;
}

.surveyGroup div.question
{
    clear: both;
    min-height: 20px;
    margin-bottom: 15px;
}

.surveyGroup .txtOther
{
    border: 1px solid #9DA7AE;
    background: #f3f3f3;
    border-radius: 3px; 
    width: 200px;
    outline:none;
}

/* START search styling */
div.SearchResult { clear: both; margin-bottom: 22px;  }
div.SearchResultTitle a { font-size: 18px !important; color: #878F94; text-decoration: underline; letter-spacing: 1px;}
div.SearchResultCategory { font-size: 11px !important; color: #9DA7AE; }
div.SearchResultCategory div { float: left;  min-width:1px; }
div.SearchResultSource { padding-right: 15px; }
div.SearchResultCategorySep { color: #9DA7AE; font-weight: bold; font-size: 11px !important; }
div.SearchResultDate { padding-left: 15px; }
div.SearchResultSnippet { clear: both; font-size: 12px !important; color:  #040404; line-height: 16px; }
div.SearchResultSnippet em { font-style: normal !important; color: #C50B07; }
div.SearchResultLink a { color: #5D9E9B; text-decoration: none; text-transform: lowercase; font-size: 11px !important; }
div.SearchDetails { width: 600px !important; }
div.searchPager { width: 600px !important; min-height: 50px; clear: both;  }


div.searchField { width: 100%; clear: both; }
div.searchField span { font-size: 10px; color: #878f94; }
div.searchField span, div.searchField label { margin-left: 30px;  }
div.searchField label, div.searchField input { float: left; display: block; }
div.searchField label { width: 30px; font-size: 12px; color: #040404;  }
div.searchField input { width: 80px; border: 1px solid #e1e1e1; }
div.buttonField { text-align: center; margin-top: 5px;}
div.searchButtonWrapper { margin: 0 auto; height: 28px; width:58px; border: 1px solid #999999; z-index:1; margin-bottom: 10px;  
                          border-radius: 3px;  }
div.buttonField button { border: 1px solid #ffffff;  font-weight: bold; font-size: 11px; height: 28px; width:58px; background-repeat: repeat-x; 
                        	background-image:  url(../img/portal/search/search-button.png); z-index: 0; }
div.searchDates { padding-top: 10px !important; }
div.searchSources label { color: #878f94; }
div.ui-accordion-content div.newsEntryTitle { margin-left: 5px !important; }
div.ui-accordion-content div.historyEntry,div.ui-accordion-content div.menuEntry { clear:both; }
div.ui-accordion-content div.historyEntry a { color: #040404; }
div.ui-accordion-content div.menuEntry a { color: #9DA7AE; }

/* TOP search results */
#topSearchResults { display: block; clear: both; width: 100%; font-size: 10px ; }
#topSearchResults .topSearchResult { width: 100%; }
#topSearchResults .topResultDep div.department{ width: 100%; clear: both;  }
#topSearchResults  div.clearer { clear: both; width: 100%; height: 20px; }
.topResultDep div.department div.departmentName, .topResultDep div.department div.seats { clear:both; }
.topResultDep div.department div.departmentName {  width: 100%; }
.topResultDep div.department div.seats {width: 100%; }
.topResultDep div.department div.seats a { color: #5D9E9B }
.topResultDep div.department div.seats div.seat { margin-right: 10px;  float: left; margin-bottom: 5px; }
.topResultDep div.department div.seats .seat span { display: block;  }
.topResultDep div.department div.seats .seat span.oh { margin-top: 4px; }
.topResultDep div.department div.seats .seat span.city em, .topResultDep div.department div.seats .seat span.oh strong { font-style: normal; font-size: 11px; font-weight: normal; color: #C50B07 }
.topResultDep div.department div.seats.seats-1 div.seat { width: 450px; }
.topResultDep div.department div.seats.seats-2 div.seat, .topResultDep div.department div.seats.seats-4 div.seat { width: 220px; }
.topResultDep div.department div.seats.seats-3 div.seat { width: 110px; }

#topSearchResults .topSearchResult .SearchResultCategory a {color: #9DA7AE;}

.topResultDep div.department div.seats.seats-1 div.contact { float: left; max-width: 250px; }
.topResultDep div.department div.seats.seats-1 span.oh { float:left; margin-top: 0px; margin-left: 30px; max-width: 210px;}

.topResultPerson div.user { clear: both; }
.topResultPerson div.user div.userPhoto, .topResultPerson div.user div.userDescription { float: left; }
.topResultPerson div.user div.userPhoto { width: 100px; }
.topResultPerson div.user div.userPhoto img { max-width: 90px; border: 1px solid #9DA7AE  }
.topResultPerson div.user div.userDescription { width: 320px; padding-top: 7px; }
.topResultPerson div.user div.userDescription span { color: #040404 !important; display:block; float: none !important }
.topResultPerson div.user  a {color: #5D9E9B; }

/* END search styling */

/* Department Details */



/* Additional Info */
.additionalInfo
{        
    font-size: 11px;
    width: 250px;  
    float: right;  
    margin: 0px 0px 5px 10px !important;
    line-height:15px !important;  
}

.eventInfo
{
    width:100%;
    position:relative;
    margin-top: 10px;
    background-color: #F5F5F5;
    padding: 5px 10px 5px 0px;
    color: #757575;   
    float: left;
}
div.eventdetail { clear:both;}
div.eventdetail span {  display: block; float: left;}
div.eventdetail span.label { width: 100px ;}
div.eventdetail span.content { color: #040404;}

fieldset { padding: 5px;}
fieldset legend { font-weight: bold; color: #040404; }
div.ContactDetails .DepartmentName { font-style: italic }                                     
div.ContactRow { clear: both; color:#878f94;  }
div.ContactRow div { float: left; }
div.ContactRow div.ContactLabel { width: 70px; }
.NewFaceData, fieldset { margin-top: 0px !important;  }

.cacheContainer { overflow: hidden; }

#ui-datepicker-div { display: none; }