@import url(http://www.bluevioletnetworks.com/mt/mt-static/plugins/CustomThemePack/css/base.css);

body {
    background-color: #FFFFFF;

    color: #000;
    font: normal 13px/19px Arial, Helvetica, sans-serif;
}

a:link    { color: #1B83C9; }
a:visited { color: #1B83C9; }
a:hover   { color: #9858A8; }
a:active  { color: #9858A8; }

u {
    background: yellow;
    text-decoration: none;
}

/* Layout */

#container {


}

#alpha-inner {
    padding-top: 10px;
}



#beta,
#gamma {
    background: #FFFFFF;
}

/* Header */

#header {

    background: #FFFFFF;

    height: 100px;
}

#header-name a {
    display: block;
    background-image: url(/style/header-site.jpg);
    background-postion: top left;
    background-repeat: no-repeat;
    height: 100px;
    width: 970px;
    overflow: hidden;
    text-indent: -9999px;
}



/* Add the per-category/folder header image CSS. */


    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    

    
    


#header-images {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 320px;
}

.header-image {
    float: right;
    margin-left: 10px;
}

#main-navigation {
    text-align: left;
    padding: 10px 15px;
    border-bottom: 2px solid #000;
    text-transform: uppercase;
    font-weight: bold;
}

#main-navigation-inner {
    width: 940px;
    margin: 0 auto;
}

#main-navigation .divider {
    font-weight: normal;
    position: relative;
    top: -2px;
}


#main-navigation a:link,
#main-navigation a:visited { 
    color: #000;
    font-family: "Helvetica Neue Condensed Bold","Arial Narrow", sans-serif;
    font-size: 15px;
    padding:  5px;
}
#main-navigation a:hover,
#main-navigation a.on { color: #ff0000; }

/* These styles are for the drop-down menus only */

#main-navigation ul {
    margin: 0;
    list-style-type: none;
}

#main-navigation li {
    display: inline;
    padding: 0 10px;
    position: relative;
}

#main-navigation ul.menu {
    position: relative;
    z-index: 30;
}

#main-navigation ul.submenu {
    position: absolute;
    width: 200px;
    background: #fff;
    display: none;
    z-index: 50;
    text-align: left;
    text-transform: none;
    top: 16px;
    left: 0;
}

#main-navigation ul.menu li:hover ul.submenu {
    display: block;
}

#main-navigation ul.submenu li {
    display: block;
    padding: 0 0;
}

#main-navigation ul.submenu li a {
    display: block;
    padding: 5px 10px;
}

/* For the sub-sub-menu. */
#main-navigation ul.menu ul.submenu ul.submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
}
#main-navigation ul.menu ul.submenu li:hover ul.submenu { display: block; }



/* Footer */

#footer {
    border-top: 2px solid #000;
    clear: both;
}

#footer-inner {
    width: 970px;
    margin: 0 auto;
    text-align: center;
}

#footer-content p {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 12px;
}

/* Commenting */

#comment-form-phone {
    margin-bottom: .75em;
}
#comment-form-name label,
#comment-form-email label,
#comment-form-phone label {
    display: block;
    float: left;
    width: 50px;
}

#comment-author,
#comment-email,
#comment-phone {
    width: 330px;
}

#comments-open-data { margin-bottom: 10px; }

.comments-header {
    font-weight: bold;
}

.comment .userpic {
    float: left;
    margin: 0 10px 5px 0;
    position: relative;
}

.comment_signin_options {
    display: none;
}

#signin_with_mt .right {
    float: none;
}

.auth-button {
    float: left;
    margin-right: 10px;
}

.comment-header img {
    position: relative;
    top: 3px;
}

#contact #comment-form-remember-me {
    display: none;
}




/* Widgets */

.widget .time,
.widget .date {
    font-weight: bold;
    font-size: 11px;
}

.widget-gallery-recent-thumbs ul {
    width: 215px;
    overflow: hidden;
}
.widget-gallery-recent-thumbs li {
    float: left;
    width: 71px;
    height: 60px;
    padding: 0;
    border: 0;
}

.widget-contact-form #comment-author,
.widget-contact-form #comment-email,
.widget-contact-form #comment-phone { width: 110px; }
.widget-contact-form textarea#comment-text { width: 165px; height: 55px; }

