﻿@charset "utf-8";

/*
  ╔═══════════════════════════════════════════════════════════════════════════
   stylesheet_modules.css
   created by : Machiel van Gelder.
   creation date: 22 April 2009.
   modified by:____________________
   modification date: __ ________ ____
   ===================================
    
   This css is used to define the css for modules and components in the site.
   ===========================================================================
   Page module items are described in the template as <!-- *** example *** -->
   ═══════════════════════════════════════════════════════════════════════════
*/

/* ##################### MENUS ##################### */ 



/* ---------- *** fontsizer *** ---------- */

#fontsizer
{
    position: relative;
    width:44px;
    float: right;
    top: -20px;    
}

#fontsizer a
{
    display: block;
    float: right;
    margin-left: 2px;
}


/* ---------- *** functionmenu *** ---------- */

.functionbutton_container
{
    height:26px;
    width:100px;
    float:right;
    clear:both;
    text-align:right;
}


.functionbutton:link, .functionbutton:active, .functionbutton:visited
{
    display:block;
    float:right;
    height:26px;
    width:26px;
    background-position:0px 0px;
    background-repeat:no-repeat;
    margin-left:2px;
}

.functionbutton:hover
{
    display:block;
    float:right;
    height:26px;
    width:26px;
    background-position:0px -26px;
    background-repeat:no-repeat;
    margin-left:2px;
}

.function_print
{
    background-image:url(../images/button_print_bg.gif);
}

.function_top
{
    background-image:url(../images/button_top_bg.gif);
}

.function_email
{
    background-image:url(../images/button_email_bg.gif);
}


#mail_form 
{
    background-color: #e4eaef; 
    display:none;
    position: absolute; 
    z-index:1000;
    width: 300px; 
    top: 250px;
    left: 40%; 
    border-style:solid;
    border-width:1px;
    border-top-color:#b4bcc4;
    border-right-color:#012d5a;
    border-bottom-color:#000000;
    border-left-color:#b4bcc4;
}
	
#mail_form .form_title
{
    font-weight: bold;
    font-size: 12px;
}
	
#mail_form .inside table
{
    width: 100%;
    table-layout: fixed; 
    padding:5px !important;
    font-size: 11px;        
    color: White;
}
#mail_form .inside table td	{ padding:3px; }
   
#mail_form input { width: 100%; }
#mail_form textarea { width: 100%; height: 5em; }
    
#mail_form .CloseButton 
{ 
    display: block !important;
    height:21px;
    padding-left:5px;
    padding-right:5px;
    line-height:19px;
    background-image:url(../images/button_bg.gif);
    background-position:top left;
    background-repeat:repeat-x;
	border: none;
	width: auto;
	font-size: 1em;
	font-weight: bold;
	text-align:center;
	color: #FFFFFF;
	cursor: pointer;
    float:right; 
    text-align:center;
    text-decoration: none;
}
    
#mail_form .SubmitButton 
{ 
    display: block;
    width:127px;
    float:right; 
}


/* ##################### MENUS ##################### */ 


/* ---------- *** HoofdMenu *** ---------- */


    
        /* - Top item styles - */
        
        .HoofdMenu /* This is the style for the table containing the menu */
        {
            width:100%;
            height:36px;
            border-right:2px solid #ffffff;
        }
        
        .HoofdMenu TD, .HoofdMenu TD IMG /* Set the alignment for text and images here */
        {
            vertical-align: top;
            text-align:center;
        }
        
        
        .HoofdMenu .TopItem, .HoofdMenu .TopItemHover, .HoofdMenu .TopItemExpanded    
        {
            height:36px;
            line-height:32px;
	        background-image:url(../images/topmenu_lo_bg.gif);
	        background-position:top left;
	        background-repeat:repeat-x;
	        background-color:#fdc438;
	        padding-right:10px;
	        border-right:1px solid #c09d28;
	        border-left:2px solid #ffffff;
	        color: #003768;
	        font-size:0.7em;
	        font-weight:bold;
	        text-decoration: none;
	        cursor: pointer;
        }

        .HoofdMenu .TopItemHover, .HoofdMenu .TopItemExpanded
        {
            height:36px;
            line-height:32px;
	        background-image:url(../images/topmenu_over_bg.gif);
	        background-position:top left;
	        background-repeat:repeat-x;
	        background-color:#23527d;
	        padding-right:10px;
	        border-right:1px solid #264c73;
	        border-left:2px solid #ffffff;
	        color: #ffffff;
	        font-size:0.7em;
	        font-weight:bold;
	        text-decoration: none;
	        cursor: pointer;
        }
        

        
        .HoofdMenu .SelectedItem, .HoofdMenu .SelectedItemHover, .HoofdMenu .SelectedItemExpanded /* These are styles for the selected menu items */
        {
            height:36px;
            line-height:32px;
	        background-image:url(../images/topmenu_hi_bg.gif);
	        background-position:top left;
	        background-repeat:repeat-x;
	        background-color:#23527d;
	        padding-right:10px;
	        border-right:1px solid #264c73;
	        border-left:2px solid #ffffff;
	        color: #ffffff;
	        font-size:0.7em;
	        font-weight:bold;
	        text-decoration: none;
	        cursor: pointer;
        }        
        
        
        /* - Default foldout item styles - */
        
        .HoofdMenu_Sub /* This is the style for the table containing the foldout menu */
        {
            margin:0px;
            padding:0px;
        }
        
        .HoofdMenu_Sub TD, .HoofdMenu_Sub TD IMG /* Set the alignment for text and images here */
        {
            vertical-align: middle;
        }
        
        .HoofdMenu_Sub .DefaultItem, .HoofdMenu_Sub .DefaultItemHover, .HoofdMenu_Sub .DefaultItemExpanded    
        {
	        background: #003768;
	        color: #ffffff;
	        text-decoration: none;
	        cursor: pointer;
	        overflow: hidden;
        }
        
        .HoofdMenu_Sub .DefaultItemHover, .HoofdMenu_Sub .DefaultItemExpanded 
        {
	        text-decoration: none;
	        cursor: pointer;
	        overflow: hidden;
            background: #003768; 
            color: #fdc438;
        }
        
        .HoofdMenu_Sub .SelectedItem, .HoofdMenu_Sub .SelectedItemHover, .HoofdMenu_Sub .SelectedItemExpanded /* These are styles for the selected menu items */
        {
            display:block;
            height:32px;
	        text-decoration: none;
	        overflow: hidden;
            background: #003768; 
            color: #fdc438;
        }


/* ##################### MODULES ##################### */  



/* ---- -- [ MODULE: NEWSOVERVIEW ] -- ---- */
	.cb3Module_News
	{
	    display:inline-block;
	    clear:both;
        background-image:url(../images/news_bg.gif);
        background-position:top left;
        background-repeat:repeat-x;
        background-color:#fdbb1e;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
	}
	
	.NewsTopItems
	{
	    clear:both;
	    margin:0px;
	    padding:10px 10px 0px 10px;
	}
	
	.cb3Module_News_content
	{
	    clear:both;
	    display:block;
	    margin:0px 0px 0px 0px;
	}	


	.cb3Module_News .title_link
	{
	    display:block;
	    width:255px;
	    float:left;
		font-weight: bold;
		color: #003768;
		font-size:1em;
	}
	
	.cb3Module_News .date
	{
		display: block;
		float:right;
		width:80px;
		font-size: 0.9em;
		color: #003768;
		text-align:right;		
	}
	
	.cb3Module_News .NewsImage
	{
		margin: 0px 1px 0px 5px;
		border:none;
		float:right;
		width:118px;
	}

	
	.cb3Module_News .IntroText
	{
		color: #003768;
		line-height: 18px;
		font-size:0.9em;
		font-weight:normal;
		border:none;
		padding:0px 10px 10px 10px;
	}


