/*
    CSS file for The Learning Annex
    Author: Net Theory 
                    http://www.nettheory.com/

    *** SHEET NAME (if desired) ***
    ---------------------------------------------------------------------
    One sheet to rule them all. 


    *** Color Palette ***
    ---------------------------------------------------------------------    
    Red:        #e51937
    Light Red:  #fae5e8
    Dark Gray:  #333
*/



/* Body & Global
------------------------------------ */
* {
    margin: 0;
    padding: 0;
}            

body {
    font-size: 62.5%;     
    font-family: "Helvetica Neue", Arial, Sans-serif;
	background-color: white;
	text-align: center;
}   

input {
    font-family: "Helvetica Neue", Arial, Sans-serif;
}

h2 {
 display:block; 
} 
  
/* additional global h2-6 rules */

p {
    font-size:1.2em;
    margin-bottom: 1.5em;
    line-height: 1.364em; /*15*/
} 

ul {
/*  margin-bottom: 1.5em;*/
}

ul.standard {
    margin:0 0 1.5em 15px;
}

li {
    line-height: 1.25em; /*15px*/
    font-size:1.2em;
}


                                  
a:link      { color: #e51937; text-decoration: none; }
a:visited   { color: #901; text-decoration: none; }
a:hover     { color: #000; text-decoration: underline; }
a:active    { color: #000; text-decoration: underline; }           

.popup { 
		text-decoration: underline;
		cursor: pointer;
			}
			
.title {
		font-size:12pt;
		color: red;
		padding: 5px;
		background-color:#e0e0e0;
		margin-bottom: 10px;
		line-height: 25px;
}

.addbox {
	border: solid 1pt black;
}

.left_number {
	font-size: 20pt;
	font-family: arial black, arial, helvetica;
	font-weight: bold;
	float: left;
	margin-right: 10pt;
	margin: ;-left: 3pt;
	height: 100px;
}

/* Structure
------------------------------------ */
#super-container { 
    /* used to center site. Do not float */    
    margin: 0 auto;
    width: 933px; 
    text-align: center;
}         

    #container {   
        float: left;
        width: 933px;
        text-align: left;
    }
    
        #header { 
            margin-left: 15px;
            margin-bottom: 12px;
            float: left;
            width: 903px;       
        }
        
            #main-nav {
                clear: left;
            }
        
        #trunk {  
            margin-left: 15px;                                                           
            clear: left;                                                         
            float: left;
            width: 903px;
        }             
        
        #footer {
            margin-top: 30px;
            margin-left: 15px;                                                           
            clear: left;                                                        
            float: left;
            width: 903px;
            border-bottom: 3px solid #e51937;
        }
        
        

                               
/* Head
------------------------------------ */

#branding {
}

#branding h1 {
    width: 237px;
    background: transparent url(../images/global/logo.gif) top left no-repeat;
}

    #branding h1 a {
        display: block;
        width: 237px;
        height: 100px;
        text-indent: -9999px;
        overflow: hidden;
    }

#banner {
	position: relative;
	left: -140px;
	top: 0px;
	z-index: 5;
}

#user-tools div {
    margin-left: 1px;
    float: right;
}
    
    #login_link,
    #registration,
    #mailinglist {
        height: 78px;
    }
    
    #login_link, 
    #registration {
        width: 78px;
    }
    
        #user-tools p {
            margin-bottom: 0;
            font-size: 1.4em;
            line-height: 1.072em; /* calculates out to 15px */
        }
    
        #login_link a,
        #registration a {
            color: #000;
            text-decoration: none;
            display: block;
/*          width: 78px;*/
        }
        
            #registration a:hover {
                color: #fff;
                background:#000 !important;
            }
    
    #login_link {
        background: #f29484 url(../images/global/grad-red-large.gif) bottom left repeat-x;
    }
    
        #login_link p {
            text-align: center;
            font-weight: bold;
        }
        
            #login_link a {
                padding-top: 29px;
                height: 49px;
            }

                #login_link a:hover {
                    color: #fff;
                    background:#e51937 !important;
                }
                
    #registration,
    #mailinglist {
        background: #808080 url(../images/global/grad-gray-large.gif) bottom left repeat-x;
    }
    
        #registration p {
            
        }
        
            #registration a {
                padding: 13px 8px 0 13px;
                height: 65px;
            }

    #mailinglist {
        width: 293px;
    }
            
            #mailinglist p {
                margin: 13px 8px 3px 13px;
                color: #000;
            }
            
            #mailinglist div {
                margin: 2px 10px 0 -1px;
                float: right;
            }
            
                #email-input .textbox {
                    padding: 1px 2px 0 2px;
                    width: 160px;
                    color: #b3b3b3;
                    font-size: 1.2em;
                }
                
                    #email-input .textbox:focus {
                        color: #000;
                    }
                    
                    
        #login_input .textbox, #password_input .textbox {
            padding: 1px 2px 0 2px;
            width: 160px;
            color: #b3b3b3;
            font-size: 1.2em;
        }

