/*
 * unRefer.com - Hide your referer
 * Copyright 2008
 */

html, td, th, input, textarea {
  font: 11px Tahoma, Arial, sans serif;
}

body#body {
  font-family: arial, sans-serif;
  padding: 0;
  margin: 0;
}

#body {
  background: #b4cfe5 /**/ url('../images/background.gif') repeat-x fixed top left;
}
#body.loggedin {
  background: #86a6d4 /**/ url('../images/background_inside.gif') repeat-x fixed top left;
  overflow: hidden;
}
#body.extensionloggingin { 
  overflow: hidden;
}
#body.loggedout {
  background: #8e8e8e /**/ url('../images/background_grayed.gif') repeat-x fixed top left;
  overflow: auto;
}
#body.loggedout .bodyBg {
  background: #c3cdd6;
}

body.chromeless {
  background-color: #f7f7f7 !important;
}
.blankBackground {
  background: url('../images/blank.gif');
}

#frontpagecontainer {
  padding: 0 1em; text-align: center; min-width: 760px;
}
#frontpage {
  text-align: left;
  margin: 0 auto;
  padding: 2em 0 0 0;
  width: 760px;
}

h2, h3 {
  font-family: "Arial Rounded MT Bold", Tahoma, sans-serif;
}

.outerUnreferLogo {
  border: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
}

.innerUnreferLogo { 
  position: absolute;
  top: 5px;
  left: 37px;
}

#unreferLogo {
  width: 158px;
  height: 57px;
  background: transparent url('../images/unreferlogo.png') no-repeat top left;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/unreferlogo.png');
  _background: transparent;
}

.blackcorner *, .innerUnReferLinksOverlay div {
  background: #7094c8;
  border-color: #7094c8;
}
.innerUnReferLinksOverlay {
  position: absolute;
  top: 67px;
  left: 14px;
  z-index: 0;
  opacity: 0.5;
}


.unreferalert { 
  display: block;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 13px;
  color: #FFFFFF;
  position: absolute;
  top: 140px;
  left: 20px;
}

#unreferlinks {
  float: right;
  font-size: 12px;
  margin-top: 1em;
  text-transform: lowercase;
}

#unreferlinks a {
  color: white;
  padding: 2px 5px;
}

#slogan {
  font-size: 20px;
  font-weight: normal;
  color: white;
  letter-spacing: 0.05em;
  margin-bottom: 0;
  padding-bottom: 16px;
}

/********** Login boxes */

.right-side { width: 280px; float: right; }
.left-side { width: 280px; float: left; }
#loginboxes, #signupbox { width: 460px; float: left; }
#unreferloginbox { padding: 3px 8px; }
#loginboxescontent { padding-top: 3px; }

#loginboxescontent, .loginboxcontent, .loginboxcontent a,
#unreferlogincontent, #unreferlogincontent a {
  color: #4468a3;
  text-transform: lowercase;
  font-family: Helvetica, Arial, sans-serif;
}

#loginbuttons label, #morenetworks, #morenetworks a { 
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  color: white;
  text-transform: lowercase;
}

#unrefersignupcontent h3 { 
  margin-top: 6px;
}

#unrefersignupcontent { 
  color: white;
  padding: 3px 16px;
}

#unrefersignupcontent h3 { 
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0.5em;
}

#unrefersignupcontent ul {
  font-size: 12px; 
  padding: 24px 0 9px 12px;
  margin: 0;
} 

#unrefersignupcontent li {
  margin-bottom: 9px;
}

#signupnow { 
  font-size: 20px;
  text-decoration: underline;
  text-align: right;
  font-family: 'Arial Rounded MT Bold', Arial, sans-serif;
  cursor: pointer;
} 

#signupnow a {
  color: #ffffff;
} 

#unreferlogincontent label, .loginboxcontent label { 
  color: #4468a3;
  text-transform: lowercase;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}

#unrefersignon, #imsignon { text-transform: none; }

#morenetworks a { text-decoration: none; }

.loginbox {
  float: left;
  display: inline; /* IE bug, see: <http://www.positioniseverything.net/explorer/doubled-margin.html> */
  margin: 0 0 8px 8px;
  width: 444px;
}

.loginboxcontent, #unreferlogincontent { padding: 0 5px; }

/* network icon images */
.protocolicon { width: 40px; height: 40px; }
.unrefericon { width: 48px; } /* special case */

.loginboxheader, .unreferloginheader {
  color: #4468a3;
  font-weight: normal;
  font-size: 20px;
  padding-top: 0.5em;
  margin: 0;
  float: left;
}
.unreferloginheader { padding-top: 6px; padding-left: 1.1em; }

#loginerrormessage {
  color: #dcebff;
  background: #7a9bc5;
  padding-left: 4px;
  font-weight: bold;
}


.loginboxcontent img, #unreferlogincontent img.unreferlogo {
  margin: 0 1em;
  float: left;
}

.loginboxcontent td.label, #unreferlogincontent td.label { text-align: right; color: #5276ac; }
.loginboxcontent td.label {
  padding-left: 2px;
}

.loginboxcontent table, #unreferlogincontent table { clear: both; }

#morenetworks, .loginboxcontent label,
#unreferlogincontent label, #loginerrormessage {
  font-size: 13px;
}

.loginboxlinks, #unreferpasswordlink {
  font-size: 11px;
  padding-top: 8px;
  text-align: right;
}

.loginboxlinks a, #unreferpasswordlink a { padding: 0 2px; }

.loginboxcontent input { width: 345px; }
#unreferpassword, #unreferid, #password, #confirm { width: 140px; }
#signupbox #unreferid, #signupbox #password, #signupbox #confirm { width: 345px; }
.loginboxcontent input, #unreferpassword, #unreferid {
  border: 1px #3664A1 solid;
  background: #e9f0f5;
}
.loginboxcontent input, #unreferpassword, #unreferid {
  padding-left: 2px;
  margin: 1px 1px 1px 1px;
}


#loginbuttons { float: right; display: inline; }
#loginbuttons label { font-size: 12px; }

#loginbuttons, .unreferbuttons table,
#loginbuttons tr, .unreferbuttons tr,
#loginbuttons td, .unreferbuttons td {
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
}

#loginbuttons td, .unreferbuttons td {
  padding-left: 0.3em;
}

.unreferloginform { text-align: center; }
.unreferloginform table { margin: 0 auto; text-align: left; }
.unreferbuttons { text-align: right; padding: 12px 12px 6px 0; }
.unreferbuttons table { margin: 0 0 0 auto; }

.unreferprofilebox table { margin: 0 auto; text-align: left; }

.unreferprofilebox td {
  width: 10em;
}

.unreferprofilebox td.label {
  text-align: right;
  color: #5276ac;
  width: 2em;
}

#loginerrormessage { margin: 0 8px; }
#morenetworks, #loginbuttons {
  margin: 0 8px;
}
#loginbuttons td { padding-top: 6px; }

#morenetworks { float: left; display: inline; }
#morenetworks a img { border: none; }

#morenetworks.morenetworks .fewernetworkslink { display: none; }
#morenetworks.fewernetworks .morenetworkslink { display: none; }
#morenetworks.fewernetworks .morenetworksnetwork { visibility: hidden; }

.signUpArrow {
  position: relative;
  top: 3px;
  margin-left: 5px;
  margin-right: -2px;
}

  .logonalert {
        font-family: Tahoma, Arial, Sans Serif;
        font-size: 12px;
        width: 370px;
        height: 85px;
        left: 46px;
        top: 407px;
        margin: 0px;
        position: absolute;
        visibility: hidden;
  }


.mocklinks {
  text-decoration: underline;
  cursor: pointer;
  color: #ffffff; 
}


.mocklinksblue {
  text-decoration: underline;
  cursor: pointer;
  color: blue; 
}

#copyright {
  color: #677788;
  text-align: center;
  padding-top: 12px;
}

#copyright, #languagelinks, #languagelinks select { font-size: 11px; }
#languagelinks { text-align: center; padding-top: 75px; clear: both; }

#languagelinks, #languagelinks a {
  color: #677788;
  text-decoration: none;
}

.biz-links {
  text-align: center;
  padding-top: 12px;
  margin: 0;
}

.biz-links a {
  padding: 0 4px;
  color: rgb(103, 119, 136);
}


/******** unRefer bubble Watermark */

