﻿
/* Accordion WEBSOP */

.accordionHeaderWebshop
{
	
    background: url('../images/layout/cart_fade.gif') no-repeat;

	text-indent: 35px;
	

	font-family: Arial, Sans-Serif;

	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
	text-decoration: none
}

.accordionHeaderWebshop a
{
	color: #000000;
	background: none;
	text-decoration: none;
	margin-left: 20;
}

.accordionHeaderWebshop a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelectedWebshop
{
    

    background: #ffffff url('../images/layout/cart.gif') no-repeat;
	text-indent: 35px;
	

    color: #555555; 
	font-family: Arial, Sans-Serif;

	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
	
}

.accordionHeaderSelectedWebshop a
{
	color: #000000;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelectedWebshop a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContentWebshop
{

    padding: 15px;
    padding-top: 10px;
    text-indent: 10px;
    background: url('../images/layout/webshop_breed.jpg');
    background-position: bottom ;
    background-repeat: no-repeat;
}
/* / Accordion WEBSOP */


/******************************/
/**Styling information specific to individual content pages**/

/* Accordion */
.accordionHeader
{

    color: #009cda;
    background-color: #ffffff;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	text-decoration: underline;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    background-image:  url('../images/layout/li_faq.gif');
    background-position: left center;
    background-repeat: no-repeat;
	text-indent: 25px;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
	margin-left: 20;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{


    color: #009cda;
    background-color: #ffffff;
    
	font-family: Arial, Sans-Serif;
	font-size: 12px;

    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    background-image:  url('../images/layout/li_faq.gif');
    background-position: left center;
    background-repeat: no-repeat;


	text-indent: 25px;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{

    background-color: #ffffff;
	padding: 5px;
	padding-left: 30px;
    border-top: none;
	color: #777777;
    padding-top: 10px;


}
/* Accordion NEWS */

.accordionHeaderNews
{

    color: #cb026a;
    background-color: #ffffff;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	text-decoration: underline;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    background-image:  url('../images/layout/li_news.gif');
    background-position: left center;
    background-repeat: no-repeat;
	text-indent: 25px;
}

.accordionHeaderNews a
{
	color: #000000;
	background: none;
	text-decoration: none;
	margin-left: 20;
}

.accordionHeaderNews a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelectedNews
{

    color: #cb026a;
    background-color: #ffffff;
    
	font-family: Arial, Sans-Serif;
	font-size: 12px;

    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    background-image:  url('../images/layout/li_news.gif');
    background-position: left center;
    background-repeat: no-repeat;
	text-indent: 25px;
	
}

.accordionHeaderSelectedNews a
{
	color: #000000;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelectedNews a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContentNews
{

    
    background-color: #ffffff;
	padding: 5px;
    border-top: none;
	color: #777777;
    padding-top: 10px;
	padding-left: 30px;
}
/* / Accordion NEWS */

/* SEPAY GRID */


.tablestyle{
   font-family:arial;
   margin:10px 0pt 15px;
   font-size: 8pt;
   border-color: #CDCDCD;
   width:850px;
   color: #3D3D3D;
}
.tablestyle td, .tablestyle th{
   border-color: #CDCDCD;
}
.alternatingrowstyle{
    background-color:#F0F0F6;
}
.headerstyle {
    background-color:#F0F0F6;
    background-image: url(../images/Icons/sort_none.gif);
    background-repeat: no-repeat;
    background-position: center left;     
    text-indent: 20px;
} 
.headerstylenoimg {
    background-color:#F0F0F6;
    background-repeat: no-repeat;
    background-position: center left;     
    text-indent: 20px;
}  
.headerstyle a{
	text-decoration:none;
	color:black;
	display:block;
}    
.rowstyle{
   background-color: #FFF;
}
.rowstyle td, .alternatingrowstyle td {
   padding: 4px;
}
.sortascheaderstyle{
    background-image: url(../images/Icons/sort_asc.gif);     
    background-color: #D0D0D6;    
    background-repeat: no-repeat;
    background-position: center left;       
}
.sortdescheaderstyle {
    background-image: url(../images/Icons/sort_desc.gif);     
    background-color: #D0D0D6;    
    background-repeat: no-repeat;
    background-position: center left;       
} 



.modalPanel {
	display: none;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter: alpha(opacity=50);
	opacity:0.5;
}

.modalPopup 
{
    color: #000000;
	background-color:#ffeeee;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}


.modalPopupWhite
{
    color: #000000;
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:#000000;
	padding:3px;

	overflow: auto;
}
