body 
{
	margin: 0;
	padding: 0;
	/*background: #e2e6e9; gesh 01-07-2011*/
	background: #fff;
	font: normal 12px Verdana, Arial, Sans-Serif;
        text-align: left;
}


img {
	border: 0px;

}

	

/* Links */

a:link { color: #fff; text-decoration: none;}

a:visited { color: #fff; text-decoration: none; }


a:hover, a:active { color: #ffffff; background-color: #666666;}

h3 a:link { color: #3f4f5c; text-decoration: none; }

h3 a:visited { color: #3f4f5c; text-decoration: none; }

h3 a:hover, a:active { color: #FFFFFF; }

/* Html Elements */

h2, h3, h4, h5, h6 { font-weight: normal; margin: 10px 0; padding: 0; }

h1 { font-size: 24px; color: #0D3A64; font-weight: bold; text-align: center; }

h2 { font-size: 28px; color: #353F47;}

.post-title h2 {color: #3f4f5c; font-weight:bold; text-transform: uppercase; margin-bottom:5px;}

h3 { font-size: 24px; color: #3f4f5c;}

h4 { font-size: 20px; color: #3f4f5c; }

h5 { font-size: 16px; color: #3f4f5c;}

h6 
{ 
	font-size: 13px; 
	text-transform: uppercase; 
	margin: 5px 0; 
	font-weight: bold; 
}

ul { line-height: 1.8em; list-style-type: disc;  color: #333333;}
ul ul li{ line-height: 1.8em; list-style-type: circle;  color: #333333;}

ol { line-height: 1.8em; color: #333333;}

blockquote
{
	color: #555555;
	background-color: #eeeeee;
	border: 1px solid #cfcfcf;
	padding: 5px 10px; 
	margin: 10px 20px;
}



code { font-family: Consolas, Verdana, Arial, "Courier New"; }

abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }

em { font-style: italic; }

strong { font-weight: bold; }

del { text-decoration: line-through; color: #555555; font-size: 11px; }

ins { text-decoration: none; color: #679b3c; }

p em, 
cite
{
	font-family: Consolas, Verdana, Serif;
}

/* Structure */

#container
{
	width: 1024px;
	margin: 0 auto;
	margin-top: 25px;
	border: 1px solid red;
	
}


#header
{
	
	float:left;
	width: 720px;
	font-size: 24px;
	color: #0D3A64;
	font-weight: bold;
	text-align: center; 
	padding-bottom: 14px;
    height: 51px;
	
	
}

#navigation
{
	float: left; 
	width: 1020px;
	background-color: #282d2d;
	text-transform: uppercase;
        font-size: 14px;
		color: white;
}

#variables
{
	float: left; 
	width: 1020px;
	background-color: #0400C5;
	/*text-transform: uppercase;*/
	font-size: 14px;
	
	color: white;
	
}

img.imgmaterial{
	display: block;
    margin-left: auto;
    margin-right: auto;
	
}



a.linkmaterial{
	color: #0000ff;
	
	
}

#leftpane
{
	float: left; 
	clear: both;
	width: 219px;
	background-color: #0D3A64;
	text-transform: uppercase;
	font-size: 14px;
	color: white;
	border-right: solid #fff 1px;
	
	
	
}

#rightpane
{
	float: left; 
	width: 225px;
	background-color: #0D3A64;
	text-transform: uppercase;
	font-size: 14px;
	color: white;
	border-right: solid #fff 1px;
	
	
	
}

#navigationb
{
	float: left; 
	width: 780px;
	margin-top: 6px;
	background-color: #0D3A64;
	text-transform: uppercase;
	font-size: 14px;
	color: white;
	
}

#navigationc
{
	float: left; 
	width: 798px;
	background-color: #176CED;
	text-transform: uppercase;
	font-size: 14px;
	color: white;
	margin: auto;
	text-align: center;
	height: 21px;
	
}

#search
{
	float: left; 
	width: 798px;
	text-align: right;
	background-color: #0D3A64;
	text-transform: uppercase;
	font-size: 14px;
	color: white;
	/*border: solid #f00 1px;*/
	
}

table.materialcaption{

 display:block;
 margin:auto;

width: 900px;

}


#count
{
	float: left; 
	
	text-align: right;
	background-color: #0D3A64;
	text-transform: uppercase;
	font-size: 14px;
	color: white;
	/*border: solid #f00 1px;*/
	
}


a.thumbnail {
  float:left;
  clear:both;
  margin-bottom:5px;
  display: block;
  width:80px;
  height:80px;
  background-color:#fff;  
  /*
  border:2px solid #eee;
  border-radius:3px;
  background:transparent none no-repeat center;
  box-shadow:3px 3px 3px #f5f5f5;
  */
}

a.thumtitle {
  
  clear:both;
  float:left;
  
  margin-bottom:10px;
  margin-right:10px;
  line-height:normal;
  color: #0D3A64;
  
   
}


a.thumbottom {
  clear:both;
  float:left;
  
  color: #0D3A64;
  
   
}


.applet-wrapper{
  
  float:left;
  margin-bottom:5px;
  display: block;
  width:30%;
  height:170px;
  border:2px solid #eee;
  border-radius:3px;
  background:transparent none no-repeat center;
  box-shadow:3px 3px 3px #f5f5f5;

}




#leftpane a{
padding-right: 9px;
padding-left: 9px;
float: left;
display: block;
line-height: 30px;
width: 200px;
border-bottom: solid #fff 1px;


}

#navigationb a{
padding-right: 9px;
padding-left: 9px;

line-height: 30px;
}


#navigationc a{
padding-right: 6px;
padding-left: 6px;

line-height: 20px;
}



.logo {
	
float: left;
padding-top: 3px;
padding-left: 2px;
padding-right: 2px;
width: 55px;


}

.fblogo {
	
float: left;
padding-top: 3px;
padding-left: 66px;
padding-right: 2px;
width: 55px;


}


#navigationlang
{
margin-top: 6px;
}

#navigationlang a
{
	color: black;
	float: left; 
	width: 18px;
	background-color: #EDEDED;
	font-size: 12px;
	text-align:right;
	
	
	
}

#navigationlang b
{
	
	text-align:right;
	font-size: 12px;
	color: white;
	background-color: #3F4F5C; 
	font-weight:normal;
	
	
	
}

#debugging
{
	float: left; 
	width: 900px;
	background-color: #B40000;
	text-transform: uppercase;
        font-size: 14px;
		color: white;
}

#wrapper
{
	margin: auto;
	padding: 0;
	clear: both;
	width: 1020px;
	height: 60px;
    background: #ffffff;
    border: solid #dde0e1 2px;
		
                
}

#content-wrapper
{
	
	width: 798px;
	height: 600px;
	float: left;
	border: 5px;
	overflow:scroll;
	
	
	
	
}

#content
{
	
	padding: 27px;
	line-height: 1.6em;
	text-align: justify;
}

#content a
{
color: #00F;
}

#content .commentbox {
	color: #918E85;
	background-color: #FBF4E2;
	padding: 2px 5px 2px 5px;
	border-top: solid #D4CBB4 1px;
	border-bottom: solid #D4CBB4 1px;
	text-transform: uppercase;
	font-size: 11px;
        margin-bottom: 10px;
}
#comments {
	color: #4A4A4A;
	padding: 0px;
}
#comments .comment {
        padding: 10px;
        background-color: #F6F6F6;
	border-bottom: 20px solid #ffffff;
}
#comments .comment cite {
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
}
#sidebar-wrapper
{
        /*margin-left: 5px;
        margin-top: 25px;
        margin-bottom: 25px;*/
	width: 210px;
	float: left;
        background-color: #fff;
	/*border: solid #EC7818 1px; */
}

#sidebar
{
	float: left;
	width: 210px;
	padding: 15px;
        color: #5b5c5c;
	font-size: 9pt;
	text-align: left;
}


#basket
{
	float: left;
	width: 150px;
	padding: 15px;
        color: #5b5c5c;
		background-color: #FFF;
	font-size: 9pt;
	text-align: left;
}

#login
{
	float: left;
	width: 150px;
	padding: 15px;
        color: #5b5c5c;
		background-color: #FFF;
	font-size: 9pt;
	text-align: left;
}


#box 
{
	clear: both;
}
#footer
{
	clear: both;
	float: left;
	width: 1020px;
	margin: 0px 0;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	background: #699AC8;
}

#pager
{
	clear: both;
	float: left;
	width: 900px;
	margin: 0px 0;
	color: #555555;
	text-align: center;
	padding: 10px 0;
	background: #cfcfcf;
}

/* Navigation */

#navigation ul
{
	margin: 0 5px;
	float: left;
	width: 1020px;
	padding: 0px 0;
	list-style-type: none;
}

#navigation li { float: left; margin: 0 0 0 5px; padding: 0; }

#navigation a:link,
#navigation a:visited
{
	float: left;
	display: block;
	color: #c6c6c6;
	padding: 5px 10px;

}

#navigation ul li.current_page_item   a:link,
#navigation ul li.current_page_item   a:visited,
#navigation ul li.current_page_item   a:hover,
#navigation ul li.current_page_item   a:active
{
	color: #ffffff;
	background-color: #414646;
	border-left: solid #6b7070 1px;
    border-right: solid #6b7070 1px;
}

#navigation ul li.search
{
        float:right;
        margin-right: 10px;
}



/* Content */

.date {
	margin-left: 3px !important;
	padding: 0;
	color: #ccc !important;
	font-family: Verdana, Arial, Sans-Serif !important;
	letter-spacing: -1px;
	font-weight: normal;
	font-size: 24px;
	text-transform: lowercase;
	display: inline;
	}

h3.post-title {
        display: inline;
        }

h3.post-title a {	
        text-transform: lowercase;
	color: #3f4f5c !important;
	font-family: Verdana, Arial, Sans-Serif !important;
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 24px;
	border-bottom: none !important;
	}

h3.post-title a:hover {
	text-decoration: none!important;
	color: #222 !important;
	background: transparent;
	}

/* Sidebar */

#sidebar h3 { font-size: 18px; color:#5b5c5c; text-transform: uppercase; border-bottom: solid #5b5c5c 2px;}

ul#sidenotes
{
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	list-style-type: none;
}

ul#sidenotes li
{
	padding: 5px;
	border-bottom: 1px dotted #cccccc;
}

ul#sidenotes li:hover
{
	background-color: #eeeeee;
}

ul#sidenotes li .title
{
	display: block;
	font-weight: bold;
}

ul#sidenotes li .date
{
	display: block;
	color: #777777;
	font-size: smaller;
}

ul#sidenotes li .content
{
	display: block;
}

ul#sidenotes li a:link,
ul#sidenotes li a:visited
{
	padding: 0; 
	color: #333333;
}

ul#sidenotes li a:hover,
ul#sidenotes li a:active
{
	background-color: transparent; 
}

/* Footer */

#footer a:hover,
#footer a:active
{
	color: #003355;
	background-color:transparent;
}

td.first
{
border-bottom: 1px solid #000;
text-align: left;
}

td.second
{
text-align: left;
background: #FFC;
border-right: 1px solid #000;
border-bottom: 1px solid #CCC;

}

table {

border-top:1px solid #e5eff8;
border-right:1px solid #e5eff8;
margin:1em auto;
border-collapse:collapse;
}

td {
color:#282d2d;
border-bottom:1px solid #e5eff8;
border-left:1px solid #e5eff8;
padding:.3em 1em;
text-align:left;
}

.test_title{
font-size:12px;
line-height:30px;
padding:10px;
font-weight: bold;

}

.test_question{
border-top: grey solid;
font-size:12px;
margin-bottom: 150px;
}

.test_answer{
font-size:20px;
line-height:25px;
}

.test_option{
line-height:25px;
}

.test_answers_package{
margin-left:20px;
margin-top:10px;
}

.test_timeremain{
text-align:right;
}

.test_username{
font-size:22px;
line-height:25px;
}

.test_condition{
font-size:12px;
line-height: 30px;
padding: 10px;
margin-left: 20px;
}

#test_header{
background: #b8b8b8;
padding:10px;
width:98%;
/* position:fixed;
top:0;
margin-bottom: 50px; */
}

#test_content{
padding:15px;
width:96%;
min-width:900px;
font-size:20px;
margin: 0 auto;
}

.test_input_answer{
font-size:20px;
line-height:25px;
margin-top:10px;
margin-bottom:10px;
}

.test_link_button{
margin:5px;
padding: 10px 15px;
text-align:center;
}

.test_link_button a{
font-size:25px;
line-height:25px;
margin:5px;
padding: 10px 25px;
background: #4479BA;
color: #FFF;
text-align: center;
text-decoration:none;
-webkit-border-radius: 5px;
border-radius: 5px;
width:100%;
}

#ageselect{
float:left;
width: 50%;	
}

#domainselect{
float:left;
width: 50%;	
}



.videolinks{
width: 50%;	
margin: auto;
margin-top: 5px;
text-align: center;
border: 1px solid blue;
padding: 10px;	
}

.RziHiddenFrame{
width:300;
 height:200;
 border:1px; 
 /*border:none*/
}