/******************************************************************************/ /* 411Fit.com /* Base Styles /******************************************************************************/ /*=========================================================================== TOC Imports & Settings Reset, Grid, Widths * Spacing Structural - Primary One Col Layout Two Col Layout - Left Sidebar Two Col Layout - Right Sidebar Three Col Layout Container Main - Holds Left and Right Columns, or two of the three columns Content Sections and Dividers Clears Dividers Standard Content Row Standard Content Module w/ Alignments Scrolling Container Content Container Types Content Blocks Opacity Spacing Random Expanding & Collapsing Content Scrolling Content Display Settings Left Nav - Mini-App Options Nav List - Vertical Nav List - Horz Validation Default Header IE7 z-index Fix Header Structure & Containers Branding Primary Navigation General Header Options Dropdown Specific Header Dropdowns Typography Headers Paragraphs Blockquotes Bolds & Italics Pre & Code Text Highlights Anchors & Buttons Large Button Sign-In Button Footer Button Form Button Standard Button Other Buttons Lists Standard Content Flow Lists Standard Element Building Lists (Horz & Vert) One Column Definition List Two Column Definition List DT Widths Information Boxes Form Elements Fields - Default Fields - Standard Overides Form Statement Footer Standard Tab Patterns Open-Close Control Error Container Tables Standard Table Button Wrapper Variations What If Conditions Selection Rows Date Stamping Table Legend Table Text Element Labels Table Footnote Person Results List Forum Listing Table Form Layouts Standard Structure Form Element Descriptors Form Layout - One Col - Type A Form Layout - One Col - Type UL - Modal Form Layout - Two Col - Type UL Multiple Fields in a Row Overides Checkboxes and Radio Buttons Form Layout Field Layout: Two Col - Definition List Field Layout: Two Col - Definition List Nested 2nd Level Form Layouts - NEW STANDARD - Currently in Dev Only Standard Structure Input Styling Overrides Messaging - Custom Elements Date Range Object Tooltips for Forms Calendar Tooltips Standard Tooltip Plain Tooltip Date Picker Styles Calendar Styles Overrides Loading Image Sign-In Template Social Icons Groups Images & Framing Alignment FUNCTIONAL OBJECTS Dropdowns Core Functions Standard Dropdown Core Menus for Dropdown Type 2 Overrides Standard Dropdown: Settings Menu Video Modules Inline Icons Tutorial Icons Scrolling Boxes Show/Hide Menu System ===========================================================================*/ /*===========================================================================*/ /* Imports & Settings /*===========================================================================*/ @import url("reset.css"); @import url("960.css"); @font-face { font-family: 'MuseoSlab100'; src: url('../fonts/museo_slab_100-webfont.eot'); src: url('../fonts/museo_slab_100-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo_slab_100-webfont.woff') format('woff'), url('../fonts/museo_slab_100-webfont.ttf') format('truetype'), url('../fonts/museo_slab_100-webfont.svg#MuseoSlab100') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MuseoSlab300'; src: url('../fonts/museo_slab_300-webfont.eot'); src: url('../fonts/museo_slab_300-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo_slab_300-webfont.woff') format('woff'), url('../fonts/museo_slab_300-webfont.ttf') format('truetype'), url('../fonts/museo_slab_300-webfont.svg#MuseoSlab300') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MuseoSlab500'; src: url('../fonts/museo_slab_500-webfont.eot'); src: url('../fonts/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo_slab_500-webfont.woff') format('woff'), url('../fonts/museo_slab_500-webfont.ttf') format('truetype'), url('../fonts/museo_slab_500-webfont.svg#MuseoSlab500') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MuseoSans500'; src: url('../fonts/MuseoSans_500-webfont.eot'); src: url('../fonts/MuseoSans_500-webfont.eot?iefix') format('eot'), url('../fonts/MuseoSans_500-webfont.woff') format('woff'), url('../fonts/MuseoSans_500-webfont.ttf') format('truetype'), url('../fonts/MuseoSans_500-webfont.svg#webfontkQkWxTED') format('svg'); font-weight: normal; font-style: normal; } /*----------------------------------- HTML5 Defaults -----------------------------------*/ abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video { display: block; } /* Structural - Primary /*===========================================================================*/ body { font-family: Arial, Helvetica, sans-serif; } #ie-lift { z-index: 10000; } .ie-lift { z-index: 9000; } #page-body { float: left; width: 100%; min-width: 960px; margin-top: 0; margin-bottom: 30px; clear: both; } #page-footer { float: left; width: 100%; min-width: 960px; min-height: 233px; clear: both; padding-bottom: 12px; background: url(../images/bg_ft.jpg) top center repeat-x #3c3c3c; } #sidebar-left, #main-column, #sidebar-right, #container-main { float: left; margin-left: 10px; margin-right: 10px; } #sidebar-left {margin-left: 0px;} #sidebar-right {margin-right: 0px;} /* One Col Layout --------------------------------------------*/ #page-body.one-column #main-column { float: left; width: 100%; margin-left: 0px; margin-right: 0px; } /* Two Col Layout - Left Sidebar --------------------------------------------*/ #page-body.two-columns.left-thin #sidebar-left {width: 140px;} #page-body.two-columns.left-med #sidebar-left {width: 220px;} #page-body.two-columns.left-wide #sidebar-left {width: 300px;} #page-body.two-columns.left-thin #main-column {width: 780px;margin-right: 0px;} #page-body.two-columns.left-med #main-column {width: 700px;margin-right: 0px;} #page-body.two-columns.left-wide #main-column {width: 620px;margin-right: 0px;} #page-body.two-columns.left-thin #container-main {width: 780px;margin-right: 0px;} #page-body.two-columns.left-med #container-main {width: 700px;margin-right: 0px;} #page-body.two-columns.left-wide #container-main {width: 620px;margin-right: 0px;} /* Two Col Layout - Right Sidebar --------------------------------------------*/ #page-body.two-columns.right-thin #sidebar-right {width: 140px;} #page-body.two-columns.right-med #sidebar-right {width: 220px;} #page-body.two-columns.right-wide #sidebar-right {width: 300px;} #page-body.two-columns.right-thin #main-column {width: 780px;margin-left: 0px;} #page-body.two-columns.right-med #main-column {width: 700px;margin-left: 0px;} #page-body.two-columns.right-wide #main-column {width: 620px;margin-left: 0px;} #page-body.two-columns.right-thin #container-main {width: 780px;margin-left: 0px;} #page-body.two-columns.right-med #container-main {width: 700px;margin-left: 0px;} #page-body.two-columns.right-wide #container-main {width: 620px;margin-left: 0px;} /* Three Col Layout --------------------------------------------*/ #page-body.three-columns.left-thin_right-med #sidebar-left {width: 140px;} #page-body.three-columns.left-med_right-med #sidebar-left{width: 220px;} #page-body.three-columns.left-thin_right-med #main-column {width: 540px;} #page-body.three-columns.left-med_right-med #main-column {width: 460px;} #page-body.three-columns.left-thin_right-med #sidebar-right {width: 220px;} #page-body.three-columns.left-med_right-med #sidebar-right{width: 220px;} #page-body.three-columns.left-thin_right-thin #sidebar-left {width: 140px;} #page-body.three-columns.left-thin_right-thin #main-column {width: 620px;} #page-body.three-columns.left-thin_right-thin #sidebar-right {width: 140px;} #page-body.three-columns.left-med_right-thin #sidebar-left {width: 220px;} #page-body.three-columns.left-med_right-thin #main-column {width: 540px;} #page-body.three-columns.left-med_right-thin #sidebar-right {width: 140px;} #page-body.three-columns.left-thin_right-thin #container-main, #page-body.three-columns.left-thin_right-med #container-main {width: 780px;margin-right: 0px;} #page-body.three-columns.left-med_right-thin #container-main, #page-body.three-columns.left-med_right-med #container-main {width: 700px;margin-right: 0px;} /* Container Main - Holds Left and Right Columns, or two of the three columns. --------------------------------------------------------------------------------*/ #page-body.two-columns #container-main #main-column {margin-left: 0px;margin-right: 0px;} #page-body.three-columns #container-main #main-column {margin-left: 0px;} /*===========================================================================*/ /* Content Sections and Dividers /*===========================================================================*/ .relative { position: relative; width: 100%; } .centered { position: relative; width: 960px; margin: 0 auto; } .center { position: relative; margin: 0 auto; text-align: center; } .section-block { float: left; width: 100%; margin-bottom: 20px; clear: both; } #content-standard {} #content-standard-options-left {} #content-standard-options-right {} #content-standard #main-column { float: left; width: 100%; margin-left: 0px; margin-right: 0px; } #content-standard-options-left #main-column { float: right; width: 780px; margin-right: 0px; } #content-standard-options-left #secondary-column { float: left; margin-right: 10px; } #content-standard-options-right #main-column { float: left; width: 780px; margin-right: 20px; } #content-standard-options-right #secondary-column { float: right; } /* Clears --------------------------------------------------------------------------------*/ .clear, div.clear, hr.clear, br.clear { height: 0px; margin: 0; padding: 0; clear: both; } /* Dividers --------------------------------------------------------------------------------*/ hr.divider, br.divider { clear: both; width: 100%; height: 1px; margin: 0 0 10px; border-top: 1px solid #e1e1e1; padding: 0; } /*--------------------------------- Opacity -----------------------------------*/ .screen75 { filter:alpha(opacity=75); opacity: .75; } .screen50 { filter:alpha(opacity=50); opacity: .5; } .screen25 { filter:alpha(opacity=25); opacity: .25; } /*--------------------------------- Widths -----------------------------------*/ /*--- Element Widths - 25s ---*/ .w-25, .content-row.w-25, ul.stacked-form .w-25, .table-standard .table-row input.w-25, .table-standard .table-row select.w-25, .table-standard .edit-row input.w-25, .table-standard .edit-row select.w-25, .table-standard .edit-row-big input.w-25, .table-standard .edit-row-big select.w-25{width:25px !important;} .w-50, .content-row.w-50, ul.stacked-form .w-50, .table-standard .table-row input.w-50, .table-standard .table-row select.w-50, .table-standard .edit-row input.w-50, .table-standard .edit-row select.w-50, .table-standard .edit-row-big input.w-50, .table-standard .edit-row-big select.w-50{width:50px !important;} .w-75, .content-row.w-75, ul.stacked-form .w-75, .table-standard .table-row input.w-75, .table-standard .table-row select.w-75, .table-standard .edit-row input.w-75, .table-standard .edit-row select.w-75, .table-standard .edit-row-big input.w-75, .table-standard .edit-row-big select.w-75{width:75px !important;} .w-100, .content-row.w-100, ul.stacked-form .w-100, .table-standard .table-row input.w-100, .table-standard .table-row select.w-100, .table-standard .edit-row input.w-100, .table-standard .edit-row select.w-100, .table-standard .edit-row-big input.w-100, .table-standard .edit-row-big select.w-100{width:100px !important;} .w-125, .content-row.w-125, ul.stacked-form .w-125, .table-standard .table-row input.w-125, .table-standard .table-row select.w-125, .table-standard .edit-row input.w-125, .table-standard .edit-row select.w-125, .table-standard .edit-row-big input.w-125, .table-standard .edit-row-big select.w-125{width:125px !important;} .w-150, .content-row.w-150, ul.stacked-form .w-150, .table-standard .table-row input.w-150, .table-standard .table-row select.w-150, .table-standard .edit-row input.w-150, .table-standard .edit-row select.w-150, .table-standard .edit-row-big input.w-150, .table-standard .edit-row-big select.w-150{width:150px !important;} .w-175, .content-row.w-175, ul.stacked-form .w-175, .table-standard .table-row input.w-175, .table-standard .table-row select.w-175, .table-standard .edit-row input.w-175, .table-standard .edit-row select.w-175, .table-standard .edit-row-big input.w-175, .table-standard .edit-row-big select.w-175{width:175px !important;} .w-200, .content-row.w-200, ul.stacked-form .w-200, .table-standard .table-row input.w-200, .table-standard .table-row select.w-200, .table-standard .edit-row input.w-200, .table-standard .edit-row select.w-200, .table-standard .edit-row-big input.w-200, .table-standard .edit-row-big select.w-200{width:200px !important;} .w-225, .content-row.w-225, ul.stacked-form .w-225, .table-standard .table-row input.w-225, .table-standard .table-row select.w-225, .table-standard .edit-row input.w-225, .table-standard .edit-row select.w-225, .table-standard .edit-row-big input.w-225, .table-standard .edit-row-big select.w-225{width:225px !important;} .w-250, .content-row.w-250, ul.stacked-form .w-250, .table-standard .table-row input.w-250, .table-standard .table-row select.w-250, .table-standard .edit-row input.w-250, .table-standard .edit-row select.w-250, .table-standard .edit-row-big input.w-250, .table-standard .edit-row-big select.w-250{width:250px !important;} .w-275, .content-row.w-275, ul.stacked-form .w-275, .table-standard .table-row input.w-275, .table-standard .table-row select.w-275, .table-standard .edit-row input.w-275, .table-standard .edit-row select.w-275, .table-standard .edit-row-big input.w-275, .table-standard .edit-row-big select.w-275{width:275px !important;} .w-300, .content-row.w-300, ul.stacked-form .w-300, .table-standard .table-row input.w-300, .table-standard .table-row select.w-300, .table-standard .edit-row input.w-300, .table-standard .edit-row select.w-300, .table-standard .edit-row-big input.w-300, .table-standard .edit-row-big select.w-200{width:300px !important;} .w-325, .content-row.w-325, ul.stacked-form .w-325, .table-standard .table-row input.w-325, .table-standard .table-row select.w-325, .table-standard .edit-row input.w-325, .table-standard .edit-row select.w-325, .table-standard .edit-row-big input.w-325, .table-standard .edit-row-big select.w-225{width:325px !important;} .w-350, .content-row.w-350, ul.stacked-form .w-350, .table-standard .table-row input.w-350, .table-standard .table-row select.w-350, .table-standard .edit-row input.w-350, .table-standard .edit-row select.w-350, .table-standard .edit-row-big input.w-350, .table-standard .edit-row-big select.w-250{width:350px !important;} .w-375, .content-row.w-375, ul.stacked-form .w-375, .table-standard .table-row input.w-375, .table-standard .table-row select.w-375, .table-standard .edit-row input.w-375, .table-standard .edit-row select.w-375, .table-standard .edit-row-big input.w-375, .table-standard .edit-row-big select.w-375{width:375px !important;} .w-400, .content-row.w-400, ul.stacked-form .w-400, .table-standard .table-row input.w-400, .table-standard .table-row select.w-400, .table-standard .edit-row input.w-400, .table-standard .edit-row select.w-400, .table-standard .edit-row-big input.w-400, .table-standard .edit-row-big select.w-200{width:400px !important;} .w-425, .content-row.w-425, ul.stacked-form .w-425, .table-standard .table-row input.w-425, .table-standard .table-row select.w-425, .table-standard .edit-row input.w-425, .table-standard .edit-row select.w-425, .table-standard .edit-row-big input.w-425, .table-standard .edit-row-big select.w-225{width:425px !important;} .w-450, .content-row.w-450, ul.stacked-form .w-450, .table-standard .table-row input.w-450, .table-standard .table-row select.w-450, .table-standard .edit-row input.w-450, .table-standard .edit-row select.w-450, .table-standard .edit-row-big input.w-450, .table-standard .edit-row-big select.w-250{width:450px !important;} .w-475, .content-row.w-475, ul.stacked-form .w-475, .table-standard .table-row input.w-475, .table-standard .table-row select.w-475, .table-standard .edit-row input.w-475, .table-standard .edit-row select.w-475, .table-standard .edit-row-big input.w-475, .table-standard .edit-row-big select.w-475{width:475px !important;} .w-500, .content-row.w-500, ul.stacked-form .w-500, .table-standard .table-row input.w-500, .table-standard .table-row select.w-500, .table-standard .edit-row input.w-500, .table-standard .edit-row select.w-500, .table-standard .edit-row-big input.w-500, .table-standard .edit-row-big select.w-500{width:500px !important;} .w-525, .content-row.w-525, ul.stacked-form .w-525, .table-standard .table-row input.w-525, .table-standard .table-row select.w-525, .table-standard .edit-row input.w-525, .table-standard .edit-row select.w-525, .table-standard .edit-row-big input.w-525, .table-standard .edit-row-big select.w-225{width:525px !important;} .w-550, .content-row.w-550, ul.stacked-form .w-550, .table-standard .table-row input.w-550, .table-standard .table-row select.w-550, .table-standard .edit-row input.w-550, .table-standard .edit-row select.w-550, .table-standard .edit-row-big input.w-550, .table-standard .edit-row-big select.w-250{width:550px !important;} .w-575, .content-row.w-575, ul.stacked-form .w-575, .table-standard .table-row input.w-575, .table-standard .table-row select.w-575, .table-standard .edit-row input.w-575, .table-standard .edit-row select.w-575, .table-standard .edit-row-big input.w-575, .table-standard .edit-row-big select.w-475{width:575px !important;} .w-600, .content-row.w-600, ul.stacked-form .w-600, .table-standard .table-row input.w-600, .table-standard .table-row select.w-600, .table-standard .edit-row input.w-600, .table-standard .edit-row select.w-600, .table-standard .edit-row-big input.w-600, .table-standard .edit-row-big select.w-600{width:600px !important;} .w-625, .content-row.w-625, ul.stacked-form .w-625, .table-standard .table-row input.w-625, .table-standard .table-row select.w-625, .table-standard .edit-row input.w-625, .table-standard .edit-row select.w-625, .table-standard .edit-row-big input.w-625, .table-standard .edit-row-big select.w-625{width:625px !important;} .w-650, .content-row.w-650, ul.stacked-form .w-650, .table-standard .table-row input.w-650, .table-standard .table-row select.w-650, .table-standard .edit-row input.w-650, .table-standard .edit-row select.w-650, .table-standard .edit-row-big input.w-650, .table-standard .edit-row-big select.w-650{width:650px !important;} .w-675, .content-row.w-675, ul.stacked-form .w-675, .table-standard .table-row input.w-675, .table-standard .table-row select.w-675, .table-standard .edit-row input.w-675, .table-standard .edit-row select.w-675, .table-standard .edit-row-big input.w-675, .table-standard .edit-row-big select.w-675{width:675px !important;} /*--- Element Widths - 20s ---*/ .w-20, .content-row.w-20, ul.stacked-form .w-20, .table-standard .table-row input.w-20, .table-standard .table-row select.w-20, .table-standard .edit-row input.w-20, .table-standard .edit-row select.w-20, .table-standard .edit-row-big input.w-20, .table-standard .edit-row-big select.w-20{width:20px !important;} .w-40, .content-row.w-40, ul.stacked-form .w-40, .table-standard .table-row input.w-40, .table-standard .table-row select.w-40, .table-standard .edit-row input.w-40, .table-standard .edit-row select.w-40, .table-standard .edit-row-big input.w-40, .table-standard .edit-row-big select.w-40{width:40px !important;} .w-60, .content-row.w-60, ul.stacked-form .w-60, .table-standard .table-row input.w-60, .table-standard .table-row select.w-60, .table-standard .edit-row input.w-60, .table-standard .edit-row select.w-60, .table-standard .edit-row-big input.w-60, .table-standard .edit-row-big select.w-60{width:60px !important;} .w-80, .content-row.w-80, ul.stacked-form .w-80, .table-standard .table-row input.w-80, .table-standard .table-row select.w-80, .table-standard .edit-row input.w-80, .table-standard .edit-row select.w-80, .table-standard .edit-row-big input.w-80, .table-standard .edit-row-big select.w-80{width:80px !important;} .w-120, .content-row.w-120, ul.stacked-form .w-120, .table-standard .table-row input.w-120, .table-standard .table-row select.w-120, .table-standard .edit-row input.w-120, .table-standard .edit-row select.w-120, .table-standard .edit-row-big input.w-120, .table-standard .edit-row-big select.w-120{width:120px !important;} .w-140, .content-row.w-140, ul.stacked-form .w-140, .table-standard .table-row input.w-140, .table-standard .table-row select.w-140, .table-standard .edit-row input.w-140, .table-standard .edit-row select.w-140, .table-standard .edit-row-big input.w-140, .table-standard .edit-row-big select.w-140{width:140px !important;} .w-160, .content-row.w-160, ul.stacked-form .w-160, .table-standard .table-row input.w-160, .table-standard .table-row select.w-160, .table-standard .edit-row input.w-160, .table-standard .edit-row select.w-160, .table-standard .edit-row-big input.w-160, .table-standard .edit-row-big select.w-160{width:160px !important;} .w-180, .content-row.w-180, ul.stacked-form .w-180, .table-standard .table-row input.w-180, .table-standard .table-row select.w-180, .table-standard .edit-row input.w-180, .table-standard .edit-row select.w-180, .table-standard .edit-row-big input.w-180, .table-standard .edit-row-big select.w-180{width:180px !important;} .w-220, .content-row.w-220, ul.stacked-form .w-220, .table-standard .table-row input.w-220, .table-standard .table-row select.w-220, .table-standard .edit-row input.w-220, .table-standard .edit-row select.w-220, .table-standard .edit-row-big input.w-220, .table-standard .edit-row-big select.w-220{width:220px !important;} .w-240, .content-row.w-240, ul.stacked-form .w-240, .table-standard .table-row input.w-240, .table-standard .table-row select.w-240, .table-standard .edit-row input.w-240, .table-standard .edit-row select.w-240, .table-standard .edit-row-big input.w-240, .table-standard .edit-row-big select.w-240{width:240px !important;} .w-260, .content-row.w-260, ul.stacked-form .w-260, .table-standard .table-row input.w-260, .table-standard .table-row select.w-260, .table-standard .edit-row input.w-260, .table-standard .edit-row select.w-260, .table-standard .edit-row-big input.w-260, .table-standard .edit-row-big select.w-260{width:260px !important;} .w-280, .content-row.w-280, ul.stacked-form .w-280, .table-standard .table-row input.w-280, .table-standard .table-row select.w-280, .table-standard .edit-row input.w-280, .table-standard .edit-row select.w-280, .table-standard .edit-row-big input.w-280, .table-standard .edit-row-big select.w-280{width:280px !important;} .w-320, .content-row.w-320, ul.stacked-form .w-320, .table-standard .table-row input.w-320, .table-standard .table-row select.w-320, .table-standard .edit-row input.w-320, .table-standard .edit-row select.w-320, .table-standard .edit-row-big input.w-320, .table-standard .edit-row-big select.w-320{width:320px !important;} .w-340, .content-row.w-340, ul.stacked-form .w-340, .table-standard .table-row input.w-340, .table-standard .table-row select.w-340, .table-standard .edit-row input.w-340, .table-standard .edit-row select.w-340, .table-standard .edit-row-big input.w-340, .table-standard .edit-row-big select.w-340{width:340px !important;} .w-360, .content-row.w-360, ul.stacked-form .w-360, .table-standard .table-row input.w-360, .table-standard .table-row select.w-360, .table-standard .edit-row input.w-360, .table-standard .edit-row select.w-360, .table-standard .edit-row-big input.w-360, .table-standard .edit-row-big select.w-360{width:360px !important;} .w-380, .content-row.w-380, ul.stacked-form .w-380, .table-standard .table-row input.w-380, .table-standard .table-row select.w-380, .table-standard .edit-row input.w-380, .table-standard .edit-row select.w-380, .table-standard .edit-row-big input.w-380, .table-standard .edit-row-big select.w-380{width:380px !important;} .w-420, .content-row.w-420, ul.stacked-form .w-420, .table-standard .table-row input.w-420, .table-standard .table-row select.w-420, .table-standard .edit-row input.w-420, .table-standard .edit-row select.w-420, .table-standard .edit-row-big input.w-420, .table-standard .edit-row-big select.w-420{width:420px !important;} .w-440, .content-row.w-440, ul.stacked-form .w-440, .table-standard .table-row input.w-440, .table-standard .table-row select.w-440, .table-standard .edit-row input.w-440, .table-standard .edit-row select.w-440, .table-standard .edit-row-big input.w-440, .table-standard .edit-row-big select.w-440{width:440px !important;} .w-460, .content-row.w-460, ul.stacked-form .w-460, .table-standard .table-row input.w-460, .table-standard .table-row select.w-460, .table-standard .edit-row input.w-460, .table-standard .edit-row select.w-460, .table-standard .edit-row-big input.w-460, .table-standard .edit-row-big select.w-460{width:460px !important;} .w-480, .content-row.w-480, ul.stacked-form .w-480, .table-standard .table-row input.w-480, .table-standard .table-row select.w-480, .table-standard .edit-row input.w-480, .table-standard .edit-row select.w-480, .table-standard .edit-row-big input.w-480, .table-standard .edit-row-big select.w-480{width:480px !important;} .w-520, .content-row.w-520, ul.stacked-form .w-520, .table-standard .table-row input.w-520, .table-standard .table-row select.w-520, .table-standard .edit-row input.w-520, .table-standard .edit-row select.w-520, .table-standard .edit-row-big input.w-520, .table-standard .edit-row-big select.w-520{width:520px !important;} .w-540, .content-row.w-540, ul.stacked-form .w-540, .table-standard .table-row input.w-540, .table-standard .table-row select.w-540, .table-standard .edit-row input.w-540, .table-standard .edit-row select.w-540, .table-standard .edit-row-big input.w-540, .table-standard .edit-row-big select.w-540{width:540px !important;} .w-560, .content-row.w-560, ul.stacked-form .w-560, .table-standard .table-row input.w-560, .table-standard .table-row select.w-560, .table-standard .edit-row input.w-560, .table-standard .edit-row select.w-560, .table-standard .edit-row-big input.w-560, .table-standard .edit-row-big select.w-560{width:560px !important;} .w-580, .content-row.w-580, ul.stacked-form .w-580, .table-standard .table-row input.w-580, .table-standard .table-row select.w-580, .table-standard .edit-row input.w-580, .table-standard .edit-row select.w-580, .table-standard .edit-row-big input.w-580, .table-standard .edit-row-big select.w-580{width:580px !important;} .w-620, .content-row.w-620, ul.stacked-form .w-620, .table-standard .table-row input.w-620, .table-standard .table-row select.w-620, .table-standard .edit-row input.w-620, .table-standard .edit-row select.w-620, .table-standard .edit-row-big input.w-620, .table-standard .edit-row-big select.w-620{width:620px !important;} .w-640, .content-row.w-640, ul.stacked-form .w-640, .table-standard .table-row input.w-640, .table-standard .table-row select.w-640, .table-standard .edit-row input.w-640, .table-standard .edit-row select.w-640, .table-standard .edit-row-big input.w-640, .table-standard .edit-row-big select.w-640{width:640px !important;} .w-660, .content-row.w-660, ul.stacked-form .w-660, .table-standard .table-row input.w-660, .table-standard .table-row select.w-660, .table-standard .edit-row input.w-660, .table-standard .edit-row select.w-660, .table-standard .edit-row-big input.w-660, .table-standard .edit-row-big select.w-660{width:660px !important;} .w-680, .content-row.w-680, ul.stacked-form .w-680, .table-standard .table-row input.w-680, .table-standard .table-row select.w-680, .table-standard .edit-row input.w-680, .table-standard .edit-row select.w-680, .table-standard .edit-row-big input.w-680, .table-standard .edit-row-big select.w-680{width:680px !important;} .w-700, .content-row.w-700, ul.stacked-form .w-700, .table-standard .table-row input.w-700, .table-standard .table-row select.w-700, .table-standard .edit-row input.w-700, .table-standard .edit-row select.w-700, .table-standard .edit-row-big input.w-700, .table-standard .edit-row-big select.w-700{width:700px !important;} /*--------------------------------- Spacing -----------------------------------*/ .block {display: block;} .no-margin { margin: 0 !important; } .ptopm1{top:-1px !important;} .ptopm2{top:-2px !important;} .ptopm3{top:-3px !important;} .ptopm4{top:-4px !important;} .ptopm5{top:-5px !important;} .ptopm6{top:-6px !important;} .ptopm7{top:-7px !important;} .ptopm8{top:-8px !important;} .ptopm9{top:-9px !important;} .ptopm10{top:-10px !important;} .ptopm15{top:-15px !important;} .ptopm20{top:-20px !important;} .ptop0{top:0px !important;} .ptop1{top:1px !important;} .ptop2{top:2px !important;} .ptop3{top:3px !important;} .ptop4{top:4px !important;} .ptop5{top:5px !important;} .ptop6{top:6px !important;} .ptop7{top:7px !important;} .ptop8{top:8px !important;} .ptop9{top:9px !important;} .ptop10{top:10px !important;} .ptop15{top:15px !important;} .ptop20{top:20px !important;} .ptop25{top:25px !important;} .ptop30{top:30px !important;} .ptop40{top:40px !important;} .ptop50{top:50px !important;} .topm1{margin-top:-1px !important;} .topm2{margin-top:-2px !important;} .topm3{margin-top:-3px !important;} .topm4{margin-top:-4px !important;} .topm5{margin-top:-5px !important;} .topm6{margin-top:-6px !important;} .topm7{margin-top:-7px !important;} .topm8{margin-top:-8px !important;} .topm9{margin-top:-9px !important;} .topm10{margin-top:-10px !important;} .topm15{margin-top:-15px !important;} .topm20{margin-top:-20px !important;} .top0{margin-top:0px !important;} .top1{margin-top:1px !important;} .top2{margin-top:2px !important;} .top3{margin-top:3px !important;} .top4{margin-top:4px !important;} .top5{margin-top:5px !important;} .top6{margin-top:6px !important;} .top7{margin-top:7px !important;} .top8{margin-top:8px !important;} .top9{margin-top:9px !important;} .top10{margin-top:10px !important;} .top15{margin-top:15px !important;} .top20{margin-top:20px !important;} .top25{margin-top:25px !important;} .top30{margin-top:30px !important;} .top40{margin-top:40px !important;} .top50{margin-top:50px !important;} .top60{margin-top:60px !important;} .top70{margin-top:70px !important;} .top80{margin-top:80px !important;} .top90{margin-top:90px !important;} .top100{margin-top:100px !important;} .bottom0{margin-bottom:0px !important;} .bottom5{margin-bottom:5px !important;} .bottom10{margin-bottom:10px !important;} .bottom15{margin-bottom:15px !important;} .bottom20{margin-bottom:20px !important;} .bottom25{margin-bottom:25px !important;} .bottom30{margin-bottom:30px !important;} .bottom40{margin-bottom:40px !important;} .bottom50{margin-bottom:50px !important;} .bottom60{margin-bottom:60px !important;} .bottom70{margin-bottom:70px !important;} .bottom80{margin-bottom:80px !important;} .bottom90{margin-bottom:90px !important;} .bottom100{margin-bottom:100px !important;} .left0{margin-left:0px !important;} .left5{margin-left:5px !important;} .left10{margin-left:10px !important;} .left15{margin-left:15px !important;} .left20{margin-left:20px !important;} .left25{margin-left:25px !important;} .left30{margin-left:30px !important;} .left40{margin-left:40px !important;} .left50{margin-left:50px !important;} .left60{margin-left:60px !important;} .left70{margin-left:70px !important;} .left80{margin-left:80px !important;} .left90{margin-left:90px !important;} .left100{margin-left:100px !important;} .left110{margin-left:110px !important;} .left120{margin-left:120px !important;} .left130{margin-left:130px !important;} .left140{margin-left:140px !important;} .left150{margin-left:150px !important;} .left160{margin-left:160px !important;} .right0{margin-right:0px !important;} .right5{margin-right:5px !important;} .right10{margin-right:10px !important;} .right15{margin-right:15px !important;} .right20{margin-right:20px !important;} .right25{margin-right:25px !important;} .right30{margin-right:30px !important;} .right40{margin-right:40px !important;} .right50{margin-right:50px !important;} .right60{margin-right:60px !important;} .right70{margin-right:70px !important;} .right80{margin-right:80px !important;} .right90{margin-right:90px !important;} .right100{margin-right:100px !important;} .h25{height:25px !important;} .h50{height:50px !important;} .h75{height:75px !important;} .h100{height:100px !important;} .h125{height:125px !important;} .h150{height:150px !important;} .h175{height:175px !important;} .h200{height:200px !important;} /* Standard Content Row --------------------------------------------------------------------------------*/ .content-row { float: left; width: 100%; } .content-row.bottom-margin { margin-bottom: 25px; } /* Standard Content Module w/ Alignments --------------------------------------------------------------------------------*/ .content-module { position: relative; margin: 0; padding: 0; float: left; } .content-module.align-right { float: right; } /* Scrolling Container --------------------------------------------------------------------------------*/ .content-scroller { width: 100%; overflow: auto; } .content-scroller.the-header-menu { min-height: 230px; } /* Content Container Types --------------------------------------------------------------------------------*/ .main-block { float: left; width: 100%; } .sidebar-module { float: left; clear: left; margin-bottom: 20px; } .sidebar-block { float: left; width: 114px; margin-bottom: 20px; border: 1px solid #dedede; padding: 16px 12px 18px; background: #F5F5F5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* Content Blocks --------------------------------------------------------------------------------*/ .content-block { float: left; width: 740px; margin-bottom: 20px; border: 1px solid #d1d1d1; border-radius: 2px; -webkit-border-radius: -moz-border-radius: 2px; padding: 19px; } .content-block.full-width, .content-block.col-12 { width: 900px; margin: 0; margin-bottom: 20px; border: 1px solid #d1d1d1; border-radius: 2px; -webkit-border-radius: -moz-border-radius: 2px; padding: 19px; } .content-block.col-10 { width: 740px; margin-left: 10px; margin-right: 10px; } .content-block .content-block { width: 700px; margin-left: 0; margin-right: 0; } .content-block.col-9 { width: 660px; margin-left: 10px; margin-right: 10px; } .content-block.col-8 { width: 580px; margin-left: 10px; margin-right: 10px; } .content-block.col-6 { width: 420px; margin-left: 10px; margin-right: 10px; } .content-block.col-5 { width: 340px; margin-left: 10px; margin-right: 10px; } .content-block.col-4 { width: 260px; margin-left: 10px; margin-right: 10px; } .content-block.col-3 { width: 180px; margin-left: 10px; margin-right: 10px; } .content-block.widget-management-block { width: 870px; margin-left: 10px; margin-right: 10px; } .content-block.alpha { margin-left: 0px; } .content-block.omega { margin-right: 0px; } .content-block.no-border { border: none; padding: 20px; } .content-block.h-100 { min-height: 100px; } .content-block.h-120 { min-height: 120px; } .content-block.h-140 { min-height: 140px; } .content-block.h-160 { min-height: 160px; } .content-block.h-180 { min-height: 180px; } .content-block.h-200 { min-height: 200px; } .content-block.h-220 { min-height: 220px; } .content-block .grid_3{width:200px} .content-block .grid_4{width:280px} .content-block .grid_6{width:440px} .content-block .grid_8{width:600px} .content-block.bg-focus { background-color: #f3f3f3; } .content-block.what-if { min-height: 270px; } .content-block.what-if.empty { background: #f7f7f7; } .content-block.report-listing-a { min-height: 378px; } .content-block.report-listing-b { min-height: 150px; } /*===========================================================================*/ /* Opacity /*===========================================================================*/ .screen75 { filter:alpha(opacity=75); opacity: .75; } .screen50 { filter:alpha(opacity=50); opacity: .5; } .screen25 { filter:alpha(opacity=25); opacity: .25; } .hidden-item { display: none; } /*===========================================================================*/ /* Spacing /*===========================================================================*/ .block {display: block;} .no-margin { margin: 0 !important; } /*===========================================================================*/ /* Spacing /*===========================================================================*/ .chart-col {} .chart-col.one-third { float: left; width: 280px; margin-right: 20px; /*border-right: 1px solid #999;*/ } .table-col {} .table-col.two-thirds { float: left; width: 600px; } .data-block { margin-bottom: 20px; border: 1px solid #d1d1d1; padding: 20px; } /* Expanding & Collapsing Content --------------------------------------------------------------------------------*/ .expand-this, .close-this { position: absolute; top: 25px; right: 20px; color: #e15801; text-decoration: underline; cursor: pointer; } .close-this.icon { z-index: 90000; height: 20px; padding-right: 22px; background: url(../images/icon_black-x_16.png) 100% 0 no-repeat; font-size: 12px; color: #000; } #grades-analysis .expand-this, #grades-analysis .close-this { position: relative; top: auto; right: auto; } .collapsable-content { display: none; } #manage-conditions .collapsable-content { display: block; } .standard-margin { margin-left: 10px; margin-right: 10px; } .left-margin { margin-left: 20px; } .right-margin { margin-right: 20px; } .p-t-10px {padding-top: 10px} /* Scrolling Content --------------------------------------------------------------------------------*/ .scrolling-box { overflow: auto; clear: left; } .scrolling-box.standard { height: 380px; } .scrolling-box.solutions-navigation { float: left; clear: left; width: 305px; height: 299px; } /*.scrolling-box.modal-full { width: 838px; height: 380px; }*/ .scrolling-box.modal-full { width: 838px; height: 470px; } .scrolling-box.modal-full.short { height: 380px; } .scrolling-box.modal-rightcol-lrg { width: 100%; height: 320px; } .scrolling-box.modal-rightcol-lrg-border { clear: left; width: 611px; height: 311px; border: 1px solid #d1d1d1; padding: 4px; } .scrolling-box.modal-rightcol-lrg-border.short { height: 290px; } .scrolling-box.modal-rightcol-lrg-border.percent { width: 100%; } .scrolling-box.modal-rightcol-lrg-border.col_6 { width: 450px; margin-left: 0px; margin-right: 0px; } .scrolling-box.modal-rightcol-lrg-border.col_10 { width: 770px; margin-left: 0px; margin-right: 0px; } .scrolling-box.modal-search { height: 316px; } .scrolling-box.modal-full .modal-bd, .scrolling-box.modal-full .modal-bd { min-height: 420px; } /* Display Settings --------------------------------------------------------------------------------*/ .hidden { display: none; } .visible { display: block; } /* Left Nav - Mini-App Options --------------------------------------------------------------------------------*/ ul.options-nav { position: relative; float: left; width: 100%; } ul.options-nav li { display: block; position: relative; float: left; width: 100%; } ul.options-nav li:first-child { margin-top: -5px; } ul.options-nav li.post-button { padding-top: 12px; } ul.options-nav li p { margin-top: 5px; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 100%; } ul.options-nav li a { display: block; width: auto; color: #585653; line-height: 100%; text-decoration: none; } ul.options-nav li a:hover { text-decoration: none; } ul.options-nav li a.on { font-weight: bold; color: #d64937; } ul.options-nav li a.on:hover { font-weight: bold; text-decoration: none; } ul.options-nav li a span { font-weight: normal; } ul.options-nav li.divider { margin-bottom: 12px; border-bottom: 1px solid #cecece; padding-bottom: 12px; } ul.options-nav li p.title { margin-bottom: 12px; font-weight: bold; color: #727272; } ul.options-nav li p.label { margin-bottom: 12px; color: #727272; } /* Nav List - Vertical --------------------------------------------------------------------------------*/ ul.options-standard { position: relative; overflow: hidden; width: 138px; margin-bottom: 20px; border: 1px solid #dedede; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } ul.options-standard.col-3 { width: 218px; } ul.options-standard.no-margin { margin: 0px; } ul.options-standard li { display: block; position: relative; float: left; clear: left; width: 100%; border-top: 1px solid #e5e5e5; } ul.options-standard li:first-child { border-top: none; } ul.options-standard li.label a { display: block; width: 110px; padding: 12px 14px 10px 14px; background: url(../images/bg_options-standard_label.png) 0 0 repeat-x; font-size: 12px; font-weight: bold; color: #585653; } ul.options-standard li.label a:hover { background-color: #f0f8f7; } ul.options-standard li.label a .notif-count-sml { display: block; position: absolute; top: 9px; right: 7px; border: 1px solid #9f9f9f; padding: 2px 5px 3px; background: #dadada; font-size: 11px; font-weight: bold; color: #585653; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: default; } ul.options-standard li a { display: inline-block; width: 94px; padding: 10px 14px 8px 30px; background: url(../images/bg_options-standard_a.png) 10px 12px no-repeat; font-size: 12px; color: #585653; line-height: 120%; text-decoration: none; } ul.options-standard li a:hover { background-color: #f9f9f9; } ul.options-standard li a.on, ul.options-standard li a.current { background: url(../images/bg_options-standard_a.png) 10px -39px no-repeat; color: #50a521; cursor: default; } ul.options-standard li a.on:hover, ul.options-standard li a.current:hover { background-color: none; } ul.options-standard li.sub-items { padding-top: 6px; padding-bottom: 6px; } ul.options-standard li.sub-items a { width: 100px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 3px 8px 3px 30px; background-position: 10px 5px; } ul.options-standard li.sub-items a:hover { border-top: 1px solid #98cbee; border-bottom: 1px solid #98cbee; background-color: #d8ebf8; color: #444444; } ul.options-standard li.sub-items a.on, ul.options-standard li.sub-items a.current { width: 100px; padding: 5px 8px 3px 30px; background-position: 10px -43px; } ul.options-standard ul { position: relative; overflow: hidden; width: 100%; margin-bottom: 0px; border: none; } ul.options-standard ul li { /*border-top: none;*/ } ul.options-standard ul li a { width: 108px; padding: /*5px 0 3px 30px;*/ background: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #585653; } ul.options-standard ul li a:hover { /*background: none;*/ color: #E15801; text-decoration:underline; } ul.options-standard.col-3 li a { width: 174px; } /* Nav List - Horz --------------------------------------------------------------------------------*/ ul.options-standard.horz { float: left; width: auto; } ul.options-standard.horz li { clear: none; width: auto; border-top: none; border-left: 1px solid #e5e5e5; } ul.options-standard.horz li:first-child { border-left: none; } ul.options-standard.horz li a { width: auto; padding: 10px 14px 8px 30px; } /* Validation --------------------------------------------------------------------------------*/ #success-message p { margin-bottom: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 150%; } #errormsg { display: none; margin-bottom: 24px; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; color: red; } .error p { display: none; margin-left: 6px; padding: 6px 12px; background: #fdbf7d; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; color: #5d0000; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /*===========================================================================*/ /* 00. Default Header /*===========================================================================*/ /* IE7 z-index Fix ------------------------------------------------------*/ .z-index-lift-ie-sucks { z-index: 9999; } /* Header Structure & Containers ------------------------------------------------------*/ #page-header { z-index: 10001; float: left; width: 100%; min-width: 960px; height: 127px; background: url(../images/bg_header_personal.jpg) top center repeat-x; clear: both; } .header-content-container { width: 940px; margin-left: auto; margin-right: auto; } .primary-navigation-container { position: relative; } #utility-navigation { position: absolute; top: 33px; right: 0px; width: 550px; text-align: right; } /* Branding ------------------------------------------------------*/ #company-logo { position: absolute; top: 15px; left: 0px; width: 60px; height: 60px; background: #fff; -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.2); -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2); box-shadow:0 0 8px 0 rgba(0,0,0,.2); } #company-name { position: absolute; top: 37px; left: 78px; font-family: 'MuseoSlab500', Arial, Helvetica, sans-serif; font-size: 21px; color: #FFF; text-shadow: 0 0 10px rgba(0, 0, 0, 0.6); } /* Primary Navigation ------------------------------------------------------*/ #primary-navigation { z-index: 800; position: relative; top: -7px; width: 940px; height: 38px; margin-left: auto; margin-right: auto; background-color: #4a5f22; } #primary-navigation li { position: relative; float: left; margin: 0 0 0 1px; padding: 0px; background: none; } #primary-navigation li:first-child { margin: 0; } #primary-navigation li a:link, #primary-navigation li a:visited { display: block; overflow: hidden; position: relative; height: 16px; padding: 12px 11px 20px; font-family: 'MuseoSans500', Arial, Helvetica, sans-serif; font-size: 15px; color: #FFF; text-decoration: none; } #primary-navigation li a.on { margin-top: -5px; background: #fff; color: #2c5753; } #primary-navigation li a:hover, #primary-navigation li:hover a, #primary-navigation li:hover a.on { background: #382d24; color: #fff; } #primary-navigation li a.first { padding-left: 14px; padding-right: 14px; padding-top: 17px; } #primary-navigation ul { visibility: hidden; z-index: 598; position: absolute; top: 38px; left: 0; width: auto; margin: 0; } #primary-navigation li.end ul.subnav { left: auto; right: 0; } #primary-navigation ul li { float: left; cursor: pointer; width: 195px; margin: 0; border: 0; border-top: 1px solid #43362b; padding: 0; background: #382d24; } #primary-navigation ul li a:link, #primary-navigation ul li a:visited { display: block; width: auto; height: auto; padding: 12px 20px 11px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #d7d5d3; text-decoration: none; text-transform: none; text-decoration: none; } #primary-navigation ul li a .bullet { display: none; position: absolute; top: 9px; left: -35px; width: 18px; height: 20px; background:url(../images/bg_primary-nav_indv_a-bullet.png) 0 0 no-repeat; } #primary-navigation li:hover > ul { visibility: visible; } .notification-alert { position: absolute; top: -7px; right: 6px; border: 1px solid #fff; padding: 2px 3px 3px; background: #990000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #fff; } /* General Header Options Dropdown ------------------------------------------------------*/ #utility-navigation .standard-hd-dropdown { z-index: 100002; display: inline-block; vertical-align: top; text-align: left; } #utility-navigation .standard-hd-dropdown + .standard-hd-dropdown { margin-left: 4px; } #utility-navigation .btn-hd-standard { display: inline-block; vertical-align: top; border: 1px solid #bebebe; padding: 10px 15px 9px; background: #4e4e4e; background-color: #4e4e4e; background-image: -webkit-gradient(linear, left top, left bottom, from(#868686), to(#4e4e4e)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(top, #868686 0%, #4e4e4e 100%); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top , #868686 0%, #4e4e4e 100%); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top , #868686 0%, #4e4e4e 100%); /* Opera 11.10+ */ background-image: linear-gradient(to bottom , #868686 0%, #4e4e4e 100%); /* Firefox 16+ */ border-color: #999 #6c8336 #637c2e; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-transform: uppercase; text-decoration: none; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 2px 3px rgba(0, 0, 0, 0.05); } #utility-navigation .btn-hd-standard:hover { background: #595959; color: #fff; text-decoration: none; cursor: pointer; } #utility-navigation .btn-hd-standard span.arrow, #utility-navigation .btn-hd-standard span.arrow:hover { display: inline-block; margin-right: -2px; padding-right: 18px; background: url("../images/icons/bg_dropdown-arrow_white.png") no-repeat scroll 100% 4px transparent; } #utility-navigation .btn-hd-standard.settings .icon { display: block; position: absolute; top: 10px; left: 11px; width: 16px; height: 16px; background: url(../images/icons/settings_white.png) 0 0 no-repeat; } #utility-navigation .btn-hd-standard.settings span.arrow { padding-left: 18px; } #utility-navigation .hd-standard-dropdown { display:none; position: absolute; top: 33px; left: 0px; width: 220px; border: 1px solid #c4c4c4; background: #fff; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 0 6px rgba(0,0,0,.15); -webkit-box-shadow: 0 0 6px rgba(0,0,0,.15); box-shadow: 0 0 6px rgba(0,0,0,.15); } #utility-navigation .hd-standard-dropdown .section-header { margin-top: 0px; margin-bottom: 10px; font-size: 11px; color: #999; } #utility-navigation .hd-standard-dropdown-section { float: left; clear: left; width: 190px; border-top: 1px solid #ebebeb; padding: 15px 15px; } #utility-navigation .hd-standard-dropdown-section:first-child { border-top: none; } #utility-navigation .hd-standard-dropdown .divider { margin: 0 10px; color: #999; } #utility-navigation .hd-standard-dropdown a.help { padding: 2px 0 0 25px; background: url(../images/icons/16x16/help.png) 0 0 no-repeat; } #utility-navigation .hd-standard-dropdown a.logout { padding: 1px 0 1px 25px; background: url(../images/icons/16x16/logout.png) 0 0 no-repeat; } #utility-navigation .hd-standard-dropdown .section-options-list { float: left; } #utility-navigation .hd-standard-dropdown .section-options-list li { float: left; clear: left; width: 100%; margin-top: 8px; } #utility-navigation .hd-standard-dropdown .section-options-list li:first-child { margin-top: 0; } #utility-navigation .hd-standard-dropdown ul.section-options-list a { font-size: 11px; color: #000; text-decoration: none; } #utility-navigation .hd-standard-dropdown ul.section-options-list a:hover { color: #E15801; text-decoration: underline; } #utility-navigation #help-options-dropdown {width:180px;} #utility-navigation #help-options-dropdown .hd-standard-dropdown-section {width:150px;} #utility-navigation #my-account-dropdown {left:auto;right:0;} /* General Header Special Dropdown ------------------------------------------------------*/ #utility-navigation #user-progress { display: inline-block; vertical-align: top; position: relative; width: 158px; height: 31px; margin-right: 5px; } #utility-navigation #user-progress .btn-user-progress-hd { width: 110px; } #utility-navigation .btn-user-progress-hd { zoom: 1; position: absolute; display: block; top: -9px; right: 0; border: 1px solid #3a4f1a; padding: 10px 32px 9px 15px; background: url(../images/transparent/black-25.png) 0 0 repeat; background: rgba(0, 0, 0, 0.25); font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #utility-navigation .btn-user-progress-hd:hover { background: url(../images/transparent/black-35.png) 0 0 repeat; background: rgba(0, 0, 0, 0.35); color: #fff; text-decoration: none; cursor: pointer; } #utility-navigation .btn-user-progress-hd span.arrow, #utility-navigation .btn-user-progress-hd span.arrow:hover { display: inline-block; margin-right: -2px; padding-right: 18px; background: url("../images/icons/bg_dropdown-arrow_white.png") no-repeat scroll 100% 4px transparent; } #utility-navigation .btn-user-progress-hd .button-title { display: block; margin-bottom: 3px; font-size: 10px; text-align: right; } #utility-navigation .btn-user-progress-hd .button-variable { display: block; font-size: 14px; font-weight: bold; text-align: right; } #utility-navigation .btn-user-progress-hd .button-divider { display: block; position: absolute; top:0; right: 0; width: 22px; height: 47px; border-left: 1px solid #3a4f1a; background: url("../images/icons/bg_dropdown-arrow_white.png") no-repeat scroll 7px 23px transparent; text-indent: -9999px; } /* Specific Header Dropdowns ------------------------------------------------------*/ #my-account-settings-1, #my-account-settings-2 { width: 90px; } #utility-navigation #upsell-signup-personaledition { margin-top: 10px; } #utility-navigation .btn-standard.dropdown:hover, #utility-navigation a.btn-standard.dropdown:hover { text-shadow: none; } #utility-navigation .btn-standard.dropdown span, #utility-navigation a.btn-standard.dropdown span { top: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; } #utility-navigation .btn-standard.dropdown .primary-text, #utility-navigation a.btn-standard.dropdown .primary-text { margin-bottom: 2px; } #utility-navigation .btn-standard.dropdown .secondary-text, #utility-navigation a.btn-standard.dropdown .secondary-text { font-weight: normal; } #section-myaccounts a.user-account { float: left; width: 190px; margin-left: -15px; padding: 5px 15px; font-size: 11px; text-decoration: none; } #section-myaccounts a.user-account:hover { background: #f5f5f5; text-decoration: none; } #section-myaccounts a.user-account .account-username { display: block; margin-bottom: 2px; padding-left: 35px; font-weight: bold; color: #666; } #section-myaccounts a.user-account .account-edition { display: block; padding-left: 35px; color: #999; } #section-myaccounts a.user-account .account-thumbnail { display: block; float: left; width: 25px; height: 25px; background-color: #fff; background-position: 5px 5px; background-repeat: no-repeat; } #section-myaccounts a.user-account.personal .account-thumbnail { background-image: url(../images/icons/16x16/user_green.png); } #section-myaccounts a.user-account.coaching .account-thumbnail { background-image: url(../images/icons/16x16/whistle.png); } #section-myaccounts a.user-account.corporate .account-thumbnail { background-image: url(../images/icons/16x16/administrator.png); } .section-header + a.user-account { margin-top: 0px !important; } /*===========================================================================*/ /* 00. Typography /*===========================================================================*/ /* Headers ------------------------------------------------------*/ h1, h2, h3, h4, h5, h6, .h7, .h8, .h9, .h10 { position: relative; font-weight: normal; line-height: 130%; } h1 { float: left; margin: 0 0 28px 0; border: 1px solid #fff; padding: 0; font-family: 'MuseoSlab300', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 2.8em; color: #336964; line-height: 100%; } h1.secondary { float: left; margin: 0; padding: 0 0 7px 0; font-family: 'MuseoSlab300', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 3.1em; color: #323232; line-height: 100%; } h1 span { display: block; float: left; padding: 0 32px 0 0; background: url(../images/icon_header-drop-down.png) 100% 8px no-repeat; } h1.menu { float: left; margin-bottom: 0; border: 1px solid #ededed; padding: 9px 40px 7px 12px; background: url(../images/bg_drop-down-arrow.gif) 100% 14px no-repeat #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } h1.menu.lrg { border: 1px solid #fff; background-position: 100% 18px; } h1.menu-space { margin-bottom: 0; padding-top: 9px; } h2 { margin: 0 0 15px 0; font-family: 'MuseoSlab300', Arial, Helvetica, sans-serif; font-size: 2.2em; color: #333; line-height: 110%; clear: both; } h2.divider { border-bottom: 1px solid #d9d9d9; padding: 0 0 15px 6px; } h2.grade-med-icon { border-bottom: 1px solid #d9d9d9; padding: 11px 0 22px 60px; } h2.divider + table { margin-top: -17px; } h2.no-margin { margin-bottom: 0; } h2#report-title { display: block; top: 0; margin: 0 0 0 30px; padding: 9px 0 7px 0; color: #333; line-height: 100%; } h2#report-title.no-menu { margin-left: 0px; } h2 .seperator { padding: 0 15px; font-family: 'MuseoSlab100', Arial, Helvetica, sans-serif; filter:alpha(opacity=40); opacity:0.4; } h3 { margin: 0 0 10px 0; font-family: 'MuseoSlab300', Arial, Helvetica, sans-serif; font-size: 1.9em; color: #333; line-height: 110%; clear: ; } h3.divider { padding: 0 0 15px; border-bottom: 1px solid #d9d9d9; } .edit-area h3.divider { padding: 8px 0 14px; border-bottom: 1px solid #d8b464; } h4 { margin: 0 0 5px 0; font-family: 'MuseoSlab500', Arial, Helvetica, sans-serif; font-size: 1.7em; color: #b26f00; clear: left; } h4.muted { color: #333; } h4.smaller { font-size: 15px; } h4.divider { margin-bottom: 14px; border-bottom: 1px solid #d9d9d9; padding: 0 0 8px; } h5 { margin: 0 0 15px 0; font-family: 'MuseoSans500', Arial, Helvetica, sans-serif; font-size: 2.0em; clear: left; } h6 { margin: 0 0 10px 0; border-bottom: 1px solid #E5E5E5; padding: 0 0 5px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #666; text-transform: uppercase; } h6.block { float: left; width: 100%; } h6.top-padding { padding-top: 16px; } h6.no-bottom-margin { margin-bottom: 0; } h6.no-divider { border-bottom: none; } h1.float, h2.float, h3.float, h4.float, h5.float, h6.float { float: left; } h1 + h2 { margin-top: 35px;} h2 + h3 { margin-top: ;} h3 + h4 { margin-top: -8px;} h4 + h5 { margin-top: ;} h5 + h6 { margin-top: ;} h1 + p { margin-top: ;} /*h2 + p { margin-top: -4px;}*/ h3 + p { margin-top: ;} /*h4 + p { margin-top: -12px;}*/ h5 + p { margin-top: ;} h6 + p { margin-top: ;} h2 + dl { margin-top: 2px;} h3 + dl { margin-top: 10px;} h4 + dl { margin-top: 10px;} h5 + dl { margin-top: 0px;} h6 + dl { margin-top: 5px;} h4.divider + dl { margin-top: 5px; } .overlay-standard h3 + dl, .overlay-dialog h3 + dl { margin-top: 0px;} /* Dividers ------------------------------------------------------*/ hr { clear: both; margin: 0; border: none; border-top: 1px solid #E1E1E1; padding: 10px 0; } .add-divider { border-bottom: 1px solid #d9d9d9; padding: 0 0 30px 0; } /* Paragraphs ------------------------------------------------------*/ p { margin-bottom: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 140%; } p.small-text { margin-bottom: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 130%; } p.no-margin { margin-bottom: 0; } p.sml-margin { margin-bottom: 8px; } p.left { text-align: left; } p.center { text-align: center; } p.right { text-align: right; } p.report-instructions { margin-bottom: 20px; border-bottom: 1px solid #d8b464; padding: 0 0 14px 0; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #000; } p.footnote { color: #7f7f7f; } p.chart-footnote { margin: 0; border-top: 1px solid #d9d9d9; padding: 12px 0 0 0; color: #7f7f7f; } p.current-primary-data { margin-bottom: 0; font-size: 25px; color: #333; } p.primary-data-descriptor { margin-bottom: 20px; font-size: 12px; color: #666; } p.special-instructions { margin-bottom: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; line-height: 130%; } /** p:last-child { margin-bottom: 0; }*/ p + h2 { margin-top: 30px;} p + h3 { margin-top: 25px;} p + h4 { margin-top: 25px;} p + h5 { margin-top: 25px;} p + h6 { margin-top: 25px;} /* Blockquotes ------------------------------------------------------*/ blockquote { margin: 0 0 20px; padding: 6px 0 6px 80px; background: url(../images/bg_blockquote.png) 20px 6px no-repeat; font-family: 'MuseoSlab300', Arial, Helvetica, sans-serif; font-size: 2.4em; color: #666; line-height: 120%; } blockquote span { } /* Bolds & Italics ------------------------------------------------------*/ strong, b, span.bold { font-weight: bold; } em, i, span.italic { font-style: italic; } span.underline { text-decoration: underline; } /* Pre & Code ------------------------------------------------------*/ code { padding: 1px 3px; border: 1px solid #E4E4E4; background: #F0F0F0; font-family: monospace; font-size: 12px; color: #006000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } pre { overflow: auto; margin: 18px; border: 1px solid #D8DFEA; border-left-width: 3px; padding-top: 7px; padding-bottom: 7px; padding-left: 10px; background: #F2F2F2; } pre code { padding: 0; border: none; background: none; font-family: monospace; font-size: 12px; color: #006000; } /* Text Highlights ------------------------------------------------------*/ .highlight { padding: 2px 6px; color: #000; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .highlight.standard, .highlight.yellow { background-color: #f9db96; } .highlight.pink { padding: 2px 6px; background-color: #fdb1c0; } /*===========================================================================*/ /* 00. Anchors & Buttons /*===========================================================================*/ a { outline: 0; } a img { border: 0px; text-decoration: none; } a:link, a:visited { color: #e15801; text-decoration: underline; } a:hover, a:active { background-color: #; color: #cc0000; text-decoration: underline; } h1 a:link, h1 a:visited { color: #002c48; text-decoration: none; } h1 a:hover { color: #d45a0c; text-decoration: none; } h3 a:link, h3 a:visited { color: #002c48; text-decoration: none; } h3 a:hover { color: #d45a0c; text-decoration: none; } .with-icon { padding: 0 0 0 22px; font-size: 12px; } .with-icon.client { background: url(../images/icon_user_green_16.png) 0 1px no-repeat; } .with-icon.week { background: url(../images/icon_calendar_view_week_16.png) 0 0 no-repeat; } .with-icon.day { background: url(../images/icon_calendar_view_day_16.png) 0 0 no-repeat; } /*-- Large Button --*/ a.btn-lrg { display: block; min-width: 60px; height: 32px; padding: 13px 25px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } a.btn-lrg:link, a.btn-lrg:visited { background: url(../images/bg_btn-lrg.gif) 0 18% repeat-x; text-decoration: none; } a.btn-lrg:hover { background-position: 0 80%; text-decoration: none; } /* Sign-In Button ------------------------------------------------------*/ .sign-in-callout { padding: 22px 10px 0 12px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; filter:alpha(opacity=60); opacity:0.6; } #btn-sign-in { display: block; width: 84px; height: 25px; margin-top: 7px; padding: 16px 0 0 22px; background: url(../images/bg_btn-sign-in.png) no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; text-decoration: none; cursor: pointer; } #btn-sign-in:link, #btn-sign-in:visited { background-position: 0 0; } #btn-sign-in:hover { background-position: 0 -47px; } /* Footer Button ------------------------------------------------------*/ #page-footer .btn-small { display: block; float: left; min-width: 84px; height: 10px; padding: 12px 16px 15px 16px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; text-decoration: none; text-shadow: 0 0 4px #333; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 8px 1px #350509; -webkit-box-shadow: 0 0 8px 1px #350509; -moz-box-shadow: 0 0 8px 1px #350509; } #page-footer .btn-small:link, #page-footer .btn-small:visited { background: url(../images/bg_btn-lrg.gif) 0 18% repeat-x; color: #fff; text-decoration: none; } #page-footer .btn-small:hover { background-position: 0 80%; color: #FFFFFF; text-decoration: none; } /* Form Button ------------------------------------------------------*/ button { display: inline-block; position: relative; top: 0; min-width: 36px; height: 33px; margin-right: 10px; border: 1px solid #a1a1a1; padding: 0 16px 2px; background: url(../images/bg_btn-save-standard.png) 0 0 repeat-x #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; line-height: 100%; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; } button:hover { border: 1px solid #666; color: #fff; } button.button-press { background-image: url(../images/bg_button_mousedown.png); background-position: 0 0; background-repeat: repeat-x; } button[type="button"] { border-color: #CCCCCC #CCCCCC #BBBBBB; background: url('../images/bg_standard-button.png') repeat-x 0 100% #FFFFFF;background-color: #FFF;background-image: -moz-linear-gradient(center top , #FFFFFF 0%, #E6E6E6 100%); color: #000; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); } button.btn-edit-standard { display: inline-block; position: relative; height: 23px; border: 1px solid #d9d9d9; padding: 0 7px 4px; background: url(../images/bg_btn-edit-standard.gif) 0 100% repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; } button.btn-edit-standard:hover { border: 1px solid #ccc; background-position: 0 0; } button.btn-edit-standard.button-press { background-image: url(../images/bg_button_mousedown.png); background-position: 0 0; background-repeat: repeat-x; } button.btn-edit-standard.save { text-shadow: none; } button.btn-edit-standard.save:hover { border: 1px solid #64992c; background: #64992c; color: #fff; } button.btn-edit-standard.cancel:hover { border: 1px solid #850000; background: #850000; color: #fff; } /* Standard Button ------------------------------------------------------*/ .btn-standard, a.btn-standard, .btn-options, a.btn-options { display: inline-block; border: 1px solid #bebebe; padding: 10px; background: url('../images/bg_standard-button.png') repeat-x 0 100% #FFFFFF;background-color: #FFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E6E6E6)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top , #FFFFFF 0%, #E6E6E6 100%); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top , #FFFFFF 0%, #E6E6E6 100%); /* Opera 11.10+ */ background-image: linear-gradient(to bottom , #FFFFFF 0%, #E6E6E6 100%); /* Firefox 16+ */ border-color: #CCCCCC #CCCCCC #BBBBBB; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-decoration: none; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 2px 3px rgba(0, 0, 0, 0.05); } .btn-standard:hover, a.btn-standard:hover, .btn-options:hover, a.btn-options:hover { background: #595959; color: #fff; text-decoration: none; cursor: pointer; } /*.btn-standard span, .btn-standard span:hover{ display: block; position: relative; margin-top:-1px; min-height: 14px; padding-top: 2px; padding-left: 24px; background-position: 0 0; background-repeat: no-repeat; }*/ .btn-standard span, .btn-standard span:hover{ position: relative; top: 1px; overflow: hidden; display:inline; padding-top: 3px; padding-left: 24px; background-position: 0 0; background-repeat: no-repeat; } .btn-standard.primary {} .btn-standard.primary:hover { border: 1px solid #64992c; background: #64992c; color: #fff; text-decoration: none; cursor: pointer; } .btn-standard.warning {} .btn-standard.warning:hover { border: 1px solid #850000; background: #850000; color: #fff; text-decoration: none; cursor: pointer; } .btn-standard.highlight { background: #fdd475; color: #65552f; } .btn-standard.highlight:hover { background: #ffbc3e; } .btn-standard.print span{ background-image: url(../images/icons/16x16/printer.png); } .btn-standard.add span{ background-image: url(../images/icons/16x16/add-circle.png); } .btn-standard.remove span{ background-image: url(../images/icons/16x16/icon_delete_16.png); } .btn-standard.pdf span{ background-image: url(../images/icons/16x16/pdf.gif); } .btn-standard.edit span{ background-image: url(../images/icons/16x16/edit.png); } .btn-standard.share span{ background-image: url(../images/icons/16x16/icon_user_16.png); } .btn-standard.star, .btn-standard.star:hover { padding-left: 36px; background-image: url(../images/icon_star2_16x16.png); background-position: 10px 7px; background-repeat: no-repeat; } .btn-standard.mail, .btn-standard.mail:hover { padding-left: 36px; background-image: url(../images/icon_mail_16.png); background-position: 10px 10px; background-repeat: no-repeat; } .btn-standard.tools, .btn-standard.tools:hover { padding-left: 36px; background-image: url(../images/icon_configure_16x16.png); background-position: 10px 7px; background-repeat: no-repeat; } .btn-standard.tools.on, .btn-standard.tools.on:hover, .btn-standard.star.on, .btn-standard.star.on:hover { padding-left: 36px; background-color: #e5c06a; background-image: url(../images/bg_btn-standard-tools_on.png); background-position: 0 0; background-repeat: no-repeat; } .btn-standard.tools.on, .btn-standard.tools.on:hover { background-image: url(../images/bg_btn-standard-tools_on.png); } .btn-standard.star.on, .btn-standard.star.on:hover { background-image: url(../images/bg_btn-standard-save_on.png); } /*a.btn-standard { display: inline-block; border: 1px solid #bebebe; padding: 10px 10px; background: url('../images/bg_standard-button.png') repeat-x 0 100% #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }*/ a.btn-standard:hover { background: #595959; color: #fff; text-decoration: none; cursor: pointer; } a.btn-standard.primary {} a.btn-standard.primary:hover { border: 1px solid #64992c; background: #64992c; color: #fff; text-decoration: none; cursor: pointer; } a.btn-standard.warning {} .btn-standard.warning:hover { border: 1px solid #850000; background: #850000; color: #fff; text-decoration: none; cursor: pointer; } a.btn-standard.highlight { background: #fdd475; color: #65552f; } a.btn-standard.highlight:hover { background: #ffbc3e; } a.btn-standard.star, a.btn-standard.star:hover { padding-left: 36px; background-image: url(../images/icon_star2_16x16.png); background-position: 10px 7px; background-repeat: no-repeat; } a.btn-standard.tools, a.btn-standard.tools:hover { padding-left: 36px; background-image: url(../images/icon_configure_16x16.png); background-position: 10px 7px; background-repeat: no-repeat; } a.btn-standard.tools.on, a.btn-standard.tools.on:hover, a.btn-standard.star.on, a.btn-standard.star.on:hover { padding-left: 36px; background-color: #e5c06a; background-image: background-position: 0 0; background-repeat: no-repeat; } a.btn-standard.tools.on, a.btn-standard.tools.on:hover { background-image: url(../images/bg_btn-standard-tools_on.png); } a.btn-standard.star.on, a.btn-standard.star.on:hover { background-image: url(../images/bg_btn-standard-save_on.png); } .btn-standard.dropdown, a.btn-standard.dropdown span { display: block; font-size: 11px; font-weight: bold; text-align: left; } .btn-standard.dropdown, a.btn-standard.dropdown .primary-text { font-weight: bold; } /* Other Buttons ------------------------------------------------------*/ a.btn-save, a.btn-cancel, .btn-cancel { display: inline-block; min-width: 30px; height: 21px; border: 1px solid #a1a1a1; padding: 10px 15px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 100%; text-align: center; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; } a.btn-save { min-width: 36px; margin-right: 10px; background: url(../images/bg_btn-save-standard.png) 0 0 repeat-x #fff; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); } a.btn-save:hover { border: 1px solid #666; color: #fff; text-decoration: none; cursor: pointer; } a.btn-save .info-link {color:#fff;} a.btn-cancel, .btn-cancel { border-color: #CCCCCC #CCCCCC #BBBBBB; background: url('../images/bg_standard-button.png') repeat-x 0 100% #FFFFFF;background-color: #FFF;background-image: -moz-linear-gradient(center top , #FFFFFF 0%, #E6E6E6 100%); color: #000; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); } a.btn-cancel:hover, .btn-cancel:hover { border: 1px solid #b3b3b3; color: #4f4f4f; text-decoration: none; cursor: pointer; } a.btn-save.error { border: 1px solid #a1a1a1; background: #850000; color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); cursor: default; } a.btn-save.success { border: 1px solid #a1a1a1; background: #83c057; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); cursor: default; } a.btn-save.success-archive { border: 1px solid #3399FF; padding: 10px 15px 0 35px; background: url(../images/icons/16x16/information.png) 10px 8px no-repeat #CBDFFE; color: #205791; text-shadow: none; cursor: default; } a.btn-options.button-press, .btn-options.button-press { background-image: url(../images/bg_button_mousedown.png); background-position: 0 0; background-repeat: repeat-x; } .forum-buttons a.btn-options, .forum-buttons .btn-options, .post-header a.btn-options, .post-header .btn-options { line-height: 90%; } a.btn-edit-standard { display: inline-block; position: relative; height: 16px; border: 1px solid #d9d9d9; padding: 5px 10px 0 10px; background: url(../images/bg_btn-edit-standard.gif) 0 100% repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; } a.btn-edit-standard:hover { border: 1px solid #ccc; background-position: 0 0; } a.btn-edit-standard.button-press { background-image: url(../images/bg_button_mousedown.png); background-position: 0 0; background-repeat: repeat-x; } a.btn-edit-standard.whatif-btn { margin: 4px 0 0 10px; } a.btn-edit-standard.red-flag { background: url(../images/bg_btn-edit-standard-redflag.png) 0 0 repeat-x #fff; color: #fff; } a.btn-edit-standard.save:hover { border: 1px solid #64992c; background: #64992c; color: #fff; } a.btn-edit-standard.cancel:hover { border: 1px solid #850000; background: #850000; color: #fff; } a.btn-edit-standard.save.button-press { background-image: url(../images/bg_button_mousedown.png); background-position: 0 0; background-repeat: repeat-x; } a.btn-edit-standard.cancel.button-press { background-image: url(../images/bg_button_mousedown.png); background-position: 0 0; background-repeat: repeat-x; } a.btn-edit-trash { display: inline-block; position: relative; width: 34px; height: 20px; margin-left: 4px; border: 1px solid #d9d9d9; background: url(../images/bg_btn-edit-trash.gif) 50% 0 no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-indent: -9999px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; } a.btn-edit-trash:hover { border: 1px solid #4a0000; } a.btn-add-new, .btn-add-new { display: inline-block; position: relative; height: 17px; border: 1px solid #e3e3e3; padding: 6px 10px 0 30px; background: url(../images/bg_btn-add-new.gif) 0 0 no-repeat #F8F8F8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; } a.btn-add-new:hover, .btn-add-new:hover { border: 1px solid #b3b3b3; background-color: #666; } a.btn-add-new + a.btn-add-new, .btn-add-new + .btn-add-new { margin-left: 10px; } a.btn-remove, .btn-remove { display: inline-block; position: relative; height: 17px; border: 1px solid #e3e3e3; padding: 6px 10px 0 30px; background: url(../images/bg_btn-remove.gif) 0 0 no-repeat #999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; } a.btn-remove:hover, .btn-remove:hover { border: 1px solid #b3b3b3; background-color: #666; } a.btn-diminished, .btn-diminished { display: inline-block; border: 1px solid #bebebe; padding: 10px 10px; background: #a6a6a6; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; } a.btn-diminished:hover, .btn-diminished:hover { background: #595959; color: #fff; text-decoration: none; cursor: pointer; } a.btn-diminished.button-press, .btn-diminished.button-press { background-image: url(../images/bg_button_mousedown.png); background-position: 0 0; background-repeat: repeat-x; } a.btn-paging { display: inline-block; height: 17px; border: 1px solid #bbb; border-top: 1px solid #ccc; border-bottom: 1px solid #a0a0a0; padding: 4px 12px 0; background: url(../images/bg_btn-paging.gif) 0 0 repeat-x #a6a6a6; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; } a.btn-paging:hover { cursor: pointer; border: 1px solid #a0a0a0; color: #000; } a.btn-paging-back { display: inline-block; width: 24px; height: 21px; border: 1px solid #bbb; border-top: 1px solid #ccc; border-bottom: 1px solid #a0a0a0; background: url(../images/bg_btn-paging-back.gif) 50% 0 no-repeat #a6a6a6; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; text-decoration: none; text-indent: -9999px; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-radius: 4px; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius: 4px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; cursor: pointer; } a.btn-paging-back:hover { border: 1px solid #a0a0a0; cursor: pointer; } a.btn-paging-forward { display: inline-block; width: 24px; height: 21px; margin-left: -5px; border: 1px solid #bbb; border-top: 1px solid #ccc; border-bottom: 1px solid #a0a0a0; background: url(../images/bg_btn-paging-forward.gif) 50% 0 no-repeat #a6a6a6; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; text-decoration: none; text-indent: -9999px; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-radius: 4px; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 4px; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; cursor: pointer; } a.btn-paging-forward:hover { border: 1px solid #a0a0a0; cursor: pointer; } a.btn-quick-action { display: inline-block; border: 1px solid #c3c3c3; padding: 10px 18px 9px; background: #f0f0f0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5e5e5e; text-decoration: none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; cursor: pointer; } a.btn-quick-action:hover { border: 1px solid #a6a6a6; background-color: #e5e5e5; cursor: pointer; } a.btn-quick-action.message { width: 128px; padding-left: 52px; background-image: url(../images/icon_mail_24.png); background-position: 12px 5px; background-repeat: no-repeat; } a.btn-quick-action.share { width: 128px; padding-left: 52px; background-image: url(../images/icon_share_24.png); background-position: 11px 4px; background-repeat: no-repeat; } a.btn-quick-action.note { width: 128px; padding-left: 52px; background-image: url(../images/icon_note_add_24.png); background-position: 12px 5px; background-repeat: no-repeat; } a.btn-quick-action.clients { width: 128px; padding-left: 52px; background-image: url(../images/icon_user_24.png); background-position: 13px 4px; background-repeat: no-repeat; } a.btn-quick-action.clock { width: 128px; padding-left: 52px; background-image: url(../images/icon_clock_24.png); background-position: 12px 4px; background-repeat: no-repeat; } a.btn_backlink, .btn_backlink { display: inline-block; margin-top: 3px; border: 1px solid #BEBEBE; padding: 6px 12px 6px 24px; background: url(../images/icon_back_arrow.png) 7px 7px no-repeat #FDD475; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5e5e5e; text-decoration: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; cursor: pointer; } a.btn_backlink.white, .btn_backlink.white { background-color: #fff; } .btn-file-upload { float: none; display: inline-block; position: relative; height: 28px; border: 1px solid #d9d9d9; padding: 0px 8px; background: url(../images/bg_btn-edit-standard.gif) 50% 0 repeat-x #bbbbbb; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; } .btn-file-upload:hover { border: 1px solid #999; } .button-press { background-image: url(../images/bg_button_mousedown.png); background-position: 0 0; background-repeat: repeat-x; } .disabled { opacity: .45; -moz-opacity: .45; filter: alpha(opacity=45); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; } a.disabled { opacity: .45; -moz-opacity: .45; filter: alpha(opacity=45); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; cursor: default !important; border: 1px solid #bbb !important; border-top: 1px solid #ccc !important; } .disabled-box { z-index: 100000; position: absolute; top: 0; left: 0; width: 100%; height: 35px; background: white; opacity: .01; -moz-opacity: .01; filter: alpha(opacity=01); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=01)"; } .disabled-box.shifted { top: -35px; } #right-field-btn { margin: 1px 0 0 14px; } .filter-input { float: left; } .remove-filter {position: absolute; top: 7px; right: 7px; width: 16px; height: 16px; background: url(../images/icon_black-x-50_16.png) 0 0 no-repeat; cursor: pointer; } .btn-container.right { position: absolute; top: 0; right: 0; } .btn-container.in-content-block { position: absolute; top: 20px; right: 20px; } /*===========================================================================*/ /* Lists /*===========================================================================*/ /* Standard Content Flow Lists ------------------------------------------------*/ ul.content-list { position: relative; width: 100%; margin: 0 0 15px; } ul.content-list li { margin: 0 0 0 15px; padding: 1px 0 4px 15px; background: url(../images/icon_dot_black.gif) 0px 7px no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 140%; } ul.content-list.gray li { background-image: url(../images/icon_dot_gray_light.gif); } ul.content-list.circle li { background-image: url(../images/icon_circle_gray.png); } ul.content-list.checks li { padding-left: 20px; background-image: url(../images/accepted_10.png); background-position: 0px 4px; } ul.content-list li:first-child { margin-top: 0; } ul.content-list ul { margin: 6px 0 0; } ul.content-list li li, ul.content-list.gray li li, ul.content-list.circle li li, ul.content-list.checks li li { margin: 0 0 0 15px; padding-left: 15px; background-image: url(../images/icon_circle_gray.png); } /* Standard Element Building Lists (Horz & Vert) ------------------------------------------------*/ ul.standard-list { position: relative; float: left; width: 100%; margin: 0 !important; } ul.standard-list li { margin: 0 0 0 15px !important; padding: 1px 0 4px 15px !important; background: url(../images/icon_dot_black.gif) 0px 7px no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 140%; } ul.standard-list.gray li { background-image: url(../images/icon_dot_gray_light.gif); } ul.standard-list.circle li { background-image: url(../images/icon_circle_gray.png); } ul.standard-list.checks li { padding-left: 20px; background-image: url(../images/accepted_10.png); background-position: 0px 4px; } ul.standard-list.no-bullet li { margin-left: 0 !important; padding-left: 0 !important; background: none; } ul.standard-list li:first-child { margin-top: 0; } ul.standard-list ul { margin: 6px 0 0 !important; } ul.standard-list li li, ul.standard-list.gray li li, ul.standard-list.circle li li, ul.standard-list.checks li li { margin: 0 0 0 15px !important; padding-left: 15px !important; background-image: url(../images/icon_circle_gray.png); } ol.standard-list { position: relative; float: left; width: 100%; margin: 0; } ol.standard-list li { list-style: decimal; list-style-position: inside; margin-left: 15px; padding: 1px 0 4px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 140%; } ol.standard-list ol { margin-top: 6px; margin-left: 10px; } ul.standard-row-list { float: left; clear: left; width: 100%; overflow: hidden; } ul.standard-row-list li { position: relative; float: left; width: 100%; margin: 0; border-bottom: 1px solid #DFDFDF; padding: 8px 0 7px 24px; background: url(../images/icon_dot_gray_light.gif) 6px 13px no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 140%; } ul.standard-row-list li:first-child { border-top: 1px solid #DFDFDF; } ul.standard-row-list.bottom-margin { margin-bottom: 20px; } ul.standard-row-list.top-margin { margin-top: 8px; } ul.standard-row-list.no-bullets li { background: none; padding-left: 0; } ul.standard-row-list.bullets li { background: url(../images/icon_dot_gray_light.gif) 6px 13px no-repeat; padding-left: 24px; } ul.standard-row-list.no-border li { border-bottom: none; padding: 4px 0 3px 22px; background-position: 6px 9px; } ul.standard-row-list.no-top-border li { border-top: none;} ul.standard-row-list.no-border li:first-child { border-top: none; } ul.standard-row-list.no-bullet-top-level > li { background: none; padding-left: 0; } ul.standard-row-list.no-bullet-top-level > li:first-child { background: none; padding-top: 0; } ul.standard-row-list li .label, ul.standard-row-list li .data { display: block; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 130%; } ul.standard-row-list li .label { width: 20%; font-weight: bold; } ul.standard-row-list li .data { width: 80%; } ul.standard-row-list ul.sets-reps { margin-top: 5px; } ul.standard-row-list ul.sets-reps.no-margin { margin-top: 0; } ul.standard-row-list ul.sets-reps li { width: auto; border-bottom: none; padding: 3px 0 2px; background: none; } ul.standard-row-list ul.sets-reps li:first-child { border-top: none; } ul.standard-row-list ul.sets-reps li.reps { clear: left; width: 60px; padding-left: 24px; background: url(../images/icon_dot_gray_light.gif) 6px 8px no-repeat; } ul.standard-row-list ul.sets-reps li.x { width: 26px; } ul.standard-row-list ul.sets-reps li.lbs { width: 60px; } ul.standard-row-list ul.instructions { margin-top: 5px; } ul.standard-row-list ul.instructions.no-margin { margin-top: 0; } ul.standard-row-list ul.instructions li { border-bottom: none; padding: 3px 0 2px 24px; background-position: 6px 8px; } ul.standard-row-list ul.instructions li:first-child { border-top: none; } ul.standard-horizontal-list { position: relative; float: left; width: 100%; } ul.standard-horizontal-list.divider { border-bottom: 1px solid #f0f0f0; padding-bottom: 5px; } ul.standard-horizontal-list li { float: left; margin: 0; padding: 0; background: none; } ul.standard-horizontal-list li.right { float: right; } ul.standard-list.horizontal { position: relative; float: left; width: 100%; } ul.standard-list.horizontal li { float: left; margin: 0 !important; padding: 0 !important; background: none; } ul.standard-list.horizontal li.right { float: right; } ul.standard-list.horizontal li.text { padding-top: 4px; } ul.standard-list.horizontal li:first-child { margin-left:0px !important; } ul.standard-list.horizontal.left10 li {margin-left:10px} ul.standard-list.horizontal.left20 li {margin-left:20px} .standard-vertical-list { float: left; width: 100%; } .standard-vertical-list li { float: left; clear: left; } .standard-vertical-list.bullets li { padding: 7px 0 7px 35px; background: 15px 11px no-repeat; font-size: 12px; } .standard-vertical-list.bullets.black li { background-image: url(../images/icon_dot_gray_light.gif); } .standard-vertical-list.bullets.gray li { background-image: url(../images/icon_dot_gray_light.gif); } .standard-vertical-list.separated-list > li { width: 100%; border-bottom: 1px solid #d1d1d1; padding: 7px 0; } .standard-vertical-list.separated-list > li:first-child { border-top: 1px solid #d1d1d1; } .forum-table .post-column ul { position: relative; float: left; width: 100%; margin-bottom: 15px; } .forum-table .post-column ul li { margin: 0 0 0 15px !important; padding: 1px 0 4px 15px !important; background: url(../images/icon_dot_black.gif) 0px 7px no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 140%; } .forum-table .post-column ol { position: relative; float: left; width: 100%; margin-bottom: 15px; } .forum-table .post-column ol li { list-style: decimal; list-style-position: inside; margin-left: 15px; padding: 1px 0 4px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 140%; } /* One Column Definition List ------------------------------------------------------*/ dl.one-col { float: left; width: 100%; margin-bottom: 15px; padding: 0; clear: both; } dl.one-col dt, dl.one-col dd { float: left; clear: left; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 130%; } dl.one-col dt { font-weight: bold; color: #666; } dl.one-col dd {} dl.one-col dd + dt { margin-top: 10px; } dl.one-col.indent dd { margin-left: 15px; } dl.one-col.indent-bullet dd { margin-left: 15px; padding-left: 15px; background: url(../images/icon_dot_gray_light.gif) 0 5px no-repeat; } /* Two Column Definition List ------------------------------------------------------*/ dl.two-col, dl.two-col.wide { float: left; width: 100%; margin-bottom: 15px; padding: 0; clear: both; } dl.two-col dt, dl.two-col dd { margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 130%; } dl.two-col.no-margin { margin: 0; } dl.two-col label { cursor: pointer; } dl.one-col.no-clear, dl.two-col.no-clear { clear: none; } /* DT Widths ------------------------------------------------------*/ dl.two-col dt, dl.two-col.standard-list dt { width: 70px; } dl.two-col.wide-50 dt { width: 50px; } dl.two-col.wide-60 dt { width: 60px; } dl.two-col.wide-70 dt { width: 70px; } dl.two-col.wide-80 dt { width: 80px; } dl.two-col.wide-90 dt { width: 90px; } dl.two-col.wide dt, dl.two-col.wide-100 dt { width: 100px; } dl.two-col.wide-100 dt { width: 100px; } dl.two-col.wide-110 dt { width: 110px; } dl.two-col.wide-120 dt { width: 120px; } dl.two-col.wide-130 dt { width: 130px; } dl.two-col.wide-140 dt { width: 140px; } dl.two-col.wide-150 dt { width: 150px; } dl.two-col.wide-160 dt { width: 160px; } dl.two-col.wide-200 dt { width: 200px; } dl.two-col.wide-220 dt { width: 220px; } dl.two-col.wide-250 dt { width: 250px; } dl.two-col.wide-300 dt { width: 300px; } dl.two-col.select-list dt { width: 22px; } dl.two-col dt { float: left; font-weight: bold; color: #666; clear: left; } dl.two-col dt.color-black { color: #000; } dl.two-col dt.screened, dl.two-col dd.screened { color: #666; } dl.two-col dt.n { font-weight: normal; } dl.two-col dt.i { font-style: italic; } dl.two-col.wide-50 dd { margin-left: 50px; } dl.two-col.wide-60 dd { margin-left: 60px; } dl.two-col dd, dl.two-col.wide-70 dd { margin-left: 70px; } dl.two-col.wide-80 dd { margin-left: 80px; } dl.two-col.wide-90 dd { margin-left: 90px; } dl.two-col.wide dd, dl.two-col.wide-100 dd { margin-left: 100px; padding-left: 10px; } dl.two-col.wide-110 dd { margin-left: 110px; } dl.two-col.wide-120 dd { margin-left: 120px; } dl.two-col.wide-130 dd { margin-left: 130px; } dl.two-col.wide-140 dd { margin-left: 140px; } dl.two-col.wide-150 dd { margin-left: 150px; } dl.two-col.wide-160 dd { margin-left: 160px; } dl.two-col.wide-200 dd { margin-left: 200px; } dl.two-col.wide-220 dd { margin-left: 220px; } dl.two-col.wide-250 dd { margin-left: 250px; } dl.two-col.wide-300 dd { margin-left: 300px; } dl.two-col.select-list dd { margin-left: 22px; } dl.two-col dd span { } /* dl.two-col dd + dd { margin: 0 0 12px 222px; } left width noted to left align dd column */ .table-row dl.two-col { clear: none; margin-bottom: 0; } .table-row dl.two-col dt { font-size: 11px; color: #999; font-weight: normal; } .table-row dl.two-col dd { font-size: 11px; color: #333; } dl.two-col.sidebar { float: left; width: 100%; margin: 0 0 20px; border-top: 1px solid #e5e5e5; padding: 6px 0 0 0; clear: both; } dl.two-col.sidebar.no-margin { margin: 0; } dl.two-col.sidebar.no-bottom-margin { margin-bottom: 0; } dl.two-col.sidebar dt, dl.two-col.sidebar dd { display: block; margin-bottom: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; } dl.two-col.sidebar dt { float: left; clear: both; width: 100px; font-weight: normal; } dl.two-col.sidebar dd { float: right; width: 60px; } dl.two-col.sidebar.opposing dd { text-align: right; } dl.two-col.vertical-divider { float: left; width: 100%; margin: 0 0 -25px; clear: both; } dl.two-col.vertical-divider dt, dl.two-col.vertical-divider dd { display: block; margin-bottom: 25px; } dl.two-col.vertical-divider dt { float: left; clear: both; width: 54px; padding-top: 6px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #333; text-align: right; } dl.two-col.vertical-divider dd { margin-left: 64px; border-left: 1px solid #ccc; padding-left: 15px; } .column-list { float: left; margin-right: 20px; } .column-list.last { margin-right: 0; } #alerts-option-list { float: left; margin: 14px 0 0 14px; } #alerts-option-list label { font-weight: normal; } #alerts-options.off, #messages-options.off {display:none;} /*===========================================================================*/ /* Information Boxes /*===========================================================================*/ .box { margin: 0 0 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .box.info { } .box.info { border: 1px solid #3399FF; background: url(../images/information_32.png) 15px 10px no-repeat #CBDFFE; } .box.confirm { border: 1px solid #669900; background: url(../images/accept_32.png) 15px 10px no-repeat #E1FCA9; } .box.warning { border: 1px solid #FFCC00; background: url(../images/warning.png) 15px 10px no-repeat #FFFFCC; } .box.news { border: 1px solid #FFCC00; background: url(../images/icons/32x32/newspaper.png) 15px 10px no-repeat #FFFFCC; } .box.error { border: 1px solid #CC3300; background: url(../images/exclamation.png) 15px 10px no-repeat #FFE9E6; } .box.quiz-score { border: 1px solid #d9d9d9; background: #ffe7a6; } .box.empty { border: 1px solid #d9d9d9; } .box.message { border: 1px solid #e4e4e4; background: #f4f4f4; } .box.additional-info { border: 1px solid #FFCC00; background: #FFFFCC; } .box.no-bg { background-image: none; } .box.info a { color: #205791; } .box.confirm a { color: #264409; } .box.warning, .box.news a { color: #514721; } .box.error a { color: #990000; } .box-content { padding: 17px 20px 17px 64px; } .box.no-bg .box-content, .box.message .box-content { padding: 10px 15px; } .box-content h4 { margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } .box-content p { display: block; margin-left: 0; padding: 0; background: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 1.5em; } .box-content p.collapsable-content { display: none; } /*===========================================================================*/ /* Form Elements /*===========================================================================*/ fieldset { float: left; width: 100%; } /* Fields - Default ------------------------------------------------------*/ label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; } label { font-size: 12px; color: #666; font-weight: bold; } input, select, textarea { border: 1px solid #cccccc; padding: 6px; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-radius: 2px;-moz-border-radius:2px;-webkit-border-radius:2px; box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; } select { padding: 5px 6px; } optgroup { padding-top: 5px; font-weight: normal; font-style: normal; color: #999999; } option { font-style: normal; color: #000; } textarea { padding-top: 10px; } input:hover, select:hover, textarea:hover { border: 1px solid #999;} input:focus, select:focus, textarea:focus { border: 1px solid #c2c2c2; background: url(../images/bg_form-inputs.gif) 0 0 repeat-x #fff; } .form-element-resets input, .form-element-resets select, .form-element-resets textarea { min-height: inherit !important; margin: 0 !important; padding: 6px !important; font-size: 12px !important; } /* Fields - Standard Overides ------------------------------------------------------*/ input[type="checkbox"],input[type="radio"] { width: auto; min-height: inherit; border: none; padding: 0; background: none; } input[type="text"].input-lrg { padding: 6px 12px 6px 12px; font-size: 18px; } select.state { width: 180px; } .field-unit { float: left; margin-top: 12px; margin-left: 7px; font-size: 12px; color: #666; } /*--- Table Input Fields Widths - 20s ---*/ input.w-20{width:20px; }input.w-40{width:40px;}input.w-60{width:60px;}input.w-80{width:80px;}input.w-100{width:100px;} input.w-120{width:120px; }input.w-140{width:140px;}input.w-160{width:160px;}input.w-180{width:180px;}input.w-200{width:200px;} input.w-220{width:220px; }input.w-240{width:240px;}input.w-260{width:260px;}input.w-280{width:280px;}input.w-300{width:300px;} input.w-320{width:320px; }input.w-340{width:340px;}input.w-360{width:360px;}input.w-380{width:380px;}input.w-400{width:400px;} /*--- Table Input Fields Widths - 25s ---*/ input.w-25{width:25px;}input.w-50{width:50px;}input.w-75{width: 75px;} input.w-125{width:125px; }input.w-150{width:150px;}input.w-175{width:175px;} input.w-225{width:225px; }input.w-250{width:250px;}input.w-275{width:275px;} input.w-325{width:325px; }input.w-350{width:350px;}input.w-375{width:375px;} /* Form Statement ------------------------------------------------------*/ #form-statement { position: relative; float: left; margin-top: 13px; } #form-statement li { position: relative; display: block; float: left; margin-right: 9px; } #form-statement li.text { font-size: 17px; } #form-statement li input, #form-statement li select, #form-statement li textarea { margin-top: -7px; } #form-statement li select { min-width: 66px; } .sub-label { float: left; width: 100%; margin-bottom: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666; } /*===========================================================================*/ /* Footer /*===========================================================================*/ #footer-logo { display: block; position: absolute; top: 31px; left: 28px; width: 69px; height: 52px; background: url(../images/logo-footer.png) 0 0 no-repeat; text-indent: -9999px; } #page-footer ul.ft-list { position: relative; margin: 45px 0 0 0; padding: 0; } #page-footer ul.ft-list li { display: block; float: left; clear: left; width: 100%; margin: 0; padding: 0 0 12px; } #page-footer ul.ft-list li:first-child { padding-left: 0; } #page-footer ul.ft-list li.title { padding-bottom: 18px; font-family: 'MuseoSlab500', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.7em; color: #ffb652; line-height: 100%; } #page-footer ul.ft-list a { font-family: 'MuseoSlab300', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.5em; color: #ffb652; line-height: 100%; } #page-footer ul.ft-list li a:link, #page-footer ul.ft-list li a:visited { color: #fff; text-decoration: none; } #page-footer ul.ft-list li a:hover { color: #ffb652; text-decoration: underline; } #page-footer .company-desc { margin: 43px 0 0 115px; } #page-footer p { font-size: 12px; color: #fff; } #page-footer p a:link, #page-footer p a:visited { color: #FFB652; text-decoration: none; } #page-footer p a:hover { color: #FFB652; text-decoration: underline; } #page-footer p.product-name { margin-bottom: 23px; font-family: 'MuseoSlab500', Arial, Helvetica, sans-serif; font-size: 20px; color: #fff; line-height: 100%; } #page-footer p.product-name span { font-family: 'MuseoSlab100', Arial, Helvetica, sans-serif; } /* Footer Two Column List */ #page-footer dl.two-col { width: 100%; margin-bottom: 20px; clear: both; } #page-footer dl.two-col dt, #page-footer dl.two-col dd { margin-bottom: 8px; color: #fff; } #page-footer dl.two-col dt { float: left; width: 56px; font-weight: bold; clear: left; } #page-footer dl.two-col dd { } #footer-credit { display: block; position: relative; top: 0px; left: -1px; width: 195px; height: 11px; background: url(../images/bg_footer-credit.png) 0 0 no-repeat; text-indent: -9999px; } /*===========================================================================*/ /* Standard Tab Patterns /*===========================================================================*/ ul.standard-horizontal-tabs { position: relative; float: left; width: 100%; margin: 0 0 24px; border-bottom: 1px solid #d1d1d1; } ul.standard-horizontal-tabs > li { position: relative; float: left; width: auto !important; margin: 0 0 0 10px; } ul.standard-horizontal-tabs > li:first-child { margin-left: 0; } ul.standard-horizontal-tabs > li a { display: block; border: 1px solid #d1d1d1; border-bottom: none; padding: 12px 14px; background: rgba(255, 255, 255, 0.6); font-size: 12px; color: #585653; line-height: 120%; text-decoration: none; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; } ul.standard-horizontal-tabs li a:hover { color: #CC0000; text-decoration: underline; } ul.standard-horizontal-tabs li a.current { position: relative; top: 1px; padding-top: 11px; padding-bottom: 13px; background: #fff; } ul.standard-horizontal-tabs li a .count { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: .5; } ul.standard-horizontal-tabs ul { position: absolute; top: 100%; left: 6px; width: 100%; } ul.standard-horizontal-tabs ul > li { float: left; width: 100%; margin: 0; } ul.standard-horizontal-tabs ul > li a { display: block; border: none; padding: 7px 10px; background: #d1d1d1; font-size: 12px; color: #000; line-height: 120%; } .standard-vertical-tabs { position: relative; float: left; width: 100%; margin: 0; border-right: 1px solid #e5e5e5; padding-bottom: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .standard-vertical-tabs li { poscol_4ition: relative; float: left; clear: left; width: 100%; margin: 0 0 10px; border: 1px solid #e5e5e5; border-right: none; background: url(../images/bg_standard-vertical-tab-li-open.png) 100% 0 repeat-y #ebebeb; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .standard-vertical-tabs li:first-child { margin-left: 0; } .standard-vertical-tabs li li { border: none; background: none; } .standard-vertical-tabs li a.label { display: block; padding: 12px 12px 10px; background: url(../images/bg_standard-vertical-tabs_off.png) 0 0 repeat-x #f5f5f5; font-size: 12px; color: #585653; line-height: 120%; text-decoration: none; } .standard-vertical-tabs li a.label:hover { color: #CC0000; text-decoration: underline; } .standard-vertical-tabs li.open a { background: none; font-weight: bold; color: #626262; } .standard-vertical-tabs li a.current { background: none; } .standard-vertical-tabs li a.current:hover { color: #626262; text-decoration: none; cursor: default; } .standard-vertical-tabs li a .tab-error { position: absolute; top: 13px; right: 10px; display: inline-block; width: 13px; height: 13px; background: url(../images/bg_tab-error-indicator.png) 0 0 no-repeat; } .standard-vertical-tabs .expanded-tab-content { display: none; margin: 0 12px 10px; } .standard-vertical-tabs .expanded-tab-content p { margin-bottom: 10px; font-size: 11px; } .standard-vertical-tabs li a.current + .expanded-tab-content { display: block; } .standard-vertical-tabs .expanded-tab-content ul.options-form li.input > label { font-size: 11px; } .tab-column { float: left; width: 180px; } .tab-content { float: left; margin-left: 20px; } .standard-tab-panes { float: left; } ul.standard-tabs-sidebar { position: relative; float: left; width: 100%; margin: 0 0 10px; background: url(../images/bg_standard-tabs-sidebar.png) 0 45% repeat-x #595959; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; } ul.standard-tabs-sidebar > li { position: relative; float: left; width: auto; margin: 0; } ul.standard-tabs-sidebar > li:first-child { margin-left: 5px; } ul.standard-tabs-sidebar > li a { display: block; padding: 0 7px; font-size: 11px; color: #fff; line-height: 40px; text-decoration: none; } ul.standard-tabs-sidebar li a:hover { background: rgba(255,255,255,0.3); text-decoration: none; } ul.standard-tabs-sidebar li a.current { background: #e0ded9; color: #595959; -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25) inset; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25) inset; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25) inset; } ul.standard-tabs-sidebar ul { position: absolute; top: 100%; left: 6px; width: 100%; } ul.standard-tabs-sidebar ul > li { float: left; width: 100%; margin: 0; } ul.standard-tabs-sidebar ul > li a { display: block; border: none; padding: 7px 10px; background: #d1d1d1; font-size: 12px; color: #000; line-height: 120%; } /*===========================================================================*/ /* Open-Close Control /*===========================================================================*/ .open-close-control { display: inline-block; width: 16px; height: 16px; background: url(../images/bg_icon-expand-collapse.png) 0 0 no-repeat; text-indent: -9999px; cursor: pointer; } .open-close-control:hover { background-position: 0 -16px; } .open-close-control.open { background-position: 0 -32px; } .open-close-control-content { display: none; } h2 .open-close-control { position: relative; top: 5px; left: -5px; } /*===========================================================================*/ /* Error Container /*===========================================================================*/ .error-message-general { display: none; float: left; } .error-message-general p { margin-bottom: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #990000 !important; } .error-message-container { float: left; width: 100%; margin-bottom: 20px; border: 1px solid #DF7F7F; background: url(../images/exclamation.png) 14px 14px no-repeat #FCF2F2; } .error-message-container.no-bg { background-image: none; } .error-message-list { float: left; margin: 22px 20px 20px 58px; } .error-message-container.no-bg .error-message-list { margin: 22px 20px 20px 20px; } .error-message-list li { margin-top: 10px; padding-left: 18px; background: url(../images/icon_circle_gray.png) 1px 4px no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #252525; line-height: 130%; } .error-message-list li:first-child { margin-top: 0; } .error-message-list li.title { padding-left: 0; padding-bottom: 10px; background: none; font-family: 'MuseoSlab500',Arial,Helvetica,sans-serif; font-size: 18px; line-height: 100%; } span.error { display: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; } span.error.right { float: none; margin-top: 8px; margin-left: 10px; } span.error.bottom { float: left; clear: left; margin-top: -2px; margin-bottom: 14px; } span.error.show { display: inline-block; } /*===========================================================================*/ /* Tables /*===========================================================================*/ /* Standard Table --------------------------------------------*/ table { width: 100%; margin: 0; padding: 0; border-collapse: collapse; } .table-standard { background-color: #FFFFFF; } .table-standard.margin-bottom { margin-bottom: 20px; } .table-standard.margin-bottom-sml { margin-bottom: 10px; } .table-standard tr, .table-standard td { margin: 0; padding: 0; border-collapse: collapse; } .table-standard .table-title { height: 38px; background: url(../images/bg_table_hd.gif) 0 0 repeat-x; } .table-standard .table-title span { display: block; padding: 13px 0 0 12px; font-size: 14px; font-weight: bold; color: #464646; } .table-standard .table-hd {} .table-standard .table-hd th { padding: 12px 12px 12px 0; background: #ececec; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #707070; text-align: left; } .table-standard .table-hd th.checkbox { text-align: center; } .table-standard .table-hd th.right { text-align: right; } .table-standard .table-hd th.center { position: inherit; text-align: center; } .table-standard .table-hd th:first-child { padding-left: 12px; } .table-standard .table-hd th.end-col { padding-right: 12px; } .table-standard .table-hd th a:link, .table-standard .table-hd th a:visited { color: #707070; text-decoration: none; } .table-standard .table-hd th a:hover { text-decoration: underline; } .table-standard .table-row {} .table-standard .table-row.alt-row { background-color: #f7f7f7; } .table-standard .table-row td, .table-standard .table-ft td { border-bottom: 1px solid #dfdfdf; padding: 7px 12px 7px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; } .table-standard .table-row.avatar-row td { padding: 15px 12px 15px 0; } .table-standard .table-row td.no-border, .table-standard .table-ft td.no-border { border-bottom: none; } .table-standard .table-row td.middle,.table-standard .table-ft td.middle { vertical-align: middle; } .table-standard .table-row td.top, .table-standard .table-ft td.top { vertical-align: top; } .table-standard .table-row td.checkbox-top input[type="checkbox"] { margin-top: 10px; } .table-standard .table-row td.right, .table-standard .table-ft td.right { text-align: right; } .table-standard .table-row td.center, .table-standard .table-ft td.center { text-align: center; } .table-standard .table-row td p { margin-bottom: 0; font-size: inherit; line-height: 140%; } .table-standard .table-row td p.title { margin-bottom: 2px; font-weight: bold; } .table-standard .table-row td p.item-meta { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } .table-standard .table-row td p.desc { } .table-standard .table-row.no-hd td { border-top: 1px solid #dfdfdf; } .table-standard .table-row.disabled td { opacity: 1; color: #a6a6a6; border-top: none; border-left: none; border-right: none; } .table-standard .table-row.no-fields td, .table-standard .table-ft.no-fields td { padding-top: 15px; padding-bottom: 14px; } .table-standard .table-row.images td, .table-standard .table-ft.images td { padding-top: 6px; padding-bottom: 6px; } .rollover-row { background: #f5f5f5; } .selected-row { background: #ffffcc; } .goals { background: #fff2d5; } .table-standard .table-hd select { padding: 2px 3px 1px; font-size: 10px; } .table-standard .table-ft td { border-top: 1px solid #000; background: #FAFAFA; font-weight: bold; } .table-standard .table-ft td.b-right { border-right: 1px solid #dfdfdf; } .table-standard .table-hd select { font-weight: normal; } .table-standard.borders td { border-left: 1px solid #efefef; padding: 7px 12px; } .table-standard.borders td:first-child { border-left: none 0; } .table-standard ul.table-standard-list { width: 100%; } .table-standard ul.table-standard-list li { float: left; clear: left; width: 100%; margin-bottom: 8px; } .table-standard ul.table-standard-list li { float: left; clear: left; width: 100%; margin-bottom: 8px; } .table-standard ul.table-standard-list li .col-label { display: block; float: left; color: #999; } .table-standard ul.table-standard-list li .col-label.right { text-align: right; } .table-standard ul.table-standard-list li .row-label, .table-standard ul.table-standard-list li .admin-poll-results-option { display: block; float: left; width: 160px; margin-right: 20px; line-height: 120%; } .table-standard ul.table-standard-list li .row-meta, .table-standard ul.table-standard-list li .admin-poll-results-count { display: block; float: left; width: 40px; margin-right: 20px; text-align: right; } .table-standard ul.table-standard-list li .admin-poll-results-percent { display: block; float: left; color: #666; text-align: right; } .table-standard .table-row.sub-totals { border-top: 2px solid #DFDFDF; background: #fff; } .table-standard .table-row.sub-totals td { font-weight: bold; text-transform: uppercase; } .table-standard .table-row.totals { border-top: 4px solid #DFDFDF; } .table-standard .table-row.totals td { font-weight: bold; } .table-standard .table-row.week-totals td { border-bottom: 1px solid #DFDFDF; background: #fff2d5; font-weight: bold; } .table-standard .table-row.week-totals-first td { border-top: 4px solid #DFDFDF; background: #fff2d5; font-weight: bold; } .table-standard .table-row.week-totals-last td { border-bottom: 4px solid #DFDFDF; background: #fff2d5; font-weight: bold; } .table-standard .table-row td:first-child { padding-left: 12px; } .table-standard .table-row td.pleft0 { padding-left: 0px; } .table-standard .table-row table td.top { vertical-align: top; padding-top: 12px; } .table-standard .table-row td.last { min-width: 116px; padding: 0; vertical-align: top; } .table-standard .table-row td.last.no-width { min-width: 0; } .table-standard .table-row td.indent { padding-left: 30px; } .table-standard .table-row td.indent-double { padding-left: 60px; } .table-standard .table-row td.end-col { padding-right: 20px; } .table-standard .table-row td.bg-highlight { background-color: #CCC; } .table-standard .table-row input, .table-row select { width: 100%; } .table-standard .table-row input.servings { width: 40px; } .table-standard .table-row select option.label { color: #8f8f8f; } .table-standard .table-row .message {} .table-standard .table-row .message .title { display: block; margin-bottom: 4px; font-size: 14px; } .table-standard .table-row .message .details { display: block; padding-bottom: 0; font-size: 12px; font-style: italic; line-height: 145%; } .table-standard .table-row .unread { font-weight: bold; } .table-standard .table-row .alert-desc, .table-standard .table-row .alert-data { line-height: 140%; } .table-standard .table-row .alert-rule { display: block; margin-top: 8px; color: #777; } .table-standard .table-row .alert-report { display: block; margin-top: 8px; color: #777; } .table-standard .sub-table .table-hd th { border-bottom: 1px solid #e5e5e5; padding: 6px 12px 6px 0; background: none; font-size: 11px; color: #999; } .table-standard .sub-table .table-row td { border-bottom: 1px solid #f2f2f2; padding: 6px 12px 6px 0; font-size: 11px; color: #000; } .table-standard span.strength-exercise-title { display: inline-block; padding-top: 2px; font-weight: bold; color: #333; } .table-standard span.error { display: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; } .table-standard span.error.right { float: none; margin-left: 10px; } .table-standard span.error.right.show { display: inline-block; } .table-standard span.error.bottom { margin-top: 5px; } .table-standard span.error.bottom.show { display: block; } .table-standard .table-hd th.number-col, .table-standard .table-row td.number-col { text-align: right; } .table-standard .edit-row, .table-standard .delete-row {} .table-standard .edit-row td { border-bottom: 1px solid #dfdfdf; padding: 7px 0 6px; background: #fed475; } .table-standard .edit-row table td { border-bottom: none; padding: 0; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; } .table-standard .edit-row table td:first-child { padding-left: 12px; } .table-standard .edit-row table td.top { vertical-align: top; padding-top: 12px; } .table-standard .edit-row table td.last { min-width: 116px; padding: 0; vertical-align: top; } .table-standard .edit-row table td.end-col { padding-right: 20px; } .table-standard .edit-row table input, .edit-row select { border: 1px solid #cbaa5e; padding: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .table-standard .edit-row table .edit-area-background input, .edit-row .edit-area-background select { border: 1px solid #ccc; } .table-standard .edit-row table select { min-width: 80px; } .table-standard .edit-row table select option.label { color: #8f8f8f; } .table-standard .edit-message-row { padding: 0; } .table-standard .edit-message-row td { border-bottom: 1px solid #dfdfdf; padding: 7px 0 6px; background: #fed475; } .table-standard .edit-message-row table td { border-bottom: none; padding: 0; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; } .table-standard .edit-message-row table td:first-child { padding-left: 12px; } .table-standard .edit-message-row table td.last { min-width: 116px; padding: 0; vertical-align: top; } .table-standard .edit-message-row table td.end-col { padding-right: 20px; } .table-standard .table-row input.tiny, .table-standard .table-row select.tiny, .table-standard .table-row input.tiny, .table-standard .edit-row table input.tiny, .table-standard .edit-row table select.tiny { width: 44px; } .table-standard .table-row input.tiny, .table-standard .table-row select.tiny, .table-standard .edit-row table input.tiny, .table-standard .edit-row table select.tiny { width: 44px; } .table-standard .table-row input.sml, .table-standard .table-row select.sml, .table-standard .edit-row table input.sml, .table-standard .edit-row table select.sml { width: 63px; } .table-standard .table-row input.med, .table-standard .table-row select.med, .table-standard .edit-row table input.med, .table-standard .edit-row table select.med { width: 150px; } .table-standard .table-row input.lrg, .table-standard .table-row select.lrg, .table-standard .edit-row table input.lrg, .table-standard .edit-row table select.lrg { width: 300px; } .table-standard .table-row input.xlrg, .table-standard .table-row select.xlrg, .table-standard .edit-row table input.xlrg, .table-standard .edit-row table select.xlrg { max-width: none; width: 450px; } .table-standard .table-row input.xxlrg, .table-standard .table-row select.xxlrg, .table-standard .edit-row table input.xxlrg, .table-standard .edit-row table select.xxlrg { max-width: none; width: 600px; } .table-standard .table-row input.xxxlrg, .table-standard .table-row select.xxxlrg, .table-standard .edit-row table input.xxxlrg, .table-standard .edit-row table select.xxxlrg { max-width: none; width: 740px; } .table-standard .table-row input.full, .table-standard .table-row select.full, .table-standard .edit-row table input.full, .table-standard .edit-row table select.full { width: 100%; } .table-standard .edit-row table input.short-col-standard { width: 165px; } .table-standard .edit-row table select.short-col-standard { width: 165px; } .table-standard .edit-row table input.short-col-standard.row-2, .table-standard .edit-row table select.short-col-standard.row-2 { margin-top: 6px; } .table-standard .edit-row table select.feet { min-width: inherit; width: 50px; padding: 6px 3px; } .table-standard .edit-row table select.inches { min-width: inherit; width: 56px; padding: 6px 3px; } .table-standard .edit-row table select.date-month { min-width: inherit; width: 58px; padding: 6px 3px; } .table-standard .edit-row table select.date-day { min-width: inherit; width: 52px; padding: 6px 3px; } .table-standard .edit-row table select.date-year { min-width: inherit; width: 66px; padding: 6px 3px; } #dob-short-col { margin-left: -22px; } .table-standard .delete-row td { border-bottom: 1px solid #dfdfdf; padding: 7px 0 6px; background: #fd4239; } .table-standard .delete-row td:first-child { padding-left: 0px; } .table-standard .delete-table { padding: 0; } .table-standard .delete-table td { border-bottom: none; padding: 7px 0 6px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; } .table-standard .delete-table td:first-child { padding-left: 20px; padding-right: 20px; } .table-standard .table-cell-height { height: 0px; } .table-standard .cell-align-top { vertical-align: top; } .table-standard span.measurement-unit { display: inline-block; margin: 9px 0 0 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; } .table-standard span.post-btn-link { display: inline-block; margin: 5px 0 0 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; } .table-wrapper.white {} .table-wrapper .table-standard td { background: #fff; } .table-standard.sub-table td { border: none; padding: 4px 5px !important; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; } .table-standard.sub-table td:first-child { padding-left: 0px; } .color-bar { display: block; position: relative; width: 3px; height: 9px; } .color-bar .attribute-percent { display: inline-block; position: absolute; top: -1px; right: -30px; color: #666; } .trend-arrow { margin: 0 4px 2px 0; } .sort-arrow { margin: 0 0 2px 4px; } .edit-row-big td { border-bottom: 1px solid #dfdfdf; padding: 0; background: #fed475; } .edit-area { display: block; padding: 15px 20px; background: #fed475; } .edit-area-no-td { display: inline-block; padding: 20px 20px; background: #fed475; } .edit-area.margin-bottom, .edit-area-no-td.margin-bottom { margin-bottom: 20px; } .edit-area .edit-area-background { float: left; margin-bottom: 15px; padding: 15px; background: #fff; } .edit-row-big + .table-hd { border-top: 12px solid #fff; } .editing-table {} .editing-table + .editing-table { margin-top: 8px; } .editing-table .table-hd th { padding: 10px 10px 5px 0; background: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #7f6a3a; text-align: left; } .editing-table .table-hd th:first-child, .editing-table .table-row td:first-child { padding-left: 0px; } .editing-table .table-row td { border-bottom: none; padding: 5px 12px 5px 0; background: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #7f6a3a; text-align: left;vertical-align: top; } .editing-table input, .editing-table select { border: 1px solid #cbaa5e; padding: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .editing-table input { padding: 7px; } .editing-table input.input-lrg { width: 350px; padding: 6px 12px 6px 12px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; } .editing-table select { min-width: 80px; } .btn-icon-add { float: left; width: 24px; height: 24px; margin-left: 7px; background: url(../images/icon_form-item-add.png) 0 0 no-repeat; text-indent: -9999px; } .btn-icon-add:hover { background-position: 0 -24px; } .btn-icon-remove { float: left; width: 24px; height: 24px; background: url(../images/icon_form-item-remove.png) 0 0 no-repeat; text-indent: -9999px; } .btn-icon-remove:hover { background-position: 0 -24px; } .relative-buttons { position: relative; float: left; height: 20px; } .relative-buttons.inline-enrollment { height: 31px; } .button-padding { position: absolute; top: 4px; left: 0; width: 56px; } .editing-table input.col-2, .editing-table select.col-2 { width: 140px; } .editing-table input.col-3, .editing-table select.col-3 { width: 220px; } .editing-table input.col-4, .editing-table select.col-4 { width: 300px; } .row-title, .measurement-title { font-weight: bold; color: #404040; } .measurement-new-metric { width: 240px; } .focus-highlight { } /* Button Wrapper Variations --------------------------------------------*/ .table-standard .table-row .button-wrapper { display: none; position: absolute; top: 10px; right: 9px; } .table-standard .table-row.images .button-wrapper { top: 20px; } .table-standard .table-row .button-wrapper.left { display: none; position: absolute; top: 5px; left: 12px; } .table-standard .edit-row table .button-wrapper { display: block; position: absolute; top: 6px; right: 9px; min-width: 110px; } .table-standard .edit-row table .button-wrapper a:first-child { margin-right: 4px; } .table-standard .delete-table td .button-wrapper { display: block; position: absolute; top: -5px; left: 0; min-width: 110px; } .table-standard .delete-table td .button-wrapper a:first-child { margin-right: 10px; } /* What If Conditions Selection Rows --------------------------------------------*/ #remove-items, #modify-items, #exchange-items, #add-items, #add-hydration-items { display: block; } /* Date Stamping --------------------------------------------*/ .post-date { margin-bottom: 6px; font-size: 12px; } .post-time { margin-bottom: 12px; font-size: 12px; color: #656565;} .modified-post { margin-bottom: 6px; font-size: 11px; color: #7a7a7a; } /* Table Legend --------------------------------------------*/ ul.table-legend { float: left; width: 100%; margin: 20px 0 0; } ul.table-legend li { display: block; float: left; margin-left: 18px; border-left: 8px solid #666; padding-left: 8px; font-size: 11px; color: #666; } ul.table-legend li:first-child, ul.table-legend li.first-item { margin-left: 0; } ul.table-legend li.legend-title { width: 100%; margin-bottom: 10px; border-left: none; border-bottom: 1px solid #f1f1f1; padding-left: 0; padding-bottom: 5px; text-transform: uppercase; } ul.table-legend li.positive { border-color: #2f7e00; } ul.table-legend li.negative { border-color: #e70033; } ul.table-legend li.neutral { border-color: #666; } ul.table-legend li.blue { border-color: #3366cc; } ul.table-legend li.yellow { border-color: #cf8d01; } ul.table-legend li.orange { border-color: #b73400; } ul.table-legend li.weekend { border-left: none; padding-left: 25px; background: url(../images/icon-sunglasses.png) 0 -2px no-repeat; } .label-green { color: #2f7e00; } .label-red { color: #e70033; } .label-neutral { color: #666; } .label-blue { color: #3366cc; } .label-yellow { color: #cf8d01; } .label-orange { color: #b73400; } .label-weekend { padding-right: 25px; background: url(../images/icon-sunglasses.png) 100% 0 no-repeat; color: #2f7e00; } .label-notes { padding-right: 20px; background: url(../images/icons/sticky-note_12.png) 100% 0 no-repeat; } /* Table Footnote --------------------------------------------*/ .table-footnote { margin: 12px 0 0 0; padding: 0; font-size: 12px; font-style: italic; color: #868686; } /* Person Results List --------------------------------------------*/ .person-results-list { float: left; clear: left; width: 100%; } .person-results-list li { position: relative; float: left; width: 100%; margin: 0; border-bottom: 1px solid #DFDFDF; padding: 0; } .person-results-list li:first-child { border-top: 1px solid #DFDFDF; } .person-results-list li .select { float: left; width: 16px; margin: 9px 14px 0; padding: 14px 0 14px; } .person-results-list li .avatar { float: left; width: 30px; margin: 14px 14px 14px 0; } .person-results-list li .name-info { float: left; font-family: Arial,Helvetica,sans-serif; margin: 25px 0 14px; line-height: 100%; } .person-results-list li .name-info .name { float: left; clear: left; margin-bottom: 8px; font-size: 13px; } .person-results-list li .name-info .meta { float: left; clear: left; margin-bottom: 5px; font-size: 11px; color: #666; } .person-results-list li .profile { position: absolute; top: 0px; right: 0px; } .person-results-list li .profile a { display: block; position: absolute; top: 22px; right: 16px; width: 16px; height: 16px; background: url(../images/icon_user_16.png) 0 0 no-repeat; text-indent: -9999px; } .person-results-list li .associated-dropdown { float: right; font-family: Arial,Helvetica,sans-serif; margin: 25px 0 14px; line-height: 100%; } /* Forum Listing Table --------------------------------------------*/ .forum-table.thread-listing {} .forum-table tr, .forum-table td { margin: 0; padding: 0; border-collapse: collapse; } .forum-table .table-hd th { padding: 12px 12px 12px 0; background: #ececec; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #707070; text-align: left; } .forum-table .table-hd th:first-child { padding-left: 12px; } .forum-table .table-hd th a:link, .forum-table .table-hd th a:visited { color: #8c8377; text-decoration: underline; } .forum-table .table-row td, .forum-table .table-ft td { border-bottom: 1px solid #ddd5d1; padding: 12px 12px 12px 0; background: url(../images/bg_table-standard-table-hd-td.png) 0 0 repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; } .forum-table .table-row td:first-child { padding-left: 12px; } .forum-table .table-row.no-hd td { border-top: 1px solid #ddd5d1; } .forum-table .table-row td.top { vertical-align: top; } .forum-table .table-row td.middle { vertical-align: middle; } .forum-table .table-row td.bottom { vertical-align: bottom; } .forum-table .table-row td h4.thread-title { margin-bottom: 5px; font-family: Arial,Helvetica,sans-serif; font-size: 15px; } .forum-table .table-row td p { font-size: inherit; line-height: 140%; } .forum-table .table-row td p.thread-started { /*color: #8d8d8d;*/ } .forum-table .table-row td p.thread-started .thread-startedby {} .forum-table .table-row td p.thread-started .thread-datestamp {} .forum-table .table-row td p.last-post-username { margin-bottom: 0; } .forum-table .table-row td p.last-post-datestamp { margin-bottom: 0; } .forum-table .table-row td p.thread-views { margin-bottom: 0; } .forum-table .table-row td p.thread-replies { margin-bottom: 0; } .forum-table .table-row td p.currentpost-posttitle { margin-bottom: 0; font-size: 14px; font-weight: bold; color: #999; } .forum-table .table-row td p.currentpost-datestamp { margin-bottom: 15px; border-bottom: 1px solid #ccc; padding-bottom: 5px; color: #666; } .forum-table .table-row td p.currentpost-username { margin-bottom: 15px; font-size: 13px; font-weight: bold; } .forum-table .table-row td p.currentpost-message { margin-bottom: 0; } .user-online-status { display: inline-block; width: 11px; height: 11px; background: url(../images-indv/user-online.png) no-repeat; } .user-online-status.off { background-position: 0 0; } .user-online-status.on { background-position: 0 -12px; } .post-header { postition: relative; } .forum-table ul.post-button-options { display: none; position: absolute; top: 5px; right: 0px; float: none; width: auto; } .forum-table ul.post-button-options li { margin: 0 !important; padding: 0 !important; background: none; } /*===========================================================================*/ /* Form Layouts /*===========================================================================*/ /* Standard Structure --------------------------------------------*/ .standard-form-container { float: left; width: 638px; margin-bottom: 36px; border: 1px solid #d9d9d9; padding: 34px 30px 30px 30px; background: #fafafa; border-radius: 8px; -moz-border-radius:4px; -webkit-border-radius:4px; } #form-container { clear: both; } #form-container ul {} #form-container ul li { margin: 0; padding: 0 0 12px 0; background: none; } /* Form Element Descriptors --------------------------------------------*/ .measurement-unit { display: inline-block; margin: 0 5px; vertical-align: middle; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; } /* Form Layout - One Col - Type A --------------------------------------------*/ ul.stacked-form { float: left; clear: both; margin-bottom: 14px; } ul.stacked-form.no-clear { clear: none; } ul.stacked-form.no-margin { margin-bottom: 0; } ul.stacked-form li.gutter5 { margin-top: 5px; } ul.stacked-form li.gutter10 { margin-top: 10px; } ul.stacked-form li.gutter15 { margin-top: 15px; } ul.stacked-form li.gutter20 { margin-top: 20px; } ul.stacked-form li { display: block; position: relative; float: left; clear: left; /*width: 100%;*/ margin-top: 0px; border: none; } ul.stacked-form > li { clear: left; } ul.stacked-form li:first-child { margin-top: 0px; border: none; } ul.stacked-form label, ul.stacked-form.one-col label { display: block; width: auto; margin-top: 9px; margin-bottom: 7px; padding: 0 !important; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } ul.stacked-form label.n, ul.stacked-form.one-col label.n { font-weight: normal; } ul.stacked-form.one-col label { float: none !important; width: auto !important; } ul.stacked-form label .details { display: block; margin-top: 5px; font-size: 11px; font-weight: normal; font-style: italic; } ul.stacked-form label.error { display: block; min-width: 410px; margin: -2px 0 12px 160px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #990000; } ul.stacked-form .form-text-container { float: left; } ul.stacked-form p { display: block; margin-top: 6px; margin-bottom: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; } ul.stacked-form p.no-margin-top { margin-top: 0; } ul.stacked-form span.measurement-unit { float: left; margin: 9px 0 0 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; } ul.stacked-form span.option-label { float: left; margin: 9px 10px 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; } ul.stacked-form span.option-label.gray { color: #666; } ul.stacked-form input, ul.stacked-form textarea, ul.stacked-form select { display: block; width: auto; /*max-width: 410px;*/ min-height: 22px; margin-bottom: 5px; padding: 7px 10px 5px; font-size: 12px; } ul.stacked-form input.more-space, ul.stacked-form textarea.more-space, ul.stacked-form select.more-space { margin-bottom: 12px; } ul.stacked-form textarea { min-width: 250px; } ul.stacked-form textarea.no-min-width { min-width: 0 !important; } ul.stacked-form.no-min input, ul.stacked-form.no-min textarea, ul.stacked-form.no-min select { width: auto; max-width: none; } ul.stacked-form input[type="checkbox"], ul.stacked-form input[type="radio"] { width: auto; } ul.stacked-form select { min-height: 18px; padding: 5px 5px 4px; } ul.stacked-form select option { float: left;padding: 0 10px; } ul.stacked-form input.title-element, ul.stacked-form select.title-element { font-size: 18px; padding: 3px; } ul.stacked-form span.inline-flow-text, ul.stacked-form span.inline-flow-field { float: left; } ul.stacked-form span.inline-flow-text { margin-top: 9px; margin-right: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } ul.options-form span.inline-flow-text, ul.stacked-form span.inline-flow-field { float: left; } ul.options-form span.inline-flow-text { margin-top: 1px; margin-right: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } ul.options-form span.inline-flow-field { display: block; float: left; margin-top: -2px; } ul.stacked-form span.help-text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; } ul.stacked-form span.help-text.bottom { float: left; clear: left; margin-top: -2px; margin-bottom: 14px; } ul.stacked-form.two-col span.help-text.bottom-margin { margin-bottom: 0px; } ul.stacked-form.two-col span.help-text.bottom { margin-left: 160px; } ul.stacked-form.two-col.short span.help-text.bottom { margin-left: 90px; } ul.options-form span.help-text.bottom { margin-left: 24px !important; } ul.stacked-form span.error { display: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; } ul.stacked-form span.error.right { float: none; margin-top: 8px; margin-left: 10px; } ul.stacked-form span.error.bottom { float: left; clear: left; margin-top: -2px; margin-bottom: 14px; } ul.stacked-form span.error.show { display: inline-block; } ul.stacked-form.two-col span.error.bottom-margin { margin-bottom: 0px; } ul.stacked-form.two-col span.error.bottom { margin-left: 160px; } ul.stacked-form.two-col.short span.error.bottom { margin-left: 90px; } ul.stacked-form.two-col.med span.error.bottom { margin-left: 180px; } ul.stacked-form.two-col.wide span.error.bottom { margin-left: 230px; } ul.stacked-form.two-col.wide-lrg span.error.bottom { margin-left: 250px; } ul.stacked-form li.column { display: block; position: relative; float: left; clear: none; width: auto; margin-top: 0px; margin-left: 14px; } ul.stacked-form li.column:first-child { margin-left: 0px; } /* Form Layout - One Col - Type UL - Modal --------------------------------------------*/ ul.stacked-form.modal { margin-bottom: 14px; } ul.stacked-form.modal label { font-weight: normal; } ul.stacked-form.modal input, ul.stacked-form textarea.modal, ul.stacked-form select.modal { width: auto; min-width: 190px; } ul.stacked-form.modal input[type="checkbox"], ul.stacked-form.modal input[type="radio"] { min-width: inherit; } ul.stacked-form.modal .error { display: none; clear: left; min-width: auto; margin: -2px 0 12px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #990000; } /* Form Layout - Two Col - Type UL --------------------------------------------*/ ul.stacked-form.two-col li.no-label { width: auto; padding-left: 160px; clear: both; } ul.stacked-form.two-col.short li.no-label { width: auto; padding-left: 90px; clear: both; } ul.stacked-form.two-col.med li.no-label { width: auto; padding-left: 180px; clear: both; } ul.stacked-form.two-col.wide li.no-label { width: auto; padding-left: 230px; clear: both; } ul.stacked-form.two-col..wide-lrg li.no-label { width: auto; padding-left: 250px; clear: both; } ul.stacked-form.two-col label, ul.stacked-form.two-col .faux-label { float: left; width: 160px; } ul.stacked-form.two-col label.n { font-weight: normal; } ul.stacked-form.two-col.short label { float: left; width: 90px; } ul.stacked-form.two-col.med label { float: left; width: 130px; } ul.stacked-form.two-col.wide label { float: left; width: 230px; } ul.stacked-form.two-col.wide-lrg label { float: left; width: 250px; } ul.stacked-form.two-col.w60 label, ul.stacked-form.two-col.w60 .faux-label { float: left; width: 60px; } ul.stacked-form.two-col.w70 label, ul.stacked-form.two-col.w70 .faux-label { float: left; width: 70px; } ul.stacked-form.two-col.w100 label, ul.stacked-form.two-col.w100 .faux-label { float: left; width: 100px; } ul.stacked-form.two-col.w120 label, ul.stacked-form.two-col.w120 .faux-label { float: left; width: 120px; } ul.stacked-form.two-col.w140 label, ul.stacked-form.two-col.w140 .faux-label { float: left; width: 140px; } ul.stacked-form.two-col.w160 label, ul.stacked-form.two-col.w160 .faux-label { float: left; width: 160px; } ul.stacked-form.two-col.w180 label, ul.stacked-form.two-col.w180 .faux-label { float: left; width: 180px; } ul.stacked-form.two-col.w200 label, ul.stacked-form.two-col.w200 .faux-label { float: left; width: 200px; } ul.stacked-form.two-col.w100 li.no-label { width: auto; padding-left: 100px !important; clear: both; } ul.stacked-form.two-col.w120 li.no-label { width: auto; padding-left: 120px !important; clear: both; } ul.stacked-form.two-col.w140 li.no-label { width: auto; padding-left: 140px !important; clear: both; } ul.stacked-form.two-col.w160 li.no-label { width: auto; padding-left: 160px !important; clear: both; } ul.stacked-form.two-col.w180 li.no-label { width: auto; padding-left: 180px !important; clear: both; } ul.stacked-form.two-col.w200 li.no-label { width: auto; padding-left: 200px !important; clear: both; } ul.stacked-form input, ul.stacked-form textarea, ul.stacked-form select { float: left; } ul.stacked-form input.error, ul.stacked-form textarea.error, ul.stacked-form select.error { border: 1px solid #dba6a6; } ul.stacked-form.two-col.short .toggle-submit { margin-left: 90px; } ul.stacked-form .toggle-submit { margin-left: 160px; } ul.stacked-form.two-col.med .toggle-submit { margin-left: 180px; } ul.stacked-form.two-col.wide .toggle-submit { margin-left: 230px; } ul.stacked-form.two-col.wide-lrg .toggle-submit { margin-left: 250px; } ul.stacked-form.two-col .two-col-text { clear: both; margin-left: 160px; padding-top: 5px; } /* Multiple Fields in a Row --------------------------------------------*/ ul.multiple-field-row { float: left; } ul.multiple-field-row li { display: block; float: left; clear: none; width: auto; margin: 0 0 0 3px; padding: 0; } ul.multiple-field-row li:first-child { margin-left: 0px; } ul.multiple-field-row li.text { font-size: 11px; padding-top: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } ul.multiple-field-row.no-min input, ul.multiple-field-row.no-min textarea, ul.multiple-field-row.no-min select { width: auto; max-width: none; } /* Overides --------------------------------------------*/ ul.multiple-field-row input.rmr-dmr, ul.stacked-form input.rmr-dmr { width: 75px; } ul.multiple-field-row input.tiny, ul.stacked-form input.tiny, .stacked-form input.tiny { width: 44px; } ul.multiple-field-row input.sml, ul.stacked-form input.sml, .stacked-form input.sml { width: 63px; } ul.multiple-field-row input.med, ul.stacked-form input.med, .stacked-form input.med { width: 150px; } ul.multiple-field-row input.lrg, ul.stacked-form input.lrg, .stacked-form input.lrg { width: 300px; } ul.multiple-field-row input.xlrg, ul.stacked-form input.xlrg, .stacked-form input.xlrg { max-width: none; width: 450px; } ul.multiple-field-row input.xxlrg, ul.stacked-form input.xxlrg, .stacked-form input.xxlrg { max-width: none; width: 600px; } ul.multiple-field-row input.xxxlrg, ul.stacked-form input.xxxlrg, .stacked-form input.xxxlrg { max-width: none; width: 740px; } ul.multiple-field-row input.full, ul.stacked-form input.full, .stacked-form input.full { max-width: none; width: 100%; box-sizing: border-box; } ul.multiple-field-row select.sml, ul.stacked-form select.sml, .stacked-form select.sml { width: 72px; } ul.multiple-field-row select.med, ul.stacked-form select.med, .stacked-form select.med { width: 150px; } ul.multiple-field-row select.lrg, ul.stacked-form select.lrg, .stacked-form select.lrg { width: 300px; } ul.multiple-field-row select.xlrg, ul.stacked-form select.xlrg, .stacked-form select.xlrg { max-width: none; width: 450px; } ul.multiple-field-row select.xxlrg, ul.stacked-form select.xxlrg, .stacked-form select.xxlrg { max-width: none; width: 600px; } ul.multiple-field-row select.xxxlrg, ul.stacked-form select.xxxlrg, .stacked-form select.xxxlrg { max-width: none; width: 740px; } ul.multiple-field-row select.full, ul.stacked-form select.full, .stacked-form select.full { max-width: none; width: 100%; box-sizing: border-box; } ul.multiple-field-row textarea.med, ul.stacked-form textarea.med, .stacked-form textarea.med { width: 150px; min-height: 100px; } ul.multiple-field-row textarea.lrg, ul.stacked-form textarea.lrg, .stacked-form textarea.lrg { width: 300px; min-height: 130px; } ul.multiple-field-row textarea.xlrg, ul.stacked-form textarea.xlrg, .stacked-form textarea.xlrg { max-width: none; width: 450px; min-height: 195px; } textarea.xxlrg, ul.multiple-field-row textarea.xxlrg, ul.stacked-form textarea.xxlrg, .stacked-form textarea.xxlrg { max-width: none; width: 600px; min-height: 260px; } ul.multiple-field-row textarea.xxxlrg, ul.stacked-form textarea.xxxlrg, .stacked-form textarea.xxxlrg { max-width: none; width: 740px; min-height: 320px; } ul.multiple-field-row textarea.full, ul.stacked-form textarea.full, .stacked-form textarea.full { max-width: none; width: 100%; box-sizing: border-box; } ul.multiple-field-row input.ssn0, ul.stacked-form input.ssn0 { width: 45px; } ul.multiple-field-row input.ssn1, ul.stacked-form input.ssn1 { width: 38px; } ul.multiple-field-row input.ssn2, ul.stacked-form input.ssn2 { width: 52px; } ul.multiple-field-row input.phone0, ul.stacked-form input.phone0 { width: 45px; } ul.multiple-field-row input.phone1, ul.stacked-form input.phone1 { width: 52px; } ul.multiple-field-row input.zip, ul.stacked-form input.zip { width: 60px; } .sub-label + input, .sub-label + select { clear: left; } /* - Checkboxes and Radio Buttons Form Layout --------------------------------------------------------*/ ul.options-form { float: left; margin-bottom: 10px; } ul.stacked-form.two-col ul.options-form { margin-top: 6px; } ul.options-form.left-indent { margin-left: 10px !important; } ul.options-form li { display: block; position: relative; float: left; width: 100%; margin-top: 0px; padding: 0px !important; } ul.options-form.two-col li { display: block; position: relative; float: left; width: auto; margin-top: 0px; } ul.options-form li:first-child { margin-top: 0px; } ul.options-form li.input { display: block; float: left; /*clear: left;*/ width: 100%; margin: 0; } ul.options-form.row li.input { clear: none; width: auto; margin-right: 14px; } ul.options-form li.divider { border-top: 1px solid #ebebeb; margin-top: 5px; padding-top: 10px !important; } ul.options-form li.input > label { display: block; float: none !important; width: auto !important; margin: 3px 0 4px 0; padding-left: 24px !important; font-size: 12px; font-weight: normal; line-height: 140%; cursor: pointer; } ul.options-form li.input label.left { float: left !important; padding-left: 3px !important; } ul.options-form li.description { clear: none; width: 316px; margin: 0 0 0 6px; } ul.options-form li.description.no-width { width: auto } ul.options-form li.description p.title{ margin: 0 0 3px 0; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #4c4c4c; } ul.options-form li.description p.details { margin: 0 0 8px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; } ul.options-form textarea { display: block; min-height: 22px; margin-bottom: 7px; padding: 3px 10px; font-size: 12px;} ul.options-form input[type="checkbox"], ul.options-form input[type="radio"] { float: left; margin: 4px 9px 0 0; min-height: inherit; } ul.options-form .icon { float: left; width: 16px; height: 16px; margin: 2px 9px 0 0; background: 0 0 no-repeat; } ul.options-form .icon.correct { background-image: url(../images/icons/16x16/icon_accept_16.png); } ul.options-form .icon.incorrect { background-image: url(../images/icons/16x16/icon_delete_16.png); } ul.options-form .your-selection { font-weight: bold; } ul.options-form label .incorrect { color: #990000; } ul.options-form .supporting-option-container { float: left; margin: 0 0 0 25px; } #sharing-decision-options ul.options-form { width: 600px; } #sharing-decision-options ul.options-form li.input { margin-top: 5px; } #sharing-decision-options ul.options-form li.input:first-child { margin-top: 0; } #sharing-decision-options ul.options-form li.input label { float: none; width: auto; padding-left: 30px !important; line-height: 150%; color: #000; } #sharing-decision-options ul.options-form li.input input[type="radio"] { margin-top: 4px; } #sharing-decision-options .quote-list label span {display: block; font-size: 11px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: .6; } #form-create-a-group ul.options-form li.input > label { font-size: 11px; } #create-group-define-metrics .supporting-button { position: absolute; top: 0px; right: 0px; min-width: 200px; text-align: right; } /* Field Layout: Two Col - Definition List --------------------------------------------*/ #form-container dl { float: left; width: 100%; } #form-container dl dt, #form-container dl dd { position: relative; float: left; margin-bottom: 9px; } #form-container dl dt { clear: left; width: 58px; padding-right: 22px; } #form-container dl dt.wide { float:left; clear: left; width: 26px; } #form-container dl dd {} #form-container dl dd.wide { float:left; } #form-container dl dd.wide p { margin-top: -3px; padding: 0; } #form-container dl dd span { padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; text-transform: uppercase; color: #000; } #form-container dd.phone-wrapper span.sep { display: block; float: left; max-width: inherit; padding: 14px 5px 0 5px; } #form-container dl dd + dd { margin: 0 0 12px 222px; } /* Field Layout: Two Col - Definition List Nested 2nd Level --------------------------------------------------------------*/ #form-container dl dl { float: none; } #form-container dl dl dt { width: 28px; margin-bottom: 15px; padding-right: 0px; text-align: left; } #form-container dl dl dd { margin-bottom: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; } #form-container dl dl dt.full-width { width: 480px; margin-bottom: 18px; } #form-container dl dl dd label { padding: 3px 0 0 0; font-weight: normal; } /*===========================================================================*/ /* Form Layouts - NEW STANDARD - Currently in Dev Only /*===========================================================================*/ /* Standard Structure --------------------------------------------*/ .standard-form, .standard-form.inline, .standard-form.horizontal { position: relative; margin: 15px 0; } .standard-form .control-group { display: block; position: relative; margin-bottom: 10px; } .standard-form .control-group.radio, .standard-form .control-group.checkbox { margin-bottom: 0; } .standard-form.inline .controls { display: block; position: relative; float: left; clear: left; margin-top: 0px; border: none; } .standard-form .controls-row { *zoom: 1; } .standard-form .controls-row:before, .standard-form .controls-row:after { display: table; line-height: 0; content: ""; } .standard-form .controls-row:after { clear: both; } .standard-form .controls-row [class*="span"] { float: left; } .standard-form .controls-row input[type="text"], .standard-form .controls-row input[type="password"], .standard-form .controls-row input[type="email"], .standard-form .controls-row select { margin-left: 5px; } .standard-form .controls-row input[type="text"]:first-child, .standard-form .controls-row input[type="password"]:first-child, .standard-form .controls-row input[type="email"]:first-child, .standard-form .controls-row select:first-child { margin-left: 0; } .standard-form legend { clear: both; margin: 0 0 15px; border-bottom: 1px solid #D9D9D9; padding: 0 0 10px; font-family: Arial,Helvetica,sans-serif; font-size: 18px; color: #333333; line-height: 100%; } .standard-form label { display: block; margin: 5px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 20px; } .standard-form .radio, .standard-form .checkbox { min-height: 18px; padding-left: 22px; } .standard-form .radio .supporting-option-container { margin: 0 0 0 25px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; /*margin-left: -22px;*/ cursor: pointer; } .standard-form .inline-text { display: inline-block; margin: 0; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; line-height: 150%; } .standard-form .inline-text-small { display: inline-block; margin: 0; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; line-height: 135%; } /* Input Styling Overrides --------------------------------------------------------------*/ #form-container label { display: block; padding: 8px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666; } #form-container input, #form-container select, #form-container textarea { float: left; width: 418px; min-height: 28px; border: 1px solid #cccccc; padding: 3px 10px; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; border-radius: 2px;-moz-border-radius:2px;-webkit-border-radius:2px; } #form-container input:hover, #form-container textarea:hover { border: 1px solid #999;} #form-container input:focus, #form-container textarea:focus { border: 1px solid #c2c2c2; background: url(../images/bg_form-inputs.gif) 0 0 repeat-x; } #form-container textarea { height: 300px; padding-top: 10px; } #form-container select { border: 0; } #form-container select.state { width: 180px; } #form-container input[type="checkbox"] { width: auto; min-height: inherit; border: none; padding: 0; background: none; } #form-container input[type="text"].zip { width: 50px; } #form-container input[type="text"].phone0 { width: 32px; margin-right: 12px; } #form-container input[type="text"].phone1 { width: 40px; margin-right: 0; } #form-container input[type="text"].phone-ext { width: 40px; } /* Messaging - Custom Elements --------------------------------------------------------------*/ ul.stacked-form #compose-message-to { display: inline-block; height: 19px; border: 1px solid #bebebe; padding: 6px 20px 0; background: url(../images/bg_btn-form-button-standard.png) 0 0 repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; } ul.stacked-form #to-recipients { float: left; overflow: auto; min-height: 25px; max-height: 120px; width: 404px; border: 1px solid #cccccc; padding: 5px 6px 0; background: #fff; border-radius: 2px;-moz-border-radius:2px;-webkit-border-radius:2px; } ul.stacked-form #to-recipients p { position: relative; display: inline-block; margin: 0 6px 5px 0; border: 1px solid #b7d1fc; padding: 3px 20px 4px 6px; background: #edf3fe; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-transform: none; line-height: 100%; } ul.stacked-form #to-recipients p.instructions { position: relative; display: inline-block; margin: 4px 0 0 4px; border: none; padding: 0; background: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999; font-style: italic; } ul.stacked-form #to-recipients span.close { display: block; position: absolute; top: 0px; right: 0px; width: 16px; height: 16px; background: url(../images/icon_x_16.png) 100% 0px no-repeat; cursor: pointer; } ul.stacked-form .manage-recipients { position: absolute; top: 0; right: -128px; } /* Date Range Object --------------------------------------------------------------*/ ul.date-range { float: left; } ul.date-range li { display: block; float: left; clear: none; width: auto; margin-left: 14px; } ul.date-range li:first-child { margin-left: 0; } ul.date-range li input { width: 112px; padding-left: 28px; } /*===========================================================================*/ /* Tooltips for Forms /*===========================================================================*/ .form-tip { display: none; /*visibility: hidden;*/ z-index: 9999; position: absolute; top: 0px; /*left: 460px;*/ width: 158px; border: 1px solid #b2b2b2; padding: 14px 20px 14px; background: #fed475; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 0 8px 1px #a79e89; -webkit-box-shadow: 0 0 8px 1px #a79e89; -moz-box-shadow: 0 0 8px 1px #a79e89; } .form-tip p {margin-bottom: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #523c2b; line-height: 175%; } .form-tip .pointer { position:absolute; top: 8px; left: -9px; width: 9px; height: 15px; background: url(../images/tooltip-pointer.gif) 0 0 no-repeat; } .stacked-form .form-tip { /*left: 620px;*/ top: 24px; right: -220px; } .stacked-form.two-col .form-tip { /*left: 520px;*/ top: 0px; right: -220px; } /*ul.stacked-form ul.stacked-form .form-tip { right: 0px; } .stacked-form.two-col .form-tip.sub-list { left: 360px; }*/ .stacked-form.two-col.short .form-tip { left: 560px; width: 130px; } .stacked-form.two-col.med .form-tip { left: 520px; } .stacked-form.two-col.wide .form-tip { left: 520px; } .stacked-form.two-col.wide-lrg .form-tip { left: 520px; } /* Specific Form Overides --------------------------------------------------------------*/ #message-reply-form textarea { max-width: 600px; width: 600px; } /* Expandable List - Show Hide Rows --------------------------------------------------------------*/ ul.expandable-list { float: left; width: 100%; } ul.expandable-list li { float: left; width: 100%; border-bottom: 1px solid #dfdfdf; } ul.expandable-list li.first { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #DFDFDF; } ul.expandable-list p { display: inline-block; position: relative; top: 3px; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 100%; } ul.expandable-list p.title { margin-left: 12px; } ul.expandable-list p.title.open { font-weight: bold; } ul.expandable-list .preview-row { float: left; width: 100%; padding: 12px 0; } ul.expandable-list .details-row { float: left; width: 100%; margin: 0 ; padding: 0; } .standard-vertical-list { float: left; width: 100%; } .standard-vertical-list li { float: left; clear: left; } .standard-vertical-list.bullets li { padding: 7px 0 7px 35px; background: 15px 11px no-repeat; font-size: 12px; } .standard-vertical-list.bullets.black li { background-image: url(../images/icon_dot_gray_light.gif); } .standard-vertical-list.bullets.gray li { background-image: url(../images/icon_dot_gray_light.gif); } .standard-vertical-list.separated-list > li { width: 100%; border-bottom: 1px solid #d1d1d1; padding: 7px 0; } .standard-vertical-list.separated-list > li:first-child { border-top: 1px solid #d1d1d1; } /*===========================================================================*/ /* Mega-Lists /*===========================================================================*/ /* Mega List Structure ------------------------------------------------------*/ .mega-list { float: left; width: 100%; } .mega-list > .list-item { -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.2); box-shadow: 0 0 8px rgba(0,0,0,0.2); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius: 3px; } .mega-list .sub-item-container .sub-item { padding: 10px; /* Uncomment when IE7 support drops -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/ } /* List Style: Blocks ---*/ .mega-list.blocks .list-item { margin-top: 5px; border: 1px solid #d1d1d1; background: url(../images-indv/bg_mega-list-blocks-list-item.png) 100% 0 no-repeat; } .mega-list.blocks .list-item:first-child { margin-top: 0; } /* List Style: Dividers ---*/ .mega-list.dividers .list-item { border-bottom: 1px solid #d1d1d1; } .mega-list.dividers .list-item:first-child { border-top: 1px solid #d1d1d1; } /* List Orientation: Level 1: Vertical/Stacked Box Listing, Level 2: Interior Horizontal/Side-by-Side ---*/ .mega-list.vertical-horizontal .list-item { float: left; clear: both; width: 100%; } .mega-list.vertical-horizontal .list-item .sub-item-container { float: left; width: auto; margin: 10px; } .mega-list.vertical-horizontal .sub-item-container .sub-item { float: left; width: auto; } /* List Orientation: Level 1: Horizontal/Side-by-Side Box Listing, Level 2: Vertical/Stacked Horizontal ---*/ .mega-list.horizontal-vertical .list-item { float: left; width: auto; } .mega-list.horizontal-vertical .sub-item-container li { float: left; clear: left; } .mega-list .sub-item-container .sub-item-1 {} .mega-list .sub-item-container .sub-item-2 {} .mega-list .sub-item-container .sub-item-3 {} .mega-list .sub-item-container .sub-item-4 {} /* Uncomment when IE7 support drops .mega-list.vertical-horizontal.two-columns ul li { float: left; width: 50%; } .mega-list.vertical-horizontal.three-columns ul li { float: left; width: 33%; } .mega-list.vertical-horizontal.four-columns ul li { float: left; width: 25%; }*/ /* Flexible Mega-Lists - IE7 Fix Alternative - Remove when IE7 support drops ---------------------------------------------------------------------------------*/ /*940 col*/ #page-body.one-column .mega-list.vertical-horizontal.two-columns .sub-item-container .sub-item, #page-body.one-column .mega-list.vertical-horizontal.two-columns .sub-item-container .sub-item { float: left; width: 440px; } #page-body.one-column .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item, #page-body.one-column .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item, #page-body.one-column .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item.one-third { float: left; width: 286px; } #page-body.one-column .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item.two-third { float: left; width: 594px; } #page-body.one-column .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item, #page-body.one-column .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item, #page-body.one-column .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item.one-fourth { float: left; width: 210px; } #page-body.one-column .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item.three-fourth { float: left; width: 670px; } #page-body.one-column .mega-list.vertical-horizontal .sub-item-container .sub-item.side-thin { float: left; width: 120px; } #page-body.one-column .mega-list.vertical-horizontal .sub-item-container .sub-item.main-thin { float: left; width: 760px; } #page-body.one-column .mega-list.vertical-horizontal .sub-item-container .sub-item.main-thin-thin { float: left; width: 620px; } #page-body.one-column .mega-list.vertical-horizontal .sub-item-container .sub-item.main-thin-med { float: left; width: 540px; } #page-body.one-column .mega-list.vertical-horizontal .sub-item-container .sub-item.main-med { float: left; width: 680px; } #page-body.one-column .mega-list.vertical-horizontal .sub-item-container .sub-item.side-med { float: left; width: 200px; } /*780 col*/ #page-body.two-columns.left-thin .mega-list.vertical-horizontal.two-columns .sub-item-container .sub-item, #page-body.two-columns.right-thin .mega-list.vertical-horizontal.two-columns .sub-item-container .sub-item { float: left; width: 360px; } #page-body.two-columns.left-thin .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item, #page-body.two-columns.right-thin .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item, #page-body.two-columns.left-thin .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item.one-third, #page-body.two-columns.right-thin .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item.one-third { float: left; width: 233px; } #page-body.two-columns.left-thin .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item.two-third, #page-body.two-columns.right-thin .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item.two-third { float: left; width: 487px; } #page-body.two-columns.left-thin .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item, #page-body.two-columns.right-thin .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item, #page-body.two-columns.left-thin .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item.one-fourth, #page-body.two-columns.right-thin .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item.one-fourth { float: left; width: 170px; } #page-body.two-columns.left-thin .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item.two-fourth, #page-body.two-columns.right-thin .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item.two-fourth { float: left; width: 360px; } #page-body.two-columns.left-thin .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item.three-fourth, #page-body.two-columns.right-thin .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item.three-fourth { float: left; width: 550px; } #page-body.two-columns.left-thin .mega-list.vertical-horizontal .sub-item-container .sub-item.side-thin, #page-body.two-columns.right-thin .mega-list.vertical-horizontal .sub-item-container .sub-item.side-thin { float: left; width: 120px; } #page-body.two-columns.left-thin .mega-list.vertical-horizontal .sub-item-container .sub-item.main-thin, #page-body.two-columns.right-thin .mega-list.vertical-horizontal .sub-item-container .sub-item.main-thin { float: left; width: 600px; } #page-body.two-columns.left-thin .mega-list.vertical-horizontal .sub-item-container .sub-item.main-thin-thin, #page-body.two-columns.right-thin .mega-list.vertical-horizontal .sub-item-container .sub-item.main-thin-thin { float: left; width: 460px; } #page-body.two-columns.left-thin .mega-list.vertical-horizontal .sub-item-container .sub-item.main-thin-med, #page-body.two-columns.right-thin .mega-list.vertical-horizontal .sub-item-container .sub-item.main-thin-med { float: left; width: 380px; } #page-body.two-columns.left-thin .mega-list.vertical-horizontal .sub-item-container .sub-item.main-med, #page-body.two-columns.right-thin .mega-list.vertical-horizontal .sub-item-container .sub-item.main-med { float: left; width: 520px; } #page-body.two-columns.left-thin .mega-list.vertical-horizontal .sub-item-container .sub-item.side-med, #page-body.two-columns.right-thin .mega-list.vertical-horizontal .sub-item-container .sub-item.side-med { float: left; width: 200px; } /*700 col*/ #page-body.two-columns.left-med .mega-list.vertical-horizontal.two-columns .sub-item-container .sub-item, #page-body.two-columns.right-med .mega-list.vertical-horizontal.two-columns .sub-item-container .sub-item { float: left; width: 320px; } #page-body.two-columns.left-med .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item, #page-body.two-columns.right-med .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item, #page-body.two-columns.left-med .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item.one-third, #page-body.two-columns.right-med .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item.one-third { float: left; width: 206px; } #page-body.two-columns.left-med .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item.two-third, #page-body.two-columns.right-med .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item.two-third { float: left; width: 434px; } #page-body.two-columns.left-med .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item, #page-body.two-columns.right-med .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item, #page-body.two-columns.left-med .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item.one-fourth, #page-body.two-columns.right-med .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item.one-fourth { float: left; width: 150px; } #page-body.two-columns.left-med .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item.three-fourth, #page-body.two-columns.right-med .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item.three-fourth { float: left; width: 490px; } #page-body.two-columns.left-med .mega-list.vertical-horizontal .sub-item-container .sub-item.side-thin, #page-body.two-columns.right-med .mega-list.vertical-horizontal .sub-item-container .sub-item.side-thin { float: left; width: 120px; } #page-body.two-columns.left-med .mega-list.vertical-horizontal .sub-item-container .sub-item.main-thin, #page-body.two-columns.right-med .mega-list.vertical-horizontal .sub-item-container .sub-item.main-thin { float: left; width: 520px; } #page-body.two-columns.left-med .mega-list.vertical-horizontal .sub-item-container .sub-item.main-thin-thin, #page-body.two-columns.right-med .mega-list.vertical-horizontal .sub-item-container .sub-item.main-thin-thin { float: left; width: 380px; } #page-body.two-columns.left-med .mega-list.vertical-horizontal .sub-item-container .sub-item.main-thin-med, #page-body.two-columns.right-med .mega-list.vertical-horizontal .sub-item-container .sub-item.main-thin-med { float: left; width: 300px; } #page-body.two-columns.left-med .mega-list.vertical-horizontal .sub-item-container .sub-item.main-med, #page-body.two-columns.right-med .mega-list.vertical-horizontal .sub-item-container .sub-item.main-med { float: left; width: 440px; } #page-body.two-columns.left-med .mega-list.vertical-horizontal .sub-item-container .sub-item.side-med, #page-body.two-columns.right-med .mega-list.vertical-horizontal .sub-item-container .sub-item.side-med { float: left; width: 200px; } /*620 col*/ #page-body.two-columns.left-wide .mega-list.vertical-horizontal.two-columns .sub-item-container .sub-item, #page-body.two-columns.right-wide .mega-list.vertical-horizontal.two-columns .sub-item-container .sub-item { float: left; width: 280px; } #page-body.two-columns.left-wide .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item, #page-body.two-columns.right-wide .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item, #page-body.two-columns.right-wide .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item.one-third { float: left; width: 180px; } #page-body.two-columns.right-wide .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item.two-third { float: left; width: 380px; } #page-body.two-columns.right-wide .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item, #page-body.two-columns.right-wide .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item, #page-body.two-columns.left-wide .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item.one-fourth, #page-body.two-columns.right-wide .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item.one-fourth { float: left; width: 130px; } #page-body.two-columns.left-wide .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item.three-fourth, #page-body.two-columns.right-wide .mega-list.vertical-horizontal.four-columns .sub-item-container .sub-item.three-fourth { float: left; width: 430px; } /*540px col*/ #page-body.three-columns.left-thin_right-med .mega-list.vertical-horizontal.two-columns .sub-item-container .sub-item { float: left; width: 240px; } #page-body.three-columns.left-thin_right-med .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item, #page-body.three-columns.left-thin_right-med .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item.one-third { float: left; width: 153px; } #page-body.three-columns.left-thin_right-med .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item.two-third { float: left; width: 327px; } /*460px col*/ #page-body.three-columns.left-med_right-med .mega-list.vertical-horizontal.two-columns .sub-item-container .sub-item { float: left; width: 200px; } #page-body.three-columns.left-med_right-med .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item, #page-body.three-columns.left-med_right-med .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item.one-third { float: left; width: 126px; } #page-body.three-columns.left-med_right-med .mega-list.vertical-horizontal.three-columns .sub-item-container .sub-item.two-third { float: left; width: 274px; } /*----------------------------------- Awards -----------------------------------*/ #award-selection { float: left; width: 600px; } #award-selection li { position: relative; float: left; clear: none; width: 135px; margin-right: 12px; margin-bottom: 8px; } #award-selection li label { display: block; width: 135px; height: 135px; margin: 0; border: 2px solid #fff; background: 0 0 no-repeat #fff; text-indent: -9999px; cursor: pointer; } #award-selection li label:hover { border-color: #d1d1d1; } #award-selection li label.selected { border-color: #386cb5; } #award-selection li input[type="radio"] { position: absolute; top: 0; left: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } #award-selection li.beer label { background-image: url(../images/award_beer_lrg.png); } #award-selection li.cookie label { background-image: url(../images/award_cookie_lrg.png); } #award-selection li.gift label { background-image: url(../images/award_gift_lrg.png); } #award-selection li.medal label { background-image: url(../images/award_medal_lrg.png); } #award-selection li.ribbon label { background-image: url(../images/award_ribbon_lrg.png); } #award-selection li.star label { background-image: url(../images/award_star_lrg.png); } #award-selection li.trophy-gold label { background-image: url(../images/award_trophy-gold_lrg.png); } #award-selection li.trophy-silver label { background-image: url(../images/award_trophy-silver_lrg.png); } .user-award { position: relative; top: 0; overflow: hidden; } .user-award.tiny { width: 30px; height: 30px; border: 1px solid #bfbfbf; } .user-award.lrg { width: 100px; height: 100px; border: 1px solid #bfbfbf; } /*----------------------------------- Step Process List -----------------------------------*/ ul#step-process-list { position: relative; float: left; width: 100%; padding: 0px; clear: both; overflow: hidden;} ul#step-process-list li { float: left; width: auto; margin: 0; border-bottom: 1px dotted #b8b8b8; padding: 0; background: none; } ul#step-process-list li.hd { width: 162px; border-bottom: 1px solid #cacaca; padding: 0 0 13px 7px; font-family: 'MuseoSlab500', Arial, Helvetica, sans-serif; font-size: 1.5em; color: #32658a; line-height: 110%; text-transform: uppercase; } ul#step-process-list li.last { border-bottom: none; } ul#step-process-list li a:link, #step-process-list li a:visited { display: block; float: left; width: 160px; padding: 14px 0 13px 9px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; } ul#step-process-list li a:hover { background: #e4e4e4; } ul#step-process-list li a.on { font-weight: bold; color: #6d0000; } ul#step-process-list li.step { padding: 0 0 0 20px; background: url(../images/accept_gray.png) 0px 13px no-repeat; line-height: 130%; } ul#step-process-list li.step.complete { padding: 0 0 0 20px; background-image: url(../images/icons/16x16/icon_accept_16.png); } ul#step-process-list li.step span {display: block; float: left; width: auto; padding: 13px 0 13px 9px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #b0b0b0; } ul#step-process-list li.step.this span { color: #002c48; } ul#step-process-list li.step.complete span { color: #4a8b00; } ul#step-process-list #file-uploader label.uploader-holder.gray {} #file-uploader label.uploader-holder.gray { width: 200px; height: 29px; margin: 0; background: url(../images/bg_uploader-holder_gray.gif) 0 0 no-repeat; display: block; overflow: hidden; cursor: pointer; } /*----------------------------------- Widgets -----------------------------------*/ .widget-management-block { float: left; width: 100%; margin-top: 14px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cccccc; } .widget-management-block.error { border: 1px solid #DF7F7F; } .widget-management-block:first-child { margin-top: 0; } .widget-management-block .widget-hd { float: left; width: 100%; height: 48px; background: url(../images/bg_widget-management-block.png) 0 0 repeat-x; } .widget-management-block .widget-hd.open { height: 58px; background: url(../images/bg_widget-management-block_open.png) 0 0 repeat-x; } .widget-management-block .widget-bd { display: none; float: left; width: 870px; padding: 0px 14px 14px 14px; height: auto; } .widget-management-block .widget-bd.open { display: block; } .widget-management-block .widget-open-close-control { display: inline-block; position: absolute; top: 17px; left: 16px; width: 16px; height: 16px; background: url(../images/bg_icon-expand-collapse.png) 0 0 no-repeat; text-indent: -9999px; cursor: pointer; } .widget-management-block .widget-open-close-control:hover { background-position: 0 -16px; } .widget-management-block .widget-open-close-control.open { top: 22px; background-position: 0 -32px; } .widget-management-block .widget-title { position: relative; top: 17px; left: 0; float: left; margin-left: 44px; margin-right: 24px; font-size: 15px; font-weight: normal; color: #666; } .widget-management-block .widget-title.open { top: 23px; font-weight: bold; } .widget-management-block .widget-buttons { display: none; position: relative; top: 18px; float: left; } .widget-management-block .widget-attributes { display: block; position: absolute; top: 19px; right: 52px; } .widget-management-block .widget-attributes li { float: left; margin-left: 10px; font-size: 12px; } .widget-management-block .widget-options { display: none; position: absolute; top: 18px; right: 14px; } .widget-management-block .widget-block-handle { display: inline-block; position: absolute; top: 16px; right: 16px; width: 18px; height: 18px; background: url(../images/bg_widget-management-block_grabber.png) 0 0 no-repeat; cursor: move; } .widget-management-block .widget-table-handle { display: inline-block; top: 0px; left: 0px; width: 14px; height: 18px; background: url(../images/bg_widget-table-handle.png) 0 0 no-repeat; cursor: move; } .widget-block-placeholder-highlight { float: left; width: 100%; height: 34px; margin: 4px 0; border: 2px dashed #fed475; background: #fff2d5; } .widget-table-placeholder-highlight { width: 100%; height: 34px; border: 2px dashed #fed475; background: #fff2d5; } /*----------------------------------- Overlay Modals -----------------------------------*/ .overlay-standard, .overlay-dialog { display: none; z-index: 100000; overflow: hidden; background: /*url(../images/bg_modal-bd.gif) 0 100% repeat-x */#fff; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .overlay-standard .modal-hd, .overlay-dialog .modal-hd { z-index: 10000; float: left; width: 100%; height: 54px; background: url(../images/bg_modal-hd_default.jpg) 50% 100% repeat-x #fff; border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; } .overlay-standard .modal-hd h2, .overlay-dialog .modal-hd h2 { margin: 20px 0 0 20px; font-family: 'MuseoSlab500', Arial, Helvetica, sans-serif; font-size: 18px; color: #fff; line-height: 100%; } .overlay-standard .modal-bd, .overlay-dialog .modal-bd { z-index: 10001; overflow: hidden; clear: left; padding: 20px; } .overlay-standard .modal-bd.overflow, .overlay-dialog .modal-bd.overflow { overflow: visible; } .overlay-standard .modal-bd h3, .overlay-dialog .modal-bd h3 { margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #333; line-height: 135%; } .overlay-standard .modal-bd h3.divider, .overlay-dialog .modal-bd h3.divider { margin-bottom: 15px; } .overlay-standard .modal-bd p, .overlay-dialog .modal-bd p { /*margin: 0 0 15px 0; font-size: 12px;*/ color: #333; line-height: 145%; } .overlay-standard .modal-bd p.footnote, .overlay-dialog .modal-bd p.footnote { clear: left; margin: 0; color: #7f7f7f; } .overlay-standard .modal-bd p.alert-footnote, .overlay-dialog .modal-bd p.alert-note { clear: left; margin: 0; color: #7f7f7f; padding-left: 48px; background: url(../images/warning.png) 0 2px no-repeat; } .overlay-standard .modal-ft, .overlay-dialog .modal-ft { z-index: 10001; overflow: hidden; clear: left; border-top: 1px solid #e1e1e1; padding: 10px 20px; background-color: #F5F5F5; } .overlay-standard .close { z-index: 100001; position:absolute; top:9px; right:11px; width:39px; height:39px; background-image:url(../images/bg_modal-close.png); cursor:pointer; } .overlay-dialog .close { } .overlay-standard button.close { display: inline-block; position: relative; top: 0; left: 0; right: auto; width: auto; min-width: 36px; height: 33px; margin-right: 10px; border: 1px solid #a1a1a1; padding: 0 16px 2px; background: url(../images/bg_btn-save-standard.png) 0 0 repeat-x #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; line-height: 100%; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; } .overlay-standard button.close:hover { border: 1px solid #666; color: #fff; } a.btn-cancel.close, .btn-cancel.close { position: relative; top: auto; right: auto; width: auto; height: 21px; border-color: #CCCCCC #CCCCCC #BBBBBB; background: url('../images/bg_standard-button.png') repeat-x 0 100% #FFFFFF;background-color: #FFF;background-image: -moz-linear-gradient(center top , #FFFFFF 0%, #E6E6E6 100%); color: #000; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); } a.btn-cancel.close:hover, .btn-cancel.close:hover { border: 1px solid #b3b3b3; color: #4f4f4f; text-decoration: none; cursor: pointer; } /*-- Modal Breadcrumbs --*/ .overlay-standard .modal-breadcrumb, .overlay-dialog .modal-breadcrumb { z-index: 10000; float: left; width: 100%; height: 45px; background: #f2f2f2; overflow: hidden; } .overlay-standard .modal-breadcrumb li, .overlay-dialog .modal-breadcrumb li { float: left; height: 27px; padding: 19px 0 0; font-size: 12px; } .overlay-standard .modal-breadcrumb li:first-child, .overlay-dialog .modal-breadcrumb li:first-child { margin-left: 25px; } .overlay-standard .modal-breadcrumb li.step, .overlay-dialog .modal-breadcrumb li.step { margin-left: 14px; margin-right: 14px; } .overlay-standard .modal-breadcrumb li.current, .overlay-dialog .modal-breadcrumb li.current { height: 27px; margin-top: 4px; padding: 15px 12px 0; background: #fff; } .overlay-standard .modal-breadcrumb li a, .overlay-dialog .modal-breadcrumb li a { color: #000; } /*-- Modal Breadcrumbs --*/ .modal-subcard { z-index: 10000; float: left; width: 100%; height: 52px; background: #4d4d4d; overflow: hidden; -webkit-box-shadow: 0 8px 10px -8px black inset; -moz-box-shadow: 0 8px 10px -8px black inset; box-shadow: 0 8px 10px -8px black inset; } .modal-subcard .status-message { float: left; margin: 17px 0 0 20px; font-size: 14px; } .modal-subcard .status-message .message-category { color: #fff; font-weight: bold; } .modal-subcard .status-message .update-message { color: #d7eb9c; } .modal-subcard .subcard-options-container { float: right; } .modal-subcard .subcard-options-container li { float: left; } .modal-subcard .subcard-options-container li p { font-size: 11px; color: #d2d2d2; } .modal-subcard .subcard-options-container li p a.cancel { color: #d2d2d2; } .modal-subcard .subcard-options-container li p a.cancel:hover { color: #f5bace; } /*-- Modal Sizing: Depricated --*/ .overlay-standard.lrg, .overlay-dialog.lrg { width: 820px; /*min-height: 350px;*/ } .overlay-standard.med, .overlay-dialog.xmed { margin-top: 50px; width: 600px; min-height: 180px; } .overlay-standard.med, .overlay-dialog.med { margin-top: 50px; width: 430px; min-height: 180px; } .overlay-standard.sml, .overlay-dialog.sml { margin-top: 100px; width: 280px; min-height: 80px; } /*-- Modal Sizing: Width by Column Number --*/ .overlay-standard.col-11, .overlay-dialog.col-11 { width: 900px; } .overlay-standard.col-11.scroll, .overlay-dialog.col-11.scroll { width: 920px; } .overlay-standard.col-10, .overlay-dialog.col-10 { width: 820px; } .overlay-standard.col-9, .overlay-dialog.col-9 { width: 740px; } .overlay-standard.col-8, .overlay-dialog.col-8 { width: 660px; } .overlay-standard.col-7, .overlay-dialog.col-7 { width: 580px; } .overlay-standard.col-6, .overlay-dialog.col-6 { width: 500px; } .overlay-standard.col-5, .overlay-dialog.col-5 { width: 420px; } .overlay-standard.col-4, .overlay-dialog.col-4 { width: 340px; } /*-- Modal Sizing: Height --*/ .overlay-standard.h-200, .overlay-dialog.h-200, .overlay-standard.h-200-footer, .overlay-dialog.h-200-footer { height: 200px; } .overlay-standard.h-250, .overlay-dialog.h-250, .overlay-standard.h-250-footer, .overlay-dialog.h-250-footer { height: 250px; } .overlay-standard.h-300, .overlay-dialog.h-300, .overlay-standard.h-300-footer, .overlay-dialog.h-300-footer { height: 300px; } .overlay-standard.h-350, .overlay-dialog.h-350, .overlay-standard.h-350-footer, .overlay-dialog.h-350-footer { height: 350px; } .overlay-standard.h-400, .overlay-dialog.h-400, .overlay-standard.h-400-footer, .overlay-dialog.h-400-footer { height: 400px; } .overlay-standard.h-450, .overlay-dialog.h-450, .overlay-standard.h-450-footer, .overlay-dialog.h-450-footer { height: 450px; } .overlay-standard.h-500, .overlay-dialog.h-500, .overlay-standard.h-500-footer, .overlay-dialog.h-500-footer { height: 500px; } .overlay-standard.h-525, .overlay-dialog.h-525, .overlay-standard.h-525-footer, .overlay-dialog.h-525-footer { height: 525px; } .overlay-standard.h-550, .overlay-dialog.h-550, .overlay-standard.h-550-footer, .overlay-dialog.h-550-footer { height: 550px; } .overlay-standard.h-620, .overlay-dialog.h-620, .overlay-standard.h-620-footer, .overlay-dialog.h-620-footer { height: 620px; } /*-- Modal Sizing: Scrolling Modal Widths --*/ .overlay-standard.col-10.scroll, .overlay-dialog.col-10.scroll { width: 838px; } .overlay-standard.col-9.scroll, .overlay-dialog.col-9.scroll { width: 758px; } .overlay-standard.col-8.scroll, .overlay-dialog.col-8.scroll { width: 678px; } .overlay-standard.col-7.scroll, .overlay-dialog.col-7.scroll { width: 598px; } .overlay-standard.col-6.scroll, .overlay-dialog.col-6.scroll { width: 518px; } .overlay-standard.col-5.scroll, .overlay-dialog.col-5.scroll { width: 438px; } .overlay-standard.col-4.scroll, .overlay-dialog.col-4.scroll { width: 358px; } /*-- Modal Sizing: Scrolling Box Sizing --*/ /*.scroll-container { clear: left; overflow: auto; }*/ .overlay-standard.scroll .modal-bd, .overlay-dialog.scroll .modal-bd { clear: left; overflow: auto; } .overlay-standard.h-200 .modal-bd, .overlay-dialog.h-200 .modal-bd { height: 106px; } .overlay-standard.h-200-footer .modal-bd, .overlay-dialog.h-200-footer .modal-bd { height: 52px; } .overlay-standard.h-250 .modal-bd, .overlay-dialog.h-250 .modal-bd { height: 156px; } .overlay-standard.h-250-footer .modal-bd, .overlay-dialog.h-250-footer .modal-bd { height: 102px; } .overlay-standard.h-300 .modal-bd, .overlay-dialog.h-300 .modal-bd { height: 206px; } .overlay-standard.h-300-footer .modal-bd, .overlay-dialog.h-300-footer .modal-bd { height: 152px; } .overlay-standard.h-350 .modal-bd, .overlay-dialog.h-350 .modal-bd { height: 256px; } .overlay-standard.h-350-footer .modal-bd, .overlay-dialog.h-350-footer .modal-bd { height: 202px; } .overlay-standard.h-400 .modal-bd, .overlay-dialog.h-400 .modal-bd { height: 306px; } .overlay-standard.h-400-footer .modal-bd, .overlay-dialog.h-400-footer .modal-bd { height: 252px; } .overlay-standard.h-450 .modal-bd, .overlay-dialog.h-450 .modal-bd { height: 356px; } .overlay-standard.h-450-footer .modal-bd, .overlay-dialog.h-450-footer .modal-bd { height: 302px; } .overlay-standard.h-500 .modal-bd, .overlay-dialog.h-500 .modal-bd { height: 406px; } .overlay-standard.h-500-footer .modal-bd, .overlay-dialog.h-500-footer .modal-bd { height: 352px; } .overlay-standard.h-525 .modal-bd, .overlay-dialog.h-525 .modal-bd { height: 431px; } .overlay-standard.h-525-footer .modal-bd, .overlay-dialog.h-525-footer .modal-bd { height: 377px; } .overlay-standard.h-550 .modal-bd, .overlay-dialog.h-550 .modal-bd { height: 456px; } .overlay-standard.h-550-footer .modal-bd, .overlay-dialog.h-550-footer .modal-bd { height: 402px; } .overlay-standard.h-575 .modal-bd, .overlay-dialog.h-575 .modal-bd { height: 519px; } .overlay-standard.h-575-footer .modal-bd, .overlay-dialog.h-575-footer .modal-bd { height: 427px; } .overlay-standard.h-600 .modal-bd, .overlay-dialog.h-600 .modal-bd { height: 544px; } .overlay-standard.h-600-footer .modal-bd, .overlay-dialog.h-600-footer .modal-bd { height: 452px; } .overlay-standard.h-620 .modal-bd, .overlay-dialog.h-620 .modal-bd { height: 564px; } .overlay-standard.h-620-footer .modal-bd, .overlay-dialog.h-620-footer .modal-bd { height: 472px; } /*.overlay-standard.h-200 .scroll-container, .overlay-dialog.h-200 .scroll-container { height: 140px; } .overlay-standard.h-250 .scroll-container, .overlay-dialog.h-250 .scroll-container { height: 190px; } .overlay-standard.h-300 .scroll-container, .overlay-dialog.h-300 .scroll-container { height: 240px; } .overlay-standard.h-350 .scroll-container, .overlay-standard.h-350-footer .scroll-container, .overlay-dialog.h-350 .scroll-container, .overlay-dialog.h-350-footer .scroll-container { height: 290px; } .overlay-standard.h-400 .scroll-container, .overlay-dialog.h-400 .scroll-container { height: 340px; } .overlay-standard.h-450 .scroll-container, .overlay-dialog.h-450 .scroll-container, .overlay-standard.h-450-footer .scroll-container, .overlay-dialog.h-450-footer .scroll-container { height: 390px; } .overlay-standard.h-500 .scroll-container, .overlay-dialog.h-500 .scroll-container { height: 440px; } .overlay-standard.h-525 .scroll-container, .overlay-dialog.h-525 .scroll-container { height: 465px; } .overlay-standard.h-550 .scroll-container, .overlay-dialog.h-550 .scroll-container { height: 490px; } .overlay-standard.h-575 .scroll-container, .overlay-dialog.h-575 .scroll-container { height: 515px; } .overlay-standard.h-620 .scroll-container, .overlay-dialog.h-620 .scroll-container { height: 560px; }*/ /*-- Modal Sizing: Column Definitions --*/ .overlay-standard .col_10, .overlay-dialog .col_10, .overlay-standard .col_9, .overlay-dialog .col_9, .overlay-standard .col_8, .overlay-dialog .col_8, .overlay-standard .col_7, .overlay-dialog .col_7, .overlay-standard .col_6, .overlay-dialog .col_6, .overlay-standard .col_5, .overlay-dialog .col_5, .overlay-standard .col_4, .overlay-dialog .col_4, .overlay-standard .col_3, .overlay-dialog .col_3, .overlay-standard .col_2, .overlay-dialog .col_2, .overlay-standard .one_half, .overlay-dialog .one_half { float: left; } .overlay-standard .col_10, .overlay-dialog .col_10 { width: 780px; margin-left: 10px; margin-right: 10px; } .overlay-standard .col_9, .overlay-dialog .col_9 { width: 700px; margin-left: 10px; margin-right: 10px; } .overlay-standard .col_8, .overlay-dialog .col_8 { width: 620px; margin-left: 10px; margin-right: 10px; } .overlay-standard .col_7, .overlay-dialog .col_7 { width: 540px; margin-left: 10px; margin-right: 10px; } .overlay-standard .col_6, .overlay-dialog .col_6 { width: 457px; margin-left: 10px; margin-right: 10px; } .overlay-standard .col_5, .overlay-dialog .col_5 { width: 377px; margin-left: 10px; margin-right: 10px; } .overlay-standard .col_4, .overlay-dialog .col_4 { width: 300px; margin-left: 10px; margin-right: 10px; } .overlay-standard .col_3, .overlay-dialog .col_3 { width: 220px; margin-left: 10px; margin-right: 10px; } .overlay-standard .col_2, .overlay-dialog .col_2 { width: 140px; margin-left: 10px; margin-right: 10px; } .overlay-standard .alpha, .overlay-dialog .alpha { margin-left: 0px; } .overlay-standard .omega, .overlay-dialog .omega { margin-right: 0px; } .overlay-standard.col-11 .one_half, .overlay-dialog.col-11 .one_half { width: 430px; margin-left: 10px; margin-right: 10px; } .overlay-standard.col-11 .one_half.alpha, .overlay-dialog.col-11 .one_half.alpha { margin-left: 0; } .overlay-standard.col-11 .one_half.omega, .overlay-dialog.col-11 .one_half.omega { margin-right: 0; } .overlay-standard .col_3.left-divider, .overlay-dialog .col_3.left-divider, .overlay-standard .col_2.left-divider, .overlay-dialog .col_2.left-divider { border-left: 1px solid #d1d1d1; padding-left: 15px; } .overlay-standard .graph-container, .overlay-dialog .graph-container { float: left; width: 260px; margin-bottom: 20px; border: 1px solid #d1d1d1; padding: 19px; } .overlay-standard .m-col_8, .overlay-dialog .m-col_8 { width: 580px; } .overlay-standard .m-col_8-scroll, .overlay-dialog .m-col_8-scroll { width: 560px; } /* Week View - Category Module Options Menu ------------------------------------------------------*/ .modal-error-message { z-index: 11000; position: absolute; bottom: -90px; left: 20px; width: 240px; height: 65px; padding: 15px 15px 10px 60px; background: url("../images/exclamation.png") no-repeat scroll 15px 13px #990000; -webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .modal-error-message p { margin-bottom: 5px; font-size: 12px; color: #fff; } .modal-error-message p.error-title { font-size: 15px; font-weight: bold; } /*===========================================================================*/ /* Floating Button Wrapper /*===========================================================================*/ .button-wrapper { position: relative; overflow: hidden; } .button-wrapper a { vertical-align: top; } .button-wrapper.left { float: left; } .button-wrapper.right { float: right; } /*===========================================================================*/ /* Decision Buttons /*===========================================================================*/ ul.decision-buttons { width: 100%;clear: both; } ul.decision-buttons.no-margin { margin-bottom: 0; } ul.decision-buttons.wide-lrg { margin-left: 250px; } ul.decision-buttons.margin-top { margin-top: 20px; } ul.decision-buttons li { display: block; width: auto; float: left; clear: none; margin-top: 0px; border: none !important; padding-bottom: 0; } .submit-buttons { float: left; margin: 20px 0 0 16px; } .edit-area .submit-buttons { float: none; margin: 0; } .submit-buttons.post-table {} p + .decision-buttons { margin-top: 22px; } /*===========================================================================*/ /* Calendar /*===========================================================================*/ #calendar-month-view { width: 940px; } #calendar-month-view table { width: 100%; margin: 0; border:0; border-collapse: collapse; padding: 0; } #calendar-month-view table tr { margin: 0; border:0; border-collapse: collapse; padding: 0; } #calendar-month-view table td { height: 60px; margin: 0; border: 1px solid #ccc; padding: 0px 0px 6px 0px; } #calendar-month-view table td .inner-wrapper { position: relative; width: 100%; height: 100%; } #calendar-month-view table td .day-hd { width: 100%; margin: 0 0 8px 0; padding: 0; background: #FFFF99; font-size: 11px; } #calendar-month-view table td .day-hd span { padding-left: 4px; } #calendar-month-view table td .schedule-module { width: 100%; margin: 4px 0 4px 0; padding: 10px; background: #d1d1d1; font-size: 11px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } /*===========================================================================*/ /* Tooltips /*===========================================================================*/ .tooltip { display: none; padding: 8px 10px; background: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#fff; } .tooltip-email { display: none; border: 1px solid #333; padding: 16px 18px; background: #4d4d4d; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#fff; box-shadow: 0 0 14px 0px #7f7f7f; -webkit-box-shadow: 0 0 14px 0px #7f7f7f; -moz-box-shadow: 0 0 14px 0px #7f7f7f; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .tooltip-grade-overview { display: none; padding: 16px 18px 16px 55px; background: url(../images/bg_tooltip_tooltip-grade-overview.gif) 16px 10px no-repeat #4d4d4d; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#fff; box-shadow: 0 0 14px 0px #7f7f7f; -webkit-box-shadow: 0 0 14px 0px #7f7f7f; -moz-box-shadow: 0 0 14px 0px #7f7f7f; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .tooltip-txt { display: none; z-index: 999999999; min-width: 140px; height: auto; border: 1px solid #999; padding: 10px 20px; background: #333; box-shadow: 0 0 14px 0px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 14px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 14px 0px rgba(0,0,0,0.6); } .tooltip-txt p { width: 100%; margin-bottom: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; text-align: center; } /* Standard Tooltip ------------------------------------------------------*/ .tooltip-standardbox { display: none; z-index: 999999999; width: 298px; border: 1px solid #999; padding: 3px; background: #FFF; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .tooltip-standardbox .pointer { position: absolute; top: 100%; left: 45%; width: 15px; height: 11px; margin-top: -1px; background: url(../images/bg_pointer_tooltip-subgraderesult.png) 0 0 no-repeat; } .tooltip-standardbox .pointer.top-left { top: 100%; left: auto; right: 15px; width: 15px; height: 11px; background: url(../images/bg_pointer_tooltip-bottom-side.png) 0 0 no-repeat; } .tooltip-standardbox .pointer.top-middle { top: 100%; left: 45%; width: 15px; height: 11px; background: url(../images/bg_pointer_tooltip-bottom-side.png) 0 0 no-repeat; } .tooltip-standardbox .pointer.top-right { top: 100%; left: 15px; width: 15px; height: 11px; background: url(../images/bg_pointer_tooltip-bottom-side.png) 0 0 no-repeat; } .tooltip-standardbox .pointer.left-top { top: 10px; left: auto; right: -10px; width: 9px; height: 15px; background: url(../images/bg_pointer_tooltip-right-side.png) 0 0 no-repeat; } .tooltip-standardbox .pointer.left-middle { top: 47%; left: auto; right: -9px; width: 9px; height: 15px; background: url(../images/bg_pointer_tooltip-right-side.png) 0 0 no-repeat; } .tooltip-standardbox .pointer.right-top { top: 10px; left: -9px; width: 9px; height: 15px; background: url(../images/bg_pointer_tooltip-left-side.png) 0 0 no-repeat; } .tooltip-standardbox .pointer.right-middle { top: 47%; left: -9px; width: 9px; height: 15px; background: url(../images/bg_pointer_tooltip-left-side.png) 0 0 no-repeat; } .tooltip-standardbox .pointer.bottom-left { top: -9px; left: auto; right: 15px; width: 15px; height: 11px; margin-top: -1px; background: url(../images/bg_pointer_tooltip-top-side.png) 0 0 no-repeat; } .tooltip-standardbox .pointer.bottom-middle { top: -9px; left: 45%; width: 15px; height: 11px; margin-top: -1px; background: url(../images/bg_pointer_tooltip-top-side.png) 0 0 no-repeat; } .tooltip-standardbox .pointer.bottom-right { top: -9px; left: 15px; width: 15px; height: 11px; margin-top: -1px; background: url(../images/bg_pointer_tooltip-top-side.png) 0 0 no-repeat; } .tooltip-standardbox .tooltip-hd { overflow: hidden; width: 298px; height: 34px; background: #7f1d25; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .tooltip-standardbox .tooltip-hd .tooltip-title { margin: 11px 0 0 11px; font-family: 'MuseoSlab500', Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; line-height: 100%; } .tooltip-standardbox .tooltip-bd { float: left; width: 266px; padding: 10px 10px 5px; background: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .tooltip-standardbox .tooltip-bd p { margin-bottom: 10px !important; background: #fff; font-size: 12px; color: #2d2d2d; } .tooltip-standardbox .tooltip-bd dl { float: left; width: 100%; margin-bottom: 8px; border-bottom: 1px solid #d1d1d1; padding-bottom: 4px; } .tooltip-standardbox .tooltip-bd dt, .tooltip-standard-box .tooltip-bd dd { float: left; margin-right: 12px; margin-bottom: 8px; background: #fff; font-size: 12px; color: #2d2d2d; } .tooltip-standardbox .tooltip-bd dt { clear: left; width: 85px; } .tooltip-standardbox .tooltip-bd dd { float: left; } /* Plain Tooltip ------------------------------------------------------*/ .tooltip-plain { display: none; z-index: 999999999; width: 250px; border: 1px solid #ccc; background: #FFF; box-shadow: 0 0 5px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.15); padding: 10px 12px; } .tooltip-plain .pointer { position: absolute; top: 100%; left: 45%; width: 16px; height: 9px; margin-top: 0px; background: url(../images/bg_tooltip-calendar-details_pointer.png) 0 0 no-repeat; } .tooltip-plain .pointer.left-middle { top: 47%; left: -9px; width: 9px; height: 15px; background: url(../images/bg_tooltip-calendar-details_pointer_left.png) 0 0 no-repeat; } .tooltip-plain .pointer.right-middle { top: 47%; left: auto; right: -9px; width: 9px; height: 15px; background: url(../images/bg_tooltip-calendar-details_pointer_right.png) 0 0 no-repeat; } .tooltip-plain .tooltip-bd { float: left; width: 100%; background: #fff; } .tooltip-plain .tooltip-bd p { margin-bottom: 0px !important; background: #fff; font-size: 11px; color: #2d2d2d; text-align: left; text-transform: none; } /*===========================================================================*/ /* Date Picker Styles /*===========================================================================*/ table.jCalendar { border: 1px solid #ccc; background: #fff; border-collapse: separate; border-spacing: 2px; } table.jCalendar th { background: #468982; color: #fff; font-weight: bold; padding: 3px 5px; } table.jCalendar td { background: #fee9ba; color: #333; padding: 3px 5px; text-align: center; } table.jCalendar td.other-month { background: #ddd; color: #aaa; } table.jCalendar td.today { background: #fed475; color: #333;} table.jCalendar td.selected { background: #f66; color: #fff; } table.jCalendar td.selected.dp-hover { background: #f33; color: #fff; } table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td { background: #fff; color: #000; } table.jCalendar tr.selectedWeek td { background: #f66; color: #fff; } table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #e0e0e0; color: #a7a7a7; } table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover { background: #bbb; color: #888; } /* For the popup */ /* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */ div.dp-popup { z-index: 100000; position: relative; width: 172px; border: 1px solid #b3b3b3; background: #fff; padding: 0 11px 11px 11px; font-size: 10px; font-family: arial, sans-serif; line-height: 1.2em; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; box-shadow: 0 0 14px 0px #b0b0b0; -webkit-box-shadow: 0 0 14px 0px #b0b0b0; -moz-box-shadow: 0 0 14px 0px #b0b0b0; } div#dp-popup { position: absolute; z-index: 100000; } div.dp-popup h2 { width: 194px; height: 22px; margin: 0 0 11px -11px; padding: 8px 0 0 0; background: #386f6a; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; text-align: center; box-sizing: border-box; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; } a#dp-close { display: block; font-size: 11px; padding: 4px 0; text-align: center; } a#dp-close:hover { text-decoration: underline; } div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0; } div.dp-popup div.dp-nav-prev { position: absolute; top: 8px; left: 10px; width: 100px; } div.dp-popup div.dp-nav-prev a { float: left; } /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */ div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; } div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; } div.dp-popup div.dp-nav-next { position: absolute; top: 8px; right: 10px; width: 100px; } div.dp-popup div.dp-nav-next a { float: right; } div.dp-popup a.disabled { cursor: default; color: #aaa; } div.dp-popup td { cursor: pointer; } div.dp-popup td.disabled { cursor: default; } div.dp-popup div.dp-nav-prev a:first-child { margin-right: 4px; } div.dp-popup div.dp-nav-next a:first-child { margin-left: 4px; } div.dp-popup div.dp-nav-prev a.dp-nav-prev-year, div.dp-popup div.dp-nav-prev a.dp-nav-prev-month, div.dp-popup div.dp-nav-next a.dp-nav-next-year, div.dp-popup div.dp-nav-next a.dp-nav-next-month { display: inline-block; width: 13px; height: 13px; padding: 0; border: 0 !important; text-indent: -9999px; } div.dp-popup div.dp-nav-prev a.dp-nav-prev-year { background: url(../images/bg_dp-nav-prev-year.png) 0 0 no-repeat; } div.dp-popup div.dp-nav-prev a.dp-nav-prev-month { background: url(../images/bg_dp-nav-prev-month.png) 0 0 no-repeat; } div.dp-popup div.dp-nav-next a.dp-nav-next-year { background: url(../images/bg_dp-nav-next-year.png) 0 0 no-repeat; } div.dp-popup div.dp-nav-next a.dp-nav-next-month { background: url(../images/bg_dp-nav-next-month.png) 0 0 no-repeat; } /* Calendar Styles Overrides ------------------------------------------------------*/ input.date-pick, ul.options-form input.date-pick { padding: 6px 10px; padding-left: 28px !important; background: url(../images/calendar.png) 6px -78px no-repeat #fff; } input.date-pick.med, ul.options-form input.date-pick.med { width: 200px; } .date-pick:hover, ul.options-form .date-pick:hover { padding-left: 28px; background: url(../images/calendar.png) 6px 6px no-repeat #fff; } .date-pick:focus, ul.options-form .date-pick:focus { padding-left: 28px; background: url(../images/calendar.png) 6px 6px no-repeat #fff; } .dp-choose-date, ul.options-form .dp-choose-date { display: none; float: left; background: url(../images/calendar.png) 0 0 no-repeat; } input.date-pick.tall, ul.options-form input.date-pick.tall { background-position: 6px -74px; } input.date-pick.tall:hover, ul.options-form input.date-pick.tall:hover { background-position: 6px 10px; } input.date-pick.tall:focus, ul.options-form input.date-pick.tall:focus { background-position: 6px 10px; } /*===========================================================================*/ /* Loading Image /*===========================================================================*/ .loading { display: inline-block; width: 100%; height: 47px; background: url(../images/loading.gif) 50% 0 no-repeat; text-indent: -9999px; } /*===========================================================================*/ /* Sign-In Template /*===========================================================================*/ #application-title { width: 100%; padding-top: 15px; font-family: 'MuseoSlab500', Arial, Helvetica, sans-serif; font-size: 13px; color: #FFF; text-align: center; } /*#sign-in.coaching { background: url(../images/bg_sign-in-page_coaching.jpg) 50% -20px repeat-x #fff; } #sign-in.personal { background: url(../images/bg_sign-in-page_personal.jpg) 50% -20px repeat-x #fff; }*/ #sign-in.coaching, #sign-in.personal, #sign-in.expired { background-image: none; } #sign-in-hd { width: 100%; height: 41px; background: url(../images/bg_black_alpha20.png) 50% 0 repeat; } #signin-footer #footer-tagline { text-align: center; } #brand-container { width: 350px; margin: 0 auto; padding: 0; } #brand-info { float: left; width: 100%; } #brand-info #signin-edition-title { display: none; } /*#brand-info #signin-edition-title { height: 28px; padding: 12px 0 0; border: none; background: none; font-family: 'MuseoSlab500', Arial, Helvetica, sans-serif; font-size: 17px; color: #fff; text-align: center; } #sign-in.coaching.expired #signin-edition-title { padding: 25px 0 0; color: #336964; } #sign-in.personal.expired #signin-edition-title { padding: 25px 0 0; color: #002C48; }*/ #brand-info #signin-company-logo { float: left; width: 100%; height: 40px; font-size: 21px; text-align: center; overflow: hidden; } #sign-in.coaching #brand-info #signin-company-logo { height: auto; margin: 20px 0 15px; font-size: inherit; } #sign-in.coaching #brand-info #signin-company-logo.no-logo { margin: 50px 0 25px; font-family: 'MuseoSlab500', Arial, Helvetica, sans-serif; font-size: 26px; color: #336964; line-height: 120%; } /*#sign-in.personal #brand-info #signin-company-logo { height: auto; margin: 20px 0 35px; border: none; background: none; font-family: 'MuseoSlab500', Arial, Helvetica, sans-serif; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }*/ #sign-in.expired #brand-info #signin-company-logo { display: none; } #sign-in #brand-info h1 { width: 100%; margin: 35px 0 5px; border: 0 none; font-size: 26px; color: #333; text-align: center; } #sign-in.coaching.expired #brand-info h1, #sign-in.personal.expired #brand-info h1 { margin-top: 50px; } #brand-info #signin-desc-standard { float: left; width: 100%; margin-bottom: 20px; padding: 0; font-size: 12px; color: #333; line-height: 140%; text-align: center; } #sign-in #form-container { float: left; width: 300px; margin-bottom: 20px; border: 1px solid #d9d9d9; padding: 25px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1); } #sign-in-pane-container { float: left; width: 300px; height: 220px; overflow: hidden; } #pane-group { position: absolute; top: 0px; left: 0px; width: 800px; } #pane-sign-in, #pane-forgot-password { position: absolute; top: 0px; left: 0px; width: 300px; } #pane-forgot-password { left: 420px; } #sign-in #form-container p { margin-bottom: 0; } #sign-in #form-container .form-row { float: left; clear: left; width: 100%; margin-top: 20px; padding: 0; } #sign-in #form-container .form-row:first-child { margin-top: 0; } #sign-in #form-container .form-row.password-options { margin-top: 10px; } #sign-in #form-container .form-row .forgot-option { float: right; margin-top: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } #sign-in #form-container label { float: left; margin: 0; padding: 0 0 4px 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #999; line-height: 100%; } #sign-in #form-container label.sub-label { padding: 0 0 7px 0; font-size: 15px; } #sign-in #form-container label.sml { padding: 0 0 7px 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } #sign-in #form-container label.error { padding: 7px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; } #sign-in #form-container input[type="text"], #sign-in #form-container input[type="password"] { width: 300px; border: 1px solid #c9c9c9; padding: 10px; } #sign-in #form-container input[type="text"]:focus, #sign-in #form-container input[type="password"]:focus { border-color: #8ec9c4; background: #fff; } /*#sign-in #form-container button, #sign-in #form-container input[type='button'], #sign-in #form-container input[type='submit'] { display: block; height: 40px; border: 1px solid #3e7c11; padding: 0 40px; background: url(../images/bg_sign-in-page-button.gif) 0 0 repeat-x #4b8417; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-transform: uppercase; } #sign-in #form-container button:hover, #sign-in #form-container input[type='button']:hover, #sign-in #form-container input[type='submit']:hover { border-color: #244308; }*/ #sign-in #form-container input[type='checkbox'] { margin-left: 0; } #sign-in #form-container input[type='checkbox']:hover, #sign-in #form-container input[type='checkbox']:focus { margin: 0; padding: 0; } #sign-in #option-show-password, #sign-in #option-forgot-password { display: block; float: left; } #sign-in #option-forgot-password { float: right; } #sign-in #option-forgot-password label, #sign-in #option-show-password label { color: #666; } #sign-in #option-remember-my-login { position: absolute; top: 10px; left: 92px; } #sign-in #option-remember-my-login label { color: #666; } #sign-in #company-info { width: 620px; margin: 70px auto 0; } #sign-in #company-logo { display: block; position: absolute; top: -2px; left: 0px; width: 62px; height: 47px; background: url(../images/bg_logo-411fit_sign-in-page.png) 0 0 no-repeat; text-indent: -9999px; } #sign-in #program-description { padding-left: 82px; } #sign-in .error-message { display: none; margin: 0 0 20px 0; border: 1px solid #990000; padding: 15px 15px 14px; background: #f32837; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #fff; line-height: 130%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #sign-in #forgot-password-status.error { color: #990000; } input.error-field, select.error-field, textarea.error-field { border: 1px solid #DF7F7F !important; background: none repeat scroll 0 0 #FCF2F2; } /*===========================================================================*/ /* Social Icons /*===========================================================================*/ #social-icons { float: left; width: auto; margin: 0; padding: 0; } #social-icons.icons-hd { margin-top: 18px; } #social-icons.icons-ft { } #social-icons li { list-style: none; float: left; margin: 0px; margin-left: 10px !important; padding: 0px; background: none; } #social-icons li:first-child { margin-left: 0px !important; } #social-icons li a { display: block; width: 24px; height: 24px; background: url(../images/icons/icons_social-media.png) no-repeat; text-indent: -9999px; } #social-icons li a.fb { background-position: 0 0 ; } #social-icons li a.tw { background-position: -24px 0; } #social-icons li.desc span { display: block; margin: 6px 0 0 4px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; line-height: 100%; } /*===========================================================================*/ /* Groups /*===========================================================================*/ .group-icon { display: inline-block; position: relative; width: 60px; height: 60px; border: 1px solid #d1d1d1; cursor: pointer; box-shadow: 0 0 10px 1px rgba(0,0,0,.15); -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.15); -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.15); } .text-full { height: 20px; overflow: hidden; } .excerpt-toggle {font-size:11px;} /*===========================================================================*/ /* Images & Framing Alignment /*===========================================================================*/ .frame { padding: 12px; } .frame.align-left { float: left; margin: 5px 26px 5px 0; } .frame.align-right { float: right; margin: 5px 0 5px 26px; } /*===========================================================================*/ /* Dropdowns /*===========================================================================*/ /* Core Functions ------------------------------------------------------*/ .dropdown-container {} .dropdown-trigger { display: block; } .dropdown-contents { display: none; position: absolute; top: 35px; left: 0; width: 220px; border: 1px solid #C4C4C4; border-radius: 3px 3px 3px 3px; background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); } /* Type 1: Standard Hover and Roll Type 2: Click for Menus or Forms Type 3: Settings Menu Sizing ------------------------------------------------------*/ /* Standard Dropdown Base Styles ------------------------------------------------------*/ .standard-dropdown { position: relative; float: left; height: 32px; border: 1px solid #ccc; background: url(../images/bg_dropdown_type-1.png) 100% -64px repeat-x; font-size: 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .standard-dropdown:hover { border-color: #97c5eb; cursor: pointer; } .standard-dropdown.active { background-position: 100% -96px; background-color: #ededed; } .standard-dropdown.active:hover { border: 1px solid #ccc; } .standard-dropdown li .current-selection, .standard-dropdown li .dropdown-label { display: block; float: left; padding: 11px 26px 8px 15px; } .standard-dropdown.dropdown-type-1 li, .standard-dropdown.dropdown-type-2 li { float: left; } .standard-dropdown.dropdown-type-1 li li { padding: 0; } .standard-dropdown .dropdown-level-2 { z-index: 90000; display: none; position: absolute; top: 34px; left: -1px; width: auto; border: 1px solid #ccc; padding: 0; background-color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .standard-dropdown .dropdown-level-2.visible { display: block; } /* Menus for Dropdown ------------------------------------------------------*/ .standard-dropdown li:hover > ul.level-2 { visibility: visible; } .standard-dropdown ul.level-2 { visibility: hidden; z-index: 9999; position: relative; top: 3px; left: -1px; float: left; clear: left; width: auto; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .standard-dropdown ul.level-2 li { position: relative; float: left; clear: left; width: auto; height: auto; margin: 0; border: none; border-top: 1px solid #e5e5e5; padding: 5px 0; background: #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .standard-dropdown li:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .standard-dropdown ul.level-2 li:first-child { border-top: none; } .standard-dropdown li.arrow { background: url(images/bg_day-options_arrow-level-2.png) 108px 17px no-repeat #fff; } .standard-dropdown li a { display: block; float: left; width: 102px; margin: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 8px 14px 8px 40px; background-position: 12px 7px; background-repeat: no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; text-decoration: none; } .standard-dropdown li a.add { background-image: url(../images/icon_add_16.png); } .standard-dropdown li a.save { background-image: url(../images/icon_save_16.png); } .standard-dropdown li a.copy { background-image: url(../images/icon_copy_16.png); } .standard-dropdown li a.move { background-image: url(../images/icons/16x16/move.png); } .standard-dropdown li a.clear-all { background-image: url(../images/icons/16x16/clear.png); } .standard-dropdown li:hover > a { border-top: 1px solid #98cbee; border-bottom: 1px solid #98cbee; background-color: #d8ebf8; color: #444444; } .standard-dropdown li:hover > a.add { background-image: url(../images/icon_add_16.png); background-position: 12px 7px; } .standard-dropdown li:hover > a.save { background-image: url(../images/icon_save_16.png); background-position: 12px 7px; } .standard-dropdown li:hover > a.copy { background-image: url(../images/icon_copy_16.png); background-position: 12px 7px; } .standard-dropdown li:hover > ul.level-3 { visibility: visible; } .standard-dropdown ul.level-3 { visibility: hidden; z-index: 9999; position: absolute; top: -1px; left: 100%; width: auto; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .standard-dropdown ul.level-3 li { padding: 2px 0; } .standard-dropdown ul.level-3 li a { display: block; float: left; margin: 0; padding: 8px 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; } .standard-dropdown ul.level-3 li:hover > a { background-color: #fff; } .standard-dropdown ul.level-3 li.group a { margin: 0; } .standard-dropdown ul.level-3 li a:hover { background-color: #d8ebf8; color: #444444; } .standard-dropdown ul.level-3 li a.day { background-image: url(../images/icon_notebook_16.png); } .standard-dropdown ul.level-3 li a.meal { background-image: url(../images/icon_meal_16.png); } .standard-dropdown ul.level-3 li a.workout { background-image: url(../images/icon_workout_16.png); } /* Type 2 Overrides ------------------------------------------------------*/ .standard-dropdown.dropdown-type-2 .dropdown-level-2 { padding: 10px 15px; } .standard-dropdown.dropdown-type-2.tree-menus .dropdown-level-2 { border: none; padding: 0; } .standard-dropdown.dropdown-type-2 ul.level-2 { visibility: visible; } .standard-dropdown.dropdown-type-2.tree-menus ul.level-2 { top:0; left: 0; } /* Standard Dropdown: Settings Menu ------------------------------------------------------*/ .standard-dropdown.settings { width: 56px; background: url(../images/bg_dropdown_type-1.png) 50% -128px no-repeat; } .standard-dropdown.settings.active { background-position: 50% -160px; background-color: #ededed; } .standard-dropdown.settings.active:hover { border: 1px solid #ccc; } .standard-dropdown.settings .dropdown-level-2 { padding: 0; } .standard-dropdown.settings li .dropdown-label { display: block; float: left; width: 56px; height: 32px; text-indent: -9999px; } /*#week-options.standard-dropdown .dropdown-level-2 { top: 34px; left: -101px; width: auto; } #week-options.standard-dropdown ul.level-3 { top: 2px; right: 100%; left: inherit; }*/ /*===========================================================================*/ /* Video Modules /*===========================================================================*/ .video-preview-module { float: left; margin-bottom: 0px; } .video-preview.col-2 { width: 140px; /*height: 80px;*/ } .video-preview.col-3 { width: 220px; /*height: 125px;*/ } .video-preview.col-4 { width: 300px; /*height: 170px;*/ } .video-preview-module h3, .video-preview-module h4 { clear: both; } .video-preview-module .date-updated { margin-top: -5px; margin-bottom: 10px; } .video-preview { position: relative; float: left; margin-bottom: 15px; background: #e1e1e1; } .video-preview .play-button { display: block; position: absolute; top: 0; left: 0; background: url(../images/bg_play-button.png) 50% 50% no-repeat; } .video-preview .play-button:hover { background-position: 50% - 100px; } .video-preview.col-2 .play-button { width: 140px; height: 80px; } .video-preview.col-3 .play-button { width: 220px; height: 165px; } .video-preview.col-4 .play-button { width: 300px; height: 170px; } /*===========================================================================*/ /* Inline Icons /*===========================================================================*/ .inline-icon { display: inline-block; cursor: help; } .inline-icon.notes { width: 12px; height: 12px; background: url(../images/icons/sticky-note_12.png) 0 0 no-repeat; } .inline-icon.goal { width: 16px; height: 16px; background: url(../images/icons/16x16/columnchart.png) 0 0 no-repeat; } /*===========================================================================*/ /* Tutorial Icons /*===========================================================================*/ .tutorial-launcher { display: block; position: absolute; top: 2px; right: 10px; width: 24px; height: 24px; background: url(../images/icons/24x24/help.png) 0 0 no-repeat; text-indent: -9999px; cursor: pointer; } /*===========================================================================*/ /* Scrolling Boxes /*===========================================================================*/ /*-- Modal Sizing: Scrolling Box Sizing --*/ .scroll-container { clear: left; overflow: auto; } .scroll-container.h-100 { height: 100px !important; } .scroll-container.h-125 { height: 125px !important; } .scroll-container.h-150 { height: 150px !important; } .scroll-container.h-175 { height: 175px !important; } .scroll-container.h-200 { height: 200px !important; } .scroll-container.h-225 { height: 225px !important; } .scroll-container.h-250 { height: 250px !important; } .scroll-container.h-275 { height: 275px !important; } .scroll-container.h-300 { height: 300px !important; } .scroll-container.h-325 { height: 325px !important; } .scroll-container.h-350 { height: 350px !important; } .scroll-container.h-375 { height: 375px !important; } .scroll-container.h-400 { height: 400px !important; } .scroll-container.h-425 { height: 425px !important; } .scroll-container.h-450 { height: 450px !important; } .scroll-container.h-475 { height: 475px !important; } .scroll-container.h-500 { height: 500px !important; } .scroll-container.h-525 { height: 525px !important; } /*===========================================================================*/ /* Show/Hide Menu System /*===========================================================================*/ div[class*="selection-"], span[class*="selection-"], .standard-form div[class*="selection-"], .standard-form span[class*="selection-"], ul.stacked-form li[class*="selection-"], ul.stacked-form li[class*="selection-"] { display: none; }