/* 

CSS voor alle Edit modules.

De bovenliggende div krijgt de class="Edit"
Aan de hand van .Edit kunnen we alle elementen die eronder liggen stijlen.

Voorlopig is dit nog .PopupMain, moet nog vervangen worden door .Edit

*/

/* Import stylesheets and hide from IE/Mac \*/

@import "modules/calendar.css";
@import "modules/specials.css";
@import "modules/contact.css";
@import "modules/shop.css";
@import "modules/data.css";

/* End import/hide */

/* !!!!!!!!!!!!! BEGIN ALGEMEEN !!!!!!!!!!!!!! */

div.ModuleTag.TagItem
{
	border: 1px solid #000000 ;
}

a.added, a.added:visited 
{
	color: #CCC;
}
/*********************** menu */
.ContentCSS
{
		
}

.AccordionMenu
{
	overflow: hidden !important;	
}

/*********************** Modal PopUp */

.ModalBackground {
	background-color:#3D454B !important;
    opacity:0.7 !important;
	filter:alpha(opacity=70) !important;
	-moz-opacity:0.7 !important;
	}

.PopupMain{
	background:#EDEDED url(img/box.jpg) repeat-x scroll left bottom !important;
	/*padding:10px;*/
	/*border:1px solid #D6D0C2 ;*/
	z-index:20000 !important;
	/*width:auto;*/
	height:450px;
padding:10px;
width:830px!important;
Position: relative; 
	} 
	
.DataSourceTreeView ul li div span
{
	margin: 0 !important;
	padding: 0 !important;
	height: 0px;
}	
	
.MediaGalleryPopupPrev
{
	float:left;
	cursor: hand;
}

.MediaGalleryPopupNext
{
	cursor: hand;
}

.MediaGalleryPopup
{
	background:#F7F4EB;
	margin:0 0 0 0;
	border:1px solid #D6D0C2;
	padding: 10px 10px 20px 10px;
	position:relative;
	overflow: auto;
	overflow-x: hidden;
}

.MediaGalleryCloseButton
{
	float:right;
}

.MediaGalleryThumbDiv
{
	float:left;
}
	
.Popup{
	background:#F7F4EB;
	margin:0 0 0 0;
	border:1px solid #D6D0C2;
	padding: 10px 10px 20px 10px !important;
	position:relative;
	width:800px;
	height: auto !important;
	overflow: auto;
	overflow-x: hidden;
	height: 390px !important;
	}

.PopupControls {
	margin: 10px 0px 10px 0px;
	text-align:right;
	width:auto;
	position:relative;
	height:auto;
	padding-bottom:20px;
	}

/*.PopupControls .Button {
	float:right;
	margin:0 0 0 10px !important;
	}*/

iframe body {
	background:none !important;
	}

.PopupMain a:hover {
	color:#000;
	}

.Popup p {
	font-size:1.4em;
	color:#000;
	}


/************************** Tables Gridview */

.PopupMain table{
	margin:0 0 10px 0;
	width:auto;
	font-size:14px;
	}

.PopupMain .UlForm.Big table 
{
	clear: both;
}

.PopupMain table th, .PopupMain table td {
	height:1em;
	padding:0.2em 0.4em;
	}

.PopupMain th {
	background-color:#E5DFD1;
	color:#000;
	}

.PopupMain tr{
	background: #f5f3ee;
	}

.PopupMain tr.AspNet-GridView-Alternate td, .PopupMain tr.GridRow_Custom{
	border-top: solid 1px #e5dfd1;
	border-bottom: solid 1px white;
	}

/************************** Forms */

.PopupMain form {
	width:auto;
	}

.PopupMain fieldset {
	margin-bottom:10px;
	border:1px solid #D6D0C2;
	border-width:1px 0 0 0;
	padding:10px;
	background:none !important;
	}
/*~/Documents/Images/OliverStrelli/Boxspring/metroboxspringmijnbed.jpg*/
.PopupMain fieldset legend {
	padding:0 10px;
	margin-left:-10px;
	}


.PopupMain ul.UlForm, .AspNet-DetailsView ul, .AspNet-DetailsView-Data ul{
	list-style:none;
	margin:0pt 0pt 20px;
	padding:0pt;
	width:auto;
	display:block;
	}

.PopupMain ul.UlForm li, .AspNet-DetailsView ul li, .AspNet-DetailsView-Data ul li {
	padding:5px 0pt;
	width:auto;
	display:block;
	clear:both;
	}

