/* Page Header ------------------------------------------------------------------------------------------------------*/ #page_header { position:relative; width:910px; height:300px; margin:0 auto; padding:10px; display:block; clear:both; background-color:#EEEEEE; } #page_header:before { height:0; clear:both; content:'.'; display:block; overflow:hidden; visibility:hidden; } #page_header:after { height:0; clear:both; content:'.'; display:block; overflow:hidden; visibility:hidden; } #page_header.large { height:300px; } #page_header img { width:910px; height:300px; display:block; clear:both; } #page_header div { position:absolute; top:20px; right:20px; width:200px; height:280px; background-color:#EEEEEE; opacity:.5; } #page_header p { position:absolute; top:30px; right:30px; width:180px; height:260px; font-family:Georgia,"Times New Roman",Times,serif; color:#000000; } #page_header cite { height: 30px; display:block; text-align: left; font-size:50px; font-style:normal; } #page_header u { margin-left:15px; display:block; text-align:center; line-height:26px; font-size:22px; text-decoration:none; } #page_header i { height: 30px; display:block; text-align: right; font-size:50px; font-style:normal; } #page_header b { height: 22px; display:block; text-align:center; font-size:18px; } /* Page Body :: Content ------------------------------------------------------------------------------------------------------*/ #page_body { width:930px; margin:1px auto; background:#CCCCCC url(/images/page/body.jpg) repeat-x; } #page_body:before { height:0; clear:both; content:'.'; display:block; overflow:hidden; visibility:hidden; } #page_body:after { height:0; clear:both; content:'.'; display:block; overflow:hidden; visibility:hidden; } #page_content { width:570px; padding: 20px; float: left; clear: left; } #page_content:before { height:0; clear:both; content:'.'; display:block; overflow:hidden; visibility:hidden; } #page_content:after { height:0; clear:both; content:'.'; display:block; overflow:hidden; visibility:hidden; } #page_content h1 { width:570px; height: 30px; padding-bottom:5px; overflow:hidden; border-bottom:2px solid #BFAFFF; line-height:30px; font-size:30px; } #page_content h3 { width:570px; padding-top:15px; line-height:22px; font-size:18px; } #page_content div { width:570px; padding-top: 5px; line-height:16px; font-size:12px; font-family:GillSans,Trebuchet,Calibri,sans-serif; } #page_content div:before { height:0; clear:both; content:'.'; display:block; overflow:hidden; visibility:hidden; } #page_content div:after { height:0; clear:both; content:'.'; display:block; overflow:hidden; visibility:hidden; } #page_content div.list { padding:0 0 20px; } #page_content div h4 { width:570px; height: 20px; padding:25px 0 5px; overflow:hidden; border-bottom:2px solid #BFAFFF; line-height:20px; font-size:16px; } #page_content div h5 { width:570px; height: 20px; padding:25px 0 5px; overflow:hidden; border-bottom:2px solid #BFAFFF; line-height:20px; font-size:15px; } #page_content div h6 { width:570px; height: 20px; padding:25px 0 5px; overflow:hidden; border-bottom:2px solid #BFAFFF; line-height:20px; font-size:14px; } #page_content div h6.sub { padding-top:5px; } #page_content div a { color:#CF0008; } #page_content div a:hover { color:#2C67A3; text-decoration:underline; } #page_content div a.paw { width:110px; height: 25px; padding-left:30px; display:block; float: none; clear: both; overflow:hidden; background:url(/images/page/a_link.png) no-repeat 0px -50px; line-height:25px; font-size:15px; color:#FFFFFF; } #page_content div a.paw:hover { background-position:0px -75px; text-decoration:none; } #page_content div a.align { margin-left:10px; float: left; clear: none; } #page_content div a.align_left { margin-left: 0px; float: left; clear: left; } #page_content div a.align_left:before { height:0; clear:both; content:'.'; display:block; overflow:hidden; visibility:hidden; } #page_content div a.align_right { margin-left:10px; float: left; clear:right; } #page_content div a.align_right:after { height:0; clear:both; content:'.'; display:block; overflow:hidden; visibility:hidden; } #page_content div a.sub { margin-top: 10px; } #page_content div p.message { padding-top:10px; display:block; float: none; clear: both; } #page_content div p.clear { padding-bottom:10px; display:block; float: none; clear: both; } #page_content div p.clear:before { height:0; clear:both; content:'.'; display:block; overflow:hidden; visibility:hidden; } #page_content div p.clear:after { height:0; clear:both; content:'.'; display:block; overflow:hidden; visibility:hidden; } #page_content div ol.pricing { width:550px; height: auto; margin-top:20px; padding:10px; background:#EFEFEF url(/images/page/client_form.jpg) repeat-x; border:1px solid #6FA7DF; } #page_content div ol.pricing label.title { width:550px; height: 20px; margin-bottom:5px; padding-bottom:5px; display:block; float: none; clear: both; overflow:hidden; border-bottom:2px solid #BFAFFF; line-height:20px; font-size:16px; font-weight:bold; font-family:Georgia,"Times New Roman",Times,serif; } #page_content div ol.pricing li { width:550px; height: 25px; padding-top:5px; display:block; float: none; clear: both; overflow:hidden; line-height:30px; font-size:13.5px; } #page_content div ol.pricing li label { width: 75px; height: 25px; display:block; float: left; clear: left; overflow:hidden; font-weight:bold; } #page_content div ol.pricing li cite { width:325px; height: 25px; display:block; float: left; clear: none; overflow:hidden; font-style:normal; } #page_content div ol.pricing li a { width:110px; height: 25px; padding-left:30px; display:block; float:right; clear:right; background:url(/images/page/a_link.png) no-repeat 0px -50px; line-height:25px; font-size:15px; color:#FFFFFF; } #page_content div ol.classes { width:550px; height: auto; margin-top:20px; padding:10px; background:#EFEFEF url(/images/page/client_form.jpg) repeat-x; border:1px solid #6FA7DF; } #page_content div ol.classes label.title { width:550px; height: 20px; margin-bottom:5px; padding-bottom:5px; display:block; float: none; clear: both; overflow:hidden; border-bottom:2px solid #BFAFFF; line-height:20px; font-size:16px; font-weight:bold; font-family:Georgia,"Times New Roman",Times,serif; } #page_content div ol.classes label.title b.key { width: auto; height: 25px; display:block; float:right; clear:right; overflow:hidden; } #page_content div ol.classes label.title b.key i { width: 15px; height: 25px; display:block; float: left; clear: left; overflow:hidden; background:url(/images/page/a_schedule.jpg) no-repeat 0px 1px; } #page_content div ol.classes label.title b.key cite { width:145px; height: 25px; display:block; float:right; clear:right; overflow:hidden; font-size:12px; font-style:normal; font-family:GillSans,Trebuchet,Calibri,sans-serif; } #page_content div ol.classes li { width:550px; height: 25px; padding-top:5px; display:block; float: none; clear: both; overflow:hidden; line-height:30px; font-size:13.5px; } #page_content div ol.classes li label { width: 75px; height: 25px; display:block; float: left; clear: left; overflow:hidden; font-weight:bold; } #page_content div ol.classes li cite { width:315px; height: 25px; display:block; float: left; clear: none; overflow:hidden; font-style:normal; } #page_content div ol.classes li a.schedule { width: 15px; height: 25px; display:block; float: left; clear: none; overflow:hidden; background:url(/images/page/a_schedule.jpg) no-repeat 0px 3px; } #page_content div ol.classes li a.schedule:hover { background-position:-15px 3px; } #page_content div ol.classes li a.paw { width:110px; height: 25px; padding-left:30px; display:block; float:right; clear:right; background:url(/images/page/a_link.png) no-repeat 0px -50px; line-height:25px; font-size:15px; color:#FFFFFF; } #page_content div ol.classes li a.paw:hover { background-position:0px -75px; } #page_content #comments form { width:260px; height: auto; margin:5px 0 0 10px; display:block; float: left; clear: left; } #page_content #comments form fieldset { width:260px; height: auto; display:block; float: none; clear: both; } #page_content #comments form fieldset.post { display: none; } #page_content #comments form fieldset p { width:260px; height: 40px; display:block; float: none; clear: both; overflow:hidden; } #page_content #comments form fieldset p.textarea { height:115px; } #page_content #comments form fieldset p label { width:260px; height: 15px; display:block; float: none; clear: both; overflow:hidden; line-height:15px; font-size:12px; font-weight:bold; font-family:GillSans,Trebuchet,Calibri,sans-serif; } #page_content #comments form fieldset p input[type="text"] { width:134px; height: 15px; padding:4px 2px; display:block; float: left; clear: none; overflow:hidden; background-color:#FEFEFE; border:1px solid #CFC2C2; line-height:23px; font-size:11px; font-family:Arial,Helvetica,Sans-Serif; } #page_content #comments form fieldset p input[type="text"]:focus { border-color:#8FC7FF; } #page_content #comments form fieldset p textarea { width:134px; height: 94px; margin:0; padding:2px; display:block; float: left; clear: none; overflow:visible; background-color:#FEFEFE; border:1px solid #CFC2C2; line-height:15px; font-size:11px; font-family:Arial,Helvetica,Sans-Serif; } #page_content #comments form fieldset p textarea:focus { border-color:#8FC7FF; } #page_content #comments form fieldset a.paw { margin-top:10px; clear:both; } #page_content #comments span { width:260px; height: auto; margin:5px 0 0 0; display:block; float:right; clear:right; } #page_content #comments span label { width:260px; height: 25px; display:block; float: none; clear: both; overflow:hidden; border-bottom:2px solid #3377C6; line-height:25px; font-size:14px; font-weight:bold; } #page_content #comments span ol { width:260px; height: auto; display:block; float: none; clear: both; } #page_content #comments span ol li { width:260px; height: auto; padding:10px 0 5px 0; display:block; float: none; clear: both; border-bottom:1px dashed #3377C6; } #page_content #comments span ol li b { width:260px; height: 15px; display:block; float: none; clear: both; overflow:hidden; line-height:15px; } #page_content #comments span ol li p { width:260px; height: auto; display:block; float: none; clear: both; } /* Page Sidebar ------------------------------------------------------------------------------------------------------*/ #page_sidebar { width:270px; padding: 20px; float:right; clear:right; } #page_sidebar:before { height:0; clear:both; content:'.'; display:block; overflow:hidden; visibility:hidden; } #page_sidebar:after { height:0; clear:both; content:'.'; display:block; overflow:hidden; visibility:hidden; } #page_sidebar h2 { width:270px; height:30px; padding-bottom:5px; overflow:hidden; border-bottom:2px solid #BFAFFF; line-height:28px; font-size:24px; } #page_sidebar h5 { width:270px; padding-top:15px; line-height:22px; font-size:18px; font-family:GillSans,Trebuchet,Calibri,sans-serif; } #page_sidebar h6 { padding-top:10px; line-height:20px; font-size:16px; font-family:GillSans,Trebuchet,Calibri,sans-serif; } #page_sidebar div { font-family:GillSans,Trebuchet,Calibri,sans-serif; } #page_sidebar ul { width:270px; padding-top:15px; } #page_sidebar ul a { width:210px; height: 50px; margin-bottom:5px; padding-left:60px; display:block; background:url(/images/page/ul_link.png) no-repeat; line-height:50px; font-size:15px; font-weight:bold; font-family:Georgia,"Times New Roman",Times,serif; color:#CF0008; } #page_sidebar ul a:hover { background-position:0px -50px; color:#FFFFFF; } #page_sidebar ul a.current { background-position:0px -50px; color:#FFFFFF; } #page_sidebar p { padding-top:5px; display:block; float: none; clear: both; line-height:15px; font-size:12px; font-family:GillSans,Trebuchet,Calibri,sans-serif; } #page_sidebar p a { padding-top:5px; display:block; color:#CF0008; } #page_sidebar p a:hover { color:#2C67A3; } #page_sidebar a.paw { width:110px; height: 25px; padding-left:30px; display:block; float: none; clear: both; background:url(/images/page/a_link.png) no-repeat 0px -50px; line-height:25px; font-size:15px; font-family:GillSans,Trebuchet,Calibri,sans-serif; color:#FFFFFF; } #page_sidebar a.paw:hover { background-position:0px -75px; text-decoration:none; } #page_sidebar form#quick_send { width:260px; height: auto; margin:5px 0 0 10px; display:block; float: none; clear: both; } #page_sidebar form#quick_send fieldset { width:260px; height: auto; display:block; float: none; clear: both; } #page_sidebar form#quick_send fieldset.post { display: none; } #page_sidebar form#quick_send fieldset p { width:260px; height: 40px; display:block; float: none; clear: both; overflow:hidden; } #page_sidebar form#quick_send fieldset p.textarea { height:115px; } #page_sidebar form#quick_send fieldset p label { width:260px; height: 15px; display:block; float: none; clear: both; overflow:hidden; line-height:15px; font-size:12px; font-weight:bold; font-family:GillSans,Trebuchet,Calibri,sans-serif; } #page_sidebar form#quick_send fieldset p input[type=text] { width:134px; height: 15px; padding:4px 2px; display:block; float: left; clear: none; overflow:hidden; background-color:#FEFEFE; border:1px solid #CFC2C2; line-height:23px; font-size:11px; font-family:Arial,Helvetica,Sans-Serif; } #page_sidebar form#quick_send fieldset p input[type=text]:focus { border-color:#8FC7FF; } #page_sidebar form#quick_send fieldset p textarea { width:134px; height: 94px; margin:0; padding:2px; display:block; float: left; clear: none; overflow:visible; background-color:#FEFEFE; border:1px solid #CFC2C2; line-height:15px; font-size:11px; font-family:Arial,Helvetica,Sans-Serif; } #page_sidebar form#quick_send fieldset p textarea:focus { border-color:#8FC7FF; } #page_sidebar form#quick_send fieldset a.paw { margin-top:10px; clear:both; } /* Page Content :: Client Info ------------------------------------------------------------------------------------------------------*/ #page_content div ol#client_pages_navigation { width:135px; height:245px; padding-top:50px; display:block; float: left; clear: left; overflow:hidden; } #page_content div ol#client_pages_navigation a { width:135px; height: 30px; margin-bottom:5px; padding-left:35px; display:block; float: none; clear: both; overflow:hidden; background:url(/images/page/ol_link.png) no-repeat; line-height:30px; color:#CF0008; } #page_content div ol#client_pages_navigation a:hover { background-position:0px -30px; color:#FFFFFF; text-decoration:none; } #page_content div ol#client_pages_navigation a.current { background-position:0px -30px; color:#FFFFFF; } #page_content div blockquote#client_pages { width:433px; margin-top:20px; display:block; float:right; clear:right; background:#EFEFEF url(/images/page/client_form.jpg) repeat-x; border:1px solid #6FA7DF; } #page_content div blockquote#client_pages dl { width:433px; display:block; } #page_content div blockquote#client_pages dl h6 { width:413px; height: 18px; margin:0 auto 10px; padding:10px 0 2px; overflow:hidden; border-bottom:2px solid #BFAFFF; line-height:18px; font-size:14px; } #page_content div blockquote#client_pages dl ul { width:413px; height: auto; margin:0 auto; } #page_content div blockquote#client_pages dl ul li { width:413px; height: auto; margin-bottom:10px; } #page_content div blockquote#client_pages dl ul li a.toggle { width:383px; height: auto; padding-left:30px; display:block; float: none; clear: both; overflow:hidden; background:url(/images/page/ul_link_page.png) no-repeat; line-height:30px; font-size:12px; color:#FFFFFF; } #page_content div blockquote#client_pages dl ul li a.title { height:25px; background-position:0px 0px; } #page_content div blockquote#client_pages dl ul li a.close { height: 5px; background-position:0px -25px; } #page_content div blockquote#client_pages dl ul li.current a.title { background-position:0px -30px; } #page_content div blockquote#client_pages dl ul li.current a.close { background-position:0px -55px; } #page_content div blockquote#client_pages dl ul li:hover a.title { background-position:0px -30px; text-decoration:none; } #page_content div blockquote#client_pages dl ul li:hover a.close { background-position:0px -55px; } #page_content div blockquote#client_pages dl ul li form { width:411px; display: none; border:5px solid #771717; border-right-width:1px; border-left-width:1px; } #page_content div blockquote#client_pages dl ul li.current form { border-color:#2B65A9; } #page_content div ol#client_info_navigation { width:570px; height: 50px; display:block; float: none; clear: both; } #page_content div ol#client_info_navigation a { width:110px; height: 25px; margin:5px 0 0 5px; padding-left:30px; display:block; float:right; clear: none; background:url(/images/page/a_link.png) no-repeat 0px -50px; line-height:25px; font-size:15px; color:#FFFFFF; } #page_content div ol#client_info_navigation a:hover { background-position:0px -75px; text-decoration:none; } #page_content div blockquote#client_info { width:570px; margin-top:10px; display:block; float: none; clear: both; } #page_content div blockquote#client_info dl { } #page_content div blockquote#client_info dl h6 { height:31px; padding:10px 0 0; line-height:36px; } #page_content div blockquote#client_info dl h6 a { width:100px; height: 30px; margin-left:1px; padding-left:35px; display:block; float: right; clear: none; overflow:hidden; background:url(/images/page/a_type.png) no-repeat; line-height:30px; color:#CF0008; } #page_content div blockquote#client_info dl h6 a:hover { background-position:0px -30px; color:#FFFFFF; text-decoration:none; } #page_content div blockquote#client_info dl h6 a.current { background-position:0px -30px; color:#FFFFFF; } #page_content div blockquote#client_info dl ol { width:570px; height: 30px; margin:1px 0; display:block; float: none; clear: both; } #page_content div blockquote#client_info dl ol a { width:100px; height: 30px; margin-left:1px; display:block; float: left; clear: none; background:url(/images/page/a_sort.png) repeat-x; line-height:30px; font-size:12px; font-weight:bold; text-indent:5px; } #page_content div blockquote#client_info dl ol a:hover { background-position:0px -30px; color:#FFFFFF; text-decoration:none; } #page_content div blockquote#client_info dl ol a.current { background-position:0px -30px; color:#FFFFFF; } #page_content div blockquote#client_info dl ul { width:570px; display:block; float: none; clear: both; } #page_content div blockquote#client_info dl ul li { width:570px; height: 20px; margin-bottom:1px; display:block; float: none; clear: both; } #page_content div blockquote#client_info dl ul li:hover a { background-color:#DDDEEE; } #page_content div blockquote#client_info dl ul li a { width:100px; height: 20px; margin-left:1px; display:block; float: left; clear: none; overflow:hidden; background-color:#EEFFFF; line-height:20px; font-size:11px; text-indent:5px; color:#000000; cursor:pointer; } #page_content div blockquote#client_info dl ul li a:hover { text-decoration:underline; } #page_content div blockquote#client_info dl ul li a.owner { color:#2C67A3; } #page_content div blockquote#client_info dl ul li a.canine { color:#2C67A3; } #page_content div blockquote#client_info dl a.owner { width:120px; margin-left:0; } #page_content div blockquote#client_info dl a.canine { width:120px; } #page_content div blockquote#client_info dl a.name { width:140px; text-decoration:none !important; } #page_content div blockquote#client_info dl a.type { width:110px; text-decoration:none !important; } #page_content div blockquote#client_info dl a.date { width: 76px; text-decoration:none !important; } #page_content div blockquote#client_info dl a.first_name { width: 80px; margin-left:0; text-decoration:none !important; } #page_content div blockquote#client_info dl a.last_name { width: 80px; text-decoration:none !important; } #page_content div blockquote#client_info dl a.username { width:100px; text-decoration:none !important; } #page_content div blockquote#client_info dl a.phone_day { width: 85px; text-decoration:none !important; } #page_content div blockquote#client_info dl a.phone_night { width: 85px; text-decoration:none !important; } #page_content div blockquote#client_info dl a.email { width:155px; text-decoration:none !important; } #page_content div blockquote#client_info dl a.breed { width:110px; text-decoration:none !important; } #page_content div blockquote#client_info dl a.gender { width: 55px; text-decoration:none !important; } #page_content div blockquote#client_info dl a.veterinarian { width:140px; text-decoration:none !important; } /* Page Content :: Client Management ------------------------------------------------------------------------------------------------------*/ #page_content div form.manage_pages { width:413px; display:block; float: none; clear: both; } #page_content div form.manage_pages fieldset { width:391px; padding:10px; display:block; float: none; clear: both; } #page_content div form.manage_pages fieldset span { width:391px; height: 18px; margin:0 auto 10px; padding:10px 0 2px; display: none; float: none; clear: both; font-weight:bold; } #page_content div form.manage_pages fieldset p { width:391px; height: 25px; padding-bottom:5px; display:block; float: none; clear: both; } #page_content div form.manage_pages fieldset p.textarea { height:100px; } #page_content div form.manage_pages fieldset p.manage { padding:5px 0 0 0; } #page_content div form.manage_pages fieldset p label { width: 90px; height: 25px; padding:0 10px 0 25px; display:block; float: left; clear: left; overflow:hidden; background:url(/images/page/label_form.png) no-repeat; line-height:25px; font-weight:bold; } #page_content div form.manage_pages fieldset p label.publish { background-position:0px 25px; } #page_content div form.manage_pages fieldset p input { width:134px; height: 15px; padding:4px 2px; display:block; float: left; clear: none; overflow:hidden; background-color:#FEFEFE; border:1px solid #CFC2C2; line-height:23px; font-size:11px; font-family:Arial,Helvetica,Sans-Serif; } #page_content div form.manage_pages fieldset p input:focus { border-color:#8FC7FF; } #page_content div form.manage_pages fieldset p input[type=text] { } #page_content div form.manage_pages fieldset p input[type=password] { } #page_content div form.manage_pages fieldset p input[type=checkbox] { width: 15px; height: 25px; padding:0; margin:0; } #page_content div form.manage_pages fieldset p input.keep { margin-left:90px; } #page_content div form.manage_pages fieldset p textarea { width:134px; height: 94px; margin:0; padding:2px; display:block; float: left; clear: none; overflow:visible; background-color:#FEFEFE; border:1px solid #CFC2C2; line-height:15px; font-size:11px; font-family:Arial,Helvetica,Sans-Serif; } #page_content div form.manage_pages fieldset p textarea:focus { border-color:#8FC7FF; } #page_content div form.manage_pages fieldset p cite { width: 95px; height: 25px; padding-left:25px; display:block; float:right; clear:right; overflow:hidden; background:url(/images/page/epoch_cite.png) no-repeat; line-height:25px; color:#CF0008; cursor:pointer; } #page_content div form.manage_pages fieldset p cite:hover { background-position:0px -25px; color:#2C67A3; } #page_content div form.manage_pages fieldset p a { width:110px; height: 25px; padding-left:30px; display:block; float: left; clear:right; background:url(/images/page/a_link.png) no-repeat 0px -50px; line-height:25px; font-size:15px; color:#FFFFFF; } #page_content div form.manage_pages fieldset p a:hover { background-position:0px -75px; text-decoration:none; } #page_content div form#client_login { width:570px; padding-top:20px; display:block; float: none; clear: both; } #page_content div form#client_login fieldset { width:570px; display:block; float: none; clear: both; } #page_content div form#client_login fieldset p { width:570px; height: 25px; padding-bottom:5px; display:block; float: none; clear: both; } #page_content div form#client_login fieldset p label { width: 80px; height: 25px; padding-right:10px; display:block; float: left; clear: left; overflow:hidden; line-height:25px; font-weight:bold; } #page_content div form#client_login fieldset p label.keep { width: 90px; padding:0 0 0 5px; clear: none; } #page_content div form#client_login fieldset p input { width:124px; height: 19px; padding:2px; display:block; float: left; clear: none; overflow:hidden; background-color:#FEFEFE; border:1px solid #CFC2C2; line-height:23px; font-size:14px; font-family:Arial,Helvetica,Sans-Serif; } #page_content div form#client_login fieldset p input:focus { border-color:#8FC7FF; } #page_content div form#client_login fieldset p input[type=text] { } #page_content div form#client_login fieldset p input[type=password] { } #page_content div form#client_login fieldset p input[type=checkbox] { width: 15px; height: 25px; padding:0; margin:0; } #page_content div form#client_login fieldset p input.keep { margin-left:90px; } #page_content div form#client_login fieldset p a { width:100px; height: 25px; padding-left:30px; margin-left:90px; display:block; float: none; clear: both; background:url(/images/page/a_link.png) no-repeat; line-height:25px; font-size:15px; color:#FFFFFF; } #page_content div form#client_login fieldset p a:hover { background-position:0px -25px; } /* Page Content :: Registration ------------------------------------------------------------------------------------------------------*/ form#registration { width:570px; height: auto; padding-top:30px; display:block; float: none; clear: both; font-size:12px; } form#registration fieldset { } form#registration fieldset dl { width:548px; margin-top:20px; padding:0 10px; display:block; float: none; clear: both; background:#EFEFEF url(/images/page/client_form.jpg) repeat-x; border:1px solid #6FA7DF; } form#registration fieldset dl h6 { width:548px; height: 18px; margin:0 auto 10px; padding:10px 0 2px; overflow:hidden; border-bottom:2px solid #BFAFFF; line-height:18px; font-size:14px; } form#registration fieldset dl b.info { padding-bottom:10px; display:block; float: none; clear: both; font-style:italic; } form#registration fieldset dl blockquote { width:548px; height: auto; padding-bottom:10px; display:block; float: none; clear: both; } form#registration fieldset dl blockquote dt { width:518px; height: 25px; padding-left:30px; display:block; float: none; clear: both; overflow:hidden; background:url(/images/page/registration_header.png) 0px -30px no-repeat; line-height:30px; font-size:12px; color:#FFFFFF; } form#registration fieldset dl blockquote ol { width:546px; height: auto; padding:10px 0; display:block; border:5px solid #2B65A9; border-right-width:1px; border-left-width:1px; } form#registration fieldset dl blockquote ol p { width:526px; height: 25px; padding:0 10px 5px; display:block; float: none; clear: both; } form#registration fieldset dl blockquote ol p.textarea { height:100px; } form#registration fieldset dl blockquote ol p.info { width:391px; height: auto; padding:0 0 5px 135px; } form#registration fieldset dl blockquote ol p.manage { padding:5px 10px 0; } form#registration fieldset dl blockquote ol p label { width: 90px; height: 25px; padding:0 10px 0 25px; display:block; float: left; clear: left; overflow:hidden; background:url(/images/page/label_form.png) no-repeat; line-height:25px; font-weight:bold; } form#registration fieldset dl blockquote ol p input { width:174px; height: 15px; padding:4px 2px; display:block; float: left; clear: none; overflow:hidden; background-color:#FEFEFE; border:1px solid #CFC2C2; line-height:23px; font-size:11px; font-family:Arial,Helvetica,Sans-Serif; } form#registration fieldset dl blockquote ol p input.checkbox { width: 20px; height: 20px; margin:2px 0 0; padding:0; } form#registration fieldset dl blockquote ol p input:focus { border-color:#8FC7FF; } form#registration fieldset dl blockquote ol p select { width:180px; height: 25px; padding:4px 2px; display:block; float: left; clear: none; overflow:hidden; background-color:#FEFEFE; border:1px solid #CFC2C2; line-height:23px; font-size:11px; font-family:Arial,Helvetica,Sans-Serif; } form#registration fieldset dl blockquote ol p select:focus { border-color:#8FC7FF; } form#registration fieldset dl blockquote ol p textarea { width:174px; height: 94px; margin:0; padding:2px; display:block; float: left; clear: none; overflow:visible; background-color:#FEFEFE; border:1px solid #CFC2C2; line-height:15px; font-size:11px; font-family:Arial,Helvetica,Sans-Serif; } form#registration fieldset dl blockquote ol p textarea:focus { border-color:#8FC7FF; } form#registration fieldset dl blockquote ol p cite { width:188px; height: 25px; padding-left:27px; display:block; float:right; clear:right; overflow:hidden; background:url(/images/page/cite_registration.png) no-repeat; line-height:25px; color:#CF0008; cursor:pointer; } form#registration fieldset dl blockquote ol p cite:hover { background-position:0px -25px; color:#2C67A3; } form#registration fieldset dl blockquote ol p a.paw { margin-left:125px; } form#registration fieldset dl blockquote ol p.optional label { background-position:0px 23px; } form#registration fieldset dl blockquote ol p.pass label { background-position:0px -23px; } form#registration fieldset dl blockquote ol p.fail label { background-position:0px -46px; } form#registration fieldset dl blockquote ol p.fail input { border-color:#CD0000; } form#registration fieldset dl blockquote ol p.fail select { border-color:#CD0000; } form#registration fieldset dl blockquote ol p.fail textarea { border-color:#CD0000; } form#registration fieldset dl blockquote dd { width:518px; height: 5px; padding-left:30px; display:block; float: none; clear: both; overflow:hidden; background:url(/images/page/registration_header.png) 0px -55px no-repeat; } /* Page Body :: Content ------------------------------------------------------------------------------------------------------*/ form#billing_information { width:570px; height: auto; padding-top:30px; display:block; float: none; clear: both; font-size:12px; } form#billing_information fieldset { width:570px; height: auto; display:block; float: none; clear: both; } form#billing_information fieldset dt { width:518px; height: 25px; padding-left:30px; display:block; float: none; clear: both; overflow:hidden; background:url(/images/page/registration_header.png) 0px -30px no-repeat; line-height:30px; font-size:12px; color:#FFFFFF; } form#billing_information fieldset ol { width:548px; height: 50px; margin-bottom:5px; padding:5px 0; display:block; float: none; clear: both; overflow:hidden; } form#billing_information fieldset ol select { width:218px; height: 25px; padding:2px; display:block; float: left; clear: left; overflow:hidden; border:1px solid #2B65A9; font-size:13px; } form#billing_information fieldset ol input[type=text] { width:157px; height: 19px; margin-left:2px; padding:2px; display:block; float: left; clear: none; overflow:hidden; border:1px solid #2B65A9; font-size:13px; } form#billing_information fieldset ol textarea { width:377px; height: 19px; margin-top:2px; padding:2px; display:block; float: left; clear: left; overflow:hidden; border:1px solid #2B65A9; font-size:13px; font-family:GillSans,Trebuchet,Calibri,sans-serif; } form#billing_information fieldset ol a { width:163px; height: 25px; margin-top:2px; display:block; float:right; clear:right; overflow:hidden; background-color:#2B65A9; text-align:center; line-height:25px; font-size:12px; font-weight:bold; color:#FFFFFF; } form#billing_information fieldset ol a:hover { background-color:#4085CF; color:#FFFFFF; } form#billing_information fieldset blockquote { width:546px; height: auto; padding:5px 0; display:block; background:#EFEFEF url(/images/page/client_form.jpg) repeat-x; border:5px solid #2B65A9; border-right-width:1px; border-left-width:1px; } form#billing_information fieldset blockquote p { width:536px; height: 40px; padding:0 0 5px 10px; display:block; float: none; clear: both; border-bottom:1px dashed #2B65A9; } form#billing_information fieldset blockquote p.key { height: 25px; } form#billing_information fieldset blockquote p.total { height: 20px; } form#billing_information fieldset blockquote p.total .cost { color:#BF001A; } form#billing_information fieldset blockquote p.total .date { color:#2D9F09; } form#billing_information fieldset blockquote p label { width:120px; height: 25px; display:block; float: left; clear: none; overflow:hidden; line-height:25px; font-weight:bold; } form#billing_information fieldset blockquote p cite { width:120px; height: 25px; display:block; float: left; clear: none; overflow:hidden; line-height:25px; font-weight:bold; font-style:normal; } form#billing_information fieldset blockquote p i { width:526px; height: 15px; display:block; float: none; clear: both; overflow:hidden; line-height:15px; font-style:normal; } form#billing_information fieldset blockquote p .type { width:220px; } form#billing_information fieldset blockquote p .time { width: 70px; } form#billing_information fieldset blockquote p .rate { width: 75px; } form#billing_information fieldset blockquote p .cost { width: 95px; } form#billing_information fieldset blockquote p .date { width: 76px; } form#billing_information fieldset dd { width:518px; height: 5px; padding-left:30px; display:block; float: none; clear: both; overflow:hidden; background:url(/images/page/registration_header.png) 0px -55px no-repeat; } /* Overlay Layers ------------------------------------------------------------------------------------------------------*/ #browser_overlay { position:fixed; z-index:9999; top: 0px; left: 0px; width: 100%; height:100px; background:url(/images/site/browser.jpg) repeat-x; } #browser_overlay div { width:900px; height:100px; margin:0 auto; display:block; float: none; clear: both; overflow:hidden; } #browser_overlay div a { color:#CF0008; } #browser_overlay div a:hover { color:#2C67A3; text-decoration:underline; } #browser_overlay div p { width:480px; height: 80px; padding:10px; display:block; float: left; clear: left; overflow:hidden; } #browser_overlay div p b { display:block; line-height:15px; font-size:13px; } #browser_overlay div p i { display:block; line-height:15px; font-size:13px; font-style:normal; } #browser_overlay div ol { width:400px; height:100px; display:block; float:right; clear:right; overflow:hidden; } #browser_overlay div ol a { width:100px; height:100px; display:block; float: left; clear: none; overflow:hidden; background:url(/images/site/browsers.jpg) no-repeat; } #browser_overlay div ol a.firefox { background-position: 0px 0px; } #browser_overlay div ol a.safari { background-position:-100px 0px; } #browser_overlay div ol a.explorer { background-position:-200px 0px; } #browser_overlay div ol a.firefox:hover { background-position: 0px -100px; } #browser_overlay div ol a.safari:hover { background-position:-100px -100px; } #browser_overlay div ol a.explorer:hover { background-position:-200px -100px; } #page_overlay { position:fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: none; background:url(/images/page/overlay_background.png); } #form_overlay { position:fixed; top: 50%; left: 50%; width:500px; height:300px; margin:-150px 0 0 -225px; display: none; overflow:hidden; } #form_overlay div { width:478px; height:253px; padding:10px; background:#EFEFEF url(/images/page/client_form.jpg) repeat-x; border:1px solid #666666; } #form_overlay div h5 { width:478px; height: 25px; display:block; float: none; clear: both; line-height:20px; font-size:15px; } #form_overlay div form { width:478px; height:203px; display:block; float: none; clear: both; } #form_overlay div form fieldset { width:478px; height:203px; display:block; float: none; clear: both; } #form_overlay div form fieldset input { width:472px; height: 19px; padding:2px; display:block; float: none; clear: both; overflow:hidden; background-color:#FEFEFE; border:1px solid #CFC2C2; line-height:17px; font-size:14px; font-family:Arial,Helvetica,Sans-Serif; } #form_overlay div form fieldset textarea { width:472px; height:187px; padding:2px; display:block; float: none; clear: both; overflow: auto; background-color:#FEFEFE; border:1px solid #CFC2C2; line-height:17px; font-size:14px; font-family:Arial,Helvetica,Sans-Serif; } #form_overlay div a { width:100px; height: 25px; padding-left:30px; margin-left:10px; display:block; float:right; clear: none; background:url(/images/page/a_link.png) no-repeat; line-height:25px; font-size:15px; font-family:GillSans,Trebuchet,Calibri,sans-serif; color:#FFFFFF; } #form_overlay div a:hover { background-position:0px -25px; } #alert_overlay { position:fixed; top: 50%; left: 50%; width:300px; height:200px; margin:-100px 0 0 -150px; display: none; overflow:hidden; } #alert_overlay div { width:278px; height:253px; padding:10px; background:#EFEFEF url(/images/page/client_form.jpg) repeat-x; border:1px solid #666666; } #alert_overlay div h5 { width:278px; height: 25px; display:block; float: none; clear: both; line-height:20px; font-size:15px; } #alert_overlay div p { width:278px; height:130px; display:block; float: none; clear: both; line-height:20px; font-size:13px; } #alert_overlay div a { width:100px; height: 25px; padding-left:30px; margin-left:10px; display:block; float:right; clear: none; background:url(/images/page/a_link.png) no-repeat; line-height:25px; font-size:15px; font-family:GillSans,Trebuchet,Calibri,sans-serif; color:#FFFFFF; } #alert_overlay div a:hover { background-position:0px -25px; } #client_overlay { position:fixed; top:50px; left: 50%; width:570px; height:650px; margin:0 0 0 -295px; display: none; overflow: auto; } #client_overlay form { padding-top:0; } #client_overlay form fieldset dl { margin:0; } #client_overlay form fieldset dl blockquote { padding-top:10px; } #client_overlay form a.paw { width:110px; height: 25px; padding-left:30px; display:block; float: none; clear: both; overflow:hidden; background:url(/images/page/a_link.png) no-repeat 0px -50px; line-height:25px; font-size:15px; color:#FFFFFF; } #client_overlay form a.paw:hover { background-position:0px -75px; text-decoration:none; }