body {
	padding: 0;
	margin: 0;
	text-align: center;
}

.image_box {
	font-family: 'Titillium Web', sans-serif;
	font-size: 8pt;
	line-height: 100%;
	width: 95px;
	height: 135px;
	overflow: hidden;
}

.header_cont {
	width: 100%;
	position: fixed;
	top: 0px
}

.header {
	width: 100%;
	position: fixed;
	top: 0px;
	height: 31px;
	background: #f3f3f3;
	border-bottom: 1px solid #C0C0C0;
	margin: 0 auto;
	vertical-align: middle;
	z-index: 1000;
}

.blog_title {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	text-align: middle;
	font-size: large;
}

.text {
	/* font-family: 'Oxygen', sans-serif; */
	font-family: 'Titillium Web', sans-serif;
	text-align: left;
	font-size: small;
	white-space: pre-wrap;
}

.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

.modalDialog:target {
    opacity: 1;
    pointer-events: auto;
}

.modalDialog > div {
    position: relative;
    top: 50px;
    margin: auto;
    padding: 10px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff,#999);
    background: -webkit-liniear-gradient(#fff,#999);
    background: -o-linear-gradient(#fff,#999);
}

ul {
	text-align: left;
	display: inline;
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
}

ul a, ul a:visited, ul a:hover
{
	color: #000000;
	text-decoration: none;
}

ul li {
	font: bold 12px sans-serif;
	display: inline-block;
	margin-right: -4px;
	height: 15px;
	position: relative;
	padding: 8px 5px;
	background: #f3f3f3;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
ul li:hover {
	color: #6699CC;
	background: #f3f3f3;
}
ul li ul {
	padding: 0;
	position: absolute;
	top: 31px;
	left: 0;
	width: 120px;
	z-index: 1001;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	margin-right: 0px;
	border: 1px solid #C0C0C0;
	-webkit-transiton: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-transition: opacity 0.2s;
}

ul li ul li { 
	background: #f3f3f3;
	display: block; 
	color: #000;
	padding: 2px 5px;
	margin-right: 0px;
}
ul li ul li:hover {
	color: #6699CC;
	background: #fcfcfc;
}

/*
ul li:hover ul,
ul li a:hover ul {
}
*/

ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  color: #6699CC;
}

.parent_column {
	margin: 0 auto;
	width: 700 px;
	min-width: 700 px;
	max-width: 700 px;
	padding: 0px;
	display: table;
}

.centered {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	min-width: 700px;
	max-width: 700px;
	text-align: left;
	display: table-cell;
}

.left_column {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	min-width: 250 px;
	max-width: 250 px;
	padding: 20px;
	top: 15px;
	text-align: left;
	font-size: small;
	display: table-cell;
}

.image_index {
	padding: 0px;
	spacing: 0px;
}

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity: 1;
	pointer-events: auto;
}

.modalDialog > div {
	position: relative;
	top: 50px;
	margin: auto;
	padding: 10px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff,#999);
	background: -webkit-liniear-gradient(#fff,#999);
	background: -o-linear-gradient(#fff,#999);
}

.close {
	background: #606061;
	color: #ffffff;
	line-height: 25px;
	position: absolute;
	right: 5px;
	text-align: center;
	top: 5px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #C0C0C0; }


/* Widgets */
.textbox_styled
{
	font-family: 'Titillium Web', sans-serif;
	text-align: left;
	font-size: small;
	white-space: pre-wrap;
	border: 1px solid #CCCCCC; 
	border-radius: 5px;
	padding: 5px;
}

.textbox_styled:focus {
	outline: 0;
}

hr.gradient {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

hr.modern {
	border: 0;
	border-bottom: 1px dashed #ccc;
	background: #999;
}

.search {
	padding: 5px 10px 5px 10px;
	margin: 5px auto;
	background: white;
	border-radius: 6px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small; 
	font-weight: bold;
	color: black;
	cursor: pointer;
}

.tag {
	background: #d93434;
	background-image: -webkit-linear-gradient(top, #d93434, #ff7373);
	background-image: -moz-linear-gradient(top, #d93434, #ff7373);
	background-image: -ms-linear-gradient(top, #d93434, #ff7373);
	background-image: -o-linear-gradient(top, #d93434, #ff7373);
	background-image: linear-gradient(to bottom, #d93434, #ff7373);
	-webkit-border-radius: 60;
	-moz-border-radius: 60;
	border-radius: 60px;
	font-family: Arial;
	font-size: 75%;
	text-shadow: 0px 1px 0px #d93434;
	color: #ffffff;
	padding: 3px 8px 3px 8px;
	border: solid #ff7373 1px;
	text-decoration: none;
	display:inline-block;
}

.tag:hover {
	background: #d93434;
	background-image: -webkit-linear-gradient(top, #d93434, #ff7373);
	background-image: -moz-linear-gradient(top, #d93434, #ff7373);
	background-image: -ms-linear-gradient(top, #d93434, #ff7373);
	background-image: -o-linear-gradient(top, #d93434, #ff7373);
	background-image: linear-gradient(to bottom, #d93434, #ff7373);
	text-decoration: none;
	cursor: pointer;
}

.ggButton {
    background: #d93434;
    background-image: -webkit-linear-gradient(top, #6699CC, #73AFEC);
    background-image: -moz-linear-gradient(top, #6699CC, #73AFEC);
    background-image: -ms-linear-gradient(top, #6699CC, #73AFEC);
    background-image: -o-linear-gradient(top, #6699CC, #73AFEC);
    background-image: linear-gradient(to bottom, #6699CC, #73AFEC);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	font-size: 10pt;
	font-family: 'Titillium Web', sans-serif;
    text-shadow: 0px 1px 0px #000000;
    color: white;
    padding: 0px 10px 0px 8px;
    border: solid #6699CC 1px;
    text-decoration: none;
    display:inline-block;
}

.ggButton:hover {
    background: #d93434;
    background-image: -webkit-linear-gradient(top, #99CCFF, #73AFEC);
    background-image: -moz-linear-gradient(top, #99CCFF, #73AFEC);
    background-image: -ms-linear-gradient(top, #99CCFF, #73AFEC);
    background-image: -o-linear-gradient(top, #99CCFF, #73AFEC);
    background-image: linear-gradient(to bottom, #99CCFF, #73AFE);
    text-decoration: none;
    cursor: pointer;
}

.ggButton a:link {
	text-decoration: none;
	color: #ffffff;
}

.ggButton a:hover {
	text-decoration: none;
	color: #ffffff;
}

.ggButton a:visited {
	text-decoration: none;
	color: #ffffff;
}

.text A:link
{
	text-decoration: none;
	color: #000000;
}

.text A:visited
{
	text-decoration: none;
	color: #000000;
}

.text A:hover
{
	text-decoration: none;
	color: #0066CC;
}

.textButton
{
	font-family: 'Titillium Web', sans-serif;
	text-align: left;
	font-size: small;
	white-space: pre-wrap;
	text-decoration: none;
	color: #000000;
	cursor: pointer;
	border: 0px;
	background: white;
}

.textButton :hover
{
	text-decoration: none;
	color: #0066CC;
}

.infoBox
{
	font-family: 'Oxygen', sans-serif;
	/*font-family: 'Titillium Web', sans-serif; */
	font-size: 10pt;
	margin: 3px;
	padding-left: 2px;
	background: #F3F3F3;
	color: #666666;
	border: 1px solid #CCCCCC;
}

.descriptionBox
{
	font-family: 'Oxygen', sans-serif;
	/*font-family: 'Titillium Web', sans-serif; */
	font-size: 10pt;
	margin: 3px;
	padding-left: 2px;
	color: #666666;
	line-height: 1.2em;
}

.question
{
        color: #6699cc;
}

.answer
{
        color: black;
}