/********** BASIS *************/

.basis, td, body
{
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
}
body
{
	margin: 0px;
}
p
{
	margin: 0px;
	padding: 0px;
}
a
{
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
a:active
{
	color: red;
}
.header, .titel
{
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}
table { border-collapse:collapse}
.beheerbold
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
body, input, .beheer, textarea, select, table, .basis
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.hand
{
	cursor: pointer;
}
.textbox
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
}
.arialbold20px
{
	font-weight: bold;
	font-size: 20px;
	font-family: Arial;
}
.arialbold16px
{
	font-weight: normal;
	font-size: 16px;
	font-family: Arial;
}


/********** LARGE CHECKBOXES *************/

.cb_large, .cb_large input[type="checkbox"] {
  width: 18px; 
  height: 18px; 
 -moz-appearance: none;
  background-image: none;
}





/********** CONFIG PAGE *************/

.sectionname
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
}
.keyname
{
	font-family: Arial;
	font-size: 12px;
	display: inline-block;
	float:left
}
.keyvalue
{
	font-family: Arial;
	font-size: 11px;
}
img
{
	border: none;
}


/********** PAGE NUMBERS *************/

.PageNr, .pagenr
{
	font-size: 15px;
	font-weight: bold;
	color: black;
}
.PageNr_selected, .PageNr_Selected, .PageNrselected, .PageNrSelected
{
	font-size: 17px;
	font-weight: bold;
	color: red;
}



/********** PAGE ROWS + EDIT *************/

.tblFields
{
	margin: 1px;
	border: lightgrey 1px solid;
}
.tblFields tr td
{
	border-bottom: lightgrey 1px solid;
}

.dgRows_tr_even {
  background-color: #faf0e6;
}
.dgRows_tr_even:hover {
  background-color: white;
}

.dgRows_tr_odd {
  background-color: #eee;
}
.dgRows_tr_odd:hover {
  background-color: white;
}





/********** PAGE EDIT *************/

.edit_datetime
{
  width:160px;
}

/********** PAGE FILEUPLOADER *************/

.div_thumb
{
	position: relative;
	height: 146px;
	width: 106px;
	min-height: 120px;
	float: left;
	padding: 2px 2px;
	margin: 0px 5px 5px 0px;
	background-color: #cccccc;
	text-align: center;
	font-size: 10px;
	font-family: Arial;
}
.div_thumb .del
{
	position: absolute;
	top: 125px;
	left: 5px;
}

.btn
{
  padding: 1px 10px 1px 10px;
  margin: 3px 10px 3px 0px;
  font-family: Verdana;
  font-weight: bold;
  font-size: 13px;
  background-color: #dae8c1;
}

.colorpicker_blokje
{
	display: block;
	width: 20px;
	height: 20px;
	border: solid 1px black;
}

/********** FILE / DIRECTORY BROWSER *************/

.browse_dir
{
  display: block;
  padding: 0px 2px 2px 23px;
  background: url(../gfx/folder.gif) no-repeat left center;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
}

.browse_file
{
  display: block;
  padding: 0px 2px 2px 0px;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
}

.FileUploadImageText {
	font-size: 9px;
	font-weight: normal;
	font-family: Arial;
}




/******************** REORDER ITEMS **************/

.ReOrderControl ul, .ReOrderControl li
{
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}

.ReorderItemClass
{
	border: solid 1px black;
	background: url(../gfx/move_icon.gif) no-repeat 2px 2px;
	background-color: #eeeeee;
	padding: 3px 3px 3px 30px;
	margin: 1px;
	cursor: move;
	width: 560px;
}



/******************** LINK EXTERNAL **************/

.external_link, .externallink, .link_external {
   padding-right: 11px;
   margin-right: 0px;
   background-image: url(../gfx/external_link.png);
   background-repeat: no-repeat;
   background-position: center right;
}



/************************* PRODUCT KLEUR ************************/

.img_color
{
  float: left;
  display: block;
  border: solid 1px white;
  margin: 2px 2px 0px 0px;
  padding: 2px;
  width: 27px;
  height: 27px;
}

.img_color_selected, .img_color:hover
{
  float: left;
  display: block;
  border: solid 1px #000000;
  margin: 2px 2px 0px 0px;
  padding: 2px;
  width: 27px;
  height: 27px;
}

.img_color div, .img_color_selected div
{
  margin: 3px;
  border: 1px solid black;
  width: 19px;
  height: 19px;
}




/********** REORDER TABLE *************/
#tblReorder thead tr td
{
  font-size: 12px;
  font-weight: bold;
  padding: 0px 5px;
  vertical-align: middle;
}
#tblReorder tbody tr td
{
  font-size: 12px;
  height:20px;
  font-weight: normal;
  padding: 0px 5px 0px 5px;
  vertical-align: middle;
  white-space: nowrap;
}
tr.myDragClass td
{
  background-color: #f5f5f5;
}