::selection { background: #a4dcec; }
::-moz-selection { background: #a4dcec; }
::-webkit-selection { background: #a4dcec; }

::-webkit-input-placeholder { /* WebKit browsers */
  color: #ccc;
  font-style: italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #ccc;
  font-style: italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #ccc;
  font-style: italic;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #ccc !important;
  font-style: italic;  
}

br { display: block; line-height: 2.2em; } 

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

input, textarea { 
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none; 
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }



/** page structure **/
.thumbs {
  padding: 8px 0;
  text-align: left;
  background-color:#f5f8fc;
  position: relative;
  height:60px;
}

.thumbs ul li {
  display: block;
  float: left;
/*  
  margin-left: 50px;
  margin-bottom: 50px;
 */
}


/** detail panel **/
.details-pane {
  margin-left:10px;
  display: none;
/*  color: #414141;*/
  background: #FFFFFF;
  border: 1px solid #a9a9a9;
  position: absolute;
  top: 55px;
  left: 0px;
  z-index: 99999;
  width: 904px;
  padding: 25px;
  text-align: left;
  -webkit-box-shadow: 1px 3px 3px rgba(0,0,0,0.4);
  -moz-box-shadow: 1px 3px 3px rgba(0,0,0,0.4);
  box-shadow: 1px 3px 3px rgba(0,0,0,0.4);
}
.details-pane.rightside {
 /* left: -529px; */
}

.details-pane h3 {
  font-size: 2.0em;
  line-height: 1.1em;
  margin-bottom: 4px;
}

.details-pane h3 span {
  font-size: 0.75em;
  font-style: italic;
  color: #555;
  padding-left: 15px;
}

.details-pane .desc {
  font-size: 1.2em;
  margin-bottom: 6px;
}

.right-list {
	float:right;
	width:472px;
	text-align:left;
	padding:15px;
}

.right-list a {
	text-decoration:none;
	color:#000000;
}

.right-list ul li{
	list-style:none;
	display:block;
	border-top:#284F75 solid 1px;
	float:none;
	font-weight:bold;
}

.right-list  ul li.last-element{
	border-bottom:#284F75 solid 1px;
}

.right-list ul ul{
	padding:0;
	list-style-type:none;
}

.right-list ul ul li{
	border:none;
	font-weight:normal;
	border-top:#f5f8fc solid 1px;
}

a.hvrlink {
	  padding:15px;
/*	  padding-bottom:30px;	  */
	  
	  padding-left:10px; 
	  padding-right:10px; 
	  font-size:16px; 
	  font-family:verdana; 
	  
	  text-decoration:none;
	  line-height:55px;
	  /*	  border-left:#C8C7C7 solid 1px;*/
	  
}

/** hover styles **/
a.hvrlink:hover + .details-pane {
  display: block;
}
.details-pane:hover {
  display: block;
}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }