html, body {
    margin: 0;
    padding: 0;
}

div {
    padding: 0;
    margin: 0;
}

html, body, td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #4a4a4a;
}

table {
    border-collapse: collapse;
}

table td {
    vertical-align: top;
    padding: 0;
}

table td.align-top, table tr.align-top td {
    vertical-align: top;
}

table td.align-middle {
    vertical-align: middle;
}

body {
    background-color: #ffffff;
}

p {
    margin: 0;
    margin-bottom: 20px;
}

a {
    text-decoration: none;
    color: #3360bb;
}

a:hover {
    color: #64a531;
}

.container-wrapper {
    width: 864px;
    margin: 0 auto;
    padding-top: 20px;
}

.widget {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #dfdfdf;
}

.widget-s {
    width: 424px;
    border: 1px solid #dfdfdf;
    margin-bottom: 20px;
    float: left;
}

.inner-wrapper-s {
    height: 140px;
}

.b-img {
    display: block;
}

td.widget-header {
    background-color: #f1f1f1;
    padding: 10px 20px;
    width: 100%;
}

td.widget-header td.header-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    padding-right: 10px;
}

.widget-body {
    width: 100%;
    padding: 20px;
    background-color: #ffffff;
}

.widget-no-data-body {
    width: 100%;
    padding: 20px;
    background-color: #ffffff;
}

.widget-competitor {
    width: 100%;
    padding: 20px;
    background-color: #f8f8f8;
}

.widget-competitor a:link {
    color: #4a4a4a;
}

.widget-competitor a:hover {
    color: #64a531;
}

.widget-competitor .data-text {
    font-weight: normal;
}

.widget-competitor .bold-14 {
    font-weight: normal;
}

.competitors .widget-body {
    padding-bottom: 0;
    padding-top: 0;
}

.competitors table.bordered-bottom tr.table-header td {
    border-bottom: 1px solid #f1f1f1;
    padding-top: 20px;
}

.competitors table.bordered-bottom tr td {
    padding: 15px 0;
    border-bottom: 0;
}

.competitors-graph .widget-competitor{
    padding: 15px 20px;
}

.competitors .widget-competitor table.bordered-bottom tr td{
    padding: 0;
}

.competitors .widget-competitor table.bordered-bottom tr.row td.left-column{
    padding-bottom: 42px;
}

.competitors .widget-competitor table.bordered-bottom tr.row-m td.left-column{
    padding-bottom: 42px;
}

.widget-competitor .row-m td {
    /*padding-top: 0;*/
}

.title-blue {
    color: #567fb8;
    font-size: 24px;
}

.gray {
    color: #949494;
}

.gray-normal {
    font-weight: normal;
    color: #949494;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mt-2 {
    margin-top: 2px;
}

