﻿@import "common.css";

#bodySection table#bodyLayout{
    min-height:100%;
    width:100%;
	margin-top:10px;
	margin-bottom:15px;
}   



#leftColumn {
	vertical-align: top;
	width:165px; /*==  arbitrary value -- not sure what content will be used == */
	padding:0px 10px 0 10px;
}
#centerColumn {
	background-color: #F2F2F2;
	vertical-align: top;
	padding:10px;
	border:1px solid #CCCCCC;
}
#centerColumn_header {
	padding-bottom:20px;
	text-align:center;
}

#rightColumn {
	vertical-align: top;
	width:165px; /*==  arbitrary value -- not sure what content will be used == */
	padding:0px 10px 0 10px;
}

.columnItemNeedsSpacing{
    margin-bottom:20px;
}

.bodyAdSpaceBoxVertical 
{
    background-color:Transparent;
    text-align:center; 
    margin:0px;
    padding:0px;
    border:0;
    min-height:300px;
    color:#666666;
}    


/* ============================================================= */
/* ============================================================= */
/* Membership                                                    */
/* ============================================================= */
/* ============================================================= */

.membership{
    width:100%;
}
.membership td{
    vertical-align:top;
    padding:0;
    margin-bottom:5px;
}
.membershipTextBlock{
    padding:20px 0 10px 0;
}

/*
.confirmationRowWrapper{
    float:left;
    padding-top:10px;
}

.confirmationRowValue{
    display:inline;
    float:left;
}
*/

.confirmationRowHeading{
/*    font-weight:bold;  */
    width:250px;  
    padding-bottom:5px;
    vertical-align:top;
    padding-left:20px;
/*    
    border-bottom:1px solid gray;
*/

}
.confirmationRowValue
{
    vertical-align:top;
    /*
    border-bottom:1px solid gray;
    */
}
.confirmInfoPanel
{
    border-top:1px solid gray;
    margin-bottom:10px;
    padding-top:5px;
}


/* ============================================================= */
/* ============================================================= */
/* E-Store                                                       */
/* ============================================================= */
/* ============================================================= */

#eStoreLeft{
    display:inline;
    float:left;
    width:325px;
    padding-right:10px;    
}
#eStoreRight{
    display:inline;
    float:left;
    padding-left:10px;
    padding-right:10px;
    width:200px;    
}
#eStoreBottom{
    display:inline;
    float:left;    
    width:100%;

}


div.courseTitle 
{
    color:#f47827;
    font-size:12px;
    font-weight:bold;
    display:inline;       
}

div.courseTeaser 
{
    color:#666666;
    font-size:11px;
    padding:0;
    margin:0;
}

div.courseTeaser p 
{
    margin:0;
    padding:0;
    display:inline;
}

div.courseCost 
{
    color:#73a340;
    display:inline;
}

div.courseExpirationDate 
{
    color:#993300;
    font-size:11px;   
}



