/* --------------------------------------------------------------------------------- */
/*                              ASP.NET Ajax ModalPopup                              */
/*                                    KingCom BDC                                    */
/* --------------------------------------------------------------------------------- */

.modalPopup
{
	position: relative;
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-family: Lucida Sans, Helvetica, Arial;
}

.modalPopup a
{
	color: #aec23f;
	text-decoration: none;	
}

.modalBackground
{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	background-color: #000;
}

/* --------------------------------------------------------------------------------- */
/*                               Embed & Enlarge Popup                               */
/* --------------------------------------------------------------------------------- */

.embedEnlarePopup
{
	width: 446px;
	height: auto;
	margin: 0;
	padding: 0 20px 20px 20px;
	background-color: #FFF;
}

.embedEnlarePopup .header
{
	float: left;
	width: 446px;
	height: 20px;
	margin: 0;
	padding: 0;
}

.embedEnlarePopup .header a
{
	float: right;
	display: block;
	width: 73px;
	height: 20px;
	background-image: url(/images/portal/modalPopup/bg_close_popup.gif);
	background-repeat: no-repeat;
}

.embedEnlarePopup .header span
{
	display: block;
	visibility: hidden;	
}

.embedEnlarePopup .content
{
	float: left;
	width: 446px;
	height: 392px;
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 12px;
	font-family: Lucida Sans, Helvetica, Arial;
	border: 1px solid #cdcdce;	
	background-image: url(/images/portal/modalPopup/bg_embedEnlarge_popup.gif);
	background-repeat: repeat-x;
}

.embedEnlarePopup .content p
{
	margin: 10px 0;
	padding: 0 15px 0 15px;
	line-height: 20px;
}

.embedEnlarePopup .content h3
{
	display: block;
	width: 446px;
	height: 35px;
	margin: 0;
	padding: 0;
	background-image: url(/images/portal/modalPopup/bg_embedEnlarge_header.gif);
	background-repeat: no-repeat;
}

.embedEnlarePopup .content h3 span
{
	display: block;
	visibility: hidden;	
}

.embedEnlarePopup .content input
{
	display: block;
	width: 390px;
	height: 18px;
	color: #666;
	border: 1px solid #dcdcdc;
	font-size: 12px;
	font-family: Lucida Sans, Helvetica, Arial;
	font-style: italic;
	margin: 0 15px 0 15px;
	padding: 3px 5px 0px 5px;
	*padding: 1px 5px 3px 5px;
	line-height: 20px;
}

.embedEnlarePopup .content textarea
{
	width: 400px;
	height: 65px;	
	margin: 0 15px 0 15px;
	border: 1px solid #dcdcdc;
	font-size: 12px;
	font-family: Lucida Sans, Helvetica, Arial;
	font-style: italic;
}

/* --------------------------------------------------------------------------------- */
/*                                  Category Popup                                   */
/* --------------------------------------------------------------------------------- */

.categoryPopup
{
	width: 900px;
	height: auto;
	margin: 0;
	padding: 0 20px 20px 20px;
	background-color: #FFF;
}

.categoryPopup .header
{
	float: left;
	width: 900px;
	height: 20px;
	margin: 0;
	padding: 0;
}

.categoryPopup .header a
{
	float: right;
	display: block;
	width: 73px;
	height: 20px;
	background-image: url(/images/portal/modalPopup/bg_close_popup.gif);
	background-repeat: no-repeat;
}

.categoryPopup .header span
{
	display: block;
	visibility: hidden;	
}

.categoryPopup .content
{
	float: left;
	width: 900px;
	height: 451px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Lucida Sans, Helvetica, Arial;
	border: 1px solid #cdcdce;	
	background-image: url(/images/portal/modalPopup/bg_category_popup.gif);
	background-repeat: repeat-x;
}

.categoryPopup .content h3
{
	display: block;
	width: 900px;
	height: 45px;
	margin: 0;
	padding: 0;
	background-image: url(/images/portal/modalPopup/bg_category_header.gif);
	background-repeat: no-repeat;
}

.categoryPopup .content h3 span
{
	display: block;
	visibility: hidden;	
}

.categoryPopup .content #cat_overview
{
	width: 900px;
	height: 406px;
	margin: 0;
	padding: 0;
	overflow: auto;
}

.categoryPopup .content #cat_overview .fotograaf_item
{
	width: 880px;
	height: 225px;
	padding: 0;
	margin: 0 0 15px 0;
	background-image: url(/images/portal/modalPopup/bg_category_item_sep.gif);
	background-position: 20px bottom;
	background-repeat: no-repeat;
}

.categoryPopup .content #cat_overview .fotograaf_item .left_item
{
	float: left;
	width: 189px;
	height: 224px;
	margin: 0 0 0 20px;
	padding: 0;
	overflow: hidden;
}

.categoryPopup .content #cat_overview .fotograaf_item .left_item span
{
	width: 179px;
}

.categoryPopup .content #cat_overview .fotograaf_item .center_item 
{
    float: left;
    height: 224px;
    overflow: hidden;
    width: 198px;
    overflow: hidden;
    text-align:center;
}

.categoryPopup .content #cat_overview .fotograaf_item .right_item
{
	float: left;
	display: block;
	width: 443px;
	height: 224px;
	padding: 0 0 0 20px;
	line-height: 18px;
}

.categoryPopup .content #cat_overview .fotograaf_item span
{
	display: block;
	margin: 0;
	padding: 0;
}

.photographerlist .fotograaf_item .fotograaf_item .left_item span a,
.photographerlist .fotograaf_item .fotograaf_item .right_item p a,
.categoryPopup .content #cat_overview .fotograaf_item .left_item span a,
.categoryPopup .content #cat_overview .fotograaf_item .right_item p a
{
	color: #aec23f;
	text-decoration: none;
}

.photographerlist .fotograaf_item .right_item p,
.categoryPopup .content #cat_overview .fotograaf_item .right_item p
{
	margin: 10px 0 0 0;	
	*margin: 5px 0 0 0;	/* for IE7 */
}

/* --------------------------------------------------------------------------------- */
/*                                    Login Popup                                    */
/* --------------------------------------------------------------------------------- */

.loginPopup
{
	width: 588px;
	height: 357px;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}

.loginPopup .header
{
	float: left;
	height: 20px;
	width: 588px;
	margin: 0;
	padding: 0;
}

.loginPopup .header a
{
	float: right;
	display: block;
	width: 73px;
	height: 20px;
	margin: 0 2px 0 0;
	background-image: url(/images/portal/modalPopup/bg_close_popup.gif);
	background-repeat: no-repeat;
}

.loginPopup .header a span
{
	display: none;	
	visibility: hidden;
}

.loginPopup .content
{
	float: left;
	height: 337px;
	width: 588px;
	margin: 0;
	padding: 0;
}

.loginPopup .content .left
{
	float: left;
	height: 285px;
	width: 274px;
	margin: 0;
	padding: 0 0 0 20px;
}

.loginPopup .content .left h2
{
	margin: 0;
}

.loginPopup .content .left fieldset
{
	border: 0 none;	
	padding: 0;
	margin: 0;
}

.loginPopup .content .left fieldset .formRow
{
	float: left;
	margin: 0 0 10px 0;
}

.loginPopup .content .left fieldset .formRow label
{
	position: relative;
	color: #666;
	font-size: 11px;
	font-family: Verdana;
	line-height: 20px;
	width: 100px;
	display: block;
	float: left;
	margin: 1px 0 0 0;
}

.loginPopup .content .left fieldset .formRow input.textBox
{
	width: 116px;
	color: #999;
	font-family: Verdana;
	font-size: 11px;
	font-style: italic;
	line-height: 1em;
	padding: 3px 5px;
	border: 1px solid #AEC23F;
	background: transparent url(/images/backend/inputbg.gif) repeat scroll 0 0;
}

