
    body
    {
        text-align:center;
        padding:2em 0;
        background:url(/images/bg.jpg);
        background-repeat:repeat-x;
        background-attachment:fixed;
        font:normal 14px trebuchet MS,tahoma,verdana,sans-serif;
        line-height:1.35;
    }
    .centered
    {
		margin:0 auto;
		min-width:622px;
		max-width:860px;
		color:#fff;
		width:60%;
		text-align:center;
		padding:1.2em;
    }
    
    h1
    {
		font-size:2em;
		font-weight:bold;
		margin:1em 0 1em 0;
	}
	
	.textContent
	{
		text-align:left;
		width:570px;
		margin:0 auto;
	}
    
    #imageTools
    {
        text-align:center;
        width:570px;
        margin:0 auto;
        border:solid 2px;
        border-color:#d0dde7 #a1b4c3 #a1b4c3 #d0dde7;
        padding:4px 10px;
        margin-bottom:7px;
        background:white;
        color:Black;
        position:relative;
    }
    
    #saturation
    {
        float:left;
        margin-left:50px;
    }
    #rotate
    {
        float:left;
    }
    
    #rotate img
    {
        margin:0 4px;
    }
    
    #imageTools img
    {
        border:none;
        vertical-align:middle;
    }
    
    #toolsDisabler
    {
        width:590px;
        height:32px;
        xxxmargin:-4px 0 0 -10px;
        padding:0;
        z-index:100;
        top:0;
        left:0;
        position:absolute;
        background:silver;
        opacity: 0.5;
		filter: alpha(opacity = 50);
	}
    
    #geocodeForm
    {
		line-height:0;
		font-size:0.8em;
	}
    
    #geocodeInput
    {
        width:319px;
        height:29px;
        font:normal 1.2em trebuchet MS,tahoma,verdana,sans-serif;
        padding:14px 0 0 20px;
        background-color:Transparent;
        background-image:url(images/searchbg.gif);
        border:none;
    }
    #geocodeForm .button
    {
        background-color:Transparent;
		background-image:url(images/searchbtn.gif);
		height:43px;
		width:92px;
		padding:0;
		border:0;
		text-indent: -1000em;
		cursor: pointer; /* hand-shaped cursor */
		cursor: hand; /* for IE 5.x */
        margin-bottom:6px;
		/*
		overflow:hidden;
		text-indent:200px;
		font-size:0em;
		text-align:left;
		color:#2d9dd5;
		*/
	}
    .searchBlur
    {
        color:#666;
    }
    
    #urlToCopy
    {
		padding:4px;
		background:#e7db18;
		width:550px;
		border:solid 2px;
		border-color:#a59d19 #e5dc47 #e5dc47 #a59d19;
		color:#57520a;
	}
    
    .clear
    {
		clear:both;
	}
    
    
    #submitForm
    {
			width:600px;
			margin:1em auto;
			padding:0;
	}
    
    .mainActionButton
    {
		background-image:url(images/next.png);
		background-position:right center;
		background-repeat:no-repeat;
		padding:0.5em 50px 0.5em 1em;
		background-color:transparent;
		cursor:pointer;
		border:none;
		font-size:1.5em;
		font-weight:bold;
		color:White;
	}
    #btnNext:hover
    {
		text-decoration:underline;
	}
	#formFooter
	{
		width:440px;
		float:left;	
		font-size:0.8em;
		color:#cae0f0;
		text-align:left;
		padding-top:0.5em;
	}
    
	.GlowLogo {
		background-image:url(images/glow_logo.png);
		_background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/glow_logo.png');
		display:block;
		float:right;
		height:20px;
		margin:0;
		overflow:hidden;
		text-indent:1000px;
		width:102px;
	}
    
    .carousel-component { 
		padding:8px 16px 4px 16px;
		margin:0px auto;
	}

	

.carousel-component .carousel-list li { 
	margin:4px;
	width:79px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
	               img.border-left (1) + img.border-right (1)*/
	height:93px; /* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */
	/*	margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a { 
	display:block;
	border:1px solid #e2edfa;
	outline:none;
}

.carousel-component .carousel-list li a:hover { 
	border: 1px solid #aaaaaa; 
}

.carousel-component .carousel-list li img { 
	border:1px solid #999;
	display:block; 
}
								
.carousel-component .carousel-prev { 
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer; 
	left:5px; 
}

.carousel-component .carousel-next { 
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer; 
	right:5px; 
}


.preview a
{
	color:White;
	font-size:1.2em;
	font-weight:bold;
}

strong
{
	font-weight:bold;
}