/* Start of CMSMS style sheet 'LabTech Default Stylesheet' */
/* Author: Steve Livingston - 1055 Software */


/*******************************/
/*      CSS Defaults           */
/*******************************/

* html, body {
	/* background: #5cbb49 url(uploads/images/bg.jpg) repeat-x top center; */
        background: #e7f5e4 url(uploads/images/bg2.jpg) repeat-x top center;
	margin: 0; 
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	height: 100%;
	width: 100%;
	color: #494949;
}

a:link { font-size: 10pt; text-decoration: none; font-weight: bold; color: #2f41a7; }
a:active { font-size: 10pt; text-decoration: none; font-weight: bold; color: #2f41a7; }
a:visited { font-size: 10pt; text-decoration: none; font-weight: bold; color: #2f41a7; }
a:hover { font-size: 10pt; text-decoration: underline; font-weight: bold; color: #a01414; }

.bold {
	font-weight: bold;
}

#announce {
	height: 100px;
	background: #b10000;
	padding-top: 10px;
}

#announce h2, #announce p {
	margin: 0;
	padding: 0;
}

#announce h2 { color: #fff;  width: 900px; margin: 0 auto 0 auto; }
#announce p { margin-top: 10px; font-size: 16pt; color: #fff; width: 900px; margin: 0 auto 0 auto; }
#announce p a, #announce p a:hover { color: #fff; font-size: 12pt; }

.center {
	text-align: center;
}

.auto-center { margin: 0 auto 0 auto; }

.left {
	text-align: left;
	padding-left: 15%;
}

.right-f {
	float: right;
	width: 55%;
}

.left-f {
	float: left;
	width: 25%;
	text-align: right;
}

.underline {
	text-decoration: underline;
}

.clear {
	clear: both;
	padding-top: 2%;
}

.red, .fb_invalid {
	color: #c10000;
}

.fb_invalid { font-size: 8pt; }
.fb_invalid label { font-size: 10pt; }

.center-margin {
	margin: 0 auto 0 auto;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

img {
	border: none;
}

div.img {
         padding-bottom: 7%;
         _padding-bottom: 2%;
}

h1, h2, h3, h4, h5, h6, p, form {
	margin: 0;
	padding: 0;
}

h3.bold-off {
	font-weight: normal;
}

h2.p-title {
	/* color: #5ebd4b; */
        color: #709ab9;
	padding-bottom: 2%;
	font-size: 14pt;
}

h2.sub-title {
	color: #595959;
	padding-bottom: 2%;
	font-size: 14pt;
}

h3.p-sub-title {
        color: #709ab9;
	padding-bottom: 2%;
	font-size: 12pt;
        font-style: italic;
}

/*******************************/
/*                CSS Layout                       */
/*******************************/

#content-container {
	width: 900px;
	height: auto;
	background: transparent;
	margin: 0 auto 0 auto;
	z-index: 1;
}

/*******************************/
/*                Top Layout                       */
/*******************************/

#top-right-corner {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 121px;
	width: 118px;
	background: url(uploads/images/corner_pricing.jpg) no-repeat;
	text-indent: -999em;
	text-decoration: none;
}

#top-header-container {
	width: 100%;
	height: auto;
	background: #fff url(uploads/images/top_header.jpg) repeat-x top center;
}

#top-header-box {
	width: 908px;
	height: auto;
	margin: 0 auto 0 auto;
}

#top-header-top-box {
	width: 100%;
	height: 67px;
	background: #fff url(uploads/images/top_header_top.jpg) no-repeat top center;
}

#top-header-bottom-box {
	width: 100%;
	height: 95px;
	background: #fff url(uploads/images/top_header_bottom.jpg) no-repeat top center;
}

#catch-phrase {
	width: 38%;
	padding: 3.5% 0 0 21%;
             _padding: 3.5% 0 0 33%;
	color: #3346b3;
	font-style: italic;
	font-weight: bold;
	float: left;
}

#search-box-top {
	width: 36%;
	height: 10px;
	float: right;
        margin-right: 5%;
	background: #fff;
}

