/* 
================================
Skin styles for Corporate photos DotNetNuke
================================
*/

html, body {
	background-color: #000000;
	margin: 0; 
	padding:0;	
}

body, form, .Normal, .NormalDisabled {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #A1A5A2;
	line-height:160%;
}
img {
	border:none;
}
img.alignLeft {
	float:left;
	padding-right:10px;
}
img.alignRight {
	float:right;
	padding-left:10px;
}

a, a:link {
	color:#ffffff;
	text-decoration: none;
}
a:hover, a:visited {
	color:#cccccc;
	text-decoration: underline;
}

a.MoreLink {
	float:right;
	display:inline;
	position:relative;
	margin-top:-22px;
}
p {
	margin:0px;
}
h1, h2, h3, h4, h5, h6, .title, .Head {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#ACB5AD;
	margin:0;
}

.contentHeading {
	margin-bottom: 15px; 
	padding-bottom: 10px;
	display: block; 
	border-bottom: dashed 1px #fff; 

}

a:hover {text-decoration:none;}

div, a, p, span { z-index:inherit;}


#capitalphotosPane input, 
#capitalphotosPane textarea, 
button {
	background-color: #29382B; 
	color: #c9cac9; 
	padding: 4px; 
	margin-bottom: 7px;
	border: 1px solid #344a39; 
}
#capitalphotosPane select {
	background-color: #29382B; 
	color: #c9cac9; 
	border: 1px solid #344a39;
	height:22px;
}

.mainContent input[type="text"], .mainContent textarea {
	width: 300px; 
}

.IcattContactForm_Container input[type="submit"] {
	width: 150px; 
}



/* 
================================
Page design (layout)
================================
*/

.pagemaster, #ControlPanel {
	margin: auto;
}

#capitalphotosPane {
	width: 980px;
	overflow: hidden;
	margin-left: auto; 
	margin-right: auto; 
	background-color: #0E120E;
}

.HeaderPane {
	position: absolute; 
	width: 750px; 
	margin-left: 140px; 
	overflow: hidden; 
	height: 118px; 
}

#headerBlock {
	height: 120px;
	line-height: 19px; 
	background-image: url(img/header_spotlight.jpg); 
	background-repeat: no-repeat; 
	background-position: top center;
	background-color: #0E120E;
	border-bottom: 1px solid #fff;	
}

#headerBlock #cpLogo{
	position: absolute;
	height: 128px; 
	width: 128px; 
	z-index: 400;  
	background-image: url(img/logo_white.gif); 
}

#cpLogo a {
	position: absolute; 
	margin-left: 4px;
	margin-top: 50px; 
	text-indent: -2000em;
	display: block; 
	width: 110px; 
	height: 56px; 
	/* border: 1px solid #fff; */
}

.green #headerBlock #cpLogo{
	background: url(img/logo_green.gif) no-repeat; 
}
.blue #headerBlock #cpLogo{
	background: url(img/logo_blue.gif) no-repeat; 
}

#headerBlock #headerLinks {
	float: right;
	font-size: 12px;
	padding: 10px; 
}

#headerLinks a {
	color: #999;
	display: block; 
	text-decoration: none; 
}
#headerLinks a:hover {
	color: #ccc; 
}

#cpContentPane {
	position: relative;
	background-color: #0E120E;
	min-height: 520px; 
	/*height: 520px; makes ie7 not play ball...*/
	overflow: visible; 
	padding-left: 10px; 
	padding-right: 20px; 
	padding-top: 20px; 
	padding-bottom: 20px;
}

#mainMenu {
	display: block; 
	width: 300px; 
 	position: relative; 
	/*margin-top: -29px; no longer necessary as we removed the link to home */
	margin-top: -9px;
	float: left; 
}



.greyLink, #homeLink {
	color: #999;
	text-decoration: none; 
}
.greyLink:hover, #homeLink:hover {
	color: #fff; 
}

#mainMenu ul {
	margin: 0; 
	padding: 0;
	padding-top: 10px; 
	list-style-type: none;
}
#mainMenu li {
	list-style-type: none;
}