.widget-contact-form .widget-header { 
    background: url(http://www.bluevioletnetworks.com/mt/mt-static/plugins/CustomThemePack/images/widget_contact_form_top.png) left top no-repeat;
    padding: 18px 0 0 15px;
    margin: 0 0 12px 0;
    border: none;
    color: #555;
}
.widget-contact-form {
    background: url(http://www.bluevioletnetworks.com/mt/mt-static/plugins/CustomThemePack/images/widget_contact_form_middle.png) left top repeat-y;
}
.widget-contact-form .widget-content {
    background: url(http://www.bluevioletnetworks.com/mt/mt-static/plugins/CustomThemePack/images/widget_contact_form_bottom.png) left bottom no-repeat;
    min-height: 230px;
    padding: 0 15px 1px;
    margin: 0 0 0 0;
}
.widget-contact-form input#comment-submit {
    display: block;
    border: none;
    background: url(http://www.bluevioletnetworks.com/mt/mt-static/plugins/CustomThemePack/images/widget_contact_form_submit-trans.png) left top no-repeat;
    width: 73px;
    height: 29px;
    margin: 0;
    padding: 29px 0 0 0;
    overflow: hidden;
    cursor: pointer;
    text-indent: -2000px;
}



.service {
    text-transform: uppercase;
}


/* Assorted styling */

.gallery-title h2,
h1.entry-title,
#content h1,
#page-title,
#play-by-play {
    border-bottom: 0px solid #FFFFFF;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    font-size: 15px;
    line-height: 17px;
    padding-bottom: 2px;
    font-family: "Helvetica Neue Condensed Bold","Arial Narrow", sans-serif;
}

.gallery-title h2 { border-bottom: 0; }
.mt-entry-archive .gallery-title h2 { border-bottom: 0px solid #FFFFFF; }

h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 5px 0;
}
h2 a:link,
h2 a:visited { color: #000; }
h2 a:hover { color: #9858A8; }
.gallery-title h2 { margin-top: 0;}

h3 {
    font-weight: bold;
    margin: 10px 0 5px 0;
}

.in-action-item {
    float: left;
    margin-right: 15px;
    width: 150px;
}

.row {
    clear: both;
    float: left;
    width: 482px;
    margin-bottom: 20px;
}

.aia-nav,
.right {
    float: right;
}

.float-right {
    width: 200px;
    float: right;
    margin: 0 0 15px 30px;
}


/* Image carousel */

.layout-wm #image-carousel-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 590px;
}

.layout-wm ul#carousel-nav { width: 570px; }

.layout-twt #image-carousel-container {
    position: absolute;
    left: 20px;
    top: 0;
    width: 482px;
}

.layout-twt ul#carousel-nav { width: 462px; }


/* The full-site-width layout requires some additional definition. */

.full-site-width #image-carousel-container { width: 970px; }
.full-site-width ul#carousel-nav { width: 950px; }



.layout-wm.full-site-width #beta,
.layout-twt.full-site-width #beta,
.layout-twt.full-site-width #gamma { padding-top: 270px; }
.layout-twt.full-site-width #image-carousel-container { left: -224px; }





#image-carousel-container {
    height: 260px;
    margin-bottom: 20px;
}

p#selected-text {
    color: #fff;
    position: absolute;
    bottom: 75px;
    left: 20px;
    max-width: 210px;
    padding: 10px 15px;
    background: transparent url(http://www.bluevioletnetworks.com/mt/mt-static/plugins/CustomThemePack/images/ic-text-bg.png) left top;
    z-index: 30;
}

p#selected-text a:link,
p#selected-text a:visited,
p#selected-text a:hover,
p#selected-text a:active { color: #fff; }

#selected-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 100%;
    z-index: 20;
}

ul#carousel-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 10px 10px 6px 10px;
    background: transparent url(http://www.bluevioletnetworks.com/mt/mt-static/plugins/CustomThemePack/images/ic-text-bg.png) left top;
    z-index: 30;
}

ul#carousel-nav li {
    display: inline;
    padding-right: 10px;
}

ul#carousel-nav li a.activeSlide img {
    border: 1px solid #ccc;
}

ul#slideshow {
    margin: 0;
    overflow: hidden;
    height: 260px;
}

ul#slideshow li {
    display: block;
    height: 260px;
    width: 100%;
    margin: 0;
    padding: 0;
    background-position: left top;
    background-repeat: no-repeat;
}

#lead-image {
    position: absolute;
    top: 0;
    left: 0;
}
.layout-wm #lead-image {
    width: 670px;
    overflow: hidden;
}

