/*       Design and programming by RACEPICTURES.COM        */
/*   http://www.racepictures.com / info@racepictures.com   */

html, body, div,
p, h1, h2, h3, h4, h5, h6,
form, fieldset, label,
span, img						{ padding: 0px; margin: 0px; border: 0px; }

html 							{ overflow: -moz-scrollbars-vertical; }
body 							{ font-family: "Trebuchet MS", Arial, Helvetica, "Sans Serif"; font-size: 12px; background-color: #d2d2d2; color: #202020; }

fieldset						{ float: left; }

input.text						{ float: left; font-family: "Trebuchet MS", Arial, Helvetica, "Sans Serif"; font-size: 12px; color: #202020; font-weight: bold; border: 1px solid #93b2c6; border-style: inset; padding: 2px 0px 0px 2px; }
select							{ float: left; font-family: "Trebuchet MS", Arial, Helvetica, "Sans Serif"; font-size: 12px; color: #202020; font-weight: bold; border: 1px solid #93b2c6; border-style: inset; }

#centered 						{ width: 980px; margin: 0px auto; padding: 20px 0px 20px 0px; }

#headerloggedout				{ width: 980px; height: 110px; float: left; margin-bottom: 5px; background: #93b2c6 url("/images/background/header-loggedout.gif") left bottom no-repeat; }
#headerloggedin					{ width: 980px; height: 110px; float: left; margin-bottom: 5px; background: #93b2c6 url("/images/background/header-loggedin.gif") left bottom no-repeat; }
#headerlogo						{ width: 960px; height: 55px; float: left; padding: 17px 0px 0px 20px; background: #202020 url("/images/background/headerlogo.gif") 0px 0px no-repeat; }
#headernav						{ float: right; padding: 30px 20px 0px 0px; color: #93b2c6; }
#headersearch					{ float: left; width: 231px; padding: 8px 0px 0px 25px; }
#headerlogin					{ float: right; width: 328px; padding: 8px 20px 0px 0px; }

#headernav a					{ color: #ffffff; text-decoration: none; }
#headernav a:hover,
#headernav a:active				{ color: #ffffff; text-decoration: underline; }

#headerloggedout input,
#headerloggedin input				{ border: 0px; vertical-align: top; font-family: "Trebuchet MS", Arial, Helvetica, "Sans Serif"; font-size: 12px; float: left; }
#headersearch input.keywords		{ width: 170px; height: 19px; padding: 2px 0px 0px 0px; color: #202020; }
#headersearch input.keywordsdefault	{ width: 170px; height: 19px; padding: 2px 0px 0px 0px; color: #808080; }
#headersearch input.search			{ margin: 0px 0px 0px 10px; }
#headerlogin input.username			{ width: 130px; height: 19px; padding: 2px 0px 0px 0px; color: #202020; }
#headerlogin input.usernamedefault	{ width: 130px; height: 19px; padding: 2px 0px 0px 0px; color: #808080; }
#headerlogin input.password			{ width: 130px; height: 19px; padding: 2px 0px 0px 0px; margin: 0px 0px 0px 15px; color: #202020; }
#headerlogin input.passworddefault	{ width: 130px; height: 19px; padding: 2px 0px 0px 0px; margin: 0px 0px 0px 15px; color: #808080; }
#headerlogin input.login			{ margin: 0px 0px 0px 10px; }

#containerbottom				{ width: 980px; float: left; background: #ffffff url("/images/background/container-bottom.gif") left bottom no-repeat; }
#containertop					{ width: 940px; float: left; padding: 20px 20px 0px 20px; background: url("/images/background/container-top.gif") left top no-repeat; }

#navigationarea					{ clear: both; width: 200px; float: left; }

#navigation						{ width: 180px; float: left; padding: 5px 20px 0px 0px; }
#navigation h5					{ text-align: right; font-weight: bold; font-size: 14px; color: #6b6b6b; padding: 0px 10px 0px 10px; margin: 0px; }
#navigation h5 span				{ font-weight: bold; font-size: 12px; color: #CC0000; }
#navigation div.line			{ height: 1px; background-color: #d2d2d2; line-height: 0px; font-size: 0px; margin: 2px 0px 10px 0px; }
#navigation a					{ display: block; color: #6b6b6b; text-decoration: none; text-align: right; padding: 2px 10px 2px 10px; background: url("/images/navigation-item.gif") 0px 0px no-repeat; margin-bottom: 5px; }
#navigation a:hover,
#navigation a:active			{ color: #6b6b6b; text-decoration: none; background-position: 0px -23px; }

#footer							{ float: left; padding: 10px 0px 10px 20px; color: #F8F8F8; font-family: Arial; font-size: 11px; }

#tooltip						{ position: absolute; width: 460px; left: 0px; top: 0px; z-index: 255; color: #677d8b; display: block; visibility: hidden; }
#tooltip .top					{ float: left; width: 460px; height: 11px; background: url("/images/background/tooltip-top.png") 0px 0px no-repeat; font-size: 0px; }
#tooltip .content				{ float: left; width: 415px; height: auto !important; height: 10px; padding: 0px 28px 0px 17px; background: url("/images/background/tooltip-content.png") 0px 0px repeat-y; }
#tooltip .bottom				{ float: left; width: 460px; height: 15px; background: url("/images/background/tooltip-bottom.png") 0px 0px no-repeat; font-size: 0px; }

#contentarea					{ width: 740px; float: left; height: auto !important; height: 400px; min-height: 400px; padding-bottom: 0px; }
#contentarea h5					{ text-align: left; font-weight: bold; font-size: 14px; color: #6b6b6b; padding: 0px 10px 0px 10px; margin: 0px; }
#contentarea h6					{ text-align: left; font-weight: bold; font-size: 12px; color: #6b6b6b; padding: 0px 10px 0px 10px; margin: 0px; }
#contentarea div.line			{ height: 1px; background-color: #d2d2d2; line-height: 0px; font-size: 0px; margin: 2px 0px 10px 0px; }
#contentarea .content			{ padding: 0px 10px 0px 10px; }
#contentarea a					{ color: #202020; text-decoration: underline; }
#contentarea a:hover,
#contentarea a:active			{ color: #93b2c6; text-decoration: underline; }

.contentbottom					{ position: relative; width: 740px; float: left; background: #f2f6f9 url("/images/background/content-bottom.gif") left bottom no-repeat; margin: 0px 0px 20px 0px; }
.contenttop						{ width: 720px; float: left; padding: 5px 10px 5px 10px; background: url("/images/background/content-top.gif") left top no-repeat; }

.eventlinebottom				{ width: 720px; float: left; background: #d3e0e8 url("/images/background/eventline-bottom.gif") left bottom no-repeat; margin-bottom: 5px; }
.eventlinetop					{ width: 700px; float: left; padding: 5px 10px 5px 10px; background: url("/images/background/eventline-top.gif") left top no-repeat; }

#contentarea .eventlinetop a,
#contentarea .eventtitle							{ font-weight: bold; color: #677d8b; text-decoration: none; }
#contentarea .eventtitle							{ float: left; }
#contentarea .eventlinetop a.fastforward:hover		{ text-decoration: none; color: #202020; }

#contentarea .eventlinetop a span,
#contentarea .eventtitle span						{ color: #323035; }
#contentarea .eventlinetop a:hover,
#contentarea .eventlinetop a:active					{ color: #677d8b; text-decoration: underline; }

.eventsessionslinks1			{ float: left; width: 186px; padding: 0px 5px 0px 15px; color: #B0B0C0; }
.eventsessionslinks1 ul			{ margin: 0px;	padding: 0px; list-style-type: none; }
.eventsessionslinks1 ul li		{ margin: 0px; padding: 0px; background: url("/images/event-session.gif") 0px 3px no-repeat; padding-left: 20px; }

.eventsessionslinks2			{ float: left; clear: both; color: #B0B0C0; }
.eventsessionslinks2 ul			{ margin: 0px; padding: 0px; list-style-type: none; }
.eventsessionslinks2 ul li		{ margin: 0px; padding: 0px; background: url("/images/event-session.gif") 0px 3px no-repeat; padding: 0px 10px 0px 15px; float: left; }

.eventthumbnails				{ padding: 5px 0px 0px 0px; clear: both; }

.thumbnailsbottom				{ width: 720px; float: left; background: #d3e0e8 url("/images/background/eventline-bottom.gif") left bottom no-repeat; margin-bottom: 5px; }
.thumbnailstop					{ width: 700px; float: left; padding: 10px 10px 5px 10px; background: url("/images/background/eventline-top.gif") left top no-repeat; }

.thumbnail 						{ width: 123px;	height: 123px; float: left;	background-color: #ffffff; border-top: solid 1px #BBBBBB; border-left: solid 1px #BBBBBB; border-bottom: solid 2px #999999; border-right: solid 2px #999999; padding: 5px; }
.thumbnailexceed				{ width: 123px;	height: 123px; float: left;	background-color: #FFD5D5; border-top: solid 1px #BBBBBB; border-left: solid 1px #BBBBBB; border-bottom: solid 2px #999999; border-right: solid 2px #999999; padding: 5px; }
.thumbnail table,
.thumbnailexceed table			{ width: 100%; height: 100%; }
.thumbnailholder				{ float: left; margin: 0px 5px 5px 0px; width: 136px; }
.thumbnailbuttons				{ background: #93B2C6 url("/images/background/thumbnailbuttons.gif") left bottom no-repeat; ; float: left; clear: both; padding: 5px; margin: 0px 0px 0px 0px; width: 126px; font-size: 0px; line-height: 0px; }
.thumbnailbuttons a				{ float: left; margin: 0px 5px 0px 0px; }

.switchseason					{ float: left; font-weight: bold; color: #202020; }
.switchseason span				{ color: #202020; text-decoration: underline; }

.fullcontentbottom				{ width: 720px; float: left; background: #d3e0e8 url("/images/background/eventline-bottom.gif") left bottom no-repeat; margin-bottom: 5px; }
.fullcontenttop					{ width: 700px; float: left; padding: 5px 10px 5px 10px; background: url("/images/background/eventline-top.gif") left top no-repeat; }

.halfcontentbottom				{ width: 420px; float: left; clear: both; background: #d3e0e8 url("/images/background/halfcontent-bottom.gif") left bottom no-repeat; margin-bottom: 5px; }
.halfcontenttop					{ width: 400px; float: left; clear: both; padding: 5px 10px 5px 10px; background: url("/images/background/halfcontent-top.gif") left top no-repeat; }
.halfcontent					{ float: left; clear: both; width: 420px; }

.buttonsright					{ float: right; }

.largethumbnailbottom			{ width: 410px; float: left; clear: both; background: #d3e0e8 url("/images/background/largethumbnail-bottom.gif") left bottom no-repeat; margin-bottom: 5px; }
.largethumbnailtop				{ width: 390px; float: left; clear: both; padding: 10px 10px 5px 10px; background: url("/images/background/largethumbnail-top.gif") left top no-repeat; }
.largethumbnailtop p			{ float: left; }
.largethumbnailtop p span.title	{ width: 100px; float: left; }
.largethumbnailtop p span.value	{ width: 290px; float: left; color: #677d8b; font-weight: bold; }
.largethumbnailcaption			{ width: 290px; float: left; padding: 10px; color: #677d8b; }
.largethumbnail					{ width: 390px; }
.largethumbnail img				{ line-height: 0px; font-size: 0px; }
.largethumbnailwithborder		{ float: left; background-color: #ffffff; border-top: solid 1px #BBBBBB; border-left: solid 1px #BBBBBB; border-bottom: solid 2px #999999; border-right: solid 2px #999999; padding: 10px; }
.largethumbnailwithborder img	{ line-height: 0px; font-size: 0px; }

.pagenavigation					{ float: left; width: 700px; margin-top: 10px; }
.pagenavigation .left			{ float: left; width: 80px; line-height: 1px; }
.pagenavigation .center			{ float: left; width: 540px; text-align: center; font-weight: bold; color: #f2f6f9; line-height: 13px; }
.pagenavigation .center span	{ color: #202020; background-color: #f2f6f9; padding: 0px 3px 0px 3px; }
.pagenavigation .center a		{ padding: 0px 3px 0px 3px; }
.pagenavigation .right			{ float: right; width: 80px; line-height: 1px; text-align: right; }

.pagenavigation a span				{ display: none; }
.pagenavigation a.previous			{ width: 63px; height: 14px; float: left; background: url("/images/buttons/previous.gif") 0px -15px no-repeat; margin-top: 0px; }
.pagenavigation a.previous:hover	{ background: url("/images/buttons/previous.gif") 0px 0px no-repeat; }
.pagenavigation a.next				{ width: 44px; height: 14px; float: right; background: url("/images/buttons/next.gif") 0px -15px no-repeat; margin-top: 0px; }
.pagenavigation a.next:hover		{ background: url("/images/buttons/next.gif") 0px 0px no-repeat; }

.downloadbasketbottom			{ width: 180px; float: left; padding: 0px; background: #f2f6f9 url("/images/background/downloadbasket-bottom.gif") left bottom no-repeat; }
.downloadbaskettop				{ width: 160px; float: left; padding: 10px; background: url("/images/background/downloadbasket-top.gif") left top no-repeat; }
.downloadbasketcontentbottom	{ width: 160px; float: left; background: #d3e0e8 url("/images/background/downloadbasket-content-bottom.gif") left bottom no-repeat; }
.downloadbasketcontenttop		{ width: 140px; float: left; position: relative; padding: 10px; background: url("/images/background/downloadbasket-content-top.gif") left top no-repeat; }
#downloadbaskettext				{ width: 140px; float: left; color: #677d8b; z-index: 100; }
#downloadbasketwait				{ width: 140px; float: left; position: absolute; display: none; height:100px; background: #d3e0e8 url("/images/downloadbasket-wait.gif") 50% 50% no-repeat; z-index: 200; font-size: 0px; line-height: 0px; }
#downloadbaskettotalpictures	{ color: #202020; font-weight: bold; font-size: 14px; height: 10px; }

label							{ float: left; }
label span						{ float: left; width: 100px; padding-top: 1px; }
label input.text,
label textarea.text				{ float: left; font-family: "Trebuchet MS", Arial, Helvetica, "Sans Serif"; font-size: 12px; color: #202020; font-weight: bold; padding: 0px 2px 0px 2px; }
label select					{ float: left; font-family: "Trebuchet MS", Arial, Helvetica, "Sans Serif"; font-size: 12px; color: #202020; font-weight: bold; }

label.label300					{ width: 300px; background: none; }	/* IE6 fix */
label.label300 input.text,
label.label300 textarea.text	{ width: 194px; border: 1px solid #93b2c6; border-style: inset; }
label.label300 select			{ width: 200px; border: 1px solid #93b2c6; border-style: inset; }

label.label400					{ width: 400px; background: none; }	/* IE6 fix */
label.label400 input.text,
label.label400 textarea.text	{ width: 294px; border: 1px solid #93b2c6; border-style: inset; }
label.label400 select			{ width: 300px; border: 1px solid #93b2c6; border-style: inset; }

.column100						{ width: 100px; display: block; float: left; }
.column200						{ width: 200px; display: block; float: left; }
.column300						{ width: 300px; display: block; float: left; }
.column400						{ width: 400px; display: block; float: left; }

.buttons						{ float: left; clear: both; margin: 10px 0px 0px 0px; }
.buttons div.left				{ float: left; width: 340px; }
.buttons div.right				{ float: right; width: 340px; }
.buttons input					{ float: left; }
.buttons input.save				{ float: left; margin: 0px 10px 0px 0px; }
.buttons a						{ float: left; margin: 0px 4px 0px 0px; }
.buttons a.right				{ float: right; margin: 0px 0px 0px 4px; }
.buttons a span					{ display: none; }
.buttons a.back					{ width: 44px; height: 14px; background: url("/images/buttons/back.gif") 0px -15px no-repeat; font-size: 0px; }
.buttons a.back:hover			{ background: url("/images/buttons/back.gif") 0px 0px no-repeat; }
.buttons a.clear				{ width: 46px; height: 14px; background: url("/images/buttons/clear.gif") 0px -15px no-repeat; font-size: 0px; }
.buttons a.clear:hover			{ background: url("/images/buttons/clear.gif") 0px 0px no-repeat; }
.buttons a.download				{ width: 74px; height: 14px; background: url("/images/buttons/download.gif") 0px -15px no-repeat; font-size: 0px; }
.buttons a.download:hover		{ background: url("/images/buttons/download.gif") 0px 0px no-repeat; }
.buttons a.viewbasket			{ width: 82px; height: 14px; background: url("/images/buttons/viewbasket.gif") 0px -15px no-repeat; font-size: 0px; }
.buttons a.viewbasket:hover		{ background: url("/images/buttons/viewbasket.gif") 0px 0px no-repeat; }

/* Styling Fixes */
.nomargin						{ margin: 0px; }
.notopmargin					{ margin-top: 0px; }
.norightmargin					{ margin-right: 0px; }
.nobottommargin					{ margin-bottom: 0px; }
.bottommargin					{ margin-bottom: 10px; }
.floatleft						{ float: left; }
.clearAll						{ clear: both; }
.error							{ color: #cc0000; }