/* ----------------------------------- GENERAL STYLES ------------------------------ */


/* ------------------------------ BANNER AREA ------------------------------ */

/* banner contains a background images that runs across the top of the screen */
#banner {
   background-color: steelblue;
   border-bottom: #fff solid 1px;
   width: 100%;
   height: 30px;
}
#summaryBanner {
   background-color: steelblue;
   width: 100%;
   border-radius: 5px;
}
/* queueControlsOuter contains a background images that runs across the top of the screen */
#queueControlsOuter {
   background-color: lightgray;
   height: 35px;
   float: left;
   margin: -1px 0px 0px 253px;
   padding: 4px;
   border-radius: 0px 0px 15px 15px;
   border-top: none;
   border-right: gray solid 1px;
   border-bottom: gray solid 1px;
   border-left: gray solid 1px;
   position: absolute;
}

/* AdProntoLogo appears in the top right of 
   the screen and contains the product logo */
#AdProntoLogo {
   position: absolute;
   z-index: 2;
   left: 800px;
   top: 1px;
   color: white;
   font-size: 22px;
   font-weight: bold;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/* ------------------------------ TOP NAVIGATION LAYOUT AND STYLES ------------------------------ */

/* topNavDiv is the container that holds the top navigation 
   that appears in the top left of the screen */
#topNavDiv {
   position:relative;
   display:block;
   float: left;
   width:980;
   height:31px;
   z-index:1;
   left: 0;
   top: 0;
}

/* topNav servers as the style for the main navigation  */
a.topNav {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:18px;
   font-weight: bold;
   color: #FFFFFF;
   text-decoration: none;
   text-align: center;
   display:inline;
   height:27px;
   padding: 2px 10px 0px 10px;
   border-right:solid 1px #FFFFFF;
   float: left;
   width: auto;
}

a.topNav:visited {color: #FFFFFF;text-decoration: none;}
a.topNav:link {color: #FFFFFF;text-decoration: none;}
a.topNav:hover {color: #000000; text-decoration: none;}


/* ------------------------------ QUEUE CONTROL LAYOUT AND STYLES ------------------------------ */

/* queueControlDiv is the container that holds the queue controls */
#queueControlDiv{
   position:relative;
   display:block;
   float: left;
   height:36px;
   z-index:1;
   left: 0;
   padding: 2px 10px 2px 10px;
}

/* queueControl is the style that is applied to every individual queue control */
a.queueControl {
   display:inline;
   float: left;
   width: auto;
   padding: 1px 4px 0px 4px;
   border:solid 1px #EBEBEB;
}

a.queueControl:hover {border:solid 1px #999999; background-color: #DADADA;}


/* queueControlSpacer is used to create the spacing between 
   the 2nd and 3rd groups of queue controls*/
.queueControlSpacer {
   float: left;
   width: 200px;
   height: 36px;
}