Body {Font: 11px/18px Verdana; Color: #555; Margin: 0px Auto 1px; Height: 100%;} Body.PopUp {Font: 11px/18px Arial, Verdana; Color: #555; Margin: 0px; Height: 100%; Background: #FFFFFF url(../admin/images/popup_background.png) No-Repeat Top Center;} Body.PopUpProfile {Font: 11px/18px Arial, Verdana; Color: #555; Margin: 20px; Background: #5f6061; Text-Align: Left; Height: 100%;} .BoardingRequest {Position: Absolute; Top: 300px; Left: 50%; Padding: 0px; Margin: 0px 0px 0px -250px; Z-Index: 1; Cursor: Pointer;} .CalendarToolTipTop {Font: Bold 10px/20px Arial, Verdana; Color: #444; background-Color: #e9e8e8; Text-Align: Left;} #Framework {Position: Relative; Width: 1000px; Margin: 0px Auto 0px Auto; Background: #FFFFFF url(../images/background.png) Center Top No-Repeat; Min-Height: 500px; height: Auto; Text-Align: Left; Padding-Top: 1px;} /*\*/ * html #FrameWork {height: 500px;} /**/ #RecurringCheckboxes {Margin: 20px Auto 0px Auto; Width: 840px; Height: 164px; Background: #FFFFFF url(../images/recurring_background.png) No-Repeat;} #RecurringCheckboxes td {Text-Align: Center; Vertical-Align: Top; Padding-Top: 20px;} #RecurringCheckboxes img {Padding: 25px 25px 0px 25px; Width: 50px; Height: 50px; Cursor: Pointer;} #RecurringCheckBox Img.on {Cursor: Pointer; Width: 50px; Height: 50px; Background: url(../images/checkbox-checked.gif) 25px 25px No-Repeat;} #RecurringCheckboxesPuppy {Margin: 20px Auto 0px Auto; Width: 840px; Height: 164px; Background: #FFFFFF url(../images/recurring_background.png) No-Repeat;} #RecurringCheckboxesPuppy td {Text-Align: Center; Vertical-Align: Top; Padding-Top: 20px;} #RecurringCheckboxesPuppy img {Padding: 25px 25px 0px 25px; Width: 50px; Height: 50px; Cursor: Pointer;} #RecurringCheckboxesPuppy Img.on {Cursor: Pointer; Width: 50px; Height: 50px; Background: url(../images/checkbox-checked.gif) 25px 25px No-Repeat;} #CreditsContainerDogWalks {Position: Relative; Margin: 50px Auto 15px Auto; Width: 237px; Height: 90px; Background: #FFFFFF url(../images/credits_back-walks.png) No-Repeat;} #CreditsContainerPuppyVisits {Position: Relative; Margin: 50px Auto 15px Auto; Width: 237px; Height: 90px; Background: #FFFFFF url(../images/credits_back-puppy.png) No-Repeat;} .CreditsRemaining {Position: Absolute; Bottom: 10px; Left: 54px; Font: Normal 40px/60px Palatino Linotype, Arial, Verdana; Color: #666; Display: Block; Text-Align: Center; Width: 54px; Text-Shadow: #FFF 0 1px 0; Vertical-Align: Bottom;} .CreditsBooked {Position: Absolute; Bottom: 10px; Right: 57px; Font: Normal 40px/60px Palatino Linotype, Arial, Verdana; Color: #666; Display: Block; Text-Align: Center; Width: 54px; Text-Shadow: #FFF 0 1px 0; Vertical-Align: Middle;} A.ScheduleButton {Margin: 30px Auto 0px 31px; Display: Block;} #RecurringContainer Span.Select {Font: Bold 12px/15px Arial, Verdana; COLOR: #ad0c0c; Text-Shadow: #FFF 0 1px 0; Width: 180px; Margin: 1px 0px 0px 0px; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; BACKGROUND: url(../images/select.gif) Right Bottom no-repeat; OVERFLOW: hidden; POSITION: absolute;} #RecurringContainer Select {Font: Bold 12px/15px Arial, Verdana; COLOR: #ad0c0c; Text-Shadow: #FFF 0 1px 0; Width: 100px; Margin: 1px 10px 0px 0px; Border: 0px #DDD Solid;} #HeaderContainer {Position: Relative; Margin: 0px Auto; Width: 900px; Height: 130px; Border: 0px #DDD Solid; Vertical-Align: Bottom; Display: Block;} #HeaderWelcome {Position: Absolute; Bottom: 0px; Right: 4px; Font: 19px/24px Helvetica, Arial, Verdana; Text-Align: Right; Color: #bfbfbf; Text-Shadow: #FFF 0 1px 0;} .HeaderDate {Font: 12px/23px Helvetica, Arial, Verdana; Color: #bfbfbf; Text-Shadow: #FFF 0 1px 0;} #Footer {Width: 1000px; Margin: 0px Auto;} #TopMenu {Position: Relative; Font: Bold 12px/24px Arial, Verdana; Color: #555; Margin: 4px 0px 0px 42px; Text-Align: Left; Height: 30px; Text-Shadow: #FFF 0 1px 0;} #TopMenu A {Text-Decoration: None; Margin-Right: 35px; Color: #666; Text-Shadow: #FFF 0 1px 0;} #TopMenu A:Hover {Text-Decoration: None; Color: #ad0c0c;} #TopMenu A.Logout {Position: Absolute; Top: 0px; Right: 30px; Text-Decoration: None; Color: #666;} A.ClearCustomer {Position: Absolute; Top: -30px; Right: -10px;} A.AddNewButton {Position: Absolute; Top: 10px; Right: 20px;} #TabContainer {Margin: 0px Auto 0px 60px;} #TabContainer td {Height: 27px; White-Space: NoWrap;} #ContentFrame {Background: url(../images/content_area_back.png) Center Top No-Repeat; Padding: 0px; Width: 906px; Margin: 25px Auto 0px Auto; } #MainContent {Width: 840px; Margin: 0px Auto 0px Auto; Position: Relative; Top: -60px;} #OldContentFrame {Background: url(../images/content_area_back.png) Center Top No-Repeat; Padding: 0px; Width: 906px; Margin: -2px Auto 0px Auto; Min-Height: 500px; Height: Auto;} #OldMainContent {Width: 840px; Margin: 0px Auto 0px Auto; Position: Relative; Top: 20px;} #NoTabsContentFrame {Background: url(../images/content_area_back.png) Center Top No-Repeat; Padding: 10px 0px 0px 0px; Width: 906px; Margin: 0px Auto 0px Auto; Min-Height: 500px; Height: Auto;} #NoTabsContent {Width: 840px; Margin: 0px Auto 0px Auto;} #ReservationConfirmFrame {Background: url(../images/content_area_back.png) Center Top No-Repeat; Padding: 10px 0px 0px 0px; Width: 906px; Margin: 0px Auto 0px Auto; Height: 500px; Display: Block;} #ReservationConfirmContent {Font: 20px/40px Palatino Linotype, Georgia,Arial, Verdana; Color: #777; Width: 840px; Margin: 100px Auto 140px; Text-Align: Center;} #ReservedServicesDates {Margin: 20px Auto 10px Auto; Overflow: Visible; Width: 600px; Height: 100px; Display: Block; Border: 0px #BBB Solid; Text-Align: Center;} A.CalendarIcon {Display: inline-block; Width: 45px; Height: 50px; Margin-Right: 10px; Background: #FFF Url(../admin/images/calendar_back.png) No-Repeat Center 3px; Text-Align: Center;} A.CalendarIcon .Month {Font: Bold 10px Arial, Tahoma, Verdana; Color: #FFF; Text-Shadow: #333 0 1px 0; Text-Transform: Uppercase; Line-Height: 20px; letter-spacing: 1px} A.CalendarIcon .Date {Font: 24px/22px Georgia, Helvetica; Color: #3a5176; Margin-Top: 0px;} #HomepageContainer {Position: Relative; Top: 20px; Left: 48px; Background: url(../images/content_area_back.png) Center Top No-Repeat; Display: Block; Width: 906px; Margin: 0px 0px 0px 0px;} #HomepageLeftContainer {Position: Relative; Top: 20px; Left: 30px; Width: 625px;} .HomepageWelcome {Position: Relative; Top: 10px; Left: 0px; Font: 22px/22px Palatino Linotype ,Arial, Verdana; Color: #555; Margin: 0px 0px 20px 0px;} #HomepageLeftContainer A.Link {Color: #ad0c0c; Text-Decoration: None;} #HomepageLeftContainer A.Link:hover {Color: #ad0c0c; Text-Decoration: Underline; } #HomepagePhoto {Margin: 60px 20px 0px -27px;} #MissingEntries {Margin: 15px 20px 20px 0px; Height: 75px; Display: Block; Font-Weight: Bold; Font-Size: 1.1em;} #ServiceAccepted {Margin: 15px 20px 0px 0px; Display: Block; Clear: Left;} #ServiceOffered {Margin: 15px 20px 0px 0px; Display: Block; Clear: Left;} #ServiceRequested {Margin: 15px 20px 0px 0px; Display: Block; Clear: Left; Height: 100px;} #HomepageNewsContainer {Position: Absolute; Top: 30px; Left: 687px; Width: 230px;} .VanChecklistIcon {Position: Relative; Top: -16px; Right: 0px;} .HomepageMessageTitle {Font: 14px/16px Arial, Verdana; Color: #555; Margin: 20px 0px 0px 10px; Width: 190px; Text-Shadow: #FFF 0 1px 0; Border-Bottom: 1px #BBB Solid;} .HomepageMessageOverview {Font: 12px/19px Arial, Verdana; Text-Align: Left; Margin: 0px 0px 0px 10px; Width: 190px;} .HomepageMessageOverview A {Color: #555555; Display: Block; Text-Decoration: None;} .HomepageMessageOverview A:Hover {Color: #ad0c0c;} .HomepageMessageContent {Font: 12px/22px Arial, Verdana; Color: #555; Text-Align: Left;} #AppointmentdetailsPopUp {Margin: 5px 0px;} #ProfileFormContainer {Width: 100%; Margin: 0px 0px 0px 0px;} .MapPopup {Font: 12px/18px Arial, Verdana; Color: #555; Margin: 0px; Text-Align: Left;} /********* Synopsis Styes *************/ Fieldset.Synopsis {Background-Color: #f3f3f3; Display: Block; Margin: 1px 0px 30px 0; Border: 0px; Border: 1px #DDD Solid; Width: 98%; Padding: 0px 5px;} * html Fieldset.Synopsis {Position: relative;} * html Legend.Synopsis {Position: Absolute; Top: -14px; Left: -10px;} * html Fieldset.Synopsis {Position: Relative; Margin-Top: 0px; Padding-Top:.75em;} .SynopsisPhoto {Padding: 0px 0px 0px 0px; Text-Align: Center; Vertical-Align: Top;} .SynopsisPhoto IMG {Margin: 0px 30px 0px 0px; Width: 180px; Border: 1px #BBB Solid; Border-Top: 1px #BBB Solid; Border-Left: 1px #BBB Solid;} #SynopsisMapContainer {Margin: 5px 0px 30px 0px;} .SynopsisRealMap {width: 600px; height: 240px; Border: 1px #AAA Solid; Text-Align: Left;} .SynopsisMap {Clip: Rect(0px 600px 240px 0px); Position: Absolute; width: 600px; height: 300px;} .Petdetails {Font: Bold 12px/18px Arial, Verdana; Color: #555;} .Petdetails B {Font: 20px/26px Arial, Verdana; Color: #555;} #CustomerFieldContainer TD.Values Input {Font: Bold 12px Arial, Verdana; Padding: 0px 0px 0px 0px; Color: #ad0c0c; Margin: 0px 2px 0px 0; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Width: 100%; Min-Width: 50px; Height: 17px; Background: Transparent;} /********* Fieldset Styes *************/ .AddressBlock {Display: Block;} Fieldset.AddressLeft {Background-Color: #fafafa; Margin: 0px 20px 30px 5px; Border: 1px #EEE Solid; Width: 365px; Padding: 0px 0px 10px 0px; Float: Left;} Fieldset.AddressRight {Background-Color: #fafafa; Margin: 0px 0px 30px 0px; Border: 1px #EEE Solid; Width: 460px; Padding: 0px 0px 10px 0px;} Fieldset {Background-Color: #fafafa; Display: Block; Margin: 1px Auto 30px Auto; Border: 1px #EEE Solid; Width: 840px; Padding: 0px 10px 10px 0px;} legend {Font: Bold 10px/16px Arial, Verdana; Vertical-Align: text-top; Letter-Spacing: 0.04em; Text-Shadow: #FFF 0 1px 0; Position: Relative; Top: -10px; Padding: 4px 10px 0px 10px; Color: #CCC; Margin: -10px 0px 0px 10px; Background: #fafafa url(../images/fiel1dset_tab_back.png) Right 0px No-Repeat; Border: 1px #EEE Solid; Border-Bottom: 0px;} #PetContactsContainer {Margin: 0px 0px 0px 0px; Width: 100%;} #PetDetails {Margin: 0px 0px 0px 0px; Width: 840px;} #CustomerFieldContainer td .BoardingType {Font: 12px Arial, Verdana; Text-Align: Left; Width: 250px; Margin: 1px 0px 0px 0px; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid;} .RadioButton {Font: Bold 10px Arial, Verdana; Margin: 0px 10px 0px 1px; Padding: 0px 0px 0px 0px; White-Space: NoWrap;} #CustomerFieldContainer {Margin: 7px Auto 15px Auto;} #CustomerFieldContainer td {Font: Bold 10px Arial, Verdana; Color: #666; Padding: 8px 10px 10px 10px; Text-Shadow: #FFF 0 1px 0;} #CustomerFieldContainer .ReadOnly {Font: Bold 12px Arial, Verdana; Text-Shadow: #FFF 0 1px 0; Color: #ad0c0c; Margin: 0px 0px 0px 0; Padding: 0px 0px 0px 2px; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Width: 100%; Background: Transparent;} #CustomerFieldContainer .TimeValue {Font: Bold 12px Arial, Verdana; Text-Shadow: #FFF 0 1px 0; Color: #ad0c0c; Margin: 0px 0px 0px 0; Padding: 0px 0px 0px 2px; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Width: 40px;} #CustomerFieldContainer td Input {Font: Bold 12px "Lucinda Grande", Arial, Verdana; Padding: 0px 0px 0px 0px; Color: #ad0c0c; Margin: 0px 2px 0px 0; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Width: 100%; Min-Width: 50px; Height: 19px; Background: Transparent;} #CustomerFieldContainer Select, .Selects Select {Font: Bold 12px Arial, Verdana; Padding: 0px 0px 0px 0px; Margin: 0px 2px 0px 0; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Width: 100%; Background-Color: #FFF;} #CustomerFieldContainer .TimeValue .inplaceeditor-form {Font: 10px Arial, Verdana; Padding: 0px; Color: #444; Width: 60px; White-Space: normal;} #CustomerFieldContainer div img {Border: 0px #DDD Solid; Border-Bottom: 0px #DDD Solid;} #CustomerFieldContainer td.CustomerName {Width: 110px;} #CustomerFieldContainer td.CustomerEmail {Width: 150px;} #CustomerFieldContainer td.CustomerPhone {Width: 85px;} #CustomerFieldContainer .TextArea, #CustomerFieldContainer TextArea {Font: 12px/18px Arial, Verdana; Color: #555; Width: 100%; Height: 80px; Border: 1px #CCC Solid; Padding: 2px 2px 2px 2px; Background-Color: #FFFFFF;} #CustomerFieldContainer Input.VetsAutoComplete {Font: Bold 12px Arial, Verdana; Text-Shadow: #FFF 0 1px 0; Padding: 0px 0px 0px 0px; Color: #ad0c0c; Margin: 0px 2px 0px 0; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Width: 100%; Background: Transparent;} img#CustomerPetPhoto {Position: Relative; Border: 2px #BBB Solid;} .CheckBoxLabelBelow {Font: Bold 10px/22px Arial, Verdana; Margin: 3px 0px 0px 0px; Display: Block;} #CustomerFieldContainer .SingleCheckBox {Font: Bold 10px Arial, Verdana; Padding: 13px 0px 0px 0px; Vertical-Align: Top; Text-align: Center; Width: 26px;} #CustomerFieldContainer .SingleCheckBox Checkbox {Margin: 0px;} #CustomerFieldContainer .SingleCheckBox IMG.StandardCheckbox {Margin: 0px 3px 0px 0px; Height: 15px; Width: 16px;} #PetDetails .PhotoColumn div {Border: 1px #DDD Solid; Border-Bottom: 0px #CCC Solid; Width: 140px; Margin: 0px 0px 0px 0px;} #FileUploadContainer {Margin: 0px Auto;} #FileUploadContainer #uploadButton .Button {Margin: 10px Auto 0px Auto; Border-Bottom: 0px;} .ShotsDivideLine {Font: Bold 10px/12px Arial, Verdana; Color: #666; Margin-Top: 22px; Border-Bottom: 1px #CCC Solid; Width: 100%; Text-align: Left; Text-Shadow: #FFF 0 1px 0;} .ShotsCheckBoxContainer {Margin: 0px 0px 0px 10px; Border-Bottom: 0px; Display: Block;} .CheckBoxContainer .DivideLine {Font: Bold 11px Arial, Verdana; Text-Shadow: #FFF 0 1px 0; Margin: 0px 2px 0px 0; Padding: 0px 0px 12px 2px; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Width: 100%; Height: 18px;} td.InlineCheckBox {Font: Bold 10px Arial, Verdana; Width: 70px; Padding: 0px 10px 15px 0px; White-Space: NoWrap; Vertical-Align: Top;} td.InlineCheckBox IMG.StandardCheckbox {Margin: 5px 0px -4px 0px; Height: 19px; Width: 19px;} .CheckBox30 {Font: Bold 10px Arial, Verdana; Margin: 0px 0px 0px 1px; Width: 25px; Padding: 0px 0px 0px 0px; White-Space: NoWrap;} .CheckBox110 {Font: Bold 10px/14px Arial, Verdana; Margin: 0px 0px 0px 5px; Width: 115px; Display: Block; Float: Left; Padding: 0px 0px 0px 0px;} .CheckBoxWeekday {Font: Bold 10px Arial, Verdana; Margin: 0px 20px 0px 5px; Display: Block; Float: Left; Padding: 0px 0px 10px 0px;} .CheckBoxWeekdayLong {Font: Bold 10px Arial, Verdana; Margin: 0px 10px 0px 1px; Display: Inline-Table; Padding: 0px 0px 0px 0px;} #LegendFieldContainer {Margin: 0px 0px 15px 0; Width: 100%;} #LegendFieldContainer td {Font: Bold 10px/14px Arial, Verdana; Color: #666; Padding: 8px 10px 3px 10px; Text-Shadow: #FFF 0 1px 0;} #LegendFieldContainer td Span {Font: Bold 12px Arial, Verdana; Text-Shadow: #FFF 0 1px 0; Padding: 0px 0px 0px 0px; Color: #ad0c0c; Margin: 0px 2px 2px 0; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Width: 100%; Height: 17px; Background: Transparent;} #LegendFieldContainer div {Font: Bold 12px Arial, Verdana; Text-Shadow: #FFF 0 1px 0; Color: #ad0c0c; Margin: 0px 2px 0px 0; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Width: 100%; Height: 14px;} #LegendFieldContainer Input {Font: Bold 12px Arial, Verdana; Padding: 0px 0px 0px 0px; Color: #ad0c0c; Margin: 0px 2px 0px 0; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Width: 100%; Min-Width: 50px; Height: 17px; Background: Transparent;} #LegendFieldContainer Input.AddressShortField {Width: 60px;} #LegendFieldContainer Input.ShortField {Width: 80px;} #LegendFieldContainer Input.ShortField2 {Width: 40px;} #LegendFieldContainer Span.Select {Font: Bold 12px/15px Arial, Verdana; COLOR: #ad0c0c; Text-Shadow: #FFF 0 1px 0; Width: 140px; Margin: 1px 0px 0px 0px; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; BACKGROUND: url(../images/select.gif) Right Bottom no-repeat; OVERFLOW: hidden; POSITION: absolute;} #LegendFieldContainer Span.selectshort {Font: Bold 12px/15px Arial, Verdana; COLOR: #ad0c0c; Text-Shadow: #FFF 0 1px 0; Width: 80px; Margin: 1px 0px 0px 0px; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; BACKGROUND: url(../images/select.gif) Right Bottom no-repeat; OVERFLOW: hidden; POSITION: absolute;} #LegendFieldContainer Span.selectlong {Font: Bold 12px/15px Arial, Verdana; COLOR: #ad0c0c; Text-Shadow: #FFF 0 1px 0; Width: 180px; Margin: 1px 0px 0px 0px; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; BACKGROUND: url(../images/select.gif) Right Bottom no-repeat; OVERFLOW: hidden; POSITION: absolute;} #LegendFieldContainer td td.FormColumnShort {Padding: 0px 20px 0px 0px;} #LegendFieldContainer td td.FormColumnShortText {Line-Height: 17px; Padding: 0px 0px 0px 0px; Width: 348px;} td.FormColumn {Width: 180px; Text-Align: Left;} td.FormColumnAddress {Padding: 15px 10px 0px 1px;} td.FormColumn1 {Padding: 15px 10px 0 0; Width: 150px;} td.FormColumn2 {Padding: 15px 10px 0 0; Width: 270px;} td.FormColumn3 {Padding: 15px 10px 0 0; Width: 100px;} td.FormColumn4 {Padding: 15px 10px 5px 10px; Width: 300px;} td.PhotoColumn {Padding: 15px 0px 0px 0px; Width: 120px; Text-Align: Center; Vertical-Align: Top;} td.PhotoColumn IMG {Margin: 15px 0 5px 0px;} #LegendFieldContainer textarea {Font: 12px/18px Arial, Verdana; Color: #555; Width: 100%; Height: 80px; Border: 1px #CCC Solid; Padding: 2px 2px 2px 2px;} .FieldSetSubmit {Width: 99%; Text-Align: Center; Margin: 0px Auto 15px Auto;} .EditButton {Margin-Top: 5px; Text-Align: Right;} textarea.CheckBox {Font: 12px Arial, Verdana; Color: #555; Border: 1px #AAA Solid; Margin: 2px 0px 3px 0px; Padding: 2px 3px 2px 1px; Width: 400px; Height: 100px;} textarea.TextAreaNarrow {Font: 12px Arial, Verdana; Color: #555; Border: 1px #AAA Solid; Margin: 2px 0px 3px 0px; Padding: 2px 3px 2px 1px; Width: 348px; Height: 80px;} textarea.CustomerNotes {Font: 12px/20px Arial, Verdana; Color: #555; Padding: 3px 6px; Width: 240px; Height: 80px; Border: 1px #AAA Solid;} textarea.CustomerNotes2 {Font: 12px/12px Arial, Verdana; Width: 350px; Height: 70px; Border: 1px #AAA Solid;} /********* CheckBox/Radio Button Styes *************/ SPAN.radio {CLEAR: left; Padding-RIGHT: 5px; DISPLAY: block; Padding-LEFT: 0px; BACKGROUND: url(../images/radio_buttons.png) no-repeat; FLOAT: left; Padding-BOTTOM: 0px; WIDTH: 25px; Padding-TOP: 0px; HEIGHT: 25px} .RadioButtonLabel {Font: Bold 10px Arial, Verdana; Margin: 0px 0px 0px 1px; Width: 70px; Display: Inline-Table; Padding: 0px 0px 0px 0px;} IMG.StandardCheckbox {Margin: 10px 0px -4px 0px; Height: 19px; Width: 19px;} IMG.SmallCheckbox {Margin: 0px 5px -2px 0px; Height: 16px; Width: 16px;} .CheckBox {Font: Bold 10px Arial, Verdana; Margin: 0px 20px 0px 1px;} .PersonalityDivideLine {Font: Bold 10px/16px Arial, Verdana; Color: #666; Margin-Top: 0px; Border-Bottom: 1px #CCC Solid; Width: 100%; Text-align: Left; Text-Shadow: #FFF 0 1px 0;} .AvailabilityCheckBoxContainer {Padding: 0px 0px 0px 10px;} .AvailabilityCheckBoxContainer IMG.StandardCheckbox {Margin: 0px 0px -4px 0px; Height: 19px; Width: 19px;} .AvailabilityDivideLine {Font: Bold 10px/11px Arial, Verdana; Color: #666; Margin: 4px 0 0px 0px; Padding-Bottom: 6px; Border-Top: 1px #CCC Solid; Width: 100%; Text-align: Left; Text-Shadow: #FFF 0 1px 0; Height: 24px;} #SynopsisCheckboxContainer IMG.StandardCheckbox {Margin: 0px 0px -4px 0px;} .SynopsisCheckbox {Font: Bold 10px Arial, Verdana; Margin: 0px 0px 0px 1px; Width: 90px; Display: Inline-Table; Padding: 0px 0px 0px 0px;} .CheckBoxLabelBelow {Font: Bold 10px/22px Arial, Verdana; Margin: 3px 0px 0px 0px; Display: Block;} #LegendFieldContainer .SingleCheckBox {Font: Bold 10px Arial, Verdana; Padding: 13px 0px 0px 0px; Vertical-Align: Top; Text-align: Center; Width: 26px;} #LegendFieldContainer .SingleCheckBox Checkbox {Margin: 0px;} #LegendFieldContainer .SingleCheckBox IMG.StandardCheckbox {Margin: 0px 3px 0px 0px; Height: 15px; Width: 16px;} #WalkerNoteContainer {Margin: 0px Auto 10px Auto; Width: 840px} #WalkerNoteContainer td {Border-Bottom: 1px #CCC Solid; Vertical-Align: Top; Padding: 5px 0px 8px;} #WalkerNoteContainer .NoteDate {Width: 80px;} #WalkerNoteContainer .NoteType {Width: 110px;} #WalkerNoteContainer .NoteContents {Width: 560px;} #WalkerNoteContainer .NoteWalker {Width: 90px;} /********* Details PopUp Styes *************/ #DetailsPopUpHeader {Width: 560px; Margin: 0px Auto 0px Auto; Height: 180px; Clear: Both;} .DetailsPopUpLogo {Width: 200px;} .DetailsPopUpContent {Float: Right; Text-Align: Right; Vertical-Align: Bottom; Margin: 28px 10px 0px Auto;} .DetailsPopUpName {Font: Bold 15px/24px Arial, Verdana;} .DetailsPopUpTimeslot {Font: 18px Arial, Verdana;} .DetailsPopUpDate {Font: 15px/20px Arial, Verdana;} #PopUpContentContainer {Margin: 0px Auto 20px Auto; Width: 510px;} td.PetPhoto {Padding: 0px 0px 0px 0px; Width: 90px; Text-Align: Left; Vertical-Align: Top; Height: 100px;} td.PetPhoto IMG {Border: 1px #BBB Solid; Border-Top: 1px #BBB Solid; Border-Left: 1px #BBB Solid; Width: 80px;} td.CustomerDetails {Font: 11px/16px Arial, Verdana; Padding: 3px 0 0 6px; Text-Align: Left; Vertical-Align: Top;} td.CustomerDetails A {Font: 18px/22px Arial, Verdana; Color: #555;} td.WalkerNote {Font: 11px/18px Arial, Verdana; Padding: 0px 0 6px 100px; Text-Align: Left; Vertical-Align: Top; Border-Bottom: 1px #BBB Solid;} td.WalkerNote .NoteType {Font: Bold 11px Arial, Verdana; Text-Shadow: #FFF 0 1px 0; Color: #ad0c0c;} td.AppointmentTimes {Font: Bold 10px/12px Arial, Verdana; Padding: 5px 10px 0px; Text-Align: Left; Width: 70px; Vertical-Align: Top;} td.AppointmentTimes Input {Font: Bold 12px Arial, Verdana; Text-Shadow: #FFF 0 1px 0; Padding: 0px 0px 0px 0px; Color: #ad0c0c; Margin: 3px 2px 2px 0; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Width: 100%; Height: 17px; Background: Transparent;} /********* Customer Payments Styes *************/ #CustomerPayments {Margin: 10px Auto; Width: 80%;} /********* Employee Schedule Styes *************/ #TimeSheetHeader {Margin: 0px 0px 0px 0px; Width: 100%;} #TimeSheetHeader td.Date {Font: 22px Georgia, Arial, Verdana; Color: #777; Margin: 0px 0px 0px 0px; Text-Align: Left; Width: 700px;} #TimeSheetHeader td.VehicleMileage {Width: 90px; Font: Bold 10px Arial, Verdana; Color: #666; Padding: 8px 10px 10px 10px; Text-Shadow: #FFF 0 1px 0;} #TimeSheetHeader td.VehicleMileage .FormValue {Width: 100%; Font: Bold 12px Arial, Verdana; Text-Shadow: #FFF 0 1px 0; Color: #ad0c0c; Margin: 0px; Padding: 0px; Border: 1px #f3f3f3 Solid; Border-Bottom: 1px #CCC Solid;} #TimesheetSubmitButtons {Margin: 0px Auto;} #EmployeeScheduleContainer {Margin: 0px 0px 0px 0px; Width: 100%;} #EmployeeInputContainer {Margin: 0px Auto 20px Auto; Width: 99%;} #EmployeeInputContainer td {Color: #555;} #EmployeeInputContainer td.DetailsCheckbox {Vertical-Align: Top; Padding: 8px 0px 0px 0px; Width: 16px;} #EmployeeInputContainer td.ServiceIcon {Vertical-Align: Middle; Padding: 2px 0px 0px 0px; Border-Bottom: 1px #CCC Solid;} #EmployeeInputContainer td.ServiceIcon IMG {Width: 52px;} #EmployeeInputContainer td.PetFullName {Font: 17px Georgia,Arial, Verdana; Width: 140px; Vertical-Align: Middle; Padding: 3px 10px 0px 0px;} #EmployeeInputContainer td.FieldInput {Font: Bold 10px/10px Arial, Verdana; Padding: 15px 20px 10px 0px;} #EmployeeInputContainer td.FieldInput span OL { Font: Bold 12px/14px Verdana; Width: 360px; Display: Block;} #EmployeeInputContainer td.WalkerNotes {Font: Bold 10px/12px Arial, Verdana; Padding: 15px 20px 10px 0px; White-Space: NoWrap; Width: 350px;} #EmployeeInputContainer Input {Font: Bold 12px Arial, Verdana; Padding: 0px 0 0 1px; Color: #ad0c0c; Margin: 0px 2px 0 0; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Width: 60px; Height: 17px} #EmployeeInputContainer Input.WalkerNote {Font: Bold 12px Arial, Verdana; Padding: 0px 0 0 1px; Color: #ad0c0c; Margin: 0px 2px 0 0; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Width: 100%; Height: 17px} #EmployeeInputContainer td.CreateNoteIcon {Padding: 15px 0px 0px 0px; Width: 40px;} #EmployeeInputContainer .DivideLine td {Border-Bottom: 1px #CCC Solid; Color: #555;} #EmployeeInputContainer td.PickUpNote {Padding: 0px 0px 5px 0px;} #EmployeeInputContainer td.CustomerSynopsis {Font: 13px Arial, Verdana; Padding: 0px 10px 0 0px; Vertical-Align: Top;} .PagingResults {Margin: 0px 0px 5px 675px;} .PagingResults Span.Select_Short {Font: Bold 12px/18px Arial, Verdana; COLOR: #ad0c0c; Text-Shadow: #FFF 0 1px 0; Text-Align: Left; Width: 50px; Margin: 1px 0px 0px 0px; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; BACKGROUND: url(../images/select.gif) Right Bottom no-repeat; OVERFLOW: hidden; POSITION: absolute;} #AppointmentSelectionNav {Font: Bold 13px/18px Arial, Verdana; Padding: 10px; Width: 100%; Text-Align: Center; Border: 1px #AAA Solid;} Select.SelectLocation {Font: 12px Arial, Verdana; Width: 230px; Margin-Right: 3px;} Select.Search {Font: 12px Arial, Verdana; Width: 100px; Margin-Right: 3px;} Select.Customer {Font: 12px Arial, Verdana; Width: 180px; Margin-Right: 3px;} Select.Month {Font: 12px Arial, Verdana; Width: 90px; Margin-Right: 4px;} Select.Year {Font: 12px Arial, Verdana; Width: 70px; Margin-Right: 3px;} Select.Short {Font: 12px Arial, Verdana; Width: 60px; Margin-Right: 3px;} Input.SearchPeriod {Font: 12px Arial, Verdana; Width: 70px; Margin-Right: 3px;} Input.Long {Font: 12px Arial, Verdana; Width: 250px; Margin-Right: 3px;} Input.Short {Font: 12px Arial, Verdana; Width: 70px; Margin-Right: 3px;} .Input1 {Font: 12px Arial, Verdana; Width: 90px; Margin-Right: 10px;} .Input2 {Font: 12px Arial, Verdana; Width: 120px; Margin-Right: 10px;} .Input3 {Font: 12px Arial, Verdana; Width: 150px; Margin-Right: 10px;} .Input4 {Font: 12px Arial, Verdana; Width: 180px; Margin-Right: 10px;} .Input5 {Font: 12px Arial, Verdana; Width: 210px; Margin-Right: 10px;} /******** Form Styles Start ********/ #FormFieldTable {Margin: 0px;} #FormFieldTable td {Font: 11px/18px Arial, Verdana; Padding-Right: 10px;} input[type=submit],input[type=Button] {Width: 120px; Height: 20px; Font: Bold 11px Arial, Verdana; Color: #555; Background: #FFF url(../images/form_button_back.png) No-Repeat; Border: 0px; Cursor: Pointer; Vertical-Align: Top; Padding-Bottom: 0px; Margin-Bottom: 20px; Text-Shadow: #FFF 0 1px 0; Character-Spacing: 1px;} input[type=submit]:Hover,input[type=Button]:Hover {Width: 120px; Height: 20px; Font: Bold 11px/14px Arial, Verdana; Color: #333; Background: #FFF url(../images/form_button_back-over.png) No-Repeat; Border: 0px; Vertical-Align: Top; Text-Shadow: #FFF 0 1px 0; Character-Spacing: 1px;} /* Input {Font: 12px Arial, Verdana; Height: 19px; Padding: 0px 0px 0px 2px; Margin: 0px 2px 0px 0px; Border: 1px #AAA Solid;} select {Font: 11px Arial, Verdana; Margin-Right: 5px; Color: #555; Top: -3px; Width: 80%;} */ /******** Mapping Page Styles Start ********/ #WalkerList {Font: 11px/16px Arial, Verdana; Color: #666; Margin: 10px 0 10px 40px; Text-Align: Left; Width: 840px;} #WalkerList B {Margin-Right: 0px; Width: 90px; Display: Block; Float: Left;} #MappingContent {Clear: Left;} #MappingContent td {Font: 11px Arial, Verdana; Color: #666; Padding-Bottom: 10px;} #MappingContent td B {Font: Bold 12px Arial, Verdana; Color: #444;} Input.NewAppArea {Font: Bold 12px Arial, Verdana; Padding-Top: 0px; Color: #ad0c0c; Margin: 4px 8px 0px 7px; Border: 0px #DDD Solid; Border-Bottom: 1px #AAA Solid; Width: 20px; Height: 20px} /* input[type=Submit] {Font: Bold 12px Arial, Verdana; Text-Shadow: #FFF 0 1px 0; Padding: 0px 10px; Color: #ad0c0c; Margin: 0px; Border: 1px #AAA Solid; Background-Color: #FFF; } */ input[type=reset] {Font: 10px Verdana; Color: #555; Border: 1px #AAA Solid; Margin: 0px 15px 3px 0px; Padding: 0px 3px 0px 3px; height: 20px;} .SmallRadio {Margin: 10px 0px 0px 0px; border: 0px; Height: 28px;} input[disabled] {Color: #FFF!important; Margin: 0px 2px 0 0; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Background-Color: #FFF; } #AddNewUser {Margin: 10px 0px; Border: 0px #AAA Solid; Width: 100%;} #AddNewUser td {Padding: 5px 0px 4px 10px;} #TopPagingNav {Margin: 0px Auto; Width: 98%;} #BottomPagingNav {Margin: 10px Auto; Width: 98%;} #BottomPagingNav td {Font-Weight: Bold;} #ListControlsContainer {Margin: 10px Auto 0px;} #ListControlsContainer td {Font: Bold 12px/12px Arial, Verdana; Color: #999; Padding: 0px 5px 10px 0px;} #ListControlsContainer td input[type=text], #ListControlsContainer td select.SearchFilter {Font: 11px Arial, Verdana; Color: #666; Border: 1px #AAA Solid;} #ListControlsContainer td IMG {Border: 0px; Margin: 0px -5px 0px Auto;} #ListTableHeader {Margin: 0px 0px 0px 0px; Width: 100%;} #ListTableHeader td {} #ListTableContainer {Margin: 0px 0px 5px 0px; Border: 1px #AAA Solid; Border-Bottom: 1px #DDD Solid; Width: 100%;} #ListTableContainer td {Font: 12px Arial, Verdana; Padding: 10px 5px 7px 10px; Border-Bottom: 1px #DDD Solid; Vertical-Align: Middle;} #ListTableContainer td a {Display: Block;} #ListTableContainer td.DeleteColumn {Width: 25px; Text-Align: Center; Padding: 5px 0px 0px 0px;} #ListTableContainer td.ServiceIcon {Border-Bottom: 1px #DDD Solid; Width: 25px; Vertical-Align: Top; Text-Align: Center; Padding: 0px 6px 0px 4px;} #ListTableContainer td.IdNumber {Font: 11px Arial, Verdana; Color: #888; Width: 10px; Padding: 0 5px 0 9px;} #ListTableContainer td.IdNumber A {Font: 11px Arial, Verdana; Color: #AAA;} #ListTableContainer td.FirstName {Padding: 0 0 0 8px;} #ListTableContainer td.LastName {Padding: 0 0 0 8px;} TH.LastName {Padding: 1px 10px 0px 0px;} TR.TableRowOver td {Background: url(../images/table_row_over.png) Center Bottom Repeat-Y; Cursor: Pointer;} TR.TableRowOut {Background: Transparent;} TR.TableRowOver A {Color: #ad0c0c; Font-Weight: 500;} TR.TableRowOut {Font-Weight: 500;} td.ApprovalIcons {Width: 80px; Padding-Right: 0px; Text-Align: Right; Vertical-Align: Middle;} td.ApprovalIcons A {Display: inline; Padding-Left: 4px;} td.ApprovalIcons A IMG {Margin-Top: 4px;} td.AppManageIcons {Width: 60px; Padding-Right: 0px; Text-Align: Right;} td.AppManageIcons A {Padding-Left: 4px;} td.AppManageIcons A IMG {Margin-Top: 4px;} td.DetailsColumn {Width: 40px; Padding-Right: 8px; Text-Align: Center;} td.DateColumn {Width: 65px; Padding-Right: 8px; Text-Align: Left;} td.CustomerName {Width: 170px; Padding-Left: 18px; Padding-Right: 8px; Text-Align: Left;} td.WalkerName {Width: 140px; Padding-Right: 8px; Text-Align: Left;} td.AppointmentsDateColumn {Width: 220px; Padding-Right: 8px; Text-Align: Left;} td.DeleteColumn img {Padding: 0px 0px 0px 0px;} td.NoteIcon {Width: 24px; Text-Align: Center;} td.NoDeleteColumn {Width: 5px; Padding: 0px; Text-Align: Center;} /* Reason list below appointment overview*/ #BookingPackageDetails {Margin: 50px 0px 0 20px; Width:100%;} .RemainingPackageValue {Font: 18px Arial, Verdana; Color: #b70404; Border: 0px; Margin: 0px; Width: 40px; Background-Color: Transparent;} .AdminRemainingPackageValue {Font: 18px Arial, Verdana; Color: #b70404; Border: 0px; Margin: -5px 0px 0px 30px; Width: 40px; Background-Color: Transparent; Text-Align: Right;} /* All text which not appears in the calendar view */ #CalendarBookings {Font: Bold 11px Arial, Verdana; Width: 100%; Margin: 0px 0px 0px 0px;} #CalendarBookings td.Details {Font: Bold 12px Arial, Verdana; Text-Align: Left; Vertical-Align: Bottom; Height: 29px; Padding: 0px 0 6px 00px;} #CalendarBookings td.Checkbox {Font: Bold 11px Arial, Verdana; Width: 30px; Text-Align: Left; Vertical-Align: Top;} /* Text of the e-mail form */ .mailform {font-weight:bold; } /* Cancelled appointments*/ .Cancelled {text-decoration:line-through;} /********** General Styles Start ****************/ Form {Margin: 0px;} Img {Border: 0px;} table {Border-Collapse: Collapse; Border-Spacing: 1px; Empty-Cells: Show;} td, P {Font: 11px/18px Arial, Verdana; Color: #444;} HR {Margin: 10px 0px; Height: 0px; Border-Top: 1px #CCC Solid; Width: 100%;} small {Font: Bold 9px/12px Arial; Color: #777;} input, Select { Outline: None;} #ListTableContainer th {Font: Bold 11px/28px Arial, Verdana; Color: #666; Padding: 1px 10px 0px 10px; Text-Align: Left; Background: #e9e8e8 url(../images/table_head_back.png) 0px 0px Repeat-Y; Height: 30px;} #ListTableContainer th a {Font: Bold 11px Arial, Verdana; Color: #666;} A {Color: #555555; Text-Decoration: None;} A:hover {Color: #ad0c0c; Text-Decoration: None; } B.Home {Font: Normal 18px Georgia, Arial, Verdana; Color: #ad0c0c; Margin: 0px 0px 10px 0px; Text-Align: Left;} A.Link {Color: #555555; Text-Decoration: Underline;} A.Link:hover {Color: #ad0c0c; Text-Decoration: Underline; } .FieldInput A.Toggle {Color: #666; Margin-Bottom: 10px;} .FieldInput A.Toggle:hover {Color: #ad0c0c;} H1.PageHeader {Font: 20px/40px Helvetica, Arial, Verdana; Color: #BBB; Margin: 0px 0px 0px 51px; Text-Align: Left;} H1.NoPageHeader {Height: 15px;} H1.SubPageHeader {Font: 18px/16px Georgia, Arial, Verdana; Color: #BBB; Margin: 0px 0px 10px 0px; Text-Align: Left;} H1 {Font: 20px/40px Georgia, Arial, Verdana; Color: #777; Margin: 5px 0px 0px 0px; Text-Align: Left;} H1.PopUp {Font: 23px/30px Georgia, Arial, Verdana; Color: #b70404; Margin: 10px 0 5px 5px; Width: 100%; Text-Align: Center;} H1.Error {Font: 16px/18px Arial, Verdana; Color: #b70404; Margin: 140px Auto 30px; Text-Align: Center;} H1.LoginError {Font: Bold 16px/18px Arial, Verdana; Color: #b70404; Margin: 0px Auto 0px; Text-Align: Center;} H1.FieldError {Font: 16px/18px Arial, Verdana; Color: #b70404; Margin: 10px Auto 10px; Text-Align: Center;} H2 {Font: 20px/30px Palatino Linotype, Georgia,Arial, Verdana; Color: #777; Margin: 20px 0 20px 0px; Width: 100%; Text-Align: Center;} H3 {Font: 18px/30px Georgia,Times, Arial, Verdana; Margin: 0px 0px 0px 0px; Text-Align: Center;} .SubHeadText {Font: Bold 15px/20px Times,Lucida Grande, Geneva, Arial, Verdana; Text-Transform: Uppercase; White-Space: NoWrap; Padding: 1px 160px 0px 0px; Background: url(images/subhead_underline.png) Right 0px No-Repeat;} H4 {Font: 20px/32px Georgia, Arial, Verdana; Color: #777; Margin: 0px 0px 0px 0px; Text-Align: Left;} H5 {Font: Bold 13px/30px "Lucida Grande",Arial, Verdana; Color: #999; Margin: 0px 0px 5px 0px;} H6 {Font-Weight: Normal; Font-Size: 16px; Color: #FFF; Margin: 0px 0px 5px 0px;} img.PageNavButton {Margin: 0px 2px;} #SelectIconFrame {Float: Left; Width: 150px; border:1px solid #AAA; Margin: 25px; Padding: 5px;} #SelectIconFrame:Hover {border:1px solid #ad0c0c; Background: #eee;} #SelectIconName {Font: Bold 11px/18px Arial, Verdana; Color: #555; Margin: 0px; Text-Align: Center;} /************* Recurring Calendar Styles ********************/ #RecurringCalendarContainer {Background: #FFFFFF url(../images/recurring_calendar_back.png) 0px 0px No-Repeat; Margin: 20px Auto; Width: 849px; Height: 120px;} #RecurringCalendarContainer TH {Font: Bold 11px/8px Arial, Verdana; Padding-Top: 9px; Color: #555; Height: 20px; Vertical-Align: Top; Text-Align: Center; Background: None;} #RecurringCalendarContainer td {Color: #444; text-align: Center; Border-Top: 1px #666 Solid; Border-Left: 1px #666 Solid; Border-Right: 1px #CCC Solid; Border-Bottom: 1px #CCC Solid; Vertical-Align: Top;} #RecurringCalendarContainer td.WeekDays {Background-Color: #FFFFFF;} #RecurringCalendarContainer td.Weekends {Background-Color: #E9E9E9;} #RecurringCalendarContainer Select.Recurring {Font: 11px Arial, Verdana; Color: #444; Width: 80px; Margin: 6px 0px 2px 0px;} #RecurringCalendarContainer .Totals {Font: Bold 16px Times, Arial, Verdana; Margin-Top: 10px; Color: #555; Height: 20px;} #RecurringCalendarContainer IMG {Margin: 8px Auto;} #RecurringCalendarContainer .RecurringWeekend {Color: #444; Background: #FFFFFF url(../images/recurring_date_back.png)Repeat; text-align: Center; Padding: 4px 0 0 7px; Border-Top: 1px #666 Solid; Border-Left: 1px #666 Solid; Border-Right: 1px #CCC Solid; Border-Bottom: 1px #CCC Solid; Width: 50px; Height: 50px;} #RecurringCalendarContainer .RecurringWeekend:Hover { Background: #FFFFFF url(../images/recurring_date_back.png)Repeat;} #RecurringCalendarContainer .RecurringWeekDay {Color: #444; Background: #FFFFFF url(../images/recurring_date_back.png)Repeat; text-align: Center; Padding: 3px 0 0 6px; Border-Top: 1px #666 Solid; Border-Left: 1px #666 Solid; Border-Right: 1px #CCC Solid; Border-Bottom: 1px #CCC Solid; Width: 50px; Height: 50px;} #RecurringCalendarContainer .RecurringWeekDay:Hover { Background: #FFFFFF url(../images/recurring_date_back.png)Repeat;} /************* Booking Calendar Icon Styles ********************/ #AdminReserveContainer {Margin: 10px Auto 0px; Width: 70px;} #AdminReserveContainer td.AdminReserveWalkIconTop, #AdminReserveContainer td.AdminReservePuppyIconTop {Width: 43px; Text-Align: Center; Height: 25px; Border-Top: 0px #DDD Solid; Vertical-Align: Middle; Padding: 0px;} #AdminReserveContainer td.AdminReserveWalkIcon, #AdminReserveContainer td.AdminReservePuppyIcon {Width: 43px; Text-Align: Center; Height: 25px; Border-Top: 1px #DDD Solid; Vertical-Align: Middle; Padding: 0px;} #AdminReserveContainer td.AdminReserveWalkIconTop:Hover img.on, #AdminReserveContainer td.AdminReserveWalkIconTop img.on, #AdminReserveContainer td.AdminReserveWalkIcon:Hover img.on, #AdminReserveContainer td.AdminReserveWalkIcon img.on {Background: url(../admin/images/calendar_icon_walk-selected.png) 0px 0px No-Repeat; Cursor: Pointer; Height: 25px;} #AdminReserveContainer td.AdminReservePuppyIconTop:Hover img.on, #AdminReserveContainer td.AdminReservePuppyIconTop img.on, #AdminReserveContainer td.AdminReservePuppyIcon:Hover img.on, #AdminReserveContainer td.AdminReservePuppyIcon img.on {Background: url(../admin/images/calendar_icon_puppy-selected.png) 0px 0px No-Repeat; Cursor: Pointer; Height: 25px;} #AdminReserveContainer td.AdminReserveValueTop {Font: Bold 11px/20px Arial, Verdana; Width: 50px; Text-Align: Center; Height: 25px; Border-Top: 0px #DDD Solid; Vertical-Align: Middle; Padding: 0px;} #AdminReserveContainer td.AdminReserveValue {Font: Bold 11px/20px Arial, Verdana; Width: 50px; Text-Align: Center; Height: 25px; Border-Top: 1px #DDD Solid; Vertical-Align: Middle; Padding: 0px;} /************* Calendar Styles ********************/ #ReserveCalendar {Background: #FFF url(../images/large_calendar_back.png) 0px 0px No-Repeat; Padding: 0px; Width: 790px; Margin: 20px Auto 10px;} .PetName {Font: Bold 18px/22px Arial, Verdana; Color: #FFF; Margin: 0px; Padding: 0px;} .NoPetName {Font: Bold 18px/22px Arial, Verdana; Color: #FFF; Margin: 0px; Padding: 0px;} #OverviewCalendar {Background: url(../images/large_calendar_back.png) 0px 0px No-Repeat; Padding: 0px; Width: 790px; Margin: 0px Auto;} #OverviewValuesContainer {Margin: 15px 10px 0px 10px; Width: 70px; Empty-Cells: Show; Border-collapse: Collapse;} #OverviewValuesContainer td.OverviewValueHeader {Font: Bold 11px/12px Arial, Verdana; Background: None; Height: 10px; Text-Align: Center; Padding: 0px;} #OverviewValuesContainer td.OverviewValue {Text-Align: Center; Height: 20px; Border-Top: 1px #DDD Solid; Vertical-Align: Top; Padding: 0px;} #OverviewValuesContainer td.OverviewValue A {Font: Bold 11px/20px Arial, Verdana; Color: #555; Margin: 0px; Padding: 0px;} #OverviewValuesContainer td.OverviewValue A:Hover {Color: #ad0c0c;} .OverviewCalendarCell A.TimeSheet {Font: Bold 11px/12px Arial, Verdana; Color: #eee; Margin-Bottom: 4px; Padding: 0px; Text-Align: Center;} .OverviewCalendarCell:Hover A.TimeSheet {Color: #777;} .OverviewCalendarCell:Hover A.TimeSheet:Hover {Color: #ad0c0c;} .BoardingCheckBox {Font: Bold 10px/10px Arial, Verdana; Color: #555; Margin: 0px 4px 0px 0px; Display: Block; Float: Left; Padding: 0px 0px 0px 0px;} #BoardingCheckboxes { Width: 700px; Display: Block; Height: 70px; Overflow: Visible; Height: 120px; Margin: 10px 30px 6px Auto;} .BoardingCheckBox img {Width: 16px; Height: 16px; Margin: Auto 6px -2px 0px;} .BoardingCheckBox {Height: 26px; Min-Width: 150px; Display: In-Line;} #BoardingCheckboxes .BoardingCheckBox:Hover img.on, #BoardingCheckboxes .BoardingCheckBox img.on {Background: url(../admin/images/small_checkbox-checked.png) 0px 0px No-Repeat; Cursor: Pointer;} #BoardingCheckboxes .BoardingCheckBox img.off {Background: url(../admin/images/small_checkbox.png) 0px 0px No-Repeat; Cursor: Pointer;} #CalendarNav {Margin: 0px 0px 0 15px; Vertical-Align: Top; Width: 260px;} Select.Month {Font: 12px Arial, Verdana; Width: 90px; Margin: 0 5px 4px 0;} Select.Year {Font: 12px Arial, Verdana; Width: 70px; Margin: 0 5px 4px 0;} td.CalendarNavBtn {Height: 22px; Text-Align: Right; White-Space: NoWrap;} #OverviewCalendarNav {Margin: 3px 0 0 18px; Vertical-Align: Top; Width: 95%;} #OverviewCalendarNav td {Vertical-Align: Top; Padding: 3px 0 0 0;} #OverviewCalendarNav td.CalendarNavBtn {Vertical-Align: Bottom; Padding: 0px 0 0 0;} #DatePickerCalendar {Background: #FFFFFF url(../images/table_background.gif) 0px 0px No-Repeat; Padding: 0px; Width: 473px;} td.CalendarFrame {Border: 0px #BBB Solid; Border-Top: 0px; width: 100%; Text-Align: Center;} #CustomerBookingCalendar {Font: 11px Arial, Verdana; width: 100%;} #CustomerBookingCalendar tr.header th {Font: Bold 11px/8px Arial, Verdana; Color: #555; Height: 17px; Vertical-Align: Top; Text-Align: Center; Padding: 0px;} #CustomerBookingCalendar td .CalendarDate {Font: Bold 11px/5px Arial, Verdana; Color: #999; Position: Relative; Z-Index: 3; Top: 8px; Left: 4px;} #CustomerBookingCalendar tr.OtherMonth td.OtherMonth {Height: 0px; Display: None;} #CustomerBookingCalendar td.Past .CalendarDate {Color: #999;} #CustomerBookingCalendar td.Past .CalendarCheckbox {Display: None;} #CustomerBookingCalendar td.Past Img {Display: None;} #CustomerBookingCalendar td.Past {Background-Color: #E4E4E4; Text-Align: Left; Border-Top: 1px #BBB Solid; Border-Left: 1px #BBB Solid; Border-Right: 1px #CCC Solid; Border-Bottom: 1px #CCC Solid;} #CustomerBookingCalendar td {Padding: 0px; Width: 62px; Height: 57px; Vertical-Align: Top; Text-Align: Left; Border-Top: 1px #222 Solid; Border-Left: 1px #222 Solid; Border-Right: 1px #AAA Solid; Border-Bottom: 1px #CCC Solid;} #CustomerBookingCalendar td.WeekDay {Background-Color: #FFFFFF;} #CustomerBookingCalendar td.WeekDay:Hover {Background-Color: #EEE;} #CustomerBookingCalendar td.Weekend {Background-Color: #F1F1F1;} #CustomerBookingCalendar td.Weekend:Hover {Background-Color: #E2E2E2;} #CustomerBookingCalendar .AvailableIcon, #CustomerBookingCalendar .RequestedIcon, #CustomerBookingCalendar .ReservedIcon {Display: Block; Text-Align: Center; Margin: Auto; Cursor: Pointer;} #CustomerBookingCalendar #WalkCheckBox .on {Width: 50px; Height: 50px; Background: url(../images/checkbox-checked.gif) 0px 0px No-Repeat;} #CustomerBookingCalendar #PuppyCheckBox .on {Width: 50px; Height: 50px; Background: url(../images/puppy_icon-checked.gif) 0px 0px No-Repeat;} #CustomerBookingCalendar #CatCheckBox .on {Width: 50px; Height: 50px; Background: url(../images/cat_icon-checked.gif) 0px 0px No-Repeat;} #CustomerBookingCalendar .Today .CalendarDate {Color: #ad0c0c;} #CustomerBookingCalendar .Today {Background-Color: #e8e1c4; text-align: Left; Padding: 0px 0px 0px 0px; Border-Top: 1px #444 Solid; Border-Left: 1px #444 Solid; Border-Right: 1px #AAA Solid; Border-Bottom: 1px #AAA Solid;} #DatePickerCalendar {Background: #FFFFFF url(../images/table_background.gif) 0px 0px No-Repeat; Padding: 0px; Width: 473px;} td.CalendarFrame {Border: 1px #BBB Solid; Border-Top: 0px; width: 100%; Text-Align: Center;} #mycalendar {Font: 11px Arial, Verdana; width: 100%; height: 100%; border-collapse: collapse;} #mycalendar td {Width: 62px; Height: 57px; Vertical-Align: Top; } #mycalendar .header {Font: Bold 11px/8px Arial, Verdana; Color: #555; Height: 20px; Vertical-Align: Top; Text-Align: Center; Padding: 0px;} #mycalendar .OtherMonth {Background-Color: #DDD; Color: #dddddd; Height: 0px; Font: 0px/1px Times, Arial, Verdana;} #mycalendar .PastWeekend {Color: #FFF;Background-Color: #FFFFFF; text-align: Left; Padding: 0px 0 0 7px; Border-Top: 1px #BBB Solid; Border-Left: 1px #BBB Solid; Border-Right: 1px #CCC Solid; Border-Bottom: 1px #CCC Solid;} #mycalendar .PastWeekend .CalendarCheckbox {Display: None;} #mycalendar .PastWeekend .ReservedIcon {Opacity: 0.6; filter: alpha(opacity=60);} #mycalendar .Pastdays {Background-Color: #FFFFFF; Color: #555; text-align: Left; Padding: 0px 0 0 7px; Border-Top: 1px #BBB Solid; Border-Left: 1px #BBB Solid; Border-Right: 1px #CCC Solid; Border-Bottom: 1px #CCC Solid;} #mycalendar .Pastdays .CalendarCheckbox {Display: None;} #mycalendar .Pastdays .ReservedIcon {Opacity: 0.6; filter: alpha(opacity=60);} #mycalendar .WeekDay, #mycalendar .AdminWeekDay {Color: #444; Background-Color: #FFFFFF; text-align: Left; Padding: 0px 0 0 7px; Border-Top: 1px #666 Solid; Border-Left: 1px #666 Solid; Border-Right: 1px #CCC Solid; Border-Bottom: 1px #CCC Solid;} #mycalendar .WeekDay:Hover {Background-Color: #EEE;} #mycalendar .Weekend, #mycalendar .AdminWeekend {Color: #444; Background-Color: #E9E9E9; text-align: Left; Padding: 0px 0 0 7px; Border-Top: 1px #666 Solid; Border-Left: 1px #666 Solid; Border-Right: 1px #CCC Solid; Border-Bottom: 1px #CCC Solid;} #mycalendar .Weekend:Hover {Background-Color: #E2E2E2;} #mycalendar .AdminWeekDay:Hover {} #mycalendar .AdminWeekend:Hover {} #mycalendar .ReservedIcon {Display: Block; Text-Align: Center; Padding: 0px 0px 0px 0px;} #mycalendar .CalendarCheckbox {Display: Block; Margin: 0px 0px 0px 0px; Cursor: Pointer; Width: 50px; Height: 50px;} #mycalendar .CalendarCheckbox IMG {Display: Block; Margin: 0px 0px 0px 0px; Cursor: Pointer; Width: 50px; Height: 50px;} #mycalendar .select {Color: #555; text-align: Left; Padding: 0px 0px 0px 0px; Border-Top: 1px #666 Solid; Border-Left: 1px #666 Solid; Border-Right: 1px #CCC Solid; Border-Bottom: 1px #CCC Solid; Background-Color: #CCC;} #mycalendar a:link {Text-Decoration: None; Display: Block;} #mycalendar a:hover {Text-Decoration: None;} #mycalendar .Today {Color: #444;; Background: #e8e1c4 url(../admin/images/today_employee_route.png) 0px 0px No-Repeat; text-align: Left; Padding: 0px 0 0 7px; Border-Top: 1px #444 Solid; Border-Left: 1px #444 Solid; Border-Right: 1px #AAA Solid; Border-Bottom: 1px #AAA Solid;} #mycalendar .Today .CalendarDate {Font: Bold 11px/5px Arial, Verdana; Color: #ad0c0c; Position: Relative; Z-Index: 1000; Top: 8px; Left: -2px;} #mycalendar .Today #AdminReserveContainer td.AdminReserveIcon {Border-Top: 1px #FFF Solid;} #mycalendar .Today #AdminReserveContainer td.AdminReserveValue {Border-Top: 1px #FFF Solid;} #mycalendar td .CalendarDate {Font: Bold 11px/5px Arial, Verdana; Color: #555; Position: Relative; Z-Index: 1000; Top: 8px; Left: -2px;} #WebContenteHeader {Font: 20px/20px Times, Arial, Verdana; Color: #999; Margin: 35px 0px 0px 0px; Padding: 0px 0px 4px 0px; Text-Align: Left; Border-Bottom: 1px Solid #DDD;} #WebContentContainer {Margin: 0px 0px 20px 0px; Width: 100%;} .WebContentContainer td A {Display: Block; Background: None; Height: 30px;} .WebContentContainer td A B { Color: #ad0c0c;} .WebContentContainer td {Font: 12px/30px Arial, Verdana; Text-Shadow: #FFF 0 1px 0; Color: #666; Border-Bottom: 1px Solid #DDD; Vertical-Align: Middle;} .WebContentContainer .ListOrder {Width: 10px; Padding: 0px 0px 0px 0px; Font: 10px Arial, Verdana; Color: #999; Vertical-Align: Middle;} .WebContentContainer .Status {Width: 26px; Padding: 5px 0px 0px 4px; Vertical-Align: Middle;} .WebContentContainer .Date {Width: 75px; Color: #999; Padding: 0px 0px 0px 0px;} .WebContentContainer .Title {Padding: 0px 0 0px 10px;} .WebContentContainer .Spacer {Padding: 0px 0 0px 0px;} .WebContentContainer td.Controls {Width: 30px; Padding: 8px 0px 0px 0px; Vertical-Align: Bottom; Text-Align: Center;} .WebContentContainer td.Arrows {Width: 24px; Padding: 8px 0px 0px 0px; Vertical-Align: Bottom; Text-Align: Center;} #WebContentFormContainer {Text-Align: Left; Width: 100%;} #WebContentFormContainer td {Font: Bold 10px/12px Arial, Verdana; Color: #666; Padding: 15px 10px 0px 10px; Text-Shadow: #FFF 0 1px 0;} #FCKeditorFrame {Border: #DDD 1px solid;} #EditorContainerButtons {Width: 100%; Height: 35px; Background: #FFF url(../admin/images/editor_but_background.png) Repeat-X Top; Border: #394c68 1px solid; Border-Top: 0px;} #EditorContainerButtons td {Font: Bold 10px/13px Geneva, Arial, Tahoma, Verdana, Sans-Serif; Vertical-Align: Middle; Padding: 0 10px 0 10px;} /************* Table Sort Styles ********************/ #ListTableContainer th.sortable, #ListTableContainer th.sortable-text, #ListTableContainer th.sortable-date, #ListTableContainer th.sortable-keep, #ListTableContainer th.sortable-date-dmy, th.sortable-numeric, th.sortable-currency, th.sortable-sortByTwelveHourTimestamp, th.sortable-sortIPAddress, th.sortable-sortEnglishLonghandDateFormat, th.sortable-sortScientificNotation, th.sortable-sortImage, th.sortable-sortFileSize, th.sortable-sortAlphaNumeric, th.sortable-sortEnglishDateTime {Font: 11px/28px Arial, Verdana; Color: #222; Padding: 1px 10px 0px 22px; Background: url(../images/bg_header_sortable.png) no-repeat; Cursor: Pointer;} th.forwardSort {Background: url(../images/bg_header_down.png) no-repeat 0 0; } th.reverseSort {Background: url(../images/bg_header_up.png) no-repeat 0 0;} table thead th.forwardSort a, table thead th.reverseSort A {Color:#444; text-decoration:none; } tr.alt {Background: #f4f4f4;} #PhotoPopupWindow {DISPLAY: none; Z-INDEX: 200; POSITION: absolute; LEFT: 0px; TOP: 0px;} .PhotoPopupWindowBorder {Width: 210px; Background: #FFFFFF; Border: #bcbcbc 1px solid; Padding: 5px;} .modalDialog_transparentDivs{ filter:alpha(opacity=40); opacity:0.4; background-color:#333; z-index:1; position:absolute;} /****** Image Upload Dialog Styles ******/ #CropFramework {Position: Relative; Top: 150px; Left: 50%; Width: 672px; Margin: 0px Auto 0px -335px;} #CropDialogContainer {Width: 672px; Background: url(../admin/images/dialog-top.png) Center Top No-Repeat;} #ShortCropDialogContentContainer {Position: Relative; Top: 50px; Width: 560px; Height: 300px; Border: 0px #DDD Solid; Margin: 0px Auto 0px; Display: block;} #CropDialogContentContainer {Position: Relative; Top: 50px; Width: 560px; Height: 456px; Border: 0px #DDD Solid; Margin: 0px Auto 0px; Display: block;} .CropDialogIdentifier {Font: 24px/24px Georgia, Arial; Color: #244865; Width: 560px; Margin: 0px Auto 10px; Border-Bottom: #244865 1px solid;} .SI-FILES-STYLIZED LABEL.cabinet {Position: Absolute; Top: 132px; Left: 128px; Width: 93px; Display: block; Background: Url(../images/but_thumb_photo.png) No-Repeat 0px 0px; Height: 21px; Overflow: Hidden; Cursor: Pointer} .SI-FILES-STYLIZED LABEL.cabinet INPUT.file {Position: Relative; Filter: Progid:dximagetransform.microsoft.alpha(Opacity=0); Width: Auto; Height: 100%; Opacity: 0; -moz-opacity: 0} img.UserPhoto {Position: Absolute; Top: 46px; Left: 0px; clip:rect(0px,340px,400px,0px);} .FinalThumbNail {Margin: 30px Auto; Width: 160px; Height: 160px;} #NewThumbNail {Position: Absolute; Top: 46px; Right: 20px; Width: 160px; Height: 160px;} #save_thumb {Position: Absolute; Top: 232px; Right: 46px;} #CropButtonsContainer {Position: Relative; Z-index: 20;Margin: 0px Auto; Background: url(../admin/images/dialog-bottom.png) No-Repeat; Width: 672px; Height: 57px; Text-Align: Right;} #CropButtonsContainer .CropCancelButton {Margin: 10px 10px 0 0;} .CropSaveButton {Margin: 5px 31px 0 0;} #ModalDialogBackground {Position: Absolute; Top: 0px; Left: 0px; Z-Index: 500; Height: 120%; Width: 100%; Filter: Alpha(opacity=45); opacity:0.45; Background-Color: #333; Text-Align: Center;} #DialogContainer {Position: Absolute; Z-Index: 1000; Left: 50%; Top: 150px; Width: 672px; Margin: 0px Auto 0px -335px;} #DialogFrameWork {Background: url(../admin/images/dialog-top.png) No-Repeat; Width: 672px; Padding: 1px 0px; Margin-Top: 50px;} #DialogContentContainer {Font: 11px Geneva, Arial, Tahoma, Verdana, Sans-Serif; Color: #394c68; Text-Align: Left; Margin: 46px Auto 15px Auto; Width: 560px;} #DialogTextEditorContentContainer {Font: 11px Geneva, Arial, Tahoma, Verdana, Sans-Serif; Color: #555; Text-Align: Left; Margin: 36px Auto 5px 34px; Width: 560px;} .DialogIdentifier {Font: 24px/24px Georgia, Arial; Color: #244865; Text-Shadow: #FFF 0 1px 0; Margin: 0px 0px 10px 0px; Border-Bottom: #244865 1px solid;} .FieldInput {Font: Bold 10px/12px Arial, Verdana; Color: #666; Padding: 8px 10px 0px 10px; Text-Shadow: #FFF 0 1px 0;} .FieldInput TextArea {Font: 12px/18px Arial, Verdana; Color: #555; Width: 100%; Height: 80px; Border: 1px #CCC Solid; Padding: 2px 2px 2px 2px;} .FieldInput Input {Font: Bold 12px Arial, Verdana; Text-Shadow: #FFF 0 1px 0; Padding: 0px 0px 0px 0px; Color: #ad0c0c; Margin: 0px 2px 2px 0; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Width: 100%; Height: 17px; Background: Transparent;} .FieldInput Span.Select {Font: Bold 12px/15px Arial, Verdana; COLOR: #ad0c0c; Text-Shadow: #FFF 0 1px 0; Width: 140px; Margin: 4px 0px 0px 0px; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; BACKGROUND: url(../images/select.gif) Right Bottom no-repeat; OVERFLOW: hidden; POSITION: absolute;} .FieldInput Input.TimeInput {Font: Bold 12px Arial, Verdana; Text-Shadow: #FFF 0 1px 0; Padding: 0px 0px 0px 0px; Color: #ad0c0c; Margin: 0px 2px 2px 0; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Width: 45px; Height: 17px; Background: Transparent;} /****** Small Dialog Styles ******/ #SmallDialogContainer {Position: Absolute; Z-Index: 1000; Left: 50%; Top: 150px; Width: 567px; Margin: 0px Auto 0px -280px; } #SmallDialogFrameWork {Background: url(../admin/images/small_dialog-top.png) No-Repeat; Width: 567px; Padding: 1px 0px;} #SmallDialogContentContainer {Font: 11px Geneva, Arial, Tahoma, Verdana, Sans-Serif; Color: #394c68; Text-Align: Left; Margin: 55px Auto 38px Auto; Width: 455px;} #SmallDialogContent {Font: 12px/19px Geneva, Arial, Tahoma, Verdana, Sans-Serif; Color: #394c68; Text-Align: Left; Margin: 0px Auto 80px Auto; Width: 440px;} #SmallDialogFieldContainer {Margin: 0px Auto 15px 10px; Width: 97%;} #SmallDialogFieldContainer td {Font: 12px/28px Arial, Verdana; Color: #555; Padding: 0px 15px 5px 0px; Vertical-Align: Top;} #SmallDialogFieldContainer td.Prompt {Font: Bold 12px/28px Arial, Verdana; Color: #244865; Width: 100px;} #SmallDialogFieldContainer td Select {Font: 12px Arial, Verdana; Color: #555; Border: 0px #CCC Solid; Border-Bottom: 1px #CCC Solid; Padding: 0px 0px 0px 0px; Vertical-Align: Top; Background: Transparent;} #SmallDialogFieldContainer td.ColSpan {Font: Bold 12px/19px Arial, Verdana; Color: #244865; Padding-Top: 8px;} #SmallDialogFieldContainer td TextArea {Font: 12px/18px Arial, Verdana; Color: #555; Width: 530px; Height: 70px; Margin: 0px; Border: 1px #CCC Solid; Padding: 2px 2px 2px 2px; Background-Color: #FFFFFF;} #OfferedCheckboxes {Margin: 0px 0px 0px 0px; Width: 600px; Display: Block;} .OfferedCheckBox {Font: Bold 10px Arial, Verdana; Color: #555; Margin: 0px 4px 0px 0px; Width: 130px; Display: Block; Float: Left; Padding: 0px 0px 0px 0px;} InputButton {Width: 120px; Height: 20px; Font: Bold 10px/18px Arial, Verdana; Color: #333; Background: url(../images/form_button_back.png) No-Repeat; Border: 0px; Cursor: Pointer; Margin: 0px 5px 0px 0px;} InputButton:Hover {Width: 120px; Height: 20px; Font: Bold 10px/18px Arial, Verdana; Color: #333; Background: url(../images/form_button_back-over.png) No-Repeat; Border: 0px;} InputButtonLong {Width: 150px; Height: 20px; Font: Bold 10px/18px Arial, Verdana; Color: #333; Background: url(../images/input_button_back.png) No-Repeat; Border: 0px; Cursor: Pointer; Margin: 0px 5px 0px 0px;} InputButtonLong:Hover {Width: 150px; Height: 20px; Font: Bold 10px/18px Arial, Verdana; Color: #333; Background: url(../images/input_button_back-over.png) No-Repeat; Border: 0px;} #SmallDialogButtonsContainer {Position: Relative; Margin: 0px Auto; Z-Index: 3; Background: url(../admin/images/small_dialog-bottom.png) No-Repeat; Width: 567px; Height: 67px; Text-Align: Right;} #SmallDialogButtonsContainer .SmallDialogCancelButton {Margin: 10px 37px 0 0;} #SmallDialogButtonsContainer #SmallDialogIcons {Position: Absolute; Top: -65px; Left: 65px;} #DialogFieldContainer {Margin: 15px 0 25px 0; Width: 100%;} #DialogFieldContainer td {Font: Bold 10px/14px Arial, Verdana; Color: #666; Padding: 8px 10px 3px 10px; Text-Shadow: #FFF 0 1px 0;} #LegendFieldContainer td Span {Font: Bold 12px Arial, Verdana; Text-Shadow: #FFF 0 1px 0; Padding: 0px 0px 0px 0px; Color: #ad0c0c; Margin: 0px 2px 2px 0; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Width: 100%; Height: 17px; Background: Transparent;} #DialogFieldContainer div {Font: Bold 12px Arial, Verdana; Text-Shadow: #FFF 0 1px 0; Color: #ad0c0c; Margin: 0px 2px 0px 0; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Width: 100%; Height: 14px;} #DialogFieldContainer Input {Font: 13px/17px "Lucinda Grande", Arial, Verdana; Color: #555; Padding: 0px 0px 0px 0px; Margin: 0px 2px 0px 0; Border: 0px #DDD Solid; Border-Bottom: 1px #bbb Solid; Width: 100%; Min-Width: 50px; Height: 17px; Background: Transparent;} #DialogFieldContainer TextArea {Font: 13px/19px "Lucinda Grande", Arial, Verdana; Color: #555; Padding: 4px 0px 0px 0px; Margin: 0px 0px 0px 0px; Border: 1px #ddd Solid; Background-Color: #fff; Outline: None; Padding: 2px 3px; Height: 74px; Width: 540px;} #DialogFieldContainer Select {Font: 13px/15px "Lucinda Grande", Arial, Verdana; Color: #555; Padding: 0px 0px 0px 0px; Margin: 0px 2px 0px 0; Border: 0px #CCC Solid; Border-Bottom: 1px #bbb Solid; Background-Color: Transparent;} #DialogFieldContainer td B {Font: Bold 11px Arial, Verdana; Color: #666; Margin: 0px 0px 4px 0px; Display: Block; Padding: 0px 0 0 2px} @media screen and (-webkit-min-device-pixel-ratio:0) { #DialogFieldContainer td B {Font: Normal 11px Arial, Verdana; Letter-Spacing: 0.09em; Text-Shadow: #fff 0 1px 0; Padding: 2px 0 0 2px;} } #DialogButtonsContainer {Margin: 0px Auto; Background: url(../admin/images/dialog-bottom.png) No-Repeat; Width: 672px; Height: 57px; Text-Align: Right;} #DialogButtonsContainer .DialogCancelButton {Margin: 10px 10px 0 0;} .DialogSaveButton {Margin: 5px 31px 0 0;} #NewProduct #NewProductWindow {Position: Absolute;} #ModalDialogScreen {Position: Absolute; Top: 0px; Left: 0px; Width: 100%; Z-Index: -10; Background: url(../images/dark_background.png) Center Top Repeat; Text-Align: Center;} #ModalDialogScreen #Framework {Position: Relative; Filter: Alpha(opacity=15); opacity:0.15; Background-Color: #333; Z-Index: -1; }; /* buttons */ button {vertical-align:middle; Float: Left;} button button {background: url(../images/ac-arrow-rt.png) center right no-repeat } .open button {background: url(../images/ac-arrow-dn.png) center center no-repeat} #SliderGroupContainer {Margin: 15px Auto 45px Auto;} #SliderGroupContainer2 {Margin: 15px Auto 25px Auto; Width: 100%;} #SliderGroup {Margin: 15px 0px 10px 0px;} #SliderGroup td {Padding: 0px 10px 0 10px; Text-Align: Left;} TD.SliderContainer {Text-Align: Center; Padding: 0px 0px 0px 0px; Vertical-Align: Top; Width: 180px;} TD.SliderContainer .sliderComponent {Margin: 0px Auto;} TD.SliderContainer .SliderTitle {Text-Align: Center; Display: Block; Width: 140px; Margin: 10px Auto 10px Auto; Font: Bold 10px/22px Arial, Verdana;} #BoardingDateContainer {Position: Relative; Font: 46px Georgia, Arial, Verdana; Color: #555; Margin: 0px 0px 0px 0px; Border: 0px; Text-Align: Center; Width: 150px;} #BoardingDateContainer Input {Border: 0px; Text-Align: Center; Width: 150px;} #BoardingDateContainer .Date {Position: Relative; Height: 64px; Font: 54px Times, Arial, Verdana; Color: #555; Margin: 0px 0px 0px 0px; Border: 0px; Text-Align: Center; Width: 150px;} #BoardingDateContainer .Month {Position: Relative; Height: 30px; Font: 20px Georgia, Arial, Verdana; Color: #555; Margin: 0px 0px 0px 0px; Border: 0px; Text-Align: Center; Width: 150px;} #BoardingDateContainer .Year {Position: Relative; Height: 19px; Font: 12px Georgia, Arial, Verdana; Color: #555; Margin: 0px 0px 0px 0px; Border: 0px; Text-Align: Center; Width: 150px;} #BoardingDateContainer A{Position: Relative; Display: Block; Left: -1px;} /****** Packages Styles ******/ #ServicePurchaseContainerHome {Position: Relative; Background: url(../images/package_back-boarding.png) No-Repeat; Width: 401px; Height: 119px; Margin: 0px 10px 0px 10px;} #ServicePurchaseContainer {Position: Relative; Background: url(../images/package_back-boarding.png) No-Repeat; Width: 401px; Height: 119px; Margin: 0px 0px 0px 10px;} #CatServicePurchaseContainer {Position: Relative; Background: url(../images/package_back-cat_visits.png) No-Repeat; Width: 401px; Height: 119px; Margin: 0px 0px 0px 10px;} #ServiceRequestContainer {Position: Relative; Background: url(../images/boarding_service_new_back.png) No-Repeat; Width: 401px; Height: 119px; Margin: 0px 0px 0px 10px;} .ServicePrompt {Position: Absolute; Top: 22px; Left: 94px; Font: 20px Palatino Linotype, Arial, Verdana; Color: #444;} .ServiceDescription {Position: Absolute; Top: 50px; Left: 94px; Font: 12px/17px Palatino Linotype, Arial, Verdana; Color: #444; Text-Align: Left; Width: 240px;} #EmployeeBoardingOffer {Position: Relative; Margin: 30px 0px 10px; Background: url(../images/boarding_service_new_back.png) No-Repeat; Width: 401px; Height: 119px;} #EmployeeBoardingAccepted {Position: Relative; Background: url(../images/package_back-boarding.png) No-Repeat; Width: 401px; Height: 119px;} .BoardingHomepageTitle {Position: Absolute; Top: 24px; Left: 100px; Font: 20px Palatino Linotype, Arial, Verdana; Color: #444;} .BoardingHomepageDescription {Position: Absolute; Top: 50px; Left: 100px; Font: 12px/17px Palatino Linotype, Arial, Verdana; Color: #444; Text-Align: Left; Width: 280px;} #PackagesContainer {Width: 840px; Margin: 20px Auto 0px;} #PackagesContainer td {Text-Align: Center;} #WalkPackageContainer {Position: Relative; Background: url(../images/package_back-walk.png) No-Repeat; Width: 401px; Height: 119px; Margin: 0px 0px 0px 10px;} #PuppyPackageContainer {Position: Relative; Background: url(../images/package_back-puppy.png) No-Repeat; Width: 401px; Height: 119px; Margin: 0px 0px 0px 10px;} #CatPackageContainer {Position: Relative; Background: url(../images/package_back-cat.png) No-Repeat; Width: 401px; Height: 119px; Margin: 0px 0px 0px 10px;} .PackageName {Position: Absolute; Top: 19px; Left: 70px; Font: 24px Palatino Linotype, Arial, Verdana; Color: #444; Text-Shadow: #FFF 0 1px 0;} .PackageName B {Font: Bold 18px Palatino Linotype, Arial, Verdana; Color: #ad0c0c; Text-Shadow: #FFF 0 1px 0;} .PackageDescription {Position: Absolute; Top: 52px; Left: 70px; Font: 12px Palatino Linotype, Arial, Verdana; Color: #444; Text-Align: Left; Width: 240px;} .PackageTotal {Position: Absolute; Top: 25px; Right: 10px; Font: 12px Palatino Linotype, Arial, Verdana; Color: #444; Width: 170px; Text-Align: Right;} .PackagePrice {Position: Absolute; Top: 49px; Right: 10px; Font: 17px/17px Palatino Linotype, Arial, Verdana; Color: #444; Width: 80px; Text-Align: Right;} .PackagePrice sup {Font: 10px/9px Palatino Linotype, Arial, Verdana; Color: #444; Margin: 0px 2px 0px 0px; vertical-align: Top} .PackageDiscount {Position: Absolute; Bottom: 25px; Right: 190px; Width: 140px; Font: 11px Arial, Verdana; Color: #444;} .PackageDiscount input {Width: 40px; Font: 11px Arial, Verdana; Color: #444;} .PackageInvoice {Position: Absolute; Bottom: 26px; Right: 80px;} .PackagePurchase {Position: Absolute; Bottom: 26px; Right: 9px;} /****** Cat Visit Calendar Styles ******/ #CatVisitContainer {Position: Relative; Margin: 7px Auto 0px Auto; Width: 840px;} #CatVisitContent {Position: Relative; Top: 30px; Margin: 7px Auto 0px Auto; Width: 400px;} #StartDateContainerCat {Position: Absolute; Top: 20px; Left: 25px; Display: Block; Width: 173px; Height: 163px; Background: url(../images/start_date-cat.png) No-Repeat;} #EndDateContainerCat {Position: Absolute; Top: 20px; Right: 20px; Display: Block; Width: 173px; Height: 163px; Background: url(../images/end_date-cat.png) No-Repeat 0px 0px;} #BoardingRequestStart, #BoardingRequestStartCat {Height: 80px; Text-Decoration: None; Color: #710707} #BoardingRequestEnd, #BoardingRequestEndCat {Position: Relative; Left: 0px; Height: 80px; Text-Decoration: None; Color: #710707} .BoardingSelect {Position: Absolute; Top: 58px; Left: 25px;} .BoardingMonth {Position: Absolute; Top: 109px; Left: 24px; Font: 18px/18px Palatino Linotype, Arial, Verdana; Color: #710707; Display: Block; Text-Align: Center; Width: 113px;} .BoardingDate {Position: Absolute; Top: 58px; Left: 24px; Font: 42px/60px Palatino Linotype, Arial, Verdana; Color: #710707; Text-Align: Center; Width: 113px;} .BoardingDay {Position: Absolute; Top: 42px; Left: 24px; Font: 16px/24px Palatino Linotype, Arial, Verdana; Color: #710707; Display: Block; Text-Align: Center; Width: 113px;} #PopUpCalendar input {Position: Absolute; Width: 1px; Height: 5px; Margin: 0px; Padding: 0px; Border: 0px; Color: #FFF; Background: Transparent; Filter: Alpha(opacity=0); Opacity: 0.0; top: 400px;} #BoardingContainer {Position: Relative; Margin: 7px Auto 0px Auto; Width: 840px;} #BoardingContent {Position: Relative; Top: 30px; Margin: 7px Auto 0px Auto; Width: 400px;} #StartDateContainerWalk {Position: Absolute; Top: 20px; Left: 25px; Display: Block; Width: 173px; Height: 163px; Background: url(../images/start_date-walk.png) No-Repeat;} #EndDateContainerWalk {Position: Absolute; Top: 20px; Right: 20px; Display: Block; Width: 173px; Height: 163px; Background: url(../images/end_date-walk.png) No-Repeat 0px 0px;} #StartDateContainerWalk .Selects, #EndDateContainerWalk .Selects {Margin: 60px 0px 0px 14px;} #CustomerAccountEdit {Width: 450px; Margin: 10px 0 20px 0px;} #CustomerAccountOverview {Width: 90%; Margin: 10px Auto 20px;} #CustomerAccountOverview td {Font: 12px/14px Palatino Linotype, Arial, Verdana; Color: #555; Text-Align: Center;} #CustomerAccountOverview H2 {Font: 28px/30px Palatino Linotype, Georgia,Arial, Verdana; Color: #666; Margin: 0px 0 10px 0px; Text-Align: Center;} /****** Customer Profile Styles ******/ .PrintButton {Margin: 30px Auto 20px; } #PopUpCustomerProfileHeader {Margin: 5px Auto 5px; Width: 800px; Padding-Bottom: 0px; Text-Align: Left; Display: Block;} #CustomerProfileHeader {Margin: 5px Auto 5px; Padding-Bottom: 0px; Text-Align: Left; Display: Block;} a.ProfileIcon {Height: 72px; Display: Inline-block;} a.ProfileIcon img {Vertical-Align: Bottom; Margin: 5px 5px 0px 0px;} a.ProfileIcon B {Font: Bold 11px/17px Arial, Verdana; Color: #fff; Letter-Spacing: 0.06em; Vertical-Align: Top; Margin: 0px 10px 6px 0px; Padding: 24px 0px 0px 0px; Display: Inline-block; Text-Align: Left; Width: 80px;} @media screen and (-webkit-min-device-pixel-ratio:0) { a.ProfileIcon B {Font: Bold 12px/17px Arial, Verdana; Color: #fff; Text-Shadow: #000 0 1px 0;} } a.ProfileIcon B:Hover {Color: #fff; Text-Decoration: None;} .ProfileIconCat {Background: url(../admin/images/pet_profile_icon-cat.png) No-Repeat;} .ProfileIconCat:hover, .ProfileIconCatSelected, .ProfileIconCatSelected:hover {Background: url(../admin/images/pet_profile_icon-cat-over.png) No-Repeat;} .ProfileIconPuppy {Background: url(../admin/images/pet_profile_icon-puppy.png) No-Repeat;} .ProfileIconPuppy:hover, .ProfileIconPuppySelected, .ProfileIconPuppySelected:hover {Background: url(../admin/images/pet_profile_icon-puppy-over.png) No-Repeat;} .ProfileIconDog {Background: url(../admin/images/pet_profile_icon-dog.png) No-Repeat;} .ProfileIconDog:hover, .ProfileIconDogSelected, .ProfileIconDogSelected:hover {Background: url(../admin/images/pet_profile_icon-dog-over.png) No-Repeat;} .ProfileIconDog, .ProfileIconCat, .ProfileIconPuppy {Font: Bold 13px Calibri, Arial, Verdana; Margin: 0px 20px 0px 0px; Padding: 10px 0px 0px 50px; Vertical-Align: Middle; Height: 55px; Display: Inline-block;} .ProfileIconDog:hover, .ProfileIconDogSelected, .ProfileIconDogSelected:hover, .ProfileIconCat:hover, .ProfileIconCatSelected, .ProfileIconCatSelected:hover, .ProfileIconPuppy:hover, .ProfileIconPuppySelected, .ProfileIconPuppySelected:hover {Font: Bold 13px Calibri, Arial, Verdana; Color: #ad0c0c; Margin: 0px 20px 0px 0px; Padding: 10px 0px 0px 50px; Vertical-Align: Middle; Height: 55px; Display: Inline-block;} @media screen and (-webkit-min-device-pixel-ratio:0) { .ProfileIconCat, .ProfileIconCat:hover, .ProfileIconCatSelected, .ProfileIconCatSelected:hover, .ProfileIconDog, .ProfileIconDog:hover, .ProfileIconDogSelected, .ProfileIconDogSelected:hover .ProfileIconPuppy, .ProfileIconPuppy:hover, .ProfileIconPuppySelected, .ProfileIconPuppySelected:hover {Font: Bold 13px Calibri, Arial, Verdana; Letter-Spacing: 0.05em; Text-Shadow: #fff 0 1px 0;} } .NewProfileButton {Float: Right; Padding: 12px 5px 0px 0px;} .CustomerProfileButtons {Width: 99%; Text-Align: Center; Margin: 0px Auto 15px Auto;} .CustomerProfileButtons .DeleteButton{Margin: 0px 280px 0px -340px;} #CustomerProfileIcons { Overflow: Visible; Display: Block; Height: 80px;} #CustomerProfileIcons A {Float: Right; Margin: 0px 0px 0px 8px;} .ShowCustomerMap {} #CustomerProfileContainer {Background: url(../images/profile_main_background.jpg) Center Top No-Repeat; Margin: 0px Auto 0px; Min-Height: 680px; Text-Align: Left;} #CustomerProfileContent {Margin: 0px 0px 0px 55px; Height: 711px;} .CustomerProfileLeft {Width: 295px; Padding: 80px 0px 0px 0px; Vertical-Align: Top; Text-Align: Left;} .CustomerProfileCenter {Width: 45px;} .CustomerProfileRight {Width: 465px; Padding: 60px 0px 0px 0px; Vertical-Align: Top; Text-Align: Left;} #ProfileContainer {Background: url(../images/popup_profile_background.png) Center Top No-Repeat; Margin: 0px Auto 0px; Min-Height: 800px; Text-Align: Left;} #PopUpProfileContainerContent {Margin: 0px Auto 0px; Height: 682px;} #ProfileContainerContent {Margin: 0px 0px 0px 55px; Height: 682px;} .ProfileContentLeft {Width: 385px; Padding: 0px 0px 0px 0px; Vertical-Align: Top; Text-Align: Left;} .ProfileContentCenter {Width: 45px;} .ProfileContentRight {Width: 385px; Padding: 60px 0px 0px 0px; Vertical-Align: Top; Text-Align: Left;} #ProfileHead {Font: Normal 24px/34px Times, Arial, Verdana; Color: #666; Margin: 55px 0px 0px -5px; Height: 100px;} #ProfileSubHead {Font: Normal 15px/22px Times, Arial, Verdana; Color: #666; Margin: 0px 0px 0px 3px; Text-Shadow: #FFF 0 1px 0;} #ProfileSubHead2 {Font: Normal 13px/22px Georgia, Arial, Verdana; Color: #666; Margin: 10px 0px 0px 5px; Text-Shadow: #FFF 0 1px 0;} H1.ProfileSectionHeader, H1.EditProfileSectionHeader {Font: Bold 13px/15px "Lucinda Grande", Arial, Verdana; Padding-Left: 7px; Margin: 13px 3px 6px 3px; Text-Shadow: #FFF 0 1px 0; Border-Bottom: 1px #ddd Solid; Color: #BBB; Clear: Left;} @media screen and (-webkit-min-device-pixel-ratio:0) { H1.ProfileSectionHeader, H1.EditProfileSectionHeader {Font: Normal 13px/15px "Lucinda Grande", Arial, Verdana;} } H1.EditProfileSectionHeader {Border-Bottom: 1px #aaa Solid; Color: #999;} H1.ProfileSectionHeader span {Font-Size: 0.8em;} #ProfileContentBlock {Display: Block; Margin: 0px 0px 0px 0px; Clear: Left; Padding: 2px 0px 0px 0px; Border-Bottom: 1px #fff Solid;} #ProfileContentBlock a:Hover {Color: #444;} A #ProfileContentBlock:Hover {Background: url(../images/profile_over_background.png) Left 0px No-Repeat; Border-Bottom: 1px #e9e9e9 Solid; Border-Right: 1px #ddd Solid; Cursor: Pointer; Color: #555;} #ProfileContentBlock ul {List-Style-Type: None; List-Style-Position: Outside; Margin: 0px 5px 5px 6px; Padding: 0px 0px 0px 0px;} #ProfileContentBlock li {Margin: 0px 0px 0px 0px; Background: url(../images/bullet2.png) 0px 4px No-repeat; Padding: 0px 0px 0px 0px; Line-Height: 20px;} #ProfileContentBlock li B {Display: Block; Font: Bold 11px Arial, Verdana; Color: #999; Line-Height: 14px;} #ProfileContentBlock li Strong {Font: Bold 11px Helvetica, Arial, Verdana; Color: #999; Line-Height: 14px;} #ProfileContentBlock li.Description {Margin: 0px 0px 0px 6px; Background: url(../images/bullet2.png) 0px 4px No-repeat; Padding: 0px 0px 0px 12px;} #ProfileContentBlock li.Left {Float: Left; Background: None; Padding: 5px 0px 9px 5px; Width: 230px;} #ProfileContentBlock li.LeftCenter {Float: Left; Background: None; Padding: 5px 0px 9px 5px; Width: 130px; Clear: Left;} #ProfileContentBlock li.Center {Float: Left; Background: None; Padding: 5px 0px 9px 0px; Width: 100px;} #ProfileContentBlock li.Right {Background: None; Padding: 5px 0px 9px 0px;} #ProfileContentBlock li.Full {Clear: Left; Background: None; Padding: 0px 0px 0px 5px; Line-Height: 18px;} #ProfileContentBlock li.NarrowLeft {Float: Left; Background: None; Padding: 0px 0px 14px 5px; Width: 100px; Clear: Left;} #ProfileContentBlock li.Narrow {Float: Left; Background: None; Padding: 0px 0px 14px 0px; Width: 100px;} #ProfileContentBlock li.NarrowRight {Float: Left; Background: None; Padding: 0px 0px 15px 0px;} #ProfileContentBlock .FullBottom {Clear: Left; Background: None; Padding: 0px 0px 0px 5px; Line-Height: 14px;} #ProfileContentBlock li .ClickToEdit {Font: Bold 11px/18px Arial, Verdana; Text-Align: Center; Color: #999; Width: 100%;} .EditBlock {Border: 1px #fff Solid; Display: Block;} .EditBlock:Hover {Border: 1px #ad0c0c Solid; Background-Color: #f5f6f6; Cursor: Pointer; Display: Block;} #ProfileContentBlock .CustomerHeader {Clear: Left; Background: None; Padding: 0px 0px 0px 3px;} #ProfileContentBlock li.CustomerLeft {Float: Left; Background: None; Padding: 0px 0px 14px 5px; Width: 250px;} #ProfileContentBlock li.CustomerRight {Float: Left; Background: None; Padding: 0px 0px 14px 0px; Width: 190px;} #ProfileContentBlock li.CustomerFull {Clear: Left; Background: None; Padding: 0px 0px 0px 5px; Line-Height: 18px;} #PhotoContainer {Position: Relative; Width: 142px; Height: 147px; Left: -24px; Top: 5px; Float: Left;} .PhotoPaperClip {Position: Absolute; Left: 0px; Top: -5px; Z-index: 500;} #Photo {Position: Absolute; Left: -10px; Top: -11px; Z-index: 100;} .PhotoBackground {Position: Absolute; Width: 142px; Height: 147px;} a.PhotoContainer {Position: Absolute; Width: 142px; Height: 147px;} /****** Image Upload Dialog Styles ******/ #ThumbnailSelect {Position: Relative; Min-Height: 200px; Height: Auto; Width: 840px; Margin: 0px Auto; Overflow: Vissible; Text-Align: Left;} /*\*/ *html #ThumbnailSelect {Height: 200px;} /**/ #UploadPhoto {Text-Align: Center; Width: 500px;} #UploadThumbnailButtons {Position: Absolute; Top: 160px; Right: 0px; Display: Block; Text-Align: Right;} #NewThumbNail {Position: Absolute; Top: 40px; Right: 108px; Width: 113px; Height: 113px; Overflow: Hidden;} #UploadError {Position: Absolute; Top: 140px; Width: 840px; Text-Align: Center; Color: #FFF; Line-Height: 26px;} .SI-FILES-STYLIZED LABEL.cabinet {Position: Absolute; Top: 40px; Left: 360px; Width: 106px; Display: block; Background: Url(../images/but_select_photo.png) No-Repeat 0px 0px; Height: 90px; Overflow: Hidden; Cursor: Pointer} .SI-FILES-STYLIZED LABEL.cabinet2 {Position: Absolute; Top: 0px; Right: 220px; Width: 106px; Display: block; Background: Url(../images/but_reselect_photo.png) No-Repeat 0px 0px; Height: 90px; Overflow: Hidden; Cursor: Pointer;} .SI-FILES-STYLIZED LABEL.cabinet INPUT.file, .SI-FILES-STYLIZED LABEL.cabinet2 INPUT.file {Position: Relative; Filter: Progid:dximagetransform.microsoft.alpha(Opacity=0); Width: 106px; Height: 90px; Opacity: 0; -moz-opacity: 0} /****** Modal Dialog Styles ******/ #ModalDialogBackground {Position: Absolute; Top: 0px; Left: 0px; Z-Index: 900; Height: 120%; Width: 100%; Filter: Alpha(opacity=45); opacity:0.45; Background-Color: #333; Text-Align: Center;} #DialogContainer {Position: Absolute; Z-Index: 1000; Left: 50%; Top: 140px; Width: 672px; Margin: 0px Auto 0px -335px; } #DialogFrameWork {Background: url(../admin/images/dialog-top.png) No-Repeat; Width: 672px; Padding: 1px 0px 10px; Min-Height: 290px;} #DialogContentContainer {Font: 11px Geneva, Arial, Tahoma, Verdana, Sans-Serif; Color: #555; Text-Align: Left; Margin: 65px Auto 15px Auto; Width: 570px;} #DialogTextEditorContentContainer {Font: 11px Geneva, Arial, Tahoma, Verdana, Sans-Serif; Color: #555; Text-Align: Left; Margin: 36px Auto 5px 3px; Width: 570px;} .DialogIdentifier {Font: Normal 24px/24px Georgia, Arial; Color: #444; Text-Shadow: #FFF 0 1px 0; Margin: 0px 0px 22px 0px; Border-Bottom: #777 1px solid;} .FieldInput {Font: Bold 10px/12px Arial, Verdana; Color: #555; Padding: 8px 10px 0px 10px; Text-Shadow: #FFF 0 1px 0;} .FieldInput TextArea {Font: 12px/18px Arial, Verdana; Color: #555; Width: 100%; Height: 80px; Border: 1px #CCC Solid; Padding: 2px 2px 2px 2px;} .FieldInput Input {Font: Bold 12px Arial, Verdana; Text-Shadow: #FFF 0 1px 0; Padding: 0px 0px 0px 0px; Color: #555; Margin: 0px 2px 2px 0; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Width: 100%; Height: 17px; Background: Transparent;} .FieldInput Span.Select {Font: Bold 12px/15px Arial, Verdana; COLOR: #ad0c0c; Text-Shadow: #FFF 0 1px 0; Width: 140px; Margin: 4px 0px 0px 0px; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; BACKGROUND: url(../images/select.gif) Right Bottom no-repeat; OVERFLOW: hidden; POSITION: absolute;} .FieldInput Input.TimeInput {Font: Bold 12px Arial, Verdana; Text-Shadow: #FFF 0 1px 0; Padding: 0px 0px 0px 0px; Color: #ad0c0c; Margin: 0px 2px 2px 0; Border: 0px #DDD Solid; Border-Bottom: 1px #CCC Solid; Width: 45px; Height: 17px; Background: Transparent;} #DialogButtonsContainer {Margin: 0px Auto; Background: url(../admin/images/dialog-bottom.png) No-Repeat; Width: 672px; Height: 57px; Text-Align: Right;} #DialogButtonsContainer .DialogCancelButton {Margin: 12px 9px 0 0;} .DialogSaveButton {Margin: 5px 31px 0 0;} #FormInputBlock {Background-Color: #fafafa; Display: Block; Margin: 0px Auto 15px Auto; Border: 1px #EEE Solid; Border-Top: 0px; Width: 830px; Padding: 5px 10px 10px 5px;} #FormInputBlockLeft {Background-Color: #fafafa; Display: Block; Margin: 0px 20px 15px 5px; Border: 1px #EEE Solid; Border-Top: 0px; Width: 380px; Padding: 5px 10px 10px 5px;} #FormInputBlockRight {Background-Color: #fafafa; Display: Block; Margin: 0px 0px 0px Auto; Border: 1px #EEE Solid; Border-Top: 0px; Width: 410px; Padding: 5px 10px 10px 5px;} .FormInputBlockTop {Font: Bold 10px/24px Arial, Verdana; Height: 24px; Position: Relative; Top: -24px; Padding: 0px 0px 0px 15px; Color: #BBB; Margin: 0px 0px 0px 0px; Background: #fff url(../images/form_input_header_back.png) No-Repeat;} .FormInputBlockTitle {Font: Bold 10px/24px Arial, Verdana; Height: 24px; Padding: 0px 0px 0px 15px; Color: #BBB; Margin: 0px 0px 0px 5px; Width: 835px; Background: #fff url(../images/form_input_header_back.png) No-Repeat;} .FormInputBlockTitleLeft {Font: Bold 10px/24px Arial, Verdana; Height: 24px; Padding: 0px 0px 0px 15px; Color: #BBB; Margin: 0px 0px 0px 5px; Width: 380px; Background: #fff url(../images/form_input_header_back.png) No-Repeat;} .FormInputBlockTitleRight {Font: Bold 10px/24px Arial, Verdana; Height: 24px; Padding: 0px 0px 0px 15px; Color: #BBB; Margin: 0px 0px 0px 0px; Width: 400px; Background: #fff url(../images/form_input_header_back.png) No-Repeat;} @media screen and (-webkit-min-device-pixel-ratio:0) { .FormInputBlockTop, .FormInputBlockTitle {Font: Normal 11px/24px Arial, Verdana; Color: #AAA; Letter-Spacing: 0.09em; Text-Shadow: #fff 0 1px 0;} } #FormInputContainer td B.CheckBoxContainerPrompt {Font: 12px Arial, Verdana; Color: #555; Margin: 3px 0px 0px 0px; Text-Shadow: #FFF 0 1px 0; Display: Block; Border-Top: 0px #999 Solid; Border-Bottom: 1px #999 Solid;} #FormInputContainer td B.CheckBoxContainerPromptBottom {Font: 12px Arial, Verdana; Color: #555; Margin: 0px 0px 16px 0px; Text-Shadow: #FFF 0 1px 0; Display: Block; Border-Top: 0px #999 Solid; Border-Top: 1px #999 Solid;} .CheckBoxContainer {Font: Bold 11px/15px Arial, Verdana; Color: #888; Margin: 0px 15px 0px 5px; Width: 115px; Display: Block; Float: Left; Padding: 0px 0px 0px 0px; White-Space: Nowrap;} .CheckBoxContainerSmall {Font: Bold 11px/15px Arial, Verdana; Color: #888; Margin: 0px 15px 0px 5px; Width: 50px; Display: Block; Float: Left; Padding: 0px 0px 0px 0px; White-Space: Nowrap;} .CheckBoxContainerVariable {Font: Bold 11px/15px Arial, Verdana; Color: #888; Margin: 0px 15px 0px 5px; Display: Block; Float: Left; Padding: 0px 0px 0px 0px; White-Space: Nowrap;} .ServicesCheckboxesBlock {Margin: 0px 0px 20px 15px; Width: 100%; Padding: 20px 0px 0px 0px;} .CheckBoxContainerBlock {Display: Block; Margin: 0px 0px 15px 15px; Padding: 15px 0px 0px 0px;} .CheckBoxContainerField {Display: Block; Height: 4px; Margin-Bottom: 0px;} #FormInputContainer {Margin: 0px Auto 0px 10px;} #FormInputContainer td {Color: #888; Padding: 0px 15px 0px 0px; Height: 48px; Vertical-Align: Bottom;} /*\*/ *html #FormInputContainer td {Width: 130px;} /**/ #FormInputContainer td B {Font: Bold 11px Arial, Verdana; Color: #888; Padding-Top: -1px; Margin: 0px 0px 4px 0px; Display: Block; Border-Top: 1px #BBB Solid; Text-Shadow: #FFF 0 1px 0;} #FormInputContainer td B.TextAreaPrompt {Font: Bold 11px/15px Arial, Verdana; Color: #888; Display: Block; Height: 15px; Padding: 0px 0px 0px 3px; Border-Top: 0px #999 Solid; Border-Bottom: 0px #BBB Solid; Margin: 8px 0px 0px 0px; Text-Shadow: #FFF 0 1px 0;} @media screen and (-webkit-min-device-pixel-ratio:0) { #FormInputContainer td B, .CheckBoxContainerSmall, .CheckBoxContainer, .CheckBoxContainerVariable, #FormInputContainer td B.TextAreaPrompt {Font: Normal 11px Arial, Verdana; Color: #888; Padding-Top: 2px;} } #FormInputContainer td.CheckBoxCustomerAddress {Font: 11px Arial, Verdana; Color: #555; Height: 26px; Margin: 0px 0px 16px 0px; Text-Shadow: #FFF 0 1px 0; Vertical-Align: Bottom;} #FormInputContainer td .hasDatepicker {Width: 90px; Color: #555; Padding: 0px 0px 0px 0px; Border: 0px; Outline: None; Margin: 0px 0px 0px 0px; Background: Transparent;} .SmallTextArea {Font: 13px "Lucinda Grande", Arial, Verdana; Color: #555; Padding: 4px 0px 0px 0px; Margin: 0px 0px 0px 0px; Border: 1px #ccc Solid; Background-Color: #fff; Outline: None; Padding: 4px 3px; Height: 64px; Width: 390px; Text-Shadow: #FFF 0 1px 0;} .LargeTextArea {Font: 13px "Lucinda Grande", Arial, Verdana; Color: #555; Padding: 4px 0px 0px 0px; Margin: 0px 0px 0px 0px; Border: 1px #cccccc Solid; Background-Color: #fff; Outline: None; Padding: 2px 3px; Height: 64px; Width: 805px;} .SelectValue {Font: 13px/15px "Lucinda Grande", Arial, Verdana; Color: #555; Padding: 0px 0px 0px 1px; Margin: 0px 0px 0px 0px; Border: 0px; Background: Transparent; Outline: None; Width: 100%;} .FieldValue {Font: 13px/17px "Lucinda Grande", Arial, Verdana; Color: #555; Padding: 0px 0px 0px 1px; Margin: 0px 0px 0px 0px; Border: 0px; Background: Transparent; Outline: None; Width: 100%;} .FormValue, .FormValueLocked {Font: 13px/18px "Lucinda Grande", Arial, Verdana; Color: #555; Height: 17px; Padding: 1px 0px 0px 1px; Margin: 0px 0px 2px 0px; Border: 0px; Background: Transparent; Outline: None;} .inplaceField {Font: 13px "Lucinda Grande", Arial, Verdana; Color: #555; Padding: 0px 0px 0px 0px; Margin: 1px 0px 0px 0px; Border: 0px; Background: Transparent; Outline: None; Width: 100%;} select.inplaceField {Font: 12px "Lucinda Grande", Arial, Verdana; Color: #555; Padding: 0px 0px 0px 0px; Margin: 0px 0px 4px 0px; Background-Color: #FFFFFF; Border: 0px; Width: 100%;} .inplaceField:Focus {Border-Bottom: 0px #fff Solid; Outline: None;} .FieldValue:Hover, .FormValue:Hover, .SmallTextArea:Hover, .LargeTextArea:Hover {Background-Color: #ffc; Cursor: Pointer;} .FieldValueLocked:Hover {} #SliderGroupContainer {Margin: 0px Auto 45px Auto;} #SliderGroupContainer2 {Margin: 15px Auto 25px Auto; Width: 100%;} #SliderGroup {Margin: 15px 0px 10px 0px;} #SliderGroup td {Padding: 0px 10px 0 10px; Text-Align: Left;} TD.SliderContainer {Text-Align: Center; Padding: 0px 0px 0px 0px; Vertical-Align: Top; Width: 180px;} TD.SliderContainer .sliderComponent {Margin: 0px Auto;} TD.SliderContainer .SliderTitle {Text-Align: Center; Display: Block; Width: 140px; Margin: 10px Auto 10px Auto; Font: Bold 10px/22px Arial, Verdana;} #CatVisitRegularity {Margin: 20px Auto 10px Auto; Overflow: Visible; Display: Block; Border: 1px #BBB Solid; Text-Align: Center;} #CatVisitRegularity li {Display: Inline-Block; Width: 165px; Margin: 0px 10px; Text-Align: Center;} .show {Cursor: Pointer;} .show b {Font-weight: Normal;} .show clicked {Font-weight: Bold;} .hidden {Display: None; Float: Left; Width: 400px;} .clear {clear:both;}