html {
    overflow-y: scroll;
    background: #F9FAF0 url("../img/bg/back.gif") center top repeat;
}

body {
    border: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
    color: #000000;
    background: transparent;
    line-height: 1.2;
    /*overflow-x: hidden; */
}

img {
    border: 0px;
}

p {
    margin: 0px;
    padding: 0px 0px 1em 0px;
}

form {
    padding: 0px;
    margin: 0px;
}

input {
    font-size: 1.0em;
}
.inputIdleOn {
    color: #999999;
}

fieldset {
    border: 0px;
    display: inline;
    padding: 0;
}
fieldset.border {
    display: block;
    border: 1px solid #CCCCCC;
    padding: 5px;
    margin: 0px 0px 1em 0px;
}
legend {
    font-weight: bold;
    padding: 0px;
    margin: 0px 0px 0.3em 0px;
}


a { color: #005F82; }
a:hover, a:focus { color: #000099; }

.pageWidth {
    position: relative;
    width: 909px;
    margin: 0px auto;
    padding: 0px 30px;
}

/*================================================================*/
/* Header */

#header {
    position: relative;
    border-top: 8px solid #677700;
    background: #E7F0F7 url("../img/bg/header_fade.gif") bottom left repeat-x;
}

#header:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

#headerTabs {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-left: 1px solid #A1C4DC;
}

#headerTabs li {
    float: left;
    padding: 0px;
    margin: 0px;
    font-size: 0.8em;
    color: #404040;
    list-style: none;
    border-right: 1px solid #A1C4DC;
    min-height: 3.7em;
}

#headerTabs li a {
    display: block;
    color: #404040;
    padding: 1.0em 0.6em 0.2em 0.6em;
    min-height: 2.6em;
    text-decoration: none;
}

#headerTabs li a:hover, #headerTabs li a:focus {
    color: #404040;
    background-color: #F1EFE3;
}

#headerTabs li strong {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #005E84;
    font-size: 1.25em;
    text-transform: uppercase;
}

#headerTabs li.current {
    background: #FFFFFF;
}

#headerTabs .logo a {
    background: transparent url("../img/logos/udl_exchange.png") 0.6em 0.8em no-repeat;
    width: 296px;
    min-height: 2.6em;
}
#headerTabs .logo strong {
    display: none;
}

#headerRight {
    position: absolute;
    top: 1.3em;
    right: 30px;
    font-size: 0.7em;
    text-align: right;
}

#headerRight a {
    position: relative;
    text-transform: uppercase;
}

#headerRight .avatarImg {
    position: absolute;
    left: -30px;
    top: -0.35em;
}

#header .vr {
    display: inline-block;
    height: 1.75em;
    width: 2px;
    background: #90908B;
    vertical-align: middle;
    margin: 0px 0.2em;
}
#header .vr .char {
    font-size: 0;
}

/*================================================================*/
/* Footer */
#footer {
    position: relative;
    font-size: 0.7em;
    color: #555555;
}

#footer a { color: #555555; }

#footer .pageWidth {
    border-top: 1px dotted  #404040;
    padding: 1em 0px 1em 0px;
    width: 861px;
}

#footer img {
    vertical-align: middle;
    margin: 0px 8px 0px 0px;
}

#footer .delimeter {
    padding: 0px 3px;
}

/*================================================================*/
/* Main Content/Page */

#pageWrapper {
    position: relative;
    padding: 0px 0px 1em 0px;
    margin: 0px;
    font-size: 0.9em;
}

/*================================================================*/
/* Home Page */

.homeTop {
	background: #F4F2E8;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F4F2E8));
	background: -moz-linear-gradient(top, #FFFFFF, #F4F2E8);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF,endColorstr=#F4F2E8);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#F4F2E8);
	margin: 0px -25px;
	padding: 0px 25px 0px 25px;
}
.homeTop:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html .homeTop { height: 100%; }  /* IE7 */

.homeSections {
}
.homeSections:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html .homeSections { height: 100%; }  /* IE7 */

.homeSectionItem {
    float: right;
    width: 365px;
    padding: 0px;
    margin: 0px;
}

.homeSectionItem:first-child {
    float: left;
}

.homeSectionItem h2 {
    font-family: 'ArvoRegular', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    color: #005F82;
}

.homeSectionItem  p {
    font-size: 1.1em;
    color: #005F82;
}

.homeVideo img {
    border: 3px solid #8CA635;
}

.homeGettingStarted {
    background: #F4F2E8;
	padding: 10px;
    margin: 0px 0px 1em 0px;
    border: 2px solid #BBBBBB;
}

.homeMaterials {
    background: #F4F2E8;
    margin: 0px -25px;
	padding: 10px 25px 0px 25px;
	text-align: center;
}

.homeMaterials:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

*:first-child + html .homeMaterials { height: 100%; }  /* IE7 */

.homeMaterialsSplash {
    background: transparent url("../img/bg/home_materials.png") top left no-repeat;
    width: 555px;
    height: 185px;
    margin: 0px auto;
}

.loginMaterials {
	background: #F4F2E8;
    width: 360px;
	padding: 10px;
    margin: 0px 0px 1em 0px;
}

.homeMaterialsSplashSmall {
    background: transparent url("../img/bg/home_materials_small.png") top left no-repeat;
    width: 319px;
    height: 155px;
	margin: 0px auto;
}

.homeMaterials h2 {
/*     color: #6E913D; */
    border-top: 2px solid #BBBBBB;
    padding: 5px 0px 10px 0px;
    text-align: left;
}

.homeGettingStarted  h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    color: #666666;
    position: relative;
    display: block;
    padding: 0px;
}

.homeMaterials h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    color: #666666;
    position: relative;
    display: block;
    padding: 0px;
    margin: 0px 0px 0.3em 0px;
}

.homeMaterials p {
    color: #555555;
    min-height: 5em;
}

