@charset "utf-8";
/* CSS Document */
*{border:0; margin:0; padding:0;}
/*-------------------------------ID DEFINITIONS-------------------------------*/
/*-------------------------------ID DEFINITIONS FOR THE HOME PAGE-------------------------------*/
#container{	position:absolute;top:0;right:50%; margin-right:-386px; margin-top:30px; width:772px; background:url(../images/cisco/middlePas.jpg) repeat-y;}

#headLine{ 
	width:772px; height:97px; min-height:97px; 
	text-align:right;
	background:url(../images/cisco/headLine.jpg) no-repeat;
	position:relative;
	}
#home{ 
	width:470px; height:50px; min-height:50px;
	display:block;
	position:absolute; top:0; left:0;
	}
#logout{ 
	width:69px; height:25px; min-height:25px;
	display:block;
	position:absolute; bottom:40px; right:20px;}
#headMenu{ position:relative; top:65px; right:25px;}
#headMenu img { display:inline;}
#word{ 
	width:97px; height:20px; min-height:20px;
	background: url(../images/cisco/translate_box.gif) no-repeat;
	vertical-align:top; padding-left:5px;
	position:relative; top:5px;}
#onlineForm{ display:inline; position:relative; cursor:pointer;}
#chooseLng{ 
	position:absolute; top:-55px; right:0px;
	z-index:2;
	display:none;
	padding:3px;
	background-color:#dcf1f4; border:solid 3px #96d5de;
}
/*\*/* html #chooseLng{top:-55px; left:50px;}/**/

#leftMenu {  
	float:left;
	width:206px; height:317px; min-height:317px;
	margin-left:21px; padding-top:20px;
	background:#eae9e4; 
	border: solid 16px #f7f6f2; border-top:none;}
#leftMenu.section{padding-top:0px;}
/*\*/* html #leftMenu{position:relative; left:-20px; width:180px;}/**/

#content{
	width:495px; /*min-height:337px*/min-height:267px;
	float:right; margin-right:18px;
	border-bottom: solid 16px #f7f6f2;
	background:#ffffff url(../images/cisco/pasContent.gif) repeat-x top;
	}
/*\*/* html #content{position:relative; height:267px; }/**/
#contentPopup{
	background:#FFFFFF;
	margin:10px; padding:5px 10px;
	border:outset 2px #FFFFFF;
}

#bottom{ width:772px; height:95px; min-height:95px; clear:both; background:url(../images/cisco/bottom.jpg) no-repeat;}
#bottom img{ position:relative; top:55px; left:20px;}

#password{ background: #cfe7f1;}

#quizfeedback{ background:#e5efc2; padding:2px 10px; }
/*-------------------------------CLASS DEFINITIONS-------------------------------*/
.center {text-align:center;}
.small{ font-size:10px;}
.changes{ color:#FF0000; font-size:12px; font-weight:bold;}
.boldTxtx1{color:#658401;}/*use for intro text in first page of each unit*/
.boldTxtx2, .answer{ font-style:italic; font-size:14px; color:#004c6e;}/*use for display answers in gallery pages*/
.author{color:#658401;}/*use to display the gallery's owner in gallery pages*/
.teacherFeedback{color:#ce6b00;}/*use to display the teacher's feedback in gallery pages*/
.instructions{color:#ce6b00;}
a.icon, a.icon img, .icon{ vertical-align:middle;}
.pageNavig{ text-align:center; color:#a4d601; margin-top:20px;}
.wordBank{ background:#cfe7f1; padding-bottom:5px;}
.wordBank p{ margin:10px;}
.wordBank h5{ background:#5ab2da; color:#FFFFFF; padding:3px;}
.inpageFloatedImg{ float:right; margin:10px;}

ul.ictBullets{ margin-top:5px; margin-bottom:5px; list-style-image:url(../gifs/bulet-white.gif); margin-left:40px;}/*inpage unordered lists*/
ol.ict{margin-top:5px; margin-bottom:5px;}/*inpage orderd lists*/

.tabularData{ border-collapse:collapse; }
.tabularData td { padding:5px; border-bottom:solid 2px #dcebf0;}
.tabularData .colBody{ background:#f3f8fa;}
.tabularData .colHeader {background:#ebf3f6;}
.tabularData thead td, .tabularData .header{background:#CEE0e7;}
.tabularData tfoot td{ background:#ffffff;}
.tabularData .txt_box, .tabularData textarea { background:#FFFFFF;}

div.blog{ padding:10px; background:#f3f8fa;}
ul.blogBullets{ list-style-image:url(../gifs/bulet-white.gif); margin: 0px 0 0px 30px;}
ol.blog{margin: 0px 0 0px 30px;}
.blogHeader{ padding:10px; font-size:16px; font-weight:bold; border-bottom:solid 1px #248EB2; background:#dcebf0;}
.blogContent{ padding:10px; background:#FFFFFF;}
.blogFooter{}
.blogSiteName{font-size:14px;}
.blogTitle{font-size:14px; color:#1595b0; }
.blogInfo{font-size:10px; font-weight:normal;}

.wiki {background:#ebf3f6; padding-bottom:3px;}
.wiki .tabs { /*border-bottom:solid 1px #248EB2;*/ padding-bottom:3px; }
.wiki .tabs span{ background:#CFE7F1; padding:3px 5px; margin:5px 5px; border: solid 1px #248EB2; border-bottom:none;}
.wikiHeader { padding:0 10px; font-size:14px; color:#1595b0; font-weight:bold;}
.wikiBody { margin:0px 10px 10px 10px; padding:2px 10px; background:#FFFFFF;}
/*-------------------------------TAG DEFINITIONS-------------------------------*/
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:/*20px*/1.8;
	background: url(../images/cisco/tile.gif) repeat-x #69cef0;
	color:#000000;
	/*overflow-x:hidden;*//*I put it as a comment to use it just in case of need because the Developer Tools of both IE and Firefox do not work properly with this option*/
}
a{ color:#248EB2;}
a:link{ color:#248EB2;}
a:visited{ color:#248EB2;}
a:hover{color:#8DB411;}
a:active{}
h1{ font-size: 14px; text-decoration:underline; }
h2{ color:#a4d700; font-weight:bold; font-size:18px; margin-bottom:5px;}/*main header in the content pages*/
h2 a{ /*text-decoration:none;*/ color:#a4d601;}
h2 a:link{color:#a4d601;}
h2 a:visited{color:#a4d601;}
h2 a:hover{color:#248EB2;}
h2 a:active{color:#a4d601;}



h3{ color:#000000; font-size:13px; font-weight:bold; margin-bottom:15px;}/*secondary header in the content pages*/
h4{ color:#004c6e; font-size:14px; margin-top:15px;}/* inpage headers*/
h5{ background:#5ab2da; color:#FFFFFF; padding:3px;}/*Box header - as in word bank*/



img{display:block;} 
 
p{ margin:5px 0;}

/*input.btn{background:#a4d700; border:3px solid #b7e9a7; color:#fff;}*/
input.btn{background:#E5EFC2; border:3px solid #D6DFB5; color:#444F1D;}
textarea, .txt_box {/*border:inset 2px #e1f2c3;*/ border:none; background:#CFE7F1;}
textarea.notebook{ background:url(../images/cisco/textarea_pas.gif) ; overflow:auto;}

/****** OVERLIB CLASSES ******/
.overlibfontclass{ padding:5px;	color:#000; font-style:italic;}
.overlibTitleClass{	color:#000;}

.expl{ color:#7C9F00; cursor:help;}