.PopupMain ul.UlForm li label, .PopupMain .AspNet-DetailsView ul li label, .PopupMain .AspNet-DetailsView-Data ul li label {
	color:#666666;
	display:block;
	float:left;
	padding-right:10px;
	text-align:left;
	width:150px;
	font-size:14px;
	}

label.Short {
	width:auto !important;
	}

ul.Big label {
	width:250px !important
	}

.PopupMain input {
	background:#FFFFFF url(img/back_input.gif) repeat-x scroll left top;
	border: 1px;	
	border-left: 1px solid #cac5b9;
	border-right: 1px solid #fff;
	border-bottom:1px solid #fff;
	color:#666666;
	font:1.0em normal Arial, sans-serif;
	height:17px;
	margin:0pt;
	padding:5px 3px 1px;
	vertical-align:middle;
	font-size:14px;
	float:left;
	}

.PopupMain ul.UlForm li textarea {
	width:450px;
	height:110px;
	border: 1px solid #fff;	
	border-left-color:#cac5b9;
	border-top-color:#cac5b9;
	scrollbar-base-color : #B6D2FC;
	background:#f3f3ee ;
	font-family: Arial, Verdana;
	font-size: 14px;
	color: #666666;
	scrollbar-face-color: #d4d0c8;
	scrollbar-highlight-color: white;
	scrollbar-shadow-color: #808080;
	scrollbar-3dlight-color: #d4d0c8;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #e7e4df;
	scrollbar-darkshadow-color: #404040;
	}
	
.PopupMain select {
	height: 26px;
	border: 1px;	
	border-top: 1px solid #cac5b9;
	border-left: 1px solid #cac5b9;
	background-color: #fff;
	scrollbar-base-color : #B6D2FC;
	vertical-align: middle;
	background:#fff;
	font-family: Arial, Verdana;
	font-size: 14px;
	color: #666666;
	width:auto;
	margin: 0 0 0 0;
	padding:4px;
	}

.PopupMain .InputRadio tr {
	background:none;
	}

.PopupMain .InputRadio td {
	padding:3px 0;
	}

.PopupMain .InputRadio input {
	margin:3px 5px 0 0;
	}

.PopupMain .InputCheck input, .PopupMain .InputRadio input, .PopupMain .InputRadio label {
	width:auto !important;
	background:none !important;
	border:0 !important;
	}

.PopupMain hr {
	background:transparent;
	color:transparent;
	width:auto !important;
	}

/*********************** Buttons */

.PopupMain input.Button, .PopupMain a.Button {
  margin:0 6px 6px 0;
  padding:6px 10px 6px 25px !important;   /* Links */
  height:27px;
  border:1px solid #d6d0c2;
  background:#fff url(img/back_Button.gif) 0 0 repeat-x;
  font-family: Arial, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#3d4981;
  cursor:pointer;
  position:relative;
  height: auto;
  float:none;
	}

.PopupMain input.Button:hover, .PopupMain a.Button:hover {
	border-color:#7c83aa !important;
	background:#7c83aa url(img/back_button.gif) 0 -37px repeat-x;
	color:#fff !important;
	}

/*********************** Typography */

.PopupMain a{

	color:#2D3A75;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	text-decoration:underline;

	}

.PopupMain h1{ 
	font-family:"trebuchet MS", geneva, arial, sans serif;
	clear:both; 
	font-weight:normal;
	font-size: 2.2em; 
	color:#2d3a75;
	margin:0;
	}
	
.PopupMain legend{ 
	font-family:"trebuchet MS", geneva, arial, sans serif;
	clear:both; 
	font-weight:normal;
	/*font-size: 2.2em; */
	color:#2d3a75;
	margin:0;
	}

/********************* Tabs */




.RadTabStrip_Custom ul
{
border-bottom:1px solid #d6d0c2;
height:37px;
padding:0 10px 0 10px !important;
margin:0 0 10px 0;
width:auto !important;
position:relative;
}

.ModuleNews .RadTabStrip_Custom ul 
{
	width: 100% !important;
}
.tabstrip div {
	/*width:auto !important;*/
	}

.RadTabStrip_Custom li a
{
	padding: 7px 10px 0 10px;
	background:transparent url('img/back_tab.gif') 0px 0px no-repeat;
	height: 29px;
	margin-right:5px;
	color: #666666;
	text-decoration:none;
	border:1px solid #d6d0c2;
	font-size:1.4em;
	color:#2D3A75;
	}

.RadTabStrip_Custom li.last a,
.RadTabStrip_Custom li.break a
{
	margin-right:0;
}

.RadTabStrip_Custom li a:hover
{
	
}

.RadTabStrip_Custom li a.selected, .RadTabStrip_Custom li a:hover
{
	border-bottom:1px solid #f7f4eb;
	color:#000;
}

