/* -------------------------------------------------------------- 
  
   Buttons.css
   * Gives you some great buttons for many purposes.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element
   
   W3C: "Buttons created with the BUTTON element function 
   just like buttons created with the INPUT element, 
   but they offer richer rendering possibilities."
   
   Usage:
   
   <button type="submit" class="button positive">
     <img src="css/blueprint/lib/img/icons/tick.png" alt=""/> Save
   </button>

   <a class="button" href="/password/reset/">
     <img src="css/blueprint/lib/img/icons/textfield_key.png" alt=""/> Change Password
   </a>

   <a href="#" class="button negative">
     <img src="css/blueprint/lib/img/icons/cross.png" alt=""/> Cancel
   </a>
   
   
-------------------------------------------------------------- */

a.button, .Button  { /*, .Button*/

  padding:5px 10px 6px 7px;   /* Links */
  
  border:0.1em solid #dedede !important;
  border-top:0.1em solid #eee !important;
  border-left:0.1em solid #eee !important;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  margin:0 5px 15px 0;


}

.Disabled, .Disabled:hover{color:#999999; background:#f5f5f5}

button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:5px 10px 5px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}


/* Button colors
-------------------------------------------------------------- */



button:hover, .Button:hover{
  background-color:#dce1ed;
  border:0.1em solid #acb7d5 !important;
  color:#000;
}

a.button:active{
  background-color:#dce1ed;
  border:1px solid #acb7d5;
  color:#000;
}

.Disabled, .Disabled:hover{
  color:#999999; 
  background:#f5f5f5;
  border:0.1em solid #dedede;
  border-top:0.1em solid #eee;
  border-left:0.1em solid #eee;
  cursor:text;
  }

/* Positive */
.positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:0.1em solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:0.1em solid #529214;
  color:#fff;
}

/* Negative */
.negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:0.1em solid #fbc2c4;
}
a.negative:active {
  background-color:#d12f19;
  border:0.1em solid #d12f19;
  color:#fff;
}


.VacatureContactContactClass .Button, .ContactClass .Button, .NieuwsbriefContactClass .Button{ /*, .Button*/

  padding:5px 10px 6px 7px;   /* Links */
  
  border:0.1em solid #dedede !important;
  border-top:0.1em solid #eee !important;
  border-left:0.1em solid #eee !important;
  background: #003018 url(images/back_vacatureWidget_item.jpg) repeat-x top;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:white;
  cursor:pointer;
  margin:0 5px 15px 6px;
}


.VacatureButtons
{
	border: solid 1px silver;
	font-size: 9pt;
	color: #fff;	
	width: 60px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	background: #005629 url(images/back_vacatureItemButton.jpg) repeat-x top;
}

a.VacatureButtons:hover
{
	font-weight: normal !important;
	color: #ccddd4 !important;
	/*background: #005629 url(images/back_vacatureItemButton_hover.jpg) repeat-x top;*/
}

.VacatureWidgetLinkButton
{
	display: block;
	margin-left: 5px;
	border: solid 1px white;
	margin: 5px;
	padding: 3px;	
	background: #005227 url(images/back_vacatureWidgetLink.jpg) repeat-x bottom;
	color: White;
	text-align: center;
	text-decoration: none;
}

.VacatureListViewClass .Pager
{
	padding: 2px;
	margin-left: 11px;
	margin-top: 15px;
	margin-right: 5px;
	border: solid 1px white;
}

.ListView .Pager .Panel, .VacatureListViewClass .Pager .Pager
{
	border: none !important;
	margin: 0 0 0 0;
}

.ReferentiesClass .PagePrevHyperlink
{
	display: block;
	height: 20px;
	width: 20px;
	background: url(images/backlistbutton.gif) no-repeat top left;
	float: left;
}

.MiniSiteListviewReferentiesClass .PagePrevHyperlink
{
	display: block;
	height: 20px;
	width: 20px;
	background: url(images/back-button-refs.gif) no-repeat top left;
	float: left;
}

.ReferentiesClass a.PagePrevHyperlink:hover
{
	background: url(images/backlistbutton.gif) no-repeat bottom left;
}

.MiniSiteListviewReferentiesClass a.PagePrevHyperlink:hover
{
	background: url(images/back-button-refs.gif) no-repeat bottom left;
}

