@charset "utf-8";
/* CSS Document */

body
{
	margin:0;
	padding:0px;
	background-image:url(/images/bg.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;

}

#container 
{
	width: 800px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */	
}

#header 
{
	width: 785px;  
	margin: 0 0 0 15px; 
}

#header p
{
	margin: 4px 0 4px 0px; 
	font-size:14px;
}

#worldwide
{
	margin: 0px 0px 0px 632px;
		
}

#emea
{
	margin: 0px 0px 0px 632px;
		
}

#americas
{
	margin: 0px 0px 0px 632px;
		
}

#navigation
{
	width:175px;
	margin:0 15px 0 15px;
	font-size:12px;
	font-weight:bold;
	float:left;
}

#caption
{
	width:175px;
	font-size:12px;
	font-weight:bold;
	float:left;
}


/***************START SOCIAL MEDIA ICON CSS ATTRIBUTES**************/
#media_icons {
	margin-top:-45px;
	margin-bottom: 15px;
	margin-left: -40px;
	width:800px;
	
}
#media_icons ul {
	list-style:none;
}
#media_icons ul li {
	display: inline-block;
	padding-right:5px;
}

a.coffee {
	display: block;
	width: 24px;
	height: 24px;
	text-decoration: none;
	background-position: 0 -34px;
	background-image: url("../Images/Icons/sprite.png");
	}
 
a.coffee:hover {
	background-position: 0 0px;
	}
a.facebook {
	display: block;
	width: 24px;
	height: 24px;
	text-decoration: none;
	background-position: 0 -102px;
	background-image: url("../Images/Icons/sprite.png");
	}
 
a.facebook:hover {
	background-position: 0 -68px;
	}

 
a.twitter {
	display: block;
	width: 24px;
	height: 24px;
	text-decoration: none;
	background-position: 0 -170px;
	background-image: url("../Images/Icons/sprite.png");
	}
 
a.twitter:hover {
	background-position: 0 -136px;
	}
a.youtube {
	display: block;
	width: 24px;
	height: 24px;
	text-decoration: none;
	background-position: 0 -238px;
	background-image: url("../Images/Icons/sprite.png");
	}
 
a.youtube:hover {
	background-position: 0 -204px;
	}
/*********************END SOCIAL MEDIA ICON CSS ATTRIBUTES********************/
#caption
{
	width:175px;
	font-size:12px;
	font-weight:bold;
	float:left;
}


/*_____________________________________________________________________________________

START NEW HOVER NAV - Ryan Haywood 8-19-2011
_____________________________________________________________________________________________*/
#new_navigation_wrap
{
	width:175px;
	margin-left: -25px;
	margin-top: -10px;
	font-size:12px;
	font-weight:bold;
	float:left;
}
#new_navigation a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	padding-top:3px;
	padding-left:8px;
}
#new_navigation a:link,
#new_navigation a:visited, 
#new_navigation a:hover, 
#new_navigation a:active {color:#fff; text-decoration:none}  /* selected link */

#portal,
#insignia,
#welcome_kit,
#resources,
#funding,
#store,
#newsletter,
#about,
#news,
#questions,
#campaigns,
#solution,
#regional,
#contact,
#login {
background:url("/Images/Navigation/button.gif") no-repeat;
width:175px;
height: 25px;
margin:0;
padding:0;
}

#active {
background:url("/Images/Navigation/button_active.gif") no-repeat;
width:175px;
height: 25px;
margin:0;
padding:0;
}
#active a:link,
#active a:visited, 
#active a:hover, 
#active a:active {
color:#292929;
}
#la_active {
background:url("/Images/Navigation/button_active.gif") no-repeat;
width:175px;
height: 25px;
margin:0;
padding:0;
}
#la_active a:link,
#la_active a:visited, 
#la_active a:hover, 
#la_active a:active {
color:#292929;
}

#new_navigation li, #new_navigation a {
height:25px;
display:block;
}
#new_navigation li {
list-style:none;
}

#questions a:hover,
#insignia a:hover,
#welcome_kit a:hover,
#resources a:hover,
#funding a:hover,
#store a:hover,
#newsletter a:hover,
#portal a:hover,
#about a:hover,
#news a:hover,
#campaigns a:hover,
#solution a:hover,
#regional a:hover,
#contact a:hover,
#login a:hover {background:url("/Images/Navigation/button.gif") -175px 0px no-repeat; }
/*_____________________________________________________________________________________

END NEW HOVER NAV
_____________________________________________________________________________________________*/



/*_____________________________________________________________________________________

Start dropdown nav style
_____________________________________________________________________________________________*/


.CollapsiblePanel {
	margin:0px;
	padding: 0px;
	color:#fff;
	border:1px;
	border-color:#919396;
	border-bottom-style:solid;
}


.CollapsiblePanelTab {
	background-image:url(/images/gray-button-main.gif);
	background-repeat:no-repeat;
	margin: 0px;
	padding: 4px 0px 4px 8px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;

}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.

 */
.CollapsiblePanelContent {
	color:#fff;
	background-color:#eb5f01;
	margin: 0px;
	padding: 4px;
	width:167px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color:#fff;
	text-decoration: none;
}

.CollapsiblePanelContent a {
	color:#fff;
	text-decoration: none;
	padding-left:16px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
/*	background-color: #EEE;
*/}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
/*	background-color: #CCC;
*/}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
/*	background-color: #3399FF;
*/}



/*_____________________________________________________________________________________

Start secondery nav
_____________________________________________________________________________________________*/



#secondary-nav
{
	background-color:#eb5f01;
	color:#fff;
	margin:0px 0 0 40px;
	padding:0px 0px 14px 0px;
	width:175px;
	list-style:none;
	list-style-type:none;
	line-height:18px;
}

#secondary-nav h1
{
	font-size:12px;

	padding: 14px 0px 0px 14px;
}


#secondary-nav ul
{
	font-size:12px;
	list-style:none;
	list-style-type:none;
	margin:0px 0px 0px 14px;
	font-weight:normal;
}

#secondary-nav li
{

	margin:0px 0px 0px -40px;
}



#secondary-nav a
{
	color:#fff;
	text-decoration:none;
}



/*_____________________________________________________________________________________

Start Get Started style
_____________________________________________________________________________________________*/

#get-started
{
	width:161px;
	color:#FFF;
	background-image:url(images/get-stated-bg.jpg);
	background-repeat:no-repeat;
	margin: 14px 0px 0px 0px;
	padding: 14px 0px 14px 14px ;

}

#get-started h1
{
	font-size:18px;
	font-weight:bold;
	margin: 0px 0px 7px 0px;	
}

#get-started p
{
	font-size:11px;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
	line-height:14px;
	width:150px;
}

#get-started a
{
	color:#FFF;
	text-decoration:underline;
	font-weight:bold;
}

/*_____________________________________________________________________________________

Start main-content style
_____________________________________________________________________________________________*/


.table {

	margin-left:100px;
}
.table_frontpage {
	margin-left:-100px;
}
#main-content
{
	width:450px;
	margin: 0px 0px 0px 205px;
	font-size:12px;
	color:#000000;
}

#cms-main-content
{
	width:595px;
	margin: 0px 0px 0px 205px;
	font-size:12px;
	color:#000000;
	height:auto;
}

.iconheader
{
	margin: 0px 0px 0px 0px;
	font-size:17px;
	color:#eb5f01;
	font-weight:bold;
	line-height:18px;
	
}

#main-content h1
{
	margin: 0px 0px 7px 0px;
	font-size:24px;
	color:#eb5f01;
	font-weight:normal;
}

.leadin
{
	margin: 0px 0px 0px 0px;
	font-size:14px;
	color:#eb5f01;
	font-weight:normal;
	line-height:19px;
}

#main-content h2
{
	margin: 10px 0px 0px 0px;
	font-size:17px;
	color:#000000;
	font-weight:normal;
	line-height:18px;

}

