/*<agl.folder "---accordian-styles-i2">*/
  a.i2mainstate {
    color: #696969;
    font-weight: normal !important;
    background-color: #e2e2e2;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    margin: 0;
    padding: 4px 8px;
    border: solid 1px #ccc;
    }
  a.i2mainstate:visited {
    color: #696969;
    font-weight: normal !important;
    background-color: #e2e2e2;
    text-decoration: none;
    border-color: #ccc;
    }
  a.i2mainstate:hover {
    color: #fff;
    font-weight: normal !important;
    background-color: #00b3e7;
    text-decoration: none;
    border-color: #00b3e7;
    }
  a.i2mainstate:active {
    color: #fff;
    font-weight: normal !important;
    background-color: #00b3e7;
    text-decoration: none;
    border-color: #00b3e7;
    }
  a.i2openmainstate {
    color: #fff !important;
    font-weight: normal !important;
    text-decoration: none !important;
    background-color: #1177c9 !important;
    border: solid 1px #1177c9 !important;
    }
  .i2openstate {
    color: #000;
    width: auto;
    margin: auto;
    padding: 18px !important;
    border: solid 1px #1177c9 !important;
    }
/*</agl.folder>*/
/*<agl.folder "---accordian-styles-media">*/
  a.vmainstate {
    color: #696969;
    font-weight: normal !important;
    background-color: #e2e2e2;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    margin: 0;
    padding: 4px 8px;
    border: solid 1px #ccc;
    }
  a.vmainstate:visited {
    color: #696969;
    font-weight: normal !important;
    background-color: #e2e2e2;
    text-decoration: none;
    border-color: #ccc;
    }
  a.vmainstate:hover {
    color: #fff;
    font-weight: normal !important;
    background-color: #00b3e7;
    text-decoration: none;
    border-color: #00b3e7;
    }
  a.vmainstate:active {
    color: #fff;
    font-weight: normal !important;
    background-color: #00b3e7;
    text-decoration: none;
    border-color: #00b3e7;
    }
  a.vopenmainstate {
    color: #fff !important;
    font-weight: normal !important;
    text-decoration: none !important;
    background-color: #1177c9 !important;
    border: solid 1px #1177c9 !important;
    }
  .vopenstate {
    color: #000;
    width: auto;
    margin: auto;
    padding: 18px !important;
    border: solid 1px #1177c9 !important;
    }
/*</agl.folder>*/
/*<agl.folder "---accordian-styles-tabs">*/
 div.mainstatewrapper {
  font-size: 1em;
  line-height: 140%;
  text-align: left;
  width: auto;
  margin: 8px auto auto;
  padding: 0;
  border-bottom: 1px solid #ccc;
  display: block;
  }
  .latestinfo {
  color: #fff !important;
  background-color: #970d17 !important;
 }
  .mainstate { /*header of 1st demo*/
color: #696969;
  font-weight: normal;
  font-style: normal;
  background-color: #e2e2e2;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  margin: 0 3px 0 0;
  padding: 4px 8px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom-style: none;
  border-bottom-width: 0;
  display: inline-table;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  }
  .mainstate:visited {
  color: #696969;
  font-weight: normal;
  font-style: normal;
  background-color: #e2e2e2;
  text-decoration: none;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom-style: none;
  border-bottom-width: 0;
  }
  .mainstate:hover {
  color: #fff;
  font-weight: normal;
  font-style: normal;
  background-color: #00b3e7;
  text-decoration: none;
  border-top: 1px solid #00b3e7;
  border-right: 1px solid #00b3e7;
  border-left: 1px solid #00b3e7;
  border-bottom-style: none;
  border-bottom-width: 0;
  }
  .mainstate:active {
  color: #fff;
  font-weight: normal;
  font-style: normal;
  background-color: #00b3e7;
  text-decoration: none;
  border-top: 1px solid #00b3e7;
  border-right: 1px solid #00b3e7;
  border-left: 1px solid #00b3e7;
  border-bottom-style: none;
  border-bottom-width: 0;
  }
  .openmainstate {
  color: #fff !important;
  background-color: #1177c9 !important;
  text-decoration: none !important;
  border-top: 1px solid #1177c9;
  border-right: 1px solid #1177c9;
  border-left: 1px solid #1177c9;
  border-bottom-style: none;
  border-bottom-width: 0;
  }
  .openstate /*   class added to contents of 1st demo when they are open   */ {
  color: #000;
  font-size: 1.1em;
  line-height: 140%;
  width: auto;
  margin: auto;
  padding: 18px 0 10px;
  }
