/* Custom CSS Code for ci-inc.com */

/* Misc CSS used on multiple pages */
.clear-both {
    clear: both;
}

/* Homepage CSS */
#home-sidebar {
    float: right;
    width:325px;
    margin-left: 5px;
    text-align: center;
}

#home-content {
    padding: 5px 0px 0px 5px; 
    width:inherit;
    text-align: justify;
}

/* Software Overview CSS */
.features-image {
	float: left;
	width: 260px;
}
.features-list {
	float: left;
	width: 560px;
}
.features-list ul {
	margin-top: 0px;
	margin-bottom: 0px;
}
.features-list h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	font: 14px Arial Black, arial, helvetica, sans-serif;
}
.features-hr {
    width: 90%;
    clear: both;
}

/* Videos & Video Category CSS */
#video-header {
	background-image: url('/images/videos/header_top.jpg');
	background-repeat: no-repeat;
	height: 100px;
}
#video-footer {
	background-image: url('/images/videos/footer.jpg');
	background-repeat: no-repeat;
	height: 208px;
}
#video-footer-link {
	background-image: url('/images/videos/footer2.jpg');
	background-repeat: no-repeat;
	height: 205px;
}
#video-wrapper {
	background-color: #000000;
	background-image: url('/images/videos/header_bg.jpg');
	background-repeat: no-repeat;
	min-height:360px;
    height:auto !important;
    height:360px;
	padding-top: 40px;
    text-align:center;
}
#video-header-button{
	float: left;
	width: 140px;
	height: 120px;
	background-image: url('/images/videos/playbutton.png');
	background-repeat: no-repeat;
	background-position: right top;
}
#video-header-title {
	padding-left: 20px;
	padding-right: 20px;
	display:table-cell; 
	vertical-align:middle; 
	height: 120px;
    text-align: left;
}
.video-player {
    margin-left: auto;
    margin-right: auto;
    border: 10px solid white;
}
.video-footer-button {
    float: right;
    margin-top: 75px;
    margin-right: 25px;
}
.video-header-title-main {
    text-transform: uppercase;
    font: 36px Arial Black, arial, helvetica, sans-serif;
	color: #ffffff;
}
.video-header-title-sub {
    font: 20px arial, helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #afc1df;
}
.video-preview {
	color: #FFFFFF;
	float: left;
	width: 420px;
	text-align: center;
	margin-bottom: 40px;
}
.video-preview-wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 325px;
}
.video-preview-info {
	text-align: justify;
}
.video-preview-title {
    font: 14px Arial Black, arial, helvetica, sans-serif;
	color: #afc1df;
    text-transform: uppercase;
}

/* Article Archives CSS */
#article-archives-header {
	background-image: url('/images/article-archives-header.jpg');
	height: 150px;
	width: inherit;
}
#article-archives-footer {
	background-image: url('/images/article-archives-footer.jpg');
	height: 210px;
	width: inherit;
}
#article-footer {
	background-image: url('/images/article-footer.jpg');
	height: 210px;
	width: inherit;
}
#article-technical-header {
	background-image: url('/images/article-technical-header.jpg');
	height: 192px;
}
#article-media-header {
	background-image: url('/images/article-media-header.jpg');
	height: 191px;
}
#article-client-testimonials-header {
	background-image: url('/images/article-client-testimonials-header.jpg');
	height: 192px;
}

#article-content {
	background: #363536 url('/images/article-bg.jpg');
	background-repeat: no-repeat;
	width: 845px;
	min-height: 536px;
}
#article-content a {
	color: #FFFFFF !important;
	background-color: #transparent !important;
	text-decoration: none;
}
#article-content a:hover {
	color: #990000 !important;
	background-color: transparent !important;
	text-decoration: none;
}
.article-link {
	background: url('/images/article-icon.png');
	background-repeat: no-repeat;
	cursor: pointer;
	clear: both; 
	font: 12px arial, helvetica, sans-serif;
	font-style: italic;
	color: #ffffff;
	width: 300px;
	padding-left:35px;
	margin-bottom: 15px;
}
.article-link-title {
    float:left;
	font: 18px Arial, arial, helvetica, sans-serif;
	font-weight:bold;
}
.article-link-subtitle {
    float:left;
	font: 14px Arial, arial, helvetica, sans-serif;
    margin-bottom:2px;
}
.article-column-50 {
	float: left;
	width: 380px;
	padding-left: 40px;
	padding-top: 40px;
	vertical-align: top;
}
.article-link br {
	clear:both;
}
.articles-footer-button {
    float: right;
    margin-top: 75px;
    margin-right: 25px;
}

