body {
    background: #FFF;
    color: #333;
    height: auto;
    margin:0;
    font-family: 'Signika',sans-serif;
}

#wrapper {
    width: 100%;
    margin:0 auto;
}

#container {
    margin:0 auto;
    width: 940px;
    margin-bottom: 20px;
}

.clear {
    clear: both;
    display: block;
}

a {
    color: #0095bf;
    text-decoration: none;
}

a:hover {
    color:#000;
    text-decoration: none;
}

h2 {
    font-weight:normal;
}

.Left {
    float:left;
}

.Right {
    float:right;
    zoom:1;
}

.Hide {
    display:none;
}

ul li {
    list-style:none;
}


/**** HEADER ****/
#headerContainer {
    background:url(../images/headerBG.gif);
    background-repeat: repeat; 
    margin:0;
    padding:10px 0; 
    border-bottom:2px solid #e0e0e0;  
    width:100%;
    height:30px;
}

.headerTop {
    width:940px;
    margin:0 auto;
    padding:5px 0 0 0;
}

.headerTop .twitterHeader, .headerTop .pinHeader { 
    float:left;
    margin-right:20px;
}

.headerTop .pinHeader {
    margin-top:2px;
}

.headerTop .facebookHeader { 
    float:left;
}

.headerTop .callHeader { 
    float:right;
    padding:0 20px 0 0;
    color:#888;
}

.headerTop .callHeader a { 
    color:#333;
}

.headerTop .trialHeader { 
    margin:-5px 0 0 0;
    float:right;
}

.header {
    padding:10px 0;
}

.logoHeader {
    margin-top:-20px;
    padding:0 0 10px;
    float:left;
    border:none;
}

.nav {
    float:left;
    margin:5px 0 0 0;
}

.nav li {
    float:left;
    display:inline;
    padding:0 0 0 15px;  
    text-transform:uppercase;
    font-size:16px;
    line-height:22px; 
}

.nav li a {
    color:#333;
    padding:4px;
}

.nav li a:hover, .sideNav li a:hover {
    color:#00a7d6;
}

.nav li a.selected, .sideNav li a.selected {
    color:#FFF;
    background-color:#00a7d6;
    border-radius:3px;
}

.sideNav {
    float:right;
    margin:5px 0 0 0;
    padding:0;
}

.sideNav li:first-child {
    padding:0px;
}

.sideNav li {
    float:left;
    display:inline;
    padding:0 0 0 10px;
    text-transform:uppercase; 
    font-size:16px;
    line-height:22px;
}

.sideNav li a {
    color:#888;
    padding:4px;
}

/**** END HEADER ****/

/**** FOOTER ****/
#footerContainer {
    background:url(../images/headerBG.gif);
    background-repeat: repeat; 
    margin:0;
    padding:10px 0; 
    border-top:2px solid #e0e0e0;  
    width:100%;
}

.footer {
    width:940px;
    margin:0 auto;
    padding:5px 0 0 0;
}

.logoFooter {
    margin:20px 0 0 0;
    float:right;
    color:#BBB;
    font-size:14px;
    text-align:right;
}

.sitemap {
    float: left;
    margin: 0 35px 0 0;
    *margin: 0 0px 0 0;/*IE7 FIX*/
}

.footer .last {
    margin:0;
}

.sitemap ul {
    list-style:none; 
    padding:0;
}

.sitemap li a {
    font-size:14px;
    line-height:18px;
    color:#666;
    font-weight:600;
}

.sitemap li {
    margin:6px 0 0 0;
}

.sitemap li.subNav {
    margin:0;
}

.sitemap li.subNav a {
    color:#666666;
    /* color: #888; */
}

.sitemap li a:hover, .sitemap li.subNav a:hover {
    color:#000;
}

.sideLine {
    border-left: 1px solid #DDDDDD;
    margin: 0 0 0 25px;
    padding: 0 0 0 25px;
    *border-left: none; /*IE7 FIX*/
    *margin: 0 0 0 0px; /*IE7 FIX*/
    *padding: 0 0 0 0px; /*IE7 FIX*/
}
/**** END FOOTER ****/

/**** GLOBAL BUTTONS ****/
.blueButton, .redButton { 
    background:#00aada; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aada', endColorstr='#0096c1'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#00aada), to(#0096c1)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #00aada,  #0096c1); /* for firefox 3.6+ */ 
    padding:4px 8px;
    box-shadow:1px 1px 2px #666;
    -moz-box-shadow:1px 1px 2px #666;
    -webkit-box-shadow:1px 1px 2px #666;
    border-radius:3px;
    border:1px;
    border-style: solid;
    border-bottom-color: #007798;
    border-right-color: #007798;
    border-left-color: #4dc4e6;
    border-top-color: #4dc4e6;
    color:#FFF;
    text-shadow:1px 1px 2px #666;
    font-weight:800;
    cursor:pointer;
}

.blueButton:hover { 
    background:#00bbf0; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bbf0', endColorstr='#0099c4'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#00bbf0), to(#0099c4)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #00bbf0,  #0099c4); /* for firefox 3.6+ */ 
    border:1px;
    border-style: solid;
    border-bottom-color: #007798;
    border-right-color: #007798;
    border-left-color: #4dc4e6;
    border-top-color: #4dc4e6;
    color:#FFF;
}

.blueButton:active { 
    background:#00bcf2; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bcf2', endColorstr='#0098c2'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#00bcf2), to(#0098c2)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #00bcf2,  #0098c2); /* for firefox 3.6+ */ 
    border:1px;
    border-style: solid;
    border-bottom-color: #4dc4e6;
    border-right-color: #4dc4e6;
    border-left-color: #007798;
    border-top-color: #007798;
    text-shadow:-1px -1px 0px #666;
    color:#FFF;
}

.redButton
{
    background: #ff0000 /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ff0101'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#ff0101)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #ff0000,  #ff0101); /* for firefox 3.6+ */ 
    border-bottom-color: #7f0000;
    border-right-color: #7f0000;
    border-left-color: #ff4444;
    border-top-color: #ff4444;
}

.redButton:hover
{ 
    background: #ff3434; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3434', endColorstr='#cb0000'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ff3434), to(#cb0000)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ff3434, #cb0000); /* for firefox 3.6+ */ 
    border:1px;
    border-style: solid;
    border-bottom-color: #7f0000;
    border-right-color: #7f0000;
    border-left-color: #ff4444;
    border-top-color: #ff4444;
    color: #fff;
}

.redButton:active
{
    background: #ff3434; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3434', endColorstr='#cd0a00'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ff3434), to(#cd0a00)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ff3434, #cd0a00); /* for firefox 3.6+ */ 
    border:1px;
    border-style: solid;
    border-bottom-color: #ff4444;
    border-right-color: #ff4444;
    border-left-color: #7f0000;
    border-top-color: #7f0000;
    color: #fff;
}

.orangeButton { 
    background:#f04224; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe5639', endColorstr='#f04224'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fe5639), to(#f04224)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #fe5639,  #f04224); /* for firefox 3.6+ */ 
    padding:4px 8px;
    box-shadow:1px 1px 2px #666;
    -moz-box-shadow:1px 1px 2px #666;
    -webkit-box-shadow:1px 1px 2px #666;
    border-radius:3px;
    border:1px;
    border-style: solid;
    border-bottom-color: #b2594a;
    border-right-color: #b2594a;
    border-left-color: #ffa697;
    border-top-color: #ffa697;
    color:#FFF;
    text-shadow:1px 1px 2px #666;
    font-weight:800;
    cursor:pointer;
}

.orangeButton:hover { 
    background:#fe7d66; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe7d66', endColorstr='#f04426'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fe7d66), to(#f04426)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #fe7d66,  #f04426); /* for firefox 3.6+ */ 
    border:1px;
    border-style: solid;
    border-bottom-color: #c8341b;
    border-right-color: #c8341b;
    border-left-color: #ffa697;
    border-top-color: #ffa697;
    color:#FFF;
}

.orangeButton:active { 
    background:#fe7b66; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe7b66', endColorstr='#f04426'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fe7b66), to(#f04426)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #fe7b66,  #f04426); /* for firefox 3.6+ */ 
    border:1px;
    border-style: solid;
    border-bottom-color: #ffa697;
    border-right-color: #ffa697;
    border-left-color: #b2594a;
    border-top-color: #b2594a;
    text-shadow:-1px -1px 0px #666;
    color:#FFF;
}
/**** END GLOBAL BUTTONS ****/


/**** HOME FEATURE ****/
.mainFeature {
    background-image:url(../images/mainFeature.jpg);
    box-shadow:0px 5px 10px #666;
    -moz-box-shadow:0px 5px 10px #666;
    -webkit-box-shadow:0px 5px 10px #666;
    width:940px;
    height:262px;
}

.videoFeature {
    float:left;
    margin:20px 45px 0 20px;
    border: 4px solid rgba(221, 221, 221, .5);
}

.contentFeature {
    float:left;
    padding:20px 0 0 0px;
    color:#FFF;
}

.contentFeature h2 {
    font-size: 36px;
    line-height: 36px;
    font-weight:600;
    margin: 15px 0 10px;
    letter-spacing:-1px;
}

.contentFeature h3 {
    font-size:26px;
    line-height: 29px;
    font-weight:lighter;
    margin:10px 0 35px;
}

.contentFeature span {
    color:#0c5668;
    padding:0 10px 0 15px;
    font-size:18px;
    line-height: 18px;
    font-weight:lighter;
}

.contentFeature a {
    color:#FFF;
    font-size:18px;
}

.contentFeature a:hover {
    color:#000;
}

.contentFeature .trialFeature  {
    background:#e4e4e4; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e4e4'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e4e4)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ffffff,  #e4e4e4); /* for firefox 3.6+ */ 
    padding:10px 15px;
    border-radius:4px;
    border:1px;
    border-style: solid;
    border-bottom-color: #176b79;
    border-right-color: #176b79;
    border-left-color: #FFFFFF;
    border-top-color: #FFFFFF;
    color:#333;
    font-weight:normal;
    font-size:22px;
    text-shadow:1px 1px 0px #DDDDDD;
    font-weight:600;
    display:inline-block;/*IE7 Fix */
}

.contentFeature .trialFeature:hover { 
    background:#f6f4f4; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f4f4'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f4f4)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ffffff,  #f6f4f4); /* for firefox 3.6+ */ 
    border:1px;
    border-style: solid;
    border-bottom-color: #176b79;
    border-right-color: #176b79;
    border-left-color: #FFFFFF;
    border-top-color: #FFFFFF;
}

.contentFeature .trialFeature:active { 
    background:#f6f4f4; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f4f4'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f4f4)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ffffff,  #f6f4f4); /* for firefox 3.6+ */ 
    border:1px;
    border-style: solid;
    border-bottom-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-left-color: #106679;
    border-top-color: #106679;
    text-shadow:-1px -1px 0px #DDDDDD;
}


.bottomFeature {
    background-image:url(../images/bottomFeature.jpg);
    box-shadow:0px 5px 10px #666;
    -moz-box-shadow:0px 5px 10px #666;
    -webkit-box-shadow:0px 5px 10px #666;
    width:940px;
    height:136px;
}

.bottomFeature ul {
    padding:40px 0 0 15px;
    margin:0;
    display: inline-block;/*IE7 Fix */
}

.bottomFeature li {
    background: #555555;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    margin: 0 10px 10px 0;
    padding: 8px 8px 8px 1px;
    width: 288px;
    font-size:18px;
}

.bottomFeature li span {
    float:right;
    font-weight:800;
    font-size:20px;
    color:#8d8d8d;
    line-height:18px;
}
/**** END HOME FEATURE ****/

.sponsorLogos {
    margin:20px 0;
    text-align:center;
}

.contentFull .sponsorLogos {
    margin:20px 0 80px 0;
}

.sponsorLogos span {
    margin:0 30px 0 0;
}

.contentFull {
    color: #666666;
    font-size: 16px;
    line-height: 22px;
}

.contentFull li {
    margin:10px 0;
}

.product .miniCheck {
    margin:2px 10px 5px 0px;
}

.product h4 {
    margin:5px 0;
}

.product .videoFeature {
    margin:0px 25px 5px 0px;
}

.product .wrapper {
    margin:15px 0;
}

.product .wrapper ul li {
    margin:5px 0;
}

.greyHeader {
    border-radius:3px;
    background:#eeeeee;
    padding:8px 10px;
    width:98%;
    color:#000;
    font-size:22px;
    line-height:26px;
    font-weight:600;
    margin: 20px 0;
}

.greyHeader h2 {
    float:left;
    margin:0;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    color:#000;
}

.greyHeader ul {
    padding:0;
    margin:-2px 0 0 0;
    *margin:0;
    list-style:none;
    float:right;
}

.greyHeader li {
    display:inline-block;
    float:left;
    margin:0px 10px 0 0;
}

.greyHeader li a {
    color:#888;
    font-size:14px;
    padding:6px;
}

.greyHeader li a:hover {
    color:#00a7d6;
}

.greyHeader li a.selected {
    color:#333;
    background:#d6d6d6;
    border-radius:3px;
}

.greyLine {
    width:100%;
    border-bottom: 1px solid #EEE;
}

.grid_3 {
    width:293px;
    float:left;
    margin:0 14px;
}

.grid_3 .content {
    padding:20px 0;
}

.grid_3 p {
    margin:0 0 10px 10px;
    color:#878787;
    font-size: 14px;
    line-height: 18px;
}

.grid_3 p.meta {
    font-size: 12px;
    line-height: 18px;
}

.grid_3 h4 {
    margin:0 0 0 10px;
    font-size:16px;
    line-height: 20px;
    font-weight:600;
}

.grid_3 .content h4 {
    font-size:18px;
    margin:20px 0 0 0;
}

.grid_3 .content p {
    font-size:16px;
    margin:0 0 10px 10px;
    float:left;
}

.grid_4 {
    width:215px;
    float:left;
    margin:0 10px;
}

.grid_4 p {
    margin:0 0 10px 0;
    color:#666666;
    font-size: 18px;
    line-height: 26px;
}

.Right .grid_4 p {
    margin:10px 0;
    color:#666666;
    font-size: 14px;
    line-height: 18px;
    clear:both;
}

.grid_4 h4 {
    color: #0095BF;
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    padding: 12px 0 0 0;
}

.Top 
{
    margin: 25px 0 0;    
}

.grid_5
{
    width: 279px;
    float: left;
    vertical-align: top;
}

.grid_5.CellLeft 
{
    float: left;    
}

.grid_5.CellRight 
{
    float: right;    
}

.grid_5.CellCenter 
{
    float: left;
    margin: 0px 50px;    
}

.grid_5 .icon 
{
    margin: auto;    
}
    
.grid_5 h4 
{
    font-size: 22px;
}

.grid_5 p 
{
    margin: 10px 0;
    color: #878787;
    font-size: 14px;
    line-height: 18px;
    clear: both;
}

.descriptionTag 
{
    color: #878787;
    font-size: 14px;
}

