

@import url('css/reset.css');
@import url('css/default.css');
@import url('css/lavalamp.css');
@import url('css/glide.css');
@import url('css/tabs.css');
@import url('css/slide.css');
@import url('css/widgets.css');
<!-- @import url('css/comments.css'); -->



/* Begin Typography & Colors */



#headerimg {
margin: 7px 9px 0;
height: 192px;
width: 740px;
}

/* container */

#top-container { height:247px; }

#featured-posts-wrapper {
	float:left;
	width:644px;
	height:247px;
}

#featured-posts .title {
	font-size:16px;
	border-bottom:3px solid #8EAFD4;
	padding-bottom:3px;
	margin-bottom:3px;
}

#featured-posts .title a { color:#5986B8; }

#featured-posts .entry { color:#FFFFFF; }

.post, .navigation, .commentlist, .respond {
	padding-right:10px;
}

.pagetitle {
	font-size:18px;
	color:#566B83;
	margin-bottom:10px;
}

.post .title {
	color:#4D7CB3;
	font-size:16px;
	margin-bottom:5px;
}

.post .meta, .entry-meta { margin-bottom:10px; }

.more-link span {
	display:block;
	color:#FFFFFF;
	text-align:center;
	width:65px;
	height:25px;
	line-height:25px;
	padding:0 10px;
	background-color:#5986B8;
	border:1px solid #4D729D;
}

.entry { line-height:18px; }

/* content */
#content {
	float:left;
	width:576px;
	padding: 0px 0px 0px 20px;
}

.mini-post {
	float:left;
	width:276px;
	height:312px;
	background:#FFFFFF url('./images/mini-post-bg.gif') repeat-x 0 0;
	padding:9px 7px;
	overflow:hidden;
}

.odd { margin-right:8px; }


.mini-post .title {
	float:left;
	width:180px;
	font-size:12px;
	height:17px;
	margin-bottom:17px;
	overflow:hidden;
}

.mini-post .title a { color:#4D7CB3; }

.mini-post .title a:hover { color:#555555; }

.mini-post .datepost {
	float:right;
	width:96px;
	text-align:right;
}

.mini-post .thumbnail {
	clear:both;
	padding:5px;
	background-color:#FFFFFF;
	margin-bottom:15px;
}

.mini-post .entry { clear:both; }

.mini-post .more-link span {
	margin-top:15px;
}

.no-image { background:#FFFFFF url('./images/mini-post-no-image-bg.gif') repeat-x 0 0 !important; }

/* post navigation */
#post-nav { 
	text-transform:uppercase;
	font-size:11px;
	margin-bottom:10px;
	padding-right:10px;
}

#post-nav a {
	display:block;
	background-color:#719FD2;
	border:1px solid #4D729D;
	color:#FFFFFF;
	padding:8px 13px;
}

#nav-prev-post, #nav-next-post {
	float:right;
	margin-left:10px;
}

a, h2 a:hover, h3 a:hover {
color:#374D8A;
text-decoration:none;
}


/* End Typography & Colors */



/* Begin Structure */



body {
margin: 0 0 20px 0;
padding: 0;
background-color: #BDB9BA;
}



#headerimg {
margin: 0;
height: 200px;
width: 100%;
}



.bodycolumn {
float: right;
position: relative;
right: 20px;
width: 675px;
position: relative;
right: 40px;
}



.narrowcolumn {
display: block;
margin: 0 auto;
overflow: hidden;
position: relative;
padding: 0px 10px;
}



.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 150px;
width: 450px;
}



.post {
margin: 0 0 40px;
text-align: left;
}



.post hr {
display: block;
}



.widecolumn .post {
margin: 0;
}



.narrowcolumn .postmetadata {
padding-top: 5px;
}



.widecolumn .postmetadata {
margin: 30px 0;
}



.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}



.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}



.postmetadata {
clear: both;
}



.clear {
clear: both;
}



#footer {
padding: 0;
margin: 0 auto;
width: 1000px;
clear: both;
}



#footer table {
color: #3d5dac;
width: 920px;
margin-left: 30px;
}



#footer td {
padding-left: 5px;
vertical-align: top;
}



#footer li {
list-style-type: none;
line-height: 1.5em;
margin-left: 0px;
padding-left: 10px;
background: url(./images/abullet.png) no-repeat 1px 5px;
}



#footer ul {
padding-left: 0px;
margin-left: 0px;
}



#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}



