/*------------------------------------------------------------------------------
                       Layout and Positioning
/*----------------------------------------------------------------------------*/

/*----------------   Button Properties   ------------------*/
.tpl-download-button, .tpl-db-container, .tpl-download-button span, 
.tpl-download-button .effects-container, .tpl-db-email-panel {
   width: 289px;
}

.tpl-db-button span {
   display: block;
   width: 100%;
   padding: 14px 0 2px 0;
   margin-bottom: 7px;
}

/*-------------------   Title     ------------------*/
.tpl-db-button h3 {
   margin: 0 25px 0 55px; 
   margin: 0 25px 0 55px;   padding: 0;
}

/*-------------------  OS Text    ------------------*/
.tpl-db-button .tpl-db-minor {
   width: 90%;
   margin: 4px 40px 0 0;
   text-align: right;
}

/*-----------------  Toggle Links  -----------------*/
.tpl-db-toggles {
   margin: 0px 5px 0 4px;
}

.tpl-db-sys-reqs-toggle {
   margin-right: 85px;
}


/*------------  System Requirements  ---------------*/
.tpl-db-sys-reqs {
   margin-top: 10px;
}

/*----------------  Email Panel  -------------------*/
.tpl-db-email-panel {
  padding-top: 5px;
}

.tpl-db-email-panel div {
  margin: 5px 22px 2px 12px;
}

#tpl-db-email-input {
  margin: 8px 0 8px 0; width: 185px;}

a .tpl-db-go,
a:link .tpl-db-go,
a:visited .tpl-db-go,
a:hover .tpl-db-go {
  margin: 7px 30px 2px 0px;
  padding: 1px 5px 1px 5px;
}


/*------------------------------------------------------------------------------
                       Styles and Colors
/*----------------------------------------------------------------------------*/

/*-------  Functionality for highlighting button  -------------*/
a .tpl-db-download-button .tpl-db-button {
   background-position: 0% 100%;
}

a:hover .tpl-db-download-button .tpl-db-button {
   background-position: 100% 100%;
}

a .tpl-db-download-button span {
   background-position: 0% 0%;
}

a:hover .tpl-db-download-button span {
   background-position: 100% 0%;
}

/*-------------------   Overall   ------------------*/
a:link .tpl-db-download-button, a:visited .tpl-db-download-button {
   text-decoration: none;
}

a .tpl-db-download-button .tpl-db-button, a .tpl-db-download-button span {
   background-color: transparent;
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-image:url(/images/tpl-download-button/download-button.gif);
   cursor: pointer;
}

/*-------------------   Title     ------------------*/
a .tpl-db-button h3, a:link .tpl-db-button h3, a:hover .tpl-db-button h3, a:visited .tpl-db-button h3 {
   text-decoration: underline;
   text-align: center;
   font-size: 21px;
   color: #3A402C; 
}

/*-------------------   OS Text   ------------------*/
a .tpl-db-button .tpl-db-minor, a:link .tpl-db-button .tpl-db-minor, a:hover .tpl-db-button .tpl-db-minor, a:visited .tpl-db-button .tpl-db-minor {
   text-decoration: none;
   color: #444433;
   color: #666644;
   font-size: 13px;
}

/*-----------------  Toggle Links  -----------------*/
.tpl-download-button .tpl-db-toggles a, 
.tpl-download-button .tpl-db-toggles a:link, 
.tpl-download-button .tpl-db-toggles a:visited, 
.tpl-download-button .tpl-db-toggles a:hover {
   text-decoration: underline;
   text-align: right;
   color: #888855;
   font-size: 12px;
}

.tpl-download-button .tpl-db-toggles a:hover {
   text-decoration: none;
}

/*------------  System Requirements  ---------------*/
.tpl-download-button .tpl-db-sys-reqs {
   text-align: right;
   color: #666666;
   font-weight: 700;
}

.tpl-download-button .tpl-db-sys-reqs div {
   color: #777777;
   font-weight: 500;
}

/*----------------  Email Panel  -------------------*/
#tpl-db-email-container {
  background:url(/images/tpl-download-button/download-light-tan.png) 0% 100% no-repeat;
  padding-bottom: 11px;
}

.tpl-db-email-panel {
  text-align: center;
  background:url(/images/tpl-download-button/download-light-tan.png) 0% 0% no-repeat;
}

.tpl-db-email-panel div {
  font-size: 14px;
}

a .tpl-db-go,
a:link .tpl-db-go,
a:visited .tpl-db-go,
a:hover .tpl-db-go {
  cursor: pointer;
  float: right;
  background-color: #999855;
  color: black;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

a:hover .tpl-db-go {
  background-color: #88874a;
}