.iconContentCreation 
{
    background:url(../images/home_contentCreation.png) no-repeat scroll transparent;
    width: 94px;
    height: 92px;
}

.iconAmplification
{
    background:url(../images/home_amplification.png) no-repeat scroll transparent;
    width: 114px;
    height: 86px;
}

.iconEngagement
{
    background:url(../images/home_engagement.png) no-repeat scroll transparent;
    width: 136px;
    height: 86px;
}

.alpha {
    margin:0 14px 0 0;
}

.omega {
    margin:0 0 0 14px;
}

.FormElement {
    margin:0 0 10px 10px;
}

.grid_3 .FormElement .blueButton, .grid_3 .FormElement input {
    float:left;
    margin:0 5px 0 0;
    *width:120px; /*IE7 FIX*/
}

input, select, textarea {
    background:#f3f3f3;
    border-radius:3px;
    padding:6px;
    border-bottom:1px;
    border-right:1px;
    border-left:1px;
    border-top:2px;
    border-style: solid;
    border-bottom-color: #dddddd;
    border-right-color: #dddddd;
    border-left-color: #dddddd;
    border-top-color: #dddddd;
}

.iconBinoculars {
    background-image: url(../images/icons.png);
    background-position: 0 -10px;
    background-repeat: no-repeat;
    float: left;
    height: 60px;
    padding: 0 5px 0 0;
    width: 60px;
}

.iconGraph {
    background-image:url(../images/icons.png);
    background-position:0px -75px;
    background-repeat:no-repeat;
    float: left;
    height: 60px;
    padding: 0 5px 0 0;
    width: 60px;
}

.iconMobile {
    background-image:url(../images/icons.png);
    background-position:0px -200px;
    background-repeat:no-repeat;
    float: left;
    height: 60px;
    padding: 0 5px 0 0;
    width: 60px;
}

.iconSwitch {
    background-image:url(../images/icons.png);
    background-position:0px -335px;
    background-repeat:no-repeat;
    float: left;
    height: 60px;
    padding: 0 5px 0 0;
    width: 60px;
}

.iconTwitter {
    background-image:url(../images/icons.png);
    background-position:0px -260px;
    background-repeat:no-repeat;
    float: left;
    height: 60px;
    padding: 0 5px 0 0;
    width: 60px;
}

.iconTower {
    background-image:url(../images/icons.png);
    background-position:0px -140px;
    background-repeat:no-repeat;
    float: left;
    height: 60px;
    padding: 0 5px 0 0;
    width: 60px;
}

.iconBubble {
    background-image:url(../images/icons.png);
    background-position:0px -393px;
    background-repeat:no-repeat;
    float: left;
    height: 60px;
    padding: 0 5px 0 0;
    width: 60px;
    margin: 0 0 0 0px;
}

.iconPen {
    background-image:url(../images/icons.png);
    background-position:0px -463px;
    background-repeat:no-repeat;
    float: left;
    height: 60px;
    padding: 0 5px 0 0;
    width: 60px;
    margin: 0 0 0 0px;
}


.miniDownload {
    background-image: url(../images/miniIcons.png);
    background-position: 0px -215px;
    background-repeat: no-repeat;
    float: left;
    height: 16px;
    margin: 7px 4px 0;
    width: 16px;
}

.miniID {
    background-image:url(../images/miniIcons.png);
    background-position:0px 0px;
    background-repeat:no-repeat;
    float: left;
    height: 14px;
    width: 16px;
    margin: 4px 8px 0px;
}

.miniSC {
    background-image:url(../images/miniIcons.png);
    background-position:0px -26px;
    background-repeat:no-repeat;
    float: left;
    height: 16px;
    width: 16px;
    margin: 4px 8px 0px;
}

.miniNews {
    background-image:url(../images/miniIcons.png);
    background-position:0px -60px;
    background-repeat:no-repeat;
    float: left;
    height: 14px;
    width: 16px;
    margin: 4px 8px 0px;
}

.miniLE {
    background-image:url(../images/miniIcons.png);
    background-position:0px -14px;
    background-repeat:no-repeat;
    float: left;
    height: 12px;
    width: 16px;
    margin: 4px 8px 0px;
}

.miniCorp {
    background-image:url(../images/miniIcons.png);
    background-position:0px -43px;
    background-repeat:no-repeat;
    float: left;
    height: 15px;
    width: 16px;
    margin: 4px 8px 0px;
}

.miniOther {
    background-image:url(../images/miniIcons.png);
    background-position:0px -73px;
    background-repeat:no-repeat;
    float: left;
    height: 14px;
    width: 16px;
    margin: 4px 8px 0px;
}

.miniLens {
    background-image:url(../images/miniIcons.png);
    background-position:0px -102px;
    background-repeat:no-repeat;
    float: left;
    height: 16px;
    width: 16px;
    margin: 4px 8px 0px;
}

.miniPlay {
    background-image:url(../images/miniIcons.png);
    background-position:0px -88px;
    background-repeat:no-repeat;
    float: left;
    height: 14px;
    width: 16px;
    margin: 4px 8px 0px;
}

.miniCheck {
    background-image:url(../images/miniIcons.png);
    background-position:0px -178px;
    background-repeat:no-repeat;
    float: left;
    height: 16px;
    width: 16px;
    margin:5px 0 5px 10px;
}

.yellowFeature {
    background: #FDF9E5;
    border: 1px solid #EBE7D4;
    border-radius:3px;
    margin:20px 0;
    zoom:1; /* IE7 Fix */
}



.largeLeft .yellowFeature {
    margin:0;
    padding:10px;
}

.largeLeft .yellowFeature .meta {
    padding:5px 0 0 0;
}

.largeLeft .yellowFeature .date {
    color: #888888;
    font-size: 14px;
    line-height: 16px;
    padding: 0 0 0 5px;
    margin:0;
    float:none;
    background:none;
}

.largeLeft .yellowFeature .content {
    font-size:14px;
    color:#666;
    float:left;
    margin: 20px 0 0 10px;
}

.largeLeft .avatar {
    margin:20px 0 10px;
    border-radius:3px;
    float:left;
    
}

.yellowFeature .orangeButton, .yellowFeature .blueButton {
    margin:16px 20px 0 0;
}

.yellowFeature h3 {
    font-size:16px;
    line-height:20px;
    margin:10px 0 0 10px;
    font-weight: 600;
    color:#333;
}

.yellowFeature p {
    font-size:14px;
    line-height:18px;
    margin:0 0 0 10px;
    color:#878787;
}

.yellowFeature p.ErrorMessage {
    margin:0 0 0 50px;
    color:red;
    clear:both;
}

.yellowFeature p #PageContent_ErrorMessage {
    margin: 0 0 10px 40px;
    display:block;
}


.yellowBox {
    margin: 18px 0;
}


.headerTitle {
    padding-bottom:60px;
    border-bottom: 5px solid #e5e5e5;
}

.headerTitle ul {
    padding:0;
    margin-top:25px;
    list-style:none;
    float:right;
}

.headerTitle li {
    display:inline;
    float:left;
    margin-left:15px;
}

.headerTitle li a {
    color:#888;
}

.headerTitle li a:hover {
    color:#000;
}

.headerTitle li a.selected {
    font-weight:600;
    color:#333;
}

.headerTitle h2 {
    font-size:24px;
    float:left;
    *margin:20px 0 10px; /* IE7 FIX */
}

.headerTitle h2 span {
    font-size:16px;
    line-height:24px;
    text-transform:uppercase; 
    color:#888; 
    margin-left:15px;   
}

