/*//top //new*/

#exp{
color:rgb(37, 127, 201);
}

#header-link{
color:red;
}


a{
color:rgb(167, 76, 76);
}

a:hover{
color:red;
}



#highblue{
color:rgb(83, 83, 211);
}



#highviolet{

color:rgb(95, 59, 95);
}


#objective{
color:white;
}



#large{

font-size:30px!important;
}


#concept-large{

color:rgb(34, 177, 196);

font-size:30px;

}

#concept{

color:rgb(34, 177, 196);

font-size:18px;

}




#solution{

color:rgb(22, 160, 114);

font-size:30px;

}







#incorrect{

color:rgb(119, 14, 14);

font-size:30px;

}



#arg1{

color:rgb(196, 71, 54)!important;



}





#arg2{

color:rgb(65, 131, 206)!important;



}





#split-grid{



display: grid;

grid-template-columns: 50% 50%;	



width:100%;



}







#split-grid-column-a{

grid-column:1/1;



max-width:90%;

padding-left:-10%;

padding-right:-120px;



text-align:left;







}







#split-grid-column-b{

grid-column:2/2;

max-width:70%;

padding-left:0%;

padding-right:5%;



text-align:left;



margin-left:10px;









}


















#split-note-grid{



display: grid;

grid-template-columns: 50% 50%;	



width:100%;





}







#split-note-grid-column-a{

grid-column:1/1;



max-width:100%;

padding-left:1%;

padding-right:25%;

text-align:left;




}







#split-note-grid-column-b{

grid-column:2/2;

max-width:100%;

padding-left:1%;

padding-right:5%;



text-align:left;



margin-left:-100px;








}













#split-note-grid2{



display: grid;

grid-template-columns: 50% 50%;	



width:100%;





}







#split-note-grid2-column-a{

grid-column:1/1;



max-width:50%;

padding-left:1%;

padding-right:5%;

text-align:left;




}







#split-note-grid2-column-b{

grid-column:2/2;

max-width:50%;

padding-left:1%;

padding-right:5%;



text-align:left;



margin-left:270px;








}






























#split-command-grid{



display: grid;

grid-template-columns: 50% 50%;	



width:100%;





}







#split-command-grid-column-a{

grid-column:1/1;



max-width:100%;

padding-left:1%;

padding-right:5%;

text-align:left;

border-top: 1px solid rgb(114, 109, 109);

border-left: 1px solid rgb(114, 109, 109);;



}







#split-command-grid-column-b{

grid-column:2/2;

max-width:100%;

padding-left:1%;

padding-right:5%;



text-align:left;



margin-left:20px;



border-top: 1px solid rgb(114, 109, 109);

border-left: 1px solid rgb(114, 109, 109);;





}







#packet-tracer-window{

width:700px;

height:500px;

}



#packet-tracer-window2{

width:700px;

height:200px;

}





#packet-tracer-window3{

width:700px;

height:300px;

}


#packet-tracer-window4{

width:900px;

height:500px;

}


#packet-tracer-window5{

width:1200px;

height:400px;

}


#snippet{

width:500px;

height:200px;

}


#snippet-med{

width:700px;

height:300px;

}


#snippet2{

width:600px;

height:400px;

}


#snippet3{

width:600px;

height:200px;

}



#snippet-square{

width:300px;

height:300px;

}



#snippet-square-med{

width:500px;

height:500px;

}


#snippet-square-large{

width:700px;

height:700px;

}




#topology{

width:700px;

height:500px;

}






#cisco-table td{

padding-left:50px;



}





#cisco-grid{



display: grid;

grid-template-columns: 50% 50%;	



width:70%;



}







#cisco-grid-column-a{

grid-column:1/1;



max-width:30%;

padding-left:5%;

padding-right:-120px;



text-align:left;





}







#cisco-grid-column-b{

grid-column:2/2;

max-width:100%;

padding-left:0%;

padding-right:5%;



text-align:left;



margin-left:-300px;



}









#ms-grid{



display: grid;

grid-template-columns: 50% 50%;	



width:100%;



}







#ms-grid-column-a{

grid-column:1/1;



max-width:30%;

padding-left:0%;

padding-right:-120px;



text-align:left;





}







#ms-grid-column-b{

grid-column:2/2;

max-width:30%;

padding-left:0%;

padding-right:5%;



text-align:left;







}







#question-table-div{

border:1px solid rgba(255, 251, 0, 0.253);

color: rgba(255, 251, 0, 0.253);



}





#question-table-div th{

padding:10px;

}



#question-table-div td{

padding:10px;

}







#right{

text-align:right;

}





#table-ans{

color: rgb(67, 167, 20);

}





#centered-title{

text-align:center;

}





#table-grid{



display: grid;

grid-row: 1 / 1;

grid-column: auto auto auto;	

margin:0px;

grid-gap: 50px;

padding-bottom:50px;

padding-left:1px;

padding-right:1px;

}



#table-grid td{

padding-left:15px;

padding-right:15px;

font-weight: 200;

font-family: 'Trebuchet MS', sans-serif !important;



}





#table-column-a{

display:inline-grid;

grid-column: 1 / 2;

max-width:100%;

padding-left:5%;

padding-right:5%;





}







#table-column-b{

display:inline-grid;

grid-column: 2 / 3;

max-width:100%;

padding-left:5%;

padding-right:5%;

;



}







#table-column-c{

display:inline-grid;

grid-column: 3 / 4;

max-width:100%;

padding-left:5%;

padding-right:5%;



}





#table8{

border-collapse: collapse!important;

}







#row-emphasizer {

/*border requires border collapse of whole table*/

border-bottom:1px solid rgb(255, 255, 255, 0.507)!important;

color:rgb(163, 155, 35);

font-size:20px;







}





#table2-grid{



display: grid;

grid-row: 1 / 1;

grid-column: auto auto auto auto;	

margin:0px;

grid-gap: 50px;

padding-bottom:50px;

padding-left:1px;

padding-right:1px;





}





#table2-grid th{

padding-left:15px;

padding-right:15px;

font-weight: 200;

font-size:25px;

font-family: 'Trebuchet MS', sans-serif !important;

text-align:left;

color:rgba(255, 255, 255, 0.575);



}



#table2-grid td{

padding-left:15px;

padding-right:15px;

font-weight: 200;

font-family: 'Trebuchet MS', sans-serif !important;







}





#table2-column-a{

display:inline-grid;

grid-column: 1 / 2;

max-width:100%;

padding-left:5%;

padding-right:5%;





}







#table2-column-b{

display:inline-grid;

grid-column: 2 / 3;

max-width:100%;

padding-left:5%;

padding-right:5%;

;



}







#table2-column-c{

display:inline-grid;

grid-column: 3 / 4;

max-width:100%;

padding-left:5%;

padding-right:5%;



}



#table2-column-c{

display:inline-grid;

grid-column: 4 / 5;

max-width:100%;

padding-left:5%;

padding-right:5%;





}



















/*3*5, height is 60% of width*/

#index-card{

height: 300px;

width: 500px;

}



#index-card-double{

height: 300px;

width: 1050px;

}


#index-card-small{

height: 300px;

width: 500x;

}




/*8.5 x 11, width is 77% of height*/

#paper{

width: 385px;

height: 500px;

}


#paper-large{

width: 700px;

height: 900px;

}




#q-wrapper{



border-top: 1px solid rgb(145, 158, 24, 0.493);

border-left: 1px solid rgba(145, 158, 24, 0.493);

max-width:250%!important;

padding:1%;

}





#question{



color:rgba(238, 238, 238, 0.521);

}





#answer{

color:rgb(66, 122, 58);



}





#assignment{

color:rgb(17, 168, 24);

}





#device{

color:rgb(42, 116, 180);

}



#testmain{



    border-bottom: 1px solid rgb(251, 255, 0);

    margin-bottom: 25px;

    max-width:50%

}





 a{



color:rgb(117, 117, 207) !important;

    

color: rgb(153, 26, 26);

text-decoration:none;

    

}



a:hover{



 color:rgb(255, 0, 0);

    

}





#topic{

color: rgb(153, 26, 26) !important;

}





#testmain em{



  

    color:rgb(251, 255, 0) !important;

}





body{

    background-color:rgb(0, 0, 0);

    color:rgb(190, 176, 41);

    font-family: Tahoma, Geneva, sans-serif;

    

}

    







#chapter{

border: 2px rgb(50, 60, 75) solid;

border: 2px transparent solid;

border-bottom-color:white;

max-width: 70%;

margin-bottom:2rem;

padding:1%;

}



#chapter h4{

color: white;

}



#chapter h3{

color: white;