/*</agl.folder>*/
/*<agl.folder "-a-">*/
 a, a:visited {
  color: #03c;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer !important;
  }
 a.brlinks, a.brlinks:visited {
  color: #fff !important;
  text-decoration: none !important;
  }
 a.brlinks:hover, a.brlinks:active {
  color: #fff !important;
  text-decoration: none !important;
  }
 a.playvideo {
  color: #00b5f5;
  font-weight: bold;
  background-color: #fff;
  text-decoration: none;
  text-align: center;
  width: auto;
  margin: 0 !important;
  padding: 2px 4px !important;
  border: solid 1px #00b5f5 !important;
  display: inline-table !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  }
 a.playvideo:visited {
  color: #00b5f5;
  text-decoration: none;
  background-color: #fff;
  border-color: #00b5f5 !important;
  border-style: solid;
  border-width: 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  }
 a.playvideo:hover {
  color: #fff;
  background-color: #00b5f5;
  text-decoration: none;
  border: solid 1px #00b5f5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  }
 a.playvideo:active {
  color: #fff;
  text-decoration: none;
  background-color: #00b5f5;
  border: solid 1px #00b5f5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  }
 a:hover, a:active {
  color: #4169e1;
  font-weight: bold;
  text-decoration: underline;
  }
/*</agl.folder>*/
/*<agl.folder "-browsers-">*/
 * html .clear {
  height: 1px;
  }
 * html .resourceslist a {
  height: 1px;
  }
 .clear {
  min-height: 1px;
  }
 .clear:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
  }
/*</agl.folder>*/
/*<agl.folder "-global-">*/
 * {
  margin: 0;
  padding: 0;
  }
 body {
  color: #000;
  font-size: 62.5%;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  line-height: 140%;
  background-color: #fff;
  text-align: left;
  }
 h1 {
  font-size: 1.6em;
  line-height: 140%;
  padding-bottom: 10px;
  }
 h2 {
  font-size: 1.4em;
  line-height: 140%;
  padding-bottom: 10px;
  }
  h3 {
  font-size: 1.2em;
  line-height: 140%;
  padding-bottom: 10px;
  }

  img {
  vertical-align: middle;
  border-style: none;
  border-width: 0;
  }
 img.adjust {
  padding-right: 4px !important;
  padding-bottom: 4px !important;
  }
 img.fltr {
  float: right !important;
  margin: 0 0 18px 18px !important;
  padding: 0 !important;
 }
 img.icon {
  vertical-align: middle;
  padding-right: 4px !important;
  padding-bottom: 5px !important;
  border-style: none;
  border-width: 0;
  }
 p {
  padding-bottom: 10px;
  }
 .ctr {
  text-align: center !important;
    }
/*</agl.folder>*/
/*<agl.folder "-structure-">*/
 #content {
  text-align: left;
  width: 910px;
  margin: 24px 0 0 18px !important;
  padding: 0;
  display: block;
  }
 #footer {
  font-size: 1em;
  line-height: 140%;
  background-image: none;
  text-align: left;
  width: auto;
  clear: both !important;
  margin: 12px auto 32px;
  padding: 12px 0;
  border-top: 1px solid #ccc;
  display: block;
  }
 #footer img.spacer3 {
  margin: 0 !important;
  padding: 0 8px 0 0 !important;
  }
 .pullquoteFltr {
  color: #06c;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 150%;
  text-align: center;
  width: 250px;
  float: right;
  margin: 0 0 18px 18px;
  padding: 0;
  display: block;
 }

