@charset "utf-8";/* CSS Document */
*{margin:0px;padding:0px;border:0px; font-family: tahoma, verdana, sans-serif; }
form { display: inline; }
body { background-color: #436C99; }
table { padding: 0px; margin: 0px; }
ol { margin-left:20px; padding-left: 5px; }
p { margin-bottom: 7px; }
h1 { display: none; }

td .nameColumn { width: 40%; overflow: hidden; }
td .valueColumn { width: 40%; overflow: hidden; }
td .buttonColumn { width: 20%; }

/* Buttons and fields */
.loginField { border:1px solid #80a3b7; height:16px; width:132px; margin:0px 0px 1px 7px; background-color: White; color: #323232; }
.loginSubmit { width:70px; height:20px; border:1px solid #80a3b7; background-color: White; cursor:pointer; margin-left:0px; }
.registerField  { border:1px solid #80a3b7; height:16px; width:300px; margin:0px 0px 1px 7px; background-color: White; color: #323232; }
.registerSubmit { width:70px; height:20px; border:1px solid #80a3b7; background-color: White; cursor:pointer; margin-left:0px; }
.replyArea { border:1px solid #80a3b7; height:100px; width:100%; padding:0px; margin: 0px; background-color: White; color: #323232; }
.linkField { border:1px solid #80a3b7; height:16px; width: 100%; margin:0px 0px 1px 7px; background-color: White; color: #323232; }
.profileField { border:1px solid #80a3b7; height:16px; width:327px; margin:0px 0px 1px 0px; background-color: White; color: #323232; }
.profileSubmit { width:140px; height:20px; border:1px solid #80a3b7; background-color: White; cursor:pointer; margin-left:0px; }
.popupSubmit { width:70px; height:20px; border:1px solid #80a3b7; background-color: White; cursor:pointer; margin-left:0px; }
.remove { width:70px; height:20px; border:1px solid #80a3b7; background-color: White; cursor:pointer; margin-left:0px; }
.refresh { width:80px; height:20px; border:1px solid #80a3b7; background-color: White; cursor:pointer; margin-left:0px; }
.friendField { border:1px solid #80a3b7; height:16px; width:208px; margin:0px 0px 1px 0px; background-color: White; color: #323232; }
.friendSubmit { width:70px; height:20px; border:1px solid #80a3b7; background-color: White; cursor:pointer; margin-left:0px; }
.searchField { border:1px solid #80a3b7; height:16px; width:150px; margin:0px 0px 1px 0px; background-color: White; color: #323232; }
.searchSubmit { width:70px; height:20px; border:1px solid #80a3b7; background-color: White; cursor:pointer; margin-left:0px; vertical-align: middle; }
.search input.btnSubmit{width:16px;height:16px;background:url(/images/arrow-right.gif) no-repeat top;border:none;cursor:pointer;padding: 0px; margin-top: -1px; margin-left:0px; vertical-align: middle; }
.checkboxRememberMe { margin:1px 3px 1px 7px; }
.checkboxLogin { margin:1px 3px 1px 3px; }

/* Popup */
.modalBackground { background-color: Black; filter:alpha(opacity=70);-moz-opacity:.7; opacity:0.7; }
.popupFrame { background-color: #D3DEEF; border: 0px; margin: 0px; padding: 0px; width: 100%; }
.popupWait { text-align: center; width: 100%; height: 90%; vertical-align:middle; }
.friendPopup { background-color: #D3DEEF; border: 0px; padding:0px; margin:0px; width: 400px; height: 478px; }
.friendFrame { height: 427px; }
.slideShowPopup { background-color: #D3DEEF; border: 0px; padding:0px; margin:0px; width: 600px; height: 478px; }
.slideShowFrame { height: 427px; }

/* Menu */
.menuHoverDynamic { background-color: #325884; color: White; }
.menuHoverStatic { background-color: #325884; color: White; }

/* Headers */
.header { width: 1004px; height: 200px; border: 0px; }
.header-home { background-image:url('/images/Header/header-home.jpg'); }
.header-photography { background-image:url('/images/Header/header-photography.jpg'); }
.header-travelling { background-image:url('/images/Header/header-travelling.jpg'); }
.header-development { background-image:url('/images/Header/header-development.jpg'); }
.header-music { background-image:url('/images/Header/header-music.jpg'); }

/* Themes */
.theme { width: 246px; height: 30px; border: 0px; display: block; display: block; filter:alpha(opacity=60);-moz-opacity:.6; opacity:0.6; text-decoration: none; }
.themeText { padding: 0px; color: White; font-family: Verdana; font-size: large; font-weight: bold; margin-left: 10px; left: 10px; vertical-align: middle; text-align: left; position: relative; top: 4px; }
.theme-photography { background-image:url('/images/Theme/theme-photography.jpg'); }
.theme-travelling { background-image:url('/images/Theme/theme-travelling.jpg'); }
.theme-music { background-image:url('/images/Theme/theme-music.jpg'); }
.theme-development { background-image:url('/images/Theme/theme-development.jpg'); }

/* Guestbook */
.guestbook { background-image:url('/images/guestbook.jpg'); height: 50px; width: 246px; display: block; border: 1px; text-align: center; vertical-align: middle; text-decoration: none; }
.guestbookText { padding: 0px; color: White; font-family: Verdana; font-size: 3em; font-weight: bold; }

.browserWidth { width: 1004px; height: 100%; margin-top: 0px; background-color: White; margin-left: auto; margin-right: auto; margin-bottom: 0px; }
.pageFooter { background-color: #325884; width: 1004px; height: 25px; border: 0px; }
.footerText { text-align: right; padding-right: 8px; font-size: 12px; color: White; line-height: 21px; }
.footerImage { margin-left: 4px; margin-top: 5px; }
.pageBody { color: Black; display: block; font-size: 12px; padding: 0px; margin: 0px; }
.popupBody { width: 100%; font-size: 12px; background-color: #D3DEEF; padding: 0px; margin: 0px; }
.columnLeft { float: left; width: 250px; vertical-align: top; padding: 0px; margin-top: 1px; margin-left: 1px; margin-bottom: 1px; }
.columnRight { float: left; width: 250px; vertical-align: top; padding: 0px; margin-top: 1px; margin-left: 1px; margin-bottom: 1px; }
.columnCenter { float: left; width: 500px; vertical-align: top; padding: 0px; margin-top: 1px; margin-left: 1px; margin-bottom: 1px; margin-right: 0px; }
.columnTotal { float: left; width: 1002px; vertical-align: top; padding: 0px; margin-top: 1px; margin-left: 1px; margin-bottom: 1px; margin-right: 0px; }
.columnNoLeft { float: left; width: 751px; vertical-align: top; padding: 0px; margin-top: 1px; margin-left: 1px; margin-bottom: 1px; }
.columnPopup { float: left; width: 100%; vertical-align: top; text-align: left; padding: 0px; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; background-color: #D3DEEF; }
.miniText { font-size: 10px; font-weight: normal; text-align: left; width: 245px; line-height: 12px; white-space: nowrap; display: block; overflow: hidden; }
.photoOptions { background-color: #C2CDDE; padding: 4px; }
.photoText { padding: 4px; vertical-align: top; }
.photoHeight { height: 124px; }

div.greyText span.left { color: #999999; font-family: Arial, Sans-Serif; font-size: x-small; font-weight: normal; padding: 0px 0px 0px 5px; line-height: 20px; float: left; font-weight: bold; width: 320px; text-align: left; }
div.greyText span.right { color: #999999; font-family: Arial, Sans-Serif; font-size: x-small; font-weight: normal; padding: 0px 5px 0px 0px; line-height: 20px; float: right; font-weight: bold; width: 160px; text-align: right; }
div.voteText span.left { float: left; }
.clear { clear: both; height: 0px; overflow: hidden; }
.space10 { height: 10px; clear: both; }
.left { float: left; }
.right { float: right; }
.inline { display: inline; }
.pointer { cursor: pointer; }
.image { vertical-align: middle; }
.empty { }

.contentImage { margin-top: 0px; margin-left: 0px; margin-right: 7px; margin-bottom: 1px; display: block; overflow: hidden; border: 1px solid white; } /*background: url(/images/shadow.png) no-repeat bottom; padding-bottom: 5px;*/
ul.artistsWithInfo { clear: both; }
ul.artistsWithInfo li { clear: both; display: block; position: relative; margin: 5px 0 0 0; padding: 0 0 5px 0; border-bottom: 1px solid #ccc; zoom: 1; }
ul.artistsWithInfo li.last { border-bottom: none; }
ul.artistsWithInfo li .pictureFrame { float: left; display: inline; }
ul.artistsWithInfo li.medium { padding-left: 80px; }
ul.artistsWithInfo li.medium .pictureFrame { margin-left: -80px; }
ul.artistsWithInfo li a.track { color: #1b1b1b; }

.pictureFrame { position: relative; display: block; width: 132px; height: 109px; overflow: hidden; cursor: pointer; }
.pictureFrame .fmImage { position: absolute; top: 2px; left: 3px; display: block; width: 126px; height: 100px; overflow: hidden; }
.pictureFrame .fmImage img.defaultImage { margin: -12px 0 0 0; }
.pictureFrame .overlay { position: absolute; top: 0; left: 0; display: block; width: 132px; height: 109px; background: url(/images/pictureframe.png) left top transparent; }
* html .pictureFrame .overlay { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pictureframe.png', sizingMethod='crop'); cursor: pointer; }
.pictureFrameMediumsquare { position: relative; display: block; width: 72px; height: 59px; overflow: hidden; cursor: pointer; }
.pictureFrameMediumsquare .fmImage { position: absolute; top: 2px; left: 2px; display: block; width: 64px; height: 52px; overflow: hidden; }
.pictureFrameMediumsquare img.defaultImage { margin: -8px 0 0 0; }
.pictureFrameMediumsquare .overlay { position: absolute; top: 0; left: 0; display: block; width: 72px; height: 59px; background: transparent url(/images/pictureframemedium.png) left top no-repeat; }
* html .pictureFrameMediumsquare .overlay { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pictureframemedium.png', sizingMethod='crop'); cursor: pointer; }

div.spacer { clear: both; height: 0px; }

A.greyTag:link { color: #999999; text-decoration: none; }
A.greyTag:visited { color: #999999; text-decoration: none; }
A.greyTag:hover { color: Black; text-decoration: underline; }

.tagCloudText { text-align: justify; margin: 0px; }

A.tagCloud:link { text-decoration: none; color: #3366FF; }
A.tagCloud:visited { text-decoration: none; color: #3366FF; }
A.tagCloud:hover { text-decoration: underline; color: #000000; background-color: #FFFFFF; }

.itemPoster { color: White; font-weight: bolder; text-align: right; }

A.poster:link { text-decoration: none; color: White; }
A.poster:visited { text-decoration: none; color: White; }
A.poster:hover { text-decoration: underline; color: Yellow; }

div.pagingText span.center { padding-top: 1px; text-align: center; color: White; font-weight: bolder; float: left; }
div.pagingText span.right { text-align: right; color: White; font-weight: bolder; float: right; }

.paging { padding-left: 3px; padding-right: 3px; }
.currentPage { color: Yellow; font-weight: bolder;padding-left: 3px; padding-right: 3px; }
A.paging:link { color: White; text-decoration: none; padding-left: 3px; padding-right: 3px; }
A.paging:visited { color: White; text-decoration: none; padding-left: 3px; padding-right: 3px; }
A.paging:hover { color: Yellow; text-decoration: underline; padding-left: 3px; padding-right: 3px; }
A.siteMapNode:link, A.siteMapCurrentNode:link { color: Black; text-decoration: none; }
A.siteMapNode:visited, A.siteMapCurrentNode:visited { color: Black; text-decoration: none; }
A.siteMapNode:hover, A.siteMapCurrentNode:hover { color: Blue; text-decoration: underline; }

.siteMapPath { background-color: silver; color: Black; border: 0px; }
.siteMapCurrentNode { font-weight: bold; }
.siteMap { background-color: silver; color: Black; height: 20px; width: 730px; text-align: left; font-size: 12px; font-weight: normal; font-family: Arial; padding: 7px 0px 0px 3px; float: left; }
.search { background-color: silver; width: 200px; height: 20px; float: left; padding: 5px 0px 2px 0px; }
.languages { background-color: silver; padding: 6px 3px 1px 0; width: 68px; float: right; height: 20px; text-align: right; }

.link { white-space: nowrap; }
.date { white-space: nowrap; padding-right: 5px; }
A.link:link { color: Black; text-decoration: none; }
A.link:visited { color: Black; text-decoration: none; }
A.link:hover { color: Blue; text-decoration: underline; }

.inputForm { padding: 0px 3px 3px 3px; }
.required, .error { color: Red; }
.success { color: Green }
.textField { width: 100%; }
.profileLeft { width: 400px; }
.profileRight { width: 80px; }
.profileFieldText { width: 150px; }
.leftInputColumn { width: 34%; float: left; margin: 0px; padding: 0px; }
.rightInputColumn { width: 62%; float: left; margin: 0px; padding: 0px; }
.inputColumn { width: 100%; float: left; }
.headerImage { padding: 0px 5px 0px 0px; }
.headerBanner { border: 0px; position: relative; float: left; left: 760px; top: 130px; width: 234px; height: 60px; clear: both; float: none; display: none; }
.leftBanner { border: 1px solid #000000; float: left; width: 248px; height: 250px; z-index: 100; overflow: hidden; clear: both; float: none; display: none; }
.rightBanner { border: 1px solid #000000; float: left; width: 248px; height: 250px; z-index: 100; overflow: hidden; clear: both; float: none; display: none; }
.centerBannerHolder { clear: both; float: none; text-align: center; width: 100%; overflow: hidden; clear: both; float: none; }
.centerBanner { border: 1px solid #000000; width: 468px; height: 60px; margin-top: 5px; display: none; text-align: center; }

.ratingStar { font-size: 0pt; width: 16px; height: 16px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; background-color: Transparent; }
.filledRatingStar { background-image: url(/images/Rating/rating_on.png); }
.emptyRatingStar { background-image: url(/images/Rating/rating_off.png); }
.savedRatingStar { background-image: url(/images/Rating/rating_over.png); }

.standardHeader { border: 1px solid #325884; color: white; background-color: #325884; font-family: arial, sans-serif; font-size: 12px; font-weight: bold; padding: 2px 3px 0px 5px; margin-bottom: 1px; height: 19px; }
.standardHeader .block { display: block; overflow:hidden; white-space: nowrap; }
.standardHeader .block .text { white-space: nowrap; }
.standardHeader .width484 { width: 484px; }
.standardHeader .width234 { width: 234px; }

.standardHeader A:link { text-decoration: none; color: White; }
.standardHeader A:visited { text-decoration: none; color: White; }
.standardHeader A:hover { text-decoration: underline; color: Yellow; }

.accordionHeader { border: 1px solid #325884; color: white; background-color: #325884; font-family: arial, tahoma, sans-serif; font-size: 12px; font-weight: bold; padding: 3px 3px 0px 5px; margin-bottom: 1px; cursor: pointer; height: 20px; float: none; }
.accordionContent { background-color: #D3DEEF; border: 1px solid #325884; border-top: none; padding: 1px 0px 1px 1px; margin-bottom: 1px 1px 1px 1px; }
.accordionHeaderSelected { border: 1px solid #325884; color: white; background-color: #5078B3; font-family: arial, tahoma, sans-serif; font-size: 12px; font-weight: bold; padding: 3px 3px 0px 5px; margin-bottom: 1px; cursor: pointer; height: 20px; float: none; }
.accordionText { padding: 4px 5px 5px 5px; float: none; font-family: arial, tahoma, sans-serif; }

.grippie { background:#EEEEEE url(/images/grippie.png) no-repeat scroll center 2px; border-color:#DDDDDD; border-style:solid; border-width:0pt 1px 1px; cursor:s-resize; height:9px; overflow:hidden; }
.resizable-textarea .textarea { display:block; margin-bottom:0pt; width:95%; height: 20%; }                               
.rssImage { margin: 4px 6px 4px 4px; }

.photoItem { margin-left: 1px; margin-bottom: 1px; margin-right: 1px; margin-top: 1px; width: 122px; height: 122px; float: left; color: White; font-size: 9px; }
.photoRow { padding: 1px 0px 2px 2px; width: 498px; background-color: #325884; margin: 0px 0px 1px 0px; }
.photoImage { border: 1px solid white; vertical-align: top; }
.photoItemDetail { padding-left: 1px; padding-bottom: 1px; padding-right: 0px; padding-top: 1px; width: 372px; height: 124px; float: left; color: White; font-size: 9px; }

ul.normalList { list-style-type: square; margin-bottom: 5px; list-style-image: none; list-style-position: inside; margin-left: 5px; }
ul.contactList { list-style-type: none; margin-bottom: 5px; }.csharpcode { border: solid 1px #cccccc; padding: 2px; overflow: scroll; }
.csharpcode, .csharpcode pre { font-size: small; color: black; font-family: Consolas, 'Courier New', Courier, Monospace; background-color: #ffffff; /*white-space: pre;*/ }
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; width: auto; margin: 0em; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt { background-color: #f4f4f4; width: auto; margin: 0em; }
.csharpcode .lnum { color: #606060; }#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/LightBox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/LightBox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }