/* CSS Document */

#mainHeader_printVersion { display:none; }
html{ width:100%;height:100%;}
body{margin:0px;padding:0px; height:100%; width:100%; background-repeat: no-repeat; background-position:center top; background-color:#d6cfc5; background-image:url(/worldofeos/images/backgroundplate.jpg)}

h1,h2,h3,h4,h5,p,form{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1em;
}
#printOnly{display:none;}

p{padding-top:2px; padding-bottom: 2%; line-height: 120%;}

object, embed{ padding:0; margin:0; display:block}




/* ## LAYOUT CODE ## */
/*
#global					{margin:0px; padding:0px; margin-left: auto; margin-right:auto; overflow:hidden;}
*/



	/* WORLD OF EOS GLOBAL HEADER*/
	#global #mainWOEHeader
	{
		background:		#6e7882;
		border-bottom:	3px solid #4d565d;
		height: 		25px;
		margin:			0;
		padding:		0;
	}
		#global #mainWOEHeader ul
		{
			left:			50%;
			margin:			0 0 0 -260px;
			padding:		0;
			position:		absolute;
			width:			540px;
		}
		
			#global #mainWOEHeader ul li
			{
				float:			left;
				display:		block;
				margin:			0;
			}
			
				#global #mainWOEHeader ul li span.mainWOEHeaderAreaHeader
				{
					background:		no-repeat url('../images/woeNavHeader.gif');
					cursor:			pointer;
					display:		block;
					height:			21px;
					margin:			4px 0 0 14px;
					overflow:		hidden;
					text-indent:	-9999px;
				}
				
				


				#global #mainWOEHeader ul li #mainWOEHeaderBttnHome
				{
					background:		no-repeat url('../images/woeNavHeader.gif');
					display:		block;
					height:			21px;
					margin:			4px 0 0 0;
					overflow:		hidden;
					text-indent:	-9999px;
					width:			137px;
				}
				
				#global #mainWOEHeader ul li #mainWOEHeaderBttnHome:hover
				{
					background-position:	0 -22px;
				}
				
				#global #mainWOEHeader ul li span#mainWOEHeaderBttn0
				{
					background-position:	-137px 0;
					width:					51px;
				}
				
				#global #mainWOEHeader ul li span#mainWOEHeaderBttn1
				{
					background-position:	-188px 0;
					width:					82px;
				}
				
				#global #mainWOEHeader ul li span#mainWOEHeaderBttn2
				{
					background-position:	-270px 0;
					width:					62px;
				}
				
				#global #mainWOEHeader ul li span#mainWOEHeaderBttn3
				{
					background-position:	-332px 0;
					width:					67px;
				}
				
				#global #mainWOEHeader ul li span#mainWOEHeaderBttn4
				{
					background-position:	-399px 0;
					width:					53px;
				}
				
				
			
				#global #mainWOEHeader ul li ul.mainWOEHeaderSubMenu
				{
					background:		#5b616d;
					display:		none;
					height:			21px;
					left:			50%;
					position:		absolute;
					margin:			0 0 0 -270px;
					top:			28px;
					width:			522px;
					z-index:		999;
				}

					#global #mainWOEHeader ul li ul.mainWOEHeaderSubMenu li
					{
						
					}
				
						#global #mainWOEHeader ul li ul.mainWOEHeaderSubMenu li a
						{
							display:			block;
							background:			no-repeat url('../images/woeNavHeader.gif');
							height:				21px;
							overflow:			hidden;
							text-indent:		-9999px;
						}
						
						#mainWOEHeaderBttnTutorials
						{
							background-position:	0 -88px!important;
							width:					87px;
						}
						#mainWOEHeaderBttnTutorials:hover
						{
							background-position:	0 -110px!important;
						}
						
						#mainWOEHeaderBttnPhotochains
						{
							background-position:	0px -132px!important;
							width:					104px;
						}
						#mainWOEHeaderBttnPhotochains:hover
						{
							background-position:	0px -154px!important;
						}
						
						#mainWOEHeaderBttnPhoto5
						{
							background-position:	-104px -132px!important;
							width:					69px;
						}
						#mainWOEHeaderBttnPhoto5:hover
						{
							background-position:	-104px -154px!important;
						}
						
						#mainWOEHeaderBttn1wall
						{
							background-position:	-173px -132px!important;
							width:					63px;
						}
						#mainWOEHeaderBttn1wall:hover
						{
							background-position:	-173px -154px!important;
						}
						
						#mainWOEHeaderBttnPeoplesGallery
						{
							background-position:	-0px -176px!important;
							width:					129px;
						}
						#mainWOEHeaderBttnPeoplesGallery:hover
						{
							background-position:	-0px -198px!important;
						}
						
						#mainWOEHeaderBttnFestival
						{
							background-position:	-129px -176px!important;
							width:					180px;
						}
						#mainWOEHeaderBttnFestival:hover
						{
							background-position:	-129px -198px!important;
						}
						
						#mainWOEHeaderBttnBlog
						{
							background-position:	-0px -220px!important;
							width:					77px;
						}
						#mainWOEHeaderBttnBlog:hover
						{
							background-position:	-0px -242px!important;
						}
						
						#mainWOEHeaderBttnProfessional
						{
							background-position:	-77px -220px!important;
							width:					135px;
						}
						#mainWOEHeaderBttnProfessional:hover
						{
							background-position:	-77px -242px!important;
						}
						
						#mainWOEHeaderBttnAccessories
						{
							background-position:	-0px -264px!important;
							width:					231px;
						}
						#mainWOEHeaderBttnAccessories:hover
						{
							background-position:	-0px -286px!important;
						}
									
									


/*
#headerLogo				{float:right;}
#headerLogo img			{ margin:11px 0  0 10px;}
*/

	#global #mainHeader #headerCanon
	{
		float:		left;
		padding:	13px 13px 0 0;
	}
	
	#global #mainHeader #headerWOE
	{
		float:		left;
		padding:	13px 0 0 0;
	}


	#global #mainHeader #headerPhotochains
	{ 
		display:block;
		float:left;
		height:69px;
		margin-left:140px;
		margin-bottom:4px;
		width:285px;
	}
		
		#global #mainHeader #headerPhotochains a
		{
			background:no-repeat url(/worldofeos/photochains/images/EOSphotoschains_logo2.png);
			display:block;
			height:69px;
			overflow:hidden;
			text-indent:-9000px;
			width:285px;
		}
	
			
			#global #mainHeader #bttnMyCanon
			{
				height:			22px;
				left:			50%;
				margin:			0 0 0 252px;
				position:		absolute;
				top:			80px;
				width:			74px;
				z-index:		1;
			}
			
				#global #mainHeader #bttnMyCanon a
				{
					background:		no-repeat url('../images/bttnMyCanon.png');
					cursor:			pointer;
					display:		block;
					height:			22px;
					position:		relative;
					text-indent:	-9000px;
					width:			74px;
					z-index:		51;
				}
				
				#global #mainHeader #bttnMyCanon a:hover
				{
					background:		no-repeat url('../images/bttnMyCanon_over.png');
				}
			
			
			#global #mainHeader #myCanonList
			{
				left:		50%;
				list-style:	none;
				margin:		0 0 0 343px;
				padding:	0;
				position:	absolute;
				top:		77px;
				width:		154px;
				z-index:	50;
			}
			
				#global #mainHeader #myCanonList li 
				{
					float:		left;
					margin:		0;
					padding:	0;
				}
		
					#global #mainHeader #myCanonList #myCanonCol1 .myCanonLogin
					{
						background:		no-repeat url('../images/WOE_cssSprite.gif') 0 0;
						cursor:			pointer;
						display:		block;
						height:			18px;
						margin:			7px 0 0 0;
						text-indent:	-9000px;
						width:			71px;
						
						-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
						-moz-box-shadow: 	0 2px 3px rgba(0,0,0,0.3);
						box-shadow: 		0 2px 3px rgba(0,0,0,0.3);
					}
					
					#global #mainHeader #myCanonList #myCanonCol1 .myCanonLogin:hover
					{
						background:		no-repeat url('../images/WOE_cssSprite.gif') 0 -18px;
					}
					
					#global #mainHeader #myCanonList #myCanonCol1 #myCanonLoggedInAs
					{
						background:		no-repeat url('../images/loggedInAs.png');
						display:		block;
						height:			10px;
						overflow:		hidden;
						text-indent:	-9000px;
						width:			53px;
					}
					
					#global #mainHeader #myCanonList #myCanonCol1 #myCanonLoggedInName
					{
						display:		block;
						font-size:		90%;
						font-weight:	700;
						width:			90px;
					}
					
				#global #mainHeader #myCanonList #myCanonCol2
				{
					float:	right;
				}
					#global #mainHeader #myCanonList #myCanonCol2 .myCanonSignin
					{
						background:		no-repeat url('../images/WOE_cssSprite.gif') -83px 0;
						cursor:			pointer;
						display:		block;
						height:			18px;
						margin:			7px 0 0 0;
						text-indent:	-9000px;
						width:			71px;
						
						-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
						-moz-box-shadow: 	0 2px 3px rgba(0,0,0,0.3);
						box-shadow: 		0 2px 3px rgba(0,0,0,0.3);
					}
					#global #mainHeader #myCanonList #myCanonCol2 .myCanonSignin:hover
					{
						background:		no-repeat url('../images/WOE_cssSprite.gif') -83px -18px;
					}
					
					#global #mainHeader #myCanonList #myCanonCol2 .myCanonSignout
					{
						background:		no-repeat url('../images/WOE_cssSprite.gif') -166px 0;
						cursor:			pointer;
						display:		block;
						height:			18px;
						margin:			7px 0 0 0;
						text-indent:	-9000px;
						width:			59px;
						
						-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
						-moz-box-shadow: 	0 2px 3px rgba(0,0,0,0.3);
						box-shadow: 		0 2px 3px rgba(0,0,0,0.3);
					}
					#global #mainHeader #myCanonList #myCanonCol2 .myCanonSignout:hover
					{
						background:		no-repeat url('../images/WOE_cssSprite.gif') -166px -18px;
					}










#mainHeader				{width:1004px; height:95px; margin:0px auto; padding:0px; border-bottom:1px solid #7b5d5d; }
#mainBody				{width:1004px; margin:0px auto; padding:0px;}

#mainFooter	{
	color:#897e7e;
	font-size:90%;
	margin:0 auto 20px;
	left:120px;
	text-align:center;
	overflow:hidden;
	width:600px;
	height:27px;
	z-index:100;
}