/*  Signup Fixes - QM */
/*----------------------------------*/
h2.large {
	color:red;
	font-size:20pt;
	}

.annex_pitch {
	font-size:10pt;
}

.annex_pitch li {
	font-weight: bold;
	list-style-type;
}
            
/* Main Navigation
------------------------------------ */
#main-nav {
    border-top: 1px solid #999;    
    border-bottom: 1px solid #999;
    background: #fff url(../images/global/grad-nav.gif) bottom left repeat-x;
    height: 26px;
    margin-top: 5px;
}

    #main-nav li {
        float: left;
        display: inline;
        border-right: 1px solid #ccc;
        border-left: 1px solid #fff;
        font-size: 12pt;
        font-weight: bold;
        color: #000;
    }

    #main-nav li.first  { border-left: none; }
    #main-nav li.last       { border-right: none; }


        #main-nav li a {
            padding: 3px 0;
            float: left;
            width: 179px;
            text-align: center;
            color: #000;
        }

        #main-nav li a:hover {
            background-color: #f3f3f3;
            text-decoration: none;
        }
        
/* Sub Navigation
------------------------------------ */
#sub-nav {
    border-top: 1px solid #999;
    background: #fff url(../images/global/grad-nav.gif) bottom left repeat-x;
}

    #sub-nav li {
        float: left;
        display: inline;
        border-right: 1px solid #ccc;
        border-left: 1px solid #fff;
        font-size: 12pt;
        font-weight: bold;
        color: #000;
    }

    #sub-nav li.first  { border-left: none; }
    #sub-nav li.last       { border-right: none; }


        #sub-nav li a {
            padding: 3px 0;
            float: left;
            width: 179px;
            text-align: center;
            color: #000;
        }

        #sub-nav td a:hover {
            background-color: #f3f3f3;
            text-decoration: none;
        }


/* Header Tools
------------------------------------ */
#tools {    /*background-color: #fce5de;*/
}

#tools #admin_link {float:left;}

    #search {
        margin: 0 7px 0 13px;
        padding-top: 8px;
        padding-bottom: 7px;
        float: left;
        width: 438px;
        border-right: 1px solid #fff;
    }
    
        #search div {
            float: left;
        }
        
            #search .textbox {
                margin-right: 7px;
                padding: 2px 4px;
                color: #666;
                width: 325px;
                font-size: 1.4em;
                margin-top:1px;
            }
            
            #search .textbox:focus {
                color: #000;
            }
            
            #search input[type="submit"]{
            	margin:0;
            }
            
            
    #cart {
        margin: 8px 0 0 0;
        padding-bottom: 7px;
        float: left;
        width: 444px;
    }
    
        #globalcart {
            float: left;
            width: 271px;
        }
        
            #view-cart {
                margin-right: 13px;
                float: right;
/*              display: inline;*/
                width: 150px;
                height: 27px;
                background: transparent url(../images/global/cart-back-L.gif) top left no-repeat;
            }
            
                #view-cart .inner {
                    float: left;
                    display: inline;
                    height: 27px;
                    margin-left: 5px;
                    width: 150px;
                    background: transparent url(../images/global/cart-back-r.gif) top right no-repeat;
                }
            
                    #view-cart p {
                        margin-bottom: 0;
                        line-height: 2.4em;
                        background: transparent url(../images/global/cart.gif) 0 50% no-repeat;
                    }
                    
                        #view-cart p a {
                            padding: 4px 15px 4px 25px;
                            text-transform: uppercase;
                            font-weight: bold;
                        }

                            #view-cart p a:hover {
                            }
                            
                            #view-cart p a:visited {
                                color: #e51937;
                            }
            
            #global-checkout {
                width: 94px;
                float: right;
                margin:0;
            }
            #global-checkout input[type="submit"]{
            	margin:0;
            }
    
    

/* Footer
------------------------------------ */
#about,
#close {
    border-top: 1px solid #000;
}

#about {
    height: 56px;
    background: #f2f2f2 url(../images/global/about.gif) 15px 7px no-repeat;
}

    #about p {
        margin-bottom: 0;
        text-indent: -9999px;
    }

#close {
    padding-bottom: 20px;
    background-color: #333;
}

.addthis_button {
  position: relative;
  bottom: 4px;
}

    #footer-links ul {
        margin-top: 10px;
        margin-left: 5px;
        float: left;
        width: 508px;
    }
    
        #footer-links li {
            float: left;
            display: inline;
            border-right: 1px solid #e51937;
/*          font-weight: bold;*/
            line-height: 1em;
        }
    
        #footer-links li.last {
            border-right: none;
        }
        
            #footer-links li a {
                margin: 0 5px;
                float: left;
                color: #fff;
            }
        
    #copyright {
        margin-top: 10px;
    }   
    
        #copyright p {
            margin-right: 15px;
            text-align: right;
            color: #ccc;
            line-height: 1em;
        }

