/* ------------------------------- DESIGN PRINCIPAL DU SITE ------------------------------------ */

body
{
	margin:0;
	padding:0;
	font-size:13px;
	color:black;
	font-family: Arial, Helvetica, sans-serif;
}
#conteneur /* Conteneur principal */
{
	width : 834px;
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
}
.musa-record-link { 	/* Lien musalit record link dans seeMore.php, police plus petite */ 
	font-size : 12px;
}
#header	/* Header qui contient la bannière */
{
	background-color:#FFFFFF;
	margin: 0;
}
#corps	/* Corps du site */
{
	padding:10px;
	border:1px solid #AFAFAF;
	background-color: #ffffff;
	min-height: 250px;
	-webkit-box-shadow: 2px 2px 2px 2px #CECECE;
	box-shadow: 2px 2px 2px 2px #CECECE; 

}

.titreStandard
{
	font-size: 1.6em;
	text-align: center;
	font-weight: normal;
	margin-bottom: 15px;
}

#contact {


}

.languagemenu
 {
 /*float: left;*/
 /*padding-left: 834px;*/
 position: absolute;
 margin-right: auto;
 margin-left: 92%;
 margin-top: -65px;
 }

.logoBanner
 {
 	margin-left: 70px;
 }

 h1
 {
 	color:black;
	font-size: 1.8em;

 }

img
{
	border:none;
}

#footer
{
	text-align: center;
	padding:5px;
	margin-top:10px;
	/*border:1px solid #75A63B;*/
	background-color: #FFF;
	/*-webkit-box-shadow: 2px 2px 2px 2px #CECECE;
	box-shadow: 2px 2px 2px 2px #CECECE;*/
}

.h1home
{
	text-align: center;
	font-size: 16px;
	padding-bottom: 30px;
}

.tailleAutocomplete /* taille de la police dans les champs auto complétés */
{
	font-size:12px;
}

.footer
{
	font-size: 12px;
}

.addBasket
{
	position: fixed;
	margin-left:200px;
	right:10px;
}
.delBasket
{
	position: fixed;
	margin-left:55px;
	right:10px;
}

.exportOptions
{
	display:none;
	padding:10px;
	border:1px solid gray;
	background-color:#CECECE;
}
#closeExport
{
	position:absolute;
	top:-10px;
	left:200px;
}

.fieldsetEdit fieldset	/* style des fieldset de la page admin/modifierDocument.php */
{
border-radius: 5px 10px 0 5px; 
margin:15px; 
height: auto; 
width: auto; 
padding:10px; 
border:1px solid black;
}

legend	/* style des legend */
{
	color:black;
	box-shadow: 8px 8px 12px #aaa;
	background-color:white;
}


.note	/* largeur et hauteur du textarea note */
{
	width:300px;
	height:150px;
}

.logout	/* petite image logout dans la bannière lorsqu'on est connecté */
{
	float : right;
	margin:5px;
}

.logout a:hover, .logout a	/* on enlève le style des liens pour les images de logout */
{
	text-decoration:none;
}

.textTitle	/* on agrandit certain champs de formulaire, comme par exemple le champ de titre pour mieux voir si le titre est long */
{
	width:400px;
	height:60px;
}

#cadreAccueil		/* pour placer les boutons de l'accueil */
{
	
	text-align: center;
}


.label { display: block; float: left; width: 180px; text-align: right; margin-right: 5px; } 	
.form-row { padding: 5px 0; clear: both; width: 700px; } 
label.error { width: 250px; display: block; float: left; color: red; padding-left: 10px; } 

.itemNonValide	/* style des documents non validés : nonvalide.php */
{
	border : 1px solid gray;
	background-color:white;
	margin : 15px;
	padding : 10px;
	border-radius: 5px 10px 0 5px;
	box-shadow: 1px 1px 12px #555;
}
.itemNonValide h4	/* titre h4 de la classe itemNonValide */
{
	text-transform:uppercase;
	font-size:10px;
}

.typeDocNonValide	/* pour afficher le type du document : nonvalide.php */
{
	text-transform: none;
	font-size:15px;
	color:green;

}

.submit 	/* pour mieux placer certains type=submit qui ont la classe submit */
{ 
margin-left: 125px; 
margin-top: 10px;
} 


/* ------------- SYSTEME DE PAGINATION POUR L'ADMINISTRATION ------------------------------- */

