* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);	
}
#exarea{
	border:2px dashed #086CA2;
	background-color:white;
	font-family:Verdana;
	font-size:30px;

}
p{
word-wrap: break-word;
}

div{
word-wrap: break-word;
}

#orangespan{color:#FF8B00;}
#bluespan{color:#086CA2;}
#bluespan2{color:#3989B5;}
#redspan{color:red;}
#greenspan{color:green;}
#blackspan{color:black;}
#cyanspan{color:cyan;}

#code{
	color:#E6E6E6;
	font-family:Verdana;
	font-size:30px;
}
.comment{
color:#308A00;
}
#background{
	background-color:#000000;
	
} 

#title{
	color:#FF8B00;
	font-family:Verdana;
	font-size:40px;
	text-align:center;
	
}

#titlecode{
	color:#FF8B00;
	font-family:Verdana;
	font-size:40px;
	margin:auto 0;

}

#center{
text-align:center;
}
#bk{text-decoration:none;color:#E6E6E6;width:150px; display:inline-block;}

#back{
	height:50px;
	width:150px;
	background-color:#086CA2;
	font-family:Verdana;
	line-height:50px;
	font-size:30px;
	text-align:center;
	border-radius:10px;
}

#redbox{
width:170px;
height:50px;
background-color:red;
}

#cssblue{
color:blue;
}

.div17{
	height:50px;
	display: inline-block;
	background-color:#086CA2;
	width:120px;
	border-radius:10px;
	font-family:Verdana;
	line-height:50px;
	font-size:30px;
	text-align:center;
	margin-top:10px;
	
	
}

.div18{
	height:50px;
	display: inline-block;
	background-color:#F88B00;
	width:120px;
	border-radius:10px;
	font-family:Verdana;
	line-height:50px;
	font-size:30px;
	text-align:center;
	margin-top:10px;
	
}

.nodec{
	text-decoration:none;
	color:white;

	
}

#table1{
	color:#FFFFFF;
	margin:auto;
	text-align:center;
}

/*********************** Background *******************************/ 
/**background-color**/
#div4{
width:150px;
height:75px;
background-color:red;
}
#div5{
width:150px;
height:75px;
background-color:#FF8B00;
}
#div6{
width:150px;
height:75px;
background-color:rgb(48,138,0);
}

/**background-image**/
#div7{
width:150px;
height:75px;
background-image:url('../Res/bgimage.png');
border:2px solid black;
}
#div8{
width:150px;
height:75px;
background-image:url('../Res/bgimage.png');
background-repeat:no-repeat;
border:2px solid black;
}

/**background-repeat**/
#div16{
width:150px;
height:75px;
background-image:url('../Res/bgimage.png');
border:2px solid black;
background-repeat:repeat;
}
#div17{
width:150px;
height:75px;
background-image:url('../Res/bgimage.png');
border:2px solid black;
background-repeat:repeat-x;
}
#div18{
width:150px;
height:75px;
background-image:url('../Res/bgimage.png');
border:2px solid black;
background-repeat:repeat-y;
}
#div19{
width:150px;
height:75px;
background-image:url('../Res/bgimage.png');
background-repeat:no-repeat;
border:2px solid black;
}

/**background-attachment**/
.body1{
background-image:url('../Res/bgimage2.png');
background-repeat:no-repeat;
background-position:right top;
background-attachment:scroll;

}
#divscroll{
width:300px;
height:1050px;
background-color:green;
}
/**background-position**/
#div12{
width:150px;
height:75px;
background-image:url('../Res/bgimage.png');
background-repeat:no-repeat;
border:2px solid black;
background-position:left center;
}

#div13{
width:150px;
height:75px;
background-image:url('../Res/bgimage.png');
background-repeat:no-repeat;
border:2px solid black;
background-position:center center;
}

#div14{
width:150px;
height:75px;
background-image:url('../Res/bgimage.png');
background-repeat:no-repeat;
border:2px solid black;
background-position:bottom right;
}