#mainFooter	a {color:#897e7e;}
#mainFooter	a:hover {color:#333;}


#signIn		{ position:absolute; margin-top:5px;}
#signIn a	{ display:inline-block; font-weight:bold;text-decoration:none; }
a.userSignIn { background: no-repeat url(/worldofeos/images/BulletRedArrow.gif) 0 0.3em;  padding-left:10px;}


/* ## MAINMENU CODE ## */
#mainmenu	{
	text-align:center;
	height:22px;
	overflow:hidden;
}


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


.nav li {
	display:inline;
	margin:0px;
	padding:0;
}
.nav li a,
.nav li a:link,
.nav li a:visited{
	/*text-indent: -9000px;*/
	display:inline-block;
	padding:2px 6px 0px 6px;
	color:#000;
	font-size:130%;
	text-decoration:none;
	
	height:22px;
	width:auto;
	overflow:hidden;
}
.nav li a:hover,
.nav li a:focus{
	color:#d7233c;
}

/* HOME */
.current-home li.home a:link,
.current-home li.home a:visited{
	cursor: default;
	color:#d7233c!important;
}

/* BROWSE */
.current-browse li.browse a:link,
.current-browse li.browse a:visited{
	cursor: default;
	color:#d7233c!important;
}

/* ABOUT */
.current-about li.about a:link,
.current-about li.about a:visited{
	cursor: default;
	color:#d7233c!important;
}

