@charset "UTF-8";

/**
 * "MyIHS" 
 * (ar) ورقة التنسيق لنمودج الصفحة
 * (de) Stylesheet für das Seiten-Layout
 * (en) stylesheet for page layout
 * (in) stylesheet untuk layout
 *
 * @creator       Karmoun, Kupferschmidt, Thoralf
 * @file          iviewstyle.css
 * @myIHS		  1.0
 */

/*
Colors:
	mid-blue: 	#CEDEEE;
	light-blue:	#E2E6E9;
	dark-blue:	#3A596D;
	yellow:		#F4BA30;
*/


  body { 
	margin: 0px;
	padding: 0px;
	font-family: "Arial Unicode MS","Lucida Sans Unicode",Verdana,Gentium;
	text-align: center;
	font-size: small;
    width: 100%;
    }

  table.iview-navi-table {
    width: 100%;
    border: 0px;
    margin: 0px;
	padding: 0px;
    }
    
  #iview-base {
    width: 100%;
    border: 0px;
    margin: 0px;
	padding: 0px;
	/* background-color: #EFEFEF; */
    }
    
/* view metadata */

  #iview-fileproperties {
  
    /* background-color: #DFDFDF; */
    /* color: #000000;   */
    height: 110px;
    width: 300px;
    font-size: 80%;
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: middle;
    }
    
/* set scrollbar */

  #iview-filemenu {
    width: 1px;
    /* color: white; */
    border: none;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  
  #iview-filemenu img {
    vertical-align: middle;
    margin: 4px 6px;
    }
    
  #iview-filemenu span.highlight {
    /* background-color: transparent; */
    /* color: #F4BA30;  */
    font-size: 23px;
    font-weight: bolder;
    margin: 4px 6px;
    /*
    position: relative;
    */
    top: 3px;
    }

  #iview-filemenu div {
    /* background-color: #3A596D; */ 
    width: 80px;
    heigth: 40px;
    padding: 5px;
    text-align: center;
    }

  a.iview-scrolling { 
    /* color: #FFFFFF;  */ 
    font-size: 80%;
    text-decoration: none;
    text-align: center;
    }
  a:hover.iview-scrolling { 
	/* color: #E2E6E9;  */ 
    }

/* navigation via button */

  #iview-navigation {
    width: 1px;
    /* color: black;  */  
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    }
    
  #iview-navigation img {
    vertical-align: middle;
    margin: 4px 2px;
    }

  a.iview-navigationempty { 
    /* background-image:url('../images/nav-empty.gif'); */   
    display: block;
    line-height:26px;
    width:26px;
    text-decoration: none;
    }
  a:hover.iview-navigationempty { 
    /* background-image:url('../images/nav-empty.gif'); */   
    display: block;	  
    text-decoration: none; 
    }

  a.iview-navigationfirst {
    /*  background-image:url('../images/nav-first.gif');  */ 
    display: block;
    line-height:26px;
    width:26px;
    text-decoration: none;
    }
  a:hover.iview-navigationfirst { 
    /* background-image:url('../images/nav-first2.gif');   */
    text-decoration: none; 
    }

  a.iview-navigationback { 
    /*  background-image:url('../images/nav-back.gif');   */
    display: block;
    line-height:26px;
    width:26px;
    text-decoration: none;
    }
  a:hover.iview-navigationback { 
    /* background-image:url('../images/nav-back2.gif');  */
    text-decoration: none; 
    }

  a.iview-navigationforward { 
    /* background-image:url('../images/nav-forward.gif');  */
    display: block;
    line-height:26px;
    width:26px;
    text-decoration: none;
    }
  a:hover.iview-navigationforward { 
    /* background-image:url('../images/nav-forward2.gif');   */
    text-decoration: none; 
    }

  a.iview-navigationlast { 
    /* background-image:url('../images/nav-last.gif');   */
    display: block;
    line-height:26px;
    width:26px;
    text-decoration: none;
    }
  a:hover.iview-navigationlast { 
    /* background-image:url('../images/nav-last2.gif');   */
    text-decoration: none; 
    }

/* Change size by simple way */

  #iview-simplesize {
    width: 1px;
    /* color: black;   */ 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    }
    
  #iview-simplesize img {
    vertical-align: middle;
    margin: 4px 2px;
    }
    
  #iview-simplesize div {
    padding-top: 5px;
    padding-bottom: 5px;
    }
 
  a.iview-simplesize { 
    /* background-image:url('../images/fit-size.gif'); */  
    display: block;
    line-height:21px;
    width:27px;
    text-decoration: none;
    }
  a:hover.iview-simplesize { 
    /* background-image:url('../images/fit-size2.gif');  */
    text-decoration: none; 
    }

  a.iview-simplewidth { 
    /* background-image:url('../images/fit-width.gif');  */
    display: block;
    line-height:15px;
    width:31px;
    text-decoration: none;
    }
  a:hover.iview-simplewidth { 
    /* background-image:url('../images/fit-width2.gif');  */
    text-decoration: none; 
    }

