@font-face{
    font-family : "Lola";
    src : url('../fonts/fs_lola-regular.woff') format('woff'),
    url('../fonts/fs_lola-regular.svg') format('svg'),
    url('../fonts/fs_lola-regular.eot') format('eot'),
    url('../fonts/fs_lola-regular.otf') format('otf'),
    url('../fonts/fs_lola-regular.ttf') format('truetype');
}
/*
 * layout header
 */
#header {
	font-family:"Lola",Verdana,Arial;
    font-size: 1.2em;
}
#js #header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	overflow:visible;
	z-index:2;
}


/*
 * top screen navigation
 */
#top-bar {
	line-height:30px;
	border-bottom:1px solid #999;
	background:url('../images/x-sprite-black.gif') repeat-x left top;
	color:#ddd;
}
#top-bar a {
	color:#ccc;
}
#top-bar a:hover {
	color:#fff;
}

#top-nav {
	float:right;
	line-height:30px;
	border-left:1px solid #000;
	font-size:1.2em;
}
#top-nav li {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	border-left:1px solid #555;
	border-right:1px solid #000;
}
#top-nav li.last {
	border-right:0;
}
#top-nav li a {
	display:block;
	float:right;
	height:30px;
	line-height:30px;
	padding:0 10px;
	text-decoration:none;
}
#top-nav li a .icon {
	margin-top:7px;
}
#welcome {
	line-height:30px;
	float:right;
	padding:0 10px;
}


/*
 * main navigation bar
 */
#main-nav {
	height:25px;
	line-height:25px;
	padding-left:215px;
}
#main-nav li {
	display:block;
	float:left;
	margin-right:4px;
	height:25px;
	line-height:25px;
}
#main-nav a {
	background:url(../images/nav-button-bg.gif) repeat-x left top;
	color:#666;
	height:25px;
	line-height:25px;
	padding:0 15px;
	display:block;
	float:left;
	text-decoration:none;
	font-size:1.4em;
	overflow:visible;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#AFAFAF;
	-webkit-border-radius:4px 4px 0 0;
	-o-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
}
.guest #main-nav a {
	padding:0 30px;
}
#main-nav a:hover {
	color:#333;
}
#main-nav a.active {
	background:#FFF;
}
#logo-link {
	float:left;
	display:block;
	width:215px;
	height: 87px;
}
#logo {
	position:relative;
	top:24px;
	left:16px;
	z-index:2;
}
.sharing-template #logo {
    top:16px;
}
#lang-menu {
	float:right;
	margin:14px 10px 0 0;
}
#lang-menu li {
	padding:2px 11px;
	line-height:12px;
	background:url('../images/list-arrow.png') no-repeat left center;
}
#lang-menu li a {
	color:#666666;
	font-size:12px;
	line-height:12px;
	text-decoration:none;
}
.header-box {
    float:right;
	padding:3px 10px;
	background:#f2f2f2;
	border:1px solid #CCCCCC;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-size:13px;
	display: block;
    width: 124px;
    margin: 11px 20px 0 0;
}
#header-zoom .header-box {
	top:20px;
	right:70px;
}

/*
 * Header bottom (breadcrumb and full-text search container)
 */
#header-bottom {
	min-height:50px;
	padding:0 0 0 80px;
}
#user-menu {
	background:#D9D9D9;
	border:1px solid #B2B2B2;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	height:38px;
	line-height:38px;
	display: block;
    width: 565px;
    float: right;
    margin: 11px 15px 0 0;
}
#user-menu li.user-menu-link {
	float:left;
	background:url(../images/list-arrow.png) no-repeat left center;
	padding:0 5px 0 9px;
	height:38px;
	line-height:38px;
	margin-left:8px;
}
#user-menu li.user-menu-link a {
	color:#666;
	font-size:12px;
	line-height:12px;
	text-decoration:none;
}
#user-menu li.admin-menu-link a {
	font-weight:bold;
}


/*
 * breadcrumb
 */