/* Frequently Asked Questions (FAQ) CSS*/
#faq-quicklinks {
    background-color: #d3d3d3;
    padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #444444;
}
#faq-quicklinks h2 {
	font: 16px Arial Black, arial, helvetica, sans-serif;
}
#faq-quicklinks ul {
	font-family: 'PT Sans', sans-serif, verdana, arial, helvetica;
	font-size: 16px;
	padding-left: 15px;
}
#faq-quicklinks ul a,
#faq-quicklinks ul a:visited {
	text-decoration: none;
	color:#000000;
	line-height: 1.8em;
}
#faq-quicklinks li {
    font-weight: bold;
	list-style:disc;
}
#faq-answers p {
	margin-top: 5px;
	text-align: justify;
}

.faq-qna {
	background-color: #fff;
    border: 1px solid #444444;
    margin-bottom: 10px;
    clear: both;
}
.faq-qna p {
    margin-left: 12px;
    margin-right: 12px;
}
.faq-question {
/*	border: 1px solid #444444;
 * 
 */
	font-family: 'PT Sans', sans-serif, verdana, arial, helvetica;
	font-size: 16px;
	font-weight: bold;
	background: #d3d3d3;
	padding : 12px;
}
.faq-question-icon {
	float: left;
	position:relative;
	top:-8px;
	background: url('/images/faq-question-icon.png');
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	margin-right: 5px
}
.faq-spacer {
	clear: both;
	height: 20px;
}
.highlight {
    background: yellow;
}

/* Events Calendar CSS */
#tribe-events-calendar-header, .tribe-events-calendar, #tribe-events-content .ical, .events-single #content .ical, a.gmap, .tribe-events-event-list-meta td, .tribe-events-nav, #tribe-events-event-meta, span.back, .eventsListWidget .dig-in, .eventsAdvancedListWidget .dig-in, .gcal-add {
   	font-family: Verdana, Arial, Helvetica;
}

h2.tribe-events-cal-title {
	font: 20px Arial Black, arial, helvetica, sans-serif;
	color:#000;
    padding-left: 0px;
    margin-top: 0px;
}
h4.event-day {
	font: 14px Arial Black, arial, helvetica, sans-serif;
	color:#000;
    margin-bottom: 0px;
}
h2.entry-title {
	font: 16px Arial Black, arial, helvetica, sans-serif;
	color:#000;
    margin-top: 0px;
}
div.entry-content {
    font: 12px verdana, arial, helvetica;
    text-align: justify;
    padding-right: 15px !important;
}
#tribe-events-content {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 10px !important;
    
}
#tribe-events-calendar-header {
    height: 1px;
}
#tribe-events-event-meta {
    font: 12px verdana, arial, helvetica;
    padding-bottom: 12px;
    margin-bottom:8px;
}
.tribe-events-event-list-meta {
    padding-left: 15px
}
.tribe-events-event-meta-desc {
    font: 12px verdana, arial, helvetica;
    font-weight: bold;
}
.tribe-events-event-meta-value {
    font: 12px verdana, arial, helvetica;
}
.tribe-events-events .tribe-events-event-entry {
    width: 62%;
    padding: 0px;
}
.tribe-events-calendar-buttons {
     top: -50px !important;   
}
.tribe-events-calendar-buttons a.tribe-events-button-off {
    background-color: #d3d3d3;
}
.column-right {
    float: right;
    width: 260px !important;
    padding-right: 0px !important;
    border: 1px solid black;
}
#googlemaps {
    margin-bottom: 0px !important;
}

/* Survey Contest Winner Page CSS */
#surveycontest-winner {
   color: #FFFFFF;
   background-color: #000000;
   background-image: url('/images/surveycontest/header_winner.png');
   background-repeat: no-repeat; 
   background-position: left top;
   padding-top: 230px;
   
}
#surveycontest-winner .text1 {
   font: 19px arial, helvetica, sans-serif;
   text-align: center;
	font-weight: bold;
	font-style: italic;
}
#surveycontest-winner .text2 {
   font: 19px arial, helvetica, sans-serif;
   text-align: center;
	font-weight: bold;
	font-style: italic;
}
#surveycontest-winner .text3 {
   font: 20px arial, helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
   text-align: center;
	margin-bottom:  30px;
	margin-top:  30px;
}
#surveycontest-winner .text4 {
   font: 16px arial, helvetica, sans-serif;
	color: #95b0dc;
	line-height: 1.5em;
	text-align: justify;
}
#surveycontest-winner .signature {
	float: right;
	margin-left: 10px;
}
#surveycontest-winner .bullets_left {
	width: 400px;
	float:left;
   font: 16px arial, helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}
