/* $Datawitness: default.css,v 1.11 2010/03/17 21:23:31 byronm Exp $ */
body {
    color:#111;
    background:url("../images/structure/gradient-top-blue-new.gif") top left repeat-x;
    background-color:#ffffff;
    min-width:900px;
    text-align:center;
}

p {
    font-size:78%;
    padding:0 0 5px 0;
    color:#434343;
    margin: 10px 0;
}

/* tables */
table {border-collapse:collapse;font-size:78%;width:100%;}
thead {background-color:#eee;padding-right:1em;text-align:left;border-bottom:1px solid #ccc;}
thead>tr>th {padding: 5px 0 5px 0;color:#222222;} 
th {font-size:110%;text-align:left;padding-right:1em;}
tbody>tr {border-bottom:1px solid #ccc;padding:0.1em 0.6em;}
tr.odd {background-color:#eee;}


/******************************************************************************/
/* Pricing */
/******************************************************************************/
table#plans {background: url("../images/structure/bg_content.jpg") 0 0 repeat-x;border: 1px solid #d4d4d4;border-collapse: separate;border-width: 1px 0 1px 1px;margin-bottom: 10px;width: 653px;}
#plans thead {background:none;}
#plans th, 
#plans td {border-left: 1px solid #fff;border-right: 1px solid #eee;text-align: left;width: 199px;}
#plans th{ padding: 15px 0 15px 15px;}
#plans .most_popular  {background-color: #D8E5F0;border-color: #b7c2cb;}
#plans th.most_popular h4 { color: #444;}
#plans th h4 {color: #646464;font-size: 20px;font-weight:700;line-height: 20px;margin-bottom: 0;text-align: left;text-shadow: #aaa -1px 2px 3px;}
table#plans h4 em { color: #6299c5; }
#plans .tagline {color: #646464;color: rgba(0, 0, 0, .6);font-family: "Cambria", "Georgia", "Times", "Times New Roman", serif;font-size: 13px;font-weight: normal;text-align: left;}
#plans th h5 {font-size: 18px;line-height: 20px;margin-bottom: 10px;text-align: left;}
#plans th h5 em {color: #888;font-family: "Cambria", Georgia, Times, 'Times New Roman', serif;font-size: 11px;font-weight: normal;line-height: 20px;vertical-align: top;}

#plans th .button {background-color:#ffee55;border:1px solid #888;color:#333333;font-weight:bold;padding:2px 40px;text-decoration:none;}
#plans th .button:hover,
#plans th .button:active {background-color:#ffdd44;}

#plans th.most_popular .button {background-color: #aab9e3;}
#plans th.most_popular .button:hover,
#plans th.most_popular .button:active {background-color:#7799e3;}

#plans td { padding: 0 0 20px 20px; }
#plans td.omega { border-right: 0 none; }

#plans td ul.special {margin:0;padding:0;list-style:none;font-size:120%;}
#plans td ul {margin:0;padding:0 0 0 16px;list-style:none;list-style-image:url("../images/structure/checkmark.gif");font-size:105%;}
#plans td li { color: #525252;}
#plans td strong {color: #646464;font-size: 150%;}

p.note {font-size:x-small;font-style:italic;}
#contact-sales {background:#ffffee;border:1px solid #ffffaa;margin:10px 0 15px 0;padding: 5px 0;font-size:110%;text-align:center;}
/******************************************************************************/
/* Testimonials */

dl.testimonial {border-top:1px dotted #bbb;margin-bottom:20px;}
dl.testimonial>dt {font-style: italic;}
dl.testimonial>dt p {margin-left:200px;}
dl.testimonial>dd p {
    text-align:right;
    font-weight:700;
}

.clear {clear:both;}

h1, h2, h3, h4, h5, h6 {
    font-weight:300;
    color:rgb(54,76,140);
}
h1 {
    padding:15px 0 0 0 ;
}
h6.small{
    font-size:xx-small;
    font-weight:300;
    color:#555555;
    text-transform:uppercase;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    color:#656565;
    font-weight:300;
    font-size:x-small;
    text-transform:uppercase;
    display:inline;
    vertical-align:middle;
    padding-left:2px;
}

fieldset {
    border:1px solid #ccc;
}
code {
    font-family:monospace;
    font-weight:300;
    font-size:90%;
    line-height:110%;
    padding:8px 10px;
    margin-top:5px;
    display:block;
    background-color:#ddd;
    border:1px solid #bbb;
    color:#000;
}
pre {
    font-family:monospace;
    font-weight:300;
    font-size:90%;
    line-height:110%;
    background-color:#c8e9ff;
    margin-top:5px;
    border:1px solid #8fc4e8;
    font-size:12px;
    padding:0.75em 0.5em;
}

.left {
    float:left;
    margin-right:5px;
    margin-bottom:5px;
}
.right {
    float:right;
    margin-left:5px;
    margin-bottom:5px;
}
#mission {
    font-size:70%;
}
/******* Links *******/
a:link, a:visited {color:#BB3333;}
a:hover {color:#BB3333;text-decoration:underline;}
a {text-decoration:none;}
a:link.blue,a:visited.blue {color:rgb(83,106,170);}
a:hover.blue {color:rgb(54,76,140);text-decoration:underline;}
a.blue {color:rgb(83,106,170);text-decoration:none;}

.top {
    margin:0;
    padding:0;
    font-size:x-small;
    float:right;
}

/* greentips */
a.greentip {
    position:relative;
    border-bottom:0px dashed #303F00;
    cursor:help;
    text-decoration:none;
    padding-right:11px;
    background:transparent url("../images/structure/pathtogreen_sm.gif") center right no-repeat;  
    color:rgb(17,141,55);
}

a:hover.greentip {
    position:relative;
}

a.greentip span {
    display:none;
}

a:hover.greentip span {
    font-weight: normal; 
    display:block; 
    position:absolute; 
    top:20px; 
    left:0; 
    min-width:250px; 
    min-height:70px; 
    border: 1px solid #ccc; 
    background:#f4f4f4 url("../images/structure/question.gif") no-repeat bottom right; 
    color:#000; 
    text-align:left; 
    font-size:95%; 
    padding-left:10px; 
    padding-top:10px;
}

.latest-news-link {
    margin-top:-20px;
    text-transform:none;
    display:block;
    float:right;
    font-size:66%;
}

/* wrappers */
#wrap {
    margin:0 auto;
    width:900px;
    text-align:left;
}

#masthead {
    min-height:108px;
}
#navigation {
    margin-top:10px;
    margin-right:0;
    margin-bottom:5px;
    margin-left:0;
    min-height:50px;
    background:inherit;
}

#footer{
    margin:15px 0;
    font-size:76%;
}

/* Menu system */
#menu {
    float:left;
    font-size:140%;
    font-weight:300;
    padding-top:5px;
    margin-left:40px;
}
#menu ul {
    margin:0;
    padding:0;
    list-style:none;
}
#menu li {
    display:inline;
    margin:0;
    padding:0;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/#menu a {float:none;}/* End IE5-Mac hack */
