/* try to ignore this bootstrap directive it mess with slickgrid  css */
/* *{
    box-sizing:content-box;

}*/

/* is the red dot for the notification in ACCOUNT nav */
.red_dot{
    margin-top:-20px;
    width:10px;
}

.disclaimer_content {
    background-color: #d1d1d1;
    resize: none;
}

.input_error {
    font-weight: bold;
    color: red;
}

input {
  font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
  font-size: 14px;
}

input[type=text], input[type=password] {
  margin: 5px;
  padding: 0 10px;
  width: 200px;
  height: 34px;
  color: black;
  
  border: 1px solid;
  border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  border-radius: 2px;
  outline: 5px solid #eff4f7;
  -moz-outline-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
}

input[type=text]:focus, input[type=password]:focus {
  border-color: #7dc9e2;
  outline-color: #dceefc;
  outline-offset: 0;
}



#index_content{
	padding-top : 20px;
	padding-bottom: 20px;
	height: 100%;
	background-color:#a2c6eb;
	width: 100%;

}


/*CSS people page */


.people_name {
	font-weight:bold;
	font-size:14pt;
}

.people_qualify {
	
	font-size:10pt;
}

.people_summary {
	padding-top: 20px;
	padding-left: 20px;
	max-width: 50%;
    min-width: 50%;	
}

.people_misc {
	
	font-size:12pt;
}


#people_left{ 
	margin :10px;
	margin-left: 20px;
	padding: 10px;
	float:left;
	background-color: white;
	list-style-type: none;
    border-radius: 3px;
	margin-top:10px;
	text-align: center;
	width: 40%;
	min-width:400px;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

}

#people_right{ 
	float: right;
	margin: 10px;
	margin-right: 20px;
	background-color: white;
	padding: 10px;
	list-style-type: none;
    border-radius: 3px;
	margin-top:10px;
	text-align: center;
	width: 40%;
	min-width:400px;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	

}


/* end */

#login{

	padding:20px;
	width: 400px;

	border: 3px solid #186a9f;
	-webkit-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-radius: 10px;
}

#button_login{
	background-color: #186a9f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

.white_box_title {
    text-align:center;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

/* publications page */
.conference {
	font-style:italic; 
	padding-left: 0px;
	
}

.title {
	font-weight: bold;
	
}

#publications{
	margin:0px;
}

#publications ul{


	font-size: 12pt;
	list-style-type:none;
}

#publications li{

	list-style-type:none;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5%;
	margin-right: 5%;
	padding: 10px;
	/*background-color:#D3DFFF; */
	background-color: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}


/* DATA PAGE */


#data_interface
{
	padding-top:20px;
	padding-bottom:20px;
	text-align:center; 
	border: 3px solid #186a9f;
	background-color: white;
	width: 500px; 
	margin: 50px auto 0 auto;
	height:50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}


.legend_interface {
	text-align:center;
}

#download_data {
	background-color: #5a7a91;
	color:white;
	position:relative;
	top:10px;
	border-color:white;
	border-style:outset;
	
}

#download_data:hover {
	cursor:pointer;
}


.white_box{
	background-color: white;
	padding: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: justify;
}

.italic {
    font-style:italic;
}


.select_interface {
	background-color: 'white';
	color:black;
}


.button {

    padding-bottom:2px;
    height: 30px;
    font-weight: bold;
    color: #527881;
    text-shadow: 0 1px #e3f1f1;
    background: #cde5ef;
    border: 1px solid;
    border-color: #b4ccce #b3c0c8 #9eb9c2;
    border-radius: 16px;
    outline: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-image: -webkit-linear-gradient(top, #edf5f8, #cde5ef);
    background-image: -moz-linear-gradient(top, #edf5f8, #cde5ef);
    background-image: -o-linear-gradient(top, #edf5f8, #cde5ef);
    background-image: linear-gradient(to bottom, #edf5f8, #cde5ef);
    -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
    margin: 6px 50px 0 auto;
}

.participant_box{ 
	margin: 0 auto 50px auto;
	padding: 10px;
	
	background-color: white;
	list-style-type: none;
    border-radius: 3px;
	
	
	text-align: center;
	width: 60%;
	min-width:400px;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

}


.participant_box a{
    display: inline-block;
    margin: 2% 5% 2% 5%;
    width: 200px;
}

.big_button {
    font-weight: bold;
    width: 150px;
    padding: 10px;
}

.small_button {
    font-weight: bold;
    width: 80px;
    padding: 5px;
}

.one_char_button {
    font-weight: bold;
    width: 40px;
    padding: 5px;
}