@charset "utf-8";

/* CSS Document */

/*-------------------------------------------------------------
 AMTRAK - National Train Day
 --------------------------------------------------------------
 Description: Popup boxes
 --------------------------------------------------------------
 */

/*===========================================================
 0.1 General
 =========================================================== */

.popup h2 {
	color: #E95427;
	font-size: 18px;
	margin-bottom: 11px;
}
.popup h3{
	color: #000;
	font-size: 16px;
	text-transform:capitalize;
	font-weight: bold;
	margin-bottom: 12px;
}
.popup p {
	/* color: #57565A; */
	color: #666;
	margin-bottom: 12px;
}
.popup a {
	color: #E95427;
}
.popup .width550 {
	width: 550px;
}
.popup .width735 {
	width: 735px;
}
.popup h1{
	text-align: center;
	color: #FFF;
	font-size: 20px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight: 700;
}
.popup a.cont_arrow,
.popup a.cont_arrow span:hover{
	text-decoration: none;
}
.popup a.cont_arrow span{
	text-decoration: underline;
}
.popup .form{
	width: 500px;
	margin: 0 auto;
}
.popup .col_medium,
.popup .col_medium input[type="text"]{
width: 242px;
height: 19px !important;
border: #CFCFCF solid 1px;
color: #666;
padding-left: 4px;
}
#tbE_email_web_author {
	margin-top: 18px;
	}
.popup fieldset.col_medium {
	padding: 0;
	height: 60px;
	border: none;
}
.popup .col_medium.margin-right{
	margin-right: 16px;
}

.popup .border_top{
margin: 0px;
position: relative;
height: 15px;
}
.popup .border_bottom{
    position: relative;
	height: 15px;
}

.popup .border{
    background: url("../images/misc/borders/rounded_corners_popup.png") no-repeat scroll 0 0 transparent;
    height: 15px;
    position: absolute;
    width: 22px;
}

.popup .border.round_top_left{
	background-position: 0 0;
}
.popup .border.round_top_right{
   background-position: -38px 0;
    right: 0;
}
.popup .popup_top{
background: url(../images/backgrounds/pixeltop.png) repeat-x;
display: block;
height: 15px;
position: absolute;
width: 520px;
left: 16px;
}


.popup .border.round_bottom_left{
  	background-position: 0 -25px;
}
.popup .border.round_bottom_right{
    background-position: -38px -23px;
    right: 0;
}
.popup .popup_bottom{
background: url("../images/backgrounds/pixel-bottom.jpg") repeat-x scroll 0 0 transparent;
display: block;
height: 15px;
left: 14px;
margin: 0 auto;
position: absolute;
width: 520px;
}
/*===========================================================
Alert
 =========================================================== */
.popup .alert{
	position: absolute;
	width: 89.7%;
	height: 28px;
	background-color: #666;
	padding: 7px 10px;
	margin-top: 5px;
	margin-bottom: 12px;
}
.popup .alert p{
	color: #FFF;
	font-size: 12px;
	font-style:oblique;
	 line-height: 13px;
}
/*===========================================================
 0.2 Main Content
 =========================================================== */

.popup {
	/*background: url(../images/backgrounds/bg_layer_popup.png) repeat;*/
	height: 86.5%;
	position: absolute;
	width: 100%;
/*	z-index: 200;*/
}
.popup .cont_cols{
	margin-bottom: 23px;
}
.popup .cont_cols .two_cols {
	width: 255px;
}
.popup .cont_cols .three_cols {
    width: 172px;
}
.popup .cont_cols .small_col{
    width: 138px;
}
.popup .cont_cols .two_cols .border_white {
	padding: 16px 12px;
	text-align: justify;
}
.popup  .con_location{
	width: 176px;
}
.popup  .cont_txt{
	width: 521px;
}
.popup .cont_txt_portrait{
	padding-top: 8px;
	width: 335px;
}
.popup .cont_arrow {
	position: relative;
}
.popup .wrapperpp{
	margin: 0 19px;
}
.popup .wrapperpp,#popup_map .footer_map p {
	padding: 12px 0;
}
.popup .footer_map p {
line-height: 14px;
margin: 0 0 0px 9px !important;
font-size: 10px;
}

.popup .main_cont {
	background: url(../images/backgrounds/bg_popups.jpg) repeat-x #ECECEC bottom;
	/*margin: 5px auto;*/
	position: relative;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
/*	z-index: 8000;*/
}
.popup .main_cont .title{
    background-color: #F2A348;
    padding: 14px 0;
    position: relative;
}
.popup .main_cont .title h1 {
    height: 16px;
    line-height: 15px;
}
.popup .title .rounded_title{
	background: url(../images/misc/borders/border_orange.png) no-repeat #ECECEC;
	height: 16px;
	position: absolute;
	top: 0;
	width: 10px;
}
.popup .title .rounded_title.border_right{
    background-position: -29px 0;
    right: 0;
}
.popup .title .rounded_title.border_left{
    background-position: -1px 0;
    left: 0;
}
.popup .main_cont .title.red {
	background-color:#E76038;
}
.popup .main_cont .title.blue {
	background-color: #174D76;
	margin-bottom: 15px;
}

.popup footer {
	color: #666;
}
.popup .width500{
	width: 502px;
	border: #cfcfcf solid 1px;
	margin-bottom: 18px;
	color: #666;
	padding-left: 4px;
	
}
.popup input.width500{
	height: 19px!important;
}
/*===========================================================
 0.2 Share
 =========================================================== */
.popup .popup_share {
	background: url(../images/backgrounds/bg_bar_social_popup.png) repeat-y;
	position: absolute;
	right: -51px;
	top: 56px;
	width: 51px;
	z-index: 0;
}
.popup .popup_share .rounded_top_bg{
	background: url(../images/backgrounds/bg_bar_social_popup_top.png) no-repeat;
    height: 11px;
    position: relative;
    top: -11px;
    width: 51px;
}

.popup .popup_share .rounded_bottom_bg{
	background: url(../images/backgrounds/bg_bar_social_popup_bottom.png) no-repeat;
    bottom: -11px;
    height: 11px;
    position: relative;
    width: 51px;
}
/*===========================================================
 0.2 map
 =========================================================== */
#popup_map .popup .cont_map{
	height: 433px;
	overflow: hidden;
	width: 696px;
	margin-bottom: 8px;
}
#popup_map .popup .margin_10{
	margin-right: 10px;
}


#popup_map .popup .title{
	margin-bottom: 10px;
	position: relative;
}


.popup input[type="text"]{
	border: #CFCFCF solid 1px;
	background-color: #FFF;
	height: 30px;
}

.popup input.medium{
	width: 400px;
	margin-right: 9px;
}

.popup input.large{
	width: 560px;
}
.popup .cont_form{
	margin-bottom: 16px;
}
.popup .small_popup{
	background: url(../images/backgrounds/bg_thankyou.jpg) repeat-x #D9D9D9;
	padding: 20px;
	width: 251px;
	position: absolute;
	left: 30%;
	top: 85px;
}
.popup .small_popup h3{
	color: #ff6633;
	text-align:center;
	font-size: 18px;
}
.popup .small_popup p{
	color: #666;
}

#popup_map .footer_map{
	padding: 8px 0;
}

/* Style for the hidden input file 
#tbl_upload_file {
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
}*/
/*===========================================================
  Landscape
 =========================================================== */
#popup_photo_landscape .popup .landscape_picture,
#popup_video .popup .landscape_picture{
	background: url(../images/backgrounds/pattern_landscape.jpg) repeat;
	margin: 0 auto 21px;
    text-align: center;
    width: 100%;
}
.popup .landscape_picture img{
	margin: 0;
}
#popup_photo_portrait .popup .wrapperpp img {
	margin-bottom: 14px!important;
}
/*===========================================================
 Thankyou
 =========================================================== */
#popup_share_thank_you .title
{
	padding:	0;
	height:		44px;
	margin-bottom:40px;
}
#popup_share_thank_you .title H1
{
	line-height:	44px;
}
#popup_share_thank_you .txt.txt_thanks
{
	text-indent:	0;
}
#popup_share_thank_you .cont_share{
	margin: 0 auto 43px;
	width: 348px;
}
/*===========================================================
 Share Your Story
 =========================================================== */
#popup_share_photo_video .popup .margin_10,
#popup_share_story .popup .margin_10{
	margin-bottom: 10px;
}
#popup_share_photo_video .txt_steps{
	background-position: center center;
	height: 72px;
}
#popup_share_photo_video FIELDSET.checkbox-field
{
margin-left: 22px;
position: relative;
}
#popup_share_photo_video FIELDSET.checkbox-field input[type="checkbox"]
{
left: -23px;
position: absolute;
}
/*===========================================================
 Share Your Story
 =========================================================== */
#popup_share_selection .title{
	margin-bottom: 70px;
}
#popup_share_selection .txt{
	font-size: 18px;
	line-height: normal;
}
#popup_share_selection .btn_submit_other{
	margin-right: 90px;
}
#popup_share_selection .cont_share{
	margin: 42px auto 66px;
	text-align: center;
	width: 474px;
}

/*===========================================================
 Share Location
 =========================================================== */
#popup_share_location .title{
	margin-bottom: 10px;
}
#popup_share_location input[type="text"]{
	width: 374px;
}
#popup_share_location .border_right_red{
padding: 0px 15px;
margin: 0px;
border: 0px;
line-height: 32px;
}

#popup_share_location .cont_map {
	margin: 0 0 15px 0;
	}

/*===========================================================
 Welcome
 =========================================================== */
 
#popup_welcome .popup{
	margin-left:	60px;
}
 