/* End Structure */



/* Begin Headers */



h1 {
padding-top: 70px;
margin: 0;
}



h2 {
margin: 30px 0 0;
}



h2.pagetitle {
margin-top: 30px;
text-align: left;
}



h3 {
padding: 0;
margin: 30px 0 0;
}



h3.comments {
padding: 0;
margin: 40px auto 20px;
}



/* End Headers */



/* Begin Images */



p img {
padding: 0;
max-width: 100%;
}



/* Using 'class="alignright"' on an image will (who would've



thought?!) align the image to the right. And using 'class="centered',



will of course center the image. This is much better than using



align="center", being much more futureproof (and valid) */



img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}



img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}



img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}



.alignright {
float: right;
}



.alignleft {
float: left
}



.photo {
float: left;
width: 150px;
padding: 10px;
}



/* End Images */



/* Begin Lists







Special stylized non-IE bullets



Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}



html>body .entry li {
margin: 7px 0 8px 10px;
}



.entry ol {
padding: 0 0 0 35px;
margin: 0;
}



.entry ol li {
margin: 0;
padding: 0;
}



.postmetadata ul, .postmetadata li {
list-style-type: none;
list-style-image: none;
}




/* End Entry Lists */



/* Begin Form Elements */


/*
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}



#sidebar #searchform #s {
width: 225px;
padding: 2px;
}



#sidebar #searchsubmit {
padding: 1px;
}
*/

.entry form {



/* This is mainly for password protected posts, makes them look better. */



	text-align: center;
}



select {
width: 130px;
}



#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}



#commentform textarea {
width: 100%;
padding: 2px;
}



#commentform #submit {
margin: 0;
float: right;
}



/* End Form Elements */



/* Begin Comments*/



.alt {
margin: 0;
padding: 10px;
}



.commentlist {
padding: 0;
text-align: left;
}



.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}



.commentlist p {
margin: 10px 5px 10px 0;
}



#commentform p {
margin: 5px 0;
}



.nocomments {
text-align: center;
margin: 0;
padding: 0;
}



.commentmetadata {
margin: 0;
display: block;
}



/* End Comments */







/* Begin Calendar */



#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}



#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}



#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}



#wp-calendar a {
display: block;
}



#wp-calendar caption {
text-align: center;
width: 100%;
}



#wp-calendar td {
padding: 3px 0;
text-align: center;
}



#wp-calendar td.pad:hover {



/* Doesn't work in IE */



background-color: #fff;
}



/* End Calendar */



/* Begin Various Tags & Classes */



acronym, abbr, span.caps {
cursor: help;
}



acronym, abbr {
border-bottom: 1px dashed #999;
}



blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}



blockquote cite {
margin: 5px 0 0;
display: block;
}



.center {
text-align: center;
}



.hidden {
display: none;
}



hr {
display: none;
}



a img {
border: none;
}



.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}



/* End Various Tags & Classes*/



/* Captions */



.aligncenter,



div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}



.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}



.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}



.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}



/* End captions */



/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.



It won't be a stylish marriage, I can't afford a carriage.



But you'll look sweet upon the seat of a bicycle built for two." */



/* @group New */



#wrapper {
width: 1010px;
margin: 0 auto;
padding: 0px;
background: url(./images/wrapper.gif) repeat-y;
}



#outer-wrapper {
position: relative;
width: 1010px;
margin: 0 auto;
padding: 0px;
}



body {
/*font-size: 62.5%;*/
	font:normal 11px Tahoma, Verdana, Arial;


/* Resets 1em to 10px */

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color: #333;
text-align: center;
background: #cbc9ca;
}



#page {
background-color: white;
text-align: left;
margin: 0px auto;
padding: 0px;
padding-bottom: 20px;
width: 973px;
}



#header {
background: white url(./images/headers/taxcast-header.jpg);
padding: 0;
height: 194px;
width: 100%;
}



#header-smb {
background: white url(./images/smb/header.jpg);
padding: 0;
height: 194px;
width: 100%;
}



#header-enterprise {
background: white url(./images/enterprise/header.jpg);
padding: 0;
height: 194px;
width: 100%;
}



#header-partners {
background: white url(./images/headers/partners.jpg);
padding: 0;
height: 194px;
width: 100%;
}



#header-company {
background: white url(./images/headers/company.jpg);
padding: 0;
height: 194px;
width: 100%;
}



#header-resource {
background: white url(./images/headers/resource.jpg);
padding: 0;
height: 194px;
width: 100%;
}
 



/* added by Brian */

#header-vat {
background: white url(./images/headers/vat.jpg);
padding: 0;
height: 194px;
width: 100%;
}



/* end of added by Brian */





#menu {
width: 100%;
background: #507099 url(./images/menu-bg.png) repeat-x;
padding: 0px;
margin: 0px;
text-align: center;
}


/* @end */



#topphone {
width: 110px;
float: right;
overflow: hidden;
font-size: 12px;
position: relative;
top: 12px;
right: 0px;
font-weight: bold;
color: #164781;
}



#usernav {
position: relative;
float: right;
font-size: 12px;
top: 12px;
right: 34px;
color: #164781;
}



#headerbutton {
clear: both;
position: relative;
float: right;
top: 128px;
right: 25px;
}



/* from old css */



.featurepull {
float: right;
padding: 10px;
}



/********************************************************************************************/



/* Form-specific styles */



/********************************************************************************************/



form {
width: 400px;
text-align: right;
}



.formline {
clear: both;
}



.formline .label, .multiple .label {
float: left;
width: 140px;
padding-top: .5em;
line-height: 125%;
}



.formline input, .formline select, .formline textarea {
border: 1px solid #909090;
margin: 5px 0 0 0;
padding: 1px 0 1px 5px;
width: 200px;
}



.formline input, .formline select {
height: 18px;
}



.formline textarea {
font-size: 1.1em;
height: 130px;
}



.formline select, .multiple select {
font-size: .8em;
width: 200px;
}



textarea {
font-size: .8em;
}



.multiple {
margin-top: 5px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 1px;
padding-right: 0;
padding-bottom: 1px;
padding-left: 5px;
}



.formbuttons {
clear: both;
padding-top: 1em;
}



.radiobtns {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}



.submitbtn {
width: 76px;
height: 29px;
background: transparent url(../images/btn-submit.gif) center center no-repeat;
cursor: pointer;
}



p.forminfo {
font-size: .8em;
padding-top: 1em;
}



#smbnewsletterform form {
width: 160px;
text-align: left;
margin-left: -30px;
}



#smbnewsletterform input, #smbnewsletterform select {
border: 1px solid #909090;
font-size: .8em;
padding-left: 5px;
}



select {
font-size: .8em;
}



#conditions {
height: 200px;
width: 400px;
overflow: auto;
border: 1px solid #666;
padding: 8px;
}



/*begin primary edits - SMB*/



/* @group SMB */



.title-banner-smb {
width: 935px;
border-bottom: 1px solid #bf2128;
margin: 20px 20px 0px 20px;
padding: 10px 0px;
font-size: 1.5em;
color: #757474;
}



.title-banner {
width: 935px;
margin: 20px 20px 0px 20px;
padding: 10px 0px;
font-size: 1.5em;
color: #757474;
text-transform: uppercase;
}



.smb h2 {
color: #7B6B6A;
font-weight: normal;
font-style: normal;
line-height: 1.2;
}



ul#menu1 li li li a {
display: none;
}



#menu1 {
position: relative;
text-transform: uppercase;
list-style-type: none;
}



ul#menu1 li {
position: relative;
border-bottom: 1px solid #d0cecf;
padding: 8px 20px;
margin: 0px;
background: url(./images/menu1-closed.jpg) no-repeat 0 9px;
}



ul#menu1 li a {
color: #2d3e8a;
font-weight: bold;
font-size: 1.2em;
}



ul#menu1 li li {
border-bottom: 1px solid white;
background-image: none;
list-style-type: none;
padding: 4px 10px;
}



ul#menu1 li li a {
color: #796b68;
font-weight: normal;
font-style: normal;
list-style-type: none;
font-size: 1.2em;
}



ul#menu1f li li li a {
display: none;
}



#menu2 {
position: relative;
text-transform: uppercase;
list-style-type: none;
}



ul#menu2 li {
position: relative;
border-bottom: 1px solid #d0cecf;
padding: 8px 20px;
margin: 0px;
background: url(./images/menu1-closed.jpg) no-repeat 0 9px;
}



ul#menu2 li a {
color: #2d3e8a;
font-weight: bold;
font-size: 1.2em;
}



ul#menu2 li li {
border-bottom: 1px solid white;
background-image: none;
list-style-type: none;
padding: 4px 10px;
}