.tagLine {
    text-align:center;
    padding: 10px 40px;
    border-bottom: 2px solid #eeeeee;
    margin-bottom: 30px;
}

.tagLine h2 {
    font-size:22px;
    line-height:28px;
    font-weight: 600;
    color:#000;
}

.tagLine p {
    color: #888888;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 20px;
}

.wrap {
    position:relative;
}

.feature {
    padding:6px;
    border:1px solid #e5e5e5;
    box-shadow:0px 0px 2px #e5e5e5;
    -moz-box-shadow:0px 0px 2px #e5e5e5;
    -webkit-box-shadow:0px 0px 2px #e5e5e5;
    border-radius:4px;
}

div.wrap:hover span {
    box-shadow:inset 0px 0px 10px #333;
    -moz-box-shadow:inset 0px 0px 10px #333;
    -webkit-box-shadow:inset 0px 0px 10px #333;
    height: 152px;
    width: 284px;
    position: absolute;
    top: 7px;
    left: 7px;
    background: rgba(200, 200, 200, 0.7);
    display:none;
}

.magnify {
    position:absolute;
    top: 36%;
    left: 42%;
    display:none;
}

div.wrap:hover .magnify {
    display:none;
}

.check {
    float:left;
    margin:5px 0 5px 10px;
}

div.usability .info, div.integration .info, div.monetization .info, div.social .info {
    float:right;
    width:260px;
    font-size:14px;
    padding:0;
    margin:5px 0;
}

div.usability h4, div.integration h4, div.monetization h4, div.social h4 {
    color:#333;
    font-size:16px;
    line-height:20px;
    margin:0;
}

div.usability p, div.integration p, div.monetization p, div.social p {
    color:#888;
    font-size:14px;
    line-height:16px;
    margin:0;
}

.integration, .monetization, .social {
    display:none;
}

.overview {
    margin:30px 0 0 0;
}

.overview h4 {
    font-size:18px;
    line-height:24px;
}

.overview p {
    font-size:14px;
    line-height:18px;
    color:#888;
    margin:10px 0 0 140px;
}

.iconID {
    background-image: url(../images/orangeIcons.gif);
    background-position: -105px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 25px;
    width: 25px;
    margin:0 5px 0 10px;
}

.iconSC {
    background-image: url(../images/orangeIcons.gif);
    background-position: -140px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 25px;
    width: 25px;
    margin:0 5px 0 10px;
}

.iconNews {
    background-image: url(../images/orangeIcons.gif);
    background-position: -175px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 25px;
    width: 25px;
    margin:0 5px 0 10px;
}

.iconGraphs {
    background-image: url(../images/orangeIcons.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 25px;
    width: 25px;
    margin:0 5px 0 10px;
}

.iconLE {
    background-image: url(../images/orangeIcons.gif);
    background-position: -210px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 25px;
    width: 25px;
    margin:0 5px 0 10px;
}

.iconCorp {
    background-image: url(../images/orangeIcons.gif);
    background-position: -245px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 25px;
    width: 25px;
    margin:0 5px 0 10px;
}

.iconAll {
    background-image: url("../images/orangeIcons.gif");
    background-position: -524px 0;
    background-repeat: no-repeat;
    float: left;
    height: 25px;
    margin: 0 5px 0 10px;
    width: 25px;
}

.largeLeft .iconDoc {
    background-image: url(../images/orangeIcons.gif);
    background-position: -280px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 25px;
    width: 25px;
    margin:0 5px 0 0px;
}

.largeLeft .iconLines {
    background-image: url(../images/orangeIcons.gif);
    background-position: -315px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 25px;
    width: 25px;
    margin:0 5px 0 0px;
}

.largeLeft .iconPlay {
    background-image: url(../images/orangeIcons.gif);
    background-position: -350px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 25px;
    width: 25px;
    margin:0 5px 0 0px;
}

.largeLeft .iconMic {
    background-image: url(../images/orangeIcons.gif);
    background-position: -385px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 25px;
    width: 25px;
    margin:0 5px 0 0px;
}

.smallRight .iconDDoc {
    background-image: url(../images/orangeIcons.gif);
    background-position: -559px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 25px;
    width: 25px;
    margin:0 5px 0 20px;
}

.smallRight .iconBubble {
    background-image: url(../images/orangeIcons.gif);
    background-position: -524px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 25px;
    width: 25px;
    margin:0 5px 0 20px;
}

.smallRight .iconLines {
    background-image: url(../images/orangeIcons.gif);
    background-position: -315px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 25px;
    width: 25px;
    margin:0 5px 0 20px;
}

.smallRight .iconRSS {
    background-image: url(../images/orangeIcons.gif);
    background-position: -594px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 25px;
    width: 25px;
    margin:0 5px 0 20px;
}

.smallRight .iconPen {
    background-image: url(../images/orangeIcons.gif);
    background-position: -629px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 25px;
    width: 25px;
    margin:0 5px 0 20px;
}

.smallRight .iconTag {
    background-image: url(../images/orangeIcons.gif);
    background-position: -664px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 25px;
    width: 25px;
    margin:0 5px 0 20px;
}

.aboutContent  {
    float:left;
}

.largeLeft {
    float:left;
    width:618px;
    padding-right: 20px;
    margin:10px 0;
}

.rightBorder {
    border-right:1px solid #e5e5e5;
}

.bottomBorder {
    border-bottom:1px solid #e5e5e5;
}

.largeLeft .aboutWrapper {
    padding:20px 0;
}

.largeLeft .date {
    float: left;
    color:#888;
    font-size:14px;
    line-height:16px;
    margin: 10px 20px 0 33px;
    padding: 0 0 0 20px;
    background-image:url(../images/miniIcons.png);
    background-position:0px -147px;
    background-repeat:no-repeat;
}

.largeLeft .link {
    background-image:url(../images/miniIcons.png);
    background-position: 0 -118px;
    background-repeat: no-repeat;
    float: left;
    margin: 11px 0 0;
    padding: 0 0 0 20px;
    line-height: 13px;
}

.largeLeft h4 {
    margin:3px 0 0 3px;
    font-size:18px;
    line-height:18px;
}

.largeLeft p {
    margin:6px 0 0 3px;
    font-size:14px;
    line-height:18px;
    color:#666;
}

.smallRight {
    float:left;
    width:300px;
    margin:10px 0;
}

.smallRight .aboutWrapper {
    padding:20px 0 10px 0;
}

.smallRight .aboutWrapper h4 {
    margin:5px 0 0 20px;
    font-size:16px;
    line-height:16px;
    color:#222;
    padding:0 0 15px 0;
    text-transform:uppercase;
    font-weight:600;
    border-bottom:1px solid #e5e5e5;
}

.smallRight .aboutWrapper h3, .smallRight .aboutWrapper h3 span.more {
    margin:5px 0 0 20px;
    font-size:18px;
    line-height:22px;
    letter-spacing:-0.5px;
    color:#666;
    font-weight:normal;
}

.smallRight .aboutWrapper h3 span.more {
    display:none;
}

.smallRight .aboutContent .content {
    margin:10px 0 0 20px;
    font-size:14px;
    line-height:18px;
    color:#666;
}

.smallRight .content li.posts {
    margin:10px 0;
    padding:0 0 10px 0;
    border-bottom:1px dotted #e5e5e5;
}

.smallRight .aboutContent ul {
    padding:0;
    list-style:none;
}

.smallRight .aboutContent li .content {
    font-size:14px;
    line-height:18px;
    color:#666;
    margin:10px 0 0 0;
}

.smallRight .aboutContent li .meta {
    font-size:12px;
    line-height:18px;
    color:#bfbfbf;
}


.smallRight .aboutContent .avatar {
    padding: 0 0 10px 55px;
    background-image:url(../images/avatar.jpg);
    background-position:0px 0px;
    background-repeat:no-repeat;
    border-bottom:1px dotted #e0e0e0;
    margin:0 0 0 20px;
}

.largeRight {
    float:left;
    width:658px;
    padding-left: 20px;
    margin:10px 0;
}

.largeRight .aboutWrapper {
    padding:20px 0;
}

.largeRight h4 {
    margin:0 0 20px 0;
    font-size:18px;
    line-height:18px;
    padding:10px 0 10px 75px;
}

.largeRight p {
    margin:6px 0 0 3px;
    font-size:14px;
    line-height:18px;
    color:#666;
}

.largeRight .yellowFeature {
    position:relative;
}

.largeRight .yellowFeature img {
    position:absolute;
    top:-25px;
    left:-15px;
}

.smallLeft {
    float:left;
    width:260px;
    margin:10px 0;
}

.smallLeft li .info, .featureCase .contentRight li .info{
    padding: 0 5px 0 32px;
}

.smallLeft ul {
    margin:0 0 40px 0;
    padding:0;
    list-style:none;
}

.smallLeft li {
    font-size:16px;
    color:#888;
    padding:10px 0;
    border-bottom:1px dotted #ccc;
}

.smallLeft .aboutWrapper {
    padding:20px 0 10px 0;
}

.smallLeft .aboutWrapper h4 {
    margin:0px;
    font-size:22px;
    line-height:28px;
    color:#000;
    font-weight:600;
}

.smallLeft p {
    font-size:16px;
    line-height:20px;
    color:#888;
}


ul.arrowButton {
    padding:0;
    margin:10px 0;
}

.arrowButton .link {
    border:1px solid #ccc;
    border-radius:3px;
    padding:10px;
    font-size:16px;
    line-height:20px;
    margin:0px;
    font-weight:600;
    list-style:none;
    color:#0095BF;
    width:240px;
    height:100%; /*IE7 Fix */
    cursor:pointer; /*IE7 Fix */
}

.arrowButton .link:hover {
    color:#000;
    border:1px solid #e5e5e5;
}

.arrowButton .link:hover .miniArrow {
    opacity:0.6;
}

.arrowButton .miniArrow {
    background-image:url(../images/miniIcons.png);
    background-position:0px -195px;
    background-repeat:no-repeat;
    float:right;
    height:18px;
    width:16px;
}

.ContactForm div.FormElement {
    float: left;
    margin: 10px 10px 12px;
    *margin: 10px 10px 12px 0px; /*IE7 FIX */
    width: 305px;
}

.ContactForm label {
    color: #666666;
    display: block;
    font-size: 14px;
    width: 305px;
}

#PageContent_AgreeToTermsLabel {
    width:auto;
}