#surveycontest-winner .bullets_right {
	width: 400px;
	float:right;
    font: 16px arial, helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}

/* Brighton-Best International CSS */
#bbi-content {
	background: url('/images/bbi/text_background.png');
	width: 845px;
	height: 619px;
}
#bbi-content td {
	padding: 0px 15px 0px 15px;
    font: 15px arial, helvetica, sans-serif;
	color: #ffffff;
}
#bbi-content ul {
	margin: 0px;
	padding-left:20px;
	list-style-type: square;
}
#bbi-content ul li {
	margin-bottom:5px;
}
#bbi-header {
    background: url('/images/bbi/BBI_Header.png');
    height: 327px;
}
#bbi-footer {
    background: url('/images/bbi/BBI_Footer.png');
    height: 110px;
}
.red-header-text {
    font: 17px Arial Black, arial, helvetica, sans-serif;
	color: #ff0000;
	margin-bottom: 10px;
}

/* Vendor Managed Inventory Page */
#vmi-header {
	background-image: url('/images/vmi/CI_VMI_Header.jpg');
	background-repeat: no-repeat; 
	background-position: left top;
	height: 221px;
	color: #6597ca;
}
#feature1 {
	background-image: url('/images/vmi/CI_VMI_BG1.jpg');
	background-repeat: no-repeat; 
	background-position: left top;
	height: 392px;
}
#feature2 {
	background-image: url('/images/vmi/CI_VMI_BG2.jpg');
	background-repeat: no-repeat; 
	background-position: left top;
	height: 390px;
}
#vmi-footer {
	background-image: url('/images/vmi/CI_VMI_Footer.jpg');
	background-repeat: no-repeat; 
	background-position: left top;
	height: 293px;
}
#vmi-content {
    background-color: #e8e1cf;
}
#vmi-content .text1 {
    font: 35px Arial Black, arial, helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
	padding-left: 210px;
	padding-top: 75px;
}
#vmi-content .text2 {
    font: 35px arial, helvetica, sans-serif;
    font-weight: bold;
	font-style: italic;
	padding-left: 210px;
}
#vmi-content .text3 {
	padding-top: 30px;
	padding-left: 20px;
	vertical-align: top;
    font: 16px arial, helvetica, sans-serif;
	text-align: justify;
	line-height: 1.5em;
}
#vmi-content .text4 {
	vertical-align: top;
    font: 11px arial, helvetica, sans-serif;
	text-align: right;
	color: #4181c3;
	padding-right: 10px;
}
#vmi-content .text5 {
	vertical-align: top;
    font: 14px arial, helvetica, sans-serif;
	text-align: justify;
	line-height: 1.5em;
}
#vmi-content .text6 {
	vertical-align: top;
    font: 14px arial, helvetica, sans-serif;
	text-align: right;
	line-height: 1.5em;
	background: url('/images/vmi/CI_VMI_opticon.png');
	background-repeat: no-repeat;
	height: 182px;
}
#vmi-content .text7 {
    font: 28px Arial Black, arial, helvetica, sans-serif;
	color: #6597ca;
	padding-left: 20px;
}
#vmi-content .ipads {
	vertical-align: top;
	background: url('/images/vmi/CI_VMI_iPad.png');
	background-repeat: no-repeat;
	background-position: 20px 15px;
	height: 256px;
}
#vmi-content .text8 {
    font: 14px arial, helvetica, sans-serif;
	padding-left: 240px;
	line-height: 1.5em;
}
#vmi-content .text9 {
    font: 14px arial, helvetica, sans-serif;
	padding-left: 420px;
	padding-top: 30px;
	line-height: 1.5em;
}

