/* ------------------------ Global Formatting -------------------------- */

table,td,p,div,span
		{	font-size:12px;
			font-family:arial, 'sans serif';
			padding:0px;
			margin:0px;
			border:0px;
			border-collapse:collapse;
			text-align:left;
			color:#000000;
			vertical-align:top;
		    }

body 	
		{	background-color:#ffffff;
	  		text-align: center; /* for IE */ 
            margin:0px;
	 	    }

img 	
		{	border: 0;
		    }
		    
h1
        {   
            }
            
h2
        {   font-size:22px;
			margin-bottom:10px;
			margin-top:0px;
            }
            
h3
        {   margin-bottom:5px;
            }
            
hr
        {   height:1px;
            color:#BAD1BF;
            margin-top:5px;
            margin-bottom:5px;
            }
            
/*------------------------ Container ----------------------------*/

.Container
        {   /*width:975px; Previous Style*/	
			width:96%;
			background-color:#ffffff;		
            margin: 0 auto;
	        text-align:left;
            }             
            
/*-------------------------- Header ------------------------------*/
.YWHeader
		{	width:100%;			
			}
    
.TopHeader
        {   /*width:945px; Previous Style*/
			width:100%;
			height:21px;
			line-height:18px;
			padding-right:30px;
			text-align:right;
			font-size:11px;
			background-color:#e8e8e8;
            background-image:url(../images/HeaderBG.gif);
            background-repeat:no-repeat;
            background-position:right;
            }
            
.Logo
		{	width:375px;
			height:69px;
			background-color:Blue;
			}   
			
.HeaderSpacer
		{	width:100%;
			}			       
			
.Menu
		{	width:618px;
			height:52px;
			padding-bottom:17px;
			vertical-align:bottom;
			text-align:right;
			}	
			
.TopGreenBar
		{	width:100%;
			height:2px;
			/*background-color:#BAD1BF;*/
			background-color:#7b9ca4;
			}        
    
/*-------------------------- Body ---------------------------------*/

.YWBody
        {   width:100%;
			margin-top:2px;
            }
            
.MainFlash
        {   width:100%;
			margin-bottom:7px;
			height:319px;
            }
            
.MainFlashLeft
		{	width:448px;
			height:319px;
			}
			
.MainFlashCenter
		{	background-color:#133c4c;
			background-image:url(../images/HomeShipBG.jpg);
			background-repeat:repeat-x;
			}
			
.MainFlashRight 
		{	width:482px;
			height:319px;
			text-align:right;
			}           
            
.BodyText
		{	width:100%;
			}  
			
.BodyFull 
		{	width:100%;
			padding-top:10px;
			}

.BodyLeft
		{	padding-right:30px;
			padding-top:9px;
			}
			
.BodyRight	
		{	width:364px;
			padding-top:9px;
			}			          

/* -------------------- Body  Formatting ----------------------- */       

.SelectVesselButton
	{	background-color:#f2f2f2;
		border:solid 1px #cccccc;
		padding:10px;
		}
		
.SelectVessel
	{	font-size:14px;
		font-weight:bold;
		color:Navy;
		text-decoration:none;
		padding-top:10px;
		padding-bottom:10px;
		}
			
		
.BlueTableHeader /* The header table for information columns */
	{	width:100%;
        background-color:#61b9fc;
        border-left:solid 6px #024d86;
        margin-bottom:10px;
        margin-top:10px;
        color:White;
		}
		
.BlueTDHeader
	{	padding:5px;
		font-weight:bold;
		font-size:14px;
		color:White;
		}		
		
.LabelHeader /* The table where the vessel information is displayed */
	{	width:100%;
		height:96px;
		border-bottom:none;
		background-color:#f2f2f2;
		background-image:url(../images/boxes/VesselBG.gif);
        background-repeat:no-repeat;
        border-top:solid 5px #024d86;
        border-bottom:solid 1px #dadadd;
        margin-bottom:20px;
        margin-top:20px;
		}
		
.EventsMap
		{	position:relative;
			width:100%; 
			height:450px;
			}
			
.VesselDesigneeDiv /* DIV that wraps the Vessels table */
		{	/*border:solid 1px #9c9ca6;*/
			}	
			
.GeoFenceDefinition
		{	border:solid 1px #9696ac;
			border-bottom:none;
			background-color:#ffff99;
			padding:10px;
			font-size:14px;
			font-weight:bold;
			}									
						
.GreenBox  
		{	background-color:#BAD1BF;
			background-image:url(../images/boxes/GreenCorner.gif);
			background-repeat:no-repeat;
			background-position: bottom right;
			padding:10px;
			}   
			
.GreenTable
		{	width:344px;
			background-color:#e2efe7;
			}			      