/*</agl.folder>*/
/*<agl.folder "-text-">*/
  span.new {
  color: #fff !important;
  font-weight: bold !important;
  background-color: #970d17 !important;
  margin: 0 4px 0 0 !important;
  padding: 1px 4px !important;
 }
  .bold {
  font-weight: bold !important;
  }
  .grey {
    color: #6d6d6d !important;
    
  }
 .grey_sm {
  color: #6d6d6d !important;
  font-size: 0.9em;
 }

 .red {
    color: #b22222 !important;
    
  }
 .redbold {
    color: #b22222 !important;
    font-weight: bold !important;
  }
 .redsm {
  color: #b22222 !important;
  font-size: 0.9em !important; }

/*</agl.folder>*/
/*<agl.folder "-tinybox-">*/
 .button {
  font:14px Georgia, Verdana;
  margin-bottom:10px;
  padding:8px 10px 9px;
  border:solid 1px #ccc;
  background:#eee;
  cursor:pointer
 
  }
 .button:hover {
  border:solid 1px #bbb;
  background:#e3e3e3
  
  }
 #tinybox {
  background-color: #fff;
  background-image: url(../images/tinybox_images/preload.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position:absolute;
  display:none;
  padding:0;
  border:solid 10px #00b3e7;
  z-index:500 ;
  overflow: auto;
  margin: 0;
  }
 #tinycontent {
  background: #fff;
  }
 #tinymask {
  background: #fff;
  position:absolute;
  display:none;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  z-index:300
  
  }
/*</agl.folder>*/









/*<agl.folder "banners">*/
 .quizwrap {
  font-size: 1.1em;
  line-height: 145%;
  background: url(../images/icon_images/Pencil.png) no-repeat left top;
  width: auto;
  margin: 12px 0 0 !important;
  padding: 0 50px 12px 20px !important;
  }
 .std_ban {
  color: #696969;
  background-color: #fff;
  background-image: url(../images/resources_images/std_ban-bkg.gif);
  background-repeat: repeat-y;
  background-position: left top;
  width: auto;
  margin: 0 0 10px;
  padding: 4px 8px;
  display: block;
  }
 .std_ban_alt {
  color: #696969;
  background-color: #fff;
  background-image: url(../images/resources_images/std_ban-bkg.gif);
  background-repeat: repeat-y;
  background-position: left top;
  margin: 0 0 8px;
  padding: 4px 8px;
  width: auto;
  display: block;
  }
/*</agl.folder>*/
/*<agl.folder "box">*/
 div.std_box_ctr {
  text-align: center;
  width: auto;
  margin: 0 0 10px;
  padding: 12px;
  border: solid 1px #ccc;
  display: block;
   }

 div.std_box_ctr p {
  margin: 0 !important;
  padding: 4px 0 0 !important;  }

