.phdrblack {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAtCAYAAABvewHEAAAAOElEQVQImWOIi4v7z8TAwMDA9P//fyjBwMDAgCT2798/DFmEGDbFaOYhCIQsNh3YLMJmChEmwwkAcHpZBjskcy0AAAAASUVORK5CYII=);
    background-color: #3a3a3a;
    color: #ffffff;

    border: 1px solid #666666;
    padding: 2px 4px 2px 4px;
    margin: -1px -1px 0px -1px;
}
.phdrblack a {
    color:white; 
    text-decoration:none;
}

/* css tooltip */

.tips {
	display: inline;
	position: relative;
	z-index: 999;
}

/* Trigger text */

.tips-item {
	background: rgba(0,0,0,0.3);
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	padding: 0 10px;
}

/* Gap filler */

.tips-item::after {
	content: '';
	position: absolute;
	width: 360px;
	height: 20px;
	bottom: 100%;
	left: 50%;
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tips:hover .tips-item::after {
	pointer-events: auto;
}

/* tips */

.tips-content {
	position: absolute;
	z-index: 9999;
	width: 360px;
	left: 50%;
	margin: 0 0 20px -180px;
	bottom: 100%;
	text-align: left;
	font-size: 0.765em;
	line-height: 1.4;
	box-shadow: -5px -5px 15px rgba(48,54,61,0.2);
	background: #2a3035;
	opacity: 0;
	cursor: default;
	pointer-events: none;
}

.tips-effect-1 .tips-content {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.tips-effect-2 .tips-content {
	-webkit-transform-origin: 50% calc(100% + 10px);
	transform-origin: 50% calc(100% + 10px);
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,45deg);
	transform: perspective(1000px) rotate3d(1,0,0,45deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}

.tips-effect-3 .tips-content {
	-webkit-transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
	transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.tips-effect-4 .tips-content {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transform: scale3d(0.7,0.3,1);
	transform: scale3d(0.7,0.3,1);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}

.tips-effect-5 .tips-content {
	width: 180px;
	margin-left: -90px;
	-webkit-transform-origin: 50% calc(100% + 6em);
	transform-origin: 50% calc(100% + 6em);
	-webkit-transform: rotate3d(0,0,1,15deg);
	transform: rotate3d(0,0,1,15deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
	-webkit-transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39);
	transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39);
}

.tips:hover .tips-content {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

.tips.tips-effect-2:hover .tips-content {
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);
	transform: perspective(1000px) rotate3d(1,0,0,0deg);
}

/* Arrow */

.tips-content::after {
	content: '';
	top: 100%;
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #2a3035;
	border-width: 10px;
	margin-left: -10px;
}

/* tips content*/

.tips-content img {
	position: relative;
	height: 170px;
	display: block;
	float: left;
	margin-right: 1em;
}

.tips-text {
	font-size: 0.68em;
	line-height: 1.35;
	display: block;
	padding: 1.31em 1.21em 1.21em 0;
	color: #fff;
}

.tips-effect-5 .tips-text {
	padding: 1.4em;
}

.tips-text a {
	font-weight: bold;
}


.label_1{
background-color:#FF9500;
border-radius:1px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding:1px 4px 2px;
}
.label_2{
background-color:#3C6EB8;
border-radius:1px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding:1px 4px 2px;
}
.label_3{
background-color:#FA4141;
border-radius:1px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding:1px 4px 2px;
}
.label_4{
background-color:#3C862C;
border-radius:1px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding:1px 4px 2px;
}
.label_5{
background-color:#8B9503;
border-radius:1px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding:1px 4px 2px;
}
.label_6{
background-color:#7C7A7A;
border-radius:1px;
color:#FFF;
font-size:11.844px;
font-weight:700;
line-height:14px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
vertical-align:baseline;
white-space:nowrap;
padding:1px 4px 2px;
}

[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
 transition:         
		opacity 0.5s ease-in-out,
		visibility 0.5s ease-in-out,
		transform 0.5s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #000;
  background-color: #5495FC;
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}
/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}
[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: #5495FC;
}
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}

 

.aan-blue {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.aan-blue:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


.aan-red {
  background: #ff0000;
  background-image: -webkit-linear-gradient(top, #ff0000, #940003);
  background-image: -moz-linear-gradient(top, #ff0000, #940003);
  background-image: -ms-linear-gradient(top, #ff0000, #940003);
  background-image: -o-linear-gradient(top, #ff0000, #940003);
  background-image: linear-gradient(to bottom, #ff0000, #940003);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.aan-red:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


.aan-green {
  background: #00ff00;
  background-image: -webkit-linear-gradient(top, #00ff00, #32CD32);
  background-image: -moz-linear-gradient(top, #00ff00, #32CD32);
  background-image: -ms-linear-gradient(top, #00ff00, #32CD32);
  background-image: -o-linear-gradient(top, #00ff00, #32CD32);
  background-image: linear-gradient(to bottom, #00ff00, #32CD32);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.aan-green:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.aan-black {
  background: #606766;
  background-image: -webkit-linear-gradient(top, #606766, #000000);
  background-image: -moz-linear-gradient(top, #606766, #000000);
  background-image: -ms-linear-gradient(top, #606766, #000000);
  background-image: -o-linear-gradient(top, #606766, #000000);
  background-image: linear-gradient(to bottom, #606766, #000000);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.aan-black:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.aan-white {
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #DCDCDC);
  background-image: -moz-linear-gradient(top, #ffffff, #DCDCDC);
  background-image: -ms-linear-gradient(top, #ffffff, #DCDCDC);
  background-image: -o-linear-gradient(top, #ffffff, #DCDCDC);
  background-image: linear-gradient(to bottom, #ffffff, #DCDCDC);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #000000;
  font-size: 10px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.aan-white:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


.btn-a, .btn-a:visited {
	background: #222 url(images/overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 

	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}
.btn-a:hover	{
    background-color: #111;
    color: #fff;
}
.btn-a:active	{
    top: 1px;
}
.small.btn-a, .small.btn-a:visited {
   font-size: 11px
}
.btn-a, .btn-a:visited, .medium.btn-a, .medium.btn-a:visited { 
  font-size: 13px; 
  font-weight: bold; 
  line-height: 1; 
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
}
												  
.large.btn-a, .large.btn-a:visited {
  font-size: 14px; 
  padding: 8px 14px 9px;
}

.super.btn-a, .super.btn-a:visited {
  font-size: 34px; 
  padding: 8px 14px 9px;
}

.pink.btn-a, .magenta.btn-a:visited {
  background-color: #e22092;
}
.pink.btn-a:hover {
  background-color: #c81e82;
}
.green.btn-a, .green.btn-a:visited {
  background-color: #91bd09;
}
.green.btn-a:hover {
   background-color: #749a02;
}
.red.btn-a, .red.btn-a:visited {
   background-color: #e62727;
}
.red.btn-a:hover	{
   background-color: #cf2525;
}
.orange.btn-a, .orange.btn-a:visited {
   background-color: #ff5c00;
}
.orange.btn-a:hover	{
   background-color: #d45500;
}
.blue.btn-a, .blue.btn-a:visited { 
   background-color: #2981e4;
}
.blue.btn-a:hover {
   background-color: #2575cf;
}
.yellow.btn-a, .yellow.btn-a:visited {
   background-color: #ffb515;
}
.yellow.btn-a:hover {
   background-color: #fc9200;
}



.avatar img {
    transition: all 15s ease;
    -webkit-transition: all 15s ease;
    -moz-transition: all 15s ease; 
    transition-delay: 5s;
   -webkit-transition-delay: 5s;
   -moz-transition-delay: 5s;
   background-color: #FFFFFF; 
   max-width:143px; 
   border-radius:5px; 
   margin:1px 3px 3px 1px; 
   padding:3px; 
   border:1px solid #d4d4d4; 
   box-shadow: 3px 3px 3px # 8A8A8A;
   transform:rotate(-20deg);
   -moz-transform:rotate(-20deg); 
   -webkit-transform:rotate(-20deg) ;
} 

.avatar img:hover { 
   transition: all 3s ease; 
   -webkit-transition: all 3s ease; 
   -moz-transition: all 3s ease;
   transform:rotate(360deg); 
   -moz-transform:rotate(360deg);
   -webkit-transform:rotate(360deg);
   position:relative;
}

.mainblok {
    border: 1px solid #cecece;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.mainblok img {
    max-width: 100%; 
    height: auto;
}

.button-tag {
  text-align: center;
  border: 1px solid #5cb767;
  color: #5cb767;
  background-color: #fff;
  padding: 2px 7px 3px;

  border-radius: 30px;
  font-size: 12px;
  margin-right: 3px;
  font-weight: 600;
line-height: 1.1em;
display: inline-block;
}
.button-tag:hover {
    transition: all 250ms ease-in-out 0s;
    border-color: #5CB767;
    background-color: #5CB767;
    color: #FFF;
}
