
/* big landscape tablets, laptops, and desktops */ 


body {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #000;
	background:#222121;
	margin: 0px;
	}

h1,.photo_tn_header,.photo_full_header,.left_column_header {
	font-size: 16px;
	font-weight:bold;
	}

a {
	text-decoration:none;
	color: #fff;
	}

a:hover {
	text-decoration:underline;
	}

a:visited {
	
	}
	
.th-left {
	background:#fff;
	padding-top:10px;
	}

.th-mid {
	background: #fff;
	}

.th-right {
	background: #fff;
	}

.row{
    overflow: hidden; 
}
.clear {
		display: flex;
	clear:both;
	}
	
#container {
	margin: 0px auto;
	width:98%;
	}
	
.photo_tn {
	margin:10px;
	padding:10px;
	background: #ccc;
	float:left;
	text-align:center;
	width:120px;
	overflow: hidden;
	}

.photo_tn img {
	max-width: 100px;
	max-height: 150px;
	width:100%;
	}

.photo_tn a {
	border:0px;
	}
	
.photo_tn a:hover{
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	}

#photo_full {
	margin: 10px auto;
	padding:10px;
	background:#CCC;
	width:95%;
	text-align:center;
	}

#photo_full a {
	color:#FFF;
	}

#photo_full a:hover {
	text-decoration:none;
	}



#photo_full img {
	width:100%;
	}

#photo_download,#photo_share,#photo_blank,#photo_not_me,#photo_order,#photo_email {
	width:50%;
	margin:1px 0px;
	text-align:center;
	font-size:18px;
	padding: 3px 0px;
	float:left;
	}

#photo_download {
	background: #006600;
	color:#000;
	background-image: url('http://cdn.grepcv.com/frontend/images/download.png');
    background-repeat: no-repeat;
    background-position: 97.5% 50%;
    width: 100% !important;
	}

#photo_share {
	background: #0079c0;
	background-image: url('http://cdn.grepcv.com/frontend/images/facebook.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
	}

#photo_email {
	background: #0096d4;
	background-image: url('http://cdn.grepcv.com/frontend/images/email.png');
    background-repeat: no-repeat;
    background-position: 95% 50%; 
	}
#photo_not_me {
    background-repeat: no-repeat;
    background-position: 99% 50%;
    margin-top:0px;
    width: 100% !important;
    color:#FFF;
	}

#lostandfound{
	background-image: url('http://cdn.grepcv.com/frontend/images/download.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
    width: 100% !important;
}

#photo_email,#photo_download,#photo_share,#photo_order,#bull div {
	color: #fff;
	text-align:center;
	width:50%;
	display:inline;
}
#photo_share{
	width:49%;
	margin-right:1%;
}
#photo_blank,#photo_not_me div {
	color: #FFF;
	text-align:center;
	width:100%;
	display:inline;
	}

#photo_full_links {
	display:none;
	margin-bottom:10px;
	}


#photo_full_links a{
	color:#fff;
	}
#photo_not_me a{
	    color:#FFF;
	    text-decoration: underline;
}
#photo_full_links a:hover{
	color:#fff;
	text-decoration:none;
	}

#photo_blank {
	background: none;
	height: 1px;
	width:100%;
	padding:0px;
	}
	
.center_fill {
	width:100%;
	padding:5px;
	text-align:center;
	overflow: hidden;
	}

#photo_thumbs {
	margin-top:-10px;
	width:100%;
	}

#form-submit,#lostandfound {
	background-color: #f90;
	width:100%;
    padding:2px;
    font-size:18px;
    margin:5px 0px;
    border:0px;
    }
#form-submit a:hover {
	text-decoration:none;
	}

#search {
	width:100%;
	dispaly:inline;
	}

#search input, select{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width:100%;
	padding: 2px;
	color:#333;
	font-size:14px;
	margin: 5px 0px;
	}

#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:130px;
   width:100%;
   background:#FFF;
   text-align:center;
   opacity:0.7;
}

.footer-img {
	float:left;
	width:50%;
	margin-top:5px;
	text-align:center;
	}

#footer img {
	height:100px;
	}

.lightbox{
	z-index: 0;
	display: none;
	margin: auto;
    width: 400px;
    /*border: 8px solid #CCC;*/
    padding: 10px;
    text-align: center;
    opacity: 0;
    position: relative;
}

