html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
form, fieldset, legend, label, 
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: inherit;
  font: inherit;
  text-decoration: inherit;
}
html {
  overflow-y: scroll;
  background: #C9C9C9 url("/images/barSprites.png") repeat-x fixed 0px -245px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  color: black;
}
body {
  padding-top: 24px;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table td, table th {
  padding: 4px; // 'cellpadding' equivalent
} 
fieldset {
  border: solid 1px gray;
  padding: 4px;
}


a:hover {
  text-decoration: underline;
}
XXX:focus {
  outline: 0;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

#skipToContent,
#skipToContent:hover,
#skipToContent:visited {
  left: -500px;
  position: absolute;
  top: 4px;
}
#skipToContent:active,
#skipToContent:focus {
  left: 0px;
}

.canvas {
  background: white;
  margin-left: auto;
  margin-right: auto;
  width: 975px;
}

.canvas .topBar {  
  height: 72px;
  padding: 10px;
  background: #0E1192 url("/images/barSprites.png") repeat-x scroll 0px 0px;
  border-bottom: solid 1px White;
}
.canvas .middleBar {
  height: 30px;
  background: #C5C5C5 url("/images/barSprites.png") repeat-x scroll 0px -92px;
  border-bottom: solid 1px White;
}
.canvas .bottomBar {
  height: 19px;
  line-height: 19px;
  background: #7A7A7A url("/images/barSprites.png") repeat-x scroll 0px -122px;
  color: White;
  font-size: 11px;
}
.canvas .bottomBar li {
  display: inline;
}
.canvas .bottomBar .separator {
  margin-left: 8px;
  margin-right: 8px;
}



.canvas .top *,
.canvas .bottom * {
  color: white;
}

.canvas .top .topBar .leftSide {
  float: left;
}
.canvas .top .topBar .leftSide .logo {
  float: left;
}
.canvas .top .topBar .leftSide .logo img {
  height: 60px;
  width: 153px;
  margin: 6px;
}
.canvas .top .topBar .leftSide .comment {
  float: left;
  margin-left: 10px;
  margin-top: 30px;
  font: italic 14px verdana;
}

.canvas .top .topBar .rightSide .user {
 float: right;
}
/* User */

.canvas .top .topBar .rightSide .user {
  float: right;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
}
.canvas .top .topBar .rightSide .user .login label
.canvas .top .topBar .rightSide .user .login input {
  font-size: 12px;
}
.canvas .top .topBar .rightSide .user .login label {
  height: 22px;
  line-height: 22px;
}
.canvas .top .topBar .rightSide .user .login label span em {
  font-style: normal;
}
.canvas .top .topBar .rightSide .user .login input {
  background-color: transparent;
  height: 16px;
  padding: 3px;
  border-width: 0px;
  line-height: 16px;
}
.canvas .top .topBar .rightSide .user .login .text {
  border: solid 1px #C5C5C5;
  width: 120px;
  padding: 2px;
  margin-left: 6px;
}
.canvas .top .topBar .rightSide .user .login .checkbox {
  margin-right: 6px;
}
.canvas .top .topBar .rightSide .user .login .controls {
  float: right;
  display: none;
}
.canvas .top .topBar .rightSide .user .login .controls div {
  float: left;
  margin-left: 3px;
  margin-right: 3px;
}
.canvas .top .topBar .rightSide .user .login .controls .failed {
  color: Red;
  font-weight: bold;
  margin-right: 12px;
}
.canvas .top .topBar .rightSide .user .login .submit {
  padding-left: 12px;
  float: right;
}
.canvas .top .topBar .rightSide .user .login .submit .button {
  padding-top: 4px;
  padding-left: 0px;
  padding-right: 0px;
  height: 22px;
  line-height: 16px;
  cursor: pointer;
}

.canvas .top .topBar .rightSide .user .loggedIn {
  float: right;
}

/* VCard */
.canvas .top .topBar .rightSide .vcard {
  clear: right;
  float: right;
}
.canvas .top .topBar .rightSide .vcard caption,
.canvas .top .topBar .rightSide .vcard th,
.canvas .top .topBar .rightSide .vcard .org,
.canvas .top .topBar .rightSide .vcard .url,
.canvas .top .topBar .rightSide .vcard .fax,
.canvas .top .topBar .rightSide .vcard .adr {
  display: none;
}
.canvas .top .topBar .rightSide .vcard td {
  text-align: right;
}
.canvas .top .topBar .rightSide .vcard tr.tel {
  font-size: 20px;
}
.canvas .top .topBar .rightSide .vcard tr.email {
  font-size: 14px;
}

.canvas .top .middleBar .images {
  /*background: transparent url("/images/images.png") no-repeat;*/
  float: right;
  height: 32px;
  margin-right: 10px;
  margin-top: 10px;
  width: 261px;
}
.canvas .top .bottomBar {
  border-bottom: solid 1px #ACACAC;
}
.canvas .top .bottomBar ul {
  float: left;
  margin-left: 8px;
}
.canvas .middle {
  border-top: solid 1px #DEDEDE;
  min-height: 330px;
  padding-bottom: 16px;
  padding-top: 16px;
  padding-left: 4px;
  padding-right: 4px;
}