/*</agl.folder>*/
/*<agl.folder "columns">*/
 .columnholder {
  width: 1024px;
  display: block;
  }
 .fourcolumn-four {
  text-align: left;
  display: block;
  width: 24%;
  float: right;
  vertical-align: top;
  margin: 0;
  padding: 0;
  }
 .fourcolumn-one {
  text-align: left;
  display: block;
  width: 23%;
  float: left;
  vertical-align: top;
  margin: 0;
  padding: 0 2% 0 0;
  }
 .fourcolumn-three {
  text-align: left;
  display: block;
  width: 24%;
  float: left;
  vertical-align: top;
  margin: 0;
  padding: 0;
  }
 .fourcolumn-two {
  text-align: left;
  display: block;
  width: 23%;
  float: left;
  vertical-align: top;
  margin: 0;
  padding: 0 2% 0 0;
  }
 .threecolumn-l {
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  text-align: left;
  width: 31%;
  float: left;
  vertical-align: top;
  margin: 0;
  padding: 0;
  display: block;
  }
 .threecolumn-m {
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  text-align: left;
  width: 30%;
  float: left;
  vertical-align: top;
  margin: 0;
  padding: 0 0 0 3%;
  display: block;
  }
 .threecolumn-r {
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  text-align: left;
  width: 33%;
  float: right;
  vertical-align: top;
  margin: 0;
  padding: 0;
  display: block;
  }
 .twocolumn-l {
  text-align: left;
  vertical-align: top;
  width: 48.5%;
  float: left;
  margin: 0;
  padding: 0;
  display: block;
  }
 .twocolumn-r {
  text-align: left;
  display: block;
  margin: 0;
  padding: 0;
  width: 48.5%;
  float: right;
  vertical-align: top;
  }
 #resourceswrapper /*   wrapper for include file   */ {
  text-align: left;
  width: auto;
  display: block;
  }
/*</agl.folder>*/
/*<agl.folder "legend">*/
 div.resourcelegend {
  color: #000;
  text-align: left;
  display: block;
  margin: 18px 0 0;
  padding: 0;
  width: auto;
  }
 div.resourcelegend img {
  padding: 0 4px 4px 8px !important;
  
  
 
 }

/*</agl.folder>*/
/*<agl.folder "lists">*/
 ul.benefitslist {
  margin: 0 0 10px;
  padding: 0;
  }
 ul.benefitslist li {
  background: url(../images/misc_images/blue.gif) no-repeat 2px 3px;
  text-align: left;
  text-transform: none;
  white-space: normal;
  list-style-type: none;
  display: list-item;
  margin: 0;
  padding: 0 0 5px 14px;
  }
 ul.benefitslist li.noimage {
  background-image: none !important;
  list-style-image: none !important;
  }
 ul.benefitslist ul {
  margin: 6px 0;
  padding: 0;
  }
 ul.benefitslist ul li {
  background-image: none;
  margin: 0 0 0 40px;
  padding: 0 0 6px;
  list-style-type: disc;
  list-style-position: outside;
  }
 ul.resourceslist {
  margin: 0 0 10px;
  padding: 0;
  border-top: 1px dotted #ccc;
  }
  ul.resourceslist li {
  text-align: left;
  text-transform: none;
  list-style-type: none;
  list-style-position: outside;
  display: list-item;
  margin: 0;
  padding: 0;
  border-bottom: 1px dotted #ccc;
  }
  ul.resourceslist li a {
  color: #000;
  font-weight: normal;
  font-style: normal;
  background-image: url(../images/list_images/list-arrow.gif);
  background-repeat: no-repeat;
  background-position: 6px 9px;
  text-decoration: none;
  padding: 4px 0 4px 14px;
  display: block;
  }
  ul.resourceslist li a:visited {
  color: #000;
  font-style: normal;
  font-weight: normal;
  background-image: url(../images/list_images/list-arrow.gif);
  background-repeat: no-repeat;
  background-position: 6px 9px;
  text-decoration: none;
  }
  ul.resourceslist li a:hover {
  color: #4169e1;
  text-decoration: none;
  background-color: #f5f5f5;
  background-image: url(../images/list_images/list-arrow-over.gif);
  background-repeat: no-repeat;
  background-position: 6px 9px;
  }
 ul.resourceslist li a:active {
  background-color: #f5f5f5;
  background-image: url(../images/list_images/list-arrow-over.gif);
  background-repeat: no-repeat;
  background-position: 6px 9px;
  text-decoration: none;
  }
  ul.resourceslist li img {
  vertical-align: middle;
  float: right;
  margin: 0;
  padding: 8px 0 0;
  border-style: none;
  border-width: 0;
  }
  ul.resourceslist li.caption {
  color: #696969;
  font-size: 0.9em;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  background-image: url(../images/nav_descript_icon.gif);
  background-repeat: no-repeat;
  background-position: 10px 2px;
  margin: 0;
  padding: 0 0 0 26px;
  border-style: none !important;
  border-width: 0 !important;
  }
  ul.resourceslist li.caption-alt {
  color: #696969;
  font-size: 0.9em;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  background-image: url(../images/nav_descript_icon.gif);
  background-repeat: no-repeat;
  background-position: 10px 2px;
  margin: 0;
  padding: 0 0 0 26px;
  border-color: #ccc;
  border-style: dotted;
  border-width: 0 0 1px;
  }
 ul.resourceslist li.caption-alt a, ul.resourceslist li.caption-alt a:link, ul.resourceslist li.caption-alt a:visited {
  color: #6d6d6d;
  background-color: transparent;
  background-image: none;
  text-decoration: none;
  padding: 0;
 
 }

 ul.resourceslist li.caption-alt a:hover, ul.resourceslist li.caption-alt a:active {
  color: #3e52dd;
  background-image: none;
  text-decoration: none;
 }

 ul.resourceslist li.norule {
  color: #363636;
  text-align: left;
  list-style-type: none;
  list-style-position: inside;
  margin: 0;
  vertical-align: top;
  padding: 0;
  border-style: none !important;
  border-width: 0 !important;
  }