.InputText
		{	padding-top:3px;
			padding-bottom:3px;
			padding-right:3px;
			}
			
.InputField
        {	padding-top:0px;
			padding-bottom:3px;
			padding-left:3px;
			}   
			
.Label
		{	
			}			
			
.BoxUL
		{	margin-top:0px;
			margin-left:53px;
			margin-right:20px;
			}
			
.BoxLI
		{	padding-bottom:5px;
			}
			
.Large
		{	font-size:12px;
			width:250px;
			}									 
 
.Medium
		{	font-size:12px;
			width:175px;
			vertical-align:top;
			}
			
.TextArea	
		{	font-size:12px;
			width:240px;
			height:100px;
			vertical-align:top;
			}	
			
.PositiveMessage
        {   background-color:#3dd244;
            border:solid 1px #00a600;
            color:#ffffff;
            font-size:11px;
            font-weight:bold;
            padding:8px;
            margin-top:8px;
            margin-bottom:8px;            
            }
            
.NegativeMessage
        {   background-color:#dd1818;
            border:solid 1px #af0000;
            color:#ffffff;
            font-size:11px;
            font-weight:bold;
            padding:8px;
            margin-top:8px;
            margin-bottom:8px;            
            }		
            
.YWPushPin
		{	width:38px;
			height:24px;
			position:relative; top:3px; left:-4px;
			background-repeat:no-repeat;
			/*opacity:.6;
			filter:alpha(opacity=60);*/
			
			}            	

/*---------------------- Button Formatting ----------------------*/
		
.Button
        {   clear:both; 
            padding-bottom:5px;
            height:22px;
            }
            
.ImageButton
        {   float:left;         
            margin-right:15px;
            height:22px;
            margin-bottom:5px;
            }
            
.ImageButtonDisabled
        {   float:left;         
            margin-right:15px;
            height:22px;
            margin-bottom:5px;
            }            

.ImageButtonLeftOff
        {   background-image: url(../images/buttons/left.gif);
            width:13px;
            height:22px;
            float:left;
            }
            
.ImageButtonCenterOff
        {   background-image: url(../images/buttons/center.gif);
            height:22px;
            line-height:21px;
            font-size:11px;
            font-weight:bold;
            float:left;
            }
            
.ImageButtonRightOff
        {   background-image: url(../images/buttons/right.gif);
            width:14px;
            height:22px;
            float:left;
            }	
            
.ImageButtonDisabledLeftOff
        {   background-image: url('../images/buttons/left_off.gif');
            width:13px;
            height:22px;
            float:left
            }
            
.ImageButtonDisabledCenterOff
        {   background-image: url('../images/buttons/center_off.gif');
            height:22px;
            line-height:21px;
            font-size:11px;
            font-weight:bold;
            float:left
            }
                                    
.ImageButtonDisabledRightOff
        {   background-image: url('../images/buttons/right_off.gif');
            width:14px;
            height:22px;
            float:left
            }               		

/*-------------------------Input Formatting----------------------------*/

.InputTable
	{	margin-bottom:10px;
		border-top:solid 5px #bad1bf;
		}
		
.InputContainer /* Table that surrounds input boxes */
	{	border:solid 1px #bad1bf;
		padding:10px;
		}

.Text
	{	font-size:11px;
		padding:3px;
		padding-top:2px;
		padding-bottom:2px;
		vertical-align:middle;
		}

.Field
	{	font-size:11px;
		padding:3px;
		padding-top:2px;
		padding-bottom:2px;
		}
		
.Large
	{	font-size:11px;
		width:170px;
		}
		
.Medium
	{	font-size:11px;
		width:120px;
		}
		
.Small
	{	font-size:11px;
		width:70px;
		}
		
.DropDownList
	{	font-size:11px;
		}				
				
/*------------------------Primary Info Grid ----------------------------*/

.Grid
        {   /*width:100%;*/
            border:solid 1px #9c9ca6;
            }
            
.GridHeaderItem
        {   background-image: url(../images/grids/primary_grid_header.gif);
            background-repeat: no-repeat;
            background-position:bottom right;
            font-family: Arial, Sans-Serif;
            font-weight: bold;
            font-size: 12px;
            text-align: center;
            color: #0a0a1e;
            padding-left:10px;
            padding-right:10px;
            padding-top:6px;
            padding-bottom:6px;
            border: none;
            }
            
.GridItem
        {   background-image: url(../images/grids/primary_grid_line.gif);
            background-repeat: no-repeat;
            background-position: top right;
            padding-left:20px;
            padding-right:20px;
            text-align:left; 
            padding-top:6px;
            padding-bottom:6px;
            border: none; 
            font-size:11px;
            text-align: center;           
            }
                        