.ReferentiesClass .PageNextHyperlink, .MiniSiteListviewReferentiesClass .PageNextHyperlink
{
	display: block;
	height: 20px;
	width: 18px;
	background: url(images/nextlistbutton.gif) no-repeat top left;
	float: left;
}

.ReferentiesClass .PageNextHyperlinkBottom 
{
	float: left;
	display: block;
	height: 20px;
	width: 18px;
	background: url(images/nextlistbuttonbottom.gif) no-repeat top left;
}

.ReferentiesClass a.PageNextHyperlinkBottom:hover
{
	background: url(images/nextlistbuttonbottom.gif) no-repeat bottom left;
}

.ReferentiesClass .PagePrevHyperlinkBottom 
{
 	display: block;
	height: 20px;
	width: 20px;
	background: url(images/prev-button-refs-bottom.gif) no-repeat top left;
	float: left;
	margin-right: 3px;
}

.ReferentiesClass a.PagePrevHyperlinkBottom:hover
{
	background: url(images/prev-button-refs-bottom.gif) no-repeat bottom left;
}

.MiniSiteListviewReferentiesClass .PageNextHyperlink, .MiniSiteListviewReferentiesClass .PageNextHyperlinkBottom
{
	display: block;
	height: 20px;
	width: 20px;
	background: url(images/next-button-refs.gif) no-repeat top left;
	float: left;
}

.VacatureListViewClass .PageNextHyperlink, .VacatureListViewClass .PageNextHyperlinkBottom
{
	display: block;
	height: 18px;
	width: 76px;
	background: url(images/nexvacature.gif) no-repeat top left;
	float: left;
}
.VacatureListViewClass .PagePrevHyperlink, .VacatureListViewClass .PagePrevHyperlinkBottom
{
	display: block;
	height: 20px;
	width: 61px;
	background: url(images/prevvacature.gif) no-repeat top left;
	float: left;
	margin-right: 3px;
}



.VacatureListViewClass a.PageNextHyperlink:hover, .VacatureListViewClass a.PageNextHyperlinkBottom:hover
{
	background: url(images/nexvacature.gif) no-repeat bottom left;
}

.VacatureListViewClass a.PagePrevHyperlink:hover, .VacatureListViewClass a.PagePrevHyperlinkBottom:hover
{
	background: url(images/prevvacature.gif) no-repeat bottom left;
}



.ReferentiesClass a.PageNextHyperlink:hover
{
	background: url(images/nextlistbutton.gif) no-repeat bottom left;
}

.MiniSiteListviewReferentiesClass a.PageNextHyperlink:hover
{
	background: url(images/next-button-refs.gif) no-repeat bottom left;
}

.ReferentiesClass .UnorderedListItem, .MiniSiteListviewReferentiesClass .UnorderedListItem, .VacatureListViewClass .UnorderedListItem
{
	display: inline;	
}

.ReferentiesClass .Hyperlink, .MiniSiteListviewReferentiesClass .Hyperlink, .UnorderedListItem .Hyperlink
{
	border: solid 1px white;
	color: White;
	display: block;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
	width:15px;
	text-decoration: none;
	text-align:center;
}

.ReferentiesClass a.Active, .MiniSiteListviewReferentiesClass a.Active, .MiniSiteListviewReferentiesClass a:hover, .VacatureListViewClass a:hover
{
	background-color: White;
	color: Green;
	font-weight: bold;
}
 .VacatureListViewClass a.Active
 {
	background-color: White;
	color: Green;
	}

.ReferentiesClass .UnorderedList, .MiniSiteListviewReferentiesClass .UnorderedList , .VacatureListViewClass .UnorderedList
{
	display:inline;
	margin: 0px;
	padding: 0px;
	
}

.PageNextHyperlink {

	}

.ProjectWidgetSkinClass .UnorderedList
{
	display: none;	
}

#MinisiteBackButton
{
	height: 44px;
	width: 45px;
	background: url(images/closeminisitebutton.jpg) no-repeat top left;
	position: absolute;
	right: 4px;
	top: 10px;
}

a#MinisiteBackButton:hover
{
	background: url(images/closeminisitebutton.jpg) no-repeat bottom left;
}

.SpontaanButton
{
	 display:block; 
	 padding: 1px 7px; 
	 border: solid 1px #666; 
	 background: #ccc; 
	 color: black;
	 background: #ccc url(images/back_spontaan.jpg) repeat-x top;
	 text-decoration: none;
	 text-align:center;
}