/** Generated by FG **/


.activitiesContainer.socialText{padding:10px; background:url('../images/shark-tracker.png') top; height:90%;  background-size: cover; margin:10px;}
.activitiesContainer{width:50px; float:left; position:relative; top:10px;  margin:10px;}

.DataContainer{ z-index:3;}
.subContent{margin-left:50px;}

.subContent .map_part1_txt .toptxt{color:#fff; font-weight:normal; font-size:1em; line-height:15px;}
.subContent h4{margin:0px; font-size:1em; font-weight:bold;}
.subContent h1{margin:0px;	
		font-size:2em;
		margin:0.3em 0 0.3em;
		text-align:left;
		color:rgb(135, 197, 216);
		text-shadow:0px 0px 0px #000;
	}

.subContainer{width:70%; height:70%;  z-index:3; position:absolute; top:20%; left:70px; background:url('../images/footerBg.png') top;  background-size: cover;
    border-radius: 0px 8px 8px 0px;}
.dragabbleContent{width:100%; height:72%;  z-index:3; position:absolute; top:20%; }

.subBar{width:30px; height:100%;   display:block;  float:left; margin-left:-10px;}
.subBar ul{list-style-type:none; height:100%; margin:0px; padding:0px;}
.subBar ul li{width:30px; height:25%; white-space:nowrap; display:block;    position:relative;  color:#000; background:url('../images/tab.png') bottom center  ;  background-size:36px 100%; cursor:pointer;}
.subBar ul li span{   position:relative; top:76%; left:0px; margin:0px auto; white-space:nowrap; display:block;  font-size:1em; 
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}
.subBar ul li.highlightTab{ color:#ffffff; background:url('../images/selectedTab.png') bottom center repeat-y ;  background-size:36px 100%;}



#slider{width:40px; height:40px;  background:url('../images/slide.png') top ;  background-size: cover;  z-index:3; left:-15px; position:absolute; cursor:pointer;	}

.menuSlider{display:none;}
#link.heighlight{ background: url('../images/footerBg.png') rgba(0, 0, 0, .8)  top repeat-x; height:90px;}
#link.heighlightHome{ background:rgba(0, 0, 0, .8)  top repeat-x; height:95px;  }

#link.heighlight .menuSlider { text-align:center; margin:90px auto; background: url('../images/footerSliderBg.png') top no-repeat; height:31px; line-height:16px; font-size:.95em; color:#A7A7A7; cursor:pointer; display:block; width:100px; }
#link.heighlightHome .menuSlider { display:none;}



.HomeLogo{background:url('../images/logo.png') top center no-repeat ;  background-size:cover; width:500px; height:103px; top: 50%;
position: absolute;
margin-top: -100px;
left: 5%;}

.img0{background:url('../images/slider-img-0.jpg') top center no-repeat ;  background-size:cover; }
.img1{background:url('../images/slider-img-1.jpg') top center no-repeat ;  background-size:cover; }
.img2{background:url('../images/slider-img-2.jpg') top center no-repeat ;  background-size:cover; }

.HomeText{ padding:2%; width:86%; margin:0px auto; color:#fff; top:75%; position:relative; z-index:111111111; background:url('../images/recent_bg.png') top ;  background-size: cover;
 -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border:4px solid rgba(255, 255, 255, .4);
}


.footer{  background-color:#000; height:45px;  
  width:100%; height:37px;
  position:fixed;
  bottom:12px;
  z-index:4;}
.footer .leftpart{  float:left; margin-left:25px;}
ul.footer_nav{ padding:0; }
ul.footer_nav li{ display:block; font-size:1em; float:left;}
ul.footer_nav li a{ text-transform:uppercase; text-decoration:none; display:block;  float:left; color:#fff; 
height: 26px;
padding: 0px 24px 0 20px;
line-height: 26px;
border-left: 1px solid rgb(87, 87, 87);
margin-top: 5px; }
ul.footer_nav li:first-child a{border-left: 0px solid rgb(87, 87, 87);}

ul.footer_nav li a:hover{ color:#ff4e00;}
.line-right{border-right:0;}
.active{ color:#ff4e00!important;}
img{border:none;}
.footer .rightpart{ float:right; margin-right:40px; margin-top:8px;}
.footer .rightpart .icon1{ float:left; height:20px; width:10px; margin-right:31px; background:url('../images/fb.png') bottom center  ;  background-size:10px 20px;}
.footer .rightpart .icon2{ float:left; height:20px; width:15px; margin-right:22px;  background:url('../images/twitter.png') bottom center  ;  background-size:15px 20px;}
.footer .rightpart .icon3{ float:left; height:20px; width:21px;  background:url('../images/you_tube.png') bottom center  ;  background-size:21px 20px;}
#pageLoader{
position:absolute; top:50%; left:50%; height:60px; width:60px; margin-left:-50px; margin-top:-50px; z-index:11111; 
 background:url('../images/recent_header_bg.png') top ;  background-size: cover;
 -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border:2px solid rgba(255, 255, 255, .4); text-align:center; padding:10px; color:#fff; font-weight:bold; line-height:34px;
}

.activitiesdata{-webkit-border-radius:4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border:1px solid rgba(255, 255, 255, .4);  min-height:75px; margin: 5px; margin-top:90px; padding:0px; background:#fff;}
 .activitiesdata .activitiesdataCnt{display:none;}
 .activitiesdata .activitiesdataCnt:first-child{display:block;}
 .nob{background:url('../images/top_arrow2.png') top center  ; width:28px; height:20px; margin-top:-15px; display:block; position:relative; left:17px;}
 .cData{padding:5px;}

 .overlayDiv{background:url('../images/1x1.png') top center repeat; position:fixed; left:15px; top:15px; bottom:15px; right:15px; z-index:1; }

 
#searchPnl{padding:5px;  background:url('../images/activitiesBg.png') top ;  background-size: cover;
 width:23%; max-height:none!important;  margin: 5px; border:1px solid rgba(255, 255, 255, 0.4); cursor: move;}
#map_canvas{position:absolute !important;}
.searchScroller{ margin:5px;margin-right:3px;}
.activitiesBg{background:#031C34 none repeat scroll 0 0; height:70px; margin:5px; cursor:move; }
.activitiesBg .catLogo{background:url('../images/GlobalSharkTracker_Logo_25feb2016.png') no-repeat bottom; height:51px; width:121px;margin: 0px auto;
padding-top: 11px;  }
.activitiesBgLast{background:#031C34 none repeat scroll 0 0;height:45px; margin:5px; cursor:move;}
.activitiesBgLast .donateLogo{background: rgba(0, 0, 0, 0) none no-repeat scroll center bottom;
    color: #fff;
    font-size: 18px;
    line-height: 45px;
    margin: 0 auto;
	text-align: center;
    width: 107px;}

#searchPnl > div.activitiesBgLast > a{text-decoration:none;}

.activitiesBg .ocearchLogo{background:url('../images/logo_mobile.png') no-repeat bottom; height:51px;margin: 0px auto;
padding-top: 11px;  }
.activitiesBg .ocearch_cat_logo{background:url('../images/GlobalSharkTracker_Logo_25feb2016.png') no-repeat bottom; height:70px;margin: 0px auto;
padding-top: 11px;  }


.searchData{
  border:1px solid rgba(255, 255, 255, .4);  min-height:75px; margin:5px; padding:0px; background:#fff; cursor: text!important;}

  .searchtabhd {border:1px solid rgba(148, 148, 148, 0.24); font-weight:bold; color:#053756; font-size:1em; line-height:32px;  background:url('../images/tabBg.png') bottom repeat-x; padding:5px 10px 5px 8px;cursor:pointer;}
  .toggleDiv{padding:10px 0 10px 4px; /*padding-right:0px;*/ }
  .showhide{width:15px; height:15px; float:right;   background:url('../images/tabClose.png') bottom repeat-x; margin-top:8px;}
  .open .showhide{background:url('../images/tabOpen.png') bottom no-repeat; }
 #searchPnl .mCSB_container{margin-right:20px !important;}
 .searchtabhd .icon{width:27px; height:20px;  margin-top:6px; display:block; float:left; margin-right:4px;}
 .searchtabhd.trackingIcon .icon{  background:url('../images/tracking_icon.png') center no-repeat;}
  .searchtabhd.sharkIcon .icon{  background:url('../images/shark_icon.png') center no-repeat;}
.detailPopup{padding:2px;  background:url('../images/activitiesBg.png') top ;  background-size: cover; -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border:1px solid rgba(255, 255, 255, .4); width:321px; height:60%;  z-index:6; margin: 15px; position:absolute; top:20%; left:50%; margin-left:-160px;}
.popupScroll{
   border:1px solid rgba(255, 255, 255, .4);  margin:5px; padding:0px; padding:6px; background:#fff; position: absolute;
top: 2px;
bottom: 2px;
}
#profile.profileClass{padding:10px; padding-right: 0px; height: 205px;}
#profile.profileClass .mCSB_container{margin-right: 20px  !important;}


.closePopup{position:absolute; right:0px; width:36px; height:36px; display:block; cursor:pointer; background:url('../images/close.png') center no-repeat;
z-index: 1;
margin-top: -15px;
margin-right: -15px;}



/* for ipad  in landscape mode */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

.header .logo {
    float: left;
    height: 42px;
    padding: 21px 0 0;
    width: 231px;
}

.menu_part {
    float: left;
    margin-left: 31px;
    width: 64%;
}

ul#menu, ul#menu ul.sub-menu { 
    margin: 0;
    padding: 0;
}

ul#menu li {
    display: inline-block;
    float: left;
    line-height: 104px;
    position: relative;
    width: 16%;
}
ul#menu li, ul#menu ul.sub-menu li { 
    display: inline-block;
    list-style-type: none;
}

ul#menu li a {
    border-left: 1px solid #014370;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    height: 50px;
    line-height: 16px;
    padding: 35px 0 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

.menutxt {
    display: inline-block;
}

ul#menu li ul.sub-menu {
    background: url("../images/menu_hover.png") repeat scroll 0 0 transparent;
    border: 1px solid #006FB2;
    display: none;
    left: 0;
    position: absolute;
    top: 85px;
    width: 100%;
}


.submenu_part {
    width: 100% !important;
}

.submenu_img {
    background: none repeat scroll 0 0 #091930;
    border: 1px solid #006FB2;
    margin: 4px;
    padding: 0 4px;
}

.submenu_txt {
    border-top: 1px solid #006FB2;
    color: #FFFFFF;
    font-size: .8em;
    font-weight: bold;
    line-height: 15px;
    margin-top: 6px;
}


.expedition_part {
    background: url("../images/circle.gif") no-repeat scroll center center transparent;
    color: #FFFFFF;
    float: right;
    font-size: 1em;
    font-weight: bold;
    height: 45px;
    line-height: 43px;
    margin-top: 22px;
    text-align: center;
    text-transform: uppercase;
}


}

/* for ipad  in landscape mode */


/* for ipad  in portrait mode */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

.header .logo {
    float: left;
    height: 42px;
    padding: 21px 0 0;
    width: 185px;
}

.menu_part {
    float: left;
    width: 64%;
}

ul#menu, ul#menu ul.sub-menu { 
    margin: 0;
    padding: 0;
}

ul#menu li {
    display: inline-block;
    float: left;
    line-height: 104px;
    position: relative;
    width: 16%;
}
ul#menu li, ul#menu ul.sub-menu li { 
    display: inline-block;
    list-style-type: none;
}

