/*
* [project].global.css
*
*/

a, a:active, a:focus {
	outline: none;
}
html { background: #ffa800 url('pattern.png') 0 5px repeat; }
body { color: #444; background-color: transparent; }
strong { font-weight: bold; display: block; margin: 5px 0; }
em { font-style: italic; }
p { margin: 0 0 12px 0; }
object { outline: medium none !important; }

.crops #logo { background: transparent url('logo.svg') 0 0 no-repeat; width: 90px; height: 60px; position: fixed; left: 15px; top: 5px; display: block; text-indent: -9999px; }
.crops #client { color: #fff; line-height: 100%; position: fixed; top: 80px; left: 15px; }
.crops #client span { color: #444; }

.crops #brand { color: #fff; line-height: 100%; position: fixed; top: 100px; left: 15px; }
.crops #brand span { color: #444; }

.content { width: 400px; height: auto; float: left; margin-bottom: 12px; }
.content ul { margin: 0 0 10px; padding: 10px 20px 0; border: 1px dotted #444; background-color: #ffa800; }
.content ul li { list-style: disc outside none; margin-left: 5px }
.content ul li a { display: block; color: #444; margin: 0 0 10px 0; text-decoration: none; cursor: pointer; }
.content ul li a:hover { color: white; }
.content ul li p { color: #777; }
.picks { width: 400px; height: auto; margin: 0 auto; }
#modal_wrapper #modal h1,
.picks h1 { font-size: 116%; text-align: center; padding: 5px 0; border-bottom: 1px dotted #444; }
.picks h2 { color: white; text-align: center; margin: 0 0 10px; padding-bottom: 5px; border-bottom: 1px dotted white; }

#modal_wrapper { visibility: hidden; background-color: transparent; padding: 0 15%; width: 70%; height: 100%; position: fixed; top: 0; left: 0; }
#modal_wrapper #modal { background: #ffa800 url('pattern.png') 0 5px repeat; width: 70%; height: 100%; position: absolute; text-align: center; border-left: 1px dotted #444; border-right: 1px dotted #444; }
#modal_wrapper #modal #btn_close { background: #ffa800 url('btn_close.svg') 0 0 no-repeat; width: 60px; height: 60px; position: absolute; top: 0; right: 0; cursor: pointer; border-bottom: 1px dotted #444; border-left: 1px dotted #444; }

#modal_wrapper #modal #instructions { color: #444; font-size: 116%; width: 100%; position: absolute; bottom: 5px; }

#modal_wrapper #modal iframe,
#modal_wrapper #modal #swf { margin: 70px auto; }

#modal_wrapper #modal #loader { font-size: 131%; color: #fff; width: 100%; position: absolute; top: 47%; }

@media (max-width: 1100px) {
	#modal_wrapper { padding: 0; width: 100%; }
	#modal_wrapper #modal { width: 100%; border: none; }
	#modal_wrapper #modal h1 { border-bottom: none; }
	#modal_wrapper #modal #btn_close { background-color: #ffa800; border: none; }
}