/*
Name:			Wang Qingyang
Date:			Summer 2015
Organization:   HKUST iGEM Team 2015

---Purpose---
CSS code to define home page slider.
-------------

*/

#Slider {
	position: relative;
	width: 100%;
	display: none;
}

#Slider .Slides {
	width: 100%;
	height: 100%;
	background-size: 100%, auto;
}

#Slider #Slide0 {
	background-image: url(http://2015.igem.org/wiki/images/4/4f/Hkust-rice-2015-slider-try-out3.jpg);
}

#Slider #Slide1 {
	background-image: url(http://2015.igem.org/wiki/images/0/02/Hkust-rice-2015-slider-try-out2.jpg);
	display: none;
}

#Slider #Slide2 {
	background-image: url(http://2015.igem.org/wiki/images/8/82/Hkust-rice-2015-slider-try-out1.jpg);
	display: none;
}

#Slider #Slide3 {
	background-image: url (http://2015.igem.org/wiki/images/c/c5/Hkust-rice-2015-slider-try-out4.jpg);
	display: none;
}

#Slider .SideBar {
	position: absolute;
	top: 0;
	width: 90px;
	z-index: 1;
}

#Slider #LeftBar {
	left: 0;
}

#Slider #RightBar {
	right: 0;
}

#Slider #LeftArrow {
	position: absolute;
	width: 60px;
	height: 60px;
	margin-left: 30px;
	background: url(http://2015.igem.org/wiki/images/5/55/Hkust-rice_slider-arrow-left.png) top no-repeat;
}

#Slider #RightArrow {
	position: absolute;
	width: 60px;
	height: 60px;
	margin-right: 30px;
	background: url(http://2015.igem.org/wiki/images/5/55/Hkust-rice_slider-arrow-right.png) top no-repeat;
}

#Slider #LeftArrow:hover, #Slider #RightArrow:hover {
	background-color: #000000;
	cursor: pointer;
}