/* ============================
DotControl copyright 2010
by Anton P.
==============================*/



@import "config/controls.css";
@import "config/themes.css";


*{ outline: none; margin:0; }

html 
{
	font-size: 100.01%;
}

body {
	font: 11px Arial, Helvetica, sans-serif; color: #000; height:100%;
}

html, body, form{
    height: 100%;
    margin: 0;
    padding:0;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }
img, img a { border: 0; }
ul, li { padding: 0; }

/* ie6 hack for the blue border */
.PortletMenu { _display:none; }

.line { margin:0; padding:0; float:none; clear:both; }

.SuperWrapper{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    width: 100%;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
}

.Wrapper{
    width: 920px;
    margin: 0 auto;
}

.WrapperWide{
    width: 948px;
    margin: 0 auto;
}
/* ------ HEADER ------ */
.ContainerTop {  }
	.ContainerTop .CompanyLogo {
		float:left;
		margin:10px 0;
		width: 115px;
	}
	.ContainerTop .NavigationContainer { float:left; width: 805px; }
	.ContainerTop .CompanyLogo h1 { visibility:hidden; }

	.ContainerTop .CompanyLogo span {
		float:left;
		height: 76px;
		width: 115px; 
		display:block;
		background: url(images/logo.png) top left no-repeat; 
		cursor: pointer;
	}
	.ContainerTop .topNav { height: 60px; }
	.ContainerTop .topNav ul { float:right; margin-top:10px; }
		.ContainerTop .topNav ul li { 
			float: left; 
			list-style: none; 
			padding-right: 5px; 
			margin-left: 5px; 
			border-right: 1px solid #888;
			margin-top: 2px;
		}
		.ContainerTop .topNav ul li.last { border: 0; margin-top: 0; padding-right: 0; }
		.ContainerTop .topNav ul li a { 
			color: #888;
			font: bold 10px Arial, Helvetica, sans-serif;
		}
		.ContainerTop .topNav ul li a.inactive  
		{
			cursor:default!important;
			color: #ccc!important;
			font: bold 10px Arial, Helvetica, sans-serif;
		}
		.ContainerTop .topNav ul li a:hover { 
			color: #fff;
			text-decoration: none;
		}
		