/* Channel Browse
------------------------------------ */
#channel-browse {
    border-top: 1px solid #000;
}

    #channel-browse h2 {
        padding: 2px 0 3px 0;
        color: #000;
        font-size:12pt;
        font-weight: normal;
        background: #7f7f7f url(../images/global/grad-browse.gif) bottom left repeat-x;
        border-bottom: 3px solid #e51937;
    }
    
        #channel-browse span {
            padding-left: 25px;
            background: transparent url(../images/global/arrow-browse.gif) 7px 60% no-repeat;
        }
    
    #channel-browse ul {
        list-style: none;
    }
    
        #channel-browse li {
            border-bottom: 1px solid #ccc;
        }
        
            #channel-browse li.last {
                border:none;
            }
        
            #channel-browse li a {
                padding: 3px 5px 4px 5px;
                display: block;
                color: #e51937;
                width: 197px;
            }
            
            #channel-browse li a:hover {
                color: #fff;
                text-decoration: none;
                background-color: #e51937;
            }

#rss {
    border-top:2px solid #e51937;
    border-bottom:2px solid #e51937;
    padding:10px 0;
}
    
    #rss h3{
        font-size:1.2em;
    }

    #rss ul {
        margin-top:5px;
    }
    
        #rss li {
            border:none;
        }

            #rss li a {
                padding-left:21px;
                background:transparent url(../images/global/rss.gif) 0 3px no-repeat;
                width:176px !important;
            }
        
                #rss li a:hover {
                    background-color:transparent;
                    color:#e51937;
                    color:#000;
                }
                
/* Category filter fields 
---------------------------------------- */

#filter_fields{
font-size:1.2em;
}
#filter_fields #view{
width:75px;
}
#filter_fields p{
margin:4px 0;
}
#filter_fields .pagination{
margin:0 0 5px 0;
}

/* Global 
---------------------------------------- */
.box {
    background:#eee ;
}

    .box-interior {
        padding:15px;
    }

h4 {
    font-size:1.2em;
    margin:10px 0;
}   

img {
    border:0;
}

ul.hanging-nav {
    float:left;
    display:inline;
    margin:0 0 0 15px;
}   

    ul.hanging-nav li {
        float:left;
        display:inline;
        font-size:1em;
        font-weight:bold;
        background: transparent url(/images/global/hanging-nav-L.gif) bottom left no-repeat;
        padding:0 2px 0 5px;
    }

        ul.hanging-nav li a {
            background: transparent url(/images/global/hanging-nav-R.gif) bottom right no-repeat;
            display:block;
            padding:5px 10px 5px 5px;
            color:white !important;
            cursor:default;                         
            text-decoration:none;
            }

        ul.hanging-nav li a:hover {
            color:white !important;
        }

            ul.hanging-nav li.inactive {
                background-image:url(/images/global/hanging-nav-off-L.gif);                         
            }

            ul.hanging-nav li.inactive a {
                background-image:url(/images/global/hanging-nav-off-R.gif);
                cursor:pointer;                         
            }

            ul.hanging-nav li.inactive a:hover {
                color:#eee !important;
            }

ul.tabs {
    float:left;
    width:263px;
    background:transparent url(/images/global/border-red.png) repeat-x bottom left;
}

    ul.tabs li {
        float:left;
        display:inline;
        border:1px solid #e51937;
        border-bottom:none;
        margin-right:1px;
        font-weight:bold;
    }   
		ul.tabs li.tab {
			display:block;
            padding:5px 10px;
            background: #E31937 url(/images/global/grad-tabs.gif) top left repeat-x;
            color:white !important;
        }
        ul.tabs li a {
            display:block;
            padding:5px 10px;
            background: #E31937 url(/images/global/grad-tabs.gif) top left repeat-x;
            color:white !important;
        }   

            ul.tabs li a:hover {
                text-decoration:none;               
/*              background:#E31937;*/
                background:#e51937 !important;
            }

            ul.tabs li.active a {
                background: #fff url(/images/global/border-white.png) bottom left repeat-x;
                color:#e51937 !important;
            }   

                ul.tabs li.active a:hover {
                    background: #fff url(/images/global/border-white.png) bottom left repeat-x !important;
                    text-decoration:none;
                    cursor:default;
                }   


.tab-content {
    border:1px solid #E51937;
    clear:left;
    float:left;
    padding:25px;
    width:629px;
}

    .tab-content h3{
        font-size:2.4em;
        font-weight:normal;     
    }

    .tab-content h4{
        font-size:1.8em;
        font-weight:normal;     
    }


.accordian {
    background:#eee;
}

    .accordian h3{
        background: #E31937 url(/images/global/grad-red-large.gif) bottom left repeat-x;
        color:white !important;
        padding:10px 10px 10px 15px;
        font-size:1.4em;
        text-transform: uppercase;
    }

    .accordian h3.link {
        cursor:pointer;
    }

        .accordian h3.link:hover {
            background-image:none;
        }

    .accordian ul {
        padding:15px;
    }

        .accordian li {
            list-style-type:none;
            margin-bottom:5px;
        }
        