.ContactForm div.LargeFormElement {
    float: left;
    margin: 0 10px 10px;
}

.ContactForm div.LargeFormElement textarea {
    width: 620px;    
}

.ContactForm input {
    width: 295px;
}

.ContactForm .checkbox input {
    width: auto;
    float: left;
}

.ContactForm #PageContent_AgreeToTerms, .ContactForm #PageContent_Button1, .ContactForm #PageContent_Button2 {
    width:auto !important;
    float:left;
}

.ContactForm span input, .checkbox span {
    width: auto !important;
    color: #666666;
    font-size: 14px;
}

.ContactForm .checkbox input {
    width: auto !important;
    float: left;
    margin-right: 5px;
}

.frameRight
{
    float: none;
}

.frameRight h4
{
    padding-left: 85px;
}

.frameRight .yellowFeature img
{
    left: -5px;
}

#PageContent_TopMessage, #PageContent_ErrorMessage {
    font-size:14px;
    padding:5px 0 0 10px;
}

#PageContent_ErrorMessage {
    color: Red;
    clear: both;
    margin: 0;
}

label.Error {
    color: Red !important;
}

.ErrorMessage{
    color: Red !important;
    clear: left;
}

.ErrorMessage.Success
{
    color: Green !important;
}

.ErrorMessage.InProgress
{
    color: #000 !important;
}

.ContactForm #PageContent_AgreeToTerms, .ContactForm #PageContent_Button1, .ContactForm #PageContent_Button2 {
    width:auto !important;
    float:left;
}

.ContactForm span input, .checkbox span {
    width: auto;
    color: #666666;
    font-size: 14px;
}

 .ContactForm select {
    width: 310px;
}

#LoginForm input.Hidden {
    display: none;
}

.ContactForm div.LargeFormElement textarea,.ContactForm input, .ContactForm select,.ContactForm div.LargeFormElement, .ContactForm div.FormElement, .frameRight, .ContactForm label {
    width: 100%;    
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}


.bio{
    position:relative;  
    display:inline;
    height:100%; 
    zoom:1; /* IE7 Fix */
}

.portrait {
    background-repeat:no-repeat;
    height:120px;
    width:120px;
    display: inline-block;
    border-radius: 3px;
    background-position:0 0;
}

.rowDavid {
    background:url(../images/portraits/david.jpg?1);
}

.rowMesian {
    background:url(../images/portraits/mesian.jpg?1);
}

.rowPaul {
    background:url(../images/portraits/paul.jpg?1);
}

.rowJon2 {
    background:url(../images/portraits/jon.jpg?1);
}

.rowRajen {
    background:url(../images/portraits/rajen.jpg?1);
}

.rowJonC {
    background:url(../images/portraits/jonc.jpg?1);
}

.rowMike {
    background:url(../images/portraits/mike2.jpg?1);
}

.rowAJ {
    background:url(../images/portraits/aj.jpg?1);
}

.rowSabrina {
    background:url(../images/portraits/sabrina.jpg?1);
}

.rowLori {
    background:url(../images/portraits/lori.jpg?1);
}

.rowAA {
    background:url(../images/portraits/michael.jpg?1);
}

.rowAB {
    background:url(../images/portraits/jonathan.jpg?1);
}

.rowAC {
    background:url(../images/portraits/markW.jpg?1);
}

.rowAD {
    background:url(../images/portraits/kate.jpg?1);
}

.rowAE {
    background:url(../images/portraits/vince.jpg?1);
}
.rowBA {
    background:url(../images/portraits/jason.jpg?1);
}

.rowBB {
    background:url(../images/portraits/frank.jpg?1);
}

.rowBC {
    background:url(../images/portraits/craig.jpg?1);
}

.rowBD {
    background:url(../images/portraits/jp.jpg?1);
}

.rowBE {
    background:url(../images/portraits/mattM.jpg?1);
}
.rowCA {
    background:url(../images/portraits/sean.jpg?1);
}

.rowCB {
    background:url(../images/portraits/katy.jpg?1);
}

.rowCC {
    background:url(../images/portraits/dana.jpg?1);
}

.rowCD {
    background:url(../images/portraits/mony.jpg?1);
}

.rowCE {
    background:url(../images/portraits/took.jpg?1);
}
.rowDA {
    background:url(../images/portraits/markB.jpg?1);
}

.rowDB {
    background:url(../images/portraits/oliver.jpg?1);
}

.rowDC {
    background:url(../images/portraits/zoltan.jpg?1);
}

.rowDD {
    background:url(../images/portraits/graham.jpg?1);
}

.rowDE {
    background:url(../images/portraits/james.jpg?1);
}
.rowEA {
    background:url(../images/portraits/eddy.jpg?1);
}

.rowEB {
    background:url(../images/portraits/gerald.jpg?1);
}