ul#menu li a {
    border-left: 1px solid #014370;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    height: 50px;
    line-height: 16px;
    padding: 35px 0 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

.menutxt {
    display: inline-block;
}

ul#menu li ul.sub-menu {
    background: url("../images/menu_hover.png") repeat scroll 0 0 transparent;
    border: 1px solid #006FB2;
    display: none;
    left: 0;
    position: absolute;
    top: 85px;
    width: 100%;
}


.submenu_part {
    width: 100% !important;
}

.submenu_img {
    background: none repeat scroll 0 0 #091930;
    border: 1px solid #006FB2;
    margin: 4px;
    padding: 0 4px;
}

.submenu_txt {
    border-top: 1px solid #006FB2;
    color: #FFFFFF;
    font-size: .8em;
    font-weight: bold;
    line-height: 15px;
    margin-top: 6px;
}


.expedition_part {
    background: url("../images/circle.gif") no-repeat scroll center center transparent;
    color: #FFFFFF;
    float: right;
    font-size: 1em;
    font-weight: bold;
    height: 45px;
    line-height: 43px;
    margin-top: 22px;
    text-align: center;
    text-transform: uppercase;
}


}


.boxclose{padding: 2px 4px; color: rgb(27, 121, 183); font-size: .85em; background: #063765; border:#1B79B7 1px solid; color:#fff; cursor:pointer; font-family:'Conv_GothaBoo';}

#tracking #trackingForm p{ padding-bottom:0px;}
.commentmetadata{ font-size:.85em; float:left; }
.mCSB_container .content p{ line-height:18px!important;}
.content_2 content{ font-size:1em!important; line-height:16px!important;}
#donotshowlink{text-decoration: underline; display:block; text-align: center; width:auto;}


/**Map css **/

.ping-24 {
	width: 54px;
	height: 46px;
	background: url(../images/pings.png) no-repeat;
	position: absolute;
	z-index: 9999;
}
.ping-30 {
	width: 54px;
	height: 46px;
	background: url(../images/pings.png) 0 -46px no-repeat;
	position: absolute;
	z-index: 9999;
}
.ping-morethan30 {
	width: 54px;
	height: 46px;
	background: url(../images/pings.png) 0 -92px no-repeat;
	position: absolute;
	z-index: 9999!important;
}
	.pingInfo {
		position: absolute;
		bottom: 20px;
		left: 10%;
		/*height: 148px;*/ height: 12em;
/*		width: 330px;*/
               /* width: 298px;*/
/*		width:365px;*/
                width:385px;
		display: block;
		z-index: 100;
		background: url(../images/pingBg.png) repeat-x top right;
		font-size: 1.1em;
		padding: 10px;
		border-radius: 8px;
		padding: 10px 18px;
                background-size:420px;
		z-index: 101;
        box-shadow: 5px 0 10px #333;
	}
        .closeButton {
            position: absolute;
            top: -18px;
            right: -18px;
            cursor: pointer;
            z-index: 8040;
        }
		.pingName {
			float: left;
			width: 330px;
			height: 25px;
			color: #053756;
			font-weight: bold;
			font-size: 1.2em;
		}
		.pingDate {
			/*text-transform: uppercase;*/
			font-weight: bold;
            font-size: .9em;
		}
		.pingPic {
			float: left;
			width: 105px;
		}
			.pingPic img {
				text-align: center;
				border: 4px solid #ffffff;
				box-shadow: 0 0 5px #666;
			}
		.pingText {
			float: left;
width: 251px;
font-size: .9em!important;
line-height: 1.3em; font-family:'Conv_GothaBoo'!important;
margin-left: 8px;
		}
		.pingInfo img.arrow {
			position: absolute;
			left: 145px;
			bottom: -37px;
		}
.pingInfoMobile {
	position: absolute;
	bottom: 20px;
	left: 10%;
	height: 88px;
	width: 180px;
	display: block;
	z-index: 100;
	background: url(../images/pingBg.png) repeat-x top right;
	font-size: 1.1em;
	padding: 10px;
	border-radius: 8px;
	padding: 10px 20px;
	z-index: 101;
	box-shadow: 5px 0 10px #333;
	text-align: center;
}
	.pingInfoMobile .pingName {
		width: 180px;
	}
	.pingInfoMobile .pingDate {
		font-weight: normal;
		text-transform: none;
	}
.pingInfoMobile img.arrow {
	position: absolute;
	left: 88px;
	bottom: -36px;
}
.pingInfoSmall {
	position: absolute;
	bottom: 20px;
	left: 10%;
	height: 38px;
	width: 180px;
	display: block;
	z-index: 100;
	background: url(../images/pingBg.png) repeat-x top right;
	font-size: 1.1em;
	padding: 10px;
	border-radius: 8px;
	padding: 10px 20px;
	z-index: 101;
	box-shadow: 5px 0 10px #333;
	text-align: center;
}
	.pingInfoSmall .pingName {
		width: 180px;
	}
	.pingInfoSmall .pingDate {
		font-weight: normal;
	}
.pingInfoSmall img.arrow {
	position: absolute;
	left: 88px;
	bottom: -36px;
}


.InfoBoxSmallWithPingControls {
	position: absolute;
	bottom: 20px;
	left: 10%;
	height: 80px;
	width: 180px;
	display: block;
	z-index: 100;
	background: url(../images/pingBg.png) repeat-x top right;
	font-size: 1.1em;
	padding: 10px;
	border-radius: 8px;
	padding: 10px 20px;
	z-index: 101;
	box-shadow: 5px 0 10px #333;
	text-align: center;
}
	.InfoBoxSmallWithPingControls .pingName {
		width: 180px;
	}
	.InfoBoxSmallWithPingControls .pingDate {
		font-weight: normal;
	}
.InfoBoxSmallWithPingControls img.arrow {
	position: absolute;
	left: 88px;
	bottom: -36px;
}

.gm-style div, .gm-style span, .gm-style label, .gm-style a{ font-family:'Conv_GothaBoo'!important;}
/****End map css here**/


#loading_message{font-size:.8em;position:absolute;top:50%;left:50%;height:60px;width:60px;margin-left:-50px;margin-top:-50px;z-index:11111;background:url('../images/recent_header_bg.png') top;background-size:cover;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;border:2px solid rgba(255, 255, 255, .4);text-align:center;padding:10px;color:#fff;font-weight:normal;line-height:34px;}
.blue_small{font-size: 0.78em !important; /*font-weight: normal;*/}