/*	AlabamaMosaic	v2.0 - created by Sean C. Cook (cooksec@auburn.edu) */
/*  edited by Tony Oravet (tony.oravet@auburn.edu - March 2007) */

html.body #partner li a { 
	width: 170px;
}
body
{
	padding: 8px 0;margin:0;
	background: #847666 url("../images/page_bg_gr.jpg") top left repeat-x;
	background-attachment: fixed;
	font-size: 12px;
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
}
	

img
{
	border-style:none;
}

#formbox
{
	padding:0; margin: 0;
}

#container #sidebar-a form {
	padding-left: 15px;
}
a.simple{
	border: 0px;
	color: #fff;
}
a.simple:hover{
	background-color: #fff;
}

/*Container Area and top of page
*******************************/
#container {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0px 0 0px;
	text-align:right;
	background: #FFFFFF url("/images/alabamamosaicbrand.gif") top left no-repeat;
	
}

#banner {
	width: auto;
	margin: 30px 0px 0px 0;	
	height: 50px;
	color:#333;
	text-align:right;
	
}


/*Navigation Container
*****************************************************/
#navcontainer	{margin: 0 0 0 0; width: 100%; float: left; padding: 0px; background-color: #6B5843;	border-top: 1px solid #FFFFFF;	}
#navcontainer ul { padding: 0; }
#navcontainer ul li { display:inline; }
#navcontainer ul {margin: 0; padding: 0px 0px 0px 0px; color: #FFFFFF; font-family: Verdana, Geneva, Arial, sans-serif; font-size: 11px; letter-spacing: 1px;	}
#navcontainer ul li a {padding: 8px 12px;	background-color: #6B5843;	color: #FFFFFF;	text-decoration: none;	float: left;	border-right: 1px solid #FFFFFF;	}	
#navcontainer ul li a:hover {background-color: #847666;	color: #FFFFFF;}


/*------------------END Navigation Container----------------*/

/*Navigation Bar
************************************************************/
.navbar{margin: 0px auto; padding: 0px 1px 2px 1px;}
.navbar ul{ display: inline; list-style-type: none;}
.navbar li{ display: inline; list-style-type: none;}
.navbar a, .navbar a:visited  { cursor: pointer; float: left; font-weight: bold; margin: 0px 10px 3px 10px;	color: #525d5a;	}		
.navbar a:hover{ color: #CC0033;}

/*Submenu A - this displays the links to the pages of results
************************************************************/
#submenua  {
	color:#000000;
	width: auto;
	text-align:right;
	background: #E2D4CA;
	padding: 2px 2px;
	font-size:10px;
	}


/*Slideshow Area
*********************/

#slideshow {
	margin: 0 0 0 0;
}

/*Side Bar - this is the main content part of the site
******************************************************/
#sidebar-a {
	line-height:20px;
	float: left;
	margin: 0px 0 0 0;
	position:relative;
	width: auto;
	padding-right: 10px;
	padding-bottom: 5px;
	text-align: left; 
	background:#FFFFFF;
}

#sidebar-a a{
	color: #886644;
}
#sidebar-a a:hover{
	background-color: #c7b299;
}


/*Submenu B- this displays the links to the pages of results
************************************************************/
#submenub   {
	/*color: #000000;
	width: auto;*/
	
	
	padding: 2px 2px;
	/*font-size:smaller;*/
	background: #E2D4CA;
	text-align:right;
	}




/*Footer Area
**********************************/

#footer {
	clear: both;
	color: #666;margin:0;padding:0;
	padding-top: 18px;
	padding-bottom: 18px;
	text-align: center;
	font-size: 10px;
	background: #fff;
}

#footer a{
	color: #886644;
	text-decoration:none;
}
#footer a:hover {
	background-color: none;
	text-decoration: underline;
}

#footer a:visited {color:#886644; text-decoration:none;}

.footerlink{
	color:#666;
	text-decoration: none;
}
.footerlink:hover{
	text-decoration:underline;
}

/************************************/
		
p {
	padding-left: 15px;
	padding-right: 15px;
}

#searchpane{
	margin: 0;
	padding:10px 0 10px 0;
	/*border-top: 1px solid #a67c59;
	border-bottom: 1px dashed #c7b299;*/
	font-weight: bold;
	text-align: left;
	width: auto;
}
#aboutsearch{
	padding: 10px 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #a67c59;
	text-align: left;
	width: 420px;
	font-weight: bold;
}
input.textboxup{
	margin:0; padding:0;
	background-color: #eee;
}
input.searchbtn{
	font-size: 12px;
}


#queryboxtop{
	padding:0;
	margin:0;
}


a img{ text-decoration:none; border-width: 0;}
a:hover img{ background-color: #fff; }#container #sidebar-a h3 {
	font: normal 16px Geneva, Arial, Helvetica, sans-serif;
	color: #886644;
	padding-right: 35px;
	padding-left: 15px;
}

h2 { font: normal 22px Geneva, Arial, Helvetica, sans-serif;
	color: #886644;
	padding-right: 35px;
	padding-left: 15px;}



.offstatus {
	color: #000000;
}

#clearfix {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
 
 
ul {
list-style: none;

}

.CollapsiblePanel {
	margin: 0px;
	padding: 4px 0px 0px 15px;
	background-color: #FFFFFF;
	
}



/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	background-color: #FFFFFF;

	
}
.CollapsiblePanelTabFaqs {
	margin: 0px;
	padding: 0px 0px 0px 16px;
	cursor: pointer;
	background-color: #FFFFFF;

	
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 2px;
	background: #f2f1ee;
}


/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	
	text-decoration: none;
	
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
background-image:url(../images/arrow_up.jpg);
background-repeat:no-repeat; 
background-position:center;

}
.CollapsiblePanelClosed .CollapsiblePanelTab {
background-image:url(../images/arrow_down.jpg);
background-repeat:no-repeat;
background-position:center;
}

.CollapsiblePanelOpen .CollapsiblePanelTabFaqs {
background-image:url(../images/arrow_up.jpg);
background-repeat:no-repeat; 
background-position:left;

}
.CollapsiblePanelClosed .CollapsiblePanelTabFaqs {
background-image:url(../images/arrow_down.jpg);
background-repeat:no-repeat;
background-position:left;

}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #FFFFFF;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #FFFFFF;
}
.red {color:#F00;}

/*Search AlabamaMosaic Plugin
**************************************/
.amplugin {padding-left:14px; }

.codecontainer {
	font-family: "Courier New", Courier, monospace;
	font-size:12px;
	height: 200px;
	width: 100%;
	border: 1px solid #666666;
	overflow: scroll;
}
.codehighlight {
	color: #003366;
	background: #FFFFCC;
}

#recaptcha_image {width:300px; height:57px;}