.RadTabStrip_Custom li a.disabled,
.RadTabStrip_Custom li a.disabled .wrap,
.RadTabStrip_Custom li a.disabled .innerWrap
{
	cursor: default;
	text-decoration: line-through;
}

.RadTabStrip_Custom li a.red,
.RadTabStrip_Custom li a.red .wrap,
.RadTabStrip_Custom li a.red .innerWrap
{
	color: red;
}

.TabsContentBorder {
	background:#fff;
	border:1px solid #d6d0c2;
	border-width:0 1px 1px;
	}

.TabsContent {
	background:#f3f0e6;
	margin:5px;
	padding:0.583em 0.583em 0 0.583em;
	}


.Gray.rade_toolbarWrapper .InsertSpecialLink 
{
background-image:url(img/insert_link.gif);
}

/******************* Controls dropdown */

.ModuleStatusBar .ModuleName{
         height:22px;
         background:#88949D url(img/titelbgblue.jpg) repeat-x scroll left top !important;
         color:#F5F5F5;
         font-family:Helvetica,geneva,Arial,Verdana,sans-serif;
         line-height:1.5;
         font-size:15px;
         font-weight:bold;
         padding-left:5px;
}
.ModuleStatusBar .EditButtons{
         height:22px;
         background:#F5F3EE none repeat scroll 0 0;
         color:color:#556E80;
         font-family:Helvetica,geneva,Arial,Verdana,sans-serif;
         line-height:1.5;
         font-size:15px;
         padding-left:5px;
}

.ModuleStatusBar .EditButtons:hover{
         background:#efeadb none repeat scroll 0 0;
}

.MainContainer.Editview
{
	border:1px dashed;
	padding:5px;
	margin-top:5px;
}

.MainContainer.Editview .ModuleName.Label
{
	font-size: smaller;
}
 
.BasicContainer.Controls{z-index:110000;}
.BasicContainer.Content{z-index:10000;}
.BasicContainer.Hover{z-index:10001;}

.BasicContainer.ProgressBar
{
	background: white url(img/moduleloader.gif) no-repeat right;
	height:auto;
	margin-bottom: 5px;
	line-height:130%;
	padding:4px 7px;
	text-decoration:none;
	width:auto !important;
	text-align: center !important;
}

.BasicContainer.ControlsList, .BasicContainer.ControlsList ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:11001;
	background:#000;
	}

.BasicContainer.ControlsList a {
	display: block;
	width: auto;
	padding:4px 20px 4px 4px;
	color:#fff !important;
	text-decoration:none;
	font-style:normal;
	font-size:11px;
	background:#000 94% 50% no-repeat;
	/*background:#000 url(img/dropdown_controls.gif) 94% 50% no-repeat;*/
}

.BasicContainer.ControlsList ul a{width: 100px; background-image:none !important; padding:4px; }

.BasicContainer.ControlsList ul a:hover{background:#666;}

.BasicContainer.ControlsList li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	display:block;
	}

.BasicContainer.ControlsList li ul li{border:0; display:block;}

.BasicContainer.ControlsList li ul { /* second-level lists */
	position: absolute;
	background: #000;
	width: 108px;
	border:1px solid #fff;
	border-width:0 2px 2px 0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}

.BasicContainer.ControlsList li:hover ul, .BasicContainer.ControlsList li.sfhover ul { /* lists nested under hovered list items */
	left: 0;
	}
	
/******************* LinkButtons */

a.LinkButton {
	padding:0 0 0 20px;
	display:block;
	float:left;
	background-position:center left;
	background-repeat:no-repeat;
	margin:0 7px 0 0;
	font-weight:normal;
	text-decoration:none;
	font-size:14px;
	color: #333 !important;
	}

a.SmallButton {
	padding:0 0 0 0px;
	display:block;
	float:left;
	background-position:center left;
	background-repeat:no-repeat;
	margin:0 0px 0 0;
	font-weight:normal;
	text-decoration:none;
	font-size:14px;
	width: 16px;
	height: 16px;
	}

a.LinkButton:hover {
	color:#000000;
	text-decoration:underline;
	}

a.Add {
	background-image:url(img/icon_add.png);
	}
	
a.Edit {
	background-image:url(img/icon_edit.png);
	}
a.Close {
	background-image: url(img/close.gif);
	float: right;
	}	
a.DropDown{
	background-image:url(img/icon_archive.png);
	}
a.EditMode {
	background-image:url(img/arrow_switch.png);
	}
a.Home {
	background-image:url(img/icon_application_home.png);
	}