/* Left bar */
.canvas .middle .leftBar {
  float: left;
}
/* Navigation Menu */
.canvas .middle .leftBar .menu {
  color: black;
  font-size: 11px;
}
.canvas .middle .leftBar .menu li {
  position: relative;
  width: 148px;
  height: 40px;
  padding-left: 14px;
  margin-bottom: 4px;
  clear: both;
  background-image: url("/images/sprites.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
.canvas .middle .leftBar .menu li a,
.canvas .middle .leftBar .menu li span {
  display: block;
  float: left;
  height: 30px;
  padding-top: 4px;
  padding-bottom: 6px;
  line-height: 30px;
}
.canvas .middle .leftBar .menu li a {
  width: 126px;
  padding-left: 8px;
  background-image: url("/images/barSprites.png");
  background-position: 0px -181px;
  background-repeat: repeat-x;
  overflow: hidden;
  text-overflow: ellipsis; 
}
.canvas .middle .leftBar .menu li.wide a {
  line-height: 15px;
}
.canvas .middle .leftBar .menu li a:hover {
  text-decoration: underline;
}
.canvas .middle .leftBar .menu li span {
  width: 14px;
  background-image: url("/images/sprites.png");
  background-position: 0px -40px;
  cursor: pointer;
}
.canvas .middle .leftBar .menu li ul {
  display: none;
  position: absolute;
  float: right;
  left: 164px;
  top: 4px;
  z-index: 1000;
  color: white;
  font-size: 11px;
}
.canvas .middle .leftBar .menu li ul li {
  height: 24px;
  width: 184px;
  padding-left: 8px;
  background-image: url("/images/sprites.png");
  background-position: 0px -80px;
}
.canvas .middle .leftBar .menu li ul li a,
.canvas .middle .leftBar .menu li ul li.wide a,
.canvas .middle .leftBar .menu li ul li span {
  height: 18px;
  padding-top: 2px;
  padding-bottom: 4px;
  line-height: 18px;
  font-size: inherit;
  color: inherit;
  white-space: nowrap;
}
.canvas .middle .leftBar .menu li ul li a {
  width: 165px;
  padding-left: 5px;
  background-image: url("/images/barSprites.png");
  background-position: 0px -221px;
  background-repeat: repeat-x;
}
.canvas .middle .leftBar .menu li ul li a:hover {
  text-decoration: underline;
}
.canvas .middle .leftBar .menu li ul li span {
  background-image: url("/images/sprites.png");
  background-position: 0px -104px;
}
.canvas .middle .leftBar .menu li ul li ul {
  top: 0px;
  left: 194px;
}

.canvas .middle .leftBar .showreelContainer, .canvas .middle .leftBar .showreel {
  width: 140px;
  height: 0px;
}

.canvas .middle .leftBar .badges {
  width: 162px;
  text-align: center;
  padding-top: 16px;
}

.canvas .middle .leftBar .badges li {
  padding-bottom: 10px;
}

.canvas .middle .leftBar .badges .iso9001Logo{
  width: 106px;
  height: 82px;
}

.canvas .middle .leftBar .badges .silverlightLogo {
  width: 126px;
  height: 48px;
}

.canvas .middle .leftBar .badges .tucowsLogo {
  width: 125px;
  height: 50px;
}

/* Content */
.canvas .middle .content {
  float: left;
  width: 610px;
  margin-left: 16px;
  margin-right: 16px;
  line-height: 1.5;
}
.canvas .middle .content h1,
.canvas .middle .content h2,
.canvas .middle .content h3 {
  color: #000080;
  font-weight: bold;
}
.canvas .middle .content h1 {
  font-size: 18px;
  margin-bottom: 16px;
}
.canvas .middle .content h2 {
  font-size: 15px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.canvas .middle .content h3 {
  font-size: 12px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.canvas .middle .content p {
  margin-bottom: 16px;
  margin-top: 16px;
  text-align: justify;
}
.canvas .middle .content ul,
.canvas .middle .content ol,
.canvas .middle .content li {
  list-style-position: inside;
}
.canvas .middle .content ul {
  list-style-type: disc;
}
.canvas .middle .content ul ul {
  list-style-type: circle;
  margin-left: 1em;
}
.canvas .middle .content ul ul ul {
  list-style-type: square;
}
.canvas .middle .content strong {
  font-weight: bold;
}
.canvas .middle .content a:link {
  color: #000080;
}
.canvas .middle .content a:visited{
  color: #000040;
}
.canvas .middle .content abbr,
.canvas .middle .content acronym {
  border-bottom: 1px gray dotted;
}

.canvas .middle .content .floatRightInlineTop {
  float: right;
  padding-left: 1em;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 1em;
}

.canvas .middle .content table {
  margin-left: auto;
  margin-right: auto;
  border-collapse: separate;
  border-spacing: 10px;
  background: #EEEEEE url("/images/barSprites.png") repeat-x scroll 0px -800px;
}

.canvas .middle .content .noWrapTH th {
  white-space: nowrap;
}
.canvas .middle .content th {
  font-weight: bold;
}
.canvas .middle .content .leftAlignTH th {
  text-align: left;
  vertical-align: top;
}
.canvas .middle .content .rightAlignTH th {
  text-align: right;
  vertical-align: top;
}
.canvas .middle .content .standardSizeTH th {
  width: 200px;
}
.canvas .middle .content .standardSizeINPUT input,
.canvas .middle .content .standardSizeINPUT select,
.canvas .middle .content .standardSizeINPUT textarea {
  width: 250px;
}
.canvas .middle .content .standardSizeINPUT textarea {
  height: 100px;
}
.canvas .middle .content .documentProperties {
  font-size: 8px;
  margin-left: 0px;
}


/* VCard */
.canvas .middle .content .vcard caption,
.canvas .middle .content .vcard .org {
  display: none;
}
.canvas .middle .content .vcard .tel.work .type {
  display: none;
}
.canvas .middle .content .person.vcard .role th {
  visibility: hidden;
}
.canvas .middle .content .person.vcard .fn,
.canvas .middle .content .person.vcard .role {
  font-size: 14px;
  font-weight: bold;
}
.canvas .middle .content .vcard {
  min-width: 30em;
}
.canvas .middle .content .vcard th {
  width: 10em;
}

.canvas .middle .content .geoMap {
  position: relative;
  width: 100%;
  height: 400px;
}
.canvas .middle .content .geoMap #MSVE_obliqueNotification {
  visibility: hidden; /* hides Bing Maps' bird's eye view prompt */
}

.ui-dialog * {
  margin: 4px;
  font-size: 10px;
}
.ui-dialog input.button {
  padding: 4px;
}
.ui-tabs .ui-tabs-nav li,
.ui-tabs .ui-tabs-nav li a {
  margin: 0;
}

.mediaDiagnostics input.text {
  width: 72px;
}


/* Right bar */
.canvas .middle .rightBar {
  float: right;
  min-height: 284px;
}
.canvas .middle .rightBar ul .panel {
  width: 162px;
}
.canvas .middle .rightBar ul .panel h2 {
  cursor: pointer;
}
.canvas .middle .rightBar ul .panel h2 img{
  width: 24px;
  height: 24px;
}
.canvas .middle .rightBar ul .panel .body {
  display: none;
}
.canvas .middle .rightBar ul .news.panel .body {
  display: block;
}
.canvas .middle .rightBar ul .panel .body li {
  margin-bottom: 4px;
}
.canvas .middle .rightBar ul .panel .body li .date {
  display: inline;
  font-weight: bold;
  margin-right: 8px;
}
.canvas .middle .rightBar ul .panel .body li .content {
  display: inline;
  width: 100%;
  float: none;
  margin: 0px;
}

/* News */

/* Twitter */
.canvas .middle .rightBar .twitter.panel .body ul li .author {
  display: inline;
  font-weight: bold;
}

/* Flickr */
.canvas .middle .rightBar .flickr.panel .body ul li .date {
  vertical-align: top;
}


.canvas .bottom .bottomBar {
  text-align: center;
}



/* Home template */
.home .canvas .middle .content ul {
  margin-left: 0px;
  list-style-type: none;
}
.home .canvas .middle .content ul .panel {
  width: 297px;
}
.home .canvas .middle .content ul .panel.odd {
  clear: left;
  float: left;
  margin-right: 8px;
}
.home .canvas .middle .content ul .panel.even {
  clear: right;
  float: right;
  margin-left: 8px;
}
.home .canvas .middle .content ul .panel.first {
  margin-bottom: 8px;
}
.home .canvas .middle .content ul .panel.last {
  margin-top: 8px;
}
.home .canvas .middle .content ul .panel h2 {
  font-weight: inherit;
}
.home .canvas .middle .content ul .panel h2 a {
  color: inherit;
}
.home .canvas .middle .content ul .panel h2 img {
  float: left;
}
.home .canvas .middle .content ul .panel h2 span {
  float: left;
}
.home .canvas .middle .content ul .panel .body {
  height: 108px;
  font-size: 12px;
}



.canvas .middle .panel {
  margin-bottom: 16px;
}
.canvas .middle .panel h2 {
  height: 24px;
  padding: 8px;  
  margin-top: 0px;
  margin-bottom: 4px;
  line-height: 24px;
  font-size: 14px;
  background: #4648AF url("/images/barSprites.png") repeat-x scroll 0px -141px;
  color: white;
}

.canvas .middle .panel h2 img {
  height: 24px;
  width: 24px;
  float: right;
}
.canvas .middle .panel h2 span {
  float: left;
}
.canvas .middle .panel .body {
  background: #EEEEEE url("/images/barSprites.png") repeat-x scroll 0px -800px;
  padding: 8px;
  font-size: 11px;
}

.canvas .middle .mediaPlayer {
  width: 480px;
  height: 360px;
}

































































































































































































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */