﻿/* 
	Ratchet - Digital Leverage (http://www.ratchet.com)
	Project: Employers 
	Created: 5/13/09 1:53pm
	Description: css styles for site layout
*/

/* *********************** BROWSER RESET ********************** */
* { margin: 0; padding: 0; line-height: 1.2em; outline: 0;}

/* ********************** GENERIC STYLES ********************** */
.clear { clear: both; margin: 0 !important; padding: 0 !important; }
.clear-right { clear: right; }
.clear-left { clear: left; }
.right { float: right; }
.left { float: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.reflection-wrap { float: left; }
.reflection { padding: 3px 0 13px; }
.bg-gray { padding: 8px 0; }
.learn-more-tag { }

/* form inputs */
.short-input { width: 75px; vertical-align: middle; }
.normal-input { width: 140px; vertical-align: middle; }
.long-input { width: 220px; vertical-align: middle; }

/* *********************** BASE LAYOUT ************************ */
.site-wrap { width: 100%; height: 100%; }
.page-wrap { width: 960px; margin: 0 auto; }
.page-wrap > .content { width: 960px; min-height: 545px; padding-top: 30px; }
.page-wrap > .content-nopad { min-height: 545px; padding: 0; }

/* HEADER */
.header { width: 945px; padding: 17px 15px 0 0; position: relative; }
.header .l_side, .header .r_side { display: block; position: absolute; height: 113px; width: 1px; top: 7px; }
.header .l_side { left: 0; }
.header .r_side { right: 0; }
.header h3 { padding-bottom: 2px; line-height: 1; } 
.header ul { list-style: none; }
.header ul li { display: inline; }
.header ul li a, .header ul li a:visited, .header ul li a:hover { text-decoration: underline !important; color:#666666 !important; }
.header .logo { float: left; margin-left: 45px; margin-top: 19px; }
.header-info { float: right; text-align: right; }
.search { vertical-align: middle; padding: 15px 0 10px; float: right; }
.search-btn { padding-left: 3px; float: left; }
.search-input { width: 170px; height: 16px; float: left; position: relative; right: -1px; }

/* HEADER IMAGE AREA */
.header_treatment img {  }
.header-image { width: 960px; min-height: 360px; } /* header container */


/* INTERIOR TITLE HEADER */
.title { height: 58px; padding-left: 270px; }
.title .pagination { padding: 9px 0 2px; }
.title .pagination li { display: inline; padding-right: 10px; }
.title .pagination li a img { margin-bottom: 1px; }
.title .pagination h3 { padding-top: 10px; }


/* TOP NAVIGATION - included color styles */
/* tab nav */
.top-nav { width:952px; height:27px; padding-right: 8px; margin-top: -5px; background:url(/assets/images/bg_nav_rptr.jpg) repeat-x; background-position:bottom; }
.top-nav ul { float:right; }
.top-nav ul li { float:left; margin:0px 3px 0px 0px; }
.top-nav li a, .top-nav li span, .top-nav li.current a { width:180px; height:22px; background:url(/assets/images/OFF-tab.gif) no-repeat; padding:7px 0px 0px 0px; text-align:center; font-weight:bold; text-decoration:none; color:#fff; font-size:13px; float:left; }
.top-nav li a:hover, .top-nav li span, .top-nav li.current a {width:180px; height:22px; background:url(/assets/images/ON-tab.gif) no-repeat; text-decoration:none; font-size: 14px; }

/* SIDE/SUB NAVIGATION GENERAL STYLES */
.sidenav { margin-left: 0px; min-height:200px; }

.sub-nav { padding: 28px 0 30px; }
.sub-nav p { padding: 0 10px 10px; }

.sub-nav ul { margin: 0; padding-left: 11px; }
.sub-nav ul li { position: relative; display: block; clear: both; padding: 0 10px 7px 12px; min-height: 20px; }
.sub-nav ul li a, .sub-nav ul li span { display: block; padding-bottom: 5px; }

/* SIDE/SUB NAVIGATION FLYOUT MENU */
.sub-nav ul li ul { display: none; padding: 0; position: absolute; left: 187px; top: -10px; width: 275px; }
.sub-nav ul li ul li { padding: 6px 0 6px 10px; height: auto; font-weight: bold; min-height: 0; }
.sub-nav ul li ul li a { padding: 0; }
.sub-nav ul li:hover ul { display: block; }

/* TERTIARY NAVIGATION */
.tertiary-nav { float: right; width: 160px; padding: 0 0 5px 9px; margin: 0 0 12px 12px; }
.tertiary-nav ul li { padding-top: 5px; }

/* CENTER COLUMN */
.center-col { float:left; }
.mainarea .center-col { width: 645px; margin: 0 30px 20px 40px; }
.mainarea .onecolumn .center-col { margin: 0 0 30px 0; width: 655px; }
.mainarea .onecolumn .center-col .htmlCopy { padding: 0 30px 0 30px; }
.mainarea .center-col h2 { padding-bottom: 15px; }
.mainarea .center-col h3 { padding-bottom: 7px; }
.mainarea .center-col p { padding-bottom: 26px; }

/* RIGHT COLUMN */
.right-col { float:right; }
/* down tab */
.right-col .tab { width: 230px; text-align: center; margin: -32px 0 13px; }
.right-col .tab div { height:110px;  padding:20px 0px 0px 0px;  left:0px; }
.right-col .tab div img { padding-top: 20px; }

/* LEFT COLUMN */
.left-col { float: left; width: 200px; position: relative; top: -61px; padding: 0 0 50px 30px; }
.has-image { top: 0; }
/* down tab */
.left-col .sidenav .tab { height: 74px; width: 200px; text-align: center; padding: 22px 0 10px; position: relative; }
.left-col .sidenav .tab div { width: 210px; height: 77px; position: absolute; top: 0px; left: -7px; padding-top: 20px; text-align: center; }
.left-col > .sidenav .tab div img { padding-top: 10px; }
/* up tab */
.left-col .tab { width:200px; position:relative; }
.left-col .tab div {width:210px; height:77px; position:absolute; top:-77px; left:-6px; padding:12px 0px 0px 0px; text-align:center; }
.left-col > .tab div  img { padding:10px 0px 0px 0px; }
/* left column fma */
.left-col .fma { width:200px; padding: 0px 0px 0px 5px; clear:both; }
.left-col .fma .fma-content>div {padding:10px 0 10px 15px;}
.left-col .fma .reflection {text-align:center;}

/* FOOTER */
.footer { width:950px; padding:25px 5px 60px 5px; margin-top: 10px; }
.footer ul { list-style-type:none; padding:7px 0px 7px 0px; }
.footer ul li { display:inline; }
.footer .legal-info { width:780px; float:left; }
.footer .foot-logo { float:right; }
.footer .foot-logo img { padding:0px 0px 0px 10px; float:left; }

/* FMA LAYOUT */
.fma { clear: left; float: left; position: relative; }
.fma .reflection { padding-top: 0; padding-bottom: 20px; }
.fma .feature { margin: 0 0 10px; }
.fma-html .fma-content { padding: 10px 0; }
.fma-headline { border-bottom: solid 1px gray; }
.fma-headline .reflection { padding: 3px 0 0; }
.fma-headline span { font-family:Georgia,Times,serif !important; font-size:11px; color: #9b9b9b; }
.fma-headline h4 { font-family:Georgia,Times,serif !important; font-size:13px; padding: 5px 0 0 !important; }
.locator-reflection { padding: 5px 15px 20px !important; }
.learn_more { float: right; padding-top: 2px; width: 87px; height: 16px; text-align: center; }
.learn_more a:link, .learn_more a:visited, .learn_more a:hover, learn_more a:active { padding-right: 6px; }
.login { margin: 5px 10px 4px; }
/* worker report a claim fma */
.fma-report-claim { margin-top: 3px; padding-bottom: 14px; position: relative; }
.fma-report-claim .claim-title { height: 48px; padding: 10px 0 5px;  text-align: center; }
.fma-report-claim p { padding: 10px 18px 0 18px; line-height: 1.6; }
.fma-report-claim select { margin: 10px 0 0 18px;  }
.fma-report-claim .contact-info { padding: 8px 0 0 18px; }
.fma-report-claim .contact-info h3 { padding-bottom: 0; }
.fma-report-claim .contact-info .phone-tag { padding: 0; line-height: 1.2; }
.fma-report-claim .contact-info .phone { padding: 0; line-height: 1.2; }
.fma-report-claim p.provider-number { padding-left: 0px; padding-top: 10px; }
.fma-report-claim .state-info { margin-left: 18px; }
.fma-locator select, .fma-report-claim select { padding: 3px; }
/* sign up for newsletter fma */
.fma-email-signup { margin-bottom: 15px; position: relative; }
.fma-email-signup .reflection { padding-top: 8px; }
/* locator fma */
.fma-locator { padding: 10px 12px 16px; margin-top: 7px; position: relative; }
.fma-locator p { padding: 6px 0 10px; }
/* eaccess fmas */
.fma-eaccess-login { margin-bottom: 15px; position: relative; clear: left; }

/* CONTROLS */
.newsletter-form { margin-top:15px; }
.newsletter-form ul li p { margin-left:5px; display:inline; position:absolute; width:175px; }
.newsletter-form label  { width:100px; float:left; clear:left; text-align:right; margin-top:4px; }
.newsletter-form span input, .newsletter-form span select { margin-bottom:10px; }
.newsletter-form span input[type="text"] { width:175px; height:18px; padding-top:4px; margin-right:5px; }
.newsletter-form span input[type="submit"] { width:80px; margin-top: 30px; margin-left:150px; }
.newsletter-form span input, .newsletter-form span select { margin-left:5px;  }
.newsletter-form .checkbox { padding-left: 106px; float:left; }
.newsletter-form .checkbox input { float: left; }
.newsletter-form .checkbox label { float: left; display: block; clear: none; margin-top: 0; text-align: left; width: 200px; margin-left: 6px; }
.regex { margin-left:85px !important; margin-top:-10px; }
.val-email-regex { margin-left:-70px; }
label { width: 10em; float: left; }
label.error { float: none; color: red !important; padding-left: 84px !important; vertical-align: top; width:175px !important; position:absolute; margin-top:-9px; text-align:left !important; }


/* ***************************************************************************************************************************************************************************************/
/* ****************************************************************************** PAGE SPECIFIC ******************************************************************************************/
/* ***************************************************************************************************************************************************************************************/

/* HOME */
.home { }
.home .right-col { width:305px; float:right; }
.home .center-col { width:565px; padding: 0 60px 10px 30px; float:left; }
/* blog featured articles */
.home .news-blog-tab, .business .news-blog-tab, .agents .news-blog-tab { width:127px; height:15px; padding-top: 4px; text-align: center; }
.home .news-blog-wrap { width: 562px; }
.business .news-blog-wrap, .agents .news-blog-wrap { width: 230px; }
.home .news-blog-wrap, .business .news-blog-wrap, .agents .news-blog-wrap { float:left; padding:10px 0px 10px 0px; } 
.home .news-blog-article, .business .news-blog-article, .agents .news-blog-article { width:225px; padding:0px 30px 0px 25px; float:left; }
.home .news-blog-article p.title, .business .news-blog-article p.blog-title, .agents .news-blog-article p.blog-title { width:200px; height:16px; padding:2px 0px 2px 0px; margin:0px; border:none; }
/* home mission content */
.home h2 { padding:0px 0px 10px 0px; }
.home h4 { padding:0px 0px 5px 0px; }
.home p.mission-info { padding:0px 0px 8px 0px; }
.home .login { margin: 0; padding: 16px 20px; }
.home .fma-email-signup .fma-border { padding-top: 2px; }
/* home fmas */
.home .eaccess-connect { margin: 5px 0 3px; }

/* LANDING */
.landing .center-col { width:420px; padding:30px 30px 0px 40px; }
.landing .center-col h3 { padding:0px 0px 20px 0px; }
.landing .center-col h4 { padding:20px 0px 3px 0px; }
.landing .center-col p.mission { padding:0px 0px 26px 0px; }
.landing .center-col .small-testimonial-wrap { width:420px; }
.landing .center-col .small-testimonial { width:420px; padding:12px 0px 7px 0px; float:left; }
.landing .center-col .small-testimonial .quote { width:300px; float:left; }
.landing .center-col .small-testimonial .photo {  width:81px; height:89px; padding:0px 15px 0px 12px; float:left; } /* image size - width:81px; height:89px; */
.landing .center-col .small-testimonial .client-name { width:265px; padding:10px 0px 0px 35px; float:left; }
.landing .right-col { width:230px; padding:30px 0px 10px 0px; }


/* PRODUCTS & SERVICES */
.products .center-col { width: 420px; padding: 30px 50px 30px 5px; }
.products .center-col h3 { padding-bottom: 18px; }
.products .center-col h4 { padding-bottom: 10px; }
.products .center-col p { padding-bottom: 15px; }
.products .center-col ul { list-style-type: disc; margin: 0 0 10px 30px; }
.products .center-col ul li { line-height: 1.5em; }
.products .sidenav .sub-nav,.mainarea .sidenav .sub-nav {padding: 12px 0 20px;} 
.products .sub-nav, .mainarea .sub-nav {  }


/* TESTIMONIALS */
.testimonial-wrap .reflection  { margin-bottom: 20px; padding-top: 3px; }
.testimonial-wrap .reflection p { padding-bottom: 0; float: right; }
.testimonial { padding: 8px 12px 5px; }
.testimonial h3 { padding: 0 !important; }
.testimonial p { padding: 0 !important; margin: 0 !important; }
.testimonial .quote { font-size: 13px; line-height: 1.4; }
.testimonial img { padding: 0; float: left; margin-right: 10px; position: relative; } /* image size - width:81px; height:89px; */
.testimonial .client-name { padding: 5px 0 0 140px; float: left; clear: both;  }
.testimonial-pagination { float: right; }

.fma .testimonial { float: left; padding: 15px 15px 5px; }
.fma .testimonial img { margin-top: 10px; margin-right: 14px; }
.fma .testimonial .client-name { float: none; padding-left: 96px; padding-top: 6px; clear: none; }

/* CLAIM LOCATOR PAGE */
.locator_map { width: 660px; float: left; }
.map-additional-content { float: left; width: 660px; } /* margin-left: 268px; */

/* ONLINE ACCESS PAGE */
.rside-space, .lside-space { height: 18px; clear: both; }
.rside-login { width:230px; border:1px solid #999; }
.rside-login-wrap { width:230px; padding:30px 0px 10px 0px; float:right; }
.lside-content { width:420px; padding:30px 50px 30px 0px; float:right; }

/* CONTACT US PAGE */
.new-section { margin-top: 20px; }
.contact-form { margin-top: 15px; }
.contact-form .val-zip, .contact-form .val-phone, .contact-form .val-email-regex { position: absolute; }
.contact-form .val-zip { margin-left: -181px; margin-top: 20px; }
.contact-form .val-phone { margin-left: -181px; margin-top: -16px; }
.contact-form .val-email-regex { margin-left: -67px; margin-top: 3px; } 
.contact-form ul li p { margin-left: 5px; display: inline; position: absolute; width: 175px; }
.contact-form label  { width: 111px; float: left; clear: left; text-align: right; margin-top: 4px; }
.contact-form span input, .contact-form span select { margin-bottom: 10px; margin-left: 5px; }
.contact-form span select { padding: 4px 3px; }
.contact-form span input[type="text"] { width: 171px; height: 15px; padding: 2px; margin-right: 5px; }
.contact-form span input[type="submit"] { width:80px; margin-top: 30px; margin-left:150px; }
.contact-form .checkbox { padding-left: 116px; }
.contact-form .checkbox input { float: left; }
.contact-form .checkbox label { float: left; display: block; clear: none; margin-top: 0; text-align: left; width: 200px; margin-left: 6px; }
.contact-form .comments-label { width: auto; text-align: left; margin: 18px 0 5px; }

.contact .center-col { width: 430px; padding-top: 5px; }
.contact .fma { width: 230px; }
.checkbox-label { position: relative; }

.rside-info-wrap { width:230px; padding:30px 0px 10px 0px; float:right; }
.rside-info { width:230px; }

.postal h4, .cust-service h4 { font-weight: bold; font-style: oblique; font-size: 12px; }
.cust-service { margin-top: 5px; }
.cust-service ul li { margin-bottom: 2px; }

.form-info p { padding:0 !important; }
.comment-text { width:370px; height:170px; display:block; clear:left; }
.employers-contact-info { padding-bottom: 15px; }
.employers-contact-info h3 { margin-top: 7px; }

.office-search { margin-top: 10px; border-top: solid 1px #999; }
.office-search .search-wrap { padding: 17px 15px 20px; border-bottom: solid 1px #999; }
.office-search h3 { font-size: 12px; }
.office-search select { margin: 5px 0; padding: 3px; }

/* BLOG PAGE */
.blog-content { float:right; margin-top: 20px; }
.blog .left-col { position:relative; top:-60px; width:230px; }
.blog .left-col .sidenav > .tab { margin:0; }
.blog .flyout { width:200px; }
.right-col .news-blog-article { float: none; width: auto; padding: 0 15px; }

/* RESULTS PAGE */
table.gsc-search-box { display:none !important; }
table.gsc-branding { width:725px !important; margin-bottom:-20px !important; }
#google_search { width:685px; }
.gsc-resultsbox-visible { width:700px; }
.gsc-resultsRoot { padding-top:0px; }
.gsc-control { width:130px; padding-top:20px; }

/* SMALL BUSINESS SITE SECTION */
.business .center-col {  }

/* ************************************ MAP **************************************** */
.content-map { width: 430px !important; padding: 5px 0 0 !important; margin-bottom: 0 !important; }

.content-map-tab { width: 230px; height: 90px; margin-top: -32px; padding: 12px 0; clear: both; }
.content-map-tab p { margin-top: 10px; margin-bottom: 3px; }

.thank_you .content-map-tab { padding-top: 15px; }
.thank_you .center-col { margin-left: 30px; width: 655px; padding-top: 5px; }


/* ********************************* RESOURCES ************************************* */
/*.content-resources { width:420px; padding:30px 50px 30px 0px; float:right; }*/
.content-resources h3 { padding:0 0 15px; }
.result-pagination .pages { padding:2px 0 10px; float:right; }
.result-pagination .arrow-buttons { padding-left: 3px; margin-right: 5px; float: right; }
.testimonial-wrap .result-pagination .arrow-buttons { margin-right: 0; }
.content-resources .resource-info p { padding-bottom: 0; }
.content-resources .resource-result { width:420px; padding:7px 0px 9px 0px; margin:0px 0px 11px 0px; float:left; }
.content-resources .resource-icon { width:74px; text-align: center; overflow:hidden; float:left; }
.content-resources .resource-info { padding:3px 0px 0px 0px; }
.content-resources .resource-info h3 { padding:0px 0px 2px 0px; }
/* explore library section */
.explore-lib { padding: 10px 15px; margin-top: 10px; }
.explore-lib h3 { padding-bottom: 3px; }
.explore-lib h4 { padding-bottom: 3px; }
.explore-lib select { padding: 3px; }
.explore-lib ul { margin: 0 0 15px 10px; }
.explore-lib ul li { margin-bottom: 5px; }
.explore-lib ul li ul { margin-bottom: 0; margin-left: 18px; display: none; }
.explore-lib ul li .exp-resource-cat { padding-right: 3px; display: block; float: left; width: 15px; }

.fma .explore-lib-reflect { padding-top: 8px; }
.right-col .resource-result { margin-bottom: 0; width: 100%; }

/* ********************************* HTML COPY FROM CMS ****************************** */
.onecolumn .htmlCopy { clear: both; }
.htmlCopy, .htmlCopy * { font-size: 12px; }
.htmlCopy h2 { font-size: 17px; padding-bottom: 10px !important; }
.htmlCopy h3 { padding-bottom: 4px !important; font-size: 13px; color: #666666; }
.center-col .htmlCopy h3 { font-style: normal; }
.htmlCopy h4 { font-size: 14px; }
.htmlCopy p { padding-bottom: 10px; }
.htmlCopy a:link, .htmlCopy a:visited, .htmlCopy a:hover, .htmlCopy a:active { color: #02439d !important; }
.htmlCopy a:link, .htmlCopy a:visited { text-decoration: underline; }
.htmlCopy a:hover, .htmlCopy a:active { text-decoration: none; }
.htmlCopy ul { list-style-type: disc; list-style-position: outside; margin-left: 15px; margin-bottom: 26px; }
.htmlCopy .bold { font-weight: bold !important; }
.htmlCopy blockquote { font-size: 14px; line-height: 1.5; padding-left: 20px; padding-bottom: 26px; }
.htmlCopy a strong { color: #02439d !important; }

/* *********************************** GET STARTED ***************************************** */
.get-started-header { width:655px; height:325px; margin: 0; float:left; }
.get-started-header .tagline { padding:239px 40px 0 0; float:right; }
.content-get-started { width:575px; padding:0 50px 0 30px; float:left; }
.content-get-started h3 { padding-bottom: 7px; }
.content-get-started p { padding-bottom: 28px; }
.content-get-started img { margin-left: 15px; float:right; }

.get-started-form-wrap { position:relative;  }
.get-started-form-wrap p { padding-bottom: 27px; }

.get-started-form { padding: 20px 25px 0; width: 255px }
.get-started-form .form-info { padding-bottom: 25px; }
.get-started-form h3 { padding-bottom: 6px; }
.get-started-form p { padding: 0 0 6px; }
.get-started-form span { position:absolute; }
.get-started-form .required, .get-started-form .checkbox { position: relative; margin: 0; }
.get-started-form .required { padding-left: 2px; }
.get-started-form .val-first { margin-left: 83px; margin-top:-10px; }
.get-started-form .val-last { margin-left: 84px; margin-top:-11px; }
.get-started-form .val-zip { margin-left: -78px; margin-top: 18px; }
.get-started-form .val-phone { margin-left: -143px; margin-top: -16px; }
.get-started-form fieldset { padding-bottom: 20px; }
.get-started-form label { width:75px; padding:3px 7px 0 0; display: block !important; text-align:right; float:left; }
.get-started-form input { margin-bottom: 3px; }
.get-started-form select { padding: 2px; }
.get-started-form textarea { width: 240px; }
.get-started-form .normal-input, .get-started-form .short-input, .get-started-form .long-input { height: 18px; }
.get-started-form .send-btn { padding: 0 30px; }

/* get started sidebar bottom section form */
.get-started-form .about-business { padding-left: 8px; }
.get-started-form .about-business h5 { padding-bottom: 15px; position: relative; left: -8px; }
.get-started-form .about-business p { padding-bottom: 11px; }
.get-started-form .about-business p.space { padding-bottom: 17px; }
.get-started-form .about-business input, .get-started-form .about-business select { margin-bottom: 0; }
.get-started-form .about-business .email-input { width:140px; }
.get-started-form .about-business .val-email { margin-left: 80px; margin-top: -50px; }
.get-started-form .about-business .val-email-regex { margin-top: -50px; margin-left: 80px; }
.get-started-form .about-business label { padding-top: 0; width: auto; float: none; text-align: left; margin-bottom: 5px; }
.get-started-form .about-business span { margin-left: -108px; margin-top: -18px; position:absolute; }
.get-started-form .about-business span.checkbox { position:relative;  }
.get-started-form .about-business span.error { margin-left: 115px; }
.get-started-form .about-business span.required { margin: 0; }

.get-started-form .about-business .email-etc label { display: inline !important; }
.get-started-form .about-business .email-etc div { padding-bottom: 13px; }
.get-started-form .about-business .email-etc .comments label { display: block; }

.get-started-form .about-business .checkbox { display: block; margin-left: 80px; margin-top: 0; }
.get-started-form .about-business .checkbox input { margin-right: 5px; float: left; }
.get-started-form .about-business .checkbox label { display: block; float: left; width: 123px; padding-right: 0; }

/* ********************************* SITEMAP ****************************** */
.sitemap-wrap { width: 600px; margin: 0 auto; }

.sitemap-col { float: left; margin: 0 40px 20px 40px; }
.sitemap-col ul { margin-left: 30px;}
.sitemap-col ul li a { margin-top: 12px; }
.sitemap-col ul li ul li a { margin-top: 0; }
.sitemap-col ul li ul li ul { margin-left: 20px; }
.sitemap-col ul li a, .sitemap-col ul li span { display: block; padding-bottom: 4px; }

.sitemap-col ul li a { font-weight: bold; }
.sitemap-col ul li ul li a { font-weight: normal; }

.sitemap-col ul li span, .sitemap-col ul li a { font-size: 11px; }
.sitemap-col ul li a { color: #02439d; text-decoration: underline; }
/*.sitemap-col ul li a:visited { color: #D11241; }*/
span.tiny { margin-left:0px !important; }

#providerLocator { margin:-30px 0 0 -40px; }
#providerLocator iframe { height:auto; min-height:400px; width:800px; }