@keyframes flickerAnimation {
  0%   { opacity:0; }
  25%  {opacity: 1; }
  75%  { opacity:1; }
  100% { opacity:0; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:0; }
  25%  {opacity: 1; }
  75%  { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:0; }
  25%  {opacity: 1; }
  75%  { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:0; }
  25%  {opacity: 1; }
  75%  { opacity:1; }
  100% { opacity:0; }
}
.lightbox.fadein {
   -webkit-animation: flickerAnimation 1.5s ;
   -moz-animation: flickerAnimation 1.5s ;
   -o-animation: flickerAnimation 1.5s ;
    animation: flickerAnimation 1.5s ;
    display: block;
}
.popup_container{
	width:100%;
	height:100%;
	position:absolute;
}
.container-table {
	height: 100%;
	margin: 0 auto;
    display: table;
}
.vertical-center-row {
    display: table-cell;
    vertical-align: middle;
}
#contact_form{
	 border: 8px solid #CCC;
	 background-color: white;
}
#contact_form .row{
	margin:10px;
}
#submit_button{
	margin: 10px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
.background_image{
	 background-position: center center;   
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../images/background.jpg");
	min-height: 500px;
}
.footer_img_container{
	margin-left: -15px;
	 width: 100%;
    bottom: 0;
    margin-bottom: 80px;
    position: absolute;
}
.footer_img_container img{
	display: block;
	max-height: 100px;
	max-width: 100px;
	margin: 0 auto;
	margin-top: 10px;
}
.grepcv{
	font-size: 30px;
}
.footer_right{
	vertical-align:middle;
	float: right;
}
.footer_left{
	vertical-align:middle;
	float: left;
}
.wsite-footer img{
	max-width: 100px;
	max-height: 100px;
}
.wsite-footer p{
	margin-bottom: 0;
}
.for_web{
	display: block;
}
.for_mobile{
	display: none;
}
.mstie-footer{
	text-align: center;
	margin: 0 auto;
}

.mstie-footer p{
	margin-top: 15px;
}
.mstie-footer span{
	white-space: nowrap;
}


.site_text{
	text-align: center;
    display: block;
    color: #ffffff;
    padding: 10px 10px;
    letter-spacing: .05em;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: normal;
}
.bibnum { color:#aaa; }
.photo_pane{
	position: relative;
	z-index: 1;
}
#photo_list{
	position: relative;
	z-index: 1;
	min-height: 100%;
}
#photo_list .site_text{
	padding-bottom: 0px;
}
#photo_list #lostandfound .site_text{
	padding-bottom: 5px;
}

#photo_list .center_fill{
	min-height:400px;
	overflow:auto;
}

.overlay-blur{
	height:100%;
	width: 110%;
	background-color: #000;
	opacity: 0.3;
	margin-left: -15px;
	position: absolute;
	z-index: 0;
	top: 0;
}
.paris-header{
	height: 70px;
	background:#FFF;
}
.cus_body{
	display: flex;
   overflow: hidden;
	margin: 70px auto 0;
	margin-left: 0px !important;
	min-height: 84%;
}
.left-bar{
	padding-left: 0;
	background-color: #f8f8f8;
}
@media screen and (min-width: 992px){
	.left-bar{
		min-height: 500px !important;
	}
}
.search_condition{
	padding: 20px;
}
.search_condition .bib_search{

}
.bib_search{
	height: 40px;
	width: 100%;
	background-image: url("http://cdn.grepcv.com/frontend/images/search_icon.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	border: 1px solid #f90;
	padding-left: 10px;
}
.search_condition > p{
	text-align: center;
}
button,.button{
	border-radius: 8px;
	cursor: pointer;
}
#email_dialog #submit_button{
	background-color: #0079c0;
    width: 48%;
    padding: 2px;
    font-size: 18px;
    margin: 5px 0px;
    border: 0px;
}
#email_dialog #cancel_button{
	background-color: #f90;
    width: 49%;
    padding: 2px;
    font-size: 18px;
    margin: 5px 0px;
    border: 0px;
}
#email_dialog .input{
	margin: 5px;
	height: 30px;
	width: 97%;
	border: 1px solid #ccc;
	font-size: 14px;
	padding-left: 5px;
}
#email_dialog .textarea{
	height: 100px;
}
.selected_photo{
	background-color: #f90;
}
.error_message{
	color: red;
	font-size: 14px;
	padding-left: 5px;
}
.notme-dialog{
	text-align: center;
}

.mobile_sponsors {
	background: #f8f8f8;
	padding:15px;
	text-align:center;
	}