@charset "utf-8";
/* CSS Document */
html{
	overflow:hidden;
	overflow-y:scroll;
}
html, body{ 
	//height: 100%;

	background-color: black;
//	 background: black url('../img/bg.jpg') repeat-x 50% 100%;
	 //background: url('../images/2875.png');
	background: #111;
//	 background-size: 16px 24px;

	font-family: 'Trebuchet MS', Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 16px;
}

html{
  height: 100%;
}
body {
  min-height: 100%;
}

p{  
	margin-bottom: 15px;  
}

h1 {   font-size: 2.0em; }  
h2 {   font-size: 1.5em;  }  
h3 {   font-size: 1.2em;  }  
h4 {   font-size: 1.6em;  }  
small {   font-size: 0.75em;  }
p.justified{
//	margin-top:10px;
	line-height:1.1em;
	text-align:justify;
	padding: 10px;
	margin-bottom: 5px;
}
bold{
	font-weight:bold;
}
b{
	font-weight:bold;
}
.curved ol{
	list-style-type: decimal-leading-zero;
	margin-left: 30px;
}
.curved ol li{
	border-bottom: 1px dashed #397D02;

}

/* -------------------------------------------------------------------------- */
#container{
	margin: 0px auto;
	width: 960px;
	font-size: 0.9em;
	border-radius:2px;
	overflow:auto;
	//border-left: 1px solid silver;
}
/* headless table */
#headless
{
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
#headless a{
	color: #000;
	text-decoration:none;
}
#headless td
{
	border-bottom: 1px solid #ccc;
	padding: 3px 8px;
}
#headless td:first-child
{
	width: 30%;
	color: #4b4a4a;
	font-weight: bold;
	font-size: 1.1em;
}
/* -------------------------------------------------------------------------- */
#hor-minimalist-b
{
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 1.1em;
	font-weight: bold;
	color: #4b4a4a;
	padding: 5px 8px;
	border-bottom: 2px solid #2d3c4d;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	padding: 3px 8px;
}
#hor-minimalist-b td:first-child
{
	width: 30%;
}
#hor-minimalist-b.program td:first-child
{
	width: 10%;
}
/*-----*/
#hor-minimalist-c
{
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-c th
{
	font-size: 1.1em;
	font-weight: bold;
	color: #4b4a4a;
	padding: 5px 8px;
	border-bottom: 2px solid #2d3c4d;
}
#hor-minimalist-c td
{
	border-bottom: 1px solid #ccc;
	padding: 3px 8px;
	//width: 25%;
}
#hor-minimalist-c td:first-child
{
	width: 20%;
}
/*-----*/
#hor-minimalist-files
{
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-files th
{
	font-size: 1.1em;
	font-weight: bold;
	color: #4b4a4a;
	padding: 5px 8px;
	border-bottom: 2px solid #2d3c4d;
}
#hor-minimalist-files td
{
	border-bottom: 1px solid #ccc;
	padding: 3px 8px;
}
#hor-minimalist-files td:first-child
{
	width: 64%;
	//background-color:#0C0;
}
#hor-minimalist-files td:first-child +td +td{
	background-color:#9CF;
	text-align:right;
}

/*/////////////////////////////////////////////////////////////////////*/
/*-----*/
#hor-minimalist-d
{
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-d th
{
	font-size: 1.1em;
	font-weight: bold;
	color: #4b4a4a;
	padding: 5px 8px;
	border-bottom: 2px solid #2d3c4d;
	vertical-align: bottom;
}
#hor-minimalist-d td
{
	border-bottom: 1px solid #ccc;
	padding: 3px 8px;
	width: 20%;
}

/*/////////////////////////////////////////////////////////////////////*/
#navbar{
	border-top: 1px dashed silver;
	border-bottom: 1px dashed silver;
	border-radius: 2px;
	background:#5a98cd;
}
#navbar-container{
	width: 860px;
	margin: 0px auto;
}
#navlist {
	overflow:auto;
	margin:0px auto;
}
#navlist li {
	float: left;
	border-right: 1px solid rgba(255, 255, 255, 0.25);
	padding: 8px;
	color: #fff;
}
#navlist li.first {
	border-left: 1px solid rgba(255, 255, 255, 0.25);
}
#navlist li.current {
	background:#1b629e;
	border-right: 1px solid rgba(255, 255, 255, 0.5);
}
#navlist li.current.first {
	border-left: 1px solid rgba(255, 255, 255, 0.5);
}

#navlist li a {
	display: block;
	color: #fff;
	
	text-decoration: none; 
}
#navlist li:hover {
	background-color:#1b629e;
	border-right: 1px solid rgba(255, 255, 255, 0.5);
}
#navlist li.host {
	background:url(../images/ddd.png) 98% center no-repeat;
	padding-right:20px;
}
#navlist li.host:hover{
	background-color:#1b629e;
}
#navlist li.host:hover ul {
	display: block;
	position: absolute;
	margin: 8px 0px 0px -8px;
}