#breadcrumb {
	height:22px;
	background:url('../images/breadcrumb-sprite.png') repeat-x left top;
	float:left;
	padding:0 0 0 5px;
	margin:14px 0;
}
#breadcrumb li {
	display:block;
	height:22px;
	float:left;
	background:url('../images/breadcrumb-sprite.png') no-repeat right bottom;
	padding:0 6px 0 0;
	margin:0 5px 0 0;
}
#breadcrumb a {
	display:block;
	height:20px;
	line-height:20px;
	text-decoration:none;
	background:#444;
	padding:0 5px;
	color:#ddd;
	font-size:1.2em;
	border:1px solid #000;
	border-right:0;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#breadcrumb a:hover {
	color:#fff;
}



/*
 * full-text search
 */
#search-area {
	float:left;
	background:#d9d9d9 !important;
	padding:0 10px;
	border:1px solid #b2b2b2;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin: 11px 0;
	height:38px;
	line-height:38px;
}
#search-area.deployed {
	float:none;
	border-bottom:1px solid #000;
	position:absolute;
	right:0;
	top:72px;
	background:#333;
}
#search {
	height:38px;
	line-height:38px;
}
.deployed #search {
	border-left:1px solid #666;
	border-bottom:1px solid #666;
}
#search-main {
	height:38px;
	line-height:38px;
	font-size:1.3em;
}
#search-main label {
	line-height:38px;
	display:block;
	float:left;
	color:#666;
	margin:0 10px 0 0;
}
#search-main label.radio-input {
	line-height:18px;
	padding:0;
	font-size:0.8em;
}
#search-main label .icon {
	margin-top:2px;
}
#search-main a {
	font-size:11px;
	color:#666;
	text-decoration:none;
}
#search-field {
	display:block;
	float:left;
	line-height:38px;
	margin:0 10px 0 0;
}
#search-field input {
	width:125px;
	height:23px;
	padding:0;
	line-height:23px;
	border:1px solid #999999;
	background:#FFF;
	box-shadow:none;
}
#search-field input.focus {
	background:#fff;
}
#search-field span {
	display:none;
}
#search-submit {
	height:20px;
	padding:0 8px;
	font-size:12px;
	color:#666;
	background:url(../images/submit-button-bg.gif) repeat-x left top;
	border:1px solid #acacac;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#search-submit.over {
	color:#000;
	-moz-box-shadow:0 0 5px #FFF inset;
	-webkit-box-shadow:0 0 5px #FFF inset;
	-o-box-shadow:0 0 5px #FFF inset;
	box-shadow:0 0 5px #FFF inset;
}

#search-options-menu {
	margin:10px 0 0;
	font-size:1.2em;
	color:#ddd;
}
#js #search-options-menu {
	display:none;
}
#search-options-menu fieldset {
	float:left;
	margin:0 10px 5px 0;
}
#search-options-menu fieldset legend {
	font-weight:bold;
}
#search-options-menu label.over {
	background:#222;
	color:#fff;
}
#search-options-menu a.button {
	background:#222;
	border-color:#777;
}
#search-options-menu a.button:hover {
	background:#000;
	border-color:#999;
	box-shadow:none;
}

.ui-autocomplete {
	width:119px !important;
	/*top:110px !important;*/
	border:1px solid #bbb;
	padding:3px;
	background:#ddd;
	font-size:1.3em;
	max-height:250px;
	overflow:auto;
	z-index:1000;
}
.ui-autocomplete li {
	display:block;
	padding:0;
}
.ui-autocomplete li a {
	display:block;
	text-decoration:none;
	padding:0 5px;
	line-height:20px;
}
.ui-autocomplete li .ui-state-hover {
	background:#fff;
	border:0;
	font-weight:normal;
	color:#333;
	cursor:pointer;
}

.simple-search-autocomplete {
	border:1px solid #333;
	border-top-color:#bbb;
	width:200px !important;
}


/*
 * page format
 */
#js #wrapper {
	position:absolute;
	top:95px;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
#js #main-content {
	height:100%;
	overflow:auto;
	border-top:1px solid #999;
	background:#FFFFFF;
}
.sharing-template #main-content {
    height:800px !important;
    overflow:hidden  !important;
}
.content-block {
	border:1px solid;
	border-color:#fff #ccc #bbb #fff;
	padding:10px;
}