/* MY PHOTOCHAIN */
.current-myPhotochains li.myPhotochains a:link,
.current-myPhotochains li.myPhotochains a:visited{
	cursor: default;
	color:#d7233c!important;
}

/* SEARCH */
.current-search li.search a:link,
.current-search li.search a:visited{
	cursor: default;
	color:#d7233c!important;
}

/* HELP */
.current-help li.help a:link,
.current-help li.help a:visited{
	cursor: default;
	color:#d7233c!important;
}




/* SKIP CONTENT*/

a.skiplink, a.skiplink:hover, a.skiplink:visited {
	text-indent: -600em;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	width: auto;
} 
  
a.skiplink:active, a.skiplink:focus {
	background-color: #d7233c;
	color: #ffffff;
	display: block;
	font-weight: bold;
	padding: 5px;
	text-indent: 0.1em;
	width: auto;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-right-width: 2px;	
	border-right-style: solid;
	border-right-color: #FFFFFF;
	
}	

/* ## LAYOUT CODE ## */
.Clear	{ clear:both;}

/* SEARCH*/

#Search {

	background: no-repeat url(/worldofeos/photochains/images/searchBar_bg.png) center;
	display:none;
	height:58px;
	position:absolute;
	left: 50%;
	margin:0px 0 0 -502px;
	padding:0;
	width:1004px;
	z-index:5;
}

