/* -----------------------------------------------
Global Styles - Screen
----------------------------------------------- */

/* Copyright Mirago */

/* -----------------------------------------------
General Styles
----------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	}
	
body {
	/* background: url(../images/background/body_bg.gif) repeat-x; */
	}
	
#container {
	width: 963px;
	margin: 0 auto;
	}

.error
{
	
}

.alert
{
	padding: 5px;
	background: #ffefef;
	color: #ff0000;
	font-weight: bold;
}
small
{
	font-size: 11px;
}
	
/* -----------------------------------------------
Header
----------------------------------------------- */
#internalLogin
{
	position: absolute;
	top: 0;
	/*left: 318px;*/
	padding: 3px;
	border: 1px solid #4277a4;
	background: #dee7ef;
}

#header 
{
	/*
	height: 75px;
	background: transparent url(../images/back.png) repeat-x scroll 0 0;
	width: 940px;
	*/

	background: #F7F7F7 url(../images/m3header.gif) no-repeat scroll 0 0;
	height:103px;
	background-position: 0px 0px;
	}

/*img#mirago_logo*/
#header .logo
{
	border: none;
	float: right;
	display: block;
	margin: 66px 8px 0 0;
	width:819px;
	}

ul.primary_navigation {
	float: left;
	margin: 37px 0 0 0;
	}
	
.primary_navigation li {
	list-style-type: none;
	float: left;
	text-align: center;
	margin: 0 10px 0 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	}
	
.primary_navigation li a {
	overflow: hidden;
	display: block;
	padding: 8px 8px 2px 8px;
	color: #FFFFFF;
	text-decoration: none;
	}

.primary_navigation li a:hover { color: #fff; background: #22608B; }
	
/*
.primary_navigation li.primary_selected a { color: #fff; background: #3e74a1; }
*/
.primary_navigation li.primary_selected a { color: #fff; background: #22608B; }

/*.primary_navigation li.primary_selected a {
	background-position: bottom !important;
	}
*/	
/* Nav images */
/*
These images are used to replace text for the primary navigation 
*/
.primary_navigation li#home_nav a {
	width: 58px;
	background: url(../images/primary_navigation/home.gif) no-repeat top;
	}
.primary_navigation li#home_nav a:hover {
	background: url(../images/primary_navigation/home.gif) no-repeat bottom;
	}
	

.primary_navigation li#about_nav a {
	width: 59px;
	background: url(../images/primary_navigation/about.gif) no-repeat top;
	}
.primary_navigation li#about_nav a:hover {
	background: url(../images/primary_navigation/about.gif) no-repeat bottom;
	}
	

.primary_navigation li#technology_nav a {
	width: 86px;
	background: url(../images/primary_navigation/technology.gif) no-repeat top;
	}
.primary_navigation li#technology_nav a:hover {
	background: url(../images/primary_navigation/technology.gif) no-repeat bottom;
	}


.primary_navigation li#media_nav a {
	width: 58px;
	background: url(../images/primary_navigation/media.gif) no-repeat top;
	}
.primary_navigation li#media_nav a:hover {
	background: url(../images/primary_navigation/media.gif) no-repeat bottom;
	}


.primary_navigation li#services_nav a {
	width: 64px;
	background: url(../images/primary_navigation/services.gif) no-repeat top;
	}
.primary_navigation li#services_nav a:hover {
	background: url(../images/primary_navigation/services.gif) no-repeat bottom;
	}


.primary_navigation li#contact_nav a {
	width: 59px;
	background: url(../images/primary_navigation/contact.gif) no-repeat top;
	}
.primary_navigation li#contact_nav a:hover {
	background: url(../images/primary_navigation/contact.gif) no-repeat bottom;
	}
	
/* Secondary Navigation - all text */	
#secondary_navigation {
	background: #4277a4;
	height: 30px;
	width: 940px;
	}
	
#secondary_navigation ul {
	background: url(../images/background/sub_nav_bg.gif) repeat-x;
	width: 930px;
	height: 22px;
	padding: 8px 0 0 10px;
	float: left;
	}
	
#secondary_navigation li {
	float: left;
	display: block;
	list-style-type: none;
	text-transform: lowercase;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 14px;
	margin: 0 13px 0 0;
	}
	