/* CSS Rules for newsletter tips*/
#newsletter {
	width: 845px;
	overflow: auto;
	background-color: #000000;
}
#newsletter-main {
	float: left;
	width: 552px;
}
#newsletter-sidebar {
	float: left;
	width: 293px;
	height: 813px;
	background: #000000 url('/images/newsletters/newsletter-template-sidebar.jpg');
	background-repeat: no-repeat;
}
#newsletter-header {
	float: left;
	width: 552px;
	height: 312px;
	background: #000000 url('/images/newsletters/newsletter-template-header.jpg');
	background-repeat: no-repeat;
}
#newsletter-title {
	float: left;
	width: 552px;
	height: 114px;
	background: #000000 url('/images/newsletters/newsletter-template-title.jpg');
	background-repeat: no-repeat;
}
#newsletter-welcome-text {
	width: 500px;
    font: 15px arial, helvetica, sans-serif;
	color: #000000;
	margin-left: 20px;
	margin-top: 200px;
}
#newsletter-welcome-text-strong {
    font: 16px Arial Black, arial, helvetica, sans-serif;
}
#newsletter-sidebar-text {
	width: 250px;
    font: 16px arial, helvetica, sans-serif;
	color: #FFFFFF;
	margin-left: 40px;
	margin-top: 200px;
}
#newsletter-title-tip {
    font: 20px Arial Black, arial, helvetica, sans-serif;
	line-height:1.2em;
	color: #FFFFFF;
	margin-left: 180px;
	margin-top: 10px;
}
#newsletter-title-tip-strong {
    font: 25px Arial Black, arial, helvetica, sans-serif;
	line-height:1.2em;
}
#newsletter-body {
	float: left;
	color: #FFFFFF;
	min-height: 362px;
    font: 15px arial, helvetica, sans-serif;
	margin: 0 25px 0 25px !important;
	text-align: justify;
}
#newsletter-body-wide {
	float: left;
	width: 795px;
	color: #FFFFFF;
    font: 15px arial, helvetica, sans-serif;
	background-color: #000000;
	margin: 0 25px 0 25px !important;
	text-align: justify;
}
#newsletter-sidebar-text a:hover,
#newsletter-sidebar-text a:link, 
#newsletter-sidebar-text a:visited { 
	color:#ffffff; 
	text-decoration: underline;
	background: transparent;
}
#newsletter-footer {
	width: 845px;
	height: 220px;
	background: #000000 url('/images/newsletters/newsletter-template-footer-bg.jpg');
	background-repeat: no-repeat;
	color: #FFFFFF;
}
#newsletter table td {
    color: #000000;
}
.white {
	color: #FFFFFF !important;
}
.white-left {
	color: #FFFFFF !important;
	border-left: 1px solid white;
}
#facebook-logo a:hover {background: transparent;}
.newsletters-footer-button {
    float: right;
    margin-top: 25px;
    margin-right: 25px;
}

/* Main Tips landing page CSS */
#tips-header {
	background: #000000 url('/images/newsletters/header.jpg');
	background-repeat: no-repeat;
	width: 845px;
    height: 233px;
}
#tips-footer {
	background: #000000 url('/images/newsletters/footer.jpg');
	background-repeat: no-repeat;
	width: 845px;
    height: 237px;
}
#tips-content {
	background: #000000 url('/images/newsletters/fader-bg.jpg');
	background-repeat: no-repeat;
	width: 845px;
    min-height: 356px;
}
.tip {
    float: left;
    margin-left: 40px;
    width: 380px;
	cursor: pointer;
}
.tip-icon {
	float: left;
	background: url('/images/newsletters/tip-icon.png');
	background-repeat: none;
	width: 60px;
	height: 44px;
    font: 19px Arial Black, arial, helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 25px;
	padding-left: 43px;
}
.tip-text {
	float: left;
	width: 250px;
    font: 15px arial, helvetica, sans-serif;
	padding-top: 30px;
	padding-left: 10px;
	color: #ffffff;
}
.tip-text a:link {
	background: transparent !important;
	color: #ffffff;
}
.tip-text a:hover, 
.tip-text a:visited {
	background: transparent !important;
	color: #ffffff;
	text-decoration: underline;
}
.white {
	color: #FFFFFF;
}
.white-left {
	color: #FFFFFF;
	border-left: 1px solid white;
}

/* Release Notes */
#release-notes ol {
	/*font-size: 12px;*/
	font-weight: bold;
}
#release-notes ol li,
#release-notes ul li {
	margin-bottom: 10px;
    text-align: justify;
}
#release-notes ol li span,
#release-notes ul li span {
	font-weight:normal;
}

/* Quicksupport CSS */
#quicksupport .ostype {
	float: left;
	width: 255px;
	height: 255px;
	border: 1px solid black;
	text-align: center;
    font: 18px Arial Black, arial, helvetica, sans-serif;
}
#quicksupport .screenshot {
    float: left;
    width: 255px;
    height: 340px;
    border: 1px solid black;
    padding-top: 10px;
    text-align: center;
}
#quicksupport .margin-right-padding {
	margin-right: 26px;
}
#quicksupport .ostype span  {
	margin-left: auto;
	margin-right: auto;
}
#quicksupport .ostypes  {
	clear: both;
	font: 11px arial, helvetica, sans-serif;
	text-align: justify;
	border-top: 1px solid grey;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