#div15{
width:150px;
height:75px;
background-image:url('../Res/bgimage.png');
background-repeat:no-repeat;
border:2px solid black;
background-position:35% 80%;
}
#div1{
width:250px;
height:75px;
border:7px dotted black;
text-align:center;
background-color:red;
padding:10px;
background-clip:border-box;
}
#div2{
width:250px;
height:75px;
border:7px dotted black;
text-align:center;
background-color:red;
padding:10px;
background-clip:padding-box;

}
#div3{
width:250px;
height:75px;
border:7px dotted black;
text-align:center;
background-color:red;
padding:10px;
background-clip:content-box;

}

#div9{
width:250px;
height:75px;
border:7px dotted black;
background-image:url('../Res/bgimage2.png');
background-repeat:no-repeat;
text-align:center;
padding:10px;
background-origin:border-box;
}
#div10{
width:250px;
height:75px;
border:7px dotted black;
background-image:url('../Res/bgimage2.png');
background-repeat:no-repeat;
text-align:center;
padding:10px;
background-origin:padding-box;

}
#div11{
width:250px;
height:75px;
border:7px dotted black;
background-image:url('../Res/bgimage2.png');
background-repeat:no-repeat;
text-align:center;
padding:10px;
background-origin:content-box;

}

#div20{
width:250px;
height:75px;
border:7px dotted black;
background-image:url('../Res/bgimage2.png');
background-repeat:no-repeat;
text-align:center;
background-size:auto;
}

#div21{
width:250px;
height:75px;
border:7px dotted black;
background-image:url('../Res/bgimage2.png');
background-repeat:no-repeat;
text-align:center;
background-size:200px 50px;
}

#div22{
width:250px;
height:75px;
border:7px dotted black;
background-image:url('../Res/bgimage2.png');
background-repeat:no-repeat;
text-align:center;
background-size:50% 50%;
}

#div23{
width:250px;
height:75px;
border:7px dotted black;
background-image:url('../Res/bgimage2.png');
background-repeat:no-repeat;
text-align:center;
background-size:cover;
}
#div24{
width:250px;
height:80px;
border:7px dotted black;
background-image:url('../Res/bgimage2.png');
background-repeat:no-repeat;
text-align:center;
background-size:contain;
}
/***********************BORDER******************************/

/*border style*/
#div26{
width:250px;
height:70px;
text-align:center;
border-width:5px;
border-color:black;
border-style:none;
}
#div27{
width:250px;
height:70px;
text-align:center;
border-width:5px;
border-color:black;
border-style:solid;
}
#div28{
width:250px;
height:70px;
text-align:center;
border-width:5px;
border-color:black;
border-style:dotted;
}
#div29{
width:250px;
height:70px;
text-align:center;
border-width:5px;
border-color:black;
border-style:dashed;
}
#div30{
width:250px;
height:70px;
text-align:center;
border-width:5px;
border-color:black;
border-style:inset;
}
#div31{
width:250px;
height:70px;
text-align:center;
border-width:5px;
border-color:black;
border-style:outset;
}

#div32{
width:250px;
height:70px;
text-align:center;
border-width:5px;
border-color:black;
border-style:ridge;
}

#div33{
width:250px;
height:70px;
text-align:center;
border-width:2px;
border-color:black;
border-style:groove;
}
#div34{
width:250px;
height:70px;
text-align:center;
border-width:5px;
border-color:black;
border-style:double;
}

#div35{
width:250px;
height:70px;
text-align:center;
border-width:5px;
border-color:black;
border-style:hidden;
}

#div36{
width:250px;
height:70px;
text-align:center;
border-width:5px;
border-color:black;
border-style:inherit;
}

