@charset "UTF-8";

/*
  		

            .:;siS5225s:                                                                                    
          .;;;:::;;rS3H#M2,                                                                                 
        rXi;:.   ..,,:iM@@@@s                                                                               
      ;9i,,,.  ...... ;B&M@@@@,                                                                             
     iG:.,:.  XGsi52X3&3XhH#@@@;                       ,;sS2X932i;.                                         
    sG..,:.  2&..,;;rsiS23&H#@@@:                   :i5SiiS5XhH#@@@@2.                                      
   ,B,.,:.  2&..,:;;rsi523GAB@@@@                 r2S;...,:;rri59G9@@@H,                                    
   hi ,,.  5&..,:;;rriS2X9GAB#@@@s              ,9S:.  :;.,:;;rs2  ,@@@@2                                   
   #;,,,  ;A..,:;;rrsi523h&HB#@@@A .,,,.       ;A;.,,  rS..::;rsS  ,##@@@M                                  
  :@r;;;  :S,:;;rrsiiS2X9&AM@@B35i2hAB#@@#&s. .A:.,,,  ri.,:;;rs2  ,#BM@@@H                                 
   @Srrs;  ;irrrssiS5239GH#MS,   ,;ri23AB#@@@MB: .,::  ri.,:;;riX. :#HB#@@@;                                
   &Biii5;  ;2iiSS52X3h&B#2.           .;9BM@@@#r .,,  ri.:  :5i3. :#HH#@@@M                                
   ,@92223; .rG939h&AHHMBr   .,  .        iBAB@@@G..,  ri,;  ;ASh. :#BBM@@@@                                
    2@&99GAr  ;22XX399M#;  .,,,:rS, .Ahi   2BAM@@@H,,  r2;r  ;A2G. :#MM#@@@@                                
     X@MAAHMi,        ;S  ,,,,,,,,  .Gs5i   9#H#@@@h:  s9ri. ;HXA. :@###@@@B                                
      r@@###@#AGhGGGhGG, ,,,,,,,,:. .9sihS   A#M#@@@s  s&i2. ;MGM. :@@#@@@@i                                
        3@@@@@@@@@@@@@h..,,,,,,,,:. .3ii2HS  .###@@@5  sMXA. r@B@, :@@@@@@#                                 
          r#@@@@@@@@@@5,:::,,,,::;, .hSi2h@;  9@#@@@2  :hH5  ,h@& .;@@@@@@;                                 
             .r2&AA&X9&;;;;;;;;;;s, .h2S2G@:  A@@@@@23.    .,     r@@@@@@;                                  
                      #2sssrrrrrs5: ,&323Mr .5@@@@@Ms@MiS52A@5iS2G@@@@@H.                                   
                      9#5SSiiiiiS9; .&&9Mr .2@@@@@@5B@@@@@@@@@@@@@@@@#;                                     
                       @BXX22222hMr ,B@@i .S@@@@@@@  2@@@@@@@@@@@@@2.                                       
                       ,@#Ghh9h3iX: ,53;  i@@@@@@@;     .;i2X2i;.                                           
                         @@BAAM;   .    :9@@@@@@#,                                                          
           ++++++++++++   A@@@@#H#@####@@@@@@@@A    ++++++++++++++++++++++++++++++++++++++++++++++++++++++
                              ,s3AM####MH9i:  

*/


/* RESET ALL ELEMENTS */
* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
}
/* END RESET ALL ELEMENTS */



/* ************************************************************************    #####    HTML TAGS */

body, html{
	color: #024FBC;
	font: 90%;
	height: 100%;
	background: #FFF;
}

body {
	background: url(../images/2014/home-bg.jpg) no-repeat;
	background-size:contain-y;
}


table {
	border-collapse:collapse;
}

:focus {
	 -moz-outline-style: none;
}

ol, ul {
	list-style:none;
}

.group:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

h1,h2 {
	color:#FFC603;
	font-weight:lighter;
	margin:0.1em 0;
}

h3,h4 {
	margin-bottom:9px;
}
h1 {
	font-size:2em;
}

h2 {
	font-size:1.6em;
}

p, li {
	line-height:1.2em;
	margin-bottom:0.5em;
}

.pageHeader { 
	margin-bottom:20px;
}

/* ************************************************************************    #####    STYLING */

