/* ================================
    CSS STYLES FOR Module MTG Product Detail
   ================================
*/

.LabelBold
{
	font-weight: bold;
}
.Grid_HeaderStyle
{
	border-bottom-color: Black;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	background-color: White;
}

.SelectedProduct 
{
   
    border:1px solid #a1a1a1;
    padding:10px 10px; 
    width:275px;
    border-radius:25px;
    -moz-border-radius:25px; /* Old Firefox */ 
    
}

.ParticipantInfo
{
   
    border:1px solid #a1a1a1;
    padding:10px 10px; 
    width:100%;
    border-radius:25px;
    -moz-border-radius:25px; /* Old Firefox */ 
    
}

/*Mark Gordon move and size change for product photos */
.ProductImage {
    width:200px;
}


/*Start: EBUSINESS GAP ITEM #13:  Grade Validation Online - Andrey Malenkov - 9/4/2013*/
span.lblGradeRequirements {
    font-weight:bold; 
    display:block; 
    margin:8px 0px 2px 0px
}
/*End: EBUSINESS GAP ITEM #13:  Grade Validation Online - Andrey Malenkov - 9/4/2013*/




 @media (max-width: 769px) {
    /*cart page*/
    .login-content .content-block-separator {
        margin: 0px 4px 0 4px !important;
        background: #fff !important;        
        display: block;
        width: 100%;
        text-align: center;
    }
    
    .content-block fieldset {
        width: 100% !important;
        min-width: auto !important;
    }
    
    .main p {
        white-space: normal;
        line-height: 21px;
        
    }
    
    .bullet li {
        line-height: 21px !important;
    }
    
    p {
        line-height: 21px;
    }
    
    
    .tmar_Subhead1, span.head-fix h4 {
        width: 100% !important;
    }
    
    .pnlSelectedProdDetails .rightCol {
        width: auto !important;
        float: none !important;
    }
    
    .pnlSelectedProdDetails .leftCol {
        width: auto !important;
        float: none !important;
        position: relative !important;
        box-shadow: 0 0 3px 0 #ccc;
    }
    
    .register-left {
        padding-left: 0 !important;
    }
    
    .findProgramsRow3 {
        width: 100% !important;
        border: 1px solid #ddd;
        overflow: hidden;
        border-radius: 3px;
        background: #fafafa !important;
        border-color: #ddd;
    }
    
    .TopPane .blankContainerSize{
        margin-top: 0 !important;
    }
    
    .TopPane .blankContainerSize .moduleTitle {
        display: none;
    }
    
    .tmar_Subhead1 {
        margin-top: 10px;
        border-color: #ddd !important;
    }
    
    .tmar_Subhead1  .ProgramName {
        float: none;
        width: 100%;
        font-size: 15px !important;
        color: #101cb3;
        font-weight: 500 !important;
    }
    
    .lblProgramArea {
        padding-bottom: 0 !important;
    }
    
    .ProductImage {
        width: 100px !important;
        height: 100px !important;
        border-radius: 50% !important;
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 10px;
        margin: auto;
    }
    
    .ProductImage + .SelectedProduct {
        width: auto !important;
        margin-left: 121px;
        background: #fff !important;
    }
        
    .cost-bg {
        width: 100% !important;
        min-width: 100% !important;
    }
    
    .ProductDescription #divLogin.SelectedProduct {
        width: 100% !important;
        background: #fff !important;
    }
    
    .ProductDescription #divLogin.SelectedProduct table{
        width: 100% !important;
    }
    
    .ProductDescription #divLogin.SelectedProduct table .button[value="Quick Checkout"] {
        width: 48% !important;
        text-decoration: none !important;
        border: 1px solid #bbb !important;
        color: #333333 !important;
        border-radius: 3px !important;
        padding: 15px !important;
        text-align: center !important;
        background: linear-gradient(#fafafa, #ddd) !important;
        font-weight: 600 !important;
        height: auto !important;
        line-height: 13px !important;
        margin-right: 3% !important;
        float: left;
    }

    .ProductDescription #divLogin.SelectedProduct table .button[value="Add To Cart"] {
        width: 48% !important;
        -moz-box-shadow: inset 0px 1px 0px 0px #54a3f7 !important;
        -webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7 !important;
        box-shadow: inset 0px 1px 0px 0px #54a3f7 !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7)) !important;
        background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%) !important;
        background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%) !important;
        background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%) !important;
        background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%) !important;
        background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0) !important;
        background-color: #007dc1 !important;
        -moz-border-radius: 3px !important;
        -webkit-border-radius: 3px !important;
        border-radius: 3px !important;
        border: 1px solid #124d77 !important;
        display: block !important;
        cursor: pointer !important;
        color: #ffffff !important;
        font-size: 14px !important;
        padding: 15px !important;
        text-decoration: none !important;
        text-shadow: 0px 1px 0px #154682 !important;
        font-family: Verdana, Arial, sans-serif;
        text-align: center;
        height: auto !important;
        line-height: 13px !important;
        float: left;
    }

    .register-left {
        padding-left: 0 !important;
    }
    
    .register-left input[type="submit"] {
        -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7 !important;
        -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7 !important;
        box-shadow:inset 0px 1px 0px 0px #54a3f7 !important;
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7)) !important;
        background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%) !important;
        background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%) !important;
        background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%) !important;
        background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%) !important;
        background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%) !important;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0) !important;
        background-color:#007dc1 !important;
        -moz-border-radius:3px !important;
        -webkit-border-radius:3px !important;
        border-radius:3px !important;
        border:1px solid #124d77 !important;
        display:block !important;
        cursor:pointer !important;
        color:#ffffff !important;
        font-size:14px !important;
        padding:14px 44px !important;
        text-decoration:none !important;
        text-shadow:0px 1px 0px #154682 !important;
        width: 100% !important;
        font-family: Verdana, Arial, sans-serif;
        height: auto !important;
        line-height: inherit !important;
        margin-top: 10px;
    }

    
    .DNNModuleContent input[type='submit'].linkBtn.btnAddNewParticipant {
        text-decoration: none !important;
        border: 1px solid #bbb !important;
        color: #333333 !important;
        border-radius: 3px !important;
        padding: 8px 13px !important;
        margin-bottom: 10px !important;
        background: linear-gradient(#fafafa, #ddd) !important;
        margin-top: 6px !important;
        font-weight: 600 !important;
    }
    
 }