#navlist li.host.current{
	background:#1b629e url(../images/ddd.png) 98% center no-repeat;
	
}
#navlist li ul {	
	display: none; 
}	
#navlist li:hover ul {
	display: block;
	position: absolute;
}
#navlist li:hover li 
{
	float: none; 
	padding: 0px;
	border:0;
}

#navlist li:hover li a {
	padding: 8px;
	background: #5a98cd;
	border-top: 1px solid #fff;
	color: #fff; 
}
#navlist li li a:hover {
	background-color:#1b629e; 
}

/*/////////////////////////////////////////////////////////////////////*/
#logo{
	float: left;
	overflow:auto;
	height: 116px;
	width: 120px;
}

#language-bar{
	background: #136;
	border-bottom: 1px dashed gray;
	//background: #162252;
	overflow:auto;
	border-radius: 2px;
//	height: 10px;
}


#language-bar-container{
	float: right;
	overflow:auto;
	padding: 5px;
}
#language-bar li{
	color:#eee;
	width:100px;
	text-align:center;
	float:left;
	vertical-align: middle;
	display:block;
}
#language-bar li.bordered { border-right:1px solid #fff; }
#language-bar li a {
  width:100px;
  color:#eee;
  text-align:center;
  display:block;
  height:100%;
}
#header{
	background: url("../images/hdbg.png") repeat scroll 0% 0% #26466D;
	overflow: auto;
	padding: 10px 10px 4px 5px;
	color: #fff;
	//margin-top:2px;
	border-radius: 2px;
}

#header-text {
	padding-top: 8px;
	margin-left: 130px;
}


#main-content{
	padding: 20px;
	width: 700px;
	float:left;
	background:white;
}
#gen-content{
	padding: 20px;
	width: 920px;
	//float:left;
	background:white;
	font-size:1.1em;
}


#rest{
	background: white;
	overflow:auto;
	border-radius:2px;
	//margin: 2px 0px;
}


.sidebox{
	border-radius: 2px;
	float: left;
	margin-top: 20px;
	overflow:auto;
	width:200px;
	background:#2c4e86;
	color: white;
}
.secondSideBox{
	margin-top: 25px;
}
.thirdSideBox{
	margin-top: 25px;
}
.sidebox a{
	color: #eee;
	text-decoration:none;
}
.sidebox li{
	border-bottom: 1px solid white;
	padding: 4px 8px;
}
.sidebox li.last{
	border:0px;
}
.sidebox h1{
	background:#2d3c4d;
	font-size: 1.3em;
	color:#fff;
	padding: 8px 8px;
}
/*
#sidebox3{
	border-radius: 5px;
	float: left;
	margin-top: 48px;
	margin-bottom: 20px;
	overflow:auto;
	width:200px;
}
#sidebox2{
	border-radius: 5px;
	float: left;
	margin-top: 38px;
	margin-bottom: 20px;
	overflow:auto;
	width:200px;
}
#sidebox2 h1{
	background:#2d3c4d;
	font-size: 1.3em;
	color:#fff;
	padding: 8px 8px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#sidebox3 h1{
	background:#2d3c4d;
	font-size: 1.3em;
	color:#fff;
	padding: 8px 8px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#sidebox3 li{
	font-size:1em;
	padding: 4px 8px;
}
#sidebox2 a{
	color: #eee;
	text-decoration:none;
}
#sidebox3 a{
	color: #eee;
	text-decoration:none;
}

*/
/*.disc-ul .odd, .even{
	background:#2c4e86;
	padding:10px 8px;
	//font-size: .8em;
}
.disc-ul .odd{
	//background: #91afdc;
	margin-top: 1px;
	margin-bottom: 1px;
}
.disc-ul .last{
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}
*/

#main-content h1{
	font-size: 1.3em;
	//border-bottom: 1px solid #2d3c4d;
	padding: 8px 8px;
	background: #2d3c4d;
	color:#fff;
	border-radius: 2px;
}
#gen-content h1{
	font-size: 1.2em;
	//border-bottom: 1px solid #2d3c4d;
	padding: 8px 8px;
	background: #2d3c4d;
	color:#fff;
	border-radius: 2px;
}
#gen-content h1.heading-h1{
	font-size: 1.2em;
	//border-bottom: 1px solid #2d3c4d;
	padding: 8px 8px;
	background: #2d3c4d;
	color:#fff;
	border-radius: 2px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
.fromTheLeftNothingIsRight  a{
	text-decoration:none;
	color: #000;

}
.fromTheLeftNothingIsRight {
    	unicode-bidi: bidi-override;
    	direction: rtl;
    	font-size: 1.2em;
    	font-weight: bold;
}

