﻿ { background: url(../img/sales/bg/paper2.png); }
body { font-family: 'Work Sans', sans-serif; color: #1f1b1c; font-size: 14px; font-smooth: always; -webkit-font-smooth: always; }
	.home { background: url(../img/sales/bg/home.jpg) repeat; }
	.inside { /*background: url(../img/sales/bg/inside.png) repeat-x; */}
* { font-family: 'Work Sans', sans-serif;}

a { color: #dc361c; text-decoration: none; font-weight:bold; font-size:12px; }
a:hover { text-decoration: underline; }

strong { font-family: 'Work Sans', sans-serif; font-weight: bold; }

.header { margin: 0 !important; padding: 10px 0px 10px 10px !important; background-color:white; }
.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: 0px; padding: 5px 0px 5px 0px; }    
	.header .navsales { text-align: right; }
	.header p { font-size: 18px; font-family: 'Work Sans', 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: 'Work Sans', 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; }

/* Bill added Linkedin logo and Login link */		

a.amclerk 
{float:right; margin:20px 0px 0px 0px;
 color:#dc361c;
    }

#linkedin  {
	background-image:url('../img/linkedin.png');
	background-repeat: no-repeat;
	float:right;
	margin: 20px 140px 0px -140px;
    width: 30px;
    height: 30px;
}

		
		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; }
		
/* Bill added contact box */		
.Contact h3 {font-weight:bold;}
.Contact a {color:black; font-weight:lighter; text-decoration:none !important;}

.Contact 
{
     background-color:White !important;
     border-color:#dc361c;
     border-style:Solid;
     border-width:1px;
     width : 220px;
     float:right;
     margin: 20px -10px 10px 0px;
     padding:8px 0px 3px 8px;
     text-align:left !important;
     font-weight:normal; 
}


/* Body Content Text formatting */		
h1, h2, h3, h4, h5 { text-transform:none; /* font-weight: normal; */ font-family: 'Work Sans', sans-serif; margin: 0; padding: 0; }
h1 span, h2 span, h3 span, h4 span { text-transform: lowercase; }
li {padding-top:0px;}
.main h2 span, .accordion .head.ui-state-active:hover h2 span { color: #35c3de; }

.feature { height: 315px; 
padding-top: 50px;  padding-left:15px;}		
	.login { color: gray; }
	.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: 'Work Sans', 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;}

/* Documnet Image on home screen on right */
#Document {
    background-image: url(/inSync/Home/inSync_Document_Icon.png);
    height:300px;
    width:336px;
    background-repeat: no-repeat;
    background-position: right;
}

/* Text containers below rotating banner */
#lefttextbox {
    position: relative;
    width: 500px;
    height:300px;
}
.lefttextbox_wrap {
width:965px;
margin:0; 
background-color:White;
}

#lefttextbox_col1 {
float:left;
width:490px;
text-align:left;
background-color:#cdf3fd;
margin:0 0px 0 0px;
padding:10px 10px 10px 10px;}

#lefttextbox_col1 p
{
    font-family: 'Work Sans', sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#000000;
    margin:0 0 0 0;
    padding:0;}


#lefttextbox_col2 {
float:left;
width:425px;
background-color:white;
margin:0 0px 0 0;
padding:10px 10px 10px 10px;}

#lefttextbox_col2 h1
{
    font-family: 'Work Sans', sans-serif;
    font-size:18px;
    font-weight:bold;
    color:#000000;
    text-align:center;
    margin:0 0 0 0;
    padding:0;}

#lefttextbox_col2 p
{
    font-family: 'Work Sans', sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#000000;
    margin:0 0 0 0;
    padding:0;
    text-wrap:suppress;
    }

#lefttextbox_col2 p.indent
{
    font-family: 'Work Sans', sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#000000;
    margin:0 0 0 0;
    padding:0;
    }

#lefttextbox_col2 a.indent
{
    font-family: 'Work Sans', sans-serif;
    font-size:14px;
    font-weight:normal !important;
    color:#000000 !important;
    margin:0 0 0 0;
    padding:0;
    }


/* Rotating Banner Criteria */	
	.billboard {background:none; height: 300px; width: 957px !important; overflow:visible; position: relative; padding: 0 0 0 0; }
	.scrollable { height: 300px; width: 950px !important; overflow: hidden; position: relative; float: left; margin-right: 20px; }
	.items { height: 300px; overflow: hidden; width: 20000em; position: absolute;}
		.items .item { float: left; display: inline; margin: 20px; width: 950px; }
			.items .item img { float: left; margin: 0 20px 0 0; }
		.billboard h1 { font-size: 28px; line-height: 28px; padding:20px;}
		.billboard h2 { color: #bebebe; font-size: 24px; line-height: 28px; padding: 10px 0 0; }
		.billboard p { font-family: 'Work Sans', 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: #dc361c; border-bottom: 3px solid #b71b03; }
		
		.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: 'Work Sans', 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  
{
    
    background-color:white;
    overflow:hidden;

 }
	
	.inside h1 { color: #fff; line-height: 49px; font-size: 24px; margin-bottom: 20px; padding-left: 13px; }
		.main.grid_12 { background: #fff; padding: 20px; width: 648px; 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: 'Work Sans', sans-serif; font-weight: normal; font-size: 16px; }
				.section td { border-top: 1px solid #e5e5e5; padding: 5px; font-size: 14px; }

		.mainscreenshot { float: right; padding: 0px 0px 20px 20px; text-align: center; width: 960px; color: #625f60; }
			.mainscreenshot p { padding: 0 50px; }
	
		.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: 'Work Sans', 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: 1px solid #ddd; border-bottom: 3px solid #ddd; font-size: 14px; font-family: 'Work Sans', sans-serif; }
		input[type="password"] { padding: 10px;border: 1px solid #ddd; 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; }	
               
input[type="button"], input[type="submit"] {
    background: #3fac49;
    color: #fff;
    border: 0px none;
    border-bottom: 0px solid #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 4px;
}
 */
    input[type="button"]:hover, input[type="submit"]:hover {
        background: #2ee480;
        border-bottom: 0px solid #db582c;
    }


.login input[type="submit"] {
    width: 100%;
    font-size: 14px;
}
	
/* Menu bar on Right Side of Page */
	.aside 
	{
	     padding: 30px 0 30px 0;
	      }
		.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: 'Work Sans', 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; }
	
	#footer{
            border-top: 1px solid red;
            padding-top: 5px;
            background-color: White;
            height: 50px;
}
    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: 'Work Sans', 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 top ;
    background-position:right;
    
  
}
.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;
}


#marketingLoginBody,
#marketingLoginHtml {
    margin: 0px !important;
    padding: 2px !important;
    overflow: hidden;
}



#pnlForgotPassword p,
#loginbox p {
    font-family: 'Work Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    margin: 0 0 0 0;
    padding: 0;
}
#pnlForgotPassword fieldset,
#loginbox fieldset {
    border: 0px !important;
}

