@charset "UTF-8";

/*START - GENRAL FORMATTING OF THE WEB PAGE	*/

html,
body {
	margin:0;
	padding:0;
	height:100%;
	text-align:justify;
}

#wrapper {
	min-height:100%;
	position:relative;
}

#header {
	padding:0px;
	/*background:#5ee;*/
}

#content {
	padding:0px;
	padding-bottom:200px; /* Height of the footer element */
}

#footer {
	width:98%;
	margin:auto;
	height:60px;
	position:fixed;
	bottom:0;
	left:1%;
	background: #fff; 
	border:1px solid #ccc;	
	border-radius:8px;/**/ 
	display:none;	
}

#BeforeFooter {
	width:100%;
	margin:auto;
	height:10px;
	position:fixed;
	bottom:60px;
	left:0;
	background: #fff; 
	display:none;		
}	
	
#framecontentLeft{
		position: absolute; 
		top: 120px; 
		left: 10px; 
		width: 200px; /*Width of left frame div*/
		margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
		padding-bottom:100px; /*Height of the footer element */		
		/*min-height: 100%; 
		max-height:auto;
		height:100%; */	
		/*overflow: auto;*/ /*Disable scrollbars. Set to "scroll" to enable*/
		/*border:1px solid #ccc;
		border-radius: 10px;	*/	
		/*background-color: navy;
		color: white;*/		
	}

#framecontentRight{
		position: absolute; 
		top: 120px; 
		left: auto;
		right: 10px; 		
		width: 200px; /*Width of left frame div*/
		margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
		padding-bottom:100px;  /*Height of the footer element */		
		/*min-height: 100%; 
		max-height:auto;	
		height:100%; */
		/*overflow: auto; Disable scrollbars. Set to "scroll" to enable*/
		/*border:1px solid #ccc;
		border-radius: 10px;*/		
		/*background-color: navy;
		color: white;*/		
	}	

#maincontent{
		position: absolute; 
		top: 120px; 
		left: 215px; /*Set left value to WidthOfLeftFrameDiv*/
		right: 215px; /*Set right value to WidthOfRightFrameDiv*/
		background: #fff; 
		border:1px solid #ccc;	
		border-radius:8px;/**/ 
		margin: 15px;/*Margins for inner DIV inside each DIV (to provide padding)*/	
		padding: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
		font: 14px "Helvetica Neue", Helvetica, Arial, clean, sans-serif !important;
		padding-bottom:100px;  /*Height of the footer element */
		
		/*min-height: 100%; 
		max-height:auto;	
		height:100%; 	
		bottom: 10px;*/
		/*overflow: auto; */ 		
	}

.assessment	{
		/*box-shadow: 2px 2px 2px #888888;*/
		background: #fff; 
		border:0px solid #ccc;	
		border-radius:4px;"
		/*width:200px; */
		/*height:80px;*/ 		
	}

.VideosThumbnails{
		box-shadow: 20px 20px 20px #888888;
		//background: #fff; 
		border:1px solid #ccc;	
		border-radius:8px;"
		//width:200px; 
		//height:80px; 		
	}
	
li{line-height:200%;}		


/*START - FORMATTING THE PAGE THAT CONTAINS THS LOGO OF THE SOFTWARE*/	
div.TitleContainer {width: 100%; height: 80px; overflow: hidden; display:table; }
div.TitleContainer div {height: 80px; float: left; text-align: center; margin: 0px; overflow: hidden; color:#FFFFE0;}
div.TitleLeft      {width: 45%; background: #FFFFFF url(/SecToolsFr101/images/fond.jpg) repeat-x top;}
div.TitleLogo      {width: 10%; text-align:center;}
div.TitleSoftwareName   {width: 45%; text-align:center; font-weight:bold; 
						display: table-cell; vertical-align: middle;
						background: #FFFFFF url(/SecToolsFr101/images/fond.jpg) repeat-x top;}
/*END - FORMATTING THE PAGE THAT CONTAINS THS LOGO OF THE SOFTWARE*/							

/*START - CLEARIND THE BOTTOM OF VERTICAL DIV PRUT TOGETHER*/					
div.clear { display:block; clear:both;}
/*END - CLEARIND THE BOTTOM OF VERTICAL DIV PRUT TOGETHER*/	

div.separator  {width: 100%; height: 5px;}

.image{
		padding:1px;
		border:1px solid blue;
		background-color:green;	
	}

/*START - FORMATTING THE FOOTER OF LOGIN, PASSWORD RESET AND REGISTRATION PAGE*/	

div.title{
		padding-top:5px;
		padding-bottom:5px;	
		width:100%;
		text-align:justify;
		font-size:18px;
		font-weight:bold;
		margin:auto;
		/*text-decoration:overline;
		text-decoration:underline;*/	
	}
/*END - FORMATTING THE FOOTER OF LOGIN, PASSWORD RESET AND REGISTRATION PAGE*/


.RegistrationFormTable tr:hover, .RegistrationFormTableTitle tr:hover {
		background-color:#FFFAF0; color:#000;
	}
	
/*START - FORMATTING FORM */
.RegistrationForm{
		padding-left:auto;
		padding-right:auto; 	
		border:1px; 
		/*display: block;*/   
	}
/*END - FORMATTING FORM */

textarea {
		overflow: auto;
	}
	
textarea:hover {
		border: 1px solid; 
		border-color:blue;
	}	

/*START - GENRAL FORMATTING OF DIFFERENT ELEMENTS*/
.textbox{ /*Formatting the textbox*/
    width:98%;
	/*border-color:white;*/
	}

.textbox:hover {
	border: 1px solid; 
	border-color:blue;
	}		
	
.selectboxLong:hover{
	border: 1px solid; 
	border-color:blue;
	}
	
.inputBoxStyle{ /*Formatting the input*/
    width:85%;
	}

.selectbox{  /*Formatting the select boxes*/
    width:99%;
	}

.selectboxLong{ /*Formatting  along select box. This select box is longer than other select boxes*/
    width:300px;
	}

.selectboxTrainingAreaList{  /*Formatting the select box in the Registration form. That select box is in the pop-up windows*/
    width:50%;
	}

.FieldsetWrapper{ 
	padding: 10px;
	margin:auto;
	border:1px solid blue;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;	
	}	

.InnerFieldsetWrapper{ 
	padding: 10px;
	margin:auto;
	border:1px solid black;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;	
	}

div.bodyOfTable{
	/*border: 1px solid #B7B7B7;*/
	background: url(/SecToolsFr101/images/tabbg.gif) 0 -36px repeat-x;
	border-radius: 0px 0px 0px 0px;
	z-index=-100; 	
	}

#outertablewrapper {width:98%; height:98%; margin-left:auto; margin-right:auto; }
#innerTableWrapper{width:100%; max-height:550px; margin-left:auto; margin-right:auto; padding-bottom:1px; overflow:auto} 
 /*overflow-x:scroll;  overflow-y:visible;overflow-x:scroll;  overflow-y:scroll; */	

.button2 {
	font: bold 13px "Helvetica Neue", Helvetica, Arial, clean, sans-serif !important;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	display: inline-block;
	color: white;
	padding: 5px 10px 5px;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	background: #A9014B url(/SecToolsFr101/images/button_overlay.png) repeat-x scroll 0 0;
	border-style: none;
	text-align: center;
	overflow: visible;
	z-index:200;
}
 
.button2:hover,
.button2:focus {
	background-position: 0 -50px;
	color: white;
}
 
.button2:active {
	background-position: 0 -100px;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow: none;
}