ul#menu2 li li a {
color: #796b68;
font-weight: normal;
font-style: normal;
list-style-type: none;
font-size: 1.2em;
}



ul#menu2 li li li a {
display: none;
}



ul#menu3 li li li a {
display: none;
}



ul#menu3 ul ul {
display: none;
}



#menu3 {
position: relative;
text-transform: uppercase;
list-style-type: none;
}



ul#menu3 li {
position: relative;
border-bottom: 1px solid #d0cecf;
padding: 8px 20px;
margin: 0px;
background: url(./images/menu1-closed.jpg) no-repeat 0 9px;
}



ul#menu3 li a {
color: #2d3e8a;
font-weight: bold;
font-size: 1.2em;
}



ul#menu3 li li {
border-bottom: 1px solid white;
background-image: none;
list-style-type: none;
padding: 4px 10px;
}



ul#menu3 li li a {
color: #796b68;
font-weight: normal;
font-style: normal;
list-style-type: none;
font-size: 1.2em;
}



ul#menu3f li li li a {
display: none;
}



#menu4 {
position: relative;
text-transform: uppercase;
list-style-type: none;
}



ul#menu4 li {
position: relative;
border-bottom: 1px solid #d0cecf;
padding: 8px 20px;
margin: 0px;
background: url(./images/menu1-closed.jpg) no-repeat 0 9px;
}



ul#menu4 li a {
color: #2d3e8a;
font-weight: bold;
font-size: 1.2em;
}



ul#menu4 li li {
border-bottom: 1px solid white;
background-image: none;
list-style-type: none;
padding: 4px 10px;
}



ul#menu4 li li a {
color: #796b68;
font-weight: normal;
font-style: normal;
list-style-type: none;
font-size: 1.2em;
}



ul#menu4 li li li {
display: none;
}



#menu5 {
position: relative;
text-transform: uppercase;
list-style-type: none;
}



#menu5 li {
float: left;
padding-left: 30px;
}



ul#menu5 {
padding-bottom: 10px;
}



h2.subhead {
margin-top: 0px;
font-size: 12px;
font-style: italic;
}



.page_item ul li {
text-align: left;
list-style-type: none;
display: table;
position: relative;
}

.right-list img {
position: relative;
top: 10px;
padding-right: 10px;
}



.right-list {
border-bottom: 1px solid #d8d6d7;
vertical-align: cener;
padding-bottom: 10px;
font-size: 1.4em;
font-weight: bold;
color: #36568a;
}



.right-list-header {
border-bottom: 1px solid #d8d6d7;
vertical-align: cener;
padding-bottom: 5px;
font-size: 1.15em;
font-weight: bold;
color: #36568a;
}



div.mtsdemo {
position: relative;
background: url(./images/right-icon-mts-demo.png) no-repeat 0 6px;
padding-left: 35px;
padding-top: 10px;
}



div.mtssheet {
position: relative;
background: url(./images/right-icon-whtppr.png) no-repeat 0 6px;
padding-left: 35px;
padding-top: 10px;
}



div.mtsresource {
position: relative;
background: url(./images/right-icon-resource.png) no-repeat 0 3px;
padding-left: 35px;
padding-top: 10px;
}



/* added by Brian */



div.twitter {
position: relative;
background: url(/_resources/images/smb/right-icon-twitter.jpg) no-repeat 0 6px;
padding-left: 35px;
padding-top: 10px;
}



div.blog {
position: relative;
background: url(/_resources/images/smb/right-icon-blog.jpg) no-repeat 0 6px;
padding-left: 35px;
padding-top: 10px;
}





/* end of added by Brian */









#customer-video {
background: url(./images/shadow.png) no-repeat right bottom !important;
padding-bottom: 10px;
padding-right: 8px;
font-color: ;
color: #6c6b6a;
font-size: 1.1em;
}


/*
div#sidebar-right h3 {
font-size: 13px;
margin-left: 10px;
margin-bottom: 5px;
color: #727172;
}

*/

.watch-video-content {
padding: 0px 10px;
color: #7B6B6A;
}



.watch-video-content ul {
font-size: 1.1em;
}

.watch-now {
text-align: right;
padding: 10px;
color: #bf2128;
font-weight: bold;
}



.watch-now a {
color: #bf2128;
}



div#webinar-sidebar {
font-size: 1.1em;
padding-right: 6px;
height: 140px;
border-bottom: 2px solid #e0e0e0;
margin-right: 12px
}



