/*  ===== MLIU CORE STYLES ===================================================
	Author: Simon Allin :: 08/07/2013 :: NEW MLIU CORE GENERIC STYLES 
	==========================================================================  */


		.list_reset { list-style-type: none; margin:0 0 0 0; padding: 0 0 0 0; }


	/*  ==========================================================================
		WRAPPERZ
		==========================================================================  */
		
		.mliu_page_wrap { position:relative; width: auto; padding:20px 4%;  background-color: #FFF; }
		.mliu_foot_wrap { padding:0 4%;  background-color: #FFF; }

		.access_wrap { height: 100%; padding: 0 0 0 0; background: #fff; box-shadow:  0px 0px 24px rgba(50, 50, 50, 0.25); }
		.access_wrap .mliu_page_wrap { padding-bottom: 60px; }
		.access_wrap .mliu_foot_wrap { border-top:1px solid #ccc; }

		@media only screen and (min-width: 480px) {

		/*  ==========================================================================
			1 THIRD up ---------------------------------------------------------------
			========================================================================== */
			body#login { background: #E7E7E7; }
		}

		@media only screen and (min-width: 768px) {

		/*  ==========================================================================
			2 THIRDS up
			========================================================================== */
			

			.access_wrap { width:70%; }
			
			/*CSS STYLING TO BE REVIEWED
			Specifically targeting lightbox login*/

			body#login.lightbox { background: #ffffff; }
			.lightbox .access_wrap { width: 100%;height: 100%; padding: 0 0 0 0; background: #fff; box-shadow:  0px 0px 0px rgba(50, 50, 50, 0.25); }
			.lightbox .access_wrap .mliu_page_wrap { padding-bottom: 60px; }
			.lightbox .width_50, .lightbox .mliu_form.width_50 { width:70%; }

			/*End changes*/

		}

		@media only screen and (min-width: 1140px) {

		/*  ==========================================================================
			FULL WIDTH
			========================================================================== */
			
			.access_wrap { width:60%; }
			
		}


		/* master fonts */
		h1 { padding:15px 0; font: 240% HelveticaNeueW01-45Ligh,helvetica,sans-serif; }
		
		h1.myaccount_h1 { margin:8px 0 10px; }

		.dashboard h2 { padding:15px 0; margin: 0 0 0 0; font: 160% HelveticaNeueW01-45Ligh,helvetica,sans-serif; }

		/* workarounds */
		#JD h1 { padding:15px 0; font: lighter 235%/1.1 HelveticaNeueW01-Thin,helvetica,sans-serif; }
		#JD .mliu_page_wrap h1 { padding:15px 0; font: 240% HelveticaNeueW01-45Ligh,helvetica,sans-serif;  }

	/*  ==========================================================================
		MENU - NAV ELEMENTZ
		==========================================================================  */

		.sub_menu li { margin: 0 4px; }
		.sub_menu a { border-bottom:2px solid #e7e7e7; padding:8px 0 3px 0; font-size:130%; text-decoration: none; }
		.sub_menu a.active { border-bottom: 2px solid #006699 }
		.sub_menu a.inactive:hover { border-color:#ccc; }
		#wrapper ul.sub_menu.margin_top { margin-top: 30px; }

	/*  ==========================================================================
		BUTTONZ | .mliu_button == core class | .extenders modify
		==========================================================================  */

		/*  =====================================
			<button> reset
			=====================================  */
				
			button,
			input[type="submit"].btn {
			  	*padding-top: 3px;
			  	*padding-bottom: 3px;
			  	margin: 0;
			  	font-size: 100%;
			  	vertical-align: middle;
				*overflow: visible;
			  	line-height: normal;
			}

			button::-moz-focus-inner,
			input[type="submit"].btn::-moz-focus-inner {
				padding: 0;
				border: 0;
			}

		/*  =====================================
			core declarations
			=====================================  */
		
			.mliu_button { 
				display:inline-block;
				*display: inline;
				background: #61A233;
				text-decoration: none;
				font: bold 123.1%/1.1 arial,helvetica,sans-serif;
				padding:10px 9px;
				border: 1px solid #61A233;
				border-radius: 3px;
				color:#fff !important;
				vertical-align: middle;
				cursor: pointer;
				margin-bottom: 0;
				*margin-left: .3em;
				text-align: center;
				*zoom: 1;
			}

			.mliu_button, button.mliu_button {  margin:0 0 0 0; }
			a.mliu_button { color:#fff }
			a.mliu_button:hover { text-decoration: none; }

			.mliu_button.font_normalize { font-size: 100%; }
			.mliu_button.font_normalize.font_sml { font-size: 83%; }
			.form_area .mliu_button.font_normalize { font-size: 83%; }
		

		/*  =====================================
			color extensions
			=====================================  */
			
			/* green reversed */
			.mliu_button.rev { background: #7BAB34; }
			.mliu_button:hover { box-shadow: 0 0 8px #999; background: #5E9931; border-color:#5E9931; }
			.mliu_button.rev:hover { box-shadow: 0 0 8px #999; background-color: #61A233; border-color: #61A233; }
 
			/* pink */
			.mliu_button.pink { background: #e00085; }
			.mliu_button.pink, button.mliu_button.pink { border-color:#e00085; }
			.mliu_button.pink:hover, button.mliu_button.pink:hover { background-color:#e0006F; border-color:#e0006F; }

			/* black */
			.mliu_button.black { background: #666; }
			.mliu_button.black, button.mliu_button.black { border-color:#5D5D5D; }
			.mliu_button.black:hover, button.mliu_button.black:hover { background-color:#5D5D5D; border-color:#5D5D5D; }
			
			/* black reversed */
			.mliu_button.black.rev { border-color: #666; border-width: 2px; background-color:#FFF; color:#666 !important; }
			.mliu_button.black.rev:hover { background-color:#e7e7e7; border-color: #666; }

			/* grey reversed */
			.mliu_button.grey.rev { border-color: #ccc; border-width: 2px; background-color:#FFF; color:#666 !important; }
			.mliu_button.grey.rev:hover { background-color:#F7F7F7; border-color: #C5C5C5; }			

			/* blue */
			.mliu_button.blue { background: #00ACED; }
			.mliu_button.blue, button.mliu_button.blue { border-color:#00ACED; }
			.mliu_button.blue:hover, button.mliu_button.blue:hover { background-color:#00ACED; border-color:#00ACED; }
			.mliu_button.blue.rev { border-color: #00ACED; border-width: 2px; background-color:#FFF; color:#00ACED; }
			.mliu_button.blue.rev:hover { background-color:#e7e7e7; border-color: #00ACED; }

			/* magenta */
			.mliu_button.magenta { background: #FF0066; }
			.mliu_button.magenta, button.mliu_button.magenta { border-color:#FF0066; }
			.mliu_button.magenta:hover, button.mliu_button.magenta:hover { background-color:#FF1752; border-color:#FF1752; }

			/* orange */
			.mliu_button.orange { background: #DF8600; }
			.mliu_button.orange, button.mliu_button.orange { border-color:#DF8600; }
			.mliu_button.orange:hover, button.mliu_button.orange:hover { background-color:#D27E00; border-color:#D27E00; }
			
			.mliu_button.low_key { border-color:#CCCCCC; background:#E7E7E7; color:#666 !important;  }
			.mliu_button.simple { background:transparent; border:none; color: #666 !important; }
			.mliu_button.simple:hover {  background:transparent; border:none; box-shadow: 0 0 0 #999; text-decoration:underline;}  

		/*  =====================================
			gen extensions
			=====================================  */	

			.mliu_button.square { border-radius: 0px; }
			.mliu_button.left { float:left; }
			.mliu_button.right { display:inline; float:right; }
			.mliu_button.margin_right { margin-right:8px; }
			.mliu_button.margin_top { margin-top:8px; }
			.mliu_button.margin_top_xl { margin-top:30px; }
			.mliu_button.margin_bottom_xl { margin-bottom:30px; }
			.mliu_button.margin_bottom { margin-bottom:8px; } 
			.mliu_button.font_light { font-weight:lighter; }
			.mliu_button.font_sml { font-size:108%; }
			.mliu_button.font_mid { font-size:150%; }
			.mliu_button.font_lrg { font-size:200%; }
			.mliu_button.stacked { margin-bottom: 10px; display:block; }
			.mliu_button.bottom { margin:10px 0; }
			.mliu_button.block { display:block; }
			.mliu_button.disabled:hover, .mliu_button.locked:hover { cursor: default; box-shadow: 0 0 0 #999; }

		/*  =====================================
			icon extensions
			=====================================  */

			/* adds a plus icon to buttons */
			.mliu_button.add { padding-right: 32px; background-image: url(img/button_extensions/mliu_button_add_rev.gif); background-repeat: no-repeat; background-position: right center; }
			.mliu_button.black.rev.add { background-image: url(img/button_extensions/mliu_button_add.gif); }
			.mliu_button.grey.rev.add { background-image: url(img/button_extensions/mliu_button_add_grey.gif); }
			.mliu_button.grey.rev.add:hover { background-image: url(img/button_extensions/mliu_button_add_grey_hover.gif); }

			/* adds a external link icon to buttons */
			.mliu_button.link { padding-right: 32px; background-image: url(img/button_extensions/mliu_button_link_rev.gif); background-repeat: no-repeat; background-position: right center; }
			.mliu_button.black.rev.link { background-image: url(img/button_extensions/mliu_button_link.gif); }
			
			/* adds a refresh style icon to buttons */
			.mliu_button.refresh { padding-right: 32px; background-image: url(img/button_extensions/mliu_button_refresh_rev.gif); background-repeat: no-repeat; background-position: right center; }

			/* view | menu style icon */
			.mliu_button.view { padding-right: 34px; background-image: url(img/button_extensions/mliu_button_view_rev.gif); background-repeat: no-repeat; background-position: right center;  }

			/* rss | menu style icon */
			.mliu_button.rss { padding-right: 32px; background-image: url(img/button_extensions/mliu_button_rss_rev.png); background-repeat: no-repeat; background-position: right center;  }

			/* for RS internation legacy */
			.mliu_button.large { font-size: 140%; }
			#RS .mliu_button:hover { box-shadow: 0 0 8px #999; text-decoration: underline; }
			.green_link.margin_top { margin-top: 20px; }
			.highlight .green_link { font-size:68%; }


		/*  ============================================================
			.mliu_button CUSTOMS -- ONLY do this if completely neccesary
			============================================================  */

			/* MO pages email researchers enquiry button */
			#mail_research .mliu_button { margin-left:260px; }
			/* campaings diary add edit */
			#diary_add_box .mliu_button, #diary_edit_box .mliu_button, #campaign_edit_box .mliu_button { margin-left:33%; }
			/* SW newsroom admin contacts tab */
			#contacts_tab .header .mliu_button { margin-top: 8px; }
			/* SW newsroom admin send release button */
			.mliu_button.nr_send_release  { margin-top:6px; }
			/* SW newsroom admin edit contact button */
			#contact_edit .mliu_button { margin-left: 251px; }
			/* SW release send pages */
			.release_nav_btn.top .mliu_button { padding:22px; }
			.release_nav_btn .mliu_button { width: 130px; height: auto; float:left; display:inline; /*position:relative;*/ }

			/* JD link color override*/
			#JD a.mliu_button { color: #fff; }

			/* for holding buttons on dashboard SW tab */
			.button_holder{ margin-top: 20px; text-align: right; }

			.button_hold.inline { display:block; padding-top:10px; }

		
		@media only screen and (min-width: 480px) {

		/*  ==========================================================================
			1 THIRD up ---------------------------------------------------------------
			========================================================================== */

		}


		@media only screen and (min-width: 768px) {

		/*  ==========================================================================
			2 THIRDS up
			========================================================================== */

			.button_hold.inline { float:right; width:auto; padding-top:0; }

		}

		@media only screen and (min-width: 1140px) {

		/*  ==========================================================================
			FULL WIDTH
			========================================================================== */


		}




	/*  ==========================================================================
		BOXZ | .mliu_box == core class | .extenders modify
		==========================================================================  */

		/*  =====================================
		    highlight base form GEN_MASTER
		    =====================================  */

			/* Highlighted box */
			.highlight{
				box-shadow: 3px 3px rgba(0, 1, 2, 0.1);
				border:2px solid #FCD6D7; 
				background: #F9F9F9; 
				padding:15px; 
				margin:30px 0; 
				font-size:100%; 
				color:#666;
			}
			.highlight.pink { border-width: 1px; }
			.highlight.grey { border: 1px solid #CCCCCC; background:#F7F7F7; }
			.highlight.error {  margin:20px 0 30px 0; border:2px solid #FCD6D7; background: #F9F9F9; }
			.highlight.success { border-width: 1px; border-color:#83AC45; background:#FFF;  }
			.highlight h3 { font-size:150%; font-weight:normal; margin:0 0 15px 0; font-family: 'HelveticaNeueW01-45Ligh'; }
			.highlight h4 { font: 94% 'HelveticaNeueW01-45Ligh',helvetica,sans-serif; margin:10px 0 20px 0; }
			.highlight.highlight--font-normal { font-size:100%; padding:15px; }

			.highlight .last_item { margin-bottom:0; }

			/*  =====================================
			    .mliu_box highligh extension
			    =====================================  */
				
				.mliu_box.highlight { background: #e7e7e7; margin-bottom:20px; padding:8% 10% 8% 10%; font-size:197%; border:1px solid #ccc; box-shadow: 3px 3px rgba(0, 1, 2, 0.1); } 
				.mliu_box.highlight.width_80 { padding: 5% 6%; }
				.mliu_box.highlight.font_normal { font-size: 100%; }
				.mliu_box.highlight.font_medium { font-size: 162%; }
				.mliu_box.highlight ul { margin: 0 0 0 0 ; padding-left: 0; }
				.mliu_box.highlight li { margin:0 0 15px 0; font: 90% HelveticaNeueW01-45Ligh,helvetica,sans-serif; }
				.mliu_box.highlight li.last_item { margin-bottom:0; }
				.mliu_box.highlight h4 { margin: 0 0 15px 0; font-size:90%; }
				.mliu_box.highlight p { margin:15px 0 0 0; font:80% HelveticaNeueW01-45Ligh,helvetica,sans-serif; }



			@media only screen and (min-width: 480px) {

			/*  ==========================================================================
				1 THIRD up
				========================================================================== */

			}

			@media only screen and (min-width: 768px) {

			/*  ==========================================================================
				2 THIRDS up
				========================================================================== */

			}

			@media only screen and (min-width: 1140px) {

			/*  ==========================================================================
				FULL WIDTH
				========================================================================== */
				
			}





		/*  setting up box styling for form areas :: can be fieldset or li...whatever */ 
		.mliu_box.page_panel { position:relative; margin:15px 0; padding:4px 3% 4px 3%;  color:#333; background: #fff;  border:1px solid #C5C5C5; border-bottom: 3px solid #61A233; box-shadow: 3px 3px rgba(0, 1, 2, 0.1); }
		.mliu_box.page_panel h1 { margin:0 0 0 0; padding-bottom: 0; }

		.mliu_box.page_panel.FE { border-bottom: 3px solid #ff0066; }
		.mliu_box.page_panel.SW { border-bottom: 3px solid #61A233; }
		.mliu_box.page_panel.RS { border-bottom: 3px solid #FBB611; }
		.mliu_box.page_panel.JD { border-bottom: 3px solid #13A1E1; }

		.mliu_box.dual { float:left; width:45.7%; }
		.mliu_box.dual.left { float:left; padding-right: 4%; } 
		.mliu_box.trip { float:left; width: 33.3%; }	
		.mliu_box.quad { float:left; }

		
		/* dotted lines sperearator to box */
		.mliu_box.dual.border.dotted { width:45.7%; }
		.mliu_box.trip.border.dotted { width:45.7%; }
		.mliu_box.quad.border.dotted { width:45.7%; }

		.mliu_box.border.dotted.left { padding-right: 4%; border-right: 3px dotted #CCCCCC; }
		.mliu_box.border.dotted.right { padding-left: 4%; }

		/* dotted lines sperearator to box */
		.mliu_box.dual.border.dotted { width:45.7%; }
		.mliu_box.dual.border.dotted.left { padding-right: 4%; }
		.mliu_box.dual.border.dotted.right { padding-left: 4%; }
		
		/*	
			.mliu_box.dual.border.dotted > div,
			.mliu_box.dual.border.dotted > ul,
			.mliu_box.dual.border.dotted > ol { 
				width:45.7%;
		}*/

		.mliu_hold { clear:both; margin-bottom: 15px; }
		.rm_margin { margin: 0 0 0 0; }
		.small_margin_bottom { margin-bottom:10px; }
		.form_area li.medium_margin_bottom { margin:0 0 15px 0; }
		.margin_bottom { margin-bottom:30px; }
		.big_margin_bottom { margin-bottom:60px; }
		.small_margin_right { margin-right: 10px; }
		.margin_right { margin-right: 30px; }
		.big_padding_top { padding-top: 60px; }
		.big_margin_top { margin-top:60px; position:relative; }
		.small_margin_top { margin-top:10px; }
		.padding_bottom { padding-bottom: 30px; }



		/* remove margin from mliu_box combined with header for overlay effect */
		div h3.persuasive + .mliu_box {margin-top: 0;}

		@media only screen and (min-width: 480px) {

		/*  ==========================================================================
			1 THIRD up
			========================================================================== */

		}

		@media only screen and (min-width: 768px) {

		/*  ==========================================================================
			2 THIRDS up
			========================================================================== */

		}

		@media only screen and (min-width: 1140px) {

		/*  ==========================================================================
			FULL WIDTH
			========================================================================== */
			
		}


	/*  ==========================================================================
		TEXTZ | .mliu_text == core class | .extenders modify
		==========================================================================  */

		.mliu_text {  }
		.mliu_text.main_page_intro { font-size: 197%; color:#4F4F4F; letter-spacing:-1px; line-height: 1.1; }
		.mliu_text.emphasis { font-family: HelveticaNeueW01-45Ligh,helvetica,sans-serif; font-style: italic; padding:8px; border:1px solid #E7E7E7; background-color: #f7f7f7; }
		.mliu_text.emphasis.text-style-normal { font-style: normal; }
		.mliu_text.intro { font-family: HelveticaNeueW01-45Ligh,helvetica,sans-serif; font-size: 150%; margin:15px 0; padding: 2%; background-color: #FFF; }
		.mliu_text.intro.border { border: 1px solid #666; }
		.mliu_text.font_normalize { font-size: 100%; }

	/*  ==========================================================================
		LISTZ | .mliu_list == core class | .extenders modify
		==========================================================================  */

		/*  ==========================================================================
			ALL WIDTHS -- MOBILE UP !! -----------------------------------------------
			========================================================================== */
			
			.mliu_list { margin:15px 0 0 0; font: 160% HelveticaNeueW01-45Ligh,helvetica,sans-serif; color:#333; background: #fff;  border:1px solid #C5C5C5; border-bottom: 3px solid #61A233; box-shadow: 3px 3px rgba(0, 1, 2, 0.1); }
			.mliu_list.font_normal { font-size: 123.1%; }

			.mliu_list.no_border{ border: none; }
			.mliu_list.FE { border-bottom: 3px solid #ff0066; }
			.mliu_list.SW { border-bottom: 3px solid #61A233; }
			.mliu_list.RS { border-bottom: 3px solid #FBB611; }
			.mliu_list.JD { border-bottom: 3px solid #13A1E1; }
			.mliu_list.grey_accent{ border-bottom-color: #c5c5c5; }
			.mliu_list.no_bottom{ border-bottom-width: 1px; border-bottom-color:#c5c5c5;  }

			.mliu_list li { border-bottom: 1px solid #E7E7E7; }
			
			.list_col { padding: 3%; }
			.list_col.name { width:30%; font-weight: bold; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; color: #666; }
			.list_col.contact { width:14%; }
			.list_col.media_outlet { width:37%; }
            .list_col.media_outlet_positions { width:57%; }
			
			.mliu_list .foot_link { border-top: 1px dotted #ccc; padding: 3%; }

			.list_col.follow { background: #bfbfbf; }
			.list_col.follow a { color:#fff;  }

			.mliu_list.stacked { margin:0 0 0 0; border-width:1px 1px 1px 1px; }
			.mliu_list.stacked.tag_list .title  { float:left; width: 20%; }

			/*  ================================================
				basic | used for enquiries display | modern look
				================================================  */

				.mliu_list.basic { border: none; box-shadow: 0px 0px rgba(0, 1, 2, 0.1); width: 90%; }
				.mliu_list.basic li { margin:0 0 4% 0; padding:0 12px 0 12px; border-bottom: none; background: transparent; padding-bottom:16px; }
				.mliu_list.basic li:hover { background-color: #f5f5f5; }
				.mliu_list.basic .list_col { padding-bottom: 0; color: #666; }
				span.time_label, span.newsroom_label { display: none; }
				span.attatchment_label { display:block; float: none; width:29px; height: 29px; background: url(img/icon/ico_paper_clip_dark_29_29.png) no-repeat; }

				.mliu_list.basic a { text-decoration: none; outline:0; }


				/* For lists of tags */
				.first .mliu_list.tag_list { margin:0 12px 0 0; }
				.last .mliu_list.tag_list { margin:0 0 0 12px; }
				.tag_list li { float:left; padding: 8px; margin: 0 6px 6px 0; background-color: #E7E7E7; }
				.tag_list li a { text-decoration:none; color: #333;}
				li.add_tag, .add_tag { padding:0 0 0 0; }
				li.add_tag a, .add_tag a { float:left; width: 39px; height: 39px; border: 1px solid #DDDDDD; background:#FFF url(img/icon/ico_add_18_18.gif) no-repeat center center; }

				/* for newsroom names on SW search page */
				.tag_list.newsroom_list li { background: #00ACED; clear:both; }
				.tag_list.newsroom_list a { color:#fff; }

				.tag_list.release_filters li { margin:0 6px 6px 0; }

				.tag_list_head { position:absolute; left: 0; top: -40px ;font: 160% Arial,"Helvetica Neue",Helvetica,sans-serif; margin: -1px 6px 0 6px; padding: 8px; border-style: solid; border-width: 1px 1px 0 1px; border-color: #ccc; background-color:#FFF; color: #484848; }
				.first .tag_list_head { left:-6px; }
				.last .tag_list_head { left: 6px; }

				.tag_list li.heading { margin-top:12px;padding: 8px 0; border-bottom: none; color: #333333; background-color:#FFF;  display: block; float: none; font-family: HelveticaNeueW01-45Ligh,Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 116%; padding: 0 0 14px; width: auto; }

                /*nested ordered lists - 1.1, 1.2, 1.3, 1.4, 2.1, 2.2, 2.3, 2.4*/
                /*
                ol.nested_counter { counter-reset: item; }
                ol.nested_counter li { display: block; position: relative; margin: 0 0 0 22px; padding-bottom: 10px; line-height: 1.4em; }
                ol.nested_counter li > ol.nested_counter li { margin: 0 0 0 30px; }
                ol.nested_counter li:before {
					content: counters(item, ".") ". ";
                                    counter-increment: item;
                                    position: absolute;
                                    margin-right: 100%;
                                    right: 10px;
                                }
				ol.nested_counter li ol > li:before {
					content: counters(item, ".") " ";
				}
                */

				ol.nested_counter  { font-size:14px; }


				ol {
					list-style-type: none;
					counter-reset: item;
					margin: 0;
					padding: 0;
				}

				ol > li {
					display: table;
					text-align: left;
					counter-increment: item;
					margin-bottom: 12px;
				}

				ol > li:before {
					content: counters(item, ".") ". ";
					display: table-cell;
					padding-right: 0.6em;
				}

				 li ol > li {
					margin: 0;
				}

				li ol {
					margin-top:6px;
				}

				li ol > li:before {
					content: counters(item, ".") " ";
				}


		@media only screen and (min-width: 480px) {

		/*  ==========================================================================
			1 THIRD up ---------------------------------------------------------------
			========================================================================== */

		}


		@media only screen and (min-width: 768px) {

		/*  ==========================================================================
			2 THIRDS up
			========================================================================== */

			.list_col { float:left; }

			/*  ========================================================
				basic | used for enquiries/release display | modern look
				======================================================== */
				
				.mliu_list.basic { border: none; width: 100%; }
				.mliu_list.basic li { padding:0 0 0 0; margin-bottom: 4px; border-bottom:none; }
				.mliu_list.basic li:hover { background-color: transparent; }
				
				/*.mliu_list.basic .list_col { padding-bottom: 0; }*/
				.mliu_list.basic .list_col { padding:1.25% 2%; min-height:29px; color: #333;  }
				.mliu_list.basic.narrow_format .list_col { min-height:25px; }
				
				.mliu_list.basic .list_col.title { width:auto; text-align: left; background: #ccc; }
				.mliu_list.basic .list_col.type { width:auto; text-align: left; background:#D49F3F; }
				.mliu_list.basic .list_col.link { width:auto; text-align: left;  background:#D49F3F; }
				.mliu_list.basic .list_col.attachment { padding:1.25% 1.25%; background: #BFBFBF; }

				.mliu_list.basic.releases .list_col.link { width:auto; text-align: left;  background:#ccc; }
				.mliu_list.basic.releases { margin: 24px 0 50px 0; }
				
				.mliu_list.basic .list_col.time, .mliu_list .list_col.date { width:auto; }
				.mliu_list.basic .list_col.time { text-align: left; float:left; }
				.mliu_list.basic .list_col.date { text-align: left; float:left; background:#e7e7e7; width: 160px; }
				#RS #FR .mliu_list.basic .list_col.date { width: 168px; }
				.mliu_list.basic .list_col.newsroom_ico { background: #EEE; }

				.mliu_list .list_col.title a, .mliu_list .list_col.type a, .mliu_list .list_col.link a { color:#333; text-decoration: none; }

				.mliu_list.basic .enquiry.no_summary .date { text-align: left; }
				
				.mliu_list.basic.narrow_format { font-size:130%; }
				.mliu_list.basic.narrow_format .list_col.date { width:130px; }
				.mliu_list.basic.narrow_format .list_col.time { width:130px; }

				.mliu_list.basic .enquiry.no_summary .date { text-align: left; }
				.enquiry.time { float:left; width:50%; }


			/*  =========================================
				list icons | time / attachment / newsroom
				========================================= */

				span.time_label { display:inline; float:left; width:29px; height: 29px; margin:0 6px 0 3px; background: url(img/icon/ico_time_29_29.png) no-repeat; }
				span.attatchment_label { display:inline; float:right; background: url(img/icon/ico_paper_clip_29_29.png) no-repeat; }
				span.newsroom_label { display:inline; float:left; width:28px; height: 29px; background: url(img/icon/ico_newsroom_28_29.png) no-repeat; }
				
				.mliu_list.basic.narrow_format span.time_label { height: 24px; background-image: url(img/icon/ico_time_24_24.png) }
				.mliu_list.basic.narrow_format span.attatchment_label { height: 24px; width:24px; background-image: url(img/icon/ico_paper_clip_24_24.png) }
				
				.enquiry.date { float:left; width:50%; text-align: right; }

	

			div.release_list { padding:10px 0 60px; }

		}

		@media only screen and (min-width: 1140px) {

		/*  ==========================================================================
			FULL WIDTH
			========================================================================== */
			
		}
		

	/*  ==========================================================================
		FORMS | .mliu_form == core class | .extenders modify
		==========================================================================  */


		/* base */
		.mliu_form { position: relative; }

		/*  setting up box styling for form areas :: can be fieldset or li...whatever */ 
		.mliu_form .form_area { 
			position:relative; 
			width: auto; 
			min-width: 0; 
			margin:15px 0 0 0; 
			padding:3%; 
			font-size: 160%; 
			font-family:HelveticaNeueW01-45Ligh,helvetica,sans-serif;
			color:#333; 
			background: #fff;  
			border:1px solid #C5C5C5; 
			border-bottom: 3px solid #61A233; 
			box-shadow: 3px 3px rgba(0, 1, 2, 0.1); 
		}
		
		/*  overrides for RS format version */ 
		.mliu_form.rs_format .form_area { font-family:HelveticaNeueW01-45Ligh,helvetica,sans-serif; }
		/*.mliu_form.rs_format .form_area { font-family:HelveticaNeueW01-45Ligh,helvetica,sans-serif; border-left:none; border-right:none; }*/
		
		/*  =====================
		    form elements styling
		    ===================== */

    		/* standard border */
			input, textarea, select { border: 1px solid  #CCCCCC }
			input[type='checkbox'] { border: none; }

			/* when form_area is a fieldset... we need extra margin to allow for the pop out heading */
			.mliu_form fieldset.form_area { margin-top:70px; }

			/* override if no legend set up */
			.mliu_form fieldset.no_legend.form_area { margin-top:0; }

			/* take borders off fieldset */
			.mliu_form fieldset { border:0; padding:0; }
			
			/* creating the pop out legend for fieldsets */
			.form_area legend { 
				background: none repeat scroll 0 0 #FFFFFF;
				border-left: 1px solid #C5C5C5;
				border-right: 1px solid #C5C5C5;
				border-top: 1px solid #C5C5C5;
				color: #333333;
				left: -1px;
				padding: 8px 8px;
				position: absolute;
				top: -46px;
				font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
				line-height: 29.1167px;
				max-height:29px;
			}

			/* to create small sub text inside a legend | covers links */
			.form_area legend span { font-size:56%; color:#666; }
			/*.form_area legend span a { color: #666; }*/

			/* legend inside mliu_form with no popout */
			.form_area legend.pop_free { padding:0 0 0 0; font-weight:normal; border-width:0 0 0 0; position:relative; left:0; top:0; }
			
			/* text for sub explanation */
			.mliu_form p.exp_text { font-size:73%; color:#666; }

			/* setting up custom label sizing */
			.mliu_form label { margin-bottom:5px; font-size:93%; }
			.mliu_form .label_sml { font-size: 62%; }
			.mliu_form h3.label { margin: 0 0 0 0; font-size:93%; font-weight:normal; } 
			
			/* for RS form or general dates setting float and width auto */
			.form_area input.date, .mliu_form.rs_format .form_area input.date { float: left; }
			.form_area select.time, .rs_format .form_area select.time { float:left; width: auto; }

			/* settign radio inputs to float on all widths */
			.mliu_form .form_area input.radio, .mliu_form.rs_format .form_area input.radio { float:left; width:auto; margin-top:14px; margin-right: 3px; }

			/* settign font to 100 */
			.mliu_form input { display:block; padding: 8px; width:96%; font-size:100%; color:#666; }

			.mliu_form input.mliu_button { width:auto; }

			/* setting padding/width on all input [type=] apart from submit/file/radio/checkbox */
			.mliu_form.block_input input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]) { padding: 8px 2.8%; width: 94%; }

			/* quick hack to ge tthe inputs on login form working in IE8 */
			.lt-ie9 .mliu_form.block_input input[type=text], .lt-ie9 .mliu_form.block_input input[type=password] {  padding: 8px 2.8%; width: 94%; }
			.mliu_form input[type=checkbox], .mliu_form input[type=radio] { padding:0 0 0 0; border:none; }


			/* standard padding / width for selects */
			.mliu_form select { padding:8px; background: #F4F4F4; padding: 8px; width: 84%; }
			
			.form_area select, .form_area textarea { width:50%; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size:100%; color:#666; }
			.form_area input#keywords_input { display: block; width:95%; margin-top:8px; }

			.form_area textarea { width: 93%; min-height: 100px; border:1px solid #ccc; padding:8px; }
			.form_area textarea.large_font { font-size: 123%; }
			.form_area textarea#enquiry_summary, .form_area textarea#mo_desc { min-height:125px; }

		/*  =====================
		    basic | stripped down
		    ===================== */

		    .mliu_form.basic .form_area { margin:15px 0 0 0; padding:2% 3%; font-size: 160%; font-family:HelveticaNeueW01-45Ligh,helvetica,sans-serif; color:#333; /*background: #f7f7f7;*/  /*border-style: solid; border-width:0 0 0 4px; border-color:#ccc; box-shadow: 0px 0px rgba(0, 1, 2, 0.1);*/ }
			.mliu_form.basic .form_area legend { position: relative; top:0; left:0; border-left: none; border-right: none; border-top: none; background: transparent; padding:0 0 0 0; font:93% HelveticaNeueW01-45Ligh,helvetica,sans-serif; }

			@media only screen and (min-width: 480px) {

			/*  ==========================================================================
				1 THIRD up ---------------------------------------------------------------
				========================================================================== */
				.form_area input.date, .mliu_form.rs_format .form_area input.date { width: auto; }

				.form_area textarea#enquiry_summary, .form_area textarea#mo_desc { min-height:73px;	}
				.form_area textarea { width: 96%; }
			}


/*		.mliu_form.rs_format .form_area { position:relative; margin-bottom:20px; padding:5%; border-top:1px solid #C5C5C5; border-bottom:3px solid #FCB612; }
		fieldset.form_area { margin-top:70px; }
		.mliu_form.rs_format .form_area h3 { margin:0 0 15px 0; border-bottom:none; font-size:143%; font-weight:normal; }
		.mliu_form.rs_format .form_area legend {  background: #FFF; color:#333; }
		.mliu_form.rs_format .form_area legend span { font-size:50%; color:#666; }
		.mliu_form.rs_format .form_area legend span a { color: #666; }
		.mliu_form.rs_format .form_area li { margin:12px 0; }
		.mliu_form.rs_format .form_area label { display:block; margin-bottom:8px; }
		.mliu_form.rs_format .form_area .width_overide { padding-top:8px; }
		.mliu_form.rs_format .form_area h3.label { font-size: 120%; display:block; float:none; width:100%;}
		.mliu_form.rs_format .form_area .cat_list label { display:inline; }
		.mliu_form.rs_format .form_area input { width: 96%; padding:3%; border:1px solid #ccc; background: #F4F4F4; color:#666; display: block;  }
		
		.mliu_form.rs_format .form_area input.date { width: auto; float:left; }
		.mliu_form.rs_format .form_area .cat_list input { width: auto; display: inline;  margin-right: 5px; }
		.mliu_form.rs_format .form_area input#keywords_input { display: block; width:94%; margin-top:8px; }
		.mliu_form.rs_format .form_area select { border:1px solid #ccc; padding:8px; background: #F4F4F4; color: #666; width: 84%; }
		.mliu_form.rs_format .form_area select.time { float:left; width:auto; }
		.mliu_form.rs_format .form_area textarea { font-size:90%; }*/

		
		/*  ==========
		    validation
		    ========== */

			.mliu_form.rs_format .form_area .not_valid select,
			.mliu_form.rs_format .form_area .not_valid input,
			.mliu_form.rs_format .form_area .not_valid textarea { 
				background:#fff; 
				border-color:#ff007e; 
			}


			.mliu_form .not_valid { border:2px solid #e7e7e7; background: #F9F9F9; padding: 1%; } 
			.mliu_form .cat_list.not_valid { border: 1px solid #FF007E; }
			.mliu_form .form_area .not_valid select, .mliu_form .form_area .not_valid input, .mliu_form .form_area .not_valid textarea { background:#fff; border-color:#ff007e; }

			.validation_flag { color: #ff007e; clear:both; margin:8px 0 0 0; display: inline-block; font-size:72% !important; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; }

			/* verify string validation */
			.verify_string img { float: left; margin-bottom: 10px; }
			.mliu_form .verify_string input { margin-left: 40%; }  

		/*  =======
		    customs
		    ======= */
		
		    /* if form area is on login */
			.login .mliu_form .form_area { padding: 8% 8% 2% 8%; }
			.mliu_form .form_area.login { padding:8%; }
			.reset_form p { float:left; margin-right: 10px; }

			/* Error message displayed on the form */
			.mliu_form.login p.login_error{color:#FF0000;}

			.login h2 { font: 240% HelveticaNeueW01-45Ligh,helvetica,sans-serif; text-align: center; }
			.login .mliu_form p { margin-top: 0; color:#999; font-size: 90%; }
			.login .mliu_form ul.help-tips { margin-top: 0; color:#999; font-size: 90%; list-style-type: disc; }
			.login .mliu_form a {color:#006699; }


/*  ============================================================================
    form area border colors | dependent on site ind class || eg: FE/SW/RS/JD/FJD
    ============================================================================ */
	
			.FE .mliu_form .form_area, .mliu_form.FE .form_area  { border-bottom: 3px solid #FF3366; }
			.FEM .mliu_form .form_area, .mliu_form.FE .form_area  { border-bottom: 3px solid #FF3366; }
			.SW .mliu_form .form_area { border-bottom: 3px solid #5E9931; }
			.RS .mliu_form .form_area, .mliu_form.RS .form_area, .RSINTL_UK .mliu_form .form_area, .mliu_form.RSINTL_UK .form_area, .RSINTL_FR .mliu_form .form_area, .mliu_form.RSINTL_FR .form_area, .RSINTL_DE .mliu_form .form_area, .mliu_form.RSINTL_DE .form_area{ border-bottom: 3px solid #FF6600; }
			.JD .mliu_form .form_area, .FJD .mliu_form .form_area { border-bottom: 3px solid #00A0DD; }

			/* hacking brand color */
			.form_area--brand-color-overide { border-bottom: 3px solid #FF6600 !important; }


		/*  ==================
		    multi column form
		    ================== */

		    /* contact side img not needed on mobile */
		    .contact_side { display:none; }


		/* remove bullets for forms */
		.form_area ul { list-style:none; }

		/* margin for form area that consist of <li> */
		.form_area li { margin:0 0 10px 0; }

		/* for li/div holding buttons */
		.form_area .submit_hold { padding-top:14px; }

		.mliu_form .sub_info { margin-top:15px; }
		.mliu_form .form_area.big_margin_top { margin-top:65px; }
		

		/* for @ sign  in middle of time eg. 27/01/2014 @ 16:00 */
		span.floater { float:left; margin: 8px 4px; color:#666; }
		/* for the form required explanation || forced position outdie form */
		.req_explain { color:#666; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size:66%; }
		/* to hold the submit button */
		.submit_area { margin:30px 0; }
		/* to make a span with smaller text inside a label */
		span.label_sub { font-size:75%; font-style: italic; color: #999999;}


		#search_results { margin-top:40px; }


		
		/*  =====================================
		    cat list styles
		    =====================================  */

		    .form_area label.cat_label { font-size: 73%; }
		    .cat_list { padding:8px 0 0 0; margin-bottom: 20px; }
			.cat_list li { display: block; margin:0 0 10px 0; padding:0 0 0 0; line-height:1; }

			.cat_list_selected { margin-bottom: 4px; }
			.cat_list_selected li {
				color: #444444;
				display: inline;
				float: left;
				font-size: 100%;
				height: auto;
				margin: 0 4px 4px 0;
				position: relative;
				width: auto;
				clear:both;
			}


			.cat_list_selected li h4 { margin:0 0 0 0; padding:0 0 0 0; }
			.form_area .cat_list input { width:auto; margin: 0 4px 0 0; }

			/*  ============================
				JES enquiry form new changes
				============================ */
			.angucomplete-dropdown {
				overflow-y: auto;
				max-height: 200px;
				width: 100% !important;
			}

			/*  ============================
				JES enquiry form new changes
				============================ */
			.angucomplete-image {
				height: 50px;
				width: 50px;
				border-radius: 0;
			}

		@media only screen and (min-width: 480px) {

		/*  ==========================================================================
			1 THIRD up ---------------------------------------------------------------
			========================================================================== */

			/*  ===========
				1T Cat List
				=========== */
				.cat_list li { width:50%; float:left; }
				.cat_list label.cat_label { float:left; display:inline; width:auto !important; margin:0 0 0 0; font-size: 73% !important; /*remove the !important once redesigns done*/ font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; }
				.cat_list input { width:auto; float:left; }
				.cat_list.not_valid { padding: 1% 1% 1% 6%; }


			/*  ========
				1T FORMS
				======== */

				.mliu_form.rs_format .form { margin-top:0; }
				.mliu_form.rs_format .form_area { background: #fff; position:relative; margin:30px 0 0 0 ; padding:3%; border:1px solid #C5C5C5; border-bottom: 3px solid #FBB611; }


				.mliu_form.rs_format .form_area.no_margin { margin:0 0 0 0; }
				.mliu_form.rs_format fieldset.form_area { margin-top:70px; }
				.mliu_form.rs_format .form_area legend span { font-size:56%; color:#666; }
				/*.mliu_form.rs_format .form_area legend span a { color: #666; }*/
				.mliu_form.rs_format .form_area label { display:block; }
				
				.mliu_form.rs_format .form_area textarea { width:96%; }
				.mliu_form.rs_format .form_area input { border:1px solid #ccc; padding:8px; }
				.mliu_form.rs_format .form_area input[type=checkbox], .mliu_form.rs_format .form_area input[type=radio] { border:none; padding:0; }
				.mliu_form.rs_format .form_area input#keywords_input { display: block; width:96%; margin-top:8px; }
				.mliu_form.rs_format .form_area .cat_list input { width:auto; float:left; }
				.mliu_form.rs_format .form .green_link { font-size: 160%; clear:both; float:right; }

				/*  ============================
					JES enquiry form new changes
					============================ */
				.angucomplete-dropdown {}


				/*  ==========
					VALIDATION
					========== */

					.not_valid { border:2px solid #e7e7e7; background: #F9F9F9; padding: 1%; } 
					.cat_list.not_valid { border: 1px solid #FF007E; } 


		}


		@media only screen and (min-width: 768px) {

		/*  ==========================================================================
			2 THIRDS up
			========================================================================== */

			
				.form_area label { display:inline; }
				.mliu_form h3.label { float:left; display:inline; } 
				.form_area input { width: 30%; }
				.form_area input.mliu_button { width:auto; }
				.form_area select { float:left; width: 32%; }
			

				.form_area input#keywords_input { display:inline; margin-top:0px; }
				
				/* settign font to 100 */
				.mliu_form input { display:inline; }


				.form_area textarea { width: 50%; min-height:200px; }
				.mliu_form.rs_format .form_area textarea { width:50%; min-height:200px; }
				.form .green_link { clear:none; margin-top:0; }

				/*.mliu_form.rs_format .form_area input { width:30%; }*/

				.req_explain { position: absolute; right:8px; top:-42px; }

			/*  ===========
				2T Cat List
				=========== */
			
				.cat_list { padding-left: 6%; }
				/*.cat_list li { width:33%;  } */
				.cat_list .check_all { width: auto; } /*used for check all and uncheck all lable*/

				.mliu_form .cat_list label.cat_label { max-width: 180px; }
				


			/*  ============
				LABEL SIZING
				============ */

				/* giving the labels sizes */
				.label_size_10 label, label.label_size_10, .label_size_10 .label { float:left; width: 10%; padding-top:6px; }
				.label_size_20 label, label.label_size_20, .label_size_20 .label { float:left; width: 20%; padding-top:6px; }
				.label_size_30 label, label.label_size_30, .label_size_30 .label { float:left; width: 30%; padding-top:6px; }
				.label_size_40 label, label.label_size_40, .label_size_40 .label { float:left; width: 40%; padding-top:6px; }
				.label_size_50 label, label.label_size_50, .label_size_50 .label { float:left; width: 50%; padding-top:6px; }
				.label_size_60 label, label.label_size_60, .label_size_60 .label { float:left; width: 60%; padding-top:6px; }
				.label_size_70 label, label.label_size_70, .label_size_70 .label { float:left; width: 70%; padding-top:6px; }
				.label_size_80 label, label.label_size_80, .label_size_80 .label { float:left; width: 80%; padding-top:6px; }
				.label_size_90 label, label.label_size_90, .label_size_90 .label { float:left; width: 90%; padding-top:6px; }
				.label_size_100 label, label.label_size_100, .label_size_100 .label { display: block; width: 100%; padding-top:6px; }

				/* selecting adjacent inputs and sizing those to fit next to the labels  */
				.mliu_form .label_size_10.input_affect label ~ input, .mliu_form label.label_size_10.input_affect ~ input, .mliu_form .label_size_10.input_affect .label ~ input { float:left; width: 84% !important; }
				.mliu_form .label_size_20.input_affect label ~ input, .mliu_form label.label_size_20.input_affect ~ input, .mliu_form .label_size_20.input_affect .label ~ input { float:left; width: 74% !important; }
				.mliu_form .label_size_30.input_affect label ~ input, .mliu_form label.label_size_30.input_affect ~ input, .mliu_form .label_size_30.input_affect .label ~ input { float:left; width: 67% !important; }
				.mliu_form .label_size_40.input_affect label ~ input, .mliu_form label.label_size_40.input_affect ~ input, .mliu_form .label_size_40.input_affect .label ~ input { float:left; width: 54% !important; }
				.mliu_form .label_size_50.input_affect label ~ input, .mliu_form label.label_size_50.input_affect ~ input, .mliu_form .label_size_50.input_affect .label ~ input { float:left; width: 44% !important; }
				.mliu_form .label_size_60.input_affect label ~ input, .mliu_form label.label_size_60.input_affect ~ input, .mliu_form .label_size_60.input_affect .label ~ input { float:left; width: 34% !important; }
				.mliu_form .label_size_70.input_affect label ~ input, .mliu_form label.label_size_70.input_affect ~ input, .mliu_form .label_size_70.input_affect .label ~ input { float:left; width: 24% !important; }
				.mliu_form .label_size_80.input_affect label ~ input, .mliu_form label.label_size_80.input_affect ~ input, .mliu_form .label_size_80.input_affect .label ~ input { float:left; width: 14% !important; }
				.mliu_form .label_size_90.input_affect label ~ input, .mliu_form label.label_size_90.input_affect ~ input, .mliu_form .label_size_90.input_affect .label ~ input { float:left; width: 4% !important; }
				

				/* selecting adjacent textareas and sizing those to fit next to the labels  */
				.mliu_form .label_size_10.input_affect label ~ textarea, .mliu_form label.label_size_10.input_affect ~ textarea, .mliu_form .label_size_10.input_affect .label ~ textarea { float:left; width: 84% !important; }
				.mliu_form .label_size_20.input_affect label ~ textarea, .mliu_form label.label_size_20.input_affect ~ textarea, .mliu_form .label_size_20.input_affect .label ~ textarea { float:left; width: 74% !important; }
				.mliu_form .label_size_30.input_affect label ~ textarea, .mliu_form label.label_size_30.input_affect ~ textarea, .mliu_form .label_size_30.input_affect .label ~ textarea { float:left; width: 67% !important; }
				.mliu_form .label_size_40.input_affect label ~ textarea, .mliu_form label.label_size_40.input_affect ~ textarea, .mliu_form .label_size_40.input_affect .label ~ textarea { float:left; width: 54% !important; }
				.mliu_form .label_size_50.input_affect label ~ textarea, .mliu_form label.label_size_50.input_affect ~ textarea, .mliu_form .label_size_50.input_affect .label ~ textarea { float:left; width: 44% !important; }
				.mliu_form .label_size_60.input_affect label ~ textarea, .mliu_form label.label_size_60.input_affect ~ textarea, .mliu_form .label_size_60.input_affect .label ~ textarea { float:left; width: 34% !important; }
				.mliu_form .label_size_70.input_affect label ~ textarea, .mliu_form label.label_size_70.input_affect ~ textarea, .mliu_form .label_size_70.input_affect .label ~ textarea { float:left; width: 24% !important; }
				.mliu_form .label_size_80.input_affect label ~ textarea, .mliu_form label.label_size_80.input_affect ~ textarea, .mliu_form .label_size_80.input_affect .label ~ textarea { float:left; width: 14% !important; }
				.mliu_form .label_size_90.input_affect label ~ textarea, .mliu_form label.label_size_90.input_affect ~ textarea, .mliu_form .label_size_90.input_affect .label ~ textarea { float:left; width: 4% !important; }
				

				/* auto sized labels :: used mainly for remember me or checkbox options */
				.label_size_auto { float:left; width:auto; }
				.label_size_auto ~ input { float:left; width:auto; margin: 3px 0 0 5px; }

				/*validation flags */
				.label_size_10 .validation_flag { margin-left: 10%; }
				.label_size_20 .validation_flag { margin-left: 20%; }
				.label_size_30 .validation_flag { margin-left: 30%; }
				.label_size_40 .validation_flag { margin-left: 40%; }
				.label_size_50 .validation_flag { margin-left: 50%; }
				.label_size_60 .validation_flag { margin-left: 60%; }
				.label_size_70 .validation_flag { margin-left: 70%; }
				.label_size_80 .validation_flag { margin-left: 80%; }
				.label_size_90 .validation_flag { margin-left: 90%; }
				.label_size_100 .validation_flag { margin-left: 100%; }


			/*  ==================
			    multi column form
			    ================== */

			    .mliu_form.col_layout { float: left; width: 57%; margin-right: 4%; }
			    .mliu_form.col_layout + div { float:left; width: 30%; }

			    .contact_side { display: block; margin-top: 69px; }
			    .contact_side.subscribe { margin: 4% 0; }
			    .contact_side.subscribe h2{ margin: 0; }
			    .contact_side img { max-width:100%; }

				/*  ============================
					JES enquiry form new changes
					============================ */
				.angucomplete-dropdown {
					margin-left: 30%;
					width: 52% !important;
				}

				/*  ============================
					JES enquiry form new changes
					============================ */
				input#jes_searchMediaOutlet_value {
					width: 50%;
				}
		}

		@media only screen and (min-width: 1140px) {

		/*  ==========================================================================
			FULL WIDTH
			========================================================================== */
			.mliu_form .cat_list label.cat_label { max-width: none; }

		}

	/*  ==========================================================================
		TABLES | .mliu_table == core class | .extenders modify
		==========================================================================  */

		/*Made changes to align text left*/
		.mliu_table { width: 100%; margin-bottom:15px; background: #FFF; border:1px solid #C5C5C5; border-collapse:separate; border-spacing: 0; }
		/*.mliu_table th { padding:15px 10px; text-align: left; vertical-align: center; background: none repeat scroll 0 0 #333333; border-bottom: medium none; border-right: 1px solid #5D5D5D; color: #FFF; font-weight:normal; }*/
		
		/* table border-colors */
		 .mliu_table.SW { border-bottom-color: #61A233; border-bottom-width: 3px; }
		 .mliu_table.FE { border-bottom-color: #EB018C; border-bottom-width: 3px; }
		 .mliu_table.RS { border-bottom-color: #FBB611; border-bottom-width: 3px; }
		 .mliu_table.JD { border-bottom-color: #13A1E1; border-bottom-width: 3px; }

		.mliu_table th { padding:15px 10px; text-align: left; vertical-align: center; background: #FFF; border-bottom: 1px solid #D7D7D7; color: #333; font-size:120%; font-weight:normal; }
		.mliu_table td { padding:10px; border-bottom: 1px solid #E7E7E7; color: #333; vertical-align: top; }
		.mliu_table td a { color:#333; }
		.mliu_table td a.blue { color:#006699; }


		.mliu_table tr.last_row td { border-bottom:none; }

		.mliu_table.rev { width: 100%; margin-bottom:15px; background: #666; border:1px solid #D7D7D7; box-shadow: 3px 3px rgba(0, 1, 2, 0.1); }
		.mliu_table.rev th { padding:15px 10px; text-align: left; vertical-align: center; background: #333; border-bottom: none; color: #ccc; font-size:120%; font-weight:normal; }
		
		.mliu_table.rev td { padding:14px 10px; border-bottom: none; color: #ccc; vertical-align: top; }
		.mliu_table.rev td.last_col { border-bottom:none; }
		.mliu_table.rev td a { color:#ccc; }
		.mliu_table.rev tr.last_row td { border-bottom:none; }

		.mliu_table .locked td {  color: #999;  }
		.mliu_table .locked:hover td { color:#666; }
		.mliu_table .locked td a { color:#999; }
		.mliu_table .locked:hover a { color:#666; }

		.mliu_table.enquiry_list .col_01 { width: 10% }
		.mliu_table.enquiry_list .col_02 { width: 20% }
		.mliu_table.enquiry_list .col_03 { width: 33% }
		.mliu_table.enquiry_list .col_04 { width: 12% }
		.mliu_table.enquiry_list .col_05 { width: 15% }
		.mliu_table.enquiry_list .send_similar {color:#006699}

		/*Adjusting table widths for journ dashboard page on rs*/
		.dashboard.layout_02 .mliu_table.enquiry_list .col_01 { width: 30% }
		.dashboard.layout_02 .mliu_table.enquiry_list .col_02 { width: 15% }
		.dashboard.layout_02 .mliu_table.enquiry_list .col_04 { width: 8% }
		.dashboard.layout_02 .mliu_table.enquiry_list .col_05 { width: 8% }
		.dashboard.layout_02 .mliu_table.enquiry_list .col_06 { width: 8% }

		/*Adjusting last col on fr journ dashboard page on rs*/
		#FR.dashboard.layout_02 .mliu_table.enquiry_list .col_06 { width: 3% }

		.mliu_table.enquiries a { color:#006699; }

		.mliu_table.suggestions { border:none; }
		.mliu_table.suggestions th { font:190% HelveticaNeueW01-Thin,helvetica,sans-serif; border-style:none none none solid; border-width:1px; border-color: #ccc; }
		.mliu_table.suggestions td { padding-top:13px; padding-bottom:13px;font:150% HelveticaNeueW01-45Ligh,helvetica,sans-serif; background: #E7E7E7; border-left:solid 1px #ccc; border-bottom:3px solid #FFF; }
		.mliu_table.suggestions tr { margin-bottom:3px; }

		.mliu_table.simple table { border-collapse:collapse; width:100%; border-width:1px 0 0 1px; border-style: solid; border-color: #E7E7E7;  background-color:#f7f7f7; font-size: 130%; }

		/* netralise the font size for tables inside form areas */
		.mliu_form .form_area .mliu_table th { font-size:100%; }
		.mliu_form .form_area .mliu_table td { font-size:86%; }

		.mliu_table.tag_list { background: #FFF; border-width: 1px 1px 3px 1px; border-color: #C5C5C5 #C5C5C5 #61A233; font: 160% HelveticaNeueW01-45Ligh,helvetica,sans-serif; color:#333; }
		.mliu_table.tag_list th { vertical-align: top; width:20%;  font-size:100%; background-color: #fff; border-style:solid; border-width: 0 0 1px  0; border-color: #E7E7E7; }
		.mliu_table.tag_list td { padding-bottom:4px; border-bottom: 1px solid #E7E7E7; }

		.mliu_table caption { 
			background: none repeat scroll 0 0 #FFFFFF;
			border-left: 1px solid #C5C5C5;
			border-right: 1px solid #C5C5C5;
			border-top: 1px solid #C5C5C5;
			color: #333333;
			left: 0;
			padding: 10px 8px;
			position: absolute;
			top: -45px;
			font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
		}

		/* ultra specific styling secton | dont overuse */ 

			/* make a blue in table */
			.mliu_table td a span.blue { color:#006699; }


			




		/*  ===============
		    PURE TEXT LOGOS
		    ===============  */

/*		    a.product { padding-left:60px; line-height: 0.5; background: transparent url(img/logo/SUITE_CIRCLES.png) no-repeat left 15px; }
		   	a.product.FE {  }
		   	a.product.RS { background-position:left -139px; }
		   	a.product.SW { background-position:left -292px; }
		   	a.product.JD { background-position:left -445px; }
		   	a.product.PS { background-position:left -600px; }*/
		   	span.prod_name { line-height: 1px; font:100% Swiss_721 W01 Heavy, Arial,"Helvetica Neue",Helvetica,sans-serif; letter-spacing: -.05em; color:#414141; }
		    span.prod_tag { line-height: 1px; font:100% Swiss_721 W01 Light, Arial,"Helvetica Neue",Helvetica,sans-serif; letter-spacing: -.05em; color:#414141; }
		    span.prod_name.rev { color:#fff; }

		    .app_menu span.prod_name, .app_menu span.prod_tag { font-size:130%; }
		    #FE .app_menu span.prod_tag { font-size:160%; }


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

			/*  ==========================================================================
				2 THIRDS ***down*** --- only use in an emergency 
				========================================================================== */
				
				/* stop product logos set as mobile hide image replacing */
				.product_logo.mobile_hide { background-image: none !important; height:auto !important; width: auto !important; font-family:HelveticaNeueW01-45Ligh,helvetica,sans-serif; letter-spacing: -1px; font-size:140%; text-decoration: none; }
 				.product_logo.mobile_hide.SW { color: #61A233; }
				.product_logo.mobile_hide.FE { color: #EB018C; }
				.product_logo.mobile_hide.RS { color: #FBB611; }
				.product_logo.mobile_hide.JD { color: #13A1E1; }

			}

	


	/*  ==========================================================================
		RS DISPLAY
		========================================================================== */

			/* main generic box to use */
			.feature_box { background: #fff; position:relative; margin:30px 0 30px 0 ; padding:2%; border:1px solid #C5C5C5; border-bottom: 3px solid #FBB611; }

			/* feature_box extensionts */
			.feature_box.FE { border-bottom-color: #FF3366; }
			.feature_box.JD { border-bottom-color: #13A1E1; }
			.feature_box.pop_contain { margin-top:60px; }
			.feature_box.pop_contain.top_box { margin-top:40px; }

			.RS_DISPLAY p { clear:both; }
			
			/* for the enquiry meta | top info list */
			.enquiry_meta li { margin-bottom: 3px; }
			
			/* font and font size for enquiry body */
			.enq_body { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:120%; }

			/* for the enquiry preview to hold the submits */.
			.rs_enq.submit_area { text-align: right; margin-bottom:20px; }
			.rs_enq.submit_area form { float:right; margin-left: 10px; } 

			.blurb.wrapper { margin-bottom: 30px; }

			/* display cats on submit success page */
			.enq_cats_subbed { font-size:120%; }
			.enq_cats_subbed h3 { font-weight:normal; }


			h3.what_next { font:240% HelveticaNeueW01-45Ligh,helvetica,sans-serif; }

			.enq_body .enq_bloc { margin: 0 0 20px 0; }

			.enq_body h2 { margin: 4px 0; font-weight: normal; font-size: 125%; }
			.enq_body p { margin: 4px 0; line-height: 22px; }
			
			.enquiry_preview .header h1 { padding:20px 2% 8px 2%;  width: 87%; } 
				

		@media only screen and (min-width: 480px) {

		/*  ==========================================================================
			1 THIRD up ---------------------------------------------------------------
			========================================================================== */

			.enq_body .label { float:left; width:auto; margin-right:10px; }
			.enq_body .data { float:left; width:auto; }
			.enq_body h3 { margin: 4px 0 4px 0; font-weight: normal; }
			.enq_body p { margin: 4px 0; line-height: 22px; }

			.enq_body .enq_bloc { margin: 0 0 20px 0; }
			.enq_body #relevant_categorys.enq_bloc { margin-bottom:0; } 

			.cat_list_selected li {
				color: #444444;
				display: inline;
				float: left;
				font-size: 100%;
				height: auto;
				margin: 0 4px 4px 0;
				position: relative;
				width: auto;
				clear:none;
			}

		}

		@media only screen and (min-width: 768px) {

		/*  ==========================================================================
			2 THIRDS up
			========================================================================== */

			/*  =================================================
			    Used when MO info is displayed on enquiry preview
			    =================================================  */

				.mo_layout { float:left; display: inline; }
				.mo_layout.left { width: 57%; margin-right: 4%; }
				.mo_layout.right { width: 30%; margin-top:30px; }

				.mo_img img { max-width: 99%; border:1px solid #C5C5C5; box-shadow: 3px 3px rgba(0, 1, 2, 0.1); }

				.mo_layout.right li { display: block; margin:0 0 10px 0; font-size:93%; }
				.mo_layout.right .label { width: 30%; }
				.mo_layout.right .data { width: 60%; }

		}

		@media only screen and (min-width: 1140px) {

		/*  ==========================================================================
			FULL WIDTH
			========================================================================== */

		}


		/*  ==========================================================================
			IPADS
			========================================================================== */

			@media only screen 
			and (min-device-width : 768px) 
			and (max-device-width : 1024px)  { 

				.mo_layout { float:none; display: block; }
				.mo_layout.left { width: auto; margin-right: 0; }
				.mo_layout.right { width: auto; margin-top: 0; }

			}
		

	/*  ==========================================================================
		MENUS | different generic menus to use
		==========================================================================  */

		/*  =====================================
		    my account headings
		    =====================================  */

			/* dashboard heading */
			h1.myaccount_h1 { float:left; padding-left:0; }
			
			/* for seperating headings with | set to block for mobile*/
			span.seperator { display: block; color:#ccc; }

			/* box for 	dashboard heading */
			.profile_detail { float:right; }
			.profile_detail img { border: solid 1px #B5B5B5; }
			.profile_detail .photo { float:left; }
			.profile_detail .name { float:left; }
			.profile_detail h2 { padding-top: 0; }

			/* sub menu margin */
			#views_ul { margin: 10px 0 45px 0; }

		/*  =====================================
		    sub menu
		    =====================================  */
			
			.sub_menu li { margin: 10px 0px; display:block; }
			.sub_menu a { border-bottom: 2px solid #E7E7E7; font-size: 130%; padding: 8px 0 3px; text-decoration: none; }   
			.sub_menu a.active { border-bottom: 2px solid #006699; }
			
			/* if you want brand colors */
			.sub_menu a.active.SW { border-color: #61A233; }
			.sub_menu a.active.FE { border-color: #EB018C; }
			.sub_menu a.active.RS { border-color: #FBB611; }
			.sub_menu a.active.JD { border-color: #13A1E1; }
			.sub_menu a.inactive:hover { border-color: #CCCCCC; }
			.sub_menu.margin_bottom { margin-bottom: 40px; }



		/*  =====================================
		    tabs
		    =====================================  */		
			
			ul#tab_li_container,
			ul#gen_tab_li_container{
				width:100%;
				height:42px;
				list-style-type:none;
				list-style-image:none;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}

			#tab_li_container.newsrooms_admin { clear:both; }

			#tab_li_container li,
			#gen_tab_li_container li{
				background:#fff;
				/*position:relative;*/
				height:42px;
				float:left;
				display:inline;
				border-top:1px solid #ccc;
				border-left:1px solid #ccc;
				border-right:1px solid #ccc;
				margin-right:4px; 
				padding:0 0 0 8px;
			}

			#tab_outlets li.outlets_tab, #tab_contacts li.contacts_tab, #tab_journos li.journos_tab {
				border-top:1px solid #999;
				border-left:1px solid #999;
				border-right:1px solid #999;
			}

			#gen_tab_li_container li.active { height:43px; border-color: #999;}
			#gen_tab_li_container li.active a { color:#333; }

			#tab_li_container li a,
			#gen_tab_li_container li a {
				width:auto;
				height:26px;
				float:left;
				font:153.9% Arial, "Helvetica Neue", Helvetica, sans-serif;
				/*color:#999;*/
				color:#999;
				text-decoration: none;
				outline: none;
				padding: 10px 12px 0 4px;
			}

			/* slightly reduce font for DE */
			#DE #gen_tab_li_container li a { font-size:140%; }

			/*  */

			#DE .search #gen_tab_li_container li a, #FR .search #gen_tab_li_container li a { font-size:88%; }

			#gen_tab_li_container.reduce_font li a { font-size:113%; }
			#DE #gen_tab_li_container.reduce_font li a { font-size:116%; }


			#tab_li_container.newsrooms_admin li a {
				padding:10px 7px 0 0;
			}

			#tab_li_container li a:hover,
			#gen_tab_li_container li a:hover{
				color:#000;
			}


		@media only screen and (min-width: 480px) {

		/*  ==========================================================================
			1 THIRD up ---------------------------------------------------------------
			========================================================================== */

		}


		@media only screen and (min-width: 768px) {

		/*  ==========================================================================
			2 THIRDS up
			========================================================================== */


				/* for seperating headings with | */
				span.seperator { display: inline; }

			/*  =====================================
			    sub menu
			    =====================================  */

			    /* sub menu padding */
				#views_ul { padding-top:20px; }

			    /*help to force line on the jump nav*/
				.inline li { display: inline; }

				.sub_menu li { margin: 0 4px; }  
				
			.width_25, .mliu_form.width_25 { width:25%; }
			.width_75, .mliu_form.width_75 { width:75%; }
		}

		@media only screen and (min-width: 1140px) {

		/*  ==========================================================================
			FULL WIDTH
			========================================================================== */

			.width_10, .mliu_form.width_10 { width:10%; }
			.width_20, .mliu_form.width_20 { width:20%; }
			.width_30, .mliu_form.width_30 { width:30%; }
			.width_40, .mliu_form.width_40 { width:40%; }
			.width_50, .mliu_form.width_50 { width:50%; }
			.width_55, .mliu_form.width_55 { width:55%; }
			.width_60, .mliu_form.width_60 { width:60%; }
			.width_65, .mliu_form.width_65 { width:65%; }
			.width_70, .mliu_form.width_70 { width:70%; }
			.width_80, .mliu_form.width_80 { width:80%; }
			.width_85, .mliu_form.width_85 { width:85%; }
			.width_90, .mliu_form.width_90 { width:90%; }
			.width_100 { width:100%; }
			
		}

	/*  ==========================================================================
		INDEX STYLES | for general useage
		==========================================================================  */


		.index_message { padding-top:20px; }
		.index_message h2 { margin:0 0 0 0; font-size:182%; padding:14px 0; font-weight:lighter; letter-spacing: -1px; color:#fff; clear:both; }
		.index_message h2 span { font-weight: bold; 
			-ms-word-break: break-all;
     		word-break: break-all;
			/* Non standard for webkit */
   			word-break: break-word;
			-webkit-hyphens: auto;
   			-moz-hyphens: auto;
    		-ms-hyphens: auto;
        	hyphens: auto; }

		.index_message p { text-align:center; padding-bottom: 26px; margin:0 0 0 0; }

		.footer.legal { padding-top: 10px; }
		

		.promo.persuasive_content { background: #CCC; border-top:solid 3px #999; border-bottom:solid 3px #999; }

		@media only screen and (min-width: 768px) {
			.index_message  { padding-top:0; }
			.index_message  h2 { color:#4F4F4F; font-size: 197%; }
			
		}

		.strip { margin:50px 0 0 0; border-style: solid none; border-width: 4px 0; border-color:#ccc; background:#e7e7e7; }
		.strip.images {  }
		.yellow { box-shadow: 3px 3px 2px rgba(0, 1, 2, 0.15) }
		.yellow.thick { margin:50px 0 0 0; border-color: #FBB611; border-style: solid none; }
		.yellow.thin { border-bottom: 4px solid #FBB611; padding: 40px 0px 70px 0; }

		h2.home_title, .home_title { margin-bottom:2%; font: 249% HelveticaNeueW01-45Ligh,helvetica,sans-serif; color:#333 ; text-shadow: 1px 1px 0 #CFCFCF; }
		#SW h2.home_title { margin:0 0 30px 5%; }
		h2.home_title.rev, .home_title.rev { color:#fff ; text-shadow: 1px 1px 0 #333; font-family:HelveticaNeueW01-Thin,helvetica,sans-serif; }
		
		.home_title.release_images { margin:0 0 0 0; position:absolute; left:0; top:-20px; display:none; }

		.promo h3 { font: 249% HelveticaNeueW01-Thin,helvetica,sans-serif; color:#333 ; text-shadow: 1px 1px 0 #CFCFCF; }
		.promo h3.font_sml { font-size:200%; }

		/* for use on release list article headings */
		.promo .release h3, .releases.narrow_format .release h3 { margin: 0 0 0 0; padding:0 0 0 0; font:100% HelveticaNeueW01-45Ligh,helvetica,sans-serif; }

		.promo.rev h3 { color:#fff; text-shadow: 1px 1px 0 #333; }

		/*  ================
			DWPUB COMPONENTS
			================ */

			.blog_whitey { background:#E7E7E7; border-top: 3px solid #ccc; }
			.home_page #whitepapers.dwpub_component { margin-top: 70px; }
			.dwpub_component h2, .screen h2 { font: 249% HelveticaNeueW01-45Ligh,helvetica,sans-serif; color:#666 ; text-shadow: 1px 1px 0 #CFCFCF; }
			.dwpub_component h3 { font: normal 219% HelveticaNeueW01-Thin,helvetica,sans-serif; text-shadow: 1px 1px 0 #CFCFCF; }
			.dwpub_component li { margin-bottom: 14px; padding:0 5%; border: 1px solid #C5C5C5; background:#fff; }
			.dwpub_component a { text-decoration:none;/* color:#333;*/ }

			.sub { padding-top:10px; border-top: 1px solid #e7e7e7; }
			#blog .sub { margin:1em 0;  }
			.blog_tag { border-right: 1px solid #e7e7e7; padding-right: 10px;margin-right: 5px; }

			.dwpub_extra.left { float:left; width:48%; margin-right:2%; }
			.dwpub_extra.right { float:right; width:48%; margin-left:2%; }

			.dwpub_extra.list { clear:both; padding:50px 0; }
			.dwpub_extra.list ul { padding:20px 0; }	

			/* for news/interviews */
			.story.news { float:right; border-top:4px solid #ff0066; padding-top:4px; max-width: 386px; }
			.story.interview { border-left:4px solid #ff0066; padding-left: 4px; }
			.story.interview img { float:left; margin-right:8px; }
			.dwpub_extra h3 { margin:0 0 0 0; font:220% HelveticaNeueW01-Thin,helvetica,sans-serif; color:#333 ; text-shadow: 1px 1px 0 #CFCFCF; }


		@media only screen and (min-width: 768px) {

		/*  ==========================================================================
			2 THIRDS up
			========================================================================== */
			
			#SW h2.home_title { margin:0 0 30px 0; }
			#blog ul { padding-right: 15%; /*background: transparent url(img/patterns/dash_4.png) repeat-y right top;*/ }
			#whitepapers ul { padding-left: 15% }
			#whitepapers.dwpub_component h2 { margin-left:15%; }
			.dwpub_component { float: left; width:50%; }
			.home_page #whitepapers.dwpub_component { margin-top: 0; }
			.uses:first-child { margin-top: 0; }
			.dwpub_component h2 { display:inline-block; width:auto; background:url(img/backgrounds/trans_back_dark.png); font-family: HelveticaNeueW01-Thin,helvetica,sans-serif; font-size:250%; font-weight: normal; color:#fff; text-shadow: 1px 1px 0 #666; padding:5px; }
			.dwpub_component li { background: rgba(255,255,255,0.85); }
			
			.blog_whitey { background: url(img/backgrounds/magz_print.jpg) center center; background-size: 100%; border-top: 3px solid #ccc; }
			.blog_whitey.stripped .dwpub_component li { border:none; padding-top:10px; padding-bottom:10px; }
			.promo.newsrooms .newsroom_whitey img { float:left; max-width:46%; margin-right:3%; } 
	
		}

		/*  ==========
			DASHBOARDS
			========== */

			.strip {  }
			.dashboard h1 { float:left; width:auto; font-family: HelveticaNeueW01-Thin,helvetica,sans-serif; color:#666; }
			span.user_name { font-family: HelveticaNeueW01-65Medi; /*letter-spacing: -1px;*/ }
			.dashboard .account_strip { background-color: #fff; border-bottom: solid 1px #ccc; }
			.dashboard .account_strip .mliu_button { }
			.dashboard .user_action { clear:both; margin:30px 0 20px 10px; }

			.dashboard .user_newsroom { padding: 40px 0; }
			.dashboard .user_newsroom .newsroom_url { font: 200% HelveticaNeueW01-Thin,helvetica,sans-serif; color:#666; }

			@media only screen and (min-width: 480px) {

			/*  ==========================================================================
				1 THIRD up ---------------------------------------------------------------
				========================================================================== */
				.screen img { width: 80%; }
			}


			@media only screen and (min-width: 768px) {

			/*  ==========================================================================
				2 THIRDS up
				========================================================================== */
				.dashboard .user_action { clear:none; float:right; font-size:140%; margin:30px 0 0 10px; }
			}

			@media only screen and (min-width: 1140px) {

			/*  ==========================================================================
				FULL WIDTH
				========================================================================== */
				.screen img { width: 100%; }
				
			}


	/*  ==========================================================================
		GENERICS | for general useage
		==========================================================================  */


		.shadow { box-shadow: 3px 3px rgba(0, 1, 2, 0.1); }
		.page_center { margin-left: auto; margin-right:auto; }
		.center { text-align: center; }
		.strong, .mliu_table td a.strong { font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: bold; color:#666666; }
		.popper { position:absolute; left: 0; top: -40px ; font: 160% Arial,"Helvetica Neue",Helvetica,sans-serif; margin: -1px 6px 0 0; padding: 8px; border-style: solid; border-width: 1px 1px 0 1px; border-color: #ccc; background-color:#FFF; color:#484848; }
		.relative { position:relative; }
		.home_space { margin:50px 0 70px 0; }
		.margin_top { margin-top:30px; position: relative;}
		.sub_text { padding:20px 0; color: #999; }
		.form_info { font-size: 80%; }
		.clear { clear:both; }
		.tag { float:left; padding:5px; color:#FFF; }
		.tag.pending { background-color: #E6A306; }
		.tag.cancelled { background-color:#5D5D5D; }
		.reset { margin:0 0 0 0; padding: 0 0 0 0 ; }

		
		/* generic style for intro style page titles */
		.section_intro h1 { font: 280% HelveticaNeueW01-Thin,helvetica,sans-serif; letter-spacing:-0.05em;text-shadow:1px 1px 0 #CFCFCF; }

		.steppa { font: 230% HelveticaNeueW01-Thin,helvetica,sans-serif; letter-spacing:-0.05em;text-shadow:1px 1px 0 #CFCFCF; }
		
		.alert { padding:2% 2% 2% 2%; width:96%; background: none repeat scroll 0 0 #e7e7e7; border: 1px solid #ccc; font-size: 197%; margin:30px 0; text-align: center; box-shadow: 3px 3px rgba(0, 1, 2, 0.1);  }
		.alert > * { font: 86% HelveticaNeueW01-45Ligh,helvetica,sans-serif; margin:0 0 0 0; color:#666; }

		.alert.warning { border-color:#ffb0c6; box-shadow: 3px 3px #ffc1d2;  background: #fdeaea; }


		/*for alerts that appear on old style pages */
		.ag_22 .alert { margin-top: 10px; }

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

			/*  ==========================================================================
				2 THIRDS ***down*** 
				========================================================================== */
				
				.mobile_hide_block { display:none; }
				.center { text-align: left; }
			}

		.highlight.error.no_margin_top { margin-top: 0; }
		.highlight.error.no_margin_bottom, .alert.no_margin_bottom {margin-bottom:0;}
		.highlight.error .login_error, .highlight.error p.login_error {margin: 0; }

		/* ============================== */
		/* interval dividers			 	  */
		/* ============================== */

		.interval { padding:60px 0; text-align: center; background:transparent url(/core-css/site_core/img/lines/line_dots_3_3_CCC.gif) repeat-x center center;}
		.interval.line { height: 1px; border-bottom:1px solid #ccc; margin:20px 0; }
		.interval.dotted { width:100%; height:3px; background:transparent url(img/lines/line_dots_3_3_CCC.gif) repeat-x }
		.interval.small { padding:30px 0; }
		.interval_solid {padding:60px 0; text-align: center; background:transparent url(img/lines/interval.gif) repeat-x center center;}
		.interval_solid.small { padding:30px 0; }
		.interval a { font-size: 93%; padding:0 10px; background-color: #fff; color: #666; text-decoration: none; }

		.success_tick { clear:both; background:#fff url(img/icon/success_tick.gif) no-repeat 10px center;  min-height: 42px; margin-bottom: 30px; }
		.success_tick p, .mliu_form.login .success_tick p { padding: 10px 0 0 65px; color: #333;}
 
		.mliu_foot_wrap p.sub { font-size: 80%; }


		/* creating the pop out legend for fieldsets */
		.pop_out { 
			background: none repeat scroll 0 0 #FFFFFF;
			border-left: 1px solid #C5C5C5;
			border-right: 1px solid #C5C5C5;
			border-top: 1px solid #C5C5C5;
			color: #333333;
			left: -1px;
			padding: 8px 8px;
			position: absolute;
			top: -46px;
			font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
			font-size:132%;
			max-height:25px;
		}

		@media only screen 
		and (min-device-width : 768px) 
		and (max-device-width : 1024px) 
		and (orientation : portrait) { 
			.footer_section.strapline, .footer_section.circles, .footer_section.circles p, .logo_circles {width: auto; text-align: left; float: none;}
		}

		/*Helper class for word wrapping*/
		.word_wrap_bw { word-wrap: break-word; }

		/*target rs below ie9 users without lightbox*/
		html#RS.lt-ie9 div.wrapper.lBox{width: 60%;margin: 0 auto;}

		/* ============================== */
		/* DASHBOARD     			 	  */
		/* ============================== */
		.css_success { clear:both; background:#fff url(../css_core/icons/success_tick.gif) no-repeat 10px center; width: 50%; margin: 0 auto; }

		#RS #sw_dashboard .css_success.jd { width: 45%; margin: 0 auto; }
		#RS #FR #sw_dashboard .css_success.jd { width: 54%; }
		#RS #DE #sw_dashboard .css_success.jd { width: 50%; }

		#FE #FR #sw_dashboard .css_success.jd { width: 56%; }
		#FE #DE #sw_dashboard .css_success.jd { width: 54%; }

		#JD #sw_dashboard .css_success.jd { width: 52%; }
		#JD #FR #sw_dashboard .css_success.jd { width: 62%; }
		#JD #DE #sw_dashboard .css_success.jd { width: 60%; }

		.css_success h4 { color: #62A442; padding: 10px 10px 10px 70px; margin:0 0 14px 0; font-size:138.58%; font-weight: lighter; }

		a.help_tool.qtip_low { background: transparent url(../css_core/icons/info_tool_sprite.png) no-repeat; height: 20px; margin: 3px 0 6px 2px; color: transparent; width: 20px; }
		
		.css_fail { clear:both; background:#fff url(../css_core/icons/fail_x.gif) no-repeat 10px center; width: 85%; margin: 0 auto;}
		.css_fail h4 { color: #ff0033; padding: 10px 10px 10px 70px; margin:0 0 14px 0; font-size:138.58%; font-weight: lighter; }


		/*Journo dashboard magnific lightbox. Moving from rs main_uk.css to central location*/
		.lBox { position: relative; }
		.lBox article { background-color:  #fff; padding: 2%; border-bottom: 3px solid #FBB611; }
		.lBox article .feature_box { background-color: transparent; padding: 0;  border: none; border-bottom: none; }
		.lBox .enquiry_preview .header h1 { padding: 0; float: none; margin: 0;}
		.lBox article .feature_box li { line-height: 1.8em; }
		.lBox article .feature_box .label { width: 20%; }
		.lBox article .enq_bloc { margin-top: 10px; }


		/* ============================== */
		/* MAGNIFIC EXTENSIONS FOR MLIU	  */
		/* ============================== */
		.white-popup {
			position: relative;
			background: #FFF;
			padding: 20px;
			width:auto;
			max-width: 500px;
			margin: 20px auto;
		}
		.white-popup p { font-size: 130%; }


        /* ============= */
        /* Hide for js   */
        /* ============= */
        .js-hide {
            display: none;
        }