#menu a {
    float:left;
    margin:0;
    padding:0 25px 0 25px;
    text-decoration:none;
    text-transform: lowercase;
    color:rgb(24,46,110);
}

body#welcome a.active,
body#articles  a.active,
body#archive  a.active,
body#about a.active,
body#drafts a.active,
body#products a.active,
body#markets a.active,
body#pricing a.active,
body#resources a.active,
body#company a.active,
#menu a:hover {
    color:rgb(60,100,170);
    outline:0;
}

body#welcome a.active span,
body#articles a.active span,
body#archive a.active span,
body#about a.active span,
body#drafts a.active span,
body#products a.active span,
body#markets a.active span,
body#pricing a.active span,
body#resources a.active span,
body#company a.active span {
    color:rgb(60,100,170);
}

#menu li a span.dropdata {
    margin-top:1px;
    font-size:9px;
    text-transform:uppercase;
    display:block;
    color:#aaa;
    text-decoration:none;
}
#menu a:hover span.dropdata,
#menu a.active span.dropdata {
    text-decoration:none;
    color:#000;
}

/******* Package Decoration *******/
div#content-top {
    background:url("../images/structure/main-background-top.jpg") top left no-repeat;  
    min-height:420px;
    margin:0 auto;
}

div#content-middle {
    background:url("../images/structure/main-background-middle.jpg") top left repeat-y;
    width:900px;
}
div#content-bottom {
    background:url("../images/structure/main-background-bottom.jpg") bottom left no-repeat;
    height:12px;
    line-height:12px;
    left:0pt;
    width:900px;
}
.content{
    padding:0 15px 10px 15px;
}

#top-logo {
  /*background:url("../images/structure/top-logo.gif") top left no-repeat;*/
}

#logo img {
    margin-top:27px;
}

#logo a:hover, #logo a:active {
    outline:0;
}

#toplinks {
    float:right;
    margin-top:25px;
    font-size:76%;
    color:#fff;
}

#toplinks a {
    color:#fff;
}