#loginBox {
	background-color: #FCFDFF;
	border-radius: 20px;
	padding: 10px 20px;
	margin: 0px auto;
	width: 50%;
	border: 5px solid #FFB802;
	line-height: 1.3em;
	-webkit-box-shadow: 3px 7px 22px 21px rgba(0,0,0,0.44);
	-moz-box-shadow: 3px 7px 22px 21px rgba(0,0,0,0.44);
	box-shadow: 3px 7px 22px 21px rgba(0,0,0,0.44);
}

#loginBox label {
	display:block;
	margin:10px 0 5px 0;
	
}


#topMenu {
	background-color: rgba(255,255,255,0.7);
	padding: 5px 0 0 20px;
	margin: 0 0 20px 0;
	width: 100%;
	border-bottom: 5px solid #FFB802;
	-webkit-box-shadow: 3px 7px 22px 21px rgba(0,0,0,0.44);
	-moz-box-shadow: 3px 7px 22px 21px rgba(0,0,0,0.44);
	box-shadow: 3px 7px 22px 21px rgba(0,0,0,0.44);
	
}

#sideMenu {
	
	float:left;	
	clear:both;
	
	background-color: rgba(255,255,255,0.7);
	padding: 10px 20px 10px 0;
	margin: 0 20px 100px 0;
	min-width: 20%;
	
	border-bottom: 5px solid #FFB802;
	border-top: 5px solid #FFB802;
	border-right: 5px solid #FFB802;	
	
	-webkit-box-shadow: 3px 7px 22px 21px rgba(0,0,0,0.44);
	-moz-box-shadow: 3px 7px 22px 21px rgba(0,0,0,0.44);
	box-shadow: 3px 7px 22px 21px rgba(0,0,0,0.44);
	
}

#sideMenu div {
	width: 100%;
	margin: 0 0 4px 4px;
	font-size: 90%;
	border-left: 5px solid #FFC517;
	border-bottom: 1px solid #FFF;
	background-color: #0B2B81;
	

}

#sideMenu div a {
	display: block;
	padding: 4px 4px 4px 10px;
	color: #E2FCFF;
	-webkit-box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,1);
	-moz-box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,1);
	box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,1);
	text-decoration: none;
	
		
}

#sideMenu div a:hover, #sideMenu div .hilite{
	color: #FAFFFC;
	background-color: #0251B4;
}


#mainContent {
	margin-right:5%;
	margin-left:25%;
	padding:10px;
	overflow:auto;
	background-color:#FFF;
	background-color:rgba(255,255,255,0.9);
}

#mainContent #menuGrid .pageHeader h2 {
	display:none;
}

#mainContent #menuGrid .pageHeader h1 {
	color: #024FBC;
	font-size:120%;
	margin:0;
}
#mainContent #menuGrid {
	width:80%;
	margin-left:5%;
}

.mainsubmenu {
	margin-left:20%;
}

#mainContent #menuGrid div {
	width:46%;
	margin: 5px 2% 0 0;
	text-align:left;
	height:auto;
	float:left;
}
#mainContent #menuGrid div a.btnLink {
	border:0;
	margin:0;
	padding:2px 2px 2px 10px;
	background-color:#FFF;
}


#topMenu a.btnLink{
	margin-left:10px;
	
}


footer {
	font-size:80%;
	margin:200px auto 5px auto;
	clear:both;
	width:80%;
	color:#999;
	opacity:0.3;
}


footer a {
	color:#999;
}

.studentExam {
	width:90%;
	margin:5px auto 10px auto;
	border:1px solid #ffeea9;
	padding:5px 5px 10px 5px;
	color:#000;
	background-color: #FCFCFC;
}
.studentExam h4 {
	margin:0 0 3px 0;
}

.studentExam a {
	border-radius:4px;
	margin: 0 5px 0 0;
	padding:3px 15px;
	color:#FFF;
	background-color: #2f8df7;
	text-decoration: none;
}



.timeline_tracker {
	border:10px solid white;
	border-radius:10px;
	height:20px;
	width:90%;
	box-shadow: 1px 0px 16px 3px #999;
	display: flex;
	flex-grow: 1;
	flex-basis: auto;
	background: #EEE;
	margin:10px auto 30px auto;
}

.timeline_tracker .track_tema {
	height:20px;
	display: flex;
	flex-grow: 1;
	flex-basis: auto;
}

.timeline_tracker .track_tema .track_apt{
	border:2px solid white;
	height:20px;
	flex-grow: 1;
	flex-basis: auto;
}
.timeline_tracker .track_tema .track_apt.complete{
	background-color: gold
}

#iso_cert {
	position: fixed;
	bottom:20px;
	right:10px;
	width:120px;
}

#iso_cert img {
	width:100%;
}