.GridAltItem
        {   background-image: url(../images/grids/primary_grid_line_alt.gif);
            background-repeat: no-repeat;
            background-position: top right;
            padding-left:20px;
            padding-right:20px;
            text-align: left;
            padding-top:6px;
            padding-bottom:6px;
            border: none;
            font-size:11px; 
            text-align: center;
            }
            
          
            
.TallGridItem
        {   background-image: url(../images/grids/tall_primary_grid_line.gif);
            background-repeat:repeat-y;
            background-position: top right;
            padding-left:3px;
            padding-right:9px;
            padding-top:10px;
            padding-bottom:9px;
            text-align:center;
            border: none; 
            font-size:11px;            
            }
                        
.TallGridAltItem
        {   background-image: url(../images/grids/tall_primary_grid_line_alt.gif);
            background-repeat:repeat-y;
            background-position: top right;
            padding-left:3px;
            padding-right:9px;
            padding-top:10px;
            padding-bottom:9px;
            text-align:center;
            border: none;
            font-size:11px; 
            }

.ExpandedCell
        {   background-image: url(../images/grids/primary_expanded_line.gif);
            background-repeat:no-repeat;
            background-position: top right;
            border:none;
			padding-right: 5px;
			padding-left: 0px;
			height: 35px;
			text-align:center;
			font-size:11px; 
			}
            
.GridSortAcs
        {   background-image:url(../images/grids/sort_ascending1.gif);
            width:13px;
            height:7px;      
            }
            
.GridSortDesc
        {   background-image:url(../images/grids/sort_descending1.gif);
            width:13px;
            height:7px;      
            }
            
.GridDisabledItem
        {   color:#000000;
            }            

/*------------------------Secondary Info Grid ----------------------------*/

.SGridHeaderItem
        {   background-image: url(../images/grids/primary_grid_header.gif);
            background-repeat: no-repeat;
            background-position:bottom right;
            font-family: Verdana, Sans-Serif;
            font-weight: bold;
            font-size: 11px;
            text-align: center;
            color: #000000;
            padding-top:6px;
            padding-left:5px;
            padding-right:7px;
            height:15px;
            padding-top:5px;
            padding-bottom:5px;
            border: none;
            }
           
.SGridItem
        {   background-image: url(../images/grids/secondary_grid_line.gif);
            
            background-position: right;
            padding-left:5px;
            padding-right:7px;
            text-align:center;            
            padding-top:8px;
            padding-bottom:8px;
            border: none;
            font-weight:normal;
            font-size:11px; 
            text-align:left;           
            }

.SGridAltItem
        {   background-image: url(../images/grids/secondary_grid_line_alt.gif);
            
            background-position: right;
            padding-left:5px;
            padding-right:7px;
            text-align: center;
            padding-top:8px;
            padding-bottom:8px;
            border: none;
            font-weight:normal;
            font-size:11px;
            text-align:left;
            }
            
.STallGridItem
        {   background-image: url(../images/grids/tall_s_grid_line.gif);
            background-repeat:repeat-y;
            background-position: top right;
            padding-left:3px;
            padding-right:9px;
            padding-top:10px;
            padding-bottom:9px;
            text-align:center;
            border: none;            
            }

.STallGridAltItem
        {   background-image: url(../images/grids/tall_s_grid_line_alt.gif);
            background-repeat:repeat-y;
            background-position: top right;
            padding-left:3px;
            padding-right:9px;
            padding-top:10px;
            padding-bottom:9px;
            text-align:center;
            border: none;
            } 
            
.SExpandedCell
        {   background-image: url(../images/grids/primary_expanded_line.gif);

            background-repeat:no-repeat;
            background-position: top right;
            border:none;
			padding-right: 5px;
			padding-left: 0px;
			height: 35px;
			text-align:center;
			}
/*-------------------- First / Last Cell Properties -------------*/

.LeftMostCell
		{
			}
		
.RightMostCell
		{	background-position:bottom left;
			}  
                      
/* ------------------------------ Footer ---------------------------------- */ 

.YWFooter
        {   width:100%;
            height:40px; 
            border-top:solid 1px #cccccc;
            margin-top:15px;
            padding-top:5px;           
            }
            
.YWFooterTable
		{	width:100%;
			}            
            
.FooterLeft
        {   width:50%;
            font-size:10px;
            } 
            
.FooterRight
        {   width:50%;
            text-align:right;
            font-size:12px;
            }                       
/* ------------------------ Align, Font Styles ---------------------------- */     

.AlignLeft
		{	text-align:left;			
			}

.AlignCenter
		{	text-align:center;	
			}

.AlignRight  
		{	text-align:right;	
			}
			
.Bold
		{	font-weight:bold;
			}
			