#tlrequest, #tlemail, #tllogin {
    padding:5px 10px 5px 20px;
    vertical-align:bottom;
    line-height:22px;
}

#tlrequest {
    background:transparent url("../images/icons/toplink-demo.png") left center no-repeat;
}
#tlemail {
    background:transparent url("../images/icons/toplink-friend.png") left center no-repeat;
}
#tllogin {
    background:transparent url("../images/icons/toplink-login.png") left center no-repeat;
}

#phone {
    float:right;
    z-index:120;
    font-size:76%;
    color:#aaaaaa;
    text-transform:uppercase;
    margin:-20px 6px 0 0;
    vertical-align:bottom;
}

#phone span {
    font-family:georgia;
    font-size:160%;
    line-height:180%;
    color:#eeeeee;
    text-transform:uppercase;  
    padding-left:10px;
}

/* Homepage stuff */
/******************/
div.hr {
    height:5px;
    background:url("../images/structure/bar.gif") repeat-x center;
    margin:5px 0 5px 0;
}

div.hr hr {
    display:none;
}

.mainBullets li b {
    font-style:italic;
    font-size:100%;
}
/* Row One */
/******************/
#row-one-left {
    width:595px;
    float:left;
    margin-left:-1px;
    padding:5px 2px;
}

#row-one-right {
    width:200px;
    padding:5px 0px;
    margin-left:620px;
}

/* Row Two */
/******************/
#row-two-full {
    width:868px;
    margin:0 0 5px 0;
    clear:both;
    position: relative;
}
#row-two-full h2 {
    padding: 5px 0;
}

#row-two-full div.float {
    float:left;
    position: relative;
    margin:0 5px 0 0;
    padding:0;
    text-align:center;
}

#featuredOne {opacity:0.75;background:transparent url("../images/featured/aol.png") top left no-repeat;}
#featuredTwo {opacity:0.75;background:transparent url("../images/featured/royalLePage.png") top left no-repeat;}
#featuredThree {opacity:0.75;background:transparent url("../images/featured/alive.png") top left no-repeat;}
#featuredFour {opacity:0.75;background:transparent url("../images/featured/issbc.png") top left no-repeat;}
#featuredFive {opacity:0.75;background:transparent url("../images/featured/casablanca.png") top left no-repeat;}
#featuredSix {opacity:0.75;background:transparent url("../images/featured/secta.png") top left no-repeat;}
#featuredSeven {opacity:0.75;background:transparent url("../images/featured/sprott-shaw.png") top left no-repeat;}
#featuredEight {opacity:0.75;background:transparent url("../images/featured/ballenIsles.png") top left no-repeat;}
#featuredNine {opacity:0.75;background:transparent url("../images/featured/kodak.png") top left no-repeat;}
#featuredTen {opacity:0.75;background:transparent url("../images/featured/bconline.png") top left no-repeat;}
#featuredEleven {opacity:0.75;background:transparent url("../images/featured/mda.png") top left no-repeat;}
#featuredTwelve {opacity:0.75;background:transparent url("../images/featured/ontario.png") top left no-repeat;}


#featuredOne:hover,#featuredTwo:hover,#featuredThree:hover,#featuredFour:hover,
#featuredFive:hover,#featuredSix:hover,#featuredSeven:hover,#featuredEight:hover,
#featuredNine:hover,#featuredTen:hover,#featuredEleven:hover,#featuredTwelve:hover
{opacity:1.0;}

/* Row Three */
/******************/
#row-three-full {
    width:868px;
    margin:0;
    clear:both;
}

#row-three-full p {
    padding-top:5px;
    margin-bottom:5px;
    background-color: #DFECF9;
    border:1px solid #CCCCCC;
    text-align:center;
    font-size:90%;
}
#row-three-full a {
    font-size:150%;
    font-style:italic;
    text-decoration:underline;
}

/* Row Four */
/******************/
#row-four-full {
    width:868px;
    margin:20px 0 5px 0;
    clear:both;
}
#row-four-full h3 {
    font-weight:normal !important;
    color:rgb(0, 0, 0); 
    text-transform:lowercase;
}

#float-one {
    float:left;
    margin:2px 4px;
    padding:0;
    width:37%;
    min-width:37%;
    max-width:37%;
    min-height:130px;
    font-size:90%;
}

#float-two {
    float:left;
    margin:2px 4px;
    padding:0 3px;
    width:35%;
    min-width:35%;
    max-width:35%;
    min-height:130px;
    font-size:90%;
}
#float-one p,
#float-two p {
    padding-right:25px;
}

