/* 
===========================================================================================	
	Developed by MCW Studio's
	For more information visit www.mcw.nl 

	CSS DOCUMENT FOR Mcw Cms SITES

	This is the main css file for the websites.
	This file is based on the rendering of Firefox 3.0 and Internet Explorer 7.
		
	The purpose of the other files is listed below:
	
	ie.css 		                -->		Needed to overcome the differences in 
										rendering between Firefox and Internet Explorer
	ie6.css		                -->		Needed for correct rendering in Internet Explorer 6


	USED COLORS WITHIN APPLICATION:
	name: #XXXXXX;
	name: #XXXXXX;
===========================================================================================
*/

html, body, form {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 12px;
}
body {
	background:#ffffff url('../_images/bgbody.gif') repeat-y 0 0;
}
img {
	margin: 0px 0px 25px 0px;
}

/* MCW EDITOR DECLARTIONS */
h1, h2, h3, h4 {
	margin-top: 0px;
}
h1 
{
    font-family: Arial;  
    font-size: 24px;
    font-weight:lighter;
}
h2 
{
    font-size:20px;
    font-weight:lighter;
}
h3 
{
    font-size:16px;
    font-weight:normal;
}
h4 
{
    font-size:12px;
    font-weight:bold;
}
.h2Variant1 {
	color: Red;
}
.h2Variant2 {
}
.h3Variant1 {
	padding-top: 20px;
	margin-bottom:-6px;
}
.h3Variant2 {
	padding:3px 0px 0px 0px;
}
.h4Variant1 {	
}
.h4Variant2 {
}

.pVariant1 {
}
.pVariant2 {
}
.pVariant3 {
}
.pVariant4 {
}
.pVariant5 {
}

.aVariant1 {
}
.aVariant2 {
}
.aVariant3 {
}
.aVariant4 {
}

.ulVariant1 {
}
.ulVariant2 {
}
.ulVariant3 {
}
.ulVariant4 {
}

.olVariant1 {
}
.olVariant2 {
}
.olVariant3 {
}
.olVariant4 {
}

.liVariant1 {
}
.liVariant2 {
}
.liVariant3 {
}
.liVariant4 {
}

.tableVariant1 td{
	border:1px solid #C0C0C0;
	padding:0px 4px;
}
.tableVariant1 {
	border:1px solid #C0C0C0 !important;
}
.tableVariant1 img {
	margin:auto;
}
table p {
	margin:0px;	
}
.tableVariant2 {
}
.tableVariant3 {
}
.tableVariant4 {
}

.container {
	border: double 3px black;
	padding: 20px;
}
.container:after {
	content: ".";
	clear: both;
	height: 0px;
	visibility: hidden;
	display: block;
}
.container {
	height: 1%;
}
.floatLeft {
	border: solid 1px red;
	float: left;
	width: 200px;
}
.floatRight {
	border: solid 1px blue;
	padding: 20px;
	float: right;
	width: 700px;
}
/* END MCW EDITOR DECLARTIONS */

.header {
    width: 100%;
    height: 88px;
    background: #2773b0 url(/_images/bckgrHeader.gif) repeat-x left top;
    overflow: hidden;
}
.header h1 {
    margin: 16px 0px 0px 16px;
    font-size: 24px;
    color: #ffffff;
    font-weight: lighter;    
    padding: 0px;    
    margin-left: -1000px;
}
.header .logo {
    float: right;
    margin: 4px 10px 0px 0px;
    padding: 0px;
}
.header .title {
    margin: 18px 0px 0px 15px;
    padding: 0px;
}
.leftColumn {
	width: 240px;
	min-height:100%; height:auto !important; height:100%;
	float: left;
	background-color: #dae0e5;
}
.rightColumn {	
	height: auto;
	line-height: 18px;
}
.rightColumn body {
    margin: 100px 50px 50px 300px;
}
.rightColumn ul 
{
    list-style-type: circle;
}
.rightColumn ol {
    list-style-type:decimal;
}
.pagingControls {
	padding-bottom:15px;
}
#ibPrevPage {
	float:left;
}
#ibNextPage {
	float:right;
}


/* SearchBox and SearchResult styles */
.searchButton {
	margin-top:7px;
	margin-bottom:-5px;
}

.searchBoxContainer {
    padding: 3px 0px 3px 3px;
}
.searchResultContainer .searchBoxContainer {
    background-color: #FFFFFF;
    padding: 8px 0px;
    margin-top: 10px;
    border-bottom: 1px solid #CCCCCC;
}
.searchBoxContainer input {
    width: 142px;
    margin-top: 2px;
    vertical-align: middle;
}
.searchResultContainer .searchBoxContainer input {
    width: 250px;
}
.searchBoxContainer a {
    padding-left: 2px;
}
.searchControlTextPrefix {
    padding-right: 5px;
    padding-left: 8px;
    font-weight: bold;
}
.searchresultHeader {
    text-align: right;
    padding: 1px 5px 1px 0px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    display: block;
    border-bottom: 1px solid grey;
}
.searchresultHeader .keyword {
    margin-right: 10px;
}
.searchresultHeader .attribution {
    font-size: 80%;
    color: Grey;
}
.searchresultContainer {
    position: relative;
    margin-top: 10px;
}
.searchresultContainer a {
    color: #000000;
    display: block;
}
.searchresultContainer .highlight {
    font-weight: bold;
    font-size: 100%;
}
.searchresultContainer .description {
    display: block;
    font-size: 100%;
}
.searchresultContainer span {
    font-size: 85%;
}
.searchresultContainer .url a {
    display: inline;
    color: #398ed4;
}
.searchresultContainer li 
{
    font-size: 12px;
    color: #000000;
    margin-bottom: 20px;
}
.pagingContainer {
    margin: 20px 0px 0px 0px;
    text-align: center;
}
.pagingContainer a, .pagingContainer span, .pagingContainer input {
    display: inline-block;
}
.pagingContainer a, .pagingContainer span {
    padding: 5px 10px;
    text-decoration: none;
}
.pagingContainer span.selected {
    background-color: #dae0e5;
}
.pagingContainer a {
    border: solid 1px #c0d3d3;
}
.pagingContainer a:hover {
    background: #b8dfe0;
}
.pagingContainer a:disabled {
    display: none;
}
.treeViewFaqContainer
{
    margin: 6px 0px 0px -16px
}
.watermarked { 
	font-style:italic;
	font-size:12px;
	width:143px;
}