/* ================ */
/* = Registration = */
/* ================ */
body#users.new h1{
  color: #ed1c24;
  font-weight: normal;
  font-size: 35px;
  margin-bottom:50px;
}

body#users h1 {
  color: #ed1c24;
  font-weight: normal;
  font-size: 35px;
  margin-bottom: 50px;
}

body#users .box_it {}

body#users .left_side {float:left;}

body#users .right_side {float:left;margin-left:30px;}

body#users .box {border: 1px solid #ccc;width:280px;margin-top:80px;padding:10px;}

body#users .box h2 {font-size:22px;color:#e42601;font-weight:normal;}

body#users .box h2 span {font-weight:bold;}

body#users .box a {color:#0070d8;font-size:14px;text-decoration:underline;}

body#users .box form {margin-top:30px;}

body#users .box form p {padding-bottom:25px;}

body#users .box form label {width:120px;float:left;font-size:12px;text-align:right;}

body#users .box form input {float:left;margin-left:10px;height:15px;}

body#users .box form select {float:left;margin-left:10px;height:15px;}

body#users .box form p input {width:115px;}

body#users .box form p input#credit_card_verification_value {width:30px;}

body#users h1 span {
  font-weight: bold;
}

body#users .annex_pitch img {
  float:left;
}

body#users .annex_pitch ul {
  margin-left: 30px;
  margin-top: 10px;
  float: left;
  font-size: 12px;
  font-weight:normal;
}
body#users .annex_pitch li {
  padding-bottom: 5px;
}
body#users .credit_card_info{
	color:#333;
	font-size:100%;
}


/* ================= */
/* = Subscriptions = */
/* ================= */
body#subscriptions h1 {
  color: #ed1c24;
  font-weight: normal;
  font-size: 50px;
  margin-bottom: 30px;
}

body#subscriptions .box_it {}

body#subscriptions .left_side {float:left;}

body#subscriptions .right_side {float:left;margin-left:30px;}

body#subscriptions ul.tabs {background:none;}

body#subscriptions .box {border: 1px solid #333;}

body#subscriptions .box .header {border-bottom: 1px solid #ccc;background:#efefef;}

body#subscriptions .box .header h2 {float:left;font-size:38px;}

body#subscriptions .box .header h2 span {font-weight:bold;}

body#subscriptions .box .header .right_side {float:right;padding-top:10px;}

body#subscriptions .box .content, body#subscriptions .box .header {padding:15px;}

body#subscriptions .box .content {background-color:#fff;}

body#subscriptions .box .content ul {margin-left:15px;margin-bottom:10px;}

body#subscriptions .box .content ul li {margin-bottom:5px;}

body#subscriptions .box .content ul li a {font-size:12px;}

body#subscriptions .box .content a.large {font-weight:bold;font-size:16px;}

body#subscriptions .box .content h2.large {font-size:60px;}

body#subscriptions .box .content h3 {font-size:20px;color:#005de7;margin-bottom:10px;}

body#subscriptions .box .content .full-five {width:420px;}

body#subscriptions .box .content .featured {padding:10px;border:3px solid orange;margin-bottom:15px;}

body#subscriptions .box .content .featured h3 {color:#474541;font-size:14px;}

body#subscriptions .box h2 {font-size:14pt;color:#e42601;font-weight:normal;}

body#subscriptions .box h2 span {font-weight:bold;}

body#subscriptions .box .errorExplanation h2 { color: #fff; font-size:12pt; font-weight:bold; }

body#subscriptions .box a {color:#0070d8;font-size:14px;text-decoration:underline;}

body#subscriptions .box h1 a {color:#e42601;font-size:26px;font-weight:bold;}

body#subscriptions .box.subscription {padding:10px;}

body#subscriptions .box .explanation {color:black;font-size:10pt;padding-top:10px;font-style:italic;}

body#subscriptions .box td {font-size:10pt;}
body#subscriptions .box .rightalign td {text-align:right;}

body#subscriptions .box .textinput {width:150px;}

/*body#subscriptions .box form {margin-top:30px;}

body#subscriptions .box form p {padding-bottom:25px;}

body#subscriptions .box form label, body#stored_cards .box form label {width:120px;float:left;font-size:12px;text-align:right;}

body#subscriptions .box form input, body#stored_cards .box form input, body#stored_cards .box form select {float:left;margin-left:10px;height:15px;margin-bottom:10px;}*/

body#subscriptions #start_trial_now {cursor:pointer;}

body#subscriptions h1 span {
  font-weight: bold;
}

body#subscriptions .annex_pitch {
  margin-top: 20px;
}

body#subscriptions .annex_pitch img {
  float:left;
}

body#subscriptions .annex_pitch ul {
  margin-left: 30px;
  margin-top: 10px;
  float: left;
  font-size: 12px;
  font-weight:normal;
}
body#subscriptions .annex_pitch li {
  padding-bottom: 5px;
}

