body { color: #000000; background-color: #2a0000; font-family: Helvetica; font-size: 12pt;  margin: 0px; padding:0px; }

.headofpage {background: #222222; border-radius: 5px; width:100%;}

.headleft {text-align:right;color:white;font-size:22px;font-family:Vollkorn,serif;font-weight:900;line-height: 20pt; width:50px; vertical-align:middle;}

.headpic {width:100%; vertical-align:middle;border: 0px;opacity: 1; filter: alpha(opacity=100); box-shadow: 0px 0px 66px #999999;}
.headpic:hover {border: 0px;opacity: 0.5; filter: alpha(opacity=50); box-shadow: 0px 0px 66px #ff0000;}
			  
.small-light {color:#aaaaaa; font-size:9px;}

.pageoutline { background: #ccffcc; border: 1px solid black; width:100%;}

table.page {color: #ffffff font-family: Helvetica; font-size: 10pt; margin: 0px; -moz-border-radius: 18px; padding: 10px; border: #1b2b17 3px solid; width:1000px; background:#ccffcc;}
 
.adjustable {font-size: 16px !important;}

.loggedinname  {font-size: 35px !important;}

.ShowPass {position: relative; right: 22px; top:3px; z-index: 1; height:20px;}
.PassResetLinkIcon {width:200px;}



 
 
 
 
 


form .forfutureuse{ display:none; }

.hovershadow { border: 2px solid #000000; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 1), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
.hovershadow:hover { border: 2px solid #000000; box-shadow: 0 0 8px 0 rgba(155, 0, 0, 1), 0 0 10px 0 rgba(255, 0, 0, 0.5); }

.hovershadowimgage { -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    border: 2px solid #000000; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 1), 0 0 10px 0 rgba(0, 0, 0, 0.5); height:250px;}
.hovershadowimgage:hover { -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    border: 2px solid #000000; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 1), 0 0 10px 0 rgba(0, 0, 0, 0.5); height:500px;}

.newsitem {padding:4px; }
.newsitems {background-color:#dddddd; background-image: url("/images/news.jpg"); background-position: center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding:0px; border:1px solid #666666;}
.newsitemtitle {font-family:courier;font-size:14px;font-weight:900;}
.newsitempage {font-family:courier;font-size:12px;}

.google-visualization-orgchart-node {background-color: #eeeeee !important;border: 1px solid #888888 !important;}

.pagebreak { page-break-before: always; }


.commentbox {border-style:solid; border-width:1px; border-color:#000000;}
table {color: #DefaultTextColour; background-color: #DefaultMSGColour;font-family: Helvetica; font-size: 14px; margin: 0px;}
.smalltab {font-size: 9px;}
h2 {page-break-before: always}
a {font-size: 12pt;TEXT-DECORATION:none;color:#0000aa; white-space: nowrap;}
a.white {font-size: 12pt;TEXT-DECORATION:none;color:#ffffff; white-space: nowrap;}
a.index {font-size: 12pt;TEXT-DECORATION:none;color:#000033; white-space: nowrap; padding: 5px 2px;}
a:hover {font-size: 12pt;TEXT-DECORATION:none; color:#ff0000; white-space: nowrap;}

a.small {font-size: 10px;TEXT-DECORATION:none;color:#999999; white-space: nowrap;}
a.small:hover {color:#ff0000;}

input,textarea,option,select {font-size:12pt;font-family:courier;}
#input[type=submit],input[type=button]{font-size:14pt;font-family:courier;}


button[disabled=disabled],button:disabled,input[type="button"]:disabled {color: #ff0000;}

input[type='text']:focus { border: solid 1px #ff0000; box-shadow: 0 0 15px 1px #ff0000; }

textarea {padding: 5px; BORDER: black 1px solid; COLOR: #000000; TEXT-DECORATION: none; font-size: 12pt; font-family:courier; background-color:#ffffff;}

input[type=button].small {font-size: 10px;}
input[type=button] {font-size:14pt;font-family:courier;}
button {font-size:12pt;font-family:courier;}
.border {border: black 1px solid;}
.box {border: #cccccc 1px solid; padding: 10px;}
td {vertical-align: top; font-size: 12pt;}
.topborder {border-top-style:solid; border-top-width:1px; border-top-color:#999999;}
.nowrap {float: left; white-space: nowrap;}

.lightbg {background-color:rgb(244, 244, 244);}
.lightbg:hover {background-color:rgb(255, 255, 204);}





.tabrow-OLD tr:hover {background-color:#F8FFF8;}
.tabrow tr:hover {background-color:#ffffee;}
.tabrownoselectall tr:hover {background-color:#ffffee;}
.tab:nth-child(0) {background-color:#ffcccc;}
.tab:nth-child(even) {background-color:#eeeeee;}
.tab:nth-child(odd) {background-color:#dddddd;}
.nohover {vertical-align: bottom; background-color:#000000; color: white; !important;}


th.dark {
  background:#000000; color:#dddddd; text-align:left; vertical-align:bottom;
}

th.shootinglog {
  background:#000000; color:#dddddd; text-align:left; vertical-align:bottom; font-size:18px;
}

table.shootinglog { 
	border-collapse: collapse; 
	border: 1px solid #666666;
	width: 100%;
}
td.shootinglog { 
	padding: 5px;
	font-size:10px;
}
tr:nth-child(odd).clear {
	background-color: rgba(255,255,255,0);
}

tr:nth-child(even).clear {
	background-color: rgba(255,255,255,0); 
}
tr:nth-child(odd).shootinglog {
	background-color: rgba(242,242,242,0.5);
}

tr:nth-child(even).shootinglog {
	background-color: rgba(224,224,224,0.5); 
}
th.shootinglog {
	background:#000000; color:#dddddd; text-align:left; vertical-align:bottom; font-size:16px;
}
.courier{
	font-family: Courier;
}


ul {list-style-type: square; margin: 0px; padding: 0px 0px 0px 20px; line-height: 180%;}

:root {
  --delay: 0.9;
}




.container {
    margin: 0 auto;
	float: left;
	padding: 10px;

}


.caption {
    position: relative;
    overflow: hidden;
    /* Only the -webkit- prefix is required these days */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
	border-radius: 22px;
            -moz-border-radius: 22px;
            -khtml-border-radius: 22px;
            -webkit-border-radius: 22px;			
}

.caption::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	background: rgba(0, 0, 0, 0);
    transition: background 0.3s ease-out;
	
}

.caption:hover::before {
    background: rgba(200, 200, 0, .75);
}

.caption__media {
    display: block;
    min-width: 100%;
    max-width: 100%;
    height: auto;
}

.caption__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px 5px 10px 5px;
    color: #ffff00;
	text-shadow: 0px 0px 10px #000000;
	text-align: center;
    transition: -webkit-transform 0.4s ease-out;
    transition:         transform 0.4s ease-out;
	

}

.caption:hover .caption__overlay {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.caption__overlay__title {

    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;	
	transform: rotate(-10deg);
	font-family: Courier;
	background: rgba(0,0,0, .6);
	border: 1px solid #000000;
	border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    -webkit-border-radius: 15px;	
}

.caption__overlay__content  {
    transition: -webkit-transform 0.4s ease-out;
    transition:         transform 0.4s ease-out;
	transform: translateY(150px);
	
	
	
	white-space: normal;
    -webkit-transform: translateY( -webkit-calc(200px ) );
            transform: translateY( calc(200px ) );	
	xtransform: rotate(180deg);
}




.caption:hover .caption__overlay__title {
	color: #ffff66;
	background: rgba(0,0,0, 0);
	font-family: Helvetica;
	font-weight: 700;
	border: 0px;
	text-shadow: 0px 0px 15px #000000;
    -webkit-transform: translateY( -webkit-calc(0px ) );
            transform: translateY( calc(0px ) );
	transform: rotate(0deg);
}



.caption:hover .caption__overlay__content {
	color: #ffffff;
	font-weight: 700;
     -webkit-transform: translateY( -webkit-calc(0px ) );
            transform: translateY( calc(0px ) );			
	transform: rotate(0deg);
}

.container > .caption > .caption__overlay > .caption__overlay__title{
    max-width: 154px;
	white-space: normal;
}

.buttonpic {border: 2px solid #666666;
            border-radius: 22px;
            -moz-border-radius: 22px;
            -khtml-border-radius: 22px;
            -webkit-border-radius: 22px;
			display: block;
}



.buttonpic:hover {border: 2px solid #660000;opacity: 0.2; filter: alpha(opacity=20);
           -moz-box-shadow: 0px 0px 99px #ff0000;
              -webkit-box-shadow: 0px 0px 99px #ff0000;
              box-shadow: 0px 0px 99px #ff0000;

           filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
              filter: gray; /* IE6-9 */
             -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
              -webkit-filter: grayscale(1);
           -webkit-filter: grayscale(100%);
              -moz-filter: grayscale(100%);
              filter: gray;filter: grayscale(100%);
           filter: url(desaturate.svg#grayscale);}

.buttonpicsmall {border: 2px solid #666666;
            border-radius: 11px;
            -moz-border-radius: 11px;
            -khtml-border-radius: 11px;
            -webkit-border-radius: 11px;
transition: all 0.4s ease-out;            
}



.buttonpicsmall:hover {border: 2px solid #660000;opacity: 0.2; filter: alpha(opacity=20);
           -moz-box-shadow: 0px 0px 99px #ff0000;
              -webkit-box-shadow: 0px 0px 99px #ff0000;
              box-shadow: 0px 0px 99px #ff0000;
transform: rotate(360deg);
transition: all 0.4s ease-out;
           filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
              filter: gray; /* IE6-9 */
             -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
              -webkit-filter: grayscale(1);
           -webkit-filter: grayscale(100%);
              -moz-filter: grayscale(100%);
              filter: gray;filter: grayscale(100%);
           filter: url(desaturate.svg#grayscale);}




.paddedborder {color: #000000; background-color: #ffffff ; font-size: 10pt; padding: 10px; border: black 1px solid;}
.big {font-size:18pt;font-family:Helvetica;color:#000000;text-shadow: 0px 0px 5px #000000; color:#000000;}


th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(0px, 51px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 30px;
}
th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}

.msg0 {border: 3px solid #333333; border-radius: 10px; overflow:hidden; overflow:none; }
.msgH0 {font-size: 18px; font-family:Helvetica; color:#ffffff; font-weight: 700; text-align: center; background-color: #333333; }
.msgB0 {font-size: 15px; font-family:Helvetica; color:#000000; background:#ffffff;}


.msg1 {border: 1px solid #ff0000; border-radius: 5; overflow:hidden; overflow:none; }
.msgH1 {font-size: 18px; font-family:Helvetica; color:#ffff00; background-color: #ff0000; font-weight: 900; text-align: center; }
.msgB1 {font-size: 16px; font-family:Helvetica; color:#ff0000; background-color: #ffff00; font-weight:700; }

.msg2 {border-style:solid; border-width:1px; border-color:#333333; -moz-border-radius: 10px; border-radius: 10px; }
.msgH2 {font-family:courier; font-size:8pt; color:#ffffff; background-color: ##ff0000; font-weight: 7-00; text-align: center;}
.msgB2 {font-family:courier; font-size:8pt; color:#000000; background-color: #ffffff;}

.msg3 {border-style:solid; border-width:3px; border-color:#990000; -moz-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
   -webkit-border-radius: 10px;}
.msgH3 {font-family:arial; font-size:11pt; color:#ffffff; background-color: #990000; font-weight: 700; text-align: left;}
.msgB3 {font-family:courier; font-size:9pt; color:#000000; background-color: #ffffff;}

.msgH4 {font-size: 22pt; font-family:courier; color:red; font-weight: 800; text-align: center;background-color: #ffff00;
   background: -moz-linear-gradient(top, #bbbb00, #ffff00);
   background: -webkit-linear-gradient(top, #bbbb00, #ffff00);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbb00), to(#ffff00));
   background: -moz-linear-gradient(top, #bbbb00, #ffff00);
   background: -ms-linear-gradient(top, #bbbb00, #ffff00);
   background: -o-linear-gradient(top, #bbbb00, #ffff00);}
.msgB4 {font-size: 12pt; font-family:courier; color:black; background-color: #aaaa00;}











/* Media query for mobile devices */
/* Media query for mobile devices */
/* Media query for mobile devices */
/* Media query for mobile devices */
/* Media query for mobile devices */
/* Media query for mobile devices */
/* Media query for mobile devices */
/* Media query for mobile devices */
/* Media query for mobile devices */
/* Media query for mobile devices */
/* Media query for mobile devices */
/* Media query for mobile devices */
/* Media query for mobile devices */
/* Media query for mobile devices */
/* Media query for mobile devices */
/* Media query for mobile devices */
/* Media query for mobile devices */


@media only screen and (max-width: 1024px), 
       (max-device-width: 1024px) and (orientation: portrait), 
       (hover: none) {



body { color: #000000; background-color: #2a0000; font-family: Helvetica; font-size: 35px;  margin: 0px; padding:0px; }

.headofpage {background: #222222; border-radius: 15px; width:100%;}

.headleft {text-align:right;color:white;font-size:32px;font-family:Vollkorn,serif;font-weight:900;line-height: 20pt; width:50px; vertical-align:middle;}

.headpic {width:100%; vertical-align:middle; }

.small-light {color:#aaaaaa; font-size:18px;}

.pageoutline { background: #ccffcc; width:100%;}

table.page {color: #ffffff font-family: Helvetica; font-size: 10pt; margin: 0px; -moz-border-radius: 18px; padding: 10px; border: #1b2b17 3px solid; width:100%; background:#ccffcc;}

.adjustable {font-size: 35px !important;}

.loggedinname  {font-size: 55px !important;}

.ShowPass {position: relative; right: 65px; top:11px; z-index: 1; height:40px;}
.PassResetLinkIcon {width:0px;}





.msg0 {border: 3px solid #333333; border-radius: 30px; overflow:hidden; overflow:none; }
.msgH0 {font-size: 35px; font-family:Helvetica; color:#ffffff; font-weight: 700; text-align: center; background-color: #333333; }
.msgB0 {font-size: 35px; font-family:Helvetica; color:#000000; background-color:#ffffff;}


.msg1 {border: 1px solid #ff0000; border-radius: 25; overflow:hidden; overflow:none; }
.msgH1 {font-size: 35px !important; font-family:Helvetica; color:#ffff00; background-color: #ff0000; font-weight: 900; text-align: center; }
.msgB1 {font-size: 35px !important; font-family:Helvetica; color:#ff0000; background-color: #ffff00; font-weight:700; }

.msg2 {border-style:solid; border-width:1px; border-color:#333333; border-radius: 30px; }
.msgH2 {font-family:courier; font-size: 35px !important; color:#ffffff; background-color: #ff0000; font-weight: 700; text-align: center;}
.msgB2 {font-family:courier; font-size: 35px !important; color:#000000; background-color: #ffffff;}






}









/* For mobile phones: */
[class*="col-"] {
	td.button a.button {display:block; width:100%; color:black; font-size: 24px;  }
	td.button:hover a.button:hover{color:#ffffff;}
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
	td.button a.button {display:block; width:100%; color:black; font-size: 14px;  }
	td.button:hover a.button:hover{color:#ffffff;}

}





@media print {
	body { margin: 0; color: #000; background-color: #fff; padding:0; border:0; height: 10%; width: 10%; }

	#main {position:relative; padding:0; height:1px; overflow:hidden;}
	#printarea {position:absolute; height: 100%; width:100%; top:0; padding:0; margin:-30px; overflow: hidden;}
   
}