.loginPopup .content .left fieldset .formRow span
{
	display: block;
	font-family: Verdana;
	font-size: 11px;
	color: #666;
	width: 140px;
	float: left;
}

.loginPopup .content .left fieldset .formRow span.checkBox
{
	width: auto;
	margin: 0 0 0 96px;
}

.loginPopup .content .left #passRecovery
{
	position: absolute;
	bottom: 20px;
	left: 20px;	
	font-size: 11px;
	font-family: Verdana;
}

.loginPopup .content .left #passRecovery .red
{
	color: Red;
}

.loginPopup .content .left #passRecovery a
{
	color: #CADB2A;
	font-size: 11px;
	font-family: Verdana;
	text-decoration: underline;	
}

.loginPopup .content .left #galleryadmin
{
	margin: 0 0 0 100px;
	font-family: Verdana;
	font-size: 11px;
	color: #666;
}

.loginPopup .content .left #galleryadmin a
{
	font-family: Verdana;
	font-size: 11px;
	color: #CADB2A;
}

.loginPopup .content .right
{
	float: left;
	height: 337px;
	width: 294px;
	margin: 0;
	padding: 0;
}

.loginPopup .content .right h2
{
	position: relative;
	height: 57px;
	width: 228px;
	margin: 0 29px 0 36px;
	padding: 0;
	background-image: url(/images/portal/texts/laatsteNieuws.gif);
	background-repeat: no-repeat;
}

.loginPopup .content .right h2 span
{
	display: block;
	visibility: hidden;	
}

.loginPopup .content .right .block
{
	width: 226px;
	height: 200px;
	margin: 0 29px 0 36px;
	padding: 0;
	border: 1px solid #999999;
	background-color: #F6F6F6;
	overflow: hidden;
}

.loginPopup .content .right .block .blockTitle
{
	float: left;
	width: 50px;
	height: auto;
	margin: 10px 0 0 15px;
	color: #666;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana;
}

.loginPopup .content .right .block a.showAllItems
{
	float: right;
	width: 95px;
	height: auto;
	margin: 10px 15px 0 0;
	color: #666;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: underline;
	overflow: hidden;
}

.loginPopup .content .right .block ul
{
	float: left;
	width: 196px;
	height: auto;
	margin: 15px;
	padding: 0;	
	list-style: none;
}

.loginPopup .content .right .block ul li
{
	color: #666;
	margin: 0 0 15px 0;
	font-size: 11px;
	font-family: Verdana;
}

.loginPopup .content .right .block ul li a
{
	color: #666;
	font-weight: bold;	
	text-transform: uppercase;
	font-size: 11px;
	font-family: Verdana;
}

/* --------------------------------------------------------------------------------- */
/*                              Recover Password Popup                               */
/* --------------------------------------------------------------------------------- */

.recoverPassPopup
{
	width: 250px;
	height: 175px;
	margin: 0;
	padding: 20px;
	background-color: #FFF;
}

.recoverPassPopup h2
{
	height: 57px;
	width: 228px;
	margin: 0;
	padding: 0;
	background-image: url(/images/portal/texts/passwordforgotten.png);
	background-repeat: no-repeat;
}

.recoverPassPopup h2 span
{
	display: none;
	visibility: hidden;	
}

.recoverPassPopup fieldset
{
	margin: 0;
	padding: 0;
	border: 0 none;	
}

.recoverPassPopup fieldset .formRow
{
	float: left;
	width: 250px;
	margin: 0 0 10px 0;	
}

.recoverPassPopup fieldset label
{
	float: left;
	display: block;
	width: 100px;
	font-size: 11px;
	font-family: Verdana;
}

