html {
	overflow-Y: scroll;
}
body {
	font: 10px normal Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.7em;
}
*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}


/* CSS for Date Dropdowns aka JAN, Feb, etc */
/* From http://www.sohtanaka.com/web-design/examples/toggle/ */
.container {         /* Main Container */
	width: 500px;
margin:left;
}
h1 {
	font: 4em normal Georgia, 'Times New Roman', Times, serif;
	text-align:center;
	padding: 20px 0;
	color: #aaa;
}
h1 span { color: #666; }
h1 small{
	font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #666;
}
h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(./h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover {
	color: #ccc;
}
h2.active {background-position: left bottom;}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(./toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
}
.toggle_container .block {
	padding: 20px;
	background: url(./toggle_block_btm.gif) no-repeat left bottom;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}

.toggle_container a img{
	float: left;
	margin: 0 10px 0 0;
	padding: 0px;
	background: #ddd;
	border: 0px solid #ccc;
}



/* CSS for repeating dates */
/* From http://bonrouge.com/~togglit */
#wrap {
width:600px;
margin:auto;
}
p {
margin:10px;
}
#scriptlist {
width:18em;
margin:auto;
border:1px solid gray;
padding:1em;
position:absolute;
top:19em;
margin-left:9em;
}


.clicker {
cursor:pointer;
color:blue;
}

.eg {
border:0px solid gray;
margin:left;                     /* placement of sub cells  */
}
.eg p {                          /* Details about Repeating Date */
	font: 1.2em normal Georgia, 'Times New Roman', Times, serif;
  text-align:left;
  font-size: 1.1em;
	/* line-height: 5.7em; */

}
.eg h3{                         /* Repeating Date Title  */
	font: 1.2em normal Georgia, 'Times New Roman', Times, serif;
	text-align:left;
	/*padding: 20px 0;  */
	color: blue;
}
.eg h3:hover {                  /* Repeating Date Title - HOVER */
	color: blue;
}

#bytagname {
width:35em;
}

#bytagname h2{
background-color:#ffffcc;
border:1px solid navy;
}
.selected {
color:red;
}









/* Repeating Date FAQ */


#bytagDateFAQ {
border:0px solid gray;
margin:left;                     /* placement of sub cells  */
}
#bytagDateFAQ .info {                          /* Details about Repeating Date */
	font: 1.3em normal Georgia, 'Times New Roman', Times, serif;
	font-size: 1.4em;
  text-align:left;
  padding: 0px 0px 0px 20px;
	line-height: 1.5em;
}
#bytagDateFAQ h3{                         /* Repeating Date Title  */
	font-size: 1.5em;
	text-align:left;
	/*padding: 20px 0;  */
	color: blue;
}
#bytagDateFAQ h3:hover {                  /* Repeating Date Title - HOVER */
	color: blue;
}

#bytagDateFAQ {
width:80em;
}

#bytagDateFAQ h2{
background-color:#ffffcc;
border:1px solid navy;
}






/* Begin Frameset CSS */
#topframe{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 600px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
color: blue;
}

#bottomframe{
position: fixed; 
top: 110px;                 /*Set top value to HeightOfFrameDiv*/
left: 0;
right: 0;
bottom: 0;
overflow: auto; 
background: #fff;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 130px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

.topmenu{
	color: grey;
	font: 1.5em normal Georgia, 'Times New Roman', Times, serif;
  padding:0px 0px 4px;
}

.topmenu a{
	color: blue;
  padding:0px 10px 4px;
}

.sortby{
	color: red;
	font: 0.8em normal Georgia, 'Times New Roman', Times, serif;
  padding:0px 10px 0px 10px;
}

.sortby a{
	color: red;
  padding:0px 10px 4px;
}




/* FORM */
form#ED {background:#384953; width:477px; padding:10px; border:1px solid #eee; margin:0px auto; font-size:1em; height: auto;}
form#ED p {font-size:.9em; color:#fff; text-align:left; padding:15px 5px 5px 0; margin:0;}
form#ED fieldset#current p {padding:4px; margin:0;}
form#ED fieldset {width:auto; display:block; border:1px dotted #fff; padding:5px 5px 5px 10px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em; font-size:1em; }
form#ED fieldset:hover {border:1px solid #fff;}
form#ED fieldset#opt:hover {border:1px solid #ffffff;}

form#ED legend {font-size:1.1em; font-weight:bold; border-bottom:2px solid #fff; margin-bottom:15px; padding:6px; background:none; color:#fff;}
* html form#ED legend { padding:0 0 30px 0; margin:5px 0 0 0; border:none;}

form#ED label {clear:left; display:block; float:left; width:50px; text-align:left; padding-right:10px; color:#fff; margin-bottom:0.5em;}

form#ED input {border:1px solid #414d59; padding-left:0.5em; margin: 5px 0 10px 0; width:390px; background:#c5d3e0; float: left;}
form#ED input:hover { background:#5a7688; border:1px solid #fff; color:#fff;}
form#ED input:focus {background:#fff; border:1px solid #5a7688; color:#5a7688;}

form#ED fieldset#medical input, form#ED fieldset#current input {width:45px;}

form#ED #month {width:395px; border:1px solid #fff; margin:0px 0px 10px 0px; text-align: left; background:#c5d3e0}
form#ED #month:hover { background:#5a7688; border:1px solid #fff; color:#fff;}
form#ED #month:focus {background:#fff; border:1px solid #5a7688; color:#5a7688;}

form#ED textarea {width:380px; height:4em; border:1px solid #fff; padding:0.5em; overflow:auto; background:#c5d3e0; margin: 0px 0px 10px 0px;}
form#ED textarea:hover { background:#5a7688; border:1px solid #fff; color:#fff;}
form#ED textarea:focus {background:#fff; border:1px solid #5a7688; color:#5a7688;}

form#ED option {background:#fff; color:#5a7688;}

form#ED optgroup {background:#fff; color:#000; font-style:normal;}
form#ED optgroup option {background:#fff; color:#5a7688;}

form#ED #edit, form#ED #delete, form#ED #submit  {color:#fff; padding-right:0.5em; cursor:pointer; width:150px; margin: 0 0 0 60px; background:#0379c1; border:1px solid; border-color:#f11f54 #5f051c #5f051c #f11f54;}
form#ED #edit:hover, form#ED #delete:hover, form#ED #submit:hover {color:#fff; background:#414d59; border:1px solid; border-color:#4f718a #003 #003 #4f718a; }

form#ED p.fieldwrap {margin:1px; padding:1px;}

form#ED #alertmon {float:left; width:80px; border:1px solid #fff; margin:0px 10px 10px 0px; text-align: center; background:#c5d3e0}
form#ED #alertmon:hover { background:#5a7688; border:1px solid #fff; color:#fff;}
form#ED #alertmon:focus {background:#fff; border:1px solid #5a7688; color:#5a7688;}

form#ED #alertday {float:left; width:80px; border:1px solid #fff; margin:0px 10px 10px 0px; text-align: center; background:#c5d3e0}
form#ED #alertday:hover { background:#5a7688; border:1px solid #fff; color:#fff;}
form#ED #alertday:focus {background:#fff; border:1px solid #5a7688; color:#5a7688;}