@charset "utf-8";
/* CSS Document */

body
{

}

.slider
{
	height:239px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


.slider .caption ul
{
	padding-left:20px;
}


/*this is for example_api.html*/
#custom_controls
{
	width:210px;
	margin:0px auto;
}


/*this is for the description of each example and the buttons used to navigate through the examples*/
#example-description
{
	margin:0px;
	padding:0px;
	background-color:#DDD;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}


#example-description p
{
	color:#666;
	font-style:italic;
	width:750px;
	margin:0px auto;
	padding:10px 0px;
	line-height:18px;
	text-align:center;
}


#example-description #navigation
{
	width:705px;
	height:25px;
	margin:10px auto 0px;
}


#example-description #navigation a
{
	background-color:#FFF;
	text-decoration:none;
	color:#666;
	padding:5px 10px;
	margin:0px 5px;
	border:#CCC solid 1px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.copyrights { 
font-size:10px;
font-family:arial;
color:#FFCC66;
}
.copyrights a{ 
font-size:10px;
font-family:arial;
color:#FF6600;
}
.copyrights a:hover { 
font-size:10px;
font-family:arial;
color:#FFCC66;
}
.poweredby {
	font-size:10px;
	font-family:arial;
	color:#ffffff;
	font-weight: bold;
}
.poweredby a{ 
font-size:10px;
font-family:arial;
color:#FF6600;
font-weight: bold;
text-decoration:underline;
}
.poweredby a:hover { 
font-size:10px;
font-weight: bold;
font-family:arial;
color:#FFFFFF;
}
.text1{color:#003366;
	font-family:Arial;
	font-size:14px;
	text-decoration:none;
}

.Header {
	color:#660000;
	font-family:Arial;
	font-size:18px;
	text-decoration:none;
}
.text00 {
	color:#ffcc00;
	font-family:Arial;
	font-size:12px;
	text-decoration:none;
}
.text {
	color:#FFFFFF;
	font-family:Arial;
	font-size:12px;
	text-decoration:none;
}
.text a { 
color:#FFFFFF; 
font-family:Arial; 
font-size:12p; 
text-decoration:none;
}

.text a:hover { 
color:#FFcc00; 
font-family:Arial; 
font-size:12px; 
text-decoration:none;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: #003366;
font-size:16px; 
margin: 3px 8px;
}
.bar{ /*CSS for link that shows hint onmouseover*/
color: navy;
font-size:12px; 
}