.pagination {
	line-height:2em;
}
.pagination a,
.pagination span {
	padding:0.2em 0.5em;
}
.pagination a {
	border:1px solid #9AAFE5;
	color:#105CB6;
	text-decoration:none;
}
.pagination a:hover {
	border:1px solid #296BB5;
	color:#000031;
}
.pagination .prevnext {
	font-weight:bold;
}
.pagination span.disabled { 
	border:1px solid #DDDDDD;
	color:#999999;
}
.pagination span.current {
	border:1px solid #2E6AB1;
	background-color:#2E6AB1;
	color:#ffffff;
	font-weight:bold;
}

/* ----------------------------------------------------------------------- */

 /* ------------------------------- MENU DE NAVIGATION ----------------------------------- */



 #nav
 {

 	background-image:url("../images/menu.jpg");
 	background-repeat:repeat-x;
 	height:35px;
 	font-size: 13px;
	/*font-variant: small-caps;*/
	padding-left: 160px;
	margin-bottom: 7px;
 }

 #nav ul
 {
 	list-style:none;
 	margin:0;
 	padding:0;
 }


 #nav li
 {
 	float:left;
 	width:auto;
 	margin:0;
 	padding:0;
 	text-align:center;
 }

 #nav li a
 {
 	font-size:16px;
 	display:block;
 	padding-right:8px;
 	padding-left:8px;
 	padding-top: 10px;
 	line-height: -15px;
 	height:26px;
 	color:#FFF;
 	text-decoration:none;
 	border-right:1px solid #FFF;
 }

 #nav li a:hover
 {

 }

 #nav li .current
 {
	height:25px;
 	background:none;
 	/*background-color:#CAE677;*/
	background-color:#b24354;
	text-decoration:underline;

 } 


 


.labelSeeMore	/* pour la page seeMore.php, affichage des "label" : authors, abstract, url... */
{
	float:left;
	width:180px;
	font-size:14px;

}

.addBasketPos
{
	float:right;
	width:90%;

}
.posIconeAddBasket
{
	float:left;
	padding-left:5px;
}

.seeMoreContent	/* pour seeMore.php */
{
	float:right;
	width:70%;
	height:auto;

}

.byIndex
{
	list-style-type: none;
}

a	/* liens */
{
	text-decoration:none;
	color:#75A63B;
/*	font-size:11px; */
}
a:hover	/* liens survolés */
{
	text-decoration:underline;
	color:black;
}

a.AZList:link, a.AZList:visited
 {
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration: none;
    color: #75A63B;
}


.helpFieldHome {	/* Permet de placer le petit bouton "help" qu'on peut voir sur la page d'accueil */

	margin-left:10px;
	

}

input[type='submit'], input[type='reset']		/* On règle une taille pour les éléments de type submit et reset */
{
	width:80px;
}
input[type='text']
{
	float:left;
	width:180px;
}

input[type='password']
{
	width:180px;
}

label	/* Label pour les formulaires */
{
	display: block;
	width: 250px;
	float: left;
}
.labelRefine
{
	width:190px;
	margin: 5px 0px 0px 0px;
}


.labelGrand	/* Label plus grand pour certains champs */
{
	display: block;
	width: 450px;
	float: left;
}
.placeAdd	/* permet de placer le petit bouton Add qu'on peut voir sur la page d'accueil par exemple pour ajouter un champs */
{
	width:150px;
	margin-left:250px;
}
.placerForm	/* permet de mieux placer les formulaires sur la page */
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

textarea	/* On fixe une taille aux champs de type textarea */
{
	width:300px;
	height:100px;
}
.floatDroite	/* Flottant à droite */
{
	float:right;
	margin:5px;
}
.blackLink	/* colore les liens d'une façon différente, notamment pour la page de résultats */
{
	/*color:#1E66AC; original*/
	/*color:#75A63B;*/
	color:#66942e;
	text-decoration:underline;
}
.formatCitation	/* style du format citation */
{
	border : 1px dashed gray;
	background-color:white;
	padding:5px;
}
.narrowTitle	/* Titre de l'affinage de la recherche */
{
	border : 1px solid #CFD8E1;
	background-color:#E7E7E7;
	padding-left:5px;
	margin:0;
	
}

.h2seemore
{
	margin-left:40px;
	width:90%;
	height:auto;
  	color: #000;
  	text-align: left;

}


.h2help 
{
	text-align:left;
	font-size:17px;
	
}

h2	/* titre de tpe h2 */
{
	text-align: center;
	font-size:16px;
  	color: #000;
}



