@import url("fonts/ss-standard/stylesheet.css");
@import url("css/1140.css");
@import url("Mobile.css");
/* 1140 Grid IE Style Sheet
----------------------------------------------------------------------------------------------------*/
@media screen {
	.onecol, .foxtest {
	width: 4.7%;
	}

	.twocol {
	width: 10.2%;
	}

	.threecol {
	width: 22.05%;
	}

	.fourcol {
	width: 30.6%;
	}

	.fivecol {
	width: 39%;
	}

	.sixcol {
	width: 48%;
	}

	.sevencol {
	width: 56.75%;
	}

	.eightcol {
	width: 61.6%;
	}

	.ninecol {
	width: 74.05%;
	}

	.tencol {
	width: 82%;
	}

	.elevencol {
	width: 91.35%;
	}



	/* CSS Resets
	----------------------------------------------------------------------------------------------------*/

	* {outline: none; margin: 0; text-decoration: none}

	html,body {height: 100%}

	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0;font-family:Arial,sans-serif;}
	article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

	b,strong {
	/*
	  Makes browsers agree.
	  IE + Opera = font-weight: bold.
	  Gecko + WebKit = font-weight: bolder.
	*/
	  font-weight: bold;
	}

	img {
	  color: transparent;
	  font-size: 0;
	  vertical-align: middle;
	  /*For IE - http://css-tricks.com/ie-fix-bicubic-scaling-for-images*/
	  -ms-interpolation-mode: bicubic}
	
	ul, ol {padding-left: 40px; margin: 0 0 1em 0;}
	
	.LeftPane ul, .RightPane ul{ padding-left:12px; }
	li {/*For IE6 + IE7*/display: list-item; }

	table {border-collapse: collapse;border-spacing: 0}

	th,td,caption {font-weight: normal; vertical-align: top; text-align: left}

	svg {/*For IE9*/overflow: hidden}


	/* Drupal Settings
	----------------------------------------------------------------------------------------------------*/

	.element-invisible {
	  position: absolute !important;
	  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	  clip: rect(1px, 1px, 1px, 1px);
	}


	/* Clear Floated Elements
	----------------------------------------------------------------------------------------------------*/

	/* http://sonspring.com/journal/clearing-floats */

	.clear {
	  clear: both;
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0;
	}

	/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

	.clearfix:before,
	.clearfix:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0;
	}

	.clearfix:after {
	  clear: both;
	}

	/*
	  The following zoom:1 rule is specifically for IE6 + IE7.
	  Move to separate stylesheet if invalid CSS is a problem.
	*/

	.clearfix {
	  zoom: 1;
	}




	/* CSS Document */


	/*ControlPanel*/ 
	#dnnCPWrap{width:100%!important; margin-bottom:1px !important; position:relative!important;left:0px !important;top:0px !important;z-index:9999999999;padding:4px 0 !important;background:#f3f3f3;background:-moz-linear-gradient(top, #F3F3F3 0%, #CFCFCF 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F3F3), color-stop(100%,#CFCFCF));border:5px #999 solid !important; border-left:none !important; border-right:none !important;}

	/*=====================================================================
	General End Here
	=====================================================================*/
	/* Main Container Width and styles */
	.BGTable					{margin:0; padding:0px 0px 0px 0px;background:#eaeaea url(images/MainBg.png) left top repeat!important;}
	.MainTable					{ max-width: 1140px; min-width: 755px; width: 100%;margin:0 auto!important;padding:0px 0 0px 0px; background:none;}
	/*===================================================================== */
	/* Styles for background images, Do not change */
	.TopMain					{ background:white;border-bottom:1px solid #d1d1d1; border-top:7px solid #000;}
	.ContentMain 				{ background:white; display:block;padding:20px 0px 15px 0px;}
	.HeaderMain					{ background:white; display:block; padding:10px;} 
								.HeaderMain *, .BlackContentMain *, .FooterBlack * { color:#848587 !important;} .HeaderMain * a.call-to-action { color:#848587 !important;} .HeaderMain .ContainerTitle { color:#fff !important; font-size:34px !important;} .BlackContentMain .ContainerTitle, .FooterBlack .ContainerTitle  { color:#fff !important;}
								.HeaderMain a{color:#501f74 !important}
	.TopPaneMain				{/*padding: 20px 0 40px;*/ width:100%}
	.BlackContentMain			{ background:#848587; padding:35px 0 8px 0; display:block;}
	.BottomWhiteMain			{ padding:30px 0 20px 0; display:block;background:white;}
	.FooterBlack				{ background:#848587; padding:35px 0 8px 0; border-bottom:1px solid #848587; display:block;} 
								.FooterBlack .ContainerTitle { color:#fff !important; font-size:21px !important; text-shadow:#000 2px 2px 2px;} .FooterBlack * { color:#fff !important;} 
	.CopyrightMain				{ background: #848587;border-top: 1px solid white;padding:10px 20px;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius: 0px 0px 4px 4px;border-radius: 0px 0px 4px 4px;}

	.LeftSideMain				{ float:left; width:625px; padding:0px 0 0 0;} .RightSideMain { float:right; width:260px; padding:0px 0 0 0;}
	.LeftSideMainIP				{ float:left; width:260px; padding:0px 0 0 0;} .RightSideMainIP { float:right; width:640px; padding:0px 0 0 0;}

	/* Skin elements styles */
	.SearchPane					{ float:right; width:212px; padding:0px 1px 0 8px; height:32px; color:#fff; background:url(images/Searchbg.png) right top no-repeat; margin:12px 1px 0 0; text-align:left; font-size:0px !important; line-height:0px !important; }
										  .SearchPane input	{border:0px #000 solid; background:none!important; height:20px; width:170px !important; margin:0px 0 0 0px; padding:2px 2px; text-align:left; font-size:13px !important; line-height:100% !important;}
										  .SearchPane img 	{margin:3px 0px 0px 2px!important; vertical-align:middle; width:32px; height:32px; }
	.LoginPane 					{ float:right; width:300px; font-size:12px; white-space:nowrap; font-weight:normal;padding:0px 0px 0 0; margin:0px; text-align:right;  color:white !important;}
	.LoginPane a{color:white}
	.LogoPane					{ float:left; width:250px; padding:10px 0px 10px 0px; min-height:60px; }
	.NavPane					{ float:right; width:700px; margin:0; padding:0px 0 0px 0px;}

	/*===================================================================== */
	/* Home page content panes */
	.BannerPane					{ margin:0px 0 0px 0 ; padding:10px 0px;}
	.PageTitle 					{ font-weight:normal; padding:0px; font-size:22px; color:#fff !important; text-shadow:#000 2px 2px 2px; line-height:100%; text-align:left; text-transform:uppercase;}
	.HeaderPane1					{float:left; width:20%; margin-right: 1.8%; padding:0px 0px;min-height:180px}
	.HeaderPane2					{float:left; width:32%; margin-right: 1.8%; padding:0px 0px;min-height:180px}
	.HeaderPane3					{ float:left; width:42%; padding:0px 0px;min-height:180px}

	/*.LeftPane					{display:table-cell; float:none; width:18%; margin-right: 1.8%; padding:0px 0px;min-height:180px}
	.ContentPane				{display:table-cell; float:none; width:auto; margin-right: 1.8%; padding:0px 0px;min-height:180px; min-width:350px;padding-left:20px}
	.ContentPane.CPHCN			{max-width:600px}
	.RightPane					{display:table-cell; float:none; width:20%; padding:0px 0px;min-height:180px;padding-left:20px; max-width: 250px;}
	*/

	.LeftPane					{float:left; width:18%; margin-right: 1.8%; padding:0px 0px;min-height:180px; }
	.ContentPane				{float:left; width:55%; margin-right: 1.8%; padding:0px 0px;min-height:180px; min-width:350px;}
	.ContentPane.CPHCN			{max-width:600px}
	.RightPane					{float:left; width:20%; padding:0px 0px;min-height:180px; }

	.parentDiv  				{display:table; min-height:0px;width:100%}

	/* ContentPane Ends here */
	.CopyrightPane				{color:white; float:left; width:600px; font-size:12px;padding:0px 0 0px 0; line-height:normal!important;text-align:left;}
	/*=====================================================================*/
	/* Skin Properties                                                     */
	/*=====================================================================*/
	/* Login hover styles*/

	/*=====================================================================*/
	/* Template Text and Link Styles Based on Colors                       */
	/*=====================================================================*/




	/*Extra Font color styles*/
	/* ThemeColor */		.ThemeColor 		{color: #848587 !important; padding:5px 0 0 0; } .ThemeColor a { color:#fff!important; } .ThemeColor a:hover { color:#ccc !important; }
	/* NormalBold */.NormalBold 	{color: #848587;  font-weight: bold;}
	/* Blue */		.TextBlue 		{color: #oo7bco;}
	/* Orange */	.TextOrange 	{color: #d55c19;}
	/* Green */		.TextGreen 		{color: #699519;}
	/* Red */		.TextRed 		{color: #cb414d;} 
	/* Gray */		.TextGray 		{color: #848587;} 
	/* Gray */		.TextBlack 		{color: #000000;} 
	/* Gray */		.TextWhite 		{color: #ffffff;} 
	/**/
	.ClearFloat 				{clear:both!important; height:0px!important; line-height:0px!important; font-size:0px!important;}
	.NoPaneBorder				{border:0px !important;}
	.NoPaneBorder span.SubHead center{border: 2px dotted #da6d6f!important;} 
	.DNNEmptyPane { display:none !important;} 

	::selection {background: #848587; /* Safari */ color:#fff;}
	::-moz-selection {background: #848587; /* Firefox */ color:#fff;}

	.HiddenMobile 	{ display:block;}
	.HiddenDesktop 	{ display:none;}
	/*=====================================================================*/
	/* Template Text Headings                                              */
	/*=====================================================================*/

	/*=====================================================================*/
	/* Module Classes                                                      */
	/*=====================================================================*/
	/* Default Container Title Style */
	.Head { color: #4c4c4c; font-size: 14px; font-weight: bold; text-decoration: none; }
	A.Head:Link, A.Head:Visited, A.Head:Active { color: #oo7bco; font-size: 14px; font-weight: bold; text-decoration: none; }
	A.Head:Hover { color: #501f74;text-decoration: underline;}

	/* SubHead */
	.SubHead { color: #4c4c4c; font-size: 13px; font-weight: bold; text-decoration: none; }
	A.SubHead:Link, A.SubHead:Visited, A.SubHead:Active { color: #oo7bco; font-size: 13px; font-weight: bold; text-decoration: underline; }
	A.SubHead:Hover { color: #501f74;text-decoration: underline;}

	/* Module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
	.SubSubHead { color: #4c4c4c;font-weight: bold; text-decoration: none; text-transform:uppercase; font-size: 12px; }
	A.SubSubHead:Link, A.SubSubHead:Visited,  A.SubSubHead:Active { color: #oo7bco; font-size: 12px; font-weight: bold; text-decoration: none; }
	A.SubSubHead:Hover{color: #501f74;text-decoration: underline;}

	/* Text style for skin objects */
	.SkinObject { color: #4c4c4c; font-size: 11px; font-weight: normal; text-decoration: none; }
	A.SkinObject:Link, A.SkinObject:Visited, A.SkinObject:Active { color: #oo7bco; font-size: 11px; font-weight: normal; text-decoration: none; }
	 A.SkinObject:Hover {color: #501f74;text-decoration: underline;}
	/*=====================================================================*/
	/* Input and Other Admin Site Styles                                   */
	/*=====================================================================*/
	/* Normal Text Box */
	.NormalTextBox { color: #4c4c4c; background:#FFFFFF;  font-size: 12px; font-weight: normal; vertical-align: middle; border: 1px solid #bec0bb;}
	td.NormalTextBox , span.NormalTextBox, table.NormalTextBox {padding: 0px;margin: 0px;	background:none;border:none;}


	/* Admin link styles */
	A.CommandButton:Link, A.CommandButton:Visited, A.CommandButton:Active { color:#oo7bco; font-size: 13px; cursor:pointer; font-weight: bold; text-decoration: none; background: none; border:none; padding:2px 3px 3px 4px; height: 20px; }
	A.CommandButton:Hover { color:#501f74; font-size: 13px; font-weight: bold; text-decoration: underline; cursor:pointer; background:none; border:none; padding:2px 3px 3px 4px; height: 20px; }

	/* button style for standard HTML buttons */
	.StandardButton, A.StandardButton:Link, A.StandardButton:Visited, A.StandardButton:Active { color:#oo7bco; cursor:pointer; font-size: 13px; font-weight: bold; text-decoration: none; background:none; border:none; padding:2px 3px 3px 4px; height: 20px; }
	A.StandardButton:Hover { color:#501f74; font-size: 13px; font-weight: bold; text-decoration: underline; cursor:pointer; background:none; border:none; padding:2px 3px 3px 4px; height: 20px; }

	/* New DataGrid DNN Class used in Admin interface */
	.DataGrid_Header { color: #4c4c4c; font-weight: bold; text-decoration: none; }
	.DataGrid_AlternatingItem { color: #000000;  font-weight: normal; text-decoration: none; }
	.DataGrid_Item { color: #4c4c4c; font-weight: normal; text-decoration: none; }
	/*=========================================================================================================================================================================================================================================================================================================================================================*/
	/* Module Action Menus */
	.dnnActionMenu *  { color:#000 !important; font-family:"MyriadPro-Regular", Arial, Helvetica, sans-serif; font-size:12px !important;} .dnnActionMenu * a{ color:#501f74 !important;} .dnnActionMenu * a:hover { color:#000 !important;}
	/**/

	/*Styles For FAQ's Module*/
	.ModDNNFAQsC * { margin:0; padding:0;font-size:18px;} .ModDNNFAQsC hr { margin:1px 0 18px 0 !important;}
	.ModDNNFAQsC .SubHead { text-decoration:none!important; color:#333435!important;}
	.Question p, .Answer p { padding:0px 0px 12px 0px;}
	.Question { background:url(images/question.png) 0px 0px no-repeat; padding:8px 0px 12px 40px !important;color:#333435!important; font-weight:bold;}
	.Answer{ background:url(images/Answer.gif) 0px 0px no-repeat; padding:0px 0px 1px 40px !important;}

	/*Announcement Module Style*/
	.DnnAnnMain	{}
	.DnnAnnMain	.AnnTitle{font-weight:bold;font-size:13px; padding-bottom:2px; color:#333435 !important; }
	.DnnAnnMain	.AnnDate{ font-weight:normal; color:#b0b0b0; background-color:inherit;padding:0 0 5px 0; font-size:11px; }
	.DnnAnnMain	.AnnDesc { font-size:12px; padding:0 0 18px 0 !important; margin:0 0 0px 0;}
	.DnnAnnMain	.AnnDesc p{ padding:0 !important;}
	.DnnAnnMain	.AnnDesc span.Redmore a{ color:#501f74 !important; text-decoration:none !important; padding:0 !important; font-size:11px; text-transform:uppercase; margin:0 !important;}
	.DnnAnnMain	.AnnDesc span.Redmore a:hover{ color:#000101 !important; }
	.DnnAnnMain .Sepline { margin:0px 0 16px 0 !important; border-bottom:1px solid #fff; background:#eeeeee;}
	.AnnImage { float:left; width:60px; height:60px; padding:5px;   border: 1px solid #C7C7C7 !important;  background-color:#FFFFFF;  border-radius:5px;  -moz-border-radius:5px;  -webkit-border-radius:5px;  -khtml-border-radius:5px}
	.AnnContent	{ margin:0 0 0 80px;}
	/*Link Module Styles*/
	.linklist { margin:0 0 5px 0; padding:0;} .ModDNNLinksC ul, .ModDNNLinksC li { list-style:none !important;} 
	/*.ModDNNLinksC li {  border-bottom: dotted 1px #dcdbdb; padding:0px; overflow:hidden; background:none}
	.ModDNNLinksC li a{ padding:8px 0 8px 25px !important; display:block; line-height:normal; color:#333435!important; text-decoration:none!important; font-weight:normal!important; background:url(images/ListGrey.png) left 7px no-repeat!important;}
	.ModDNNLinksC li a:hover, .ModDNNLinksC li a:active{ padding:8px 0 8px 30px !important; color:#fff!important; background:url(images/ListGrey.png) 5px 7px no-repeat #848587!important;} .ModDNNLinksC li .item_desc , .ModDNNLinksC li span { display:none !important;}
*/
	/*Footer Link Module Styles*/
	.FooterMain .linklist { margin:0 0 5px 0; padding:0;} .FooterMain.ModDNNLinksC ul, .FooterMain.ModDNNLinksC li { list-style:none !important;} 
	.FooterMain .ModDNNLinksC li {  border-bottom: dotted 1px #333; padding:0px; overflow:hidden; background:none}
	.FooterMain .ModDNNLinksC li a{ padding:8px 0 8px 20px !important; display:block; line-height:normal; color:#d3d3d3!important; text-decoration:none!important; font-weight:normal!important; background:url(images/ListArrow.png) 5px 11px no-repeat!important;}
	.FooterMain .ModDNNLinksC li a:hover, .FooterMain .ModDNNLinksC li a:active{ padding:8px 0 8px 25px !important; color:#fff!important; background:url(images/ListArrow.png) 10px 11px no-repeat #848587!important;} .FooterMain .ModDNNLinksC li .item_desc , .FooterMain .ModDNNLinksC li span { display:none !important;}


	/**/
	ul.BlogList 	{ padding:0px !important; margin:0px !important;} ul.BlogList li { padding:0 0 0px 0px !important; list-style:none !important; margin: 0px !important; }
	ul.BlogList li a	{ color:#501f74 !important; text-decoration:none !important; display:block;background:url(images/ListArrow.png) 6px 8px no-repeat;  padding:4px 4px 4px 19px !important;}  ul.BlogList li a:hover	{ color:#fff !important; background:url(images/ListArrow.png) 6px 8px no-repeat #848587;}

	/*Footer  Feedback Module*/
	.Feedback_Instructions , .Feedback_SectionHead  img{ display:none;}
	.Feedback_SectionHead { color:#959595; font-size:20px;display:none;}
	.Feedback_FieldLabel	{ color:#555555; font-size:15px; text-align:left; font-weight:normal;}
	.Feedback_FieldValue textarea , .Feedback_FieldValue input { width:98%; padding:6px 8px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px ; background:#013006; border:1px dashed #2a6929;

	} .Feedback_FieldValue textarea { height:95px !important;}
	.Feedback_CommandButtons { padding:0 0 0 0px;}
	.Feedback_CommandButtons .CommandButton { float:right; background:url(images/Send.png) 0px top no-repeat !important; padding:0px!important; width:111px!important; height:41px!important; display:block; overflow:hidden; text-indent:-5656px; margin:0 20px 0 0;} 
	.Feedback_CommandButtons a:hover.CommandButton { float:right; background:url(images/Send.png) left top no-repeat!important;}
	.Feedback_FieldLabel img { display:none;} .dnnFormHelpContent { }
	a.dnnFormHelp, .dnnForm .dnnFormItem a.dnnFormHelp, .dnnTooltip label a.dnnFormHelp { }
	img.Feedback_Required	{ display:none !important;}

	/*Feedback Module*/
	.ContentMain .Feedback_FieldValue textarea , .ContentMain .Feedback_FieldValue input { background:#fff; border:1px solid #e0dede;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#eaeaea)) !important;
	background: -moz-linear-gradient(#fff, #eaeaea) !important;
	background: linear-gradient(#fff #eaeaea) !important; 
	background: -o-linear-gradient(#fff, #eaeaea) !important;
	 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#eaeaea')";}
	 
	.ContentPaneLayout	{ display:block; padding:15px 15px 50px 15px; color:#666; font-weight:normal !important; text-align:center; border: dashed 2px #5c5959 !important; text-transform:uppercase; font-size:18px;}

	/* */


	span.dropcap-square{  border-radius:5px;  -moz-border-radius:5px;  -webkit-border-radius:5px;  -o-border-radius:5px;  -ms-border-radius:5px;
	-khtml-border-radius:5px; text-shadow:0 1px 1px #f6f6f6;-moz-box-shadow:0 1px 4px rgba(0, 0, 0, .3);  
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, .3);  box-shadow:0 1px 4px rgba(0, 0, 0, .3);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ededed), to(#dadada)) !important;
	background: -moz-linear-gradient(#ededed, #dadada) !important;
	background: linear-gradient(#ededed, #dadada) !important; 
	background: -o-linear-gradient(#ededed, #dadada) !important;}  

	.FRight { float:right !important;} img.FRight  { margin:0 0 15px 15px !important;}
	.FLeft { float:left !important;}  img.FLeft  { margin:0 15px 15px 0px !important;}

	.GrayButton		{text-decoration:none !important; float:left;  cursor:pointer;  text-decoration:none;   padding:5px 10px;  border:1px solid #dbdede;
	  -o-box-shadow:inset 0 1px 2px #FFFFFF,0 0 3px #BABABA;   -webkit-box-shadow:inset 0 1px 2px #FFFFFF,0 0 5px #BABABA;
	  -moz-box-shadow:inset 0 1px 2px #FFFFFF,0 0 3px #BABABA ;   box-shadow:inset 0 1px 2px #FFFFFF,0 0 3px #BABABA; background:#ededed;
	  -moz-border-radius:4px;  -webkit-border-radius:4px;  -khtml-border-radius:4px;  ms-border-radius:4px;  o-border-radius:4px;  border-radius:4px;
	  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ededed), to(#dadada)) !important;background: -moz-linear-gradient(#ededed, #dadada) !important;
	  background: linear-gradient(#ededed, #dadada) !important; background: -o-linear-gradient(#ededed, #dadada) !important;}


	a.TopButton	{ background:url(images/BackTop.png) right center no-repeat; padding:8px 15px 8px 0px; text-align:right; text-decoration:none !important; } a:hover.TopButton	{color:#fff !important;}
	/**/
	.Upperstate	{ text-transform:uppercase !important;} blockquote, blockquote p, .postcontent blockquote p {  text-shadow: 1px 1px 1px #FFF}

	blockquote, .postcontent blockquote {   margin: 10px 25px 10px 0f5px;  padding: 5px 5px 5px 38px;  background-color: transparent;  background-image: url(images/postquote.png);
	  background-position: left top;  background-repeat: no-repeat;/* makes blockquote not to align behind the image if they are in the same line */  overflow: auto}



	blockquote span.testimonial-jobtitle {margin-top: 5px; display:block; text-align:right; font-size:11px; color:#999;}

	/* Tabs Styles*/
	#TabsMain					{ background:none; overflow:hidden; min-height:inherit; padding:0 0 1px 0; margin:0 0 15px 0;}
	#TabsMain ul.nav 			{ padding:0; margin:auto auto -1px auto; overflow:hidden;} ul.nav li { list-style:none; float:left; padding:0px; margin:0px 0px;} 	
	#TabsMain ul.nav li a 		{ background:#f5f5f5; color:#501f74; border:1px solid #dddddd; margin:4px 0 0 0; font-size:12px; padding:5px 15px; font-weight:normal; text-decoration:none; overflow:hidden; display:block;} 
	#TabsMain ul.nav li a:hover { background:#f0f0f0; color:#000;} 
	#TabsMain ul.nav li a.current 			{ background:#f6f6f6; color:#000; margin:0 !important; padding:9px 15px 5px 15px; border-bottom:1px solid #f6f6f6 !important;} 
	.Tabs						{ padding:15px; background:#f6f6f6; border:1px solid #dddddd;}

	/* SparkTabs */
	.SparkTabs { padding:2px 0px 15px 0px;}
	.SparkTabs .Tab { padding:10px; background:#f6f6f6; border:1px solid #dddddd; margin:-1px 0 0 0; position:relative;}
	.SparkTabs .ui-widget-header { z-index:55 !important;}
	.SparkTabs .ui-tabs {position: relative;padding:0 !important;zoom: 1; }
	 /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	.SparkTabs .dnnAdminTabNav { margin:0px 0 0px 0px !important; padding:0px !important; position:relative;}
	.SparkTabs .ui-tabs .ui-tabs-nav { padding:0 !important ;}
	.SparkTabs .ui-tabs .ui-tabs-nav li, .SparkTabs ul.dnnAdminTabNav li {list-style: none;float: left;position: relative;top: 1px;margin:0 !important;padding: 0!important  ; white-space: nowrap;}
	.SparkTabs .ui-tabs .ui-tabs-nav li a, .SparkTabs ul.dnnAdminTabNav li a {float: left;padding:4px 12px !important;text-decoration: none;font-weight: normal !important;color: #000;text-decoration: none;display: block; margin:5px 0 0 0;
	letter-spacing:normal;background: #f6f6f6; -moz-border-radius-topleft:0px;-moz-border-radius-topright:0px; text-shadow:none !important; border:1px solid #dddddd !important;
	-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px;border-top-left-radius: 0px;border-top-right-radius:0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
	.SparkTabs .ui-tabs .ui-tabs-nav li.ui-tabs-selected {padding:0px !important;}
	.SparkTabs .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .SparkTabs .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .SparkTabs .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor: text; border-bottom:1px solid #f6f6f6 !important;}
	.SparkTabs .ui-tabs .ui-tabs-nav li a, .SparkTabs .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer; border-bottom:1px solid #f6f6f6 !important;}
	 /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
	.SparkTabs .ui-tabs .ui-tabs-panel {display: block;border-width: 0;padding: 0;background: none;}
	.SparkTabs .ui-tabs-panel {position: relative}
	.SparkTabs .ui-tabs-hide {display: none !important}

	.SparkTabs .ui-state-default, .SparkTabs .ui-widget-content .ui-state-default, .SparkTabs .ui-widget-header .ui-state-default {
		background:none;	font-weight:normal!important;	color:#000;;}
	.SparkTabs .ui-state-default a, .SparkTabs .ui-state-default a:link, .SparkTabs .ui-state-default a:visited {
		color:#ccc;	text-decoration: none;}
	.SparkTabs .ui-state-hover, .SparkTabs .ui-widget-content .ui-state-hover, .SparkTabs .ui-widget-header .ui-state-hover, .SparkTabs .ui-state-focus, .SparkTabs .ui-widget-content .ui-state-focus, .SparkTabs .ui-widget-header .ui-state-focus {
		font-weight:normal!important;	color:#2e96dc;}
	.SparkTabs .ui-state-hover a, .SparkTabs .ui-state-hover a:hover {
		color:#2e96dc;	text-decoration:none;	cursor:pointer;	background:#f6f6f6 !important;}
	.SparkTabs .ui-state-active a, .SparkTabs .ui-state-active a:link, .SparkTabs .ui-state-active a:visited, .SparkTabs .ui-state-active, .SparkTabs .ui-widget-content .ui-state-active, .SparkTabs .ui-widget-header .ui-state-active {
		font-weight:normal!important;	color:#2e96dc;	cursor:pointer;	background:#f6f6f6 !important; border-bottom:1px solid #f6f6f6 !important; }
	.SparkTabs .ui-widget :active {	outline: none;}
	.SparkTabs .dnnAdminTabNav li.ui-tabs-selected a , .SparkTabs .dnnAdminTabNav li.ui-state-active a {margin:0px !important; padding-top:9px !important;}

	/**/ 
	.SMIcons	{height:35px; overflow:hidden; line-height:0px; font-size:0px;}
	.SMIcons a 	{ float:left; width:32px; height:32px; margin:0 0 0 8px !important; overflow:hidden; text-indent:-150px; text-decoration:none !important; font-size:0px; line-height:0px; background:url(images/IconSMlinks.png) 0 top no-repeat;}
	.SMIcons a:hover { background-position:0 bottom;}
	a.Facebook 	{ background-position:left top;} a:hover.Facebook 	{ background-position:left bottom;}
	a.Twitter 	{ background-position:right top;} a:hover.Twitter 	{ background-position:right bottom;}

	.ContentMain a.Facebook 	{ background-position:left bottom;} a:hover.Facebook 	{ background-position:left bottom;}
	.ContentMain a.Twitter 	{ background-position:right bottom;} a:hover.Twitter 	{ background-position:right bottom;}

	/* Panel Styles */        
	.TWPannelsMain { padding:0 1px;}
	.TWPannelsMain  fieldset { margin:0 !important; padding:0!important;  border:none !important; display:block; }
	.TWPannelsMain h2			{ padding:0px !important; margin:0px !important; border:none !important;display: block; background:none;} 
	.TWPannelsMain h2 a { text-decoration:none !important;display: block; padding:9px 6px 9px 28px !important;}
	.TWPannelsMain h2.dnnFormSectionHead {margin:0;padding: 0;text-align: left;line-height:normal;font-weight: bold;}
	.TWPannelsMain h2.dnnFormSectionHead a,.TWPannelsMain h2.dnnFormSectionHead a:visited {}
	.TWPannelsMain h2.dnnFormSectionHead a:hover {}.TWPannelsMain h2.dnnFormSectionHead a.dnnSectionExpanded {}.TWPannelsMain h2.dnnFormSectionHead a.dnnSectionExpanded:hover {}
	.ExpandAll { display:none;} .TWPannelsMain .ExpandAll a { font-weight: bold } 
	.TWPannelsMain .PanelContent { padding:5px 5px 2px 15px; }			

	.TWPannelsMain h2.dnnFormSectionHead a {display:block;line-height:normal;margin:0 0px 9px 0; text-transform: none; font-size:14px; font-weight:bold; font-family:"MyriadPro-Regular", Arial, Helvetica, sans-serif;
	color:#000!important;  border:1px solid #dadada;  text-shadow:2px 2px 2px #e1e1e1 !important;  -moz-border-radius:.6em; -webkit-border-radius:.6em; border-radius:.6em;
	background:url(images/PannelOff.png) left center no-repeat , -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#eaeaea)) !important;
	background:url(images/PannelOff.png) left center no-repeat , -moz-linear-gradient(#fff, #eaeaea) !important;
	background:url(images/PannelOff.png) left center no-repeat , linear-gradient(#fff #eaeaea) !important; 
	background:url(images/PannelOff.png) left center no-repeat , -o-linear-gradient(#fff, #eaeaea) !important;
	 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#eaeaea')";}
	.TWPannelsMain h2.dnnFormSectionHead a:hover {color:#333!important;  border:1px solid #d3d2d2;  text-shadow:2px 2px 2px #e1e1e1 !important;
	background:url(images/PannelOn.png) left center no-repeat , -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e1dfdf)) !important;
	background:url(images/PannelOn.png) left center no-repeat , -moz-linear-gradient(#fff, #e1dfdf) !important;
	background:url(images/PannelOn.png) left center no-repeat , linear-gradient(#fff #e1dfdf) !important; 
	background:url(images/PannelOn.png) left center no-repeat , -o-linear-gradient(#fff, #e1dfdf) !important;
	 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#e1dfdf')";}
	.TWPannelsMain h2.dnnFormSectionHead a.dnnSectionExpanded , .TWPannelsMain  h2.dnnFormSectionHead a.dnnSectionExpanded:hover{color:#333!important;  border:1px solid #d3d2d2;  text-shadow:2px 2px 2px #e1e1e1 !important;
	background:url(images/PannelOn.png) left center no-repeat , -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e1dfdf)) !important;
	background:url(images/PannelOn.png) left center no-repeat , -moz-linear-gradient(#fff, #e1dfdf) !important;
	background:url(images/PannelOn.png) left center no-repeat , linear-gradient(#fff #e1dfdf) !important; 
	background:url(images/PannelOn.png) left center no-repeat , -o-linear-gradient(#fff, #e1dfdf) !important;
	 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#e1dfdf')";}

	/* #Buttons (default color: grey)
	================================================== */

	a.button,a.button:visited,button,input[type="submit"],input[type="reset"],input[type="button"] {
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */

		background-color: #fff; color: #555; text-shadow: none;	
			display: inline-block;	font-size: 14px;font-weight: normal;	text-decoration: none;
		cursor: pointer;	padding: 4px 12px;	margin-bottom: 20px;line-height: 21px;}

	a.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover 
	{	background-color: #f1f1f1;	color:#501f74}

	a.button:active,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active {	background-color: #ddd;	}
		
	/* === Buttons in dark context === */
	.dark a.button,.dark a.button:visited,.dark button,.dark input[type="submit"],
	.dark input[type="reset"],.dark input[type="button"] {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.09) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.09)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.09) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.09) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.09) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,0.09) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */	background-color: #0c3a0b;
		border: none;	color: #ccc;	text-shadow: 1px 1px rgba(0, 0, 0, 1);	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,1), 0px 0px 4px -1px rgba(255, 255, 255, 0.2) inset;	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,1),
	   0px 0px 4px -1px rgba(255, 255, 255, 0.2) inset;	box-shadow: 0px 1px 5px 0px rgba(0,0,0,1),				0px 0px 4px -1px rgba(255, 255, 255, 0.2) inset;}

	.dark a.button:hover,.dark button:hover,.dark input[type="submit"]:hover,.dark input[type="reset"]:hover,.dark input[type="button"]:hover {
		background-color: #175916;	color: #fff;	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,1), 0px 0px 4px -1px rgba(255, 255, 255, 0.3) inset;
		-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,1), 0px 0px 4px -1px rgba(255, 255, 255, 0.3) inset;box-shadow: 0px 2px 5px 0px rgba(0,0,0,1), 0px 0px 4px -1px rgba(255, 255, 255, 0.3) inset;}

	.dark a.button:active,.dark button:active,.dark input[type="submit"]:active,.dark input[type="reset"]:active,.dark input[type="button"]:active {
		background-color: #175916;	color: #999;	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1), 0px 1px 10px 2px rgba(0, 0, 0, 0.7) inset;-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1), 
		0px 1px 10px 2px rgba(0, 0, 0, 0.7) inset;box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1), 0px 1px 10px 2px rgba(0, 0, 0, 0.7) inset;}	
		
	.button.full-width,button.full-width,input[type="submit"].full-width,input[type="reset"].full-width,input[type="button"].full-width {	width: 100%;
		padding-left: 0 !important;	padding-right: 0 !important;	text-align: center; }
	textarea.full-width {	width: 98%;}

	a.button.featured,a.button.featured:visited,button.featured,.button.featured,.button.call-to-action,.button.call-to-action:visited {
		display: block;width: 60%;	text-align: center;	margin: 10px auto 10px auto;	font-size: 14px;	line-height: auto;	padding: 7px 20px;
		-webkit-border-radius: 18px;	-moz-border-radius: 18px;	border-radius: 18px;}
		
	/* Box styling */
	.box {	background: #fff;	display: block;	padding: 10px;	-webkit-box-shadow: 0 0 5px #d5d5d5;	-moz-box-shadow: 0 0 5px #d5d5d5;	box-shadow: 0 0 5px #d5d5d5;
		-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;}
	.dark .container .column.box,.dark .container .columns.box,.dark .box,.dark .box.dark {	background: #000;	-moz-box-shadow: none;	-webkit-box-shadow: none;
		box-shadow: none;	border: 1px solid #2c2c2c;	margin-left: -1px; /* Compensate the 1px border */	margin-right: -1px;}
	.box.dark {	background: #222;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;	box-shadow: 1px 1px 3px 0px #fff;
		background: #212121;}

	.box.light {	background: rgba(255,255,255,0.5);}
	.dark .box.light {	background: rgba(0,0,0,0.3);}
	.box.scale-with-grid {	max-width: 90%;} img.scale-with-grid {	max-width:90%;	height: auto;}
	.featured {	-webkit-border-radius: 3px;	-moz-border-radius: 3px;border-radius: 3px;	-webkit-box-shadow: 0px 15px 40px -20px rgba(0, 0, 0, 0.7);
		-moz-box-shadow: 0px 15px 40px -20px rgba(0, 0, 0, 0.7);	box-shadow: 0px 15px 40px -20px rgba(0, 0, 0, 0.7);}
	.box.featured {	margin-top: -15px;	padding-top: 15px;}
	img.featured {	-webkit-box-shadow: 0px 8px 40px -10px rgba(0, 0, 0, 1);	-moz-box-shadow: 0px 8px 40px -10px rgba(0, 0, 0, 1);	box-shadow: 0px 8px 40px -10px rgba(0, 0, 0, 1);}
	.dark img.featured {-webkit-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 1);	-moz-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 1);	box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 1);}	

	/* Clearfixing tabs for beautiful stacking */
	ul.tabs:before,ul.tabs:after {  content: '\0020';  display: block;  overflow: hidden;  visibility: hidden;  width: 0;  height: 0; }
	ul.tabs:after {  clear: both; }
	ul.tabs {  zoom: 1; }

	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em {font-style: italic;}
	strong {font-weight: bold; color: #333435;}
	.dark strong {color: #fff;}
	small {font-size: 80%;}

	.subheader { color: #777 !important; }
	.dark .subheader { color: #ccc !important; }


	/*Grace*/
	/*.HomePage .RightPane{padding:0px !important; border:1px red solid}*/


	#Breadcrumb{
		margin-left: 20px;
		margin-top: 20px;    
	}


	A.SkinObject:link, A.SkinObject:visited, A.SkinObject:active {
		color: #501f74;
		font-size: 16px;
		font-weight: normal;
		text-decoration: none;
	}

	/*Paging*/
	.article_paging .first{display:none}
	.article_paging .pipe{display:none}
	.article_paging .last{display:none}


	/*!
	 *  Website Stylesheet v1.0
	 *
	 */


	/* Global Layout
	----------------------------------------------------------------------------------------------------*/

	* {font-family: Arial, sans-serif; }

	#Body {background: white; font-size:16px ; margin-top:0px !important;}
	body {background: #fff; font-size:16px ; margin-top:0px !important;}

	a {
	  color: #501f74;
	  text-decoration: none;
	  word-break: break-word
	}

	a:hover {
	  color: #501f74;
	  text-decoration: underline;
	  word-break: break-word
	}

	a:visited {
	  color: #501f74;
	  text-decoration: underline;
	  word-break: break-word
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
	{
		
		
	}

	a small {
		color: rgb(0, 123, 192);
		font-weight: normal;
		font-style: italic;
		font-size: 1em;
		text-decoration: underline;
		white-space: nowrap;
		} a small:hover {color: #501f74}

	h1, h2, h3, h4, h5, h6 {
		color: #501f74;
		font-family: sans-serif !important;
		padding: 10px 0px;
		line-height: inherit;
		}

	h1 {font-size: 48px;line-height:1;}
	h2 {font-size: 24px; color: #333435; font-weight:bold;line-height:1;}
	h3 {font-size: 18px; color: #333435;line-height:1.1em; }
	h4 {font-size: 20px}
	h5 {font-size: 17px}
	h6 {font-size: 1.0em}

	p {
		font-size: 14px;
		padding-bottom: 10px;
		color: #333435;
		}

	.article-content blockquote {
		border-left: 6px solid #a7b7c0;
		padding: 15px;
		margin: 20px 0 10px;
		width: 70%;
		font-size: 1.1em;
		font-style: italic;
		}

		.article-content blockquote p {padding: 0 0 10px !important}
		
		.article-content blockquote footer {font-size: 0.8em}

	hr {
		height: 6px;
		width: 100%;
		border: 0;
		background: #501f74;
		margin: 15px 0;
		}

	.ss-icon {
		position: relative;
		top: 1px;
		padding-right: 3px;
		padding-left:5px
		}



	/* Header
	--------------------*/

a.anchor {
  display: block;
    position: relative;
    top: -250px;
    visibility: hidden
}
	#header {
		position: relative;
		padding-top:20px;
		background: #fff;
		min-height: 138px;
		}
	@supports(position:sticky){
		#header {
			position: sticky;
			position: -webkit-sticky;
			top: 0px;
			z-index:7;
		}
	}
	#header.nosticky{
		position:inherit;
		
	}

		
		#logo{
			position: absolute;
			background: #fff;
			padding: 0 !important;
			/*padding: 15px 15px 10px;*/
			z-index: 1001;		
			}

	#logo a{
				display: block;
				width: 124px;
				height: 204px;
				text-indent: -999px;
				overflow: hidden;
				background: url("/Portals/_default/Skins/WEBXSkin/img/logo_new.png") no-repeat;		
				background-size:124px 204px;
				}

			
		
		#primary-nav {
			color: #fff;
			background: #501f74;
			}
			
			#primary-nav .row {overflow: visible}
			#primary-nav .position {padding-left: 150px}
			#primary-nav .ss-icon {position: relative; left: 5px; color: #2e7408}
			#primary-nav li:hover .ss-icon {color: #fff}



		
			#primary-nav ul li:hover > ul {
				display: block;
			}

		#primary-nav ul {
			list-style: none;
			position: relative;
		}
			#primary-nav ul:after {
				content: ""; 
				clear: both; 
				display: block;
			}
		
			#primary-nav ul li {
				float: left;
				/*text-transform: uppercase;*/
			}
				#primary-nav ul li:hover {
					background: #fff;
					border-top:1px solid #501f74;
				}
					#primary-nav ul li:hover a {
						color: #000;					
					}
					
					ul#PfNavMega li.Active:hover a {
					
					background: #fff;
					}
					
					/*#primary-nav ul li.Active:hover a {
						color: #848587;								
					}*/

				#primary-nav ul li h4 {font-size: 1em; padding-bottom: inherit}
				
				#primary-nav ul li a {
					display: block;
					padding: 20px 20px;
					color: #fff; 
					text-decoration: none;
				}
					
			#primary-nav ul ul {
				background: #5f6975; 
				padding: 0;
				position: absolute;
				z-index: 200;
			}
				#primary-nav ul ul li {
					float: none; 
					position: relative;
				}
					#primary-nav ul ul li a {
						padding: 15px 20px;
						color: #fff;
						text-transform: none;
					}	
						#primary-nav ul ul li a:hover {
							background: #4b545f;
						}
				
			#primary-nav ul ul ul {
				position: absolute; 
				left: 100%; top:0;
			}


		#secondary-nav {
			color: #fff;
			background: #2e7408;
			}
			
			#secondary-nav .row {overflow: visible}
			
			#secondary-nav .sub-nav li a{color: #333435;}
			
			#secondary-nav .sub-nav {padding-top: 8px}
			
				#secondary-nav .sub-nav li {
					position: relative;
					top: 14px;
					padding: 0 10px;
					float: right;
					font-size: 11px;
					list-style: none;
					}
					
					#secondary-nav .sub-nav li a:hover {color: #501f74}
					#secondary-nav .sub-nav li:hover {color: #501f74 !important}
					
			#secondary-nav .phone-number {
				position: relative;
				top: 10px;
				float: right;
				padding: 0 20px;
				font-size: 1.6em;
				letter-spacing: 0.05em;
				color: #fff;
				}

			
			#secondary-nav .form-chooser {
				position: relative;
				float: right;
				margin: 0;
				padding: 0;
				font-size: 1.2em;
				}
				
				#secondary-nav .form-chooser h4 {
					cursor: pointer;
					padding: 10px 20px 15px;
					color: #501f74;
					background: #fff;
					text-transform: uppercase;
					font-size: 1.1em;
					}
					
					#secondary-nav .form-chooser:hover h4 {
						background: #4b545f;
						color: #fff;
						padding:10px 20px 15px
						}
				
				#secondary-nav .form-chooser h4 .ss-icon {
					position: relative;
					left: 5px;
					font-size: 0.8em;
					}
				
				#secondary-nav .form-chooser ul {
					position: absolute;
					display: none;
					background: #5f6975;
					list-style: none;
					width: 100%;
					z-index: 1002;
					padding-left:0px !important;
					}
					
					#secondary-nav .form-chooser:hover ul {display: block}
					
						
						#secondary-nav .form-chooser ul li {clear: left}
						
						#secondary-nav .form-chooser ul li i {
							float: left;
							color: #fff;
							position: relative;
							top: 1px;
							padding-right: 7px;
							}
						
						#secondary-nav .form-chooser ul li a {
							display: block;
							padding: 5px 15px;
							color: #fff;
							font-size:14px
							}
							
							#secondary-nav .form-chooser ul li a:hover {
								background: #4b545f;
								text-decoration: none;
								color: #fff;
								}
								
								#secondary-nav .form-chooser ul li a:hover i {color: #fff}
		
		
		#tag-line {
			border-bottom: 1px solid #ccc;
			margin: 20px 0px 0px 0px;
			padding-bottom:10px;
			position: relative;
			z-index: 100;
			}
		
		

		#search {float:right; margin-top: 18px;margin-right: 20px;}
			
			#search input, #section-search input {
				border: 1px solid #ccc;
				background: #f9f9f9;
				padding: 5px 10px;
				font-size: 1em;
				font-weight: normal;
				font-family: "MyriadPro-Italic", Arial, Helvetica, sans-serif;
				color: #5b5b5b;
				}
				
				#section-search {
					border-top: 1px solid #e6e6e6;
					padding-top: 20px;
					}
				
					#section-search input {
						margin: 0 10px;
						width: 75%
						}
					
				input#search-submit {display: none}
		
				input#search-submit {
					background: #979797;
					border-color: #979797;
					color: #fff;
					}
				
					#search-submit:hover {
						cursor: pointer;
						background: #501f74;
						border-color: #501f74;
						color: #fff;
						}
		



	/* Slideshow
	--------------------*/

	#slides {
		position:relative;
	}

		.slides_container {
			width:960px;
			margin: 0 auto;
		}
		
		.slides_container div.slide {
			width:960px;
			height:500px;
			display:block;
		}
		
		
		/*
			Next/prev buttons
		*/
		
		#slides .prev, #slides .next {
			position: absolute;
			bottom: 20px;
			display: block;
			width: 90px;
			padding: 10px;
			color: #fff;
			background: #98bf10;
			font-size: 1.6em;
			z-index: 100;
			} #slides .prev:hover, #slides .next:hover {background: #501f74}
		
		#slides .prev {
			left: 0;
			}
		
		#slides .next {
			right: 0;
			text-align: right;
			}
		
		#slides .ss-icon {top: inherit}
		


	/* Page Content
	--------------------*/

	#page-content {
		background: #fff;
		padding-bottom: 50px;
		position: relative;
		z-index: 10;
		}


		/*
			Homepage
		*/


		#top-articles {padding: 10px 0 40px}
			
			#top-articles li {clear: both; list-style: none}

			#top-articles h5 {padding: 20px 0 10px}
		
			#top-articles img {float: left}
			#top-articles .content {padding: 5px 0 0 185px}
		
			#top-articles .logo {
				width: 170px;
				height: 120px;
				background: url(../img/logo_partners_grey.jpg) no-repeat;
				overflow: hidden;
				text-indent: -999px;
				float: left;
				margin-right: 15px;
				}

				#top-articles .logo.ffnz {background-position-x: -0}
				#top-articles .logo.blnz {background-position-x: -170px}
				#top-articles .logo.dinz {background-position-x: -340px}
				#top-articles .logo.nzdfa {background-position-x: -510px}
				#top-articles .logo.dnz {background-position-x: -680px}
				#top-articles .logo.lgnz {background-position-x: -850px}
				#top-articles .logo.nzg {background-position-x: -1020px}

			
			#top-articles small {white-space: normal}

			#top-articles h5 {clear: left}
		
			#top-articles h5 a small {
				font-size: 0.85em;
				position: relative;
				top: -1px;
				left: 3px;
				}
			
			#partner-slides {min-height: 140px}



		/*
			Breadcrumb & Pagination
		*/
		
		
		#breadcrumb h5 {
			float: left;
			padding: 0 8px;
			}
		
		#breadcrumb li {
			list-style: none;
			float: left;
			padding: 0 10px;
			font-family: "MyriadPro-Semibold", Arial, Helvetica, sans-serif;
			font-size: 1.05em;
			}
			
			#breadcrumb li i {
				padding-right: 10px;
				color: #ccc;
				cursor: default;
				}

			#breadcrumb li a span {color: #501f74; cursor: pointer}
			#breadcrumb li span {color: #5b5b5b; cursor: default}


		#categories li {
			list-style: none;
			border-top: 6px solid #501f74;
			margin-top: 20px;
			margin-bottom: 20px;
			line-height: 1.2em
			}
			
			#categories img {padding: 20px; width: 90%}

			#categories h4, #categories p {padding: 0 20px 12px}

				#categories i {
					color: #501f74;
					font-size: 0.7em;
					top: 0px;
					}

		nav.pagination {
			border-top: 1px solid #e6e6e6;
			padding-top: 10px;
			margin: 30px 0 40px;
			}

		.pagination ul li {
			border: none !important;
			display: inline;
			}
			
			.pagination ul li a {
				display: block;
				float: left;
				padding: 10px 15px 8px;
				margin: 10px;
				font-weight: bold;
				font-size: 1.5em;
				color: #8c8c8c;
				} 

			.pagination ul li a.current {
				background: #501f74;
				color: #fff;
				cursor: default;
				}

				
				.pagination ul li a:hover {
					text-decoration: none;
					background: #501f74;
					color: #fff;
					}


			.pagination ul li a i {font-size: 0.8em}


		/*
			Sections & Pages
		*/


		#sect-title {
			position: relative;
			padding: 20px 0;
			}
		
			#sect-title .caption {
				text-align: left;
				left: 20px;
				top: 40px;
				bottom: inherit;
				font-size: 0.9em;
				line-height: 1.3em
				}
		
		
		#page-list-title {
			position: relative;
			padding: 20px 0;
			margin-bottom: 20px;
			border-bottom: 1px solid #ccc;
			}
		
			#page-list-title .caption {
				position: relative;
				padding: 5px 0 0 0;
				top: 0;
				left: 20px;
				text-align: left;
				font-size: 0.9em;
				line-height: 1.3em
				}
				
				#page-list-title .caption p {width: 95%}

		#library-list-title {
			padding-top: 20px;
			}

			#library-list-title h1 {
				/*text-transform: uppercase;*/
				color: #501f74;
				padding: 0 0 0px 20px;
				}
			
			#library-list-title #breadcrumb {padding-left: 15px}

		
		.page-list {
			padding: 20px 0;
			}
			
			.page-list h5 {
				font-size: 0.95em;
				margin-bottom: 20px;
				border-bottom: 1px solid #ccc;
				}
			
			.page-list li {
				list-style: none;
				padding: 10px 0 20px;
				}
		
				.page-list h6 {font-family: "MyriadPro-Semibold", Arial, Helvetica, sans-serif;font-size: 1.2em}
				.page-list h6 i {font-size: 0.5em; top: -1px; color: #501f74}



		/*
			Articles
		*/


		.article h4 {
			border-top: 0px solid #501f74;
			padding: 0px 10px 10px;
			font-weight:bold
			}
			
			.article h4 a small {
				font-size: 0.7em;
				position: relative;
				top: -1px;
				left: 3px;
				}
		
		
			.article a small {font-size: 13px}
		
		
		.article h5 {
			font-weight: normal;
			padding-bottom: 0;
			font-size:15px
			}
			
		.article.list li {
			padding: 10px 20px;
			list-style: none;
			clear: left;
			border-top: 0px solid #e6e6e6;
			}
			
			.article.list li img {
				float: left;
				padding: 0 20px 20px 0;
				}
		
				.article.list img {padding-top: 15px}
				
				.article.list time {
					font-size: 14px;
					color: #5b5b5b;
					font-style: italic;
					padding-bottom: 10px;
					display: block;
					}

			.article.news.list h5 {padding: 15px 0 0}
						
			.article.resources.list li {border: none}
			
			.article.resources.list .content {
				padding: 5px 0 0 140px;
				font-size: 0.9em;
				}
			
			.article.resources.list em {padding-right: 5px}
			

			nav.article.list ul {
				border-top: 1px solid #e6e6e6;
				padding: 10px 0;
				}
				
			nav.article.list li {border: none}
			
			.long.article.list li {padding: 0px; margin:0px !important}
			
			.SearchClass{border-top:1px solid #E6E6E6;padding-top:10px}
			
			nav.sub-nav ul.nav-items {border-bottom: 1px solid #e6e6e6; margin-bottom: 20px}


		.article-content {padding-bottom: 60px}
		.article-content p {padding: 16px 0 4px !important}

		.article-content h5 {padding: 20px 0 10px}
		
		.article-content li {
			margin-left: 25px;
			padding: 5px 0;
			color: #7f7f7f;
			}

		
		/*
			Modules
		*/

		.module {
			padding: 15px;
			margin-bottom: 20px;
			color: #fff;
			clear: both;
			}
			
			.module ul {list-style: none; color: #fff}
			
				.module ul li {line-height: 2em}
		
			.module h5 {
				color: #fff !important;
				padding-bottom: 5px;
				margin-bottom: 10px;
				border-bottom: 1px solid #fff;
				font-size:17px
				}
				
				.module h5 div a{color:white !important;}
		
			.module h6 {
				padding-top: 15px;
				color: #fff;
				font-weight: normal;
				font-size: 0.95em;
				}
				
				.module h6 i {font-size: 0.8em}	
		
			.module a, .module p {color: #fff}
		
			.module .ss-icon {padding-right: 8px}
		
			.module.green {background: #501f74; color:white}
			.module.dgreen {background: #4f9f24}
			.module.blue {background: #90abbc}
			.module.lgreen {background: #e9f8ea}

			.module.lgreen h5 {border-bottom: 1px solid #4f9f24}
			
			.module.lgreen h1,
			.module.lgreen h2,
			.module.lgreen h3,
			.module.lgreen h4,
			.module.lgreen h5,
			.module.lgreen h6,
			.module.lgreen p,
			.module.lgreen li,
			.module.lgreen a
			{color: #4f9f24 !important}
		
			.module blockquote {
				padding: 5px;
				margin-top: 15px;
				}
		
			nav.sub-nav.article .module ul {border: none; padding: 0}
			nav.sub-nav.article .module li {padding: 0 !important}
			
			.module.inline {padding: 0; color: #5b5b5b; margin-bottom: 50px}

				.module.inline h5 {
					border-top: 6px solid #501f74;
					color: #5b5b5b;
					padding: 15px 10px 0;
					margin-bottom: 0;
					}

				.module.inline .content {padding: 10px}
		
					.module.inline img {
						width: inherit;
						float: left;
						padding-right: 20px;
						}

					.module.inline h6 {
						color: #5b5b5b;
						padding: 10px 0 0;
						font-size:15px;
						}

					.module.inline small {
						color: #797979;
						font-style: italic;
						font-size: 14px;
						}

					.module.inline ul {color: #5b5b5b; padding-top: 10px; font-size:14px}

						.module.inline li {line-height: 1.2em; line-height:120%}

					.module.inline a, .module.inline i {color: #501f74}
					
					.module.inline a {text-decoration: underline}
					.module.inline a:hover {color: #501f74}



			.module.inline .form-chooser {
				position: relative;
				margin: 10px 0 50px;
				padding: 0;
				font-size: 1em;
				}
				
				.module.inline .form-chooser h4 {
					cursor: pointer;
					padding: 13px 20px 10px;
					color: #fff;
					background: #90abbc;
					text-transform: uppercase;
					font-size: 17px;
					text-align: center;
					}
					
					.module.inline .form-chooser:hover h4 {
						background: #4b545f;
						color: #fff;
						}
				
				.module.inline .form-chooser h4 .ss-icon {
					position: relative;
					left: 5px;
					font-size: 0.8em;
					color: #fff;
					}
				
				.module.inline .form-chooser ul {
					position: absolute;
					display: none;
					background: #5f6975;
					list-style: none;
					width: 100%;
					z-index: 200;
					padding-top: 0;
					
					}
					
					.module.inline .form-chooser:hover ul {display: block}
					
						
						.module.inline .form-chooser ul li {clear: left}
						
						.module.inline .form-chooser ul li i {
							float: left;
							color: #fff;
							position: relative;
							top: 1px;
							padding: 10px;
							
							}
						
						.module.inline .form-chooser ul li a {
							display: block;
							padding: 10px 20px;
							color: #fff;
							text-decoration: none;
							
							}
							
							.module.inline .form-chooser ul li a:hover {
								background: #4b545f;
								text-decoration: none;
								color: #fff;
								}
								
								.module.inline .form-chooser ul li a:hover i {color: #fff}
			


	/* Footer
	--------------------*/

	#footer {color: #fff}
	#footer a {color: #fff}


	#partners {
		background: #fff;
		}
		
		#partners h5 {
			border-top: 6px solid #657c8a;
			padding: 15px 10px;
			font-weight: normal;
			}
			
			#partners li {
				float: left;
				padding: 0 17px 17px;
				}
			
				#partners li a {
					display: block;
					height: 90px;
					background: url(../img/logo_partners.jpg) no-repeat;
					overflow: hidden;
					text-indent: -999px;
					}
					
					#partners li a.ffnz {width: 87px}
					#partners li a.blnz {width: 144px; background-position-x: -87px}
					#partners li a.dinz {width: 86px; background-position-x: -230px}
					#partners li a.nzdfa {width: 63px; background-position-x: -315px}
					#partners li a.dnz {width: 140px; background-position-x: -377px}
					#partners li a.lgnz {width: 189px; background-position-x: -516px}
					#partners li a.nzg {width: 189px; background-position-x: -704px}

	#footer-nav {background: #657c8a}

		#footer-nav h5 {
			padding-top: 30px;
			min-height: 55px;
			}
		
		#footer-nav ul {padding-bottom: 30px}
		
			#footer-nav li {
				list-style: none; 
				padding: 8px 0;
				font-size: 0.9em;
				}
		
	#copyright {padding: 20px 0}

		#copyright ul li {
			display: inline;
			padding-right: 30px;
			font-size: 0.8em;
			}


		

	/* Smaller screens
	----------------------------------------------------------------------------------------------------*/


	@media only screen and (max-width: 1060px) {

		body {
		font-size: 0.8em;
		line-height: 25px;
		}
		
	}


	/* Mobile Layout
	----------------------------------------------------------------------------------------------------*/


	@media handheld, only screen and (max-width: 767px) {

		body {
		font-size: 16px;
		-webkit-text-size-adjust: none;
		}
		
		.row, body, .container{
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
		}
		
		.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px;
		padding-right: 20px;
		}

	}


	/* Retina Display
	----------------------------------------------------------------------------------------------------*/


	@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

	/*	.logo {
			background: url(logo2x.jpg) no-repeat;
			background-size: 212px 303px;
		}*/

	}


	/*Grace fixes*/
	#primary-nav ul li a {padding:12px; font-weight:bold}

.cke_editable {font-size: 14px !important;} /*mc: to get bullets in editor matching rest  */
	#secondary-nav a {font-size:1.2em}

	zzul li {list-style:none}

	/*Bottom Nav*/
		
	
			

	/*Slider*/
	#Slideshow_Cassiopeia .showcase-content-container{border:0px !important; border-radius:0px !important; box-shadow:0 !important;}
	#Slideshow_Cassiopeia .caption-overlay h2{font-family:"MyriadPro-Semibold", Arial, Helvetica, sans-serif !important; color:#4F9F24 !important;}


	/*Section header*/
	.sectionHeaderImg{height:380px; width:1140px;}

	.ContentMain, .ContentPane{padding-top:0px}

	.customArticleListTitle4 a{font-size:20px; font-family:"MyriadPro-Regular", Arial, Helvetica, sans-serif !important}
	.customArticleListDescription4 p, .customArticleListDescription4 span{font-size:14px; font-family:"MyriadPro-Regular", Arial, Helvetica, sans-serif !important; color:#848587}

	.c_DNN6_Aside .asmslink h2{font-size:17px !important}

	#dnn_ContentPane{margin-top:-10px}
	#dnn_ContentPane3{padding-top:20px}

	#dnn_ctr560_ArticleList_pnlUpdate{margin-top:-20px}

	/*Module Green*/
	.module ul{padding-left:0px !important; margin-bottom: -20px;}
	.module a {font-size:16px; font-family:"MyriadPro-Regular", Arial, Helvetica, sans-serif !important; font-weight:normal}
	.module h5{font-weight:bold !important;}
	.module h5 div a{ font-size:17px; font-family:"MyriadPro-Semibold", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none}
	.module ul li i{font-size:16px}

	.image_container {
	margin-right: 0px !important;
	}

	.c_DNN6_Aside .asmslink{margin-bottom:0px}
	#dnn_RightPane {width:22.05%}

	/*Module blue*/
	.video_container .playerwidth .left{width:100%}
	#videoDiv{margin-top:20px; padding:15px 0 10px 15px; color:white}
	#videoDiv h5 i{color:white; font-size:17px}
	#videoDiv h6 i, #videoDiv h6 a{color:white !important; font-size:15px} 
	#videoDiv .playerwidth{width:220px;}

	/*breadcrumb*/
	#breadcrumb h5 a {color:#501f74}
	#breadcrumb h5 a:hover {color:#501f74}
	#breadcrumb h5 i {color:#CCCCCC}

	/*Packflash*/
	.light_blue_box .light_blue_box {
	width: 1015px !important;
	}



	#breadcrumb h5 i {color:#501f74}
	#breadcrumb i {color:#ccc}

	#sect-title{padding-bottom: 0;}



	/*Slider*/
	#Slideshow_Cassiopeia .caption-overlay h2 a:link, .caption-overlay h2 a:visited{color:#4F9F24; font-family:"MyriadPro-Semibold", Arial, Helvetica, sans-serif; letter-spacing:-0.02em;line-height: 0.85em;
		padding-bottom: 10px;}
		
	/*Menu*/
	#primary-nav ul li ul li a{font-weight:normal !important; }
	#primary-nav ul li ul li a:hover{color:#501f74 !important; }
	#primary-nav ul li ul li:hover{background:#fff !important; }
	ul#PfNavMega div ul .pf_lvl_1{margin-top:0px !important}
	#primary-nav ul li a{font-size:14px;}
	#primary-nav ul li a{padding-top:22px; padding-bottom:22px;padding-right:20px}
	#primary-nav .container {
	margin-bottom: -10px;
	background: #501f74 !important;
	height: 41px;
	}

	#dnn_HorzNav_MenuDiv{padding-left:200px}

	.ie9 #PfNavMega{width:120%}




	#breadcrumb {
	margin: 20px 0;
	}
	#breadcrumb h5 a:hover{text-decoration:none;}
	#breadcrumb span a:hover{text-decoration:underline;}
	/*#breadcrumb h5 {margin-top:-4px; margin-right: -8px;}
	#breadcrumb h5 i{padding-left:10px !important}
*/

	#FundersDiv div a{font-family: "MyriadPro-Semibold", Arial, Helvetica, sans-serif; font-size:16px; color:#6B6B6B; font-weight:bold;width:50px}
	#FundersDiv p{color:#6B6B6B; font-family:"MyriadPro-Regular"; float:left; position:absolute; left:180px; top:75px;width:50%; height:50px}

	#tblNews a{font-size:17px !important}
	#tblNews p {font-size:14px;}
	#tblNews .lblReadmore a{font-size:13px !important; text-decoration:underline}
	#tblNews .pf_articleListDescription{font-size:14px; font-family:"MyriadPro-Regular"; color:#333435}

	h4 .article {font-weight:bold}

	/*IE*/

	.ie9 #Slideshow_Cassiopeia .caption-overlay h2 div a{font-size:46px !important}
	.ie8 #Slideshow_Cassiopeia .caption-overlay h2 div a{font-size:46px !important}
	.ie7 #Slideshow_Cassiopeia .caption-overlay h2 div a{font-size:46px !important}
	.ie6 #Slideshow_Cassiopeia .caption-overlay h2 div a{font-size:46px !important}

	.ie9 #divContactUs{padding-top:10px !important}



		/*
			Caption
		*/
		
		.caption, .caption-overlay {
			text-align: right;
			z-index:500;
			position:absolute;
			right: 20px;
			bottom: 20px;
			padding: 20px;
			background:#fff;
			width:360px;
			color:#939393;
			overflow: hidden;
			}
		
			.caption h1 {
				font-family: "MyriadPro-Semibold", Arial, Helvetica, sans-serif !important;
				line-height: 0.85em;
				letter-spacing: -0.02em;
				color: #4f9f24;
				
				padding-bottom: 10px;
				font-weight:bold
				}
		
			.caption p {font-size: 15px; font-family:"MyriadPro-Regular", Arial, Helvetica, sans-serif !important; line-height:120%;}




	#tag-line h4 {
			padding-left: 210px;
			float: left;
			font-family: "MyriadPro-Regular";
			font-weight: normal;
			color: #501f74;
			padding-top: 4px;
			padding-bottom: inherit;
			font-size:20px;
			}
			
			/*Section page*/
			.FloaterDIV5 i{font-size:9px}
			.FloaterDIV5 .customArticleListDescription5 p, .FloaterDIV5 .customArticleListDescription5{font-size:14px !important; color: #333435; padding-left:2px; width:95%}
			.FloaterDIV5 .customArticleListTitle5 a{font-size:19px !important; font-weight:bold !important; margin-left:20px}
			#divReadmore a{font-size:14px !important; font-style:italic !important; }
			
			
			/*Research list paging*/
			.article_paging{padding-right:20%;padding-top:50px;line-height:300%}
			.article_paging span, .article_paging a, .zzpage{font-size:24px; font-weight:bold; color:#8c8c8c !important}
			.zzpage{padding:10px 15px 8px}
			.article_paging .current{padding:10px 15px 8px; background:#501f74; color:white !important}
			.zzpage:hover{background:#501f74; color:white!important;padding:10px 15px 8px}
			
			#divResearchList p {padding-bottom:0px}
			
			
			/*footer contact us IE*/
			.ie9 #divContactus{margin-top:-60px}
			
			/*Detail page*/
			#SmRot{color:#333435}
			.article-content blockquote{border-left: 6px solid #A7B7C0;
		font-size: 1.1em;
		font-style: italic;
		margin: 20px 0 10px;
		padding: 15px;
		width: 70%;}
		
		

		
		
		/*detail template*/
		.detail_standard_date {font-size:13px; color:#333435}
		.detail_standard_article div{color:#333435}
		
		
		/*Form Master style*/
		/*.asmsForms {margin-top:-40px}*/
		.asmsForms .SubHead{float:left;padding:10px; font-size:14px; width:350px}
		.asmsForms .formIntro{width:87%; font-weight:normal;}
		.asmsForms .formSubIntro{width:87%; font-style:italic}
		.asmsForms .formHeader{width:84%;border:1px solid #ccc; margin:10px 0 5px 0; color:#501f74; font-size:16px; }
		.asmsForms .NormalTextBox{padding:5px; font-size:14px; float:left;}
		.asmsForms input[type="text"]{width:350px}
		.asmsForms textarea{width:85%}
		#dnn_ctr730_FormMaster_ctl_9f753b9a2c854e6aa6d0fad00d57cd79 {float:left; margin-left:10px}
		.asmsForms table tr td {padding:2px}
		.asmsForms A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active{color:white; background:#501f74; }
		
		.newHerd .SubHead{width:35%; padding: 0 0 5px 0}
		.newHerd .formHeader{width:85%; padding:5px 0 5px 10px}
		.newHerd .formIntro{width:90%}
		.newHerd .formSubIntro{width:100%;}
		.newHerd input[type="text"]{width:50%}
		#dnn_ctr735_FormMaster_ctl_6ee132bb12f44a0a89b513815b66d55d, #dnn_ctr735_FormMaster_ctl_24984a9e8c7043889a8d548ad834cde8{float:left;margin-left:5px}
		.newHerd table tr td{padding: 2px 5px}
		.newHerd textarea{width:87.5%}
		.newHerd .herdCount, .herdCount input[type="text"]{position:absolute; right:220px; }
		#dnn_ctr735_FormMaster_ctl_dc8377afb68f4a1ab481ea08ad044e7d,
		#dnn_ctr735_FormMaster_ctl_781d2153e979476f8debe79aaa95de91,
		#dnn_ctr735_FormMaster_ctl_a5436cc9e8c3405fb176708491ad4980,
		#dnn_ctr735_FormMaster_ctl_bf7ad093f48846fb8806601bd29d22ae,
		#dnn_ctr735_FormMaster_ctl_59634f3623b34dbb8c89aca41c1c1d81,
		#dnn_ctr735_FormMaster_ctl_bf7ad093f48846fb8806601bd29d22ae,
		#dnn_ctr735_FormMaster_ctl_e94acbd56d154ba0ba80777109558a0e,
		#dnn_ctr735_FormMaster_ctl_57d0c74eea7d46298c4421b9c8a8e26d
		{width:15%; right:420px}
		
		.newHerd table tr td label{padding-left:5px}
		
		.closedDeerHerd{margin-top:0px}
		.closedDeerHerd .SubHead{width:90%}
		
		/* fix issue with large text in checkboxes */
		label.SubHead.FM_CB {float:left; width: 80%;}
		input.NormalTextBox.FM_CB {float:left; clear:both; margin-right:8px;}
		
		/*html content*/
		#PF_Publish_Article_Container div ol, #PF_Publish_Article_Container div ul{margin:10px 30px}
		div ol li,div ul li {color:#333435; font-size:14px; margin-bottom: 10px;}
		zz.DNNModuleContent.ModDNNHTMLC ol li, zz.DNNModuleContent.ModDNNHTMLC ul li{margin-left:20px}
		div ul li {list-style:square; line-height:18px;}
		ul li ol li {list-style: inherit;}
		.module .green ul{margin-left:-20px}
		.module ul li{list-style:none; color:white}
		#divGreen ul li {margin-left:0px; margin-bottom:0px; }	
		#divGreen ul{margin:0px; margin-bottom:-20px; color:white;}
		.LiveForm ol ul, .LiveForm ul ul, .LiveForm ul ol{margin-top:10px;}
		
		/*table*/
		.Normal table tr td, .cke_editable table tr td
		{padding:7px; border: 1px solid #848587;}
		
		#dnn_CenterLeftPane div ul li{list-style:none;margin-left:0px}
		
		.divCaption {	
		width:540px;
	border: black 1px dotted;
	background: #F1F1F1;
	padding: 5px 10px;
	margin-bottom: 15px;
	}

	p a{text-decoration: none; color:#501f74}
	#dnn_LeftPane tr td a{text-decoration: none; color:#333435}
	#dnn_LeftPane p a{text-decoration: none; color:#501f74}
	#dnn_LeftPane ul li.active>a{font-weight:bold;}
	p a:hover{text-decoration: underline; color:#501f74}
	/*#dnn_dnnSearch_cmdSearch{display:none}*/

	#divReadmore a {color:#4F9D20; text-decoration:underline; }
	#divReadmore{margin-top:-12px !important;}
	.detail_standard_article p a {color:#4F9D20; text-decoration:underline;}

	#dnn_dnnCOPYRIGHT_lblCopyright a{color:white; text-decoration:underline}

	#tblPM{border:1px solid !important;}
	#tblPM tr td{border:1px solid !important; padding:5px}


	.divHome h5 a{color:#6B6B6B !important;font-size:16px;font-weight:bold; font-family:"MyriadPro-Semibold", Arial, Helvetica, sans-serif}
	.email_form span{float:left !important;}
	.email_form table{width:90% !important; margin:5px}

	table tr td{padding:2px 0px}

	input[type="button"] {background: none repeat scroll 0 0 #501f74;
		border: 1px solid #501f74;
		color: white;
		padding: 3px 10px;}
		
	/*Captcha*/    
	.c5sllc_captcha, .c5sllc_captcha img{float:left;clear:both}
	.c5sllc_captcha div div{color:#4C4C4C; font-weight:bold; font-size:14px; float:left;width:100%; text-align:left}
	.c5sllc_captcha div input{float:left}

	/*GMap*/
	div #gmap {
		height: 530px;
		width: 560px;
		margin-left:30px;
	}
	div #divAddressSearch {
		font-size: 16px;
		height: auto;
		margin: 5px auto;
		 text-align: center;
		vertical-align: middle;
		width: 520px;
		background:white !important;
	}
	div #divAddressSearch h3 {
		color: #501f74;
		font-size: 22px;
		margin-top: 0;
	}
	div #divAddressSearch p {
		padding: 2px 10px 0;
	}
	div #divAddressSearch #txtAddress {
		height: 1.5em;
		vertical-align: middle;
		width: 70%;
	}
	input #btnSearch {
		padding: 2px;
	}
	div #divMatches {
		border: 1px solid #000000;
		font-size: 16px;
		height: 110px;
		margin: 5px;
		overflow: auto;
		margin-bottom:15px
	}
	div #divMatches a div {
		border-top: 1px solid #000000;
		margin: 10px 5px;
	}
	div #divMatches img {
		border: medium none;
	}
	fieldset.dca {
		border: 1px solid #000000;
		font-size: 10px;
		font-weight: bold;
		margin: 15px auto;
		width: 90%;
	}
	.selected {
		background-color: #EEEEFF;
	}
	fieldset.dca legend {
		padding: 0 5px;
	}
	table.dcatable {
		margin: 5px;
		width: 100%;
	}
	table.dcatable td {
		padding: 0;
	}
	.dcatable td.layercheckbox {
		padding-bottom: 10px;
		text-align: center;
	}
	.dcatable td.text {
		padding-bottom: 10px;
		padding-left: 5px;
	}
	.dcatable .tdbackground {
		background: url("/Portals/_default/Skins/ZetaSkin2/img/legend_horiz.jpg") no-repeat scroll 0 0 transparent;
		width: 18px;
	}
	.dcatable td.mca {
		background-position: 0 0;
	}
	.dcatable td.sta {
		background-position: -32px 0;
	}
	.dcatable td.stb {
		background-position: -64px 0;
	}
	.dcatable td.std {
		background-position: -96px 0;
	}
	.dcatable td.sa {
		background-position: -128px 0;
	}

	.divCaption2 {	
		width:540px;
	border: black 0px dotted;
	background: #F1F1F1;
	padding: 5px 10px;
	margin-bottom: 15px;
	font-size:12px
	}

	.customArticleListDescription4{margin-left:28px; width:90%}
	#divFunder, .divHome{margin-top:30px}
	.customArticleListTitle4{margin-top:-20px; margin-left:28px}
	.customArticleListTitle5{margin-top:-20px; margin-left:22px;}
	.customArticleListTitle5 a {margin-left:0px !important}
	.customArticleListMoreLink5{margin-left:16px;}





	/* Grace NZNO fixes */
	#secondary-nav{height:55px; background-color:white}
	#primary-nav, .MenuWrapper div.PfNav, div.MenuWrapperMega div.PfNav {
	color: #fff;
	background: #501f74 !important;
	}

	#primary-nav .ss-icon {
	position: relative;
	left: 5px;
	color: #fff !important;
	}

	/*NAV header*/
	#PfNavMega{margin-left:150px !important}

	/*NAV footer*/
	.subMenuRight{display:none !important}
	#zzFooterBlack .MainTable {width: 940px;}
	

	/*Actravia*/
	.ModThirdIEventBookingC *{font-size:14px !important;}
	.ModThirdIEventBookingC .EventDayScroll a{font-size:11px !important; color: #501f74;line-height: 14px;}
	.ModThirdIEventBookingC .EventDayScroll img{display:none}
	#ScheduleTable{width:100% !important}
	.DatesTable tr th, .grdOrderStyle tr th, .ScheduleTable tr th{border:1px solid #501f74; padding:5px; font-weight:bold}
	.DatesTable tr td, .ParticipantTable tr td, .grdOrderStyle tr td{border:1px solid #501f74; padding:5px}

	.ScheduleTable tr th, .ScheduleTable tr td{border:1px solid #501f74; padding:15px}

	.actLabelTextRlst{margin-left: 280px;margin-top:20px;margin-bottom:20px; border:1px solid #501f74}

	#dnn_ctr2798_EditScheduledEventDetails_tblDateandLocation, #divdates{overflow:none !important}

	/*Mobile fix*/
	.mobileNav{display:none}


	/*login page*/
	#dnn_ctr_Login_Login_ICGCustom_lblUsername_label, #dnn_ctr_Login_Login_ICGCustom_lblPassword_label{float:left}

	/*h1*/
	.ContentPane h1{
	font-family: "Georgia", Arial, Helvetica, Verdana, Sans;
	font-size: 26px !important;
	font-weight: normal;
	color: #532380;
	line-height: 32px;
	}

	.major-header h1{color:#fff}

	/*FAQ*/
	.faqq p {
	color: #532380;
	}

	/*Host, Admin*/
	.dnnForm, .console-large div{font-size:14px}

	/*Groups*/
	#dnn_ContentPane .titlecontainer.Green{font-size:26px !important}

	/*#tag-line, .container{background:#fff; }*/
	.greytable{font-size:14px}

	.TabletShow{display:none}

	/*Actravia Search*/
	.DnnModule-ActraviaSearch{color: #501f74; font-size:16px}
	#dnn_ctr2798_ViewEventBooking_cdc_evtOpts{width:100%}

	.dnn_child_ctlchild_spmsub{display:none}


	/*general*/
	/*publications*/
	#PublicationsByCategory{font-size:13px}
	.floatright {
	float: right;
	}
	.floatright a{
	text-decoration:underline;
	}
	h3[class^="cat"] {
		color: #FFFFFF;
		cursor: pointer;
		padding-left: 10px;
		padding-bottom:3px;
	width: 100%;
	}

	.PubDesc {
		display: inline-block;
		font-size: 13px;
		line-height: 15px;
		padding: 8px;
		width: 425px;
	}    
	.cat9 
	{
		background-color: #9c907c; /*stone policy */
	}
	.cat11
	{
		background-color:#007bc0; /*blue research */
	}    
	.cat10
	{
		background-color: #699519; /*green practice*/
	}
	.cat7
	{
		background-color:#e9ab00; /*yellow education*/
	}   
	.cat8
	{
		background-color: #cb414d; /*red employment*/
	}
	.cat6
	{
		background-color:#501f74; /*purple core*/
	}   

	.cat21
	{
		background-color:#848587; /*purple other*/
	}  
	.publicationslist
	{
		
		width: 667px;

	}
	.publication 
	{   
		width: 90%;
		display:inline-block;
		vertical-align: top;
		margin: 3px 8px;
		padding:5px;
		float: left;
	 
	}
	.publicationselected {
		background-color: #ddd;
	}
	.publication .actions
	{   
		margin-left: 40px;
	}

	.publication .actions .actiontitle
	{
		margin-top:5px;
		display:block;
		color:#333435;
	}
	.publication .actions a
	{
		line-height: 150%;
		vertical-align: top;
	}
	.publication .actions img
	{
		margin-right: 5px;
		
	}
	.publication .actions input
	{   
		
		
		top: 5px;
		position:relative;
		vertical-align:bottom;
		margin-left: 5px;
	}
	.publication input:checked+label{ font-weight: bold; color:#501F74; } 

	.publication .actions label 
	{
		
		display:block;
		margin-top: -9px;
		padding-left: 28px;
	}
	.publicationssubmit 
	{
		margin: 0 auto;
		width: 320px;
		
	}
	.publicationssubmit input {
		color: #609; 
		background: #EEEEEE; 
		border-right: solid 1px #D1C7BE;
		border-bottom: solid 1px #D1C7BE; 
		border-left: none; 
		border-top: none; 
		margin-top:10px;
		height: 18px; 
		padding: 0 12px;
	}
	/*end of publications*/


	/*Fee grey table  table:not(.rgMasterTable), table:not(.rgMasterTable) tr, table:not(.rgMasterTable) td  
	  .DNNModuleContent:not(.ModDotNetNukeModulesDigitalAssetsC) table, 
	  table:not(.rgMasterTable) tr, 
	  table:not(.rgMasterTable) td {	
		font-size: 12px;	
		color: #333435;
		line-height: 140%;
		padding: 10px;
		border: 1px solid;
	}
	.LiveForm  table, .LiveForm table *{
		border: 0;
	}
	*/
	table.table, 
	  table.table tr, 
	  table.table td {	
		font-size: 12px;	
		color: #333435;
		line-height: 140%;
		padding: 10px;
		border: 1px solid;
  }
  /*table*/
	.table{width:100% }
	
	tbody {
	
	vertical-align: middle;
	
	}
	tr {
	
	vertical-align: inherit;
	
	}
	td, th {
	
	vertical-align: inherit;
	}
	
	/*table tr td p{margin-left:10px}*/
	table tr td ul{margin-left:25px}
	table.greytable {
	border: medium none;
	border-collapse: collapse;
	}
	table.greytable td.columnheader {
	background: none repeat scroll 0 0 #F2F2F2;
	}
	table.greytable td.fullwidthheader {
	background: none repeat scroll 0 0 #D9D9D9;
	text-align: center;
	}
	table.greytable td.top {
	background: none repeat scroll 0 0 #BFBFBF;
	border: 1pt solid black;
	text-align: center;
	}
	table.greytable td {
	background-color: transparent;
	border-color: #ECE9D8;
	border-style: none solid solid;
	border-width: medium 1pt 1pt;
	padding: 0 7px;
	width: 50%;
	}

	ul#PfNavMega li.HasChildren a {
	padding: 12px 9px 11px 15px;
	}


	.LinksDesignTable td a{font-size:14px; color:#333435}

	.LeftPane div ul li {
	list-style: none;
	}
	.LeftPane div ul 
	{margin-left: 0px;
	margin-top: 10px;
		padding: 0;
	}
	.LeftPane ul ul.subLevel, .LeftPane ul ul.subLevelRight {margin-left: 20px;}


	/*.kowhaiwhai{background: url("/portals/0/kowhaiwhai-2double.png") no-repeat ;
	height: 25px;
	margin: 5px 0px 5px 155px;
	width: 939px;
	float: left;}*/
	.kowhaiwhai{background: url("/portals/0/NZNO-kowhaiwhai-four25-2.png") no-repeat ;
	height: 25px;
	margin: 33px 0px 33px 145px;
	width: 900px;
	float: left;}

	.titlecontainergreyunderline{display:none}
	.titlecontainer{font-family:sans-serif !important;}
	.Green{font-size:14px}


	.childLinks ul{width:auto; margin-right:30px; float:right}
	.childLinks ul li{list-style:none; display:block;padding-top:5px;
	float: left;
	text-align: center;
	margin-right:20px;
	}


	#tbldnn_Child_ctlChildMenuBar td{display:block; color: #333435 !important; font-size:14px;  padding:2px 0px; background:none; }

	/*header*/
	#dnn_ContentPane .titlecontainer {font-weight:bold; font-size:26px;line-height:26px;}
	#dnn_RightPane .titlecontainer {font-size:16px}


	

	/*Side menu  - now replaced solpart with dnn */
	.LeftMenu li a{color: #333435; font-size:14px;}
	#tbldnn_Child_ctlChildMenuBar{margin-bottom:10px; cursor:pointer; margin-left:-3px; }
	#tbldnn_Child_ctlChildMenuBar tr td:hover{text-decoration:underline !important; border:0px !important}
	#tbldnn_Child_ctlChildMenuBar tr td{display:block; color: #333435; font-size:14px;  padding:2px 0px; background:none; }
	#dnn_LeftPane h5, #dnn_LeftPane h1, #dnn_RightPane h1 {color: #fff !important;font-family: sans-serif !important;padding: 3px 5px;font-weight: normal;font-size: 16px !important;margin-bottom: 5px;background: #501f74;}
	#dnn_LeftPane .titlecontainer,  #dnn_RightPane .titlecontainer{color:#fff}
	.LeftMenu {width:220px; }
	div.LeftMenu ul li {margin-bottom: 8px;line-height:16px;}







	/*Te Runanga*/
	.TeRunanga A.SkinObject:link, .TeRunanga A.SkinObject:visited, .TeRunanga A.SkinObject:active{color:#501f74 !important}
	#tag-line.TeRunanga{padding-top: 10px;padding-bottom: 35px;}
	.ie8 #tag-line.TeRunanga{padding-top:10px; padding-bottom:0px}

	.TeRunanga .childLinks ul li{margin-right: 30px;}
	.TeRunanga .childLinks ul li a{color:white; font-size: 14px;}
	.TeRunanga #tbldnn_Child_ctlChildMenuBar .dnn_child_ctlchild_spmrarw{display:none}
	/*Top header*/
	#secondary-nav.TeRunanga{height:75px} 
	#tbldnn_Child_ctlChildMenuBar tr{height:25px}
	/**breadcrumb**/
	#breadcrumb.TeRunanga{margin-left:-15px; color:#501f74 !important}
	#breadcrumb.TeRunanga i {
		color:#501f74 !important
		}
	#breadcrumb.TeRunanga h5 {
		float: left;
		padding: 0 8px;
		}

	#breadcrumb.TeRunanga li {
		list-style: none;
		float: left;
		padding: 0 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.05em;
		
		}

	#breadcrumb.TeRunanga li i {
		padding-right: 10px;
		color: #ccc;
		cursor: default;
		}

	#breadcrumb.TeRunanga li a span {color: #501f74 !important; cursor: pointer}
	#breadcrumb.TeRunanga li span {color: #501f74 !important; cursor: default}
	#logo.TeRunanga{
			position: absolute;
			background: #fff;
			padding: 8px 0px 0px 0px;
			/*padding: 15px 15px 10px;*/
			z-index: 1001;		
			}
			


			
	/**LOGO**/
	#logo.TeRunanga a{
				display: block;
				width: 140px;
				height: 210px;	
				text-indent: -999px;
				overflow: hidden;
				background: url("/portals/0/Docs/Groups/Te Runanga/NZNO TR Logo website banner.jpg") no-repeat;
				/*background: url("/Portals/_default/Skins/ZetaSkin2/img/logo_tbfree_sm.png") no-repeat;*/
				}
			
	#primary-nav.TeRunanga{height:41px; background: #501f74 !important;}
	.TeRunanga #search{color: #501f74 !important;}
	.TeRunanga #dnn_dnnSearch_txtSearch{font-size:16px}


	/*side menu*/
	.TeRunanga #tbldnn_Child_ctlChildMenuBar{margin-bottom:10px; cursor:pointer}
	.TeRunanga #tbldnn_Child_ctlChildMenuBar td:hover{text-decoration:underline !important; border:0px !important}
	#dnn_LeftPane.TeRunanga h5{color: white !important; font-family:Arial, Helvetica, sans-serif !important; font-weight:normal;}

	/*header pane*/
	.HeaderPane3.TeRunanga .greyborder{height:auto !important;}
	.HeaderPane3.TeRunanga .greyborder{background: #501f74 !important; padding:22px}
	.HeaderPane3.TeRunanga .greyborder h2{color:white !important; line-height:25px}

	#tddnn_Child_ctlChild1025{z-index:9999 !important}

	/*Te Runanga end*/

	
	/* Actravia 20140813 Grace */
	#main .UpcomingListHeader{
	color:white;
	background-color: #5d9732;
	}
	#main .UpcomingListHeader th{
	font-weight:bold;
	font-size:16px !important;
	padding: 5px 10px;
	}

	#main .UpcomingListTableRow,  #main .UpcomingListTableRowSearch:nth-child(odd){background-color: #c6d8b4;}
	#main .UpcomingListTableAlternateRow, #main .UpcomingListTableRowSearch:nth-child(even){background-color: #e1ebd7;}
	#main .UpcomingListTableRow td, #main .UpcomingListTableAlternateRow td, #main .UpcomingListTableRowSearch td{padding:10px}
	#main .UpcomingList_I1{width:1%;}
	#main .UpcomingList_I2{width:40%; text-align:left;}
	#main .UpcomingList_I2Search{width:50%;}
	#main .UpcomingList_I3{width:15%} 
	#main .UpcomingList_I4{width:20%}
	#main .UpcomingList_I7{width:12%}
	#main .SchedulePageOuterTable{background-color: #e1ebd7;}
	

	/*Students 20160706*/
	#lang_switch li { text-transform:uppercase }
	.Students A.SkinObject:link, .Students A.SkinObject:visited, .Students A.SkinObject:active{color:#501f74 !important}
	#tag-line.Students{padding-top: 10px;padding-bottom: 82px;}
	.ie8 #tag-line.Students{padding-top:10px; padding-bottom:0px}

	.Students .childLinks ul li{margin-right: 30px;}
	.Students .childLinks ul li a{color:white; font-size: 14px;}
	.Students #tbldnn_Child_ctlChildMenuBar .dnn_child_ctlchild_spmrarw{display:none}
	/*Top header*/
	#secondary-nav.Students{height:56px} 
	#tbldnn_Child_ctlChildMenuBar tr{height:25px}
	/**breadcrumb**/
	#breadcrumb.Students{margin-left:-15px; color:#501f74 !important}
	#breadcrumb.Students i {
		color:#501f74 !important
		}
	#breadcrumb.Students h5 {
		float: left;
		padding: 0 8px;
		}

	#breadcrumb.Students li {
		list-style: none;
		float: left;
		padding: 0 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.05em;
		
		}

	#breadcrumb.Students li i {
		padding-right: 10px;
		color: #ccc;
		cursor: default;
		}

	#breadcrumb.Students li a span {color: #501f74 !important; cursor: pointer}
	#breadcrumb.Students li span {color: #501f74 !important; cursor: default}
	#logo.Students{
			position: absolute;
			background: #fff;
			padding: 8px 0px 0px 0px;
			/*padding: 15px 15px 10px;*/
			z-index: 1001;		
			}
			
	/**LOGO**/
	#logo.Students a{
				display: block;	
				text-indent: -999px;
				overflow: hidden;
				background: url("/Portals/_default/Skins/WEBXSkin/img/logo_new.png") no-repeat;
				}
			
	#primary-nav.Students{height:41px; background: #501f74 !important;}
	.Students #search{color: #501f74 !important;margin-top: 13px;}
	.Students #dnn_dnnSearch_txtSearch{font-size:16px}


	/*side menu*/
	.Students {font-size: 18px; font-family: 'Open Sans', sans-serif; color:#333}
	.Students_clear:before,
	.Students_clear:after {
		content: " ";
		display: table;
	}

	.Students_clear:after {
		clear: both;
	}

	.Students nav {height: 65%}
	.Students nav ul{margin:0px; padding:0}
		.Students nav li {list-style: none}
		
			.Students nav li a {
				margin: 20px 30px;
				padding: 20px 20px;
				background-color: #ffffff;
				display: block;
				font-size: 16.5px;
				font-family: 'Open Sans';
				color: #000000;
				text-decoration: none;
				font-weight: normal;
				box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
				border-radius: 2px;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				-ms-border-radius: 2px;
				position: relative;
				}
				
				.Students nav li a:hover {
					color: #ffffff;
					background-color: rgba(82, 34, 127, 1);
					}
				
				.Students nav li a:before {
					content: '';
					display: block;
					width: 10px;
					height: 10px;
					background-color: #ECECEC;
					box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
					border-radius: 50%;
					-moz-border-radius: 50%;
					-webkit-border-radius: 50%;
					-ms-border-radius: 50%;
					position: absolute;
					top: 50%;
					transform: translateY(-50%)
					}
					.Students nav li a span{margin-left:20px}
					
	/*header pane*/
	.HeaderPane3.Students .greyborder{height:auto !important;}
	.HeaderPane3.Students .greyborder{background: #501f74 !important; padding:22px}
	.HeaderPane3.Students .greyborder h2{color:white !important; line-height:25px}
	.Students.LeftPane{width:30%; margin-right:2%; background-color: #ECECEC;}
	.ContentPane.Students{width: 66%; margin-top:-5px !important}

	#tddnn_Child_ctlChild1025{z-index:9999 !important}

	.Students blockquote {
		font-weight: 300;
		font-style: italic;
		font-size: 2.5em;
		line-height: 1.4em;
		color: #4a4a4a;
		margin-bottom: 30px;
		background-image: none;
		padding:0px;
		width: 64%;
		font-family: "Open Sans", sans-serif;
		}

	.Students h2{color: #606060;     font-family: "Open Sans", sans-serif; font-size:2em}
	.Students p {
		font-size: 1.5em;
		padding-bottom: 10px;
		font-family: "Open Sans", sans-serif;
		color: #4a4a4a;
		line-height: 1.4em;
	}
	.Students div ol li, .Students div ul li {
		font-size: 1.5em;
		margin-bottom: 10px;
		list-style-type:disc;
		color: #4a4a4a;
		line-height: 22px;
	}

	.ContentPane.Students footer a {
		display: inline-block;
		padding: 10px 20px;
		background-color: #532380;
		color: #ffffff !important;
		font-weight: normal;
		cursor: pointer;
	}

	/* links list */
	#student-list {margin: 0 15px}
	#student-list li {list-style: none; padding-bottom: 20px; border-bottom: 1px #e8e8e8 solid}
	#student-list h3 {font-size: 24px; color: #333435; padding-bottom: 2px; font-weight:bold}
	#student-list p {font-size: 18px; color: #4a4a4a}
	#student-list a {font-size: 16px}
	#student-list-button a {margin: 15px}
		

	/*Students end*/


	.ParticipantTableEmptyRow td{
		color: red;
	}
	.ActraviaError {
		color: red;
		display:block;
		}
	.Normal {
			font-size:14px;
		}
	.articleEntry.Normal {
		color:#333435;
	}	



	/*#main {margin-top:30px}*/
	#dnn_ContentPane {
		margin-top: 0px !important;
	}


		.ScheduleBookingLink{
		font-weight: 900;
		color: green !important;
		}



	#dnn_ContentPane .titlecontainer {
		font-weight: bold;
		font-size: 26px;
		line-height: 26px;
	}	
	
	#dnn_ContentPane a{
		color: #501f74; 
	
	}
}

/* Brandon new menu */
* {font-family: Arial, Helvetica, 'sans serif'}

body {margin: 0}

#logo {
	margin: 0;
	position: absolute;
	top: -55px;
	}

	#logo a {
		width: 101px;
		height: 155px;
		display: inline-block;
		background-image: url(/Portals/_default/Skins/WEBXSkin/img/logo_new.png);
		text-indent: -9999px;
		background-size: 99px auto;
		}

#header {
	border-bottom: 1px solid #ccc;
	}

#header .container {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 10px;
	display: flex;
	position: relative;
	box-sizing: border-box;
	}

#header ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 150px;
	}

	#header ul li {
		display: inline-block;
		position: relative;
		}

		#header ul li header {
			border-left: 1px solid #fff;
			}
			
		#header ul li a {
			text-decoration: none;
			display: inline-block;
			padding: 13px 15px;
			color: #ffffff;
			font-size: 0.9em;
			
			} 
			
			#header ul li:first-child header,
			#header ul li li a {border-left: none}

			#header ul ul {
				display: none;
				position: absolute;
				z-index: 10;
				margin: 0;
				padding: 10px 0;
				background-color: #ffffff;
				min-width: 400px;
				-moz-box-shadow: 0px 3px 6px 0px #bfbfbf;
				-webkit-box-shadow: 0px 3px 6px 0px #bfbfbf;
				box-shadow: 0px 3px 6px 0px #bfbfbf;
				}
			

				#header li li {
					display: block;
					border-left: none;
					width: 200px;
					float: left;
					}
					
					#header li li a {
						color: #585858;
						padding: 6px;
						margin: 2px 8px;
						display: block;
						border-bottom: 3px solid #999999;
						min-height: 36px;
						}
						
						#header li li a:hover {
							color: #501f74;
							border-bottom: 3px solid #501f74;
							}
						
#primary {background-color: #501f74}

		#primary ul li a {letter-spacing: 0.04em; font-weight:bold;}

	#primary .container:after {
		content: '';
		display: block;
		width: 900px;
		height: 25px;
		position: absolute;
		bottom: -39px;
		left: 160px;
		background-image: url("/portals/0/NZNO-kowhaiwhai-four25-2.png");
		}

		@media only screen and (max-width: 1100px) and (min-width: 751px) {
			#primary .container:after {
				width: 739px;
				background-image: url("/Portals/0/NZNO-kowhaiwhai-four25-3.png"); 
				}
			}
		
		@media only screen and (max-width: 981px) and (min-width: 751px) {
			#primary .container:after {		
				width: 574px;
				bottom: -40px;
				background-image: url("/Portals/0/NZNO-kowhaiwhai-iPad-S2.png"); 
				}
			}
			
@media only screen and (min-width: 752px) {

#secondary .container {
	display: block;
	text-align: right;
	}

#secondary ul {margin: 0 13px}

	#secondary a {
		font-size: 0.9em !important;
		color: #585858 !important;
		padding: 7px !important;
		}
		
		#secondary a:hover {
			color: #501f74 !important;
			text-decoration: underline;
			}
			
#secondary input[type='text'] {padding: 5px 10px}


#header ul li:hover ul {display: block}
#header ul li a.toggle {display: none}
#header ul li:hover header {background-color: #fff}
#header ul li:hover header a {color: #373737}
}

.menu-toggle {display: none}


@media only screen and (max-width: 751px) {
#header ul li.toggle ul {display: block}

#header {
	min-height: inherit;		
	display: flex;
	flex-direction: column-reverse;
	position: absolute;
	width: 100%;
	background-color: #747577;
	z-index:9;
	padding:0;
	}
	
	#header ul ul {min-width: inherit}

	#primary {background-color: #747577}

		#primary .container {padding: 0}
		#primary .container:after {display: none}

			#logo {
				display: none;
				}


			#primary ul {
				width: 100%;
				}
				
				#primary ul {
					margin: 20px;
					font-size: 1.8em;
					}

				#primary ul li {
					display: block;
					width: 100%;
					}

					#primary ul li header {
						border: none;
						display: flex;
						margin-bottom: 5px;
						border-bottom: 1px solid #959595;
						}
						
						#primary ul li header a:first-child {
							width: 100%;
							padding-left: 0;
							}
						
						#primary ul ul {
							display: none;
							position: relative;
							-moz-box-shadow: none;
							-webkit-box-shadow: none;
							box-shadow: none;
							background-color: transparent;
							}
							
							#primary ul ul.show {display: block}


							#primary ul ul li {float: none}

								#primary ul ul li a {
									border-bottom-color: transparent;
									color: #ffffff;
									font-size: 0.4em;
									}
									
									#primary ul ul li a:hover {
										color: #ffffff;
										border-bottom: 3px solid #dbdbdb;
										}										

					.toggle {
						background-color: #fff;
						cursor: pointer;
						padding: 13px 20px !important;
						}
						
						.toggle span {
							display: inline-block;
							border-right: 5px solid #501f74; /*#4A4A4A;*/
							border-bottom: 5px solid #501f74; /*#4A4A4A;*/
							width: 10px; height: 10px;
							transform: rotate(45deg);
							padding: 0 !important;
							position: relative;
							top: 0%;
							margin-top: 0px;
							}
						
						.toggle.rotate span {
							transform: rotate(-135deg);
							margin-top: -5px;
							}

	#secondary {
		padding: 10px;
		}

	#secondary ul {margin: 0; width: 100%}
		
		#secondary li {
			width: 50%;
			float: left;
			}
		
		#secondary li:first-child {
			display: block;
			width: 100%;
			float: none;
			margin-bottom: 10px;
			}

			#secondary li a {
				color: #ffffff;
				display: block;
				padding-left: 0 !important;
				font-size: 1em !important;
				}

			#secondary li:first-child a {
				display: block;
				color: #501f74;
				background: #ffffff;
				text-align: center;
				border-radius: 3px;
				font-size: 1.4em !important;
				font-weight: bold;
				padding-left: 15px !important;
				}
		
		#secondary li:last-child {display: none}
		
		.menu-toggle {
			padding: 20px 20px 0;
			display: block;
			}

			.menu-toggle a {
				color: #ffffff;
				font-size: 1.2em;
				border-bottom: 2px solid;
				padding-bottom: 3px;
				cursor: pointer;
				}

		.menu-toggle a.open {display: none}
		
		.menu-toggle.open {padding: 20px;}
		
		.menu-toggle.open a.close {display: none}

		.menu-toggle.open a.open {
			display: inline;
			 color: #501f74;
			}


		#header.hideheader, #primary.hideheader, #header.hide, #primary.hide {
			position: relative;
			background-color: #ffffff;
			}

		#primary.hideheader #logo, #primary.hide #logo {
			display: block;
			position: relative;
			top: 0;
			width: 100%;
			margin: 0 19px;
			
			}
			
		#primary.hideheader ul, #secondary.hideheader,#primary.hide ul, #secondary.hide {display: none}
		#primary.hideheader, .menu-toggle.open, #primary.hide, .menu-toggle.open {float: left}




	#logo a {
		width: 100%;
		max-width: 300px;
		height: 70px;
		display: block;
		background-image: url(/Portals/_default/Skins/WEBXSkin/img/logo_mobile.svg);
		text-indent: -9999px;
		background-size: contain;
		background-repeat: no-repeat;
		}

	#logo a.sub_site{width: 100px;
    height: 100px;
    background-size: 100px 100px;}

}