.recoverPassPopup fieldset .textBox
{
	font-size: 11px;
	padding: 3px 5px;
	line-height: 1em;
	width: 136px;
	font-style: italic;
	color: #999;
	border: 1px solid #AEC23F;
	background: transparent url(/images/backend/inputbg.gif) repeat scroll 0 0
}

.recoverPassPopup fieldset .button
{
	float: right;	
}

.recoverPassPopup fieldset a.bigButtonGrey
{
	float: left;
	display: block;
	height: 48px;
	width: 216px;
	color: #FFF;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	line-height: 29px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 0 0 12px;
	background: transparent url(../../images/backend/buttons/bigbuttongrey.gif) repeat scroll 0 0;
}

.recoverPassPopup fieldset a.bigButtonGrey small
{
	display: block;
	color: #666;
	font-size: 11px;
	font-weight: normal;	
	line-height: normal;
	text-transform: lowercase;
}

/* --------------------------------------------------------------------------------- */
/*                                    Nieuws Item                                    */
/* --------------------------------------------------------------------------------- */

.nieuwsItemPopup
{
	width: 370px;
	height: 536px;
	margin: 0;
	padding: 26px 37px 38px;
	background-color: #FFF;
	border: 1px solid #333333;
}

.nieuwsItemPopup h2
{
	width: auto;
	font-size: 22px;
	height: 40px;
	line-height: 40px;
	margin: 0 0 10px 0;
	color: #A2A2A2;
	background-repeat: no-repeat;
	border-bottom: 1px solid #999999;
	text-transform: uppercase;
	font-weight: normal;
}

.nieuwsItemPopup h2 span
{
	color: #AEC23F;
	font-family: verdana,sans-serif;
}

.nieuwsItemPopup .content
{
	width: 370px;
	height: 420px;
	overflow: auto;
}

.nieuwsItemPopup .content h3
{
	color: #666;
	font-family: Verdana, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 1em 0;
}

.nieuwsItemPopup .content h4
{
	color: #666;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 0 0 1em 0;
}

.nieuwsItemPopup .content p
{
	width: auto;
	height: auto;
	margin: 15px 0 0 0;	
	color: #666;
	font-size: 11px;
	font-family: verdana,sans-serif;
}

.nieuwsItemPopup .content a
{
	color: #CADB2A;
}

.nieuwsItemPopup .content .topiclist
{
	border-top: 1px solid #999;
	margin: 12px 0 0 0;
	padding: 12px 0 0 0;	
}

.nieuwsItemPopup .content .topiclist ul
{
	list-style: none;
	margin: 0;
	padding: 0;	
}

.nieuwsItemPopup .content .topiclist ul li
{
	display: block;	
	color: #666;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
}

.nieuwsItemPopup .options
{
	float: left;
	width: 370px;	
	border-top: 1px solid #999999;
	clear: both;
	margin: 12px 0 0 0;
	padding: 11px 0 0 0;
	color: #666;
}

.nieuwsItemPopup .options a.bigButton
{
	display: block;
	height: 48px;
	font-size: 18px;
	line-height: 29px;
	font-weight: normal;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 0 0 12px;
	width: 216px;
	font-family: arial,sans-serif;
	background: transparent url(../../images/backend/buttons/bigbutton.gif) repeat scroll 0 0;
}

.nieuwsItemPopup .options a.bigButton small
{
	color: #666;
	display: block;
	font-family: Verdana;
	font-size: 11px;	
	text-decoration: none;
	text-transform: lowercase;
	font-weight: normal;
	line-height: normal;
}



/* --------------------------------------------------------------------------------- */
/*                                 Anti Flicker Hack                                 */
/* --------------------------------------------------------------------------------- */

div.popupContainer
{
	height:1px;
	width:1px;
	margin-left:-99999px;
	margin-top:-99999px;
}
 
form > div.popupContainer,
div > div.popupContainer 
{
	z-index:10001;
	height:1px;
	width:1px;
	overflow:hidden;
	margin-left:0px;
	margin-top:0px;
	position:absolute;
	left:-99999px
}