.Normal	
		{	font-weight:normal;
			}
					        
/* ---------------------------- Link Styles ------------------------------- */   

a:link    
		{	color:#0000ff;
		    }
		
a:visited 
		{	color:#0000ff;
		    }
		
a:active  
		{	color:#0000ff;
		    }
		
a:hover   
		{	color:#0000ff;
		    text-decoration: none;
		    }    
		  
.Highlight a:link    
		{	text-decoration:none;
		    background-color:#ffffff;
		    }
		
.Highlight a:visited 
		{	text-decoration:none;
		    background-color:#ffffff;
		    }
		
.Highlight a:active  
		{	text-decoration:none;
		    background-color:#ffffff;
		    }
		
.Highlight a:hover   
		{	text-decoration:none;
		    background-color:#d1e7ff;
		    cursor:pointer;
		    } 
		    
.HeaderLinks a:link    
		{	text-decoration:none;
		    font-size:11px;
		    font-weight:bold;
		    }
		
.HeaderLinks a:visited 
		{	text-decoration:none;
		    font-size:11px;
		    font-weight:bold;
		    }
		
.HeaderLinks a:active  
		{	text-decoration:none;
		    font-size:11px;
		    font-weight:bold;
		    }
		
.HeaderLinks a:hover   
		{	text-decoration:underline;
		    font-size:11px;
		    font-weight:bold;
		    }    
		    
/* BoldMethod Image Button */		    
.ImageButtonCenterOff a:link    
		{	text-decoration:none;
		    color:#000000;
		    }
		    
.ImageButtonCenterOff a:visited    
		{	text-decoration:none;
		    color:#000000;
		    }
		    		    	    
.ImageButtonCenterOff a:active    
		{	text-decoration:none;
		    color:#000000;		    
		    }
		    
.ImageButtonCenterOff a:hover   
		{	text-decoration:none;
		    color:#000000;
		    position:relative;top:1px;left:1px;
		    }
		    
.ImageButtonDisabledCenterOff  a:link
        {   color:#646464;
            text-decoration:none;
            }
            
.ImageButtonDisabledCenterOff  a:visited 
        {   color:#646464;
            text-decoration:none;
            }
            
.ImageButtonDisabledCenterOff  a:active
        {   color:#646464;
            text-decoration:none;
            }
            
.ImageButtonDisabledCenterOff  a:hover
        {   color:#646464;
            text-decoration:none;
            }		   
            
.SelectVessel  a:link
		{	color:Navy;
			} 
			
		
.SelectVesselOn
	{	font-size:17px;
		text-decoration:none;		
		}
		
.SelectVesselOff
	{	font-size:12px;
		color:#0000c8;
		}			              
            
/*------------------ Left Navigation Menu ------------------*/

.SideNavMenu
	{	width:220px;
		background-image:url(../images/SideNavMenu/NavMenuBG.gif);
		background-repeat:repeat-y;	
		}
		
.SideNavMenuHeaderContainer
	{	width:220px;
		height:43px;
		}	
			
.SideNavItemHeaderContainer
	{	width:220px;
		}	
		
.SideNavMenuItemsContainer		/* Contains all items between header and footer */ 
	{	width:220px;
		}
		
.SideNavItemNodeContainer
	{	height:0px;
		}

.SideNavItemIconContainer		/* Icon image */
	{	float:left;
		padding-right:5px;
		}

.SideNavItemContentContainer	/* Text container next to icon image */
	{	float:left;
		padding-left:30px;
		padding-bottom:10px;
		font-size:12px;
		color:#005eab;
		}
		
.SideNavItemContentContainer a:link	/* Text container next to icon image */
	{	font-size:14px;
		color:#005eab;
		}	
		
.SideNavItemContentContainer a:visited	/* Text container next to icon image */
	{	font-size:14px;
		color:#005eab;
		}	
		
.SideNavItemContentContainer a:active	/* Text container next to icon image */
	{	font-size:14px;
		color:#005eab;
		}
		
.SideNavItemContentContainer a:hover	/* Text container next to icon image */
	{	font-size:14px;
		color:#005eab;
		}						

z
.SideNavItemContent				/* Clickable text */
	{	color:#005eab;
		text-decoration:none;
		}			
		
.SideNavMenuFooterContainer
	{	background-image:none;
		width:220px;
		height:43px;
		}
		
.SideNavMenuFooterImage
	{	width:220px;
		height:43px;
		background-image:none;
		}
		
.SniDepth_0
	{	font-size:13px;
		font-weight:bold;
		padding-top:15px;
		clear:both;
		}	

.SniDepth_1
	{	margin-left:30px;
		padding-top:5px;
		font-size:10px;
		font-weight:normal;
		clear:both
		}