/**************************************************************/
/************** NORMAAL PAS JE ENKEL IN DEZE CSS **************/ 
/**************** DE STIJL VAN DE WEBSITE AAN *****************/
/**************************************************************/




/**************************************************************/
/************************** ALGEMEEN **************************/
/**************************************************************/
body,html{ }
.PrintCompanyInfo
{
    display:none;
}
h1
{
    font-size:180%;
    font-weight:bold;
    font-variant:small-caps;
}
h2
{
    font-size:150%;
    font-weight:bold;
}
h3
{
    font-size:120%;
}
h4
{
    text-transform:uppercase;
}
h6{ }
.ajax__tab_body h3 a { color: #00387d; }
a{ }
strong
{
    font-weight:bold;
}
em
{
    font-style:italic;
}



/**************************************************************/
/*************************** HEADER ***************************/
/**************************************************************/
div#header { background-color:#7c8ca2; }
div#header .hplnkhome 
{
	background-image:url("../../images/layout/header.jpg");
	display:block;
	height:193px;
	width:612px;
}
#printheader
{
	display:none;
}

/**************************************************************/
/**************** BREADCRUMBS & H1 PAGETRACE ******************/
/**************************************************************/
div#breadcrumbs{ background-color:#5576a3; }
div#breadcrumbs a{ text-decoration:none; }
div#middle #centercol h1.pagetitle { background-color:#8EACD4; }


/**************************************************************/
/************ MIDDLE, LEFTCOL, RIGHTCOL, CENTERCOL ************/
/********************** 1000/1200 PIXELS **********************/
/**************************************************************/
div#container{ }
div#shop
{
	margin:auto;
	width:1200px;
}

div#middle
{
	background-color:#7c8ca2;
	padding:10px;
}
div#middle #leftcol
{
	width:225px;
	height:100%;
	float:left;
}
div#middle #rightcol
{
	width:225px;
	height:100%;
	float:right;
}
div#middle #centercol
{
	width:700px;
	height:100%;
	float:left;
	padding: 0 15px;
}


/**************************************************************/
/************ MIDDLE, LEFTCOL, RIGHTCOL, CENTERCOL ************/
/***************************** 100% ***************************/
/**************************************************************/
/*div#container{ }
div#shop{ }

div#middle
{
	background-color:#7c8ca2;
	height:auto;
	overflow:auto;
	color:#fff;
	padding:10px;
	position:relative;
}
div#middle #leftcol
{
	width:225px;
	height:10px;
	float:left;
}
div#middle #rightcol
{
	width:225px;
	height:100%;
	float:right;
}
div#middle #centercol
{
	height:100%;
	margin: 0 250px;
}


/***************************************************************/
/************************* NAVIGATIE ***************************/
/***************************************************************/
div#navigation
{ 
	background-color:#8EACD4;
	position:relative;
}
div#navigation ul{ }
div#navigation ul li{ }
div#navigation ul li a{ padding:0 20px 0 0; }
div#navigation ul ul
{
	border:1px solid #000;
	background-color:#fff;
	padding:10px 0;
}
div#navigation ul ul li{ }
div#navigation ul ul li a{ }
div#navigation ul ul ul 
{
	padding:5px 0;
	top:-6px;
}
div#navigation ul ul ul li{ }
div#navigation ul ul ul li a{ }
div#navigation ul ul li:hover{ background-color:#dadcdd; }
div#navigation ul ul li.current:hover{ background-color:Transparent; }


/***************************************************************/
/******************* CONTENT / INNERCONTENT ********************/
/***************************************************************/
div#content{ }
div#content #innercontent
{ 
	background-color:#a9c8f0;
	padding:10px; 
}
div#content #innercontent input{ }
div#content #innercontent input.button{ }
div#content #innercontent a{ }
div#content #innercontent table{ }
div#content #innercontent table tr{ }
div#content #innercontent table tr td{ }

/*************************************************************/
/********************** ACTIONBUTTONS ************************/
/*************************************************************/
div#actionButtons { display:block; }
div#actionButtons a
{
	display:inline-block;
	text-decoration:none;
}
div#actionButtons a.back { }
div#actionButtons a.print { }


/*************************************************************/
/************************** FOOTER ***************************/
/*************************************************************/
div#footer{ position:relative; }
div#footer ul{ }
div#footer ul li{ display:inline; }
div#footer ul li a{ }
div#footer ul li.first{ }
div#footer ul li.first a{ }
div#footer ul li.last{ }
div#footer ul li.last a{ }




/***************************************************************/
/*************************** MODULES ***************************/
/***************************************************************/

/************************** LANGUAGES **************************/
div#languages
{
	background-color:#8eacd4;
	margin-bottom:10px;
	padding:10px;
	text-align:right;
}
div#languages a{ margin-right:5px }


/**************************** SEARCH ****************************/
div#searchsmall
{
	background-color:#8eacd4;
	margin-bottom:10px;
	padding:10px;
}
div#searchsmall input.button
{
	background-image:url(../../images/layout/search.png);
	background-position:center center;
	background-color:Transparent;
	border:none;
	cursor:pointer;
	width:22px;
	height:22px; 
}


/********************** SHOPPINGCARTSMALL ***********************/
div#shoppingcartsmall
{
	background-color:#8eacd4;
	margin-bottom:10px;
	padding:10px;
}
div#shoppingcartsmall #shoppingInner{ font-size:70%; }
div#shoppingcartsmall #shoppingInner table{ }
div#shoppingcartsmall #shoppingInner td{ }

div#shoppingcartsmall #shoppingInner .totals
{
	text-align:right;
	padding:5px 0;
	border-top:1px solid #fff;
}
div#shoppingcartsmall #shoppingInner .expeditioncosts
{
	text-align:right;
	padding:5px 0;
}
div#shoppingcartsmall #shoppingInner .shoppingBottom
{
	text-align:center;
	padding:5px 0;
	display:block;
	width:100%;
	
}
div#shoppingcartsmall #shoppingInner .shoppingCartdelbtn
{
	background-image:url(../../images/layout/delBtn.gif);
	height:14px;
	width:16px;
	display:block;
}


/************************ SHOPPINGCARTS *************************/
div#shoppingcart{ }
div#shoppingcart .cartOverview{ }
div#shoppingcart .cartOverview table{ width:100%; }
div#shoppingcart .cartOverview table thead
{ 
	border-bottom:1px solid; 
	height:28px;
}
div#shoppingcart .cartOverview table thead th{ text-align:right; }
div#shoppingcart .cartOverview table tbody{ }
div#shoppingcart .cartOverview table tbody .spacerrow{ height:8px; }
div#shoppingcart .cartOverview table tbody .item{ }
div#shoppingcart .cartOverview table tbody .item td{ vertical-align:top; }
div#shoppingcart .cartOverview table tbody .item td img{ width:40px; }
div#shoppingcart .cartOverview table tbody .item td a
{ 
    color:#8A8C8E;
    font-size:90%;
}
div#shoppingcart .cartOverview table tbody .item td input{ }
div#shoppingcart .cartOverview table tbody .item td input.remove
{
	display:block;
	position:relative; 
}
div#shoppingcart .cartOverview #totals
{ 
	overflow:auto;
	color:#A2BC64;
}
div#shoppingcart .cartOverview #totals table
{
	float:right;
	width:auto; 
}
div#shoppingcart .cartOverview #totals table .label
{ 
	padding-right:25px;
	font-weight:bold;
}
div#shoppingcart .cartOverview #totals table tr.total .label, div#shoppingcart .cartOverview #totals table tr.total #tdTotal
{
    border-top:1px dashed #000000;
}
div#shoppingcart .cartOverview #totals table .total{ }
div#shoppingcart .cartBtn{ }


/***************************** LOGIN ****************************/
div#loginsmall
{
	background-color:#8eacd4;
	margin-bottom:10px;
	padding:10px;
}
div#loginsmall input{ width:200px; }
div#loginsmall input.button
{
	width:auto;
	margin-top:10px;
}
div#loginsmall .head{ }
div#loginsmall .foot{ }
div#loginsmall .loginLink{ }
div#loginsmall #loggedIn{ }
div#loginsmall #loggedIn ul{ }
div#loginsmall #loggedIn ul li{ }
div#loginsmall #loggedIn .head{ }
div#loginsmall #loggedIn .alternate{ }
div#loginsmall #loggedIn .foot{ }


/**************************** PROMOS ***************************/
div#promos
{
	background-color:#8eacd4;
	margin-bottom:10px;
	padding:10px;
}
div#promos .header{ }
div#promos .box{ }
div#promos .box .photo{ }
div#promos .box .promotext{ }
div#promos .box .productname{ }
div#promos .box .price{ }
div#promos .box .price .price-only{ display:none; }
div#promos table{ }
div#promos #next2
{
	background-image:url(../../images/layout/rightBtno.png);
	float:right;
	height:22px;
	width:22px;
}
div#promos #prev2
{
	background-image:url(../../images/layout/leftBtno.png);
	height:22px;
	width:22px;
	display:block;
}


/************************ NEWSCROLLER **************************/
div#newsscroller
{
	background-color:#8eacd4;
	margin-bottom:10px;
	padding:10px;
}
div#newsscroller img
{
	display:block;
	margin:auto;
}
.newsimgPhoto
{
    /*display:none;*/
    margin-right:5px;
}
div#newsscroller #enuzun, div#newsscroller #enuzun3
{
    position:relative !important;
    height:auto !important;
}
div#newsscroller #enuzun div, div#newsscroller #enuzun3 div
{
    position:relative !important;
    height:auto !important;
}
/* --- prev en nextbutton voor promo's. zit standaard niet in demoshop --- */
/*
div#newsscroller table{ }
div#newsscroller #next2
{
	background-image:url(../../images/layout/rightBtno.png);
	float:right;
	height:22px;
	width:22px;
}
div#newsscroller #prev2
{
	background-image:url(../../images/layout/leftBtno.png);
	height:22px;
	width:22px;
	display:block;
}
*/


/************************** NEWSLETTER **************************/
div#newslettersmall
{
	background-color:#8eacd4;
	margin-bottom:10px;
	padding:10px;
}
div#newslettersmall input.button{ }


/****************************************************************/
/************************** PRODUCTCAT **************************/
/****************************************************************/
div#productcats  
{
	display:block;
	overflow:auto;	
}
div#productcats .box
{
	float:left;
	text-align:center;
	padding:20px;
	background-color:#8EACD4;
	margin:10px 10px 0 0;
	width:175px;
	height:150px;
	 
}
div#productcats .box .name{ text-align:center; }


/***************************************************************/
/************************* PRODUCTLIST *************************/
/***************************************************************/
div#productlist{ }
div#productlist .box
{
	background-color:#8EACD4;
	float:left;
	margin:10px;
	padding:5px;
	width:45%;
}
div#productlist .box img
{
	float:left;
	margin-right:5px;
}
div#productlist .box .ProductName{ }
div#productlist .box .price{ }
div#productlist .box .shortdescription{ }

div#productlist .box img.promoIconSmall
{
    margin-left:2px;
    margin-top:9px;
}


/**************************************************************/
/*********************** PRODUCTDETAIL ************************/
/**************************************************************/
div#productdetail
{
	background-color:#e0e0e0;
	padding:10px;
}
div#productdetail img { margin-right:10px; }
div#productdetail .middle{ }
div#productdetail .middle .orderconfirm{ }
div#productdetail .middle table{ }
div#productdetail .middle table .name{ }
div#productdetail .middle table .price{ }
div#productdetail .middle table .variants{ }
div#productdetail .middle table .content{ }
div#productdetail .header{ }
div#productdetail .footer{ }
#ProductImage .promoicon
{
    left: 27px;
    margin-top: -20px;
    position: absolute;
    width: 50px;
}

div#content #innercontent #ProductFiche .productName .lblPromoText
{
    font-weight:normal;
    color:#8a8c8e;
}
/*************************************************************/
/*********************** CUSTOMFORMTABLE *********************/
/*************************************************************/
table.regPass{ }
table.regPass tbody{ }
table.regPass tbody tr{ }
table.regPass tbody tr td{ }
table.regPass tbody tr td .passTd
{
	width:200px;
	display:block;
}
table.CustomFormTable{ }
table.CustomFormTable tbody{ }
table.CustomFormTable tbody tr{ }
table.CustomFormTable tbody tr td{ }
table.CustomFormTable tbody tr td.LabelCell{ width:200px; }
table.CustomFormTable tbody tr td.FieldCell{ }


/************************************************************/
/************************** KASSA ***************************/
/************************************************************/
div#Checkout{ }
div#Checkout input{ }
div#Checkout input.button{ }
div#Checkout h2
{ 
	padding:10px 0;
	border-bottom: solid 1px;
	margin-bottom:10px; 
}
div#Checkout .section{ overflow:auto; }
div#Checkout .section table.contacttypes
{ 
	width:100%; 
	background-color:#ccc;
}
div#Checkout .section table.contacttypes thead
{
	background-color:#8EACD4;
	height:28px;
}
div#Checkout .section table.contacttypes thead th{ }
div#Checkout .section table.contacttypes tbody{ }
div#Checkout .section table.contacttypes tbody tr{ }
div#Checkout .section table.contacttypes tbody tr td{ padding:5px; }
div#Checkout .section .OrderItems{ width:100% }
div#Checkout .section .OrderItems thead
{ 
	background-color:#8EACD4;
	height:28px;
}
div#Checkout .section .OrderItems thead th{ text-align:center; }
div#Checkout .section .OrderItems thead th span{ font-weight:bold; }
div#Checkout .section .OrderItems tbody{ }
div#Checkout .section .OrderItems tbody .item{ background-color:#cadffb; }
div#Checkout .section .OrderItems tbody .item td{ padding: 5px; }
div#Checkout .section .OrderItems tbody .item td a{ }
div#Checkout .section .OrderItems tbody .item td.checkTd{ }

div#Checkout .section .OrderItems tbody .itemAlt{ background-color:#ccc; }
div#Checkout .section .OrderItems tbody .itemAlt td{ padding:5px; }
div#Checkout .section .OrderItems tbody .itemAlt td a{ }
div#Checkout .section .OrderItems tbody .itemAlt td.checkTd{ }

div#Checkout .section .Total{ float:right; }
div#Checkout .section .Total tbody{ }
div#Checkout .section .Total tbody tr{ }
div#Checkout .section .Total tbody tr td{ }
div#Checkout .section .Total tbody tr td.checkoTd
{
	text-align:right;
	font-weight:bold; 
}
div#Checkout .section .Total tbody tr td.Price
{
	padding:5px;
	text-align:right;
	width:90px;
}

div#Checkout .pay{ }
div#Checkout .pay .noborder{ }
div#Checkout input.button{ }


/************************************************************/
/********************** ORDEROVERVIEW ***********************/
/************************************************************/
div#ordersoverview{ }
div#ordersoverview a{ }
div#ordersoverview table.orderlist{ width:100%; }
div#ordersoverview table tr{ }
div#ordersoverview table tr.header
{ 
	background-color:#ccc; 
	height:28px;
}
div#ordersoverview table tr.header td{ }
div#ordersoverview table tr.item{ }
div#ordersoverview table tr.item td{ padding:5px; }
div#ordersoverview table tr.alternate{ }
div#ordersoverview table tr.alternate td{ padding:5px; }

/************************************************************/
/********************** RESERVATION *************************/
/************************************************************/

div#Reservation div#ReservationInfo, 
div#Reservation div#ReservationLocation, 
div#Reservation div#ReservationPersonalData, 
div#Reservation div#ReservationProducts,
div#Reservation div#ReservationComment
{
	padding-bottom:10px;
	border-bottom: 2px solid #ddd;
}
div#Reservation td.tdvalidator
{
    width:20px;
}
div#Reservation td.valid
{
    background-image:url("../../images/layout/valid.png");
    background-position:center center;
    background-repeat:no-repeat;
} 
div#Reservation td.invalid
{
    background-image:url("../../images/layout/invalid.png");
    background-position:center center;
    background-repeat:no-repeat;
}
div#Reservation table#ReservationLocationDataTable td.datafield input
div#Reservation table#ReservationPersonalDataTable td.datafield input
{
	width:300px;
}
div#Reservation table#ReservationProductsTable td.tdQuantityTitle
{
	padding:0 7px;
	text-align:center;
}
div#Reservation table#ReservationProductsTable td.tdQuantity
{
}
div#Reservation table#ReservationProductsTable td.tdQuantity input
{
	width:30px;
}
div#Reservation table#ReservationProductsTable td.tdSearchBox input
{
	width:300px;
}
div#Reservation table#ReservationProductsTable td.tdPrescription
{
	white-space:nowrap;
	text-align:center;
}
div#Reservation div#ReservationProducts input#btnAddRow
{
	margin-left:22px;
}
div#Reservation div#ReservationComment textarea
{
	width:100%;
}

/************************************************************/
/************************ WISHLIST **************************/
/************************************************************/
table.wishlistitems{ }
table.wishlistitems tr.item{ }
table.wishlistitems tr.item td{ padding:5px; }
table.wishlistitems tr.item td input{ }
table.wishlistitems tr.item td a{ }
table.wishlistitems tr.alternate{ }
table.wishlistitems tr.alternate td{ padding:5px; }
table.wishlistitems tr.alternate td input{ }
table.wishlistitems tr.alternate td a{ }

div#lijstBtn{ }
div#lijstBtn input.button{ }


/* -------------------------------------------------------- */
















/*************************************************************/
/******************** VALIDATIONFIELDS ***********************/
/*************************************************************/
tbody .FieldCell .validation-status 
{
	background-image:url("../../images/layout/required.png");
	background-position:center center;
	background-repeat:no-repeat;
	display:inline;
	height:20px;
	width:11px;
	padding:0 4px;
}
tbody .FieldCell .validation-status.invalid{ background-image:url("../../images/layout/invalid.png"); }
tbody .FieldCell .validation-status.valid{ background-image:url("../../images/layout/valid.png"); }
.regPass .validation-status
{
	background-image:url("../../images/layout/required.png");
	background-position:center center;
	background-repeat:no-repeat;
	display:inline;
	height:11px;
	width:11px;
}
.regPass .validation-status.invalid{ background-image:url("../../images/layout/invalid.png"); }
.regPass .validation-status.valid{ background-image:url("../../images/layout/valid.png"); }



/*  DIALOG POPUPS */

.modalBackground
{
	background-color:#333;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}

.modalPanel
{
    margin:20px;
    padding:30px;
	background-color:#aaa;
	border:1px solid #fff;
	overflow:auto;
	max-height:80%;
	min-width:400px;
}
.modalPanel .filter
{
	border-bottom:1px solid #fff;
}
.modalPanel .controls
{
	text-align:right;
	margin-top:8px;
}

.modalTable
{
	background-color:#fff;
}

/********************************************/
/*  FORMS - with Steps, Headers and Fields  */
/********************************************/
table.CustomFormTable td.header-empty
{
    width: 100%;
    height: 20px;
}
table.CustomFormTable td.header-name
{
    width: 100%;
    color: #2B2B2B;
    background-color: #c5c5c5;
    padding: 5px 10px 5px 10px;
    word-wrap: break-word;
    margin-top: 20px;
}
table.CustomFormTable td.header-desc
{
    width: 100%;
    color: #2B2B2B;
    background-color: #f7f7f7;
    padding: 5px 10px 5px 10px;
    word-wrap: break-word;
    margin-bottom: 20px;
}
table.CustomFormTable td.FieldCell .field
{
    float: left;
    width: 300px;
}
table.CustomFormTable td.FieldCell .field-grid
{
    float: left;
    width: 480px;
}
table.CustomFormTable td.FieldCell table.field tr td input.other
{
    margin-left: 10px;
}
table.CustomFormTable td.ButtonsCell
{
    padding-top: 20px;
}
div#shop div#innercontent div.form-step
{
    border: 2px solid #444444;
    width: 100%;
    background-color: #fdfdfd;
    margin-top: 10px;
    margin-bottom: 10px;
}
div#shop div#innercontent div.form-step table.step-name-and-no
{
    border-style: none;
    border-width: 0px;
    width: 100%;
    background-color: #444444;
    padding: 2px 10px 2px 10px;
    word-wrap: break-word;
    color:#ffffff;
}
div#shop div#innercontent div.form-step table.step-name-and-no td
{
    padding: 0px;
    vertical-align: top;
}
div#shop div#innercontent div.form-step table.step-name-and-no div.step-name
{
    border-style: none;
    border-width: 0px;
    width: 90%;
    background-color: #444444;
    padding: 0px;
    word-wrap: break-word;
    font-weight: bold;
    text-align: left;
}
div#shop div#innercontent div.form-step table.step-name-and-no div.step-no
{
    border-style: none;
    border-width: 0px;
    background-color: #444444;
    padding: 0px;
    word-wrap: break-word;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
}
div#shop div#innercontent div.form-step div.custom-form-introduction
{
    border-style: none;
    border-width: 0px;
    width: 95%;
    background-color: #FBFBFB;
/*padding: 20px 20px 20px 20px;*/
    word-wrap: break-word;
}
div#shop div#innercontent div.form-step div.custom-form-step
{
    border-style: none;
    border-width: 0px;
    width: 92%;
    background-color: #fbfbfb;
    padding: 20px 20px 20px 20px;
    word-wrap: break-word;
}
div#shop div#innercontent div.form-step div.custom-form-step span.step-please-login-before,
div#shop div#innercontent div.form-step div.custom-form-step span.step-please-enter-contact
{
    font-weight: bold;
    font-size: 15px;
    color: red;
}

/* Custom Form Step (in Default.ascx Product.ascx front end) */
div#shop div#innercontent div.form-step div.custom-form-step td.FieldCell table.field-desc-caption, 
div#shop div#innercontent div.form-step div.custom-form-step td.FieldCell table.field-desc-value, 
div#shop div#innercontent div.form-step div.custom-form-step td.FieldCell table.field-values
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px none #FFFFFF;
}
div#shop div#innercontent div.form-step div.custom-form-step td.FieldCell div.ajax__tab_container
{
    width: 50%
}
div#shop div#innercontent div.form-step div.custom-form-step td.FieldCell input.multilang-textbox
{
    width: 45%;
}
div#shop div#innercontent .ajax__calendar .ajax__calendar_container  table
{
    color: #000000;
    font-size: 11px;
}
/* Custom Form Step - Display Results screen (in Default.ascx Product.ascx front end) */
div#shop div#innercontent div.form-step-display-results
{
    border: 2px solid #c5c5c5;
    width: 100%;
    background-color: #c5c5c5;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
div#shop div#innercontent div.form-step-name-display-results
{
    padding: 5px 10px 5px 10px;
    width: 100%;
    color: #FFFFFF;
    background-color: #c5c5c5;
    word-wrap: break-word;
}
div#shop div#innercontent div.form-step-fields-display-results
{
    padding: 5px 10px 5px 10px;
    width: 90%;
    background-color: #c5c5c5;
}
div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results
{
    width: 90%;
    line-height: 14px;
}
div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.is-required-display-results
{
    width: 22px;
}
div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-name-display-results
{
    width: 50%;
} 
div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-name-display-results div.field-name-display-results
{
    width: 50%;
    word-wrap: break-word;
}
div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-name-display-results div.field-value-name-display-results
{
    width: 50%;
    margin-left: 20px;
    word-wrap: break-word;
}
div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-bar-display-results
{
    width: 45%;
}
div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-bar-display-results div.field-bar,
div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-bar-display-results div.field-value-bar
{
    width: 45%;
    height: 10px;
    border: 1px solid #AAB1B7;
} 
div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-bar-display-results div.field-bar div.field-percentage-bar
{
    height: 10px;
    background-color: #000000;
} 
div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-bar-display-results div.field-value-bar div.field-value-percentage-bar
{
    height: 10px;
    background-color: #888687;
} 
div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-percentage-display-results
{
    width: 59px;
    vertical-align: middle;
} 
div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-percentage-display-results div
{
    width: 59px;
    text-align: right;
} 

div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-name-value-display-results span.field-name-display-results
{
    color: #333333;
    word-wrap: break-word;
}
div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-name-value-display-results span.field-value-display-results
{
    color: #EA9600;
    word-wrap: break-word;
}
div#shop div#innercontent div.form-step div.custom-form-step .CustomFormTable
{
    width:100%;
}

/*********************/
/*  CUSTOMER DETAILS */
/*********************/

#detailsmanager { z-index: 1; }
#orderSteps { z-index: 1; }
div#orderSteps .title 
{
    color: #D7F50E;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#detailsmanager div.divNew input.button
{
}
#detailsmanager div.contactInfo
{
    position:relative;
    width:205px;
    margin:0;
    padding:0 8px;
    background-color:#032d45;
    border-left:2px solid #3581a5; 
    border-right:2px solid #3581a5;
    _margin-top:-2px;
    _width:225px;
}
#detailsmanager div.selected
{
	color:Green;
}
#detailsmanager div.divNew
{
    clear:both;
    padding-top:20px;
}
div#middle #innercontent #detailsmanager div.contactInfo .contactButtons a.icon { width: 14px; height: 14px; text-decoration: none; display: block; float: left; margin: 0px 2px; }
#detailsmanager div.contactInfo .contactButtons a.edit { background-image:url(../../images/layout/edit.gif); }
#detailsmanager div.contactInfo .contactButtons a.delete { background-image:url(../../images/layout/delete.gif); }
#detailsmanager div.contactInfo .contactButtons a.select { background-image:url(../../images/layout/ok.gif); }

#detailsmanager div.contactInfo span.contactButtons { float:right; }
#detailsmanager .ddlType { margin-bottom:15px; }
#detailsmanager .leftCol { text-align:right; }


div#Steps{ width:100%; /*float:right;*/ margin-top:0; margin-bottom:40px; border-top:2px solid #398bae; border-bottom:2px solid #398bae; height:32px; _height:30px; padding:0; background-color:#032D45; }
div#Steps ul{ margin:0px; list-style:none; padding:0; }
.step{ float:left; margin-right:0px; }
.stepsLeft 
{
    background: url(../../images/layout/stepsLeft.png) repeat scroll 0 0 transparent;
    float: left;
    height:36px;
    _height: 34px;
    margin-top: -2px;
    width: 9px;
}
.stepsRight {
    background: url(../../images/layout/stepsRight.png) repeat scroll 0 0 transparent;
    float: right;
    height:36px;
    _height: 34px;
    margin-left: -9px;
    margin-top:-2px;
    width: 9px;
}



div#middle #innercontent div#Steps a{ width:auto; height:32px; line-height:32px; display:block; text-decoration:none; color:#616e73; background-color:#032d45; _padding-right:5px; cursor:default }
div#middle #innercontent div#Steps a.clickable{cursor:pointer;}

div#middle #innercontent div#Steps a.cartactive{ color:#fff; font-weight:bold; }
div#middle #innercontent div#Steps a.billingactive{ color:#fff; font-weight:bold; }
div#middle #innercontent div#Steps a.paymentactive{ color:#fff; font-weight:bold; }
div#middle #innercontent div#Steps a.deliveryactive{ color:#fff; font-weight:bold; }
div#middle #innercontent div#Steps a.overviewactive{ color:#fff; font-weight:bold; }


.cart{ background-image:url(../../images/layout/1.jpg); padding-left:25px; width:22px; height:32px; display:block; background-repeat:no-repeat;}
.cartactive { background-image:url(../../images/layout/1.jpg); padding-left:25px; width:22px; height:32px; display:block; background-repeat:no-repeat; }
div#cart{ margin-top:40px; }
div#cartTop{ background-image:url("../../images/layout/cartTop.gif"); width:607px; height:13px; background-repeat:no-repeat; _height:14px;}
div#cartBottom{ background-image:url("../../images/layout/cartBottom.gif"); width:607px; height:13px; background-repeat:no-repeat; }

div#cart .amntEdit input{width:40px; float:left;}
div#cart td.editRow {width:40px;}
div#cart .deleteicon { background-image:url("../../images/layout/delete.gif"); background-repeat:no-repeat; width:16px;height:16px; display:block; float:right; background-color:#032D45; }
div#cart .editicon { background-image:url("../../images/layout/edit.gif"); background-repeat:no-repeat; width:16px;height:16px; display:block; float:left; margin-left:6px; }
div#cart .amntEdit a.saveicon { background-image:url("../../images/layout/save.gif"); background-repeat:no-repeat; width:16px;height:16px; display:block; float:right; float:left; margin:5px;}

.billing{ background-image:url("../../images/layout/2.jpg"); padding-left:50px; width:47px; height:32px; display:block; background-repeat:no-repeat; }
.billingactive{ background-image:url("../../images/layout/2.jpg"); padding-left:50px; width:47px; height:32px; display:block; background-repeat:no-repeat; }


.delivery{ background-image:url("../../images/layout/3.jpg"); padding-left:50px; width:47px; height:32px; display:block; background-repeat:no-repeat;}
.deliveryactive{ background-image:url("../../images/layout/3.jpg"); padding-left:50px; width:47px; height:32px; display:block; background-repeat:no-repeat;}


.payment{ background-image:url("../../images/layout/4.jpg"); padding-left:50px; width:47px; height:32px; display:block; background-repeat:no-repeat; }
.paymentactive{ background-image:url("../../images/layout/4.jpg"); padding-left:50px; width:47px; height:32px; display:block; background-repeat:no-repeat; }

.overview{ background-image:url("../../images/layout/5.jpg"); padding-left:50px; width:47px; height:32px; display:block; background-repeat:no-repeat; }
.overviewactive{ background-image:url("../../images/layout/5.jpg"); padding-left:50px; width:47px; height:32px; display:block; background-repeat:no-repeat; }

.nonclick{ cursor:default;}
div#divItems{ background-color:#032d45; width:563px; _width:607px; border-left:2px solid #3581a5; border-right:2px solid #3581a5; padding: 10px 20px; _margin-top:-2px; }
div#divItems table{ font-size:12px; width:563px; }
div#divItems table th{ text-align:left; }

input.disabled{ color:#ffffff; }

div#bestelLogin{ margin-top:70px; _margin-top:100px; }
div#bestelLoginInner { background-color:#032d45; width:563px; _width:607px; border-left:2px solid #3581a5; border-right:2px solid #3581a5; padding: 10px 20px; _margin-top:-2px; }
div#bestelLoginInner .FieldCell{ font-size:12px; }
div#bestelLoginInner label{ font-size:12px; }
div#bestelLoginInner input#ctl00_cphCenterCol_page_siteLogin_btnNext{ display:block; }
div#loginTop{ background-image:url("../../images/layout/cartTop.gif"); width:607px; height:13px; background-repeat:no-repeat; _height:14px;}
div#loginBottom{ background-image:url("../../images/layout/cartBottom.gif"); width:607px; height:13px; background-repeat:no-repeat; }

div#divCoupon{ margin-top:20px; background-color:#032d45; width:360px; float:left; margin-bottom:50px; }
div#CouponInner{ padding:10px 9px ; border-left:2px solid #3581a5; border-right:2px solid #3581a5; _margin-top:-2px; }
div#couponTop{ background-image:url("../../images/layout/couponsTop.gif"); width:360px; height:13px; background-repeat:no-repeat;}
div#couponBottom{ background-image:url("../../images/layout/couponsBottom.gif"); width:360px; height:13px; background-repeat:no-repeat;}


div#finalTotals{ font-size:12px; margin-top:20px; background-color:#032D45; margin-right:5px; margin-bottom:20px; }
div#finalTotals .total{ border-left:2px solid #3581a5; border-right:2px solid #3581a5; width:607px; padding-left:10px; _margin-top:-2px; _text-align: center; padding-right:18px; }
div#finalTotals .total td{ text-align:right; }
div#finalTotals .totalTd{ }
div#finalTotals .total td.amount{ _padding-right:18px; width:20%; }
div#finalTotals .total .totalPrice{ font-weight:bold; color:#D7F50E; }
div#finalTotals .total .subtotalPrice{ font-weight:bold; }
div#finalTotals table {font-size:12px; }
div#finaltotalsTop{ background-image:url("../../images/layout/cartTop.gif"); width:607px; height:13px; background-repeat:no-repeat; }
div#finaltotalsBottom{ background-image:url("../../images/layout/cartBottom.gif"); width:607px; height:13px; background-repeat:no-repeat;}

div#divTotals{ font-size:12px; margin-top:20px; width:225px; background-color:#032D45; float:right; margin-right:5px; margin-bottom:20px; }
div#divTotals .total{ border-left:2px solid #3581a5; border-right:2px solid #3581a5; width:225px; padding-left:10px; _margin-top:-2px; _text-align: center; }
div#divTotals .total td{ text-align:right; padding-right:18px; }
div#divTotals .total .totalPrice{ font-weight:bold; color:#D7F50E; }
div#divTotals .total .subtotalPrice{ font-weight:bold; }
div#divTotals table {font-size:12px; }
div#totalsTop{ background-image:url("../../images/layout/smallTotalsTop.gif"); width:225px; height:13px; background-repeat:no-repeat; }
div#totalsBottom{ background-image:url("../../images/layout/smallTotalsBottom.gif"); width:225px; height:13px; background-repeat:no-repeat;}



div#control input.bestNext{ cursor:pointer; }
div#control input.bestPrev{ cursor:pointer; }

div#deliverydetail{  width:573px; padding:0px 15px; _width:608px; _margin-top:-2px; }

/*div#paymentDetails{ background-color:#032d45; width:563px; _width:607px; border-left:2px solid #3581a5; border-right:2px solid #3581a5; padding: 10px 20px; _margin-top:-2px; }*/

div#contactTop{ background-image:url("../../images/layout/contactTop.png"); _background-image:url("../../images/layout/contactTop.gif"); width:225px; height:13px; background-repeat:no-repeat;}
div#contactBottom{ background-image:url("../../images/layout/contactBottom.gif"); width:225px; height:13px; background-repeat:no-repeat;}

div#contacts{ width:225px; float:left; margin-right:25px; margin-bottom:20px;}


div#finalcontactWrap div#detailsmanager{ margin:0; }
div#finalcontactWrap div#detailsmanager div.contactInfo{ width:271px; _width:291px; }
div#finalcontactWrap{ }
div#finalcontactWrap div#finalcontacts{ width:291px; float:left; }
div#finalcontactWrap div#finalcontacts div#contactTop{ background-image:url("../../images/layout/finalcontactTop.gif"); width:291px; height:13px;}
div#finalcontactWrap div#finalcontacts div#contactBottom{ background-image:url("../../images/layout/finalcontactBottom.gif"); width:291px; height:13px;}


div#finalcontactTop{ background-image:url("../../images/layout/finalcontactTop.gif"); width:291px; height:13px; background-repeat:no-repeat;}
div#finalcontactBottom{ background-image:url("../../images/layout/finalcontactBottom.gif"); width:291px; height:13px; background-repeat:no-repeat;}

div#finalcontacts{ width:291px; float:left; margin-right:25px; margin-bottom:20px;}

div#deliveryTop{ background-image:url("../../images/layout/cartTop.gif"); width:607px; height:13px; background-repeat:no-repeat; }
div#deliveryBottom{ background-image:url("../../images/layout/cartBottom.gif"); width:607px; height:13px; background-repeat:no-repeat;}
div#deliverydetail{ background-color:#032D45; border-left:2px solid #3581a5; border-right:2px solid #3581a5; }
div#deliverywrap{ }

div#payment
{     
	background-color: #032D45;
    border-left: 2px solid #3581A5;
    border-right: 2px solid #3581A5;
    padding: 10px 20px;
    width: 563px;
    _width: 607px;
    _margin-top:-2px;
}

div#payment span#spanCredits { display:inline-block; padding:8px 0px; }
div#paymentTop{ background-image:url("../../images/layout/cartTop.gif"); width:607px; height:13px; background-repeat:no-repeat; _height:14px;}
div#paymentBottom{ background-image:url("../../images/layout/cartBottom.gif"); width:607px; height:13px; background-repeat:no-repeat; }



div#paymentOverview{ clear:both; margin-bottom:20px; margin-top:20px; }

div#totalsWrap
{
	width:610px;
}
.shopItems
{
	width:100%;
}
.shopItems thead th
{
	border-bottom:1px solid #fff;
}
.shopItems .amntLabel span
{
    float:left;
}
.shopItems .amntLabel a.editIcon
{
    float:none;
}

.item td.totalPrice
{
	text-align:right;
}
.alternate td.totalPrice
{
	text-align:right;
}

div#divItems table th.totalPrice
{
	text-align:right;
}
div#divItems table th
{
	border-bottom:1px solid #fff;
}

/***** Next-previous buttons *****/
.bestNext{ background:none; border:none; background-image:url("../../images/layout/right100.jpg"); height:65px; width:50px; border:none; }
.bestNextdis{ background:none; border:none; background-image:url("../../images/layout/right25.jpg"); height:65px; width:50px; border:none; }
.bestPrev
{ 
	background:url("../../images/layout/left100.jpg");
	height:65px;
	margin-left:-10px;
	margin-right:50px;
	width:50px; 
	border:none;
}
.bestPrevdis
{ 
	background:none; 
	border:none; 
	background-image:url("../../images/layout/left25.jpg"); 
	height:65px; 
	width:50px; 
	margin-left:-10px;
	margin-right:50px;
}
div#control{ margin-top:90px; text-align:center; clear:both; }
div#detailsmanager { clear: both; margin-left: auto; margin-right: auto; margin-top: 20px; width: 635px; }
div#delivery{ margin-top: 40px; }
div#paymentWrap{ margin-top:40px; }
div#bestelLogin{ margin-top:40px; }

/******** social media *****/
.addthis_toolbox
{
} 
.at300b
{
}
.addthis_button_google_plusone
{
    width:70px;
}
.fb_iframe_widget
{
}
.ContactForm
{
    margin-bottom:30px;
}
.addthis_toolbox addthis_default_style 
{
    margin-top:30px;
}

.facebookComments {
    background-color: #FFFFFF;
    margin-top: 20px;
    text-align: center;
}

/*************************/
/***  SELECTION FIELDS ***/
/*************************/

.togglePanel
{
	height:20px;
	width:100%;
	background-color:#ccc;
	color:#333;
	font-weight:bold;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
	display:block;
	line-height:20px;
	padding-left:8px;
}

div.CategoriesSelection div.catslist
{
	height:380px;
	overflow:auto;
}
div.CategoriesSelection div.controls
{
	width:100%;
	border-top:2px solid #777;
	padding-top:10px;
	display:none;
}
div.SelectionField a.addbtn
{
	background-color:#006699;
	color:#555;
	padding:2px 5px 2px 20px;
	background-image:url(../../images/admin/add.png);
	background-position:2px center;
	background-repeat:no-repeat;
	border:1px solid #ddd;
}
div.SelectionField a.addbtn:hover
{
	background-color:#336699;
}
div.SelectionField a.delBtn
{
	background-image:url(../../images/admin/delete.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	float:right;
	height:16px;
	position:relative;
	top:2px;
	width:20px;
}
div.SelectionField div.selected
{
	margin-top:2px;
	max-height:400px;
	overflow:auto;
}

div.SelectionField div.selected ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:5px;
}
div.SelectionField div.selected ul li
{
    background-color: #006699;
    height: 22px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    line-height: 22px;
    padding-left: 5px;
}
div.SelectionField div.selected ul li:hover
{
    background-color: #336699;
}


div.SelectionField ul.autoCompleteList,
ul.autoCompleteList
{
	list-style-type:none;
	z-index:999;
	border:2px solid #bbb;
	padding:0;
	margin:0;
	visibility:hidden;
	background-color:#ffffff;
}
div.SelectionField ul.autoCompleteList li
{
	list-style-type:none;
}
div.SelectionField ul.autoCompleteList li:hover
{
    background-color:Blue;
    cursor:pointer;
}
div.SelectionField ul.autoCompleteList li a
{
	list-style-type:none;
	background-color:#000;
}
div.SelectionField .ui-sortable .ui-sortable
{
    cursor:move;
}
div.PhotosField a.delBtn
{
	left:-18px;
	position:relative;
	cursor:pointer;
}
div.PhotosField div.imagebox img
{
	border:1px solid #ddd;
}
div.FilesField div.selected
{
	margin-top:10px;
}
div.ColourField
{
	position:relative;
	z-index:2;
}
div.ColourField input
{
	-moz-box-sizing:padding-box;
}

div.SubscribersSelection a.selectall
{
	cursor:pointer;
	background-image:url(../../images/admin/toggle.png);
	background-repeat:no-repeat;	
	background-position:4px center;
	padding:4px 13px 4px 30px;
	background-color:#eee;	
	color:#666;
	font-size:10px;
	font-family:Verdana;
	font-weight:bold;
	border:1px solid #ddd;
}
div.SubscribersSelection a.selectall:hover
{
	border:1px solid #FF8A06;
}

div.SubscribersSelection table td img.changebutton
{
	cursor:pointer;
}

div.SubscribersSelection table tr.includedmanually
{
	background-color:#a6dba3;
}
div.SubscribersSelection table tr.includedbygroup
{
	background-color:#d5f1d4;
}
div.SubscribersSelection table tr.excluded
{
	background-color:#cf9f9f;
}


/*****************************/
/*** GLOBAL UPDATEPROGRESS ***/
/*****************************/
div#global_updateprogress div#global_updateprogress_background,
div.global_updateprogress div.global_updateprogress_background
{
	position:fixed;
	_position:absolute;
	height:100%;
	top:0;
	left:0;
	background-color:#333;
	z-index:998;
	opacity:.60;
	filter: alpha(opacity=60); 
	-moz-opacity: 0.6;
}
div#global_updateprogress div#global_updateprogress_loader,
div.global_updateprogress div.global_updateprogress_loader
{
	padding:20px;
	position:fixed;
	_position:absolute;
	background-color:#fff;
	border:1px solid #555;
	z-index:999;
	display:block;
}
div#global_updateprogress div#global_updateprogress_loader *,
div.global_updateprogress div.global_updateprogress_loader *
{
	float:left;
	display:block;
}
div#global_updateprogress div#global_updateprogress_message,
div.global_updateprogress div.global_updateprogress_message
{
	display:block;
	margin-left:20px;
	position:relative;
	top:9px;
	color: #000000;
	font-weight:bold;
	white-space:nowrap;
}

div .mpeBackground
{
    background-color:#333;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}


/*****************************/
/*** PIP                   ***/
/*****************************/
div#middle div#innercontent div.pip
{
    padding: 5px 2px 5px 2px;
    background-color: #FFFFFF;
} 
div#middle div#innercontent div.pip a.pip-link,
div#middle div#innercontent div.pip a.create-remark
{
    color: #21abd9;
    text-decoration: underline;
    font-size:11px;
} 
div#middle div#innercontent div.pip a[disabled=disabled].pip-link
div#middle div#innercontent div.pip a[disabled=disabled].create-remark
{
    color: #CCC;
    text-decoration: underline;
    font-size:11px;
} 
div#middle div#innercontent div.pip span.pip-link
{
    color: #3248A1;
    text-decoration: underline;
} 
div#innercontent div.pip > div#pip-help
{
    margin: 10px;
    text-align: right;
} 
div#innercontent div.pip > div#pip-customer
{
    margin: 10px 10px 30px 10px;
} 
div#innercontent div.pip > table.pip
{
    margin: 10px 10px 10px 30px;
} 
div#middle div#innercontent div.pip div#pip-customer span.pip-title
{
    color: #393939;
    font-weight:bold;
} 
div#middle div#innercontent div.pip div#pip-customer span.pip-customer
{
    color: #3248A1;
    font-weight:bold;
}
div#middle div#innercontent div.pip div.patients-list
{
    color: #393939;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-left: 5px;
} 

div#middle div#innercontent div.pip div.patients-list table.GridView tr .patient-name
{
    color: #393939;
} 
div#middle div#innercontent div.pip div.patients-list table.GridView tr .patient-name a
{
    color: #3248A1;
} 
 
div#middle div#innercontent div.popup-log
{
    width: 600px;
    word-wrap: break-word;
    margin-bottom: 20px;
} 
div#middle div#innercontent div.popup-log div.log-book > div.modalpopup-content div.log-results
{
    width: 600px;
    height: 300px;
    overflow: auto;
} 

div#middle div#innercontent div.popup-log div.modalpopup
{
    width: 600px;
    word-wrap: break-word;
    margin-bottom: 20px;
} 
div#middle div#innercontent div.popup-log div.log-search
{
    margin-bottom: 10px;
} 
div#middle div#innercontent div.popup-log div.log-search table.log-search
{
    color: #393939;
    margin-bottom: 10px;
} 
div.print-log-book
{
    margin: 20px 10px 20px 50px;
    width: 600px;
}
div#middle div#innercontent div.popup-log div.pip-log-book table.GridView,
div.print-log-book table.GridView
{
    width: 100%;
    color: #393939;
    border: 1px solid transparent;
    margin-bottom: 10px;
} 
div#middle div#innercontent div.popup-log div.pip-log-book table.GridView td.log-person,
div#middle div#innercontent div.popup-log div.pip-log-book table.GridView th.log-person,
div.print-log-book table.GridView td.log-person,
div.print-log-book table.GridView th.log-person
{
    width: 300px;
    font-weight: bold;
    padding: 2px 2px 2px 10px;
    text-align: left;
} 
div#middle div#innercontent div.popup-log div.pip-log-book table.GridView th.log-day,
div.print-log-book table.GridView th.log-day
{
    width: 250px;
    font-weight: bold;
    padding: 2px 2px 2px 10px;
    text-align: left;
} 
div#middle div#innercontent div.popup-log div.pip-log-book table.GridView td.log-day,
div.print-log-book table.GridView td.log-day
{
    padding: 2px 2px 2px 10px;
    text-align: left;
} 
div#middle div#innercontent div.popup-log div.pip-log-book table.GridView th.log-hour, 
div.print-log-book table.GridView th.log-hour
{
    width: 50px;
    font-weight: bold;
    padding: 2px 10px 2px 2px;
    text-align: right;
} 
div#middle div#innercontent div.popup-log div.pip-log-book table.GridView td.log-hour,
div.print-log-book table.GridView td.log-hour
{
    padding: 2px 10px 2px 2px;
    text-align: right;
} 
div#middle div#innercontent div.popup-log div.pip-log-book div.pip-buttons,
div.print-log-book table.GridView div.pip-buttons
{
    padding: 10px 20px 10px 10px;
    text-align: right;
} 
 
div#middle div#innercontent div.popup-med-schema-daily
{
    width: 900px;
    word-wrap: break-word;
    margin-bottom: 20px;
} 
div#middle div#innercontent div.popup-med-schema-daily div.med-schema-details > div.modalpopup-content
{
    width: 950px;
    height: 300px;
    overflow: auto;
} 
div#middle div#innercontent div.popup-med-schema div.print-dialog
{
    margin-bottom: 10px;
} 
div#middle div#innercontent div.popup-med-schema-print div.print-dialog table.med-schema-search
{
    color: #393939;
    margin-bottom: 10px;
} 
div#middle div#innercontent div.popup-med-schema-print div.print-dialog table.med-schema-search td.med-schema-search-label
{
    color: #393939;
} 
div#middle div#innercontent div.popup-med-schema-print div.print-dialog table.med-schema-search td.med-schema-search-label span.med-schema-exclamation
{
    color: #FF0000;
} 
div#middle div#innercontent div.popup-med-schema-print div.print-dialog table.med-schema-search td.med-schema-search-textbox
{
    color: #393939;
} 

div#middle div#innercontent div.pip table.pip .pip-active,div#middle div#innercontent div.pip table.pip .pip-link,
div#middle div#innercontent div.pip table.pip .pip-security-status, div#middle div#innercontent div.pip table.pip .pip-security-link
{
    background-color:#f9f9f9;
    padding:7px 5px;
}

div#middle div#innercontent div.pip table.pip .pip-security-link
{
    padding-left:15px;
}



div#middle div#innercontent div.pip table.third-party-pwd div.popup-explanation
{
    width: 300px;
    color: #393939;
    word-wrap: break-word;
    font-style: italic;
    margin-bottom: 20px;
} 
div#middle div#innercontent div.pip table.third-party-pwd td.pip-title
{
    color: #393939;
    margin-bottom: 20px;
} 

div#middle div#innercontent div.pip div.popup-explanation
{
    width: 300px;
    color: #393939;
    word-wrap: break-word;
    font-style: italic;
    margin-bottom: 20px;
} 
div#middle div#innercontent div.pip div.popup-edit table.rights-edit
{
    line-height: 20px;
    vertical-align: middle;
    margin-bottom: 20px;
} 
div#middle div#innercontent div.pip div.popup-edit table.rights-edit td.column1
{
    width: 100px;
} 
div#middle div#innercontent div.pip div.popup-edit table.rights-edit td.column2
{
    width: 100px;
    text-align: center;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C4C4C4;
} 
div#middle div#innercontent div.pip div.popup-edit table.rights-edit td.care-provider
{
    color: #030303;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #C4C4C4;
} 
div#middle div#innercontent div.pip div.popup-edit table.rights-edit td.right-name
{
    color: #000000;
    font-weight: bold;
} 
div#middle div#innercontent div.pip div.popup-edit table.rights-edit td.right-value
{
    color: #000000;
    font-weight: bold;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #C4C4C4;
} 
div#middle div#innercontent div.pip div.popup-edit td.pip-title
{
    color: #030303;
} 
div#middle div#innercontent div.pip span.pip-title
{
    color: #393939;
} 
div#middle div#innercontent div.pip div.pip-help
{
    width: 600px;
    color: #393939;
    padding: 10px;
} 
div#middle div#innercontent div.pip div.pip-help-field-name
{
    width: 600px;
    color: #393939;
    font-weight: bold;
    margin-bottom: 10px;
} 
div#middle div#innercontent div.pip div.pip-help-field-value
{
    width: 600px;
    color: #393939;
    margin-bottom: 20px;
} 

div#middle div#innercontent div.pip div.pip-edit-med-schema
{
    width: 300px;
    word-wrap: break-word;
} 
div#middle div#innercontent div.pip div.pip-edit-med-schema table.med-schema
{
    width: 100%;
    color: #393939;
    margin-bottom: 10px;
}
div#middle div#innercontent div.pip div.pip-edit-med-schema table.med-schema td span.med-schema-label
{
    color: #393939;
    font-weight: bold;    
}
div#middle div#innercontent div.pip div.pip-edit-med-schema table.med-schema td input.med-schema-textbox
{
    color: #393939;
}
div#middle div#innercontent div.pip div.pip-edit-med-schema table.med-schema td span.med-schema-exclamation
{
    color: #FF0000;
}
div#middle div#innercontent div.pip div.pip-edit-med-schema table.med-schema td input.med-schema-help
{
    color: #393939;
}

div#middle div#innercontent div.pip div.pip-edit-med-schema table.GridView
{
    width: 100%;
    color: #393939;
    border: 1px solid transparent;
    margin-bottom: 10px;
} 
div#middle div#innercontent div.pip div.pip-edit-med-schema table.GridView td,
div#middle div#innercontent div.pip div.pip-edit-med-schema table.GridView th
{
    padding: 2px 2px 2px 10px;
    text-align: left;
} 

div#middle div#innercontent div.pip table.pip
{
    width: 90%;
    color: #393939;
} 
div#middle div#innercontent div.pip table.pip > tbody > tr > td.pip-info
{
    width: 16px;
} 
div#middle div#innercontent div.pip table.pip > tbody > tr > td.pip-title
{
    padding-right:5px;
    text-align:right;
    width:100px;width: 100px;
} 
div#middle div#innercontent div.pip table.pip > tbody > tr > td.pip-active
{
    width: 16px;
    padding-left:20px;
} 
div#middle div#innercontent div.pip table.pip > tbody > tr > td.pip-link
{
    width: 200px;
} 
div#middle div#innercontent div.pip table.pip > tbody > tr > td.pip-security-status
{
    width: 250px;
} 


div#middle div#innercontent div.pip table.med-schema-weekly-top,
div.print-med-schema table.med-schema-weekly-top
{
    width: 720px;
    color: #393939;
    margin-bottom:5px;
    margin-top:30px;
}
div#middle div#innercontent div.pip table.med-schema-daily-top,
div.print-med-schema table.med-schema-daily-top
{
    width: 930px;
    color: #393939;
    margin-bottom:5px;
}
div#middle div#innercontent div.pip table.med-schema-weekly-top tr.empty-row,
div.print-med-schema table.med-schema-weekly-top tr.empty-row
{
    height: 30px;
}
div#middle div#innercontent div.pip table.med-schema-weekly-top td.med-schema-logo,
div.print-med-schema table.med-schema-weekly-top td.med-schema-logo,
div#middle div#innercontent div.pip table.med-schema-daily-top td.med-schema-logo,
div.print-med-schema table.med-schema-daily-top td.med-schema-logo
{
    width: 100px;
    height:130px;
} 
div#middle div#innercontent div.pip table.med-schema-daily-top td.med-schema-logo img.med-schema-logo,
div.print-med-schema table.med-schema-daily-top td.med-schema-logo img.med-schema-logo
{
    border:1px solid #000 !important;
}
div#middle div#innercontent div.pip table.med-schema-weekly-top td.med-schema-logo input.read-only,
div#middle div#innercontent div.pip table.med-schema-daily-top td.med-schema-logo input.read-only
{
    cursor: default;
}
div#middle div#innercontent div.pip table.med-schema-weekly-top td.med-schema-logo div.med-schema-logo-upload
{
    position: absolute;
    left: -140px;
    top: -50px;
}
div#middle div#innercontent div.pip table.med-schema-weekly-top td.med-schema-title,
div.print-med-schema table.med-schema-weekly-top td.med-schema-title
{
    width: 620px;
    color: #1347B7;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
    font-size:110%;
} 
div#middle div#innercontent div.pip table.med-schema-daily-top td.med-schema-title,
div.print-med-schema table.med-schema-daily-top td.med-schema-title
{
    width: 570px;
    color: #1347B7;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
} 
div#middle div#innercontent div.pip table.med-schema-weekly-top td.med-schema-pharmacist,
div#middle div#innercontent div.pip table.med-schema-weekly-top td.med-schema-doctor,
div.print-med-schema table.med-schema-weekly-top td.med-schema-pharmacist,
div.print-med-schema table.med-schema-weekly-top td.med-schema-doctor,
div#middle div#innercontent div.pip table.med-schema-daily-top td.med-schema-pharmacist,
div#middle div#innercontent div.pip table.med-schema-daily-top td.med-schema-doctor,
div.print-med-schema table.med-schema-daily-top td.med-schema-pharmacist,
div.print-med-schema table.med-schema-daily-top td.med-schema-doctor
{
    width: 250px;
    color: #1347B7;
    margin-bottom: 10px;
    text-align: left;
} 
div#middle div#innercontent div.pip table.med-schema-weekly-top td span.med-schema-label,
div.print-med-schema table.med-schema-weekly-top td span.med-schema-label,
div#middle div#innercontent div.pip table.med-schema-daily-top td span.med-schema-label,
div.print-med-schema table.med-schema-daily-top td span.med-schema-label
{
    width: 250px;
    color: #013069;
    margin-bottom: 10px;
    text-align: left;
    text-decoration: underline;
} 
div#middle div#innercontent div.pip table.med-schema-weekly-top td span.med-schema-content,
div.print-med-schema table.med-schema-weekly-top td span.med-schema-content,
div#middle div#innercontent div.pip table.med-schema-daily-top td span.med-schema-content,
div.print-med-schema table.med-schema-daily-top td span.med-schema-content
{
    width: 250px;
    color: #013069;
    margin-bottom: 10px;
} 
div#middle div#innercontent div.pip table.med-schema-weekly-top td.med-schema-date,
div.print-med-schema table.med-schema-weekly-top td.med-schema-date,
div#middle div#innercontent div.pip table.med-schema-daily-top td.med-schema-date,
div.print-med-schema table.med-schema-daily-top td.med-schema-date
{
    color: #013069;
    margin-bottom: 5px;
} 

div#middle div#innercontent div.med-schema-details div.pip div.divMedSchemaGrid table.GridView,
div.print-med-schema div.med-schema-details div.divMedSchemaGrid table.GridView
{
    width: 930px;
    color: #393939;
    margin-bottom: 10px;
}
div#middle div#innercontent > div.pip div.divMedSchemaGrid table.GridView,
div.print-med-schema div.divMedSchemaGrid table.GridView
{
    width: 720px;
    color: #393939;
    margin-bottom: 10px;
}

div#middle div#innercontent > div.pip div.divMedSchemaGrid table.GridView td,
div.print-med-schema div.divMedSchemaGrid table.GridView td
{
    padding:5px;
}

div#middle div#innercontent > div.pip div.divMedSchemaGrid table.GridView td.product-weekday,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-weekday
{
    padding:5px 0;
    text-align:center;
}

div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView tr.empty-row,
div.print-med-schema div.divMedSchemaGrid table.GridView tr.empty-row
{
    height: 10px;
    border-top-style: none;
    border-width: 0px;
    border-color: transparent;
    padding: 0px;
    margin: 0px;
    border-collapse: separate;
    border-spacing: 0px;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-name-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name-header,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-name-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-name-header
{
    background-color: #C2AD38;
    text-align: center;
    font-weight: bold;
    width: 340px;

}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-name-header span.product-name-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name-header span.product-name-header,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-name-header span.product-name-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-name-header span.product-name-header
{
    position:relative;
    z-index:100;
    color:#393939;
    font-weight: bold;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-name-header div.product-name-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name-header div.product-name-header,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-name-header div.product-name-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-name-header div.product-name-header
{
    position: absolute;
    overflow: hidden;
    height: 51px; top: 1px; left: 1px;
    width: 335px;
    z-index: 10;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-name-header div.product-name-header img.product-name-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name-header div.product-name-header img.product-name-header,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-name-header div.product-name-header img.product-name-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-name-header div.product-name-header img.product-name-header
{
    border-width: 0px;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-name
{
    text-align: left;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name input.product-name,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-name input.product-name
{
    color: #393939;
    width:100%;
} 
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name div.med-schema-error
{
    color: #FF0000;
    width:100%;
} 
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name a.pip-link-product,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name a.pip-vorm
{
    color: #393939;
    text-decoration: underline;
} 
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-name a.pip-link-product,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-name a.pip-vorm
{
    color: #393939;
    cursor: default;
} 
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name ul.autoCompleteList
{
    width: 400px !important;
    height: 150px;
    overflow: auto;
    background-color: #FFFFFF;
} 

div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-form-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-form-header,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-form-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-form-header
{
    text-align: center;
    font-weight: bold;
    width: 60px;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-form,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-form
{
    text-align: left;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-form ul.autoCompleteList
{
    width: 300px !important;
    height: 150px;
    overflow: auto;
    background-color: #FFFFFF;
} 

div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-qty,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-qty
{
    width: 10px;
    height: 10px;
    color: #393939;
    text-align: center;
    padding-right: 1px;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-photo,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-photo,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-photo-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-photo-header,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-photo,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-photo,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-photo-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-photo-header
{
    width: 26px;
    padding: 0px;
    margin: 0px;
    text-align: center;
}


div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-photo div.pill-photo-tooltip,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-photo div.pill-photo-tooltip
{
	display:inline-block;	
	float:left;
	position:relative;
	left: 1px;
	behavior: url(../../scripts/css/iepngfix.htc);
	/*color:Black;*/
 }
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-photo div.pill-photo-tooltip div.pill-photo-large
{
    display: none;
    position: absolute;
    padding: 6px;
    top: -5px;
    left: 20px;
	z-index:10009;
}
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-photo div.pill-photo-tooltip div.pill-photo-large
{
    display: none;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-photo div.pill-photo-tooltip:hover div.pill-photo-large
{
	display:block;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-photo div.pill-photo-tooltip div.pill-photo-large:hover
{
	display:none;
}

div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-sober-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-sober-header,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-sober-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-sober-header
{
    width: 35px;
    height: 10px;
    padding: 1px;
    color: #393939;
	background-color: #E79033;
	text-align: center;
	vertical-align: middle;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-sober,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-sober
{
    width: 10px;
    height: 10px;
    padding: 1px;
    color: #393939;
    text-align: center;
    font-weight: bold;
}

div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.morning-title,
div.print-med-schema div.divMedSchemaGrid table.GridView th.morning-title
{
    width: 10px;
    height: 10px;
    padding: 1px;
    color: #393939;
	background-color: #38A5DD;
	text-align: center;
	vertical-align: middle;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-morning-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-morning-header,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-morning-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-morning-header
{
    width: 19px;
    height: 10px;
    padding: 5px;
    color: #393939;
	background-color: #38A5DD;
	text-align: center;
	vertical-align: middle;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.morning-part-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.morning-part-header,
div.print-med-schema div.divMedSchemaGrid table.GridView th.morning-part-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.morning-part-header
{
    width: 10px;
    height: 10px;
    padding: 5px;
    color: #393939;
	background-color: #93BFE6;
	text-align: center;
	vertical-align: middle;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.morning-part,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-morning,
div.print-med-schema div.divMedSchemaGrid table.GridView td.morning-part,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-morning
{
    width: 10px;
    height: 10px;
    padding: 1px;
    color: #393939;
    background-color:#C7DDF2;
    text-align: center;
    font-weight: bold;
}

div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.noon-title,
div.print-med-schema div.divMedSchemaGrid table.GridView th.noon-title
{
    width: 16px;
    height: 10px;
    padding: 1px;
    color: #393939;
	background-color: #FFE466;
	text-align: center;
	vertical-align: middle;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-noon-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-noon-header,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-noon-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-noon-header
{
    width: 10px;
    height: 10px;
    padding: 5px;
    color: #393939;
    background-color:#FFE466;
    text-align: center;
    font-weight: bold;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.noon-part-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.noon-part-header,
div.print-med-schema div.divMedSchemaGrid table.GridView th.noon-part-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.noon-part-header
{
    width: 10px;
    height: 10px;
    padding: 5px;
    color: #393939;
	background-color: #FFEFA9;
	text-align: center;
	vertical-align: middle;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.noon-part,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-noon,
div.print-med-schema div.divMedSchemaGrid table.GridView td.noon-part,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-noon
{
    width: 10px;
    height: 10px;
    padding: 5px;
    color: #393939;
    background-color:#FEF5CA;
    text-align: center;
    font-weight: bold;
}

div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.evening-title,
div.print-med-schema div.divMedSchemaGrid table.GridView th.evening-title
{
    width: 10px;
    height: 10px;
    padding: 5px;
    color: #393939;
	background-color: #F598AB;
	text-align: center;
	vertical-align: middle;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-evening-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-evening-header,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-evening-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-evening-header
{
    width: 16px;
    height: 10px;
    padding: 5px;
    color: #393939;
    background-color:#F598AB;
    text-align: center;
    font-weight: bold;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.evening-part-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.evening-part-header,
div.print-med-schema div.divMedSchemaGrid table.GridView th.evening-part-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.evening-part-header
{
    width: 10px;
    height: 10px;
    padding: 5px;
    color: #393939;
	background-color: #FCCBD1;
	text-align: center;
	vertical-align: middle;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.evening-part,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-evening,
div.print-med-schema div.divMedSchemaGrid table.GridView td.evening-part,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-evening
{
    width: 10px;
    height: 10px;
    padding: 5px;
    color: #393939;
    background-color:#FDE9EB;
    text-align: center;
    font-weight: bold;
}

div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-night-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-night-header,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-night-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-night-header
{
    background-color: #E79033;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-night,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-night
{
    width: 16px;
    height: 10px;
    color: #393939;
    text-align: center;
    background-color:#9EE682;
    text-align: center;
    font-weight: bold;
}
 
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-weekday-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-weekday-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-weekday-header a,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-weekday-header a,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-weekday-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-weekday-header,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-weekday-header a,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-weekday-header a
{
    width: 22px;
    height: 10px;
    color: #393939;
    padding: 0px;
    text-align: center;
    text-decoration: none;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-current-weekday-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-current-weekday-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-current-weekday-header a,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-current-weekday-header a,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-current-weekday-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-current-weekday-header,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-current-weekday-header a,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-current-weekday-header a
{
    width: 18px;
    height: 10px;
    color: #393939;
    background-color: #00FF00;
    padding: 0px;
    text-align: center;
    text-decoration: none;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-weekday,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-current-weekday,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-weekday,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-current-weekday
{
    width: 12px;
    height: 10px;
    color: #393939;
    text-align: center;
}

div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-weekday-header table.weekday td.weekday-number,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-current-weekday-header table.weekday td.weekday-number,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-weekday-header table.weekday td.weekday-number,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-current-weekday-header table.weekday td.weekday-number
{
    width: 18px;
    height: 10px;
    color: #393939;
    padding: 1px 5px 1px 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #393939;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-weekday-header table.weekday td.weekday-letter,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-current-weekday-header table.weekday td.weekday-letter,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-weekday-header table.weekday td.weekday-letter,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-current-weekday-header table.weekday td.weekday-letter
{
    width: 20px;
    height: 10px;
    color: #393939;
    padding: 1px;
}
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-remarks-weekly-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-remarks-weekly-header,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-remarks-daily-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-remarks-daily-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-remarks
{
    display: none;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-remarks-weekly-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-remarks-weekly-header
{
    text-align: center;
    width: 16px;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-remarks-daily-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-remarks-daily-header
{
    text-align: center;
    background-color: #C2AD38;
    width: 20px
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-remarks
{
    width: 24px;
    text-align: center;
    padding-right: 1px;
    padding-left: 1px;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-remarks > div.auto-remark
{
	display:none;
}
div#middle div#innercontent table.GridView div.customControlTooltip
{
	display:inline-block;	
	position:relative;
	behavior: url(../../scripts/css/iepngfix.htc);
	/*color:Black;*/
}
div#middle div#innercontent table.GridView div.customControlTooltip div.pip-remarks 
{
    display: none !important;
    position: absolute;
    top: -8px;
    left: -500px;
	width:500px;
    padding: 6px;
    text-align: left;
    color: #393939;
	background-color:#f8eeb6;
	border:1px solid #1246B3;
	z-index:1;
}
div#middle div#innercontent table.GridView div.customControlTooltip:hover div.pip-remarks,
div#middle div#innercontent table.GridView div.customControlTooltip div.pip-remarks:hover
{
	display:block !important;
}
div#middle div#innercontent table.GridView div.customControlTooltip div.pip-remarks table.remarks-top
{
    width: 500px;
    color: #393939;
    margin-bottom: 10px;
}
div#middle div#innercontent table.GridView div.customControlTooltip div.pip-remarks table.remarks-top td.remarks-title
{
    text-align: left;
    color: #C00000;
}
div#middle div#innercontent table.GridView div.customControlTooltip div.pip-remarks table.remarks-top td.remarks-interval
{
    text-align: right;
    color: #21AE45;
}
div#middle div#innercontent table.GridView div.customControlTooltip div.pip-remarks table.manual-remark
{
    width: 500px;
}
div#middle div#innercontent table.GridView div.customControlTooltip div.pip-remarks table.manual-remark td.remark-content
{
    width: 100%;
    color: #393939;
}
div#middle div#innercontent table.GridView div.customControlTooltip div.pip-remarks table.manual-remark td.remark-buttons a
{
    display:inline-table
}
div#middle div#innercontent table.GridView div.customControlTooltip div.pip-remarks > div.auto-remark table.auto-remark
{
    width: 100%;
}
div#middle div#innercontent table.GridView div.customControlTooltip div.pip-remarks > div.auto-remark table.auto-remark tr.remark-separator
{
    border-top-style: solid;
    border-top-width: 1px;
    border-color: #4583FE;
}
div#middle div#innercontent table.GridView div.customControlTooltip div.pip-remarks > div.pip-buttons
{
    text-align: left;
}
div#middle div#innercontent table.GridView div.customControlTooltip div.pip-remarks > div.pip-buttons div.create-remark
{
    margin-top: 50px;
}

div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-visible-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-visible-header,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-visible-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-visible-header
{
	width:30px;
	text-align: center;
	vertical-align: middle;
}
div.print-med-schema div.divMedSchemaGrid table.GridView th.medication-schema-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.medication-schema-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.medication-schema
{
    display: none;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.medication-schema-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.medication-schema-header
{
    width: 30px;
    text-align: center;
    background-color: #C2AD38;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.medication-schema
{
    height: 10px;
    color: #393939;
    text-align: center;
}

div.print-med-schema div.divMedSchemaGrid table.GridView th.medication-edit-save-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.medication-edit-save-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.medication-edit-save,
div.print-med-schema div.divMedSchemaGrid table.GridView th.medication-delete-cancel-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.medication-delete-cancel-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.medication-delete-cancel
{
    display: none;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.medication-edit-save-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.medication-edit-save-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView th.medication-delete-cancel-header,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.medication-delete-cancel-header
{
    width: 30px;
    text-align: center;
    background-color: #C2AD38;
}
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.medication-edit-save,
div#middle div#innercontent div.pip div.divMedSchemaGrid table.GridView td.medication-delete-cancel
{
    height: 10px;
    color: #393939;
    text-align: center;
}

div#middle div#innercontent div.pip table.med-schema-legend
{
    margin-top: 10px;
    margin-bottom: 10px;
} 

div#middle div#innercontent div.pip table.med-schema-legend td.med-schema-title
{
    color:#393939;
    font-weight:bold;
    padding-bottom:5px;
    text-align:left;
} 

div#middle div#innercontent div.pip table.med-schema-legend td.med-schema-icon
{
    text-align:center;
    vertical-align:top;
    width:25px;
    color:#000000;
}
div#middle div#innercontent div.pip table.med-schema-legend td.med-schema-icon div.product-visible 
{
	background-image:url(../../images/admin/visible.png);
    background-repeat:no-repeat;
    background-position: center center;
	width:16px;
	height:16px;
	display:inline-block;
}
div#middle div#innercontent div.pip table.med-schema-legend td.med-schema-icon div.legendMorning 
{
	background-image:url(../../images/admin/morning.png);
    background-repeat:no-repeat;
    background-position: center center;
	width:38px;
	height:31px;
	display:inline-block;
}
div#middle div#innercontent div.pip table.med-schema-legend td.med-schema-icon div.legendNight
{
	background-image:url(../../images/admin/night.png);
    background-repeat:no-repeat;
    background-position: center center;
	width:35px;
	height:36px;
	display:inline-block;
}
div#middle div#content input.popup_button_patients
{
    background-image:url(../../images/admin/patientButton.png);
    background-repeat:no-repeat;
    background-position:left -2px;
    border:0px;
    width:147px;
    height:35px;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    padding-left:30px;
    background-color:#ffffff;
    cursor:pointer;
    margin-top:15px;
}
div#middle div#content div.buttons
{
    width:720px;
    margin-bottom:15px;
}
div#middle div#content input.popup_button_overview
{
    background-image:url(../../images/admin/OverviewButton.png);
    background-repeat:no-repeat;
    background-position:top left;
    border:0px;
    width:147px;
    height:35px;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    padding-left:30px;
    background-color:#ffffff;
    cursor:pointer;
}
div#middle div#content input.popup_button_edit
{
    background-image:url(../../images/admin/addButton.png);
    background-repeat:no-repeat;
    background-position:top left;
    border:0px;
    width:147px;
    height:35px;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    padding-left:30px;
    background-color:#ffffff;
    cursor:pointer;
}
div#middle div#content input.popup_button_log
{
    background-image:url(../../images/admin/logButton.png);
    background-repeat:no-repeat;
    background-position:top left;
    border:0px;
    width:147px;
    height:38px;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    padding-left:30px;
    background-color:#ffffff;
    cursor:pointer;
}


div#middle div#content input.popup_button_add
{
    background-image:url(../../images/admin/addButton.png);
    background-repeat:no-repeat;
    background-position:top left;
    border:0px;
    width:147px;
    height:35px;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    padding-left:30px;
    background-color:#ffffff;
}

div#middle div#content input.popup_button_print
{
    background-image:url(../../images/admin/imageButton.png);
    background-repeat:no-repeat;
    background-position:top left;
    border:0px;
    width:147px;
    height:35px;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    padding-left:30px;
    background-color:#ffffff;
    cursor:pointer;
}


div#middle div#innercontent div.pip .addButton {
    background-image:url("../../images/admin/add.png");
    background-position:center center;
    background-repeat:no-repeat;
    cursor:pointer;
    display:block;
    height:16px;
    margin:0 auto;
    text-align:left;
    width:25px;
}

div#middle div#innercontent div.pip .morningButton 
{
    background-image:url("../../images/admin/morning.png");
    background-position:center center;
    background-repeat:no-repeat;
    cursor:pointer;
    display:block;
    height:30px;
    margin:0 auto;
    text-align:left;
    width:30px;
}

div#middle div#innercontent div.pip .nightButton 
{
    background-image:url("../../images/admin/night.png");
    background-position:center center;
    background-repeat:no-repeat;
    cursor:pointer;
    display:block;
    height:35px;
    margin:0 auto;
    text-align:left;
    width:30px;
}
div#middle div#innercontent div.pip div.customControlTooltip > .addButton
{
	background-image:url(../../images/admin/add.png);
    background-repeat:no-repeat;
    background-position: center center;
    width:20px;
	height:20px;
	display:block;
	cursor:default;
	margin: 0 auto;
}
div#middle div#innercontent div.pip .editButton
{
    background-image: url(../../images/admin/aanpassen.png);
    background-repeat:no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    margin: 0 auto;
    background-color: Transparent;
    background-repeat: no-repeat;
}
div#middle div#innercontent div.pip .deleteCancelButton
{
	background-image:url(../../images/layout/delete.gif);
    background-repeat:no-repeat;
    background-position: center center;
	width:16px;
	height:16px;
	display:block;
	cursor:pointer;
	margin: 0 auto;
}
div#middle div#innercontent div.pip .agendaButton
{
	background-image:url(../../images/admin/agenda.png);
    background-repeat:no-repeat;
    background-position: center center;
	width:26px;
	height:35px;
	display:block;
	cursor:pointer;
	margin: 0 auto;
}
div#middle div#innercontent div.pip .agendaButton.inCase
 {
     background-position:center 20px;
     font-weight:normal;
     padding-top:5px;
     height:50px;
     color:#000000;
 }
div#middle div#innercontent div.pip .saveButton
{
	background-image:url(../../images/admin/save.png);
    background-repeat:no-repeat;
    background-position: center center;
	width:16px;
	height:16px;
	display:block;
	cursor:pointer;
	margin: 0 auto;
}
div#middle div#innercontent div.pip .cancelButton
{
	background-image:url(../../images/admin/active_false.png);
    background-repeat:no-repeat;
    background-position: center center;
	width:16px;
	height:16px;
	display:block;
	cursor:pointer;
	margin: 0 auto;
}
div#middle div#innercontent div.pip .showButton
{
    background-image:url("../../images/admin/exclamation.png");
    background-repeat:no-repeat;
    background-position: center center;
    cursor:pointer;
    display:block;
    height:16px;
    margin:0 auto;
    width:25px;
}
div#middle div#innercontent div.pip div.customControlTooltip > .showButton
{
	background-image:url(../../images/admin/exclamation.png);
    background-repeat:no-repeat;
    background-position: center center;
	width:16px;
	height:16px;
	display:block;
	cursor:default;
	margin: 0 auto;
}

div#middle div#innercontent div.pip div#pip-care-providers > ul
{
    padding: 4px;
}
div#middle div#innercontent div.pip div#pip-care-providers > ul > li
{
    list-style-type: none;
    width: 240px;
    border: 0 none #FFFFFF;
    font-size:90%;
    line-height:15px;
}
div#middle div#innercontent div.pip div#pip-care-providers > ul > li > div
{
    padding: 2px;
    width: 240px;
    border-radius: 4px 4px 4px 4px;
    /*box-shadow: 3px 3px 4px #222222;*/
}
div#middle div#innercontent div.pip div#pip-care-providers div#contactTop
{
    width: 230px;
    height: 25px;
    background: url("/Scripts/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 100% top #EEEEEE;
    border: 0 none #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    line-height:26px;
}
div#middle div#innercontent div.pip div#pip-care-providers div#contactTop .contactButtons a.icon
{
    width: 16px;
    height: 16px;
    text-decoration: none;
    display: block;
    float: left;
    margin: 0px 2px;   
    background-repeat: no-repeat;
    background-position: center;
}
div#middle div#innercontent div.pip div#pip-care-providers div#contactTop .contactButtons a.edit
{
    background-image:url(../../images/layout/edit.gif);
}
div#middle div#innercontent div.pip div#pip-care-providers div#contactTop .contactButtons a.delete { background-image:url(../../images/layout/delete.gif); }
div#middle div#innercontent div.pip div#pip-care-providers div#contactTop .contactButtons a.select { background-image:url(../../images/layout/ok.gif); }

div#middle div#innercontent div.pip div#pip-care-providers div#contactTop span.contactButtons
{
    float:right;
    position: relative;
    top: 5px;
}

div#middle div#innercontent div.pip div#pip-care-providers div#contactTop span.qualification
{
    font-weight: bold;
}
div#middle div#innercontent div.pip div#pip-care-providers div.contactInfo 
{
    width: 222px;
    background-image: none;
    background-color: #FFFFFF;
    border: 0 none #FFFFFF;
    position: relative;
}
div#middle div#innercontent div.pip div#pip-care-providers div.contactInfo span.name
{
    display:block;
    font-weight:bold;
    margin-bottom:5px; 
    font-size:105%;
}
div#middle div#innercontent div.pip div#pip-care-providers div#contactBottom 
{
    background-image: none;
    background-color: #FFFFFF;
    height: 13px;
    width: 238px;
    position: relative;
}

div#middle div#innercontent div.modalpopup-title
{
    color: #393939;
}
div#middle div#innercontent div.modalpopup div.edit-care-provider
{
    margin: 5px 20px 5px 20px;
    color: #393939;
    width: 540px;
}
div#middle div#innercontent div.modalpopup div.edit-care-provider div.care-provider-instructions
{
    padding-top: 20px;
    padding-bottom: 20px;
    font-style: italic;
}
div#middle div#innercontent div.modalpopup div.edit-care-provider div.care-provider-instructions span.care-provider-instructions
{
    width: 520px;
    font-style: italic;
}
div#middle div#innercontent div.modalpopup div.pip-buttons
{
    text-align: right;
    padding: 10px;
}
div#middle div#innercontent div.modalpopup
{
    padding:5px;
}
/*****************************/
/*** end PIP               ***/
/*****************************/
input.deleteButton
{
	width:147px;
	height:35px;
	padding-left:30px;
	background-color:Transparent;
	background-image:url(../../images/admin/deleteButton.png);
	border:none;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}
input.saveButton
{
	width:147px;
	height:35px;
	padding-left:30px;
	background-color:Transparent;
	background-image:url(../../images/admin/saveButton.png);
	border:none;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}
a.saveButton
{
	display:block;
	width:147px;
	height:35px;
	background-color:Transparent;
	background-image:url(../../images/admin/saveButton.png);
	background-repeat:no-repeat;
	border:none;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	-moz-box-sizing:padding-box;
	line-height:35px;
}

input.restoreButton
{
	width:147px;
	height:35px;
	padding-left:30px;
	background-color:Transparent;
	background-image:url(../../images/admin/restoreButton.png);
	border:none;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}
input.addButton
{
	width:147px;
	height:35px;
	padding-left:30px;
	background-color:Transparent;
	background-image:url(../../images/admin/addButton.png);
	border:none;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}
input.imageButton
{
	width:147px;
	height:35px;
	padding-left:40px;
	background-color:Transparent;
	background-image:url(../../images/admin/imageButton.png);
	border:none;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}
input.cancelButton
{
	background-color:Transparent;
	border:none;
	background-image:url(../../images/admin/cancelButton.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:35px;
	width:147px;
	padding-left:25px;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}

input.eraseButton
{
	background-color:Transparent;
	border:none;
	background-image:url(../../images/admin/erase.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:35px;
	width:176px;
	padding-left:25px;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}

input.backButton
{
	background-color:Transparent;
	border:none;
	background-image:url(../../images/admin/backButton.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:35px;
	width:147px;
	padding-left:25px;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}


input.invalidInput
{
	background-color:#ffaaaa;
}


/**************************************/
/************ ZORGVERLENERS ***********/
/**************************************/
div#detailsmanager
{
    width:auto;
}

ul.droptrue li.ui-state-default
{
    list-style:none;
    margin-top:20px;
}

#detailsmanager div.contactInfo 
{
    background-color:#ffffff;
    border-radius:10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border:1px solid #cfcfcf;
    margin:0;
    padding:10px;
    position:relative;
    width:205px;
}

div#detailsmanager .pip .button
{
    background-color:#FFFFFF;
    background-image:url("../../images/admin/addButton.png");
    background-position:left top;
    background-repeat:no-repeat;
    border:0 none;
    color:#FFFFFF;
    cursor:pointer;
    font-size:12px;
    font-weight:bold;
    height:32px;
    padding-left:30px;
    width:147px;
}


#accordion, .accordion{border: 1px solid #ddd; border: none; margin: 10px 0}
#accordion > a, .accordion > a{display: block; text-decoration: none;}
#accordion > h3, #accordion > a, .accordion > h3, .accordion > a{background-color: #fff; background-image: url(../img/gradient.jpg);
background-image: -moz-linear-gradient(bottom, #f1f1f1, #fff);
background-image: -ms-linear-gradient(bottom, #f1f1f1, #fff);
background-image: -o-linear-gradient(bottom, #f1f1f1, #fff);
background-image: -webkit-linear-gradient(bottom, #f1f1f1, #fff);
background-image: linear-gradient(bottom, #f1f1f1, #fff); border: 1px solid #ddd;
color: #222; font: 14px/30px 'Verdana', sans-serif; height: 30px; margin: 0; padding: 0; text-indent: 10px;}
#accordion div, .accordion div{color: #555; font: 12px/18px 'Verdana', sans-serif; padding: 5px 10px;}
#accordion > h3 > span, .accordion > h3.ui-state-default  > span.ui-icon{background-image:none;}

.medischaz a, a.medischaz { text-decoration: none; color:#fff;}
.medischaz a:hover, a.medischaz:hover { text-decoration: underline; }

.delBtn
{
	background-image:url(../../images/layout/reset.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	float:right;
	position:relative;
	top:2px;
	width:20px;
    text-decoration:none;
}

.SendPageIcon
{
    width:32px;
    height:32px;
    background-image: url(../../images/layout/sendpage.png);
    background-repeat:no-repeat;
    display:inline-block;
    cursor:pointer;
}

/* FLIPBOOK */

#fbFooter {
	height: 49px;
	background-color: Transparent;
	/*background-image: url(/images/layout/flipbook/footerBackground.gif);
	background-repeat: repeat-x;*/
}

.fbPaginationMinor {
	color: #4e6605;
	margin-left: 10px;
}

#fbContents {
    display:none;
	float: left;
	margin-top: 17px;
	margin-left: 15px;	
}

#fbMenu {
	/*float: right;*/
	width:auto;
	text-align:center;
}
#fbMenu a
{
    display:inline-block;
    width:32px;
    height:32px;
    background-image: url(/images/layout/flipbook/fullscreen.png);
    background-repeat:no-repeat;
    background-position:top;
}
#fbMenu img
{
    margin-left:5px;
}
#fbMenu #fbZoomButton
{
    /*display:none;*/
}
#fbMenu #fbDownloadButton
{
    display:none;
}

#altmsg { 
	position: absolute;
	background-color:#000000;
	padding: 20px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	text-align:center;
}
#altmsg:hover { 
	opacity: 0.8;
	filter: alpha(opacity=80);
}
a.altlink:link {
	color: #FFFFFF;
}

a.altlink:visited {
	color: #DDDDDD;
}

a.altlink:hover{
	color: #FFFFFF;
}

#cblTabs .lvl1
{
    padding-left:15px;
}

/******* SEARCH *****/
#ctl00_cphCenterCol_page_tabResults_tpProds.ajax__tab_panel img
{
    height:84px;
    width:100px;
    margin-right:10px;
}

table#tabletellafriend tr.required
{
	display:none;	
}

div#Account_content .remainingCredits
{
    font-size:120%;
}

.searchPhoto
{
    display:inline-block;
    margin-right:5px;
}
.searchDetail
{
    display:inline-block;
    vertical-align:top;
}

ul.ui-autocomplete
{
    background:none;
    background-color:#ffffff;
    z-index:999;
    max-height:500px;
    overflow-y:auto;
    overflow-x:hidden;
    width: 545px;

}
ul.ui-autocomplete li div.searchResultDiv
{
    padding:5px;
    border:5px solid #c0c0c0;
    margin-bottom:2px;
    width:510px;
}
ul.ui-autocomplete li div.searchResultDiv:hover
{
    background-color:#f0f0f0;
    cursor:pointer;
}

ul.ui-autocomplete li a.moreResults
{
    text-align:right;
    color:#25a2ea;
}
ul.ui-autocomplete li a.moreResults:hover
{
    text-decoration:underline;
}

#search .ajax__tab_xp .ajax__tab_header
{
    display:none;
}

#search .ajax__tab_xp .ajax__tab_body
{
    border-top:1px solid #999999 !important;
    margin-top:75px;
}

.SearchResults .title a{
    color: #283474 ;font-weight: bold; text-transform:uppercase;width:365px;display:block;
}
.SearchResults .lblPrice{
}
.SearchResults .lblVerkrijgbaar{
    color:#9d2e61;font-weight:bold;
}
.SearchResults .lblVoorraad{
    color:#09acd5;font-weight:bold;
}
#ctl00_cphCenterCol_page_tabResults_tpProds.ajax__tab_panel img.promoIconSmall

{
    height: 30px;
    left: 30px;
    margin-top: 3px;
    position: absolute;
    width: 30px;
}

ul.ui-autocomplete li div.searchResultDiv img.promoicon
{
    height: 30px;
    left: 20px;
    margin-top: 3px;
    position: absolute;
    width: 30px;
}
.SearchResults .ajax__tab_header
{
    display:none;
}


/**************************************/
/********* IMAGEHOVER EFFECTS *********/
/**************************************/
.hoverTable .view,.hoverTable2 .view,.hoverTable3 .view {
   /*width: 300px;*/
   width: 280px;
   /*height: 200px;*/
   height:100%;
   /*margin: 10px;*/
   float: left;
   /*border: 10px solid #fff;*/
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.hoverTable2 .view{ width:235px; }
.hoverTable3 .view{ width:235px; }

.hoverTable .view .mask,.view .content {
   /*width: 300px;*/
   width: 280px;
   /*height: 200px;*/
   height:100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.hoverTable2 .view .mask, .hoverTable2 .view .content,
.hoverTable3 .view .mask, .hoverTable3 .view .content
{
    width:235px;
    height:100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.hoverTable .view img {
   display: block;
   position: relative;
   width:280px;
   /*width:300px;*/
}
.hoverTable2 .view img,
.hoverTable3 .view img
{
    width:235px;
    display: block;
    position: relative;
}
.hoverTable .view h2,
.hoverTableSmall .view h2,
.hoverTable2 .view h2,
.hoverTableSmall2 .view h2,
.hoverTable3 .view h2,
.hoverTableSmall3 .view h2,
.hoverTable4 .view h2,
.hoverTableSmall4 .view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.hoverTable .view p,
.hoverTable2 .view p,
.hoverTable3 .view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 50px 20px 20px;
   text-align: center;
}
.hoverTableSmall .view p,
.hoverTableSmall2 .view p,
.hoverTableSmall3 .view p,
.hoverTableSmall4 .view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 0 20px;
   text-align: center;
}
.hoverTable .view a.hoverInfo,
.hoverTableSmall .view a.hoverInfo,
.hoverTable2 .view a.hoverInfo,
.hoverTableSmall2 .view a.hoverInfo,
.hoverTable3 .view a.hoverInfo,
.hoverTableSmall3 .view a.hoverInfo,
.hoverTable4 .view a.hoverInfo,
.hoverTableSmall4 .view a.hoverInfo {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #2e96c2;
   color: #fff !important;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.hoverTable .view a.hoverInfo:hover,
.hoverTableSmall .view a.hoverInfo:hover,
.hoverTable2 .view a.hoverInfo:hover,
.hoverTableSmall2 .view a.hoverInfo:hover,
.hoverTable3 .view a.hoverInfo:hover,
.hoverTableSmall3 .view a.hoverInfo:hover,
.hoverTable4 .view a.hoverInfo:hover,
.hoverTableSmall4 .view a.hoverInfo:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}



.hoverTableSmall .view,
.hoverTableSmall2 .view,
.hoverTableSmall3 .view,
.hoverTableSmall4 .view{
   /*width: 300px;*/
   width: 180px;
   /*height: 200px;*/
   /*height:130px;*/
   /*margin: 10px;*/
   float: left;
   /*border: 10px solid #fff;*/
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.hoverTableSmall3 .view
{
    width: 240px;
}
.hoverTableSmall4 .view
{
    width: 216px;
}





.hoverTableSmall .view .mask,.hoverTableSmall2 .view .mask,.view .content,.hoverTableSmall3 .view .mask,.hoverTableSmall4 .view .mask{
   /*width: 300px;*/
   width: 180px;
   /*height: 200px;*/
   height:100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.hoverTableSmall3 .view .mask
{
   width: 240px;
}
.hoverTableSmall4 .view .mask
{
    width: 216px;
}
.hoverTableSmall .view img,
.hoverTableSmall2 .view img,
.hoverTableSmall3 .view img,
.hoverTableSmall4 .view img {
   display: block;
   position: relative;
   width:180px;
   /*width:300px;*/
}
.hoverTableSmall3 .view img {
    width:240px;
}
.hoverTableSmall4 .view img {
    width:216px;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(150, 206, 241, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.hoverInfo {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.hoverInfo {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.hoverInfo {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

.view-second img {
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.view-second .mask {
   background-color: rgba(0,0,0,0.6);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(460px, -100px) rotate(180deg);
   -moz-transform: translate(460px, -100px) rotate(180deg);
   -o-transform: translate(460px, -100px) rotate(180deg);
   -ms-transform: translate(460px, -100px) rotate(180deg);
   transform: translate(460px, -100px) rotate(180deg);
   -webkit-transition: all 0.2s 0.4s ease-in-out;
   -moz-transition: all 0.2s 0.4s ease-in-out;
   -o-transition: all 0.2s 0.4s ease-in-out;
   -ms-transition: all 0.2s 0.4s ease-in-out;
   transition: all 0.2s 0.4s ease-in-out;
}
.view-second h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-second p {
   -webkit-transform: translateX(300px) rotate(90deg);
   -moz-transform: translateX(300px) rotate(90deg);
   -o-transform: translateX(300px) rotate(90deg);
   -ms-transform: translateX(300px) rotate(90deg);
   transform: translateX(300px) rotate(90deg);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-second a.hoverInfo {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-second:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-transform: translate(0px, 0px);
   -moz-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
}
.view-second:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}
.view-second:hover p {
   -webkit-transform: translateX(0px) rotate(0deg);
   -moz-transform: translateX(0px) rotate(0deg);
   -o-transform: translateX(0px) rotate(0deg);
   -ms-transform: translateX(0px) rotate(0deg);
   transform: translateX(0px) rotate(0deg);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-second:hover a.hoverInfo {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
.view-third img {
   -webkit-transition: all 0.4s ease-in-out 0.2s;
   -moz-transition: all 0.4s ease-in-out 0.2s;
   -o-transition: all 0.4s ease-in-out 0.2s;
   -ms-transition: all 0.4s ease-in-out 0.2s;
   transition: all 0.4s ease-in-out 0.2s;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-third .mask {
   background-color: rgba(0,0,0,0.8);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0) rotate(-180deg);
   -moz-transform: scale(0) rotate(-180deg);
   -o-transform: scale(0) rotate(-180deg);
   -ms-transform: scale(0) rotate(-180deg);
   transform: scale(0) rotate(-180deg);
   -webkit-transition: all 0.4s ease-in;
   -moz-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}
.view-third h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-third p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-third a.hoverInfo {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-third:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1) rotate(0deg);
   -moz-transform: scale(1) rotate(0deg);
   -o-transform: scale(1) rotate(0deg);
   -ms-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-third:hover img {
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.hoverInfo {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}

.view-fourth img {
   -webkit-transition: all 0.4s ease-in-out 0.5s;
   -moz-transition: all 0.4s ease-in-out 0.5s;
   -o-transition: all 0.4s ease-in-out 0.5s;
   -ms-transition: all 0.4s ease-in-out 0.5s;
   transition: all 0.4s ease-in-out 0.5s;
}
.view-fourth .mask {
   background-color: rgba(146,96,91,0.5);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}
.view-fourth h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-fourth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.2s;
   -moz-transition: all 0.3s ease-in-out 0.2s;
   -o-transition: all 0.3s ease-in-out 0.2s;
   -ms-transition: all 0.3s ease-in-out 0.2s;
   transition: all 0.3s ease-in-out 0.2s;
}
.view-fourth a.hoverInfo {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-fourth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-fourth:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-fourth:hover h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-fourth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-fourth:hover a.hoverInfo {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
.view-fifth img {
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-fifth .mask {
   background-color: rgba(77,44,35,0.5);
   -webkit-transform: rotate(0deg) scale(1);
   -moz-transform: rotate(0deg) scale(1);
   -o-transform: rotate(0deg) scale(1);
   -ms-transform: rotate(0deg) scale(1);
   transform: rotate(0deg) scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}
.view-fifth h2 {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-fifth p {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-fifth a.hoverInfo {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-fifth:hover img {
   -webkit-transform: rotate(720deg) scale(0);
   -moz-transform: rotate(720deg) scale(0);
   -o-transform: rotate(720deg) scale(0);
   -ms-transform: rotate(720deg) scale(0);
   transform: rotate(720deg) scale(0);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-fifth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px) rotate(0deg);
   -moz-transform: translateY(0px) rotate(0deg);
   -o-transform: translateY(0px) rotate(0deg);
   -ms-transform: translateY(0px) rotate(0deg);
   transform: translateY(0px) rotate(0deg);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-fifth:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.7s;
   -moz-transition-delay: 0.7s;
   -o-transition-delay: 0.7s;
   -ms-transition-delay: 0.7s;
   transition-delay: 0.7s;
}
.view-fifth:hover p {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.6s;
   -moz-transition-delay: 0.6s;
   -o-transition-delay: 0.6s;
   -ms-transition-delay: 0.6s;
   transition-delay: 0.6s;
}
.view-fifth:hover a.hoverInfo {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}
.view-sixth .mask {
   background-color: rgba(255, 255, 255, 0.7);
   top: -200px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-out 0.5s;
   -moz-transition: all 0.3s ease-out 0.5s;
   -o-transition: all 0.3s ease-out 0.5s;
   -ms-transition: all 0.3s ease-out 0.5s;
   transition: all 0.3s ease-out 0.5s;
}
.view-sixth h2 {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
}
.view-sixth p {
   color: #333;
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.2s;
   -moz-transition: all 0.2s ease-in-out 0.2s;
   -o-transition: all 0.2s ease-in-out 0.2s;
   -ms-transition: all 0.2s ease-in-out 0.2s;
   transition: all 0.2s ease-in-out 0.2s;
}

.hoverTableSmall .view-sixth p,.hoverTableSmall2 .view-sixth p
{
    color: #333;
}
.view-sixth a.hoverInfo {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.3s;
   -moz-transition: all 0.2s ease-in-out 0.3s;
   -o-transition: all 0.2s ease-in-out 0.3s;
   -ms-transition: all 0.2s ease-in-out 0.3s;
   transition: all 0.2s ease-in-out 0.3s;
}
.view-sixth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   top: 0px;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-animation: bounceY 0.9s linear;
   -moz-animation: bounceY 0.9s linear;
   -ms-animation: bounceY 0.9s linear;
   animation: bounceY 0.9s linear;
}
.view-sixth:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-sixth:hover p {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-sixth:hover a.hoverInfo {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
@keyframes bounceY {
    0% { transform: translateY(-205px);}
    40% { transform: translateY(-100px);}
    65% { transform: translateY(-52px);}
    82% { transform: translateY(-25px);}
    92% { transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}
@-moz-keyframes bounceY {
    0% { -moz-transform: translateY(-205px);}
    40% { -moz-transform: translateY(-100px);}
    65% { -moz-transform: translateY(-52px);}
    82% { -moz-transform: translateY(-25px);}
    92% { -moz-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}
}
@-webkit-keyframes bounceY {
    0% { -webkit-transform: translateY(-205px);}
    40% { -webkit-transform: translateY(-100px);}
    65% { -webkit-transform: translateY(-52px);}
    82% { -webkit-transform: translateY(-25px);}
    92% { -webkit-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}
}

.view-seventh img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-seventh .mask {
   background-color: rgba(255, 231, 179, 0.3);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-seventh h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-seventh p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}

.hoverTableSmall .view-seventh p,.hoverTableSmall2 .view-seventh p,.hoverTableSmall3 .view-seventh p,.hoverTableSmall4 .view-seventh p
{
    color: #333;
}
.view-seventh a.hoverInfo {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-seventh:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-seventh:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-seventh:hover h2,.view-seventh:hover p,.view-seventh:hover a.hoverInfo {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.hoverTable
{
    display:inline-block;
    border:1px solid #cecece;
    margin:10px;
    padding:10px;
    width:325px;
    height:480px;
}
.hoverTable2
{
    display:inline-block;
    border:none;
    padding:0px;
    margin-right:10px;
    margin-bottom:10px;
    width:235px;
    height:235px;
}	
.hoverTable3
{
    display:inline-block;
    border:none;
    padding:0px;
    margin-right:10px;
    margin-bottom:10px;
    width:235px;
    height:235px;
}	
.hoverTableSmall,.hoverTableSmall2,.hoverTableSmall3,.hoverTableSmall4
{
    display:inline-block;
    border:1px solid #cecece;
    margin:10px;
    padding:10px;
    width:220px;
    height:480px;
}
.hoverTableSmall3,.hoverTableSmall4 {
        padding:10px 0;
        margin:5px;
}
.hoverTableSmall3
{
    width:263px;
    height:100%;
}
.hoverTableSmall4 {
    width:237px;
    height:100%;
}

.dynamicContent
{
    height:60px;
    overflow:hidden;
    display:block;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
    .hoverTableSmall2,.hoverTableSmall3{ width: 261px; }
    .hoverTableSmall4 { width: 214px; } 
    .hoverTableSmall { width: 278px; }
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
    .hoverTableSmall2 .view,.hoverTableSmall3 .view{ width: 241px; } 
    .hoverTableSmall4 .view{ width: 214px;}
    .hoverTableSmall .view{ width: 262px;}

}

@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
    .hoverTableSmall2 .view .mask,.view .content,.hoverTableSmall3 .view .mask { width: 241px; } 
    .hoverTableSmall .view .mask{}
    .hoverTableSmall4 .view .mask{}
    
    .hoverTableSmall2 .view img,.hoverTableSmall3 .view img { width: 241px; } 
    .hoverTableSmall .view img{}
    .hoverTableSmall4 .view img{}
}

.hoverTable tr td h2,
.hoverTableSmall tr td h2,
.hoverTable2 tr td h2,
.hoverTableSmall2 tr td h2,
.hoverTable3 tr td h2,
.hoverTableSmall3 tr td h2,
.hoverTable4 tr td h2,
.hoverTableSmall4 tr td h2
{
    margin-top:0px;
    margin-bottom:0px;
    font-weight:normal;
}

.hoverTable tr td,
.hoverTableSmall tr td,
.hoverTable2 tr td,
.hoverTableSmall2 tr td,
.hoverTable3 tr td,
.hoverTableSmall3 tr td,
.hoverTable4 tr td,
.hoverTableSmall4 tr td
{
    padding:10px;
}	

div#content #innercontent .hoverTable tr td .textInfo,
div#content #innercontent .hoverTableSmall tr td .textInfo,
div#content #innercontent .hoverTable2 tr td .textInfo,
div#content #innercontent .hoverTableSmall2 tr td .textInfo,
div#content #innercontent .hoverTable3 tr td .textInfo,
div#content #innercontent .hoverTableSmall3 tr td .textInfo,
div#content #innercontent .hoverTable4 tr td .textInfo,
div#content #innercontent .hoverTableSmall4 tr td .textInfo
{
    display:block;
    line-height: 30px;
    margin-top: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    width: 80%;    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:#ffffff;
}

/* Chrome 29+ */


.hovertableContent {
    height: 50px !important;
    overflow: hidden !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .hoverTableSmall4 .view {
        width: 192px;
    }

    .hoverTableSmall4 .view img {
        width: 192px;
    }
    .hovertableContent {
        height: 43px !important;
        overflow: hidden !important;
    }
}
@supports (-ms-ime-align:auto) {
    .hoverTableSmall4 .view img, .hoverTableSmall4 .view .mask, .hoverTableSmall4 .view {
        width: 192px;
    }
}

.hoverTable tr:nth-child(3) td:first-child p,
.hoverTableSmall tr:nth-child(3) td:first-child p,
.hoverTable2 tr:nth-child(3) td:first-child p,
.hoverTableSmall2 tr:nth-child(3) td:first-child p,
.hoverTable3 tr:nth-child(3) td:first-child p,
.hoverTableSmall3 tr:nth-child(3) td:first-child p,
.hoverTable4 tr:nth-child(3) td:first-child p,
.hoverTableSmall4 tr:nth-child(3) td:first-child p {
    height: 45px;
    overflow: hidden;
}


@supports (-webkit-appearance:none) {
    .hoverTable tr:nth-child(3) td:first-child p,
    .hoverTableSmall tr:nth-child(3) td:first-child p,
    .hoverTable2 tr:nth-child(3) td:first-child p,
    .hoverTableSmall2 tr:nth-child(3) td:first-child p,
    .hoverTable3 tr:nth-child(3) td:first-child p,
    .hoverTableSmall3 tr:nth-child(3) td:first-child p,
    .hoverTable4 tr:nth-child(3) td:first-child p,
    .hoverTableSmall4 tr:nth-child(3) td:first-child p {
        height: 43px;
        overflow: hidden;
    }
}

@supports (-ms-ime-align:auto) {
    .hoverTable tr:nth-child(3) td:first-child p,
    .hoverTableSmall tr:nth-child(3) td:first-child p,
    .hoverTable2 tr:nth-child(3) td:first-child p,
    .hoverTableSmall2 tr:nth-child(3) td:first-child p,
    .hoverTable3 tr:nth-child(3) td:first-child p,
    .hoverTableSmall3 tr:nth-child(3) td:first-child p,
    .hoverTable4 tr:nth-child(3) td:first-child p,
    .hoverTableSmall4 tr:nth-child(3) td:first-child p {
        height: 43px;
        overflow: hidden;
    }
}

/* Plugin Styles */
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

.cookie-popup {
    display: none;
    position: fixed;
    left: 0;
    z-index: 1000;
    width: 100%;
    background-color: #fafafa;
    color: #000;
    font-family: 'Roboto', 'Noto Sans', sans-serif;
    line-height: initial;
    box-sizing: initial;
}

.cookie-popup-inner {
    display: table;
    width: 100%;
}

.cookie-popup-left {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
}

.cookie-popup-headline {
    font-size: 20px;
}

.cookie-popup-sub-headline {
    font-size: 12px;
}

.cookie-popup-right {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 15px;
    text-align: right;
}

.cookie-popup-accept-cookies {
    display: inline-block;
    position: relative;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 9px 12px;
    font-size: 13px;
    line-height: 1.49;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 8px 8px;
    font-size: 16px;
    min-width: 64px;
    line-height: 1.5;
    border-radius: 2px;
    text-decoration: none;
    color: #000;
    background-color: #c7c7c7;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.12) rgba(0,0,0,.15);
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}

    .cookie-popup-accept-cookies:hover {
        bottom: 1px;
        text-decoration: none;
        color: inherit;
    }

    .cookie-popup-accept-cookies:active {
        bottom: 0;
        color: initial;
    }

.cookie-popup-learn-more {
    display: block;
    clear: both;
    font-size: 14px;
    margin-top: 5px;
    margin-right: 5px;
    text-decoration: none;
    color: #000;
    opacity: 0.75;
}

    .cookie-popup-learn-more:hover {
        opacity: 1;
        text-decoration: none;
    }

    .cookie-popup-learn-more:active,
    .cookie-popup-learn-more:focus {
        text-decoration: none;
    }

.cookie-popup-lower {
    padding: 15px;
    font-size: 14px;
}


/* Positions */
.cookie-popup.position-bottom {
    bottom: 0;
    box-shadow: 0 -4px 6px rgba(50,50,93,.11), 0 -1px 3px rgba(0,0,0,.08);
}

.cookie-popup.position-top {
    top: 0;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}

.cookie-popup.position-bottomright {
    width: 300px;
    right: 10px;
    bottom: 10px;
    left: inherit;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}

    .cookie-popup.position-bottomright .cookie-popup-right {
        width: initial;
    }

.cookie-popup.position-bottomleft {
    width: 300px;
    left: 10px;
    bottom: 10px;
    right: inherit;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}

    .cookie-popup.position-bottomleft .cookie-popup-right {
        width: initial;
    }

.cookie-popup.position-topright {
    width: 300px;
    right: 10px;
    top: 10px;
    left: inherit;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}

    .cookie-popup.position-topright .cookie-popup-right {
        width: initial;
    }

.cookie-popup.position-topleft {
    width: 300px;
    left: 10px;
    top: 10px;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}

    .cookie-popup.position-topleft .cookie-popup-right {
        width: initial;
    }


/* Themes */
.theme-light .cookie-popup {
    background-color: #fafafa;
    color: #000;
}

.theme-light .cookie-popup-accept-cookies {
    background-color: #c7c7c7;
    color: #000;
}

.theme-light .cookie-popup-learn-more {
    color: #000;
}

.theme-dark .cookie-popup {
    background-color: #484848;
    color: #fff;
}

.theme-dark .cookie-popup-sub-headline a {
    color: #fff;
}

.theme-dark .cookie-popup-accept-cookies {
    background-color: #212121;
    color: #fff;
}

.theme-dark .cookie-popup-learn-more {
    color: #fff;
}

.theme-red .cookie-popup {
    background-color: #ef5350;
    color: #fff;
}

.theme-red .cookie-popup-accept-cookies {
    background-color: #b61827;
    color: #fff;
}

.theme-red .cookie-popup-learn-more {
    color: #fff;
}

.theme-pink .cookie-popup {
    background-color: #ec407a;
    color: #fff;
}

.theme-pink .cookie-popup-accept-cookies {
    background-color: #b4004e;
    color: #fff;
}

.theme-pink .cookie-popup-learn-more {
    color: #000;
    color: #fff;
}

.theme-purple .cookie-popup {
    background-color: #ab47bc;
    color: #fff;
}

.theme-purple .cookie-popup-accept-cookies {
    background-color: #790e8b;
    color: #fff;
}

.theme-purple .cookie-popup-learn-more {
    color: #fff;
}

.theme-deeppurple .cookie-popup {
    background-color: #7e57c2;
    color: #fff;
}

.theme-deeppurple .cookie-popup-accept-cookies {
    background-color: #4d2c91;
    color: #fff;
}

.theme-deeppurple .cookie-popup-learn-more {
    color: #fff;
}

.theme-indigo .cookie-popup {
    background-color: #5c6bc0;
    color: #fff;
}

.theme-indigo .cookie-popup-accept-cookies {
    background-color: #23408e;
    color: #fff;
}

.theme-indigo .cookie-popup-learn-more {
    color: #fff;
}

.theme-blue .cookie-popup {
    background-color: #42a5f5;
    color: #fff;
}

.theme-blue .cookie-popup-accept-cookies {
    background-color: #0077c2;
    color: #fff;
}

.theme-blue .cookie-popup-learn-more {
    color: #fff;
}

.theme-lightblue .cookie-popup {
    background-color: #29b6f6;
    color: #000;
}

.theme-lightblue .cookie-popup-accept-cookies {
    background-color: #0086c3;
    color: #000;
}

.theme-lightblue .cookie-popup-learn-more {
    color: #000;
}

.theme-cyan .cookie-popup {
    background-color: #26c6da;
    color: #000;
}

.theme-cyan .cookie-popup-accept-cookies {
    background-color: #0095a8;
    color: #000;
}

.theme-cyan .cookie-popup-learn-more {
    color: #000;
}

.theme-teal .cookie-popup {
    background-color: #26a69a;
    color: #fff;
}

.theme-teal .cookie-popup-accept-cookies {
    background-color: #00766c;
    color: #fff;
}

.theme-teal .cookie-popup-learn-more {
    color: #000;
    color: #fff;
}

.theme-green .cookie-popup {
    background-color: #66bb6a;
    color: #000;
}

.theme-green .cookie-popup-accept-cookies {
    background-color: #338a3e;
    color: #000;
}

.theme-green .cookie-popup-learn-more {
    color: #000;
}

.theme-lightgreen .cookie-popup {
    background-color: #9ccc65;
    color: #000;
}

.theme-lightgreen .cookie-popup-accept-cookies {
    background-color: #6b9b37;
    color: #000;
}

.theme-lightgreen .cookie-popup-learn-more {
    color: #000;
}

.theme-lime .cookie-popup {
    background-color: #d4e157;
    color: #000;
}

.theme-lime .cookie-popup-accept-cookies {
    background-color: #a0af22;
    color: #000;
}

.theme-lime .cookie-popup-learn-more {
    color: #000;
}

.theme-yellow .cookie-popup {
    background-color: #ffee58;
    color: #000;
}

.theme-yellow .cookie-popup-accept-cookies {
    background-color: #c9bc1f;
    color: #000;
}

.theme-yellow .cookie-popup-learn-more {
    color: #000;
}

.theme-amber .cookie-popup {
    background-color: #ffca28;
    color: #000;
}

.theme-amber .cookie-popup-accept-cookies {
    background-color: #c79a00;
    color: #000;
}

.theme-amber .cookie-popup-learn-more {
    color: #000;
}

.theme-orange .cookie-popup {
    background-color: #ffa726;
    color: #000;
}

.theme-orange .cookie-popup-accept-cookies {
    background-color: #c77800;
    color: #000;
}

.theme-orange .cookie-popup-learn-more {
    color: #000;
}

.theme-deeporange .cookie-popup {
    background-color: #ff7043;
    color: #fff;
}

.theme-deeporange .cookie-popup-accept-cookies {
    background-color: #c63f17;
    color: #fff;
}

.theme-deeporange .cookie-popup-learn-more {
    color: #fff;
}

.theme-brown .cookie-popup {
    background-color: #8d6e63;
    color: #fff;
}

.theme-brown .cookie-popup-accept-cookies {
    background-color: #5f4339;
    color: #fff;
}

.theme-brown .cookie-popup-learn-more {
    color: #fff;
}

.theme-grey .cookie-popup {
    background-color: #bdbdbd;
    color: #000;
}

.theme-grey .cookie-popup-accept-cookies {
    background-color: #8d8d8d;
    color: #000;
}

.theme-grey .cookie-popup-learn-more {
    color: #000;
}

.theme-bluegrey .cookie-popup {
    background-color: #78909c;
    color: #fff;
}

.theme-bluegrey .cookie-popup-accept-cookies {
    background-color: #4b636e;
    color: #fff;
}

.theme-bluegrey .cookie-popup-learn-more {
    color: #fff;
}