/*
 * APOGEE PHP FRONT CSS STYLESHEET
 */

/* GLOBAL SETTINGS */
body {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	color: #424242;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

body * {
	margin: 0px;
	padding: 0px;
	z-index: 0;
}

a img {
	border: none;
}

a, a:visited {
	color: #1446C6;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* HEADER */

#header {
	border-bottom: 3px solid #AAA;
	margin-bottom: 20px;
	height: 60px;
}

#headercontent {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/* HOMEPAGE */

#homesearch {
	margin:	auto;
	width: 100%;
	text-align: center;
	margin-top: 50px;
}
#homesearch h5 {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}	
#searchArea {
	position:relative; width:410px; height:85px; margin:auto;
}
#basicsearch {
	position:absolute; left:0px;
}
	
/* SEARCH FORM */
#searchFormHome {
	margin: auto;
	width: 410px;
}

#searchFormAdv {
	width: 410px;
}
	
#searchFormHome #searchField {
	font-size: 18px;
	width: 400px;
	padding: 1px 3px;
	margin-bottom: 4px;
	color: #AAA;
}

#advancedSearch #searchFieldAdv {
	font-size: 15px;
	width: 400px;
	padding: 3px 3px;
	margin-bottom: 10px;
	color: #AAA;
}

#searchFormHome .advSearchLnk {
	width:100%; text-align:right; font-size:10px;
}
#searchForm .advSearchLnk {
	width:400px; text-align:right; font-size:10px; margin-right: 70px;
}
	
#advancedSearch {
	position: absolute;
	left: -20px;
	margin-top: -30px;
	padding-top: 4px;
	height: 220px;
	width: 438px;
	background-color: white; 
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #4394D0;
	display: none;
	z-index: 100;
	background-image: url("../images/bgadvsearch.gif");
}

#advancedSearch h4, #advancedSearchRes h4 {
	font-size: 16px;
	text-align: left;
	width:100%;
}	

#advSearchClose {	
	position:absolute; top:4px; right:4px;
}
	
#searchFormAdv  {
	margin-left:auto;
	margin-right:auto;
}	
#searchFormAdv ul, #searchFormAdvRes ul {
	width: 100%;
	text-align: left;
	list-style-position: inside;
}	

#advancedSearchRes {
	position:absolute;
	left: 160px;
	top: 7px;
	padding-top: 4px;
	padding-left: 9px;
	height: 190px;
	width: 498px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #4394D0;
	display: none;
	z-index: 100;
	background-color: white;
	background-image: url("../images/bgadvsearch.gif");
}

#searchbutton, #searchbuttonadv {
	font-size: 16px;
	height: 26px;
	width: 55px;
}
	
#headercontent #searchfields {
	position: absolute; 
	left: 170px; 
	top: 12px;
	width: 470px;
}

#searchForm .logo {
	width: 160px;
	padding-top: 3px;
}

#searchForm  #searchField {
	font-size: 18px;
	width: 400px;
	color: #AAA;
}

#searchFormAdvRes  #searchFieldAdv {
	font-size: 18px;
	width: 400px;
	color: #AAA;
}

/* SIDEBAR CONTAINER (contains refines) */

div.left {
	float: left;
}

div.right {
	float: right;
}

#sidebar {
	width: 160px;
	padding: 10px;
	border: 1px solid #4394D0;
	background-color: #fff;
}

/* IE6 Hack. */
body > div#sidebar {
	padding-left: 10px;
}

#sidebar h2 {
	color: #1446C6;
	font-size: 15px;
}

#sidebar h4 {
	font-size: 15px;
	color: #424242;
}	

/* RESULTATS */

div.noresults h3 {
	font-size: 16px;
}
div.noresults ul {
	list-style-type: circle;
	list-style-position: inside;
}	
	
div#mainContainer {
	margin: auto;
	width: 1000px;
}

div#informations {
	margin-bottom: 15px;
	font-size: 17px;
}

div#informations .sorticon {
	width: 11px;
	cursor: pointer;
}

div#informations div#viewControls {
	float: right;
	font-size: 12px;
	margin-right: 15px;
}