body#stored_cards .box {padding:10px;}

body#sso_acu .box {float:left;padding:10px;}

body#sso_acu .box.pink { width: 300px;background-color:#f7e8e8; }

body#sso_acu .box.grey { width: 330px;margin-left:10px; }

body#sso_acu .box  h2, body#stored_cards .box h2 {margin-bottom:30px;}

body#sso_acu .box  label, body#stored_cards .box label {width:120px;float:left;}

body#sso_acu .box input, body#stored_cards .box input {float:feft;}

body#users .box h1 {margin-bottom:30px;}

body#users .box label {width:120px;float:left;}

body#users .box input {float:feft;}

body#courses #content .course {margin-bottom:3em;}

body#courses #content .course .details {float:left;margin-right:3em;}

body#courses #content .course {border-bottom:1px solid #ccc;}

body#courses #content .course h2 {margin-bottom:1em;}

/* Detail 
---------------------------------------- */

body.detail #content {
    border-top:1px solid #333;
    width:903px;
}

#detail-head {
    margin-bottom:5px;
}

#detail-head .category {
    color:#e51937;
    margin-top:3px;
}

#detail-head h2.title {
    font-size:2.4em;
}

#detail-head .teacher {
    font-size:1.2em;
}

ul.standard {
    margin-left:15px;
}

    .standard li {
        margin-bottom:5px;
    }

.ratings {
    font-size:1.2em;
    color:#666;
}

.set-rating a:hover {
    padding-left:-9999px;
}

.box-interior {
    clear:left;
}

    .box-interior h2{
        font-size:2.4em;
        font-weight:normal;
    }

    .box-interior h3{
        font-weight:normal;
        margin-bottom:15px;
    }

.details .portrait {
    float:left;
    width:144px;
    margin:0 15px 15px 0;
}

.details .videos h4{
    border-bottom:1px solid #ccc;
    padding-bottom:5px;
}

.details .videos img {
    margin-right:15px;
}

#detail-footer {
    margin-top:10px;
}   

.details dl {
    margin-bottom:60px;
}

    .details dt {
        font-size:1.4em;
    }

    .details dd {
        font-size:1.2em;
        color:#999;
        margin:3px 0 15px;
    }

.ratings img {
    margin-right:1px;
}

#search_results h1 {margin-bottom:1em;}
#search_results .pagination {margin-bottom:0.5em;}

ul.rating li {list-style:none;margin-bottom:0.5em;}

body.detail .accordian {
    margin-top:2.75em;
}

.box h3.title {
    color:white;
    font-size:1.8em;
    background: transparent url(/images/header_gradient.gif) repeat-x;
    padding-left:20px;
    padding-top:3px;
    width:345px;
    height:29px;
}

#review-form {
    margin-top:5px;
}

    #review-form fieldset {
        border:none;
        background:#eee;
        padding:15px;
    }

        #review-form .form-field {
            margin:5px 0 15px;
        }

            #review-form label {
                display:block;
                font-size:1.2em;
                margin-bottom:5px;
            }

            #review-form textarea {
                width:400px;
            }

/* Category 
---------------------------------------- */
#category h3.category-title {
    background:#F2F2F2; 
    border-top:1px solid black;
    border-bottom:1px solid #e51937;
    font-size:1.6em;
    font-weight:normal;
    padding:3px 0;
    color:#000;
    margin-bottom:10px;
}

#category #classes {
    border-top:3px solid #e6e6e6;
    border-bottom:3px solid #e6e6e6;
    padding-top:1.5em;
}

#category #featured h1{
        margin-top: -3px;
        font-size:2.4em;
        float:left;
        width:359px;
    }   

#category #featured h2,
    #bottom-promo h2{
        clear:both;
        font-size:2.4em;
        font-weight:normal;
        margin-bottom:5px;
    }

#category #featured h3{
        text-align: right;
        font-size: 1.2em;
        font-weight: normal;
/*      color:#e51937;*/
        color: #333;
        float:right;
        width:90px;
    }

.classes h3{
    font-size:1.2em;
    color:#333;
    padding:3px 0;
    border-top:1px solid #000;
    border-bottom:1px solid #E6E6E6;
    margin-bottom:5px;
}

.classes img {
    margin-bottom:10px;
}

.classes p {
    font-size: 1.1em;
    line-height: 1.364em;
    margin-bottom:1em;
}

.classes a {
    font-weight:bold;
/*  font-size:1.2em;*/
    display:block;
}

.classes h3 a:link      { color: #333; }
.classes h3 a:visited { color: #333; }
.classes h3 a:hover     { color: #e51937; }
.classes h3 a:active    { color: #e51937; }

    #classes .row {
        margin-bottom:30px;
    }

.sidebar {
    margin-bottom:30px;
}

#classes-nav a {
    font-size:1.4em;
    font-weight:bold;
    float:left;
    display:inline;
}       

#classes-nav a.right {
    float:right;
}

.price {
    margin: 8px 0;
    color:#666;
}

#bottom-promo{
    margin-top:30px;
}

    .bottom-promo {
        padding-bottom:5px;
        border-bottom:1px solid #000;;
    }

        .bottom-promo p {
            font-size:1.2em;
            font-weight: bold;
        }

        #bottom-promo h3 {
            font-size:1.2em; /*12px*/
        }
    
        #plus{
/*          height:10px;*/
            margin: 35px 0 0 0;
            text-align: center;
        }       

            #plus h3 {
/*              font-weight:normal;*/
                font-size: 1.4em;
            }

body#categories .button.trial{
    width:75px;
    font-size:1.2em;
    height:15px;
    padding-top:5px;
    margin-top:10px;
}

body#categories.show #new_purchase_item, body#categories.show a.button.trial {
  float:left;
  display:inline;
}
body#categories.show #new_purchase_item input.submit, body#categories.show a.button.trial {
  margin-top:0px;
  width:67px;
  font-size:12px;
  margin:0;
  padding:0;
}

body#categories.show a.button.trial {
  margin:0;
  padding:8px 0 4px 0;
}

body#categories.show #new_purchase_item {
  margin-right:8px;
}


/* Home 
---------------------------------------- */
#homepage-hero {
    margin-bottom: 15px;
    /* Temporarily FPO styles until we actually get Flash in ther */
    /* end temporary styles */
}

#homepage-promo {
    
}

#home {
    margin-top:15px;
}


.home-module{
    margin-top:30px;
}

    .first-row{
            margin-top:0;
    }

    .home-module img.teacher {
        float:left;
        width:64px;
        margin:0 15px 10px 0;
    }

    .home-module h2{
        padding: 2px 5px 3px 5px;
        font-size:1.6em;
        font-weight: normal;
        background: transparent url(/images/global/grad-browse.gif) top left repeat-x;
        border-top:1px solid black;
        color:#000;
    }
    .home-module .category-title h2:hover{
    	text-decoration:underline;
    	color:#E51937;
    }
    .home-module .category-title a:hover{
    	text-decoration:underline;
    	color:#E51937;
    }

    .home-module h3{
        font-size:1.2em;        
        padding:5px 0;
    }

    .home-module h3 a div {
        font-weight:normal
    }

        .home-module h3 a {
            color:black;
        }

            .home-module h3 a:hover {
                color:#e51937;
            }
    
    .home-module p {
        margin-bottom:0;
        font-size:1.1em;
    }

    .home-module ul {
        border-top:1px solid black;
        border-bottom:1px solid black;
        margin-top:15px;
        list-style-type:none;
        clear:left;
        float:left;
        width:222px;
    }

            .home-module li {
                padding:5px 0;
                border-top:1px solid #E6E6E6;
            }
            
                .home-module li.first {
                    border-top:none;
                }
                	.home-module li.last a{
                		color:black;
	                }
                
.buttons{
    width:200px;
    margin:5px 0 -4px 0;
}
.buttons .button{
    float:left;
}
.buttons .trial{
    width:90px;
    font-size:1.2em;
    height:14px;
    margin:1px 0 5px 5px;
    padding-top:5px;
}
#new_purchase_item input[type="submit"]{
margin:0;
padding:0;
}
/* home page p with free trial text */
.free_trial{
clear:both;
}

#bestsellers h2{
    border-top:1px solid #000;
    border-bottom:1px solid #B3B3B3;
    text-indent:-9999px;
    background: #f7f7f7 url(/images/best-sellers.png) 0 0 no-repeat;
    width:207px;
    height:36px;
}

#bestsellers ol {
    list-style-type:none;
}

    #bestsellers li a{
        padding:7px 0 7px 70px;
        height:40px;
        color: #000;
        background:transparent url(/images/bs-1.png) bottom left no-repeat;
        border-bottom:1px solid #B3B3B3;
        display:block;
    }

        #bestsellers li.bs2 a{
            background-image: url(/images/bs-2.png);
        }
            
        #bestsellers li.bs3 a{
            background-image: url(/images/bs-3.png);
        }
            
        #bestsellers li.bs4 a{
            background-image: url(/images/bs-4.png);
        }
            
        #bestsellers li.bs5 a{
            background-image: url(/images/bs-5.png);
        }
            
        #bestsellers li.bs6 a{
            background-image: url(/images/bs-6.png);
        }
            
        #bestsellers li.bs7 a{
            background-image: url(/images/bs-7.png);
        }
            
        #bestsellers li.bs8 a{
            background-image: url(/images/bs-8.png);
        }
            
        #bestsellers li.bs9 a{
            background-image: url(/images/bs-9.png);
        }
            
        #bestsellers li.bs10 a{
            background-image:url(/images/bs-10.png);
        }
        


/* Buttons 
---------------------------------------- */

