/* interesantisimo sobre diferencias de z-index en firefox y IE7 http://www.brunildo.org/test/IEzind.html */
body {
font-size: 10px;
font-family: verdana;
padding: 0px;
margin: 0px; 
color:#666666;
min-width:950px;
}
h1{
font-size:18px;
color: Blue;
font-style:italic;
text-align:center;
}
h3{
font-size:12px;
color:Blue;
font-style:italic;
font-weight: bold;
}
/**** just used in registration and admin pages *****/
h5 { 
font-size: 1.1em; 
color:#4c92ac; 
margin:0 0 0 20px; 
float:left}
/**** used mainly in admin pages in the breadcrumbs *****/
.smallFontSize{
font-size:.9em;
}
/* Button Syle used as default and when the mouse is out the button (onMouseOut) */
button { 
border:1px solid black;
/*font-weight: bold;*/
background-color: #9CCFFF;
cursor: pointer;
}

.clickable{
cursor:pointer;
border:0px;
}
.popup{
    /* this class is only intended for javascript purposes
     * if a layer is a popup-like, whit javascript:document.getElementsByClassName('popup') we can easily manage all the popups, for instance, hidding all of them. 
     */
}
.bold{
font-weight:bold;
}
.blue{
color:#8ccee8;
font-weight:bold;}
.grey{
color:#666;
}
.left{
float:left;
margin-left:10px;
}
.more_details{
float:right; 
clear:left; 
margin-bottom:5px;
margin-top:-20px
}
.no_margin_p{
margin-top:-2px;
}
/*------------------------------------------common links--------------------------------------------*/
a{
padding:4px;
color: white;
text-decoration:none;
outline:none;
}
a:link {
    ;
}

a:active {
    ;
}

a:visited {
    ;
}

a:hover {
color: white;
-moz-border-radius: 3px;
}
/*** por si acaso, mirar si es necesario***/
.layerContent a:hover {
    color: white;
    background-color:#75CAE6 ;
    -moz-border-radius: 3px;
}


.layerContent a.blueText:hover{
text-decoration:underline;
}
.layerContent a.buttonLikeLink, a.buttonLikeLink:hover{
color:#fff;
text-decoration:none;
background: transparent;
font-size:1.2em;
}
.layerContent a.noButtonLikeLink, a.ButtonLikeLink:hover{
color:#666;
text-decoration:none;
background: transparent;
font-size:1.1em;
}
.layerContent a.cloudTagA, a.cloudTagA:hover{
color:#8bcde6;
background:transparent;
text-decoration:none;
}
.layerContent a.cloudTag:hover{
}
.layerContent a.blueText, .layerContent a.blueText:hover{
color:#75CAE6;
background:transparent;
font-size:.9em;
}
.layerContent a.greyLinks{
color:#333;
background:transparent;
}
.layerContent a.greyLinks:hover{
background:transparent;
color:#75CAE6;
}
.layerContent a.imageLinks, #layerContent a.imageLinks:hover{
background:transparent;
margin-top:4px;
}
.layerContent a.imageLinks img{
border:0;
}
.layerContent a.buttonsA, .layerContent a.buttonsA:hover{
background:transparent;
color: #fff;
text-decoration:none;
font-size:1.2em;
}

/*------------------------------------------MAIN LAYERS----------------------------------------------*/
.layerMain {
    
}

.layerLog{
font-size:9px;position:absolute;color:gray;top:0px;z-index:10;max-width:320px;
}

.layerTitle {
overflow:hidden;
background:#444444;
position:relative;
height:60px;
width:100%;
border-bottom:3px solid #cccccc;
}

.layerNavigation {
z-index:3;
position: absolute;
top: 0px;
right: 0px;
color: white;
padding-top: 10px;
padding-right: 20px;
text-align: right;
padding-right: 20px;
}

.layerContent {
position: relative;
background-repeat: no-repeat;
background-position: bottom right;
min-height:150px;
}
.position_center{
position:relative;
text-align:left;
margin-left:auto;
margin-right: auto;
padding-top:10px;
padding-right:10px;
}
.layerFooter {
border-top:3px solid  #cccccc;
position: relative;
bottom: 0px;
text-align: center;
max-height: 30px;
color: white;
background:#444444;
padding: 5px;
	
}
#layerShowUserProcessingIcon{
position:absolute;
z-index:10000;
top:0px;
left:200px;
}
/*------------------------------------------LAYER TITLE----------------------------------------------*/
#imgTitle{
margin-left:20px;
margin-top:2px;
cursor:pointer;
}
#imgTitle:hover{
outline:1px solid white;
}

/*------------------------------------------LAYER CONTENT----------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/

/* ************************* form elements **********************
*/

.layerContent div{
/*outline:0px solid red;*/
}
.layerContent input{
outline:0;
border:1px solid #cccccc;
color:#666666;
}
.layerContent input:focus {
outline: 1px solid #75cae6;
}
.layerContent input.searchInput{
background-color:#ECF5FA
}
.layerContent input.extended{
height:40px;
}
/* layerResultsNavigation1 button styles */
.buttonLike {
color:white;
-moz-border-radius:3px;
background-color:#777777;
float:left;
font-weight:bold;
height:16px;
/*line-height:16px;*/
margin:2px;
min-width:125px;
padding:4px;
text-align:center;
font-size:1em;
border:0px;
}

.buttonLike.small{
padding:2px;
font-size:.9em;
max-width:none;
min-width:0;
}
.buttonLike:hover{
     background-color:#00b2db;
}
.buttonLike.selected{
    background-color:#75cae6;
}
.buttonLike.selected:hover{
    background-color:#00b2db;
}
.buttonLike.active{
    background-color:red;
}
.buttonLike:focus{
    background-color:#00b2db;
}
.buttonLike.deactivated{
   background-color:#777777;
   opacity:0.2;
   -moz-opacity:0.2;
}
/* *****************************layer navigation.jsp ************************/
/* *****************************nav items ********************************
*/
.navItems{
float:left;
display:inline;
width:auto;
padding:0 10px;
border-right:1px solid #fff;
}
.noBorder{
border:0;
}
/* ***************** MY PROFILE SUBMENU ******************* */
#myprofile a:hover{
}
#myprofile ul#profile_values{
background:transparent url(../images/myProfileSubBg.png) no-repeat scroll 0 0;
display:none;
height:89px;
margin:-17px 0 0 -5px;
padding:20px 0 0;
position:absolute;
width:130px;
z-index:-1;
}
#myprofile:hover ul#profile_values{
display:block;
}
#myprofile ul#profile_values li{
border-top:1px solid #CCCCCC;
font-weight:normal;
height:20px;
line-height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-right:10px;
position:relative;
text-align:right;
margin-left:2px;
}
#myprofile ul#profile_values li.myprofile_noBorder{
border-top:0;
}
#myprofile ul#profile_values li a:hover{
color:#75CAE6;
}
/************** used in preferences and admin pages ****************/
.containerNoLeft{
clear: left;
margin: 6px 10px;
font-weight:bold;
font-size:.9em;
}




.layerContent a.dialogBoxes, .layerContent a.dialogBoxes:hover{
color:#00b0da;
background:transparent;
font-size:1.1em;
font-weight:bold;
}
.layerContent a.blueText:hover, .layerContent a.dialogBoxes:hover{
text-decoration:underline;

}


.concept{
    font-weight:bold;
    color:#777777;
    cursor:pointer;
    margin:2px;
    margin-right:5px;float:left;
    font-size:10px;
}

.concept:hover{
    color:#00b2db;
    outline:1px solid #00b2db;
}

.ANDSymbol{margin-right:0px;}