#viewsBox{
    float: right;
    color: #FFFFFF;
}

#viewsBox #cover {
	background-color: rgba(0,0,0,0.9);
	width: 100%;
	height: 249px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	padding-top: 165px;
	z-index: 20;
	position: absolute;
	margin-left: -10px;
	margin-top: -10px;
}

#viewsBox #cover.coverSkin {
	height: 60px;
	padding-top: 25px;
	margin-top: 44px;
}

#viewsBoxTabContainer{
    display: none;
}

#viewsBoxTab h1 {
	color: white;
	font-weight: normal;
	background: rgba(42, 121, 151, 0.15);
	width: 90%;
	font-size: 20px;
}

#viewsBoxTab .subtitle {
	font-size: 17px;
	margin-top: -8px;
	color: rgba(255, 255, 255, 0.69);
	background: none;
}

#viewsBoxTab h2 {
	font-size: 20px;
	font-weight: normal;
	background: rgba(42, 121, 151, 0.15);
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#viewsBoxTab h3 {
	color: rgba(255, 255, 255, 0.74);
	margin-top: -16px;
	font-weight: normal;
}

#viewsTab h3, #categoriesTab h3 {
	margin-left: 71px;
	display: inline;
}

#viewsBoxTab {
    background: rgba(49, 162, 196, 1);
	height: 100%;
    overflow: auto;
}

#viewsBoxTab .apply{
    margin-top: 50px;
    text-align: center;
}
#viewsBoxTab .apply a{
    margin-right: auto;
    margin-left: auto;
    font-size: 38px;
    background: rgba(247, 248, 248, 0.19);  
    margin-top: -26px;  
    width: 553px;  box-shadow: none;  color: rgba(255, 255, 255, 0.83);  padding-top: 4px;  
    font-weight: normal;
    background: rgba(42, 121, 151, 0.15);
    border: 1px dotted rgba(255, 255, 255, 0.42);
}

#viewsBoxTab .slider .item:hover {
	background: rgba(156, 154, 154, 0.66);
}

#tabsSettingsScreenContainer{
    text-align: center;
}

#tabsSettingsScreen{
    box-shadow: 0px 0px 1px black;
    margin-top: 10px;
}

#showDescriptionBtn {
	background: rgba(247, 248, 248, 0.19);
}

#showDescriptionBtn:hover {
	background: rgba(156, 154, 154, 0.66);
	outline: 1px solid rgba(255, 255, 255, 0.36);
}

#viewsBox div.items{
    position: absolute;
    background: #A6D9E7;
    width: 650px;
    right: 51px;
    top: 50px;
    z-index: 1000;
    padding: 10px;
}

#viewsBox #skinsSelect,
#viewsBoxTab #skinsSelectTab{
    width: 100%;
    /* background: #5FC5E2; */
    color: #FFF;
    font-size: 17px;
    float: left;
	border-radius: 8px;
    /* background: rgba(255, 255, 255, 0.2); */  
    /* border-radius: 3px; */  
    border: 1px dotted rgba(255, 255, 255, 0.42);
}

#viewsBox .indent,
#viewsBoxTab .indent{
    padding: 7px;
    float: left;
    padding-right: 0px;
    padding-top: 11px;
}

#viewsBox #skinsSelect a,
#viewsBoxTab #skinsSelectTab a{
    border: 3px solid #D6DAD9;
    display: block;
    width: auto;
    float: left;
    margin-right: 6px;
    margin-bottom: 5px;
    width: 14.78%;
	box-shadow: 0px 0px 3px black;
}

#viewsBox #skinsSelect a:hover, #viewsBox #skinsSelect a.active ,
#viewsBoxTab #skinsSelectTab a:hover, #viewsBoxTab #skinsSelectTab a.active {
    border: 3px solid #000;
}

#viewsBox #viewsSelect ,
#viewsBoxTab #viewsSelectTab,#viewsBoxTab  #countTab {
    width: 100%;
    font-size: 14px;
    margin-top: 15px;
}

#viewsBox #viewsSelect #views, #viewsBox #viewsSelect #categories ,
#viewsBoxTab #viewsSelectTab #viewsTab, #viewsBoxTab #viewsSelectTab #categoriesTab {
    /* background: #5FC5E2; */
    width: auto;
    float: left;
    padding: 7px;
    margin-right: 8px!important;
	margin-bottom: 10px;
	border-radius: 8px;
}

#viewsBoxTab #viewsSelectTab #categoriesTab {
    /* float:right; */
}

#viewsBoxTab #viewsSelectTab #viewsTab, #viewsBoxTab #viewsSelectTab #categoriesTab {
    margin-right: 0;
}

#viewsBoxTab #countTab{
    /* background: white; */
    width: 625px;
    overflow: hidden;
    padding: 7px;
    margin-right: 15px;
    margin-bottom: 10px;
    border-radius: 8px;
    margin-left:30px;
}

#viewsBox #viewsSelect #views,
#viewsBoxTab #viewsSelectTab #viewsTab {
    width: 249px;

}