.body
{
	margin: 0px 0px 0px 0px;
	font-size:12px;
	color:#000;
	font-weight:normal;
	line-height:17px;
	
}

#main-content a
{
	color:#1C3665;
}



#main-content ul
{
	margin-top:4px;
	margin-bottom:4px;
	line-height:18px;

}


#main-content li
{
	margin-top:4px;
	margin-bottom:4px;
}


.footnote
{
	font-size:9px;
	margin-bottom:14px;
}


.continue-btn
{
	float:right;
	margin:0px;
	border:none;

}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}




/*_____________________________________________________________________________________

Start Form style
_____________________________________________________________________________________________*/

.formText
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:000;

	}













/*_____________________________________________________________________________________

Start footer
_____________________________________________________________________________________________*/


#footer
{
	width:450px;
	margin:14px 0px 0px 205px;
	border-top:1px;
	border-top-color:#eb5f01;
	border-top-style:solid;
}


.footer-text
{
	color:#5f6062;
	line-height:14px;
	margin:0px;

}

#footer p
{
	margin:4px 0 0 0;



}

#footer a
{
		color:#1C3665;
		text-decoration:none;

}

.privacy-link
{
	margin:0px;

}

#footerUS
{
	width:450px;
margin-left:205px;

	border-top:1px;
	border-top-color:#eb5f01;
	border-top-style:solid;
	font-size:10px;


}
#footerEMEA
{
	width:450px;
margin:20px 0 0 0;
	border-top:1px;
	border-top-color:#eb5f01;
	border-top-style:solid;
	font-size:10px;


}
#footerEMEA p
{
	margin:4px 0 0 0;



}

#footerEMEA a
{
		color:#1C3665;
		text-decoration:none;

}
.footerUS-text
{
	color:#5f6062;
	line-height:14px;
	margin:0px;

}

#footerUS p
{
	margin:4px 0 0 0;



}

#footerUS a
{
		color:#1C3665;
		text-decoration:none;

}

.privacyUS-link
{
	margin:0px;

}


#footer_LA
{
	width:700px;
	margin:20px 0px 0px 46px;
	border-top:1px;
	border-top-color:#eb5f01;
	border-top-style:solid;
}

#footer_LA p
{
	margin:4px 0 0 0;



}

#footer_LA a
{
		color:#1C3665;
		text-decoration:none;

}
/*_____________________________________________________________________________________

Start unused style
_____________________________________________________________________________________________*/




/* ADDED BY DOWN TO ONE */
.noLeftMargin
{
	margin: 0px 0px 0px 10px !important;
}
.registerField
{
	vertical-align:middle  !important;
}
.registerCellTextRight
{
	font-size:small !important;
	font-family: Arial,Verdana,Helvetica,Sans-serif;
	color:Black;
	text-align:right !important;
	width:170px !important;
	vertical-align:middle  !important;
}
.lockedLinks
{
    cursor:pointer;
    color:#1C3665;
	text-decoration: underline;
	font-size:12px;
}

/* for the pop-up login box */
.ShowMe
{
	visibility:visible;
}
.HideMe
{
	display:none;
}
/* Login box */

#masterLoginBox
{
	top: 310px; 
	left: 774px; 
	position: absolute; 
	width: 265px;
	height:140px;
	background:url('images/LoginBox.png') no-repeat;
	z-index:10;
}

