@CHARSET "UTF-8";

/* IJV styles, after all 3rd party styles are loaded.. */ 

 
body { 
	 background: #eae9ea;
	 font-family: "Arial",arial,sans-serif; 
}
 
h1,h2,h3,h4,h5,p,div { 
	  
	 font-family: "Arial",arial,sans-serif; 
}

h1
{
	font-size: 20px;
	
}

h2 { 
	background: #ff8000;
	font-size: 18px;
	padding: 4px;
	color: white; 
	 
	} 

h3
{
	font-size: 16px;
	font-weight: bold;
}

h4
{
	 
	font-weight: bold;
	font-size: 14px;
}

p
 {
	font-size: 12px;
 }

caption
{
	text-transform: none;	
}

h1
{
  font-size: 20px;
}


label { padding: 3px; margin: 3px; }

div.page div.header
{
  vertical-align: middle;
}

h1.pageheader
{
  display: inline;
  
}

body.popup
	{
	text-align: left; width: 450px;padding:10px;
	background: white;

	}


table.attendance
	{
		width: 700px;
	}
	
table.attendance tr td
{
   background: #fee5c4;
   font-size: 12px;
      vertical-align: top;
   height: 100%;
   width: 95px;
} 

table.attendance tr td table
{
   vertical-align: top;
   height: 100%;
} 


table.attendance tr td .container
	{
		position: relative;
		
	}
table.attendance tr td .missed,.pending,.attended
{
	padding: 2px;
	margin: 2px;
	border: 1px solid grey;
	
}	

table.attendance tr td div.date
{

	padding: 1px;
	 
	width: 20px;
	background: white;
 
 }
	
table.attendance tr td .missed
{
	background: #c20000;
	color: white;
	font-weight: bold;
}
table.attendance tr td .pending
{
	background: #eae9ea; 
	color: #aaa;
}

table.attendance tr td .attended
{
	background: #339933;
	color: white;
	font-weight: bold;
}



input	{
	background: white url("/media/common/images/input-bg.gif") top left no-repeat;
	border: 1px solid #81aac7;
	border-bottom: 1px solid #cee2f1;
	border-right: 1px solid #abcde6;
	padding: 3px;
	 
}

.imagebutton
	{
	background: none;
	border: none;
	border-bottom: none;
	border-right: none;
	padding: 0;
	
	}


.nostylelink
	{
	 text-decoration: none;
	
	}
#header
{
margin-left: -4px;
margin-right: -12px; 
padding-top: 10px;
 
	
}
 
  
.login-box
{
	border: 1px solid grey;	
	margin: 5px;
	padding: 5px;
	color: black;
	background: #eae9ea;
}	
	
.login-box #email-password-box

{
	padding: 5px;
	text-align: center;
	background: #dddddd;	
}

.login-box h2
	{
	text-align: center;
	background: #ff8000;
	color: white;
	padding: 5px; 
	}

.login-box h3
	{
	text-align: center;
	background: #ff8000;
	color: white;
	padding: 5px; 
	}
.login-box div
{
   margin-top: 3px;  
   margin-bottom: 3px;  
}

.login-box-left div
{
   text-align: right;     
   padding-top: 5px;
}

.login-box-right 
{
    
   text-align: left;
    
}

.login-box-right input
{
    
   margin-left: 10px;
   margin-right: 0px;   
   padding-right: 0px;
}


/** START BOX ORANGE BORDER **/

/* set the image to use and establish the lower-right position */
 .box_orange_border, .box_orange_border_body, .box_orange_border_head, .box_orange_border_head h2
   { background: 
        transparent url(/media/common/images/box_orange_border.png) 
        no-repeat bottom right
   } 
.box_orange_border
  { /* intended total box width - padding-right(next)*/   width:250px !important;  
     /* IE Win = width - padding  */width: 235px;  
     /* the gap on the right edge of the image (not content padding) */ padding-right:15px;
      /* use to position the box */ margin:20px auto
  } 
      /* set the top-right image */
 .box_orange_border_head
   {
      background-position:top right; 
     /* pull the right image over on top of border */  margin-right:-15px; 
        /* right-image-gap + right-inside padding */ padding-right:40px
   } /* set the top-left image */