div#webinar-sidebar h3 {
margin-top: 20px;
font-size: 13px;
margin-left: 10px;
font-weight: lighter;
}



div#webinar-sidebar li {
color: #6c6b6a;
}



#webinar-schedule {
clear: both;
padding-top: 20px;
}



.blue-button {
position: relative;
top: 2px;
}



.current-smb {
background: #11608f;
outline: 0px;
text-decoration: none;
background: #507099 url(./images/menu-smb-current.jpg) repeat-x;
}



.current {
background: #5c95c1;
outline: 0px;
text-decoration: none;
background: #507099 url(./images/menu-current.jpg) repeat-x;
}



div.mid {
padding: 5px;
background-color: white;
}



#login-drop {
position: relative;
width: auto;
height: auto;
font-weight: bold;
display: inline;
padding: 10px;
}



div.aqLayer {
z-index: 2;
width: 230px;
padding-top: 18px;
padding-left: 20px;
display: none;
position: absolute;
border-right: 1px solid #2d3e8a;
background-color: #ffffff;
border-bottom: 1px solid #2d3e8a;
line-height: .3em;
}



div.aqLayer {
color: #9d9d9e;
}



div.aqLayer a {
color: #41578e;
text-decoration: underline;
}



div.aqLayer p {
margin-top: 5px;
}



div.aqLayer h4 {
margin-top: 20px;
margin-bottom: 10px;
}



div#content.narrowcolumn {
padding-right: 10px;
overflow: hidden;
}



/* @end */



/* enterprise edits */



/* @group Enterprise */



/* @end */



.entry li a {
color: #36508b;
}



.entry li {
color: #36508b;
list-style-type: disc;
margin: 0px;
padding: 2px 5px;
text-align: left;
list-style-position: outside;
}



div.entry {
color: #837f80;
}



div.column-left {
width: 325px;
margin: 0px 00px;
float: left;
clear: none;
}



div.column-right {
width: 325px;
margin: 0px 00px;
float: right;
clear: none;
}



#copyright {
text-align: left;
padding: 5px 0px 10px 5px;
margin-left: 20px;
margin-right: 20px;
margin-top: 40px;
border-top: 1px solid #d33845;
color: #355089;
}



#copyright a {
color: #355089;
text-decoration: none;
}



#copyright a:hover {
text-decoration: underline;
}



/* @group Home */



.readmore {
text-align: right;
padding-right: 10px;
}



.readmore a {
font-size: 10px;
color: #355089;
text-decoration: none;
}



.readmore img {
position: relative;
bottom: -2px;
}



div#home-content {
padding: 20px 12px 20px 20px;
}



#home-smb {
float: left;
width: 450px;
margin: 0px 0px 0px 0px;
background: url(./images/shadow.png) no-repeat right bottom !important;
padding-bottom: 9px;
padding-right: 8px;
opacity: 40%;
}



#home-smb-inner h2 {
margin-top: 0px;
color: #7B6B6A;
font-size: 18px;
}



#home-smb p {
color: #7d7d7c;
font-size: 12px;
}



#home-smb-inner {
padding-right: 40px;
padding-left: 10px;
border-right: 1px solid #66a45b;
border-bottom: 1px solid #66a45b;
background: url(./images/home-smb-bg.png) no-repeat right bottom !important;
}



#home-ent {
float: right;
width: 450px;
margin: 0px 0px 0px 0px;
background: url(./images/shadow.png) no-repeat right bottom !important;
padding-bottom: 9px;
padding-right: 8px;
}



#home-ent h2 {
margin-top: 0px;
color: #355089;
font-size: 18px;
}



#home-ent p {
color: #7d7d7c;
font-size: 12px;
}



#home-ent-inner {
padding-right: 40px;
padding-left: 10px;
border-right: 1px solid #355089;
border-bottom: 1px solid #355089;
background: url(./images/home-ent-bg.png) no-repeat right bottom !important;
}



#home-table {
width: 936px;
padding: 0px;
margin: 0px;
}



#home-table td {
width: 25%;
}



.home-list {
border-bottom: 1px solid #d8d6d7;
padding-bottom: 10px;
padding-top: 10px;
font-size: 1.3em;
font-weight: bold;
color: #36568a;
}



.home-list:hover {
background-color: #ddecf1;
}



.home-list a:hover {
text-decoration: none;
}