.viewsBoxMsg2 {
    text-align: center;
    margin-bottom: 26px;
}

#viewsBoxTab #viewsSelectTab #viewsTab {
    margin-left: 21px;
    padding-right: -5px;
    float: left;
}

#viewsBox #viewsSelect #categories,
#viewsBoxTab #viewsSelectTab #categoriesTab {
    width: 375px;
    margin-right: 30px;
	
    font-size: 14px;
    padding-left: 10px;
    margin-left: 2px;
}

#viewsBox .slider ,
#viewsBoxTab .slider {
    width: 98%;
    /* background: url(../images/sliderBack.gif) top repeat-x; */
    float: left;
}

#viewsBoxTab #countTab .slider {
    width: 620px;
    margin-left: -3px !important; 
   
}

#viewsBox .slider a ,
#viewsBoxTab .slider a {
    display: block;
    float: left;
    /* padding-top: 29px; */
    color: white;
    margin-top: 0px;
    text-align: center;
}



#viewsBox .slider a:hover,
#viewsBoxTab .slider a:hover {
    text-decoration: none;
}

#viewsBox .slider a.active,
#viewsBoxTab .slider a.active,
#viewsBoxTab #countTab a.active {
    background: rgba(56, 54, 54, 0.25);
}

#viewsBoxTab #countTab a {
    text-align: center;
}

.sizeSlider.slider {
	margin-top: 14px;
}

#viewsBox #tree,
#viewsBoxTab #treeTab {
    text-align: center;
}

#viewsBox #categories div.overlay,
#viewsBoxTab #categoriesTab div.overlay {
    width: 375px;
    position: absolute;
    background-color: rgba(0,0,0,0.7);
    float: left;
    height: 90px;
    color: white;
    text-align: center;
    font-size: 20px;
}

#viewsBox .items{
    display: none;
}

#ordering {
	margin-top: 16px;
}

.button.righter {
	margin-top: 15px;
	font-size: 21px;
}


.iconsViewNote {
	font-size: 12px;
}


#viewsBox div.items {
    background: rgb(49, 162, 196);
    border-radius: 2px;
	margin-right: -4px;
	margin-top: -2px;
}

#viewsBox div.items .button {
    background: rgba(247, 248, 248, 0.19);
	
    height: 26px;
	
    margin-top: -1px;
	width: 93px;
	box-shadow: none;
	color: rgba(255, 255, 255, 0.83);
	padding-top: 4px;
	padding-bottom: 10px;
    font-weight: normal;
}

#viewsBox div.items .button:hover {
	background: rgba(156, 154, 154, 0.66);
}


#skinsSelect .indent img {
	opacity:0.7;
	/* background-size: 80%; */
	width: 100%;
}
#skinsSelect img:hover,#skinsSelect a.active img {
	opacity:1;
}
#skinsSelect .indent br {
    height: 0;
    line-height: 0;
}
#viewsBox div.skinsSelectCaption {
    display: block;
    text-align: center;
    background: rgba(238, 244, 242, 0.13);
    margin: 0 -7px;
    color: rgba(255, 255, 255, 0.83);
    font-size: 22px;
    /* text-shadow: 1px 0.732px 0px rgb(255, 255, 255); */
    margin: 0px -1px 6px 5px;
    padding-top: 3px;
   
    line-height: 35px;
    /* background: rgba(247, 248, 248, 0.19); */
    /* border-radius: 5px; */
}

#viewsBox .indent {
   	/* background: #fefefe; */
   	border-radius: 5px;
   	/* margin-left: 0px; */
}
  
  #viewsBox #viewsSelect #views
,#viewsBox #viewsSelect #categories, #viewsBoxTab #viewsSelectTab #viewsTab, #viewsBoxTab #viewsSelectTab #categoriesTab, #viewsBoxTab #viewsSelectTab #sortingTab {
	/* background: rgba(255, 255, 255, 0.2); */
	border-radius: 3px;
	border: 1px dotted rgba(255, 255, 255, 0.42);
	color: white;
}
  
#viewsBox #skinsSelect a:hover,  #viewsBoxTab #skinsSelectTab a:hover, #viewsBoxTab #skinsSelectTab a.active {
    border-color:rgba(197, 197, 197, 0.92);
}  
#viewsBox #skinsSelect a.active,#viewsBox #skinsSelect a.active:hover
{
	  border-color: rgb(7, 7, 7);  
	  /* border: 1px dotted rgba(255, 255, 255, 0.42); */
}
#viewsBox #viewsSelect  .viewsSelectCaption {
  font-size: 17px;
  color: rgba(255, 255, 255, 0.95);
  /* text-shadow: 1px 1.732px 2px rgb( 255, 255, 255 ); */
   	text-align:center;
	
  background: rgba(247, 248, 248, 0.08);
	padding-top: 5px;
	padding-bottom: 5px;
  }
 