#search-box-top img {
        position: relative;
        top: 2px;
        left: 24px;
        _left: 125px;
}

#search-box {
	float: right;
	width: 36%; 
	height: 30px;
	font-weight: bold;
	color: #3346b3;
	padding: 1% 1% 1.2% 0;
             _padding: 1% 1% 1.2% 0;
             margin-right: 1.2%;
             _margin-left: 13.8%;
	text-align: right;
	background: #89d87a url(uploads/images/grad_bg.jpg) repeat-x top center;
}

#search-box input {
	text-align: right;
	color: #868686;
	font-size: 8pt;
             width: 68%;
}

#search-box input.submit {
	background: transparent;
	border: 0;
	color: #fff;
	font-weight: bold;
	font-size: 8pt;
	width: 18%;
	margin-right: 2%;
}

ul#search-result li {
         line-height: 22pt;
}

#sub-nav {
	width: 45%;
	float: right;
	text-align: center;
	padding-top: 1.3%;
	color: #fff;
}

#sub-nav ul li {
	display: inline;
}

#sub-nav ul li a {
	color: #fff;
	padding: 0 1% 0 1%;
        font-family: verdana;
}

#nav {
	width: 85%;
	margin: 0 auto 0 auto;
             _margin: 0 auto 0 auto;
	padding: 0% 0 1% 0;
             _padding: 0 0 1% 15%;
	text-align: center;
	float: right;
	font-size: 14pt;
	color: #a1db96;
}

#nav ul li {
	display: inline;
	padding: .6% 0% 1% 0%;
             _padding: .6% 0% 1% 0%;
	border-left: 1px solid #a7de9c;
}

#nav ul li.last-list-item {
	border-right: 1px solid #a7de9c;
}

#nav ul li:hover {
	background: #97db8a;
}

#nav ul li a {
	color: #fff;
	font-size: 73%;
	font-family: verdana, arial, sans-serif;
	padding: 0 1% 1% 1%;
             _padding: 0 1% 1% 1%;
}

#nav ul li a:hover {
	text-decoration: none;
	border-bottom: 2px solid #3143ab;
}

#side-nav {
         text-align: right;
         width: 100%;
         float: right;
}

#side-nav ul li {
        padding: 3% 0% 3% 3%;
        border-bottom: 1px solid #eeeeee;
        text-align: left;
        clear: both;
        float: left;
        width: 95%;
}

#side-nav ul li a {
         color: #595959;
         font-size: 8pt;
         float: left;
         width: 90%;
}

#side-nav ul li:hover {
         background: #eeeeee;
}

#side-nav ul li.current {
         font-weight: bold;
         font-size: 8pt;
         background: #eeeeee;
         padding-left: 3%;
}

#side-nav ul li.fourth-level a {
         margin-left: 25%;
         width: 75%;
         font-weight: normal;
}

#side-nav ul li.fourth-level a:hover {
         text-decoration: none;
         color: #2e40a3;
}

#side-nav ul li.fourth-level:hover {
         background: #fcfcfc;
}

#side-nav ul li.fourth-level-current {
         font-size: 8pt;
         background: #f7f7f7;
         width: 75%;
         padding-left: 27%;
         font-weight: bold;
}

.side-menu-img {
         float: left;
         padding-right: 2%;
}

#side-nav ul li.third-level a {
         margin-left: 15%;
         width: 75%;
         font-weight: normal;
}

#side-nav ul li.third-level a:hover {
         text-decoration: none;
         color: #2e40a3;
}

#side-nav ul li.third-level:hover {
         background: #fcfcfc;
}

#side-nav ul li.third-level-current {
         font-size: 8pt;
         background: #f7f7f7;
         width: 80%;
         padding-left: 18%;
         font-weight: bold;
}

#side-nav ul li a:hover {
         text-decoration: none;
         color: #2e40a3;
}

/*******************************/
/*                Middle Layout                  */
/*******************************/

#middle-container {
	width: 100%;
	height: auto;
	background: transparent url(uploads/images/middle_bg.jpg) repeat-x top center;
}