.homeMaterialResource {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    text-align: left;
}

.homeMaterialResource h3, .homeMaterialResource h4, .homeMaterialResource a {
    color: #025E83 !important;
}

.homeMaterialLesson h3, .homeMaterialLesson h4, .homeMaterialLesson a {
    color: #56672E !important;
}


.homeMaterialCollection h3, .homeMaterialCollection h4, .homeMaterialCollection a {
    color: #973C87 !important;
}

.homeGettingStarted .homeMaterialLesson {
    width: 150px;
    margin-left: 25px;
    margin-right:0;
}

.homeGettingStarted .homeMaterialResource {
    width: 150px;
    margin-left: 25px;
}

.homeGettingStarted .homeMaterialCollection {
    width: 180px;
}

.loginSidebar .homeMaterialLesson {
    width: 100px;
    margin-right:0;
    margin-left: 30px;
}

.loginSidebar .homeMaterialResource {
    width: 100px;
}

.loginSidebar .homeMaterialCollection {
    width: 120px;
}

.homeMaterialLesson {
    display: inline-block;
    vertical-align: top;
    width: 210px;
    margin: 0px 35px;
    text-align: left;
}

.homeMaterialCollection {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    text-align: left;
}
.homeFeatures h2 {
    color: #6E913D;
    border-top: 2px solid #BBBBBB;
    padding: 5px 0px 10px 0px;
}

.homeFeatures {
    background: #F4F2E8;
    margin: 0px -25px;
	padding: 10px 25px 0px 25px;
}
.homeFeatures:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html .homeFeatures { height: 100%; }  /* IE7 */

.homeFeatures h2 {
    color: #6E913D;
    border-top: 2px solid #BBBBBB;
    padding: 5px 0px 10px 0px;
}

.homeFeatureItem {
    position: relative;
    float: left;
    width: 145px;
    padding: 0px;
    margin: 0px 13px 1em 13px;
}

.homeFeatureItem .homeFeatureIcon {
    text-align: center;
    padding: 0px 0px 5px 0px;
}

.homeFeatureItem h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    color: #666666;
    border-top: 1px dotted #973C87;
    position: relative;
    display: block;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0.3em 0px;
}

.homeFeatureItem p {
    color: #555555;
}

.homeBigPadding {
    display: block;
    padding: 5px 0px;
}

.homeGettingStarted h2 {
    font-family: 'ArvoRegular', Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
    color: #6E913D !important;
    background: transparent !important;
    padding: 0px 0px 0.5em 0px !important;
    margin: 0px !important;
    text-indent: 2em;
}


.homeNotifications h2 {
    font-family: 'ArvoRegular', Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
    color: #6E913D !important;
    background: transparent !important;
    padding: 0px 0px 0.5em 0px !important;
    margin: 0px !important;
}

.homeNotifications .homeNotificationsNav {
    font-size; 0.9em;
}

.homeBookList {
    width: 595px;
}


#homeCols{
}
#homeCols:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html #homeCols { height: 100%; }  /* IE7 */

#homeLeft, #homeMid {
    float: left;
    width: 290px;
    margin: 0px 15px 1em 0px;
}
#homeRight {
    float: left;
    width: 247px;
    margin: 0xp 0px 1em 0px;
}
#homeLeftWide {
    float: left;
    width: 595px;
    margin: 0px 15px 1em 0px;
}

#homeLeft .homeBox, #homeMid .homeBox {
    background: #F1EFE3 url("../img/bg/corner_left.png") bottom left no-repeat;
    font-weight: bold;
    color: #505050;
    padding: 15px 15px 25px 15px;
    margin: 0px 0px 1em 0px;
}
#homeLeftWide .homeBox {
    background: #F1EFE3 url("../img/bg/corner_left.png") bottom left no-repeat;
    padding: 15px 15px 25px 15px;
    margin: 0px 0px 1em 0px;
}
#homeLeftWide a { color: #000000; }
#homeLeftWide a:hover, #homeLeftWide a:focus { color: #000099; }

#homeLeft h2, #homeMid h2 {
    background: #556601;
    font-weight: bold;
    font-size: 1.0em;
    color: #FFFFFF;
    padding: 5px 15px;
    margin: 0px -15px 1em -15px;
}
#homeLeft h2 strong, #homeMid h2 strong {
    font-family: 'ArvoRegular', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    text-transform: uppercase;
}
#homeLeft h2 a, #homeMid h2 a {
    color: #FFFFFF;
    text-decoration: none;
}
#homeLeft h2 a:hover, #homeLeft h2 a:focus, #homeMid h2 a:hover, #homeMid h2 a:focus {
    color: #FFFFFF;
    text-decoration: underline;
}
#homeLeft img, #homeMid img {
    margin: 0px 0px 1em 0px;
}
#homeLeft .blurb , #homeMid .blurb {
    color: #D58207;
}
#homeLeft p, #homeMid p, #homeRight p {
    padding: 0px 0px 0.5em 0px;
}

#homeRight .comBox {
    border: 1px solid #6A9CB5;
    padding: 15px 20px 10px 15px;
    margin: 0px 0px 1em 0px;
}
#homeRight .comBox img {
    display: block;
    margin: 0px auto 0.5em auto;
}
#homeRight .comBox .updated {
    color: #606060;
    font-size: 0.8em;
}

#homeRight .loginBox {
    background: #F1EFE3;
    padding: 15px 20px 10px 15px;
    margin: 0px 0px 1em 0px;
}

#homeRight h3 {
    background: #005F82;
    font-weight: bold;
    font-size: 1.3em;
    color: #FFFFFF;
    padding: 5px 10px;
    margin: 0px 0px 0.7em -15px;
}

#homeRight .loginBox  input[type="text"] {
    width: 200px;
}