/* Grace fixes for new menu*/

#breadcrumb h5 {
    margin: 0px;
	padding: 0px;
	font-size:16px;
}
#breadcrumb h5 i{padding:0px}
#primary div ul li, #secondary div ul li{margin-bottom:0px}
#primary div ul li{float:left}

#main{margin-top: 20px;}

#dnn_ctr1084_Login_ICGCustom .dnnLabel{text-align: left;}

.PageList, .PageItem {    
    line-height: 22px;
}

#dnn_ctr3182_FormMaster_ctl_5e6be523586a49dab44efa19e14acb0f{width:70% !important} /* https://nzno-up.dotnous.com/support/workplace_rights */

/* subsite */
#primary .container.subsite:after{background-image:none}
.subsite_header{ text-align: center;
		display: block;
		margin-top: 30px;
		margin-bottom: 20px;
		}
#primary .te_runanga {margin-left:190px}
#dnn_ContentPane .titlecontainer	{line-height:30px}
	
/* students */
#logo.Students{top: -15px;}
#header .Students ul li a {font-size: 1rem; display: initial}
#header .Students #secondary-nav ul li a {
    font-size: 1.2em;
}
.Students h2{margin-bottom:10px; line-height: 38px;}
#dnn_ContentPane.Students a {
    line-height: 22px;
}