#mainMenu li a {
	display: block; 
	border: 0; 
	height: 36px;
	padding-top: 15px;
	width: 278px; 
	font-size: 13px;
	color: #FFFFFF;	
	text-decoration: none; 	
	padding-left: 30px;
	background-image: url(img/mainmenu_back.gif); 
	background-repeat: no-repeat;
	background-position: 30px bottom; 
}

#mainMenu li a:hover, #mainMenu .act a {
	display: block; 
	border-left: 18px solid #ACB5AD;
	padding-left: 12px; 
	background-color: #29382B;
	background-position: 12px bottom; 	
}

#mainMenu .extraLink {
	display: block; 
	margin-top: 20px; 
	margin-left: 30px;	
	text-decoration: none;	
}


.contentPane {
	display: block; 
	margin-left: 330px; 
}

#newsItemOpenInNewWindow {
	margin-left: 330px;
}

.mainContent {
	margin-top: 19px; 
	background-color: #181D18;
	padding: 20px;
	margin-bottom: 20px; 
}
.mainContentNoBorder {
	display: block; 
	position: static;
	margin-bottom: 20px;
}

.mainContentInner {
	/*border-bottom: dashed 1px #fff;*/
	text-align: justify; 
	min-height: 175px;
}

#footerPane {
	border-top: 1px dashed #fff; 
	background-color: #172018; 
	padding: 20px; 
	text-align: right;
	color: #727773;
	font-size: 10px; 
}

#LogoANP {
	display: inline-block;
	width: 137px;
	height: 34px;
	text-indent: -2000em;
	margin-bottom: 10px; 
	background-image: url(img/logo_anp.jpg); 
}


#homeLeft {
	width: 440px; 
	margin-left: 20px; 
	float:left;
	position: relative; /**/
}

#homeRight {
	width: 440px; 
	margin-left: 20px; 
	float:left;

	/*margin-left: 500px;*/ 
	position: relative;/**/
}

.homeBlockHeader {
	border-left: 18px solid #ACB5AD; 
	height: 84px; 
	overflow: hidden; 
	background-color: #181D18;
}

.blue .homeBlockHeader {
	border-left-color: #00B5F6;
}
.green .homeBlockHeader {
	border-left-color: #99CC00; 
}

.homeBlockHeader a {
	padding: 30px; 
	padding-right: 10px; 
	display: block; 
	margin-right: 10px; 
	background-image: url(img/mainmenu_back.gif); 
	background-repeat: no-repeat;
	background-position: 30px bottom; 	
	border-bottom: 0;
	text-decoration: none!important;
}
.homeBlockHeader a:hover {
	text-decoration: underline;
}

.homeBlockContent {
	margin-left: 18px; 
	background-color: #181D18;	
	padding: 30px;
	padding-top: 15px;  
}

.homeBlockContent a {
	text-decoration: none; 
}
.homeBlockContent a:hover {
	text-decoration: underline; 
}


/*---------------------------
  Color specific information
  --------------------------*/
.blue, .blue .title, .blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6, .blue .Head,
.blue .homeBlockHeader a  {
	color: #00B5F6;
}
.green, .green .title, .green h1, .green h2, .green h3, .green h4, .green h5, .green h6, .green .Head,
.green .homeBlockHeader a {
	color: #99CC00;
}
.white {
	color: #ACB5AD;
}
.orange {
	color: #FF9900;
}
.red {
	color: #CA1120; 
}

.blue #mainMenu li a:hover, .blue #mainMenu .act a {
	border-left-color: #00B5F6;
}

.green #mainMenu li a:hover, .green #mainMenu .act a {
	border-left-color: #99CC00;
}
.greenLink, .greenLink:link, .greenLink:visited, .green .homeBlockContent a {
	color: #99CC00;
}
.greenLink:hover, .green .homeBlockContent a:hover {
	color: #6CB005;
}

.blueLink, .blueLink:link, .blueLink:visited, .blue .homeBlockContent a {
	color: #00B5F6;
}
.blueLink:hover, .blue .homeBlockContent a:hover {
	color: #009FE1;
}


