/* 
=====
(c) 2010 TranzAct Technologies

theme: Transit 2012
version: 2012-12-21

=====
*/
/* === linking ====== */
a{ color:#06396f; text-decoration:underline; outline:none; }
a:hover, a:active{ color:#2782e2; text-decoration:none; }
a.read-more, a.previous{ font-style:italic; }

/* === headings ====== */
h1{ color:#06396F; font-size:1.6em; letter-spacing:normal; font-weight:normal; line-height:normal;
	margin:0 0 24px; padding:0;
}
h1 span.subhead{ display:block; font-style:italic; font-size:12px; font-style:italic; color:#333; }

h2{ color:#333; font-size:1.2em; letter-spacing:normal;
  text-transform:none;
  margin:0 0 18px; padding:0;
}
h2.alt{ font-size:1.2em; line-height:normal; color:#999; font-weight:normal; letter-spacing:normal; margin:12px 0; }

h3{ color:#06396f; font-size:15px; margin:0 0 8px; }
h3 a{ color:#06396f; }
h3 a:hover{ color:#2782e2; }


/* === tt-top ====== */
div#tt-top p.breadcrumb{ color:#999; font-size:14.4px; letter-spacing:normal; font-weight:normal;
	margin:12px 0 0 345px; padding:0;
}
div#tt-top p.breadcrumb a{ color:#4077B0; text-decoration:none; outline:none; }
div#tt-top p.breadcrumb a:hover{ color:#2782e2; text-decoration:underline; }

div#tt-top h1,
div#tt-top p.title{ color:#333; font-size:1.6em; letter-spacing:normal; font-weight:normal; line-height:normal;
	margin:0 0 0 345px; padding:0;
}
div#tt-top h1 a,
div#tt-top p.title a{ text-decoration:none; }

div#tt-top h1.hide{ margin-left:-9999px; }
div#tt-top h2,
div#tt-top p.subtitle{ color:#333; font-size:1.1em; letter-spacing:normal; font-weight:normal; line-height:normal;
	margin:0 60px 0 345px; padding:0;
}
div#tt-top p.tagline{ color:#06396F; font-size:20px; line-height:1.4em; font-weight:normal; margin-left:345px; font-style:italic; }



.about-tranzact div#tt-top{ background:url(img/top-about.jpg) top left no-repeat #fff; }
.solutions div#tt-top{ background:url(img/top-solutions.jpg) top left no-repeat #fff; }
.tranzact-clients div#tt-top{ background:url(img/top-clients.jpg) top left no-repeat #fff; }
.resources div#tt-top{ background:url(img/top-resources.jpg) top left no-repeat #fff; }
.carriers div#tt-top{ background:url(img/top-carriers.jpg) top left no-repeat #fff; }
.tech-starrate div#tt-top{ background:url(img/logo_starrate.png) 30px 10px no-repeat #fff; }
.tech-starrate div#tt-top{ background:url(img/logo_starrate.png) 30px 10px no-repeat #fff; }
.tech-stardoc div#tt-top{ background:url(img/logo_stardoc.png) 30px 10px no-repeat #fff; }
.tech-starview div#tt-top{ background:url(img/logo_starview.png) 30px 10px no-repeat #fff; }
.tech-starpay div#tt-top{ background:url(img/logo_starpay.png) 30px 10px no-repeat #fff; }
.tech-starlite div#tt-top{ background:url(img/logo_starlite.png) 30px 10px no-repeat #fff; }
.tech-starbrite div#tt-top{ background:url(img/logo_starbrite.png) 30px 10px no-repeat #fff; }


/* === general ====== */
.wrap{ margin:0 0 24px; overflow:auto; }
.wrap p:last-child{ margin-bottom:0; }
.wrap.alt{ border-bottom:1px dotted #666; padding-bottom:12px; }
.wrap.alt:last-child{ border-bottom:none; margin-bottom:0; }
.wrap.alt:last-child p:last-child{ margin-bottom:0; padding-bottom:0; }
.comment{ font-size:11px; color:#666; margin:0 0 16px; }
.small{ font-size:11px; font-weight:normal; }
.center{ text-align:center; }
.hide{ margin-left:-9999px; }
.content-hide{ display:none; }
.content-show{ display:block; }

p.episode{ font-size:11px; font-weight:normal; color:#999; text-align:leftt; margin:0 0 24px; }

p.read-more{ text-align:right; }
p.read-more a{ font-style:italic; font-weight:normal; }
p.intro{ color:#333; font-size:17px; font-weight:normal; }
p.tagline{ color:#06396F; font-size:20px; line-height:1.4em; font-weight:normal; }

p.subtitle{ color:#333; font-size:1.2em; letter-spacing:normal;
  text-transform:none;
  margin:6px 0; padding:0;
}
p.by-line{ color:#666; font-size:11px; margin: 0 0 32px; }

ol.alt{ color:#06396F; font-size:16px; font-weight:bold; }
ol.alt li p{ color:#06396F; font-size:13px; font-weight:normal; }

p.prev{ font-size:12px; line-height:normal; font-style:italic; margin-bottom:36px; }
p.prev a{ text-decoration:none; }

p.date{ font-style:italic; color:#666; font-size:10px; margin:0 0 6px; }
span.date{ font-style:italic; color:#666; font-size:10px; }

p.notice{ color:#e39b00; text-transform:uppercase; font-size:12px; margin-bottom:6px; }
p.instructions{ color:#06396F; font-weight:bold; }

p.by-line{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:normal; font-size:.9em; }
span.press-release{ text-transform:uppercase; font-weight:normal; font-size:0.8em; }

img.image-align-right, img.img-align-right{ display:block; float:right; margin:0 0 10px 10px; padding:0; }
img.image-align-left, img.img-align-left{ display:block; float:left; margin:0 10px 0 0; }
img.img-align-center{ display:block;  margin:0 auto; }

blockquote{  font-style:italic; color:#000; margin:0 36px 1.5em; }


/* === article-right ====== */
/* === left column ====== */
#tt-left .wrap{ margin:0 0 24px; padding:0; }
#tt-left .wrap.alt{ border-bottom-color:#05376C; margin-right:18px; margin-left:18px; }
#tt-left .wrap.alt:last-child{ border-bottom:none; }

#tt-left p{ color:#05376C; margin:0 20px 20px; }
#tt-left h3, #tt-left h4{ color:#333; margin:0 20px 12px; }

#tt-left p.quote{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.2em; margin:0 16px 24px; }
#tt-left p.quote-heading{ font-weight:bold; margin:0 16px 8px; }
#tt-left p.quote-by{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:normal; text-align:right; font-size:.9em; margin:0 16px 18px; }

#tt-left p.call-to-action{ font-size:1.3em; font-weight:bold; font-style:italic; text-align:center; margin:0 0 24px; }

#tt-left-in a{ color:#05376C; text-decoration:none; }
#tt-left-in a.button{ color:#fff; }
#tt-left-in a:hover, #tt-left a:active{ color:#2782e2; text-decoration:none; }
#tt-left-in a.button:hover, #tt-left a.button:active{ color:#fff; }

/* === article columns ====== */
div.col-wrap{ position:relative; overflow:auto; }
div.col-1of2{ width:45%; float:left;  }
div.col-2of2{ width:45%; float:right; }

/*
.w950 .article-right div.col-1of2{ width:250px; float:left; margin-right:48px; }
.w950 .article-right div.col-2of2{ width:250px; float:left; }

.w950 .article-wide div.col-1of2{ width:380px; float:left; margin-right:45px; }
.w950 .article-wide div.col-2of2{ width:380px; float:left; }
*/


/* === divider ====== */
hr{
  display:block; height:1px;
  border-top:0; border-right:0; border-bottom:1px solid #999; border-left:0; line-height:0; 
  margin:1em 0; padding:0;
}
hr.alt{
  display:block; height:1px;
  border-top:0; border-right:0; border-bottom:2px dotted #999; border-left:0; line-height:0; 
  margin:1em 0; padding:0;
}
div.divider{ position:relative; height:1px; width:100%; border-bottom: 1px dotted #999; margin:1em 0; padding:0; }


/* === tables ====== */
table{ border-collapse:collapse; border-spacing:0; }
table.tbl{ border:1px solid #333; width:100%; background:#fff; margin:10px auto; }
table.tbl th{ font-size:11px; font-weight:bold; line-height:1.2em; background:#ccc; border-bottom:1px solid #aaa; text-align:center; padding:3px; }
table.tbl th.alt{ background:#ebebeb; color:#333; padding:2px; margin:0; }
table.tbl td{ font-size:11px; text-align:center; border-bottom:1px solid #aaa; margin:0 1px; padding:3px 7px; }
table.news-summary td.col-2{ text-align:left; }
table.tbl td p{ padding:0; margin:0; }
table.tbl tr.last td{ border-bottom:none; }
table.tbl tr.total{ font-weight:bold; border-top:1px solid #333; }
table.tbl th.empty, table.tbl td.empty{ background:none; }
table.tbl .comment{ font-size:10px; color:#05376C; font-weight:normal; }
table.tbl .border-right{ border-right:1px solid #333; }


/* --- table --- */
table.article{ border-collapse:collapse; margin:1.5em 0; }
table.article tr{  }
table.article tr.total td{ font-weight:bold; }
table.article th{ 
  font-weight:bold; background:#f3f3f3; text-align:center; font-size:12px;
  line-height:normal;
  border:1px solid #ccc; padding:6px 12px; }
table.article th.alt{ background:#fff; text-align:left; }
table.article td{ font-size:12px; text-align:center; line-height:normal; border:1px solid #ccc; padding:4px 12px; }
table.article td.col-1{ width:225px; text-align:left; /*border-left:none;*/ }
table.article td.col-2{  }
table.article td.col-3{  }
table.article td.col-4{  }


/* --- pdf linking --- */
p.pdf, h2.pdf, h3.pdf, h4.pdf{
	background:url("img/link_pdf.png") no-repeat scroll 0 2px transparent!important;
	padding-left:16px!important;
}
a.pdf{
	background:url("img/link_pdf.png") no-repeat scroll right center transparent!important;
    padding-right:16px!important;
}
span.pdf{ font-size:11px;
	background:url("img/link_pdf.png") no-repeat scroll right center transparent!important;
    padding-right:16px!important;
}
p.pdf:hover, a.pdf:hover { text-decoration:none; }
p.pdf span{ text-transform:uppercase; }

/* --- external linking --- */
p.external, h2.external, h3.external, h4.external{
	background:url("img/link_external.png") no-repeat scroll 0 2px transparent!important;
	padding-left:16px!important;
}
a.external, span.external{
	background:url("img/link_external.png") no-repeat scroll right center transparent!important;
    padding-right:16px!important;
}
a.external:hover{ background:url("img/link_external_hover.png") no-repeat scroll right center transparent!important; }

/* --- internal linking --- */
p.internal, h2.internal, h3.internal, h4.internal{
	background:url("img/link_internal.png") no-repeat scroll 0 2px transparent!important;
	padding-left:16px!important;
}
a.internal, span.internal{
	background:url("img/link_internal.png") no-repeat scroll right center transparent!important;
    padding-right:16px!important;
}
a.internal:hover{ background:url("img/link_internal_hover.png") no-repeat scroll right center transparent!important; }

/* --- excel spreadsheet linking --- */
p.xls{
	background:url("img/link_xls.png") no-repeat scroll 0 2px transparent!important;
    padding-left:16px!important;
}
a.xls, span.xls{
	background:url("img/link_xls.png") no-repeat scroll right center transparent!important;
    padding-right:16px!important;
}

/* --- word doc linking --- */
p.doc{
	background:url("img/link_doc.png") no-repeat scroll 0 2px transparent!important;
    padding-left:16px!important;
}
a.doc, span.doc{
	background:url("img/link_doc.png") no-repeat scroll right center transparent!important;
    padding-right:16px!important;
}

/* --- powerpoint linking --- */
p.pptx{
	background:url("img/link_pptx.png") no-repeat scroll 0 2px transparent!important;
    padding-left:16px!important;
}
a.pptx, span.pptx{
	background:url("img/link_pptx.png") no-repeat scroll right center transparent!important;
    padding-right:16px!important;
}

/* --- download linking --- */
a.dl, span.dl{
	background:url("img/link_download.png") no-repeat scroll right center transparent!important;
    padding-right:20px!important;
}

/* === forms ====== */
textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; }

div.form-wrap{ overflow:auto; width:545px; margin:0 0 24px;  }
div.form-col1of1{ width:560px; }
div.form-col1of2{ float:left; width:265px; }
div.form-col2of2{ float:right; width:265px; }

div.form-item{ position:relative; display:block; overflow:auto; margin:0 0 18px; }
div.form-item-l{ position:relative; display:block; width:100px; float:left; }
div.form-item-f{ position:relative; display:block; width:160px; float:left; margin:0; }
div.form-item-f input[type=text]{ width:150px; }
div.form-item-m{/* message container */ position:relative; display:block; clear:both; }

div.shippershield div.form-item{ width:410px; }

/* -- get results form -- */
div.getresults div.form-item.cb { height:24px; margin-bottom:8px; }
div.getresults div.form-item.cb div.form-item-l{ position:relative; display:block; float:left; width:480px; }
div.getresults div.form-item.cb div.form-item-f{ position:relative; display:block; float:left; width:20px; margin-top:3px; }

/* -- mtc feedback form -- */
div.mtcfeedback div.form-item-l{ width:110px; float:left; clear:right; }
div.mtcfeedback div.form-item-f{ width:420px; }
div.mtcfeedback div.form-item-f input[type=text]{ width:200px; float:left;}
div.mtcfeedback div.form-item.wide div.form-item-l{ width:100%; }
div.mtcfeedback div.form-item.wide div.form-item-f{ width:100%; }
div.mtcfeedback div.form-item.wide div.form-item-f textarea{ width:430px; }

/* -- attest -- */
div.mtcfeedback.attest div.form-item{ width:170px; float:left; clear:right; margin-right:10px; }
div.mtcfeedback.attest div.form-item-l{ width:150px; }
div.mtcfeedback.attest div.form-item-f{ width:150px; float:none; }
div.mtcfeedback.attest div.form-item-f input[type=checkbox]{ margin:0 0 10px;}
div.mtcfeedback.attest div.form-item-f label{ margin:0 10px 10px;}
div.mtcfeedback.attest div.form-item-l img{ border:1px solid #666; }

/* -- about savings -- */
div.form-wrap.about-savings{ width:540px; }
div.about-savings div.form-item div.form-item-l{ position:relative; display:block; width:120px; }
div.about-savings div.form-item.radio div.form-item-l{ position:relative; display:block; width:290px; }
div.about-savings div.form-item div.form-item-f{ position:relative; display:block; width:240px; float:left; margin-top:3px; }
div.about-savings div.form-item div.form-item-f input[type=text]{ float:left; width:230px; }
div.about-savings div.form-item.radio div.form-item-f{ width:360px; }
div.about-savings div.form-item.dd div.form-item-f select{ width:360px; }

/* -- shipper shield -- */
div.form-wrap.shipper-shield{ width:360px; }
div.shipper-shield div.form-item div.form-item-l{ position:relative; display:block; width:120px; }
div.shipper-shield div.form-item.textareaOpenNotes div.form-item-l{ width:auto; }
div.shipper-shield div.form-item div.form-item-f{ position:relative; display:block; width:240px; float:left; margin-top:3px; }
div.shipper-shield div.form-item div.form-item-f input[type=text]{ float:left; width:230px; }
div.shipper-shield div.form-item div.form-item-f textarea{ width:350px; height:150px; }

/* -- quick quoteform -- */
/* col 1 */
div.tlquote div.form-col1of2{ width:240px; }
div.tlquote div.form-col1of2 div.form-item-l{ width:70px; }
div.tlquote div.form-col1of2 div.form-item-f{ width:155px; }
div.tlquote div.form-col1of2 div.form-item-f input{width:150px;}

/* col 2 */
div.tlquote div.form-col2of2 { position:relative; display:block; width:260px; }
div.tlquote div.form-col2of2 div.form-item-l{ position:relative; display:block; width:100px; }
div.tlquote div.form-col2of2 div.form-item-f{ position:relative; display:block; margin-top:3px; }
div.tlquote div.form-col2of2 div.form-item-f input{ width:150px; }

label.error{ color:red; }
input.error, select.error{ background:#FF9; }

.panel{ border: 1px solid #AAA; background:#EFEFEF; padding:12px; }

.panel.alt{ border:1px solid #376da4; background:#6da2d8; border-radius:6px; padding:16px; }
.panel.alt p{ color:#fff; } 
.panel.alt img{ margin-bottom:9px; } 
.panel.alt h2{ color:#fff; font-size:1.3em; } 
.panel.alt h2 a{ color:#fff; }
.panel.alt h2 a:hover{ color:#2782e2; }