/* SITE WIDE */

@font-face {
  font-family: "Merriweather";
  src: url("/apps/layouts/fonts/Merriweather-Regular.ttf");
}

@font-face {
  font-family: "Merriweather";
  font-weight: bold; 
  src: url("/apps/layouts/fonts/Merriweather-Bold.ttf");
}

@font-face {
  font-family: "Montserrat";
  src: url("/apps/layouts/fonts/Montserrat-Regular.ttf");
}

@font-face {
  font-family: "Montserrat";
  font-weight: bold; 
  src: url("/apps/layouts/fonts/Montserrat-SemiBold.ttf");
}

@font-face {
  font-family: "Playball";
  font-weight: bold; 
  src: url("/apps/layouts/fonts/Playball-Regular.ttf");
}

@font-face {
  font-family: "Roboto";
  font-weight: bold;
  src: url("/apps/layouts/fonts/Roboto-Regular.ttf");
}


html, BODY { background-color: #111111; color:#CCCCCC; height:100%; }

.Warn {font-family: "Merriweather", Tahoma; font-size:100%; font-weight:bold; color:#FF0000;}

.BannerText {font-family: "Merriweather"; font-size: 90%; color:#CCCCCC;}
.BannerText A:link {text-decoration: underline; color: #ffcc00;}
.BannerText A:visited {text-decoration: underline; color: #ffcc00;}
.BannerText A:hover {text-decoration: none; color: #cc0000;}

.BoldText {font-family: "Merriweather", Tahoma; font-weight:bold; font-size:100%; color:#CCCCCC;}
.BoldText A:link {text-decoration: underline; font-weight:bold; color: #ffcc00;}
.BoldText A:visited {text-decoration: underline; font-weight:bold; color: #ffcc00;}
.BoldText A:hover {text-decoration: none; font-weight:bold; color: #cc0000;}

.Box {font-family: "Merriweather", Tahoma; font-weight:bold; font-size:100%; color:#FFFFFF;}
.Box A:link {text-decoration: underline; font-weight:bold; color: #FFFFFF;}
.Box A:visited {text-decoration: underline; font-weight:bold; color: #FFFFFF;}
.Box A:hover {text-decoration: none; font-weight:bold; color: #FFFFFF;}

.Copy {font-family: "Merriweather", Verdana; font-size:100%; color:#CCCCCC;}
.Copy A:link {text-decoration: underline; color: #ffcc00;}
.Copy A:visited {text-decoration: underline; color: #ffcc00;}
.Copy A:hover {text-decoration: none; color: #cc0000;}

.ErrorText {font-family: "Roboto"; font-size: large; color:#CCCCCC;}
.ErrorText A:link {text-decoration: underline; font-weight:bold; color: #ffcc00;}
.ErrorText A:visited {text-decoration: underline; font-weight:bold; color: #ffcc00;}
.ErrorText A:hover {text-decoration: none; font-weight:bold;}

.Feature {font-family: "Merriweather", Tahoma; font-weight:bold; font-size:medium; color:#FFFFFF;}
.Feature A:link {text-decoration: underline; font-weight:bold; color: #ffcc00;}
.Feature A:visited {text-decoration: underline; font-weight:bold; color: #ffcc00;}
.Feature A:hover {text-decoration: none; font-weight:bold; color: #cc0000;}

.RegText {font-family: "Merriweather", Tahoma; font-size:100%; color:#CCCCCC;}
.RegText A:link {text-decoration: underline; color: #ffcc00;}
.RegText A:visited {text-decoration: underline; color: #ffcc00;}
.RegText A:hover {text-decoration: none; color: #cc0000;}

.Radio {font-family: "Merriweather", Tahoma; font-size:100%; color:#CCCCCC;}
.Radio A:link {text-decoration: underline; color: #FFCC00;}
.Radio A:visited {text-decoration: underline; color: #FFCC00;}
.Radio A:hover {text-decoration: none; color: #CC0000;}

.BoldRadio {font-family: "Merriweather", Tahoma; font-weight:bold; font-size:100%; color:#CCCCCC;}
.BoldRadio A:link {text-decoration: underline; font-weight:bold; color: #FFCC00;}
.BoldRadio A:visited {text-decoration: underline; font-weight:bold; color: #FFCC00;}
.BoldRadio A:hover {text-decoration: none; font-weight:bold; color: #CC0000;}

.SmallText {font-family: "Merriweather", Tahoma; font-weight:bold; font-size:90%; color:#FFFFFF;}
.SmallText A:link {text-decoration: underline; font-weight:bold; color: #FF9900;}
.SmallText A:visited {text-decoration: underline; font-weight:bold; color: #FF9900;}
.SmallText A:hover {text-decoration: none; font-weight:bold; color: #CC0000;}

.Title {font-family: "Playball", Tahoma; font-weight:bold; font-size:200%;
  background: -webkit-linear-gradient(#AAAAAA, #DDDDDD);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.Title A:link {text-decoration: underline; font-weight:bold; color: #ffcc00;}
.Title A:visited {text-decoration: underline; font-weight:bold; color: #ffcc00;}
.Title A:hover {text-decoration: none; font-weight:bold; color: #cc0000;}


.yui-tt {
color: #000000;
font-family:Calibri, Tahoma;
font-size:small;
border: 1px solid #000000;
background-color: #EEEEEE;
padding: 2px;
width:200px;
}


.fsField {font-family:Calibri; font-size:16px; color:#EEEEEE; font-weight:normal; background-color: #000000; margin: 2px; height: 20px; border-color: #666666; border-style: solid; }
select {font-family:Calibri; font-size:16px; color:#EEEEEE; font-weight:normal; background-color: #000000; margin: 2px; height: 26px; border-color: #666666; }
select option {font-family:Calibri; font-size:14px; }
.fsButton {font-family:Calibri; font-size:20px; color:#FFFFFF; font-weight:bold; background-color:#990000; border-width:1px; border-color:#660000; padding-left: 20px; padding-right: 20px; }

textarea:focus, input:focus, select:focus{
    border: 2px solid #990000;
}