@import url('css/purecssmenu.css');

/* Nav Menu Override */

ul.pureCssMenu li.pureCssMenui0 {
    width: auto;
    padding: 0 10px;
}


/* Header */

#header {
    font-family: Arial, Sans Serif;
}
#above-menu {
    padding: 10px;
    overflow: auto;
}
#site-logo {
    float: left;
}
#site-logo img {
    padding: 0 10px 0 0;
}
#header-slogan {
    font-size: 1em;
    font-weight: bold;
    color: #888888;
}
#login-status {
    font-size: .9em;
    float: right;
    width: 300px;
}
.clear {	clear: both;
    border-radius: 5px;
}




/* Global Styles */

body {
	margin:0px;
	background: url(./images/coins-948603_1920.jpg);
	
}
	
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#003366;
}
	
a {
	color: #FF6600;
	font-weight:bold;
	}
	
a:hover {
	color: #3366CC;
	}

/* ID Styles */

#navigation td {
	border-bottom: 2px solid #C0DFFD;
	}
	
#navigation a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	background: url("mm_arrow.gif") 14px 45% no-repeat;
	}
	
#navigation a:hover {
	background: #ffffff url("mm_arrow.gif") 14px 45% no-repeat;
	color:#FF6600;
	}
	
#logo 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	
	color:#FF0000;
	letter-spacing:.2em;
	line-height:30px;
	}

#tagline 	{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
color:#FF0000;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 2px solid #E6F3FF;
		}
		
#dateformat {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #003366;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #003366;
	font-weight:bold;
	letter-spacing:.1em;
	}
	
#dateformat a:hover {
	color: #FF6600;
	letter-spacing:.1em;
	}
	
/* Class Styles */
	
.bodyText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #3366CC;
	line-height:24px;
	letter-spacing:.2em;
	}
	
.subHeader {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	line-height:16px;
	letter-spacing:.2em;
}

.quote {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #003366;
	}
	
.navText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
	
.pageNameerror{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#990000;
	line-height:24px;
	letter-spacing:.2em;
	}

	
.subHeadererror {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#990000;
	line-height:16px;
	letter-spacing:.2em;
	}
.textBox3 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   width:3%
   }
.textBox5 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   width:5%
   }
 .textBoxr5 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   text-align: right;
   width:5%
   }
.textBox8 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   width:8%
   }
.textBoxr8 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   text-align: right;
   width:8%
   }

 .textBox10 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   width:10%
   }
  .textBoxr10 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   text-align: right;
   width:10%
   } 
 .textBox15 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   width:15%
   }
.textBox20 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   width:20%
   }
.textBox30 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   width:30%;
   }
.textBoxr30 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
    text-align: right;
   width:30%;
   }
.textBox40 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   width:40%;
   }
   .textBox50 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   width:50%;
   }
   .textBoxr50 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   text-align: right;
   width:50%
   }
   .textBox60 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   width:60%;
   }
      .textBox70 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   width:70%;
   }
         .textBox80 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   width:80%;
   }
            .textBoxr80 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   text-align: right;
   width:80%;
   }
         .textBox90 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   width:90%;
   }
        .textBoxr98 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
    text-align: right;
   width:98%;
   }
          .textBoxc90 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
    text-align: center;
   width:90%;
   }
   .textBox100 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   width:100%;
   }
        .textBoxr90 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
    text-align: right;
   width:90%;
   }

     .textBoxr100 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
    text-align: right;
   width:100%;
   }

     .textBox98 {
   font-family:Arial, Helvetica, sans-serif;   
   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;

 
 
   width:98%;
   }
     .cupartyarea {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   text-align: right;
   width:90%
   } 
.textArea50 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   width:50%;
   height:43px;
   }
.textArea80 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   width:80%;
   height:40px;
   }
   .textArea98 {
   font-family:Arial, Helvetica, sans-serif;   background-color:#FFFFFF;
   border:#000000;
   border:thin;
   border-style:solid;
   font-size:12px;
   line-height:14px;
   width:98%;
   height:60px;
   }

.progHeader {
   font-family:Arial, Helvetica, sans-serif;
   font-size:16px;
   font-weight:300;
   letter-spacing:.3em;
   line-height:20px;
   width:100%;
}  

input[disabled] {
  background: #E78A61;
  color:black;
  cursor:default;
 
}

input[type="button"],
input[type="submit"] {

  color:black;
  cursor:default;


  background:#FFFF00;
}


.button:hover {
background:#66FF00;
  
  color:black;
  cursor:pointer;
   

}


input[type="button"][disabled],
input[type="submit"][disabled] {
  background:#FF3300;
  
  color:black;
  cursor:default;
}

.ui-autocomplete li.ui-menu-item a { 
white-space: pre;
font-family: monospace;
}

#main {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 960px;
    height: 150px;
    margin-left: -480px; /* Half the height */
    margin-top: -75px; /* Half the width */
    background: white;
    opacity: 0.9;
    /*border-radius: 20px;*/
}

#main h1 {
    text-align: center;
    padding: 20px 0;
    margin: 0;
}