#homeLeftWide h2 {
    display: inline-block;
    background: #556601;
    font-weight: bold;
    font-size: 1.4em;
    color: #FFFFFF;
    padding: 5px 15px;
    margin: 0px -15px 1em -15px;
}

/*================================================================*/
/* Home Splash */

#splash {
    position: relative;
    z-index: 1;
    font-size: 0.9em;
    padding: 0px;
    margin: 0px 0px 1.25em 0px;
    background: #D48105 url("../img/bg/corner_left.png") bottom left no-repeat;
}
#splash:after {
    content: ".";
    height: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child+html #splash { height: 100%; } /* IE7 */
* html #splash { height: 1%; }               /* IE6 */

#splashLeft {
    position: relative;
    float: left;
    width: 410px;
    margin-top: 1em;
    font-size: 1.1em;
    color: #FFFFFF;
}

#splashLeft h3 {
    font-family: 'ArvoRegular', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    color: #FFFFFF;
    padding: 0px 0px 0.3em 0px;
    margin: 0px;
}
#splashLeft a {
    color: #FFFFFF;
    text-decoration: underline;
}
#splashLeft a:hover, #splashLeft a:focus {
    color: #606060;
}

#splashLeft .splashIcon {
    position: absolute;
    top: 5px;
    left: 15px;
}

#splashRight {
    position: relative;
    float: right;
    width: 430px;
    height: 255px;
}
#splashRight div {
    display: none;
}

/*=============================================*/
/* Panel Slider */

.coda-slider-wrapper { padding: 0px; }
.coda-slider { background: transparent; padding: 10px 0px 0px; }

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 255px; overflow: auto !important; padding-right: 20px; }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 410px; }

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 237px; }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px; }

/* Arrow styling */
.coda-nav { float: left; }
.coda-nav-left { margin-left: 10px; }
.coda-nav-left, .coda-nav-right { float: left; }

/* Panel padding */
.coda-slider .panel-wrapper { position: relative; padding: 5px 10px 5px 70px; }

/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center; }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; float: left; padding: 0px 0.3em !important;}
.coda-nav ul li { display: inline; }

/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto; }
.coda-slider { float: left; overflow: hidden; position: relative; }
.coda-slider .panel { display: block; float: left; }
.coda-slider .panel-container { position: relative; }

/*================================================================*/
/* Breadcrumb */

#breadcrumb {
    font-family: Verdana, sans-serif;
    font-size: 0.8em;
    font-weight: bolder;
    color: #005F82;
    text-transform: uppercase;
}

#breadcrumb a {
    color: #005F82;
}
#breadcrumb a:hover, #breadcrumb a:focus {
    color: #799C28;
}

/*================================================================*/
/* Tab Bar */

.tabBar {
    list-style: none;
    padding: 0px 15px;
    margin: 0px -25px 1em -25px;
    border-bottom: 1px solid #404040;
}
.tabBar:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html .tabBar { height: 100%; }  /* IE7 */

.tabBar li {
    float: left;
    padding: 0px;
    margin: 0px 0px 0px 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.8em;
    text-align: center;
}

.tabBar li a, .tabBar li span.tab {
    position: relative;
    top: 1px;
    display: block;
    /* width: 190px; */
    min-width: 150px;
    padding: 0.7em 20px;
    color: #FFFFFF;
    background: #F78700;
    background: -webkit-gradient(linear, left top, left bottom, from(#F78700), to(#E06A14));
	background: -moz-linear-gradient(top, #F78700, #E06A14);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F78700,endColorstr=#E06A14);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F78700, endColorstr=#E06A14);
    border-bottom: 1px solid #404040;
    text-decoration: none;
}
.tabBar li a:hover, .tabBar li a:focus {
    text-decoration: underline;
}

.tabBar .current a, .tabBar .current span.tab {
    background: #FFFFFF;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #6E913D;
    border: 1px solid #404040;
    border-bottom: 0px;
}

/*================================================================*/
/* Page Content */

#pageContent {
    background: #FFFFFF;
    border: 1px solid #A1C4DC;
    border-top: 0;
    display: block;
    padding: 1em 25px 0px 25px;
}
#pageContent:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html #pageContent { height: 100%; }   /* IE7 */

/*================================================================*/
/* Page Nav Bar */

.pageNavBar {
    border-bottom: 1px dotted #404040;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 1em 0px;
}
.pageNavBar:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html .pageNavBar { height: 100%; }  /* IE7 */

.pageNavBottom {
    border-bottom: 0;
    border-top: 1px dotted #404040;
    padding: 5px 0px 0px 0px;
}

.pageNav {
    float: left;
    font-size: 0.9em;
}

.pageNav form {
    display: inline;
}

.pageNav form div {
	display: inline;
}

.pageNav input, .pageNav select {
    vertical-align: baseline;
    text-align: center;
}

.pageNav img {
    vertical-align: bottom;
}

.pageJumpTo {
    width: 1.75em;
    text-align: right;
}

.pageNavRight {
    float: right;
    text-align: right;
    font-size: 0.9em;
}

.pageNavRight form,
.pageNavRight form div {
    display: inline;
	padding: 0px;
}

.pageSortView {
    padding: 0px 0px 0px 1.0em;
    font-weight: bold;
}

/*================================================================*/
/* Tools Column */

#toolCol {
    position: fixed;
    z-index: 10;
    top: 0px;
	display: none; /* Initially hidden to avoid 'jump' during positioning */
	border: 1px solid #A1C4DC;
	background: #F0F4F6;
    padding: 4px 8px;
    text-align: center;
}

.toolGroup {
    border-top: 2px solid #666666;
    padding: 4px 0px 0px 0px;
    margin: 4px 0px;
}

.toolSupport a {
    display: inline-block;
    margin: 2px -2px;
}

/*================================================================ */
/* Skip Nav Link */
/* First, the positioning CSS for the skip link and the skip target. Changing any of this will most likely break the skip link in one browser or another, so if you change it then TEST IT */
#skiplinkholder p { padding: 0px; margin: 0px; }
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {display: block; width: 99%; position: absolute; top: 0; left: -200%; z-index: 2}
#skiplinkholder a:focus, #skiplinkholder a:active {left: 0; top: 0; z-index: 100}
#skiptargetholder {position: absolute; left: -200%}
/* You may find on certain page layouts that the skip link is appearing underneath other elements on the page in IE7 and below. If this is the case then try uncommenting the two statements below, and if that does not work then try increasing the z-index value above as well */
/*
*+html #skiplinkholder a:focus, *+html #skip a:active {position: relative}
* html #skiplinkholder a:active {position: relative}
*/
/* Now, the visual styling. Change this as desired */
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {font-size: 0.9em; color: #000000; background: #F8F8F8; text-decoration: none; border-bottom: solid #D4D4D4 2px; padding: 5px}
/* End of skip link styling */


/*================================================================ */
/* Content Forms */

.formRow {
    clear: both;
    margin: 0px 0px 0.5em 0px;
}

.error {
    color: #FF0000;
    font-weight: bold;
}

.warning {
	color: #D58207;
	font-weight: bold;
}

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

label, .label {
    font-weight: bold;
    margin: 0px 0px 0.1em 0px;
    text-transform: uppercase;
}

.labelnb {
    font-weight: normal;
}

.labelleft {
    float: left;
    width: 225px;
    margin: 0px 15px 0px 0px;
}

.selectShareLeft {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 0.5em 0px 0px;
}

.labelleft h3 {
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    color: #000000;
    font-weight: bold;
    padding: 0px;
    margin: 0px 0px 0.1em 0px;
    text-transform: uppercase;
}

body.showRequired .required {
	color: #C0312F;
}

.inputright {
    display: inline-block;
    max-width: 410px;
}

.reqMark {
    font-size: 0.9em;
    font-style: italic;
}

.note {
    font-size: 0.9em;
    font-style: italic;
}

.deletelink {
    font-size: 0.9em;
}

/*================================================================*/
/* Account/Profile Items */

.accountInfo {
    clear: both;
    width: 680px;
}
.accountInfo:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html .accountInfo { height: 100%; }  /* IE7 */

.accountInfo .accountImage {
    float: left;
    width: 115px;
    margin: 0px 15px 0px 0px;
    font-size: 0.9em;
}

.accountInfo .accountImage .profileImg {
    margin: 0px 0px 1em 0px;
}

.userInfo {
    display: inline-block;
    float: left;
    width: 550px;
}

.userInfo .button.cancel {
    float: right;
}

.userInfo .labelleft {
    width: 125px !important;
}

.userInfo input[type="text"] {
    width: 375px !important;
}
.userInfo input[type="text"].wide, .profileData textarea.wide {
    width: 545px;
}

/*================================================================*/
/* Book Details Items */

.bookDetails {
    border-top: 1px solid #404040;
    clear: both;
    width: 860px;
    padding: 1em 0px;
}
.bookDetails:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html .bookDetails { height: 100%; }  /* IE7 */

.bookImage {
    float: left;
    width: 115px;
    margin: 0px 15px 0px 0px;
    font-size: 0.9em;
}

.bookImage img {
    border: 1px solid #B8B8B8;
}

.bookStart {
    text-align: right;
}
.bookStart .button {
    text-transform: uppercase;
    font-size: 1.0em;
}

.bookDetailsInfo {
    display: inline-block;
    float: left;
    width: 730px;
}

.bookDetailsInfo .infoGroup {
    border-top: 1px dotted #404040;
    padding-top: 1em;
}

.bookDetailsInfo .button.cancel {
    float: right;
}

.bookDetailsInfo .labelleft {
    width: 175px;
}

.bookDetailsInfo .inputright {
    display: inline-block;
    width: 535px;
}

.bookDetailsInfo textarea.wide {
    width: 530px;
    height: 5em;
    margin: 0px 0px 0.3em 0px;
}

/*================================================================*/
/* Common Core List */

.coreList h2 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    color: #556601;
    padding: 0px;
    margin: 0px;
}

.coreList h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    color: #000000;
    padding: 0px;
    margin: 0px;
}

.coreList h4, .modalBody .coreList h4, .displayContent .coreList h4 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.1em;
    color: #000000;
    padding: 0px;
    margin: 0px;
}

.coreList label {
    color: #000000 !important;
    font-weight: normal;
}

.coreList h2 label, .coreList h3 label, .coreList h4 label {
    font-weight: bold;
}

.coreList {
    padding: 0px;
    margin: 0px 0px 1em 0px;
    list-style: none;
}
.coreList ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.coreList li {
    padding: 0.2em 0px 0.2px 0em;
    margin: 0px 0px 0px;
}
.coreList ul li {
    padding-left: 3em;
}

.coreList ul ul ul {
    margin-left: 18px;
    border-bottom: 1px solid #000000;
}
.coreList ul ul ul:last-child {
    border: 0px;
}
.coreList ul ul ul ul {
    border: 0
}

.coreList .nomatch {
    color: #666666;
}

.coreList .coreNum {
    font-weight: bold;
    color: #556601;
}

/*================================================================*/
/* Common Core List - Display Only */

.coreListDisplay h4, .modalBody .coreListDisplay h4 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.0em;
    color: #000000;
    padding: 0px;
    margin: 0px;
}

.coreListDisplay {
    padding: 0px !important;
    margin: 0px 0px 0.5em 0px !important;
    list-style: none;
}
.coreListDisplay ul {
    padding: 0px;
    margin: 0px;
    list-style: square;
}
.coreListDisplay li {
    padding: 0.2em 0px 0.2px 0em;
    margin: 0px 0px 0px 0px;
}
.coreListDisplay ul li {
    margin-left: 3em;
}