div.homedemo {
position: relative;
background: url(./images/right-icon-mts-demo.png) no-repeat 0 7px;
padding-left: 35px;
padding-top: 12px;
}



div.homeent {
position: relative;
background: url(./images/right-icon-computer.png) no-repeat 0 8px;
padding-left: 35px;
padding-top: 12px;
}



div.homeresource {
position: relative;
background: url(./images/right-icon-resource.png) no-repeat 0 6px;
padding-left: 35px;
padding-top: 12px;
}



div.homecalc {
position: relative;
background: url(./images/right-icon-calc.png) no-repeat 0 7px;
padding-left: 35px;
padding-top: 12px;
}



div.alt {
display: none;
}



.home-lower-quad {
margin: 0px 0px 0px 0px;
background: url(./images/shadow.png) no-repeat right bottom !important;
padding-bottom: 9px;
padding-right: 7px;
}



.home-lower-quad-inner {
padding-right: 1px;
border-right: 1px solid #d8d6d7;
border-bottom: 1px solid #d8d6d7;
height: 200px;
overflow: hidden;
}



.home-lower-quad-inner p {
line-height: 14px;
}



#home-table h3 {
border-bottom: 1px solid #d33845;
color: #7d7d7c;
text-decoration: none;
font-size: 12px;
margin-right: 9px;
}



#home-table p {
margin-top: 0px;
padding-top: 10px;
}



.home-lower-quad-inner {
font-size: 12px;
color: #707170;
}



.home-lower-quad-inner a {
font-size: 12px;
color: #355089;
}



.headarrow {
position: relative;
bottom: -3px;
}



.homenews p {
margin: 0px 5px 0px 5px;
}



a.smblink {
margin-top: 0px;
color: #66a45b;
text-decoration: none;
}



.smblink {
margin-top: 0px;
color: #66a45b;
text-decoration: none;
}



.linklist a {
text-decoration: underline;
}



#homeheader {
background: white url(./images/home/1.png);
padding: 0;
height: 315px;
width: 100%;
color: #164781;
}



#homeheader2 {
background: white url(./images/home/2.png);
padding: 0;
height: 285px;
width: 100%;
color: #164781;
}



#homeheader3 {
background: white url(./images/home/3.png);
padding: 0;
height: 285px;
width: 100%;
color: #164781;
}
/* @end */
/* @group Login */
.logintd {
vertical-align: top;
padding: 10px 10px;
text-align: right;
font-size: 12px;
width: 300px;
}



.logintd strong {
padding-right: 20px;
font-size: 13px;
}



.logintd a:hover {
text-decoration: none;
}



.phonetd {
vertical-align: top;
padding: 10px;
text-align: right;
font-size: 13px;
width: 135px;
font: Arial, 'Lucida Grande', Verdana, Sans-Serif;
}

#cluetip-inner p {
padding: 0px;
margin: 0px;
}

p.logindrophead {
vertical-align: top;
padding: 10px 0px 0px 0px;
margin: 0px;
	;
text-align: left;
font-size: 12px;
color: #164797;
}



.logindrophead strong {
padding-right: 20px;
font-size: 13px;
}



.logindropsubhead {
margin-top: 10px;
color: #a0a0a1;
font-weight: bold;
}



.logindroplinks a {
text-decoration: underline;
padding-right: 5px;
}



div#s6 {
display: block;
height: 315px;
}



.quicklink {
vertical-align: bottom;
text-align: left;
}



/* @end */



/* @group partners */



#partner-home-table h2 {
margin: 0px;
padding: 7px 0px;
border-bottom: 1px solid #d0cecf;
border-top: 1px solid #d0cecf;
}



#partner-home-table h4 {
text-transform: uppercase;
color: #194781;
}



#partner-home-table h4 {
margin-top: 10px;
margin-bottom: 5px;
}



#partner-home-table td {
vertical-align: top;
}



#enterprise-bottom-home-table {
padding: 0px 8px 8px 0px;
background: url(/_resources/images/resources-drop-shadow.gif) no-repeat right bottom;
width: 100%;
margin-top: 20px;
}



#enterprise-bottom-home-table h2 {
padding: 0px 1px 10px 0px;
margin: 0px;
border-bottom: 1px solid #d0cecf;
}



#enterprise-bottom-home-table strong a {
color: #194781;
}



#partner-home-table p {
margin-top: 5px;
font-size: 11px;
line-height: 18px;
}



/* @end */



/* @group resource */



.resource-intro-text {
font-size: 11px;
color: #676767;
}



#resource-center h2 {
font-size: 18px;
text-decoration: none;
}



#resource-center h4 {
padding: 0px;
margin: 0px;
}



#resource-top-home-table h3 {
margin-top: 0px;
line-height: 20px;
}



#resource-top-home-table img {
padding-right: 10px;
}



#resource-top-home-table {
padding: 0px 8px 8px 0px;
background: url(/_resources/images/resources-drop-shadow.gif) no-repeat right bottom;
width: 100%;
font-size: 11px;
}



#resource-top-home-table strong a {
text-transform: uppercase;
color: #194781;
}



#resource-home-table {
margin-top: 20px;
}



#resource-home-table h2 {
margin: 0px;
}



#resource-home-table td {
vertical-align: top;
padding-top: 10px;
}



#resource-home-table img {
padding-right: 10px;
}



#resource-smb-home {
width: 325px;
padding: 0px 10px 10px 0px;
margin-right: 18px;
background: url(/_resources/images/resources-drop-shadow.gif) no-repeat right bottom;
}



.resource-ent-home {
width: 325px;
padding: 0px 8px 8px 0px;
background: url(/_resources/images/resources-drop-shadow.gif) no-repeat right bottom;
}



#resource-home-table h2 {
margin: 0px;
padding-bottom: 10px;
border-bottom: 1px solid #d0cecf;
}



#resource-home-table h4 {
text-transform: uppercase;
color: #194781;
}



#resource-home-table p {
margin-top: 5px;
}



p.smb-green-p {
color: #699b53;
}



p.enterprise-red-p {
color: #d03d2f;
}



#resource-home-table h4 {
margin-top: 10px;
margin-bottom: 5px;
}



/* @end */



#column1 {
width: 350px;
float: left;
}



#column2 {
width: 300px;
float: right;
padding: 0px 8px 8px 0px;
background: url(/_resources/images/resources-drop-shadow.gif) no-repeat right bottom;
}



#column2 li {
list-style-type: none;
}



#column2 h2 {
margin: 0px;
padding: 7px 0px;
border-bottom: 1px solid #d0cecf;
border-top: 1px solid #d0cecf;
}



#event-schedules {
clear: both;
}



#event-schedule {
clear: both;
padding-top: 20px;
}



div#mtslogin {
width: 100%;

	/* background: url(./images/mtslogin/background.jpg) no-repeat right bottom !important; */

	height: 300px;
background-color: #DFEFFF;
}



div#loginframe {
padding-top: 40px;
margin-right: auto;
margin-left: auto;
width: 622px;
}



div#loginframe h1 {
font-size: 31px;
color: #5f974c;
padding-top: 0px;
padding-bottom: 10px;
}



div#mtsloginpost {
width: 622px;
float: right;
margin-top: 210px;
padding-right: 12px;
}



div#login-post-inner {
width: 560px;
padding: 0px 6px 5px 0px;
background: url(/_resources/images/resources-drop-shadow.gif) no-repeat right bottom;
}



div#login-post-border {
padding-left: 20px;
border-right: 1px solid #66a45b;
border-bottom: 1px solid #66a45b;
}



div#login-post-border h2 {
color: #66a45b;
}



div.entry h3 {
font-size: 1em;
font-weight: bold;
color: #000;
line-height: 18px;
border-top: 1px solid #d0cecf;
border-bottom: 1px solid #d0cecf;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 5px;
}



/* Added for login form by Brian for customer login page */



div#boxcontent {
margin-left: 100px;
padding-top: 60px;
}



.boxcontentheading {
color: #36508b;
font-size: 16px;
font-weight: bold;
}



.boxcontentimg {
float: right;
vertical-align: top;
padding: 5px;
}



.align-small-red-arrow {
vertical-align: middle;
padding-left: 5px;
}



div#boxcontent a {
color: #930;
font-weight: bold;
text-decoration: none;
}





div#leftbox {
float: left;
padding: 10px;
width: 350px;
border-right-width: 2px;
border-bottom-width: 2px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #CCC;
border-bottom-color: #CCC;
}

div#rightbox {
float: left;
padding: 10px;
width: 350px;
border-right-width: 2px;
border-bottom-width: 2px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #CCC;
border-bottom-color: #CCC;
margin-left: 15px;
}



/* @group gp */