div#hits {
	margin-right: 200px;
}

div.hit {
	height: 90px;
	margin: 0px 0px 10px 0px;
	/*border-bottom: 1px dotted #ccc;*/
}

div.hit:hover {
	background-color: #f7f7f7;
}	

body.sidebared-right div.hit {
	clear: left;
}

body.sidebared-left div.hit {
	clear: right;
}

div#informations h1 {
	font-size: 24px;
	font-style: italic;
}

div.hit h3 {
	font-size: 14px;
	display: inline;
}
	
div.hit div.abstract {
	padding: 0px 10px 2px 10px;
	width: 550px;
	float: left;
	display: inline;
}

div.hit table {
	width: 120px;
}

div.hit td2 {
	text-align: right;
}

div.hit div.stats {
	padding: 0px 0px 2px 0px;
	float: left;
}

div.hit span.joined {
	color: #777777;
	font-size: 11px;
	padding-left: 2px;
	font-weight: bold;
}

div.hit span.refreshed {
	color: #777777;
	font-size: 11px;
	padding-left: 2px;
}

div.hit div.uri {
	font-size: 0.8em;
	color: green;
	padding-left: 10px;
}

div.hit img.thumbnail {
	width: 70px;
	height: 70px;
	border: none; 
	margin-left: 0px;
	top: 4px;
	left: 4px;
}

div.hit .thumbs {	
	display: block;	
	float:left;
	width: 75px;
	padding: 2px 2px;
	border: solid 1px transparent;
}

/* Simple view */
.simple div.hit {
	margin-left: 0px;
}

.simple div.hit img.thumbnail {
	display: none;
}

a.pageLink{
	font-size:15px;
}

.CurrentPageLink{
 font-size:17px;
 text-decoration:underline;
}

div.paginater {
	text-align: center;
	margin:auto;
	clear:both;
}

.pageTD{
	width:35px;
	height:35px;
	border: 1px solid #dddddd;
	display: block;
	text-decoration: none;
	color: #4394D0;
	font-weight: normal;
	text-align:center;
	line-height: 35px;
}

.pageTD:hover{
	border: 1px solid #4394D0;
	font-size:15px;
	font-weight:bold;
	cursor:pointer;
}

/** REFINES **/

div#userRefines {
	margin-bottom: 5px;
}

div#userRefines li {
	list-style-type: none;
}

#refines h4 {
	margin: 3px 0px 3px 0px;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 13px;
	color: #424242;	
}

div.refines ul {
	list-style-type: none;
	margin-left: 10px;
	line-height: 15px;
}

div.refineshead {
	background-image: url(../images/toggle_up.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right center;
	margin-top: 0px;
	padding-bottom: 0px;
	cursor: pointer;
}
div.refineshead_closed {
	background-image: url(../images/toggle_down.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right center;
	margin-top: 0px;
	padding-bottom: 0px;
	cursor: pointer;
}		

div.in-refines a {
	color: #497bb6;
}

div.refines li.state_1,
div.refines li.state_2 {
	margin: 0px -10px;
	padding: 0px 10px;
	line-height: 15px;
}

div.refines li.state_1 {
	background: #CFC;
}

div.refines li.state_2 {
	background: #FCC;
}

div.refines li.state_1 span {
	font-weight: bold;
	color: green;
}

div.refines li.state_2 span {
	font-weight: bold;
	color: red;
}

div.refines li a.refine_remove {
	float: right;
	font-size: 7pt;
}

div.refines a.refine_remove:hover {
	color: red;
}

div#refines > div#userRefines > ul {
	margin-left: 0px;
}

/** RESULTS **/

.tabs {
	list-style-type: none;
	margin-top: 20px;
	margin-bottom: 5px;
}

#tab_content {
	border: 1px solid #444;
	padding: 10px;
}

.tabs li {
	display: inline;
}

.tabs li a {
	border: 1px solid #444;
	padding: 5px;
	color: white;
}

.tabs li a.active {
	background: #CCC;
	color: black;
	font-weight: bold;
}

.tabs li a.active:hover {
	text-decoration: underline;
}

.tabs li a.inactive:hover {
	background: #333;
}