.mt-page-archive #lead-image + .asset-header {
    margin-top: 260px;
}

.selected-page {
    clear: both;
    border-bottom: 0px solid #FFFFFF;
}
.selected-page-image {
    float: left;
    width: 100px;
    margin: 0 40px 5px 0;
}



/* Custom CSS below */
/* SET CONTAINER AND ALL COLUMN SIZES */

#container {
  background: url("/style/blueswoosh.jpg") no-repeat scroll left bottom transparent;
  margin: 0 auto;
  padding-bottom: 100px;
  width: 1170px;
  font-family: Helvetica, Arial, sans-serif;
}

#container-inner { width: 970px; }
.layout-twt #alpha { width: 544px; margin: 0 23px; left: 190px; height: auto;}
.layout-twt #beta { width: 190px; left: -590px;}
.layout-twt #gamma { width: 190px; }

#alpha-inner { padding-left: 0; padding-right: 0; padding-top: 0;}
#beta-inner { padding-left: 0; padding-right: 0; }
#gamma-inner { padding-left: 0; padding-right: 0; }

#alpha,  #beta, #gamma {
  background: transparent;
}

/* GLOBAL SETTINGS */

h1 { color: #000000; }
h2 { color: #0E1E7A; }
h3 { color: #1B83C9; }

p, li { color: #001144; }

ul { padding: 0 20px; }

a:link, a:visited {
  color: #1B83C9;
}

a:hover, a.on {
  color: #9858A8;
}

h3 { margin: 0; }

h2 a:link, h2 a:visited {
  color: #0E1E7A;
}


/* SETUP NAVIGATION MENU */

#main-navigation {
  background: url("/style/background-menu.gif") top left no-repeat;
  border-bottom: 0;
  font-weight: bold;
  padding: 8px 15px;
  text-align: left;
  height: 22px;
  line-height: 22px;
  text-transform: uppercase;
}

#main-navigation li {
  padding: 0 8px;
}

#main-navigation a:link,
#main-navigation a:visited {
  color: #FFFFFF;
  font-size: 14px;
}

#main-navigation a:hover,
#main-navigation a.on {
  color: #9858A8;
}

#main-navigation ul.submenu {
  background: none;
  top: 20px;
  left: 4px;
  opacity: 0.85;
  filter: alpha(opacity=85);
  zoom: 1;
  margin: 0;
  padding: 0;
  line-height: 20px;
}

*:first-child+html #main-navigation ul.submenu {
  filter: alpha(opacity=100);
  zoom: 1;
}

#main-navigation ul.submenu li {
  float: left; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
  width: 200px;
  margin: 0;
  padding: 0;
}

#main-navigation ul.submenu li a {
  color: #FFFFFF;
  border-bottom: 1px solid #CCDFF0;
}

#main-navigation ul.submenu li a:link,
#main-navigation ul.submenu li a:visited {
  background: #263487;
}

#main-navigation ul.submenu li a:hover,
#main-navigation ul.submenu li a.on {
  background: #9858A8;
}

#nav-search {
  display: inline;
  position: relative;
  top: -25px;
  left: 765px;
  z-index: 1000;
}

#nav-search #search-button {
  background: url("/style/button-arrow.png") no-repeat left top;
  width: 25px;
  height: 25px;
  border: none;
}

/* SETUP HOME PAGE STYLES */

#play-by-play {
  display: none;
}

.asset-header {
  display: none;
}

.mt-search-results .asset-header {
  display: block;
}

.asset-footer {
  display: none;
}

.entry-asset {
  margin-bottom: 20px;
}

.asset-body,
.asset-content {
  margin-bottom: 0;
}

/* SETUP INTERNAL PAGE STYLES */

#lead-image {
  display: none;
}

h2.page-title,
h2.search-title {
  color: #0E1E7A !important;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 2px solid #0044AA;
  margin-bottom: 20px;
}

.search-body { margin: 0 20px 10px; }

.image-block {
  width: 200px;
  float: left;
  padding: 0 20px 20px 0;
}

.image-block p {
  margin-bottom: 0;
}

.product-links p {
  font-size: 11px !important;
}

.product-links a {
  font-size: 9px !important;
  display: block;
}

.item-block {
  clear:both;
}

.text-block {
  width: 324px;
  padding: 0;
  float: right;
}

.text-block-full {
	width: 544px;
	padding: 0;
	float: none;
	height: auto;
}

.text-block h3 {
  color: #1B83C9;
  font-weight: bold;
}