/*___________________________________________

  ------ [ MODULE: CALENDEROVERVIEW ] ------- 
  ___________________________________________*/

    .cb3Module_CalendarOverview  /* this is the table containing the calender overview */
    {   
        border-bottom: 1px dotted #908f92;
        margin-bottom: 1.33em;
    }
	
	.cb3Module_CalendarOverview .cLabel /* the TD containing the labels */
    {
        width: 30%;
        font-size: 0.6em;
	    vertical-align: baseline;
	    height:3em;
    }
	
	.cb3Module_CalendarOverview .cTitle
    {
        font-weight:bold;
        display:block;
        margin-bottom:10px;
    }
	
    .cb3Module_CalendarOverview .cDate,
    .cb3Module_CalendarOverview .cTime
    {
        font-size: 1em;
        color: #908f92;
    }
    
    .cb3Module_CalendarOverview .cTime
    {
        padding-left: 3em;
    }
	
    .cb3Module_CalendarOverview .cSummary
    {
        display: block;
        margin: 0px 0px 8px 0px;
    }
    
    .cb3Module_CalendarOverview .cLink
    {
       display: block;
       margin: 0px 0px 8px 0px;
    }  

/* 
═══════════════════════════════════════════════════════════════════════════════════
Did cleaning up till here
═══════════════════════════════════════════════════════════════════════════════════
*/



                            	
                            /* ---- -- [ MODULE: LINKOVERVIEW ] -- ---- */
                            	
	                            .cb3Module_LinkOverview
	                            {
		                            width:520px;	
		                            table-layout: fixed;
		                            border-collapse: collapse;
	                            }
                            	
	                            .cb3Module_LinkOverview td
	                            {
		                            vertical-align: top;
	                            }
                            	
	                            .cb3Module_LinkOverview ul,
	                            .cb3Module_LinkOverview li
	                            {
		                            list-style: none;
		                            list-style-type: none;
		                            padding: 0px 0px 0px 0px;
		                            margin: 0px 0px 0px 0px;
	                            }
                            	
	                            .cb3Module_LinkOverview .CategoryItem
	                            {
		                            background: Transparent url(../images/default/icons/bullet_black.gif) no-repeat 0% 3px;
		                            padding: 0px 0px 0px 20px;
		                            margin: 8px 0px 0px 0px;
		                            font-weight: bold;	
	                            }
                            	
	                            .cb3Module_LinkOverview .LinkItem
	                            {
		                            background: Transparent url(../images/default/icons/link.gif) no-repeat 0% 3px;
		                            padding: 0px 0px 0px 20px;
		                            margin: 0px 0px 0px 20px;
		                            font-weight: normal;
	                            }
                            	
                            	
                            /* ---- -- [ MODULE: DOCUMENTOVERVIEW ] -- ---- */

                                .documentoverviewCss
                                {
                                    width:520px;
                                }

                                .documentoverviewCss LI, .documentoverviewCss UL
                                {
                                    margin:0px;
                                    padding:0px;
                                    list-style-type:none;
                                }

                                .documentoverviewCss .column
                                {
                                }

                                .documentoverviewCss .categoyCss
                                {
                                    display:block;
                                    margin-bottom:10px;
                                }

                                .documentCss
                                {
                                    clear:both; 
                                    display:block; 
                                }
 
                                .documentimageCss
                                {
                                    display:block;
                                    height:22px;
                                    width:22px;
                                    float:left;
                                    background-repeat:no-repeat;
                                    background-position:top left;
                                }

                                .bmp { background-image:url(../images/File_types/bmp.gif);  }
                                .doc { background-image:url(../images/File_types/doc.gif);  }
                                .gif { background-image:url(../images/File_types/gif.gif);  }
                                .jpg { background-image:url(../images/File_types/jpg.gif);  }
                                .mp3 { background-image:url(../images/File_types/mp3.gif);  }
                                .pdf { background-image:url(../images/File_types/pdf.gif);  }
                                .png { background-image:url(../images/File_types/png.gif);  }
                                .ppt { background-image:url(../images/File_types/ppt.gif);  }
                                .txt { background-image:url(../images/File_types/txt.gif);  }
                                .xls { background-image:url(../images/File_types/xls.gif);  }
                                .zip { background-image:url(../images/File_types/zip.gif);  }
                                .unknown { background-image:url(../images/File_types/unknown.gif);  }

                            	
                            	
                            /* ---- -- [ MODULE: POLL ] -- ---- */

	                            .cb3Module_Poll
	                            {
		                            display: block;
		                            width: 496px;
		                            background: Transparent;	
	                            }

	                            .cb3Module_Poll .title
	                            {
		                            font-size: 13px;
		                            font-weight: bold;
		                            color: #343434;
	                            }
                            	
	                            .AnswerWrapper, 
	                            .AnswerWrapperHover
	                            {
		                            display: block;
		                            background: Transparent url();
		                            cursor: default;
	                            }
                            	
	                            .AnswerWrapperHover
	                            {
		                            background: Transparent url(../images/default/menu/ItemBg.gif) repeat-x 0% 100%;
	                            }
                            	
	                            .AnswerRadioButton
	                            {
		                            margin: 0px 10px 0px 0px;
	                            }
                            	
	                            .SubmitWrapper
	                            {
		                            display: block;	
	                            }
                            	
	                            .SubmitWrapper a:link,
	                            .SubmitWrapper a:hover,
	                            .SubmitWrapper a:active,
	                            .SubmitWrapper a:visited
	                            {
		                            display: block;	
		                            width: auto;
		                            float: left;
	                            }
                            	
	                            .SubmitWrapper .button,
	                            .SubmitWrapper .buttonHover
	                            {
		                            display: block;	
		                            width: auto;
		                            float: right;
	                            }
                            	
	                            .ResultsRepeater
	                            {
		                            display: block;
		                            margin: 10px 0px 0px 0px;
		                            width: 100%;
		                            border: 1px #737373 solid;
	                            }
                            	
	                            .AnswerResultWrapper,
	                            .AnswerResultHeadingWrapper
	                            {
		                            display: block;
		                            clear: both;
		                            padding: 0px 0px 0px 2px;
		                            height: 24px;
	                            }
                            	
	                            .AnswerResultHeadingWrapper
	                            {
		                            background: Transparent url(../images/default/menu/ItemBg.gif) repeat-x 0% 100%;
		                            height: 22px;
		                            margin: 0px 0px 2px 0px;
	                            }

	                            .NoOfVotes,
	                            .NoOfVotesInPercentage
	                            {
		                            display: block;
		                            width: 100px;
		                            float: left;
	                            }
                            	
	                            .NumberOfVotes,
	                            .NumberOfVotesTotal,
	                            .Percentage
	                            {
		                            display: block;
		                            width: 50px;
		                            float: left;
	                            }
                            	
	                            .AnswerTextHeading,
	                            .PercentageHeading,
	                            .AnswerText
	                            {
		                            display: block;
		                            width: 190px;
		                            float: left;
	                            }
                            	
	                            .AnswerTextHeading,
	                            .NumberOfVotesHeading,
	                            .PercentageHeading
	                            {
		                            font-weight: bold;	
	                            }
                            	
	                            .PercentageWrapper
	                            {
		                            display: block;
		                            width: 180px;
		                            float: right;
		                            padding: 0px 0px 0px 0px;
		                            margin: 0px 2px 0px 0px;
		                            background: Transparent url(../images/default/menu/TopItemBg.gif) repeat-x 0% 100%;
	                            }
                            	
	                            .PercentageWrapper img
	                            {
		                            display: block;
		                            height: 20px;
		                            margin: 0px 0px 0px 0px;
		                            background: Transparent url(../images/default/percentage_bar_green.gif) repeat-x 0% 50%;
	                            }
                            	
                            /* -- ---- [ MODULE: WEBUSERLOGIN ] ---- -- */

	                            .cb3Module_WebUserLogin
	                            {
	                                width:500px;
	                            }
                            	
	                            .cb3Module_WebUserLogin .Label
	                            {
		                            width: 40%;
		                            font-weight: bold;
	                            }
                            	
	                            .cb3Module_WebUserLogin .Content
	                            {
		                            width: 60%;
	                            }
                            	
	                            .cb3Module_WebUserLogin .Content .veld
	                            {
		                            width: 100%;
	                            }
	                            
	                            .cb3Module_WebUserLogin .button
	                            {
	                                float:right;
	                                clear:both;
	                            }
                            	
                            	
	                            /* ---------- Login Panel ----------    WICH one is used?!!! */

                                .cb3_login_table
                                {
	                                width: 300px;
		                                font-size: 11px;
                                }

                                .cb3_login_table td.lg_label
                                {
	                                font-weight: bold;
	                                color: #001E57;
	                                text-align: left;
	                                width: 130px;
	                                font-size: 11px;
                                }

                                .cb3_login_table td.lg_input
                                {
	                                color: #001E57;
	                                text-align: right;
	                                width: 170px;
                                }

                                .cb3_login_table td.lg_input .veld
                                {
	                                width: 160px;
                                }

                                .cb3_login_table td.lg_sumbit
                                {
	                                text-align: right;
                                }

                            	
                            	
                            	
                            /* -- ---- [ MODULE: SITEMAP ] ---- -- */
                            	
	                            .SiteMapWrapperTable
	                            {
		                            width:700px;
		                            border: 0;
		                            margin: 0;
		                            padding: 0;
	                            }
                            	
	                            td.SiteMapHeading
	                            {
		                            font-size: 13px !important;
		                            font-weight: bold;	
	                            }
                            	
	                            td.SiteMapIconColumn, td.SiteMapIconColumnNoBg
	                            {
		                            width: 20px;
		                            padding: 0px 0px 0px 0px;
		                            margin: 0px 0px 0px 0px;
		                            background: Transparent url(../images/default/sitemap/i.gif) repeat-y 0% 0%;
		                            vertical-align: top;
	                            }
                            	
	                            td.SiteMapIconColumnNoBg
	                            {
		                            background: Transparent url();
	                            }
                            	
	                            td.SiteMapColumn
	                            {
		                            padding: 0px 0px 10px 0px;
	                            }
                            	
	                            .SiteMap
	                            {
		                            /*margin:0px 0px 0px 10px;*/
	                            }

	                            .RootNode
	                            { 
		                            /* RootNode Div styling */
		                            font-size: 12px;
		                            font-weight: normal;
		                            padding: 0px 0px 1px 0x;
	                            } 

	                            .RootNode a:link,
	                            .RootNode a:active,
	                            .RootNode a:visited
	                            { 
		                            /* RootNode Link styling */
		                            text-decoration: underline;
	                            } 

	                            .RootNode a:hover
	                            { 
		                            /* RootNode Link styling */
		                            text-decoration: none;
	                            } 

	                            .ParentNode
	                            { 
		                            /* ParentNode Div styling */
		                            font-size:11px;  
	                            } 

	                            .ParentNode a
	                            { 
		                            /* ParentNode Link styling */
	                            } 

	                            .ParentNode a:hover
	                            { 
		                            /* ParentNode Link styling */
	                            } 

	                            .LeafNode
	                            { 
		                            /* LeadNode Div styling */
		                            font-size:11px;  
		                            width: 200px;
		                            overflow: hidden;
	                            } 

	                            .LeafNode a:link,
	                            .LeafNode a:active,
	                            .LeafNode a:visited
	                            { 
		                            /* LeadNode Link styling */
	                            } 

	                            .LeafNode a:hover
	                            { 
		                            /* LeadNode Link styling */
	                            } 
                            	
                            	
                            	
                            	
                            	
                            /* -- ---- [ MODULE: SITEMAP (id="SiteMapTreeViewSimple") ] ---- -- */

	                            .SiteMapDropDown
	                            {
		                            display: inline;
		                            width: auto;	
		                            height: 1;
		                            position: relative;
		                            top: 8px;
	                            }
                            	
	                            .SiteMapDropDown td
	                            {
		                            display: inline;
		                            width: auto;
		                            height: 1;	
	                            }
                            	
	                            .SiteMapDropDown .select
	                            {
		                            /* Sitemap Select-element styling */
	                            }
                            	
                            /* -- ---- [ MODULE: FAQ-OVERVIEW ] ---- -- */

	                            .SubjectRepeater,
	                            .FaqOverviewDetails
	                            {
		                            display: block;
		                            margin: 0px 0px 10px 0px;	
	                            }
                            	
	                            .FaqSubjectInt
	                            {
		                            display: block;
		                            width: 5%;
		                            float: left;
		                            font-weight: bold;
	                            }
                            	
	                            .FaqSubjectLink
	                            {
		                            display: block;
		                            width: 95%;
		                            float: left;
	                            }
                            	
	                            .SubjectDetailHeader
	                            {
		                            display: block;	
		                            background: Transparent url(../images/default/menu/TopItemBg.gif) repeat-x 0% 100%;
		                            color: #FFFFFF;
		                            font-weight: bold;
		                            padding: 2px;
		                            height: 24px;
		                            margin: 0px 0px 3px 0px;
	                            }
                            	
	                            .SubjectDetailHeader .SubjectNameWrapper
	                            {
		                            display: block;
		                            width: 40%;
		                            float: left;
	                            }
                            	
	                            .SubjectDetailHeader .ViewAllAnswerWrapper
	                            {
		                            display: block;
		                            width: 35%;
		                            float: right;
		                            text-align: right;
		                            font-weight: normal;
	                            }
                            	
	                            .SubjectDetailHeader .TopOfThePageLink
	                            {
		                            display: block;
		                            float: right;
		                            width: 16px;
		                            height: 24px;
		                            background: Transparent url(../images/default/faq/arrowToTop.gif) no-repeat 0% 50%;
		                            margin: 0px 4px 0px 10px;
	                            }
                            	
	                            .SubjectDetailHeader .TopOfThePageLink:Hover
	                            {
		                            background-position: 100% 50%;
	                            }
                            	
	                            .FaqSubjectGroup
	                            {
		                            display: block;
		                            margin: 0px 0px 10px 0px;	
	                            }
                            	
	                            .SubjectQuestionWrapper
	                            {
		                            display: block;
		                            height: 22px;
		                            background: Transparent url(../images/default/icons/question_mark.gif) no-repeat 0% 0%;
		                            padding: 0px 0px 0px 22px;
		                            margin: 2px 0px 3px 0px;
	                            }
                            	
	                            .SubjectAnswerWrapper
	                            {
		                            display: block;
		                            background: Transparent url(../images/default/icons/answer_mark.gif) no-repeat 0% 0%;
		                            padding: 0px 0px 0px 22px;
		                            margin: 0px 0px 14px 0px;
	                            }
                          