#middle-container-sub {
	width: 100%;
	height: 143px;
	background: transparent url(uploads/images/middle_bg_sub_container.jpg) repeat-x top center;
             overflow: hidden;
}

#middle-bottom {
	width: 900px;
	height:  233px;
	margin: 0 auto 0 auto;
	background: #2d3e9f url(uploads/images/middle_bg_bottom.jpg) no-repeat top center; 
             color: #F6F6F6;
             overflow: hidden;
}

#middle-bottom img {
        position: relative;
        left: 573px;
        top: -177px;
}

#middle-title {
         padding: 3.5% 0 0 4%; 
}

#middle-random-content {
         float: left;
         width: 60%;
         height: auto;
         color: #F5F5F5;
         font-size: 12pt;
         font-weight: bold;
         line-height: 18pt;
         position: relative;
         left: -30px;
         padding-top: 1%;
         font-style: italic;
}

#middle-random-content p {
          font-size: 8pt;
          font-style: normal;
          text-indent: 10%;
}

#middle-title h4 { padding: 0; margin: 0; font-size: 214%; font-family: Arial Black; font-weight: normal; }
#middle-title h3 { padding: 0; margin: 0; font-size: 265%; font-family: Arial Black; font-weight: normal; }
#middle-title h2 { padding: 0; margin: 0; font-size: 340%; font-family: Arial Black; font-weight: normal; }

#middle-bottom-sub {
	width: 798px;
	height: 143px;
	margin: 0 auto 0 auto;
	background: #2d3e9f url(uploads/images/middle_bg_sub.jpg) no-repeat top center;
}

#middle-trial-info img {
        position: relative;
        top: 30px;
        left: 95px;
}

/*******************************/
/*                Content Layout                 */
/*******************************/

table.pricing-table { 
        width: 90%;
        border-collapse: collapse;
}

table.pricing-table th {
       color: #fff;
       border-bottom: 5px solid #fff;
       text-align: left;
       background: url(modules/SimpleCart/templates/frontend/images/tile_back.gif) repeat-x top center;
       padding: 10px 0 10px 30px;
}

table.pricing-table td { padding-left: 30px; line-height: 22px; }
table.pricing-table tr { border-bottom: 1px solid #e1e1e1; }

#bread-crumb {
        height: auto;
        padding: 0 0 2% 4%; 
        font-size: 8pt;
}

#bread-crumb img {
        padding-right: 1%;
}

#bread-crumb a {
        font-size: 8pt;
}

#body-content-container {
	width: 900px;
	height: auto;
	margin: 0 auto 0 auto;
        padding-top: 2%;
	background: #fff;
	z-index: 3;
        min-height: 800px; /* this really should be taken out */
}

#left-content-container {
	width: 67.5%;
	height: auto;
	float: left;
}

#left-content-container ul { margin-left: 50px; }
#left-content-container ul li { list-style-image: url(../uploads/images/bullet.png); padding: 5px 0 5px 0; }

#right-content-container {
	float: right;
        width: 29%;
	height: auto;
	padding: 0 0 6% 0;
        margin-right: 1.4%;	
}

div.paragraph {
	padding: 0 2% 5% 4%;
}

div.paragraph-side {
	padding: 0 1% 5% 3%;
}

div.spacer {
        height: 1px;
        width: 1px;
        clear: both;
}

div.paragraph p {
	line-height: 18pt;
	padding-bottom: 4%;
}

div.paragraph p.small {
        line-height: 14pt;
        padding-bottom: 1%;
        font-size: 80%;
}

div.paragraph p.small a {
        font-size: 10pt;
}

div.paragraph p.small a.hover {
        font-size: 10pt;
}

.caption {
        font-size: 85%;
        font-style: italic;
}

.indent-body {
        padding-left: 4%;
}

.resp-error {
       text-align: center;
       color: #960000;
       font-weight: bold;
}

.resp-ok {
       text-align: center;
       font-weight: bold;
       color: #037e00;
}

li.list {
	line-height: 20pt;
	padding-bottom: 4%;
}

