/****************************************************************************************\

    Global Styles

\****************************************************************************************/

html 
{
}

body 
{
    position    : relative;
    width       : 100%;
}

div
{
    position : relative;  
}

h1 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h2 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h3 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h4 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h5 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h6 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

p 
{
    margin          : 0;
    padding         : .2em 0 1em 0;
    letter-spacing  : normal;
}

ul 
{
    margin          : 0 2em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
    list-style-type : disc;
}

ol 
{
    margin          : 0 2em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
    list-style-type : decimal;
}

li 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

strong 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

em 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

u 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a:visited 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a:hover 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

table 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

tr 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

th 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

td 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

img 
{
}

/****************************************************************************************\
    
    Global Constructs
    Globally Unique Elements
    Control Specific Constructs

\****************************************************************************************/

/*___ DIV _________________________________________________________________*/

div#branding
{
    position    : relative;
    width       : 775px;
    margin      : 0 auto;
}

div#content
{
    position    : relative;
    width       : 773px;
    margin      : 0 auto;   
}

div#content_wrapper
{
    position    : relative;
    width       : 100%;
    margin-left : -152px;
    float       : right;   
}

div#content_main
{
    position        : relative;
    margin-left     : 152px;   
    padding         : 21px;
    padding-right   : 20px;
    padding-bottom  : 1em;
}

div#content_sub
{
    position        : relative;
    width           : 110px;   
    padding         : 21px;
    padding-right   : 20px;
    float           : left;
}

div.clearDiv
{
    clear   : both;
    height  : 1px;   
}

div#deptOfEco
{
    position    : relative;
    width       : 731px;
    padding     : 15px 21px 15px 21px;
}

div#brandingMain
{
    position        : relative;
    width           : 731px;
    padding-left    : 21px;
    padding-right   : 21px;
    padding-top     : 18px;
    height          : 145px;    
    margin-top      : 0;
}

div#navMenu
{
    position : relative;
}

div#homeImage
{
    position : absolute;
    top      : 21px;
    left     : 21px;
    width    : 49%;
}

div#aboutUs
{
    margin-left : 52%;
}

div#subscribe
{
    position        : relative;
    width           : 280px;
    margin-right    : 23px;
    float           : left;   
}

div#scheduledClasses
{
    float       : right;
    width       : 275px;  
    padding-top : 10px;
}

div#profileBoxWrapper
{
    width           : 100%;
    position        : relative;
    float           : left;
    margin-right    : -300px;
    margin-top      : 1.5em;
}

div#mainProfileBox
{
    position        : relative;
    margin-right    : 300px;
}

div#changeProfilePasswordBox
{
    position    : relative;
    float       : right;
    width       : 260px;
    margin-top  : 1.5em;
}

div#profilePasswordWrapper
{
    padding         : 10px;
    margin-bottom   : 1em;
}

div.buttonWrapper
{
    position    : relative;
    width       : 90%;   
}

div#MembershipDetails div.login
{
    padding-top : 1em;   
}

div.rfiCol
{
    width   : 49%;
    float   : left;    
}

div.courseCategoryHead
{
    position    : relative;
}

div.courseDetailsBox
{
    position        : relative;
    margin-bottom   : 20px; 
    padding         : 17px 10px 44px 10px;
}

div#studentProfile
{
    position		: relative;
    padding-bottom	: 10px;
}

div#studentProfileDetailsBox
{
    position        : relative;
    margin-top      : 1em;   
    padding-top     : 10px;
    padding-left    : 10px;
    padding-right   : 10px;
}

div.studentProfileDetailsCol
{
    float           : left;
    width           : 49%;
    padding-bottom  : 10px;
}

div#studentProfileDetailsFooter
{
    clear           : both;   
    margin-left     : -10px;
    margin-right    : -10px;
    min-height      : 91px;
    position        : relative;
}

div.studentProfileDetailsFooterField
{
    width       : 255px;
    height      : 51px;
    padding-top : 10px;
    margin      : 10px;
}

div#spdff1
{
    position    : relative;
    margin      : 10px auto;
}

div#classRegistrationBox
{
    position : relative;    
}