/*___________________________________

  ------ *** MODULE: FORMS *** ------ 
  ___________________________________*/


.cb3Module_Form
{
    display:block;
    width:500px;
    clear:both;
}

.Form_ItemContainer
{
    display:block;
    clear:both;
    padding-top:3px;
}

.Form_ItemLabel
{
    display:block;
    width:200px;
    float:left;
    clear:left;
    vertical-align:top; 
    font-weight:bold; 
}

.Form_ContentLabel, .form_attachment INPUT
{
    display:block;
    width:290px;
    float:right;
    clear:right;
    text-align:left;
}

.Form_ContentLabel .field, .Form_ContentLabel .withWatermarkClass, .Form_ContentLabel .withoutWatermarkClass, .Form_ContentLabel .form_dropdown
{
    width:100%;
    float:left;
}

.Form_ContentLabel .area, .Form_ContentLabel .resizable-textarea
{
    width:100% !important;
    height:100px;
}

/* classes for options and radio buttons */

.Form_OptionLabel
{
    display:block;
    font-style:italic;
}

.Form_ContentLabel .CheckboxlistControl, .Form_ContentLabel .RadioboxlistControl
{
    table-layout:fixed;
    width:100% !important;
    vertical-align:top;
}

.Form_ContentLabel .CheckboxlistControl td, .Form_ContentLabel .RadioboxlistControl td
{
    vertical-align:top;
    font-size:0.82em;
}

.Form_ContentLabel .CheckboxlistControl input, .Form_ContentLabel .RadioboxlistControl input
{
    display:block;
    float:left;
}

.Form_ContentLabel .CheckboxlistControl label, .Form_ContentLabel .RadioboxlistControl label
{
    text-align:left;
    padding-left:2px;
}

.Form_ItemContainer .button
{
    float:right;
    cursor:pointer;
    cursor:hand;
}

.Form_Submittext
{
    font-weight:bold;
}

/* form error styling */

.Form_Errorspan
{
    display:block;
    height:10px;
    width:10px;
    color:Red;
    position:absolute;
    margin-left:-10px;
    font-weight:bold;
}

/* this is to prevent the Telerik editor from redefining font sizes */


.cb3Module_Form FONT
{
    font-size:12px !important;
}

	                            
                                /* ---- -- [ MODULE: PHOTO ALBUM ] -- ---- */

                                .photoalbum_pictureHolder, .photoalbum_pictureHolderHover
                                {
	                                width: 160px;
	                                height: 160px;
	                                overflow:hidden;
	                                float: left;
	                                margin: 0px 2px 0px 0px;
	                                background:#0073be;
	                                border: 1px #FFFFFF solid;
	                                text-align: center;
	                                cursor: pointer;
                                }

                                .photoalbum_pictureHolder .thickbox, .photoalbum_pictureHolderHover .thickbox
                                {
                                    float:left;
                                    margin:0px;
                                }

                                .photoalbum_pictureHolder IMG, .photoalbum_pictureHolderHover IMG
                                {
                                    margin:0px !important;
                                    float:left;
                                    position:absolute;
                                    z-index:50;
                                }

                                .photoalbum_pictureHolderHover
                                {
	                                background: #0073be;
	                                border: 1px #000000 solid;
	                                z-index: 15;
                                }

                                .photoalbum_pictureHolder .pa_info
                                {
                                    display:none;
                                }

                                .photoalbum_pictureHolderHover .pa_info
                                {
                                    display:block !important;
                                    position:absolute;
                                    z-index:100;
                                    width:160px;
                                    height:160px;
                                    background-color:#ffffff;
                                    -moz-opacity:.70;
                                    filter:alpha(opacity=70);
                                    opacity:.70;
                                }

                                .pa_title
                                {
                                    color:#ffffff;
                                    font-weight:bold;
                                    display:block;
                                    font-size:12px;
                                    background-color:#0073be;
                                    padding:2px;
                                }

                                .pa_description
                                {
                                    padding:2px;
                                    color:#000000;
                                }


                                #photoalbum_information_container
                                {
                                    width: 120px;
                                    height: 100px;
                                    background: #FFFFFF;
                                    border: 1px #000000 solid;
                                    z-index: 70;
                                }

                                #photoalbum_information_container strong
                                {
	                                font-size: 1.1em;
	                                font-weight: bolder;
	                                color: #000000;
                                }
	                            