/*border color*/
#div37{
width:250px;
height:70px;
text-align:center;
border-width:5px;
border-style:solid;
border-color:transparent;
}
#div38{
width:250px;
height:70px;
text-align:center;
border-width:5px;
border-style:solid;
border-color:inherit;
}
#div39{
width:250px;
height:70px;
text-align:center;
border-width:5px;
border-style:solid;
border-color:red;
}
#div40{
width:250px;
height:70px;
text-align:center;
border-width:5px;
border-style:solid;
border-color:blue green;
}
#div41{
width:250px;
height:70px;
text-align:center;
border-width:5px;
border-style:solid;
border-color:#FF8B00;
}
/*Top and bottom are blue, sides are green.*/

/*border collapse*/
#table42{
border-collapse:separate;
}
#table43{
border-collapse:collapse;
}

/* border bottom */
#div44{
width:250px;
height:70px;
text-align:center;
border-width:2px;
border-bottom-width:15px;
border-style:solid;
}
#div45{
width:250px;
height:70px;
text-align:center;
border-width:2px;
border-style:solid;
border-bottom-style:dashed;
}
#div46{
width:250px;
height:70px;
text-align:center;
border-width:2px;
border-style:solid;
border-bottom-color:red;
}
#div47{
width:250px;
height:70px;
text-align:center;
border-width:2px;
border-style:solid;
border-bottom:5px dashed blue;
}
/* border top */
#div48{
width:250px;
height:70px;
text-align:center;
border-width:2px;
border-top-width:12px;
border-style:solid;
}
#div49{
width:250px;
height:70px;
text-align:center;
border-width:3px;
border-style:solid;
border-top-style:dotted;
}
#div50{
width:250px;
height:70px;
text-align:center;
border-width:2px;
border-style:solid;
border-top-color:green;
}
#div51{
width:250px;
height:70px;
text-align:center;
border-width:2px;
border-style:solid;
border-top: 5px solid red;
}

/* border left */
#div52{
width:250px;
height:70px;
text-align:center;
border-width:2px;
border-style:solid;
border-left-width:17px;
}
#div53{
width:250px;
height:70px;
text-align:center;
border-width:3px;
border-style:solid;
border-left-style:dotted;
}
#div54{
width:250px;
height:70px;
text-align:center;
border-width:2px;
border-style:solid;
border-left-color:orange;
}
#div55{
width:250px;
height:70px;
text-align:center;
border-width:2px;
border-style:solid;
border-left: 15px dashed purple;
}

/* border right */
#div56{
width:250px;
height:70px;
text-align:center;
border-width:2px;
border-style:solid;
border-right-width:17px;
}
#div57{
width:250px;
height:70px;
text-align:center;
border-width:3px;
border-style:solid;
border-right-style:dotted;
}
#div58{
width:250px;
height:70px;
text-align:center;
border-width:2px;
border-style:solid;
border-right-color:orange;
}
#div59{
width:250px;
height:70px;
text-align:center;
border-width:2px;
border-style:solid;
border-right: 15px dashed purple;
}

/* border radius */
#div60{
width:250px;
height:70px;
text-align:center;
border:2px solid black;
border-radius:5px;
}
#div61{
width:250px;
height:70px;
text-align:center;
border:2px solid black;
border-radius:50%;
}
#div62{
width:250px;
height:70px;
text-align:center;
border:2px solid black;
border-radius:7%;
}
#div63{
width:250px;
height:70px;
text-align:center;
border:2px solid black;
border-radius:1em;
border-top-right-radius:2px;
}
#div64{
width:250px;
height:70px;
text-align:center;
border:2px solid black;
border-top-right-radius:10px;
border-bottom-left-radius:15px;
}

/* border width*/
#div65{
width:250px;
height:70px;
text-align:center;
border:solid black;
border-width:thin;
}
#div66{
width:250px;
height:70px;
text-align:center;
border:solid black;
border-width:medium;
}
#div67{
width:250px;
height:70px;
text-align:center;
border:solid black;
border-width:thick;
}
#div68{
width:250px;
height:70px;
text-align:center;
border:solid black;
border-width:inherit;
}
#div69{
width:250px;
height:70px;
text-align:center;
border:solid black;
border-width:7px;
}