/*</agl.folder>*/
/*<agl.folder "mediablocks">*/
 div.mediablock {
  width: auto;
  margin: 0 0 12px;
  padding: 0 0 12px;
  border-bottom: 1px dotted #ccc;
  display: block;
  }
  div.mediablock h3 {
  color: #000 !important;
  font-size: 1.2em !important;
  font-weight: bold !important;
  line-height: 140% !important;
  margin: 0;
  padding: 0 0 4px;
  }

  div.mediablock img.adjust {
  padding-bottom: 10px;
  
 
 }

 div.mediablock-l {
  display: block;
  width: 65px;
  float: left;
  }
 div.mediablock-r {
  display: block;
  width: 80%;
  float: right;
  }
 div.mediablock-r h3 {
  color: #000 !important;
  font-size: 1.2em !important;
  font-weight: bold !important;
  line-height: 140% !important;
  margin: 0;
  padding: 0 0 4px;
  }
  div.mediablock-r p {
  margin: 0 !important;
  padding: 0 0 4px !important;
  }
 div.mediacontent {
  font-size: 1em;
  line-height: 140%;
  text-align: left;
  width: auto;
  margin: auto 32px;
  padding: 32px 0;
  display: block;
  }
 div.mediacontent img.padajust {
  margin: 0 !important;
  padding: 0 0 24px !important;
  }
 div.mediacontent-l {
  margin: 0;
  padding: 0;
  width: 200px;
  float: left;
  }
 div.mediacontent-l p {
  margin: 0 !important;
  padding: 0 0 4px !important;
  }
 div.mediacontent-r {
  width: 480px;
  float: right;
  margin: 0;
  padding: 0;
  }
 div.mediacontentalt-r {
 margin: 0;
 padding: 0;
 width: 720px;
 float: right;
 }

 div.mediarow {
  display: block;
  width: auto;
  margin: 0 !important;
  padding: 0 !important;
  }
 div.mediarow-l {
  text-align: left;
  vertical-align: top;
  width: 49%;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
  display: block;
  }
 div.mediarow-r {
  text-align: left;
  vertical-align: top;
  float: right;
  width: 49%;
  margin: 0 !important;
  padding: 0 !important;
  display: block;
  }
/*</agl.folder>*/
/*<agl.folder "messageblock">*/
 #vitvtripearners {
  background: url(../images/bkg_images/VITV_TripEarners820x450BKG.jpg) no-repeat center top;
  text-align: left;
  width: 820px;
  height: 450px;
  overflow: hidden;
  margin: auto;
  padding: 0;
 }
/*</agl.folder>*/