/*----------------------------------------------
------------------------------------------------
		Author:		Bobbie Zamora
		Copyright:  CCH Site Builder 2012
		Content:	Partition Template Declarations
------------------------------------------------
------------------------------------------------*/
* html img {
	behavior: url(images/iepngfix.htc);
}/* IE 6 Specific PNG Fix */
*{margin:0; padding:0;}
a img {border:none;}
td {text-align:left;}
ul {padding: 15px 35px;}
h1, h2, h3, h4, h5 {padding:10px 0;}
p {padding:5px 0;}
a:link, a:visited {
	color:#5B6C74;
	text-decoration:underline;
	font-weight:bold;
}
a:hover {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	margin:0;
	padding:0;
	background: url(../images/body_bg.jpg?1718131453) repeat-x #607179;
	line-height: 20px;
	position: relative;
}
#stripes {
	background: url(../images/stripes_bg.jpg?1718131453) repeat-x;
	position:absolute;
	top:125px;
	left:0px;
	height:141px;
	width:100%;
	z-index:-1;
}
#wrapper {
	width: 960px;
	margin:0px auto;
}
#header_container {
	background: url(../images/header_bg.png?1718131453) no-repeat;
	height:185px;
	overflow:hidden;
	}
#header_pic {
	background: url(../images/header.jpg?1718131453) no-repeat;
	height:171px;
	width:935px;
	position:relative;
	top:-176px;
	z-index:-1;
	float:right;
	margin-right:15px;
}
#logo_container {
	width:300px;
	height:165px;
	padding:5px 20px;
}
#logo {
	width:280px;
	text-align:center;
}
#title_container {width:280px;}
#title, #sub_title {
	text-align:center;
}
.company {
    font-size: 18px;
    line-height: 30px;
}
.slogan {
    font-size: 14px;
    line-height: 30px;
}
#content_container {
	padding-top:30px;
}
#page_title {
	font-size:16px;
	color:#5B6C74;
	font-weight:bold;
	padding-bottom:3px;
}
#top_image {
	background: url(../images/top_image_bg.png?1718131453) no-repeat;
	height:32px;
	width:960px;
	margin-top:30px;
}
#content {
	background: url(../images/content_bg.png?1718131453) repeat-y;
	padding:0 25px;
	width:910px;
}
#bottom_image {
	background: url(../images/bottom_image_bg.png?1718131453) no-repeat;
	height:35px;
	width:960px;
}
/*-------------------------------------------Main Nav and drop downs-----------------*/
#navigation-inner-wrapper { 
	position: absolute;
	left: 0;
	width: 100%;
}
#nav_main {
	/* clear:both; */
	/* float:left; */
	margin:0;
	padding:0;
	/* width:100%; */
	font-family:Verdana, Geneva, sans-serif; /* Menu font */
	font-size:95%; /* Menu text size */
	z-index:1000; /* This makes the dropdown menus appear above the page content below */
	position:relative;
}

/* Top menu items */
#nav_main ul {
	margin:0;
	padding:0;
	list-style:none;
	text-align: center;
	/* float:right; */
	position:relative;
	/* right:50%; */
	white-space: nowrap;
}
#nav_main ul li {
	display: inline-block;
	margin:0 0 0 1px;
	padding:0;
	/* float:left; */
	position:relative;
	/* left:50%; */
	/* top:1px; */
}
#nav_main ul li a {
	display:block;
	margin:0;
	padding:.6em .5em .4em;
	font-size:1em;
	line-height:1em;
	text-decoration:none;
	color: #FFFFFF;
	font-weight:bold;
}
#nav_main ul li a:hover {
   color:#fff;
}
#nav_main ul li:hover a,
#nav_main ul li.hover a { /* This line is required for IE 6 and below */
   color:#fff;
}

/* Submenu items */
#nav_main ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:1.75em;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:10em; /* width of the drop-down menus */
  white-space: normal;
  text-align: left;
}
#nav_main ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
   display: list-item;
}
#nav_main ul ul li a,
#nav_main ul li.active li a,
#nav_main ul li:hover ul li a,
#nav_main ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size:.8em;
   font-weight:normal; /* resets the bold set for the top level menu items */
   background:#eee;
   color:#444;
   line-height:1.4em; /* overwrite line-height value from top menu */
   border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
}
#nav_main ul ul li a:hover,
#nav_main ul li.active ul li a:hover,
#nav_main ul li:hover ul li a:hover,
#nav_main ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   color:#000;
   font-weight:bold;
}

/* Flip the last submenu so it stays within the page */
#nav_main ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#nav_main ul li:hover ul,
#nav_main ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

/*------------------------Client Services Page-----------------*/
.client_services p {padding-left:15px;}

