html { background: url(../img/sales/bg/paper.png); }
body { font-family: Arial, Helvetica, sans-serif; color: #1f1b1c; font-size: 14px; font-smooth: always; -webkit-font-smooth: always; }
.home { background: url(../img/sales/bg/home.png) repeat-x; }
.inside { background: url(../img/sales/bg/inside.png) repeat-x; }
* { font-family: Arial, Helvetica, sans-serif;}
a { color: #ff6633; text-decoration: none; }
a:hover { text-decoration: underline; }
strong { font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
.header { margin: 0 !important; height: 72px; padding-top: 15px; background:url(../img/sales/bg/header.png) top center no-repeat; }
.header .nav { }
.header .nav p { border: 1px solid #d9d9d9; display: block; float: right; text-align: center; padding: 15px; margin: 0; font-weight: bold; }
.header .nav p a { padding: 0 7px; text-decoration:none;}
.header .nav p a:hover { color: #fff; text-shadow: -1px 1px 0px #ae4623; background: #ff6633; border-bottom: 3px solid #db582c; text-decoration: none; }
.header .nav p a.active { padding: 0 7px; background-color:#db582c; color:#fff; text-decoration:none; }
.header .logo { margin-top: 15px; }
.header .navsales { text-align: right; }
.header p { font-size: 18px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 5px 0; }
.header .navsales ul { padding: 0; margin: 0; float: right; width: auto; }
.header .navsales li { float: left; display: inline; margin: 0; padding: 0; }
.header .navsales li a { color: #35c3df; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; display: block; padding: 13px 8px 10px 8px; border-bottom: 3px none; }
.header .navsales li a:hover { color: #fff; text-shadow: -1px 1px 0px #ae4623; background: #ff6633; border-bottom: 3px solid #db582c; text-decoration: none; }
.header .navsales li a span { text-transform:lowercase; }
.products .header .navsales li#navProducts a { color: #1F1B1C; text-shadow: none; background: none; border-bottom: 3px none; }
.pricing .header .navsales li#navPricing a { color: #1F1B1C; text-shadow: none; background: none; border-bottom: 3px none; }
.signup .header .navsales li#navSignUp a { color: #1F1B1C; text-shadow: none; background: none; border-bottom: 3px none; }
.about .header .navsales li#navAbout a { color: #1F1B1C; text-shadow: none; background: none; border-bottom: 3px none; }
.contact .header .navsales li#navContact a { color: #1F1B1C; text-shadow: none; background: none; border-bottom: 3px none; }
.news .header .navsales li#navNews a { color: #1F1B1C; text-shadow: none; background: none; border-bottom: 3px none; }
.elaw .header .navsales li#navELaw a { color: #1F1B1C; text-shadow: none; background: none; border-bottom: 3px none; }
.login .header .navsales li#navLogin a { color: #1F1B1C; text-shadow: none; background: none; border-bottom: 3px none; }
li.MMnavDocket a {color: #000; text-decoration: none; background-position: center -58px; background:url(../img/worksite/bg/nav-docket.png) no-repeat center top; }
li.navCalendar a { background:url(../img/worksite/bg/nav-calendar.png) no-repeat center top; }
li.navWatch a { background:url(../img/worksite/bg/nav-watch.png) no-repeat center top; }
li.navCopy a { background:url(../img/worksite/bg/nav-copy.png) no-repeat center top; }
h1, h2, h3, h4, h5 { text-transform: uppercase; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
h1 span, h2 span, h3 span, h4 span { text-transform: none; }
.main h2 span, .accordion .head.ui-state-active:hover h2 span { color: #35c3de; }
.feature { height: 369px; padding-top: 24px; }
.login { color: #fff; }
.login h3 { font-size: 24px; line-height: 24px; }
.login ol { border-bottom: 1px solid #525151; padding-bottom: 10px; }
.login p { border-top: 1px solid #8d8b8c; margin: 0; padding-top: 10px; text-align: center; }
.login p a { font-family: Arial, Helvetica, sans-serif; display: block; }
/* For form, scroll down to line 115 */
/* Added by vijayan. So set the width of the error message */
.feature .login fieldset legend { display: inline-table;}
.billboard { background: #fff; float: right; height: 320px; width: 730px !important; overflow: hidden; position: relative; padding: 0 20px 0 0; }
.scrollable { height: 320px; width: 720px !important; overflow: hidden; position: relative; float: left; margin-right: 20px; }
.items { height: 320px; overflow: hidden; width: 20000em; position: absolute;}
.items .item { float: left; display: inline; margin: 20px; width: 700px; }
.items .item img { float: left; margin: 0 20px 0 0; }
.billboard h1 { font-size: 28px; line-height: 28px; }
.billboard h2 { color: #bebebe; font-size: 24px; line-height: 28px; padding: 10px 0 0; }
.billboard p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; }
.billboard p.cta { text-align: center; font-size: 14px; line-height: 18px; vertical-align: center; display: block; }
.billboard p.cta a { padding-top: 15px; display: block; }
.navi { clear: inherit ; text-align: right; width: 400px; float: right; }
.ie7 .navi { padding-top: 10px; }
.navi a { width: 42px; height: 5px; border-bottom: 3px solid #868586; background: #9e9d9f; display: inline-block; cursor: pointer; margin: 0 2px; }
.navi a:hover { border-bottom: 3px solid #b2b2b4; background: #d9d9dc; }
.navi a.active { background: #ff6633; border-bottom: 3px solid #db582c; }
.tipsy { padding: 5px; font-size: 14px; line-height: 21px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url(../img/tipsy.gif); }
.tipsy-inner { padding: 10px; background-color: black; color: white; max-width: 200px; text-align: left; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
a.button, span.button { color: #fff; text-shadow: -1px 1px 0px #ae4623; background: #ff6633; float: left; border-bottom: 3px solid #db582c; display: block; padding: 13px !important; text-transform: uppercase; text-align: center; font-family: Arial, Helvetica, sans-serif; margin: 0 20px 0 0; font-size: 18px; }
a.button.blue { background-color: #35c3de; border-bottom: 3px solid #2790a4; text-shadow: -1px 1px 0px #2790a4; }
a.button.normal { background-color: transparent; border-bottom: 0px none; text-shadow: none; color: #ff6633; font-size: 14px; text-transform: none; width: 180px; padding: 7px 13px; line-height: 18px; margin-right: 0px; }
.item a.button { }
a.button span { text-transform: lowercase; }
a.button:hover { background: #db582c; text-decoration: none; }
a.button.blue:hover { background-color: #2790a4; }
a.button.normal span.black { color: black; text-transform: none; }
a.button.normal:hover, a.button.normal:hover span.black { color: #fff; }
.ctas { padding-top: 15px; }
.news h4 { font-size: 24px; margin-bottom: 10px; margin-top: 10px; }
.ctas h4 { display: inline-block; line-height: 31px; font-size: 24px; padding-right: 45px; }
.ctaWatch h4 { background: url(../img/sales/icons/eWatch-hover.png) no-repeat right top; }
.ctaDocket h4 { background: url(../img/sales/icons/eDocket-hover.png) no-repeat right top; }
.ctaCopy h4 { background: url(../img/sales/icons/eCopy-hover.png) no-repeat right top; }
.ctaCalendar h4 { background: url(../img/sales/icons/eCal-hover.png) no-repeat right top; }
.ctas h4 span { color: #35c3de; text-transform: lowercase; }
.ctas div p { line-height: 21px; margin-bottom: 10px; }
.ctas p.cta { text-align: center; }
.ctas p.cta span { display: inline-block; float: none; padding-right: 33px; padding-left: 33px; font-size: 14px; }
.products p.cta { border-top: 1px solid #d9d9dc; padding-top: 15px; margin-top: 2px; }
span.button { background: #605E5E; border-bottom: 0px none; text-shadow: -1px 1px 0px #333; }
.ie7 .ctas .grid_4 p { margin-top: 10px; margin-bottom: 0px; }
.ie7 .ctas .grid_4 h4 { zoom: 1; display: inline; }
.home .news { min-height: 180px; }
.home .news h5 { font-size: 18px; line-height: 21px; text-transform: none; }
.home .news p { float: right; font-size: 16px; margin: 0; padding: 10px 10px 0 0; }
.home .news .story { padding: 10px 10px 0 0; }
.home .news .story p { font-size: 14px; line-height: 21px; float: none; }
.content { }
.inside h1 { color: #fff; line-height: 49px; font-size: 24px; margin-bottom: 20px; padding-left: 13px; }
.main.grid_12 { background: #fff; padding: 20px; width: 660px; margin-bottom: 20px; }
.main.grid_16 { padding: 20px; margin-bottom: 20px; }
.inside .main h2 { font-size: 24px; line-height: 31px; display: inline-block; }
.inside .main h3 { font-size: 18px; line-height: 21px; text-transform: none; color: #625f60; }
.inside .main h4 { font-size: 16px; text-transform: none; }
.inside .main p { font-size: 14px; line-height: 21px; }
.accordion .head { display: block; height: 74px; background: url(../img/sales/bg/accordion-head.png) top right no-repeat; border-top: 1px solid #fff; padding-left: 12px; border-bottom: 1px solid #d9d9dc; outline: none; cursor: pointer; clear:both; }
.accordion .head:first-child { border-top: 1px none; }
.accordion .head:hover { background-position: right -73px !important; background-color: #35c3de; border-bottom: 3px solid #2790a4; height: 72px; }
.accordion .head:hover h2, .accordion .head:hover h3, .accordion .head:hover h2 span { color: #fff; background-position: bottom right !important; }
.accordion .head.ui-state-active { background: #fff; border-bottom: 0px none; height: 74px !important; margin-top: 2px; }
.accordion .head.ui-state-active h2, .accordion .head.ui-state-active:hover h2 { color: #1F1B1C !important; background-position: top right !important; }
.accordion .head.ui-state-active h3 { color: #625F60 !important; }
.inside .main .accordion h2 { line-height: 31px; padding: 0px 42px 0px 0; display: inline-block; height: 31px; margin: 8px 0 5px; }
h2.ewatch, .ewatch .main h2 { background: url(../img/sales/icons/eWatch-hover.png) no-repeat right top; padding: 0px 42px 0px 0; }
h2.edocket, .edocket .main h2 { background: url(../img/sales/icons/eDocket-hover.png) no-repeat right top; padding: 0px 42px 0px 0; }
h2.ecopy, .ecopy .main h2 { background: url(../img/sales/icons/eCopy-hover.png) no-repeat right top; padding: 0px 42px 0px 0; }
h2.eServe, .eServe .main h2 { background: url(../img/sales/icons/eServe-hover.png) no-repeat right top; padding: 0px 42px 0px 0; }
h2.ecalendar, .ecalendar .main h2 { background: url(../img/sales/icons/eCal-hover.png) no-repeat right top; padding: 0px 42px 0px 0; }
h2.customreporting, .customreporting .main h2 { background: url(../img/sales/icons/custom-reporting.png) no-repeat right top; padding: 0px 42px 0px 0; }
h2.lawsuitalerts, .lawsuitalerts .main h2 { background: url(../img/sales/icons/alerts.png) no-repeat right top; padding: 0px 42px 0px 0; }
.inside .main .accordion h3 { line-height: 18px; }
.ui-icon { display: none; }
.accordion .section { padding: 20px 12px; border-bottom: 1px solid #d9d9dc; background: #fff; }
.section .half { width: 50%; float: left; }
.section .half:first-child { width: 45%; margin-right: 5%; }
.section table { margin-bottom: 40px; }
.section th { text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; }
.section td { border-top: 1px solid #e5e5e5; padding: 5px; font-size: 14px; }
.screenshot { float: right; padding: 0 0 20px 20px; text-align: center; width: 334px; color: #625f60; }
.screenshot p { padding: 0 50px; }
.contact fieldset, .login fieldset { border: 0px none; margin: 0; padding: 0; }
fieldset ol { list-style-type: none; margin: 0; padding: 0; }
fieldset ol li { padding: 5px 0; }
fieldset label { font-weight: normal; font-family: Arial, Helvetica, sans-serif; display: block; }
/* Modified by Vijayan to show the email and password text in Login box */
.login label { display: block; }
input[type="text"], input[type="email"], textarea { padding: 10px; border: 0px none; border-bottom: 3px solid #ddd; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
input[type="password"] { padding: 10px; border: 0px none; border-bottom: 3px solid #ddd; font-size: 14px; }
textarea { width: 430px; height: 100px; }
.contact input[type="text"] { width: 430px; }
input[type="button"], input[type="submit"] { background: #35c3de; color: #fff; text-shadow: -1px 1px 0px #2790a4; border: 0px none; border-bottom: 3px solid #2790a4; text-transform: uppercase; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 10px; }
input[type="button"]:hover, input[type="submit"]:hover { text-shadow: -1px 1px 0px #ae4623; background: #ff6633; border-bottom: 3px solid #db582c; }
.login input[type="submit"] { width: 100%; font-size: 14px; }
/* Menu bar on Right Side of Page */
.aside { }
.aside .nav { padding: 0; margin: 0; list-style-type: none; }
.aside .nav li { padding: 0; margin: 0; border-bottom: 1px solid #d9d9dc; border-top: 1px solid #fff; }
.aside .nav li:first-child { border-top: 1px none; }
.aside .nav li a { display: block; padding-left: 12px; color: #1f1b1c; border-bottom: 3px none; margin: 1px 0; font-size: 18px; line-height: 55px; font-family: Arial, Helvetica, sans-serif; cursor: pointer; }
.aside .nav li a span { display: inline-block; background-repeat: no-repeat; background-position: right top; line-height: 55px; padding-right: 42px; }
li.ewatch a span { background-image: url(../img/sales/icons/li-ewatch.png); }
li.edocket a span { background-image: url(../img/sales/icons/li-edocket.png); }
li.ecopy a span { background-image: url(../img/sales/icons/li-ecopy.png); }
li.eServe a span { background-image: url(../img/sales/icons/li-eserve.png); }
li.ecalendar a span { background-image: url(../img/sales/icons/li-ecalendar.png); }
li.customreporting a span { background-image: url(../img/sales/icons/li-custom-reporting.png); }
li.lawsuitalerts a span { background-image: url(../img/sales/icons/li-alerts.png); }
.aside .nav li a:hover { background: #ff6633; border-bottom: 3px solid #db582c; color: #fff; text-decoration: none; line-height: 52px; }
.aside .nav li a.active { color: #fff; text-decoration: none; background: #35c3de; border-bottom: 3px solid #2790a4; line-height: 55px; }
.aside .nav li a:hover span { line-height: 52px; }
.aside .nav li a.active span, .aside .nav li a:hover span { background-position: bottom right; }
.aside .nav li a.active span { line-height: 55px !important; }
.footer { padding: 10px 0 0 0; }
a.createAccount { border-bottom: 3px solid transparent; text-shadow: -1px 1px 0 #AE4623;}
a.createAccount:hover { background: none repeat scroll 0 0 #FF6633; border-bottom: 3px solid #DB582C; text-shadow: -1px 1px 0 #AE4623;color:#ffffff; text-decoration:none;}
/* Added by Vijayan on 1-Feb-2012 Used in Index.aspx */
.errorMessage { color: #FF6633 ; font-weight:normal ; }
.header .nav { font-family: Arial, Helvetica, sans-serif !important;}
.header .nav p { border: 1px solid #d9d9d9; display: block; float: right; text-align: center; padding: 15px; margin: 0; font-size: 12px;font-family: Arial, Helvetica, sans-serif !important; }
.header .nav p a { padding: 0 7px; font-family: Arial, Helvetica, sans-serif !important;}
.header .nav ul { width: 430px; padding: 0; margin: 0; float: right; }
.header .nav li { float: left; display: inline; }
.header .nav li a { color: #35c3df; font-family: Arial, Helvetica, sans-serif; display: block; padding: 39px 20px 0; }
li.navDocket a { background:url(../img/worksite/bg/nav-docket.png) no-repeat center top; }
li.navCalendar a { background:url(../img/worksite/bg/nav-calendar.png) no-repeat center top; }
li.navWatch a { background:url(../img/worksite/bg/nav-watch.png) no-repeat center top; }
li.navCopy a { background:url(../img/worksite/bg/nav-copy.png) no-repeat center top; }
.header .nav li a:hover, .header .nav li a.active { color: #000; text-decoration: none; background-position: center -58px; }
.header .nav li a span { color: #35c3df; text-transform:lowercase; }
.logo_img
{
background:url(../img/logo.png) no-repeat center top;
}
.popupheader
{
height:20px !important;
margin: 0 !important; padding-top: 5px; background:url(../img/sales/bg/header.png) top center no-repeat;
background-color:White !important;
}
.popupouterbody
{
background-color:White !important;
padding-bottom:3px;
text-align:center !important;
}
.popupbody
{
padding-left:5px !important;
padding-right :5px !important;
}