.download-button-windows, .download-button-mac, .download-button-linux {
	display: block;
	margin: 0;
	padding: 3px 0 0 0;
	text-indent: 48px;
	width: 205px;
	height: 20px;
	text-align: left;
}
.download-button-windows {
	background: url('/images/quicksupport/download-windows.png') no-repeat;
}
.download-button-mac {
	background: url('/images/quicksupport/download-mac.png') no-repeat;
}
.download-button-linux {
	background: url('/images/quicksupport/download-linux.png') no-repeat;
}
.button-standard {
	display: block;
	margin: 0;
	padding: 2px 0 0 0;
	width: 189px;
	height: 21px;
	text-align: center;
	background: url('/images/quicksupport/button-standard.png') no-repeat;
}

.button-standard2 {
	display: block;
	margin: 0;
	padding: 2px 0 0 0;
	width: 100%;
	height: 21px;
	text-align: center;
	background: url('/images/quicksupport/button-standard.png') no-repeat center;
}

a.button-a:hover {
	font-size: 11px;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
	cursor: pointer;
	background-color: inherit;
}

a.button-a:visited {
	font-size: 11px;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
	cursor: pointer;
	background-color: inherit;
}

a.button-a:active {
	font-size: 11px;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
	cursor: pointer;
	background-color: inherit;
}

a.button-a:link {
	font-size: 11px;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
	cursor: pointer;
	background-color: inherit;
}
.icon-td {
	width: 1px;
	padding: 0 15px 0 0;
}

/* Survey Contest CSS */

#surveycontest_header {
	background: #000000 url('/images/surveycontest-2012/contest-header-2012.jpg');
	height: 435px;
}
#surveycontest_footer {
	background: #000000 url('/images/surveycontest-2012/contest-footer-2012.jpg');
	height: 296px;
}
#surveycontest-2012 {
	background: #000000 url('/images/surveycontest-2012/contest-top-bg-2012.jpg');
	background-position: top;
	background-repeat: no-repeat;
	color: #FFFFFF;
    text-align: center;
}
#surveycontest_feature {
	color: #000000;
	background: #000000 url('/images/surveycontest-2012/contest-middle-2012.jpg');
	background-position: top;
	background-repeat: no-repeat;
	height: 291px;
	clear: both;
	padding-top: 20px;
}
#surveycontest-2012 .text1 {
    font: 26px arial, helvetica, sans-serif;
    line-height: 1.2;
    font-weight: bold;
	padding-top: 30px;
}
#surveycontest-2012 .text2 {
    font: 18px arial, helvetica, sans-serif;
	padding-top: 30px;
}
#surveycontest-2012 .text3 {
    font: 20px arial, helvetica, sans-serif;
	padding-top: 30px;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 30px;
}
#surveycontest-2012 .redHeader{
    font: 25px arial, helvetica, sans-serif;
    color: #FF0000;
    font-weight: bold;
    font-style: italic;
}
#surveycontest-2012 .purpleHeader{
    font: 22px Arial Black, arial , helvetica, sans-serif;
    color: #95b0dc;
    font-weight: bold;
}            
#surveycontest-2012 .text4{
    padding-top: 20px;
    padding-bottom: 20px;
    font: 18px arial, helvetica, sans-serif;
    text-align: center;
}
#surveycontest_footer .text5{
    padding-top: 30px;
    padding-bottom: 20px;
    color: #FF0000;
    text-transform: uppercase;
    font: 18px Arial Black, arial, helvetica, sans-serif;
    text-align: center;
    text-shadow: 0.2em 0.2em #000;
}
#surveycontest_footer a:hover {
	background-color: transparent;
}
#surveycontest_feature h2 {
    color: #FF0000;
    font: 43px Arial Black, arial, helvetica, sans-serif;
    text-shadow: 0.1em 0.1em #000;
    margin-top: 0px;
    margin-bottom: 0px;
}
#surveycontest_feature h3 {
    color: #FF0000;
    font: 43px Arial Black, arial, helvetica, sans-serif;
    text-shadow: 0.1em 0.1em #000;
    margin-top: 0px;
    margin-bottom: 0px;
	padding-left: 100px;
}
#surveycontest-2012 .text6 {
    font: 23px Century Gothic, arial, helvetica, sans-serif;
    text-align: center;
    font-weight: bold;
}
#surveycontest-2012 .contest-ipad-image {
	margin-right: 30px;
}

/* Contacts Page CSS */
#contact-page .header {
    height: 20px;
    background: #808080 !important;
    color: #FFFFFF;  
    padding-left: 5px;    
    padding-right: 5px;    
    font-weight: bold;
}