.firstPage{
    	unicode-bidi: bidi-override;
    	direction: rtl;
    	font-size: 1.0em;
    	font-weight: normal;
}

/* ******************** FOOTER ******************** */
#footer{
	text-align:center;
	background: #111;
//	border: 1px solid #333;
	margin: 0px auto;
	margin-bottom: 15px;
//	margin: 4px auto 180px auto;
	height: 55px;
	//width: 960px;
	border-radius:2px;
	font-size: 16px;
	//border: 1px solid rgba(255,255,255, .5);
}
#footer p {
    font-size: 0.7em;
    color: rgb(93, 94, 94);
    padding: 10px 20px;
    line-height: 17px;
}
#footer a {
	text-decoration: none;
    color: rgb(161, 160, 160);
}
ul.bib{
	list-style:square;
	margin-left: 26px;
	margin-top:10px;

}
ul.bibliography{
	margin-left: 10px;
}
ul.bibliography li{
	margin-bottom:20px;
}
ul.sublist li{
	margin-bottom: 5px;
}
ul.sublist{
	margin-left: 30px;
	list-style:circle;
}
ul.bib.sequel{
	margin-top:-20px;
	margin-left: 26px;

}
ul.bib li{
	line-height:25px;
}
ul.list{
	list-style:circle;
	margin-left: 26px;
	margin-top:10px;
}
ul.instructions{
	list-style:decimal;
	margin-left: 32px;
	margin-top:10px;
}
ul.instructions li{
	margin-bottom:15px;
	text-align:justify
}

dl{
	margin-left: 10px;

}
dd{
	margin-left: 20px;
	text-align:justify;
}
ul.headed-list{
	list-style:circle;
	margin-left: 26px;
	text-align:justify;
	margin-right: 20px;
}ul.headed-list li{ margin-top: 10px;}

p.justified.sequel{
	margin-top:-15px;
}

ul.grading-list{
	margin-top:-10px;	
	margin-bottom:30px;
	margin-left: 30px;
	list-style:disc;
	font-weight:bold;
}
ul.submit-list{
	margin-top:-10px;	
	margin-left: 30px;
	list-style:disc;
	font-weight:bold;
}

.after-p{
	margin-top: -20px;
}
/* --------------------------------------------------------- */
.curved { 
	padding:10px 10px 5px 10px;
	margin-bottom: 7px;
	background-color:#fff;
	border: 1px solid silver;
	//border-radius:5px; /* Firefox */ 
	//text-align: justify;
	box-shadow: 1px 1px 2px #929292;
	line-height: 1.4em;
	text-align: justify;
	//font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}
.timestamp {
	text-align:right;
	font-style:italic;
	font-size:smaller;
	padding-top: 10px;
	color: #cc6600;
}
.new {
	background-color: #BEF;
	//border: 1px solid #26466D;
	border-left: 3px solid #26466D;
	
}
.relativelyNew {
	background-color: #ffe7d3;
	border: 1px solid #F90;
	border-left: 5px solid #F90;
}
.orange { color: #000; font-weight: bold; background: #F90; padding: 1px 5px; }
.fromTheLeftNothingIsRight { unicode-bidi: bidi-override; direction: rtl;}
.orange, .red{
	background-color: #F59D21;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 8px;
}
.red{ 
	background: #26466D; 
	line-height: 1em;
}

.curved .red, .curved .orange{
	display: block;
	margin-bottom: 5px;
	width: 100px;
	text-align: center;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#submitForm{
	background: #fffacd;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid gray;
	border-radius: 10px;	
}

label{
float: left;
width: 120px;
font-weight: bold;
}

submitForm input, textarea{
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 630px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
//width: 180px;
//height: 40px;
}

form br{
clear: left;
}


#mascot img{
	float:right;
	margin-right: 20px;
	margin-top: 10px;
}


.tooltip {
			border-bottom: 1px dotted #000000; outline: none;
			cursor: help; text-decoration: none;
			text-align:justify;
			
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			
			margin-left: 110px; margin-top: -60px;width: 250px; color: #000;
		}
		.tooltip:hover span.english {
			margin-left: 110px; margin-top: -80px;width: 250px; color: #000;
		}
		#mascot .tooltip:hover img.sign {
			border: 0; 
			margin-left: -58px; 
			margin-top: 0px;
			float: left; position: absolute;
		}
		#mascot .tooltip:hover img.callout {
			border: 0; 
			margin-left: 262px; 
			margin-top: 65px;
			float: left; position: absolute;
		}

		#mascot .tooltip:hover img.callout.english {
			margin-left: 262px; margin-top: 85px;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0; color: #000;
		}
		.custom { padding: 0.5em 0.8em 0em 4em; }
		.info { background: #FFFFAA; border: 1px solid #FFAD33;		}


//-------------------------------------------------------