/***********************************************\
Document:		Stylesheet (CSS)
Purpose:		Styles for module specific styling
Website:		Hoogland Medical
produced in:	2008
Author:			Joël Kuijten for Princen-group
\***********************************************/

/* HLM */
.HLM_section{
	position:relative;
	padding:10px;
	margin: 0 0 10px;
	
	behavior: url(scripts/PIE.htc);
	
	border:1px solid #eee;
	   -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	        border-radius: 10px;

	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#efefef));
	background: -moz-linear-gradient(#fff, #efefef);
	background: linear-gradient(#fff, #efefef);
	-pie-background: linear-gradient(#fff, #efefef);
}
.HLM_section table{
	border-collapse:collapse;
}
.HLM_section td{
	padding:2px 5px;
	font-size:14px;
	line-height:25px;
}
.HLM_section table.ig_EditWithButtons td{
	padding:0;
}
.HLM_section table.ig_EditWithButtons img.ig_Button{
	margin:3px;
}
.HLM_section table td.first{
	width:200px;
}
.HLM_section p{
	font-size:14px;
	line-height:18px;
	padding:5px;
}
.HLM_section input, .HLM_section textarea{
	font-size:14px;
	width:400px;
	padding:5px;
	border:1px solid #ccc;
}
.HLM_section select{
	width:412px;
}
.HLM_section input.smallInput{
	width:122px;
}

.HLM_section input.imageButton, .HLM_section .imageButton input{
	width:auto;
	border:none;
	padding:0;
}
.HLM_section h1{
	padding:0 5px;
	font-size:14px;
	line-height:20px;
}
.error{
	font-weight:bold;
}
.error ul{
	list-style:none;
}
/* end HLM */


.HLM_Image{
}
.HLM_Image a{
	display:block;
	width:125px;
	height:100px;
	/* overflow:hidden; */
	position:relative;
}
.HLM_Image a img{
	/* position:absolute; */
}
.bottomHalf a img{
	position:absolute;
	bottom:0;
}
.HLM_Image a img:hover{
	-webkit-box-shadow: #ccc 0px 2px 10px;
	-moz-box-shadow: #ccc 0px 2px 10px;
	box-shadow: #ccc 0px 2px 10px;
}
.shopProducts{
}
.product{
	width:760px;
	padding:5px;
	position:relative;
	border:1px solid #eee;
	   -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	        border-radius: 10px;

	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#efefef));
	background: -moz-linear-gradient(#fff, #efefef);
	background: linear-gradient(#fff, #efefef);
	-pie-background: linear-gradient(#fff, #efefef);
	
	behavior: url(scripts/PIE.htc);

}
.shopCartSmall .moduleContent{
	padding:10px;
	border:1px solid #eee;
	   -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	        border-radius: 10px;

	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#efefef));
	background: -moz-linear-gradient(#fff, #efefef);
	background: linear-gradient(#fff, #efefef);
	-pie-background: linear-gradient(#fff, #efefef);
	
	behavior: url(scripts/PIE.htc);
}
.shopCartSmall .moduleContent .apply{
	padding-bottom:0;
}

.shopProducts .product .HLM_Image, .shopProducts .product .description, .shopProducts .product .price{
	padding:5px;
	height:100px;
}
.product h1.name{
	padding:5px 0 10px 10px;
}
.shopProducts .product .HLM_Image{
	width:125px;
}
.shopProducts .product .description{
	width: 400px;
	height: 100px;
	overflow:auto;
	position:absolute;
	left:140px;
	top:35px;
}
.shopProducts .product .price{
	width:200px;
	position:absolute;
	right:0;
	top:35px;
}

.ShopHeadCart{
	width:780px;
}
#MainMenu a.fsSmall{
	font-size:14px;
}
#MainMenu a.fsMiddle{
	font-size:16px;
}
#MainMenu a.fsBig{
	font-size:18px;
}
#content #ContentTable .foto{
	padding:0;
}
/* accordion edit thingy */
.accordionHeader, .accordionHeaderSelected{
	width:99%;
	padding: 0;
	border:1px solid #bbb;
	border-width:1px 0;
}
.accordionHeaderSelected .accordionLink{
	color:#78235C;
}
.accordionLink{
	color:#000;
	background:#eee;
	display:block;
	height:25px;
	line-height:25px;
	width:100%;
	font-size:12px;
	text-indent:10px;
	font-weight:bold;
	text-decoration:none;
}
.accordionContent{
	padding:10px;
}
.accordionContent td{
	line-height:18px;
}
/*  PageEdit mode styles */
.pageEdit, .moduleEdit{
	width:600px;
}
.pageEdit td, .moduleEdit td{
	vertical-align:top;
	line-height:18px;
	padding:0 5px 0 0;
}
.pageEdit .checkbox, .moduleEdit .checkbox{
	padding:4px 0 0 0;
}
.edit th{
	text-align:left;
	line-height:25px;
	color:#000;
	font-weight:bold;
	border:1px solid #eee;
	border-width:0 0 1px 0;
}
.apply{
	padding:10px 0;
}
.UpdatingProgress{
	display:none;
}
/* treeview */
.selectPage{
	padding:5px 0;
}
.tree table td{
	padding:0;
	margin:0;
}
.tree table td a{
	text-decoration:none;
	color:#000;
}
/* text in the Breadcrumb bar */
#breadCrumbs, #breadCrumbs a{
	font-size:12px;
	color:#572f08;
	text-transform:lowercase;
	text-decoration:none;
	line-height:30px;
}
#breadCrumbs{
	cursor:default;
}
#breadCrumbs .current{
	font-weight:bold;
}
/* fix voor kalender linkjes */
.calendar table td{
	padding:0;
	margin:0;
}
/* miniSearch */
#PGMiniSearch_SearchField{
	width:160px;
	height:20px;
	line-height:20px;
	font-size:12px;
	border:1px solid #ccc;
}
#PGMiniSearch_SearchButton{
	/*display:none;*/
}
/* SubMenu link list */
.Sublinklist a{
	text-decoration:none;
	line-height:20px;
	color:#000;
	font-weight:bold;
}
/* links module */
.LinkPanel a{
	color:#78235C;
	font-weight:bold;
	text-decoration:none;
	padding:2px 15px 2px 0;
}
.LinkPanel a:hover{
	padding:2px 0 2px 15px;
	background:url(images/linkhoverbg.png) no-repeat left 6px;
}
/* submenu links */
.subMenuList{
	list-style:none;
	padding:0;
}
.subMenuList li{
	line-height:18px;
}
.subMenuList li a{
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:#78235C;
	padding:0 15px 0 0;
}
.subMenuList li a:hover{
	padding:0 0 0 15px;
	background:url(images/linkhoverbg.png) no-repeat left 6px;
}
/* edit screens */
.edit td, .module td{
	padding:2px 5px 2px 0;
}
/* contactForm */
.contactForm{
}
.contactForm td{
	padding:2px 10px 0 0;
	line-height:18px;
}
.contactForm .required{
	font-size:110%;
}
/* imagelinks */
.imageLinks td{
	padding:10px;
	text-align:center;
}
.imageLinks .editButtons{
}
.imageLinks .text, imageLinks .image{
	display:block;
	margin:0 auto;
}
.imageLinks .text{
	text-decoration:none;
	color:#000;
	font-size:13px;
	font-weight:bold;
	line-height:20px;
}
/* vacature */
.vacature{
}
.vacature .row1{
	background:#efefef;
}
.vacature .row2{
}
.vacature .row1o, .vacature .row2o{
	background:#ccc;
}
.vacature .vacatureHeader td{
	line-height:18px;
	font-weight:bold;
	border:1px solid #000;
	border-width:0 0 1px 0;
	padding:0 5px;
}
.vacatureList{
	line-height:20px;
}
.vacatureList td, .vacatureShow td{
	padding:2px 5px 2px 0;
}
.vacatureLink{
	display:block;
	text-indent:5px;
	text-decoration:none;
	color:#000;
	width:100%;
	height:100%;
}
.vacature .showArchive{
}
.vacature .showCurrent{
}
.vacatureShow{	
}
.vacatureShow h1{
	line-height:25px;
	font-size:14px;
}
.vacatureShow th{
	line-height:25px;
	text-align:left;
}
/* aanmeld module */
.signIn ul{
	line-height:20px;
	list-style:none;
}
.signIn{
}
.autoLogin{
	padding:5px 0;
}
.forgotPassword{
}
.user{

}
.userTextbox{
}
.pass{
	padding-top:5px;
}
.userTextbox input, .passTextbox input{
	width:200px;
	border:1px solid #78235C;
}
.passTextbox
.autoLogin{
}
.forgotPassword{
	color:#78235C;
}
/* usermanagement */
.users{
	width:850px;
}
/* News */
.news{
}
.news .title, .showNews .title{
	display:none;
}
.news .date{
	display:none;
}
.readOn, .showArchive, .showCurrent{
	display:block;
	font-style:italic;
	font-weight:bold;
	
}
.news .future, .news .archive, .news .current{
	display:block;
}
.future{
}
.archive{
}
.current{
}
.titleLink{
	display:inline-block;
	padding:0 2px;
	text-decoration:none;
	line-height:20px;
}
/* news Show */
.showNews{
}
/* siteMap */
.siteMap{
}
/* menu in adminitration */
.menu{
}
.menuButtons{
	list-style:none;
	padding-right:10px;
}
.menuButtons li{
	text-align:center;
}
/* html */
#tdLeftPane .module{
	padding-left:30px;
	width:170px;
}
#tdRightPane .module{
	padding-left:30px;
	width:170px;
}
/*  searchResults */
.searchResults ul{
	border:1px solid #5A3407;
	border-width: 0 0 1px 0;
	padding:2px 0 5px 0;
}
.searchResults .title{
	font-size:13px;
	font-weight:bold;
	line-height:20px;
}
.searchResults .page a{
	line-height:20px;
	color:#5A3407;
}
/* levertijden tool */
.levertijd{
	paddoing:10px 0;
	color:#0096DB;
	font-size:14px;
	font-weight:bold;
}