/* 
 * == normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 12px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
/* 
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
*/
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong, .bold { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button;font-weight: bold; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: middle; }

.centered {
    margin: 0 auto;
}

.right {
    float:right;
}

.throw{ width:100%; padding:4px 0; background-color:White;border-bottom:solid 1px #000; color:Black}


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

html,body {
  height:100%; /* needed for container min-height */
  font: 11px Arial, Helvetica, sans-serif;
  color: #000;
}

h1, h2, h3, h4 {
  font-family: "franklin-gothic-urw-condense-n7", "franklin-gothic-urw-condensed-n5","franklin-gothic-urw-condensed", sans-serif;
  font-style: normal;
  font-weight: 700;
  color:#6a6a6a;
}
h1 {
  font-size:30px;
}
h2 {
  font-size:18px;
}
.blue {
  color:#00b4ff;
}
.red {
  color:#ed1c24;
}
.tan {
  color:#D2B48C;
}
#top{
    width: 100%;
    }
#header {
    width: 968px;
    margin: auto;  
    overflow: hidden;text-align:center;
    }

#header .logo {
    margin:5px 0 5px 0;
}

#top .login
{	
	text-align:center;
	clear:both;
	width: 100%;
	min-height:200px;
	border-bottom: solid 2px #97ca51;
	border-top: solid 2px #97ca51;
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    0px 2px 4px rgba(0,0,0,0.2);  /* Firefox 3.5 - 3.6 */
	box-shadow:         0px 2px 4px rgba(0,0,0,0.2); 
}

#top .logincontainer 
{
     width: 968px;
    margin: auto;  
    overflow: hidden;text-align:center;
}

.logincontainer>table
{
    text-align:center;
}


#topnav 
{
    clear:both;
    width: 100%; height: 30px; 
    background: #97ca51;
    border-bottom: solid 2px #000;
    -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 2px 4px rgba(0,0,0,0.2);  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px 2px 4px rgba(0,0,0,0.2); 
}

#nav 
{
    clear:both;
    width: 968px;
    margin:auto; 
    height: 30px; 
    z-index:999;  
    _overflow: hidden;
}
#nav .arrow{line-height:0%;}
#nav ul ul 
{
    display: none;
}

#nav ul li:hover > ul 
{
    display: block;
}
#nav ul 
{    
    margin: 0 auto; 
    list-style: none; 
    height: 30px;
    position: relative;	 
    z-index:999;
}
#nav ul:after 
{
    content: ""; 
    clear: both; 
    display: block;
}

#nav ul li 
{
    float: left;
}
#nav ul li:hover 
{
    background: #000;color: #fff;
}
#nav ul li a:hover, #nav ul li:hover a 
{
    background: #000;
    color: #fff;
}
#nav ul li a.current, #nav ul li a.section, #nav ul li a.section:hover, #nav ul li a.current:hover 
{
    background-color: #000;
    color: #fff;
    outline:0;   
}
#nav ul li a 
{
    padding: 5px 25px 0px 25px; 
    display: block; 
    height:25px;
    color: #000;
    text-decoration: none;
    font-family:  'Open Sans', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size : 14px;  
	font-weight:bold;  
     -webkit-transition: all .2s ease-in-out;
    -moz-transition:    all .2s ease-in-out;
    -o-transition:      all .2s ease-in-out;
    -ms-transition:     all .2s ease-in-out;
    transition:         all .2s ease-in-out;
    cursor:pointer;
}

#nav ul ul 
{
    padding: 0;
    position: absolute; 
    height: auto! important;
    left: auto;
    margin-top: 0px;
    font-size: 13px;
    line-height: 14px;
    padding: 4px;
    background-color: #97ca51;
    -moz-border-radius:    0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius:         0 0 4px 4px; 
    
}
#nav ul ul li 
{
    float: none; 
    height: auto; 
    width: auto;
    position: relative;
    display:block;
    margin: 0;
    padding: 0;
    background: transparent;
}
#nav ul ul li a 
{
    display: block; 
    padding: 10px 4px 10px 4px; 
    height:auto! important;
     width: auto;
    z-index:1099;    
    font-size:13px;   
}	
#nav ul ul li>a { 
    display: block;
    padding: 7px 20px 7px 10px;  
    width: auto;
    color: #0082d5;
    font-weight:600;
    font-size: 13px;
}
#nav ul ul li a:hover 
{
    display: block;
    text-decoration: none; 
    color: #000;
    background: white;
}

#nav ul ul ul 
{
    position: absolute; left: 100%; top:0;min-width:200px;
}

#pagetitle
{    margin:10px 0 15px 0; 
     text-align:center;
     font-size: 22px;
     font-weight: normal;
     letter-spacing: -0.05em;
     text-transform: capitalize;    
}


/*  SECTIONS  ============================================================================= */

.columnsContainer {
	clear: both;
	padding: 0px;
	margin: 0px;
}


/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% .5%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.1%; 
}

.span_1_of_3 {
	width: 32.2%; 
  border: 1px solid #d0d0d0;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}


/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.optionstable td{padding: 5px 2px;}


  
.tablenoformat{
  border-top:none;
  border-bottom:2px #777777 solid;
  color:#666666;
  font-size:14px;
  font-weight:bold;
  padding: 20px 0px 0px 25px;
}
.tablenoformat-right{
  border-top:none;
  border-bottom:2px #777777 solid;
  color:#666666;
  font-size:14px;
  font-weight:bold;
  text-align:right;
  padding: 20px 25px 0px 0px;
}

.tableformat-1{
  border-bottom:1px solid #999999;
  padding: 8px 1px 8px 150px;
}
.tableformat-1-right{
  border-bottom:1px solid #999999;
  padding: 5px 25px;
  text-align:right;
  }

.tableformat-2{
  border-bottom:1px solid #999999;
  padding: 15px 0px 5px 50px;
  font-weight:bold;
  font-style:italic;
}

.tableformat-2-right{
  border-bottom:1px solid #999999;
  padding: 15px 25px 5px 50px;
  text-align:right;
  font-weight:bold;
  font-style:italic;
  }
.info{
  display:block;
  position:relative;
  width:100%;
  height:25px;
  padding:0;
  background-color:#d0d0d0;
  text-align: center;
  float:left;
  padding-top: 10px;
}
 
 .tableformat-3{
  padding: 5px 1px 0px 50px;
}
.tableformat-3-right{
  padding: 5px 25px 0px 0px;
  text-align:right;
  }
  
.tableformat-4{
  padding: 0px 0px 0px 50px;
}
.tableformat-4-right{
  padding: 0px 5px 0px 0px;
  text-align:right;
  }
  
  .tablemonthformat{
  border-top:none;
  border-bottom:2px #777777 solid;
  color:#666666;
  font-size:14px;
  font-weight:bold;
  padding: 20px 0px 0px 25px;
}
.tablemonthformat-right{
  border-top:none;
  border-bottom:2px #777777 solid;
  color:#666666;
  font-size:14px;
  font-weight:bold;
  text-align:right;
  padding: 20px 5px 0px 0px;
}

 
 .table-checkbox{margin-left:275px}
 .table-checkbox td {padding: 0px 5px 10px 0px;width:110px; text-align:right;}
 
 
 
 
 .report td {padding:4px;}
 .report-header th{padding:4px;border:solid 1px #000;text-align:center;}