#contact-page td.td1 {
    border-right: 1px solid #BBBBBB;
    border-bottom: 1px solid #BBBBBB;
    padding: 5px 5px 5px 5px;    
    vertical-align: middle;
}
#contact-page td.td2 {
    border-bottom: 1px solid #BBBBBB;
    padding: 5px 5px 5px 5px;    
    vertical-align: middle;
}
#contact-page tr.row1 {
    background: #EEEEEE;
}
#contact-page tr.row2 {
    background: #DDDDDD;
}

/* FormBuilder Contact Form CSS */
#contact-welcome {
	float: left; 
	width: 400px;
}
#contact-form {
	float: right; 
	width: 400px;
}
#contact-page table {
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
}
#contact-form-header {
	padding-left: 10px;
	height: auto !important;
	background: #BBBBBB;
	font: 19px Arial Black, arial, helvetica, sans-serif;
}
#contact-welcome .contact-info {
	float: left;
	width: 185px;
}
#contact-welcome iframe {
	border: 1px solid #BBBBBB;
}
#contact-form label.desc {
    width: 100px;
}
#contact-form form,
#contact-form fieldset {
    margin: 0px 0px 0px 0px;
}
#contact-form h3 {
    margin: 0px 0px 5px 0px;
}

#contact-form li.item {
    padding-bottom: 0px !important;
}

#contact-form li.item-submit {
    text-align: right;
}

/* Downloads CSS */
table.downloads {
	border: 1px solid black;
}
table.downloads thead {
	background: #d3d3d3;
	font-weight: bold;
}
table.downloads td {
	padding : 5px 10px 5px 10px;
}
table.downloads tr.odd {
	background-color: #ddeeff;
}
table.downloads td.download-name {
	width: 275px;
}
/* Documentation CSS */
#documentation li {
	margin-bottom: 5px;
}
#documentation ol.letters {
	list-style-type: lower-alpha;
}

/* TBE Manual CSS */
#tbe-manual .matrix_background {
	padding: 50px 0px 50px 0px;
	background: url('/images/manual/background.jpg');
	background-repeat: no-repeat;
	background-color: #000000;
	text-align: center;
}
#tbe-manual .info-text {
    font: 18px arial, helvetica, sans-serif;
}
#tbe-manual .info-pic {
    width: 212px;
	vertical-align: top;
}
#tbe-manual .centered {
	text-align: center;
}
#tbe-manual .instructions1 {
    background: url('/images/manual/instructions-bg1.jpg');
	height: 122px;
}
#tbe-manual .instructions2 {
    background: url('/images/manual/instructions-bg2.jpg');
	height: 129px;
}
#tbe-manual .instructions3 {
    background: url('/images/manual/instructions-bg3.jpg');
	height: 243px;
}
#tbe-manual .instructions4 {
    background: url('/images/manual/instructions-bg4.jpg');
	height: 257px;
}
#tbe-manual .info-pic {
	width: 212px;
	display: inline-block;
}
#tbe-manual .info-text {
	width: 555px;
	display: inline-block;
	text-align: left;
}
#tbe-manual .info-wrapper ol {
	margin:0px;
	padding: 0px;
}
#tbe-manual .info-wrapper li {
	margin-left: 30px;
	padding: 0;
	text-align: justify;
}
#tbe-manual .info-wrapper {
	margin-left:auto;
	margin-right:auto;
	width:775px;	
}
/* Employees Page CSS */
#employee-page .employee {
	float: left;
	width: 400px;
	text-align: justify;
	margin-top: 20px;
}
#employee-page .employee-right {
	margin-left: 20px;
}
.employee img {
	float: left;
	width: 150px;
	margin-right: 5px;
}
/* ISO 9001 Page CSS */
#iso9001 ul li {
	margin-bottom: 10px;
    text-align: justify;
}

/* Client Testimonials CSS */
#testimonial {
	text-align:justify;
}
#testimonial img {
	border:1px solid black;
	margin:0px 10px 10px 10px;
}
#testimonial .right {
	float:right;
	margin-right:0px !important;
}
#testimonial .left {
	float:left;
	margin-left:0px !important;
}
#testimonial .moreinfo {
	float:left;
	width:410px;
    vertical-align:text-top;
}
#testimonial .pdflink {
	font-weight:bold;
}
#testimonial .pdfimage {
	float: left;
	border:0px !important;
	margin: 0px 5px 0px 0px !important;
}
.article-item-50 {
	float: left;
	width: 380px;
	padding-left: 40px;
	vertical-align: top;
}
.float-none {
    float:none;
}

