/*
** Custom CSS code for the WikiPathways skin (additional to the MonoBook based main.css
*/
table.recentChangesBox {
	width: 100%;
	height: 100%;
}

.recentChangesBoxDate {
	font-weight: bold;
}

.private_warn {
	background-color: #FFEEEE;
	border: 1px solid #B22222;
	padding: 5px;
}

.helphint {
        margin-left:1em;
        margin-right:1em;
}
.tag.redBg {
	border-left: 10px solid #b55; /* #b22222; */ /* Red */
	background-color: #fff5f5;  /* Pink */
	padding: 0.25em 0.5em;         /* 0.5em left/right */
}

.tag.yellowBg {
	border-left: 10px solid #db5; /* #ffff00; */
	background-color: #fff9f3; /* #ffffff; */
	padding: 0.25em 0.5em;
}  

.tag.greenBg {
	border-left: 10px solid #7b7; /* #00cc00; */
	background-color: #f5fff5;
	padding: 0.25em 0.5em;
}

.tag.blueBg {
	border-left: 10px solid #88c; /* #3300cc; */
	background-color: #f3f8ff;
	padding: 0.25em 0.5em;
}

.tag.greyBg {
	border-left: 10px solid #A7A7A7;
	background-color: #F1F1F1;
	padding: 0.25em 0.5em;
}

/*****
* Panels for frontpage
******/
.frontPagePanel {
	font: inherit;
}

div.frontPagePanel {
	vertical-align: top;
	height: 50%;
	width: 50%;
	padding-top: 0.3em; 
        padding-left: 0.4em;
        padding-right: 0.3em;
}

h2.frontPagePanel {
	margin-top: 0;
	font-size: 120%;
	font-weight: bold;
	text-indent: 0.4em;
        vertical-align: middle;
        padding: 0.2em 0.4em;
}

/** yellow is the new purple */
.yellowBg {
	background-color: #ffffff; 
	border: 1px solid #ffffff;
}
.yellowFg {
	background-color: #ffffdd;
	border:1px solid #a3b0bf;
}
.redBg {
	background-color: #fffdfb; 
	border: 1px solid #f2dede;
}
.redFg {
	background-color:#ef9b9a;
	border:1px solid #a3b0bf;
}

.greenBg {
	background-color:  #f5fff5; 
	border: 1px solid #cef2de;
}
.greenFg {
	background-color:#cef2d5;
	border:1px solid #a3b0bf;
}

.blueBg {
	background-color: #f5faff; 
	border: 1px solid #cedff2;
}
.blueFg {
	background-color: #cedff2;
	border:1px solid #a3b0bf;
}

/*****
** Table formatting
*****/
   table.wikitable,
   table.prettytable {
      margin:1em 1em 1em 0;
      background:#F9F9F9;
      border:1px #AAA solid;
      border-collapse:collapse;
      }

   table.wikitable th, table.wikitable td,
   table.prettytable th, table.prettytable td {
      border:1px #AAA solid;
      padding:0.2em;
      }

   table.wikitable th,
   table.prettytable th {
      background:#F2F2F2;
      text-align:center;
      }

   table.wikitable caption,
   table.prettytable caption {
      margin-left:inherit;
      margin-right:inherit;
      }

/******
* Rounded corners in Mozilla
******/
#p-cactions ul li, #p-cactions ul li a {  
  -moz-border-radius-topleft: 1em;
  -moz-border-radius-topright: 1em;
}
#content { 
  -moz-border-radius-topleft: 1em; 
  -moz-border-radius-bottomleft: 1em;
}
div.pBody {
  -moz-border-radius-topright: 1em;
  -moz-border-radius-bottomright: 1em;
}

/* same following the css3 draft specs, any browsers supporting this? */
#p-cactions ul li, #p-cactions ul li a {  
  border-radius-topleft: 1em;
  border-radius-topright: 1em;
}
#content { 
  border-radius-topleft: 1em;
  border-radius-bottomleft: 1em;
}
div.pBody {
  border-radius-topright: 1em;
  border-radius-bottomright: 1em;
}

/*****
* Buttons
******/
/*
a.button {
display: block;
background-color: transparent;
background-image: url(buttonBackground.gif);
background-repeat: no-repeat;
width: 75px;
height: 28px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-weight: bold;
text-decoration: none;
}

a.button:link {
color: #002577;
}

a.button:hover, .button:active {
background-position: 0 -36px;
color: #FF7200;
}
*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: #EEEEFF url('button_a.png') no-repeat scroll top right;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.buttondown {
    background: #EEEEFF url('button_a_down.png') no-repeat scroll top right;
    clear: both;
}

a.button span {
    background: transparent url('button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:hover {
	background-color: #FFEE88;
}

/*
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; //hide dotted outline in Firefox
}
*/

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


/*****
** Drop down menu
******/
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 10000
}

#nav a {
	float: none;
	display: block;
	text-decoration: none;
}

#nav a.parent {
	background:url(right.png) no-repeat scroll right center;
}

#nav li {
	float: left;
	width: 10em;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}
#nav li li {
	padding: 2px;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	padding:3px; 
	border:1px solid #6e6e76;  
	background-color:#dadaea;
}

#nav li:hover, #nav li.sfhover {
	background-color: #eda;
}

#nav li ul ul {
	margin: -1em 0 0 10em;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
		
}

ul.pathwayhistory {
	list-style: none;
	margin-left:0px;
	padding:0px;
	
}

.searchboxBgImage {
width: 90px;
background:url('/skins/common/images/search.png') no-repeat;
padding-left:20px;
}