/* basic styles */
* {padding: 0;margin: 0;border: none;border: 0px;}
body {color: #734035;font-family:Arial, Helvetica, sans-serif;font-size: small;background: #612f24 url(../images/BG_pattern.gif) repeat;}
p {margin-top: 3px;margin-bottom: 1.3em;line-height: 1.275em;}
div {margin: 0;padding: 0;}
ul, li {margin: 0;list-style: none;}
table, td, tr {border-collapse: collapse;}

a {cursor:pointer;text-decoration: none;color: #006799;}
a:hover {text-decoration: underline;color: #E09148;}

blockquote {font-family: Georgia, "Times New Roman", Times, serif;font-style:italic;color: #008BCF;font-size: 21px;line-height: 27px;margin-bottom: 27px;margin-top: 27px;}
blockquote i {font-family:Arial, Helvetica, sans-serif;font-size: 15px;font-style:italic;float: right;color: #BC804B;margin-right: 9px;margin-bottom: 9px;}

h1 {font-size: 1.66em;color: #4F1C00;line-height: 1.0625em;font-weight: bold;margin-bottom: 12px;margin-top: 0;}
h1 span { font-size: 0.9em;color: #bc804b; font-style: italic;}
h2 {font-size: 1.275em;color: #4F1C00;line-height: 1.0625em;font-weight: bold;margin-bottom: 6px;margin-top: 0;}

/**** useful classes ****/
.clear {clear: both;}
.hide {display: none;margin-top: -5000px;visibility:hidden;}

/* layout structure */
#background {background: url(../images/HeaderBG_hSync_SAbar.jpg) repeat-x top left;margin:0;z-index: 1;margin-bottom: 24px;}

#saBar {display:block;z-index: 2;margin: 0 auto;}
#saBarLeft {position: relative;background: url(../images/bg_saBarLeft.gif) top repeat-x; width: 50%;}
#saBarRight {position: relative;width: 50%;}

#wrap {width: 972px;position: relative;	background: #fff url(../images/fauxcolumn.gif) top right repeat-y;margin: 0 auto;clear: none;}
#header {position: relative;background: url(../images/HeaderBG_SAbar.jpg) top left no-repeat;height: 181px;padding-top: 0;width: 972px;margin: 0 auto;z-index: 3;}
#header h3 a img {font-size: 14px;font-weight: bold;color: #fff;display: block;width: 238px;float: right;text-align: center;height: 63px;}
#header h3 {font-size: 14px;font-weight: bold;color: #fff;display: block;width: 238px;float: right;text-align: center;}
#header .forPrint { display: none;}

.heroCTAread a {display: block;float: left;width: 150px;height: 23px;background: url(../images/hero_ReadStory.gif) top left no-repeat;}
.heroCTAread a:hover {background-position: bottom left;}

.headerhero {float: left;display: block;width: 460px;height: 124px;margin-top: 24px;}
.headerhero img {vertical-align: bottom;float: left;width: 216px;height: 124px;}
.headerquote {display: block;float: right;width: 238px;padding-top: 24px;color: #CCAE93;}
.headerquote p {font-family:Georgia, "Times New Roman", Times, serif;font-style: italic;font-size: 13px;line-height: 15px;vertical-align: middle;margin-bottom: 6px;padding-bottom: 0;}
.headerquote i {font-family: Arial, Helvetica, sans-serif;font-style: normal;font-size: 11px;line-height: 15px;color: #BC804B;}
.heroCTAwatch a {display: block;float: left;width: 150px;height: 23px;background: url(../images/hero_WatchVideos.gif) top left no-repeat;}
.heroCTAwatch a:hover {background-position: bottom left;}

#logo a {display: block;float: left;width: 272px;height: 60px;background: url(../images/GoInsulin_Logo.png) top left no-repeat;clear: both;margin-top: 60px;}
#logo a:hover {background: url(../images/GoInsulin_Logo.png) bottom left no-repeat;}

#innerwrap {margin: 0 6px 6px 6px;padding-top:6px;padding-bottom: 6px;background: #fff;}

.main {float: left;width: 728px;font-size: 1.0em;line-height: 1.5em;color: #613f37;background: #fff;}
.contentwrap {margin: 6px 0 0 0;padding: 6px;background: #F5E9DF;border: 1px solid #ECD0B5;}
.content {display: block;background: #fff url(../images/YellowGradient_TopHome.gif) top left repeat-x;border: 1px solid #ECD0B5; border-bottom: 1px solid #FFF; margin: 0;clear: both;}
.content ul li { margin: 0 0 0 24px; list-style-type: disc;}
.content ul{margin-bottom:1.0em;}
.content ol  li{ margin: 0 0 0 24px; list-style-type: decimal;}
.content ol{margin-bottom:1.0em;}
.contentheader {display: block;float: left;background: #2C0001 url(../images/DarkBrownBar_TopRight.gif) top right no-repeat;width: 100%;}

#utilities {float: left;display: block;padding: 6px 0 0 24px;background: #2C0001 url(../images/DarkBrownBar_TopLeft.gif) top left no-repeat;}
#utilTextResize {display: block;float: right;padding: 0 21px 0 0;background: url(../images/Utility_TextSize.gif) right center no-repeat;width: 77px;height: 24px; overflow: hidden; }
#utilTextResize a {display: block;float: left; margin: 0 2px 0 0;color: #BC804B;font-weight: normal;}
#utilTextResize a:hover {color: #fff;text-decoration: underline;}
.sm {font-size: 13px; line-height: 22px; margin-bottom: 2px;}
.md {font-size: 16px; line-height: 22px; margin-bottom: 2px;}
.lg {font-size: 20px; line-height: 19px; margin-bottom: 5px;}

#utilTextResize a.on { font-weight: bold; color: #fff;}
#utilPrint a {display: block;background: url(../images/Utility_Print.gif) top left no-repeat;width: 71px;height: 24px;}
#utilPrint a:hover {background-position: bottom;}

#utilShare a {display: block;background: url(../images/Utility_Share.gif) top right no-repeat;width: 71px;height: 24px; overflow: hidden; text-indent: -2000px;}
#utilShare a:hover {background-position: bottom right;}	
	
#utilSend a {display: block;background: url(../images/Utility_Send.gif) top left no-repeat;width: 71px;height: 24px;}
#utilSend a:hover {background-position: bottom;}
#utilRate { float: right; padding-right: 24px; padding-left: 75px; margin-top: 7px; background: url(../images/bg_ratePage.gif) no-repeat;}

/**** content columns ****/
.c1wide {float: left;width: 667px;padding: 24px;padding-right: 12px;}
.c1col {float: left;width: 320px;padding: 24px;padding-right: 12px; padding-bottom: 12px; overflow: hidden;}
.c2col {float: right;width: 320px;padding: 24px;padding-left: 0; padding-bottom: 12px; overflow: hidden;}

/**** quotes ****/
.innerquote {width: 256px;float: right;padding: 0 12px 0 21px;border-top: 6px solid #734035;border-bottom: 6px solid #734035;margin: 6px 0 12px 12px;}
/**** moa cta ****/
.moacta {width: 289px;float: right;margin: 6px 0 12px 12px; cursor: pointer;}
	.moacta a {color: #745047; display: block; height: 100%; text-decoration: none;}
	.moacta a:hover {color: #745047; text-decoration: none;}
	.moacta a:hover span.ctabtn {background-position: center -38px;}
	.moacta img {display: block;}
	.moacta span.ctabody {background: #f5ede6; border-right: 1px solid #f1dfcd; border-bottom: 1px solid #f1dfcd; border-left: 1px solid #f1dfcd; display: block; font-size: 1.0em; padding: 12px 15px;}
	.moacta span.ctabody strong {font-size: 1.17em; font-weight: bold;}
	.moacta span.ctabtn {background-image: url(../images/btn_moactaWatchVideo.gif); background-repeat: no-repeat; background-position: center 0; display: block; padding: 0;height: 38px; overflow: hidden; text-align: center; margin-top: 10px; width: 100%;}
	.moacta span.ctabtn img {display: inline;}
.moaFlashWrap {width: 211px; margin: 0 auto 6px;}

/**** feature modules for homepage ****/
.leftfeaturewrap {display: block;width: 355px;background: #fff;float: left;padding: 0;margin-bottom: 6px;}
.rightfeaturewrap {display: block;width: 355px;background: #fff;float: right;padding: 0;margin-bottom: 6px;}

.featureheader {display: block;float: left;background:  #e09148 url(../images/OrangeBoxTop_hSync.gif) top left repeat-x; height: 36px; width: 100%; overflow: hidden;}
.featureheader span {display: block;float: right;background:url(../images/OrangeBoxTop_Right.gif) top right no-repeat;width: 100%; height: 36px; overflow: hidden;}
.featureheader strong {font-family:Georgia, "Times New Roman", Times, serif;font-size: 12px;text-transform: uppercase;line-height: 1.0em;font-weight: bold;color: #2C0001;padding: 12px 6px 12px 27px;margin: 0;display: block;background: url(../images/OrangeBoxTop_Left.gif) top left no-repeat;float: left;}
.featurebottom {display: block;float: left;background:  #e09148 url(../images/OrangeBoxBottom_hSync.gif) repeat-x;width: 100%;height: 12px;overflow:hidden;}
.featurebottom .ftrbtm2 {width: 100%;height: 12px;background:url(../images/OrangeBoxBottom_Right.gif) right no-repeat;}
.featurebottom .ftrbtm2 span {background:  url(../images/OrangeBoxBottom_Left.gif) top left no-repeat;float: left; width: 20px; height: 12px;}

.featurestory {border: 1px solid #ECD0B5;margin:0;padding:0; width: 355px; overflow: hidden;}
.featurestory img {float: left;clear: none;margin: 12px;border: 6px solid #FFBD40;}
.featurestory ul {clear: both;width: 100%;}
.featurestory li a {display: block;padding: 3px 6px 3px 36px;background-color: #FFDAA6;color: #4F1C00;margin: 1px;width: 309px;}
.featurestory li a:hover {color: #4F1C00;text-decoration: none;background-color: #FCEFC2;}

.watchFeature, readFeature {float: right;width: 212px;margin-top: 12px;line-height: 1.275em;}
.watchFeature {display: block;padding-bottom: 6px;}
.watchFeature p {margin-bottom: 9px;}
.watchFeature a {display: block; float: left; background: url(../images/Play_White.gif) left center no-repeat;padding: 12px 0 12px 30px;vertical-align: middle;}
.watchFeature a:hover {background-position: -377px center;padding: 12px 0 12px 30px;vertical-align: middle;text-decoration: none;}

/**** inner features ****/

.ftrTable { margin: 6px 0 0; border-collapse: collapse;}
.ftrTable td { vertical-align: top; }
.ftrTable td.feature { width: 355px; }
.ftrTable td.featurestory {background-color: #FFF;}
.ftrTable td.spacer {width: 4px;}
.ftrTable .divide { border-top: 1px solid #ecd0b5; margin: 15px; padding: 1.0em 0; }
.ftrTable .divide a:hover {text-decoration: underline;color: #E09148;}

.vidLink { display: block; float: left; background: url(../images/icon_video.gif) no-repeat left center; padding-left: 25px;  line-height: 1.5em;}
.storyLink {display: block; float: left; background: url(../images/icon_story.gif) no-repeat left center; padding-left: 21px;  line-height: 1.5em;}

/**** inner stories ****/
.listNav { color: #2c0001; font-size: 1.0em; overflow: hidden; }
.listNav .disclaim { float: left; }
.listNav .disclaim p { margin: 0 0 0 12px; background: url(../images/bg_downArrowBrown.gif) no-repeat left center; padding-left: 21px; font-weight: bold; }
.listNav .pageToggle { float: right; }
.listNav .pageToggle p { margin: 0; font-weight: bold;}
.listNav .pageToggle table td { padding: 0 0.3em;}
.listNav .pageToggle .current { text-decoration: underline;}
a.prevPage, a.nxtPage { display: block; text-decoration: none; color:#2c0001; font-weight: bold; background-color: #f5e9df; border: 1px solid #eed6bf; padding: 0 0.3em; }
a.prevPage:hover, a.nxtPage:hover { background-color: #eed6bf; color:#2c0001; border: 1px solid #f5e9df; text-decoration: none;}

.storyList { width: 669px; margin: 0.5em 0;}
.storyList thead .tblBar { background:url(../images/bg_storyTblMid.jpg) repeat-x; height: 7px; overflow: hidden; border-bottom: 1px solid #FFF;}
.storyList thead .tblLeft { background:url(../images/bg_storyTblLeft.jpg) no-repeat; width: 5px; height: 7px; float: left;}
.storyList thead .tblRight { background:url(../images/bg_storyTblRight.jpg) no-repeat; width: 5px; height: 7px; float: right;}

.storyList a { display: block; background-color: #fcefc2; background-image: url(../images/bg_storyItem.jpg); background-repeat:  repeat-x; background-position: 0 -900px; height: 11.0em; border-top: 1px solid #ecd0b5; font-size: 1.0em; position: relative; overflow: hidden;}
.storyList a .desc { display: block; float: left; position: relative; width: 329px; height: 100%; background-color: #fcefc2; padding: 1.0em 26px 0 146px; text-decoration: none; color: #734035; font-weight: normal; font-size: 1.0em;}
.storyList a .desc img {border: 5px solid #ffbd40; position: absolute; z-index: 2; top: 1.0em; left: 1.0em;}
.storyList a .desc strong { display: block; color: #2c0001; font-weight: bold; font-size: 1.25em; }
.storyList a .cta { float: right; width: 126px; background-color: #fcefc2; background-image:url(../images/icon_paperTrans.gif); background-repeat: no-repeat; background-position: 21px center; padding-left: 42px; height: 100%; line-height: 11.0em; font-weight: bold; color: #006799;}
/*-- alternate colors --*/
.storyList a.alt, .storyList a.alt .desc, .storyList a.alt .cta {background-color: #fcf7e6;}

.storyList a:hover, .storyList a.on { text-decoration: none; background-color: #ffbd40; background-position: 0 bottom;}
.storyList a:hover .cta, .storyList a.on .cta { color: #FFF; background-color: transparent;}

.storyList tfoot .tblBar { background:url(../images/bg_storyTblBotMid.jpg) repeat-x; height: 8px; overflow: hidden;}
.storyList tfoot .tblLeft { background:url(../images/bg_storyTblBotLeft.jpg) no-repeat; width: 5px; height: 8px; float: left;}
.storyList tfoot .tblRight { background:url(../images/bg_storyTblBotRight.jpg) no-repeat; width: 5px; height: 8px; float: right;}
/*-- variations for video player pages --*/
#vidStyle a .desc strong, #vidStyle2 a .desc strong { display: block; color: #2c0001; font-weight: bold; font-size: 1.0em; }
#vidStyle a .cta, #vidStyle2 a .cta { background-image:url(../images/icon_tvTrans.gif);}

/**** fear tool ****/
.fearWrapOut {background-color: #ECD0B5; float: left; width: 100%;}
.fearWrapIn {background-color: #2C0001; margin: 1px; padding: 7px;}
.fearContentWrap { background-color: #FFF; height: 100%;}

.fearNav { float: left; width: 205px; overflow: hidden;}
.fearNav a { display: block; height: 45px; border-bottom: 1px solid #2C0001; overflow: hidden; background-position: 0 -45px; background-repeat: no-repeat; color: #FFF; font-size: 15px; text-indent: -2000px; overflow: hidden;}
.fearNav a:hover { background-position: 0 0;}
.fearNav a.on { background-position: 0 -90px;}

.fearNav a.failure {background-image: url(../images/Fears_Failure.gif)}
.fearNav a.pain {background-image: url(../images/Fears_Pain.gif)}
.fearNav a.danger {background-image: url(../images/Fears_Danger.gif)}
.fearNav a.addiction {background-image: url(../images/Fears_Addiction.gif)}
.fearNav a.change {background-image: url(../images/Fears_Change.gif)}

.fearItems {float: right; width: 446px; overflow: hidden;}
.fearItem { padding: 25px 25px 0;  height: 205px; }
.fearItem p { line-height: 18px; font-size: 12px; margin: 0;}
.fearItem p strong { display: block; font-weight: bold; font-size: 15px; color: #2C0001;}
/**** patient profiles ****/
.ppWrap { background-color: #FFF; }
.ppHead { margin-bottom: 24px; padding-bottom: 6px; background: url(../images/bg_ppHead.jpg) no-repeat bottom left; position: relative;}
.ppHead table {}
.ppHead table th { vertical-align: bottom;}
.ppHead table th img { margin-top: 21px; margin-left: 21px; }

.ppHead .blockquote p {font-family: Georgia, "Times New Roman", Times, serif;font-style:italic;color: #008BCF;font-size: 21px;line-height: 27px;margin: 35px 64px 40px 50px;}
.ppHead .blockquote em {font-family:Arial, Helvetica, sans-serif;font-size: 15px;font-style:italic; display: block;text-align: right;color: #BC804B;}

.ppBody {padding: 0 24px 24px;}
.ppBody h1 {}
.browseBtn { float: right;}
.cols {margin-top: 12px; }
.cols .lCol { float: left; width: 321px;}
.cols .rCol { float: right; width: 321px;}
.ppBody a.nxtPage {float: right;}

/**** lifestyle table ****/
.lifeStyle { border-collapse: collapse; width: 100%; margin: 1.0em 0; background: url(../images/bg_thead.jpg) repeat-x;}

.lifeStyle thead { font-family: Georgia; font-weight: bold; font-size: 12px; color: #2c0001;}
.lifeStyle thead span { background: url(../images/bg_theadSpan.jpg) no-repeat 0 center; display: block; padding-left: 16px; text-align: left; }
.lifeStyle thead td.end {background: url(../images/bg_theadTr.jpg) no-repeat right;}
.lifeStyle thead th, .lifeStyle thead td { height: 35px; vertical-align: middle; text-align: center; border-bottom: 1px solid #ecd0b5;}
.lifeStyle thead th {background: url(../images/bg_theadTh.jpg) no-repeat left; padding-left: 16px; width: 60%;}
.lifeStyle thead td { width: 20%;}

.lifeStyle tbody { }
.lifeStyle tbody tr.alt th, .lifeStyle tbody tr.alt td  { background-color: #ffecd1;}
.lifeStyle tbody th, .lifeStyle tbody td { padding: 0.6125em 0; background-color: #fef8f3; }
.lifeStyle tbody th { text-align: left; color: #734035; font-size: 100%; font-weight: bold; padding-left: 14px; border-left: 1px solid #ecd0b5;}
.lifeStyle tbody th span { display: block; background: url(../images/icon_lifeStyleArrow.gif) no-repeat 0 center; line-height: 100%; padding-left: 14px;}
.lifeStyle tbody td { text-align: center; border-left: 2px solid #fef8f3;}
.lifeStyle tbody td.end {border-right: 1px solid #ecd0b5;}

.lifeStyle tfoot td { background: url(../images/bg_tfoot.jpg) repeat-x; height: 12px; border-top: 1px solid #ecd0b5;}
.lifeStyle tfoot span.left { display: block; float: left; background: url(../images/bg_tfootLeft.jpg) no-repeat; width: 6px; height: 12px;}
.lifeStyle tfoot span.right { display: block; float: right; background: url(../images/bg_tfootRight.jpg) no-repeat; width: 6px; height: 12px;}


/**** myth and reality ****/
.myths th, .myths td { vertical-align: top;}
.myths th { padding-right: 12px; }
.myths p { margin-top: 0;}


/**** icons ****/
.tvicon {background: #fff url(../images/icon_16x16_TV.gif) center left no-repeat;}
.myicon {background: #fff url(../images/icon_16x16_myStory.gif) center left no-repeat;}
.readicon {background: #fff url(../images/icon_16x16_Read.gif) center left no-repeat;}

/**** flash ****/
#homeflash {width: 728px;height: 225px;}

.videoWrap { text-align: center; margin-bottom: 12px; margin-top: 18px; position: relative; }
.videoWrap .browseVid { position: absolute; width: 110px; top: -35px; right: 0;}
.videoWrap .leftPane { background: url(../images/bg_flashLeft.jpg) no-repeat; width: 93px; }
.videoWrap .rightPane { background: url(../images/bg_flashRight.jpg) no-repeat 3px 0; width: 93px; }

#sidebar {float: right;width: 225px;background: #CCAE93;}
#search {background: #4f1c00 url(../images/Search.gif) top left no-repeat;height: 45px;border-bottom: 1px solid #ECD0B5;}

.searchbox {float: right;padding: 9px 6px 9px 0;width: 163px;}

.searchinput {display: block;float: left;width: 125px;height: 18px;font-size: 12px;background: #fff;border: 1px solid #734035;padding: 3px;vertical-align: middle;}
.searchbutton {margin-top: 1px;display: inline-block;height: 24px;width: 27px;float: left;clear: none;background: url(../images/Search_btn.gif) top left no-repeat; cursor:pointer;}
.searchbutton:hover {background: url(../images/Search_btn.gif) bottom left no-repeat;}

/**** NAVIGATION ****/
#nav {background: #F5E9DF;width: 223px;}
#navshadow {display: block;height: 9px;background: url(../images/Nav_Shadow.gif) top left repeat-x;}
#nav ul {list-style: none;margin: 0;}
#nav ul li a {display: block;color: #4F1C00;font-size: 14px;font-family: Arial Narrow, Arial, Helvetica, sans-serif;font-weight: bold;padding-top: 9px;padding-left: 24px;padding-bottom: 9px;border-bottom: 1px solid #ECD0B5;border-left: 1px solid #ECD0B5;border-right: 1px solid #ECD0B5;background: url(../images/Nav_Arrows.gif) left center no-repeat;margin: 0;width: 198px;}
#nav ul li a:hover {color: #008BCF;background: #FEF8F3 url(../images/Nav_Arrows.gif) left no-repeat;background-position: -226px center;text-decoration: none;}
#nav ul li a.active {background: #fff url(../images/Nav_Arrows.gif) left center no-repeat;background-position: -451px center;color: #008BCF;border-left: 1px solid #fff;}
#nav ul li a.expanded {background: #fff url(../images/Nav_Arrows.gif) left center no-repeat;background-position: -676px center;border-left: 1px solid #fff;}
#nav ul li a.activeexpanded {background: #fff url(../images/Nav_Arrows.gif) left center no-repeat;background-position: -676px center;color: #008BCF;border-left: 1px solid #fff;}

/**** subnav ****/
#nav ul ul {background: #FEF8F3 url(../images/SubNav_BG.gif) top left repeat-x;padding: 6px 0;border-left: 1px solid #ECD0B5;width: 100%;}
#nav ul ul li a {padding: 3px 0 3px 33px;display: block;color: #4F1C00;font-size: 11px;font-family: Arial, Helvetica, sans-serif;font-weight: normal;border: none;background: url(../images/SubNav_Arrows.gif) left center no-repeat;margin: 0;width: 190px;}
#nav ul ul li a:hover {color: #007CC2;background: url(../images/SubNav_Arrow.gif) left center no-repeat;}
#nav ul ul li .subactive {color: #007CC2;background: url(../images/SubNav_Arrow.gif) no-repeat;background-position: -211px;}

/**** Registration Callout ****/
.callout1 {display: block;width: 211px;margin: 0 auto 6px auto;background: #fff url(../images/CalloutTop_Blue.gif) top left no-repeat;}
.callout2 {display: block;width: 211px;margin: 0 auto 6px auto;background: #fff url(../images/Callout2_top.gif) top left no-repeat;}
.callout3 {display: block;width: 211px;margin: 0 auto 6px auto;background: #fff url(../images/Callout3_top.gif) top left no-repeat;}

.calloutRelatedLinks {display: block;float: right;width: 211px;margin: 7px 0px 13px 0px;background: url(../images/CalloutRelated_Top.gif) top left no-repeat;}

.calloutRL a span {color: #734035;display: block;padding: 9px 60px 45px 9px;}
.calloutRL a {background: url(../images/CalloutRelated_DrDiscussion.gif) bottom left no-repeat;display: block;position: relative;border: none;border-collapse: collapse;margin-bottom: 0px;font-size: 11px;line-height: 15px;}
.callout1 a, .callout1 a:hover, .callout2 a, .callout2 a:hover, .callout3 a, .callout3 a:hover, .calloutRL, .calloutRL a:hover {color: #734035;text-decoration: none;}
.callout {display: block;padding: 9px 9px 9px 11px;border: none;border-collapse: collapse;margin-bottom: 0px;font-size: 11px;line-height: 15px;}
.callout b, .calloutRL b {font-size: 12px;color: #4F1C00;line-height: 1.75em;}
.callout1 img, .callout2 img, .callout3 img {vertical-align: bottom;}
#validcss img {border:0;width:88px;height:31px;}

/**** Registration Table ****/
.regTable { width: 100%; margin: 1.0em 0; }
.regTable tr.alt th, .regTable tr.alt td {background-color: #FAF2E6;}
.regTable table { width: auto; display: inline;}
.regTable table th, .regTable table td { padding: 0.5em; text-align: left; vertical-align: top;}
.regTable table th { font-weight: bold; width: 135px;}

.numTable { margin: 0.5em 0;}
.numTable th, .numTable td { text-align: left; vertical-align: top;}
.numTable th { font-weight: bold; font-size: 1.25em; padding-right: 0.5em;}
.numTable span { font-style: italic;}
.numTable table td { padding: 0.25em 0;}
.numTable table td input { margin-right: 0.5em;}
.numTable .radioGroups { margin-bottom: 2.5em;}
.numTable .radioGroups th { font-weight: normal; font-size: 1.0em; width: 425px; padding-right: 25px;}
.radioGroups tr.alt th, .radioGroups tr.alt td {background-color: #FAF2E6;}

/**** banner placeholder ****/
.banner160x600 {width: 160px;height: 600px;background: #734035;margin: 24px auto;text-align: center;vertical-align: middle;}

/**** Related Links ****/
.relatedlinks {display: block;background: #fff;border-left: 1px solid #ECD0B5;border-right: 1px solid #ECD0B5; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF;margin: 0;width: 699px;padding: 0 13px 0 0;clear: both;}
.relatedlinks strong {display: block;width: 100%;float: left;background: url(../images/RelatedLinks_Arrow.gif) center left no-repeat;color: #4F1C00;font-family: Georgia, "Times New Roman", Times, serif;font-size: 12px;font-weight: bold;text-transform: uppercase;padding: 5px 0px 6px 24px;margin: 0;}
.relatedlinks strong span {display: block;border-bottom: 1px solid #ECD0B5;}
.relatedlinkslist {width: 450px;float: left;font-size: 12px;}
.relatedlinks1 {width: 196px;float: left;padding: 6px 0 0 24px;clear: left;}
.relatedlinks2 {width: 196px;float: right;padding-top: 6px;}
.relatedlinks1 div a, .relatedlinks2 div a  {color: #734035;background: url(../images/RelatedLinks_ArrowSmallOff.gif) no-repeat;background-position: -3px center;background-repeat:no-repeat; padding: 3px 3px 3px 12px;}
.relatedlinks1 div a:hover, .relatedlinks2 div a:hover {color: #006799;background-image: url(../images/RelatedLinks_ArrowSmallOn.gif);}

/**** ISI ****/
.isi {display: block;background: #fff;border: 1px solid #ECD0B5; border-top: 1px solid #FFF;margin: 0;padding: 0 24px 24px;clear: both;}
.isihighlight {padding: 12px;background: #F5E9DF;}
.footernav {text-align: center;padding: 12px 0;border-top: 1px solid #ECD0B5;border-bottom: 1px solid #ECD0B5;color: #BC804B;}
.footernav a {font-weight: bold;font-size: 12px;line-height: 18px;color: #BC804B;}
.footernav a:hover {font-weight: bold;color: #006799;}
.copyright {text-align: center;font-size: 12px;}

/**** FOOTER ****/
#footer {display: block;width: 972px;clear: both;background: #fff url(../images/footerbar.gif) bottom left no-repeat;height: 29px;}
#footerlogo {width: 134px;height: 77px;margin: 0 auto;}

/**** STAR RATING ****/
.star-rating{list-style:none;margin: 0px;padding:0px;width: 80px;height: 16px;position: relative;overflow:hidden;background: url(../images/rating.gif) top left repeat-x;}
.star-rating li{padding:0px;margin:0px;width:16px;height:16px;line-height: 16px;float: left;}
.star-rating li a{display:block;width:16px;height: 16px;line-height:16px;text-decoration: none;text-indent: -9000px;z-index: 20;position: absolute;padding: 0px;overflow:hidden;}
.star-rating li a:hover{background: url(../images/rating.gif) left bottom;z-index: 2;left: 0px;border:none;}
.star-rating a.one-star{left: 0px;}
.star-rating a.one-star:hover{width:16px;}
.star-rating a.two-stars{left:16px;}
.star-rating a.two-stars:hover{width: 32px;}
.star-rating a.three-stars{left: 32px;}
.star-rating a.three-stars:hover{width: 48px;}
.star-rating a.four-stars{left: 48px;}
.star-rating a.four-stars:hover{width: 64px;}
.star-rating a.five-stars{left: 64px;}
.star-rating a.five-stars:hover{width: 80px;}
.star-rating li.current-rating{background: url(../images/rating.gif) left center;position: absolute;height: 16px;display: block;text-indent: -9000px;left: 0;top: 0;z-index: 1;}
a:active{outline: none;}

/**** QUICK POLLS NEW ****/
#quickPoll { background: url(../images/bg_quickPoll.jpg) no-repeat; position: relative; width: 728px; height: 90px; overflow: hidden; }
#quickLoading { position: absolute; top: 40px; left: 342px; z-index: 6;}

#multi { position: absolute; width: 728px; height: 90px;}
#multi #quickBubble, #multi #quickBubbleAlt {position: absolute; top: 0; left: 0; z-index: 5; overflow: hidden; width: 106px; height: 90px; background-image: url(../images/bg_pollBubbles1.jpg); background-repeat: no-repeat;}
#multi #quickBubble { background-position: 0 0;}
#multi #quickBubbleAlt {background-position: 0 -90px;}
#multi #quickQuestion { background: url(../images/bg_quickPoll.jpg) no-repeat -106px 0; position: absolute; top: 0; left: 106px; z-index: 4; width: 622px; height: 90px; overflow: hidden; }
#multi #quickQuestion .pollQuestion p { color: #2c0001; font-weight: bold; margin: 10px 0 5px;}
#multi #quickQuestion .pollQuestion span { font-weight: normal; color: #734035; font-size: 11px; margin-left: 5px;}

#multi #quickQuestion table.qTable {}
#multi #quickQuestion table.qTableResults { margin-left: 105px;}

#multi #quickQuestion .optTable { float: left; height: 100%; border-collapse: separate;}
#multi #quickQuestion .optTable th, #multi #quickQuestion .optTable td { height: 20px; vertical-align: middle;}
#multi #quickQuestion .optTable th { width: 26px; }
#multi #quickQuestion .optTable th.you { background-color: #91bc4b; color: #FFF; font-family: "Arial Narrow"; }
#multi #quickQuestion .optTable th.other { background-color: #006799; color: #FFF; font-family: "Arial Narrow"; }
#multi #quickQuestion .optTable p {margin: 0; font-weight: normal; font-size: 12px; color: #734035; margin-left: 5px; margin-right: 50px;}

#multi #quickQuestion a.btn { display: block; position: absolute; left: 380px; top: 38px;}

#multi #quickQuestion .resultKey {position: absolute; top: 32px; left: 5px;}
#multi #quickQuestion .resultKey span { display: block; padding-left: 16px; font-size: 12px; color: #734035;}
#multi #quickQuestion .resultKey .youKey { background: url(../images/bg_keyYou.gif) no-repeat left center; }
#multi #quickQuestion .resultKey .othersKey { background: url(../images/bg_keyOthers.gif) no-repeat left center; }

#quickAnswer { background: url(../images/bg_quickPoll.jpg) no-repeat -106px 0; position: absolute; top: 0; left: 106px; z-index: 3; width: 622px; height: 90px; overflow: hidden; }

#nomulti {position: absolute; width: 728px; height: 90px;}
#nomulti #quickBubble, #nomulti #quickBubbleAlt {position: absolute; top: 0; left: 0; z-index: 5; overflow: hidden; width: 106px; height: 90px; background-image: url(../images/bg_pollBubbles2.jpg); background-repeat: no-repeat;}
#nomulti #quickBubbleAlt { background-position: 0 -90px;}

#nomulti #quickQuestion { background: url(../images/bg_quickPoll.jpg) no-repeat -106px 0; position: absolute; top: 0; left: 106px; z-index: 4; width: 622px; height: 90px; overflow: hidden; }
#nomulti #quickQuestion .quickCopy, #nomulti #quickQuestion .quickCopyAlt {width: 402px; height: 90px; padding: 0 10px; }
#nomulti #quickQuestion .quickCopy p { color: #2c0001; font-size: 18px; line-height: 24px; font-weight: bold; margin: auto 0;}
#nomulti #quickQuestion .quickCopyAlt p { color: #2c0001; font-size: 12px; line-height: 15px; font-weight: normal; margin: auto 0;}
#nomulti #quickQuestion .nomultiTable { background: url(../images/bg_quickGradient.jpg) repeat-x;}

#nomulti #quickResult { position: absolute; left: 545px; top: 0; z-index: 4; height: 90px; width: 183px;}
#nomulti #quickResult a { display: block; float: left; width: 55px; text-align: center; color: #FFF; font-size: 11px; line-height: 19px; overflow: hidden; font-weight: bold;}
#nomulti #quickResult a span {display: block;}
#nomulti #quickResult a:hover { text-decoration: none;}
#nomulti #quickResult table.wrap { height: 90px; width: 100%; background: url(../images/bg_quickPoll.jpg) right;}
#nomulti #quickResult table table th { padding-right: 5px;}
#nomulti #quickResult table table td span { font-weight: bold; color: #2c0001; font-size: 15px; line-height: 19px; margin-left: 5px; float: left; }

/*-- bars --*/
#nomulti #quickResult #barOne, #nomulti #quickResult #barTwo { height: 19px; float: left;}
#nomulti #quickResult div.blue { background-color: #2d83ac}
#nomulti #quickResult div.brown { background-color: #896a64}
#nomulti #quickResult div.on { background-color: #a0c776}

/*-- buttons --*/
#nomulti #quickResult a.brown { background: #734035 url(../images/btn_brownLeft.gif) no-repeat left; }
#nomulti #quickResult a.brown span { background:url(../images/btn_brownRight.gif) no-repeat right;}
#nomulti #quickResult a.blue { background: #006799 url(../images/btn_blueLeft.gif) no-repeat left; }
#nomulti #quickResult a.blue span { background:url(../images/btn_blueRight.gif) no-repeat right;}
#nomulti #quickResult a.on { background: #91bc4b url(../images/btn_greenLeft.gif) no-repeat left; }
#nomulti #quickResult a.on span { background:url(../images/btn_greenRight.gif) no-repeat right;}

/**** DOC DISCUSSION ****/
.docTabs { margin: 1.0em 0;}
.docTabs table { border-collapse: collapse;}
.docTabs table .spacer { width: 3px; background-color: #FFF; border: none; }
.docTabs table tbody td { background-color: #fcefc2; vertical-align: top;}
.docTabs table tbody td.except { background-color: #ffbd40; vertical-align: bottom; }
.docTabs table tbody td p { color: #734035; font-size: 1.0em; margin: 1.0em 1.0em 1.0em 21px;}
.docTabs table tfoot td { background-color: #ffbd40; height: 6px; }

.brownWrap { background-color: #fef8f3; padding: 0.75em 0.75em 0; border: 1px solid #f9f0e9; margin-bottom: 1.0em; }

.checkList {}
.checkList th, .checkList td { padding-bottom: 0.8em; vertical-align: top; }
.checkList th { padding-right: 11px; padding-top: 0.15em;}
.checkList th input { margin: 0;}
.checkList p { margin: 0; line-height: 1.5em;}
.checkList p.on {color: #e09148;}
.checkList label { margin: 0;}

.createPDF th { padding-right: 1px;}
.createPDF td { padding: 1.0em 1.0em 0;}
.darkBrown { background-color: #f5e9df; border: 1px solid #ccae93;}
.darkBrownReg { background-color: #2c0001; display: block; height: 76px; width: 100%; margin:0; padding:0;}
/**** OVERLAY STYLES ****/
#myOverlay {position: absolute;z-index: 800;left: 0;width: 100%;background-color: #734035;cursor: pointer;}
#wrapOut {position: absolute;z-index: 9999;background-color: #260000; width: 796px;}
#surveyWrap {position: absolute;z-index: 9999;background-color: #260000; width: 500px;}
#moaWrap {position: absolute;z-index: 9999;background-color: #260000; width: 796px;}
#wrapIn { padding: 15px 15px 0;}

#topPanel { background-image:url(../images/bg_topPanel.gif); background-repeat: no-repeat; background-position: top left; height: 31px; width: 100%; float: left; position: relative;}
	#moaWrap #topPanel { background-position: 0 -31px;}
#surveyWrap #topPanel { background: url(../images/bg_surveyTop.gif) no-repeat top left; height: 46px; }

#closeBtn { background:url(../images/bg_closeBtn.gif) no-repeat; width: 53px; height: 16px; position: absolute; cursor: pointer; top: 0; right: 0;}

#midPanel { width: 100%; height: 435px; float: left; position: relative;}
	#moaWrap #midPanel {height: 454px;}
#surveyWrap #midPanel { height: auto; background-color: #FFF; padding: 25px; width: 420px;}

#midPanel h4 { font-size: 21px; line-height: 18px;}
#midPanel h5 { font-size: 15px; line-height: 18px; color: #2c0001; margin-bottom: 45px;}
#midPanel p { font-size: 12px; line-height: 18px;}
#midPanel .yesBtn { display: block; background: url(../images/btn_yesSurvey.jpg) no-repeat; width: 215px; height: 40px; text-indent: -2000px; overflow: hidden; float: left;}
#midPanel .noBtn { display: block; background: url(../images/btn_noSurvey.jpg) no-repeat; width: 107px; height: 40px; text-indent: -2000px; overflow: hidden; float: left; margin-left: 11px;}

#flashWrap {position: absolute; top: 0; left: 0;}
#flashHolder {}

#botPanel { background:url(../images/bg_botPanel.gif) no-repeat bottom right; height: 58px; overflow: hidden; width: 100%; float: left;}
#surveyWrap #botPanel { background: none;}

#copyRight p { font-size: 11px; color: #bc804b; line-height: 28px; margin: 0; text-align:center;}

.textborder{border:solid 1px #CEE2FF;}

/**** Downloads page ****/
.downloads {padding-left:15px;}
.downloads h2 { background: url(../images/h2_blueArrow.gif) no-repeat center left; padding-left: 21px;}

/**** Important Announcement Box ADA guidelines ****/
.importantBox {color: #2c0001; border: solid 1px #ECD0B5; background-color: #FFF2C2; padding:15px 15px 0 15px; clear:both; font-size: 120%;}

#youtube {    float: right; } #youtube a img {    padding: 24px 54px 9px 0; }