.Header1 {
	font: bold 14pt Tahoma;
	text-decoration: underline;
}
div.Header2 {
	font-size: 13pt;
	color:#444;
	margin-bottom:3px;
	border-bottom:1px solid #bbb;
}
div.Header2 a {
	font-size: 13pt;
	display:block;
	color:#444;
}
.Header3 {
	font: 7pt Tahoma;
}

.PageHeader {
	text-transform: uppercase;
	font-size: 10pt;
	font-weight: bold;
	color: #6b765a;
	text-align:left;
}
.Details {
	background-color: #f7f7f7;
	font-size: 7pt;
	padding: 3px;
}

/*FormStyles*/
input, textarea {
	border: 1px solid #999;
	padding: 2px 3px;
}
input.radiobutton {
	border-style: none;
	margin:0;
	padding:0;
}
input.Buttons {
    /*
	font: bold 8pt Tahoma;
	color: #111;
	background-image: url('../../SYS/Images/buttonBG.gif');
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #5e5e61;
	cursor: pointer;
	padding: 2px 8px;
	border: 1px solid #666;
*/


	padding: 18px 0px; border-radius: 3px;
	/*border: 2px solid rgb(255, 255, 255);*/
	border-image: none; margin-bottom: 20px;
  	background: rgb(0, 155, 157); padding: 0px 10px; border-radius: 5px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; font-family: "museo_sans700", "Open Sans", sans-serif;
      width:100%;
      max-width:170px;
      line-height:45px;
}

/* Table Header Styles */
table.TableBorder {
	border-collapse:collapse;
	width:100%;
}
table.TableBorder td {
	padding: 2px 8px;
} 
table.TableBorder td.Label {
	font-weight: bold;
	text-align: right;
	padding-right: 4px;
}
table.TableBorder td.LabelRequired {
	font-weight: bold;
	text-align: right;
	padding-right: 4px;
	color: #b00;
}
table.TableBorder td.TableHeader {
	color: #fff;
	font-weight:bold;
	/*background-color: #004994;*/
	background-color: rgb(0, 155, 157);
	vertical-align:middle;
/*	border-top:1px solid #333;
	border-bottom:1px solid #333;*/
	height:26px;
	line-height:26px;
	padding: 0 10px;
	
	/*border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;*/

}
table.TableBorder td.TableHeaderCont {
	color: #fff;
	font-weight:bold;
	background-color:rgb(0, 155, 157);
	/*background-color: #004994;*/
	vertical-align:middle;
/*	border-top:1px solid #333;
	border-bottom:1px solid #333;*/
	height:26px;
	line-height:26px;
	padding: 0 10px;
}

table.TableBorder td.TableHeaderCont:last-child 
{
	/*border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;	*/
}

table.TableBorder td.TableHeader img,
table.TableBorder td.TableHeaderCont img {
	vertical-align:middle;
}