#float-three {
    float:left;
    margin:2px 4px;
    padding:0 3px;
    width:21%;
    min-width:21%;
    max-width:21%;
    min-height:130px;
    font-size:125%;
}

div#quote-top {
    background:url("../images/structure/grey-top.gif") top left no-repeat;  
    min-height:130px;
    margin:0 auto;
}

div#quote-middle {
    margin:13px 0 0 0;
    background:#fff url("../images/structure/grey-mid.gif") top left repeat-y;
    width:199px;
}
div#quote-bottom {
    background:#fff url("../images/structure/grey-bottom.gif") bottom left no-repeat;
    height:12px;
    line-height:12px;
    left:0;
    width:199px;
}

blockquote {
    padding: 0.6em;
    position: relative;
    text-indent: 1em;
    line-height:125%;
    font-size:small;
    font-style:italic;
    
}
.bqstart,
.bqend {
    font-family: "Trebuchet MS", Helvetica, Arial, san-serif;
    font-size: 175%;
    color:#a1a1a1;
    display:inline;
    margin:0;
    padding:0;
}

p.author {
    border-top:1px dotted #a1a1a1;
    padding:0;
    margin:15px 0 0 0;
    font-size:xx-small;
    text-align:left;
}
p.organization {
    text-align:left;
    padding:0;
    margin:-5px 0 0 0;
    font-size:xx-small;
}

/* Row Five */
/******************/
#row-five-full {
    width:894px;
    margin:25px 0 0 3px;
    min-height:140px;
    clear:both;
    background:#fff url("../images/structure/bottom-gradient.gif") top left repeat-x;
}

#row-five-full div.float-one {
    float:left;
    margin:5px;
    padding:0 10px;
    width:160px;
    min-width:160px;
    max-width:160px;
    min-height:130px;
    font-size:100%;
    background:transparent url("../images/structure/verticalBar.gif") top right repeat-y;
}

#row-five-full div.float-two {
    float:left;
    margin:5px;
    padding:0 10px;
    width:630px; /*580 w/ float 3 */
    min-width:630px;
    max-width:630px;
    min-height:130px;
    font-size:90%;
/*  background:transparent url("../images/structure/verticalBar.gif") top right repeat-y;*/
}

#row-five-full div.float-three {
    float:left;
    margin:5px;
    padding:0 10px;
    width:150px;
    min-width:150px;
    max-width:150px;
    min-height:130px;
    font-size:90%;
}

#row-five-full p {
    font-size:85%;  
    color:#545454;
}

/* Standard pages */
#stdpageleft {
    width:685px;
    float:left;
    margin-left:-1px;
    margin-bottom:20px;
    padding:0 5px 0 5px;
}

#stdpageright {
    width:200px;
    padding-top:1px;
    margin-left:690px;
}

div#stdpageSidebar h6 {
    font-size:80%;
    background-image:url("../images/structure/sidebar-title.png");
    background-repeat:repeat-x;
    color:#feffff;
    height:24px;
    max-height:24px;
    margin:0;
    padding-left:10px;
    text-transform:capitalize;
}

div#stdpageSidebar ul {
    font-size:76%;
    margin:0 0 0 5px;
    padding:0;
}

div#stdpageSidebar ul li {
    list-style:none;
    background:transparent url("../images/structure/more-bullet.png") left center no-repeat;
    vertical-align:middle;
}

div#stdpageSidebar ul li a {
    color:#777;
    padding:2px 0 0 15px;
    margin:0;
    display:block;
    text-align:left;
    text-decoration:none;
    border-bottom:1px solid #777777;
    outline:0;
}

div#stdpageSidebar ul li a.active,
div#stdpageSidebar ul li a:hover {
    color:#222;
    border-bottom:1px solid #777777;
    text-decoration:none;
    outline:0;
}
.content ul {
    margin:0;
    padding:0 0 0 20px;
    list-style:none;
    list-style-image:url("../images/structure/li_arrow.gif");
}
.content ol {
    margin:0;
    padding:0 0 0 20px;
}
.content li {
    margin:0;
    padding:0;
    font-size:80%;
    color:#656565;
}

ul.star, ol.star {
    margin:0;
    padding:0 0 0 20px;
    list-style:none;
    list-style-image:url("../images/structure/star.gif");
}
li.star {
    margin:0;
    padding:0;
    font-size:80%;
    color:#656565;
}


/* Digg style Pagination for articles, news, press etc... */
/* based on http://codeigniter.com/wiki/Digg_Style_Pagination_-_Non_evasive_aproach/ */
/*
<div class="pagination">
<?=$this->pagination->create_links();?>
</div> 
*/
div.pagination {
  font-size:88%;
  padding:3px 1px;
  margin:3px 1px;
}