a.Logout {
	background-image:url(img/stop.png);
	}
	
a.Delete {
	background-image:url(img/icon_delete.gif);
	}

a.Cancel {
	background-image:url(img/icon_cancel.gif);
	}
	
a.Update {
	background-image:url(img/icon_update.gif);
	}

a.Up {
	background-image:url(img/icon_up.gif);
	}

a.Down {
	background-image:url(img/icon_down.gif);
	}

a.Tick {
	background-image:url(img/tick.png);
	}
	
a.Cross {
	background-image:url(img/cross.png);
	}
	
a.Calendar {
	background-image:url(img/icon_calendar.gif);
	margin:0 0 0 10px;
	text-indent:-9999px;
	}

/******************** alerts */

.Alert {
	display:block;
	padding:5px 10px 5px 30px;
	margin: 10px 0px 10px 0px;
	}

.PopupMain .Alert {
	max-height: 50px;
	overflow: auto;
	overflow-x: hidden;
}
	
.Success {
	background:#e7f8e3 url(img/icon_success.gif) 1% 50% no-repeat;
	border:1px solid #5da454;
	}
	
.Failed {
	background:#fce3de url(img/icon_error_big.gif) 2% 50% no-repeat;
	border:1px solid #990000;
	}

.Message {
	background:#e4f1f4 url(img/icon_info.gif) 2% 50% no-repeat;
	border:1px solid #006699;
	}

.Alert .Title {
	font-weight:bold;
	font-size:1.2em;
	}

.Failed .Title {
	color:#990000;
	}

.Success .Title {
	color:#006600;
	}

/************************** statusbar */

.AdminStatusBar {
	background:#000 url(img/back_statusbar.gif) 5px no-repeat;
	filter:alpha(opacity=80);   
	-moz-opacity: 0.8;   
	opacity: 0.8;
	height:auto;
	position:fixed;
	padding:9px 10px 5px 76px;
	left: 0;
	right:0;
	bottom:	auto;
	width:auto !important;
	color:#fff;
	text-align:left;
	font-size:11px;
	z-index:50;
	}
.AdminStatusBar.Top {
	top:0px;
}
.AdminStatusBar.Bottom {
	bottom: 0px;
}

.AdminStatusBar:hover {
	filter:alpha(opacity=100);   
	-moz-opacity:1.0;   
	opacity: 1.0;
	}

.AdminStatusBar .LinkButton {
	color:#ffffff  !important;
	font-size:1em;
	}

.AdminStatusBar .LinkButton:hover {
	color:#ffffff  !important;
	}

.AdminStatusBarRight {
	float:right;
	}

.SwitchBar {
	width:15px;
	height:12px;
	display:block;
	float:left;
	color:#000000;
	text-indent:-9999px;
	outline:none;
	}

.SwitchBar.Up {
	background: url(img/SwitchUp.gif) no-repeat;
	margin:0 0 0 5px;
	}

.SwitchBar.Down {
	background: url(img/SwitchDown.gif) no-repeat;
	}


/***************************** Addresspicker */
.Address {
	padding-left: 20px;
	background: url('img/icon_address.png') left no-repeat;
}

.Address.Mail {
	background: url('img/icon_mail.png') left no-repeat;
}
.Address.Archive {
	background: url('img/icon_archive.png') left no-repeat;
}
.Address.Messenger {
	background: url('img/icon_messenger.png') left no-repeat;
}


button img, a.Button img{
  padding:0;
  border:none;
  width:16px;
  height:16px;
  position:absolute;
  left:5px;
  top:5px;
}

select.multipleentity {
    height: auto;
	border: 1px;	
	border:1px solid #D6D0C2;
	background-color: #fff;
	scrollbar-base-color : #B6D2FC;
	vertical-align: middle;
	background:#fff;
	font-family: Arial, Verdana;
	font-size: 14px;
	color: #666666;
	width:400px;
	margin: 3px 0 0 0;
	padding:2px;
	height: 250px;
}

/* !!!!!!!!!!!!!! END ALGEMEEN !!!!!!!!!! */
.UlForm.GoogleMap 
{
	height: 80px;
}


div.jqZoomTitle
{
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;

}

.jqZoomPup
{
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}

.jqZoomPup img
{
	border: 0px;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;

}

.jqZoomWindow
{
	border: 1px solid #999;
	background-color: #FFF;
}

.newsv3grid
{
	font-size: 13px;
}

/* -- Begin FCK Editor -- */
img.fck_img_left{
	float: left;
	
}

img.fck_img_right
{
	float: right;
	

}


/* -- End FCK Editor -- */