#secondary_navigation li a {
	color: #fff;
	text-decoration: none;
	}
	
#secondary_navigation li a:hover {
	text-decoration: underline;
	}

#secondary_navigation li.secondary_selected a {
	text-decoration: underline;
	}
	
/* Language */	
#secondary_navigation fieldset {
	border: none!important;
	float: right!important;
	padding: 5px 5px 0 0!important;
	background-image:none!important;
	}
	
#secondary_navigation label {
	font: 10px Arial, Helvetica, sans-serif;
	color: #fff;
	float: left;
	margin: 4px 3px 0 0;
	}
	
#secondary_navigation select {
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	width: 70px;
	}
	
/* -----------------------------------------------
Main Content
----------------------------------------------- */
#main_content {
	background: url(../images/background/secondary_content_bg.gif) repeat-y;
	float: left;
	}
	
/* ------------- Primary Content -------------- */
#primary_content {
	float: left;
	width: 630px;
	position: relative;
	z-index: 100;
	}

/* Masthead */
.masthead { /* This is a generic style for all page mashtheads */
	background: url(../images/background/masthead_bg.gif) no-repeat bottom;
	height: 101px;
	}
	
#primary_content .masthead h1 {
	font: 40px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #fff;
	text-transform: lowercase;
	padding: 15px 0 0 45px;
	margin: 0;
	}
	
#primary_content .masthead h2 {
	font: 13px Arial, Helvetica, sans-serif;
	color: #b4d5f4;
	text-transform: lowercase;
	padding: 0 0 0 20px;
	margin: 0;
	}
	
	
/* This styles overwrite the ones above since the home page has a different layout */
#home_masthead {
	background: url(../images/background/masthead_home_bg.gif) no-repeat;
	height: 238px;
	}
	
#primary_content #home_masthead h1 { /* This style overwrites the one above as the home page has a different layout */
	position: relative;
	top: -10px;
	margin: 0 0 0 30px;
	padding: 0;
	}
	
#home_masthead h2 {
	margin: 0 0 0 20px;
	}

#home_masthead h3 {
	margin: 10px 0 0 15px;
	font: 16px Arial, Helvetica, sans-serif;
	color: #fff;		
	letter-spacing: -.02em;
	}
	
	
/* Specific home page masthead elements */	
#core_services {
	margin: 11px 0 0 0;
	padding: 0 0 0 15px;
	height: 87px;
	}
	
#home_masthead dl {
	float: left;	
	padding: 0 0 0 0;
	margin: 0 11px 0 0;
	width: 289px;
	height: 87px;
	}	

#home_masthead dt a, #home_masthead dd a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	}
	
#home_masthead dt a {
	float: left;
	height: 87px;
	width: 126px;
	}	
	
#home_masthead dd a {
	float: left;
	height: 87px;
	width: 163px;
	}

dl#mirago_technology {
	background: url(../images/background/mirago_technology.gif) no-repeat;
	}

dl#mirago_media {
	background: url(../images/background/mirago_media.gif) no-repeat;	
	}

/* ------------ Primary Content ------------- */
/*

.primary_section is used to add right padding to conetent. .primary_module can be used inside .primary_section when content needs to be divided up by horizontal lines

 */

.primary_section {
	padding: 0 10px 0 0;
	}
.primary_section_articles
{
	padding: 15px 10px 0 0;	

}	
.primary_section_articles strong
{
	font-family: "Trebuchet MS",Tahoma,Arial,sans-serif;
	font-size: 14px;
}
.primary_section_articles h3
{
	font-family: "Trebuchet MS",Tahoma,Arial,sans-serif;
	font-size: 14px;
}

.primary_section_articles .example h2
{
	border-bottom: 1px solid #A42018;
}
	
.primary_module, .primary_module_noborder {
	margin: 10px 0 20px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #f9d2c8;
	}
.primary_module_noborder
{
	border: 0;
}

/* Generic primary content sytles */
#primary_content h1 {
	font: 25px Arial, Helvetica, sans-serif;
	color: #a42018;
	text-transform: lowercase;
	letter-spacing: -1px;
	margin: 10px 0 6px 0;
	}