.rowEC {
    background:url(../images/portraits/faisal.jpg?1);
}

.rowED {
    background:url(../images/portraits/lee.jpg?1);
}

.rowEE {
    background:url(../images/portraits/raajiv.jpg?1);
}
.rowFA {
    background:url(../images/portraits/andrey.jpg?1);
}

.rowFB {
    background:url(../images/portraits/richard.jpg?1);
}

.rowFC {
    background:url(../images/portraits/muhammad.jpg?1);
}

.rowNeil {
    background:url(../images/portraits/neil.jpg?1);
}

.rowJon {
    background:url(../images/portraits/jonNg.jpg?1);
}

.rowFE {
    background:url(../images/portraits/krzysztof.jpg?1);
}
.rowGA {
    background:url(../images/portraits/mattD.jpg?1);
}

.rowGB {
    background:url(../images/portraits/eleanor.jpg?1);
}

.rowGC {
    background:url(../images/portraits/allendria.jpg?1);
}

.rowGD {
    background:url(../images/portraits/lillo.jpg?1);
}

.rowGE {
    background:url(../images/portraits/kasimir.jpg?1);
}
.rowHA {
    background:url(../images/portraits/gord.jpg?1);
}

.rowHB {
    background:url(../images/portraits/michaelH.jpg?1);
}

.rowHC {
    background:url(../images/portraits/michaelF.jpg?1);
}

.rowHD {
    background:url(../images/portraits/carol.jpg?1);
}

.rowHE {
    background:url(../images/portraits/sandy.jpg?1);
}

.rowGraemeMacfarlane {
    background:url(../images/portraits/graeme.jpg?1);
}

.rowMilesKenyon {
    background:url(../images/portraits/miles.jpg?1);
}

.rowKaleighMckay {
    background:url(../images/portraits/kaleigh.jpg?1);
}




.portrait:hover {
    background-position:0px -130px;
}


.orangePopup {
    background:url(../images/orangeBubble.png);
    display: none;
    height: 174px;
    left: 70px;
    position: absolute;
    top: -280px;
    *top:-180px; /* IE7 FIX */
    width: 204px;
    z-index: 1;
    padding:8px;
    zoom:1;
}
.orangePopup h3 {
    margin:0 0 10px;
    color: #FFFFFF;
    font-size:18px;
    letter-spacing:-0.5px;
}

.orangePopup p {
    color: #FFFFFF;  
    font-size:14px;  
}

.largeLeft .bio:hover .orangePopup{
    display:inline;
}

.execs {
    padding:20px 0;
}

.execs .feature {
    margin: 0 20px 0 0;
    float:left;
}

#container .grid_3 .execs h4, .execs h4{
    color: #333333;
    font-size: 18px;
    font-weight: 600;
    margin:0;
}

#container .grid_3 .execs h3 , .execs h3{
    color: #666666;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.grid_3 .execs p {
    color: #878787;
    font-size: 14px;
    line-height: 20px;
    margin: 5px 0px 5px 0px;
}

.execs p.fixed {
    float: right;
    margin: 10px 5px 10px 0px;
    width: 695px;
    color: #878787;
}

.execs h4 span.linkedIn {
    background:url(../images/orangeIcons.gif);
    background-position: -420px 0px;
    background-repeat: no-repeat;
    height:25px;
    width:26px;
    float:right;
}

.execs h4 span.twitter {
    background:url(../images/orangeIcons.gif);
    background-position: -455px 0px;
    background-repeat: no-repeat;
    height:25px;
    width:26px;
    float:right;
}

.execs h4 span.radioFM {
    background:url(../images/orangeIcons.gif);
    background-position: -490px 0px;
    background-repeat: no-repeat;
    height:25px;
    width:26px;
    float:right;
}

.featureNews {
    border:1px solid #e5e5e5;
    box-shadow:0px 0px 2px #e5e5e5;
    -moz-box-shadow:0px 0px 2px #e5e5e5;
    -webkit-box-shadow:0px 0px 2px #e5e5e5;
    border-radius:4px;
    background:url(../images/productNews.jpg); 
    width:940px;
    height:497px;   
    margin:20px 0;
    position:relative;
}

.featureSports {
    border:1px solid #e5e5e5;
    box-shadow:0px 0px 2px #e5e5e5;
    -moz-box-shadow:0px 0px 2px #e5e5e5;
    -webkit-box-shadow:0px 0px 2px #e5e5e5;
    border-radius:4px;
    background:url(../images/productSports.jpg); 
    width:940px;
    height:497px;   
    margin:20px 0;
    position:relative;
}

.featureAll {
    border:1px solid #e5e5e5;
    box-shadow:0px 0px 2px #e5e5e5;
    -moz-box-shadow:0px 0px 2px #e5e5e5;
    -webkit-box-shadow:0px 0px 2px #e5e5e5;
    border-radius:4px;
    background:url(../images/productAll.jpg); 
    width:940px;
    height:497px;   
    margin:20px 0;
    position:relative;
}

.featureCorp {
    border:1px solid #e5e5e5;
    box-shadow:0px 0px 2px #e5e5e5;
    -moz-box-shadow:0px 0px 2px #e5e5e5;
    -webkit-box-shadow:0px 0px 2px #e5e5e5;
    border-radius:4px;
    background:url(../images/productCorp.jpg); 
    width:940px;
    height:497px;   
    margin:20px 0;
    position:relative;
}

.featureEvents {
    border:1px solid #e5e5e5;
    box-shadow:0px 0px 2px #e5e5e5;
    -moz-box-shadow:0px 0px 2px #e5e5e5;
    -webkit-box-shadow:0px 0px 2px #e5e5e5;
    border-radius:4px;
    background:url(../images/productEvents.jpg); 
    width:940px;
    height:497px;   
    margin:20px 0;
    position:relative;
}

.featureID {
    border:1px solid #e5e5e5;
    box-shadow:0px 0px 2px #e5e5e5;
    -moz-box-shadow:0px 0px 2px #e5e5e5;
    -webkit-box-shadow:0px 0px 2px #e5e5e5;
    border-radius:4px;
    background:url(../images/productID.jpg); 
    width:940px;
    height:497px;   
    margin:20px 0;
    position:relative;
}

.featureAll .contentLeft a:hover, .featureSports .contentLeft a:hover, .featureEvents .contentLeft a:hover {
    color:#fff;
}

.featureCase .contentLeft {
    width:43%;
    padding:20px;
}

.featureCase .contentLeft h4 {
    margin:0;
    padding:0;
    font-size:26px;
    color:#000;
    font-weight:600;    
}

.featureCase .contentLeft p {
    font-size:16px;
    color:#888;
}

.featureCase .wrapper {
    margin:10px 20px;
    background:#FFF;
    border-radius:3px;
    position:absolute;
    bottom:0;
}

.featureCase .videoFeature {
    /*border: 1px solid #eee;*/
    border:none;
    margin: 20px;
    padding: 0;
    width:55%;
}

.featureCase .videoFeature p {
    color: #888888;
    font-size: 18px;
    font-weight: 600;
}

.featureCase .contentRight {
    border-left: 1px solid #EEEEEE;
    float: left;
    margin: 20px 0;
    width: 35%;
    padding: 0 0 0 20px;
}

.featureCase .contentRight ul {
    list-style: none outside none;
    margin: 0px;
    padding: 0;
}

.featureCase .contentRight li {
    border-bottom: 1px dotted #CCCCCC;
    color: #888888;
    font-size: 16px;
    line-height: 18px;
    padding: 10px 0px;
    font-weight:600;
}

