@charset "utf-8";
/* CSS Document */
#tabs_mine_new li a:link 
{
		color: white !important;
        font: bold 17px sans-serif;
		text-decoration: none;
	    background-image: url(../images/menu.png);
		background-repeat: repeat-x;
		background: none !important;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

#tabs_mine_new li li a:hover
{
		color: darkslategrey !important;
        font: bold 17px sans-serif;
		text-decoration: none;
	    background-image: url(../images/menu.png); /* not needed I think */
		background-repeat: repeat-x; /* not needed I think */
		background: none !important;	  
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
#tabs_mine_new li a:visited
{
		color: orange !important;
        font: bold 17px sans-serif;
		text-decoration: none;
	    background-image: url(../images/menu.png); /* not needed I think */
		background-repeat: repeat-x; /* not needed I think */
		background: none !important;	  
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}


/*
a:link - a normal, unvisited link
a:visited - a link the user has visited
a:hover - a link when the user mouses over it
a:active - a link the moment it is clicked
*/

#tabs_mine_new ul {
/*  text-align: left;*/
/*  display: inline;*/
  margin: 0;
  padding:0; /* needed*/
/*  list-style: none;*/
  color:darkslategrey; /* changes the color of the Terror Videos but not the submenu darkslategrey*/
/*  font-weight:900;*/
/*  font-size:17px;*/
/*  display:block;*/
}

#tabs_mine_new ul li {/*the padding here changes the drop down menu to fit links - it shrinks it too */
	background-image:url(../images/menu.png); /* this changes the image in the menu and submenu*/
	background-repeat:repeat-x;
  font: bold 17px sans-serif;
  display: inline-block;
  margin-right: 3px; /* adds space between buttons */
/*  position: relative;*/
padding: 8px 5px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
/*  transition: all 0.2s;*/
/*    display: block; */
}

#tabs_mine_new ul li ul 
{
	  padding-top: 16px; /* this is the distance between the drop down menu and the link */
	  position: absolute;
	top: 30px; /* verical position of the drop down menu*/
		left: 0; /* position of the drop down menu*/
	  width: 300px; /* This makes the drop down area wider */
	      display: none; /* without this the dropdown menu appears when the mouse is anywhere below the ul */
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
/*	box-shadow: none;*/
/*	  display: none;*/
	  opacity: 0; /* creates an effect on th edrop down menu while moving from one link to another */
/*	  visibility: hidden;*/
	  -webkit-transiton: opacity 0.2s;
	  -moz-transition: opacity 0.2s;
	  -ms-transition: opacity 0.2s;
	  -o-transition: opacity 0.2s;
	  -transition: opacity 0.2s;
}

#tabs_mine_new ul li ul li /* this li contains the link */
{ 
  display: block; 
/*   color: orange; changes the colour in drop down menu which HAS NO LINK it was   color: #fff; */
  background-image:url(../images/menu_hover.png); /* this changes the image in the submenu*/
	background-repeat:repeat-x;
}

#tabs_mine_new ul li:hover /*the hover background*/
{
	background-image:url(../images/menu.png);
	background-repeat:repeat-x;
	color: red; /* gives the terror the colour when it hovers and in Portfolio also the it is IMPORTANT was color: #fff;*/
}

#tabs_mine_new ul li ul li:hover 
{
	background-image:url(../images/menu.png); /* this changes the image in the submenus while hover on them*/
	color:blue;
 } /*background drop menu colour over the links*/

#tabs_mine_new ul li:hover ul { /* without this the submenu dissapears */
  display: block;
  opacity: 1;
  visibility: visible;
}

#tabs_mine_new a span /*The colour of the text in drop down menu */
{
	float:none;
	font-size: 0.6em;
/*	line-height: 1em;*/
	color:darkslategrey;
	font-weight: bold;
	/*padding:5px 15px 5px 6px;*/
}

/*============================  Previous menu ===========================*/




/* Commented Backslash Hack hides rule from IE5-Mac \*/

/* End IE5-Mac hack */
#tabs_mine_new a:hover span {
	color:#627EB7;
	}
#tabs_mine_new a:hover {
	background-position:0% -42px;
	}
#tabs_mine_new a:hover span {
	background-position:100% -42px;
}