.coreListDisplay ul ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.coreListDisplay ul ul li {
    margin-left: 1em;
}

/*================================================================*/
/* UDL Icons */

#udlIcons a {
    display: none;
}


/*================================================================*/
/* Common */

textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
}

.contentArea {
    padding: 0px 25px;
}

h1 {
    font-family: 'ArvoRegular', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.8em;
    color: #6E913D;
    padding: 0px 0px 0.5em 0px;
    margin: 0px;
}

h2 {
    font-family: 'ArvoRegular', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    color: #005E84;
    padding: 0px 0px 0.3em 0px;
    margin: 0px;
}
h2 a { color: #005E84; }

h3 {
    font-family: 'ArvoRegular', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    color: #005E84;
    padding: 0px 0px 0.3em 0px;
    margin: 0px;
}

/*================================================================*/
/* Book Title/Goals */

.bookTitle {
}
.bookTitle:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html .bookTitle { height: 100%; }  /* IE7 */

.bookTitle h1 {
    display: inline-block;
    margin-right: 0.25em;
}

.bookGoals {
    color: #005F85 ;
    margin: 0px 0px 0px 2.5em;
}
.bookGoals:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html .bookGoals { height: 100%; }  /* IE7 */

.bookGoals .button.goal {
    float: left;
    margin-left: -2.75em;
}

/*================================================================*/
/* Reading View */

.readTop {
	background: #EEF3F5;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEF3F5));
	background: -moz-linear-gradient(top, #FFFFFF, #EEF3F5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF,endColorstr=#EEF3F5);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#EEF3F5);
	margin: 0px -25px 0px -25px;
	padding: 0px 25px;
}
*:first-child + html .readTop { margin: 0px -25px 1px -25px; }  /* IE7 */
@media \0screen { .readTop { margin: 0px -25px 1px -25px; } } /* IE8 */


.readTop:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html .readTop { height: 100%; }  /* IE7 */

.readTop .tabBar {
    margin-bottom: 0px;
}

.readContent {
    background: transparent url("../img/bg/read.gif") top right repeat-y;
    border-top: 1px solid #A7A7A7;
    border-bottom: 1px solid #A7A7A7;
    padding: 1em 60px 0px 150px;
    margin: 0px -25px;
}

.mentorPassage {
    position: relative;
}

.mentorFloat {
    position: absolute;
    top: 0px;
    right: -56px;
    padding-top: 23px;
    background: transparent url("../img/icons/relation_text.png") center top no-repeat;
}

.mentorFloat a {
    display: block;
    margin: 0px 0px 0.5em 0px;
}

.supportItems {
    position: absolute;
    top: 5px;
    right: 4px;
}

.supportItems a {
    display: block;
    margin: 0px 0px 0.5em 0px;
}

/*================================================================*/
/* Relation Grouping */

.relationGroup {
	clear:both;
}

.relationGroupOn {
    position: relative;
    top: -6px;
    border: 1px dotted #6EA9AC;
    padding: 5px;
    margin: 0px -6px 1em -6px;
}

/*================================================================*/
/* Rating */

.rateRow {
    margin: 0px 0px 1em 0px;
}

.rateRow:after {
    content: ".";
    height: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.rateSel {
    text-align: center;
    width: 102px;
    float: left;
    margin-right: 10px;
}

.rateSel label, .rateSel .label {
    font-weight: normal;
}
.rateSel input {
	vertical-align: baseline;
}

.rateComments {
    width: 450px;
    height: 4em;
    margin: 0px 0px 1em 0px;
}

/*================================================================*/
/* Input Row */

.inputRow {
    padding: 0px 0px 0.7em 0px;
}

.inputRow:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html .inputRow { height: 100%; }    /* IE7 */

.inputRow input {
    float: left;
}

.inputRow label {
    font-weight: normal;
    display: block;
    margin: 0px 0px 0px 2em;
}

/*================================================================*/
/* Support Results */

.supportResult {
    border-top: 1px dotted #404040;
    padding: 1.0em 0 0 0;
}

.supportResult:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html .supportResult { height: 100%; }   /* IE7 */

.supportResult .supportResultIcon {
    float: left;
}

.supportResult .supportResultData {
    display: block;
    /* margin: 0px 0px 0px 35px; */
}

.supportResult .supportResultData .grade {
    font-size: 1.1em;
    font-weight: bold;
}

/*================================================================*/
/* Step List */

.stepList {
    padding: 0px;
    margin: 0px 0px 1em 0px;
    list-style: none;
}
.stepList:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html .stepList { height: 100%; }  /* IE7 */

.stepList li {
    display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	outline: none;
	text-align: center;
	text-decoration: none;
	font: 1.0em/115% Arial, Helvetica, sans-serif;
	/* font-weight: bold; */
	/* padding: 0.2em 0.45em 0.2em 0.45em; */
	margin: 0px;
    color: #000000 !important;
	background: #C7C9CB;
	background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#C7C9CB));
	background: -moz-linear-gradient(top, #E9E9E9, #C7C9CB);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E9E9E9,endColorstr=#C7C9CB);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E9E9E9, endColorstr=#C7C9CB);
	float: left;
}

.stepList li.current {
    font-weight: bold;
    color: #FFFFFF !important;
	background: #6C8D3B;
	background: -webkit-gradient(linear, left top, left bottom, from(#9EB63A), to(#6C8D3B));
	background: -moz-linear-gradient(top, #9EB63A, #6C8D3B);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#9EB63A,endColorstr=#6C8D3B);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#9EB63A, endColorstr=#6C8D3B);
}

.stepList .leftTick {
    display: inline-block;
    background: transparent url("../img/bg/steptick_l.png") -1.0em center no-repeat;
}

.stepList .rightTick {
    display: inline-block;
    background: transparent url("../img/bg/steptick_r.png") right center no-repeat;
}

.stepList .stepText {
    display: inline-block;
    padding: 0.4em 1.45em 0.4em 1.75em;
}

.stepList img {
    vertical-align: bottom;
    border: 0;
    width: 1.15em !important;
    height: 1.15em !important;
}

.stepList li:first-child .leftTick {
    background-image: none;
}
.stepList li:first-child .stepText{
    padding-left: 0.75em;
}

/*================================================================*/
/* Alert/Notifications */

.alertItem {
    clear: both;
    position: relative;
    padding: 0px 0px 0.3em 45px;
    margin: 0px 0px 0.5em 0px;
    min-height: 28px;
    border-bottom: 1px solid #90908B;
}

#homeLeftWide .alertItem, #homeRight .alertItem {
    border-bottom: 0;
}

.alertItem .avatarImg, .alertItem .alertImg {
    position: absolute;
    left: 0px;
    top: 0px;
}

.alertItem p {
    padding: 0px 0px 0.3em 0px;
}

.alertItem .social {
    font-size: 0.9em;
    color: #005F82;
}
.alertItem .social img {
    vertical-align: text-top;
}

.alertItem .updated {
    font-size: 0.9em;
    color: #606060;
}

.alertMore {
    padding: 0px 0px 0px 45px;
}
.alertMore a { color: #005F82 !important; }
.alertMore a:hover, .alertMore a:focus { color: #000099 !important; }

.sortBar {
    margin: 0px 0px 1em 0px;
}

.sortType {
    vertical-align: middle;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.sortType:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html .sortType { height: 100%; }  /* IE7 */

.sortType li {
    display: inline-block;
    padding: 3px;
    margin: 0px 5px;
}

.sortType li.current {
    border: 1px solid #515E00;
}

.sortType a { color: #515E00 !important; }
.sortType a:hover, .sortType a:focus { color: #000099 !important; }

.sortType img {
    vertical-align: middle;
}

/*================================================================*/
/* Account Content (Login) */

.accountContent {
    position: relative;
    font-size: 0.9em;
    color: #424242;
    min-height: 460px;
}

.accountContent a { color: #565656; }
.accountContent a:hover, .accountContent a:focus { color: #000099; }

.accountContent h1 {
    font-family: 'ArvoRegular', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.7em;
    color: #364A77;
    padding: 0px;
    margin: 0px 0px 0.1em 0px;
}

.accountContent h2 {
    font-family: 'ArvoRegular', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    color: #FFFFFF;
    background: #DC6611;
    padding: 5px 10px;
    margin: 0px 0px 1.0em 0px;
}

.accountContent .vr {
    background: none repeat scroll 0 0 #565656;
    display: inline-block;
    height: 1.75em;
    margin: 0 0.2em;
    vertical-align: middle;
    width: 1px;
}

.accountContent .vr .char {
    font-size: 0;
}

.accountContent .formRow {
     margin: 0px 0px 1em 0px;
}

.accountContent label {
    text-transform: uppercase;
}

.accountContent input[type="text"], .accountContent input[type="password"] {
    text-align: left;
    vertical-align: middle;
    width: 450px;
    border: 1px solid #D6D6D6;
    padding: 3px;
}

/*================================================================*/
/* Misc */

.profileImg {
    border: 1px solid #B8B8B8;
}

.accountImage {
    margin: 50px;
    width: 115px;
    font-size: 0.9em;
}

.correct {
    color: #04A400;
}

.incorrect {
    color: #B32121;
}

select .incorrect {
    text-decoration: line-through;
}

.poem {
    padding: 0 0 1.0em 0;
}

.updated {
    color: #666666;
    font-size: 0.9em;
}

.instruction {
    color: #556601;
}

.mailto {
    background: transparent url("../img/icons/mail.png") center left no-repeat;
    font-size: 0.9em;
    color: #606060;
    padding-left: 18px;
}

.infoBtn {
    position: relative;
    display: inline;
}

.notAvailable {
    display: inline-block;
    font-weight: bold;
    color: #000000;
    background: #C8C8C8;
    padding: 3px 5px;
    margin: 0px 0px 0.25em 0px;
}

.linkPDF {
    background: transparent url("../img/icons/pdf.png") center left no-repeat;
    padding-left: 19px;
}

/*================================================================*/
/* UDL Support Bar */

.udlSupportBar {
    position: relative;
    background: #DDDDDD;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
	background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF,endColorstr=#DDDDDD);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#DDDDDD);
    color: #555555;
    padding: 10px 25px 10px 25px;
	margin: -1em -25px 1em;
}

.udlSupportBar h2 {
    display: inline-block;
    font-size: 1.5em;
    vertical-align: middle;
    color: #555555;
}

.udlSupportBar .close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent url("../img/icons/close.png") center left no-repeat;
    width: 13px;
    height: 13px;
    text-indent: -9999px;
}

.udlSupportBar ul {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.udlSupportBar li {
    display: inline-block;
    /* background: transparent url("../img/icons/udl_bullet.png") center left no-repeat; */
    padding: 0px 0px 0px 20px;
    margin: 0px;
}

.udlSupportBar .supportUDL {
}

.udlSupportBar li a {
    color: #555555;
    font-size: 1.1em;
    font-weight: bold;
    vertical-align: middle;
    display: block;
    min-height: 30px;
    padding-top: 15px;
}

.udlSupportBarLesson li a {
	color: #57662e;
}

.udlSupportBarResource li a {
	color: #045f84;
}

.udlSupportBarCollection li a {
	color: #993c88;
}

.udlSupportBar .suppUDL a { color: #d58529; background: transparent url("../img/icons/supp_l_udl.png") left center no-repeat; padding-left: 48px; }

.udlSupportBar li a:hover, .udlSupportBar li a:focus {
    color: #222222;
}

.udlSupportBarLesson .suppModel a { background: transparent url("../img/icons/supp_l_lesson.png") left center no-repeat; padding-left: 49px; }
.udlSupportBarLesson .suppVideo a { background: transparent url("../img/icons/supp_l_lesson_video.png") left center no-repeat; padding-left: 37px; }

.udlSupportBarResource .suppModel a { background: transparent url("../img/icons/supp_l_resource.png") left center no-repeat; padding-left: 49px; }
.udlSupportBarResource .suppVideo a { background: transparent url("../img/icons/supp_l_resource_video.png") left center no-repeat; padding-left: 37px; }

.udlSupportBarCollection .suppModel a { background: transparent url("../img/icons/supp_l_collection.png") left center no-repeat; padding-left: 49px; }
.udlSupportBarCollection .suppVideo a { background: transparent url("../img/icons/supp_l_collection_video.png") left center no-repeat; padding-left: 37px; }

.udlSupportModal .supportTitle { color: #d58529; }
.udlSupportModalLesson .supportTitle { color: #57662e; }
.udlSupportModalResource .supportTitle { color: #045f84; }
.udlSupportModalCollection .supportTitle { color: #993c88; }

/*================================================================*/
/* Check List */

.checkList {
    padding: 0px;
    margin: 0px 0px 0.7em 0px;
    list-style: none;
}
.checkList li {
    background: transparent url("../img/icons/check.png") left 0.2em no-repeat;
    list-style: none;
    padding: 0px 0px 0.3em 18px;
    margin: 0px 0px 0px 0.5em;
    font-style: italic;
    color: #404040;
}


/*================================================================*/
/* Tables */

table.dataTable {
	margin: 2em;
	border-collapse: collapse;
}

table.dataTable td, table.dataTable th {
	border: 1px solid black;
	padding: .2em .5em;
}

table.dataTable th {
    background: #E7F0F7 url("../img/bg/header_fade.gif") bottom left repeat-x;
}

table.dataTable td.numeric {
	text-align: right;
}

/*================================================================*/
/* Get Started/Features Page */

.featureDownload {
    position: absolute;
    left: 0px;
    bottom: 2.1em;
    width: 202px;
    font-size: 0.9em;
}

.featureIntro {
    position: relative;
    color: #555555;
    padding: 1em 0px 0px 225px;
}
.featureIntro h1 {
    position: absolute;
    top: 0.5em;
    left: 0px;
    width: 202px;
}

.featureMenu {
    border-top: 1px solid #404040;
    padding: 0.5em 0px 0px 0px;
    margin: 0px 0px 1.5em 0px;
    text-align: center;
    list-style: none;
}
.featureMenu li {
    list-style: none;
    display: inline;
    font-weight: bold;
    padding: 0px 0.5em;
    border-left: 2px solid #005F82;
}
.featureMenu li:first-child {
    border-left: none;
}

.featureContent {
    color: #555555;
    padding: 0px 50px;
}

.featureContent h2 {
    font-family: 'ArvoRegular', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.8em;
    color: #6E913D;
    padding: 1em 0px 0.5em 32px;
    margin: 0px -32px 0.3em -32px;
    background: transparent url("../img/bg/arrow_bullet.png") left 1.1em no-repeat;
    border-top: 1px dotted #404040;
}
.featureContent h2.first {
    background-position: left 0.1em;
    border-top: 0;
    padding-top: 0;
}

.featureStart1 {
    font-size: 16px;
    font-weight: bold;
    color: #6E913D;
    margin-left: 32px;
    padding-bottom: 0.75em;
}
.featureStart1 ol, .featureStart1 ul {
    font-size: 14.4px;
    font-weight: normal;
    color: #555555;
    margin-left: 20px;
}
.featureStart1 ol {
 list-style-type: lower-alpha;
}
.featureStart1 li {
    padding: 0.3em 0px 0px 0px;
}

.featureStart2 {
    position: relative;
}
.featureStart2 ol {
    position: relative;
    top: 0px;
    left: 280px;
    width: 300px;
}
.featureStart2 ol ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}
.featureStart2Img1 {
    position: relative;
    top: 5px;
}
.featureStart2Img2 {
    position: absolute;
    top: 0px;
    left: -305px;
}

.featureStart3 {
    position: relative;
}
/*
.featureStart3 ol {
    position: relative;
    top: 0px;
    left: 280px;
    width: 300px;
    padding-top: 40px;
}
.featureStart3 ol ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}
*/
.featureStart3 .button {
    vertical-align: middle !important;
}
.featureStart3Img1 {
    position: relative;
    top: 5px;
}
/*
.featureStart3Img2 {
    position: absolute;
    top: 0px;
    left: -305px;
}
.featureStart3_D {
    position: relative;
    left: -275px;
    width: 600px;
}
.featureStart3_D ul li {
    list-style: square;
    margin: 0px 0px 0px 1em;
}
*/
.featureStart3_D ul {
    padding-left: 20px;
    margin-left: 0px;
}

.featureMaterialsImg {
    display: block;
    margin-left: 70px;
}

.featureMaterials {
    margin: 0px -25px;
	padding: 10px 25px 0px 25px;
	text-align: center;
}

.featureMaterials:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html .featureMaterials { height: 100%; }  /* IE7 */

.featureMaterialsSplash {
    background: transparent url("../img/features/three_exchange_items.png") top left no-repeat;
    width: 555px;
    height: 185px;
    margin: 0px auto;
}

.featureMaterials strong {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    color: #666666;
    position: relative;
    display: block;
    padding: 0px;
    margin: 0px;
}

.featureMaterials p {
    color: #555555;
    min-height: 5em;
}

.featureMaterialResource {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    text-align: left;
}

.featureMaterialLesson {
    display: inline-block;
    vertical-align: top;
    width: 210px;
    margin: 0px 20px;
    text-align: left;
}

.featureMaterialCollection {
    display: inline-block;
    vertical-align: top;
    width: 210px;
    text-align: left;
}

.featureMaterialLinks {
	margin-bottom: 1em;
}

.featureMaterialResource strong, .featureMaterialResource a {
    color: #025E83 !important;
}

.featureMaterialLesson strong, .featureMaterialLesson a {
    color: #56672E !important;
}

.featureMaterialCollection strong, .featureMaterialCollection a {
    color: #973C87 !important;
}

.featureTools {
    padding-left: 0px;
    list-style: none;
}
.featureTools li {
    position: relative;
    border-left: 1px dotted #404040;
    padding-left: 10px;
    margin-left: 60px;
    margin-bottom: 1.0em;
}
.featureTools p {
    padding: 0px 0px 0.5em 0px;
}
.featureTools strong {
    font-size: 16px;
    font-weight: bold;
}
.featureToolsShare {
    padding-left: 20px;
    padding-bottom: 0.5em;
}
.featureToolsShare strong {
    font-size: 14.4px;
    font-weight: bold;
    color: #6E913D;
}
.featureToolsShare li {
    list-style-type: square;
    border-left: 0px;
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 0.3em;
}
.featureTools .button {
    position: absolute;
    top: 10px;
    left: -55px;
}
.featureTools .featureToolsFavImg1{
    position: absolute;
    top: 10px;
    left: -65px;
}

.featureHelp {
    list-style: none;
}
.featureHelp li {
    padding: 0px 0px 1.5em 0px;
}
.featureHelp strong {
    font-size: 16px;
    font-weight: bold;
}
.featureHelp p {
    padding: 0px 0px 0.5em 0px;
}

/*================================================================*/
/* Get Started/Features Page */

.impIntro {
    position: relative;
    color: #555555;
    padding: 1em 0px 0px 310px;
}
.impIntro h1 {
    position: absolute;
    top: 0.5em;
    left: 0px;
    width: 295px;
}

.impMenu {
    border-top: 1px solid #404040;
    padding: 0.5em 0px 0px 0px;
    margin: 0px auto 1em auto;
}

.impMenu ul {
    position: relative;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.impMenu ul.topMenu {
    background: transparent url("../img/bg/implement_menu.png") center top no-repeat;
    width: 827px;
    padding-top: 195px;
    margin: 0px auto;
}
.impMenu ul.topMenu:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html .impMenu ul.topMenu { height: 100%; }  /* IE7 */


.impMenu ul.topMenu > li {
    float: left;
    margin-right: 4px;
}

.impMenu ul ul {
    display: inline-block;
    vertical-align: top;
    margin: 0px 0px 0px 1.75em;
}
.impMenu ul ul li {
    list-style: disc;
    font-size: 0.9em;
}

.impMenu a {
    position: absolute;
    text-align: center;
    padding: 0px 5px 0px 5px;
    font-size: 0.9em;
    color: #000000;
    text-decoration: none;
}

.impMenu .impMenu1 { display: inline-block; width : 120px; min-width 120px; max-width: 120px; margin-left: 5px; }
.impMenu .impMenu2 { display: inline-block; width : 135px; min-width 135px; max-width: 135px; margin-left: 13px; }
.impMenu .impMenu3 { display: inline-block; width : 150px; min-width 150px; max-width: 150px; margin-left: 13px; }
.impMenu .impMenu4 { display: inline-block; width : 165px; min-width 165px; max-width: 165px; margin-left: 13px; }
.impMenu .impMenu5 { display: inline-block; width : 180px; min-width 180px; max-width: 180px; margin-left: 13px; }

.impMenu .impMenu1 a {
    top: 65px;
    width: 110px;
    height: 100px;
    padding-top: 20px;

}
.impMenu .impMenu2 a {
    top: 48px;
    width: 125px;
    height: 105px;
    padding-top: 30px;
}
.impMenu .impMenu3 a {
    top: 32px;
    width: 140px;
    height: 110px;
    padding-top: 40px;
}
.impMenu .impMenu4 a {
    top: 15px;
    width: 155px;
    height: 115px;
    padding-top: 50px;
}
.impMenu .impMenu5 a {
    top: 0px;
    width: 170px;
    height: 120px;
    padding-top: 60px;
}

.impContent {
    color: #555555;
}

.impMenu h2, .impContent h2 {
    font-family: 'ArvoRegular', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.8em;
    color: #6E913D;
    padding: 1em 0px 0.5em 32px;
    margin: 0px;
    background: transparent url("../img/bg/arrow_bullet.png") left 1.1em no-repeat;
    border-top: 1px dotted #404040;
}
.impContent h2.first {
    background-position: left 0.1em;
    border-top: 0;
    padding-top: 0;
}
.impMenu h2 {
    border-top: 0px;
    padding-bottom: 0px;
}

.impContent h3 {
    background: #677700;
    color: #FFFFFF;
    padding: 5px;
    margin: 0px 0px 0.5em 0px;
}

.impItem {
    margin: 0px 0px 1em 0px;
}
.impItem:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html .impItem { height: 100%; }  /* IE7 */

.impItemIntro {
    position: relative;
    min-height: 240px;
    padding: 0px 0px 0px 310px;
    margin-bottom: 1.0em;
}
.impItemIntro:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child + html .impItemIntro { height: 100%; }  /* IE7 */

.impItemCircle {
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url("../img/bg/implement_circle.png") left top no-repeat;
    width: 169px;
    height: 169px;
    padding: 50px 30px 0px 30px;
}

.impItemCircle ul {
    padding: 0px;
    margin: 0px 0px 1em 0px;
    list-style: disc;
}
.impItemCircle ul li {
    padding: 0px 0px 0.2em 0px;
    margin: 0px 0px 0px 1.2em;
}

.impItemActions {
    position: absolute;
    left: 0px;
    top: 220px;
    width: 219px;
    font-size: 0.9em;
    text-align: center;
}