table.TableBorder td.TableHeader a:link,
table.TableBorder td.TableHeader a:active,
table.TableBorder td.TableHeader a:visited {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
table.TableBorder td.TableHeader a:hover {
	font-weight: bold;
	color: #eee;
	text-decoration: none;	
}
table.TableBorder td.TableHeaderCont a:link,
table.TableBorder td.TableHeaderCont a:active,
table.TableBorder td.TableHeaderCont a:visited {
	font-weight: bold;
	color: #fff;
	text-decoration: none;	
	vertical-align:middle;
}
table.TableBorder td.TableHeaderCont a:hover {
	font-weight: bold;
	color: #eee;
	text-decoration: none;	
	vertical-align:middle;
}
table.TableBorder td.TableHeaderSub {
	padding: 0px 6px 0px 2px;
	vertical-align:middle;
	height:20px;
    background-color: #f7f7f7;
	font-weight: bold;
	font: bold 8pt Tahoma; color: #000;
	border: #999 solid 1px;
	border-right-style: none;
	border-left-style: none;
	margin:0px;
}

table.TableBorder td.row0 {
    background-color: #f7f7f7;
	padding: 4px 8px;
} 
table.TableBorder td.row1 {
	background-color: #f2f2f4;
	padding: 4px 8px;
}


.Hidden {
	display: none;
	visibility: hidden;
}

.TitleHeader {
	width: 100%;
	text-align: center;
	padding: 0;
}
table.clsInfo {
	background-color: #fff9e8;
	background-image: url('../images/warning.jpg');
	background-position: bottom right;
	background-repeat:  no-repeat;
	border: 1px solid #F2D4A2;
	width: 500px;
}
table.clsInfo tr td {
	font: bold 10pt Tahoma;
	padding: 10px;	
	vertical-align: middle;
	text-align: center;
}
td.clsInfoIcon {
	background-image: url('../Images/warning.gif');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width:94px; height:67px;
}
table.clsError {
	background-color: #FFF5F5;
	background-image: url('../Images/error.jpg');
	background-position: bottom right;
	background-repeat:  no-repeat;
	border: 1px solid #B40404;
	width:500px;
}
table.clsError tr td {
	font: bold 10pt Tahoma;
	color: #B40404;
	padding: 10px;	
	vertical-align: middle;
	text-align: center;
}
td.clsErrorIcon {
	background-image: url('../Images/error.gif');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width:94px; height:67px;
}
/*==-------------------------------------------------------------------------------------------------------------------------
|	Styles for Portal Selection Tabs																						|
====-----------------------------------------------------------------------------------------------------------------------*/
.TabTemplate
{
	font: bold 9pt Tahoma;
	color: #004793;
	text-align: center;
	margin: 10px 0px 0px;
	width: 100%;
	cursor: default;
	height: 17px;
}
.TabTemplate .TabLeft
{
	background-image: url('../Images/tab_left.gif');
	background-repeat: no-repeat;
	height: 17px;
}
.TabTemplate .TabRight
{
	background-image: url('../Images/tab_fill.gif');
	background-repeat: repeat-x;
	height: 17px;
	border-left: #eee solid 1px;
}
.TabTemplate .TabActive
{
	background-image: url('../Images/tab_active.gif');
	background-repeat: no-repeat;
	height: 17px; width:90pt;
	padding-left:10px;
	padding-right:10px;
}
.TabTemplate .TabActive a
{
	color: #004793;
	text-decoration: none;
}
.TabTemplate .TabActive a:hover
{
	color: #004793;
	text-decoration: underline;
}
.TabTemplate .TabSelected
{
	background-image: url('../Images/tab_indent.gif');
	background-repeat: no-repeat;
	height:17px; width:90pt;
	font: bold 8pt Tahoma;
	color: #004793;
	padding-left:10px;
	padding-right:10px;
}
.TabTemplate .TabDisabled
{
	width: 90pt;
	color: graytext;
	padding-left:10px;
	padding-right:10px;
}


.Container
{
    text-align: center;
}

    .Container:before
    {
        content: '';
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }

.Content
{
    /*display: inline-block;*/
    vertical-align: middle;
}

.circle-wrapper {
	width: 178px;
    height: 260px;
    margin-right: 30px;
    display: inline-block;
    position: relative;
    perspective: 800px;
}

.tile-title {
	display:block;
	float:left;
	clear:both;
	overflow: hidden;
	/*position: fixed;*/
	text-align:center;
	top:178px;
	width:178px;
}

.tile-price {
	display:block;
	float:left;
	clear:both;
    margin-left:auto;
    margin-right:auto;
	overflow: hidden;
	/*position: fixed;*/
	text-align:center;
	top:240px;
	width:178px;
}


.circle-container-noflip {
	width: 178px; height: 178px; margin-right: 30px; display: inline-block; position: relative; perspective: 800px;
}
.circle-container-noflip .front {
	border-radius: 50%; border: 1px solid rgb(175, 175, 175); transition:0.4s; border-image: none; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 50; transform: rotateX(0deg) rotateY(0deg); backface-visibility: hidden;
}
.circle-container-noflip .back {
	border-radius: 50%; border: 1px solid rgb(175, 175, 175); transition:0.4s; border-image: none; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 40; transform: rotateY(-180deg); backface-visibility: hidden;
}