#inner-message {
	background:#000;
	border-top:1px solid #1a1a1a;
	text-align:center;
	color:#fff;
}
#js #inner-message {
	display:none;
}
#overall-message {
	position:absolute;
	top:20px;
	left:0;
	width:100%;
	z-index:1000;
	display:none;
	text-align:center;
}
#overall-message p {
	display:inline-block;
	padding:10px;
	background:#fff;
	border-top:0;
	margin:0 auto;
	text-align:center;
	font-size:1.4em;
	color:#333;
}
.confirm-message, .error-message {
	padding:10px;
	line-height:15px;
	border:1px solid;
}
.confirm-message {
	background:#d1ffb8;
	border-color:#dbffc8 #89cf62 #89cf62 #dbffc8;
}
.error-message {
	background:#ffcaca;
	border-color:#ffe3e3 #c98484 #c98484 #ffe3e3;
}


/*
 * Layout columns
 */
.layout-column {
	width: 215px;
}
#js .layout-column {
	height:100%;
	overflow:hidden;
}
#layout-left-column {
	border-right:1px solid #999;
}
#layout-right-column {
	border-left:1px solid #999;
}
.hidden-left-column #layout-left-column,
.hidden-right-column #layout-right-column {
	width:25px;
}
.hidden-left-column #layout-left-column .content-head,
.hidden-right-column #layout-right-column .content-head {
	background:url('../images/y-sprite-white.gif') repeat-y right top;
	border:0;
	height:100%;
}
.hidden-left-column #layout-left-column .content-head .options-bar,
.hidden-right-column #layout-right-column .content-head .options-bar {
	border:0;
	height:100%;
	right:0;
}

.layout-column .content-head .show, #nojs .layout-column .content-head .hide {
	display:none;
}
.hidden-left-column #layout-left-column .content-head .hide,
.hidden-right-column #layout-right-column .content-head .hide {
	display:none;
}
.hidden-left-column #layout-left-column .content-head .show,
.hidden-right-column #layout-right-column .content-head .show {
	display:block;
	width:23px;
	height:100%;
}
.hidden-left-column #layout-left-column .content-head .show a,
.hidden-right-column #layout-right-column .content-head .show a {
	height:100%;
	padding:0 5px;
}

.column-body {
	overflow:auto;
}
.column-body a {
	text-decoration:none;
}
.hidden-left-column #layout-left-column .column-body,
.hidden-right-column #layout-right-column .column-body {
	display:none;
}

#layout-left-column div.guest {
	padding:10px;
}
#layout-left-column div.guest h1 {
	margin-top:15px;
}
#layout-left-column div.guest h1 a {
	font-size:18px;
	text-decoration:none;
    font-family:"Lola",Georgia,Verdana,Arial;
}
#layout-left-column div.guest h1:first-child {
	margin-top:0;
}
#layout-left-column div.guest h1.orange a {
	color:#cb6828;
}
#layout-left-column div.guest h2 {
	margin-top:10px;
}
#layout-left-column div.guest h2 a {
	color:#01537f;
	font-size:14px;
}
#layout-left-column div.guest h2.first {
	margin-top:40px;
}
#layout-left-column div.guest #text-contact {
	margin:50px 0 20px;
}

/*
 * Content bars
 */
.content-head, #content-foot {
	line-height:15px;
	position:relative;
}
.content-head {
	border-top:0;
}
.content-head h1 {
	font-size:1.6em;
	font-weight:normal;
	color:#555;
	float:left;
	line-height:35px;
	margin:0;
	padding:0 10px;
}
#content-foot {
	border-bottom:0;
}
#js #content-foot-container {
	visibility:hidden;
}
#content-foot-container.fixed {
	position:absolute;
	bottom:0;
}



.result-counter {
	float:right;
	line-height:35px;
	padding:0 10px;
}

.eyesnap-logo {
	float:right;
	line-height:30px;
	height: 30px;
	padding-right: 10px;
}

.eyesnap-logo img{
	margin-top: 7px;
}


/*
 * Options bar in main content
 */
