table tr th.Label, table tr td.Value { padding : 5px; font-size : 0.95em; vertical-align : top; } table tr th.RecaptchaLabel { padding-top : 72px; } table tr td.Value div.ShortInput { width : 55px; float : left; } table tr td.Value div.ShortInput .ShortInputField { width : 35px; float : left; } table tr td.Value div.Input { width : 170px; float : left; } table tr td.Value div.Input .InputField { width : 150px; float : left; } table tr td.Value div.LongInput { width : 312px; float : left; } table tr td.Value div.LongInput .LongInputField { width : 298px; float : left; } table tr td.Value div.DateInput { width : 230px; float : left; } /* Error summary */ th.ErrorSummary { padding : 0 15px 10px 5px; text-align : left; } th.ErrorSummary ul { width : 100%; } th.ErrorSummary ul li { padding : 2px 10px 2px 10px; } /******************************************************** Contact list controls *********************************************************/ div.PageControls { margin : 15px 0; } div.PageControls a { margin : 0 8px 0 0; } /* Contact page tile */ div.ContactSection { width : 605px; margin-bottom : 20px; } div.ContactSection .Head .End, div.ContactSection .Foot .End { font-size : 1px; /* ensure minimum height */ height : 6px; } div.ContactSection .Head { background : transparent url(/skins/TaM/img/contactForm/contactsection_tl.gif) no-repeat 0px 0px; } div.ContactSection .Head .End, div.ContactSection .Body .Head .End { background : transparent url(/skins/TaM/img/contactForm/contactsection_tr.gif) no-repeat right 0px; } div.ContactSection .Body { background : transparent url(/skins/TaM/img/contactForm/contactsection_ml.gif) repeat-y 0px 0px; } div.ContactSection .Body .End { padding : 0 0 0 1px; background : transparent url(/skins/TaM/img/contactForm/contactsection_mr.gif) repeat-y right 0px; } div.ContactSection .Foot { background : transparent url(/skins/TaM/img/contactForm/contactsection_bl.gif) no-repeat 0px 0px; } div.ContactSection .Foot .End { background : transparent url(/skins/TaM/img/contactForm/contactsection_br.gif) no-repeat right 0px; } /* Contact information tile */ div.ContactSection div.Section { padding : 15px 10px; clear : both; background : transparent url(/skins/TaM/img/contactForm/contactsectionheaderbg.png) no-repeat left top; } div.ContactSection div.Header { padding : 0 2px 0 0; } .Layout #BodyContent div.ContactSection div.Header h2 { margin : 0 0 0 10px; padding : 9px 0 9px 47px; border-bottom : 0; font-size : 1.2em; } div.ContactSection div.Header h2.ContactInfo { background : #fff url(/skins/TaM/img/contactForm/contactinformationheaderbg.jpg) no-repeat; } div.ContactSection div.Header h2.GetDirections { background : #fff url(/skins/TaM/img/contactForm/getdirectionsheaderbg.jpg) no-repeat; } div.ContactSection div.Header h2.ContactForm { background : #fff url(/skins/TaM/img/contactForm/contactformheaderbg.jpg) no-repeat; } /* Address section */ div.ContactSection div.Column { margin : 0 10px 20px 10px; float : left; } div.ContactSection div.Column span { display : block; } div.ContactSection div.Column span.FirstLine { color : #d77e23; font-weight : bold; } /* Contact list */ table.ContactList { width : 100%; margin : 0; border-collapse : collapse; } table.ContactList tr td { border-bottom : 1px solid #ccc; vertical-align : top; } table.ContactList tr.FinalRow td { border-bottom : 0px solid #ccc; } table.ContactList tr td.ContactImage { padding : 10px 10px 10px 5px; } table.ContactList tr td.ContactImage img { border : 1px solid grey; } table.ContactList tr td.ContactDetails { padding : 10px 5px 10px 10px; } table.ContactList tr td.ContactDetails h4.Email { margin : 0 0 10px 0; color : #F89938; font-size : 1.4em; } table.ContactList tr td.ContactDetails h4.Email a { padding : 0 0 0 25px; color : #F89938; background : #fff url(/skins/TaM/img/contactForm/Email.gif) no-repeat; text-decoration : none; } table.ContactList tr td.ContactDetails h4.Email a:hover { text-decoration : underline; } table.ContactList tr td.ContactDetails p.Phone { margin-bottom : 10px; padding : 0 0 0 25px; background : #fff url(/skins/TaM/img/contactForm/phone.gif) no-repeat; font-size : 1.2em; font-weight : bold; } /* Directions section */ div.ContactSection div.GooglemapSection { text-align : center; } div.ContactSection div.GooglemapSection iframe { width : 510px; height : 390px; border : 0; } /************************************************************* Contact form *************************************************************/ table#ContactForm { margin : 8px 0 0 0; float : left; text-align : left; } table#ContactForm tr td.Submit { padding-right : 15px; text-align : right; } /* Contact details*/ div.ContactProfileSection { margin-right : 10px; width : 170px; float : right; text-align : right; } div.ContactProfileSection div.ContactProfileHeader { text-align : right; } div.ContactProfileSection div.ContactProfileHeader div.tab { width : 90px; padding : 0 0 0 5px; float : right; background : #33689c url(/skins/TaM/img/contactForm/tabtl.gif) no-repeat left top; } div.ContactProfileSection div.ContactProfileHeader div.tab h4 { margin : 0; padding : 3px 20px 3px 15px; background : #33689c url(/skins/TaM/img/contactForm/tabtr.gif) no-repeat right top; color : #fff; font-size : 1.2em; } div.ContactProfileSection div.ContactProfileDetails { width : 180px; clear : both; text-align : left; } div.ContactProfileSection div.ContactProfileDetails .Body .End { padding-bottom : 5px; } div.ContactProfileSection div.ContactProfileDetails h4 { margin : 0 5px 10px 5px; padding : 0 3px; border-bottom : solid 1px #dcdcdc; font-size : 1.2em; } div.ContactProfileSection div.ContactProfileDetails p.Title { margin : 0 5px 10px 5px; padding : 0 3px; font-size : 0.9em; color : #999; } div.ContactProfileSection div.ContactProfileDetails p.ProfileImage { margin : 0 5px 10px 5px; padding : 0 3px 0 6px; } div.ContactProfileSection div.ContactProfileDetails p.ProfileImage img { border : 1px solid #ccc; } div.ContactProfileSection div.ContactProfileDetails p.Phone { margin : 0 5px 10px 5px; padding : 0 3px; font-weight : bold; } div.ContactProfileSection div.ContactProfileDetails div.Description { margin : 0 5px; padding : 0 3px; } /********************************************************* Email a friend form **********************************************************/ .EmailAFriendIntro { width : 120px; padding : 5px; vertical-align : top; font-weight : normal; } table.EmailFriend tr th.Label { width : 100px; }