body { background-color:#f8f8f8; text-align:justify; font-family:sans-serif;}
a { text-decoration: none; }
a:hover { text-decoration: underline; }

hr.pme-hr hr { border: 0px solid; padding: 0px; margin: 0px; border-top-width: 1px; height: 1px; }
table.pme-main { border: #004d9c 1px solid; border-collapse: collapse; border-spacing: 0px; width: 100%; }
table.pme-navigation table { border: #004d9c 0px solid; border-collapse: collapse; border-spacing: 0px; width: 100%; }
td.pme-navigation-0, td.pme-navigation-1 { white-space: nowrap; }
td.pme-header	     { border: #004d9c 1px solid; padding: 4px; background: #add8e6; }
td.pme-key-0, td.pme-value-0, td.pme-help-0, td.pme-navigation-0, td.pme-cell-0,
td.pme-key-1, td.pme-value-1, td.pme-help-0, td.pme-navigation-1, td.pme-cell-1,
td.pme-sortinfo, td.pme-filter { border: #004d9c 1px solid; padding: 3px; }
td.pme-buttons { text-align: left;   }
td.pme-message  { text-align: center; }
td.pme-stats   { text-align: right;  }

.banner {
	font-family: Hammersmith One, sans-serif;
	min-width:630px;
}

.infobox {
	font-family: Hammersmith One, sans-serif;
}
.infobox2 {
	font-family: Lato, sans-serif;
	text-indent : -0.5em ;
    padding-left :  0.5em ;
}

.rotated_cell
      {
         vertical-align:bottom;
	border: 1px solid;
      }


.vertical-text {
	display: inline-block;
	overflow: hidden;
	width: 1.5em;
}
.vertical-text__inner {
	display: inline-block;
	white-space: nowrap;
	line-height: 2;
	text-align: center;
	transform: translate(0,100%) rotate(-90deg);
	transform-origin: top left;
	-moz-transform: translate(0,100%) rotate(-90deg); 
	-moz-transform-origin: top left;
	-webkit-transform: translate(0,100%) rotate(-90deg);
	-webkit-transform-origin: top left;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"
	-ms-transform: rotate(-90deg); /* IE9+ */
	-o-transform: translate(0,100%) rotate(-90deg);
	-o-transform-origin:  top left;
	position:relative;  
}
/* This element stretches the parent to be square
   by using the mechanics of vertical margins  */
.vertical-text__inner:after {
	content: "";
	display: block;
	margin: -1.5em 0 100%;
}


.p-shadow {
  width: 100%;
  float:left;
  background: url(/graphics/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/graphics/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none !important;
  background: url(/graphics/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: #335;
  background-color: #fff;
  font-family: sans-serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }

#indent { text-indent: 5; }

#dhtmltooltip {
position: absolute;
border: 1px solid red;
width: 150px;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
} 

table.stats
{ text-align: left;
font-family: Verdana;
font-weight: normal;
font-size: 9px;
color: #404040;

border-collapse: collapse;
border-spacing: 0px;}

table.rpigraph
{ 
	width: 90%;
	text-align: left;
	font-family: Sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #404040;

	border: 1px solid black;	
	border-collapse: collapse;
	border-spacing: 0px;
}


table.rpigraph th
{
	background-color: #e0e0e0;
	border: 1px #303030 solid;
	border-collapse: collapse;
	padding: 15px;
	font-weight: bold;
	text-align: center;
}

table.rpigraph td
{
	text-align: center;

	
	padding: 15px;
}

table.rpigraph td image { border: 0px;}


#tabnav {list-style: none; margin: 0; padding-left: 40px;
      padding-bottom: 20px; border-bottom: 1px solid #711515;
      font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: bold}
#tabnav ul {list-style: none; margin: 0; padding: 0}
#tabnav li {float: left; height: 21px; background-color: #C8C8C8;
      margin: 0 5px; border: 1px solid #711515;
      padding: 0 4px}


table.sponsor 
{ text-align: left;
font-family: Sans-serif;
font-weight: normal;
font-size: 14px;
color: #404040;

border-collapse: collapse;
border-spacing: 0px;
padding: 5px;
}


table.sponsor th
{
	background-color: #d8f8d8;
	border: 1px #d7d7d7 solid;
	border-collapse: collapse;
	padding: 5px;
}

table.sponsor td
{
	border-width: 0px;	
	border-color: #d79900;
	border-style: solid;
	border-collapse: collapse;
	padding: 5px;
	text-indent : -1em ;
    padding-left :  3em ;
}
table.sponsor tr:nth-child(odd) {background: #f0f0f0}
table.sponsor tr:nth-child(even) {background: #F8f8f8}

table.tedit
{ 
	text-align: left;
	white-space:nowrap;
	font-family: Sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #404040;
	white-space: nowrap;
	border: 0px #000000 solid;	
	border-collapse: collapse;
	border-spacing: 0px;
}

table.tedit th
{
	background-color: #d8f8d8;
	border: 1px #d7d7d7 solid;
	border-collapse: collapse;
}

table.tedit td
{
	border-width: 1px;	
	border-color: #009999;
	border-style: solid;
	border-collapse: collapse;
	white-space:nowrap;
	font-family: Sans-serif;
	font-weight: normal;
	font-size: 12px;
	
}

#sidebar2 
{ 
	width: 140px; 
	float: top;
	padding: 5px;
	margin: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #6392FF;
	background-color:#f5faff;
	-webkit-box-shadow: #B3B3B3 2px 2px 2px;
	-moz-box-shadow: #B3B3B3 2px 2px 2px; 
	box-shadow: #B3B3B3 2px 2px 2px;
	background: -webkit-linear-gradient(#f0f5ff, #ffffff);
	background: -moz-linear-gradient(#f0f5ff, #ffffff);
	background: -o-linear-gradient(#f0f5ff, #ffffff);
	background: linear-gradient(#f0f5ff, #ffffff);


}

.gbox
{
	padding: 5px;
	margin: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #404090;
	background-color:#f8f8f8;
	-webkit-box-shadow: #B3B3B3 2px 2px 2px;
	-moz-box-shadow: #B3B3B3 2px 2px 2px; 
	box-shadow: #B3B3B3 2px 2px 2px;
	width: 100%;
	background: -webkit-linear-gradient(#3bf5ff, #ffffff);
	background: -moz-linear-gradient(#ebf5ff, #ffffff);
	background: -o-linear-gradient(#ebf5ff, #ffffff);
	background: linear-gradient(#ebf5ff, #ffffff);


}


.gbox-notice
{
	padding: 5px;
	margin: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:4px solid #d87878;
	background-color:#f8f8f8;
	-webkit-box-shadow: #B3B3B3 2px 2px 2px;
	-moz-box-shadow: #B3B3B3 2px 2px 2px; 
	box-shadow: #B3B3B3 2px 2px 2px;
	width: 100%;


}



.box {
	padding: 5px;
	margin: 5px;
	background-color:#f8f8f8;
	-webkit-box-shadow: #B3B3B3 2px 2px 2px;
	-moz-box-shadow: #B3B3B3 2px 2px 2px; 
	border: 2px solid #a0a0a0;
	box-shadow: #B3B3B3 2px 2px 2px;
}


#container {
	background: #f8f8f8;
}

#main { 
	position: absolute; 
	top: 210px; 
	left: 180px; 
	width: 75%; 
	min-height: 700px;
}


#main_emb { float: left;}
#foot {  }

.datesel th{font-size: 11px; text-align: right;}

.datelinks
{
	font-size: 0.8em;
	border-color: #999;
}


.code2 {
	border: 1px solid;
	border-color: #000000;
	font-size: 0.95em;
}
.code2cnt {
	border: 1px solid;
	border-color: #000000;
	font-size: 0.95em;
}

.ghr {
 border: 0;
    height: 1px;
    background: #555;
    background-image: -webkit-linear-gradient(left, #ccc, #555, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #555, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #555, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #555, #ccc); 
}

.adv
{
	padding: 5px;
	margin: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #4848b8;
	background-color:#f8f8f8;
	-webkit-box-shadow: #B3B3B3 2px 2px 2px;
	-moz-box-shadow: #B3B3B3 2px 2px 2px; 
	box-shadow: #B3B3B3 2px 2px 2px;
	width: 100%;
}

.ihmw
{
	padding: 5px;
	margin: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #48b848;
	background-color:#f8f8f8;
	-webkit-box-shadow: #B3B3B3 2px 2px 2px;
	-moz-box-shadow: #B3B3B3 2px 2px 2px; 
	box-shadow: #B3B3B3 2px 2px 2px;
	width: 100%;
}

#sortable1, #sortable2 {
    border: 1px solid #eee;
    width: 250px;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
  }

#sortable1 li, #sortable2 li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    width: 220px;
  }

  .ui-state-highlight { height: 1.5em; line-height: 1.2em; }

  .splist {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;

}

.splist td, .splist th {
    border: 1px solid #ddd;
    padding: 8px;
    vertical-align: center;
}

.splist tr {background-color: #fafafa;}



.splist th {

  padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    background-color: #268299;
    color: white;
}


.splist_sub {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 100%;

}

.splist_sub td, .splist_sub th {
  
	padding: 3px;
	border: 0px;
	vertical-align: center;
	text-align: right;
	font-size: 0.8em;
}


.splist_sub th {

  padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    background-color: #268299;
    color: white;
}


.hourbox th {

	  padding-top: 5px;
	  padding-bottom: 5px;
	  text-align: left;
	  background-color: #97b5bf;
	  color: black;
  }
  
.splist2 th {

	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	background-color: #a0ccdb;
	color: black;
}
.gradient-button {
    margin: 15px;
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 1.2em;
    padding: 5px 13px 5px 10px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: #FFF;
    box-shadow: 0 0 20px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
    display: inline-block;
    border-radius:10px;
}
.gradient-button:hover{
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    margin: 8px 10px 12px;
}
.gradient-button-1 {background-image: linear-gradient(to right, #DD5E89 0%, #F7BB97 51%, #DD5E89 100%)}
.gradient-button-1:hover { background-position: right center; }

.gradient-button-2 {background-image: linear-gradient(to right, #2BC0E4 0%, #EAECC6 51%, #2BC0E4 100%)}
.gradient-button-2:hover { background-position: right center; }

.gradient-button-3 {background-image: linear-gradient(to right, #7474BF 0%, #348AC7 51%, #7474BF 100%)}
.gradient-button-3:hover { background-position: right center; }

.gradient-button-4 {background-image: linear-gradient(to right, #00d2ff 0%, #3a7bd5 51%, #00d2ff 100%)}
.gradient-button-4:hover { background-position: right center; }


.stroketxt {
 color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
}

.scond {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 80%;
}

.scond td, .scond th {
    border: 1px solid #ddd;

    padding: 8px;
    vertical-align: center;
}

.scond tr {background-color: #fafafa;}

// .scond tr:hover {background-color: #ddd;}


.scond th {

  padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    background-color: #268299;
    color: white;
}




.scond2 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 60%;
}

.scond2 td, .scond2 th {
    border: 1px solid #ddd;
    border-top: 2px solid #aaa;
    padding: 8px;
    vertical-align: center;
}

.scond2 tr {background-color: #fafafa;}

// .scond2 tr:hover {background-color: #ddd;}


.scond2 th {

  padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    background-color: #268299;
    color: white;
}
.scond2notes td, .scond2notes tr{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 0px;
    border-bottom: 1px solid #ddd;

}