#ui-id-1 {
    position: absolute;
    cursor: default;
    z-index: 20000 !important;
}

.button3d {
    font-size: 14px;
    margin: 2px 2px;
    padding: 5px 6px;
    font-weight: bold;
    color: #555555;
    text-decoration: none;
    text-shadow: 0 1px white;
    background: #dfdfdf;
    border-width: 1px;
    border-style: solid;
    border-color: #cecece #bababa #a8a8a8;
    border-radius: 3px;
    outline: 0;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-image: -webkit-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
    background-image: -moz-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
    background-image: -o-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
    background-image: linear-gradient(to bottom, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
}

.table-cell {
    display: table-cell !important;
}

.button3d:hover, .button3d:active {
    background: #dfdfdf;
    border-top-color: #c9c9c9;
}


.button3d.yellow {
    color: #7e4f27;
    text-shadow: 0 1px #f2e294;
    background: #f6ba49;
    border-color: #efb443 #d9a238 #a57825;
    background-image: -webkit-linear-gradient(top, #ffdd67 0%, #f6ba49 70%, #f4b03e 100%);
    background-image: -moz-linear-gradient(top, #ffdd67 0%, #f6ba49 70%, #f4b03e 100%);
    background-image: -o-linear-gradient(top, #ffdd67 0%, #f6ba49 70%, #f4b03e 100%);
    background-image: linear-gradient(to bottom, #ffdd67 0%, #f6ba49 70%, #f4b03e 100%);
}

.button3d.yellow:hover, .button3d.yellow:active {
    background: #f6ba49;
    border-top-color: #e5ab3d;
}

.button3d.black {
    color: #f1f1f1;
    text-shadow: 0 1px #111;
    background: #4f4f4f;
    border-color: #505050 #414141 #2c2c2c;
    background-image: -webkit-linear-gradient(top, dimgrey 0%, #4f4f4f 70%, #3c3c3c 100%);
    background-image: -moz-linear-gradient(top, dimgrey 0%, #4f4f4f 70%, #3c3c3c 100%);
    background-image: -o-linear-gradient(top, dimgrey 0%, #4f4f4f 70%, #3c3c3c 100%);
    background-image: linear-gradient(to bottom, dimgrey 0%, #4f4f4f 70%, #3c3c3c 100%);
}

.button3d.black:hover, .button3d.black:active {
    background: #4f4f4f;
    border-top-color: #494949;
}

a.readmore-js-toggle {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    border-top: 1px solid white;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a),
    to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a',
    endColorstr='#f47a20');
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 13px/100% Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 5px 6px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    width: 80px;
    float: left;
    margin: 6px 6px 6px 280px;

}

.buttonPrevOrNext {
    margin-top: 0px;
}

.g-plusone-wrapper {
    float: left;
    padding: 12px 0 0 15px;
    width: auto;
    height: auto;
    width: 75px;
}

.facebook-like-wrapper {
    float: left;
    padding: 0px 0 0 5px;
    width: auto;
    height: auto;
}

.search-wrapper {
    float: left;
    padding: 7px 0 0 10px;
    width: auto;
    height: auto;
}

#header {
    background-color: #3F3F3F;
    background-image: -moz-linear-gradient(center top, #696969 0%, #3F3F3F 100%);
    background-image: linear-gradient(to bottom, #696969 0%, #3F3F3F 100%);
    background: -moz-linear-gradient(center top, #696969, #3F3F3F) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#696969),
    to(#3F3F3F));
    box-shadow: 0 0 10px #333333;
    color: #333333;
    font-size: 13px;
    font-weight: normal;
    height: 42px;
    line-height: 17px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001;
}

a {
    color: #F09A01;
}

div.submenu {
    color: #BBBBBB;
    text-decoration: none;
    font-size: 14px;
    height: 8px;
    display: inline-block;
    padding: 6px 8px 4px 7px;
}

div.submenu > a {
    color: #BBBBBB;
    text-decoration: none;
}

div.submenu > a:hover {
    color: white;
    text-decoration: none;
}

a.subMenu:hover {
    color: #FF9511;
}

a.admin-menu {
    color: #FF9511;
}

li a {
    color: #f47a20;
}

.headerBar {
    background-color: #ff9511;
    border-bottom: 1px solid #3B5998;
    border-top: 1px solid #1A356E;
    color: #FFFFFF;
    display: block;
    height: 7px;
    width: 100%;
    margin-top: 0px;
    box-shadow: 0 0 10px #333333;
}

.headerSecondMenu {
    border-bottom: 4px solid #ff9511;
    border-top: 1px solid #898988;
    color: #FFFFFF;
    display: block;
    height: 30px;
    width: 100%;
    margin-top: 0px;
    box-shadow: 0 0 10px #333333;
    position: fixed;
    top: 42;
    width: 100%;
    z-index: 1;
    background-color: #1a1a1a;
    background-image: -webkit-linear-gradient(top, #1a1a1a 0%, #303030 100%);
    background-image: -moz-linear-gradient(top, #1a1a1a 0%, #303030 100%);
    background-image: -o-linear-gradient(top, #1a1a1a 0%, #303030 100%);
    background-image: linear-gradient(top, #1a1a1a 0%, #303030 100%);
}

.header-wrapper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 974px;
    height: 42px;
    z-index: 1;
    clear: both;
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    text-align: center;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

#headerMenu a, .headerLink {
    color: #BBBBBB;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.75);
    text-decoration: none;
    margin-right: 10px;
}

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

#tubepeak-logo {
    background: url("../images/doovi-site-logo.png");
    height: 34px;
    width: 34px;
    float: left;
    margin-left: 5px;
    margin-top: 4px;
}

body {
    border: 0 none;
    color: #000000;
    line-height: 1.2;
    margin: 0;
    outline: 0 none;
    padding: 0;
    font-family: Arial, sans-serif;
    background: url("../images/texture_grain.png") repeat scroll 0 0 #E9E9E9;
}

#error {
    width: auto;
    float: left;
    margin: 10px;
    border-radius: 3px;
    padding: 10px;
}

#headerLogo {
    float: left;
}

#headerLang {
    float: right;
}

#headerMenu {
    float: right;
    margin: 10px 0 0;
}

#footerLogo {
    float: right;
}

.maintable th {
    font-size: 1.4em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #FF9511;
    color: #fff;
}

.maintable td, .maintable th {
    font-size: 12px;
    border: 1px solid #FF9511;
    padding: 3px 7px 2px 7px;
}

.maintable {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 100%;
    border-collapse: collapse;
}

.maintable tr.alt td {
    color: #000;
    background-color: #FFE0B2;
}

.buytable th {
    font-size: 1.4em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #FF9511;
    color: #fff;
}

.buytable td, .buytable th {
    font-size: 14px;
    border: 1px solid #FF9511;
    padding: 3px 7px 2px 7px;
    text-align: center;
}

.buytable {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 100%;
    border-collapse: collapse;
}

.buytable tr.alt td {
    color: #000;
    background-color: #FFE0B2;
}

/* old table */
.oldtable th {
    font-size: 1.4em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #616161;
    color: #fff;
}

.oldtable td, .oldtable th {
    font-size: 14px;
    border: 1px solid gray;
    padding: 3px 7px 2px 7px;
    text-align: center;
}

.oldtable {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 100%;
    border-collapse: collapse;
}

.oldtable tr.alt td {
    color: #000;
    background-color: #CECECE;
}

/* Giving a font-family and Size to give good look */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

/* Adjusting the margins, paddings and no list styles */
.navigation {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Little tricking with positions */
.navigation li {
    float: left; /* Show list items inline */
    position: relative;
}

/* Playing with Main Categories */
.navigation li a {
    color: #fff;
    display: block; /* Making sure a element covers whole li area */
    padding: 4px 7px 14px 7px;
    text-decoration: none; /* No underline */
    text-align: center;
}

.navigation li a:hover {
    color: #F2861D;
}

/* Sub Cat Menu stuff*/
.navigation ul {
    position: absolute;
    left: 0;
    display: none; /* Hide it by default */
    margin: 0 0 0 -1px;
    padding: 0;
    list-style: none;
}

.navigation ul li {
    float: left;
    border-top: none;
}

/* Sub Cat menu link properties */
.navigation ul a {
    display: block; /* Making sure a element covers whole li area */
    height: 15px;
    padding: 8px 7px 13px 7px;
    color: #fff;
    text-decoration: none;
    border-top: none;
    border-bottom: 1px solid #6B6B6B;
    background-color: #3F3F3F;
    width: 70px;
}

.navigation ul a:hover {
    color: #F2861D;
}

#body {
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.panelWelcome {
    background: -moz-linear-gradient(100% 100% 90deg, #F2F2F2, #FFFFFF) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2),
    to(#FFFFFF)); /* for webkit browsers */
    background-image: linear-gradient(to bottom, #F2F2F2 0%, #FFFFFF 70%);
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    margin: 0 0 6px;
    overflow: hidden;
    padding: 5px 6px;
}

.panelTiles {
    background: -moz-linear-gradient(100% 100% 90deg, #F2F2F2, #FFFFFF) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2),
    to(#FFFFFF)); /* for webkit browsers */
    background-image: linear-gradient(to bottom, #F2F2F2 0%, #FFFFFF 70%);
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    margin: 0 0 6px;
    overflow: hidden;
    padding: 6px 2px;
    float: left;
    width: 664px;
}

.firstPanel {
    font-size: 16px;
}

.first-child {
    float: left;
}

.last-child {
    float: right;
}

.motto {
    font-size: 16px;
    font-weight: normal;
    border: none;
}

.panelError {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa6a6),
    to(#FFFFFF));
    background: -moz-linear-gradient(100% 100% 90deg, #ffa6a6, #FFFFFF) repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    margin: 0 0 6px;
    overflow: auto;
    padding: 8px 15px;
}

.panelInfo {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    margin: 0 0 10px;
    overflow: auto;
    padding: 10px 15px;
    background-color: #888888;
    background-image: -moz-linear-gradient(center top, #696969 0%, #3F3F3F 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#696969),
    to(#3F3F3F));
    font-weight: bold;
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.panelOk {
    background: -webkit-gradient(linear, left top, left bottom, from(#7be546),
    to(#58c820));
    background: -moz-linear-gradient(100% 100% 90deg, #58c820, #7be546) repeat scroll 0 0 transparent;
    color: white;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    margin: 0 0 10px;
    overflow: auto;
    padding: 8px 15px;
}

.error {
    color: #ff0000;
}

.errorblock {
    color: #000;
    background-color: #ffEEEE;
    border: 3px solid #ff0000;
    padding: 8px;
    margin: 16px;
}

.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 13px/100% Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 5px 6px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.buttonSearch {
    border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    z-index: 11000;
    position: relative;
    top: 0px;
    height: 27px;
    left: -8px;
}

.button:hover {
    text-decoration: none;
}

.button:active {
    position: relative;
    top: 1px;
}

.orange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    border-top: 1px solid white;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a),
    to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a',
    endColorstr='#f47a20');
}

.orange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11),
    to(#f06015));
    background: -moz-linear-gradient(top, #f88e11, #f06015);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11',
    endColorstr='#f06015');
}

.orange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20),
    to(#faa51a));
    background: -moz-linear-gradient(top, #f47a20, #faa51a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20',
    endColorstr='#faa51a');
}

.gray {
    background: -moz-linear-gradient(center top, #888888, #575757) repeat scroll 0 0 transparent;
    border: 1px solid #555555;
    color: #E9E9E9;
}

.gray:hover {
    background: -moz-linear-gradient(center top, #757575, #4B4B4B) repeat scroll 0 0 transparent;
}

.gray:active {
    background: -moz-linear-gradient(center top, #575757, #888888) repeat scroll 0 0 transparent;
    color: #AFAFAF;
}

/* >>> Request line styles */
.thumbDiv {
    width: 100px;
    height: 95px;
    margin: 3px 3px 0 3px;
    float: left;
}

.thumbDivSmall {
    width: 44px;
    height: 40px;
    margin-left: 4px;
    float: left;
    margin-top: 5px;
}

.subscribersDiv {
    border-radius: 3px;
    color: white;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    padding: 5px 0px;
    width: 30px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    border-top: 1px solid white;
    position: relative;
    top: -4px;
    left: 5px;
    z-index: 10;
    background: -moz-linear-gradient(center top, #FAA51A, #F47A20) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#FAA51A),
    to(#F47A20));
    background-image: linear-gradient(to bottom, #FAA51A 0%, #F47A20 70%);
    float: left;
    box-shadow: 2px 2px 2px #888888;
}

.gearIcon {
    z-index: 10;
    position: relative;
    top: -30px;
    left: 18px;
}

.timePassedDiv {
    border-radius: 3px;
    color: white;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    padding: 5px 0px;
    width: 60px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    border-top: 1px solid white;
    position: relative;
    top: -4px;
    left: 4px;
    z-index: 10;
    background-image: -moz-linear-gradient(center top, #696969 0%, #3F3F3F 100%);
    background: -moz-linear-gradient(100% 100% 90deg, #696969, #3F3F3F) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#696969),
    to(#3F3F3F));
    background-image: linear-gradient(to bottom, #696969 0%, #3F3F3F 70%);
    float: left;
    box-shadow: 2px 2px 2px #888888;
}

.avatar {
    border: 2px solid #888888;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #888888;
    /* Bugfix: Restrict size to protect UI. */
    width: 88px;
    length: 88px;
}

.avatarSmall {
    border: 1px solid #888888;
    border-radius: 5px;
    /* box-shadow: 2px 2px 2px #888888; */
    /* Bugfix: Restrict size to protect UI. */
    width: 36px;
    length: 36px;
}

/* >>> Table with stats at account page */
.tableYt {
    border-collapse: collapse;
    border: 2px solid #FF9511;
    float: left;
    border-radius: 5px;
    margin-left: 20px;
    height: 88px;
}

.tableYt td {
    padding-left: 5px;
    font-size: 15px;
}

.divAnswer {
    border-radius: 5px;
    border: 2px solid #888888;
    background: -moz-linear-gradient(100% 100% 90deg, #FFFFFF, #F2F2F2) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2),
    to(#F2F2F2));
    width: 175px;
    float: left;
    margin-left: 12px;
    overflow: hidden;
    width: 935px;
    margin-top: 15px;
}

.answer {
    padding: 15px;
}

/* Account page styles */
.divPlan {
    border-radius: 5px;
    border: 2px solid #888888;
    background: -moz-linear-gradient(100% 100% 90deg, #FFFFFF, #F2F2F2) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2),
    to(#FFFFFF));
    width: 175px;
    height: 226px;
    float: left;
    margin-left: 12px;
    overflow: hidden;
}

.divPlanPaid {
    border-radius: 5px;
    border: 2px solid #888888;
    background: -moz-linear-gradient(100% 100% 90deg, #FFFFFF, #ffe691) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe691),
    to(#FFFFFF));
    width: 175px;
    height: 226px;
    float: left;
    margin-left: 12px;
    overflow: hidden;
}

.divPay {
    border-radius: 5px;
    border: 2px solid #888888;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 12px;
    overflow: hidden;
}

.benefit {
    border-radius: 5px;
    border: 2px solid #888888;
    background: -moz-linear-gradient(100% 100% 90deg, #FFFFFF, #F2F2F2) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2),
    to(#FFFFFF));
    width: 220px;
    height: 160px;
    float: left;
    margin-left: 12px;
    overflow: hidden;
}

.headerPlan {
    width: 100%;
    background-color: #888888;
    background-image: -moz-linear-gradient(center top, #696969 0%, #3F3F3F 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#696969),
    to(#3F3F3F));
    background-image: linear-gradient(to bottom, #696969 0%, #3F3F3F 100%);
    color: white;
    font-size: 15px;
    padding: 5px;
    font-weight: bold;
}

.contentPlan {
    width: 100%;
    height: 150px;
}

.divPlanButton {
    margin-left: 15px;
}

.planButton {
    width: 145px;
}

.planBenefits {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 30px;
}

.smnBenefits {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 30px;
    padding-right: 15px;
}

/* Z-index of #mask must lower than #boxes .window */
#mask {
    position: absolute;
    z-index: 9000;
    background-color: #000;
    display: none;
}

#boxes .window {
    position: fixed;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 9999;
}

/* Customize your modal window here, you can add background image too */
#boxes #dialog {
    width: 425px;
    height: auto;
}

.orangeHeader {
    background: -moz-linear-gradient(center top, #FAA51A, #F47A20) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#FAA51A),
    to(#F47A20));
    background-image: linear-gradient(to bottom, #FAA51A 0%, #F47A20 70%);
    font-weight: bold;
    color: white;
    padding: 5px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.footerPanel {
    background-image: -moz-linear-gradient(center top, #696969 0%, #3F3F3F 100%);
    border-radius: 5px;
    width: 100%;
}

/* Charts page */
.divChart {
    float: left;
    width: 304px;
    padding-right: 10px;
    height: auto;
    margin-bottom: 12px;
}

.chart-title-row {
    background: url("http://www.coverium.com/images/row-stars2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 3px 3px 3px #888888;
    color: #FFFFFF;
    font-size: 20px;
    height: 60px;
    margin: 5px;
    text-align: center;
    text-shadow: 1px 1px #000000;
    vertical-align: middle;
    width: 100%;
}

.chart-row-1 {
    background: url("http://www.coverium.com/images/row-gold.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid #FFD633;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 2px 2px 2px #888888;
    height: 60px;
    margin: 5px;
    width: 100%;
}

.chart {
    border: 2px solid #888888;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 3px 3px 3px #888888;
    height: 60px;
    margin: 10px;
    width: 285px;
    padding-bottom: 1px;
}

.chart-position {
    float: left;
    width: 55px;
    height: 55px;
    margin: 3px;
    backbround-color: grey;
    border-radius: 4px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    background-color: #377ABF;
    background-image: linear-gradient(to bottom, #bebebe 0%, #888888 100%);
    vertical-align: middle;
    color: #FFFFFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.chart-position-best {
    float: left;
    width: 55px;
    height: 55px;
    margin: 3px;
    backbround-color: grey;
    border-radius: 4px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    background-color: #377ABF;
    background-image: linear-gradient(to bottom, #FAA51A 0%, #F47A20 100%);
    vertical-align: middle;
    color: #FFFFFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.chart-avatar {
    border-radius: 5px;
    float: left;
    padding: 3px 3px 4px 3px;
    height: 55px;
    width: 55px;
}

.chart-ul {
    float: left;
    margin: 0 0 0 0px;
    padding-left: 5px;
    padding-top: 3px;
    list-style: none;
}

.chart-ul li {
    padding: -2px;
    margin: 0px;
}

.ui-progressbar {
    position: relative;
}

.progress-label {
    position: absolute;
    left: 60px;
    top: 4px;
    font-weight: bold;
    font-size: 15px;
    text-shadow: 1px 1px 0 #fff;
}

.changedirection {
    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: left;
}

/* Results page */
.chartResults {
    border: 2px solid #888888;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 3px 3px 3px #888888;
    height: 68px;
    width: 465px;
    margin-bottom: 8px;
    float: left;
    margin-right: 8px;
}

.resultsSimple {
    background: -moz-linear-gradient(100% 100% 90deg, #F2F2F2, #FFFFFF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-image: -moz-linear-gradient(center top, #F2F2F2 0%, #FFFFFF 100%);
    background-image: linear-gradient(to bottom, #F2F2F2 0%, #FFFFFF 70%);
    background: -moz-linear-gradient(center top, #F2F2F2, #FFFFFF) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2),
    to(#FFFFFF));
}

.resultsBronze {
    /* background-image: linear-gradient(to bottom, #ffce91 0%, #d68f4d 70%); */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#ffce91),
    to(#d68f4d));
    background-image: -moz-linear-gradient(center top, #ffce91 0%, #d68f4d 100%);
    background-image: linear-gradient(to bottom, #ffce91 0%, #d68f4d 70%);
    background: -moz-linear-gradient(center top, #ffce91, #d68f4d) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffce91),
    to(#d68f4d));
}

.resultsSilver {
    /* background-image: linear-gradient(to bottom, #f7f7f7 0%, #a5a5a5 70%); */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#f7f7f7),
    to(#a5a5a5));
    background-image: -moz-linear-gradient(center top, #f7f7f7 0%, #a5a5a5 100%);
    background-image: linear-gradient(to bottom, #f7f7f7 0%, #a5a5a5 70%);
    background: -moz-linear-gradient(center top, #f7f7f7, #a5a5a5) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7),
    to(#a5a5a5));
}

.resultsGold {
    /* background-image: linear-gradient(to bottom, #ffeea9 0%, #ffd12b 70%); */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#ffeea9),
    to(#ffd12b));
    background-image: -moz-linear-gradient(center top, #ffeea9 0%, #ffd12b 100%);
    background-image: linear-gradient(to bottom, #ffeea9 0%, #ffd12b 70%);
    background: -moz-linear-gradient(center top, #ffeea9, #ffd12b) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffeea9),
    to(#ffd12b));
}

.avatarResults {
    width: 56px;
    height: 56px;
    position: relative;
    top: 5px;
    left: 8px;
    float: left;
    border: 1px solid #888888;
    border-radius: 4px;
}

.avatarSubscribers {
    width: 25px;
    height: 25px;
    position: relative;
    top: 5px;
    left: 8px;
    float: left;
    border: 1px solid #888888;
    border-radius: 4px;
    margin-right: 5px;
    margin-bottom: 4px;
}

.timePassedDivResults {
    border-radius: 3px;
    color: white;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    padding: 5px 0px;
    width: 70px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    border-top: 1px solid white;
    position: relative;
    top: 5px;
    left: 14px;
    z-index: 10;
    background-image: -moz-linear-gradient(center top, #696969 0%, #3F3F3F 100%);
    background: -moz-linear-gradient(100% 100% 90deg, #696969, #3F3F3F) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#696969),
    to(#3F3F3F));
    background-image: linear-gradient(to bottom, #696969 0%, #3F3F3F 70%);
    float: left;
    box-shadow: 2px 2px 2px #888888;
    text-align: center;
    height: 15px;
}

.subscribersDivResults {
    border-radius: 3px;
    color: white;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    padding: 5px 0px;
    width: 70px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    border-top: 1px solid white;
    position: relative;
    top: 36px;
    left: -56px;
    z-index: 10;
    background: -moz-linear-gradient(center top, #FAA51A, #F47A20) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#FAA51A),
    to(#F47A20));
    background-image: linear-gradient(to bottom, #FAA51A 0%, #F47A20 70%);
    float: left;
    box-shadow: 2px 2px 2px #888888;
    text-align: center;
    height: 15px;
}

.result-ul {
    float: left;
    margin: 0 0 0 0px;
    padding-left: 5px;
    padding-top: 3px;
    list-style: none;
    position: relative;
    left: -50px;
    top: 3px;
}

.resultSubscriptions {
    float: left;
    width: 136px;
    height: 68px;
    position: relative;
    left: 323px;
    top: -60px;
}

.arrowStyle {
    float: left;
    position: relative;
    left: -45px;
    top: 5px;
}

.dealThumb {
    border-radius: 5px;
    width: 200px;
}

.deal {
    background: linear-gradient(to bottom, #F2F2F2 0%, #FFFFFF 70%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid #CCCCCC;
    border-radius: 5px;
    width: auto;
    padding: 10px;
}

/* Email dialog input style */
.form_hint {
    background: none repeat scroll 0px 0px rgb(212, 82, 82);
    border-radius: 3px;
    color: white;
    display: none;
    margin-left: 4px;
    padding: 1px 6px;
    position: absolute;
    z-index: 999;
    width: 125px;
}

.jomsForm input {
    font-size: 16px;
    padding: 3px;
}

.jomsForm input[type="text"]:valid {
    background: url("http://www.coverium.com/images/valid.png") no-repeat scroll 98% center #FFFFFF;
    border-color: #28921F;
    box-shadow: 0 0 5px #5CD053;
}

.jomsForm input[type="text"]:invalid {
    background: url("http://www.coverium.com/images/invalid.png") no-repeat scroll 98% center #FFFFFF;
    border-color: #B03535;
    box-shadow: 0 0 5px #D45252;
}

.jomsForm input, .contact_form textarea {
    border: 1px solid #AAAAAA;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 3px #CCCCCC, 0 10px 15px #EEEEEE inset;
    transition: padding 0.25s ease 0s;
}

.jomsForm input:focus, .contact_form textarea:focus {
    background: none repeat scroll 0 0 #4D90FE;
    border: 1px solid #555555;
    box-shadow: 0 0 3px #AAAAAA;;
}

.jomsForm input:required, .jomsForm textarea:required {
    background: url("http://www.coverium.com/images/red_asterisk.png") no-repeat scroll 98% center #FFFFFF;
}

#controls {
    width: 100%;
    height: 34px;
    margin-top: 3px;
    float: left;
    margin-bottom: 0px;
}

#controlsBottom {
    width: 100%;
    height: 34px;
    margin-top: 6px;
    float: left;
    margin-bottom: 0px;
}

.cbutton {
    cursor: pointer;
    cursor: hand;
    border: solid grey 2px;
    border-radius: 6px;
    padding: 3px 6px;
    margin: 2px;
    color: white;
    background: grey;
    font-size: 12px;
    text-decoration: none;
    float: left;
}

.cbutton-last {
    float: left;
    padding: 5px;
    border: 2px solid #cccccc;
    border-radius: 5px;
    font-size: 12px;
    margin-left: 5px;
    cursor: pointer;
    cursor: hand;
    margin-right: 295px;
}

.nbutton {
    float: left;
    padding: 2px;
    cursor: pointer;
    cursor: hand;
    position: relative;
    top: -2px;
    padding: 0;
    float: right;
}

.kw {
    float: left;
    padding: 5px;
    border: 2px solid #cccccc;
    border-radius: 5px;
    font-size: 12px;
    margin-left: 5px;
    cursor: pointer;
    cursor: hand;
}

#page {
    width: 100%;
    padding: 30px;
    margin: 10px auto;
    width: 1016px;
}

.controlsWrapper {
    float: left;
    widht: 100%;
    padding-left: 6px;
}

#data {
}

#response {
    width: 100%;
    padding: 30px;
    color: grey;
    font-size: 8px;
}

body {
    background: url("../images/texture_grain.png") repeat scroll 0px 0px rgb(233, 233, 233);
}

.videoCard {
    float: left;
    height: 145px;
    margin: 0 8px 8px 0;
}

.videoSearch {
    float: left;
    width: 100%
    height: 170px;
    border-radius: 5px;
}

.videoThumb {
    border-radius: 5px;
    width: 179px;
    cursor: pointer;
    cursor: hand;
}

.videoTitle {
    font-size: 12px;
    margin: 5px;
    font-family: 'Arial';
    width: 160px;
    overflow: hidden;
    height: 40px;
}

.videoDuration {
    font-size: 10px;
    background: black;
    color: white;
    border-radius: 5px;
}

.keyword {
    background: none repeat scroll 0 0 #ff9511;
    border-radius: 5px;
    color: white;
    float: left;
    padding: 5px 10px;
    text-align: left;
    margin: 5px 5px;
    font-size: 16px;
    text-shadow: 1px 1px #999999;
}

.keywordPanel {
    text-align: left;
    width: 300px;
    float: left;
    margin-top: 8px;
}

.search-term {
    padding-left: 5px;
    padding-right: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
    margin: 0;
    font-size: 13px;
    line-height: 17px;
    color: #333;
    font-weight: normal;
    z-index: 10004;
    -webkit-transition: background 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out;
    -o-transition: background 0.4s ease-in-out;
    transition: background 0.4s ease-in-out;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 5px;
    position: relative;
    width: 210px;
    height: 26px;
}

.search-button {
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    margin: 0;
    overflow: visible;
    text-decoration: none !important;
    width: auto;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 0 13px;
    height: 31px;
    line-height: 29px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    color: #fff;
    background-color: #287bbc;
    border-color: #1b5480;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,
    startColorstr='#FF287BBC', endColorstr='#FF23639A');
    background-image: -webkit-linear-gradient(top, #287bbc 0%, #23639a 100%);
    background-image: -moz-linear-gradient(top, #287bbc 0%, #23639a 100%);
    background-image: -o-linear-gradient(top, #287bbc 0%, #23639a 100%);
    background-image: linear-gradient(top, #287bbc 0%, #23639a 100%);
    white-space: nowrap;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 3px;
    padding-right: 3px;
    float: left;
    height: 27px;
    line-height: 25px;
    overflow: hidden;
    width: 50px;
}

.videoCell {
    background-color: #FFF;
    border-radius: 8px;
    -moz-border-radius: 25px; /* Old Firefox */
    margin: 3px 3px 3px 3px;
    height: 145px;
    border: 2px solid;
    box-shadow: 3px 3px 3px #888888;
    width: 156px;
    background: url("/images/cell-cover.jpg") repeat scroll 0 0 transparent;
    float: left;
}

.videoTitle {
    font-size: 11px !important;
    line-height: 110%;
    margin: 0 !important;
}

.coverThumb {
    border-radius: 6px;
}

.hwdwall-title {
    font-size: 11px !important;
    line-height: 110%;
    margin: 0 !important;
}

.adminInput {
    height: 26px;
    length: 300px;
    padding: 5px;
    margin: 0;
    font-size: 13px;
    line-height: 17px;
    color: #333;
    font-weight: normal;
}

.adminSuccess {
    width: 820px;
    float: left;
    margin: 10px;
    border-radius: 3px;
    padding: 10px;
    color: #1C9E00;
}

.adminFail {
    width: 820px;
    float: left;
    margin: 10px;
    border-radius: 3px;
    padding: 10px;
    color: #ff0000;
}

table.adminForm td {
    padding: 4px;
}

table.adminVideos {
    border: 2px solid gray;
    border-collapse: collapse;
}

table.adminVideos td {
    padding: 10px;
    border: 2px solid gray;
}

.panelBannerRight {
    float: left;
    width: 212px;
    height: 69px;
    margin: 0 6px 0 0px;
}

.infoShade {
    background: #524f4f;
    color: white;
    position: relative;
    padding: 4px 8px 2px 8px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}

.rightSmallShade {
    border-top: solid 2px orange;
}

.infoNormalShade {
    width: 270px;
    height: 37px;
    top: 122px;
    left: 0px;
}

.infoBigShade {
    width: 307px;
    height: 37px;
    top: 135px;
    left: 0px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    font-size: 16px;
    border-top: solid 2px orange;
    padding: 4px 8px 4px 8px !important;
}

.infoSmallShade {
    top: -38px;
    width: auto;
    height: 18px;
    font-size: 12px;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 5px;
}

.leftShade {
    float: left;
    width: auto;
    left: 0px;
}

.infoSmallShadeSmallTile {
    top: -27px;
    width: auto;
    height: 16px;
    font-size: 12px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.infoBigShadeSmallTile {
    width: auto;
    height: 20px;
    font-size: 14px;
    border-top-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    top: -46px;
}

.infoBottomSmallShadeSmallTile {
    top: 90px;
    width: auto;
    height: 22px;
    font-size: 15px;
    left: 0px;
    color: orange;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.infoBottomSmallShadeBigTile {
    top: 34px;
    width: auto;
    height: 22px;
    font-size: 16px;
    left: 0px;
    color: orange;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.infoBottomSmallShadeSmallTileOrange {
    top: 66px;
    width: auto;
    height: 16px;
    font-size: 14px;
    left: 0px;
    color: black;
    background-color: #ff9511 !important;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.rightShade {
    float: right;
    width: auto;
    top: 6px;
    right: 24px;
    position: absolute;
}

.rightShadeSmall {
    float: right;
    width: auto;
    top: 6px;
    right: 1px;
    position: absolute;
    height: 16px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.rightShadeBig {
    float: right;
    width: auto;
    top: 6px;
    right: 3px;
    position: absolute;
    height: 20px;
    font-size: 14px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.crop {
    width: 286px;
    height: 160px;
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 0 8px 11px -5px #000;
    -moz-box-shadow: 0 8px 11px -5px #000;
    box-shadow: 0 8px 11px -5px #000;
    position: absolute;
    top: 6px;
}

.crop img {
    width: 286px;
    margin: -27px 0 -27px 0;
    position: absolute;
    top: 0;
}

.divBigTile {
    width: 310px;
    height: 168px;
    position: relative;
    top: -6;
}

.eyeIcon {
    float: left;
    padding: 3px 5px 0 0;
    height: 10px;
}

.viewCountTile {
    float: left;
}

.blackHeader {
    border-bottom: 4px solid #ff9511;
    padding: 0;
    background-color: #1a1a1a;
    background-image: -webkit-linear-gradient(top, #1a1a1a 0%, #303030 100%);
    background-image: -moz-linear-gradient(top, #1a1a1a 0%, #303030 100%);
    background-image: -o-linear-gradient(top, #1a1a1a 0%, #303030 100%);
    background-image: linear-gradient(top, #1a1a1a 0%, #303030 100%);
    height: 39px;
    position: relative;
    border-radius: 5px;
}

.blackHeaderLeft {
    top: -7px;
    left: -9px;
    width: 669px;
}

.blackHeaderRight {
    top: -7px;
    left: -7px;
    width: 299px;
}

.blackHeaderBottom {
    border-top: 4px solid #ff9511;
    padding: 0;
    background-color: #1a1a1a;
    background-image: -webkit-linear-gradient(top, #1a1a1a 0%, #303030 100%);
    background-image: -moz-linear-gradient(top, #1a1a1a 0%, #303030 100%);
    background-image: -o-linear-gradient(top, #1a1a1a 0%, #303030 100%);
    background-image: linear-gradient(top, #1a1a1a 0%, #303030 100%);
}

h1.panelHeader {
    color: #BBBBBB;
    text-decoration: none;
    font-size: 15px;
    float: left;
    padding: 2px 10px 4px 10px;
    font-weight: normal;
    max-width: 580px;
}

.panelHeader {
    color: #BBBBBB;
    text-decoration: none;
    font-size: 15px;
    float: left;
    padding: 10px 10px 4px 10px;
    font-weight: normal;
    overflow: hidden;
    height: 16px;
}

.panelHeaderBest {
    color: #BBBBBB;
    text-decoration: none;
    font-size: 15px;
    float: left;
    font-weight: normal;
    overflow: hidden;
}

.videoTileSmall {
    float: left;
    width: 220px;
    height: 187px;
    position: relative;
    top: -6;
}

.videoTileBig {
    float: left;
    width: 331px;
    height: 190px;
    position: relative;
}

.videoTileBig3 {
    float: left;
    width: 630px;
    height: 190px;
    position: relative;
}

.videoTileBig2 {
    float: left;
    width: 331px;
    height: 255px;
    position: relative;
    top: -6;
}

.cropBigExtra {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border: solid 2px grey;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.videoTileSmallLabel {
    padding: 6px;
    width: 202px;
    height: 52px;
    margin: 0 0 0 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0 8px 11px -5px #000;
    -moz-box-shadow: 0 8px 11px -5px #000;
    box-shadow: 0 8px 11px -5px #000;
    position: relative;
    top: -5px;
    border-top: 2px solid #ff9511;
    background-color: #696969;
    background-image: -webkit-linear-gradient(top, #696969 0%, #3F3F3F 100%);
    background-image: -moz-linear-gradient(top, #696969 0%, #3F3F3F 100%);
    background-image: -o-linear-gradient(top, #696969 0%, #3F3F3F 100%);
}

.videoTileBigLabel {
    padding: 6px;
    width: 311px;
    height: 52px;
    margin: 0 0 0 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0 8px 11px -5px #000;
    -moz-box-shadow: 0 8px 11px -5px #000;
    box-shadow: 0 8px 11px -5px #000;
    position: relative;
    top: -1px;
    border-top: 2px solid #ff9511;
    background-color: #696969;
    background-image: -webkit-linear-gradient(top, #696969 0%, #3F3F3F 100%);
    background-image: -moz-linear-gradient(top, #696969 0%, #3F3F3F 100%);
    background-image: -o-linear-gradient(top, #696969 0%, #3F3F3F 100%);
}

a.bigTitle {
    color: #BBB;
    text-decoration: none;
}

.videoTileSmallThumbDiv {
    margin: 5px 0 0 5px;
    height: 120px;
}

.videoTileBigThumbDiv {
    margin: 5px 0 0 5px;
    height: 180px;
}

.cropSmall img {
    width: 100%;
    margin: -21px 0 -20px 0;
    position: absolute;
    top: 0;
    left: 0;
}

.cropBig img {
    width: 100%;
    margin: -30px 0 -20px 0;
    position: absolute;
    top: 0;
    left: 0;
}

.videoTitle {
    color: #bbbbbb;
    font-size: 12px;
}

.smallTitle {
    color: #BBBBBB;
    text-decoration: none;
    font-size: 14px;
    float: left;
    padding: 0px 0px 4px 0px;
}

.cropSmall {
    width: 214px;
    height: 114px;
    overflow: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: absolute;
    top: 6px;
}

.cropBig {
    width: 323px;
    height: 181px;
    overflow: hidden;
    border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    top: 6px;
    -webkit-box-shadow: 0 8px 11px -5px #000;
    -moz-box-shadow: 0 8px 11px -5px #000;
    box-shadow: 0 8px 11px -5px #000;
}

.by {
    float: left;
    color: #bbbbbb;
    font-size: 12px;
    margin: 3px 0 0 0;
    width: 100%;
    overflow: hidden;
    height: 14px;
}

a.regionOrCategory, div.regionOrCategory > div {
    border: solid grey 2px;
    border-radius: 6px;
    padding: 3px 6px;
    margin: 2px;
    color: white;
    background: grey;
    font-size: 13px;
    text-decoration: none;
    float: left;
    cursor: pointer;
    cursor: hand;
}

a.greyLink, div.greyLink > div {
    border: solid grey 2px;
    border-radius: 6px;
    padding: 3px 6px;
    margin: 2px;
    color: white;
    background: grey;
    font-size: 14px;
    text-decoration: none;
    float: left;
    cursor: pointer;
    cursor: hand;
    height: 16px;
}

a.itemButton {
    display: block;

    border: solid grey 2px;
    border-radius: 6px;
    padding: 3px 3px;
    margin: 2px 1px;
    color: white;
    background: grey;
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
    width: 200px;
}

a.itemButton:hover, a.itemButton:hover > div {
    background: white;
    color: #F09A01;
    border: solid #F09A01 2px;
    cursor: pointer;
    cursor: hand;
}

a.videoTitle {
    color: white;
    text-decoration: none;
    float: left;
    cursor: pointer;
    cursor: hand;
    font-size: 16px !important;
    width: 100%;
    max-height: 35px;
}

div.hugeTitleOnGrey {
    float: left;
    background-color: grey;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-top: 2px;
    width: 333px;
    height: 183px;
    position: relative;
    left: 321px;
    top: 1px;
}

a.videoTitleBig {
    color: white;
    text-decoration: none;
    float: left;
    cursor: pointer;
    cursor: hand;
    font-size: 32px !important;
    width: 100%;
    max-height: 35px;
}

a.categoryNameGray {
    border: solid grey 2px;
    border-radius: 6px;
    padding: 3px 6px;
    margin: 2px;
    color: white;
    background: grey;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;

    float: none !important;
    text-align: center;
    margin: 0 0 0 -6px;
    padding-left: 10px;
    font-size: 14px;
}

a.topRegion {
    border-top: solid grey 2px;
    border-bottom: solid grey 2px;
    border-right: solid white 1px;
    border-left: solid white 1px;

    padding: 2px 6px;
    margin: 0px;
    color: white;
    background: grey;
    font-size: 14px;
    text-decoration: none;
    float: left;
    cursor: pointer;
    cursor: hand;
}

a.topRegion:hover {
    background: white;
    color: #F09A01;
    cursor: pointer;
    cursor: hand;
}

a.greyLink:hover, div.greyLink:hover, a.regionOrCategory:hover, div.regionOrCategory:hover > div, a.categoryNameGray:hover {
    background: white;
    color: #F09A01;
    border: solid #F09A01 2px;
    cursor: pointer;
    cursor: hand;
}

a.activeRegionOrCategory, div.activeRegionOrCategory > div {
    background: white;
    color: #F09A01;
    border: solid #F09A01 2px;
}

.panelPageHeader {
    padding: 6px;
    width: 652px;
    margin: 6px 0 0 0;
    height: auto;
    background: -moz-linear-gradient(100% 100% 90deg, #F2F2F2, #FFFFFF) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#FFFFFF));
    background-image: linear-gradient(to bottom, #F2F2F2 0%, #FFFFFF 70%);
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    margin: 0 0 6px;
    overflow: hidden;
    padding: 6px 8px;
}

.headerButton {
    margin-top: 6px;
    margin-right: 6px;
    float: right !important;
}

.videoTileSmallLabelWrapper {
    width: 100%;
    float: left;
    width: 100%;
    overflow: hidden;
    height: 32px;
}

.videoTileBigLabelWrapper {
    width: 100%;
    float: left;
    width: 100%;
    overflow: hidden;
    height: 32px;
}

.bestVideoTileSmallLabelWrapper {
    width: 100%;
    float: left;
    width: 100%;
    overflow: hidden;
    height: 32px;
}

.divAuthor {
    width: 100%;
    float: left;
    font-size: 12px;
}

.signInToSubscribe {
    float: right;
    color: white;
    padding: 10px;
    color: #BBBBBB;
}

.termsDiv {
    width: 654px;
    float: left;
    border-bottom: solid 2px grey;
    margin: 0 0 8px 0;
    height: 32px;
}

.termsDivBottom {
    width: 650px;
    float: left;
    border-top: solid 2px grey;
    margin: 0 0 0 6px;
    padding-top: 2px;
}

.channelAvatar {
    width: 100px;
    height: 100px;
    border-radius: 5px;
    margin: 0 8px 0px 0;
}

.iconPage {
    padding-bottom: 4px;
}

.blackButton {
    border-radius: 5px;
    border: solid 2px #F09A01;
    padding: 3px 5px;
    cursor: pointer;
    cursor: hand;
    text-decoration: none;
}

a.greyButton {
    border: solid grey 2px;
    border-radius: 6px;
    padding: 3px 6px;
    margin: 2px;
    color: white;
    background: grey;
    font-size: 13px;
    text-decoration: none;
    float: left;
    cursor: pointer;
    cursor: hand;
    width: 56px;
    padding-top: 8px;
    padding-bottom: 8px;
}

a.greyButton:hover {
    background: white;
    color: #F09A01;
    border: solid #F09A01 2px;
    cursor: pointer;
    cursor: hand;
}

.blackWideHeader {
    color: #BBB;
    position: relative;
    top: -6px;
    left: -6px;
    height: 17px;
    padding: 10px;
    text-align: left;
    border-radius: 5px;
    margin: 0 0 -4px 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 660px;
    z-index: 10000;
}

.divBottomMenu {
    width: 98%;
    height: auto;
    text-align: center;
    padding: 3px 10px 6px 10px;
    float: left;
}

.divBottomZeroMenu {
    width: 98%;
    height: auto;
    text-align: center;
    padding: 3px 10px 0px 10px;
    float: left;
}

.divBottomLine {
    border-bottom: white solid 1px;
}

div.topChannel {
    width: auto;
    height: auto;
    border-radius: 6px;
    float: left;
    height: 95px;
}

img.topChannelAvatar {
    border-radius: 6px;
    padding: 1.5px 3px;
    width: 88px;
    height: 88px;
}

.social {
    float: left;
    width: auto;
    padding: 2px 3px 0 8px;
    height: 37px;
    background-color: #ff9511;
}

.socialTop {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.socialBottom {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.divChannelPosition {
    border-bottom-left-radius: 5px;
    position: relative;
    top: -29px;
    left: 3px;
    color: white;
    background: #7f7f7f;
    background: rgba(0, 0, 0, 0.5);
    padding: 3px;
    width: 18px;
    text-align: center;
    border-top-right-radius: 5px;
}

.image-container {
    position: relative;
    width: 300px;
    height: 200px;
    overflow: hidden;
}

.image-container img.pic {
    position: absolute;
    top: 0;
    left: 0;
}

.image-container img.hoverpic {
    position: absolute;
    top: 200px;
    left: 0;
}

.topMenu2 {
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#FFFFFF));
    background-image: linear-gradient(to bottom, #F2F2F2 0%, #FFFFFF 70%);
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    padding: 4px;
    margin-bottom: 6px;
    overflow: auto;
}

<!--
BIG share button

-->

@font-face {
    font-family: 'EfonRegular';
    src: url('font/EFON-webfont.eot');
    src: local('EfonRegular'), url('font/EFON-webfont.woff') format('woff'), url('font/EFON-webfont.ttf') format('truetype'), url('font/EFON-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fbShareButton {
    background-image: url('http://www.alldeaf.com/images/misc/button_facebook.png');
    background-position: left;
    background-repeat: no-repeat;


    padding-left: 10px;
    width: 650px;
    height: 40px;
    line-height: 40px;
    color: white;
    text-decoration: none;
    font-size: 24px;
    font-family: helvetica, arial;
    font-weight: bold;
    display: block;
    text-align: center;
    position: relative;

    /* BACKGROUND GRADIENTS */
    background: #014464;
    background: -moz-linear-gradient(top, #0D658E, #0C577A 50%, #014D71 51%, #003E5C);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0E658E), color-stop(.5, #0C577A), color-stop(.5, #014D71), to(#003E5C));


    /* BORDER RADIUS */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    border: 1px solid #368DBE;
    border-top: 1px solid #c3d6df;


    /* TEXT SHADOW */

    text-shadow: 1px 1px 1px black;

    /* BOX SHADOW */
    -moz-box-shadow: 0 1px 3px black;
    -webkit-box-shadow: 0 1px 3px black;
    box-shadow: 0 1px 3px black;

    cursor: pointer;
    cursor: hand;
}

/* WHILE HOVERED */
.fbShareButton:hover {
    background: #014464;
    background: -moz-linear-gradient(top, #0c5f85, #0b5273 50%, #024869 51%, #003853);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0c5f85), color-stop(.5, #0b5273), color-stop(.51, #024869), to(#003853));
}

/* WHILE BEING CLICKED */
.fbShareButton:active {
    -moz-box-shadow: 0 2px 6px black;
    -webkit-box-shadow: 0 2px 6px black;
}

/* FONT GLYPH (MOSTLY FOR FUN) */
.fbShareButton:before {
    font-family: EfonRegular;
    color: #09232F;
    font-size: 24px;
    float: left;
    margin-left: 35px;
    margin-right: -10px;
    text-shadow: 0 1px 0 #4190AF;
}