/* PHC MECA 2021 skin */
#header.phc_meca_2021 #primary{background-color:#FF0000}
#header.phc_meca_2021 #primary .container:after{background-image:none; content: "Power in collective strength – it's our time!"; color: #501F74; text-align: center; font-weight:bold; font-size:20px; height: 10px;}
#main.phc_meca_2021 a,
#main.phc_meca_2021 .titlecontainer,
#main.phc_meca_2021 #breadcrumb h5 i,
#main.phc_meca_2021 h1,#main.phc_meca_2021 h2,#main.phc_meca_2021 h3,
#main.phc_meca_2021 h4,#main.phc_meca_2021 h5,#main.phc_meca_2021 h6 { color: #FF0000; }

@media only screen and (max-width: 751px){
	.menu-toggle a {
		font-size: 1.75em;
	}
	.menu-toggle a:hover {
		text-decoration:none
	}
	#primary ul ul li a{
		font-size: 1.48em;
	}
	#secondary li a{
		font-size: 1.15em !important;
	}
	#header ul li a {
		font-size: 1.7em;		
	}
	.LeftPane{width:100% !important}
	#main {
		margin-top: auto !important;
	}
	
	/* subsite */
	.subsite_header{display:none}	
	#primary .te_runanga {margin:20px}
	
	/* student */
	#header.student-header{min-height:0px; height: 0px;}
	#main.student-app{margin-top:0px}
	#header #lang_switch{float:left; margin-left:0px}
	#primary ul li.land{width:48%; display:block; float:left}	
}


