/*------------------------------------------------------------------
  [IEFix]
   
  Project:     CAS Campus V5
  Version:     1.0
  Last change: 20/04/12
  Assigned to: Thomas Gehrig
  
  Primary use: Specific style sheets and hacks for 
               Internet Explorer 7 + 8
-------------------------------------------------------------------*/





/* +Title
-------------------------------------------------------------------*/


.ie7 .col2 { /* avoid box model bugs */
  width: 49%;
}






/* +Layout CSS
-------------------------------------------------------------------*/

/*
 * Correction of the stack level in IE 7
 */

.ie7 .header-container {
  position: relative;
  z-index: 3;
}

.ie7 .subheader {
  z-index: 2;
}

.ie7 .toolbar-container {
  z-index: 1;
}


/* dropdown entrys */

.ie7 .menu-item .link, 
.ie7 .submenu-item .link,
.ie7 .menu-item .label,
.ie7 .submenu-item .label {
  min-height: 0px; /* adds layout to avoid whitespace */
}

.ie7 .breadcrumb .submenu {  
  width: 220px; /* stretch menu entrys to maximum, avoid whitespace */
}

.ie7 .breadcrumb .menu-item:first-child + .menu-item .submenu {  
  width: 100px; /* stretch menu entrys to maximum, avoid whitespace */
}
  
.ie7 .header-menu .menu-submenu {
  width: 150px; /* stretch menu entrys to maximum, avoid whitespace */
}

.ie7 .header-container .menu-item button,
.ie7 .header-container .menu-item button .label,
.ie7 .header-container .submenu-item button,
.ie7 .header-container .submenu-item button .label,
.ie7 .subheader .menu-item button,
.ie7 .subheader  .menu-item button .label,
.ie7 .subheader .submenu-item button,
.ie7 .subheader .submenu-item button .label {
  line-height: 30px; /* needed to get the same hight as the non-button entrys */
}








/* +Login page
-------------------------------*/

.ie7 .loginpage-content {
  top: 150px; /* alternative for vertical center */
}



/* +Header
-------------------------------*/


.ie7 .global-search-container .search-input {
  position: relative;
  height: 32px;
}

.ie7 .global-search-container .search-text {
  position: absolute;
  width: 97%;
}

.ie7 .header-menu {
  position: relative; /* avoid jump on :hover (as a consequence of the re-flow) */
}


/* +Sidebar
-------------------------------*/


.app-small { /* IE 7 */
  width: 52px;
}


/* +Subheader
-------------------------------------------------------------------*/

.ie7 .subheader .title {
  display: inline-block;
}


/* +Toolbar
-------------------------------------------------------------------*/

.ie7 .menu-toolbar .menu-item {
  margin-right: 0;
}

.ie7 .menu-toolbar button {
  font-family: arial;
  font-size: 1em;
  line-height: 16px;
}

.ie7 .menu-toolbar .label {
  line-height: 1.75em;
}

.ie7 .menu-toolbar button {
	width: 1%; /* shrink to fit */
}




/* +Information Design Elements
-------------------------------------------------------------------*/



/* +Table
-------------------------------*/

.ie7 .list-container-fullscreen { 
  overflow-x: hidden; /* avoid the horizontal scrollbar on tables */
}

.ie7 .ui-resize {
  display: none;
}



/* +Infobox, +Formbox
-------------------------------------------------------------------*/


/* display the label/value pairs after each other */

.ie7 .data-row { 
  position: relative;
}

.ie7 .data-label, 
.ie7 .data-value { 
  display: inline;
  zoom: 1;
}





/* +Controls
-------------------------------------------------------------------*/


/* +General
-------------------------------*/

.ie7 button,
.ie7 input,
.ie7 textarea,
.ie7 select {
  line-height: 1;
  /*font-size: 12px;*/
  font-family: arial, sans-serif;
}



/* +Buttons
-------------------------------*/

.ie7 .content .primary-action,
.ie7 .content .secondary-action {
  margin: 0.5em 0.4em 0.5em 0;
  padding: 4px 0;
}

.ie7 .content .call-to-action button {
  padding: 0.5em 0.6em;
}  

.ie7 .call-to-action button {
  width: 180px;
}


.ie7 .radiobutton-selected,
.ie7 .radiobutton-unselected {
  padding-left: 5px;
  padding-right: 5px;
}



/* +Datepicker
-------------------------------*/

/*
 * fixes the "table-extend-to-the-max" bug 
 */

.ie7 .ui-datepicker-header {
  zoom: normal;
  position: static;
}

.ie7 .ui-datepicker-calendar {
  width: auto;
}


/* +Popover
-------------------------------*/

.ie7 .ui-dialog-content .boxlayout {
  height: 1%;
}

.ie7 .ui-dialog,
.ie8 .ui-dialog {
  border: 1px solid #808080;
}