.featureCase .contentRight h4 {
    font-size:22px;
    margin:10px 0;
    font-weight:600; 
}

.featureCase .contentRight p {
    text-align:center;
}

.caseLeft {
    float:left;
    width:300px;
    margin:0px;
}

.caseRight {
    float:left;
    width:600px;
    margin:0px 20px;
}

.arrowLeft {
    background:#e5e5e5;
    height: 50px;
    position: absolute;
    left: -35px;
    top: 100px;
    width: 35px;
    border-radius: 40px 0 0 40px;
}

.arrowLeft span {
    font-size: 35px;
    font-weight: 800;
    right: 5px;
    position: absolute;
    top: 4px;
    color: #888;
    cursor:pointer;
}

.arrowRight span {
    font-size: 35px;
    font-weight: 800;
    left: 5px;
    position: absolute;
    top: 4px;
    color: #888;
    cursor:pointer;
}

.arrowRight {
    background:#e5e5e5;
    height: 50px;
    position: absolute;
    right: -35px;
    top: 100px;
    width: 35px;
    border-radius: 0px 40px 40px 0;
}

.caseRight .content {
    color:#333;
    padding:15px 0 0 20px;
    font-weight:600;
    font-size:18px;
    border-bottom:1px solid #e5e5e5;
}

.caseRight .wrapper h4 {
    color:#47494a;    
    font-size:14px;
    text-transform:uppercase;
    margin:10px 0 0 0;
}

.caseRight .wrapper p {
    color:#666;    
    font-size:14px;
}

.client {
    border:1px solid #e5e5e5;
    border-radius:3px;
}

.client .logo {
    border-bottom:1px solid #e5e5e5;
    padding:10px;
}

.client .content {
    background:#f2f2f2;
    padding: 20px 15px;
    font-size:14px;
 }

.client .content p {
    color:#666;
    font-size:14px;
    font-weight:600;
    border-bottom:1px solid #e5e5e5;
    padding:0 0 10px 0;
    margin: 0 0 10px 0;
}

.blockquote {
    background: url(../images/blockquotes.png);
    float: left;
    width: 58px;
    height: 44px;
    position: absolute;
    z-index: -1;
}

.login {
    margin:100px 0 150px;
}

.login .wrapper {
    margin:0 auto;
    width:510px;
}

.login .SignIn label {
    color: #666666;
    display: inline;
    float: left;
    font-size: 16px;
    padding: 15px 0 0 0;
    clear:both;
}

.login .SignIn input {
    float: right;
    margin: 10px 0;
    width: 350px !important;
}

.login .blueButton {
    margin: 0 0 0 136px;
    float:left;
}

.login .password {
    float:right;
}

.login .SignIn .yellowFeature {
    padding:20px 10px 20px 0;
    width: 510px;
    display:none;
}

.yellowFeature #PageContent_Fields #PageContent_Button1 {
  margin:0 0 10px 50px;  
}

.yellowFeature #PageContent_Fields input {
  margin:0 0 10px 10px;  
}

.yellowFeature #PageContent_Instructions, .yellowFeature #PageContent_Fields {
    margin:10px 0 0 10px;
    font-weight:600;
}



/******* Mobile ********/

#OneFeature .Feature h4 {
    margin-top: 0;
}

.FeatureLists p, #OneFeature .Feature p {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    margin: 0;
}

.FeatureLists {
    width: 940px;
}

.FeatureLists .SubSection {
    border: 0;
    margin: 0;
    padding: 0;
}

.FeatureLists .Last {
    margin-right: 0;
}

#OneFeature {
    float: left;
    width: 940px;
    background: #F5F5F5;
    border-radius:10px;
    border: 1px solid #F5F5F5;
}

#OneFeature h3 {
    font-size: 24px;
    color: #000;
    margin: 0 0 40px;
}

#OneFeature .SubSection {
    margin: 0;
    padding: 0;
    border: 0;
}

#OneFeature .Feature {
    background: #f5f5f5;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 20px;
    width: 900px;
}

#OneFeature .Feature img {
    float: left;
}

#OneFeature .SubSection ul li {
    float: none;
    width: auto;
    font-size:14px;
}

#OneFeature #AppDownloads {
    float: right;
    padding: 10px 0 0;
    width: 415px;
}

#AppDownloads a {
    float: left;
}

#ImageMap {
    width:250px;
    height:285px;
    background:url(/Style/Images/Features/MobileApps.jpg) no-repeat;
    position:relative;
    float:left;
} 

#ImageMap a {
    display:block;
    position:absolute;
} 

#ImageMap a#BBLink {
    left:12px;
    top:55px;
    height:145px;
    width:58px;
} 

#ImageMap a#IphoneLink {
    left:70px;
    top:30px;
    height:190px;
    width:99px;
}

#ImageMap a#AndroidLink {
    left:169px;
    top:55px;
    height:145px;
    width:60px;
}


#AppDownloads a.BBAppDownload {
    font-size: 10px;
    float: right;
    clear: left;
    margin-top: 5px;
}

#OneFeature a.AndroidAppStoreButton {
    display: block;
    width: 138px;
    height: 45px;
    text-indent: -9999px;
    background: url(/Images/AndroidAppButton.gif) no-repeat;   
    margin-left: 10px;
}

#OneFeature a.AppleAppStoreButton {
    display: block;
    width: 138px;
    height: 45px;
    text-indent: -9999px;
    background: url(Images/AppleAppStoreButton.gif) no-repeat;   
    margin-left: 10px;
}

#OneFeature a.BlackBerryAppStoreButton {
    display: block;
    width: 107px;
    height: 45px;
    text-indent: -9999px;
    background: url(Images/BBAppWorld.gif) no-repeat;
    margin-left: 10px;
}

#OneFeature #FeatureContent {
    float: right;
    width: 620px;
    margin-left: 20px;
}

#FeatureContent ul {
    padding:0;
}

#FeatureContent li {
    margin:5px 0;
}

#FeatureContent .miniCheck {
    margin:5px 10px;
}

#Content {
    padding:10px 0;
}

.Mobile h4 {
    padding:3px 0 0px 30px;
    margin:0;
}

.Mobile p {
    margin:0 0 10px 30px;
}

.Plan {
    width:280px;
    height:540px;
    background:url(../images/headerBG.gif);
    background-repeat: repeat; 
    float:left;
    margin-right:20px;
    padding:10px 5px;
    text-align:center;
    border-radius:10px;
    overflow:hidden;
    font-size:14px;
}

.Plan h3 {
    margin:10px 0 20px 0;
    font-size:30px;
}

.Plan p {
    margin:20px 0 10px;
    border-top:1px inset #D9D9D9;
    padding:10px 0 0 0;
}

.Plan ul {
    text-align:left;
    padding:0 15px 0 20px;
}

.Plan ul li 
{
    list-style-type:disc;
    margin:0px;
    padding:0px 0 0 0;
    line-height:18px;
}


/************ RECENT POSTS ************/
#RecentPostsList {
    margin:0;
    padding:0;
}

ul.RecentPostsWidget {
	margin: 10px 0 0 20px;
	padding: 0;
	list-style-type: none;
	float: left;
}

ul.RecentPostsWidget li {
    border-bottom: 1px solid #e8e8e8;
    float: left;
    list-style-type: none;
    margin: 0 5px 10px 5px ;
    width:100%;
}

ul.RecentPostsWidget li .Content img {
    margin: 0 0 10px 0;
    width: 150px;
    display:block;
    float:none;
}

ul.RecentPostsWidget li img {
    float: left;
    margin: 0 10px 0 0;
    display:inline-block;
    zoom:1;
}