#pnlForgotPassword ul,
#loginbox ul {
    font-family: 'Work Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    margin: 0 0 0 0;
    text-decoration: none;
    padding: 0;
}

#pnlForgotPassword li,
#loginbox li {
    font-family: 'Work Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    margin: 2px 0px 0px 0px;
    text-decoration: none;
    list-style: none;
    padding: 0 !important;
    text-align: right;
}

#pnlForgotPassword li input[type="text"],
#loginbox fieldset li input[type="text"],
fieldset li input[type="password"] {
    font-size: 12px;
    /* font-family: Arial, Helvetica, sans-serif; */
    padding: 2px;
    width: 156px;
    display: inline !important;
}

#txtUserNameFP {
    width: 125px !important;
}
div#MarketingHeader {
    /* display: block; */
    /* float: left; */
    /* width: 100%; */
    /* margin: 0px; */
    /* padding: 0px; */
	display: flex;
	justify-content: center;
	width: 100vw;
	flex-direction: column;
	font-family: 'Work Sans', sans-serif;
	padding-bottom: 10px;
}

div#logo
{
    /* display:block; */
    /* float:left;      */
    /* width: 150px; */
	display: flex;
	justify-content: center;
}

div#MessageBox {
    display: block;
    float: left;
    text-align: center;
    width: 536px;
    margin-top: 1px;
	/* padding-bottom: 20px; */
}

div#loginbox {
    /* display: block; */
    /* float: right;     */
    /* width: 250px; */
    /* margin-top: -12px; */
	display: flex;
	justify-content: center;
	/* padding-bottom: 50px; */
}

div#pnlLogout { 
    margin-top: 5px !important;
}

div#pnlForgotPassword,
div#pnlLogin {
    /* display: block; */
    /* float: right; */
    /* margin-right: -14px; */
	display: flex;
	justify-content: center;
}

input[type="button"], input[type="submit"] {
	 /* 3fac49 */
    background: #33f18a; 
    color: #fff;
    border: 0px none;
    text-transform: uppercase;
    font-size: 14px !important;
    /* font-family: Arial, Helvetica, sans-serif; */
    padding: 4px 8px !important;
    font-weight: normal !important;
	border-radius: 50px;
	cursor: pointer;
}

.inputBorder{
	border: 1px solid black;
	border-radius: 50px;
}

#MessageBox ul
{
    display:block;
    margin: 0px;
    padding: 0px;
    width: 100%;
    list-style-type: none;
    
}

.ContinueCancelButton
{
    display:block;
    float:right;    
    padding: 2px 4px !important;
    margin: 0px 2px !important;
}

#lnkBtnLogin
{
    margin-right: 10px;
}




div#MessageBox .advisory,
.header .advisory {
    float: left;
    position: inherit;
    height: 72px;
    width: 100%;
}

    div#MessageBox .advisory .advisorytitle,
    .header .advisory .advisorytitle {
        float: left;
        width: 10px !important;
        height: 72px;
    }

        div#MessageBox .advisory .advisorytitle a,
        .header .advisory .advisorytitle a {
            float: left;
            width: 10px;
            height: 60px;
            background-color: red;
            color: white;
            cursor: pointer;
            font-size: 7.5px;
            padding: 2px 0px 12px 3px;
            word-wrap: normal;
            text-decoration: none;
            display: block;
            margin-left: -3px;
            margin-top: -12px;
        }

    div#MessageBox .advisory .advisorybody,
    .header .advisory .advisorybody {
        z-index: 9000;
        height: 67px;
        overflow-y: auto !important;
        width: auto;
        padding: 3px 2px 2px 6px;
        border-radius: 0px;
        border-width: 1px;
        border-style: solid;
        border-color: #8CCC82;
        background-color: #F8FDD8;
    }

        div#MessageBox .advisory .advisorybody .SerclseBtn,
        .header .advisory .advisorybody .SerclseBtn {
            padding: 0 3px 6px 0;
            line-height: 16px;
            float: right;
        }


.displayPhoneNo {
    color: #007e45;
    font-size: 14px;
    width: 122px;
    text-align: center;
    display: block;
}

.inputBox {
    max-height: 60px !important;
    min-height: 60px !important;
    display: block;
    width: 240px !important;
}