div#page-form form div.row-data {
        clear: both;
        padding: 1% 0 1% 0;
        font-size: 10pt;
        border-bottom: 1px solid #dbdbdb;
}

div#page-form form div.row-data-center { text-align: center; }

div#page-form form div.row-data-no-border {
        clear: both;
        padding: 1% 0 1% 0;
        font-size: 10pt;
}

div#page-form form label {
        float: left;
        width: 25%;
        color: #747474;
}

div#page-form label.long {
        width: 68%;
}

div#page-form form input, select, textarea {
         background: #f3f3f3;
         border: 1px solid #cbcbcb;
         color: #5C5C5C;
}

div#login-form {
        text-align: right;
        padding: 3% 8% 2% 2%;
        _padding: 1% 1% 0% 2%; /* this did the trick. Only IE6 should process this line */
        margin-bottom: 10%;
        _margin-bottom: 3%;
        font-size: 8pt;
        background-color: #f8f8f8;
        border: 2px solid #dedede;
}

div#login-form div.row-data {
         padding-bottom: 2%;
         _padding-bottom: 1%;
}

div#login-form div.row-data label {
         float: left;
         padding-left: 5%;
         _padding-left: 4%;
}

div#login-form input {
        font-size: 8pt;
        color: #404040;
        border: 1px solid #c6c6c6;
}

div#login-form p {
       padding-bottom: 2%;
}

div#login-form h4 {
        padding-bottom: 2%;
}

div#login-form a {
        font-size: 8pt;
}

/*******************************/
/*      Company Directory           */
/*******************************/

#comp-dir-links {
         text-align: center;
         padding-bottom: 5%;
}

.comp-dir-item{
          padding-bottom: 8%; 
}

.comp-dir-item .img {
         width: 25%;
         float: left;
}

/*******************************/
/*                      Footer                         */
/*******************************/

#copyright-notice {
        text-align: center;
        padding-top: 10px;
}

#copyright-notice a, #copyright-notice a:hover {
        font-size: 8pt;
        font-weight: normal;
}

#bottom-nav ul {
        text-align: center;
}

#bottom-nav-cart ul {
        margin-top: 50px;
}

#bottom-nav ul li {
	display: inline;
	margin: 0 0 0 1%;
	padding: 0 3.3% 0 .3%;
}

#bottom-nav-cart ul li {
        display: inline;
        margin-left: 2%;
	padding: 0 2% 0 .3%;
}

#bottom-nav ul li a, #bottom-nav-cart ul li a {
	color: #2f41a7;
	font-size: 10pt;
        font-weight: normal;
	font-family: arial, verdana, sans-serif;
}

#bottom-nav ul li a:hover, #bottom-nav-cart ul li a:hover {
	text-decoration: none;
}

/*******************************/
/*                Partner Portal                    */
/*******************************/

#partner-portal-cat-list {
        background: #ededed;
        border: 1px solid #c4c4c4;
        padding: 20px 10px 70px 10px;
}

#partner-portal-cat-list h3 {
        padding-bottom: 20px;
}

#partner-portal-cat-list a, #partner-portal-cat-list a:hover { 
        font-size: 10pt;
}

.partner-block { 
        width: 100%;
        padding: 5px 0 5px 0;
        clear: both;
}

.push-down {
        height: 50px;
}

.partner-left-img {
        float: left; 
        width: 28%;
}

.partner-text-right { 
       float: right;
       width: 71%;
}

.partner-item { 
      padding: 2px 0 2px 0;
}

.partner-divider {
       border-bottom: 1px solid #c5c5c5;
       width: 98%;
       margin: 0 auto 15px auto;
}

.partner-detail-logo {
       float: left;
       width: 28%;
}

.event-table th { 
text-align: left; 
background: #283792;
color: #fff;
padding-left: 2%;
margin-bottom: 2%;
height: 30px;
}

.event-table td {
padding: 1% 0 1% 2%;
}

.event-table {
border-collapse: collapse;
}
/* End of 'LabTech Default Stylesheet' */