ul {
	padding-left: 10px;
	margin-left: 10px;
	font-size: 13pt;
}
ul > li{
	padding-left:0px;
	margin-left: 0px;
}
ul.dashed {
	list-style: none;
	padding-left: 0;
	text-indent: -0.9em;
}
 ul.dashed > li {
 	margin-left: 15px;
 }
 
 ul.dashed > li:before {
 	content: "\02D \020";
 	margin-left: 5px;
 }
 
 
.square {
	position: relative;
	background-color: #4782ff;
}


.leftcol {
	position: relative;
	float: left;
	width: 30%;
	margin-left: 200px;
	border-style: solid;
	border-color: black;
}

.rotate-up {
	-webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform:rotate(270deg);
    transform: rotate(270deg);
    white-space:nowrap;
    left: 250px;
	
}
.rotate-down {
	-webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform:rotate(90deg);
    transform: rotate(90deg);
    white-space:nowrap;
	left: 250px;	
}
.arrow-container {
 	
 	position relative;
 	/*background-color: green; */
 	overflow: hidden;
 	height: 350px;
 	width: 80px;
 	margin-top:50px;
 }

.wipedown {
	
	
    overflow: hidden;
    position: static;
    }

@keyframes wipedown {
    0% {clip: rect(0px,70px,0px, 0px);} 
    15% {clip: rect(0px,70px,350px, 0px);}
    67% {clip: rect(0, 70px, 350px, 0);}
    71% {clip: rect(350px,70px,350px,0);}
    100% {clip: rect(350px,70px,350px, 0px);}

}
@-webkit-keyframes wipedown {
    0% {clip: rect(0px,70px,0px, 0px); }
    15% {clip: rect(0px,70px,350px, 0px);}
    67% {clip: rect(0px,70px,350px, 0px);}
    71% {clip: rect(350px,70px,350px,0);}
    100% {clip: rect(350px,70px,350px, 0px);}
}
@-moz-keyframes wipedown {
    0% {clip: rect(0px,70px,0px, 0px); }
    15% {clip: rect(0px,70px,350px, 0px);}
    67% {clip: rect(0px,70px,350px, 0px);}
    71% {clip: rect(350px,70px,350px, 0);}
    100% {clip: rect(350px,70px,350px, 0px);}
}
@-ms-keyframes wipedown {
    0% {clip: rect(0px,70px,0px, 0px); }
    15% {clip: rect(0px,70px,350px, 0px);}
    67% {clip: rect(0px,70px,350px, 0px);}
    71% {clip: rect(350px,70px,350px,0);}
    100% {clip: rect(350px,70px,350px, 0px);}
}
.wipeup {
   
    overflow: hidden;
    position: static;
 }
@keyframes wipeup {
    0% {clip: rect(350px,70px,350px, 0px); }
    15% {clip: rect(0px,70px,350px, 0px);}
    40% {clip: rect(0px,70px,350px, 0px);}
    44% {clip: rect(0px, 70px, 0px, 0);}
    100% {clip: rect(0px,70px,0px, 0px);}
	
}
@-webkit-keyframes wipeup {
    0% {clip: rect(350px,70px,350px, 0px); }
    15% {clip: rect(0px,70px,350px, 0px);}
    40% {clip: rect(0px,70px,350px, 0px);}
    44% {clip: rect(0px,70px,0px, 0);}
    100% {clip: rect(0px,70px,0px, 0);}
}
@-moz-keyframes wipeup {
    0% {clip: rect(350px,70px,350px, 0px); }
    15% {clip: rect(0px,70px,350px, 0px);}
    40% {clip: rect(0px,70px,350px, 0px);}
    44% {clip: rect(0px,70px,0px, 0);}
    100% {clip: rect(0px,70px,0px, 0px);}
}
@-ms-keyframes wipeup {
    0% {clip: rect(350px,70px,350px, 0px); }
    15% {clip: rect(0px,70px,350px, 0px);}
    40% {clip: rect(0px,70px,350px, 0px);}
    44% {clip: rect(0px,70px,0px, 0);}
    100% {clip: rect(0px,70px,0px, 0px);}
}
.displaybox {
	position: relative;
	border-style:solid;
	border-width: 2px;
	border-color: black;
	width: 70%;
	height: auto;
	background-color: #FBEAC1;
	overflow: hidden;
	float: left;
	margin-right: 25px;
}

.displaybox:hover .wipedown {
	-webkit-animation: wipedown 8s linear infinite;
    -moz-animation: wipedown 8s linear infinite;
    -ms-animation: wipedown 8s linear infinite;
    -webkit-animation: wipedown 8s linear infinite;
    animation: wipedown 8s linear infinite;
    animation-delay: 1s;
    clip: rect(0,70px,0,0);
}

.displaybox:hover .wipeup {
	-webkit-animation: wipeup 8s linear infinite;
    -moz-animation: wipeup 8s linear infinite;
    -ms-animation: wipeup 8s linear infinite;
    -webkit-animation: wipeup 8s linear infinite;
    animation: wipeup 8s linear infinite;
    animation-delay: 3s;
   clip: rect(0, 0, 0, 0);
}
.mylist {
		display: list-item;
		font-size: 11pt;
		
		
}