#Search label	{ color:#fff; font-size:125%;}
#Search label, a.bttnSearch		{ margin: 13px 2px 0 0; float:left;}
#Search input,#Search select	{ margin: 10px 2px 0 0; float:left;}
a.bttnSearch { background: no-repeat url(/worldofeos/photochains/images/bttnSearch.gif); display:inline-block; height:25px; margin:11px 0 0 5px; overflow:hidden; position:relative; text-indent:-9000px; width:58px;}
#searchForLabel					{ padding-left:255px}
#searchInLabel					{ padding-left:13px}

/* BUTTON CLASS*/

p.bttnRedArrow			{ background: no-repeat url(/worldofeos/photochains/images/BulletRedArrow.gif) 0 0.65em; display:inline-block; font-size:115%; padding-left:0.8em;}
p.bttnRedArrow a		{ color:#000000; }
p.bttnRedArrow a:hover	{ color:#db1519; }

p.bttnSmallRedArrow 	{ background: no-repeat url(/worldofeos/photochains/images/BulletRedArrow.gif) 0 0.6em; display:inline-block; font-size:100%; padding-left:0.2em;}
p.bttnSmallRedArrow a	{color:#464646; font-weight:bold; padding-left:12px; text-decoration:none; cursor:pointer;}



#BrowserUpdateWarning	{ width:100%; font-weight:bold; font-size:110%; text-align:center; color:#FFF; background:#000; height:20px; padding:10px; overflow:hidden;}


/* OVERLAY */


.jqmOverlay { background-color: #000;}

/*.jqmWindow {*/
#modalWindow{
	background: transparent;
	border:none;
	
  	display: none;
    
    position: fixed;
    top: 0px;
	width:100%;
	height:100%;
    left: 0px;
    
    margin: 0;
    padding: 0;	
	
/*	-webkit-box-shadow: 0px 0px 30px #000;  */
	 overflow:hidden;
	 
	 z-index:200;

}

#modalMessage{
	background: #fff;
	border:none;
	display:none;
    
    position: fixed;
	width:350px;
	height:120px;
    
    margin: 0 auto;
    padding: 10px;
	
	 z-index:200;

}



#jqmContent {
	background: transparent;
	border: none;
	clear: both;
	display: block;
	height: 100%;
	margin:0;
	padding:0;
	width: 100%;
}


#jqmTitle {
	background: transparent;
	padding:5px 0;
	margin: 10px;
	height:22px;
	display:block;
	border-bottom:1px solid #a1a1a1;
	
	border:1px red solid;
}

#jqmTitle h2	{float:left; width:200px;}

#jqmMessageTitle
{
	padding:0 0 5px 0;
	display:block;
	border-bottom:1px solid #a1a1a1;
}

#jqmMessageTitle h2
{
	width: 260px; display:inline-block; margin:0; padding:0; float:left;
}


a.jqmClose {
	background:#db1519 url(/worldofeos/photochains/images/bttnClose.gif) no-repeat;
	color: #fff;
	cursor:pointer;
	display:inline-block;
	float:right;
	height:16px;
	overflow:hidden;
	text-indent:-9000px;
	width:55px;
}

#modalMessage_Content
{
	padding: 15px 0px;
}

#modalMessage_button1, #modalMessage_button2{ background: no-repeat url(/worldofeos/photochains/images/BulletRedArrow.gif) 0 0.2em; display:inline-block; font-size:100%; padding-left:0.2em; padding-right:1em}
#modalMessage_button1 a, #modalMessage_button2 a	{color:#464646; font-weight:bold; padding-left:12px; text-decoration:none; cursor:pointer;}



/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
	
	
}


/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */

* html #modalWindow,
* html #modalMessage{
     position: absolute;
	 z-index:200;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(1 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

* html .jqmOverlay { background-color: #000; position:absolute; display:block; z-index:90 }