table#gptable1 {
background: url(/_resources/images/resources-drop-shadow.gif) no-repeat right bottom;
padding: 0px 6px 5px 0px;
margin-bottom: 20px;
}



#gptable1 a:hover {
text-decoration: none;
}



#gptable1 td {
padding: 10px;
}



#gptable1 p {
margin: 0px;
font-size: 11px;
color: #148b4b;
}



/* @end */



.bulleted-list img {
position: relative;
bottom: -3px;
margin: 0px 2px 0px 20px;
}



.bulleted-list {
font-size: 11px;
}



a.bulleted-list:hover {
text-decoration: none;
color: #2fa5d5;
}



.bulleted-list-off img {
position: relative;
bottom: -3px;
margin: 0px 2px 0px 20px;
}



.bulleted-list-off {
font-size: 11px;
color: #bfbfd4;
}



.datasheettitle {
text-transform: uppercase;
color: #355089;
font-size: 14px;
}



.case-study-table strong {
color: #41578e;
}



.case-study-table {
background: url(/_resources/images/case-studies/background.jpg) no-repeat left bottom;
border-bottom: 1px solid #d0cdce;
}



#recent-coverage td {
padding: 10px 5px 10px 0px;
vertical-align: top;
}



#recent-coverage th {
padding: 10px 5px 10px 0px;
vertical-align: top;
}



.floatimgleft {
float: left;
padding-right: 10px;
}





div#mtslogin {
width: 100%;
height: 368px;
}



div#loginframe {
width: 300px;
padding-top: 40px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 80px;
}





/* Styles added by Brian */







.floatimgleft {
float: left;
padding-right: 10px;
}



/* style by Casey */

#wrapper {
	width:1010px;
	margin:0 auto;
}



/* sidebar */

ul li { list-style:none; }

#sidebar {
	float:left;
	width:360px;
}

.widget { 
	margin-bottom:10px;
	margin-top: 10px;
 }

.widget-title {
	background:#FFFFFF url('./images/widget-title-bg.gif') repeat-y 0 0;
	height:30px;
	font-size:12px;
	line-height:30px;
	color:#6B92C0;
	border-top:1px solid #B3C6DB;
	border-bottom:1px solid #B3C6DB;
	padding:0px 5px;
}

.widget-content {
	background:#FFFFFF url('./images/widget-content-bg.gif') repeat-x 0 0;
	padding:0 5px;
}

.widget-content a { color:#566B83; }

.widget-content li {
	padding:10px 0;
	border-bottom:1px solid #D8E4F0;
}

.widget-content li li {
	border:none;
	padding:10px 0 0 10px;
}

#secondary .widget-title { background-image:url('./images/widget-small-title-bg.gif'); }

#calendar_wrap { padding-top:5px; }

/* content */
#content {
	float:left;
	width:576px;
}

.post {
	margin-left: 30px;
}
.post .title {
	color:#4D7CB3;
	font-size:16px;
	margin-bottom:5px;
}

.post a {
	color:#4D7CB3;
	margin-bottom:5px;
}

.post #commentform p {
	font: inherit;
	font-color: inherit;
}

#comments, #respond h3 {
	font-size:14px;
	color:#6B92C0;
	padding-bottom:5px;
	text-align: left;
	margin: 0 0 0 30px;
}

#respond1 {
	font-size:14px;
	color:#6B92C0;
	padding-bottom:5px;
	text-align: left;
	margin: 0 0 0 30px;
}

.commentlist { padding-left:25px;}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;

}

.avatar {
	width: 30px;
	height: 30px;
}

#commentform p {
	float: left;
	margin-left: 30px;
}

#commentform textarea {
width: 100%;
padding: 2px;
}

#commentform #submit {
margin: 0;
}

#commentlist .avatar {
	
	width: 50px;
}


.commentlist cite, .commentlist cite a {
	font-weight:100;
	font-style: normal;
	font-size: 1.1em;
	color:#6B92C0;
	}

.commentmetadata a {
	color:#6B92C0;
	font-weight: normal;
	}

#commentlist .avatar {
	
	width: 50px;
}

#nav-prev-post, #nav-next-post {
	float:right;
	padding: 3px;;
	margin-left:0px;
}




/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
ul li.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	font: bold 1.0em;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 16px;
	margin-right: 0px;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
ul li.TabbedPanelsTabHover {
	background-color: #CCC;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
ul li.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #EEE;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #719FD2;
	border-right: solid 1px #719FD2;
	background-color: #FFF;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}


