/* ================================
    CSS STYLES FOR Module [!output PROJECT_NAME]
   ================================
*/

.iMakelaar {
	width: 760px;
}

.iMakelaar #panelcon {
	border: 1px solid #ddd;
	border-top: 0;
	padding: 10px;
}

.iMakelaar .editcontainer {
	
}

.iMakelaar .offscreen {
	visibility: hidden;
	display: none;
}
.iMakelaar .error {
	color: #B4402F;
	font-size: 11px;
}
.iMakelaar .ErrorSummary {
	font-size: 11px;
	background-color: #FFE7E7;
	padding: 2px;
	margin: 5px;
	border: 1px solid #890D0D;
}
.iMakelaar .title {
	font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding-bottom: 8px;
  padding-left: 5px;
  width: 100%;
}

.iMakelaar .toolbarcon {
	width: 100%;
	height: 22px;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D5E3D8);
	text-align: left;
	padding: 4px;
	border-bottom: 1px solid #667A70;
}
.iMakelaar .toolbar ul {
	list-style: none;
	margin: 0px 5px 0px 5px;
}
.iMakelaar .toolbar li {
	font-size: 11px;
	display: inline;
}
.iMakelaar .toelichting {
	font-size: 11px;
	font-style: italic;
}
.iMakelaar .row, .iMakelaar .GridRow {
}
.iMakelaar .rowalternating, .iMakelaar .GridRowAlt {
	background: #E2D7B9;
}
.iMakelaar .trlight, .iMakelaar .trdark {
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
}
.iMakelaar .trlight {
	background-color: #FFFFFF;
}
.iMakelaar .trdark {
	background-color: #E2D7B9;
}
.iMakelaar .GridTd {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
}

.iMakelaar .subheader {
	font-size: 11px;
  font-weight: bold;
  color: #3C3C34;
  padding-top: 12px;
  padding-left: 2px;
  padding-bottom: 4px;
}

.iMakelaar .text {
	font-size: 11px;
  color: #000000;
  padding-top: 4px
}

.iMakelaar .tblwoningen, .iMakelaar .AGridTable {
	width: 100%;
}

/*
 * Woning
 */
  
.iMakelaar .woningimg {
	border: 1px solid #777777;
}
.iMakelaar .straat {  
  font-size: 13px;
  font-weight: bold;
}

.iMakelaar .editcontainer {
	width: 100%;
	padding: 2px;	
}
.iMakelaar .edittbl {
	width: 100%;
	table-layout:fixed;
	padding: 8px;
	margin: 8px 0px 5px 0px;
}
.iMakelaar .checkstbl, .iMakelaar .checkstbl2 {
	font-size: 11px;	
}
.iMakelaar .checkstbl2 {
	width: 100%;
}
.iMakelaar .checkstbl td, .iMakelaar .checkstbl2 td {
	padding-right: 5px;
}
.iMakelaar .commandscontainer {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	border-top: 1px solid #667A70;
}

.iMakelaar .fotostbl, .iMakelaar .popFotosTbl {
	width: 97%;
	border: 1px solid #667A70;
}
.iMakelaar .popFotosTbl {
	margin-top: 10px;
}
.iMakelaar .fotosheader {
	background-color: #A5A585;
	font-size: 11px;
	font-weight: bold;
	color: #222222;
}
.iMakelaar .fotosheader td {
	border-bottom: 1px solid #667A70;
}
.iMakelaar .fotosimgcol {
	width: 22px;
}
.iMakelaar .fotosrow, .iMakelaar .fotosrowalt {
	font-size: 11px;
} 
.iMakelaar .fotosrow {
}
.iMakelaar .fotosrowalt {
	background-color: #E2D7B9;
}
.iMakelaar .fotosrow td a, .iMakelaar .fotosrowalt td a {
	color: #222222;
}
.iMakelaar .fotosrow td a:hover, .iMakelaar .fotosrowalt td a:hover {
	color: #9C4D22;
}

/* Tabs */
.iMakelaar .tabs {
	padding-left: 8px;
	margin-top: 20px;
	background: url(images/tab_bg.gif) bottom left repeat-x;
}

.iMakelaar .tab {
	border: 1px solid #bbb;
	border-bottom: 0px;
}

.iMakelaar .tab .content {
	padding: 5px 10px;
	border: 1px solid #fff;
	border-bottom: 0px;
	margin-bottom: 1px;
}

.iMakelaar .tab_select {
	border: 1px solid #bbb;
	border-bottom: 0px;
	
}

.iMakelaar .tab_select .content {
	background: url(images/tabselect_bg.gif) top left repeat-x;
	background-color: #fff;
	padding: 5px 10px;
	border: 1px solid #fff;
	font-weight: bold;
}


.iMakelaar .tab_link,
.iMakelaar a.tab_link:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	font-size: 14px;
	line-height: 16px;
}



.iMakelaar .lookuptextbox {
	font-family: Tahoma;
	font-size: 12px;
}