div.classRegistrationCol
{
    width : 49%;
    float : left;
}

div.profileCol
{
   position : relative;
   width    : 49%;
   float    : left; 
}

div.profileButtonWrapper
{
    position    : relative;
    clear       : both;   
    padding-top : 0.25em;
}

div.scheduledClassGoogleMap
{
    margin-top      : 1em;
    margin-bottom   : 1em;
}

div.displayNone
{
    display : none;   
    height  : 1px;
    width   : 1px;
    float   : left;
}

div.displayBlock
{
    display : block;
}

div.scheduledClassOnClose
{
    text-align      : right;
    padding-right   : 10px;   
}

div#invoice
{
    position    : relative;
    width       : 763px;
    margin      : 0 auto;
    padding     : 5px;
}

div#invoicePaymentInfo
{
    margin : -5px;
    padding : 5px;   
}

div#invoiceHeader
{
    margin  : 0 auto;
    width   : 775px;   
}

div#invoiceContent
{
    position    : relative;
    margin      : 0 auto;
    width       : 775px;
}

*div#invoiceContent
{
    margin-top : -3px;   
}

div#invoiceWrapper
{
    position        : relative;
    width           : 100%; 
    margin-right    : -282px;
    float           : left;
}

div#invoiceMain
{
    position        : relative;
    margin-right    : 282px;
    margin-left     : 24px;   
}

div#invoiceSub
{
    position        : relative;
    width           : 234px;
    margin-right    : 24px;   
    float           : right;
}

div#invoiceFooter
{
    margin      : 0 auto;
    width       : 775px; 
    height      : 45px;
    max-height  : 45px;
}

@media print { div#invoiceHeader  { max-width : 99%; } }  
@media print { div#invoiceContent { max-width : 99%; } }
@media print { div#invoiceFooter  { max-width : 99%; height : auto; } }

div.invoiceHeightBox
{
    margin-top      : 25px;
    height          : 200px;
    margin-bottom   : 25px;   
}

div#invoicePayment,
div#invoicePleaseNote
{
    padding : 5px;   
}

div#invoicePleaseNote
{
    margin-bottom : 10px;   
}

*div#invoicePayment,
*div#invoicePleaseNote,
*div#invoiceStudentProfile
{
    margin-top : -3px;
}

div#invoiceStudentProfile
{
    position        : relative;
    width           : 453px;
    padding         : 5px;
    padding-left    : 20px;
    margin-bottom   : 10px;
}

@media print { div#invoiceStudentProfile { max-width : 100%; padding : 0; padding-right : -1px; } }


div#invoiceRegistrationFor
{
    margin-left : 21px;   
}

div#scheduledClassesWrapper
{
    overflow        : scroll; 
    overflow-x      : hidden;
    height          : 178px;
    padding-left    : 10px;
    padding-right   : 10px;
}

#map.locationPrint
{
	display			: block;
	width			: 400px;
	height			: 300px;
	margin			: 0 10px 10px 0;
	float			: left;	
}

#invoice.locationPrint
{
	overflow		: hidden;	
}

#directionWrapper
{
	width			: 330px;
	height			: 290px;
	overflow-y		: scroll;
	float			: left; 
	padding			: 5px;
}

/*___ SPAN _________________________________________________________________*/

span.h2Branding,
h2#h2Branding span 
{
	display : block;
}

span.rdoListSubscribe
{
    display         : block;
    margin-bottom   : 1em;   
}

span.spanRFIForm,
div#rfiForm span
{
    display : block;   
}

span.spanStudentProfileDetails
{
    display         : block;
    margin-bottom   : 1em;   
}

span.spanClassRegistrationCol,
div.classRegistrationCol span
{
    display : block;
    float   : left;
    width   : 110px;    
}

span.profileClassColumnFirst,
span.profileClassColumnFirstHead
{
    display         : block;
    float           : left;
    width           : 38%;
    padding-right   : 10px;   
}

span.profileClassColumn
{
    display         : block;
    float           : left;
    width           : 15%;
}

span.classDetailsCategory
{
    display     : block;
    float       : left;
    width       : 150px;    
}

span.classDetailsLocation,
span.classDetailsInstructors
{
    display      : block;
    padding-left : 150px;
}

span.classDetailsLocation:first-line,
span.classDetailsInstructors:first-line
{
    padding-left : 0;
}

span#spanInvoiceStudentContactInfo
{
    position    : absolute;
    right       : 5px;
    top         : 5px;   
    text-align  : right;
    display     : block;
}

span.spnInstructorContact
{
    display     : block;
    float       : left;
    width       : 125px;
}

span#spanBalanceDue
{
    display     : block;
    width       : 112px;
    height      : 74px;
    text-indent : -9999em;
    position    : absolute;
    right       : 30px;
    top         : 10px;
}

/*___ H1 _________________________________________________________________*/

h1#h1Invoice
{
    margin-bottom : 5px;    
}

/*___ H2 _________________________________________________________________*/

h2#h2DeptOfEco
{
    display     : block;
    width       : 281px;
    height      : 40px;
    text-indent : -9999em;
}

h2#h2Branding
{
    position    : absolute;
    top         : 43px;
    left        : 238px;
}

/*___ H3 _________________________________________________________________*/

h3.h3StandardSmall
{
    margin-bottom : 0.5em;   
}

h3#h3ScheduledClasses
{
    margin-bottom   : 0.3em;   
    padding-left    : 10px;
    padding-right   : 10px;
}

h3.h3Login
{
    margin-bottom : 0.5em;
}

h3#h3ProfilePassword
{
    width           : 90%;
    text-align      : center;
    margin-bottom   : 0.25em;
}

h3#h3FAQ
{
    margin-bottom : 0.5em;   
}

h3#h3CourseDetails
{
    margin-bottom : 15px;   
}

h3#h3Invoice
{
    margin-bottom : 0.25em;   
}

/*___ H4 _________________________________________________________________*/

h4.h4Question
{
    margin-bottom : 0.3em;
}

h4.h4CourseCategory
{
    padding-left    : 144px; 
    line-height     : 1em;  
}

h4.h4ScheduledClass
{
    margin-bottom : 1em;    
}

h4#h4ProfileClass
{
    margin-top : 10px;    
}

h4.h4CourseDetailsBox
{
    margin-bottom : 1em;   
}

h4.h4Invoice
{
    margin-top      : 0.5em;   
    margin-bottom   : 0.25em;
}

h4#h4ViewMoreClasses
{
    margin-top : 0.5em;
    text-align : center;   
}

#directionWrapper + h4
{
	clear			: both;	
}

/*___ H5 _________________________________________________________________*/

h5.h5ClassesOffered
{
   margin-left      : 144px; 
   margin-bottom    : 0.75em;
}

h5.h5StudentProfileDetailsFooter
{
    text-align : center;   
}

/*___ H6 _________________________________________________________________*/

h6#h6BalanceDue
{
    text-align : center;    
}

/*___ P _________________________________________________________________*/

p.pCourseCategory
{
    padding-left : 144px;    
}

p.invoiceAddress
{
    margin : 2em 0 0 121px; 
}

@media print { div#invoiceStudentProfile p { margin-left : 20px; } } 


/*___ UL _________________________________________________________________*/

ul#ulDeptOfEco
{
    list-style-type : none;
    margin          : 0;
    position        : absolute;
    top             : 15px;
    right           : 21px;
}

ul#ulNavMenu
{
    list-style-type : none;
    margin          : 0;
    margin-left     : 152px;   
    width           : 620px;
}

ul.ulScheduledClasses
{
    list-style-type : none;
    margin          : 0;   
}

ul.ulFAQ
{
    list-style-type : none;
    margin          : 0;
}

ul.ulPartnerLogos
{
    margin          : 0;
    list-style-type : none;     
}

ul.ulClassesOffered
{
    margin : 0 0 1em 0;
}

ul.ulScheduledClassesMain
{
    margin          : 0;
    list-style-type : none;   
}

ul.ulScheduledClassDetails
{
    margin          : 0;
    list-style-type : none;   
}

ul.ulScheduledAgenda
{
    margin          : 0;
    list-style-type : none;   
    clear           : both;
}

ul.ulCourseDetailsList
{
    margin          : 0;
    list-style-type : none;   
}

ul#ulProfileClass
{
    margin          : 0;
    list-style-type : none;   
}

ul.ulInvoicePleaseNote,
div#invoicePleaseNote ul
{
    list-style-type : disc;
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/

li.liDeptOfEco
{
    display : inline;    
}

li.liNavMenu
{
    display     : inline;   
    margin-left : 0.9em;
}

ul.ulPartnerLogos li
{
    display     : block;
    padding		: 0 2em;
    height      : 120px;
    float       : left;
    text-align  : center;
    
}

li.liClassesOffered,
ul.ulClassesOffered li
{
    margin-left     : 144px;
}

li.liScheduledClassesMain,
ul.ulScheduledClassesMain li
{
    position        : relative;
    min-height      : 129px; 
    margin-bottom   : 20px; 
    padding         : 17px 10px 44px 157px;
}

li.liScheduledClassesMain_nested,
ul.ulScheduledClassesMain li li
{
    min-height  : 0;   
    padding     : 0 0 0 0;
    margin      : 0;
}

ul.ulScheduledClassDetails li
{
    padding : 0;   
}

li.liCourseDetailsList_nested,
ul.ulCourseDetailsList li li
{
    min-height  : 0;   
    padding     : 0 0 0 0;
    margin      : 0;
}

li.liProfileClass,
ul#ulProfileClass li
{
    position : relative;
    padding  : 3px;    
}

li.liInvoice,
ul#ulInvoice li
{
    margin-bottom : 0.7em;    
}

li.liInvoicePleaseNote,
div#invoicePleaseNote ul li
{
    margin-bottom : 1em;   
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

a.aH1Branding,
h1#h1Branding a
{
    text-indent : -9999em;
    display     : block;
    width       : 160px;
    height      : 77px;
}

@media print { h1#h1Branding a
{
    position    : relative;
    text-indent : 0;
    margin      : 0;
    padding     : 0;
    width       : auto;
    height      : auto;
} }

a#aBtnPrintInvoice
{
    display     : block;
    float       : left;
    width       : 121px;
    height      : 22px;
    text-indent : -9999em;
    margin-right: 5px;
}

@media print {a#aBtnPrintInvoice
{
        height : auto;
        width : auto;
        float : none;
        display : inline;
        margin-right : 0;
        text-indent : 0;
} }

a#aPadillaLink
{
    display     : block;
    width       : 152px;
    height      : 51px;
    text-indent : -9999em;
    margin-left : -21px;
    margin-top  : 85px;
}

a.btnFormSave
{
    display     : block;
    width       : 121px;
    height      : 22px;
    text-indent : -9999em;
    margin-top  : 1em;
}

a.aMembershipDetails_Login_buttons,
div#MembershipDetails div.login a.btnEditProfile,
div#MembershipDetails div.login a.btnCreateUser
{
    display : none;   
}

a.btnMembershipProfileLogout,
div#MembershipDetails div.login a.btnLogout,
div#MembershipDetails div.login a.btnLogin
{
    display     : block;
    width       : 121px;
    height      : 22px;
    text-indent : -9999em;
    margin-left : 105px;
}

a.btnMembershipProfileLogin,
div#MembershipDetails div.login a.btnLogin
{
    display     : block;
    width       : 121px;
    height      : 22px;
    text-indent : -9999em;
    margin-left : 117px;
}

a.btnFormSubmit
{
    display     : block;
    width       : 121px;
    height      : 22px;
    text-indent : -9999em;
}

a.btnClassRegister,
a.btnClassRegisterFull,
a.btnClassRegisterWait,
a.btnClassRegisterClosed
{
    display     : block;
    width       : 121px;
    height      : 22px;
    text-indent : -9999em;
    position    : absolute;
    right       : 10px;
    bottom      : 17px;
}

a.studentProfile_btnEditProfile,
div#studentProfile a.btnEditProfile
{
    display     : block;
    width       : 121px;
    height      : 22px;
    text-indent : -9999em;
    position    : absolute;
    right       : 0;
    top         : 2em;
}

a.btnClickHere
{
    display     : block;
    width       : 121px;
    height      : 22px;
    text-indent : -9999em;
    margin      : 0 auto;
}

a.btnRegisterSave
{
    display     : block;
    width       : 121px;
    height      : 22px;
    text-indent : -9999em;
}

a.btnFormResetPass
{
    display     : block;
    width       : 121px;
    height      : 22px;
    text-indent : -9999em;
}

a.aCourseCatalogClassTitle
{
    display : block;
    float   : left;
    width   : 75%;
}

a.aCourseCatalogClassMoreInfo
{
    display     : block;
    float       : right;
    width       : 25%;
    text-align  : center;   
}

a.aNotStudent
{
    padding-left : 1em;  
}

a.aCourseDetailsBack
{
    position    : absolute;
    right       : 20px;
    top         : 5px;   
}

a.aInvoice,
a.aInvoice:hover,
a.aInvoice:visited
{
    width       : 58px;
    height      : 24px;
    display     : block;
    text-indent : -9999em;
    position    : absolute;
    right       : 35px;
    top         : 5px;
}

div#studentProfile a#lnkPastClasses
{
	padding-left: 30px;
}


/*___ TABLE _________________________________________________________________*/

table#tblProfileClass
{
    margin-top : 2px;   
}

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

table#tblProfileClass th
{
    padding : 5px;
}

th.thClassTitle
{
    width : 40%;   
}

/*___ TD _________________________________________________________________*/

table#tblProfileClass td
{
    padding : 5px;
}

/*___ IMG _________________________________________________________________*/

img#imgHomeImage
{
    margin-top      : 3px;    
    margin-bottom   : 0.5em;
}

img.imgCourseCategory
{
    position    : absolute;      
    left        : 0;
    top         : 0;
}

img.imgScheduledClass
{
    position    : absolute;
    left        : 10px;
    top         : 17px;   
    max-width	: 125px;
}

img#imgCourseDetails
{
    width           : 128px;
    height          : 96px;
    margin-right    : 15px;
    margin-bottom   : 10px;
    float           : left;   
}

img.imgInstructor
{
    float           : left;
    margin-right    : 10px;
    margin-bottom   : 10px;    
}

@media print { div#invoiceHeader img { width : 100%; } }  
@media print { div#invoiceFooter img { width : 100%; } }  
@media print { img#imgStudentProfile { width : 100%; } } 

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/

input.txtLogin,
input.txtPassword
{
    width           : 108px;
    margin-bottom   : 6px;
}

input.txtSubscribe
{
    margin-bottom : 1em;
}

input.inputMainProfileBox,
div#mainProfileBox input
{
    width : 90%;   
}

input.inputChangeProfilePasswordBox,
div#changeProfilePasswordBox input
{
    width : 90%;    
}

input.inputRFIForm,
div#rfiForm input
{
    width : 90%;    
}

input.inputRFISubject,
label#lblRFISubject input
{
    width : 44%;
}

textarea.textareaRFIForm,
div#rfiForm textarea
{
    width           : 93%;  
    margin-bottom   : 0.5em; 
}

input.txtPhoneA
{
    width : 3em;   
}

input.txtPhoneB
{
    width : 4em;   
}

#directionSearch
{
	width : 250px;	
}

/*___ LABEL _________________________________________________________________*/

label.labelMainProfileBox,
div#mainProfileBox label
{
    display : block;
}

label#lblRFISubject
{
    clear : both;
}

label.lblRFIForm,
div#rfiForm label
{
    display     : block; 
    padding-top : 1em;  
    line-height : 1.25em;
}

label.lblClassRegistrationCol,
div.classRegistrationCol label
{
    display         : block;
    margin-bottom   : 0.5em;
}

div.profileCol label
{
    display : block;
    margin-bottom : 0.5em;    
}

label.labelClassSchRegBtn
{
	display			: block;
	margin-top		: 1em;
    clear           : both;
}

/*___Group/Section/Class_________________________________________________________________*/