/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : AS Lite Author : Sam Smithson URL : www.ActiveStop Web Only UK Type: Screen, Projection Description : Global stylesheet - AS Lite Version: 1.0 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ----- COMMON AND GLOBAL ----- */ body { font:75%/1.6 arial, helvetica, sans-serif; line-height:17px; margin:0; padding:0; color: #161f24; background-position:top center; background-repeat: no-repeat; } * { margin:0px; padding:0px; } /* ----- GLOBAL ID's ----- */ #container { width:818px; margin:0px auto; position:relative; } #containerInner { margin-top:6px; } .popup { width:318px !important; padding-top:20px; padding-bottom:20px; } #logo {position:absolute; top:25px; right:6px; } #flashContent { position:relative; width:818px; } #columnOneInner {width:450px; margin-top:0px;padding-top:20px; padding-bottom:40px; margin-left:20px; min-height:400px; } #columnOneContent { width:425px; } #columnOne { float:left; margin-top:30px; background-position: left bottom; background-repeat: no-repeat; margin-left:20px; } #columnTwo { float:left; width:230px;padding-bottom:0px; margin-top:80px; margin-left:47px; font-family: Trebuchet MS, arial, helvetica, sans-serif; } #photo { } #copyrightLeft {float:left; width:48%; padding-top:20px; } #copyrightRight { float:right; width:48%; padding-top:20px; } #dosageStepDownDiagram { margin-top:25px; } #ContactUs{ position:absolute; top:14px; right:0px; color:#3AA72A; } #ContactUs1{ position:absolute; top:5px; right:0px; color:#3AA72A; } #day { position:absolute; top:108px; width:80px; right:50px; background-position:0px 0px; background-repeat: no-repeat; height:45px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; } #dayNumber {position:absolute; top:13px; left:13px; color:#FFFFFF; font-size:21px; } #dayNumberText {position:relative; top:5px; left:50px; color:#3b8514; font-size:12px; } #logout { position:absolute; top:170px; right:20px; color:#3b8514; font-size:12px; background-position:0px 1px; background-repeat: no-repeat; padding-left:18px;} #sticker { float:right; } #welcomeMessage { padding:10px 20px 10px 20px; position:relative; background-color:#fffb8d; background-position:left bottom; background-repeat:no-repeat; border-top: 1px solid #f18905; border-bottom: 1px solid #f18905; } #welcomeMessage h1 { color:#c93605 !important; } #welcomeMessageClose { position:absolute; top:0px; right:0px; } #today { background-position:0px 0px; background-repeat: no-repeat; color:#4d4d4d; padding-top:20px; } #calendar { background-position: 0px 0px; background-repeat: no-repeat; color:#4d4d4d; } #noteBook { line-height:15px; background-position:0px 0px; background-repeat: no-repeat; color:#4d4d4d; } #noteBookBlank { line-height:15px; background-position: 0px 0px; background-repeat: no-repeat; color:#4d4d4d; } #noteBookHeading, #noteBookPad h3 { font-size:16px; border-bottom:1px solid #333; padding-bottom:3px; margin-left:20px; font-weight:bold; margin-bottom:9px; width:180px; } #noteBookPad p, #noteBookPad h2 { display:block; width:190px; margin-left:20px; } #noteBookPad p { background-position: 0px 0px; background-repeat: repeat; } #noteBookBkg { background-position: left bottom; background-repeat: no-repeat; min-height:300px; width:248px; } #noteBookPad { padding-bottom:20px; } #noteBookPad ul { margin-left:20px; list-style:none; font-weight:bold; width:auto; width:220px; } #noteBookPad li { margin-right:20px;line-height:20px; margin-bottom:10px; background-position: 0px 0px; background-repeat: repeat; } #noteBookPad a { color:#4b4b4b; font-weight:normal; display:block; } #noteBookPad span { font-weight:bold; color:#4d4d4d; font-size:13px;text-decoration:none; display:block; } #noteBookPad .visited { color:#a1a1a1 !important; } #noteBookPad .notVisited { color:#a1a1a1 !important; } #noteBookPad .current { } .visited span { padding-left:25px; } .visited span, #noteBookPad a.reading:visited span { color:#4b9c32 !important; background-position: 0px 1px; background-repeat: no-repeat; text-decoration:none !important; } .notVisited span, .notVisited a { color:#a1a1a1 !important; text-decoration:none !important; } #myActiveStop { color:#4d4d4d; margin-top:-20px; } #myActiveStopHeading, #myActiveStopBkg h3 { font-size:16px; margin-left:5px; font-weight:bold; color:#439d2e; margin-bottom:5px; width:180px; } #myActiveStopBkg {background-position: left bottom; background-repeat: no-repeat; margin-left:0px; padding-bottom:40px; margin-bottom:30px; min-height:200px; } #myActiveStop { padding-bottom:20px; } #myActiveStopBkg p, #myActiveStopBkg h2 { display:block; width:190px; margin-left:20px; } #myActiveStopBkg ul { padding:0px; margin-left:0px; list-style-type:none; width:auto; width:210px; line-height:18px; } #myActiveStopBkg li { display:block; border-top:1px solid #b8d8ab; margin-right:0px; margin-left:5px; margin-top:5px; padding-top:10px; padding-left:20px; margin-bottom:15px; background-position: 0px 12px; background-repeat: no-repeat; } #myActiveStopBkg ul ul ul li { padding:0px; margin-bottom:5px; padding-left:15px; width:150px; border:none; background-position: 0px 1px; background-repeat: no-repeat; } #myActiveStopBkg a { color:#4b4b4b; } #myActiveStopBkg span a, #myActiveStopBkg span { font-weight:bold; color:#4b9c32;font-size:13px; text-decoration:underline; display:block; } #myActiveStopBkg .subMenu { background:none !important; border:none !important; margin:0px !important; padding-top:0px !important; } #tab { position:absolute; top:115px; left:40px; width:450px; } #myActiveStopTab { } #myActiveStopTab a {display:block; float:left; color:#ffffff; text-align:center;width: 116px; text-decoration:none; font-weight:bold; font-size:13px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; height: 31px; overflow: hidden; background-repeat: no-repeat; } #myActiveStopTab a:hover, #myActiveStopTab .current {background-position: 0 -31px; text-decoration:none;} #Red #myActiveStopTab a:hover, #Red #myActiveStopTab .current {background-position: 0 -31px; text-decoration:none; color:#8c1229 !important;} #Blue #myActiveStopTab a:hover, #Blue #myActiveStopTab .current {background-position: 0 -31px; text-decoration:none; color:#00529c !important;} #Teal #myActiveStopTab a:hover, #Teal #myActiveStopTab .current {background-position: 0 -31px; text-decoration:none; color:#008781 !important;} #Orange #myActiveStopTab a:hover, #Orange #myActiveStopTab .current {background-position: 0 -31px; text-decoration:none; color:#c93605 !important;} #todayTab { } #todayTab a {display:block; float:left; color:#ffffff; text-align:center;width: 90px; text-decoration:none; font-weight:bold; font-size:13px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; height: 31px; overflow: hidden; background-repeat: no-repeat; } #todayTab a:hover, #todayTab .current {background-position: 0 -31px; text-decoration:none; } #Red #todayTab a:hover, #Red #todayTab .current {background-position: 0 -31px; text-decoration:none; color:#8c1229 !important;} #Blue #todayTab a:hover, #Blue #todayTab .current {background-position: 0 -31px; text-decoration:none; color:#00529c !important;} #Teal #todayTab a:hover, #Teal #todayTab .current {background-position: 0 -31px; text-decoration:none; color:#008781 !important;} #Orange #todayTab a:hover, #Orange #todayTab .current {background-position: 0 -31px; text-decoration:none; color:#c93605 !important;} #myReadingTab { float:left;} #myReadingTab a {display:block; float:left; color:#ffffff; text-align:center;width: 91px; text-decoration:none; font-weight:bold; font-size:13px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; height: 31px; overflow: hidden; background-repeat: no-repeat; } #myReadingTab a:hover, #myReadingTab .current {background-position: 0 -31px; text-decoration:none; } #Red #myReadingTab a:hover, #Red #myReadingTab .current {background-position: 0 -31px; text-decoration:none; color:#8c1229 !important;} #Blue #myReadingTab a:hover, #Blue #myReadingTab .current {background-position: 0 -31px; text-decoration:none; color:#00529c !important;} #Teal #myReadingTab a:hover, #Teal #myReadingTab .current {background-position: 0 -31px; text-decoration:none; color:#008781 !important;} #Orange #myReadingTab a:hover, #Orange #myReadingTab .current {background-position: 0 -31px; text-decoration:none; color:#c93605 !important;} #myProgressMonitorTab { float:left;} #myProgressMonitorTab a {display:block; float:left; color:#ffffff; text-align:center;width: 145px; text-decoration:none; font-weight:bold; font-size:13px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; height: 31px; overflow: hidden; background-repeat: no-repeat; } #myProgressMonitorTab a:hover, #myProgressMonitorTab .current {background-position: 0 -31px; text-decoration:none; } #Red #myProgressMonitorTab a:hover, #Red #myProgressMonitorTab .current {background-position: 0 -31px; text-decoration:none; color:#8c1229 !important;} #Blue #myProgressMonitorTab a:hover, #Blue #myProgressMonitorTab .current {background-position: 0 -31px; text-decoration:none; color:#00529c !important;} #Teal #myProgressMonitorTab a:hover, #Teal #myProgressMonitorTab .current {background-position: 0 -31px; text-decoration:none; color:#008781 !important;} #Orange #myProgressMonitorTab a:hover, #Orange #myProgressMonitorTab .current {background-position: 0 -31px; text-decoration:none; color:#c93605 !important;} #myDiaryTab { float:left;} #myDiaryTab a {display:block; float:left; color:#ffffff; text-align:center;width: 80px; text-decoration:none; font-weight:bold; font-size:13px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; height: 31px; overflow: hidden; background-repeat: no-repeat; } #myDiaryTab a:hover, #myDiaryTab .current {background-position: 0 -31px; text-decoration:none; } #Red #myDiaryTab a:hover, #Red #myDiaryTab .current {background-position: 0 -31px; text-decoration:none; color:#8c1229 !important;} #Blue #myDiaryTab a:hover, #Blue #myDiaryTab .current {background-position: 0 -31px; text-decoration:none; color:#00529c !important;} #Teal #myDiaryTab a:hover, #Teal #myDiaryTab .current {background-position: 0 -31px; text-decoration:none; color:#008781 !important;} #Orange #myDiaryTab a:hover, #Orange #myDiaryTab .current {background-position: 0 -31px; text-decoration:none; color:#c93605 !important;} .tab span { position:relative; top:8px; } /* ----- GLOBAL FOOTER ----- */ #copyrightLeft {float:left; width:48%; padding-top:20px; } #copyrightRight { float:right; width:48%; padding-top:20px; } #footer { clear:both; width:790px; padding-top:25px; margin-left:40px; color:#a1a1a1; } #footer p { line-height:12px; } #footerInner { padding-bottom:15px; } #footer ul { margin:0px; padding:0px; list-style-type:none; clear:both; } #footer li { float:left; margin-right:20px; } #footer a { color:#4b9c32; } #footer .text {} #footer .mcNeil {font-size:85%; } #footer #other { padding-top:15px; } #footer #other a { color:#a1a1a1; } /* ----- GLOBAL FORM BUTTONS ----- */ .button { background-position: 0px 0px; background-repeat: no-repeat; padding-left:10px; padding-top:10px; padding-right:10px; } .button .grey span { position:relative; top:10px; right:20px; float:right; } .button .white span { position:relative; top:10px; left:30px; float:left; } .button .green span { position:relative; top:10px; left:20px; float:left; } .grey a {display:block; float:left; width: 200px; color:#ffffff !important; text-decoration:none; font-weight:bold; font-size:13px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; height: 42px; overflow: hidden; background-repeat: no-repeat;} .grey a:hover {background-position: 0 -42px; text-decoration:none;} .green a {display:block; float:right;width: 200px; color:#ffffff !important; text-decoration:none; font-weight:bold; font-size:13px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; height: 42px; overflow: hidden; background-repeat: no-repeat; } .green a:hover {background-position: 0 -42px; text-decoration:none;} .white a {display:block; float:left; width: 200px; color:#138549 !important; text-decoration:none; font-weight:bold; font-size:13px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; height: 42px; overflow: hidden; background-repeat: no-repeat; } .white a:hover {background-position: 0 -42px; text-decoration:none;} /* ----- NOTE POPUP STYLING ----- */ .columnOne { float:left; width:200px; margin-bottom:15px; } .columnTwo { float:left; width:200px; margin-left:10px; margin-bottom:15px; } html>body .columnTwo { margin-left:25px; } /* ----- GLOBAL CLASSES ----- */ .clear { clear: both; } .hide { display: none; } .show { display: block; } .float_left { float: left !important; } .float_right { float: right !important; } .align_left { text-align: left !important; } .align_center { text-align: center !important; } .align_right { text-align: right !important; } .align_justify { text-align: justify !important; } .align_bottom { vertical-align: bottom !important; } .position_relative { position:relative; } .position_absolute { position:absolute; } .hand { cursor: pointer; } .iconPaw { padding-left:30px; margin-top:50px; clear:both; background-position: 0px 0px; background-repeat: no-repeat; } .boxes { float:left; margin-right:15px; } .bold { font-weight:bold; } /* ----- GLOBAL SPECIFIC WIDTHS ----- */ .width420 { width: 420px !important;} .width380 { width: 380px !important;} .width310 { width: 310px !important;} .width300 { width: 310px !important;} .width290 { width: 290px !important;} .width250 { width: 250px !important;} .width220 { width: 220px !important;} .width200 { width: 200px !important;} .width177 { width: 177px !important;} .width150 { width: 150px !important;} .width100 { width: 100px !important;} .width80 { width: 80px !important;} .width70 { width: 70px !important;} .width60 { width: 60px !important;} .width50 { width: 50px !important;} .width30 { width: 30px !important;} .width20 { width: 20px !important;} .width10 { width: 10px !important;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0; } h1 { font-size: 28px; line-height: 1.3em; font-weight:bold; margin-bottom:15px; font-family: Trebuchet MS, arial, helvetica, sans-serif; color:#006c3d;} h2 { font-size: 16px; line-height: 1.3em; margin-bottom:15px; color:#006c3d; font-family: Trebuchet MS, arial, helvetica, sans-serif; font-weight:normal; } h3 { font-size: 14px; line-height: 1.3em; font-weight:normal;margin-bottom:13px; } h4 { font-size: 12px; font-weight:normal; margin-top:25px; color:#c93605; } #contentInner h4 { margin-top:0px !important; } h5 { font-size: 12px; font-weight:normal; color:#a29e8f; } h6 { font-size: 11px; } #Orange h1, #Orange #columnOne h2 {color:#c93605; } #Blue h1, #Blue #columnOne h2 {color:#00529c; } #Green h1, #Green #columnOne h2 { color:#006c3d; } #Red h1, #Red #columnOne h2 {color:#8c1229; } #Teal h1, #Teal #columnOne h2 {color:#008781; } p { padding: 0px; line-height:19px; margin-bottom:15px; margin-top:0px; } em { font-style:normal; } /* ----- IMAGES ----- */ img{ display:block; border:0; } /* ----- LINKS ----- */ a, a:link { color:#787878; text-decoration:none;} a:hover{ text-decoration:underline;} a:visited {} a:active {} /* ----- LISTS ----- */ ul, ol, dl, li, dt, dd { margin: 0px; padding: 0; } table ol{ margin:0; padding: 0;} #calendarNotepad { padding-top:30px; } #calendarNotepad table { width: 220px; margin-top:10px; padding: 0; font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #616B76; text-align: center;} #calendarNotepad #month { width: 220px; border-bottom:1px solid #333; font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#4d4d4d; text-align: center;} #calendarNotepad th { font: bold 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background-position: 0px 0px; background-repeat: repeat; color: #757773; width: 22px; height: 42px; vertical-align:bottom} #calendarNotepad .current, #calendarNotepad a:link .current, #calendarNotepad a:visited .current { color: #F6F4DA; font-weight: bold; background-position: 3px 0px; background-repeat: no-repeat;} #calendarNotepad td { width: 28px; background-position: 0px 0px; background-repeat: repeat; height: 23px; line-height:23px; text-align: center;} #calendarNotepad td a { text-decoration: none; font-weight: bold; display: block;} #calendarNotepad td a:link, #calendarNotepad .past { color: #cccccc;} #calendarNotepad td a:hover,#calendarNotepad td a:active { color: #439d2e;} .bulletList {} .bulletList span { } .bulletList ul { margin:0px; padding:0px; list-style-type:none; width:auto; } .bulletList li { display:block; margin-bottom:3px; display:block; color:#231f20; background-position: 0px 1px; background-repeat: no-repeat; overflow: hidden; padding-left:25px; padding-bottom:10px; } .bulletList a { } .bulletList a:hover, .bulletList .current {text-decoration:underline;} /* ----- OTHER ----- */ address { font-style:normal;} sup { padding-left:3px; padding-right:3px; } /* ----- GLOBAL FORMS ----- */ .form { padding:0px 15px 0px 15px; margin-bottom:10px; } #Green .form { background:#e3f2fb; } #Red .form { background:#feecef; } #Teal .form { background:#eff8f7; } .small { font-size:90%; } /* ----- progressMonitorNavigation LOCATION ----- */ #progressMonitorNavigation { background-repeat: repeat-x; height:108px; width:469px; margin-top:8px;} #progressMonitorNavigation ul { list-style:none; margin:0px; padding:0px; } #progressMonitorNavigation li { margin:0px; padding:0px; float:left; } #progressMonitorNavigation .gap { margin-right:2px; } /* ----------------------------------------------------------------- */ /* ----- ACTIVESTOP PHAT FORMS ----- */ #noticeDivInner { padding:25px; margin-top:60px; } #noticeDiv span { color:#b7e0c0; } .noticeDiv { position: absolute; left:540px; top:600px; width:205px; height:200px; color:#ffffff; line-height:12px; background-repeat: no-repeat; } .formSaved { background-position: 0px 0px; background-repeat: no-repeat; color:#0d7f04; font-weight:bold; font-size:120%; text-align:center; margin-top:18px; display:block; width:500px; padding-bottom:15px; height:23px; } /* ----- AJAX LOADER ----- */ #ajaxLoaderContainer { position:relative; } #ajaxLoader { z-index:1000; float:left; position: absolute; left: 80px; top: 20px; background-position: left top; background-repeat: no-repeat; width:350px; height:135px; } #ajaxLoaderImage { position:relative; top: 30px; left:15px; display:none; } html>body #ajaxLoaderImage { left:80px; } #ajaxLoaderText{ position:relative; top: 80px; left:85px; } /* FAQ list styles */ .faq { margin-top:15px; } .faq ul { margin:0px; padding:0px; } .faq li { list-style:none; margin:0px; padding:0px; } .faq .question { list-style:none; background-position: left top; background-repeat: no-repeat; padding-left:35px; margin-bottom:20px; min-height:30px;} .faq .answer { list-style:none; background-position: left top; background-repeat: no-repeat; padding-left:35px; margin-bottom:20px; min-height:30px;} /* ----- Batch Number LOCATION ----- */ #bathNumberLocation { margin-left:123px; margin-top:15px; } html>body #bathNumberLocation { margin-left:120px; } #bathNumberLocation img { float:left; margin-right:5px; } /* ----- RATING STYLES ----- */ .first { float:left; padding-right:20px; font-weight:900; } .last { padding-left:20px; float:left; font-weight:900; } .rating { float:left; margin-right:1px; } /* generic padding */ .content{ padding:10px 20px; margin-top:0px; } .roundedDivOuterPadding { } .roundedDivOuter p { color:#808080; } .roundedDivOuter { } .roundedDivOuter .roundedDivOuterheader { } .roundedDivOuter .roundedDivOuterheader ul { list-style: none; margin: 0;} .roundedDivOuter .roundedDivOuterheader ul li { } .roundedDivOuter .roundedDivOuterfooter ul { list-style: none; margin: 0;} .roundedDivOuter .roundedDivOuterfooter ul li {} .roundedDivOuterPadding table { border-collapse:collapse; } .roundedDivOuterPadding table th { text-align:left; } .roundedDivOuterPadding input, .roundedDivOuterPadding select { border:1px solid #ccc;} .roundedDivOuterPadding input { padding:1px; } .roundedDivOuterPadding td,.roundedDivOuterPadding th { padding:10px;} .error { display:block; color:#d11504 !important; width:200px !important; padding-left:20px; line-height:1.8em; background-position: 0px 1px; background-repeat: no-repeat; font-weight:bold; } /* standard rounded box */ .rfqContainer { width: 430px; padding:20px; background: #e6f4fc; margin-bottom:10px;} .rfq { margin-bottom:15px; } .rfqContainer label { float:left; width:100px; } #Orange .roundedDiv { width: 430px; background: #fdf6e5; margin-bottom:10px;} #Orange .diaryEntry { width: 390px; background: #fdf6e5; margin-bottom:10px;} #Orange .roundedDiv .header { background-position: left top; background-repeat: no-repeat; width:430px; height: 5px; line-height:5px; } #Orange .roundedDiv .footer { background-position: left bottom; background-repeat: no-repeat; width:430px; height: 5px; line-height:5px; } #Orange .required, #Orange #recommendedDailyDosage span, .titleOrange { color:#c93605; } #Blue .roundedDiv { width: 430px; background: #e0f1fa; margin-bottom:10px;} #Blue .diaryEntry { width: 390px; background: #e0f1fa; margin-bottom:10px;} #Blue .roundedDiv .header { background-position: left top; background-repeat: no-repeat; width:430px; height: 5px; line-height:5px; } #Blue .roundedDiv .footer { background-position: left bottom; background-repeat: no-repeat; width:430px; height: 5px; line-height:5px; } #Blue .required, #Blue #recommendedDailyDosage span, .titleBlue { color:#00529c; } #Green .roundedDiv { width: 430px; background: #f1f7e9; margin-bottom:10px;} #Green .diaryEntry { width: 390px; background: #f1f7e9; margin-bottom:10px;} #Green .roundedDiv .header { background-position: left top; background-repeat: no-repeat; width:430px; height: 5px; line-height:5px; } #Green .roundedDiv .footer { background-position: left bottom; background-repeat: no-repeat; width:430px; height: 5px; line-height:5px; } #Green .required, #Green #recommendedDailyDosage span, .titleGreen { color:#006c3d; } #Red .roundedDiv { width: 430px; background: #feecef; margin-bottom:10px;} #Red .diaryEntry { width: 390px; background: #feecef; margin-bottom:10px;} #Red .roundedDiv .header { background-position: left top; background-repeat: no-repeat; width:430px; height: 5px; line-height:5px; } #Red .roundedDiv .footer { background-position: left bottom; background-repeat: no-repeat; width:430px; height: 5px; line-height:5px; } #Red .required, #Red #recommendedDailyDosage span, .titleRed { color:#8c1229; } #Teal .roundedDiv { width: 430px; background: #eff8f7; margin-bottom:10px;} #Teal .diaryEntry { width: 390px; background: #eff8f7; margin-bottom:10px;} #Teal .roundedDiv .header { background-position: left top; background-repeat: no-repeat; width:430px; height: 5px; line-height:5px; } #Teal .roundedDiv .footer { background-position: left bottom; background-repeat: no-repeat; width:430px; height: 5px; line-height:5px; } #Teal .required, #Teal #recommendedDailyDosage span, .titleTeal { color:#008680; } /* requigreen and unrequigreen options */ .unRequired { color:#808080 !important; } /* Mandatory form styles */ .required label, .required, .unRequired { font-weight:bold; } label .unRequired, .unRequired label , p.unRequired { color:#808080 !important; font-weight:bold; } .diaryEntry { min-height:30px; } .diaryEntryTextarea { width:375px; height:170px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:px; line-height:20px; margin-top:15px; border:1px solid #cccccc; margin-bottom:15px; background-position: 0px 0px; background-repeat: repeat-x; } .diaryEntry li { list-style:none; } /* The hint to Hide and Show */ .whyMessage { left:120px; width:300px; position:relative; font-size:90%;} .whyMessage a { text-decoration:underline; color:#008781; } .whyEmail, .whyMobile { position:absolute; left:360px; top:-200px; background-position: 0px 0px; background-repeat: no-repeat; width: 217px; height:260px; padding: 10px;line-height:12px;color:#ffffff !important; background-repeat: no-repeat; } .whyEmailInner, .whyMobileInner { padding-right:30px; width:190px; } #quitDateValue {background-position: 0px 0px; background-repeat: no-repeat; height:28px; color:#ffffff; font-weight:bold; font-size:11px; line-height:18px; padding-top:5px; padding-left:15px; } #quitDate { background-position: 0px 0px; background-repeat: no-repeat; height:28px; color:#ffffff; font-weight:bold; line-height:18px; padding-top:10px; padding-left:15px;} /* ----- DAY STYLES ----- */ .daysList { margin-left:-133px; } .days { float:left; margin-right:0px; width:52px; } html>body .days { margin-bottom:10px; } .smartMargin { margin-left:120px; font-size:90%; } .smartMarginError { margin-left:120px; display:block; } p.smartMargin { margin-left:120px; } .horizontalRadio label { margin-right:5px; } .horizontalRadio { position:relative; top: 3px; } .smartMargin span { position:relative; } .smartform p { clear:both; } html>body fieldset.smartform input { margin-right:5px; } fieldset.smartform .label { width:110px; display:block; text-align:right; padding-right:10px; float:left; } fieldset.smartform legend { display:none; } fieldset.smartform fieldset { border: none; margin: 0px 0 0; } fieldset.smartform fieldset label { display: block; text-align:right; width: auto; } fieldset.smartform label { width: 120px; height:30px; } fieldset.smartform td label{} fieldset.smartform { border: none; } .sr { position: absolute; left: -9999em; top: 0; width: 1px; height: 1px; overflow: hidden; } table {} td { vertical-align:top; } .textual td { padding:15px 15px 15px 0px; line-height:18px; } .textual li { margin-left:15px; } .textual a { color:#4b9c32 } .sleepAndWake td { padding:0px 0px 0px 5px; } #recommendedDailyDosage { font-size:90%; } /* ----- NOTE POPUP STYLING ----- */ .note { background-position:0px 0px; background-repeat:no-repeat; z-index:1000; display:none; position:absolute; width:424px; height:235px; } .noteCloseButton { position:absolute; left:339px; top: 10px; } .noteContent { position: absolute; top: 15px; width:370px; margin-left:25px; margin-top:35px; height:150px; overflow:scroll; } .notePopup { background-repeat:no-repeat; background-position: 0px 0px; padding-left:20px; height:14px; } .noteTitle { font-size:1.6em; margin-bottom:15px; line-height:1.5em; } /* References */ .references { margin-bottom:15px;} .referencesContent { background-repeat: no-repeat; background-position: left bottom; width:450px; margin-bottom:15px; } .referencesContentInner { padding:15px; } .referencesLink a { cursor:pointer; }