#primary_content h2 {
	font: 18px Arial, Helvetica, sans-serif;
	color: #a42018;
	text-transform: lowercase;
	letter-spacing: -1px;
	margin: 25px 0 6px 0;
	}

#primary_content ul, #primary_content ol {
	margin: 0 0 0 20px;
	}

#primary_content p, #primary_content li  {
	font: 12px "Trebuchet MS", Tahoma, Arial, sans-serif;
	line-height: 15px;
	color: #3f3d3d;
	margin: 0 0 4px 0;
	/*list-style-type: square;*/
	}

#primary_content a {
	color: #13558d;
	text-decoration: none;
	}

p.read_more {
	text-align: right;
	text-transform: lowercase;
	}

.header_2_main
{
	font-size: 18px; 
	text-align: center; 
	letter-spacing: 3px; 
	margin-top: 30px;
}

/* Callout - Adds blue background to text */
.callout {
	background: #e5ebf0 url(../images/background/callout_bg_lower.gif) no-repeat bottom;
	width: 392px;
	margin: 25px 0;
	padding: 0 0 10px 0;
	}
	
.callout h3 {
	background: #e5ebf0 url(../images/background/callout_bg_top.gif) no-repeat top right;
	color: #13558d;
	width: 372px;	
	font: 15px Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	padding: 10px 10px 5px 10px;
	}

.callout_content {
	margin: 0 auto;
	width: 372px;
	}


/* ------------ Secondary Content ------------- */
.secondary_content {
	float: left;
	width: 330px;
	position: relative;
	z-index: 1;
	}

/* Generic secondary content styles */
.secondary_content h4 {
	font: 15px Arial, Helvetica, sans-serif!important;
	color: #fff!important;
	width: 255px;
	}
	
.secondary_content_feature {
	height: 343px;
	margin: 0 0 20px 0;
	}

/* Background Images. The correct id needs to be applied to each of the main sections here. The CSS then puts inthe correct background image */	
#home_section {
	height: 427px;
	background: url(../images/background/header_home.gif) no-repeat;
	}	
	
#media_section {
	background: url(../images/background/header_media.gif) no-repeat;
	}	
	
#about_section {
	background: url(../images/background/header_about.gif) no-repeat;
	}	
	
#technology_section {
	background: url(../images/background/header_technology.gif) no-repeat;
	}	
	
#services_section {
	background: url(../images/background/header_services.gif) no-repeat;
	}	
	
#contact_section {
	background: url(../images/background/header_contact.gif) no-repeat;
	}	



/* Positioning of text over image */
.secondary_content_feature h4 {
	padding: 168px 0 0 60px!important;
	border-bottom-style:none!important;
	}

/* Specific positioning for home page text */
#home_section h4 {
	padding: 198px 0 0 60px!important;
	border-bottom-style:none!important;
	}





/* Each text/form based secondary content item should be placed inside a .secondary_module. This adds necessary positioning and padding */	
.secondary_module {
	width: 260px;
	margin: 0 0 0 0;
	padding: 0 0 20px 18px;
	float: left;
	clear: left;
	}	

/* Generic secondary module styles */	
.secondary_module p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #3f3d3d;	
	}	
	
.secondary_module h2 {	
	font: 20px Arial, Helvetica, sans-serif;
	color: #13558d;	
	letter-spacing: -1px;
	text-transform: lowercase;
	margin: 0 0 3px 0;
	}

	
	
/* Action Items - These are the "More Information >>>" items - all conrolled by CSS. You just need to add the correct ID for the right image to be loaded (as well as upddate markup text) */	
a.action_item {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 33px;
	width: 310px;
	float: left;
	clear: left;
	padding: 10px 0 20px 0;
	}
	
a#sign_up {
	background: url(../images/background/sign_up.gif) no-repeat;
	}	

a#more_info {
	background: url(../images/background/more_info.gif) no-repeat;
	}

a#register_here {
	background: url(../images/background/register_here.gif) no-repeat;
	}
	
/* Press */
.press_years
{
margin: 20px 0;
}