div.pagination a {
  padding:3px 6px;
  margin:1px;
  border:1px solid #AAAAEE;
  text-decoration:none; /* no underline */
  color:rgb(60,100,170);
  outline:0;
}
div.pagination a:hover,
div.pagination a:active {
  border:1px solid #000099;
  outline:0;
  color:rgb(24,46,110);
}
div.pagination span.current {
  padding:3px 6px;
  margin:2px;
  border:1px solid rgb(60,100,170);
  background-color:rgb(60,100,170);
  color:#FFF;
  outline:0;
}
div.pagination span.disabled {
  padding:3px 6px;
  margin:2px;
  border:1px solid #EEE;
  color:#DDD;
}
/* Forms */
div.form {
    overflow: hidden;
    background-color: #fff;
    border: 0px solid rgb(83,106,170);
    margin: 5px 50px 0px 50px;
    width:540px;
}

div.form fieldset {
    background: #fefefe;
    border: none;
    font-size: 90%;
    padding: 10px 15px;
    margin: 1px;
}

div.form label {
    display: block;
    position: relative;
    color: #555555;
    font-size: 0.95em;
    letter-spacing: 1px;
    margin-top: 12px;
}

div.form label small {
    position: absolute;
    right: 0;
    color: #555555;
    font-size: 90%;
    text-transform: none;
    text-align: right;
    margin-left: 40%;
}

form label small a:hover {
    color: #ccc;
    border-color: #888; 
}

form label span {
    color: red;
    font-size:small;
}

div.form input[type="text"], div.form textarea {
    display: block;
    width: 100%;
    padding: 3px 0;
    border:1px solid #bbb;
}

div.form input[type="submit"]#submit {
    display: block;
    float: right;
    border:1px solid rgb(83,106,170);
}

div.form input.required,
div.form textarea.required {
    background-color:#ffffee;
}

div.success p {
    color: #2c421b;
    background-color: #8acd55;
    padding: 5px 15px;
    border-top: 1px solid #a9fa68;
    border-bottom: 1px solid #6fa444;
    margin: 1px !important;
}
div.error {margin:0 0 10px 0;}

div.error p {
    color: #5f311b;
    background-color: #fb834b;
    border-top: 1px solid #fcc8a4;
    border-bottom: 1px solid #ae5832;
    padding: 5px 15px;
    margin: 1px !important;
    font-size:120%;
}

div.form label.error{
    color: #b12123;
    font-weight: bold;
}

/******* Partners *******/
dl.partner {
    overflow: hidden;
    border-bottom:1px solid #e1e1e1;
    padding:10px 0px;
    margin:0 2em 2em 2em;
}

dl.partner dt {
    float: left;
    width:32%;
    color: #599777;
    vertical-align:top;
    clear:both;
}

dl.partner dd {
    margin-left:33%;
}

dl.partner p {
    margin:0;
    padding:0;
    display: inline;
}
.extLink {
    background:transparent url("../images/structure/extLink.png") left center no-repeat;  
    font-size:small;
    padding:0 0 0 15px;
}

#quickfact {
    padding:5px 10px;
    font-style:italic;
}

.sidebar_left {
    float:left;
    margin-right:5px;
    margin-bottom:1px;
}

#faq h5 {
    padding-bottom:0px;
    border-bottom:1px solid #aaa;
}

#faq p {
    padding-top:0px;
    margin-top:0px;
}

.emailPage {
    background:transparent url("../images/structure/extLink.png") left center no-repeat;  
    padding:0 0 0 15px;
    font-size:small;
    float:right;
}
.editLink {
    margin-top:15px;
    padding:0;
    display:inline;
    font-size:small;
    float:right;
}

ul.menu {
    list-style: none;
    border: none;
    text-align:left;
}
ul.menu li {
    margin: 0 0 0 0.5em;
}
li.expanded {
    list-style-type: circle;
    list-style-image: url("../images/structure/menu-expanded.png");
    padding: 0.2em 0.5em 0 0;
    margin: 0;
}
li.collapsed {
    list-style-type: disc;
    list-style-image: url("../images/structure/menu-collapsed.png");
    padding: 0.2em 0.5em 0 0;
    margin: 0;
}
li.leaf {
    list-style-type: square;
    list-style-image: url("../images/structure/menu-leaf.png");
    padding: 0.2em 0.5em 0 0;
    margin: 0;
}

/* Pricing table */