body
		{
			background-color: #e6f2ff;
			margin: 0;
			padding: 0;
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; /*'Open Sans', sans-serif;*/
			color: midnightblue;
		}
p.trialstatus {text-align: right; margin-right: 2%;}
p.accountstatus {text-align: right; margin-right: 2%;}
.hexcodes {}
div.emoji {height:200px;overflow-y:scroll;}
.emoji, .emoji td {margin-left:auto; margin-right:auto; text-align: center;}
.emoji a {text-decoration:none}
.addrbookedit {display:none;}
.addrbookediton {display:inline;}
tr.addrbookediton {display:table-row;}
.dlistcreate {display:none;}
.dlistcreateon {display:inline;}
tr.dlistcreateon {display:table-row;}
.pagecontainer {z-index:0;}
.addrBookDialog {
	position: fixed;
	/*font-family: Arial, Helvetica, sans-serif;*/
	top: 0;
	left: 0;
        width: 100%;
        height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 1000;
        /*display:none;*/
        visibility:hidden;
	opacity:0;
	/*-webkit-transition: opacity 100ms ease-in;
	-moz-transition: opacity 100ms ease-in;
	transition: opacity 100ms ease-in;*/
	pointer-events: auto; /*none;*/
        overflow-y:auto;
}
.addrBookDialog:target {
        /*display:block;*/
	opacity:1;
        visibility:visible;
	pointer-events: auto;
	z-index: 1000;
}

.addrBookDialog > div {
	width:90%;
     max-width: 800px;
	position: relative;
	margin: 50px auto auto auto;
	padding: 5px 10px 10px 10px;
	border-radius: 7px;
        box-shadow: 4px 4px 10px 1px #013;
	background: #e6f2ff;
	z-index: 1000;
}
.close::after { 
    content: "\2715";
}
.close {
    background: #006699;
    color: #FFFFFF;
    line-height: 28px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 0px;
    width: 28px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: -1px 1px 2px #036;
    -webkit-box-shadow: -1px 1px 2px #036;
    box-shadow: -1px 1px 2px #036;
    z-index: 1001;
    font-size: 16px;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
}
/*
.close {
	background: #006699;
	color: #FFFFFF;
	line-height: 30px;
	position: absolute;
	right: -4px;
	text-align: center;
	top: -4px;
	width: 30px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 2px 2px 2px #036;
	-webkit-box-shadow: 2px 2px 2px #036;
	box-shadow: 2px 2px 2px #036;
	z-index: 1001;

}
*/
.close:hover { background: #00d9ff; }

.bold {font-weight:bold;}

select {line-height: 1em;}

input[type=text], input[type=password], textarea, select {    border-width: thin;
    border-style: solid;
    border-color: #006699;}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
    outline-color: #66afe9;
    outline-width: thin;
    outline-style: solid;
    box-shadow: 0 0 5px rgba(102,175,233,1);
}

p.logdisplay {
    font-size: small;
    word-wrap: break-word;
    margin-left: 10px; margin-right: 10px; margin-top: 2px; margin-bottom: 2px;
    font-family: 'Open Sans',sans-serif;
}

           div.content {
			margin-left:1%; margin-right:1%;width:98%;
			position:absolute; top: 60px; padding-bottom: 2.5em;
           }
		table {
			width: 100%;border-collapse:collapse;border:none;background-color:#e6f2ff;
		}

           table>tbody>tr:last-child>td {padding-bottom: 10px; }
           td>table>tbody>tr:last-child>td {padding-bottom: 0px;}
           td>div>table>tbody>tr:last-child>td {padding-bottom: 0px;}

           td {
			border: none /*1px solid #e8f8ff*/;
		}
           table.noborder td {
			border: none;
		}
		td p, td div {
			margin-left: 10px; margin-right: 10px; margin-top: 2px; margin-bottom: 2px;
		}

		h1 {
			margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; font-size: 2.2em; font-family: 'Open Sans', sans-serif;
		}
                h1.logintitle {
                        text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 2.2em;
                }
		h2 {
			margin-left: 10px; margin-right: 10px; margin-top: -10px; margin-bottom: 10px;
		}
           td.col1 {font-weight:bold;text-align:right; vertical-align: top;width:150px;}
           td.col1wide {font-weight:bold;text-align:right; vertical-align: top;width:250px;}
           td.colcenter {text-align:right; vertical-align: top;}
label { white-space:nowrap;display:inline-block;}
label.long { white-space:normal;}

div.readmore, span.readmore, a.readmore, button.readmore {
    background-color: #006699;
	-moz-box-shadow:1px 1px 1px 1px rgba(0,51,102,0.5);
	-webkit-box-shadow:1px 1px 1px 1px rgba(0,51,102,0.5);
	box-shadow:1px 1px 1px 1px rgba(0,51,102,0.5);
    padding: 3px 15px 3px 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
    font-size: x-small;
    text-align: center;
    text-decoration: none;
    border: none;
    cursor: pointer;
    min-width:70px;
    border-style: solid;
    border-width: thin;
    border-color: #001122;
}
span.right, a.right, button.right {
    float: right;
}
span.left, a.left, button.left {
    float: left;
}
div.readmore:hover, span.readmore:hover, a.readmore:hover, button.readmore:hover {
    background-color: #00d9ff;
}


.logoutdiv {
    position: absolute;
    right: 10px;
    top: 60px;
    text-align: right;
    z-index: 100;
}
.filterdiv {
    /*width: 100%;*/
    height: 50px;
    margin: 0;
    z-index: 101;
    position: fixed;
    top: 60px;
    right: 5px;
    text-align: right; }

.filterdiv table {background-color:  #e6f2ff;}
.filterdiv table td {border: none;}

.trialbanner { 
    height: 2.5em; 
    position: fixed; 
    bottom:0%;
    width:100%; 
    text-align: center;
    color: white;
    background-color: darkred; 
    z-index: 1000;
}
.trialbanner a {
 text-decoration: none;
 color: inherit;
}
.trialbanner:hover {
 background-color: orangered;
}
.trialbanner p {
 text-align: center; margin-top: .25em; margin-bottom: .25em; font-size: 1.5em; font-family: 'Open Sans', sans-serif;
}

		#nav
		{
			width: 100%;
			font-family: 'Open Sans', sans-serif;
			font-weight: 400;
			position: absolute;
			left: 30em;
			top:0;
                background-color: #006699;
			margin-left: -30em; /* 30 480 */
			background-image: url("logo.png");
			background-repeat: no-repeat;
			background-position: right center;
                z-index: 500;
		}

			#nav > a
			{
				display: none;
			}

			#nav ul, ol {
			    list-style: none;
			}
			#nav li
			{
				position: relative;
				
			}
				#nav li a
				{
					color: #fff;
					display: block;
                           text-decoration: none;
				}
				#nav li a:active
				{
					background-color: #009933 !important;
				}
				#nav li a img
				{
					vertical-align: middle;
				}

			#nav span div {
				max-width: 80%;
				overflow: hidden;
				margin: auto;
				display: inline-block;vertical-align: middle;
                }
			#nav span {
			    white-space: nowrap;
				overflow: hidden;
				text-overflow: clip;
			}
			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #e3f2fc;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em;
			}

			/* first level */

			#nav > ul
			{
				height: 3.75em; /* 60 */
				background-color: #006699;
				padding: 0;
                	margin: 0 170px 0 0;
			}
				#nav > ul > li
				{
					width: 33.3%;
					height: 100%;
					float: left;
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 1.25em; /*1.5em;*/ /* 24 */
						line-height: 3em; /*2.5em;*/ /* 60 (24) */
						text-align: center;
					}
						#nav > ul > li/*:not( :last-child )*/ > a
						{
							border-right: 1px solid #002255;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #004477;
						}


				/* second level */

				#nav li ul
				{
					background-color: #004477;
					display: none;
					position: absolute;
					top: 100%;
					padding: 0;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}