.Header {}
	.Header .line-1, .Header .line-1 .corner { height: 60px; overflow: hidden;  }

		.Header .line-1 .corner { background: url(images/header-line1-corner.jpg) no-repeat top left; }
		.Header .line-1 .pageHeader { background: url(images/page-header-bg.png) no-repeat top left; margin: 15px 0 0 240px; height: 45px; width: 250px; }
		.Header .line-1 .pageHeader h1 { padding: 13px 10px 0; color: #fff!important; text-transform: uppercase; 	font: bold 24px Arial, Helvetica, sans-serif;  }

	.Header .line-2 { padding-right: 14px; }
		.Header .line-2 .quickMenuContainer,
		.Header .line-2 .subMenuContainer {
			height: 250px; 
			float: left; 
		}
		.Header .line-2 .quickMenuContainer { width: 254px; overflow: hidden; }
		.Header .line-2 .quickMenuContainer .corners  {
			background: transparent url(images/quick-menu-corners.png) no-repeat top left; 
			padding-left:14px; 
			height: 100%;  
		}
		.Header .line-2 .quickMenuContainer .inner { background: #fff; height: 100%; overflow: hidden; }
		.Header .line-2 .quickMenuContainer .quickMenu ul { padding: 0; margin: 10px 15px 0 0;}
			.Header .line-2 .quickMenuContainer .quickMenu ul li { 
				list-style: none;
				padding: 6px 15px;
				background: url(images/gray-border.jpg) repeat-x left bottom;
			} 
			.Header .line-2 .quickMenuContainer .quickMenu ul li a { color: #555; font: bold 11px Arial, Helvetica, sans-serif; text-decoration: none; }
			.Header .line-2 .quickMenuContainer .quickMenu ul li a:hover { text-decoration: underline; }
		
		.Header .line-2 .subMenuContainer { background: #909090; width: 180px; }
		.Header .line-2 .subMenuContainer ul { padding: 10px 10px 0; }
		.Header .line-2 .subMenuContainer ul li .rmSlide ul { padding:0; background: #909090; }
		.Header .line-2 .subMenuContainer ul li  {
			list-style: none; 
			display: block; 
		}
		.Header .line-2 .subMenuContainer ul li a .rmText { padding: 0; }
		.Header .line-2 .subMenuContainer ul li a { 
			color: #fff!important; 
			text-decoration: none; 
			font: bold 11px Arial, Helvetica, sans-serif;
			padding: 4px 4px 5px; 
			display: block;
			background: url(images/list-border-horizontal.jpg) repeat-x left bottom; 
			width: 152px;
			cursor: pointer!important;
		}
		.Header .line-2 .subMenuContainer ul li a:hover, .Header .line-2 .subMenuContainer ul li a.rmExpanded,
		.Header .line-2 .subMenuContainer ul li a.currentItem { 
			background-color: #a3a3a3;
		}
		.Header .line-2 .panorama  {
			float:left;
			height: 250px; 
			width: 500px;
			overflow: hidden;
		}
		.Header .line-2 .panorama.wide  {
			width: 680px;
		}
		.Header .line-2 .panorama.full  {
			width: 920px;
			height: 300px;
			margin-left: 14px;
			_display: inline;
		}
		.Header .line-2 .panorama .Slideshow .Normal 
		{
			height: 250px; 
			width: 500px;
			float: left;
		}
		
		.Header .line-2 .panorama.wide .Slideshow .Normal  
		{
			height: 250px; 
			width: 680px;
			float: left;
		}
		
		.Header .line-2 .panorama.full .Slideshow .Normal  
		{
			height: 300px; 
			width: 920px;
			float: left;
		}
		
		.Header .line-2 .panorama .Slideshow img.first {
			display: block;
		}
		.Header .line-2 .panorama .Slideshow img 
		{
			height: 250px;
			width: 500px;
		}
		.Header .line-2 .panorama.wide .Slideshow img 
		{
			height: 250px;
			width: 680px;
		}
		
		.Header .line-2 .panorama.full .Slideshow img 
		{
			height: 300px;
			width: 920px;
		}
		
	.Header .line-3 { padding-left: 14px; height: 300px; }
		.Header .line-3 .calendar, .Header .line-3 .newsContainer  { float: left; }
		.Header .line-3 .calendar { width: 240px; height:300px; background: url(images/calendar/main-bg.jpg) repeat-x bottom left; }
		.Header .line-3 .newsContainer { width: 690px; overflow: hidden; }
		.customHeadered .header {
			background: url(images/news-line-bg.jpg) repeat-x left top;
			height: 40px; 
		}
		.customHeadered .corners { padding-right: 193px; }
		
			.Header .line-3 .newsContainer .header h2 { 
				color: #fff; 
				font: bold 15px Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				padding: 15px 0 0 10px;
			 }
		
		.Header .line-3 .newsContainer .content { 
			background: url(images/news-highlight-bg.jpg) no-repeat left top; 
			height: 260px;
			padding-right: 10px;
		}
		.Header .line-3 .newsContainer .content .hlItem { padding: 16px 20px; }
		
		.Header .line-3 .newsContainer .content .hlItem .imageContainer, 
		.Header .line-3 .newsContainer .content .hlItem .info { float: left; }
		
		.Header .line-3 .newsContainer .content .hlItem .imageContainer{
			background: url(images/news-image-border.png) no-repeat left top;
			position:relative;
			width:305px;
			overflow: hidden;
			height: 225px;
		}
		.Header .line-3 .newsContainer .content .hlItem .imageContainer .triangle {
			position: absolute;
			display:block;
			width: 31px;
			height: 31px;
			top:6px; left:7px;
		}
		.Header .line-3 .newsContainer .content .hlItem .imageContainer .imageWrapper {
			margin: 6px 7px 9px; 
			width: 291px; 
			height:210px; 
			overflow:hidden!important;
			*float: left;
			_display: inline;
		}
		.Header .line-3 .newsContainer .content .hlItem .imageContainer img {
			width: 291px; 
		}
		
		.Header .line-3 .newsContainer .content .hlItem .info {  
			width: 325px;
			margin-left: 10px;
		}
		.Header .line-3 .newsContainer .content .hlItem .info h2 {  
			color: #fff; 
			font: bold 14px Arial, Helvetica, sans-serif;
			margin-bottom: 5px;
			margin-top: 15px;
		}
		.Header .line-3 .newsContainer .content .hlItem .date {
			font: 11px Arial, Helvetica, sans-serif;
			color: #888;
			margin-bottom: 10px;
		}
		.Header .line-3 .newsContainer .content .hlItem .text {
			font: 11px Arial, Helvetica, sans-serif;
			color: #b6b6b6;
			margin-bottom: 15px;
			line-height: 18px;
		}
		
		.Header .line-3 .newsContainer .content .hlItem .ShowAll {
			display:none;
		}

/* ------ CONTENT ------ */

.ContainerMain { font: 11px/17px Arial, Helvetica, sans-serif; color: #333;  } 
	.ContainerMain .twoColLayout  
	{
		background: url(images/920px-white.jpg) repeat-y left top; 
		margin-left: 14px; 
		*zoom: 1; 
	}
	.ContainerMain .leftCol, .ContainerMain .rightCol {
		float: left;
	}
	.ContainerMain .twoColLayout .leftCol { width: 240px; }
		.ContainerMain .twoColLayout .leftCol .shadow { background: url(images/sub-menu-shadow.jpg) repeat-x left top; }
		.ContainerMain .twoColLayout .leftCol .infoBox { padding: 30px 20px; }
		.ContainerMain .twoColLayout .leftCol .sideBar {
			padding: 20px;
		}
		.ContainerMain .sideBar ul { padding:0; }
		.ContainerMain .sideBar ul li {
			padding: 10px 10px; 
			list-style: none; 
		}
		.ContainerMain .sideBar ul li a  {
			font: bold 11px/17px Arial, Helvetica, sans-serif;	
			color: #333;
			text-transform: lowercase;
		}  
		
		.ContainerMain .twoColLayout .leftCol .gallery img {
			margin-bottom: 20px;
		}

		
	.ContainerMain .twoColLayout .rightCol {
		width: 690px;  
		background: url(images/gray-border.jpg) repeat-y left top; 
		position:relative; 
	}
	.ContentPage .ContainerMain .twoColLayout .rightCol { background: none; }
		.ContainerMain .contentWrapper  {
			padding-right: 10px; 
			min-height:350px;
			height:auto !important;
			height:350px;
			_display: inline;
		}
		.ContentPage .ContainerMain .twoColLayout .rightCol .contentWrapper, .WideContent .ContainerMain .contentWrapper {
			padding: 13px; margin-right:10px;
			background: #fff;
			*zoom: 1; 
			display: block;
		}
		
		.ContainerMain .mainContent { padding: 20px 13px 0; }
		.ContentPage .ContainerMain .mainContent {
			width: 100%;
			padding:0;
		}
		
		.WideContent .ContainerMain .mainContent { padding-left:14px; padding-right: 4px; padding-top:0; }
		
		.readMore a { 
			display:block;
			width: 85px;
			height: 24px;
		}
		.readMore a:hover { 
			text-decoration: none!important;
		}
		.readMore a span { visibility: hidden; }
		
		a.NormalButton { display: inline-block; text-decoration: none!important; }
		a.NormalButton:hover { text-decoration: none!important; }
		a.NormalButton span {
			color: #fff!important;
			font-weight: bold;
			padding: 4px 10px; 
			padding-left: 20px; 
			display: block; 
		}
		
		
		.ContainerMain .twoColLayout .rightCol .bottom  
		{
			background: url(images/news-line-bg.jpg) repeat-x left top; 
			height: 40px; 
			_width: 680px;
		}
		.ContainerMain .twoColLayout .rightCol .bottom a { 
			font: bold 12px/17px Arial, Helvetica, sans-serif;
			float: right; 
			margin-right: 20px; 
			margin-top: 12px;
			color: #fff;
		}


		.ActionsList { *height: 1%; }
			.ActionsList .item {
				width: 280px;
				margin-right: 20px; 
				float: left; 
				min-height: 200px;
				height: auto !important;
				height: 100%;
				display: block;
			}
			.ActionsList .item.last { margin-right: 0; }
			.ActionsList .item .Normal img{
				padding: 3px; 
				border: 1px solid; 
				border-color: #f7f7f7 #e5e5e5 #cccccc; 
				width: 270px;
			}
		.SuperSeparator { position: relative; height: 30px; }
		.SuperSeparator .Line  
		{
			border-bottom: 1px solid #909090;
			height: 1px!important;
			font-size: 1px!important;
			line-height: 1px!important;
			width: 920px;
			position: absolute;  
			top: 10px;
			left: -13px;
			float: left;
		}
		
		.CustomContent { border-top: 1px solid #ccc; padding-top: 20px; padding-left:10px; margin-top:20px; }
		.CustomContent.selfImportant { border-top: 0; padding-top: 0; }
		.CustomContent .cleft, .CustomContent .cright { float:left; } 
		.CustomContent .cleft { width: 380px; border-right: 1px solid #ccc; padding-right:20px; }
		.CustomContent .cright  { width: 200px; padding-left:20px; }	
		.CustomContent.Equal { padding-left:0;  }
		.CustomContent.Equal .cleft { width: 310px; }
		.CustomContent.Equal .cright  { width: 280px; }
		.CustomContent.Equal.Wide { margin-top: 0; }
		.CustomContent.Equal.Wide .cleft { width: 460px; }
		.CustomContent.Equal.Wide .cright  { width: 392px; }

		.customTable { border-collapse: collapse; width: 100%; border: 1px solid #ccc!important; }
		.customTable.tiny { width: auto!important; }
		.customTable tr { background: #eee; cursor: default; }
		.customTable tr.alter { background: #dedede; }
		.customTable tr.hover { background: #F4F2D6; } 
		.customTable.headered tr.first { background: #ccc!important; }
		.customTable.headered tr.first td h3 { padding-top: 5px;  }
		.customTable td { padding: 5px; padding-right: 20px;} 
		.customTable h3 { margin: 0!important; }
		
/* ------ FOOTER ------ */
.footer {
	height: 115px; 
	background: url(images/footer-main-bg.jpg) repeat-x left top; 
}
	.footer .corner {
		background: url(images/footer-corner.jpg) no-repeat right top; 
		width: 100%; 
		height: 100%; 
	}
	
	.footer .recentTweet, .footer .socialIcons, .footer .SubscriptionBox, 
	.footer .rectangleFilled, .footer .inner {
		float:left; 
	}
	.footer .inner {
		padding: 20px; 
	}
	.footer .rectangleFilled  {
		width: 150px; height: 100%; 
	}
	.footer .inner h2 { 
		color: #fff; 
		font: bold 15px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		padding: 0 0 5px;
	}
	
	.footer .recentTweet, .footer .socialIcons {
		background: url(images/list-border-vertical.jpg) repeat-y right top; 
		height: 75px;  
	}
	.footer .recentTweet {
		width: 305px; 
		margin-right: 10px;
		position:relative;
	}
		.footer .recentTweet .DateTime {
			color: #888; 
			font: 11px Arial, Helvetica, sans-serif; 
			position:absolute; 
			top:0;
			left: 110px;
		}
		.footer .recentTweet .quote {
			font: italic 11px/17px Arial, Helvetica, sans-serif;
			color: #a6a6a6;
			padding-right: 10px;
			display:block;
		}
		.footer .recentTweet .quote a {
			font: italic 11px/17px Arial, Helvetica, sans-serif;
			color: #a6a6a6;
		}
		.footer .recentTweet .quote a:hover {
			text-decoration: none!important;
		}
	.footer .socialIcons {
		width: 190px;
		margin-right:10px;
	}	
	.footer .socialIcons .iconsList .icon a {
		width: 24px;
		height: 24px;
		float:left;
		background: url(images/social-icons.png) no-repeat;
		margin-right: 3px;
		display:block;
	}
	.footer .socialIcons .iconsList .icon.fBook a {
		background-position: 0 0;
	}
	.footer .socialIcons .iconsList .icon.tweeter a {
		background-position:  -30px 0;
	}
	
	/* tmp */
	.footer .socialIcons .iconsList .icon.in { display: none; }
	
	.footer .socialIcons .iconsList .icon.in a {
		background-position:  -60px 0;
	}
	.footer .socialIcons .iconsList .icon.flickr a {
		background-position:  -90px 0;
	}
	.footer .socialIcons .iconsList .icon.fBook a:hover {
		background-position: 0 -25px;
	}
	.footer .socialIcons .iconsList .icon.tweeter a:hover {
		background-position:  -30px -25px;
	}
	.footer .socialIcons .iconsList .icon.in a:hover {
		background-position:  -60px -25px;
	}
	.footer .socialIcons .iconsList .icon.flickr a:hover {
		background-position:  -90px -25px;
	}
	
.copyright { padding: 15px 0 10px; }
	.copyright, .copyright span, .copyright a {
		 font: 11px/17px Arial, Helvetica, sans-serif;
		 color: #888;
	}
	

/* Content Formatting */

.ContainerMain .mainContent .Normal {
	font: 11px/17px Arial, Helvetica, sans-serif; 
	color: #333; 
}
.ContainerMain h2 { 
	font: bold 18px Arial, Helvetica, sans-serif;
	text-transform:uppercase; 
	margin-bottom: 10px; 
}
.ContainerMain h4 { 
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #333;
	margin-bottom: 5px; 
}
.ContainerMain .mainContent h3 { 
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform:uppercase; 
	margin-bottom: 5px; 
	color: #434343;
}

.ContainerMain .mainContent a {
	text-decoration: none; 
}
.ContainerMain .mainContent a:hover {
	text-decoration: underline; 
}
.ContainerMain .mainContent ul {
	margin:10px; 
	padding:0; 
}
.ContainerMain .mainContent ol {
	margin: 0 30px; 
	padding: 0; 
}
.ContainerMain .mainContent ul li {
	list-style: none; 
	padding: 3px 10px; 
	background-position: 0 9px!important;
}
.ContainerMain .mainContent ol li {
	padding: 2px; 
}

.ContainerMain .mainContent .dateTime {
	font: 11px/17px Arial, Helvetica, sans-serif;
	margin-bottom: 10px; 
	color: #888;
	display: block;
	text-transform: capitalize;
}

.ContainerMain .mainContent table.SeparatedColumns {	
	margin-left: -20px;
}

.ContainerMain .mainContent table.SeparatedColumns th 
{
	font-weight:normal;
	text-align: left;
	padding-right: 20px;
	vertical-align: top;
}
.ContainerMain .mainContent table.SeparatedColumns td
{
	font-weight:normal;
	border-left: 1px solid #ddd;
	padding-left: 20px;
	vertical-align: top;
}

.ContainerMain .mainContent .logoList { padding: 10px 0; }
.ContainerMain .mainContent .logoList img { padding: 0 20px 20px 0; }
.ContainerMain .mainContent .logoList a { display: block; float: left; }

.DeKuip_DefaultContainer { margin-bottom:25px; }

/* ------ EDITOR CSS ------ */

h2.GreenTitle { color: #27bf17!important; }
h2.RedTitle { color: #fe0000!important; }
h2.PurpleTitle { color: #8557a4!important; }
h2.BlueTitle { color: #00a0dd!important; }
h2.OrangeTitle { color: #ef7c12!important; }

.GreenText { color: #27bf17!important;}
.RedText { color: #fe0000!important; }
.PurpleText { color: #8557a4!important; }
.BlueText { color: #00a0dd!important; }
.OrangeText { color: #ef7c12!important;}
.PinkText {  color: #fc2ea0!important; }

.Text_Normal { color:#333333; font:11px/17px Arial,Helvetica,sans-serif; }
.Text_Bold { color:#333333; font:11px/17px Arial,Helvetica,sans-serif; font-weight:bold; }
.Text_Italic { color:#333333; font:11px/17px Arial,Helvetica,sans-serif; font-style:italic; }
.SubText_Normal { color:#333333; font:10px Arial,Helvetica,sans-serif; }
.SubText_Bold { color:#333333; font:10px Arial,Helvetica,sans-serif; font-weight:bold; }
.SubText_Italic { color:#333333; font:10px Arial,Helvetica,sans-serif; font-style:italic; }

img.alignRight { float: right; margin-left:10px; margin-bottom:5px; }
img.alignLeft { float:left; margin-bottom: 5px; margin-right:10px; }
img.shadowed { 	padding: 5px; border: 1px solid; border-color: #f7f7f7 #e5e5e5 #cccccc ; }


table.agenda {  padding: 5px; }
table.agenda td, table.agenda th { padding: 5px; padding-right: 15px; text-align: left; }
table.agenda th { color:#8557A4; }