/*-------------------Begin Footer-----------------------*/
#footerContainer {padding-top:20px; clear:both;}
#footer {
	padding-bottom:15px;
	text-align:center;
}
#footerNav {
	font-size:85%;
	line-height:20px;
	margin-bottom:10px;
	padding:5px;
}
#footerNav ul {
	list-style-type:none;
	padding:0;
	text-align:center;
}
#footerNav li {
	display:inline;
	padding:4px;
}
#footerNav a:link, #footerNav a:visited {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
#footerNav a:hover {
	color:#000;
	font-weight:bold;
	text-decoration: underline;
}
/*---------------------------------------Start Social Media ------------------------------------------*/
#socialMedia {
    margin: 5px auto;
    text-align: center;
    width: 170px;
	float:right;
	padding-right:20px;
}
#cchFacebook, #cchTwitter, #cchLinkedin, #cchYoutube {
    display: inline;
    margin: 0 3px;
	width:36px;
}
#cchFacebook img, #cchTwitter img, #cchLinkedin img, #cchYoutube img {
	width:36px;
}
#cchLike, #cchPlusOne {
    display: inline;
}
#cchDynamic {
    margin: 3px auto 0;
    overflow: hidden;
}
#cchStatic {
    margin: 0 auto;
}
#cchPlusOne {
    float: right;
}
#fblike {
    width: 73px !important;
}
#___plusone_0 {
    width: 62px !important;
}
/*---------------------------Modules-------------------------*/
.sitebuilderModules{padding-top:25px;}

/*---------------------------Start Tax Alerts/News Alerts Home Page-----------------*/
#tax_alerts_home {
	background-color:#eee;
	box-shadow:inset 0 0 10px #000;
	-moz-box-shadow:inset 0 0 10px #000;
	-webkit-box-shadow:inset 0 0 10px #000;
	padding-top:15px;
	border-radius:15px;
	-moz-border-radius:15px;
	padding: 5px !important;
}
#home_panel, #tax_alerts {
	width:220px;
	margin-left:10px;
}
div#home_panel a img {padding: 0 5px;}
.NewsletterForm {border:none !important; padding-bottom:10px; width:200px !important;}

#tax_alerts_home br {display:none;}

/*hide home_panel styles if nothing is selected from wizard*/
.hide-element {
    position: absolute;
    margin-left:-9999px !important;
}
#home_panel img {
    display: block;
    margin: 0 auto;
}

/* ------------------------------ Appointment Scheduler ----- */

#appointmentWrapper {
    background-color: #F5F5F5;
    padding: 7px;
    width: 530px !important;
}

#appointment {
    border: 1px solid #D6D6D6;
    padding: 20px;
}

.inputClass {
    float: right;
    width: 240px;
    height: 40px;
}

#appointment .clear {
    margin-bottom: 22px;
}

#appointmentTitle {
    font-size: 19px;
    font-weight: 400;
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid #CCC;
    margin-bottom: 20px;
    padding: 0 0 20px;
}

#currentClient {
    margin-bottom: 20px;
    margin-left: 50px;
}

#apptMessageDiv2 {
    height: 60px;
}

#recaptcha_widget_div {
    float: none;
    margin-bottom: 17px;
}

#recaptcha_area,
#recaptcha_table {
    margin: 0 auto;
}

#submitDiv {
    text-align: right;
    clear: right;
}

#appointment input,
#appointment .inputClass {
    border: none;
    border-bottom: 2px solid #DDD;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

label.left,
#apptMessageDiv1 label,
#appointmentCaptchaDiv1 label {
    margin-left: 20px;
}

textarea#appointmentMessage {
    height: 60px;
    position: relative;
    top: -20px;
    width: 318px;
}

#appointmentWrapper label,
#appointment label.left {
    font-weight: 400;
}

#appointment input,
#appointment .inputClass {
    border: 1px solid #CCC;
    border-radius: 0;
    width: 75%;
}

#appointment #currentClientDiv input {
    width: 5%;
}

#submitDiv {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

#submitDiv input {
    width: 50%;
    font-size: 17px;
}

#submitDiv input#appointmentButton {
    position: relative;
    top: 1px;
    cursor: pointer;
}

.applynow,
#applyjob {
    margin-bottom: 20px;
    padding: 2px 5px;
}

#appointmentWrapper {
    width: 100% !important;
    float: none;
}

#appointment .clear {
    margin-bottom: 0;
    clear: none;
}

#firstNameDiv {
    float: left;
}

#lastNameDiv {
    float: right;
}

#firstNameDiv,
#lastNameDiv {
    width: 48%;
    vertical-align: top;
}

#lastNameDiv ~ .clear {
    clear: both;
    margin-bottom: 5px;
}

#appointmentEmailDiv {
    float: left;
}

#appointmentEmailDiv ~ .clear {
    clear: none;
}

#appointmentPhoneDiv {
    float: right;
}

#appointmentPhoneDiv ~ .clear {
    clear: both;
    margin-bottom: 22px;
}

#appointmentEmailDiv,
#appointmentPhoneDiv {
    width: 48%;
    vertical-align: top;
}

#firmContactDiv {
    float: left;
}

#firmContactDiv ~ .clear {
    clear: none;
}

#datePickerDiv {
    float: right;
}

#datePickerDiv ~ .clear {
    clear: both;
    margin-bottom: 22px;
}