/*
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
*/
						#nav li ul a
						{
							font-size: 1.25em; /* 20 */
							border-top: 1px solid #e3f2fc;
							padding: 0.75em; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #0077aa;
							}


		@media only screen and ( max-width: 62.5em ) /* 1000 */
		{
			#nav
			{
				width: 100%;
				/*position: static;*/
				margin: 0;
				position: relative;
				top: auto;
				left: auto;
			}
td.col1 {width:100px;}
		}

		@media only screen and ( max-width: 40em ) /* 640 */
		{
			html
			{
				font-size: 100%;
			}
.logoutdiv {
    top: 38px;
}
.filterdiv {
    top: 38px;
}
td {border:none;}
td.col1 {font-size: 100%; text-align:left; display:block;width:100%;}
td.col2 {font-size: 100%; text-align:left; display:block;width:100%;}
div.content { margin-left:0; margin-right:0 ;width:100%; top:38px;}
h1 {font-size: 1.7em; }

			#nav
			{
				font-size: 75%;
				width: 100%;
				position: relative;
				top: auto;
				left: auto;
			}
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #006699;
					position: relative;
				}
					#nav > a:hover  {background-color: #004477;}

					#nav > a:before /*,
					#nav > a:after */
					{
						position: absolute;
                                background-image: url(menu.png);
                                height:37px;width:36px;top:0px;left:0px;
/*
						border-bottom: 1px solid #fff;
						border-top: 1px solid #fff;
						height: 5px;
						top: 10px;
						left: 25%;
						right: 25%;*/
						/*border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;*/
						content: '';
					}
/*
					#nav > a:after
					{
						top: 23px;
border-bottom: none;
					}
*/
				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#nav > ul > li/*:not( :last-child )*/ > a
						{
							border-right: none;
							border-bottom: 1px solid #e3f2fc;
						}


				/* second level */


#nav li {overflow:visible;}


				#nav li ul
				{
					position: absolute;
					padding: 1.25em; /* 20 */
					padding-top: 0;
left: 80px;
right: -80px;
z-index:-2000;
				}
				#nav li:hover ul
				{
display:block;
left: 80px;
right: -80px;
z-index:2000;
				}
						#nav li ul a
						{
							border-top: none;
							border-bottom: 1px solid #e3f2fc;
						}

							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #0070c4;
							}
		}