/***********************************************************************
	Official UNIVERSITY OF HOUSTON stylesheet for homepage banner image navigation
	This stylesheet should be attached to the homepage.
	Created: October 2007, by the IT Web Technologies Group.  
	Last Updated: October 2007
        Last Updated:  April 2008 by Global Image
 
 CONTENTS: 
	
 	IDs
	---------
	banner-nav, banner-nav-message, image-number, next-image, prev-image
	
************************************************************************/




/***************************** IDs *************************************/


#banner-nav, #banner-nav-message{
position: relative;
color: #000;
font-size: 86%;
width: 136px;
width: 100px;
height: 40px;
left: 270px;
background: transparent;
}

#banner-nav{
top: -490px;
z-index: 10;
}

#banner-nav[id]{
}

#banner-nav img, #banner-nav a img{
border: 0px #fff none;
vertical-align: middle;
}

#banner-nav a{
display: block;
float: left;
width: 21px;
height: 21px;
padding: 9px 14px 10px 14px;
background: transparent;
}

#banner-nav a#prev-image:hover{
background: transparent url('');
background-repeat: no-repeat;
background-position: 14px 9px;
}

#banner-nav a#next-image:hover{
background: transparent url('');
background-repeat: no-repeat;
background-position: 14px 9px;
}

#image-number{
display: none;
float: left;
width: 58px;
height: 21px;
padding: 13px 0 0 0;
font-weight: bold;
text-align: center;
}

#banner-nav-message{
z-index: 20;
top: -492px;
display: none;
}

#banner-nav-message .msg, #banner-nav .msg{
display: none;
padding: 4px 2px 2px 2px;
font-weight: bold;
text-transform: capitalize;
text-align: center;
}

#load-bar{
width: 100px;
height: 10px;
margin: 2px 0 2px 0;
overflow: hidden;
border: 1px #333 solid;
background: #666 url('');
background-repeat: no-repeat;
background-position: 0px 0;
}