.gibogroep{}

html
{
	height: 100%;
}

body
{
    font-size: 9pt;
    line-height: 170%;
	font-family: arial, helvetica, sans-serif;
    color: #000000;
    background-color: #ffffff;
	height: 100%;
}
body#Body
{
    background-color: #f0f0f0;
    margin-bottom: 1px;
}
#Form
{
    height: 100%;
}


.main
{
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: solid 0px #dcdcdc;
    width: 100%;
	min-height: 100%;
}
.binnen
{}

.pagemaster
{
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 990px;
    background-color: #f3f9ff;
}

.toppane
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
    width: 990px;
}
.breedadmin .toppane
{
    min-width: 990px;
    width: auto;
}


.loginpanewrapper
{
    padding: 10px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
    width: 100%;
    height: 40px; 
}
.loginpane
{
    padding: 3px 20px 0px 10px; margin: 0px; border: solid 0px #dcdcdc;
    float: right;
    color: #0062a6;
    font-weight: bold;
    min-width: 260px;
    text-align: right;
}

.user, .loginpane a, .loginpane a:link, .loginpane a:visited, .loginpane a:hover, .loginpane a:active
{
    color: #555555;
    font-family: Arial, helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
}
.loginpane a:hover
{
    text-decoration: underline;
}

.adminmenupane
{
    padding-top: 5px;
    padding-right: 15px;
    width: 180px;
    float: right;
}
.adminmenupane select, .adminmenupane option
{
    width: 180px;
    overflow: hidden;
}
.logopanewrapper
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
    height: auto;
    clear: both;
}
.logopane
{
    padding: 0px 0px 15px 10px; margin: 0px; border: solid 0px #dcdcdc;
	background: url(images/logo-gibo.png) no-repeat scroll top center;
	height: 70px;
}

.breedadmin .logopane
{
    background-position: top left;
}


.topmenupane
{
    clear: both;
    padding: 0px 0px 0px 0px; 
    margin: 0px 15px 0px 15px; border: solid 0px #dcdcdc;
    text-align: left;
    height: 39px;
	background: url(images/gibo_bcgr_menu.png) repeat-x scroll top left;
}

.searchpanewrapper
{
    float: right;
    padding: 0px 0px 0px 5px; margin: 0px; border: solid 0px #dcdcdc;
    width: 270px;
    height: 30px;
	background: url(images/zoeken.png) no-repeat scroll 60px 1px;
}
.searchpane
{
    font-size: 10pt;
    color: #555555;
    float: left;
    width: auto;
    padding: 5px 10px 0 0;
}

.searchpanewrapper table
{
    display: inline;
}

.searchpanewrapper input.NormalTextBox
{
    width: 167px!important;
    padding: 8px 7px 0 8px;
    border: solid 0px #ffffff;
    background-color: Transparent;
    margin-top: 0px;
}

#dnn_xsOpenSearch_imgGo
{
    margin-top: 7px;
    vertical-align: top;
}


.floatclearer, .float-clearer
{
    clear: both;
}

/* content panes */
.contentrow {
    padding: 15px 0px 30px 0px; border: solid 0px red; margin: 0 0 0 0px;
    vertical-align: top;
    text-align: left;
    width: 990px;
    clear: both;
}

.breedadmin .contentrow 
{
    border: solid #99ccff 0px;  
    min-width: 990px;
    width: auto;
}


.contentrowtable
{
    height: auto;
    border: solid 0px #eb1a3f;
}

.leftpanewrapper
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px red;
    width: 230px;
    float: left;
}
.menuheader
{
    background-color: #ffffff;
	font-size: 24px;
	font-weight: normal;
	margin: 15px 0 0 15px;
	padding: 0 0 0 15px;
	color: #009EE0;
    border: solid #d2e9ff 1px;
    border-bottom: solid #000000 0px;
}

.sidemenupane
{
    margin:  0 0 10px 15px;
    border: solid #d2e9ff 1px;
    padding: 0px;
    border-bottom: solid #000000 0px;
}
.sidemenupane .MenuHdr
{
    padding: 5px 15px 5px 15px;
    border-bottom: solid #d2e9ff 1px;
    background-color: #ffffff;
}
.sidemenupane .MenuItem,
.sidemenupane .MenuItemMouseOver
{
    padding: 5px 15px 5px 20px;
    border-bottom: solid #d2e9ff 1px;
    background-color: #ebf5ff;
}
.sidemenupane .MenuItemMouseOver
{
    background-color: #d7ebfe;
}