ul.RecentPostsWidget li .Content {
	padding-bottom: 5px;
	color: #333;
	font-size:14px;
}

ul.RecentPostsWidget li .Content object, ul.RecentPostsWidget li .Content embed {
    width: 200px !important;
    height: auto !important;
}

ul.RecentPostsWidget li .Meta {
	font-size: 11px;
	color: #555;
	clear:both;
	margin:0 0 10px 0;
	padding: 5px 0 0 0;
}

ul.RecentPostsWidget li .Meta .ServerTime {
	display: none;
}

dd.Voting {
	color: green;
}

/** ScribbleU Nav **/

.headerTop .Left {
    width:300px;
}

.headerTop .Right {
    width:465px;
}

#ScribbleU {
    padding:0 0 0 350px;
    *padding:0 0 0 50px; /* IE7 Fix */
    width:175px;
    position:relative;
}

#ScribbleU img { 
    top:-32px;
    position:absolute;
}

/** ScribbleU Page **/

#SU .tagLine {
    font-size:15px;
    color:#4c4c4c;
    line-height:100%;
    padding:10px 0;
	border: 0px;
}

#SU .greyHeader {
    text-align:center;
    border-radius:5px;
    background-color:#f3f3f3;
    margin: 30px 0;
	padding: 8px 0;
}

	#SU .greyHeader h3 {
		font-size:22px;
		color: #333;
		margin: 10px 0;
		text-align: center;
	}

	#SU .greyHeader p {
		font-size:14px;
		color:#4c4c4c;
		line-height:18px;
	}	

	#SU .col {
		position: relative;
		float: left;
		width: 270px;
		height: 290px;
		margin: 0 20px 0 0;
		padding-right: 20px;
		text-align: left;
		border-right: 1px dotted #999;
	}
	#SU .col.first {
		margin-left: 25px;
	}
	#SU .col.last {
		margin-right: 0px;
		padding-right: 0;
		border: 0;
	}

	#SU .col .takeme {
		position: absolute;
		bottom: 10px;
		right: 10px;
		margin: 10px 10px 0 0;
		font-size: 13px;
		padding: 2px 7px;
	}
		#SU .col .takeme a { color: #fff; }
		#SU .col .takeme a:hover { color: #fff; }

	#SU .greyHeader .col ul {
		float: none;
		margin: 0;
		padding: 0;
		list-style: disc;
	}
		#SU .greyHeader .col ul li {
			float: none;
			display: list-item;
			margin: 0 0 0 20px;
			list-style: disc;
			font-size: 14px;
			color: #4c4c4c;
		}
		#SU .greyHeader .col ul li a { 
			margin: 0;
			padding: 0;
			color: #0095bf;	
		}
		#SU .greyHeader .col ul li a:hover { text-decoration: underline; }

#SU .contentFull {
	margin: 0 0 50px 0;
}

#SU .contentFull .ScribbleU.course-left {
	margin: 20px 90px 20px 0;
}

#SU hr {
	border: 0;
	border-top: 1px dotted #ccc;
}

.ScribbleU {
    width:425px;
    margin: 0;
    color:#4c4c4c;
}

#SU .ScribbleU {
	float: left;
	margin: 20px 0;
}

#SU .ScribbleU .icon { 
	float: left;
	width: 60px;
	height: 60px;
	background: url(/Images/scribbleU_icons_sprite.png) -5px -5px no-repeat;
}
	#SU .ScribbleU.beginner .icon { background-position: -5px -5px; }
	#SU .ScribbleU.advanced .icon { background-position: -5px -69px; }
	#SU .ScribbleU.bnews .icon { background-position: -2px -130px; }
	#SU .ScribbleU.sports .icon { background-position: -2px -198px; }
	#SU .ScribbleU.arts .icon { background-position: -2px -267px; }
	#SU .ScribbleU.ethics .icon { background-position: -2px -331px; }
	#SU .ScribbleU.court .icon { background-position: -2px -394px; }
	#SU .ScribbleU.monetize .icon { background-position: -2px -462px; }

.ScribbleU img {
    float:left;
    padding:0 10px 0 0;
}

.ScribbleU h2 {
    margin: 13px 0 0 0;
    font-size:24px;
}

.ScribbleU h4 {
    margin:0 0 10px 0;
    font-size:14px;
    color:#999;
}

#SU .ScribbleU h2, 
#SU .ScribbleU h4 {
	margin-left: 70px;
}

.ScribbleU p {
    margin:10px 0 0 0;
    font-size:14px;
    color:#333;
}

.ScribbleU span.more {
    font-weight:bold;
    display:none;
    line-height:30px;
}

.ScribbleU span ul {
    margin:5px 0;
}

.ScribbleU span ul li  {
    list-style:disc;
    font-weight:normal;
    font-size:14px;
    margin:3px 0;
    line-height:22px;
}

.contentArea img {
    float:left;
    padding:0 10px 0 0;
}

.contentArea h2 {
    margin:8px 0 0 0;
    font-size:24px;
    color:#007798;
    display:inline-block;
}

.contentArea h4 {
    margin:0 0 10px 0;
    font-size:14px;
    color:#999;  
}

.contentArea ul {
    margin:5px 0;
}

.contentArea ul li {
    list-style:disc;
    font-size:14px;
    color:#999;
}

.SUpopA, .SUpopB, .SUpopC, .popMC {
    text-decoration:underline;
}

/*  Popup   */

.backgroundPopup  {
    display: none;
    position: fixed;
    _position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: url("/Style/libs/colorbox/images/overlay.png") repeat scroll 0 0 transparent;
    border: 1px solid #cecece;
    z-index: 1;
    filter:alpha(opacity=50);
    zoom:1;
}
    
.contentArea {
    padding:15px 20px 20px; 
    margin: 0px;
    color:#333;
    font-size:16px;
}

.popupWrapperA, .popupWrapperB, .popupWrapperC, .popupWrapperD, .mailChimp {
    display: none;
    position: fixed;
    _position: absolute;
    background: #FFFFFF;
    border: 2px solid #cecece;
    z-index: 2;
    padding: 12px 12px 20px;
    border-radius: 10px;
}

.popupWrapperC {
    width:450px;
}
        
.popupClose {
    background: url("/Style/libs/colorbox/images/controls.png") no-repeat scroll -25px 0 transparent;
    top: 1px;
    height: 25px;
    position: absolute;
    right: 2px;
    width: 25px;
}

.popupClose:hover {
    background-position: -25px -25px;
}

* html .popupWrapper  {
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+((documentElement.clientHeight-this.clientHeight)/2 )
: document.body.scrollTop
+((document.body.clientHeight-this.clientHeight)/2));
}


.HomePageVideo
{
    text-align:center;
    
}

/** Syndication Marketplace **/

#SM .content h2 {
    font-size:26px;
    font-weight:normal;
    color:#4c4c4c;
    text-align:center;
}

#SM .content h3 {
    font-size:18px;
    font-weight:normal;
    color:#333;
    text-align:center;
}

#SM .content p {
    font-size:16px;
    font-family:"OpenSans", "Signika",Helvetica, Sans-Serif;
    color:#4c4c4c;
    text-align:center;
}

#SM .content .greyFull {
    height:125px;
    padding-top:1px;
    background:#F3F3F3;
    text-align:center;
    margin:0 -51%;
}

#SM .content .greyFull p {
    font-size:17px;
    font-weight:bold;
    color:#333;
}

#SM .content .greyFull .blueButton {
    padding:5px 40px;
}

.awards .section, .awards img {
    float:left;
    margin:10px 20px 10px 0;
    clear:both;
}