/******************************************************************************************************
 * This file represents the common styles used for all elements in the sidebar displayed on any 
 * page using the TwoColoumn master.
 ******************************************************************************************************/
 
.Panel {
   margin-bottom: 10px;
}

/** Join Now ************************************************/

.PanelJoinNow {
    background: url(Images/Sidebar/panel-login-background.gif) no-repeat 0 0;
    text-align: center;
    height: 107px;
    color: #fff;
}

.PanelJoinNow h3 {
    text-align: left;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.2em;
    padding: 10px 12px 3px 12px;
    color: #fff;    
} 

.PanelJoinNow a.Register {
    background: url(Images/Sidebar/panel-login-button.gif) no-repeat 50% 0;
    display: block;
    height: 25px;
    margin: 6px 0;
} 

.PanelJoinNow a.Login {
    text-decoration: underline;
    color: #fcf5cc;
} 
/** Ask the Experts ************************************************/

.PanelExperts{
    background: url(Images/Sidebar/panel-experts-bg.jpg) no-repeat 0 0;
    width:232px;
    height:98px;
    padding:102px 0 0 0;
}
.PanelExperts p{
	padding:0 15px 6px 30px;
	color:#fff;
}
.PanelExperts a.ExpertsButton {
    background: url(Images/Sidebar/panel-experts-button.gif) no-repeat 0 0;
    width:203px;
    height:28px;
    margin-left:17px;
}

/** Parents Discussion Board ************************************************/

.PanelParentsDiscussionBoard{
    background: url(Images/Sidebar/panel-parentsMessageBoard-bg.jpg) no-repeat 0 0;
    width:232px;
    height:253px;
    padding:0;
}
.PanelParentsDiscussionBoard p{
	padding:65px 8px 0 19px;
	color:#023D69;
	display:block;
	height:52px;
}
.PanelParentsDiscussionBoard a.DiscussionButton {
    background: url(Images/Sidebar/panel-parentsMessageBoard-btn.gif) no-repeat 0 0;
    width:229px;
    height:41px;
    margin-left:2px;
}

/** Panelists ************************************************/

.PanelPanelists h3 {
    background: url(Images/Sidebar/panel-panelists-header.gif) no-repeat 0 0;
    height: 58px;
}

.PanelPanelists a.MeetThePanelists {
    background: url(Images/Sidebar/panel-panelists-button.jpg) no-repeat 0 0;
    height: 38px;
}

/** Articles ************************************************/
 
.PanelArticles {
    background: url(Images/Sidebar/panel-articles-background.gif) no-repeat 0 bottom;
    text-align: center;
    padding-bottom: 12px;
}

.PanelArticles .Featured,
.PanelArticles .Related {
    text-align: left;
}

.PanelArticles .Featured h3 {
    background: url(Images/Sidebar/panel-articles-header.gif) no-repeat 0 0;
    height: 32px;
}

.PanelArticles .Featured p {
    padding: 0 12px 8px 12px;
    float: left;
}

.PanelArticles .Featured .Picture {
    float: left;
    display: block;
}

.PanelArticles .Featured .Details {
    position: relative;
    display: block;
    height: 70px;
    width: 130px;
    float: right;
}

.PanelArticles .Featured a.Title {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 6px;
    display: block;
    width: 208px;
}

.PanelArticles .Featured .Excerpt,
.PanelArticles .Featured a.Prompt {
     display: block;
}

.PanelArticles .Featured a.Prompt {
    position: absolute;
    bottom: 0;
}

.PanelArticles .Related {
    clear: both;
    padding: 0 12px;
    font-size: 1.2em;
    margin-bottom: 6px;
}

.PanelArticles .Related h3 {
    background: url(Images/Global/hr-dotted-blue.gif) repeat-x 0 0;
    color: #0d4177;
    font-size: 1.1em;
    padding: 6px 0 3px 0;
}

.PanelArticles .Related ul {
    margin:  0;
    padding: 0;
}

.PanelArticles .Related li {
    padding-left: 0;
    font-size: 1.1em;
}

.PanelArticles .Related a {
    font-weight: bold;
}

