/*
    infobox.css
    rettrome2018.org/mobile | 15/05/2018
    Copyright 2018 web-communication.eu
*/



.infobox {
    position: 					fixed;
    top: 						50%;
    left: 						50%;
    width: 						auto;
	height: 					auto;
	min-width: 					300px;
	max-width:					500px;
	background:                	#FFFFFF;
	border:                    	Solid 2px #FFFFFF;
	-moz-box-shadow:           	2px  5px 25px #000;
    -webkit-box-shadow:        	2px  5px 25px #000;
    filter:                    	progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=10);
    box-shadow:                	2px 5px 25px #000;
	-moz-border-radius: 		20px;
	-webkit-border-radius:		20px;
	border-radius: 				20px;
	z-index:                   	100001;
	padding: 			       	25px 25px 70px 25px;
    -webkit-transform: 			translate(-50%,-50%);
    -moz-transform: 			translate(-50%,-50%);
    -ms-transform: 				translate(-50%,-50%);
    -o-transform: 				translate(-50%,-50%);
    transform: 					translate(-50%,-50%);
}


.infobox p {
	font-family:               Arial, Helvetica, sans-serif;
    color:                     #333333;
	font-size:                 16px;
    font-weight:               normal;
	/*background: 			   #eeddee;*/
}

.infobox .container {
	position: 					absolute;
	bottom: 					20px;
	left: 						0;
	width: 						100%;
	padding: 					0 25px;
	/*text-align: 				center;*/
	/*background: 				#eee;*/
}



/* buttons */

.infobox ul li {	
	display:					inline-block;
    list-style: 				none;
    margin: 					0 3px;
    padding: 					0;
	text-align: 				center;
	
	border-radius:              14px;
    -moz-border-radius:         14px;
    -webkit-border-radius:      14px;
}

.infobox ul li a {
    display:					block;
    padding: 					5px 0;
	width: 						70px;
 
    font-family:                Arial, Helvetica, sans-serif;
    font-size:                  18px;
    font-weight:                normal;
    text-decoration:			none;	
}

.infobox ul li.hover,
.infobox ul li:hover {
    cursor: 					pointer; 
	 background:                #009CDE;
}

.infobox ul li:hover > a {
    color: 						#0000FF;
}



/* blue button */

.infobox ul li.blue {	
	background:                 #0F67CC;
}

.infobox ul li.blue a {
    color: 						#FFFFFF;
}


.infobox ul li.blue:hover {
    cursor: 					pointer; 
	background:                 #009CDE;
}

.infobox ul li.blue:hover > a {
    color: 						#FFFFFF;
}




/* grey button */

.infobox ul li.grey {	
	background:                 #DDDDDD;
}

.infobox ul li.grey a {
    color: 						#555555;
}


.infobox ul li.grey:hover {
    cursor: 					pointer; 
	background:                 #CCCCCC;
}

.infobox ul li.grey:hover > a {
    color: 						#555555;
}



	
#infobox_error, 
#infobox_email, 
#infobox_captcha,
#infobox_author, 
#infobox_affiliation,
#infobox_userid,
#infobox_sent,
#infobox_cancel, 
#infobox_error_send {
	display:                   none;
}	
	

	