.press_years span
{
	float: left;
	font-family: "Trebuchet MS",Tahoma,Arial,sans-serif;
	font-size: 12px;
	width: 160px;
}
.press_years ul
{
	padding-left: 80px;
}
.press_years ul li
{
	list-style-type: none;
	display:inline;
	padding-right: 10px;
}

.press_releases ul li
{
	list-style-type: none;
}
.press_releases ul li span
{
	display: block;
	width: 170px;
	float: left;
}

.press_data
{
	margin-top: 20px;
	font-family: "Trebuchet MS",Tahoma,Arial,sans-serif;
	font-size: 12px;
	padding-right: 10px;
}

.press_date
{
	font-weight:bold;
	display: block;
}

.press_title
{
	font-weight:bold;
	display: block;
	margin-bottom: 10px;
}

.press_body li
{
	
}
	
/* -----------------------------------------------
Specific Secondary Module Styles
----------------------------------------------- */

/* Login Module */
.login_label, .login_label_un, .login_label_type, .login_label_country
{
	float: left;
	margin-right: 5px;
}
.login_label_un { margin-right: 6px; }
.login_label_country { margin-right: 17px; }

#loginInternal
{
	padding: 10px 20px;
	
}
#loginInternal a
{
	display: block;
	margin: 15px 0;
}
#loginInternal span
{

}
#loginInternal p
{
	position: relative;
	margin: 10px 0;
}
#loginInternal p span
{
	
}
#loginInternal p input
{
	position: absolute;
	top: 0;
	left: 100px;
}
#loginInternal p .alert
{
	margin-left: 200px;
}

#login input, #login label {
	font: 11px Arial, Helvetica, sans-serifl;
	color: #3f3d3d;
	}	
	
#login fieldset {
	border: none;
	background-image:none!important;
	}

fieldset#login_type {
	margin: 6px 0 6px 0;
	}	
	
fieldset#login_type label {
	margin: 0 0 0 0;
	float: left;
	}	

fieldset#login_type input {
	width: 13px;
	height: 13px;
	float: left;
	margin: 0 3px 0 0;
	}
fieldset#user_pass {
	float: left;
	width: 267px;
	}
	
fieldset#user_pass input {
	width: 153px;
	margin: 0 0 5px 0;
	padding: 2px 0 1px 3px;
	}	
	
fieldset#country_submit {
	float: left;
	width: 267px;
	}

fieldset#country_submit select {
	font: 11px Arial, Helvetica, sans-serifl;
	color: #3f3d3d;
	width: 110px;
	}
	
/* Contact Us */
#contactUs p
{
	padding: 0;
	margin: 5px 0;
}
#contactUs p.text
{
	margin: 10px 0 15px 0;
}
#contactUs p.checkBox
{
	margin: 25px 0 10px 0;
}
#contactUs p span
{
	float: left;
	width: 260px;
}
#contactUs p .itxt
{
	width: 280px;
}
#contactUs p.btn
{
	margin: 15px 0;
	/*text-align: right;*/
	padding: 0 25px 0 0;
}
#contactUs p span.alert
{
	float: none;
	width: 10px;
}
#contactUs p.btn .alert
{
	float: left;
	width: 300px;
	padding: 2px 20px;
	margin: 0;
	text-align: left;
}
.cbList
{
	color: #666666;
	margin: 0 0 15px 0;
}
.cbList input
{
	width: 15px;
	margin-right: 3px;
}
	
/* Signup pages */
#signUp p
{
	margin-top: 10px;
}
.advertiser_selection
{
	margin-left: 60px;
}
.advertiser, .info, .reminder
{
	font: 12px "Trebuchet MS", Tahoma, Arial, sans-serif;
	line-height: 15px;
	color: #3f3d3d;
	margin: 0 0 4px 60px;

}
.advertiser tr td
{
	border: 1px solid black;
	text-align: center;
	padding: 5px;
}
.advertiser tr td.desc
{
	text-align: left;
	font-weight:bold;
}
.advertiser tr td.descTop
{
	font-weight:bold;
	font-size:14px;
	background-color: #999999;
	color:#fff;
}
.advertiser tr td.descTopLeft, .advertiser tr td.descBtmLeft
{
	font-weight:bold;
	color:#fff;
	font-size:14px;
	background-color: #FF6868;
}
.advertiser tr td.descTopRight, .advertiser tr td.descBtmRight
{
	font-weight:bold;
	font-size:14px;
	background-color: #6078FF;
	color:#fff;
}

