@import "ngsportal.css";
@import "main.css";

	/* Tags styling */
	html { box-sizing: border-box;  font-family: Verdana, Arial, sans-serif;  font-size: 16px; background-color: #CAAD56; }
	body { margin: 0px; }
	img { border: 0; }
	table { border-collapse: collapse; border-spacing: 1px; background-color: inherit;}
	*, *:before, *:after { box-sizing: inherit; }
    a:link { color: #003A58; font-size: 14px; font-weight: normal; text-decoration:none }
    a:visited { color: #003A58; font-weight: normal; text-decoration: none }
    a:hover { color: #003A58; font-weight: normal; text-decoration: none }
    legend {font-size: medium; font-family: megalopolis_extraregular; border-color: grey;}
    input, textarea, select {background-color: #EDD261; border-radius: 2px;}
    input[type="text"], input[type="password"] {padding: 4px; -webkit-appearance: none;  -moz-appearance: none; border: 2px solid gray;}
	select { padding: 4px; border: 2px solid gray;}
	textarea {border: 2px solid gray;}
	hr {border-style: dotted;}	

	/* Deafult template styling */
    #MainPage { }
    #TopHeader {position: relative; }
    #TopBanner { float: top; margin-top: 0px;}
    #TopLinks { float: right; margin-top: 5px;}
    #TopLinks a { font-size: 8pt; }
    #MiniLinks {float: left; position: relative; margin-top: 0px; display: inline-block;}
    #SearchArea { float: right; position: relative; margin-top: 0px; display: inline-block;}    
	/*#TopLinks a {color: #717171;  text-decoration: none; padding: 0px 7px 0px 0px; background: transparent url("../images/divider.gif") no-repeat scroll right 3px; margin-left: 7px;} */    
    #MegaMenu { }
    #MessageArea { }        
    #MainContent { }
    #Footer { }

	/* Styling of CMS folder menu layout and menu controller*/
	#list-menu {padding-top: 10px;}
	#list-menu a {display: block; width:150px; padding: 2px 2px 2px 10px; border: 0px solid #000000; background: inherit; text-decoration: none;}
	#list-menu b {display: block; width:150px; padding: 2px 2px 2px 10px; border: 0px solid #000000; background: inherit; text-decoration: none;}
	#list-menu a:hover {border: 0px solid #000000; background: inherit; color: inherit;} 
	#list-menu ul {margin: 0; padding: 0; list-style-type: none;}
	#list-menu li {margin:2px 0 0; border-bottom: 1px dotted #666666; margin-right: 10px;}
	#list-menu li:last-child a {border-bottom: none;}	
	#list-menu div {display: table-cell;}

	/* Tabs styling */
	ul.tabbernav {font: inherit; border-bottom: none;}
	ul.tabbernav li.tabberactive a {background-color: #EDD261;}
	ul.tabbernav li a {background-color: #FAE889; color: inherit;}
	ul.tabbernav li a:hover {background-color: #FAE889; color: inherit;}
	ul.tabbernav li.tabberactive a:hover {background-color: #FAE889;}
	ul.tabbernav li a:link { color: inherit; border-radius: 2px;}
	ul.tabbernav li a:visited { color: inherit; }
	ul.tabbernav li a:hover {color: inherit; }
	.tabberlive .tabbertab {border: none;}
		
	/* Table style */	
	table.BorderedPortlet {background-color: inherit; border: 1px solid #666666; margin: 10px 0px 10px 0px; padding: 5px;}
	.BorderedPortlet  td {padding: 5px; }
	table.BoxedPortlet { margin: 0px 0px 5px 0px; background-color: inherit;}
	.BorderedRow td {border-width: 1px; border-style: solid; border-color: gray; padding: 5px;}
	.BorderlessRow td {border-width: 0px;}
	
	/* Content within controls */
	.ControlContent {padding: 10px; }
	
	/* Buttons styling */
	.sexybutton {text-shadow: none; font: bold 13px megalopolis_extraregular !important; margin-top: 5px;}
	
	/* Section header styles */
	##.section-header {font-size: 16px; font-family: megalopolis_extraregular; color: #324F6A; text-transform: none;}
	##.section-header--smaller {font-size: 12px; font-family: megalopolis_extraregular;}	
	##.section-header--larger{font-size: 24px; font-family: megalopolis_extraregular;}

	.section-header {font-size: 16px; font-family: megalopolis_extraregular; color: #324F6A; text-transform: none; display: block; padding-bottom: 5px; padding-top: 5px;  padding-left: 5px;}
	.section-header--smaller {font-size: 12px; font-family: megalopolis_extraregular; background-color: #EDD261; color: #003A58;}	
	.section-header--larger{font-size: 24px; font-family: megalopolis_extraregular; background-color: #324F6A; color: #96CAED;}
	
	/* Home promo area section styling */
	.home-promo-content  a { color: #ffffff; margin-top:0; font-size: 15px; font-weight: bold;}
	
	/* Search box styling */
	.quicksearch input {width: 200px; font-size: small; border-radius: 0; box-shadow: none; background-color: #EDD261; border: none; }
	
	/* Styling of CMS folder icon layout */
	.icon-container	{margin-left: auto; margin-right: auto; width: 100%; text-align: center; padding: 10px 10px 10px 10px;	}
	.icon-container a {color: #70a5cb}
	.horizontal-icon {display: inline-block;	word-wrap: break-word; 	width: 130px; padding: 5px 5px 5px 5px; vertical-align: top;}
	.horizontal-icon img {padding: 0px 0px 5px 0px;}
	.vertical-icon 	{display: block; word-wrap: break-word; }
	
	/* Styling for JD Gallery */
	.jdGallery .slideInfoZone h2 {font-size: 24px !important; font-family: megalopolis_extraregular; }
	
	/* Styling for grey box */
	#GB_overlay {position: relative;}
	
	/* Styling for breaking news ticker */
	.breakingNews {background-color: red; margin: 0 auto; padding-bottom: 10px !important;}
	
	.block-page-footnotes {font-size:12px; color: gray; }
	
    input[type="button"], input[type="submit"] {	
    	cursor: pointer;
    	position: relative; 
		padding: 5px 10px 5px;
		font: inherit;
		font-size: 13px !important;
		font-style: normal !important; 
		font-weight: bold !important; 
		color: #black!important;
		line-height: 1; 
		background-image: url(images/skins/simple/awesome-overlay-sprite.png);
		background-repeat: repeat-x;
		background-position: 0 0;
	
		/* Special effects */
		border-radius: 5px; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); 
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	
		/* IE only stuff */
		border-bottom: 1px solid transparent\9;
		_background-image: none;
	
		/* Cross browser inline block hack - http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: middle;
		*display: inline !important;
		position: relative;
	
		/* Force hasLayout in IE */
		zoom: 1;
	
		/* Disable text selection (Firefox only)*/
		-moz-user-select: none;
}