.box_orange_border_head h2
	  { background-position:top left; 
	  	margin:0; 
	  	/* reset main site styles*/ border:0; 
	  	/* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ 
	  	padding:3px 0 3px 3px; 
	  	height:auto !important; 
	  	height:1%
	  	} 
	  	/* IE Holly Hack */ /* set the lower-left corner image */ 
.box_orange_border_body{ 
	background-position:bottom left;
	 margin-right:25px; 
	 /* interior-padding right */ 
	 padding:0px 0 10px 10px
}
	  /* mirror .box_orange_border_head right/left */ 

/** END BOX ORANGE BORDER **/


/** START BOX grey BORDER **/

/* set the image to use and establish the lower-right position */
 .box_grey_border, .box_grey_border_body, .box_grey_border_head, .box_grey_border_head h2
   { background: 
        transparent url(/media/common/images/box_grey_border.png) 
        no-repeat bottom right
   } 
.box_grey_border
  { /* intended total box width - padding-right(next)*/   width:250px !important;  
     /* IE Win = width - padding  */width: 235px;  
     /* the gap on the right edge of the image (not content padding) */ padding-right:15px;
      /* use to position the box */ margin:20px auto
  } 
      /* set the top-right image */
 .box_grey_border_head
   {
      background-position:top right; 
     /* pull the right image over on top of border */  margin-right:-15px; 
        /* right-image-gap + right-inside padding */ padding-right:40px
   } /* set the top-left image */

.box_grey_border_head h2
	  { background-position:top left; 
	  	margin:0; 
	  	/* reset main site styles*/ border:0; 
	  	/* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ 
	  	padding:25px 0 15px 40px; 
	  	height:auto !important; 
	  	height:1%
	  	} 
	  	/* IE Holly Hack */ /* set the lower-left corner image */ 
.box_grey_border_body{ 
	background-position:bottom left;
	 margin-right:25px; 
	 /* interior-padding right */ 
	 padding:15px 0 15px 40px
}
	  /* mirror .box_grey_border_head right/left */ 

/** END BOX grey BORDER **/



/* set the image to use and establish the lower-right position */ .box_orange_fill, .box_orange_fill_body, .box_orange_fill_head, .box_orange_fill_head h2{ background: transparent url(/media/common/images/box_orange_fill.png) no-repeat bottom right} .box_orange_fill{ /* intended total box width - padding-right(next) */ width:335px !important; /* IE Win = width - padding */ width: 320px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:20px auto} /* set the top-right image */ .box_orange_fill_head{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:40px} /* set the top-left image */ .box_orange_fill_head h2{ background-position:top left; margin:0; /* reset main site styles*/ border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ padding:25px 0 15px 40px; height:auto !important; height:1%} /* IE Holly Hack */ /* set the lower-left corner image */ .box_orange_fill_body{ background-position:bottom left;  margin-right:25px; /* interior-padding right */ padding:15px 0 15px 40px} /* mirror .box_orange_fill_head right/left */ 
 
 
 
 .box_orange_border h2
 {
   text-align: center;
   padding-top: 5px;
 }
 
 
 .box_orange_fill h2
 {
   text-align: center;
   padding-top: 5px;
 }


#header-right-tabs-1
	{
		position: absolute;
		 
		bottom: 0px;
		right: 75px;
		margin: 5px;
		padding: 5px;
		margin-bottom: -3px;
		background: white;
	}


#header-right-tabs-2
	{
		position: absolute;
		 
		bottom: 0px;
		right: 10px;
		margin: 5px;
		padding: 5px;
		margin-bottom: -3px;
		background: white;
	}

	
.headedbox 
{
  border: 1px grey solid;
  width: 90%;
  margin: 5px;
}

.headedbox  h3
{
  
  color: white;
  text-align: center;
  font-size: 1.5em;
  padding: 5px;
  
}

.headedbox  .body
{
	padding: 10px;
}

.orange_background
	{
	
	background: #ff8000;
	}
	
.grey_background
	{
	background: grey;
	
	}
	
table.collist td.label
	{
		text-align: left;
	
	}

table.collist td.data
	{
		color: black;
		 
	}
	
table.collist caption
	{
		padding:4px;
		font-size: 1.5em
	}
	
 input
	{
		text-align: left;
		size: 100;
		 
	}
	
.alert
{
  width: 40%;
  margin: 5px;
  padding: 5px;
  color: white;
  background: red;	
}
 
.green
	{
	background: #20c804;
	
	}
	
	
 table.courselist
{
	
	margin: 0px;
	border: 1px solid #ff8000;
 }	
	
 table.courselist tr th
 {
 
   background: #ff8000;
   color: white;
 }
 
 
table.courselist tr td
 {
 
   border: none;
 } 

table.courselist tr.list_row_1 td
{
   background: white;
} 

table.courselist tr.list_row_0 td
{
   background: grey;
}

/***/

 table.info
{
	
	margin: 5px;
	border: 1px solid #444444;
	
 }	
	
 table.info tr th
 {
   background: #ff8000;
   color: white;
   margin: 0;
   text-align: center;
 }
 
 
table.info tr td
 {
 
   border: 1px solid black;
   color: #222222;
   text-align: center;
 } 

table.info tr.list_row_1 td
{
   background: white;
} 

table.info tr.list_row_0 td
{
   background: #eae9ea;
}



#mainmenu
	{
	margin-top: 1.2em;
	}

#mainmenu *
{
	font-size: 14px;
}

#mainmenubox
{
	 
	border: 1px solid #ff8000; 
 
}



.subc { padding: 0 0.5em 0 0.5em; overflow: hidden; }
.subcl { padding: 0 1em 0 0; overflow: hidden; }
.subcr { padding: 0 0 0 1em; overflow: hidden; } 

.infobox 
{
 	background: white;
}	

.infobox-body
{
	padding: 5px;
	background: white;
	color: black;
	height: 100%;
	margin:5px;	
}

.infobox .value
	{
 		padding: 3px;
 		color: black;
 		font-weight: bold;
	}
	
	
.infobox .label
	{
	 	text-align: right;
	 	padding: 3px;
	 	color: #444444;
	}	





  /* title */
  h6.vlist {
    
    font-weight: bold;
    font-size: 100%;
    width: 90%;
    padding: 3px 0px 3px 10%; /* LTR */
    margin:0;
    color: #000;
    background-color: #fff;
    border-top: 2px #ddd solid;
    border-bottom: 4px #888 solid;
  }

  .vlist {
    width: 100%;
    overflow: hidden;
    margin: 0 0 1.5em 0;
    list-style-type: none;
    border-bottom: 2px #ddd solid;
  }

  .vlist ul {
    list-style-type: none;
    margin:0;
    padding: 0;
  }

  .vlist li {
    float:left; /* LTR */
    width: 100%;
    margin:0;
    padding: 0;
  }

  .vlist a,
  .vlist strong,
  .vlist span {
    display:block;
    padding: 3px 0px 3px 10%;
    text-decoration: none;
    border-bottom: 1px #ddd solid;
  }

  .vlist a,
  .vlist a:visited {
    color: #444;
  }

  .vlist li span {
    display:block;
    font-weight: bold;
    border-bottom: 1px #ddd solid;
  }

  /* active list element */
  .vlist li.active {
    color: #fff;
    background-color:#ff8000;
    font-weight: bold;
  }

  /* active list element */
  .vlist li.active  a {
    color: #fff; 
    
  }

  /* Level 1 */
  .vlist li a,
  .vlist li strong,
  .vlist li span { width: 90%; padding-left: 10%; } /* LTR */

  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active { background-color:#a88; color: #fff; }

  /* Level 2 */
  .vlist li ul li a,
  .vlist li ul li strong,
  .vlist li ul li span { width: 80%; padding-left: 20%; } /* LTR */

  .vlist li ul li a, 
  .vlist li ul li a:visited { background-color:#f8f8f8; color: #666; }
  
  .vlist li ul li a:link,
  .vlist li ul li a:focus, 
  .vlist li ul li a:active { background-color:#eee; color: #000; }
  .vlist li ul li a:hover { background-color:#FFAF5E; color: #333; }
  
  /* active list element */
  .vlist li ul li.active {
    color: #fff;
    background-color:#ff8000;
    font-weight: bold;
  }

  /* active list element */
  .vlist li ul li.active a {
    color: #FFF; 
    background-color:#ff8000;
  }  

  /* Level 3 */
  .vlist li ul li ul li a,
  .vlist li ul li ul li strong,
  .vlist li ul li ul li span { width: 70%; padding-left: 30%; } /* LTR */

  .vlist li ul li ul li a,
  .vlist li ul li ul li a:visited{ background-color:#f0f0f0; color: #666; }
  .vlist li ul li ul li a:link,  
  .vlist li ul li ul li a:focus,
  .vlist li ul li ul li a:active { background-color:#eee; color: #333; }
  .vlist li ul li ul li a:hover, { background-color:#FFAF5E; color: #333; }

  /* Level 4 */
  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li strong,
  .vlist li ul li ul li ul li span { width: 60%; padding-left: 40%; } /* LTR */

  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color: #111; }
  .vlist li ul li ul li ul li a:focus,
  .vlist li ul li ul li ul li a:link,
  .vlist li ul li ul li ul li a:hover,
  .vlist li ul li ul li ul li a:active { background-color:#a88; color: #fff; }

 





 div.save-ok { background: green; color: white; font-weight: bold; font-size: 12px; padding: 3px; margin: 3px; } 
	
table.info p.MsoNormal
{
  margin: 0;
}

/** note is used to reduce text size, in klienti **/
div.ijv-note p 
{

  font-size: 80%;
  font-style: italic;
   
}

div.ijv-note h5
{  
	font-style: italic;
  font-size: 80%;
  font-weight: bold;
  
}


.htmlarea td
{
  padding: 0;
  margin: 0;
  
}

.htmlarea tr
{
  padding: 0;
  margin: 0;
}

.linkbox
{
	display: block;
	height: 100%;
	width: 100%; 
	vertical-align: middle;
	font-size: 120%;
}

 .linkbox a:focus,
 .linkbox a:hover,
 .linkbox a:active { background-color:#a88; color: #fff; }
 
 .soft tbody tr th
 {
    background: grey;
    color: white;
 }
 
 .align-left tbody tr td 
 {
   text-align: left;
   vertical-align: top;
 }