﻿.articlearea2 .articlefullwidth
{
    background-color:Transparent;
    background-image:url(/Pedagog/images/bg_puffarea_startpage.gif);
    background-repeat:repeat-y;
    padding-top:0;
}

.articlearea .puff1, .articlearea2 .smallpuffarea .puff1,  .articlearea2 .sidepuffarea .puff1style1
{
    background-image:none;
}

.puff1
{
    background-image:none;
}


.puffheading
{
    COLOR:#050402;
}

.puffcaption
{
    background-color:#E8F2EA;
    color:#5B6250;
    font-size:91%;
}

/*** LARGEPUFFAREA ***/

.articlearea .puff1
{
    padding-top:10px;
    padding-bottom:0;
}

.articlearea .puff1 .puffimagecontainer-left
{
    border:0;
    padding-right:5px;
}

/*** ARTICLEAREA2 ***/

/*** SMALLPUFFAREA ***/

.articlearea2 .smallpuffarea
{
    b-ackground-color:Orange;
    padding-left:5px;
    width:307px;
}

.articlearea2 .smallpuffarea .puff1
{
    width:299px;
    padding-top:12px;
}

.articlearea2 .smallpuffarea .puffheading
{
    font-size:110%;
}

.articlearea2 .smallpuffarea .puff1style2 .puffheading
{
    font-size:150%;
}


.articlearea2 .smallpuffarea .puffrow
{
    border-bottom:1px #F2F2F2 solid;
    width:307px;
}


.smallpuffarea .puffgroup .puffheading
{
    background-color:#383435;
    color:#F2EFEA;
    padding-left:3px;
}

.smallpuffarea .puffgroup .puff1
{
    h-eight:auto;
    padding:0;
    padding-top:3px;
    padding-bottom:1px;
}

.smallpuffarea .puffgroup .puff1 .puffheading,
.smallpuffarea .puffgroup .puff1 .puffimagecontainer,
.smallpuffarea .puffgroup .puff1 .puffimagecontainer-top,
.smallpuffarea .puffgroup .puff1 .puffimagecontainer-topleft,
.smallpuffarea .puffgroup .puff1 .puffimagecontainer-topright,
.smallpuffarea .puffgroup .puff1 .puffimagecontainer-left,
.smallpuffarea .puffgroup .puff1 .puffimagecontainer-right
{
    display:none;
}


/*** SIDEPUFFAREA ***/

.sidepuffarea
{
    w-idth:255px;
    b-ackground-color:#F4F3ED;
    padding-top:5px;
    p-adding-left:0;
    margin-bottom:0;
    border-bottom:20px #EEF5EE solid;
}


.sidepuffarea .puff1
{
    b-ackground-color:Transparent;
    background-color:#EEF5EE;
    margin-top:0;
    margin-bottom:0;
    p-adding-top:8px;
    p-adding-bottom:8px;
    margin-left:0;
    border-bottom:5px #EEF5EE solid;
    border-top:10px #EEF5EE solid;
}

.sidepuffarea .puffrow .puff1
{
    margin:0;
    border-bottom:5px #EEF5EE solid;
    border-top:10px #EEF5EE solid;    
}


.sidepuffarea .puff1 .puffcontentwrap{
    background-color:#ffffff;
}

/* Restore mediapuff bg... */
.sidepuffarea .puff1style1mediapuff .puffcontentwrap{
    background-color:#2A2826;
}

/* Restore mediapuff bg... */
.sidepuffarea .pollpuff .puffcontentwrap{
    background-color:Transparent;
}


.articlearea2 .sidepuffarea .puff1style1
{
    border:0;
    background-color:white;
}

.sidepuffarea .puffrow .puff1.style1.mediapuff.puff1style1mediapuff
{
    background-color:#EEF5EE;
    b-ackground-color:red;
    margin:0;
    border-bottom:0px #EEF5EE solid;
    border-top:10px #EEF5EE solid;
}

.sidepuffarea .puffrow .puff1.style2.mediapuff.puff1style2mediapuff 
{
    margin:0;     
    border-bottom:0px #EEF5EE solid;
    border-top:10px #EEF5EE solid;
    b-ackground-color:Red;
}    

.sidepuffarea .rsspuff
{
    background-image:none;
}    


.sidepuffarea .puff1.style2.mediapuff.puff1style2mediapuff .puffcontentwrap
{
    background-image:url(/Pedagog/images/bg_mediaplayerobjectpuff_startpage.jpg);
    background-color:#EEF5EE;
}

.sidepuffarea .rsspuff .puffcontentwrap{
    background-color:#191A1E;
}

/*** PUFFGROUP ***/

.sidepuffarea .puffgroup .puffcontentwrap
{
	width:201px;
	border:1px solid #B7BEB7;
	background-color:#6A716A;
	padding:1px;
	padding-bottom:0px;
}

.sidepuffarea .puffgroup .puff1
{
    h-eight:3.5em;
    o-verflow:hidden;
    width:201px;
    padding:0;
    border-bottom:2px #667169 solid;
    background-color:#191A1E;
    background-image:none; /*remove dotted line*/
}

.sidepuffarea .puffgroup .puff1 .puffheading
{
    color:#cccccc;
}