.sidemenupane .MenuHdr a,
.sidemenupane .MenuItem a,
.sidemenupane .MenuItemMouseOver a
{
    text-decoration: none;
	color: #009EE0;
}

.leftpane
{
    padding: 15px 0px 15px 15px;
}

.contentpanewrapper
{
    padding: 0px 0px 0 0px; margin: 0px; border: solid 0px red;
    width: 655px;
    float: left;
}
.binnen .contentpanewrapper
{
    margin:  15px 0 0px 15px;
    width: 480px;
    background-color: #ffffff;
    border: solid #99ccff 1px;
}

.breed .contentpanewrapper
{
    width: 728px;
}
.leeg .contentpanewrapper
{
    width: 990px;
    float: none;
    padding: 0px 0px 0 0px; margin: 0px; border: solid 0px red;
}

.breadcrumbpane {
    padding:  10px 0 0px 15px;
	font-size: .8em;
	color: #999;
	font-weight: normal;
}
.breadcrumbpane a, .breadcrumbpane a:link, .breadcrumbpane a:visited, .breadcrumbpane a:hover, .breadcrumbpane a:active  
{
	font-size: 1.2em;
	color: #999;
	font-weight: normal;
	text-decoration: none;
}
.breadcrumbpane a:hover
{
    text-decoration: underline;
}

.contentpane
{
    padding: 0px 0px 0px 15px; margin: 0px; border: solid 0px red;
}
.contentpaneleft
{
    padding: 0px 0px 0px 15px; margin: 0px; border: solid 0px red;
    float: left;
    width: 225px;
    clear:left;
}
.contentpaneright
{
    padding: 0px 15px 0px px; margin: 0px; border: solid 0px red;
    float: right;
    width: 225px;
    clear:right;
}
.breed .contentpaneleft
{
    width: 335px;
}
.breed .contentpaneright
{
    width: 335px;
}

.binnen .contentpane
{
    padding: 15px 15px 0px 15px; margin: 0px; border: solid 0px red;
}

.newclientportal
{
}
.clientportal .contentleftpane
{
    float: left;
    width: 310px;
    padding-left:15px;
}
.clientportal .contentrightpane
{
    float: right;
    width: 310px;
}
.clientportal .contentleftrightwrapper
{
    clear: both;
}
.clientportal .bottomcontentpane
{
    clear: both;
    padding-left:15px;
}
.clientportal .contMain
{
    padding-bottom: 0px;
}

div.latestDetails
{
    display: none;
}

.rightpanewrapper
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px red;
    width: 320px;
    float: right;
}
.binnen .rightpanewrapper
{
    width: 245px;
}

.righttoppane
{}

.rightpane
{
    margin: 15px 15px 0px 0px; 
    border: solid 0px red;
    clear: both;
    padding: 1px 0px 1px 0px; 
    background-color: #cfe7fe;
}


.footerpanewrapper
{
    padding: 0px 0px 1px 0px; 
    border: solid 0px red;
    min-height: 90px;
    text-align: left;
    margin-left: auto;
	margin-right: auto;
	width: 990px;
    background-color: #f3f9ff;
}

.breedadmin .footerpanewrapper 
{
    min-width: 990px;
    width: auto;
}



.footerpane
{
    padding: 20px 0px 20px 0px; 
    margin: 0 15px 14px 15px;
    background-color: #0062a6;
}

.footerpanewrapper .Normal, .footerpanewrapper p, .footerpanewrapper td, .footerpanewrapper div, 
.footerpanewrapper a, .footerpanewrapper a:link, .footerpanewrapper a:visited, .footerpanewrapper a:hover, .footerpanewrapper a:active, 
.footerpanewrapper .SkinObject, .footerpanewrapper a.CommandButton
{
	font-family: Arial, helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    line-height: 170%;
    color: #ffffff;
}
.footerpanewrapper a, .footerpanewrapper a:link, .footerpanewrapper a:visited, .footerpanewrapper a:hover, .footerpanewrapper a:active, .footerpanewrapper .SkinObject, .footerpanewrapper a.CommandButton
{
    font-weight: bold;
    color: #cfe7fe;
}