.iMakelaar .lookupspan {
	width: 100%;
	font-size: 11px;	
	padding: 2px;
	border: 1px solid #000000;
	font-family: Tahoma;
	font-size: 12px;
}



.iMakelaar .wngimg {
	border: 5px solid #FFFFFF;
}

.iMakelaar .img_div {
	border: 1px solid #CCCCCC;
}

.iMakelaar .detail_straat span {
	font-family: Arial;
	font-size: 14px;
	color: #000;
	padding-bottom: 2px;
	font-weight: bold;
}

.iMakelaar .detail_prijs {
	margin-top: 10px;
}


.iMakelaar .detail_prijs span {
	font-family: Arial;
	font-size: 14px;
	color: #000;
}

.iMakelaar .detail_pc span {
	font-family: Arial;
	font-size: 12px;
	color: #484848;
	padding-bottom: 8px;
}

.iMakelaar .detail_von span {
	font-family: Arial;
	font-size: 14px;
	color: #484848;
	padding-right: 6px;
}

.iMakelaar .detail_plaats span {
	font-family: Arial;
	font-size: 14px;
	color: #484848;
}


.iMakelaar .overview {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

.iMakelaar a.overview:link, .iMakelaar a.overview:visited {
	font-family: Arial;
	font-size: 14px;
	color: #484848;
	text-decoration: none;
}

.iMakelaar a.overview:hover, .iMakelaar a.overview:active {
	font-family: Arial;
	font-size: 14px;
	color: #484848;
	text-decoration: underline;
}

.iMakelaar .omstext {
	padding: 6px;
	line-height: 168px;
}

.iMakelaar .omstextkort {
	font-family: Arial;
	font-size: 12px;
	color: #797979;
	line-height: 18px;
}

.iMakelaar .omstextlang {
	font-family: Arial;
	font-size: 12px;
	color: #797979;
	line-height: 18px;
}

.iMakelaar .omscon {
	padding: 6px;
	padding-top: 6px;
	margin: 0px;
}

.iMakelaar .verder {
	font-family: Arial;
	font-size: 12px;
	color: #797979;
	line-height: 16px;
}

.iMakelaar .kenmlbltd,
.iMakelaar .kenmrow td {
	font-family: Arial;
	font-size: 12px;
	color: #797979;
	line-height: 20px;
	border-bottom: 1px solid #EEEEEE;
	padding-top: 3px;
	padding-bottom: 3px;
}

.iMakelaar .label {
	font-family: Arial;
	font-size: 12px;
	color: #797979;
	line-height: 20px;
	padding-right: 20px;
}

.iMakelaar .content {
	font-family: Arial;
	font-size: 12px;
	color: #797979;
	line-height: 20px;
}

.iMakelaar .contentRed {
	font-family: Arial;
	font-size: 12px;
	color: red;
	line-height: 20px;
}


/*
 * Popup
 */
div.popHeadCon {
	height: 50px;
	background-color: #9C4D22;
	padding: 0px;
	border-bottom: 1px solid #3C3C34;
}
div.popHead {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 8px 10px 0px 10px;
}
div.popSubHead {
	font-size: 11px;
	color: #FFFFFF;
	padding: 2px 15px 0px 15px;
}
div.popContent {
	clear: both;
	padding: 8px;
}
div.test {
	height: 280px;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #3C3C34;
	overflow: scroll;
}
.popuprow td, .popuprowselect td {
	padding: 2px 2px 2px 3px;
}
.popuprow { 
	background: #ffffff; 
	cursor: pointer;
}
.popuprowselect { 
	background: #CAB87E; 
	cursor: pointer;
}
.popLabel {
	float: left;
	font-size: 13px;
}
.popFormw {
}
div.rowActions {
	height: 25px;
	margin-top: 10px;
	margin-left: -2px;
}
div.rowCommands {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 35px;
	background-color: #A5A585;
	padding: 0px;
	border-top: 1px solid #3C3C34;
	text-align: right;
}
div.commands {
	padding: 5px 10px 0px 5px;
}
.popMessage, .popError {
	font-size: 13px;
	padding-top: 5px;
}
.popUpload {
	margin: 10px 0px 10px 0px;
}
.popError {
	color: #B4402F;
}
/* Form */
.frmInput, .frmInput2, .frmInputErr {
	width: 100%;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding: 1px 2px 1px 2px;
}
.frmInput2 {
	width: auto;
}
.frmInput3 {
	width: 200px;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding: 1px 2px 1px 2px;
}
.frmInputErr {
	background-color: #E1D5CF;
	border-color: #9C4D22;
}
.frmbutton, .frmbuttonov {	
	font-size: 12px;
	border: 1px solid #667A70;
	margin-left: 5px;
	margin-right: 5px;
}
.frmbutton {
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D5E3D8);
	background-color: #D5E3D8;
}
.frmbuttonov {
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3CAB8);
	background-color: #B3CAB8;
}
.frmbutton100 {
	width: 100px;
}
/* overLib */
.olFb {
	background-color: #F4EFEC;
}
.olBg {
	background-color: #9C4D22;
}
.olText {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
}