.PanelArticles .SeeAllArticles {
    font-weight: bold;
    font-size: 1.1em;
}

/** Coupon ************************************************/

.PanelCoupon {
    background: url(Images/Sidebar/panel-coupon-background.jpg) no-repeat 0 0;
    position: relative;
    height: 198px;
}

.PanelCoupon h3 {
    position: absolute;
    font-size: 1.2em;
    color: #0d4177;
    left: 12px;
    top: 108px;
}

.PanelCoupon p {
    position: absolute;
    padding: 0 12px;
    top: 125px;
}

.PanelCoupon a.GetCoupon {
    background: url(Images/Sidebar/panel-coupon-button.gif) no-repeat 0 0;
    position: relative;
    display: block;
    height: 39px;
    top: 159px;
}

/** Free Sample ************************************************/

.PanelFreeSample {
	height:234px;
    background: url(Images/Sidebar/Panel-Free-Sample.jpg) no-repeat 0 0;
}

.PanelFreeSample a{
	overflow:hidden;
	cursor:pointer;
}

.PanelFreeSample h3 {
	display:block;
	height:117px;
}

.PanelFreeSample p {
	display:block;
	height:117px;
}

.PanelTriedThem {
	height:78px;
    background: url(Images/Sidebar/Panel-Tried-Them.jpg) no-repeat 0 0;
}

.PanelTriedThem a{
	overflow:hidden;
	cursor:pointer;
}

.PanelTriedThem h3 {
	display:block;
	height:28px;
}

.PanelTriedThem p {
	display:block;
	height:40px;
}

/** FSA ************************************************/

.PanelFSA {
	width:232px;
    height:147px;
    background: url(Images/Sidebar/panel-fsa-background.gif) no-repeat 0 0;
    position: relative;
}

.PanelFSA h3 {
	font-size:1.5em;
    color: #0d4177;
    margin-bottom: -6px;
    padding: 11px 0 0 11px;
}

.PanelFSA .ImageText{
	overflow:hidden;
	text-indent:-9000px;
	position:absolute;
	width:1px;
	height:1px;	
}

.PanelFSA p {
    font-size: 1.0em;
    font-weight: normal;
    padding:8px 120px 15px 11px;
    color: #0d4177;
}

.PanelFSA a.LearnMore {
    background: url(Images/Sidebar/panel-fsa-button.gif) no-repeat 0 0;
    margin-left: 11px;
    display: block;
    height: 22px;
}

/** Contest ************************************************/

.PanelContest{
    background: url(Images/Sidebar/panel-contest-bg.jpg) no-repeat 0 0;
    width:232px;
    height:213px;
}
.PanelContest h3 {
	position:absolute;
}

.PanelContest a{
	display:block;
    width:232px;
    height:213px;
    cursor:pointer;
}

/** Ready for Bed ************************************************/


.PanelReadyForBed a{
	overflow:hidden;
	cursor:pointer;
}

.PanelReadyForBed h3 {
	display:block;
	width:232px;
	height:42px;
    background: url(Images/Sidebar/Panel-ReadyForBed-Top.jpg) no-repeat 0 0;
}

.PanelReadyForBed p {
	display:block;
	width:232px;
	height:58px;
    background: url(Images/Sidebar/Panel-ReadyForBed-Btm.jpg) no-repeat 0 0;
}

/** Kids Message Board *************************************/

.PanelKids h3 {
    background: url(Images/Sidebar/panel-kids-header.jpg) no-repeat 0 0;
    height: 97px;
}

.PanelKids a.LiveWorld {
    background: url(Images/Sidebar/panel-kids-button.jpg) no-repeat 0 0;
    height: 42px;
}

/** Kids for Kids Message Board *************************************/

.PanelKidsForKids h3 {
    background: url(Images/Sidebar/panel-kidsforkids-header.jpg) no-repeat 0 0;
    height: 76px;
}

.PanelKidsForKids p {
    background: url(Images/Sidebar/panel-kidsforkids-background.jpg) no-repeat 0 bottom;
    height: 54px;
    padding: 0 12px;
    color: #0d4177;
    line-height: 1.2;
}

.PanelKidsForKids a {
    text-decoration: none;
}