/* (c) Alan Hogan 2008
 * Pan-site nav ribbon. love.
 * Now includes some "reset" code, but only applies to #panRibbon.
 * Don't be afraid to use this code as inspiration and
 * a starting point, but please don't straight-up 
 * rip off my design.  Thanks :-)   
 */

/*** Mini-reset: */
html {padding: 0;}
a img {border-width: 0;}
body, #panRibbon div, #panRibbon  li, #panRibbon  ol, #panRibbon ul, 
#panRibbon form
{
	margin: 0;
	padding: 0;
}
#panRibbon input, #panRibbon textarea {
	font-family: inherit; 
	font-size: 100%;
}


/*** Pan Ribbon-specific stuff: */

@media print {
	#panRibbon {
		display: none; 
	}
}

#panRibbon {
	width: 100%;
	border-width: 0;
	height: 23px;
	overflow: hidden;
	font-family: Arial, sans-serif; /*Repeated later too*/
	font-size: 14px;
	color: black;
	background: #dfe5ee url('http://pan.alanhogan.com/ribbon/images/ribbonbg.gif') repeat-x;
	border-bottom: 1px solid black; /*#a9aaaf;*/
}


/****Logo*****/
#panRibbon div#prLogo {
	width: 108px;
	float:left;
}


/******The Row(s)*****/
#panRibbon #prRow2 {
  border-top: 1px solid #b0b3bb;
}
#panRibbon #prRow1, #panRibbon #prRow2 {
  height: 23px;
}



/*****Nav Items (prLink's)***/
#panRibbon a.prLink {
	text-decoration: none;
  display: block; width: auto;
  float: left;
	overflow: hidden;
}

#panRibbon a.prLink, #prSearchBtnWrap {
	background-color: #f5f8fc;
  margin: 1px 1px 0 1px;
  padding: 1px 2px;
  border: 1px solid #99a1ad;
  font-family: Arial, sans-serif;
  font-size: 14px;
	height: 17px;
}

#panRibbon a:link {color: #0f3e90;}
#panRibbon a:visited {color: #6f1e84} 
#panRibbon a:link:hover {color: #1f52aa;}
#panRibbon a:visited:hover {color: #7f2b99} 
/*IE<7 does not support multiple [pseudo-]classes. star-html hack:*/
* html #panRibbon  a:hover {color: #1f52aa;} 
 


#panRibbon a.prClickableLink:hover, #panRibbon #prSearchBtnWrap:hover {
  background-color: white;
  border-top-color: #9199a6; /*c2c2c2*/
  border-left-color: #9199a6;
  border-right-color: #535964; /*aaa*/
  border-bottom-color: #535964;
}
#panRibbon a.prClickableLink:active, #panRibbon #prSearchBtnWrap:active{
  border-top-color: #535964; 
  border-left-color: #535964;
  border-right-color: #9199a6;
  border-bottom-color: #9199a6;
}

#panRibbon .prLinkImg{
 	width: 18px;
	height: 17px;
	margin-bottom: -2px;
	background: transparent url("http://pan.alanhogan.com/silk/page_link.png") no-repeat 0 1px;
	display: block;
	float: left;
}
#panRibbon #prSearchBtnWrap input {
 	width: 18px;
	height: 17px;
	margin-bottom: -2px;
	background: transparent url("http://pan.alanhogan.com/ribbon/images/magnifier.png") no-repeat 0 1px;
	display: block;
	float: left;
}
#panRibbon .prLinkText {
  text-decoration: underline;
  position: relative; 
  top: 1px; /*left: -1px;*/
}
#panRibbon a.prClickableLink:hover .prLinkImg, #panRibbon #prSearchBtnWrap:hover input  {
	background-position: 0 0;
}
#panRibbon a.prClickableLink:hover .prLinkText {
  text-decoration: underline;
  top: 0px; /*left: -1px;*/
}
#panRibbon a.prClickableLink:active .prLinkImg, #panRibbon #prSearchBtnWrap:active input  {
  background-position: 0 1px; /*left: 0;*/
}
#panRibbon a.prClickableLink:active .prLinkText {
  top: 1px; /*left: 0;*/
}

#panRibbon .prLinkImg img, #panRibbon #prSearchBtnWrap input {
  vertical-align: -15%;
}
#panRibbon .curPage, #panRibbon .curSection {
  font-weight: bold;
}

/**Current Page/Section**/
#panRibbon a.curPage{
	border: 1px solid black;
}

#panRibbon a.curPage .prLinkText {
  color: black;
  text-decoration: none !important;
}


/***Search (see also prLink styling)***/
#panRibbon #prSearchContainer {
	float: right;
	padding: 1px 1px 0 0;
	position: relative;
	width: 141px;
	height: 23px;
	padding: 0;
	/*border-left: 1px dotted #99a1ad; /*debug */
	overflow: hidden;
}
#panRibbon .prSearchBox {
	border: 1px solid #99a1ad;
	border-top-color: #535964; 
	border-left-color: #535964;
	padding: 0 1px;
	width: 115px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	height: 19px;
	color: #535964; 
	background-color: #f5f8fc;
	position: absolute;
	top: 1px;
	right: 22px;
}
#panRibbon .prSearchBoxPrompt {
	color: #696f77; /*#868d98;*/
	/*background-color: #f5f8fc;*/
	background: white url('http://www.google.com/coop/images/google_custom_search_watermark.gif') left no-repeat;
}


#panRibbon .prSearchBoxActive {
	color: #000; /*#868d98;*/
	background: #fff none;
	border-color: black;
	border-bottom-color: #535964; 
	border-right-color: #535964;
}
#panRibbon #prSearchButton {
	padding: 0;
	margin: 0 1px;
}
#panRibbon #prSearchBtnWrap {
	display: block;
	margin: 0;
	padding: 0;
    height: 19px;
	position: absolute;
	width: 18px;
	top: 1px;
	right: 1px;
}