﻿h3
{
  display: block;
  font-size: 1.7em;
  margin-before: 0.83em;
  margin-after: 0.83em;
  margin-start: 0;
  margin-end: 0;
  font-weight: bold;
}

h2
{
  display: block;
  font-size: 1.5em;
  margin-before: 0.83em;
  margin-after: 0.83em;
  margin-start: 0;
  margin-end: 0;
  font-weight: bold;
}

blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color:#999999;
  text-align: justify;
  
  /*Borders - (Optional)*/
/*  border-left: 15px solid #336699;
  border-right: 2px solid #336699;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}
blockquote h4{
	color: #666;
}
blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}


.textbox
{
	width: 90%;
	background-color:#CCCCCC;
	border-top:medium #CCCCCC solid;
	border-bottom:medium #CCCCCC solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-left:50px;
	padding-right:50px;
}


.datagrid table {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
 }
  
 .datagrid {
	font: normal 12px/150% Arial, Helvetica, sans-serif;
	background: #fff;
	overflow: hidden;
	border: 1px solid black;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.datagrid table td {
	padding: 8px 5px 8px 5px;
}

.datagrid table th {
	padding: 3px 10px;
}

.datagrid table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
	background-color:#006699;
	color:#FFFFFF;
	font-size: 15px;
	font-weight: bold;
	border-left: 1px solid #0070A8;
}

.datagrid table thead th:first-child {
	border: none;
}

.datagrid table tbody td {
	color: #00496B;
	border-left: 1px solid silver;
	font-size: 12px;
	font-weight: normal;
}

.datagrid table tbody .alt td {
	background: #E1EEF4;
	color: #00496B;
}

.datagrid table tbody td:first-child {
	border-left: none;
}

.datagrid table tbody tr:last-child td {
	border-bottom: none;
}

.datagrid table tfoot td div {
	border-top: 1px solid #006699;
	background: #E1EEF4;
}

.datagrid table tfoot td {
	padding: 0;
	font-size: 12px
}

.datagrid table tfoot td div {
	padding: 2px;
}

.datagrid table tfoot td ul {
	margin: 0;
	padding:0;
	list-style: none;
	text-align: right;
}

.datagrid table tfoot  li {
	display: inline;
}

.datagrid table tfoot li a {
	text-decoration: none;
	display: inline-block;
	padding: 2px 8px;
	margin: 1px;
	color: #FFFFFF;
	border: 1px solid #006699;
	webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
	background-color:#006699;
}

.datagrid table tfoot ul.active

.datagrid table tfoot ul a:hover {
	text-decoration: none;
	border-color: #006699;
	color: #FFFFFF;
	background: none;
	background-color:#00557F;
}

div.dhtmlx_window_active

div.dhx_modal_cover_dv {
	position: fixed !important;
}


.pricingtable
{
/*	background-color:#66CCFF;*/
	background-color:#99CCFF;
	border:medium;
	border-color:black;
	border-radius: 10px;
	padding:5px;
	-webkit-box-shadow: 10px 10px 14px -3px rgba(191,191,191,1);
	-moz-box-shadow: 10px 10px 14px -3px rgba(191,191,191,1);
	box-shadow: 10px 10px 14px -3px rgba(191,191,191,1);
}


.RotatePicContainer form,
.RotatePicContainer form div
{
	display:inline;
}

.RotatePicContainer input
{
	display:inline;
	vertical-align:middle;
}

.PicContainer img
{
	display:inline;
}

.EntryActionPicContainer form,
.EntryActionPicContainer form div
{
	display:inline;
}

.EntryActionPicContainer input
{
	display:inline;
	vertical-align:middle;
}


/* Float Shadow */ 
.hvr-float-shadow { 
  display: inline-block; 
  vertical-align: middle; 
  -webkit-transform: translateZ(0); 
  transform: translateZ(0); 
  box-shadow: 0 0 1px rgba(0, 0, 0, 0); 
  -webkit-backface-visibility: hidden; 
  backface-visibility: hidden; 
  -moz-osx-font-smoothing: grayscale; 
  position: relative; 
  -webkit-transition-duration: 0.3s; 
  transition-duration: 0.3s; 
  -webkit-transition-property: transform; 
  transition-property: transform; 
	display:inline-block;
} 
.hvr-float-shadow:before { 
  pointer-events: none; 
  position: absolute; 
  z-index: -1; 
  content: ''; 
  top: 100%; 
  left: 5%; 
  height: 10px; 
  width: 90%; 
  opacity: 0; 
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); 
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); 
  /* W3C */ 
  -webkit-transition-duration: 0.3s; 
  transition-duration: 0.3s; 
  -webkit-transition-property: transform, opacity; 
  transition-property: transform, opacity; 
	display:inline-block;
} 
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { 
  -webkit-transform: translateY(-5px); 
  transform: translateY(-5px); 
  /* move the element up by 5px */ 
	display:inline-block;
} 
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { 
  opacity: 1; 
  -webkit-transform: translateY(5px); 
  transform: translateY(5px); 
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ 
	display:inline-block;
} 


.linearBg2 {
  /* fallback */
  background-color: #1a82f7;
  background: url(images/GradBackBlue2.png);
  background-repeat: repeat-x;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, transparent, #A5C0EF);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, transparent, #A5C0EF);

  /* IE 10 */
  background: -ms-linear-gradient(top, transparent, #A5C0EF);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, transparent, #A5C0EF);
}


/* Tabbed Menu */
.tabs {
  position: relative;   
  min-height: 10px; /* This part sucks */
  clear: both;
  margin: 25px 0;
}
.tab {
  float: left;
}
.tab label {
  background: #eee; 
  padding: 10px; 
  border: 1px solid #ccc; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
}
.tab [type=radio] {
  display: none;   
}
/*.content {
  position: absolute;
  top: 28px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #ccc; 
}
*/
[type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2;
}
/*[type=radio]:checked ~ label ~ .content {
  z-index: 1;
}
*/