#loginLinksArea
{
	width:110px;
	float:left;
}
#loginButtonsArea
{
	width:130px;
	float:right;
	height:38px;
	padding-top:20px;
	vertical-align:bottom;
}
#loginButton1
{
	float:right;
	width:60px;
	padding-bottom:3px;
}
#loginButton2
{
	float:right;
	width:60px;
}
.loginButton
{
	border:none;
	background:url('images/LoginLogin.png') no-repeat;
	width:60px;
	height:30px;
}
.loginCancel a,img
{
	border:0px;
	outline:none;	
}
.loginLine
{
	float:left;
	width:250px;
	height:auto;
	font-family:Verdana,Arial;
	font-size:10pt;
	padding: 3px 0px 3px 30px;
}
.loginLinks
{
	float:left;
	width:120px;
	font-family:Verdana,Arial;
	font-size:x-small;
	padding: 0px 0px 0px 10px;
	text-align:left;
	vertical-align:text-top;
}
.loginLinks a
{
	color:Green;
}
.loginCheck
{
	float:left;
	width:20px;
	height:25px;
	font-family:Verdana,Arial;
	font-size:x-small;
	padding: 0px 0px 0px 0px;
}
.loginCheckText
{
	float:left;
	width:90px;
	height:25px;
	line-height:20px;
	font-family:Verdana,Arial;
	font-size:x-small;
}
.loginLabel
{
	float:left;
	text-align:right;
	width:70px;
}
.loginEntry
{
	float:left;
	width:120px;
	padding-left:10px;
}
.loginButton3
{
	border:none;
	background:url('images/LoginLogin.png') no-repeat;
	width:60px;
	height:30px;
}
.loginMessage
{
    padding:38px 0px 4px 0px;
    float:left;
    width:300px;
    text-align:center;
    font-size:11px;
    font-weight:bold;
    color:Red;
}
.loggedInTitleDiv
{
    padding:0px 0px 25px 0px;
}
.loggedInTitle
{
    font-size:24px;
    color:red;
}
/******************************************************************************************/
/* collateral links */
#collateralLinks2
{

	margin-left:40px;
}
#collateralLinkArea
{
    background-color:#EB5F01;
	width:175px;
	height:auto;
	padding-bottom:10px;
/*	margin-left:40px;*/
}
#collateralLinkBottom
{
	background-image:url("./Images/Link_Footer.jpg");
	width:175px;
	height:2px;
}
.collateralLink
{
    width:160px;
    font-size:12px;
    font-family:Arial;
    padding-left:12px;
    line-height:18px;
}
.collateralLink a
{
    text-decoration:none;
    color:white;
    padding-right:10px;
    font-weight:normal;
}
.navCollateral
{
    margin-top:20px;
	
}

/*_____________________________________________________________________________________

Start main-content style (for CMS pages - D21)
_____________________________________________________________________________________________*/


#main-content-cms
{
	width:450px;
	margin: 0px 0px 0px 0px;
	font-size:12px;
	color:#000000;
}

#main-content-cms h1
{
	margin: 10px 0px 0px 0px;
	font-size:24px;
	color:#EB5F01;
	font-weight:normal;
	line-height:24px;
}

#main-content-cms h3
{
	margin: 0px 0px 0px 0px;
	font-size:14px;
	color:#000000;
	font-weight:normal;
	line-height:24px;
}

#main-content-cms h2
{
	margin: 10px 0px 0px 0px;
	font-size:24px;
	color:#EB5F01;
	font-weight:normal;
	line-height:18px;

}

#main-content-cms a
{
	color:#1C3665;
}



#main-content-cms ul
{
	margin-top:4px;
	margin-bottom:4px;
	line-height:18px;

}


#main-content-cms li
{
	margin-top:4px;
	margin-bottom:4px;
}

/*_____________________________________________________________________________________

Start secondery nav
_____________________________________________________________________________________________*/



#secondary-nav-link
{
	background-color:#eb5f01;
	color:#fff;
	margin:0px 0 0 0px;
	padding:0px 0px 14px 0px;
	width:175px;
	list-style:none;
	list-style-type:none;
	line-height:18px;
}

#secondary-nav-link h1
{
	font-size:12px;

	padding: 14px 0px 0px 14px;
}


#secondary-nav-link ul
{
	font-size:12px;
	list-style:none;
	list-style-type:none;
	margin:0px 0px 0px 14px;
	font-weight:normal;
}

#secondary-nav-link li
{

	margin:0px 0px 0px -40px;
}



#secondary-nav-link a
{
	color:#fff;
	text-decoration:none;
}