/* Grid Elements */
.grid_wrapper		{text-align: left;}
.grid_table			{width: 100%;}
.grid_top_table		{border-left:#dddddd 1px solid; border-top: 1px solid #dddddd;}
.grid_th 			{background-color: #f3f3f3; border-bottom: #dddddd 1px solid; border-right: #dddddd 1px solid; color:#7a7a7a; font-size: 8pt; font-weight: bold; height: 28px; padding: 4px; background-image: url(/www-img/web/gui/grid_hd_nd2.jpg); background-repeat: repeat-x;}
.grid_th .th_sort	{float: left; padding-top: 7px; color:#7a7a7a; font-size: 8pt; font-weight: bold;}
.grid_th_blank		{background-color: #e9e9e9; font-size: 0pt; height: 0px;}
.r_l				{background-color: #ffffff;}
.r_d				{background-color: #f9f9f9;}
.grid_tr_highlight 	{background-color: #e5edfa;}
.grid_th.tl, .grid_td.tl, .nosort.tl	{text-align: left;}
.grid_th.tr, .grid_td.tr, .nosort.tr	{text-align: right;}
.grid_th.tc, .grid_td.tc, .nosort.tc, .w_notes.tc {text-align: center;}
.grid_td, .nosort	{height: 18px; border-bottom: #dddddd 1px solid; padding: 4px; font-size: 8pt; border-right: #dddddd 1px solid; vertical-align: middle; white-space: nowrap;}
.grid_td_small		{height: 20px; border-bottom: #dddddd 1px solid; padding: 4px; font-size: 8pt; border-right: #dddddd 1px solid; vertical-align: middle;}
.grid_tdhr  		{font-size: 8pt; line-height: 20px; font-weight: bold; color: #fff;}
.grid_tdtor  		{font-size: 8pt; line-height: 20px; font-weight: bold; color: #565656; background: #F2F4F9;}
.grid_title			{font-size: 10pt; padding: 6px; background-image: url(/www-img/web/gui/grid_hd_nd2.jpg);}
.mark_red			{color: #b22433;}
.mark_orange		{color: #d36219;}
.mark_green			{color: #219759;}
.square_clean		{width: 12px; height: 12px; display: inline-block; vertical-align: bottom;}
.square_green		{background-color: #219759; width: 12px; height: 12px; display: inline-block; margin-left: 4px;}
.square_orange		{background-color: #d36219; width: 12px; height: 12px; display: inline-block; margin-left: 4px;}
.square_red			{background-color: #b22433; width: 12px; height: 12px; display: inline-block; margin-left: 4px;}
.grid_no_results	{text-align: center; height: 100px; border-right: #dddddd 1px solid; border-bottom: #dddddd 1px solid;}
.grid_paging_found	{font-size: 8pt; color: #444444;}
.grid_paging_found b {color: #424549;}

.grid_table_header {height: 40px; font-size: 120%; padding: 0px; background-color: #fcfcfc; border: 1px solid #dddddd; border-bottom: 0px; border-radius: 0px 0px 0px 0px; -webkit-box-shadow: 0 0 0 #ccc; box-shadow: 0 0 0 #ccc;}
.grid_table_header .in {line-height: 40px; padding-left: 7px; padding-right: 10px; vertical-align: middle;}

.paging_wrap_rt		{float: right; padding: 0 2px 0 0;}
.paging_wrap_rt a.n, .paging_link {background: #f4f4f4; font-weight: bold; padding: 2px 5px; margin: 0 0 0 2px; text-decoration: none; color: #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.paging_wrap_rt a.n:hover {background: #e3e3e3;}

.paging_icon .ibase	{width: 12px; height: 12px; margin: 0 0 -2px; opacity: 0.7;}
.paging_icon:hover .ibase {opacity: 1;}
.paging_link		{color: #fff; font-weight: bold; background: #818088;}

.grid_pg_row		{text-align: right; background-color: #FAFAFA; border-radius: 0 0 0 0;}
.grid_pg_row.hide   {display: none;}

/* sort & filters */
.g_sort_pages		{float: left; display: none;}
.g_sort_search		{float: left; padding-top: 5px; font-size: 8pt; padding-bottom: 5px;}
.g_sort_search input, .sort_filter_cont input[type='text']	{font-size: 10pt; width: 268px; padding: 4px; color: #777;
    border: #ddd 1px solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.g_sort_arrows		{float: right; margin: 10px 12px 0 0; opacity: 0.7; cursor: pointer;}
.g_sort_show		{float: right; font-size: 9pt; color: #777; line-height: 35px; padding-right: 24px;}
.g_sort_show select	{font-size: 8pt;}

.sort_icon_cont         {margin: 1px 3px 0 4px; cursor: pointer; opacity: 0.7;}
.sort_icon_cont:hover   {opacity: 1;}
.sort_filter_cont       {display: none; background-color: #f5f5f5; border: 1px solid #dddddd; border-bottom: 0px; line-height: 26px; padding: 8px 8px;}
.sort_filter_cont.active {display: block;}
.sort_filter_cont .filters_title {text-transform: uppercase; color: #565656; font-weight: bold;}

.f_col_wrap {border: #fff 1px solid; overflow: hidden;}
div.f_col_wrap, div.f_col_wrap div {line-height: 18px !important; font-size: 8pt !important;}
.f_col_wrap:hover {border: #0D6293 1px solid;}

.f_col_inp {padding: 4px 7px 4px 28px; display: block; white-space: nowrap; min-height: 18px;}
.f_col_com {margin: 4px 0 0 0; float: left; cursor: pointer;}

.f_col_wrap .comparator {
    width: 15px;
    height: 17px;
    display: block;
    margin-left: 4px;
}

.f_col_wrap .comparator ul {
    list-style: none;
    width: 180px;
    background-color: #fff;
    border: #ddd 1px solid;
    margin: 18px 0 0 -5px;
    position: absolute;
    z-index: 100000;
}

.f_col_wrap .comparator li {
    margin: 0;
    padding-left: 24px;
    background-position: 4px 50%;
    line-height: 30px;
}

.f_col_wrap .comparator li:hover {
    background-color: #E7E7E7;
}

/* Grid sorter */
.sortable {width:100%;}
.sortable th, .grid_table th {background-color: #f3f3f3; border-bottom: #dddddd 1px solid; border-right: #dddddd 1px solid; color:#7a7a7a; font-size: 8pt; font-weight: bold; height: 28px; padding: 4px; background-image: url(/www-img/web/gui/grid_hd_nd2.jpg); background-repeat: repeat-x;}
.sortable th.w_notes {vertical-align: top;padding-top: 14px;}
.sortable th.w_notes h3{padding-bottom: 0; background-position: 0px 9px;}
.sortable th h3 {color:#7a7a7a; font-size: inherit; font-weight: bold; padding:6px 8px 8px}
.sortable td {height: 18px; border-bottom: #dddddd 1px solid; padding: 4px; font-size: inherit; border-right: #dddddd 1px solid; vertical-align: middle;}
.sortable .head h3 {background:url(/www-img/web/sorter/sort.gif) 0px center no-repeat; cursor:pointer; padding-left:8px}
.sortable .desc, .sortable .asc {background-color: #DCE3E6;  background-image: none;}
.sortable .desc h3 {background:url(/www-img/web/sorter/desc.gif) 0px center no-repeat; cursor:pointer; padding-left:8px}
.sortable .asc h3 {background:url(/www-img/web/sorter/asc.gif) 0px  center no-repeat; cursor:pointer; padding-left:8px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background-color: #ffffff;}
.sortable .oddrow td {background-color: #f9f9f9;}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}

/* Grid background */
.sortable td.bg_rank_up	 		{background-color: #DDFAD9; padding: 5px; font-size: inherit;}
.sortable td.bg_rank_down	 	{background-color: #FFD6D6; padding: 5px; font-size: inherit;}
.sortable td a {font-size: inherit;}

.s_controls {width:100%; margin:0 auto; height:20px}
.g_nowrap 		{white-space: nowrap;}
.grid_nopadd 	{padding: 0px;}

/* Tables and Graphs */
.rank_up	 		{font-family: Segoe UI, Tahoma,Verdana,Segoe,sans-serif; font-size: 8pt; font-weight:bold; color: #3d8140;}
.rank_down	 		{font-family: Segoe UI, Tahoma,Verdana,Segoe,sans-serif; font-size: 8pt; color: #9b384c;}
.bg_rank_up	 		{background-color: #DDFAD9; padding: 5px; font-size: 8pt;}
.bg_rank_down	 	{background-color: #FFD6D6; padding: 5px; font-size: 8pt;}

/* Misc */
.link_small, .link_small:hover {font-size: 8pt;}

.tag_box	{display: inline; float: none; padding: 5px; font:bold 8pt Segoe UI, Tahoma; color: #777;
    border: #dddddd 1px solid; background-color: #f4f5f6; background:url(/www-img/web/interface/nav_tab_bg.jpg); background-repeat: repeat-x;
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

/* Reputation */
.tr_positive{ background-color: #DDFAD9;}
.tr_negative{ background-color: #FFD6D6;}
.tr_neutral{ background-color: #f3f3f3;}
.sortable .tr_positive.evenrow td {background-color: #DDFAD9;}
.sortable .tr_positive.oddrow td {background-color: #DDFAD9;}
.sortable .tr_negative.evenrow td {background-color: #FFD6D6;}
.sortable .tr_negative.oddrow td {background-color: #FFD6D6;}
.sortable .tr_neutral.evenrow td {background-color: #f3f3f3;}
.sortable .tr_neutral.oddrow td {background-color: #f3f3f3;}

.reputation_div_types {font: normal 8pt Segoe UI,Tahoma; color: #777; line-height: 20px;}
.reputation_div_types .color_box {border: #ddd 1px solid; vertical-align: middle; width: 11px; height: 11px; display: inline-block;}


.rank_1_3, .rank_4_10, .rank_11_20, .rank_21_50, .rank_51_, .rank_no_rank,
.lp_facebook, .lp_linkedin, .lp_pinterest, .lp_stumbleupon,
.lp_ahrefs, .lp_majestic, .lp_moz
{
    border: 0 solid; font-size: 8pt; font-weight: bold; line-height: 28px; color: #fff;
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
    margin: -3px -2px;
}
.rank_1_3		{background-color: #027b30;}
.rank_4_10		{background-color: #69b122;}
.rank_11_20		{background-color: #ecbc1d;}
.rank_21_50		{background-color: #e4570a;}
.rank_51_		{background-color: #bd1a19;}
.rank_no_rank	{background-color: #999;}
.lp_facebook	{background-color: #4d689f;}
.lp_linkedin	{background-color: #0074b2;}
.lp_pinterest	{background-color: #d73137;}
.lp_stumbleupon	{background-color: #eb4924;}
.lp_ahrefs		{background-color: #a79b9b;}
.lp_majestic	{background-color: #bb7272;}
.lp_moz			{background-color: #bba472;}

.rank_1_3 .rank_up, .rank_1_3 .rank_down {color: #fff;}
.rank_4_10 .rank_up, .rank_4_10 .rank_down {color: #fff;}
.rank_11_20 .rank_up, .rank_11_20 .rank_down {color: #fff;}
.rank_21_50 .rank_up, .rank_21_50 .rank_down {color: #fff;}
.rank_51_ .rank_up, .rank_51_ .rank_down {color: #fff;}
.rank_no_rank .rank_up, .rank_no_rank .rank_down {color: #fff;}

.lp_facebook .rank_up, .lp_facebook .rank_down {color: #fff;}
.lp_linkedin .rank_up, .lp_linkedin .rank_down {color: #fff;}
.lp_pinterest .rank_up, .lp_pinterest .rank_down {color: #fff;}
.lp_stumbleupon .rank_up, .lp_stumbleupon .rank_down {color: #fff;}
.lp_ahrefs .rank_up, .lp_ahrefs .rank_down {color: #fff;}
.lp_majestic .rank_up, .lp_majestic .rank_down {color: #fff;}
.lp_moz .rank_up, .lp_moz .rank_down {color: #fff;}

.rank_1_3 .i_dw, .rank_4_10 .i_dw, .rank_11_20 .i_dw, .rank_21_50 .i_dw, .rank_51_ .i_dw, .rank_no_rank .i_dw,
.lp_facebook .i_dw, .lp_linkedin .i_dw, .lp_pinterest .i_dw, .lp_stumbleupon .i_dw,
.lp_ahrefs .i_dw, .lp_majestic .i_dw, .lp_moz .i_dw
{
    background-image:url('/www-img/web/gui/icon_down_wt.png');
}
.rank_1_3 .i_up, .rank_4_10 .i_up, .rank_11_20 .i_up, .rank_21_50 .i_up, .rank_51_ .i_up, .rank_no_rank .i_up,
.lp_facebook .i_up, .lp_linkedin .i_up, .lp_pinterest .i_up, .lp_stumbleupon .i_up,
.lp_ahrefs .i_up, .lp_majestic .i_up, .lp_moz .i_up
{
    background-image:url('/www-img/web/gui/icon_up_wt.png');
}

/*
* Table Themes
*/
.Theme1 a, .Theme1 a:hover, .Theme1 td, .Theme1 th, .Theme1 div, .Theme1 span {font-size: 8pt;}
.Theme2 a, .Theme2 a:hover, .Theme2 td, .Theme2 th, .Theme2 div, .Theme2 span {font-size: 10pt;}
.Theme3 a, .Theme3 a:hover, .Theme3 td, .Theme3 th, .Theme3 div, .Theme3 span {font-size: 12pt;}
.Theme4 a, .Theme4 a:hover, .Theme4 td, .Theme4 th, .Theme4 div, .Theme4 span {font-size: 10pt;}

.Theme2 .sortable td, .Theme2 .grid_td, .Theme2 .nosort {line-height: 30px; line-height: calc(180%);}
.Theme3 .sortable td, .Theme3 .grid_td, .Theme3 .nosort {line-height: 58px; line-height: calc(220%);}
.Theme4 .sortable td, .Theme4 .grid_td, .Theme4 .nosort {line-height: 30px; line-height: calc(205%);}

.Theme2 .sortable .desc, .Theme2 .sortable .asc {background-color: #eee;  background-image: none;}
.Theme2 .r_l 	{background-color: #ffffff;}
.Theme2 .r_d 	{background-color: #fcfcfc;}
.Theme2 .sortable .evenrow td 		{background-color: #ffffff;}
.Theme2 .sortable .oddrow td 		{background-color: #fcfcfc;}
.Theme2 .sortable td.evenselected   {background:#eee}
.Theme2 .sortable td.oddselected 	{background:#E7E7E7}

.Theme2 .sortable td.bg_rank_up	 	{background-color: #DDFAD9;}
.Theme2 .sortable td.bg_rank_down	{background-color: #FFD6D6;}

.Theme4 .grid_table_header {border: 0;}
.Theme4 .grid_top_table {border: 0;}
.Theme4 .sortable td.evenselected, .Theme4 .sortable td.oddselected {background: #f4f4f4;}
.Theme4 .grid_td {border-right: 0;}
.Theme4 .sortable td {border-right: 0; border-bottom: 2px solid #eee;}
.Theme4 .sortable th, .Theme4 .grid_table th {border-right: 0; border-bottom: #C7C7C7 3px solid; border-top: 1px solid #eee;}
.Theme4 .sortable .desc, .Theme4 .sortable .asc {background-color: #f3f3f3; background-image: url(/www-img/web/gui/grid_hd_nd2.jpg);}

/*.Theme2 .grid_url_link  {margin-top: 7px;}*/
.Theme2 .serp_icp_wrap 	{margin-top: 5px;}
/*.Theme3 .grid_url_link  {margin-top: 13px;}*/
.Theme3 .serp_icp_wrap 	{margin-top: 11px;}
/*.Theme4 .grid_url_link  {margin-top: 9px;}*/
.Theme4 .serp_icp_wrap 	{margin-top: 7px;}

/* Lang direction themes */
.grid_theme_ltr {direction: ltr;}
.grid_theme_rtl {direction: rtl;}

.grid_theme_rtl .f_right {float: left}
.grid_theme_rtl .f_left {float: right}

.grid_theme_rtl .grid_th.tl, .grid_theme_rtl .grid_td.tl, .grid_theme_rtl .nosort.tl, .grid_theme_rtl .txt_a_l {text-align: right;}
.grid_theme_rtl .grid_th.tr, .grid_theme_rtl .grid_td.tr, .grid_theme_rtl .nosort.tr, .grid_theme_rtl .txt_a_r {text-align: left;}

.grid_theme_rtl .i_lo {-moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);}

.i_up {height: 6px; width: 8px; display: inline-block; vertical-align: middle; background-image:url('/www-img/web/gui/icon_up.png');}
.i_dw {height: 6px; width: 8px; display: inline-block; vertical-align: middle; background-image:url('/www-img/web/gui/icon_down.png');}
.i_lo{height: 11px; width: 11px; display: inline-block; vertical-align: middle; background-image:url('/www-img/web/mygui/link_out.png');}
.i_up.rev {background-image:url('/www-img/web/gui/icon_up_rev.png');}
.i_dw.rev {background-image:url('/www-img/web/gui/icon_down_rev.png');}

.grid_table a.al, .grid_table a.al:hover
{cursor: pointer; font-family: Segoe UI, Tahoma,Verdana,Segoe,sans-serif; font-size: inherit; color: #333333; font-weight: normal; text-decoration: none;}
.grid_table a.al:hover {text-decoration: underline;}

.grid_table a.chart_link {width: 18px; height: 18px; cursor: pointer;margin: auto; display: inline-block; opacity: 0.8; background-image: url('/www-img/web/mygui/chart_18.png');}
.grid_table a.chart_link:hover {opacity: 1;}
.sc_i {margin: 0 0 0 4px; width: 16px; height: 16px; display: inline-block; cursor: pointer; opacity: 0.4; background-image: url('/www-img/web/gui/icon_screen.png');}
.sc_i:hover {opacity: 0.8;}
.sc_icon {margin: 0 0 0 4px; width: 16px; height: 16px; display: inline-block; cursor: pointer; opacity: 0.4; background-image: url('/www-img/web/gui/icon_screen.png');}
.sc_icon:hover {opacity: 0.8;}