Iamthemelocked - Updates Tab #14 Part 2

/* --- UPDATES TAB ---*/

/* --- POP UP STUFF ---*/

#fade {
display: none;
background: #000000;
position: fixed;
left:0px;
top:0px;
width: 100%;
height: 100%;
opacity:0.8;
z-index: 9999;
}

.popup_block{
display: none;
background: #ffffff;
padding: 20px;
border:4px double #000000;
float: left;
position: fixed;
top: 50%;
left: 50%;
z-index: 99999;
}

*html #fade {
position: absolute;
}

*html .popup_block {
position: absolute;
}

/* --- POP UP STUFF ---*/

#tab14boxes {
width: auto;
height: auto;
position:fixed;
float:left;
font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
display:inline-block;
color:{color:Tab Text Colour};
top:20px; /* --- MOVE THE TAB UP OR DOWN HERE ---*/
left: 40px; /* --- MOVE THE TAB TO THE LEFT OR TO THE RIGHT HERE ---*/
}

#tab14boxes a{
color:{color:Tab Links Colour};
font-size:9px; /* --- CHANGE THE LINK FONT SIZE HERE ---*/
text-decoration:none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#tab14boxes a:hover{
color:{color:Tab Links Colour Hover};
background:none;
font-size:9px; /* --- CHANGE THE LINK FONT SIZE HERE ---*/
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

/* --- UPDATES TAB BOX 1 START ---*/

#tab14square1 {
height:18px;
width:18px;
display: inline-block;
float:left;
margin-right:5px;
opacity:1;
background-color:transparent;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#tab14box1 {
width:480px;
height:195px;
margin-top:5px;
float:left;
display: inline-block;
opacity:1;
padding:8px;
letter-spacing:1px;
line-height:110%;
overflow:hidden;
text-transform:uppercase;
text-align:center;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

/* --- UPDATES TAB BOX 1 END ---*/

/* --- UPDATES TAB BOX 2 START ---*/

#tab14square2 {
height:18px;
width:18px;
display: inline-block;
float:left;
margin-left:-8px;
opacity:1;
margin-top:15px;
background-color:transparent;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#tab14box2 {
width:480px;
height:195px;
margin-top:5px;
float:left;
display: inline-block;
opacity:1;
padding:8px;
letter-spacing:1px;
line-height:110%;
overflow:hidden;
text-transform:uppercase;
text-align:center;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

/* --- UPDATES TAB BOX 2 END ---*/

/* --- UPDATES TAB BOX 3 START ---*/

#tab14square3 {
height:18px;
width:18px;
display: inline-block;
float:left;
margin-left:-33px;
opacity:1;
margin-top:30px;
background-color:transparent;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#tab14box3 {
width:480px;
height:195px;
margin-top:5px;
float:left;
display: inline-block;
opacity:1;
padding:8px;
letter-spacing:1px;
line-height:110%;
overflow:hidden;
text-transform:uppercase;
text-align:center;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

/* --- UPDATES TAB BOX 3 END ---*/

/* --- UPDATES TAB BOX 4 START ---*/

#tab14square4 {
height:18px;
width:18px;
display: inline-block;
float:left;
margin-left:-48px;
opacity:1;
margin-top:15px;
background-color:transparent;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#tab14box4 {
width:480px;
height:195px;
margin-top:5px;
float:left;
display: inline-block;
opacity:1;
padding:8px;
letter-spacing:1px;
line-height:110%;
overflow:hidden;
text-transform:uppercase;
text-align:center;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

/* --- UPDATES TAB BOX 4 END ---*/

/* --- UPDATES TAB ---*/