.testimonial-link {
	background: url('/images/article-icon.png');
	background-repeat: no-repeat;
	clear: both; 
	font: 10px arial, helvetica, sans-serif;
	font-style: italic;
	padding-left:35px;
	margin-bottom: 15px;
}

.testimonial-video-link {
    background: url('/images/article-video-icon.png');
    background-repeat: no-repeat;
    clear: both; 
    font: 10px arial, helvetica, sans-serif;
    font-style: italic;
    padding-left:35px;
    margin-bottom: 15px;
}

.testimonial-link-title {
	font: 14px Arial, arial, helvetica, sans-serif;
	font-weight:bold;
}
.testimonial-link-subtitle {
	font: 12px Arial, arial, helvetica, sans-serif;
    margin-bottom:2px;
}
#client-testimonials a {
	color: #000000 !important;
	background-color: #transparent !important;
	text-decoration: none;
}
#client-testimonials a:hover {
	color: #990000 !important;
	background-color: transparent !important;
	text-decoration: underline;
}


.noborder {
    border: 0px !important;
}
/* Header Icons */
.icon-client-testimonials {
    float: left;
    width: 55px;
    height: 40px;
    background: url('/images/icons/super-mono-sticker/64/users.png');
    background-repeat: no-repeat;
    background-position: -5px -15px;
}

.icon-events {
    float: left;
    width: 55px;
    height: 50px;
    background: url('/images/icons/super-mono-sticker/64/user-card.png');
    background-repeat: no-repeat;
    background-position: -5px -10px;
}

.icon-contact-us {
    float: left;
    width: 55px;
    height: 50px;
    background: url('/images/icons/super-mono-sticker/64/balloon.png');
    background-repeat: no-repeat;
    background-position: -5px -10px;
}

.icon-software-overview {
    float: left;
    width: 55px;
    height: 50px;
    background: url('/images/icons/super-mono-sticker/64/site-map.png');
    background-repeat: no-repeat;
    background-position: -5px -8px;
}

.icon-faq {
    float: left;
    width: 55px;
    height: 50px;
    background: url('/images/icons/super-mono-sticker/64/question-balloon.png');
    background-repeat: no-repeat;
    background-position: -5px -8px;
}

.icon-support {
    float: left;
    width: 55px;
    height: 50px;
    background: url('/images/icons/super-mono-sticker/64/user.png');
    background-repeat: no-repeat;
    background-position: -5px -10px;
}

.icon-notes {
    float: left;
    width: 55px;
    height: 50px;
    background: url('/images/icons/super-mono-sticker/64/document-edit.png');
    background-repeat: no-repeat;
    background-position: -5px -10px;
}

#contact-form .vfb-desc {
    width: 75px !important;
}

#contact-form .vfb-textarea,
#contact-form .vfb-text,
#contact-form .vfb-choice{
    width: 250px !important;
}

#contact-form .vfb-item-submit {
    margin-left: 90px;
}

#contact-form .vfb-submit {
    margin-left: auto;
    margin-right: auto;
    width: 250px;
}

/* Marathon Credit Card Integration Page */
#creditcard-header {
    background-image: url('/images/creditcard/header.jpg');
    background-repeat: no-repeat; 
    background-position: left top;
    height: 260px;
    color: #6597ca;
}
#creditcard-footer {
    background-image: url('/images/creditcard/footer.jpg');
    background-repeat: no-repeat; 
    background-position: left top;
    height: 233px;
    padding: 0px 20px 0px 20px;
}
#creditcard-content {
    background-color: #FFFFFF;
    font: 15px arial, helvetica, sans-serif;
    line-height: 1.5em;
}

#creditcard-videos {
    padding: 0px 0px 20px 20px;
    text-align: center;
    background-color: #cadcee;
    font: 15px arial, helvetica, sans-serif;
    line-height: 1.5em;
}

#creditcard-content .maincontent {
    padding-left: 20px;
    padding-right: 20px;
}
#creditcard-content .title {
    color: #508bc8;
    font-weight: bold;     
}

#creditcard-content .video {
    float: left;
    margin-right: 20px;
    font: 10px arial, helvetica, sans-serif;
}

#creditcard-content .video img {
    border: 1px solid #548fc9;    
}

#creditcard-content .subtitle {
    font-size: 0.8em;
    color: #508bc8;
    font-weight: bold;
    font-style: italic;
}
#creditcard-content .text1 {
    color: #000000;
    font: 35px Arial Black, arial, helvetica, sans-serif;
    font-weight: bold;
    padding-left: 315px;
    padding-top: 75px;
}
#creditcard-content .text2 {
    color: #508bc8;
    font: 25px arial, helvetica, sans-serif;
    margin-left: 315px;
    margin-right: 15px;
    font-weight: bold;
    padding-bottom: 2px;
    border-bottom: 4px solid black;
}
#creditcard-content .right {
    float:right;
    margin-left:20px !important;
}
#creditcard-content .left {
    float:left;
    margin-right:20px !important;
}
#creditcard-content .text3 {
    padding: 10px 0px 10px 0px;
    font: 22px arial, helvetica, sans-serif;
    font-weight: bold;
}