.footerpanewrapper h1,.footerpanewrapper h2, .footerpanewrapper h3,
.footerpanewrapper .Head,
.footerpanewrapper .contContent a:hover
{
    color: #ffffff;
}

.footerleftpanewrapper
{
    float: left;
    width: 320px;
}
.footermiddlepanewrapper
{
    float: left;
    width: 318px;
}
.footerrightpanewrapper
{
    float: right;
    width: 320px;
}

.footerleftpane,
.footermiddlepane
{
    padding: 5px 30px 5px 20px;
}

.footermiddlepane,
.footerrightpane
{
    border-left: solid 1px #1772b3;
    padding: 5px 20px 5px 20px;
}




#AdminHost
{
}


/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Text styles ----------------------------------------*/
/* ------------------------------------------------------------------------------------------ */
.DummyClass {}

p
{
    padding: 0 0 10px 0; margin: 0px; border: solid 0px red;
}
h1, h2, h3, h4, h5, h6, .SubHead, .SubSubHead, .Head
{
	font-family: Arial, helvetica, sans-serif;
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: none;
    line-height: 120%;
    color: #000000;
    text-align: left;
    padding: 0px; margin: 0px; border: solid 0px red;
}
h1
{
	font-size: 24px;
	font-weight: normal;
	color: #009EE0;
}
h2, .Head
{
    font-size: 12pt;
	color: #0060A5;
}
h3
{
    font-size: 12pt;
	color: #666;
}
h4, .SubHead
{
    font-size: 9pt;
	color: #0060A5;
}
h5
{
    font-size: 12px;
    color: #000000;
}
h6
{
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

.SubHead, .SubSubHead
{
    font-size: 9pt;
}

.Normal, p, td, th, div, a, a:link, a:visited, a:hover, a:active, .SkinObject, a.CommandButton
{
	font-family: Arial, helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    line-height: 170%;
    color: #666666;
}
.GiboTabs_Top_TabUnselected
{
    color: #666666!important;
}

a, a:link, a:visited, a:hover, a:active
{
	color: #009EE0;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a.CommandButton:hover
{
}
a:hover
{
    text-decoration: underline;
}




b, strong, .NormalBold
{
    font-weight: bold;
}

UL
{
    margin-top: 0px;
}

UL LI
{
    list-style-type: disc;
    margin-bottom: 4px;

}

UL LI LI
{
    list-style-type: circle;
    margin-bottom: 4px;
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}



/* menu */

#TopMenu
{
	margin: 0px;
	padding: 0px 0px 0px 1px;
	width: auto;
}


#TopMenu ul
{
	margin: 0px;
	padding: 0px;
}

#TopMenu ul li
{
    width: auto;
    min-height: 39px;
    float: left;
	list-style-type: none;	
	list-style-image: none;
	margin: 0px;
	margin-left: -1px;
	padding: 0px 0px 0px 0px;
	position: relative;
	background: url(images/menuspacer.png) no-repeat scroll top right;
}


#TopMenu li a {
    margin: 0px;
	display: block;
	padding: 10px 15px 9px 15px;
    width: auto;
    text-align:left;
    font-weight: normal;
    font-family: Arial, helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    line-height: 150%;
	color: #ffffff; 
}
#TopMenu li.SelectedTab,
#TopMenu li:hover 
{
	background: #0063ac url(images/gibo_bcgr_menu_active.png) repeat-x scroll top left;
}

#TopMenu li.SelectedTab a,
#TopMenu li a:hover {
	color: #ffffff; 
}



#TopMenu li.DisabledTab a:hover,
#TopMenu li.DisabledTab li.DisabledTab a:hover,
#TopMenu li li.DisabledTab a:hover
{
    cursor: text; 
}
#TopMenu li.DisabledTab li a:hover,
#TopMenu li li.DisabledTab li a:hover
{
    cursor: pointer;
}