.text-block p,
.text-block-full p {
  text-align: left;
}

.selected-page-image {
  float: left;
  width: 140px;
  margin: 15px 30px 20px;
}

.selected-page-text {
  padding-left: 20px;
}

.selected-page-image + .selected-page-text {
  padding-left: 220px;
}

/* SETUP CONTACT US FORM */

table.contact-us {
  width: 464px;
  margin: 0 40px;
}

table.contact-us td {
  padding: 3px 0;
}

table.contact-us td.label {
  width: 100px;
}

table.contact-us td input,
table.contact-us td textarea {
  width: 362px;
  border: 1px solid #99AABB;
}

table.contact-us td input.button {
  width: 60px;
}



/* SETUP WIDGETS */

.widget {
  width: 190px;
  margin: 0 0 20px;
  padding: 0;
}

.widget-content {
  margin: 0;
  padding: 0 12px;
}

.widget-blue {
  position: relative;
}

.widget-blue .widget-header {
  background: url("/style/background-widget-top.png") top left no-repeat;
  border: none;
  height: 30px;
  padding: 0 12px;
}

.widget-blue h3.section {
  border-bottom: 1px solid #AACCFF;
  color: #1B83C9;
  font-size: 16px;
  font-family: "Helvetica Neue Condensed Bold","Arial Narrow",sans-serif;
  text-transform: none;
  position: relative;
  width: 166px;
  left: -12px;
  padding: 5px 12px;
  margin: 0;
}

.widget-blue .widget-content {
  background: url("/style/background-widget-middle.png") top left repeat;
}

.widget-blue .widget-content p {
  margin-bottom: 0;
}

.widget-to-whom .widget-content,
.widget-whatwherewhy .widget-content {
  height: 246px;
}

.widget-blue .widget-footer {
  background: url("/style/background-widget-bottom.png") top left no-repeat;
  border: none;
  height: 30px;
  padding: 0 12px;
}

.widget-video-demo {
  background: url("/assets/background-videoconf.jpg") top left no-repeat;
  height: 140px;
  width: 90px;
  padding: 0 10px 0 90px;
  color: #1B83C9;
}

.widget-tech-partner {
  background: url("/assets/techpartners-animation.gif") bottom left no-repeat;
  height: 140px;
  width: 150px;
  padding: 0 20px;
  color: #1B83C9;
}

.widget-tech-partner h3 {
  margin: 0;
}

li.wmenu {
  background: url("/style/arrow-right.png") top left no-repeat;
  padding-left: 15px;
  cursor: pointer;
}

li.listopen {
  background: url("/style/arrow-down.png") top left no-repeat;
}

li.witem {
  display: block;
  font-size: 10px;
  line-height: 10px;
  margin: 0 0 0 8px;
  padding: 4px 0;
  text-align: left;
}

.wblock {
  padding: 10px 0 20px;
}

.widget li {
  border-bottom: 0;
  color: #1B83C9;
}

.widget-content ul ul {
  margin-left: 5px;
}

/* SETUP PRE-FOOTER BLOCKS */

#prefooter { 
  background: url("/style/background-prefooter.png") top left no-repeat;
  height: 225px;
  display: none;
}

/* keep the prefooter hidden unless we are on the main page */

.mt-main-index #prefooter { display: block; }

#pftitle {
  padding: 5px 20px;
  text-align: left;
  font-family: "Helvetica Neue Condensed Bold","Arial Narrow",sans-serif;
  font-size: 16px;
}

.pfblock {
  width: 202px;
  height: 154px;
  padding: 20px;
  float: left;
  margin-left: 0;
  margin-right: 0;
  border-top: 1px solid #AACCFF;
}

#pfb4 {
  border-left: 1px solid #AACCFF;
  list-style: none;
}

.social-link {
  display: block;
  padding: 0 0 15px 40px;
  line-height: 22px;
  vertical-align: center;
}

#btn-email {background: url("/style/button-email.gif") top left no-repeat; }
#btn-twitter { background: url("/style/button-twitter.gif") top left no-repeat; }
#btn-facebook { background: url("/style/button-facebook.gif") top left no-repeat; }
#btn-chat { background: url("/style/button-chat.gif") top left no-repeat; }
#btn-newsletter { background: url("/style/button-newsletter.gif") top left no-repeat; }

/* SETUP FOOTER */

#footer {
  border: none;
  margin-bottom: 120px;
}