#survey-contest-2014 .text1 {
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
}

#survey-contest-2014 .text2 {
	color: #4182c3;
	font-size: 1.5em;
	line-height: 1.5em;
}

#survey-contest-2014 .text3 {
	color: #124b73;
	font-size: 2.5em;
	line-height: 2.5em;
}

#survey-contest-2014 .text4 {
	color: #4e799b;
	font-weight: bold;
	font-style: italic;
}

#survey-contest-2014 .bullets {
	font-size: 1.1em;
	line-height: 1.1em;
}

#survey-contest-2014 .bullets ul {
	margin-top: 0px !important;
}

#survey-contest-2014 .bullets li {
	margin-bottom: 5px;
}


/* CSS for usergroup pages*/
#usergroup {
    line-height: 2.1em;
}
#usergroup-blue-header {
    text-align: center;
    background: #4182c3;
    color: #fff;
    font-size: 30px;
    font-family: 'PT Sans', sans-serif, verdana, arial, helvetica;
    font-style: italic;
    line-height: 2.0em;
    margin-bottom: 40px;
}
#usergroup-darkblue-header {
    text-align: center;
    background: #092d4f;
    color: #fff;
    font-size: 60px;
    font-family: 'PT Sans', sans-serif, verdana, arial, helvetica;
    font-style: italic;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 40px;
}
#usergroup-ipad {
    margin-top: 40px;
    margin-bottom: 40px;
}
#usergroup-joinus,
.usergroup-joinus {
    color: #4182c3;
    font-size: 60px;
    font-family: 'PT Sans', sans-serif, verdana, arial, helvetica;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 40px;
    line-height: 1.0em;
}
#usergroup-opportunity,
.usergroup-opportunity {
    font-size: 25px;
    font-family: 'PT Sans', sans-serif, verdana, arial, helvetica;
    line-height: 1.5em;
    margin-top: 10px;
    margin-bottom: 30px;
}
#usergroup-opportunity2 {
    color: #4181c3;
}
#usergroup-monitor {
    margin-top: 40px;
    margin-bottom: 20px;
}
#usergroup-presentations,
.usergroup-presentations {
    font-size: 33px;
    font-family: 'PT Sans', sans-serif, verdana, arial, helvetica;
    font-style: italic;
}
.usergroup-blue {
    font-weight: bold;
    color: #4e799b;
}
.usergroup-blue2 {
    font-size: 20px;
    font-family: 'PT Sans', sans-serif, verdana, arial, helvetica;
    color: #4182c3;
}
.usergroup-list {
    font-size: 30px;
    font-family: 'PT Sans', sans-serif, verdana, arial, helvetica;
    padding-left: 30px;
}
.usergroup-form-header {
    color: #4182c3;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}
.usergroup-text1 {
    font-size: 25px;
    font-family: 'PT Sans', sans-serif, verdana, arial, helvetica;
    margin-bottom: 20px;
    line-height: 1.5em;
}
.usergroup-guest-speakers {
    color: #4182c3;
    font-size: 80px;
    font-family: 'PT Sans', sans-serif, verdana, arial, helvetica;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.0em;
}
.usergroup-missout {
    color: #4182c3;
    font-size: 70px;
    font-family: 'PT Sans', sans-serif, verdana, arial, helvetica;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.0em;
}

/* CSS used by TBE Mobile users guide */
#tbe-mobile-user-guide p {
    text-align: justify !important;
}
.center-text {
    text-align: center;
}
.center {
    margin-left: auto;
    margin-right: auto;
}
.bold {
    font-weight: bold;
}
.padding-left-5 {
    padding-left: 5px;
}
.screenshots {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.screenshots td{
    vertical-align: top;
}
.screenshots td:not(:first-child) {
    padding-left: 5px;
}
.screenshots td.caption {
    font-weight: bold;
    text-align: center;
}
.screenshots td img {
    max-width: 640px;
}


.blue-background {
    text-align: center;
    background: #4182c3;
    color: #fff;
    font-size: 25px;
    font-family: 'PT Sans', sans-serif, verdana, arial, helvetica;
    padding: 10px 0px;
    margin-bottom: 40px;
}