#firmContactDiv,
#datePickerDiv {
    width: 48%;
    vertical-align: top;
}

#firmContactDiv ~ .clear {
    clear: none;
}

#datePickerDiv ~ .clear {
    clear: both;
}

#appointmentTimeDiv,
#currentClientDiv {
    width: 48%;
}

#appointmentTimeDiv ~ .clear {
    clear: none;
}

#appointmentTimeDiv {
    float: left;
}

#currentClientDiv {
    float: right;
    margin-top: 40px;
}

#currentClientDiv ~ .clear {
    clear: both;
}

#appointment {
    margin: 0 60px 30px 0;
    background-color: #F5F5F5;
}

#appointment input,
#appointment .inputClass {
    width: 100%;
}

#apptMessageDiv1 label {
    display: block;
    margin-top: -80px;
}

#apptMessageDiv2 {
    margin-top: 23px;
}

#appointmentWrapper {
    background-color: transparent;
    clear: both;
}

#appointmentCaptchaDiv2 {
    width: 48%;
    float: left;
}

#submitDiv {
    width: 48%;
    margin: 0 auto;
    text-align: center;
}

#submitDiv input {
    width: 86%;
}

#appointmentTitle {
    font-size: 24px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: normal;
    border: none;
}

#recaptcha_widget a {
    font-size: 12px;
}

/*-------------------------------------------Hide Mobile-----------------------------*/
#navigation-outer-wrapper a.menu-title {display: none; }


@media only screen and (max-width: 780px) {
#wrapper {width:80%; margin:0 auto; background-color:#fff; padding:10px;}
#header_container {background-image:none; width:auto; height:auto;}
#socialMedia {float:left; /*width:auto;*/ margin: 5px auto;}
#logo_container {clear:left; width:auto;}
#logo {width:auto; margin:0 auto;}
#title_container {width:auto; margin:0 auto;}
#header_pic {display:none;}
#top_image {display:none;}
#content {background-image:none; width: auto; padding-top:15px; position:relative !important;}
#bottom_image {background-image:none; display:none;}
.sitebuilderModules {overflow:hidden;}

/*Navigation*/
#navigation-outer-wrapper a.menu-title {display: block; font-size:18px; text-align:center;}
#nav_main {padding-bottom:15px;}
#nav_main ul {float:none; right:0;white-space: normal;}
#nav_main ul li {display: block;float:none; left:0; padding-top:1px;}
#nav_main ul li a:link, #nav_main ul li a:visited {color:#fff; background-color:#708189;font-size:18px; text-align:center;}
#nav_main ul li a:hover {color:#000; font-size:18px; text-align:center;}
#nav_main ul ul li a:link, #nav_main ul ul li a:visited {color:#000; background-color:#eee; font-size:18px; text-align:center;}
#nav_main ul ul li a:hover {color:#fff; font-size:18px; text-align:center;}
#nav_main ul ul li a, #nav_main ul li.active li a, #nav_main ul li:hover ul li a, #nav_main ul li.hover ul li a {font-size:18px;}
#nav_main ul ul {position:static; right:0; top:0; display:block; width:100%;}
#navigation-inner-wrapper {position: static;display: none;}
#navigation ul {top:0px;}
.menu-title {display:block; background-color:#708189; height:33px; padding-top:10px;}
a.menu-title:link , a.menu-title:visited {color:#fff;}
a.menu-title:hover {color:#000;}
#footerNav{display:none;}
#footerContainer {position:relative; bottom:-15px;}
#divNewsletter1 {display:none;}
/*-------------------------------------------Tax Alerts / Home_panel-----------------*/
	#home_panel, #tax_alerts {position:absolute; bottom:35px; width:94%; margin:0 -50%; left:53%;}
	#taxAlertPanel_Heading, #taxAlertPanel, .undefined, .undefined td, #contlayer0, #mainlayer0, #lmain0, .taxAlerts_title_TB {width:93% !important;}
	#taxAlertPanel .undefined div {width:100% !important;}
	
/*----------------------------------Client Services Page----------------------*/
#content div table ul {margin:0; padding:10px;}

/*----------------------------------Appointment Scheduler----------------------*/
#appointment {
    margin: 0 auto;
}
#appointmentWrapper {

    margin-right: 0;
}
#firstNameDiv, 
#lastNameDiv, 
#appointmentEmailDiv, 
#appointmentPhoneDiv, 
#firmContactDiv, 
#datePickerDiv, 
#appointmentTimeDiv, 
#currentClientDiv {
    width: 100%;
}

#appointment #currentClientDiv input {
    width: 15px;
}

#currentClient {
    margin-left: 10px;
    margin-top: 6px;
}

}

@media only screen and (min-width: 781px){
                /*shows menu after hiding in mobile if resized to larger screen*/
                #navigation-inner-wrapper {display: block !important;}  

}


   
/* Client Override Attributes */
 .company { 
font-size: 18px;
color: #993300;
font-weight: bold;
 }

 .slogan { 
font-size: 12px;
color: #993300;
 }