#TopMenu ul ul
{
    position: absolute;
    top: 39px;
    left: 0px;
    width: 180px;
    height: auto;
    display: none;
    background-color: #ffffff;
    border: solid 0px #ffffff;
    clear: both;
	z-index: 1;
	background: #666666 url(images/submenubg.jpg) repeat-x scroll bottom left;
}
#TopMenu li li
{
	padding: 0px 0px 0px 0px;
    width: 180px;
    margin: 0;
    clear: both;
    background-image:none;
}
#TopMenu li li a
{
	padding: 10px 10px 5px 15px;
    height: auto;
    text-decoration: none;
    background-image: none;
}
#TopMenu li.SelectedTab li.SelectedTab li a,
#TopMenu li.SelectedTab li li a,
#TopMenu li.SelectedTab li a
{
    background-image: none;
}
#TopMenu li li a:hover,
#TopMenu li.SelectedTab li a:hover,
#TopMenu li.SelectedTab li.SelectedTab li a:hover,
#TopMenu li.SelectedTab li.SelectedTab a,
#TopMenu li.SelectedTab li.SelectedTab li.SelectedTab a
{
    background-image: none;
    color: #ffffff;
}


#TopMenu ul li:hover ul,
#TopMenu ul li:hover ul li:hover ul,
#TopMenu ul li:hover ul li:hover ul li:hover ul
{
    display: block;
}

#TopMenu ul ul ul,
#TopMenu ul li:hover ul ul,
#TopMenu ul li:hover ul li:hover ul ul
{
    display: none;
    top: 0px;
    left: 180px;
}


/* links module */
.LinksDesignTable td a,.LinksDesignTable td a:link,.LinksDesignTable td a:visited,
.LinksDesignTable td a:hover,.LinksDesignTable td a:active
{
	background: url(images/bullet.png) no-repeat scroll 0px 3px;
    padding-left: 16px;
    text-decoration: none;
}
.LinksDesignTable td a:hover
{
}
.LinksDesignTable td 
{
    line-height: 1px;
    font-size: 1px;
    padding: 2px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
}
table.LinksDesignTable
{
    width: 100%;
}

.Gumbosoft_AjaxTabsContent
{
    padding-right: 5px;
}

.ajax__tab_header
{
/*    border-left: solid 1px #0062a6; */
	background: url(images/tabbottom.jpg) repeat-x scroll bottom left;
}

.Default_Top_TabPage,
.ajax__tab_panel
{
    border: solid 1px #cfe7fe;
    border-top: solid 0px #cfe7fe;
    padding: 10px 15px 15px 15px;
    background-color: #ffffff;
    overflow:visible;
}
.ajax__tab_panel div
{
    clear: both;
}
.GiboTabs_Top_TabPage table,
.ajax__tab_panel table
{
    width: auto;
    height:auto;
}
.GiboTabs_Top_TabPage th,
.GiboTabs_Top_TabPage tfoot td a,
.GiboTabs_Top_TabPage tfoot td,
.ajax__tab_panel thead th,
.ajax__tab_panel tfoot td a,
.ajax__tab_panel tfoot td
{   color: #009ee0;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
}
.GiboTabs_Top_TabPage thead th,
.ajax__tab_panel thead th
{
    border-bottom: solid 1px #009ee0;
}
.GiboTabs_Top_TabPage tfoot td,
.ajax__tab_panel tfoot td
{
    border-top: solid 1px #009ee0;
}
.GiboTabs_Top_TabPage td ul,
.ajax__tab_panel td ul
{
    list-style-position: outside;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    color: #333333;
}

.ajax__tab_outer
{
    display: block;
    padding: 10px 15px 10px 15px;
    border-right: solid 0px #cfe7fe;
}
.ajax__tab_inner h2,
.ajax__tab_inner p,
.ajax__tab_inner
{
    color: #6fc5ff;
    font-size: 16px;
    font-weight: bold;
}

.ajax__tab_active .ajax__tab_inner h2,
.ajax__tab_active .ajax__tab_inner p,
.ajax__tab_active .ajax__tab_inner,
.ajax__tab_hover .ajax__tab_inner h2,
.ajax__tab_hover .ajax__tab_inner p,
.ajax__tab_hover .ajax__tab_inner
{
    color: #009ee0;
}

.ajax__tab_tab
{
}

.ajax__tab_active .ajax__tab_outer
{
    background-color: #ffffff;
    border-top: solid 1px #cfe7fe;
    border-left: solid 1px #cfe7fe;
    border-right: solid 1px #cfe7fe;
    border-bottom: solid 0px red;
    margin-bottom: 0px;

}