/*media screen */


.modernform fieldset {
    padding: 10px 20px 20px;
    margin-bottom: 10px;
    border: none;
    
}
/** Forms in dnn9 should use this.  Created for login/register/resetpassword  **/

.modernform {
	font-size:16px;
}
.modernform h4 {
	margin: 0 0 10px;
padding: 0;
font-size: 16px;
font-weight: bold;
}
.modernform input {
	display: block;
width: 100%;
padding: 13px;
margin: 0;
font-size: 1em;
box-sizing: border-box;
border: 1px black solid;
}
.modernform a.btn {
background-color: #606060;
border: medium none;
border-radius: 2px;
color: white !important;

display: block;
float: right;
margin-right: 15px;
padding: 15px;
}

.modernform input.btn {
background-color: #606060;
border: medium none;
border-radius: 2px;
color: white !important;
cursor: pointer;
display: block;
float: right;
height: 46px;
margin-right: 15px;
outline: medium none;
width: 153px;
}
	.modernform .note {
		margin: 15px 0;
		padding: 5px 20px;
		background-color: #fde490;
		}
.modernform .note.error {margin-top: 8px}
.modernform .note.error, #join-form .note.error-title {background-color: red}
.modernform .note.error *, #join-form .note.error-title * {color: #ffffff}
.modernform  .note p, .modernform  .note strong {
		margin: 10px 0;
		padding-bottom: 0;
		font-size: 14px;
		line-height: 1.4em;
		}	