/* TreeView styles */
div.AspNet-TreeView {
    margin: 0px;
    padding: 0px;
}
div.AspNet-TreeView ul 
{
    font-size:12px;
    font-weight:bold;
    list-style: none;
    margin: 0px;
    padding: 0px;
}        
div.AspNet-TreeView ul li 
{
    padding: 3px 0px 2px 0px;  
}
div.AspNet-TreeView ul li span
{
    cursor:pointer;
}
div.AspNet-TreeView ul ul 
{
    margin: 2px 0px 2px 10px;
}
div.AspNet-TreeView ul li img 
{
    border: none;
    vertical-align: middle;
    margin: 0px 2px 0px 0px;
}
div.AspNet-TreeView li a 
{
    font-family:arial;
    font-size:12px;
    font-weight:normal;
    color:Black;
    text-decoration: none;
}
div.AspNet-TreeView li.AspNet-TreeView-Leaf 
{   
    background: url(/_images/paper.png) 0px 5px no-repeat;    
    margin-left: 18px;
    padding-left: 20px;
}

div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink {
    cursor: pointer;
}
div.AspNet-TreeView .AspNet-TreeView-Collapse {
    background: url(/_images/collapse.gif) 0px 6px no-repeat;
    width: 15px;
    float: left;
    cursor: pointer;
}
div.AspNet-TreeView .AspNet-TreeView-Expand {
    background: url(/_images/expand.gif) 0px 6px no-repeat;
    width: 15px;
    float: left;
    cursor: pointer;
}
div.AspNet-TreeView li.AspNet-TreeView-Selected {
	background: url(/_images/paperSelected.png) 0px 5px no-repeat;   
	margin-left: 18px;
    padding-left: 20px;
}
div.AspNet-TreeView li.AspNet-TreeView-Selected a {
	font-weight:600;
}
.AspNet-TreeView-Show {
	display: block;
}
.AspNet-TreeView-Hide {
    display: none;
}
/*.AspNet-TreeView-Selected 
{
    background-color: #FAFAD2 !important;
}
.AspNet-TreeView-ChildSelected 
{
    background-color: #F5FFFA !important;
}
.AspNet-TreeView-ParentSelected 
{
    background-color: #FFE4E1 !important;
}
.AspNet-TreeView-Hover {
    font-weight: bold;
}

*/


/* ajax__tabs */
/*.tabs .ajax__tab_header 
{
    font-family:Arial;
    font-size:12px;
    padding:4px 0px 0px 0px;  
}
.tabs .ajax__tab_header .ajax__tab_outer 
{
    background:url(/_images/tab.gif) no-repeat left bottom;
    border-color:#222;
    color:#222;
    padding-left:10px;
    margin-right:3px;    
    
}
.tabs .ajax__tab_header .ajax__tab_inner 
{
    background:url(/_images/tab.gif) no-repeat right bottom;
    border-color:#666;
    color:#ffffff;
    padding:3px 10px 2px 0px;
}
.tabs .ajax__tab_hover .ajax__tab_inner 
{
    color:#cacaca;
}
.tabs .ajax__tab_active .ajax__tab_outer 
{
    background:url(/_images/tab_selected.gif) no-repeat 0pt bottom;
    border-bottom-color:#ffffff;
}
.tabs .ajax__tab_active .ajax__tab_inner 
{
    background:url(/_images/tab_selected.gif) no-repeat right bottom;
    color:#000000;
    border-color:#333
}
.tabs .ajax__tab_body 
{
    padding:15px 20px 20px 20px;
    background-color:#dae0e5;
    border:solid 1px #d7d7d7;
    border-top-width:0;
}*/
.tabs .ajax__tab_header 
{
    height: 25px;
    overflow: hidden;
    font-size: 12px;
}
.tabs .ajax__tab_header .ajax__tab_outer 
{
    background:url(/_images/tab.gif) repeat-x;
    margin: 0px 3px 0px 0px;
    padding: 2px 2px 5px 2px;
    vertical-align:bottom;
    border-bottom-width:0px;
    border-bottom:none;
    line-height: normal;
}
.tabs .ajax__tab_header .ajax__tab_tab
{    
    color: #ffffff;
    margin: 4px 0px 0px 2px;
    padding: 0px 8px;
}
.tabs .ajax__tab_hover .ajax__tab_outer 
{
    color:#cacaca;
    
}
.tabs .ajax__tab_active .ajax__tab_tab 
{  
    color:#000000;
}
.tabs .ajax__tab_active .ajax__tab_outer
{
    background:url(/_images/tab_selected.gif) #dae0e5 repeat-x 0px 0px;
}
.tabs .ajax__tab_body {  
    padding:0.25em 0.5em;
    line-height: 22px;
}
.tabs
{
	position: relative;
    margin: -25px 0px 0px 4px;
}

/*content*/
.contentContainer 
{
    padding:30px 25px 25px 260px;
}
.clear {
	clear: both;
}