/* Change size by steps */

  #iview-resize {
    width: 1px;
    /* color: black;    */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    }
    
  #iview-resize form {
    border: none;
    font-size: 80%;
  }
  
  #iview-resize select {
    margin: 2px 2px;
  }
  
  #iview-resize input {
    margin: 2px 2px;
  }

  a.iview-resizein { 
    /* background-image:url('../images/zoomin.gif');  */ 
    display: block;
    line-height:30px;
    width:30px;
    text-decoration: none;
    }
  a:hover.iview-resizein { 
    /* background-image:url('../images/zoomin2.gif'); */ 
    text-decoration: none; 
    }

  a.iview-resizeout { 
    /* background-image:url('../images/zoomout.gif');  */
    display: block;
    line-height:26px;
    width:26px;
    text-decoration: none;
    }
  a:hover.iview-resizeout { 
    /* background-image:url('../images/zoomout2.gif');  */
    text-decoration: none; 
    }

/* View types */

  #iview-mode {
    width: 1px;
    /* color: black;  */   
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    }
    
  #iview-mode div {
    padding-top: 5px;
    padding-bottom: 5px;
    }
 
  a.iview-displayswitchthumbs { 
    /* background-image:url('../images/display-thumbs.gif'); */  
    display: block;
    line-height:21px;
    width:21px;
    text-decoration: none;
    }
  a:hover.iview-displayswitchthumbs { 
    /* background-image:url('../images/display-thumbs2.gif');  */  
    text-decoration: none; 
    }
  
  a.iview-displayswitchpicture { 
    /* background-image:url('../images/display-picture.gif');  */
    display: block;
    line-height:21px;
    width:18px;
    text-decoration: none;
    }
  a:hover.iview-displayswitchpicture { 
    /* background-image:url('../images/display-picture2.gif');   */  
    text-decoration: none; 
    }    

/* Navigation via preview icon */

   #iview-orientation {
    width: 1px;
    /* color: black;    */
    text-align:center;        
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    }
    
  #iview-orientation table {
    text-align:center;    
    }
    
  #iview-orientation td.h-nav {
    text-align:center;
    }
    
  #iview-orientation td.v-nav {
    vertical-align:middle;
    }
  #iview-orientation img {
    display:block;
    text-align:center;
    }
    
  #iview-orientation td.thumbnail {
    /* border: #3A596D 2px solid;  */
    }

  a.iview-orientationup { 
    /* background-image:url('../images/move-up.gif');  */
    display: block;
    line-height:5px;
    width:9px;
    text-decoration: none;
    }
  a:hover.iview-orientationup { 
    /* background-image:url('../images/move-up2.gif');   */
    text-decoration: none; 
    }

  a.iview-orientationleft { 
    /* background-image:url('../images/move-left.gif');  */  
    display: block;
    line-height:9px;
    width:5px;
    text-decoration: none;
    }
  a:hover.iview-orientationleft { 
    /* background-image:url('../images/move-left2.gif');  */
    text-decoration: none; 
    }
  
  a.iview-orientationsample { 
    /* background-image:url('../images/move-sample.gif');  */
    display: block;
    line-height:58px;
    width:56px;
    text-decoration: none;
    }
  a:hover.iview-orientationsample { 
    /* background-image:url('../images/move-sample2.gif');  */
    text-decoration: none; 
    }

  a.iview-orientationright { 
    /* background-image:url('../images/move-right.gif');  */ 
    display: block;
    line-height:9px;
    width:5px;
    text-decoration: none;
    }
  a:hover.iview-orientationright { 
    /* background-image:url('../images/move-right2.gif');  */ 
    text-decoration: none; 
    }

  a.iview-orientationdown { 
    /* background-image:url('../images/move-down.gif');   */
    display: block;
    text-align: center;
    line-height:5px;
    width:9px;
    text-decoration: none;
    }
  a:hover.iview-orientationdown { 
    /* background-image:url('../images/move-down2.gif'); */ 
    text-decoration: none; 
    }

/* The image as content */

  #iview-content {
    padding: 5px;
    /* background-color: #BFBFBF;    */ 
    }

  #content-container {
    border: 0px;
    text-align: center;
    }

/* Empty space of the haed */

  #iview-empty {
    }