.options-bar {
	float:right;
	line-height:21px;
	position:relative;
	padding:7px 0;
}
.left-options-bar {
	float:left;
}
.options-bar li {
	display:block;
	float:left;
	line-height:21px;
	height:21px;
	border-left:1px solid #ccc;
}
.options-bar ul {
	float:left;
	line-height:21px;
	height:21px;
	padding:0 5px;
}
.options-bar ul li {
	border:0;
}
.options-bar .icon {
	margin-top:3px;
}
.options-bar a, .options-bar form, .options-bar .disabled {
	float:left;
	display:block;
	line-height:21px;
	height:21px;
	padding:0 10px;
	position:relative;
	overflow:hidden;
}
.options-bar ul li a, .options-bar ul li form, .options-bar ul li .disabled {
	padding:0 5px;
}
.options-bar a {
	font-size:1.2em;
	text-decoration:none;
}
.options-bar .disabled {
	opacity:0.5;
	filter:alpha(opacity=50);
}
.options-bar input.text {
	padding:0;
	width:35px;
	text-align:center;
	height:auto;
}
#js .options-bar input.submit {
	position:absolute;
	top:100px;
}
.options-bar li.label-hidden .text-label {
	display:none;
}
.options-bar li.label-hidden .ic-left {
	margin-right:0;
}



/*
 * Footer
 */
#footer {
	border-top:1px solid #000;
}
#js #footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
#bottom-nav {
	height:30px;
	line-height:30px;
	border-top:1px solid #444;
	background:#222;
}
#bottom-nav ul {
	height:30px;
	line-height:30px;
	float:left;
	border-right:1px solid #444
}
#bottom-nav li {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	border:solid #000;
	border-width:0 1px;
	border-left-color:#444;
	font-size:12px;
	color:#ccc;
}
#bottom-nav li.first {
	border-left-width:0;
}
#bottom-nav li a {
	display:block;
	float:right;
	height:30px;
	line-height:30px;
	padding:0 10px;
	text-decoration:none;
	color:#ccc;
	text-shadow:-1px -1px 0 #000;
}
#bottom-nav li a:hover {
	color:#fff;
}
#bottom-nav li a .icon {
	margin-top:7px;
}
#orphea-copyright {
	float:right;
	padding:0 10px;
	font-size:1em;
	line-height:30px;
	color:#aaa;
}
#orphea-copyright a {
	color:#aaa;
	text-decoration:none;
}
#orphea-copyright a:hover {
	color:#ccc;
}
.unpublished-tag {
	display:none;
}
.unpublished .unpublished-tag {
	display:inline;
}


/* Sharing / Embeded */
#sharing-links-contener{
    text-align: center;
}
.deactivate-link-label{
	display: none;
}
.deactivate-link .deactivate-link-label{
	display: block;
}
.share-embed-content .discover{
    background: #333;
    color: #eee;
    padding: 20px;
    cursor: pointer;
    border: solid #eee;
}
.share-embed-content .toDiscover{
    background: #ddd;
    border: 1px solid #fff;
    padding: 0 0 10px 0;
}
.share-embed-content .title-close{
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #fff;
    margin-bottom: 5px;
}
.share-embed-content .title-close *{
    display: inline-block;
}
.share-embed-content .title-close .icon{
    margin-top: 3px;
    margin-left: 15px;
}
.optionsPanel{
    margin: 5px 0 5px 0;
}
.optionsPanel .option{
    display: inline-block;
    padding: 10px;
    background: #333333;
    color: #EEEEEE;
}

#sharing-links-contener label{
	font-weight: bold;
}

#sharing-links-contener .sharing-input{
	width: 550px;
}
.copyToClipBoard {
    margin: 5px;
}
.optionsPanel .option input{
    vertical-align: middle;
    margin-left: 5px;
}

.popin-layout #login-form,.popin-layout .content-block #login-form p, .popin-layout .content-block #login-form h2, .popin-layout .content-block #login-form h3, .popin-layout .content-block #login-form ul{
    margin-top: 0;
	margin-bottom: 0;
}
.infinitescroll-mode {
	display:block;
	width:15px;
	height:15px;
	background-image:url('../images/infinit-on.png');
	background-repeat:no-repeat;
	background-position:center center;
}
.infinitescroll-mode span {
	display:none;
}
.pagination-mode {
	display:block;
	width:15px;
	height:15px;
	background-image:url('../images/infinit-off.png');
	background-repeat:no-repeat;
	background-position:center center;
}
.pagination-mode span {
	display:none;
}