@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,700italic,400italic);

body {font-family: 'Source Sans Pro', sans-serif; font-size: 14px; color: #666;}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.popupContainer{
	position:absolute;
	width:330px;
	height: auto;
	left:45%;
	top:80px;
	background: #FFF;
}

#modal_trigger { width:165px; display:block; float:right; background:#a0897c; color:#fff; opacity:1.0;}



.btn {padding:10px 20px; background: #F4F4F2;}
.btn_red {background: #C12B05; color: #FFF; opacity:1.0!important;}

.btn:hover {background: #E4E4E2;}
.btn_red:hover {background: #ED6347;}

.btn_list{
    margin-top:15px;
}

a.btn {color:#666; text-align: center; text-decoration: none;}
a.btn_red {color: #FFF;}

.one_half.last {width:283px;}

/* Popup Styles*/
.popupHeader {font-size:16px; text-transform: uppercase;}
.popupHeader {background:#F4F4F2; position:relative; padding:10px 20px; border-bottom:1px solid #DDD; font-weight:bold;}
.popupHeader .modal_close {position: absolute; right: 0; top:0; padding:10px 15px; background:#E4E4E2; cursor: pointer; color:#aaa; font-size:16px;}

.popupBody {padding:20px;}


/* Social Login Form */

.centeredText {text-align: center; margin: 20px 0; clear: both; overflow: hidden; text-transform: uppercase;}

.action_btns {clear:both; overflow: hidden;}
.action_btns a {display: block;}

/* User Login Form */
.user_login {display: block;}
.user_login label {display: block; margin-bottom:5px;}
.user_login input[type="text"], .user_login input[type="email"], .user_login input[type="password"] {display: block; width:90%; padding: 10px; border:1px solid #DDD; color:#666;}
.user_login input[type="checkbox"] {float:left; margin-right:5px;}
.user_login input[type="checkbox"]+label {float:left;}

.user_login .checkbox {margin-bottom: 10px; clear: both; overflow: hidden;}
.forgot_password {display:block; margin: 20px 0 10px; clear: both; overflow: hidden; text-decoration: none; color:#ED6347;}

/* map */
.about_fleet a{
    color:#00BFFF;
}
.vesselmap{
    float:left;
    width:100%;
}

.vessellist{
    float:left;
    margin-left:20px;
    display:none;
}


.vessellist li{
    cursor:pointer;
     list-style:circle;
     font-weight:600;
     font-size:16px;
}


.contact_fleet a{
    color:#0000FF;
    text-decoration:underline;
}

.currentlogin{
    font-size:18px;
    margin-top:25px;
    margin-right:30px;
}



.tracking_paragraph{
    float:left;
    margin-left: 70px;
}

.tracking_title{
    color: #cc0000;
    font-size:20px;
    font-weight:600;
}

.tracking_title span{
    color:#000; 
    margin-left:10px;
    font-weight:600;
    font-size:25px;
}


.tracking_sub_title{
    margin-top:10px;
    color: #cc0000;
    font-size:15px;
    letter-spacing: 2px;
    font-weight:600;
    margin-top:40px;
    
}

 


.tracking_sub_content{
    width:230px;
    border-bottom:1px dotted #000;
    margin-bottom:5px;
    vertical-align:top;
    overflow:hidden;
  
}

.tracking_sub_content img{
    width:240px;
    height : 120px;
}

.tracking_sub_content div{
    float:left;
} 

.tracking_sub_content b{
    font-size:14px;
 
}

.note{
    float:left; 
    border:1px solid #000; 
    padding:10px;
    font-size:14px;
}