.ajax__tab_panel th,
.ajax__tab_panel td
{
    width: 180px;
    padding: 0 10px 0 10px;
    margin: 0;
    border: solid 0px #000000;
}

ul.gibo_Tabs_TabStrip li {list-style-type:none!important;}

.GiboTabs_Top_TabStrip 
{
	background: url(images/tabbottom.jpg) repeat-x scroll bottom left;
}



.FortyFingers_postcodeContent .PostcodeTextBox
{
    width: 110px;
}

/* Easy Slider */
#slider img
{
}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:635px!important;
		height:230px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:970px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(images/arrow_left.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(images/arrow_right.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin: -36px 0 0 0px;
		padding:0;
		height:36px;
		width: 635px;
		overflow: hidden;	
		}
	ol#controls li{
		margin:0 0px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:36px;
		line-height:36px;
		}
	ol#controls li a{
		float:left;
		height:36px;
		line-height:36px;
		border:0px solid #ccc;
		background: url('images/gibo_bcgr_menu_slideshow.png') repeat-x 0 0;
		color:#ffffff;
		padding:0 10px;
		text-decoration:none;
		text-align:left;
        width:192px;
        overflow: hidden;
        font-size: 11pt;
        font-weight: normal;
		}
	#controls li#controls2 a
	{     
	    width:191px;
	}	
	ol#controls li.current a{
		border: 0px solid #106386;
		background: url('images/gibo_bcgr_menu_slideshowactive.png') repeat-x 0 0;
}
		
		
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	
#slider li a img
{
    border: solid 0px #ffffff;
}

#slider li a
{
    display: block;
    width: 636px;
    height: 220px;
    
}
.slidercontent
{
    padding: 0px 0 0 0px;
    width: 0px;
    height: 0px;
    background-color: pink;
}

.slidercontent .text  
{
    opacity: 0.9; 
    filter:alpha(opacity=90); 
    -moz-opacity:0.9;
	-khtml-opacity: 0.9;
    width:330px; 
    height:90px; 
    padding:17px 20px; 
    background:#fff;
    overflow: hidden;
    display: none;
}
.slidercontent .text h2 { color:#3f3c3d; font-size:2.2em; font-weight:bold;}
.slidercontent .text p { font-size:1.6em; font-style:italic;}
.text
{}



/*
.contContent a.largebtn  
{
    display:block; 
    color:#fff; 
    padding-left:15px; 
    font-size:1.6em; 
    line-height:1.6; 
    background:#c7c6c6 url('images/btn-large-left.gif') no-repeat left top; 
    float:left; 
    color: #ffffff;
    text-decoration: none;}
.contContent a.largebtn span  
{
    display:block; 
    height:28px; 
    padding-right:15px; 
    float:left; 
    background:url('images/btn-large-right.gif') no-repeat right top;
    color: #ffffff;
    text-decoration: none;
    line-height: 130%;
}
a.largebtn:hover { color:#fff; background-position:left bottom; text-decoration:none;}
a.largebtn:hover span { color:#fff; background-position:right bottom; text-decoration:none;}
a.largebtn:focus { text-decoration:none;}

/* // Easy Slider */



/* new client portal*/
.newclientportal .pagemaster
{
    width: 960px;
}
.newclientportal .toppane 
{
    width: 960px;
}
.newclientportal .topmenupane 
{
    margin: 0;
}

.newclientportal .contentrow
{
    border-top: 10px solid #f09823;
    background-color: #deeffb;
    padding: 10px 15px 5px 15px;
    width: 930px;
    margin: 10px 0px 0px 0px;
}

.newclientportal .contentpanewrapper
{
    width: 680px;
}
.newclientportal .contentpane
{
    padding: 0px;
}

.newclientportal .rightpanewrapper
{
    width: 235px;
}

.newclientportal .contentleftpane {
    float: left;
    padding-left: 0px;
    width: 333px;
}


.newclientportal .contentrightpane {
    float: right;
    width: 333px;
}
.newclientportal .footerpanewrapper
{
    min-height: 0px;
    width: 960px;
}

.newclientportal .footerpanewrapper .footerpane
{
    margin: 0;
}