/* 
================================
Skins for Admin and Control Panel
================================
*/

.LogOut {
	float: right; 
}
.LogOut:link, .LogOut:visited {
	text-decoration: underline; 
}

.IcattContactForm_Container {
	vertical-align: middle; 
}

.ControlPanel {
	background-color: #444444;
	width:980px;
	border:none;
}

.SubHead { /*conTrolpanel overrule*/
	font-family:Arial, Helvetica;
	color: #ffffff;
}

A.CommandButton:link, 
A.CommandButton:visited,
A.CommandButton:hover,
A.CommandButton:active,
A.SkinObject:link,
A.SkinObject:active,
A.SkinObject:hover,
A.SkinObject:visited
 {
	color: #FFFFFF;
	text-decoration: underline; 
}
A.CommandButton:hover,
A.SkinObject:hover
 {
	text-decoration: none; 
}

.ModuleTitle_SubMenu {
	z-index:1005!important;
}

/*Admin & Host menu*/

/*LET OP ROOT!!!*/
body { behavior:url("/csshover.htc"); }/**/
/*LET OP ROOT!!!*/


.AdminHost {
	position:relative;
	margin:2px auto;
	z-index:1004!important;/**/
	height:26px;
	background:#000000;
}
.AdminHostposition {
	top:0px;
	left:0px;
	text-align: center; 
	vertical-align: middle; 
	/*position:absolute;*/
	/*z-index:100;
	padding:5px;*/
}

.AdminHost ul {
	margin: 0;
	padding: 0;
}

.AdminHost ul li {
	float:left;
	/*display:block;
	width:200px;*/
	list-style:none;
}
.AdminHost ul li ul, .AdminHost ul li ul li {
	float:none;
}
.AdminHost li {
	position: relative;
	display:block;
	float:none;
	white-space:nowrap;
	font-size:14px;
	text-decoration:underline;
	
	color:#ffffff!important;
	font-weight:bold;
	cursor: pointer;
	padding:4px 6px;
}
.AdminHost li a {
	text-decoration:none!important;
	line-height:normal;
	color:#ffffff!important;
}
.AdminHost li:hover {
	color:#ffffff!important;
	text-decoration:none!important;
}
.AdminHost a:hover {
	text-decoration:none;
}

.AdminHost li li {
	text-decoration:none!important;
	margin:0px;
	border-right:#ffffff 1px solid;
	border-bottom:#ffffff 1px solid;
}
.AdminHost li li:hover {
	background:#333333;
	color:#ffffff;
	text-decoration:none!important;
}
.AdminHost ul ul {
	background:#999999;
	position: absolute;
	display: none;
	left: 0px;
	top: 22px;
	border-top:#ffffff 1px solid;
	border-left:#ffffff 1px solid;

	width:200px;
}
.AdminHost li:hover ul ul {
	display: none;
}
.AdminHost li:hover ul, li:hover li:hover ul {
	display: block;
}

.login {
	padding:15px 10px;
	float:right;
}
.login .SkinObject {
	font-weight: bold;
	color: #0000CC;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
}


.breadcrumb,
.breadcrumb A.SkinObject:link,
.breadcrumb A.SkinObject:active,
.breadcrumb A.SkinObject:hover,
.breadcrumb A.SkinObject:visited {
	text-decoration: none;
	color: #cccccc;
	font-size:10px;
	font-weight:normal;
}
.breadcrumb A.SkinObject:hover {
	text-decoration:underline;
}
.breadcrumb {
	position: absolute; 
	z-index: 300;
	margin-left:150px;
	/*margin-top:15px;*/
}

/*end Admin & Host menu*/


/*module actions*/
.ddactions {
	
}
.ddactions select {/*dropdown*/
	vertical-align:top;
}
.ddactions input {/*knopje*/
	vertical-align:top;
}
/*module actions*/


/*newsletter modules*/
ul.nlitem li{
	margin:0px;
	padding:0px;
}

#mainMenu ul.nlitem li a {
	height: 36px;
	padding-top: 15px;
	/*width: 230px;*/ 
}

/*newsletter modules*/