/*
 * Style sheet used to encapsulate the look and feel of our webpages
 * to make it easier to customize and experiment without having to
 * propagate stuff into too many files.
 *
 * It is included in all the static webpages as well as dynamic
 * scripts to ensure a common look and feel.      <!-- overflow: hidden;-->
 */

<style>
html {
}
body {
	background: url("web_images/newyork.jpg"), no-repeat, center, center, fixed;
    background-size: cover;
    height: 100%;
    font-size : 10pt;
    font-family: Verdana, Arial, Helvetica;
}
header, footer {
    padding: 1em;
    color: black;
    background-color: transparent;
    clear: left;
    text-align: right;
}
div#outer {
    display: table;
    height: 100%;
    width: 100%;
}
div.container {
    width: 100%;
    border: 0px solid gray;
}
#paragraph {
	padding: 20px 0 30px 40px;
	margin: 0 auto;
	text-align: left;
	width: 560px;
	color: #146b9d;
	font-size: 11pt;
	font-weight: bold;
	font-family: Verdana;
}
div.section {
    border-radius: 1em;
    padding: 1em;
    position: absolute;
    top: 35%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) 
}
a:link {
    color: black;
	text-decoration: none;
}
a:visited {
    color: black;
}
a:hover {
    color: 87BBCC;
}
a:active {
    color: black;
}

table {
}
table, th, td {
	background-color: transparent;
    border: 0px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 3px;
	font-size : 10pt;
	border: 0px solid black;
}
table#t01 tr:nth-child(even) {
    background-color: #ddeeff;
	font-size : 10pt;
	padding: 0px;
    text-align: center;
	border: 2px solid black;
}
table#t01 tr:nth-child(odd) {
    background-color: #ddeeff;
   	font-size : 10pt;
	padding: 0px;
    text-align: center;
	border: 2px solid black;
}
table#t01 td {
	border: 2px solid black;
}
table#t01 th {
    background-color: #bbccff;
    color: black;
	border: 2px solid black;
	border-collapse: collapse;
}

li {
    font-size : 11pt;
}
dd {
    font-size : 11pt;
}
.tableheader {
	background-color: #95BEE6;
	color:white;
	font-weight:bold;
	font-size: 10pt;
}
.tablerow {
	background-color: #BBCCFF;
	color:white;
}
.message {
	color: #FF0000;
	font-weight: bold;
	text-align: center;
	width: 100%;
} 
h1 {
    text-align: center;
    font-family: "Verdana", Arial, sans;
    font-size: 0.875em; /* 14px/16=0.875em */
	font-weight: normal;
}
h2 {
    text-align: center;
    font-family: "Verdana", Arial, sans;
    font-size: 1.875em; /* 30px/16=1.875em */
	font-weight: normal;
}
h3 {
    text-align: center;
    font-family: "Verdana", Arial, sans;
    font-size: 2.5em; /* 40px/16=2.5em */
	font-weight: normal;
}
h4 {
    font-size : 14pt;
    text-align: center;
	font-weight: normal;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0000ff;
}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}

lI.l1 {
    font-weight: bold;
    color: black;
}
lI.l2 {
    font-weight: normal;
}
.small {
    font-family: sans-serif;
    font-size: 8pt;
    color: white;
}
.button {
    link: Black;
    vlink: Yellow;
    alink: White;
	align: right;
    font-family: sans-serif;
    font-size: 10pt;
}
div.pagebody {
     margin-left: 3%;
     margin-right: 3%;
}
div.quote {
    color: Red;
    margin-right: 4em; 
}
pre.codesample {
   font-family: helvetica, sans-serif;
   font-size: 10pt;
}
div.display {
    background: #eeeeee;
    border-width: medium;
    border-style: solid;
    font-family: helvetica, sans-serif;
}
div.note {
    color: Red;
}
div.iframe {
	align: center;
	font-family: helvetica, sans-serif;
}
div.toc {
    background: #cccccc;
    margin: 1em;
    padding: 1em;
    border: solid thin;
}    
div.specialnote {
    background: Yellow;
    color: Red;
    margin: 1em;
    padding: 1em;
    border: solid thin;
}
div.calendar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	background-color: #ffffff;
	position:absolute;
	left:0px;
	top:0px;
	width:290px;
	height:auto;
	z-index:1;
	cursor: pointer;
	
	visibility: hidden;
	border: 1px solid #999999;
}
table.calendar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

	border: none;
	width:100%;
}
visible_link {
    display: block;
	color: 87BBCC;
    font-style: italic;
	font-size: 18pt;
    position: fixed;
    bottom: -300;
    right: -150;
	text-shadow: 2px 2px #000000;
}
tr.firstrow 
{
	background-color: #000099;
}
td.day {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border:none;
	width: 14%;
	text-align: center;
}
td.today {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #000033;
	width: 14%;
	text-align: center;
	color: #ff0000;
}
td.holiday {
	background-color:#F7977A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border:none;
	width: 14%;
	text-align: center;
}
td.weekends 
{
	background-color:#CCCCEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border:none;
	width: 14%;
	text-align: center;
}
td.weekends_out 
{
	background-color:#CCCCEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border:none;
	width: 14%;
	color: gray;
	text-align: center;
}
td.day_out {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	width: 14%;
	text-align: center;
	color: gray;
	background-color: #ffffff;
}
td.day_c {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #333333;
	width: 14%;
	text-align: center;
	color: white;
	background-color: black;
}
/* class to hidden week col*/
td.weekhidden
{
	display:none;
}
td.week
{
	font-weight: bold;
	font-size: 11px;
	width: 14%;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left: 1px solid #999999;
	background-color: #ffffff;
	text-align: center;
}
td.weeksel
{
	font-weight: bold;
	font-size: 11px;
	width: 14%;
	color: #000099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left: 1px solid #999999;
	background-color: #ffffff;
	text-align: center;
}

td.wd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
	text-align: center;
	width: 14%;
}
td.closew {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px none #000033;
	font-weight: bold;
	color: #FFFFFF;
	background-color: black;
	font-variant: small-caps;
	text-align: center;
	width: 14%;
}
td.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 14%;
	text-align: center;
	border: none;
	background-color: #000099;

}
select.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	background-color: #ffffff;
	color: #000000;
	border: none;
}
P.display { 
	background: #eeeeee;
}
pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.transparent_button {
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
}
.ghost-button-rounded-corners {
  display: inline-block;
  width: 200px;
  padding: 20px;
  color: #fff;
  border: 0px solid #fff;
  border-radius: 5px;
  text-align: center;
  outline: none;
  text-decoration: none;
}
.ghost-button-rounded-corners:hover,
.ghost-button-rounded-corners:active {
  background-color: #87BBCC;
  color: #000;
}

/* 
	cursor control 
*/
span.crosshair {
    cursor: crosshair;
}
span.help {
    cursor: help;
}
span.wait {
    cursor: wait;
}

.loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #3498db;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}