.dnnFormValidationSummary  {
	line-height:23px;
}
		

@media (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
  }
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.grid-container:before, .mobile-grid-5:before, .mobile-grid-10:before, .mobile-grid-15:before, .mobile-grid-20:before, .mobile-grid-25:before, .mobile-grid-30:before, .mobile-grid-35:before, .mobile-grid-40:before, .mobile-grid-45:before, .mobile-grid-50:before, .mobile-grid-55:before, .mobile-grid-60:before, .mobile-grid-65:before, .mobile-grid-70:before, .mobile-grid-75:before, .mobile-grid-80:before, .mobile-grid-85:before, .mobile-grid-90:before, .mobile-grid-95:before, .mobile-grid-100:before, .mobile-grid-33:before, .mobile-grid-66:before, .grid-5:before, .grid-10:before, .grid-15:before, .grid-20:before, .grid-25:before, .grid-30:before, .grid-35:before, .grid-40:before, .grid-45:before, .grid-50:before, .grid-55:before, .grid-60:before, .grid-65:before, .grid-70:before, .grid-75:before, .grid-80:before, .grid-85:before, .grid-90:before, .grid-95:before, .grid-100:before, .grid-33:before, .grid-66:before, .grid-offset:before, .clearfix:before,
.grid-container:after,
.mobile-grid-5:after,
.mobile-grid-10:after,
.mobile-grid-15:after,
.mobile-grid-20:after,
.mobile-grid-25:after,
.mobile-grid-30:after,
.mobile-grid-35:after,
.mobile-grid-40:after,
.mobile-grid-45:after,
.mobile-grid-50:after,
.mobile-grid-55:after,
.mobile-grid-60:after,
.mobile-grid-65:after,
.mobile-grid-70:after,
.mobile-grid-75:after,
.mobile-grid-80:after,
.mobile-grid-85:after,
.mobile-grid-90:after,
.mobile-grid-95:after,
.mobile-grid-100:after,
.mobile-grid-33:after,
.mobile-grid-66:after,
.grid-5:after,
.grid-10:after,
.grid-15:after,
.grid-20:after,
.grid-25:after,
.grid-30:after,
.grid-35:after,
.grid-40:after,
.grid-45:after,
.grid-50:after,
.grid-55:after,
.grid-60:after,
.grid-65:after,
.grid-70:after,
.grid-75:after,
.grid-80:after,
.grid-85:after,
.grid-90:after,
.grid-95:after,
.grid-100:after,
.grid-33:after,
.grid-66:after,
.grid-offset:after,
.clearfix:after {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.grid-container:after, .mobile-grid-5:after, .mobile-grid-10:after, .mobile-grid-15:after, .mobile-grid-20:after, .mobile-grid-25:after, .mobile-grid-30:after, .mobile-grid-35:after, .mobile-grid-40:after, .mobile-grid-45:after, .mobile-grid-50:after, .mobile-grid-55:after, .mobile-grid-60:after, .mobile-grid-65:after, .mobile-grid-70:after, .mobile-grid-75:after, .mobile-grid-80:after, .mobile-grid-85:after, .mobile-grid-90:after, .mobile-grid-95:after, .mobile-grid-100:after, .mobile-grid-33:after, .mobile-grid-66:after, .grid-5:after, .grid-10:after, .grid-15:after, .grid-20:after, .grid-25:after, .grid-30:after, .grid-35:after, .grid-40:after, .grid-45:after, .grid-50:after, .grid-55:after, .grid-60:after, .grid-65:after, .grid-70:after, .grid-75:after, .grid-80:after, .grid-85:after, .grid-90:after, .grid-95:after, .grid-100:after, .grid-33:after, .grid-66:after, .grid-offset:after, .clearfix:after {
  clear: both;
}

.grid-container, .mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66, .grid-offset, .clearfix {
  /* <IE7> */
  *zoom: 1;
  /* </IE7> */
}

.grid-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-left: 10px;
  padding-right: 10px;
}

.mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  /* <IE7> */
  *padding-left: 0;
  *padding-right: 0;
  /* </IE7> */
}
.mobile-grid-5 > *, .mobile-grid-10 > *, .mobile-grid-15 > *, .mobile-grid-20 > *, .mobile-grid-25 > *, .mobile-grid-30 > *, .mobile-grid-35 > *, .mobile-grid-40 > *, .mobile-grid-45 > *, .mobile-grid-50 > *, .mobile-grid-55 > *, .mobile-grid-60 > *, .mobile-grid-65 > *, .mobile-grid-70 > *, .mobile-grid-75 > *, .mobile-grid-80 > *, .mobile-grid-85 > *, .mobile-grid-90 > *, .mobile-grid-95 > *, .mobile-grid-100 > *, .mobile-grid-33 > *, .mobile-grid-66 > *, .grid-5 > *, .grid-10 > *, .grid-15 > *, .grid-20 > *, .grid-25 > *, .grid-30 > *, .grid-35 > *, .grid-40 > *, .grid-45 > *, .grid-50 > *, .grid-55 > *, .grid-60 > *, .grid-65 > *, .grid-70 > *, .grid-75 > *, .grid-80 > *, .grid-85 > *, .grid-90 > *, .grid-95 > *, .grid-100 > *, .grid-33 > *, .grid-66 > * {
  /* <IE7> */
  *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px');
  *margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px');
  /* </IE7> */
}

