﻿#divPlannerBodyContent
{
    margin: 0;
    width: 980px; padding: 0 0 10px 0;
    border-left: solid 1px #C2AAD1;
    border-right: solid 1px #C2AAD1;
    background-image: url(../../images/planner-back.png);
    background-repeat: repeat;
}
* html #divPlannerBodyContent{background-image: url(../../images/planner-back.gif);}

#divPlannerContent{float: left; width: 558px; min-height: 650px; background-color: transparent; padding: 0 20px 0 20px;}
* html #divPlannerContent{width: 557px;}

#divPlannerContent h2{font-size: 1.8em; margin: 20px 0 15px 0; color: #A37AB6; font-weight: normal;}
#divPlannerContent h3{font-size: 1.2em; color: #A77E4F; margin: 0 0 20px 0; line-height: 26px; font-weight: normal;}
#divPlannerContent p{font-size: 0.8em; text-align: left; margin: 0 0 10px 0; line-height: 19px; color: #383838;}
#divPlannerContent p a{text-decoration: none; color: #A47AB9;}
#divPlannerContent p a:hover
{
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A47AB9;
	margin-bottom: 1px;
	padding-bottom: 1px;     
}

#divSignIn
{
    padding: 15px 15px 10px 15px; border: solid 1px #937654; margin: 25px 0 10px 0;
    background-image: url(../../images/register-back.png);
    background-repeat: repeat;
}
* html #divSignIn{background-image: url(../../images/signin-back.gif);}

#divSignIn h3
{
    font-size: 1.4em; color: #ffffff; font-weight: normal;
	margin: 0 0 10px 0;   
	line-height: 26px; 
}
#divSignIn h4{font-size: 1.2em; margin: 0 0 10px 0; font-weight: normal; color: #fff;}

#divSignIn dl{margin: 0 0 10px 0; color: #383838;}
#divSignIn dt{float: left; width: 200px; font-size: 0.75em;}
#divSignIn dd input{width: 200px; font-size: 0.75em; padding: 2px; font-family: Arial, Tahoma;}
#divSignIn dd a{font-size: 0.75em; text-decoration: none; margin: 0 0 0 10px; color: #937654;}
#divSignIn dd a:hover
{
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #937654;
	margin-bottom: 1px;
	padding-bottom: 1px;    	
}

#divPlannerStages{float: left; width: 189px; background-color: transparent;}

#divPlannerStagesContent{width: 158px; margin: 0 1px 0 1px; text-align: left; padding: 0 15px 0 15px; background-color: transparent;}
#divPlannerStagesContent h2{font-size: 1.4em; margin: 27px 0 16px 0; color: #A37AB6; font-weight: normal;}
#divPlannerStagesContent h3{font-size: 1.4em; margin: 20px 0 10px 0; color: #A37AB6; font-weight: normal;}
#divPlannerStagesContent p{font-size: 0.75em; text-align: left; margin: 0 0 5px 0; color: #383838; line-height: 19px;}
#divPlannerStagesContent p a{text-decoration: none; color: #A47AB9;}
#divPlannerStagesContent p a:hover
{
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A47AB9;
	margin-bottom: 1px;
	padding-bottom: 1px;    	
}

#divPlannerStagesContent ul{list-style: none; display: block; text-align: left; margin: 0 0 10px 0;}
#divPlannerStagesContent ul li{list-style: none; display: block; text-align: left; line-height: 20px;}
#divPlannerStagesContent ul li a{text-decoration: none; color: #A47AB9; font-size: 0.75em;}
#divPlannerStagesContent ul li a:hover
{
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A47AB9;
	margin-bottom: 1px;
	padding-bottom: 1px;    	
}

.divStage
{
    padding: 15px 15px 15px 15px; border: solid 1px #937654; margin: 25px 0 10px 0;
    background-image: url(../../images/register-back.png);
    background-repeat: repeat;
}    

.divStage dl{margin: 0 0 10px 0; color: #383838; overflow: hidden; }
.divStage dt{float: left; width: 200px; font-size: 0.75em; margin: 7px 0 15px 0;}
.divStage dd{font-size: 0.75em; color: #383838; margin: 0 0 10px 0;}
.divStage dd input{width: 200px; padding: 5px; font-family: Arial, Tahoma; }
.divStage dd select{width: 300px; padding: 2px; font-family: Arial, Tahoma; }
.divStage dd a{font-size: 0.75em; text-decoration: none; color: #937654;}
.divStage dd a:hover
{
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #937654;
	margin-bottom: 1px;
	padding-bottom: 1px;    	
}

.divStage h4{font-size: 1.2em; margin: 20px 0 20px 0; color: #A77E4F; font-weight: normal;}

.clsNextStage{text-align: center; padding: 5px 0 10px 0; font-size: 0.75em; color: #383838;}
.clsNextStage a{text-decoration: none; color: #937654; font-weight: bold;}
.clsNextStage a:hover
{
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #937654;
	margin-bottom: 1px;
	padding-bottom: 1px;    	
}

.clsHymnNames{margin: 0 0 10px 0;}
.clsHymnNames ul{clear: left; list-style: none; display: block; text-align: left;}
.clsHymnNames ul li{list-style: none; display: block; text-align: left; line-height: 20px; color: #383838; font-size: 0.75em;}
.clsHymnNames ul li a{text-decoration: none; color: #6F5B43;}
.clsHymnNames ul li a:hover
{
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6F5B43;
	margin-bottom: 1px;
	padding-bottom: 1px;    	
}

.clsMediaPlayer{margin: 20px 0 0 0;}

#divCopyright{margin: 10px 0 0 0;}
#divCopyright p a{text-decoration: none; color: #6F5B43;}
#divCopyright p a:hover
{
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6F5B43;
	margin-bottom: 1px;
	padding-bottom: 1px;    	
}

.clsReadings{margin: 20px 0 10px 0;}
.clsReadings ul{list-style: none; display: block; text-align: left;}
.clsReadings ul li{list-style: none; display: block; text-align: left; line-height: 20px; color: #383838; font-size: 0.75em; }
.clsReadings ul li a{text-decoration: none; color: #6F5B43;}
.clsReadings ul li a:hover
{
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6F5B43;
	margin-bottom: 1px;
	padding-bottom: 1px;    	
}

#songtitle{font-size: 1.0em; margin: 5px 0 0 0; font-weight: bold;}

#divFlowersBack .p_centre > * { margin: 0 auto; }

#divFlowersBack .p_button a {
    display: block;
    width: 150px;
    padding: 5px 0;
    background: #A27CB7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

#divFlowersBack #divProjectContentWide .p_button a:hover {
    padding: 5px 0;
    background: #B281CF;
    border: none;
}