/*
	CSS Style Definitions for Stimmung
	developed by Stefan Isarie - Iowa Interactive
	http://www.iowainteractive.com/
	izzy@iowainteractive.com
*/
img{behavior: url('../js/png.htc');}
html, body{ margin:0; padding:0; background-color:#000; color:#fff; }
body{ font: 11px Arial, Helvetica, sans-serif; }

div#utilBar{ width:100%; float:left; border-bottom:2px solid #fff; height:40px; }
div#utilBar ul#navigator{ margin:10px 0 0 15px; padding:0; list-style:none; width:200px; }
div#utilBar ul#navigator li{ margin:2px 20px 0 0; padding:0; float:left; }
div#utilBar ul#navigator li a{ color:#fff; padding-left:22px; text-decoration:none; display:block; line-height:13px; text-transform:uppercase; font-weight:bold; }
div#utilBar ul#navigator li a#return, div#utilBar ul li a#return:link, div#utilBar ul li a#return:visited{ background:url("../images/arrows/big-white-left.gif") no-repeat; }
div#utilBar ul#navigator li a#return:hover, div#utilBar ul li a#return:active{ background:url("../images/arrows/big-white-left.gif") no-repeat left bottom; color:#f90; }

div#utilBar ul#pager{ float:right; margin:0; padding:0; list-style:none; width:300px; }
div#utilBar ul#pager li{ float:right; margin:0 4px; padding:0; line-height:18px; }
div#utilBar ul#pager li a{ color:#fff; text-decoration:none; display:block; }
div#utilBar ul#pager li#previous a, div#utilBar ul#pager li#previous a:link, div#utilBar ul#pager li#previous a:visited { background:url("../images/arrows/small-left.gif") no-repeat; padding-left:11px; }
div#utilBar ul#pager li#previous a:hover, div#utilBar ul#pager li#previous a:active { background-position:left bottom; /*color:#f90;*/ }
div#utilBar ul#pager li#next a, div#utilBar ul#pager li#next a:link, div#utilBar ul#pager li#next a:visited{ background:url("../images/arrows/small-right.gif") no-repeat top right; padding-right:13px; margin-right:11px; }
div#utilBar ul#pager li#next a:hover, div#utilBar ul#pager li#next a:active{ background-position:right bottom; /*color:#f90;*/ }

div#fixedEmailContent{ width:420px; margin:0 auto; padding-top:200px; }
div#fixedEmailContent p{ margin:0 0 6px 0; text-transform:uppercase; padding-top:13px; clear:right; }
div#fixedEmailContent form{ text-align:left; }
div#fixedEmailContent form label{ width:90px; display:block;float:left; margin:0 10px 6px 0; text-align:right; text-transform:uppercase; }
div#fixedEmailContent form input[type=text]{ margin:0 0 6px 0; width:313px; float:left; }
div#fixedEmailContent form textarea{ margin:0 0 6px 0; width:313px; height:88px; float:left; overflow:auto; }
form textarea#message{ margin-bottom:12px; }
div#fixedEmailContent form br{ clear:both; }
div#fixedEmailContent div#systemMessage{ float:left; text-transform:uppercase; line-height:18px; }

label span{ color:#f90; }
input[type=checkbox]{ vertical-align:middle; }

div#requestInfo{ width:375px; margin:0 auto; padding-top:100px; }
div#requestInfo div#systemMessage{ margin-bottom:20px; }
div#requestInfo p{ text-align:left; margin: 0 0 6px 0; }
div#requestInfo p.r{ text-align:right; text-transform:uppercase; }

div#fixedRequestContent{ width:430px; margin:0 auto; padding-right:50px; }
div#fixedRequestContent form{ text-align:left; }
div#fixedRequestContent form label{ width:120px; display:block;float:left; margin:0 10px 6px 0; text-align:right; text-transform:uppercase; }
div#fixedRequestContent form input[type=text]{ margin:0 0 6px 0; width:290px; float:left; }
div#fixedRequestContent form textarea{ margin:0 0 6px 0; width:290px; height:88px; float:left; overflow:auto; margin-bottom:16px; }
div#fixedRequestContent form select#reelType{ float:left; clear:left; margin-left:130px; }

div#fixedRequestContent form dl{ margin:0 0 0 130px; padding:0; }
div#fixedRequestContent form dl dt{ margin:0 0 6px 0; padding:0; color:#808080; }
div#fixedRequestContent form dl dd{ margin:0; padding:0; }
div#fixedRequestContent form dl dd label{ margin: 0 0 0 10px; display:inline; width:auto; text-align:left; float:none; }

div.buttons{ text-align:right; float:right; width:150px; margin-top:0; }
div.buttons a, div.buttons a:link, div.buttons a:visited{ margin-right:10px; background:url("../images/arrows/small-right.gif") no-repeat; line-height:18px; color:#fff; text-decoration:none; display:block; text-transform:uppercase; float:right; }
div.buttons a:hover, div.buttons a:active{ color:#f90; background-position:left bottom; }
div.buttons a#send{ padding-left:8px; width:36px; margin-left:16px; }
div.buttons a#clear{ padding-left:11px; width:40px; }

img#contact{ padding-left:100px; float:left; }
div.email{ padding-left:100px; }
div.request{ text-align:left; }

.gray{ color:#808080; }
.red, div#systemMessage{ color:#f90; }

input, textarea, select{ font: .83em Arial, Helvetica, sans-serif; }

/* site wide elements */
.inside{ padding:12px; }

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
p, img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }

