html {
overflow-y: scroll; /* forces RH scroll bar - lovely !*/
}
body {
background-color: #F1F1F1;
margin-top: 3px;
}
.ball {
background-image: url("http://www.borderlandvisualarts.com/maps/balloon56.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size:60px 50px;
color: white;
width: 60px;
height: 50px;
text-align: center;
vertical-align: middle;
padding:0px!important;
border-collapse: collapse;
border-spacing:0px!important;
font-size:18px;
}
.ball2 {
background-image: url("http://www.borderlandvisualarts.com/maps/balloon50.png");
background-repeat: no-repeat;
background-position: center center;
background-size:60px 50px;
color: white;
width: 60px;
height: 50px;
text-align: center;
vertical-align: middle;
padding:0px!important;
border-collapse: collapse;
border-spacing:0px!important;
font-size:18px;
}
.bordsa {
background-color:#CCC;
border-radius:10px;
}
.bord20 {
border:solid 2px #ccc!important;
/*padding:20px!important;
background: #E1E1E1!important;*/
}
.bordgy {
background: #E1E1E1!important;
border:solid 2px #ccc!important;
}
.bordex {
border:solid 1px #CCC!important;
}
.bord {
border:solid 1px #00F!important;
}
.ctr {
margin:auto;
}
.padbot{
padding-bottom:20px;
}
#page-bg {
background: #F1F1F1;
/* use
height: 100%;
padding: 0;
margin-bottom: 1px;*/
}
/* ADDED FOR BVA_FOUR */
#menu {
position:relative;
top:0px;
left:0px;
margin-top:0px;
width:800px;
overflow:hidden;
margin: 0; /* kills height issue */
padding: 0;
list-style-type:none; /* loses icons*/
/*border: 1px solid red;*/
}
.btn {
display:inline; /* li class */
height:50px;
}
.btnup {
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
float:left;
color:#444343;
background-color:#F1F1F1;
padding:0.5em 0.5em;
border-right:5px solid #F1F1F1;
}
.btndn {
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
float:left;
color:#880000;
background-color:#F1F1F1;
padding:0.5em 0.5em;
border-right:5px solid #F1F1F1;
}
.btnup:hover {
color:#880000;
background-color:#DDDDDD;
}
button {
border: none;
cursor: pointer;
appearance: none;
/*background-color: inherit;*/
}
.contain {
object-fit: contain;
}
.padbot10 {
padding-bottom:10px;
}
.pad7 {
padding:7px;
}
#sidebar {
width:140px;
height:150px;
background-color:#EEEEEE;
border: 1px solid red;
}
/*END OF BVA_FOUR */
#print_friendly {
background-color: #FFFFFF;
}
.litebord {
border-collapse:collapse;
border:1px solid #AAAAAA;
}
.dropshadow {
-moz-box-shadow: 3px 3px 4px #999; /* Firefox */
-webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); /* IE 8 */
filter:: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); /* IE 5.5 - 7 */
}
#watitle {
position:relative;
top:20px;
left:10px;
background-color: #F1F1F1;
width: 800px;
height: 30px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #444343;
}
#workarea {
position:relative;
top:20px;
left:10px;
background-color: #F1F1F1;
width: 800px;
height: 480px;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #444343;
}
#draft {
background: #cccccc url(site/draft.jpg) ;
background-repeat:no-repeat;
background-position: 10px 100px;
background-attachment: fixed;
}
/* REPLACE BY CONTAINERBIG COS BOOTSTRAP */
/*
#container {
width: 1000px ;
margin-left: auto ;
margin-right: auto ;
padding-top:0px;
}
*/
#containerbig {
width: 1000px ;
margin-left: auto ;
margin-right: auto ;
padding-top:0px;
/*text-align:center; */
}
#containerhuge {
width: 1700px ;
margin-left: auto ;
margin-right: auto ;
padding-top:0px;
/*border: 1px solid red;*/
}
#watermark {
position: relative 0px,0px;
background-image: url('logos/watermark750_15pct.jpg'); background-repeat: no-repeat;
/*
background-color: red;
CSS3 standard
opacity:0.2;
/* for IE
filter:alpha(opacity=20)*/*/
}
#textholder{
width: 700px ;
padding: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #444343;
text-align:center;
}
#jasholder{
width: 550px;
padding: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #444343;
}
#minimap {
height:400px;
width:600px; /* 400px is smallest for bottom line to work */
margin:auto;
}
.myktbl>tbody>tr>td {
padding: 10px!important;
}
.btnsectgrey {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
color: #999898;
text-decoration: none;
}
.btnsectred {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
color: #444343;
text-decoration: none;
}
.btngrpgrey {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
color: #999898;
text-decoration: none;
}
.btngrpred {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
color: #444343;
text-decoration: none;
}
.btnpagegrey {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
color: #999898;
text-decoration: none;
}
.btnpagered {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
color: #444343;
text-decoration: none;
}
/* FORM FIELD NORMAL COLOR */
.login {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
background-color: #F1F1F1;
}
/* USED FOR FORM BUTTONS ETC */
.text12button {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #444343;
background-color: #F1F1F1;
}
.text12noul {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #444343;
background-color: #F1F1F1;
text-decoration: none
}
.webmaster {
font-size: small;
text-decoration:none;
color:gray;
background-color: #F1F1F1;
margin: 0px;
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
}
/* USED FOR DELETE BUTTONS ETC */
.btntxt {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
color: #999898;
text-decoration: none;
}
.btntxt2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
color: #444343;
text-decoration: none;
background-color: #CCCCCC;
}
.btntxt3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
color: #444343;
text-decoration: none;
}
.btngrey {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: italic;
color: #DDDDDD;
text-decoration: none;
}
/* BELOW HERE NOT TESTED FOR NEED except A-HOVER*/
#info{
border:2px solid green;
}
.menulink {
background-color:#CCC;
color:#000;
font-family:'Roboto',Helvetica,Arial,'sans serif';
font-size: 16px;
padding:4px 6px 4px 6px; /* top, right,bottom,left */
text-align:center;
text-decoration:none;
border-radius:8px;
margin-top:4px;
}
.pad0{
padding-left:0px!important;
}
.pad3 {
padding:3px!important;
}
.padbelow {
padding-bottom:10px!important;
}
.padbot {
padding-bottom:3px!important;
}
.tagline {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}
.btntxtred {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: italic;
color: #CC3300;
text-decoration: none;
font-weight: bold;
}
.tablectr {
margin: auto;
max-width: 90% !important;
}
.tablevote{
background-color:#FFF!important;
color:#000;
padding:10px;
margin:10px;
}
.text {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #444343;
text-decoration: none;
text-align: center;
}
.text09 {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
}
.text10 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #444343;
}
.text10linkul {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #444343;
text-decoration:underline;
}
.txt10ctr {
text-align:center;
font-size:10px;
color: #999898;
}
.text10gy {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #999898;
text-decoration:none;
}
.text12 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal!important;
color: #444343;
}
.text12redbutton {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #990000;
background-color: #F1F1F1;
}
.text12gray {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #444343!important;
}
.txt12ctr {
text-align:center;
font-size:12px;
color: #444343!important;
}
.txt12ctrul {
text-align:center;
font-size:12px;
color: #444343;
text-decoration:underline;
}
.text12white {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
.text12grn {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #008800;
}
.text12err {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #880000;
}
.text12bold {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
}
.text12blue {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #0000FF;
}
.text12med {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: italic;
color: #444343;
}
.linktext12 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #444343;
text-decoration: none;
}
.text12linkul {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #444343;
text-decoration: underline;
}
.text14 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal!important;
font-style: normal!important;
color: #444343;
}
.text14bold {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #444343;
}
.text14err {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #CC0000;
}
.txt14ctrul{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
color: #444343;
text-decoration: underline;
text-align:center;
}
.text14linkul {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
color: #444343;
text-decoration: underline;
}
.text14boldul {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #444343;
text-decoration: underline;
}
.text14em {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #999898;
text-decoration: italic;
}
.text14red {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
color: #880000;
}
.text14blue {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
color: #0000FF;
}
.text14pageno {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
color: #FFFFFF;
text-decoration: none;
background-color: #222222;
}
.text14redblink {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: italic;
color: #FF0000;
font-weight: bold;
text-decoration: none;
}
.text16 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal!important;
font-weight: normal!important;
color: #444343;
}
.text16ul {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal!important;
color: #444343!important;
text-decoration: underline;
}
.text16redbold {
font-family:Arial, Helvetica, sans-serif;
font-size:16px!important;
font-weight:bold!important;
color: #FF0000!important;
}
.text16redul {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
color: #FF0000!important;
text-decoration: underline;
}
.text16blue {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
color: #0000FF;
}
.text16ctr {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
color:#444343;
text-align:center;
}
.text16lh {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: italic;
color:#444343;
margin-bottom:15px !important;
}
.text16wht {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
color: #FFF!important;
}
.text16wbg {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
color: #000!important;
background-color:#FFF!important;
}
.text16rwbg {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFF!important;
background-color:#BB0000!important;
}
.text18 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
color:#444343;
}
.text18redbold {
font-family:Arial, Helvetica, sans-serif;
font-size:18px!important;
font-weight:bold!important;
color: #FF0000!important;
text-decoration:underline!important;
}
.text18ctr {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
color:#444343;
text-align:center;
}
.os24link {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px!important;
font-style: normal;
color:#0000FF!important;
text-decoration:underline!important;
}
.os26link {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px!important;
font-style: normal;
color:#000000!important;
text-decoration:underline!important;
}
.text18link {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
color:#444343!important;
text-decoration:underline;
}
.text18italic {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: italic;
}
.text18bold {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
.text24 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-style: normal;
}
.text24ctrbold {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
text-align:center;
color:#444343;
}
.text24ctrboldgrn {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
text-align:center;
color:#090;
}
.text36red {
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
font-style: normal;
color: #880000;
}
.login2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
background-color: #DDDDDD;
}
.trtxt12 {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
text-align: justify;
}
.trtxt14 {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
text-align: justify;
}
.trtxt16 {
font-family: "Times New Roman", Times, serif;
font-size: 16px;
}
.trtxt16blu {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #0000FF;
}
.trtxt24 {
font-family: "Times New Roman", Times, serif;
font-size: 24px;
}
.trtxt36 {
font-family: "Times New Roman", Times, serif;
font-size: 36px;
}
.text12linkulbold {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #444343;
text-decoration: underline;
font-weight: bold;
}
.linktext12bold {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #444343;
text-decoration: none;
font-weight: bold;
}
.text12sthru {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #444343;
text-decoration: line-through;
}
.text14ul {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
color: #444343;
text-decoration: underline;
}
.text12yell {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #006633;
}
#littlebig td{
border-collapse:collapse;
border:1px solid #DDD;
background-color:#CCC;
}
/* REQUIRED */
a:hover{
color: #444343;
}
/* SMALL SCREEN */
@media screen and (max-width: 992px){
.text14boldls {
display:none;
}
}
/* BIG SCREEN was 576+*/
@media screen and (min-width: 993px){
.text14boldls {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #444343;
}
}