.mt-3 {
    margin-top: 3px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-30 {
    padding-left: 30px;
}

.pt-1 {
    padding-top: 1px;
}

.pt-2 {
    padding-top: 2px;
}

.pt-3 {
    padding-top: 3px;
}

.pt-4 {
    padding-top: 4px;
}

.pt-5 {
    padding-top: 5px;
}

.pt-8 {
    padding-top: 8px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-34 {
    padding-top: 34px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-30 {
    padding-right: 30px;
}

.pb-10 {
    padding-bottom: 10px;
}

.b-info {
    width: 550px;
}

.b-info .number {
    color: #4a4a4a;
    font-weight: bold;
    font-size: 36px;
    margin-right: 10px;
}

.b-info .number-l {
    color: #4a4a4a;
    font-weight: bold;
    font-size: 50px;
    margin-right: 10px;
}

.b-info .desc {
    color: #949494;
    font-size: 20px;
}

.b-info .date {
    color: #333333;
    font-size: 12px;
}

.line-chart-lg {
    width: 100%;
    height: 5px;
    background-color: #dfdfdf;
}

.line-chart-lg .line-progress {
    height: 5px;
    background-color: #90c274;
}

.line-chart-s {
    width: 100%;
    height: 2px;
    background-color: #dfdfdf;
}

.line-chart-s .line-progress {
    height: 2px;
    background-color: #90c274;
    float: left;
}

.line-chart-s .line-decline {
    height: 2px;
    background-color: #d28063;
    float: right;
}

.line-chart {
    width: 100%;
    height: 4px;
    background-color: #dfdfdf;
}

.line-info-lg {
    width: 100%;
    height: 5px;
    background-color: #567fb8;
}

.line-info-lg .line-red {
    height: 5px;
    background-color: #ff5325;
    float: left;
    border-right: 4px solid #ffffff;
}

.line-info-lg .line-orange {
    height: 5px;
    background-color: #ff9525;
    float: left;
    border-right: 4px solid #ffffff;
}

.line-info-lg .line-blue {
    height: 5px;
    background-color: #567fb8;
    float: left;
}

.chart-l {
    width: 554px;
}

.chart-m {
    width: 514px;
}

.chart-sm {
    width: 450px;
}

.chart-s {
    width: 380px;
}

.chart-xs {
    width: 259px;
}

.line-chart .line-progress {
    height: 4px;
    background-color: #90c274;
    float: left;
}

.line-chart .line-decline {
    height: 4px;
    background-color: #d28063;
    float: right;
}

.question-mark {
    background-position: 0 -13px;
    background: url('images/question-mark.png') bottom left no-repeat;
    width: 12px;
    height: 12px;
    cursor: pointer;
    position: relative;
    line-height: 15px;
    font-weight: normal;
}

.question-mark:hover {
    background-position: 0 0;
}

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

.data-text {
    font-size: 14px;
    font-weight: bold;
    padding-right: 10px;
    padding-bottom: 1px;
}

.data-chart {
    vertical-align: middle;
}

.data-desc {
    color: #bdbdbd;
    font-size: 14px;
    padding-bottom: 15px;
}

.row .left-column, .row .left-column-l {
    padding-bottom: 45px;
}

.row-s .left-column {
    padding-bottom: 25px;
}

.row-m .left-column {
    padding-bottom: 30px;
}

.row-narrow {
    margin-bottom: 20px;
}

.line-s {
    margin-bottom: 20px;
}

.line-xs {
    margin-bottom: 10px;
}

.pr100 {
    width: 100%;
}

.pr50 {
    width: 50%;
}

.img {
    vertical-align: middle;
    margin-right: 5px;
}

.label-chart-green {
    background-image: url("images/circle-green.png");
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 20px;
}

.label-chart-gray {
    background-image: url("images/circle-gray.png");
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 20px;
}

.label-chart-black {
    background-image: url("images/circle-dark-gray.png");
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 20px;
}

.bold-14 {
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
}

.gray-14 {
    color: #949494;
    font-size: 14px;
}

table.middle-td td {
    vertical-align: middle;
}

table.top-td td {
    vertical-align: top;
}

table.bottom-td td {
    vertical-align: bottom;
}

.edit {
    background: url('images/edit.png') bottom left no-repeat;
    background-position: 0 -13px;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.edit:hover {
    background-position: 0 0;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.b-edit {
    padding-top: 3px;
}

.separator {
    color: #e3e3e3;
    margin-right: 5px;
}

.sep {
    color: #e3e3e3;
    margin-right: 5px;
    margin-left: 5px;
}

.separator-l {
    margin-left: 15px;
    margin-right: 15px;
}

.separator-m {
    color: #bdbdbd;
    margin-left: 5px;
    margin-right: 5px;
}

.px12 {
    font-size: 12px;
}

.px14 {
    font-size: 14px;
}

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

.chart-wrapper {
    padding-right: 30px;
    padding-left: 30px;
}

.visits-count {
    font-size: 12px;
}

.gray-title {
    color: #949494;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 5px;
    margin-bottom: 30px;
}

.left-column {
    width: 270px;
}

.left-column-l {
    width: 330px;
}

.clear {
    clear: both;
}

.align-center {
    text-align: center;
}

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

.align-middle {
    vertical-align: middle;
}

.align-bottom {
    vertical-align: bottom;
}

.internal-link {
    border-bottom: 1px dashed #333333;
    cursor: pointer;
}

.internal-link:hover {
    color: #64a531;
    border-bottom: 1px dashed #64a531;
}

.up-l {
    font-size: 24px;
    color: #64a531;
    font-weight: bold;
}

.up-l span {
    font-size: 18px;
}

.up-m {
    font-size: 16px;
    color: #64a531;
    font-weight: bold;
}

.down-m {
    font-size: 16px;
    color: #ca521d;
    font-weight: bold;
}

.dot-m {
    font-size: 16px;
    color: #565656;
    font-weight: bold;
}

.up-s {
    font-size: 12px;
    color: #64a531;
    font-weight: bold;
}

.down-s {
    font-size: 12px;
    color: #ca521d;
    font-weight: bold;
}

.dot-s {
    font-size: 12px;
    color: #565656;
    font-weight: bold;
}

.percent {
    font-size: 16px;
    font-weight: bold;
    padding-right: 10px;
    min-width: 35px;
}

.percent-s {
    font-size: 12px;
    font-weight: bold;
    padding-right: 10px;
    min-width: 35px;
}

table.bordered-bottom tr td {
    border-bottom: 1px solid #f1f1f1;
    padding: 20px 0;
}

table.bordered-bottom tr.last td {
    border-bottom: 0;
    padding-bottom: 10px;
}

table.bordered-bottom tr.table-header td {
    color: #949494;
    padding-bottom: 10px;
    padding-top: 0;
}

.bold {
    font-weight: bold;
}

.green {
    color: #64a531;
}

.red {
    color: #ca521d;
}

.table-data {
    font-weight: bold;
    font-size: 14px;
}

.gray-dark {
    color: #949494;
}

.col-4 {
    width: 138px;
}

.col-5 {
    width: 110px;
}

.border-left {
    border-left: 1px solid #e3e3e3;
    padding-left: 27px;
}

.border-right {
    border-right: 1px solid #e3e3e3;
    padding-right: 27px;
}

.two-column-left {
    width: 384px;
    border-right: 1px solid #e3e3e3;
    float: left;
    padding-right: 27px;
}

.two-column-right {
    float: left;
    border-left: 1px solid #e3e3e3;
    margin-left: -1px;
    width: 384px;
    padding-left: 27px;
}

/*.two-column-left .line-xs, .two-column-left .line-s{
	padding-right: 27px;
}

.two-column-right .line-xs, .two-column-right .line-s{
	padding-left: 27px;
}*/

.b-anchors {
    text-align: center;
    float: left;
    border-right: 1px solid #e3e3e3;
    width: 120px;
    padding-right: 25px;
}

.b-anchors .number {
    font-size: 36px;
    font-weight: bold;
}

.b-anchors .desc {
    color: #949494;
    font-size: 18px;
}

.separator-h {
    margin-top: 5px;
    margin-bottom: 10px;
}

.wrapper-anchors {
    padding-top: 15px;
    padding-bottom: 20px;
}

.tooltip {
    display: none;
    background-color: #fff5d7;
    border: 1px solid #ddc48b;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    padding: 5px;
    width: 145px;
    box-shadow: 1px 2px 2px #999999;
    word-wrap: break-word;
    z-index: 200;
}

.question-mark:hover .tooltip {
    display: block;
    position: absolute;
    top: 25px;
    left: 5px;
}

.wrapper-tooltip {
    position: relative;
    cursor: pointer;
}

.wrapper-tooltip:hover .tooltip {
    display: block;
    position: absolute;
    top: 25px;
    left: 5px;
}

.item-inline {
    float: left;
    margin-right: 10px;
}

.height-m {
    line-height: 12px;
}

.height-l {
    line-height: 20px;
}

.b-img {
    display: block;
    border: 1px solid #dfdfdf;
}

.dotted-link {
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    border-bottom: 1px dotted #000000;
    cursor: pointer;
}

.dotted-link:hover {
    color: #4b8a1a;
    border-bottom: 1px dotted #4b8a1a;
}

.dotted-link-gray {
    font-size: 14px;
    color: #b8b8b8;
    font-weight: bold;
    border-bottom: 1px dotted #b8b8b8;
    cursor: pointer;
}

.no-border {
    border: none;
}

.fixed-height {
    height: 125px;
}