.watermarkcorner1 * { background: url(../images/watermark.gif) no-repeat -6px 0; }
.watermarkcorner2 * { background: url(../images/watermark.gif) no-repeat -3px -1px; }
.watermarkcorner3 { background: url(../images/watermark.gif) no-repeat -2px -2px; }
.watermarkcorner4 { background: url(../images/watermark.gif) no-repeat -1px -3px; }
.watermarkcorner5 { background: url(../images/watermark.gif) no-repeat -1px -4px; }
#unreferlogincontent { /*background: url(../images/watermark.gif) no-repeat 0 -5px;*/ }
#unreferlogincontentwrapper { /*background: url(../images/watermark.gif) no-repeat -5px -5px;*/ }


/******** Style definitions to get the corners */

.corner { display: block; }
.corner * { display: block; height: 1px; overflow: hidden; font-size: 0; }
.corner1 { padding: 0 1px; margin: 0 3px; }
.corner2 { padding: 0 1px; margin: 0 1px; }
.corner3 { margin: 0 1px; }
.corner1, .corner2, .corner3, .corner4, .corner5 {
  border-width: 0 1px;
  border-style: solid;
}

/* outer login box */
#unreferloginbox, #loginboxescontent, #unrefersignupcontent, .darkbluecorner * { background: #7a9bc5; }
.darkbluecorner1 { border-color: #9bb9d7; background: #88a8cd; }
.darkbluecorner2 { border-color: #aecae2; background: #85a5cb; }
.darkbluecorner3 { border-color: #85a5cb; }
.darkbluecorner4 { border-color: #9bb9d7; }
.darkbluecorner5 { border-color: #88a8cd; }

/* inner login boxes */
#unreferlogincontent, .loginboxcontent, .loginboxcontentwrapper,
#unreferlogincontentwrapper, .lightbluecorner * { background-color: #f7faff; }
.lightbluecorner1 { border-color: #b0c4de; background: #d8e3f1; }
.lightbluecorner2 { border-color: #87a5cb; background: #dfe8f4; }
.lightbluecorner3 { border-color: #dfe8f4; }
.lightbluecorner4 { border-color: #b0c4de; }
.lightbluecorner5 { border-color: #d8e3f1; }

/* orange alert bg colour */
.loginerror .loginboxcontent, .loginerror #unreferlogincontent,
.loginerror .lightbluecorner * { background: #faad69; }
.loginerror .lightbluecorner1 { border-color: #b1a39d; background: #daa980; }
.loginerror .lightbluecorner2 { border-color: #879dbc; background: #e2aa7a; }
.loginerror .lightbluecorner3 { border-color: #e2aa7a; }
.loginerror .lightbluecorner4 { border-color: #b1a39d; }
.loginerror .lightbluecorner5 { border-color: #daa980; }

/* top-left orange corner of the watermark */
/*.watermarkcorner * { background: #fbe4cd; }*/
.watermarkcorner1 { border-left-color: #b2bac8; background: #dbd2cb; }
.watermarkcorner2 { border-left-color: #87a2c6; background: #e3d6cb; }
.watermarkcorner3 { border-left-color: #e3d6cb; }
.watermarkcorner4 { border-left-color: #b2bac8; }
.watermarkcorner5 { border-left-color: #dbd2cb; }

.table-header .actions {
  position: relative;
  right: 5px;
  top: 5px;
  text-align: right;
}

.table-header div.actions a {
  float: right;
  font: bold 14px arial;
  letter-spacing: -1px;
  text-decoration: none;
  padding: 1px 2px;
  white-space: nowrap;
  margin-left: 5px;
  background-position: 1px 50%;
  background-repeat: no-repeat;
}

/* Table :: Actions (Edit, Delete)
   ============================= */

tr.record td.actions {
/*   border-right: solid 1px #ccc; */
  padding: 0;
  width: 1%;
}

tr.record td.actions table {
  float: right;
  width: auto;
  margin-right: 5px;
}

tr.record td.actions table td {
  border: none;
  text-align: right;
  padding: 0 2px;
}

tr.record td.actions a {
  font: bold 11px verdana, sans-serif;
  letter-spacing: -1px;
  padding: 2px;
  margin: 0 2px;
  line-height: 12px;
  white-space: nowrap;
  text-decoration: none;
}

/* Table :: Column Headers
   ============================= */

th {
  background-color: #efefef;
  text-align: left;
}

th a,
th p {
  font: bold 11px arial, sans-serif;
  display: block;
  background-color: #efefef;
}

th a {
  color: #4468A3;
  padding: 2px 15px 2px 5px;
}

th p {
  margin: 0 0 0 0;
  color: #4468A3;
  padding: 2px 5px;
}

th a:hover {
  background-color: #000;
  color: #ff8;
}

th.sorted {
  background-color: #333;
}

th.asc a,
th.asc a:hover {
  background: #333 url(/images/default/arrow_up.gif) right 50% no-repeat;
}

th.desc a,
th.desc a:hover {
  background: #333 url(/images/default/arrow_down.gif) right 50% no-repeat;
}

th.loading a,
th.loading a:hover {
  background: #333 url(/images/default/indicator-small.gif) right 50% no-repeat;
}

/* Table :: Record Rows
   ============================= */

tr.record td {
  padding: 5px 4px;
  color: #333;
  font-family: Verdana, sans-serif;
  font-size: 11px;
/*   background-color: #E6F2FF; */
/*   border-bottom: solid 1px #C5DBF7; */
/*   border-left: solid 1px #C5DBF7; */
}

tr.even-record td {
  background-color: #fff;
/*   border-left: solid 1px #ddd; */
}

tr.record td.sorted {
  background-color: #B9DCFF;
/*   border-bottom: solid 1px #AFD0F5; */
}

tr.even-record td.sorted {
  background-color: #E6F2FF;
/*   border-bottom: solid 1px #AFD0F5; */
}

tbody.records td.empty {
  color: #999;
  text-align: center;
}

td.numeric,
.calculations td {
  text-align: right;
}



table.unreferReg1Table {

  position: relative;
  left: 50px;
}

td.unreferReg1Label {

  font-weight:    bold;
    font-family:    Tahoma, Arial, sans serif;
    font-size:      11px;
}

td.unreferReg1Descr {

    font-family:    Tahoma, Arial, sans serif;
}

a.unreferReg1Links { 

    color:              #5E95CC;
}



.prefHeader {

  font-weight:    bold;
    font-family:    Tahoma, Arial, sans serif;
    font-size:      12px;
    border-bottom:      1px solid black;
}

tr.prefRow {
  height: 75px;
}


.connectionPane {

    font-family:    Tahoma, Arial, sans serif;
    font-size:      11px;
  width:        100%;
}

.connectionPaneHeader {

    border-left-style:    solid;
    border-right-style:   solid;
    border-left-color:    #B3B3B3;
    border-right-color:   #C1D6EB;
    border-left-width:    1px;
  border-right-width:   1px;

  background-color:   #FFFFFF;
    font-family:      Tahoma, Arial, sans serif;
    font-size:        11px;
}


.connectionLogonTable {

  border-top-style:   solid;
  border-top-color:   #B3B3B3;
  border-top-width:   1px;
}

.connectionPaneContainer {

  border-bottom-style:  solid;
    border-left-style:    solid;
    border-right-style:   solid;
    border-left-color:    #B3B3B3;
    border-right-color:   #C1D6EB;
    border-bottom-color:  #C1D6EB;
    border-left-width:    1px;
  border-right-width:   1px;
  border-bottom-width:  1px;

  background-color: #FFFFFF;
  overflow:     auto;
  padding-left:   5px;
  padding-right:    5px;
  width:        100%;
}

.connectionPaneRow { 

  background-color: #FFFFFF;
    font-family:    Tahoma, Arial, sans serif;
    font-size:      11px;
}



.unreferMePane {

    font-family:    Tahoma, Arial, sans serif;
    font-size:      11px;
  width:        100%;
}

.unreferMePaneContainer {

  border-bottom-style:  solid;
    border-left-style:    solid;
    border-right-style:   solid;
    border-left-color:    #B3B3B3;
    border-right-color:   #C1D6EB;
    border-bottom-color:  #C1D6EB;
    border-left-width:    1px;
  border-right-width:   1px;
  border-bottom-width:  1px;

  background-color: #FFFFFF;
  overflow:     auto;
  padding-left:   5px;
  padding-right:    5px;
  width:        100%;
}

.unreferMeOnlineDiv {
    font-family: Tahoma, Arial, sans serif;
    font-size: 11px;
  text-align: center;
}

.unreferMeOfflineDiv {
    font-family: Tahoma, Arial, sans serif;
    font-size: 11px;
  text-align: center;
}

.unreferMePaneTable {

  width: 430px;
}

.unreferMePaneRow { 

  background-color: #FFFFFF;
    font-family:    Tahoma, Arial, sans serif;
    font-size:      11px;
  height:             60px;
  vertical-align:     top;
}

.unreferMePaneCell {

  border-bottom-style:    solid;
  border-bottom-color:    #B3B3B3;
  border-bottom-width:    1px;

}

.unreferMeNameInput {

    font-size: 11px;
  width: 150px;
  height: 22px;
  display: block;
  position: relative;
  top: 8px;
    padding-top: 4px;
  margin-right: 0px;
}

.unreferMeNameInputIE {

    font-size:  11px;
  width: 150px;
  height: 22px;
  display: block;
  position: relative;
  top: 4px;
  margin-left: auto;
  margin-right: 0px;
    padding-top: 9px;
}

.unreferMeEmbedInput {
  
  width: 150px;
  height: 22px;
  display: block;
  position: relative;
  top: 6px;
  margin-left: auto;
  margin-right: 0px;
  color: #000000;
}

.unreferMeEmbedInputIE {

  width: 150px;
  height: 22px;
  display: block;
  position: relative;
  top: 8px;
  margin-left: auto;
  margin-right: 0px;
  color: #000000;
}

.unreferMeNameLabel {

    font-weight: bold;
  height: 20px;
  position: relative;
  top: 12px;
}

.unreferMeEmbedLabel {

    font-weight: bold;
  height: 20px;
  position: relative;
  top: 16px;
}

.unreferMeOnlineContainer {

  width: 80px;
  vertical-align: middle;
  height: 60px;
  text-align: right;
}

.unreferMeOnlineContainerIE {

  width: 80px;
  vertical-align: middle;
  height: 60px;
  text-align: right;
}

.unreferMeLabelContainer {

  width: 125px;
    font-family: Tahoma, Arial, sans serif;
    font-size: 11px;
  vertical-align: top;
  text-align: right;
  height: 60px;
}

.unreferMeInputContainer {

    text-align: left;
    padding-left: 5px;
  width: 120px;
  height: 60px;
  vertical-align: top;
}

.unreferMeRemoveContainer {
  vertical-align: middle;
  width: 120px;
  height: 60px;
}

.unreferMePaneRemoveBtn, .unreferMePaneModifyBtn { float: right; }

.unreferMePaneWarning { 
    font-weight: bold;
    font-size: 11px;
    padding-top: 6px;
    padding-left: 18px;
    color: #FF781F;
}

  .roundedRect-nw {
        background-image: url(../images/corners/white-blue-nw.gif);
        background-repeat: no-repeat;
        background-color:#FFFFFF;
        font-size: 0px;
        line-height: 0px;
        width: 100%;
        height: 10px;
        float: left;
  }

  .roundedRect-ne {
        background-image: url(../images/corners/white-blue-ne.gif);
        background-repeat: no-repeat;
        background-position: 100% 0;
        background-color:#FFFFFF;
        font-size: 0px;
        line-height: 0px;
        width: 10px;
        height: 10px;
        float: right;
  }

  .roundedRect-w {
        background-color:#FFFFFF;
        width: 100%;
        float: left;
        font-size: 0px;
  }

  .roundedRect-e {
        background-color:#FFFFFF;
        width: 100%;
        float: left;
        font-size: 0px;
  }


  .roundedRect-sw {
        background-image: url(../images/corners/white-blue-sw.gif);
        background-repeat: no-repeat;
        background-color:#FFFFFF;
        font-size: 0px;
        line-height: 0px;
        width: 600px;
        height: 10px;
        float: left;
  }

  .roundedRect-se {
        background-image: url(../images/corners/white-blue-se.gif);
        background-repeat: no-repeat;
        background-position: 0% 100%;
        background-color: #FFFFFF;
        font-size: 0px;
        line-height: 0px;
        width: 10px;
        height: 10px;
        float: right;
  }

  .roundedRect-content {
        background-color:#FFFFFF;
        margin: 0px;
  }

.unreferMenuContainer {
  position: absolute;
  top: 45px;
  width: 320px;
  color: #ffffff;
  font-size: 12px;
  z-index: 1;
}

.unreferConsole {
  font-family: Tahoma, Arial, sans serif;
  font-size: 12px;
  color: #ffffff;
  position: absolute;
  visibility: hidden;
}

.loggedout .unreferConsole { left: 30px; top: 0px; height: 100%; z-index: 1;}

.unreferConsoleMenu {
  font-size: 12px;
  color: #ffffff;
 }

.unreferConsoleBg {
  position: absolute;
  left: 30px;
  top: 0px;
  width: 900px;
  height: 100%;
  background-color: #FFFFFF;
  z-index: 0;
  visibility: hidden;
}

.unreferConsoleHeader {
  position: absolute;
  top: 45px;
  width: 320px;
}

body.loggedin .unreferConsoleHeader .uiIconChooser {
  position: absolute;
  top: 0px;
  left: 10px;
}

body.loggedin .unreferConsoleHeaderContent {
  position: absolute;
  left: 80px;
  top: 12px;
}


.loggedout .unreferConsoleHeader {
  position: absolute;
  top: 120px;
  left: 60px;
  width: 780px;
  height: 95px;
  border-style: none;
  background-color: #FFFFFF;
  z-index: 2;
}

.loggedOut .unreferConsoleHeaderCorner {
  height: 10px;
  width: 10px;
  position: absolute;
  overflow: hidden;
}

.loggedOut .unreferConsoleHeaderBar {
  background-color: #FFFFFF;
  border-style: solid;
  border-color: #8F9AA8;
  position: absolute;
  overflow: hidden;
}

.loggedOut .unreferConsoleHeaderNW {
  top: -10px;
  left: -10px;
  background: url(../images/unReferConsoleHeaderNW.gif) no-repeat top left;
}

.loggedOut .unreferConsoleHeaderN {
  top: -10px;
  left: 0px;
  height: 10px;
  width: 780px;
  border-width: 1px 0px 0px;
}

.loggedOut .unreferConsoleHeaderNE {
  top: -10px;
  left: 780px;
  background: url(../images/unReferConsoleHeaderNE.gif) no-repeat top left;
}

.loggedOut .unreferConsoleHeaderW {
  top: 0px;
  left: -10px;
  height: 95px;
  width: 10px;
  border-width: 0px 0px 0px 1px;
}

.loggedOut .unreferConsoleHeaderE {
  top: 0px;
  left: 780px;
  height: 95px;
  width: 10px;
  border-width: 0px 1px 0px 0px;
}

.loggedOut .unreferConsoleHeaderSW {
  top: 95px;
  left: -10px;
  background: url(../images/unReferConsoleHeaderSW.gif) no-repeat top left;
}

.loggedOut .unreferConsoleHeaderS {
  top: 95px;
  left: 0px;
  width: 780px;
  height: 10px;
  border-width: 0px 0px 1px;
}

.loggedOut .unreferConsoleHeaderSE {
  top: 95px;
  left: 780px;
  background: url(../images/unReferConsoleHeaderSE.gif) no-repeat top left;
}

.loggedout .unreferConsoleHeaderContent {
  color: #FF6900;
}
.loggedout .unreferConsoleHeaderMessage {
  text-align:center;
}
.loggedout .unreferConsoleHeaderMessage h2 {
  font-family: Tahoma, Arial, sans-serif;
  margin: 0px;
  font-size: 16px;
}
.loggedout .unreferConsoleHeaderMessage div {
  font-size: 13px;
  margin-top: 3px;
}
.loggedout .reconnectContainer {
  margin-top: 6px;
  margin-bottom: 3px;
  height: 36px;
}


.blackcorner *, .unreferConsole .overlay div {
  background: #6186bc;
  border-color: #6186bc;
}

.unreferConsole .overlay {
  position: absolute;
  z-index: 0;
  opacity: 0.6;
}

.unreferConsole div {
  z-index: 1;
}

.downloadPage {
  top: 120px;
  left: 24px;
  width: 400px;
}


.unreferConsoleContainer {
  position: absolute;
}

.unreferConsoleContainer .overlay {
  left: 0px;
  top: 0px;
  width: 320px;
}

.unreferConsoleContainer .content {
  position: absolute;
  top: 5px;
}

.ConsoleAccounts .menuContainer {
  width: 310px;
}

.ConsoleNav .content {
  left: 10px;
  white-space: nowrap;
  position: relative;
  top: 0px;
}

.ConsoleNav .content .link {
  font-size: 11px;
  padding: 0px 5px;
}

.ConsoleNav .content .link .icon {
  width: 12px;
  height: 12px;
  background: url(../images/links-icons.gif) top left no-repeat;
  margin-right: 6px;
  vertical-align: bottom;
  border: none;
}

.ConsoleNav .content .prefs-link .icon { background-position: 0 -12px; }
.ConsoleNav .content .unreferme-link .icon { background-position: 0 -24px; }
.ConsoleNav .content .rooms-link .icon { background-position: 0 -36px; }
.ConsoleNav .content .help-link .icon { background-position: 0 -48px; }

.ConsoleAccounts .content .header {
  width: 320px;
}

.ConsoleAccounts .content .header .uiIconChooser {
  margin-left: 10px;
}

.ConsoleAccounts .content .header td {
  color: #ffffff;
  font-size: 12px;
  font-family: Tahoma, Arial, sans serif;
}

.ConsoleSparkAd .Container {
  line-height: 12px;
  width: 280px;
  margin-left: 20px;
}

.ConsoleSparkAd .Container a * { cursor: pointer; }

.ConsoleSparkAd .Container a { text-decoration: none; color: #ffffff; }
.ConsoleSparkAd .Container .AdContent {
  position: relative;
  height: 27px;
}
.ConsoleSparkAd .Container .AdContent img.AdTitle {
  position: absolute;
  top: 0px;
  left: -10px;
  width: 5px;
  height: 24px;
}
.ConsoleSparkAd .Container .AdContent img.Thumbnail {
  position: absolute;
  top: 0px;
  left: -3px;
  width: 24px;
  height: 24px;
  border: 1px solid #ececec;
}
.ConsoleSparkAd .Container .AdContent .Text {
  position: absolute;
  top: 0px;
  left: 30px;
}
.ConsoleSparkAd .Container .AdContent .Title { font-size: 11px; font-weight: bold; }
.ConsoleSparkAd .Container .AdContent .Description { font-size: 11px;}
.ConsoleSparkAd .Container .AdContent .Description .Icon {
  margin: 0 0 -1px 7px;
  vertical-align: bottom;
}

.ConsoleInfoBlock .content { width: 320px; }
.ConsoleInfoBlock .content .icon {
  padding: 0px 10px 0px 10px;
  width: 48px;
  height: 48px;
  overflow: hidden;
}

.ConsoleInfoBlock .content td {
  color: #ffffff;
  font-size: 12px;
  font-family: Tahoma, Arial, sans serif;
}

.ConsoleUpsell {
  width: 320px;
  padding-left: 10px;
}

.ConsoleUpsell .title { font-weight: bold; }

.ConsoleUpsell ul {
  padding-left: 30px;
}

.ConsoleUpsell li {
  margin-top: 10px;
  padding-left: 10px;
}

.ConsoleUpsell .callToAction {
  height: 58px;
  font-size: 24px;
  line-height: 58px;
  vertical-align: middle;
  text-decoration: underline;
  font-family: Arial, Tahoma, sans-serif;
}

.ConsoleUpsell .callToAction img { margin-right: 10px; }
.ConsoleUpsell .callToAction span { cursor: pointer; }

.ConsoleBlackGradient {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 131px;
}

.loggedout .ConsoleBlackGradient {
  visibility: hidden;
}
.unreferMediaList {
  overflow: auto;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}

.unreferMediaList table {
  position: absolute;
  top: 0px;
}

.unreferMediaList td { padding: 4px; cursor: pointer; }
.unreferMediaList td.selected {
  padding: 0px;
  border-style: solid;
  border-width: 4px;
  border-color: #ffa955;
}
/*** General gallery styles ***/

.unreferGallery { 
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100px;
  background: url("../images/gallery-bg-3.gif") repeat-x;
  overflow: hidden;
  font-family: Tahoma, Arial, sans serif;
  font-size: 11px;
  color: #375583;
}

.unreferGallery .link {
  text-decoration: underline;
  cursor: pointer;
    color: #FFFFFF;
}

.unreferGallery .roomsMinArrow, .unreferGallery .roomsClose {
  position: absolute;
  top: 4px; 
  width: 19px;
  height: 19px;
  cursor: pointer;
}

.unreferGallery .roomsClose { 
  width: 17px;
  height:17px;
}

.unreferGallery .roomsLogo {
  position: absolute;
  top: 2px;
  left: 38px;
}

.unreferGallery .headerElement {
  z-index: 3;
}

.unreferGallery .search {
  position: absolute;
  left: 600px;
  top: 4px;
  width: 115px;
}

.unreferGallery .create {
  position: absolute;
  left: 740px;
  top: 4px;
  height: 17px;
  vertical-align: middle;
  cursor: pointer;
  background: url("../images/createroom3.png") no-repeat; 
}

.unreferGallery .createHover { background: url("../images/createroom3-hover.png") no-repeat; }

.unreferGallery .createText {
  white-space: nowrap;
  padding-left: 22px;
  font-size: 12px;
}

.unreferGallery .createHover .createText { text-decoration: underline; }

/*** Gallery in console bar form ***/
.unreferGallery .consoleBar {
}

.unreferGallery .consoleBar .consoleHeader {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 25px;
}

.unreferGallery .consoleBar .consoleHeader .roomsMinArrow { left: 10px; }
.unreferGallery .consoleBar .consoleHeader .roomsMinArrow div {
  width: 100%;
  height: 100%;
  background: url("../images/min-arrow-2.png") no-repeat;
}
.unreferGallery .consoleBar .consoleHeader .roomsMinArrow div.hover { background: url("../images/min-arrow-hover-2.png") no-repeat; }
/* Technically the following rule should begin with .unreferGallery.minimized, 
 * but IE doesn't understand that rule, so it's just .minimized */
.minimized .consoleBar .consoleHeader .roomsMinArrow div { background: url("../images/max-arrow-2.png") no-repeat; }
.minimized .consoleBar .consoleHeader .roomsMinArrow div.hover { background: url("../images/max-arrow-hover-2.png") no-repeat; }

.unreferGallery .consoleBar .consoleHeader .tabs {
  position: absolute;
  top: 0px;
  left: 180px;
  width: 400px;
  height: 100%;
  border-left: 1px solid #375583;
}

.unreferGallery .consoleBar .consoleHeader .tabs .tab {
  width: 100px;
  text-align: center;
    font-family: Tahoma, Arial, sans serif;
  font-size: 12px;
  color: #FFFFFF;
  border-right: 1px solid #9a87ba;
  cursor: pointer;
}

.unreferGallery .consoleBar .consoleHeader .tabs .tab div { 
  height: 100%;
  vertical-align: middle;
  line-height: 23px;
}

.unreferGallery .consoleBar .consoleHeader .tabs .tab div.selected {
  font-weight: bold;
  background: url("../images/gallery-tab-bg-2.gif") repeat-x;
}
.minimized .consoleBar .consoleHeader .tabs .tab div.selected {
  font-weight: normal;
  background: none;
}

.unreferGallery .consoleBar .consoleHeader .tabs .tab div.hover { text-decoration: underline; }

.unreferGallery .consoleBar .body {
  position: absolute;
  left: 0px;
  top: 25px;
  width: 100%;
  height: 75px;
}

.unreferGallery .consoleBar .body .roomsInfo {
  position: absolute;
  top: 0px;
  width: 165px;
  height: 100%;
  padding: 5px 0px 0px 10px;
  color: #c4d4ec;
}

.unreferGallery .consoleRooms {
  position: absolute;
  top: 0px;
  left: 180px;
  height: 100%;
  border-left: 1px solid #7a91b5;
  padding: 10px 0px 10px 20px;
}

.unreferGallery .consoleRooms table {
  height: 55px;
}

.unreferGallery .consoleRooms table td {
  width: 175px;
  height: 60px;
    font-family: Tahoma, Arial, sans serif;
  font-size: 11px;
  color: #FFFFFF;
}

.unreferGallery .consoleRooms .roomLink {
  height: 25px;
  margin-bottom: 5px;
  cursor: pointer;
}

.unreferGallery .consoleRooms .roomLink .roomImg {
  width: 25px;
  height: 25px;
  cursor: pointer;
}

.unreferGallery .consoleRooms .roomLink .title {
  line-height: 25px;
  vertical-align: middle;
  cursor: pointer;
}
.unreferGallery .consoleRooms .hover .title { text-decoration: underline; }

.unreferGallery .consoleRooms .moreLink { padding-bottom: 12px; }

.unreferGallery .loading {
  display: none;
  position: absolute;
  width: 100%;
  left: 190px;
  top: 25px;
  height: 75px;
  padding-top: 20px;
  color: white;
  font-size: 12px;
}

/*** Opened gallery ***/

.unreferGallery .gallery {
  position: relative;
  top: 25px;
  width: 100%;
  background: #d2cee4 url("../images/galleryTopGradient.gif") repeat-x top;
}

.unreferGallery .galleryBottomGradient {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 20px;
  background: #ECECEC url("../images/galleryBottomGradient.gif") repeat-x bottom;
}

.unreferGallery .roomsClose { right: 10px; }

.unreferGallery .roomsClose div {
  width: 100%;
  height: 100%;
  background: url("../images/roomsGalleryClose.gif") no-repeat;
}
.unreferGallery .roomsClose div.hover { background: url("../images/roomsGalleryClose_hot.gif") no-repeat; }

.unreferGallery .toggle {
  position: absolute;
  left: 900px;
  top: 4px;
  cursor: pointer;
}

.partnerConsoleAd {
  height: 100%;
  position: absolute;
  top: 0px;
  width: 180px;
  background: transparent url(../images/console-ad-bg.gif) repeat-x scroll top;
  color: #000000;
}

.partnerConsoleAd .banner {
  position: absolute;
  top: 10px;
  left: 10px;
}

.partnerConsoleAd .adTitle {
  position: absolute;
  top: 10px;
  left: 63px;
  font-weight: bold;
}

.partnerConsoleAd .adDescription {
  position: absolute;
  top: 22px;
  left: 63px;
}

.partnerConsoleAd .adButton {
  position: absolute;
  top: 37px;
  left: 63px;
}

.partnerConsoleAd .sponsoredAd {
  position: absolute;
  bottom: 4px;
  right: 4px;
  font-size: 9px;
  color: #FFFFFF;
}

/*** Full Gallery ***/

.loadingText {
  color: #000000;
  position: absolute;
  top: 133px;
  text-align: center;
  width: 100%;
  font-weight: bold;
}

.categories {
  position: absolute;
  top: 10px;
  left: 30px;
  width: 118px;
  height: 358px;
  background: #ffffff;
  border: 1px solid #ffffff;
  z-index: 1;
}

.categories h3 {
  background-color: #ffffff;
  font-weight: normal;
  margin: 0px;
  padding: 8px 0px 7px 18px;
  vertical-align: middle;
  font-size: 14px;
}

.categories ul {
  color: /*REPLACE:*/#333333;
  list-style-type: none;
  padding: 0px;
  text-transform: lowercase;
  margin: 0px;
}

.categories li {
  margin: 3px 1px 0px;
  padding: 1px 0px 3px 18px;
  cursor: pointer;
}

.categories .categoryHover, .categories .selectedCategory {
  color: #FFFFFF;
  background-color: #ffffff;
}

.categories .selectedCategory {
  font-weight: bold;
  background-image: url(../images/selectedCategory.gif);
  background-position: 3px 3px;
  background-repeat: no-repeat;
}

.roomsGalleryPages {
  position: absolute;
  top: 10px;
  left: 30px;
  width: 710px;
  height: 358px;
  overflow: hidden;
  border: 1px solid #eee;
  border-color: #ffffff;
  background: white;
  z-index: 1;
}

.roomsGalleryPagesCornerNW, .roomsGalleryPagesCornerNE, .roomsGalleryPagesCornerSW, .roomsGalleryPagesCornerSE, 
.categoryCornerNW, .categoryCornerNE, .categoryCornerSW, .categoryCornerSE {
  position: absolute;
  height: 8px;
  width: 8px;
  z-index: 2;
}

.roomsGalleryPagesCornerNW {
  top: 10px;
  background: transparent url(../images/galleryCornerNW.gif) no-repeat;
}

.roomsGalleryPagesCornerNE {
  top: 10px;
  background: transparent url(../images/galleryCornerNE.gif) no-repeat;
}

.roomsGalleryPagesCornerSW {
  top: 362px;
  background: transparent url(../images/galleryCornerSW.gif) no-repeat;
}

.roomsGalleryPagesCornerSE {
  top: 362px;
  background: transparent url(../images/galleryCornerSE.gif) no-repeat;
}

.categoryCornerNW {
  top: 10px;
  left: 30px; 
  background: transparent url(../images/categoryCornerNW.gif) no-repeat;
}

.categoryCornerNE {
  top: 10px;
  left: 142px;
  background: transparent url(../images/categoryCornerNE.gif) no-repeat;
}

.categoryCornerSW {
  top: 362px;
  left: 30px;
  background: transparent url(../images/categoryCornerSW.gif) no-repeat;
}

.categoryCornerSE {
  top: 362px;
  left: 142px;
  background: transparent url(../images/categoryCornerSE.gif) no-repeat;
}

.roomsGalleryPagesContainer {
  position: absolute;
  top: 30px;
  width: 100%;
}

.roomsGalleryHeader {
  height: 30px;
  width: 100%;
  border-bottom: 1px dotted #CCCCCC;
}

.roomsGalleryTitle {
  position: absolute;
  top: 7px;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  cursor: default;
}

.roomsGalleryPageNav, .roomsGalleryFind {
  position: absolute;
  top: 7px;
}

.roomsGalleryPageNav { right: 20px; }
.roomsGalleryFind { right: 8px; }

.roomsGalleryPageNav img { margin: 2px; }

.roomsGalleryPageNav img,
.roomsGalleryPageNav td {
  cursor: pointer;
}

.roomsGalleryPageNav td {
  width: 14px;
  font-weight: bold;
  text-align: center;
  color: #34176e;
  text-decoration: underline;
}

.roomsGalleryPageNav.disabled td {
  cursor: default;
  color: #677799;
}

.roomsGalleryPageNavIndicator {
  position: absolute;
  z-index: -1;
  width: 18px;
  height: 18px;
  border: 1px solid #eee;
  border-color: #bbb #ddd #ddd #bbb;
  background: white;
}

.roomsGalleryArrowLeft {
  position: absolute;
  top: 170px;
  left: 10px;
}

.roomsGalleryArrowRight {
  position: absolute;
  top: 170px;
  right: 10px;
}

.roomsGalleryPage {
  position: absolute;
  margin: 0px 2px;
}

table.rooms td {
  padding: 1em;
}

table.rooms tr.lastRow td {
  border: none;
}

td.room div.room {
  border: 1px solid white;
  width: 20em;
  margin: -0.5em;
}

td.room div.roomwrapper {
  margin: 0.5em;
}

td.hover div.room {
  background: rgb(242, 245, 249);
  border: 1px solid rgb(123, 157, 202);
  cursor: pointer;
  position: relative;
}

td.room {
  line-height: 1.1em;
}

td.room p, td.room h4 {
  padding-left: 87px; /* 75px image width + 12px margin */
}

td.room h4 {
  margin: 0px 0px 3px;
  font-size: 1.2em;
}

td.room img.thumb {
  float: left;
  margin: 0 1em 0 0;
  border: none;
  height: 75px;
  width: 75px;
}

td.room p {
  margin: 0;
}

td.room p.people {
  color: #677788;
  font-size: 1.2em;
  margin-bottom: 3px;
  text-transform: lowercase;
}

td.room p.description, td.room p.tags {
  font-size: 0.9em;
}

td.room p.description {
  font-weight: bold;
  height: 28px;
  width: 122px;
  padding: 0;
  float: right;
}

td.room p.tags {
  color: gray;
  line-height: 16px;
  clear: right;
  margin-top: -8px;
}

td.room p.tags img {
  vertical-align: bottom;
  margin-left: 0.2em;
}


.TaskBar { 
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 120px;
  background: url("../images/media_bar.png") repeat-x #5c7693;
  overflow: hidden;
  font-family: Tahoma, Arial, sans serif;
  font-size: 11px;
  color: #FFFFFF;
}

.TaskBar .Arrow {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 22px;
  height: 22px;
  cursor: pointer;
  background: url("../images/media_bar_down.gif") no-repeat center;
}

.Taskbar .ArrowHover {
  background: url("../images/media_bar_down_hover.gif") no-repeat center;
}

.TaskBarMin .Arrow {
  background-image: url("../images/media_bar_up.gif");
}

.TaskBarMin .ArrowHover {
  background-image: url("../images/media_bar_up_hover.gif");
}

.TaskBar .ArrowDown { background-color: #AEAEAE; }

.TaskBar .Tabs {
  position: absolute;
  top: 1px;
  left: 33px;
  width: 100%;
  height: 30px;
}

.TaskBar .HasTabs {
  border-left: 1px solid #617ba2;
}

.TaskBar .Tabs .Tab {
  position: relative;
  float: left;
  height: 29px;
  border-right: 1px solid #617ba2;
  border-bottom: 1px solid #c4d4ec;
  color: #375583;
  cursor: pointer;
  font-size: 13px;
}

.TaskBar .Tabs .Tab .Close {
  background-image: url("../images/media_bar_close.gif");
  position: absolute;
  right: 3px;
  top: 11px;
  width: 9px;
  height: 9px;
  overflow: hidden;
}

.TaskBar .Tabs .TabSelected .Close {
  background-image: url("../images/media_bar_close_selected.gif");
}

.TaskBar .Tabs .TabHover .Close {
  background-image: url("../images/media_bar_close_hover.gif");
}

.TaskBar .Tabs .Tab .Label {
  position: absolute;
  left: 5px;
  top: 6px;
  vertical-align: middle;
}

.TaskBar .Tabs .TabSelected {
  background-color: #617ba2;
  border-bottom: 1px solid #617ba2;
  color: white;
}

.TaskBar .Tabs .TabHover { 
  background-image: url("../images/media_bar_hover.png");
  background-color: #9ab4da;
  background-position: top left;
  background-repeat: repeat-x;
  border-bottom: 1px solid #9ab4da;
}

.TaskBar .Body {
  position: absolute;
  top: 31px;
  left: 0px;
  width: 100%;
  height: 95px;
  background: #617ba2;
}

.TaskBar .AdUpsell {
  position: absolute;
  top: 6px;
  left: 0px;
  font-size: 13px;
  color: #375583;
  cursor: pointer;
}

.TaskBar .AdUpsellHover {
  color: #375583;
  text-decoration: underline;
}

.TaskBar .Body .Ad {
  width: 100%;
  height: 100%;
}

.TaskBar .Body .Ad .Icons {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 34px;
  height: 100%;
  background: #999999;
}

.TaskBar .Body .Ad .AdIcon {
  position: absolute;
  width: 33px;
  height: 31px;
  border: 1px solid #C1C1C1;
  border-style: none solid solid none;
  cursor: pointer;
}

.TaskBar .Body .Ad .AdIcon img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0px 0px -10px;
}

.TaskBar .Body .Ad .LeaderboardOverlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 90px;
  cursor: pointer;
}

.TaskBarMax .Body .Ad { display: none; }
.TaskBar .HasTabs .AdUpsell { display: none; }
.roomsGallery {
  position: absolute;
  left: 20px;
  top: 20px;
  border: 1px solid #ffffff;
}

.roomsGallery .roomsGalleryHeader {
  height: 31px;
  background: #c4d4ec;
}

.roomsGallery .roomsGalleryHeader .search {
  position: absolute;
  left: 10px;
  top: 6px;
  width: 115px;
}

.roomsGallery .roomsGalleryHeader .create {
  position: absolute;
  right: 10px;
  top: 6px;
}

.roomsGallery .roomsGalleryPages {
  position: absolute;
  left: 0px;
  top: 32px;
  overflow: hidden;
  background: white;
  z-index: 1;
  border: none;
}

.roomsGallery .roomsGalleryPages .resultText {
  position: absolute;
  top: 7px;
  left: 10px;
  color: black;
  font-size: 14px;
  font-weight: bold;
}

.roomsGallery .roomsGalleryPages .nav {
  position: absolute;
  top: 7px;
  right: 10px;
}

.roomsGallery .roomsGalleryPages .indicator {
  position: absolute;
  left: 0px;
  width: 18px;
  height: 18px; 
  border: 1px solid #BBBBBB;
}

.roomsGallery .roomsGalleryPages .container td {
  width: 14px;
  color: black;
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
}

.roomsGallery .roomsGalleryPages .roomsGalleryPagesContainer {
  position: relative;
  top: 25px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.roomsGallery .roomsGalleryPages .roomsGalleryPage {
  position: absolute;
}

.roomsGallery .roomsGalleryPages .leftArrow {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -12px;
}

.roomsGallery .roomsGalleryPages .rightArrow {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
}

.roomsGallery table.rooms td {
  padding: 1em;
}

.roomsGallery table.rooms tr.lastRow td {
  border: none;
}

.roomsGallery td.room div.room {
  border: 1px solid white;
  width: 20em;
  margin: -0.5em;
}

.roomsGallery td.room div.roomwrapper {
  margin: 0.5em;
}

.roomsGallery td.hover div.room {
  background: rgb(242, 245, 249);
  border: 1px solid rgb(123, 157, 202);
  cursor: pointer;
  position: relative;
}

.roomsGallery td.room {
  line-height: 1.1em;
}

.roomsGallery td.room p, td.room h4 {
  padding-left: 87px; /* 75px image width + 12px margin */
}

.roomsGallery td.room h4 {
  margin: 0px 0px 3px;
  font-size: 1.2em;
}

.roomsGallery td.room img.thumb {
  float: left;
  margin: 0 1em 0 0;
  border: none;
  height: 75px;
  width: 75px;
}

.roomsGallery td.room p {
  margin: 0;
}

.roomsGallery td.room p.people {
  color: #677788;
  font-size: 1.2em;
  margin-bottom: 3px;
  text-transform: lowercase;
}

.roomsGallery td.room p.description, td.room p.tags {
  font-size: 0.9em;
}

.roomsGallery td.room p.description {
  font-weight: bold;
  height: 28px;
  width: 122px;
  padding: 0;
  float: right;
}

.roomsGallery td.room p.tags {
  color: gray;
  line-height: 16px;
  clear: right;
  margin-top: -8px;
}

.roomsGallery td.room p.tags img {
  vertical-align: bottom;
  margin-left: 0.2em;
}
.MediaBarAd {
  width: 100%;
  height: 100%;
}

/* --- Icon and Media containers --- */

.MediaBarAd .IconContainer {
  position: absolute;
  left: 10px;
  top: 11px;
  width: 34px;
}

.MediaBarAd .MediaContainer {
  position: absolute;
  left: 44px;
  top: 11px;
  width: 910px;
}

.MediaBarAd .IconContainer .Content,
  .MediaBarAd .MediaContainer .Content {
  background: #7a91b5;
  border: 1px solid #375583;
  overflow: hidden;
}

.MediaBarAd .IconContainer .Content { 
  width: 30px;
  border-width: 1px 0px 1px 1px;
  padding: 4px 0px 2px 4px;
}

.MediaBarAd .MediaContainer .Content { padding: 4px; }

/* --- Icons --- */

.MediaBarAd .Icon {
  width: 30px;
  height: 30px;
  margin-bottom: 2px;
}

.MediaBarAd .Icon .Content {
  position: relative;
  background: #c4d4ec;
  border: 1px solid #375583;
  width: 28px;
  height: 28px;
  padding: 0px;
}

.MediaBarAd .HoverIcon .Content {
  background: #ececec;
  border: 1px solid #375583;
}

.MediaBarAd .Icon .Content img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -9px 0px 0px -9px;
}

.MediaBarAd .Icon .Content img.share {
  margin: -11px 0px 0px -10px;
}

/* --- Tooltip --- */

.MediaBarAd .Tooltip {
  position: absolute; 
  visibility: hidden;
  top: -999px;
  left: -999px;
}

.MediaBarAd .Tooltip .TooltipLeft,
  .MediaBarAd .Tooltip .TooltipRight {
  position: absolute;
}

.MediaBarAd .Tooltip .TooltipLeft,
  .MediaBarAd .Tooltip .TooltipRight,
  .MediaBarAd .Tooltip .TooltipBody {
  border: 1px solid #375583;
}

.MediaBarAd .Tooltip .TooltipLeft {
  top: 0px;
  left: 0px;
  width: 4px;
  height: 28px;
  border-width: 1px 0;
}

.MediaBarAd .Tooltip .TooltipRight {
  top: 0px;
  left: 4px;
  border-width: 1px 1px 1px 0px;
}

.MediaBarAd .Tooltip .TooltipTitle {
  position: relative;
  font-family: Tahoma;
  font-size: 12px;
  color: black;
  padding-left: 21px;
  line-height: 28px;
  white-space: nowrap;
}

.MediaBarAd .Tooltip .TooltipBody {
  position: relative;
  border-width: 0px 0px 0px 1px;
}

.MediaBarAd .Tooltip .TooltipBg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #ececec;
}

.MediaBarAd .Tooltip .TooltipContent { position: relative; }
.MediaBarAd .Tooltip .TooltipBody .TooltipContent { padding: 0px 20px 0px 20px; }
.MediaBarAd .Tooltip .TooltipBody .TooltipContent .Creative { cursor: pointer; }

.MediaBarAd .Tooltip table.Creatives { margin-bottom: 20px; }

.MediaBarAd .Tooltip .Share {
  width: 285px;
}

.MediaBarAd .Tooltip .Share .ButtonContainer {
  position: relative;
  width: 100%;
  height: 35px;
}
.MediaBarAd .Tooltip .Share .ButtonContainer .ShareBtn {
  position: absolute;
  top: 8px;
  right: 0px;
}

/* --- The Rich Media --- */

.MediaBarAd .Movie { margin: 3px 5px; }
.unreferGuestUpsell {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 200px;
}

.unreferGuestUpsell .rounded {
  float: left;
  width: 100%;
}

.unreferGuestUpsell .content {
  float: left;
  width: 100%;
  background: #7a9bc5;
}

.unreferGuestUpsell .unreferidrow { padding-left: 53px; }
.unreferGuestUpsell .unreferpasswordrow { padding-left: 53px; }

.unreferGuestUpsell .buttoncontainer { float: right; margin-right: 8px; }

.unreferGuestUpsell #unreferLogin { width: 200px; }
.unreferGuestUpsell #unreferloginbox { padding-top: 0px; }
.unreferGuestUpsell #unreferaccountlinks {
  display: none;
}

.unreferGuestUpsell .content .corner1, .unreferGuestUpsell .content .corner2,
.unreferGuestUpsell .content .corner3, .unreferGuestUpsell .content .corner4,
.unreferGuestUpsell .content .corner5 {
  border-style: none;
}

.unreferGuestUpsell .darkbluecornertop * { background: #7a9bc5; }
.unreferGuestUpsell .darkbluecornertop1 { border-color: #80a2cd; background: #7d9ec8; }
.unreferGuestUpsell .darkbluecornertop2 { border-color: #84a6d2; background: #7c9dc8; }
.unreferGuestUpsell .darkbluecornertop3 { border-color: #7c9dc8; }
.unreferGuestUpsell .darkbluecornertop4 { border-color: #80a2cd; }
.unreferGuestUpsell .darkbluecornertop5 { border-color: #7d9ec8; }

.unreferGuestUpsell .loginbox { width: 185px; }
.unreferGuestUpsell .protocolicon { width: 20px; height: 20px; }
.unreferGuestUpsell .loginboxheader, .unreferGuestUpsell .unreferloginheader {
  font-size: 14px;
  padding-top: 0px;
  margin-left: 31px;
  padding-left: 0px;
}

.unreferGuestUpsell .loginboxcontent img,
  .unreferGuestUpsell #unreferlogincontent img.unreferlogo {
  margin: 0;
  margin-right: 1em;
}

.unreferGuestUpsell .loginboxcontent input { width: 90px; }
.unreferGuestUpsell #unreferpassword, .unreferGuestUpsell #unreferid { 
  width: 100px;
}

.unreferGuestUpsell .guestSignUp {
  display: inline;
  padding-left: 25px;
}

body.loggedin .guestDownload { display: none; }

.guestDownload {
  position: absolute;
  border: 1px solid #3078C4;
  color: #FFFFFF;
}

.NWcorner, .NEcorner, .SWcorner, .SEcorner {
  position: absolute;
  height: 10px;
  width: 10px;
  z-index: 1;
  overflow: hidden;
}

.guestDownload .NWcorner {
  top: -1px;
  left: -1px;
  background: url(../images/downloadNW.gif) no-repeat left top;
}

.guestDownload .NEcorner {
  top: -1px;
  right: -1px;
  background: url(../images/downloadNE.gif) no-repeat left top;
}

.guestDownload .SWcorner {
  bottom: -1px;
  left: -1px;
  background: url(../images/downloadSW.gif) no-repeat left top;
}

.guestDownload .SEcorner {
  bottom: -1px;
  right: -1px;
  background: url(../images/downloadSE.gif) no-repeat left top;
}

.guestDownload .header {
  height: 35px;
  background: url(../images/downloadHeaderBG.gif) repeat-x left top;
}

.guestDownload .header .headerText {
  position: absolute;
  top: 12px;
  left: 14px;
}

.guestDownload .content  {
  height: 85px;
  background: url(../images/downloadContentBG.gif) repeat-x left top;
}

.guestDownload .content .downloadImg {
  float: left;
  margin: 14px 0px 0px 14px;
}

.guestDownload .content .fileLoad {
  display: none;
  float: left;
  margin: 30px 0px 0px 10px;
}
.guestDownload .loading .fileLoad { display: block; }

.guestDownload .content .fileError {
  display: none;
  float: left;
  margin: 30px 0px 0px 10px;
  color: red; 
}
.guestDownload .error .fileError { display: block; }

.guestDownload .content .fileInfo {
  display: none;
  float: left;
  margin: 14px 0px 0px 10px;
}
.guestDownload .loaded .fileInfo { display: block; }

.guestDownload .content .fileInfo .fileName {
  float: left;
  margin-top: 12px;
}

.guestDownload .content .fileInfo .fileSize {
  float: left;
  clear: left;
  margin: 4px 0px 0px 6px;
}

.guestDownload .content .acceptButton {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

#downloadframe {
  position: absolute;
  left: -1000px;
  top: -1000px;
}
.InviteBuddies {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: black;
}

.InviteBuddies .Header { margin-bottom: 10px; }

.InviteBuddies .Title { font-weight: bold; }
.InviteBuddies .Invite { }
.InviteBuddies .Invite .Message {
  width: 100%;
  height: 35px;
  margin-bottom: 10px;
}

.InviteBuddies .List {
  color: black;
  width: 100%;
  height: 175px;
  background: white;
  margin-bottom: 5px;
  overflow: auto;
}

.InviteBuddies .List .Buddy {
  background: #f0f0f0;
  height: 30px;
  line-height: 30px;
  margin-bottom: 1px;
}

.InviteBuddies .Links {
  text-align: right;
}

.InviteBuddies .Link { cursor: pointer; }
.InviteBuddies .LinkHover { text-decoration: underline; }
.SkinSelector .SkinColorCell {
  border: 2px solid white;
  padding: 1px;
  cursor: pointer;
  float: left;
}

.SkinSelector .SkinColorCellSelected {
  border: 2px solid #7ea6e0;
}

.SkinSelector { 
    width: 210px;
}
.WallpaperSelector {
  border: 1px solid #94acce;
  padding: 1px;
  width: 64px;
  height: 48px;
  cursor: pointer;
  position: relative;
}

.WallpaperSelector .DropImage {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: none;
}

.WallpaperSelectorHover .DropImage { display: block; }
.WallpaperSelectorOpen .DropImage { display: block; }

.WallpaperSelector .NoneText {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 64px;
  height: 48px;
  text-align: center;
  font: 11px Tahoma, Arial, sans-serif;
  color: #999999;
  display: none;
  line-height: 48px;
}

.WallpaperSelectorNone .NoneText { display: block; }

.WallpaperSelectorPopup {
  position: absolute;
  border: 1px solid #94acce;
  background: white;
  padding: 10px 0px 10px 10px;
}

.WallpaperSelectorPopup .Wallpaper {
  width: 74px;
  height: 48px;
  cursor: pointer;
}

.WallpaperSelectorPopup .Wallpaper .NoWallpaper {
  border: 1px solid #bfbfbf;
  width: 62px;
  height: 46px;
  text-align: center;
  line-height: 48px;
}

.WallpaperSelectorPopup .Title {
  margin: 0px 0px 6px 3px;
}

.ApplicationList {
  overflow: auto;
  overflow-y: auto;
  background: white;
}

.ApplicationList .header {
  background: #ededed url(../images/app-list-header-gradient.png) repeat-x;
  color: #666;
  border-bottom: 1px solid #d1d1d1;
  height: 30px;
  line-height: 28px; 
  font-weight: bold;
  font-size: 12px;
  padding: 0 10px;
  cursor: default;
}

.ApplicationList .header .devLink { 
  color: #09f;
  font-size: 10px;
  float: right;
 }

.ApplicationList .list {
}

.ApplicationList .list .row {
  height: 30px;
  cursor: pointer;
  background: white;
  margin: 0 5px;
  border-bottom: 1px dotted #bfbfbf;
  position: relative;
}

.ApplicationList .disabled .row { cursor: default; }

.ApplicationList .list .categoryRow {
  height: 22px;
  background: #d6e7fb;
  margin: 3px;
  line-height: 22px;
  padding-left: 5px;
}

.ApplicationList .list .disabledRow { cursor: default; }
.ApplicationList .list .disabledRow * {
  opacity: 0.5;
}

.ApplicationList .disabled .row * {
  opacity: 0.25;
}

.ApplicationList .disabled .loadingRow * {
  opacity: 1;
}


.ApplicationList .list .highlightedRow,
.ApplicationList .disabled .loadingRow  { background: #f3f3f3; }

.ApplicationList .list .selectedRow {  background: #e9f0f5; cursor: default; }

.ApplicationList .list .row .divider {
  background: url(../images/app-dot-divider.gif) repeat-x;
  height: 1px;
}

.ApplicationList .list .row .icon {
  margin: 2px 5px;
  width: 24px;
  height: 24px;
  color: #6699cc;
  display: inline;
}

.ApplicationList .list .row .loadingIcon {
  background: url(../images/app-list-loading.png);
  display: block;
}

.ApplicationList .list .row p {
  margin: 0 0 3px 65px;
}

.ApplicationList .list .row div.title {
  position: absolute;
  left: 35px;
  top: 8px;
}

.ApplicationList .list .row div.description {
  color: #808080;
  position: absolute;
  left: 135px;
  top: 8px;
}

.ApplicationPreview .title {
  font-weight: bold;
}

.ApplicationPreview .preview {
  text-align: center;
  margin-top: 10px;
}
.ApplicationPage1 .pageHeader {
  height: 20px;
  line-height: 26px;
}

.ApplicationPage1 .pageContent  {
  overflow: auto;
  border: 1px solid #000000;
  border-color: #B3B3B3 #C1D6EB #C1D6EB #B3B3B3;
}
.consoleFavorites {
  position: absolute;
  width: 300px;
}

.consoleFavorites .row {
  position: relative;
  width: 320px;
  height: 32px;
}

.consoleFavorites .highlightedRow {
  cursor: pointer;
}

.consoleFavorites .titleRow {
  cursor: default;
  height: 20px;
}

.consoleFavorites .title {
  position: absolute;
  left: 10px;
  font-weight: bold;
}

.consoleFavorites .editLink {
  position: absolute;
  right: 10px;
  font-size: 11px;
  text-decoration: underline;
  cursor: pointer;
  opacity: 0.5;
}

.consoleFavorites .editLinkHover {
  opacity: 1.0;
}

.consoleFavorites .empty .editLink { display: none; }

.consoleFavorites .row .container {
  position: absolute;
  top: 5px;
  width: 320px;
}

.consoleFavorites .row .container .icon {
  position: absolute;
  top: 0px;
  left: 20px;
}

.consoleFavorites .row .container .name {
  position: absolute;
  top: 0px;
  left: 50px;
  font-size: 11px;
}

.consoleFavorites .container .highlightedRow .name {
  text-decoration: underline;
}

.consoleFavorites .row .container .owner {
  position: absolute;
  top: 13px;
  left: 50px;
  opacity: 0.5;
  font-size: 10px;
}

.consoleFavorites .row .container .remove {
  position: absolute;
  top: 5px;
  right: 15px;
  display: none;
  cursor: pointer;
  opacity: 0.50;
}

.consoleFavorites .row .container .removeHover {
  opacity: 1.0;
}

.consoleFavorites .featuredRow {
  height: 42px;
  margin-top: 10px;
}

.consoleFavorites .featuredRow .container { top: 10px; }

.consoleFavorites .featuredRow .container .featuredTag {
  position: absolute;
  left: 12px;
  top: -5px;
}

.editConsoleFavorites .row .container .remove { display: block; }
.editConsoleFavorites .featuredRow .container .remove { display: none; }

.uiButtonLegacy {
  display: inline;
  cursor: pointer;
}

.uiButton {
  float: left;
  font-family: sans-serif;
  color: #666666;
  cursor: pointer;
  position: relative;
}

.uiButton-hot {
  color: #2c4469;
}

.uiButton-disabled {
  color: #a5a5a5;
  cursor: default;
}

.uiButton .uiLabel { width: auto; }

.uiButtonLeft, .uiButtonRight, .uiButtonCenter { float: left; }

/* push the button down a pixel when it is pressed */
.uiButton-down .uiButtonLeft,
.uiButton-down .uiButtonCenter,
.uiButton-down .uiButtonRight { position: relative; top: 1px; }


/******* Normal Button */

.uiButton { font-size: 11px; }
.uiButton .uiLabel { padding: 3px 6px 0 6px; }

/* button measurements */
.uiButtonLeft, .uiButtonRight, .uiButtonCenter { height: 22px; }
.uiButtonLeft, .uiButtonRight { width: 5px; }

.uiButtonCenter { margin: 0 5px; display: inline; }
.uiButtonLeft { margin-right: -5px; }
.uiButtonRight { margin-left: -6px; margin-left: /**/ -5px;}

/* button graphics for its three states */
.uiButton .uiButtonLeft-normal { background: url(../images/buttons/button.normal.left.png) no-repeat top left; }
.uiButton .uiButtonCenter-normal { background: url(../images/buttons/button.normal.center.png) top right; }
.uiButton .uiButtonRight-normal { background: url(../images/buttons/button.normal.right.png) top right; }

.uiButton .uiButtonLeft-hot { background: url(../images/buttons/button.hot.left.png) no-repeat top left; }
.uiButton .uiButtonCenter-hot { background: url(../images/buttons/button.hot.center.png) top right; }
.uiButton .uiButtonRight-hot { background: url(../images/buttons/button.hot.right.png) top right; }

.uiButton .uiButtonLeft-down { background: url(../images/buttons/button.down.left.png) no-repeat top left; }
.uiButton .uiButtonCenter-down { background: url(../images/buttons/button.down.center.png) top right; }
.uiButton .uiButtonRight-down { background: url(../images/buttons/button.down.right.png) top right; }

.uiButton .uiButtonLeft-disabled { background: url(../images/buttons/button.disabled.left.png) no-repeat top left; }
.uiButton .uiButtonCenter-disabled { background: url(../images/buttons/button.disabled.center.png) top right; }
.uiButton .uiButtonRight-disabled { background: url(../images/buttons/button.disabled.right.png) top right; }


/******* Big Button */

.uiButton-big { font-size: 12px; }
.uiButton-big .uiLabel { padding: 5px 8px 0 8px; }

/* button measurements */
.uiButton-big .uiButtonLeft, .uiButton-big .uiButtonRight, .uiButton-big .uiButtonCenter { height: 26px; }
.uiButton-big .uiButtonLeft, .uiButton-big .uiButtonRight { width: 7px; }

.uiButton-big .uiButtonCenter { margin: 0 7px; display: inline; }
.uiButton-big .uiButtonLeft { margin-right: -7px; }
.uiButton-big .uiButtonRight { margin-left: -7px; }

/* button graphics for its three states */
.uiButton-big .uiButtonLeft-normal { background: url(../images/buttons/button.big.normal.left.png) no-repeat top left; }
.uiButton-big .uiButtonCenter-normal { background: url(../images/buttons/button.big.normal.center.png) top right; }
.uiButton-big .uiButtonRight-normal { background: url(../images/buttons/button.big.normal.right.png) top right; }

.uiButton-big .uiButtonLeft-hot { background: url(../images/buttons/button.big.hot.left.png) no-repeat top left; }
.uiButton-big .uiButtonCenter-hot { background: url(../images/buttons/button.big.hot.center.png) top right; }
.uiButton-big .uiButtonRight-hot { background: url(../images/buttons/button.big.hot.right.png) top right; }

.uiButton-big .uiButtonLeft-down { background: url(../images/buttons/button.big.down.left.png) no-repeat top left; }
.uiButton-big .uiButtonCenter-down { background: url(../images/buttons/button.big.down.center.png) top right; }
.uiButton-big .uiButtonRight-down { background: url(../images/buttons/button.big.down.right.png) top right; }

.uiButton-big .uiButtonLeft-disabled { background: url(../images/buttons/button.big.disabled.left.png) no-repeat top left; }
.uiButton-big .uiButtonCenter-disabled { background: url(../images/buttons/button.big.disabled.center.png) top right; }
.uiButton-big .uiButtonRight-disabled { background: url(../images/buttons/button.big.disabled.right.png) top right; }