/*Syntax*/
#div70{
width:250px;
height:70px;
text-align:center;
border:solid black;
border-width:7px;
}
/*
#div71{
width:250px;
height:70px;
text-align:center;
border:solid black;
border-width:7px;
}
*/

.allcss{
outline: 2px dashed blue
}
.link{
	color:white;
	text-decoration:none;
	border-bottom:2px solid #086CA2
}
 /* Selectors */
 
 /* id */
 #div72{
width:250px;
height:70px;
text-align:center;
border: 2px dashed black;
border-width:7px;
}

/* class */
.div73{
width:250px;
height:75px;
border:2px dashed red;
}

/* Descendant */

#div74  p{
color:red;
}
/* child */
#div76 > p{
color:blue;
}
#div77{
/* this does nothing but is used as an example */
}
/* siblings */
/* adjacent */
#h78 + p{
color:red;
}
/* general */
#h79 ~ p{
color:green;
}

/* attributes */
 p[id="para80"]{
color:red;
}
p[id*="a81"]{
color:blue;
}
p[id^="Xp"]{
color:green;
}
p[id$="83"]{
color:orange;
}
p[id~="spaces"]{
color:yellow;
}
p[id|="para85"]{
color:purple;
}


/* pseudo class */
/* active */
#div87{
width:300px;
height:200px;
background-color:red;
}
#div87:active{
background-color:blue;
}

/* focus */
#area88{
border:2px solid red;
width:100%;
}
#area88:focus{
background-color:green;
}

/* visited */
#secretlink:visited{
color:red;
}

/* hover */
#secretlink2:hover{
background-color:yellow;
}

/* link */
#secretlink3:link{
background-color:red;
}
#secretlink3:visited{
background-color:green;
}

/* disabled */
.form89:disabled{
background:red;
}

/* enabled */
.form90:enabled{
background:green;
}
.form90:checked{
background:green;
}

/* selection */
/*
::selection{
background:red;
}
::-moz-selection{
background:red;
}
.div91::-moz-selection{
background:green;
}
.div91::selection{
background:green;
}
/*

/* lang */
p:lang(es){
color:red;
}

/* nthchild */
/*
p:nth-child(2){
color:red;
}
*/
#div92{
/* USED IN NTH-CHILD */
}

/* nth-last-child */
/*
p:nth-last-child(2){
color:red;
}
*/
#div93{
/* USED IN NTH-LAST-CHILD */
}

/* first child */
/*
p:first-child{
color:red;
}
*/
#div94{
/* USED IN FIRST-CHILD */
}

/* last child */
/*
p:last-child{
color:green;
}
*/
#div95{
/* USED IN LAST-CHILD */
}

/* only child */
/*
p:only-child{
color:blue;
}
*/
#div96{}
#div97{}
/* div96 and 97 are used in ONLY-CHILD */

/* nth by type */
#div98{}
/* used in NTH-BY-TYPE */
/*
p:nth-of-type(2){
color:red;
}
*/

/* nth last by type */
#div99{}
/* used in NTH-LAST-BY-TYPE */
/*
p:nth-last-of-type(2){
color:red;
}
*/

/* last of type */
#div100{}
/* used in LAST-OF-TYPE */
/*
p:last-of-type{
color:orange;
}
*/
/* first of type */
#div101{}
/* USED IN FIRST OF TYPE */
/*
p:first-of-type{
color:green;
}
*/
/* only of type */
#div102{}
#div103{}
/*
p:only-of-type{
color:red;
}
*/

/* empty */


#div104{
width:150px;
height:75px;
background-color:red;
}
#div105{}

/* root */
/*
:root{
background-color:red;
}
*/
#div106{}

/* not (x) */
/*
:not(p){
color:green;
}
*/
#div107{}
:target{
background-color:red;
}