#popup_welcome .cont_video{
	margin-bottom: 10px;
}
#popup_welcome .wrapperpp{
	padding-bottom: 0;
	overflow: hidden;
}
#popup_welcome .border_gray,
#popup_welcome .border_white{
	border-bottom: 0 none;
}
/*
.popup .cont_cols
{
	margin-bottom:	0;
}
#popup_welcome .popup .cont_cols p{
	line-height: 13px;
	margin-bottom: 0;
}
#popup_welcome .popup .cont_cols p.size10{
	margin-bottom: 15px;
}
#popup_welcome .popup .three_cols .border_left
{
	min-height:		100px;
}
#popup_welcome .internal_wrapper{
	padding: 13px 0 0 0;
}
#popup_welcome .internal_wrapper_medium{
	padding: 13px 20px 0 20px;
}
#popup_welcome .internal_wrapper.floatright{
	padding-bottom: 0;
}
#popup_welcome .space_right{
	padding-right: 15px;
}
#popup_welcome .medium_col{
	width: 199px;
}
*/
#popup_welcome H2.txt
{
	font-family:	'Century Gothic Bold','CenturyGothic-Bold','Century Gothic','Century Gothic W01 Bold' , 'Century Gothic W01' , Helvetica , Arial , sans-serif;
	font-weight:	bold;
	text-indent:	0;
	color:			#D43300;
	margin-top:		0;
	margin-bottom:	7px;
}
/*
#popup_welcome .popup .cont_cols .internal_wrapper
{
	position:		relative;
}
#popup_welcome .popup .cont_cols .internal_wrapper A.FCA-link
{
	position:		absolute;
	bottom:			7px;
}
*/

#popup_welcome .popup_welcome-FCAs
{
	border-top:	1px dotted #B6B5BC;
}

#popup_welcome .popup_welcome-FCAs .popup_welcome-FCAs-inner
{
	border-top:	1px dotted #fff;
}

#popup_welcome .popup_welcome-FCAs .popup_welcome-FCA
{
	  display:			-moz-inline-box;
      -moz-box-orient:	vertical;
      display:			inline-block;
      vertical-align:	top;
	  width:			152px;
	  padding:			10px 10px 0 16px;
	  min-height:		170px;
	  _height:			170px;
	  border-left:		1px dotted #B6B5BC;
	  border-right:		1px dotted #fff;
}

#popup_welcome .popup_welcome-FCAs .popup_welcome-FCA:first-child ,
#popup_welcome .popup_welcome-FCAs .popup_welcome-FCA.popup_welcome-FCA-first
{
	border-left:		none;
	padding-left:		0;
}

#popup_welcome .popup_welcome-FCAs .popup_welcome-FCA:last-child ,
#popup_welcome .popup_welcome-FCAs .popup_welcome-FCA.popup_welcome-FCA-last
{
	border-right:		none;
	padding-right:		0;
}

/*===========================================================
 PopUp share Form
 =========================================================== */
#popup_share_form .popup .main_cont{
	background: none;
	width: 575px;
}
#popup_share_form .btns.btn_close{
	right: -10px;
top: 22px;
}
#popup_share_form .bg_left{
	background: url(../images/backgrounds/bg_internal_popup_l.png) no-repeat left;
	height: 262px;
	float: left;
	width: 23px;
}
#popup_share_form .bg_right{
	background: url(../images/backgrounds/bg_internal_popup_r.png) no-repeat right;
	height: 262px;
	float: left;
	width: 17px;
}
#popup_share_form .wrapperpp{
	background: url(../images/backgrounds/bg_internal_popup_center.png) repeat-x;
	width: 507px;
	float: left;
	padding: 31px 14px 24px;
	margin: 0;
height: 219px;
}

#popup_share_form textarea{
	resize:none;
	height: 67px;
	width: 99%;
}
#popup_share_form label{
	font-size: 11px !important; 
	margin-bottom: 4px !important;
	display: block !important;
	width: 100%  !important;
	color: #666;
}
#popup_share_form fieldset{
	height: 50px;
	margin-bottom: 0;
}
#popup_share_form textarea,
#popup_share_form input[type="text"]{
	margin-bottom: 4px;
}
#popup_share_form .col_medium.margin-right {
    margin-right: 11px;
}

#popup_share_form textarea{
	border: #cfcfcf solid 1px;
	color: #666;
	padding-left: 4px;
}

#popup_share_form input[type="text"], 
#popup_share_form textarea {
border: #CFCFCF solid 1px;
color: #666;
padding-left: 4px;
}

#popup_share_form input[type="text"]
{
width: 241px;
height: 19px;
}

#popup_share_form textarea
{
resize: none;
height: 67px;
width: 499px;
}

#popup_share_form .btns.btn_sendpp {
background: url(../images/buttons/sprite_send.png) no-repeat;
height: 31px;
width: 92px;
}

/* --------------------------------------------------------------------------------------*/
.popup .container_upload {
height: 76px;
width: 192px;
overflow: hidden;  /* importante para que no se vea el input */
position: relative; /* importante para que el input absolute se ancle a el*/
background: url(../images/buttons/sprite_upload_photo.png) no-repeat; /* aki se le pondria el skin del boton */
}

.popup .container_upload .container_upload_input {
position: absolute; /* importante */
z-index: 100;
opacity: 0.01;   /* importante , para no perder los eventos del mouse*/
font-size: 152px;  /* importante */
line-height: 14px; /* importante */
filter: alpha(opacity = 1); /* importante , para no perder los eventos del mouse en IE*/
}