#viewsBox .slider, #viewsBoxTab .slider {
 
  /* background-image:  url("../images/sliderSelector-bg-l.png"), url("../images/sliderSelector-bg-r.png"),url("../images/sliderSelector-bg-c.png"); */
  background-position: top left, top right ,top left;
  background-repeat:    no-repeat, no-repeat, repeat-x;
  padding: 0 0px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  /* vertical-align: middle; */
  border: 1px dotted rgba(255, 255, 255, 0.42);
}  

#viewsBox .slider a.item {
  	color: white;
  	background: transparent;
  	margin: 5px auto;
    
  	padding-top: 1px;
    text-align:center;	
  	/* vertical-align: middle; */
}

#viewsBox .slider a.item.active {
    background: rgba(56, 54, 54, 0.25);
}

#viewsBox #views .sizeSlider.slider .item:hover, #viewsBox #views .slider .item:hover, #viewsBox .slider .item:hover {
background: rgba(156, 154, 154, 0.66);
}


#viewsBox #categorized,
#viewsBox #tree, #viewsBox .slider .item
{
	width:33.3%;
}
 #viewsBox #views .slider .item{
	width:50%;
	/* height: 50%; */
	padding-top: 2px;
}
#viewsBox #views  .sizeSlider.slider .item {
	width:25%;
}

#viewsBox #viewsSelect #categories {
	float:right;
	margin-right:0!important;
}

#viewsBoxTab #countTab .slider .item {
	width:20%;
}
#viewsBoxTab #viewsTab .slider .item {
	width:50%;
}
#viewsBoxTab #viewsTab .sizeSlider.slider   .item {
	width:25%;
}
#viewsBoxTab #categoriesTab .slider .item {
	width:33.3%;
}

#settingsOption  a{
	position: absolute;
	left: 0px;
	bottom:  0px;
	float: left;
	margin-left: 11px;
	color: white;
}

.viewModeHint, .categoriesModeHint, .sortingModeHint {
	position: absolute;
	display: none;
	background: rgb(158, 158, 158);
	padding: 25px;
	font-size: 15px;
	margin-top: 268px;
	border-radius: 25px;
	border: 2px dashed rgb(240, 240, 240);
	font-weight: 100;
	text-shadow: 0.2px 0.2px black;
	top: -62px;
	left: 0px;
	color: white;
	z-index: 100;
}

#categoriesTab .categoriesModeHint, #viewsTab .viewModeHint, #categoriesTab .sortingModeHint {
	left: 0px;
	top: 10px;
}

/* .categoriesModeHint {
    margin-left: -467px;
	margin-top: 17px;
    top: 11px;
}

.sortingModeHint {
    margin-left: -467px;
	margin-top: 17px;
    top: 11px;
} */

.archiveTabNote {
	margin-left: 8px;
	position: absolute;
	left: 0px;
	bottom: 26px;
}
.hiddenTabNote{ 
    position: absolute;
    bottom: 26px;
    left: 160px;
}

.iconsViewNote {
	font-size: 0.7em;
	color: #FFFFFF;
	position: absolute;
	bottom: 10px;
}

.showFavicon {
    font-size: 0.7em;
    color: #FFFFFF;
    position: absolute;
    bottom: 26px;
    left: 305px;
}

.showFavicon label {
    font-size: 14px;
}

.showDescription {
    font-size: 0.7em;
    color: #FFFFFF;
}

.showDescriptionBtn {
    background: none repeat scroll 0 0 rgba(247, 248, 248, 0.19);
	color: white;
}

.showDescriptionBtn:hover {
	background: rgba(156, 154, 154, 0.66);
	outline: 1px solid rgba(255, 255, 255, 0.36);
}

#showHideMessage
{
	top: 350px;
	left: 15px;
	position: absolute;
	display: none;
}

#turnDialog {
	width: 110px;
	display: none;
	position: absolute;
	z-index: 1000;
	background: rgba(255, 255, 255, 0.68);
	text-align: center;
	padding: 10px;
	border-radius: 5px;
	height: 51px;
	box-shadow: 0px 1px 5px black;
}

#turnDialog a {
	margin-bottom: 5px;
	font-size: 10px;
}

.showDescription label {
    font-size: 14px;
}

#changeTabType {
	background: rgba(247, 248, 248, 0.19);
	padding: 7px;
	border-radius: 5px;
	color: white;
	display: block;
	float: right;
	margin-bottom: 20px;
}

#changeTabType:hover {
	background: rgba(156, 154, 154, 0.66);
	outline: 1px solid rgba(255, 255, 255, 0.36);
}

#viewsBox #viewsSelect{
    overflow: auto;
}

#viewsBox .sorting, #viewsBoxTab .sorting {
    background-position: left top, right top, left top;
    background-repeat: no-repeat, no-repeat, repeat-x;
    border: 1px dotted rgba(255, 255, 255, 0.42);
    padding: 0;
}
#viewsBoxTab .sorting a.item {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    margin: 5px auto;
    padding-top: 1px;
    text-align: center;
}
#viewsBoxTab .sorting a.item.active {
    background: none repeat scroll 0 0 rgba(56, 54, 54, 0.25);
}

.saving {
	margin-top: 0px;
}