/*
LAYOUT --------------------- */

#container {
	position:relative;
	width: 100%;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float:left;	
	display: block;
	}
	
			
		#branding{
			float: left;
			display: block;
			width: 100%;
			height: 55px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			background: url(masterPage/branding-bg.gif) 0px 0px;
	
		}	

				/* START secondaryNav OLD CODE DELETE WHEN DEPLOYED TO ALL APPS --------------------- */			
				#logoCompany{
					float: left;
					height: 55px;
					width: 200px;
					margin: 0px 5px 0px 5px;
				}	
				
				#secondaryNav{				   
					float: right;
					width: 165px;
					margin: 5px 15px 0px 0px;
					padding: 0px 0px 0px 0px;
/*					z-index: 999;
*/				}	
				/* END secondaryNav OLD CODE DELETE WHEN DEPLOYED TO ALL APPS --------------------- */							
				
				#siteCode{
					position: absolute;
					top: 27px;
					left: 57px;
					float: left;
					height: 25px;
					width: 200px;
				}	
				
				#myMenu {
					position:relative;
					float: left;
					width: 100px;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					z-index: 1;
				}
				
		#nav{
			width: 100%;
			float: left;
			display:block;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background-image: url(masterPage/nav-bg.gif); 
			z-index: 999;
			/*background-color:#ff0000;*/
		}	
		
		#header{
			width: 100%;
			height: 60px;
			display:block;
			float:left;
			margin: 0px 0px 0px 0px;
			border-bottom: 1px #B5CDEE solid;
			background-image: url(masterPage/header-bg.gif);
			/*background-color:#ff0000;*/
		}	
		
				#pageHeading{
					width: 50%;
					display:block;
					float:left;
					margin: 0px 0px 0px 0px;
					padding: 0px 10px 10px 10px;
					/*background-color:#ff0000;*/
				}	
				
				#headerNav{
					width: 30%;
					display:block;
					float:right;
					text-align: right;
					margin: 0px 0px 0px 0px;
					padding: 10px 10px 10px 10px;
					/*background-color:#ff0000;*/
				}	
				
			#main{
			width: 100%;
			float: left;	
			min-height: 80%; /*added height to display bg on short pages */
			background: url(masterPage/subnav-bg.jpg) repeat-y top left;


		}	
		#mainNavCell { /* RJS 13/03/2009 added bg to cell in addition to #main to ensure repeating on large pages */
			background: url(masterPage/subnav-bg.jpg) repeat-y top left;


		}
			
				/* see table.css */

			
	
		#footer
		{
			clear: both;
			width: 100%;
			margin: 1px 0px 0px 0px;
			padding: 10px 0px 0px 0px;
			height: 80px;
			text-align: center;
			background-image: url(masterPage/footer-bg.gif);
		}
		
		#baseNav{  
		    float: left;
		    display: block;		    
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;             
            width: 100%;
          
            }

/*
P.I.E. FLOAT CLEARING
See https://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */		

  .ContextMenuPanel 

{
	border: 1px solid #cccccc;
	z-index: 1000;
	background: url(images/subnav-section-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 5px 5px 5px 1px;
	font-size: 9px;
	width:148px;
	text-align: right;
}



.ContextMenuBreak

{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	

}



a.ContextMenuItem

{
	margin: 1px 0px 1px 0px;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 5px 4px 1px;
	white-space: nowrap;
	width:141px;
	
}



a.ContextMenuItem-Selected

{
	font-weight: bold;
}



a.ContextMenuItem:hover

{
	background-color: #e0e9f7;
	color: #003399;
	border: 1px solid #e0e9f7;
	padding: 3px 5px 3px 0px;
}

/*Your CSS file*/
.tip {
	background-color: #0033a9;
	padding: 5px;
}

.something_else .tip {
	background-color: #77a7da;
}

.something_else .tip-title {
	background-color: #0000CC;
}

.tip-title {
	color: #fff;
	background-color: #77a7da;
	font-size: 20px;
	padding: 5px;
}

.tip-text {
	color: #fff;
	padding: 5px;
}

.ind {
	width: 200px;
	background-color: #77a7da;
	color: white;
	padding: 15px;
	border-bottom: 1px solid white;
}

#hide {
	margin-bottom: 20px;
}