.button {
    color:white !important;
    background:#e51937 url(/images/global/la-button-bg.gif) 0 0 repeat-x;
    padding:3px 0 6px;
    height:27px;
    text-align:center;
    border-radius : 5px; 
    -moz-border-radius : 5px; /* Mozilla */
    -webkit-border-radius : 5px; /* Webkit */
    font-weight:bold;
    font-size:1.2em;
    display:block;
}
    .button.gold    {
        height: 12px;
    }

    .button:hover {
        background:#e51937;
        text-decoration:none;
    }
    
    .button img {
        vertical-align:middle;
        margin:-2px 0 0 15px ;
    }

input.submit {
    padding-bottom:2px;
    border:none;
    width: 75px;
    height:27px !important;
    font-size: 10pt;
    font-weight:bold;
    color:white;
    cursor:pointer;
    background:#e51937 url(/images/global/la-button-bg.gif) 0 0 repeat-x;
    border-radius : 5px; 
    -moz-border-radius : 5px; /* Mozilla */
    -webkit-border-radius : 5px; /* Webkit */
}

    input.submit:hover {
        background:#e51937;
    }

body.category #featured .button {
    width:221px;
    margin-top:10px;
    float:left;
}


#header .button {
    /*text-transform: uppercase;*/
    font-size: 1.2em;
    height:17px !important;
    padding:6px 0 4px;
}


#email-submit .submit {
    font: bold 1.2em "Helvetica Neue", Arial, sans-serif;
    height:22px !important;
    float:left;
    padding-top:2px;
}


ul.hanging-nav li a:hover,
#review-form .submit:hover,
.register-button:hover,
.review-button:hover,
.review-button-active:hover,
#search .submit:hover,
#globalcart .submit:hover,
#email-submit .submit:hover  {
    text-decoration:none;
}

/* forms .form-sections and .form-submit */
form.with_border { background: #e0e0e0; padding: 10px 5px; border: 1px solid #000;}
.form-section { margin-bottom: 9px; font-size: 140%; }
.form-section label { font-weight: bold; }
.form-section input[type=text], .form-section input[type=password] { font-size: 110%;}

/* tables */
table tr.odd { background: #e0e0e0; }

/* account  */
.clearfix { clear: both; }
div.actions { font-size: 140%; margin-bottom: 18px;}

#my-account h4 { font-size: 160%; }
#my-account div.unapproved { font-size: 120%; font-weight: bold; margin-bottom: 18px;}

#account-nav { margin-bottom: 18px;}
ul.account-nav { list-style: none; padding: 0; margin: 0; font-size: 120%; float: left; margin-bottom: 18px;} 
ul.account-nav li { float: left; padding: 0 5px; border-right: 1px solid #666;}
ul.account-nav li.last { border: 0; }

ul#account-info { list-style: none; padding: 0; margin: 0; font-size: 110%; margin-bottom: 18px; }
ul#account-info li strong { display: block; float: left; width: 200px;}
ul#account-info li {margin-bottom: 6px; clear: both;}

table.profile-summary td.image { text-align: center; }
table.profile-summary td.image div.unapproved { font-size: 10pt; font-weight: bold; }
table.profile-summary td.info { vertical-align: top; }
table.profile-summary td.info { font-size: 10pt; padding: 0 7px; }
table.profile-summary td.info h5 { font-size: 12pt; }
table.profile-summary td.messages { font-size: 12pt; padding-bottom: 18px;}

/* Members and Member */
#members table th { font-size: 120%; }
#members table td { padding-left: 10px; }
#members table td a { font-size: 120%; }

#member h1 {margin-top: 18px; margin-bottom: 9px;}


/* enrollments */
#enrollments table { width: 100%; font-size: 140%; margin-bottom: 18px;}
#enrollments table a.button { font-size: 90%; }
#enrollments a.return { font-size: 120%; }


/* Forums and related */
#forums table { font-size: 120%; width: 100%; }
#forums th { text-align: left; }
#forums th.count { width: 100px; }
#forums td a { font-size: 120%;}
ul.posts { list-style:none; margin: 0; padding: 0; margin-top: 18px;}
ul.posts li {margin-bottom: 45px;}
ul.posts li span.posted-by, ul.posts li span.posted-at { display:block; font-size: 120%; margin-bottom: 3px;}
ul.posts li span.content { font-size: 140%; margin-top: 9px; display: block;}
ul.posts ul { margin: 0 0 15px 15px; }
ul.posts ul li {margin-bottom: 5px;}

/* Messages */
#messages table { font-size: 120%; width: 100%; }
#messages th { text-align: left; padding: 5px 5px; }
#messages td { padding: 5px 5px;}
#messages tr.unread {background: #efefef;}

/* Must be last! */            
/* Utilities 
------------------------------------ */

.noBottom {
    margin-bottom: 0 !important;
}

.clear-l    { clear: left; }
.clear-r    { clear: right; }
.clear-b    { clear: both; }

.float-l { float: left; }
.float-r { float: right; }

.hide { display: none; }

.ui-tabs-hide { display: none; }
.col.full-two.accordian p {padding-left:15px;padding-top:10px;}
.box-interior .buttons {margin-bottom:10px;}
.box-interior .buttons a {float:left;width:100px;}
.box-interior .buttons a.gold {margin-left:15px;width:150px;}

/*
Sign up form
*/
#signup_form{
width:350px;
border:solid 1px black;
background-color:#c0c0c0;
text-align:left;
font-size: 12pt;
padding: 0 0 0 15px;
}
#signup_form input{
margin:0 0 3px 0;
}
#signup_form_f input[type="image"]{
margin:5px 0;
}
#signup_form input,select,label{
	font-size: 16px;
	padding: 2px;
}