.info, .reminder
{
	margin-left: 0;
}	

#signUpPartner input
{
	width: 200px;
}
#signUpPartner .partner_input input
{
	width: 13px;
}
#signUpPartner p span
{
	float: left;
	width: 200px;
}
#signUpPartner p span.alert
{
	float:none;
}
#signUpPartner .partner_input
{
	margin-left: 200px;
	
}
#signUpPartner .partner_cb_input
{
	width: 400px;
}
#signUpPartner .partner_text
{
	margin-top: 5px;
	margin-bottom: 5px;
}
#signUpPartner h1
{
	color: #a42018;
	font-size: 18px;
}
#signUpPartner .partner_btn
{
	padding-left: 200px;
	margin: 10px 0 10px 0;
}
/* More Info Module */
.form_section {
	width: 270px;
	float: left;
	margin: 5px 0 0 0;
	}

.form_section fieldset {
	width: 135px;
	float: left;	
	border: none;
	}

.form_section label {
	float: left;
	clear: left;
	font: 10px Tahoma, Verdana, Arial, sans-serif;
	color: #3f3d3d;
	}
	
.form_section input {
	width: 125px;
	float: left;
	clear: left;
	font: 11px Tahoma, Verdana, Arial, sans-serif;	
	padding: 2px 0 1px 2px;	
	}

.form_section select {
	width: 129px;
	float: left;
	clear: left;
	font: 11px Tahoma, Verdana, Arial, sans-serif;	
	}

.marketing {
	float: left;
	clear: left;
	height: 25px;
	width: 270px;
	margin: 6px 0;
	}

.marketing label, .marketing input {
	float: left;
	font: 10px Tahoma, Verdana, Arial, sans-serif;
	color: #3f3d3d;
	}

.marketing input {
	width: 13px;
	height: 13px;
	margin: 0 5px 0 0;
	position: relative;
	top: 6px;
	}

.marketing label {
	width: 251px;
	}
	
input#info_submit, input.info_submit {
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	padding: 1px 5px;
	}	
	
.signup_link img
{
	border: 0;	
}
	
/* -----------------------------------------------
Footer
----------------------------------------------- */
#footer {
	clear: both;
	width: 615px;
	border-top: 1px solid #f9d2c8;
	padding: 5px 0;
	}

#footer a {
	color: #13558d;
	text-decoration: none;
	}
	
#footer p {
	font: 10px Tahoma, Verdana, Arial, sans-serif;
	color: #4f4f4f;
	}
	
p#copyright {
	float: left;
	}
	
p#footer_links {			
	float: right;
	}
	
/* -----------------------------------------------
sIFR Styles - Used to create headlines etc
----------------------------------------------- */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	}

.sIFR-unloading .sIFR-flash {
	visibility: hidden !important;
	}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
	}

.sIFR-dummy { 
	width: 0px;
	height: 0px;
	margin-left: 42px;
	z-index: 0;
	}

/*---- Header styling ---*/
.sIFR-active #primary_content .masthead h1, .sIFR-active #primary_content .masthead h2, .sIFR-active #primary_content .masthead h3, .sIFR-active .secondary_content h4, .sIFR-active #primary_content h1, .sIFR-active #primary_content h2, .sIFR-active #primary_content h3, .sIFR-active .secondary_module h2 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
	}

.sIFR-active #primary_content .masthead h1  {
	font-size: 50px;
	}
	
.sIFR-active #primary_content .masthead h2  {
	font-size: 14px;
	}	
		
.sIFR-active #primary_content .masthead h3, .sIFR-active .secondary_content h4  {
	font-size: 15px;
	}	
		
.sIFR-active #primary_content h1  {
	font-size: 30px;
	}

.sIFR-active #primary_content h2  {
	font-size: 22px;
	}
	
.sIFR-active #primary_content h3  {
	font-size: 17px;
	}

.sIFR-active .secondary_module h2  {
	font-size: 20px;
	}