text-decoration:underline;

}





h1{

margin-left:1rem;

padding-top:2rem;

color:rgb(255, 255, 255);



}





h3{

margin-left:1rem;

color:rgb(223, 211, 162);

}





#note {

color: rgb(108, 145, 214);   

}





ol{

line-height:155%;



}





#dual{

    line-height:105%

}











#shrinkimage img{

border: 2px rgb(255, 251, 0) solid;

max-width: 30%;

margin:10px;

}





.button{

background-color: #424058; 

border: none;

border: 2px rgb(50, 52, 153) solid;

color: white;

padding: 15px 30px;

text-align: center;

text-decoration: none;

display: inline-block;

font-size: 100%;

min-width:10rem;

margin:20px;





}



a:hover{

border-color:  rgb(255, 251, 0);

}



#lammle-main-grid{

    border-bottom: 2px rgb(153, 26, 26) solid;

      display: grid;

  grid-template-columns: 95% 5%;	

margin:0px;

}







#main-grid{

    border-bottom: 2px rgb(153, 26, 26) solid;

      display: grid;

  grid-template-columns: 50% 50%;	

margin:0px;

}



#column-a{



max-width:100%;

padding-left:5%;

}



#lammle-column-a{



max-width:300%!important;

padding-left:2%;

}



#lammle-column-b{



max-width:10%;

align-content:left;

color:rgb(141, 141, 141);

}





#column-b{



max-width:100%;

align-content:left;

color:rgb(141, 141, 141);

}



#column-b h4{

text-decoration:underline!important;

}





#command{

color:rgb(202, 174, 16)!important;

font-family: "Lucida Console", "Courier New", monospace;

}



#param{



color:rgba(18, 222, 230, 0.795)!important;

font-family: "Lucida Console", "Courier New", monospace;

}





#output{

color:rgba(156, 134, 10, 0.836)!important;

font-family: "Lucida Console", "Courier New", monospace;

}





#pre-output{

color:rgba(156, 134, 10, 0.836)!important;

font-family: "Lucida Console", "Courier New", monospace;

font-size:100%;

}





#pre-high2{

color:rgb(179, 105, 46)!important;

font-size:100%;

}





#high{

color:yellowgreen!important;

}



#high1{

color:yellowgreen!important;

}





#high2{

color:rgb(179, 105, 46)!important;

}



#high3{

color:rgb(230, 16, 212)!important;

}



#high4{

color:rgb(226, 230, 16)!important;

}



#high5{

color:rgb(15, 199, 31)!important;

}

#high6{

color:rgb(199, 15, 70)!important;

}

#high7{

color:rgb(17, 211, 27)!important;

}


#high8{

color:rgb(7, 90, 245)!important;

}




#r1{

color:rgb(199, 15, 70)!important;

}


#r2{

color:rgb(7, 90, 245)!important;

}

#r3{

color:rgb(17, 211, 27)!important;

}







#keypress{

color:rgb(224, 213, 213)!important;

font-weight:bold;

}













#classful{

color:rgb(99, 72, 14)!important;

}



#subnet{

color:rgba(219, 63, 63, 0.884)!important;

}

    

#host{

color:rgb(55, 73, 233)!important;

}





#host-combo{

color:rgb(135, 33, 252)!important;

}

    

#subnet-combo{

color:rgb(135, 33, 252)!important;

}







#main-grid a{



    color:rgb(224, 119, 128);

    text-decoration:none;

}



#main-grid span{

    color:rgb(224, 119, 128);

text-align: right;

}



#prompt{



font-family: "Lucida Console", "Courier New", monospace;

    color:rgb(224, 119, 128);



}



#feedback{

color:rgba(255, 255, 255, 0.658)!important;

}







#emphasize{



border-top: 1px solid rgb(145, 158, 24);

border-left: 1px solid rgb(145, 158, 24);

max-width:80%;

padding:1%;

}



#emphasize em{

color:rgb(18, 219, 28);

text-decoration:underline;

}





#chapterMain a:hover{



    

    color:rgb(255, 255, 255);

    

}





nav a{



    color:white;

    text-decoration:none;

}



nav span{



    color:rgb(55, 55, 59);;

    text-decoration:none;

}







#submitted{



    color:white;

}











#links a:hover{



    

    color:rgb(255, 255, 255);

    

}













#nonlinkTest{

    color:rgb(54, 235, 37) !important;

    

}