#signup_form_f{
}

#login_form{
font-size:9pt;
}

#login_form input[type="text"],input[type="password"],input[type="submit"]{
margin:5px 0;
}

/* moneyfest skin */
#moneyfest_container{
	background:#FFFFFF url(../images/img_global_bg.jpg) repeat-y scroll 0 0;
	display:block;
	margin:0 auto;
	padding:0 0 10px;
	position:relative;
	text-align:left;
	width:1076px;
	z-index:2;
	height:800px;
}
#moneyfest_content{
	left:0;
	padding:0 0 0 98px;
	position:relative;
	top:0;
}
#moneyfest_end_content{
float:left;
padding:10px 3px 0 0;
position:relative;
width:876px;
margin-bottom:10px;
}
#moneyfest_footer{
	color:#B2B2B2;
	font-size:11px;
	clear:left;
}
#moneyfest_footer a{
color:#B2B2B2;
text-decoration:none;
}
#moneyfest_form {
float:left;
padding:10px 3px 0 0;
margin:0;
position:relative;
width:397px;
background-color:#FFEDCF;
border: 1px solid rgb(231, 147, 1);
}
#moneyfest_user_form {
float:left;
padding:10px 3px 0 0;
margin:0 10px 0 0;
position:relative;
width:397px;
background-color:#FFEDCF;
border: 1px solid rgb(231, 147, 1);
}
#top{
height:149px;
width:876px;
margin:0;
padding:0;
}
#middle_top{
	background: transparent url(../images/iecheader_base_bg.gif) repeat-x scroll 0 0;
	margin:0;
	padding:0;
}
#top_left{
	background: transparent url(../images/img_home_topnav_memberaccess.gif) repeat-x scroll 0 0;
	margin:0;
	padding:0;
}
#top_right{
	background: transparent url(../images/header_base_bg.gif) repeat-x scroll 0 0;
	margin:0;
	padding:0;
}
#top_menu{
	background:#3F0000 url(../images/img_home_topnav_menu.gif) no-repeat scroll 0 0;
	color:#FFFFFF;
	height:35px;
	width:876px;
	padding:0;
	margin:0;
}
.spacer{
font-size:0;
margin:0;
padding:0;
}
#new_live_class_registration{
	font-size:1.2em;
}

/* class reg on accounts page */
.class_registrations{
	margin:0;
	padding:0;
}
.class_registrations .section{
	margin:0 5px;
}
.class_registrations li{
	list-style-type:none;
}

/* live classes index */
.class_row{
	clear:left;
}
.live_classes_left{
	width:201px;
}
.live_classes_middle{
	width: 456px;
}
.live_classes_right{
	width:201px;
}

.order_summary{
}
.order_summary td{
	font-size:10pt;
}

#upsell{
	margin:15px auto;
	text-align:center;
}
#decline a{
	font-size:10pt;
}
#upsell img{
	margin: 0 auto;
}
#presell{
	margin:0 auto;
	width:785px;
	height:506px;
}
#cancel{
	margin: 10px 0;
}

#summary{
}
.summary_header{
	display:none;
}
#summary table{
	font-size:12px;
}
#summary table td.left{
	font-weight:bold;
}
.summary_page{
	border-bottom:1px solid black;
}
#summary .ticket{
	width:400px;
	float:left;
}
#upsell_moneyfest_form{
	background: transparent url("../images/mfc-splash2.jpg") no-repeat;
	margin:0 auto;
	width:640px;
	height:530px;
	text-align:left;
}
#upsell_subscription_form{
	background: transparent url("../images/la-free-trial-splash.jpg") no-repeat;
	margin:0 auto;
	width:785px;
	height:506px;
	text-align:left;
}
.class_image{
	float:left;
	width:200px;
	margin-right:5px;
}

/* IEC STYLE */
#iec_middle_top{
	background: transparent url(../images/iec/header_base_bg.gif) repeat-x scroll 0 0;
	margin:0;
	padding:0;
}
#iec_top_left{
	background: transparent url(../images/iec/img_home_topnav_memberaccess.gif) repeat-x scroll 0 0;
	margin:0;
	padding:0;
}
#iec_top_right{
	background: transparent url(../images/iec/header_base_bg.gif) repeat-x scroll 0 0;
	margin:0;
	padding:0;
}