.grid-parent {
  padding-left: 0;
  padding-right: 0;
}

.grid-offset {
  clear: both;
  margin-left: -10px;
  margin-right: -10px;
}

@media (max-width: 767px) {
  .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
    position: relative;
  }

  .hide-on-mobile {
    display: none !important;
  }

  .mobile-grid-5 {
    float: left;
    width: 5%;
    /* <IE7> */
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-5 {
    margin-left: 5%;
  }

  .mobile-suffix-5 {
    margin-right: 5%;
  }

  .mobile-push-5 {
    left: 5%;
    /* <IE7> */
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-5 {
    left: -5%;
    /* <IE7> */
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-10 {
    float: left;
    width: 10%;
    /* <IE7> */
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-10 {
    margin-left: 10%;
  }

  .mobile-suffix-10 {
    margin-right: 10%;
  }

  .mobile-push-10 {
    left: 10%;
    /* <IE7> */
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-10 {
    left: -10%;
    /* <IE7> */
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-15 {
    float: left;
    width: 15%;
    /* <IE7> */
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-15 {
    margin-left: 15%;
  }

  .mobile-suffix-15 {
    margin-right: 15%;
  }

  .mobile-push-15 {
    left: 15%;
    /* <IE7> */
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-15 {
    left: -15%;
    /* <IE7> */
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-20 {
    float: left;
    width: 20%;
    /* <IE7> */
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-20 {
    margin-left: 20%;
  }

  .mobile-suffix-20 {
    margin-right: 20%;
  }

  .mobile-push-20 {
    left: 20%;
    /* <IE7> */
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-20 {
    left: -20%;
    /* <IE7> */
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-25 {
    float: left;
    width: 25%;
    /* <IE7> */
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-25 {
    margin-left: 25%;
  }

  .mobile-suffix-25 {
    margin-right: 25%;
  }

  .mobile-push-25 {
    left: 25%;
    /* <IE7> */
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-25 {
    left: -25%;
    /* <IE7> */
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-30 {
    float: left;
    width: 30%;
    /* <IE7> */
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-30 {
    margin-left: 30%;
  }

  .mobile-suffix-30 {
    margin-right: 30%;
  }

  .mobile-push-30 {
    left: 30%;
    /* <IE7> */
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-30 {
    left: -30%;
    /* <IE7> */
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-35 {
    float: left;
    width: 35%;
    /* <IE7> */
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-35 {
    margin-left: 35%;
  }

  .mobile-suffix-35 {
    margin-right: 35%;
  }

  .mobile-push-35 {
    left: 35%;
    /* <IE7> */
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-35 {
    left: -35%;
    /* <IE7> */
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-40 {
    float: left;
    width: 40%;
    /* <IE7> */
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-40 {
    margin-left: 40%;
  }

  .mobile-suffix-40 {
    margin-right: 40%;
  }

  .mobile-push-40 {
    left: 40%;
    /* <IE7> */
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-40 {
    left: -40%;
    /* <IE7> */
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-45 {
    float: left;
    width: 45%;
    /* <IE7> */
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-45 {
    margin-left: 45%;
  }

  .mobile-suffix-45 {
    margin-right: 45%;
  }

  .mobile-push-45 {
    left: 45%;
    /* <IE7> */
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-45 {
    left: -45%;
    /* <IE7> */
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-50 {
    float: left;
    width: 50%;
    /* <IE7> */
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-50 {
    margin-left: 50%;
  }

  .mobile-suffix-50 {
    margin-right: 50%;
  }

  .mobile-push-50 {
    left: 50%;
    /* <IE7> */
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-50 {
    left: -50%;
    /* <IE7> */
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-55 {
    float: left;
    width: 55%;
    /* <IE7> */
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-55 {
    margin-left: 55%;
  }

  .mobile-suffix-55 {
    margin-right: 55%;
  }

  .mobile-push-55 {
    left: 55%;
    /* <IE7> */
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-55 {
    left: -55%;
    /* <IE7> */
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-60 {
    float: left;
    width: 60%;
    /* <IE7> */
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-60 {
    margin-left: 60%;
  }

  .mobile-suffix-60 {
    margin-right: 60%;
  }

  .mobile-push-60 {
    left: 60%;
    /* <IE7> */
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-60 {
    left: -60%;
    /* <IE7> */
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-65 {
    float: left;
    width: 65%;
    /* <IE7> */
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-65 {
    margin-left: 65%;
  }

  .mobile-suffix-65 {
    margin-right: 65%;
  }

  .mobile-push-65 {
    left: 65%;
    /* <IE7> */
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-65 {
    left: -65%;
    /* <IE7> */
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-70 {
    float: left;
    width: 70%;
    /* <IE7> */
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-70 {
    margin-left: 70%;
  }

  .mobile-suffix-70 {
    margin-right: 70%;
  }

  .mobile-push-70 {
    left: 70%;
    /* <IE7> */
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-70 {
    left: -70%;
    /* <IE7> */
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-75 {
    float: left;
    width: 75%;
    /* <IE7> */
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-75 {
    margin-left: 75%;
  }

  .mobile-suffix-75 {
    margin-right: 75%;
  }

  .mobile-push-75 {
    left: 75%;
    /* <IE7> */
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-75 {
    left: -75%;
    /* <IE7> */
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-80 {
    float: left;
    width: 80%;
    /* <IE7> */
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-80 {
    margin-left: 80%;
  }

  .mobile-suffix-80 {
    margin-right: 80%;
  }

  .mobile-push-80 {
    left: 80%;
    /* <IE7> */
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-80 {
    left: -80%;
    /* <IE7> */
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-85 {
    float: left;
    width: 85%;
    /* <IE7> */
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-85 {
    margin-left: 85%;
  }

  .mobile-suffix-85 {
    margin-right: 85%;
  }

  .mobile-push-85 {
    left: 85%;
    /* <IE7> */
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-85 {
    left: -85%;
    /* <IE7> */
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-90 {
    float: left;
    width: 90%;
    /* <IE7> */
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-90 {
    margin-left: 90%;
  }

  .mobile-suffix-90 {
    margin-right: 90%;
  }

  .mobile-push-90 {
    left: 90%;
    /* <IE7> */
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-90 {
    left: -90%;
    /* <IE7> */
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-95 {
    float: left;
    width: 95%;
    /* <IE7> */
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-95 {
    margin-left: 95%;
  }

  .mobile-suffix-95 {
    margin-right: 95%;
  }

  .mobile-push-95 {
    left: 95%;
    /* <IE7> */
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-95 {
    left: -95%;
    /* <IE7> */
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-33 {
    float: left;
    width: 33.33333%;
    /* <IE7> */
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-33 {
    margin-left: 33.33333%;
  }

  .mobile-suffix-33 {
    margin-right: 33.33333%;
  }

  .mobile-push-33 {
    left: 33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-33 {
    left: -33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-66 {
    float: left;
    width: 66.66667%;
    /* <IE7> */
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-prefix-66 {
    margin-left: 66.66667%;
  }

  .mobile-suffix-66 {
    margin-right: 66.66667%;
  }

  .mobile-push-66 {
    left: 66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-pull-66 {
    left: -66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .mobile-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
    position: relative;
  }

  .hide-on-desktop {
    display: none !important;
  }

  .grid-5 {
    float: left;
    width: 5%;
    /* <IE7> */
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-5 {
    margin-left: 5%;
  }

  .suffix-5 {
    margin-right: 5%;
  }

  .push-5 {
    left: 5%;
    /* <IE7> */
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-5 {
    left: -5%;
    /* <IE7> */
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-10 {
    float: left;
    width: 10%;
    /* <IE7> */
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-10 {
    margin-left: 10%;
  }

  .suffix-10 {
    margin-right: 10%;
  }

  .push-10 {
    left: 10%;
    /* <IE7> */
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-10 {
    left: -10%;
    /* <IE7> */
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-15 {
    float: left;
    width: 15%;
    /* <IE7> */
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-15 {
    margin-left: 15%;
  }

  .suffix-15 {
    margin-right: 15%;
  }

  .push-15 {
    left: 15%;
    /* <IE7> */
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-15 {
    left: -15%;
    /* <IE7> */
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-20 {
    float: left;
    width: 20%;
    /* <IE7> */
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-20 {
    margin-left: 20%;
  }

  .suffix-20 {
    margin-right: 20%;
  }

  .push-20 {
    left: 20%;
    /* <IE7> */
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-20 {
    left: -20%;
    /* <IE7> */
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-25 {
    float: left;
    width: 25%;
    /* <IE7> */
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-25 {
    margin-left: 25%;
  }

  .suffix-25 {
    margin-right: 25%;
  }

  .push-25 {
    left: 25%;
    /* <IE7> */
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-25 {
    left: -25%;
    /* <IE7> */
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-30 {
    float: left;
    width: 30%;
    /* <IE7> */
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-30 {
    margin-left: 30%;
  }

  .suffix-30 {
    margin-right: 30%;
  }

  .push-30 {
    left: 30%;
    /* <IE7> */
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-30 {
    left: -30%;
    /* <IE7> */
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-35 {
    float: left;
    width: 35%;
    /* <IE7> */
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-35 {
    margin-left: 35%;
  }

  .suffix-35 {
    margin-right: 35%;
  }

  .push-35 {
    left: 35%;
    /* <IE7> */
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-35 {
    left: -35%;
    /* <IE7> */
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-40 {
    float: left;
    width: 40%;
    /* <IE7> */
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-40 {
    margin-left: 40%;
  }

  .suffix-40 {
    margin-right: 40%;
  }

  .push-40 {
    left: 40%;
    /* <IE7> */
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-40 {
    left: -40%;
    /* <IE7> */
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-45 {
    float: left;
    width: 45%;
    /* <IE7> */
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-45 {
    margin-left: 45%;
  }

  .suffix-45 {
    margin-right: 45%;
  }

  .push-45 {
    left: 45%;
    /* <IE7> */
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-45 {
    left: -45%;
    /* <IE7> */
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-50 {
    float: left;
    width: 50%;
    /* <IE7> */
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-50 {
    margin-left: 50%;
  }

  .suffix-50 {
    margin-right: 50%;
  }

  .push-50 {
    left: 50%;
    /* <IE7> */
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-50 {
    left: -50%;
    /* <IE7> */
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-55 {
    float: left;
    width: 55%;
    /* <IE7> */
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-55 {
    margin-left: 55%;
  }

  .suffix-55 {
    margin-right: 55%;
  }

  .push-55 {
    left: 55%;
    /* <IE7> */
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-55 {
    left: -55%;
    /* <IE7> */
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-60 {
    float: left;
    width: 60%;
    /* <IE7> */
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-60 {
    margin-left: 60%;
  }

  .suffix-60 {
    margin-right: 60%;
  }

  .push-60 {
    left: 60%;
    /* <IE7> */
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-60 {
    left: -60%;
    /* <IE7> */
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-65 {
    float: left;
    width: 65%;
    /* <IE7> */
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-65 {
    margin-left: 65%;
  }

  .suffix-65 {
    margin-right: 65%;
  }

  .push-65 {
    left: 65%;
    /* <IE7> */
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-65 {
    left: -65%;
    /* <IE7> */
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-70 {
    float: left;
    width: 70%;
    /* <IE7> */
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-70 {
    margin-left: 70%;
  }

  .suffix-70 {
    margin-right: 70%;
  }

  .push-70 {
    left: 70%;
    /* <IE7> */
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-70 {
    left: -70%;
    /* <IE7> */
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-75 {
    float: left;
    width: 75%;
    /* <IE7> */
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-75 {
    margin-left: 75%;
  }

  .suffix-75 {
    margin-right: 75%;
  }

  .push-75 {
    left: 75%;
    /* <IE7> */
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-75 {
    left: -75%;
    /* <IE7> */
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-80 {
    float: left;
    width: 80%;
    /* <IE7> */
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-80 {
    margin-left: 80%;
  }

  .suffix-80 {
    margin-right: 80%;
  }

  .push-80 {
    left: 80%;
    /* <IE7> */
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-80 {
    left: -80%;
    /* <IE7> */
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-85 {
    float: left;
    width: 85%;
    /* <IE7> */
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-85 {
    margin-left: 85%;
  }

  .suffix-85 {
    margin-right: 85%;
  }

  .push-85 {
    left: 85%;
    /* <IE7> */
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-85 {
    left: -85%;
    /* <IE7> */
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-90 {
    float: left;
    width: 90%;
    /* <IE7> */
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-90 {
    margin-left: 90%;
  }

  .suffix-90 {
    margin-right: 90%;
  }

  .push-90 {
    left: 90%;
    /* <IE7> */
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-90 {
    left: -90%;
    /* <IE7> */
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-95 {
    float: left;
    width: 95%;
    /* <IE7> */
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-95 {
    margin-left: 95%;
  }

  .suffix-95 {
    margin-right: 95%;
  }

  .push-95 {
    left: 95%;
    /* <IE7> */
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-95 {
    left: -95%;
    /* <IE7> */
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-33 {
    float: left;
    width: 33.33333%;
    /* <IE7> */
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-33 {
    margin-left: 33.33333%;
  }

  .suffix-33 {
    margin-right: 33.33333%;
  }

  .push-33 {
    left: 33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-33 {
    left: -33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-66 {
    float: left;
    width: 66.66667%;
    /* <IE7> */
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .prefix-66 {
    margin-left: 66.66667%;
  }

  .suffix-66 {
    margin-right: 66.66667%;
  }

  .push-66 {
    left: 66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .pull-66 {
    left: -66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
    /* </IE7> */
  }

  .grid-100 {
    clear: both;
    width: 100%;
  }
}



#officelist .grid-33
{	min-height: 325px;
	padding:15px 5px;
}
				
#officelist a.button {
	border: 1px solid #000
}
@media (max-width: 1060px) {
	#officelist a.button {
		max-width:60%;
	}
	
}
.cannotedit  input, .readonly input{
	 pointer-events: none;
}


a.actionbutton {
	background-color: #501f74;
	border-bottom: 2px solid #501f74;
	color: #FFF !important;
	cursor: pointer;
	font-weight: bold; 
	padding: 11px; 
	margin: 11px;
	border-radius:3px;
}