/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// Body */
/* Main body -> index.tpl */
body
{
   margin: 0;
   padding: 0;
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// Link Colors */
/* Link Colors */
a, a:hover, a:visited
{
   color: black;
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// Buttons */
/* Button Light Blue */
.buttonRounded
{
   background-color: #3399ff; /*#04AA6D; Green */
   border: none;
   color: white;
   padding: 20px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: medium;
   margin: 4px 2px;
   cursor: pointer;
   border-radius: 12px;
}


/* Button Dark Blue */
.buttonRounded_Dark
{
   background-color: #276eb6; /*#04AA6D; Green */
   border: none;
   color: white;
   padding: 20px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: medium;
   margin: 4px 2px;
   cursor: pointer;
   border-radius: 12px;
}


/* Button Purple */
.buttonRounded_DarkPink
{
   background-color: #b6278b; /*#04AA6D; Green */
   border: none;
   color: white;
   padding: 20px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: medium;
   margin: 4px 2px;
   cursor: pointer;
   border-radius: 12px;
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// Tool Tips */
/* Tool tips */
[data-title]:hover:after
{
   opacity: 1;
   transition: all 0.5s ease 1s;
   visibility: visible;
}
[data-title]:after
{
   content: attr(data-title);
   position: absolute;
   bottom: -1.6em;
   left: 100%;
   padding: 4px 4px 4px 8px;
   color: #222;
   white-space: nowrap; 
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px;  
   border-radius: 5px;  
   -moz-box-shadow: 0px 0px 4px #222;  
   -webkit-box-shadow: 0px 0px 4px #222;  
   box-shadow: 0px 0px 4px #222;  
   background-image: -moz-linear-gradient(top, #f8f8f8, #84caeb);  
   background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f8f8),color-stop(1, #84caeb));
   background-image: -webkit-linear-gradient(top, #f8f8f8, #84caeb);  
   background-image: -moz-linear-gradient(top, #f8f8f8, #84caeb);  
   background-image: -ms-linear-gradient(top, #f8f8f8, #84caeb);  
   background-image: -o-linear-gradient(top, #f8f8f8, #84caeb);
   opacity: 0;
   z-index: 99999;
   visibility: hidden;
}
[data-title]
{
   position: relative;
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// Tables */
/* Tables */
.style_CommonLicenseOptions_Table
{
   font-family: Verdana;
   font-size: 100%;
   padding: 15px;
   background-color: white;
   border: 0 px;
   border-radius: 12px;
}
.style_CommonLicenseOptions_TableBlock
{
   font-family: Verdana;
   font-size: 90%;
   padding: 10px;
   background-color: #A0A0A0;
   width: 800px;
}
.style_CommonLicenseOptions_TableTitle
{
   font-family: Verdana;
   font-size: 90%;
   padding: 10px;
   background-color: #A0A0A0;
}

.fade_in_image { animation: fadeIn 5s; }

@keyframes fadeIn
{
   0% { opacity: 0; }
   100% { opacity: 1; }
}