.afficheLi li {	/* modifie la puce d'origine pour la classe afficheLi, on peut voir ceci dans seeMore.php */
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 100%;
  color: black;

  list-style-type:none;
  
}

.ombreLi	/* permet de rajouter des ombres (CSS 3) */
{
	text-shadow: 0px 0px 1px gray;
  	color: black;
}

.narrowResults /* Cadre de l'affinage de la recherche */
{
	border : 1px solid #CFD8E1;
	overflow: hidden;
	margin-top:32px;
	margin-left:5px;
	padding-left:5px;
	float : left;
	width : 235px;
	background-color:#F6F6F6;
	
}

.contentSearch	/* Cadre des résultats de recherche */
{
	border : 1px solid #CFD8E1;
	margin:0;
	background-color:#F6F6F6;
	padding : 10px; 
	margin-left:250px;
	line-height:25px;
}

.contentSearchBasket	/* Cadre des résultats de recherche pour la page basket.php */
{
	border : 1px solid #CFD8E1;
	margin:0;
	background-color:#E8EEF4;
	padding : 10px; 
	line-height:25px;
}

.contentSearchBasket .expander
{
	font-style:italic;
}

.titreSearchBasket	/* Titre des résultats de recherche pour la page basket.php */
{
	border : 1px solid #CFD8E1;
	background-color:#E7E7E7;
	margin:0;

}

.contentSearch .expander
{
	font-style:italic;
}

.titreSearch	/* Titre des résultats de recherche */
{
	border : 1px solid #CFD8E1;
	background-color:#E7E7E7;
	margin:0;
	margin-left:250px;
}

.searchDocHR	/* Permet de fixer la taille du <hr /> sur la page de résultat */
{
	margin-left:250px;
}

.indentCheckbox
{
	display:inline;
	padding-right:25px;
}

.clear	/* permet d'arreter le flottement après avoir appellé un élément flottant */
{
	clear:both;
}
.centrer	/* centrer du texte */
{
	text-align:center;
}

	/* ------------------------------------------------------ BOUTONS ------------------------------------------------------------- */

/* BOUTONS */
/* Others UI */
.gkbutton.normal { -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important; }
.gkbutton.right { -webkit-border-radius:0 3px 3px 0!important; -moz-border-radius:0 3px 3px 0!important; border-radius:0 3px 3px 0!important; }
.gkbutton.middle,.gkbutton.middle:hover { margin-right:-1px; -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important; }
.gkbutton.left { margin-right:-1px; -webkit-border-radius:3px 0 0 3px!important; -moz-border-radius:3px 0 0 3px!important; border-radius:3px 0 0 3px!important; }
.gkbutton.rounded { -webkit-border-radius:15px!important; -moz-border-radius:15px!important; border-radius:15px!important; }
.gkbutton.big { font-size:20px!important; }
.gkbutton.bold { font-weight:bold!important; }
span.icons {  display:inline-block; width:10px; height:10px; margin:auto -5px auto 7px; position:relative; background-image:url('http://www.geekeries.fr/button/arrow.png');background-repeat:no-repeat;}
span.arrowr {  background-position: -2px -1px;}
span.arrowl {  margin:auto 7px auto -5px; background-position:0px -1.69em;}
span.gplus {  display:inline-block; width:16px; height:16px;  position:relative; background-image:url('http://www.geekeries.fr/button/googleplus.png');background-repeat:no-repeat;}
span.profil {  background-position: 0px -17px;margin: auto 10px -.30em auto;}
span.circle {  background-position: 0px 0px;margin: auto 10px -.30em auto;}
span.add {  background-position: 0px -34px;margin: auto 10px -.38em auto;}

/* Utilisation :Target */
#bell.gkbutton:target {border: 4px solid #82a3bc; font-size: 25px;   }

/* Utilisation d'animations */
.gkbutton.animation2:hover { -webkit-animation: animation2 1s; position:relative; }
@-webkit-keyframes animation2{ from { opacity: 0; top:-10px; } to   { opacity: 1; } }
.gkbutton.animation:hover { -webkit-transition-duration:500ms,500ms,500ms; padding-right: 30px!important; padding-left: 30px!important; }

/* UI Button */
.gkbutton {position: relative; z-index: 1;overflow: visible; padding: 0.35em 1.4em 0.35em 1.4em; border: 1px solid #AAA; text-decoration: none; text-align: center;font: 13px Helvetica, verdana, arial, sans-serif; white-space: nowrap; cursor: pointer; outline: none;color: #444; text-shadow: white 0 1px 2px;background: #e5e5e5; background: -moz-linear-gradient(top, #e5e5e5 0%, #f4f4f4 49%, #e5e5e5 50%, #f4f4f4 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(49%,#f4f4f4), color-stop(50%,#e5e5e5), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #e5e5e5 0%,#f4f4f4 49%,#e5e5e5 50%,#f4f4f4 100%); background: -o-linear-gradient(top, #e5e5e5 0%,#f4f4f4 49%,#e5e5e5 50%,#f4f4f4 100%); background: -ms-linear-gradient(top, #e5e5e5 0%,#f4f4f4 49%,#e5e5e5 50%,#f4f4f4 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f4f4f4',GradientType=0 ); background: linear-gradient(top, #e5e5e5 0%,#f4f4f4 49%,#e5e5e5 50%,#f4f4f4 100%); transition: .3s ease-in-out;-webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out;  -webkit-box-shadow: 0 1px 4px #ddd, inset 0 1px 0 #fff;-moz-box-shadow: 0 1px 4px #ddd, inset 0 1px 0 #fff;box-shadow: 0 1px 4px #ddd, inset 0 1px 0 #fff;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.gkbutton:hover, button.gkbutton:hover {-webkit-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 white;-moz-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 white;box-shadow: 0 1px 4px #aaa, inset 0 1px 0 white;-webkit-transition-duration:200ms,200ms,200ms;background: #e0e0e0; background: -moz-linear-gradient(top, #e0e0e0 0%, #e8e8e8 49%, #e0e0e0 50%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(49%,#e8e8e8), color-stop(50%,#e0e0e0), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); background: -o-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); background: -ms-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); background: linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); border: 1px #aaa solid;color: #444!important;}

.gkbutton:focus, .gkbutton:active {background-color: #ededed;background: -moz-linear-gradient(top, #ededed 0%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ededed)); background: -webkit-linear-gradient(top, #ededed 0%,#ededed 100%); background: -o-linear-gradient(top, #ededed 0%,#ededed 100%); background: -ms-linear-gradient(top, #ededed 0%,#ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed',GradientType=0 ); background: linear-gradient(top, #ededed 0%,#ededed 100%); -webkit-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #d9d9d9;-moz-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #d9d9d9;box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #d9d9d9;}

/* UI Button Two - Le 3/08/2011 */
.gkbutton.two { transition: .3s ease-in-out;-webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out; position: relative; z-index: 1;overflow: visible; padding: 0.35em 1.4em 0.35em 1.4em; border: 1px solid #AAA; text-decoration: none; text-align: center;font: 13px Helvetica, verdana, arial, sans-serif; white-space: nowrap; cursor: pointer; outline: none;color: #444; text-shadow: white 0 1px 2px;-webkit-box-shadow: 0 2px 2px #ccc, inset 0 -10px 10px #EEE;-moz-box-shadow:0 2px 2px #ccc, inset 0 -10px 10px #eee;box-shadow:0 2px 2px #ccc, inset 0 -10px 10px #eee;-webkit-border-radius:3px; background: #F4F4F4;-moz-border-radius:3px; border-radius:3px;}

.gkbutton.two:hover, button.gkbutton.two:hover {transition: .2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; 
-webkit-box-shadow: 0 2px 2px #ccc, inset 0 10px 20px white;-moz-box-shadow:0 2px 2px #ccc, inset 0 10px 20px white;box-shadow:0 2px 2px #ccc, inset 0 10px 20px white;-webkit-transition-duration:200ms,200ms,200ms;background: #e0e0e0; background: -moz-linear-gradient(top, #e0e0e0 0%, #e8e8e8 49%, #e0e0e0 50%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(49%,#e8e8e8), color-stop(50%,#e0e0e0), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); background: -o-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); background: -ms-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); background: linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); color: #444!important;}


.gkbutton.two:focus, .gkbutton.two:active {background-color: #ededed;background: -moz-linear-gradient(top, #ededed 0%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ededed)); background: -webkit-linear-gradient(top, #ededed 0%,#ededed 100%); background: -o-linear-gradient(top, #ededed 0%,#ededed 100%); background: -ms-linear-gradient(top, #ededed 0%,#ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed',GradientType=0 ); background: linear-gradient(top, #ededed 0%,#ededed 100%); -webkit-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #d9d9d9;-moz-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #d9d9d9;box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #d9d9d9;}

/* UI Button Colors */
.gkbutton.v:hover {-webkit-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #b0ea9d;-moz-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #b0ea9d;box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #b0ea9d;-webkit-transition-duration:200ms,200ms,200ms;background: #82aa74; background: -moz-linear-gradient(top, #82aa74 0%, #9ed48c 49%, #82aa74 50%, #9ed48c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82aa74), color-stop(49%,#9ed48c), color-stop(50%,#82aa74), color-stop(100%,#9ed48c));background: -webkit-linear-gradient(top, #82aa74 0%,#9ed48c 49%,#82aa74 50%,#9ed48c 100%); background: -o-linear-gradient(top, #82aa74 0%,#9ed48c 49%,#82aa74 50%,#9ed48c 100%); background: -ms-linear-gradient(top, #82aa74 0%,#9ed48c 49%,#82aa74 50%,#9ed48c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82aa74', endColorstr='#9ed48c',GradientType=0 ); background: linear-gradient(top, #82aa74 0%,#9ed48c 49%,#82aa74 50%,#9ed48c 100%); border: 1px #82aa74 solid;text-shadow: 0 -1px 1px #aaa;color: white!important;}

.gkbutton.v2:hover {-webkit-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #b0ea9d;-moz-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #b0ea9d;box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #b0ea9d;-webkit-transition-duration:200ms,200ms,200ms;background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #8fba80), color-stop(0.5, #82aa74), color-stop(0.51, #99cd87), color-stop(1, #9ed48c));background-image: -moz-linear-gradient(center bottom, #8fba80 0%, #82aa74 50%, #99cd87 51%, #8fba80 100%);background-color:#82aa74; border: 1px #82aa74 solid;color: white!important;text-shadow: 0 -1px 1px #aaa;}

.gkbutton.v:focus, .gkbutton.v:active, .gkbutton.v2:focus, .gkbutton.v2:active {background-color: #82aa74;background-image: -webkit-gradient(linear, 0 0, 0 10%, from(#9ed48c), to(#9ed48c));background-image: -moz-linear-gradient(#9ed48c, #9ed48c);background-image: -o-linear-gradient(#9ed48c, #9ed48c);background-image: linear-gradient(#9ed48c, #9ed48c);-webkit-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #82aa74;-moz-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #82aa74;box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #82aa74;}

.gkbutton.b:hover {-webkit-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #8db0cb;-moz-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #8db0cb;box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #8db0cb;-webkit-transition-duration:200ms,200ms,200ms;background: #708ca1; background: -moz-linear-gradient(top, #708ca1 0%, #82a3bc 49%, #708ca1 50%, #82a3bc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#708ca1), color-stop(49%,#82a3bc), color-stop(50%,#708ca1), color-stop(100%,#82a3bc)); background: -webkit-linear-gradient(top, #708ca1 0%,#82a3bc 49%,#708ca1 50%,#82a3bc 100%); background: -o-linear-gradient(top, #708ca1 0%,#82a3bc 49%,#708ca1 50%,#82a3bc 100%); background: -ms-linear-gradient(top, #708ca1 0%,#82a3bc 49%,#708ca1 50%,#82a3bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#708ca1', endColorstr='#82a3bc',GradientType=0 );
background: linear-gradient(top, #708ca1 0%,#82a3bc 49%,#708ca1 50%,#82a3bc 100%);border: 1px #5b7182 solid;color: white!important;text-shadow: 0 -1px 1px #5b7182;}

.gkbutton.b2:hover {-webkit-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #98beda;-moz-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #98beda;box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #98beda;-webkit-transition-duration:200ms,200ms,200ms;background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #7e9cb3), color-stop(0.5, #708ca1), color-stop(0.51, #8baec8), color-stop(1, #82a3bc));background-image: -moz-linear-gradient(center bottom, #7e9cb3 0%, #708ca1 50%, #8baec8 51%, #82a3bc 100%);background-color:#5b7182; border: 1px #5b7182 solid;color: white!important;text-shadow: 0 -1px 1px #5b7182;}

.gkbutton.b:focus, .gkbutton.b:active, .gkbutton.b2:focus, .gkbutton.b2:active {background-color: #708ca1;background-image: -webkit-gradient(linear, 0 0, 0 10%, from(#82a3bc), to(#82a3bc));background-image: -moz-linear-gradient(#82a3bc, #82a3bc);background-image: -o-linear-gradient(#82a3bc, #82a3bc);background-image: linear-gradient(#82a3bc, #82a3bc);-webkit-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #708ca1;-moz-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #708ca1;box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #708ca1; }