/* Misc
----------------------------------------------- */
body
{
 font-family: Verdana, Arial, Helvetica, Sans-Serif;
 font-size: 10pt;
 margin: 15px 0 15px 0;
 padding: 0;
 color: black;
 background-color: #A2CCFF;
}

body.Preview
{
 font-family: Verdana, Sans-Serif;
 font-size: 10pt;
 margin: 0 0 15px 0;
 padding: 0;
 color: #808080;
 background-color: White;
}

h1
{
 font-size: 20pt;
 font-variant: small-caps;
 text-align: center;
 color: white;
 margin: 13px 0 17px 0;
}

h2
{
 text-decoration: none;
 font-size: 14pt;
 font-style: normal;
 padding: 5px;
 margin: 0 0 5px 10px;
 font-family: "Trebuchet MS", Arial, Sans-Serif;
}

h3
{
 text-decoration: none;
 font-size: 11pt;
 font-style: normal;
 padding: 8px 0 0 0;
 margin: 0 0 0 10px;
 font-family: "Trebuchet MS", Arial, Sans-Serif;
}

h2 + form
{
 margin-top: -5px;
}

h2 + h3
{
 margin-top: -5px;
 padding-top: 0;
}

h4
{
 text-decoration: none;
 font-size: 10pt;
 font-style: normal;
 padding: 0;
 margin: 0 0 0 3px;
 font-family: "Trebuchet MS", Arial, Sans-Serif;
}

a:link, a:visited
{
 color: blue;
 text-decoration: none;
}

a:hover
{
 color: #FF6600;
 text-decoration: underline;
}

a.Senior:link, a.Senior:visited {
 border: 1px solid #C0C0C0;
 padding: 2px 3px 2px 3px;
 background-color: #CEE4FF;
 color: black;
}

a.Senior:hover {
 background-color: #A2CCFF;
 color: black;
 text-decoration: none;
}

acronym
{
 cursor: help;
 border-bottom: dotted 1px black;
}

form
{
 padding: 0;
 margin: 0;
}

strong
{
 font-weight: bold;
}

em
{
 font-style: italic;
}

p.Content
{
 margin: 0;
 padding: 0;
}

p.note {
 margin: 0;
 padding: 0;
 font-size: 0.8em;
}

table.Standard
{
 width: 100%;
 border-collapse: collapse;
 border-width: 0;
}

*.U
{
 text-decoration: underline;
}

*.I
{
 font-style: italic;
}

*.B
{
 font-weight: bold;
}

#Main
{
 width: 970px;
 margin: 0 auto 0 auto;
 border: 1px #7BA4D7 solid;
 background-image: url(Bilder/HeaderBGL_SkyBlue.png);
 background-repeat: repeat-x;
 background-position: left top;
 background-color: white;
}

*.disabled
{
 color: #808080;
}

/* Panels
----------------------------------------------- */
div.SmallPage
{
 background-color: white;
 border: 1px solid #928F8F;
 margin-top: -104px;
 margin-left: -200px;
 padding: 3px;
 top: 50%;
 left: 50%;
 position: absolute;
 width: 400px;
}

div.GreyBox, table.ControlAdmin
{
 background-color: #CEE4FF;
 border: 1px solid #7BA4D7;
}

table.ControlAdmin td
{
 padding: 0 5px 3px 3px;
}

div.ControlPanel, div.VoteBox
{
 background-color: #CEE4FF;
 border: 1px solid #7BA4D7;
 margin-top: 10px;
 width: 100%;
 font-size: 8pt;
 color: black;
}

td.ControlPanelHeader
{
 background-color: #A2CCFF;
 padding-left: 2px;
 color: white;
}

div.WarningPanel
{
 margin-top: 10px;
 width: 100%;
 border: 1px solid red;
 font-size: 8pt;
}

div.WarningPanel div
{
 padding: 5px 5px 5px 25px;
 margin: 5px;
 background-image: url(Bilder/Warning.png);
 background-repeat: no-repeat;
 background-position: left center;
}

/* Navigation
----------------------------------------------- */
#Sidebar
{
 float: left;
}

#Sidebar a:link, #Sidebar a:visited
{
 color: white;
 text-decoration: none;
 display: block;
 padding: 2px 6px 2px 6px;
 width: 100%;
}

#Sidebar a.Selected:link, #Sidebar a.Selected:visited
{
 color: white;
 text-decoration: none;
 background-color: #8FC1FF;
 display: block;
 padding: 2px 6px 2px 6px;
 width: 100%;
 border-top: 1px solid white;
 border-bottom: 1px solid white;
}

#Sidebar a:hover, #Sidebar a:focus, #Sidebar a.Selected:hover, #Sidebar a.Selected:focus
{
 color: white;
 text-decoration: none;
 background-color: #CEE4FF;
}

#Icon
{
 width: 200px;
 height: 150px;
 background-image: url(Bilder/Icon_SkyBlue.png);
 background-position: center center;
 background-repeat: no-repeat;
}

div.Box
{
 padding: 0 0 20px 0;
 background-position: left bottom;
 background-image: url(Bilder/CBottom_SkyBlue.jpg);
 width: 200px;
 margin: 5px;
 color: white;
}

div.Box p
{
 margin: 5px;
 font-size: 8pt
}

div.Box h2
{
 color: white;
 text-decoration: none;
 font-variant: small-caps;
 font-size: 14px;
 font-weight: bold;
 margin: 0;
 padding: 6px 0 4px 10px;
 font-family: Arial;
 background-position: left top;
 background-image: url(Bilder/CTop_SkyBlue.jpg)
}

div.Box ul
{
 list-style-type: none;
 width: 92%;
 padding: 0;
 margin: 0 0 0 2px;
 font-size: 8pt
}

div.Box li
{
 cursor: pointer;
 padding: 0;
 margin: 1px 0 1px 0;
 width: 100%;
 text-decoration: none;
 line-height: 150%;
 font-size: 8pt
}

/* Downloads
----------------------------------------------- */
a.download:link, a.download:visited {
 display: block;
 background-color: white;
 text-decoration: none;
 color: black;
 background-position: 2px center;
 background-repeat: no-repeat;
 border-width: 1px;
 border-style: solid;
 border-color: white white #C0C0C0 white;
 padding: 5px 0 5px 0;
}

a.download:hover {
 background-color: #F0F0F0;
 border: 1px solid #C0C0C0;
 text-decoration: none;
 color: black;
}

a.download span.header {
 display: block;
 font-weight: bold;
 margin: 0 0 0 40px;
}

a.download span.description {
 display: block;
 margin: 0 0 0 40px;
}

a.download span.footer {
 display: block;
 font-size: 8pt;
 padding-top: 3px;
 margin: 3px 0 0 40px;
 border-top: solid 1px #C0C0C0;
}

/* Pluginlibrary
----------------------------------------------- */
td.Pluginname
{
 font-size:16pt;
 font-style:normal;
 font-variant: small-caps;
 font-weight: 700;
}

div.Plugin
{
 width: 100%;
 background-color: #A2CCFF;
 border-bottom: 1px solid #C0C0C0;
}

/* Developer area
----------------------------------------------- */
a.ps {
 padding-left: 20px;
 background-image: url(Bilder/ProtectionScriptX16.png);
 background-repeat: no-repeat;
 background-position: left center;
}

div.DevElement
{
 margin-bottom: 10px;
}

div.developerelement
{
 margin-bottom: 10px;
}

div.developerelement p
{
 text-decoration: underline;
 margin: 0;
}

div.developerelement ul
{
 margin: 0 0 0 10px;
 padding: 0 0 0 20px;
}

div.developerelement h4.protectionscript
{
 background-image: url(Bilder/ProtectionScriptX16.png);
 background-repeat: no-repeat;
 background-position: center left;
 padding: 2px 0 2px 20px;
 margin: 0;
}

div.developerelement table, table.bicolored {
 border-collapse: collapse;
 width: 100%;
}

div.developerelement table th, table.bicolored th {
 border-bottom: solid 2px #C0C0C0;
 padding: 5px;
}

div.developerelement table td, table.bicolored td  {
 padding: 2px;
 border-bottom: solid 1px #C0C0C0;
}

div.developerelement table tr.tdgray td, table.bicolored tr.tdgray td  {
 padding: 2px;
 background-color: #F0F0F0;
 border-bottom: solid 1px #C0C0C0;
}

div.DevElement h4.Event
{
 background-image: url(Bilder/Entwicklerbereich/Icons/PublicEvent.png);
 background-repeat: no-repeat;
 background-position: center left;
 padding: 2px 0 2px 16px;
 margin: 0;
}

div.DevElement h4.Event
{
 background-image: url(Bilder/Entwicklerbereich/Icons/PublicEvent.png);
 background-repeat: no-repeat;
 background-position: center left;
 padding: 2px 0 2px 16px;
 margin: 0;
}

div.DevElement h4.Interface
{
 background-image: url(Bilder/Entwicklerbereich/Icons/PublicInterface.gif);
 background-repeat: no-repeat;
 background-position: center left;
 padding: 2px 0 2px 20px;
 margin: 0;
}

div.DevElement h4.Function
{
 background-image: url(Bilder/Entwicklerbereich/Icons/PublicFunction.gif);
 background-repeat: no-repeat;
 background-position: center left;
 padding: 2px 0 2px 20px;
 margin: 0;
}

div.DevElement h4.Property
{
 background-image: url(Bilder/Entwicklerbereich/Icons/PublicProperty.gif);
 background-repeat: no-repeat;
 background-position: center left;
 padding: 2px 0 2px 20px;
 margin: 0;
}

div.DevElement p
{
 text-decoration: underline;
 margin: 0;
}

div.DevElement ul
{
 margin: 0 0 0 10px;
 padding: 0 0 0 20px;
}

span.EntSyntax
{
 color: #0000FF;
}

span.EntSyntaxC
{
 color: green;
}

span.EntSynatxA
{
 font-family: Courier New;
 font-size: 10pt;
 color: #000000;
}

ul.DataArray
{
 margin: 0 0 0 10px;
 padding: 0 0 0 20px;
}

div.Survey
{
 border-width: 1px;
 border-color: #C0C0C0;
 border-style: solid;
 padding: 0;
 width: 100%;
 background-color: #F8F8F8;
}

div.Survey ul {
 font-size: 8pt;
 margin: 0 0 10px 0;
 padding: 0;
 list-style-type: none;
}

div.Survey ul li {
 margin: 0;
 padding: 0;
}

div.ProtectionScript {
 border: solid 1px #C0C0C0;
}

div.ProtectionScript  h4 {
 font-weight: normal;
 font-family: Verdana, sans-serif;
 padding: 2px;
 margin: 0;
 border-bottom: solid 1px #C0C0C0;
 background-color: #CEE4FF;
 background-position: right center;
 background-repeat: no-repeat;
 background-image: url(Bilder/ProtectionScriptX16.png);
}
div.ProtectionScript code {
 font-family: 'Courier New';
 margin: 3px 3px 3px 36px;
 display: block;
 white-space: pre;
}

div.ProtectionScript div.linenumbers
{
 float: left;
 font-family: 'Courier New';
 background-color: #F0F0F0; /* #dcdcdc; */
 padding: 3px 5px 3px 3px;
}

div.ProtectionScript code span.method, div.developerelement span.method, span.ps_method {
 color: red;
 font-family: 'Courier New';
}

div.ProtectionScript code span.extramethod, div.developerelement span.extramethod, span.ps_extramethod {
 color: #4682B4;
 font-family: 'Courier New';
}

div.ProtectionScript code span.constant, div.developerelement span.constant, span.ps_constant {
 color: #cd853f;
 font-family: 'Courier New';
}

div.ProtectionScript code span.function, div.developerelement span.function, span.ps_function {
 color: blue;
 font-family: 'Courier New';
}

div.ProtectionScript code span.register, div.developerelement span.register, span.ps_register {
 color: #008000;
 font-family: 'Courier New';
}

div.ProtectionScript code span.pscode, div.developerelement span.pscode, span.ps_code {
 font-family: 'Courier New';
}

div.SurveyFirstColumn
{
 border-right: solid 1px #C0C0C0;
 padding: 5px;
 float: left;
 width: 48%;
}

div.SurveySecondColumn
{
 border-width: 0;
 padding: 5px;
 float: right;
 width: 48%;
}

div.LanguageSelectorHeader
{
 border-left: 1px solid #C0C0C0;
 border-right: 1px solid #C0C0C0;
 width: 100%;
 background-color: #CEE4FF;
 background-position: right center;
 background-repeat: no-repeat;
}

div.LanguageSelectorHeaderPreview
{
 border-left: 1px solid #C0C0C0;
 border-right: 1px solid #C0C0C0;
 background-color: #A2CCFF;
 background-position: right center;
 background-repeat: no-repeat;
}

div.VB {
 background-image: url(Bilder/Entwicklerbereich/vb.png);
}

div.CSharp {
 background-image: url(Bilder/Entwicklerbereich/csharp.png);
}

div.LanguageSelectorHeader img
{
 width: 11px;
 height: 11px;
 border-width: 0;
 cursor: pointer;
}

div.LanguageSelectorBody
{
  width: 100%;
 background-color: white;
 border: 1px solid #C0C0C0;
 font-family: 'Courier New';
 font-size: 10pt;
}

div.LanguageSelectorBodyPreview
{
 background-color: #CEE4FF;
 border: 1px solid #C0C0C0;
 white-space: pre;
 padding: 3px;
 font-family: 'Courier New';
 font-size: 10pt;
}

div.LanguageSelectorBody div
{
  padding: 3px;
}

/* VoteBox
----------------------------------------------- */
form.VoteBox, div.NoteBox {
 background-color: #CEE4FF;
 border: 1px solid #7BA4D7;
 margin-top: 10px;
 padding: 0 0 0px 0;
 width: 100%;
 font-size: 8pt;
}

form.VoteBox h4, div.NoteBox h4 {
 color: white;
 background-color: #A2CCFF;
 margin: 0 0 5px 0;
 padding: 1px 0 1px 2px;
 font-size: 8pt;
 font-weight: normal;
 font-family: Verdana, Sans-Serif;
}

form.VoteBox ul {
 margin: 0 0 0 3px;
 padding: 0;
 list-style-type: none;
}

form.VoteBox li {
 float: left;
 width: 16%;
}

form.VoteBox p {
 text-align: right;
 float: right;
 padding: 0 10px 0 0;
 margin: 0;
}

form.VoteBox div {
 clear: both;
 height: 3px;
}

/* Common elements
----------------------------------------------- */
/* Categories */
div.category a {
}

div.category a:link, div.category a:visited, a.category:link, a.category:visited  {
 text-decoration: none;
 font-variant: small-caps;
 background-image: url(Bilder/category.png);
 background-position: right center;
 background-repeat: no-repeat;
 text-align: right;
 padding: 15px 50px 15px 0;
 display: block;
}

div.category a:hover, a.category:hover  {
 text-decoration: underline;
 background-image: url(Bilder/category-hover.png);
}

div.PictureBox
{
 padding: 5px;
 border: 1px solid #7BA4D7;
 background-color: #A2CCFF; 
}

div.PictureBox div
{
 margin-top: 5px;
 font-size: 8pt;
}

td.Line
{
 padding: 0;
 margin: 0;
 line-height: 1px;
 font-size: 0;
}

td.Line img
{
 height: 1px;
 width: 100%;
}

div.Progressbar
{
 width: 100%;
}

td.Progressbar
{
 vertical-align: middle;
 font-size: 6pt;
}

div.Progressbar div.Left
{
 height: 11px;
 width: 4px;
 background-image: url(Bilder/Progressbar/FortL.gif);
 background-repeat: no-repeat;
 float: left;
 line-height: 0%;
 font-size: 0;
}

div.Progressbar div.Middle
{
 height: 11px;
 background-image: url(Bilder/Progressbar/Fort.gif);
 background-repeat: repeat-x;
 float: left;
}

div.Progressbar div.Right
{
 height: 11px;
 width: 4px;
 background-image: url(Bilder/Progressbar/FortR.gif);
 background-repeat: no-repeat;
 float: left;
 line-height: 0%;
 font-size: 0;
}

div.ProgressbarPrecent div.Left
{
 height: 28px;
 width: 6px;
 background-image: url(Bilder/Fortschritt/L.png);
 background-repeat: no-repeat;
 float: left;
 line-height: 0%;
 font-size: 0;
}

div.ProgressbarPrecent div.Middle
{
 height: 28px;
 background-image: url(Bilder/Fortschritt/M.png);
 background-repeat: repeat-x;
 float: left;
}

div.ProgressbarPrecent div.Right
{
 height: 28px;
 width: 6px;
 background-image: url(Bilder/Fortschritt/R.png);
 background-repeat: no-repeat;
 float: right;
 line-height: 0%;
 font-size: 0;
}

div.ProgressbarPrecent div.X
{
 height: 28px;
 margin: 6px 0 6px 0;
 background-image: url(Bilder/Fortschritt/X.png);
 background-repeat: repeat-x;
}

/* Copy-Discovery 2000 General Information Page
----------------------------------------------- */
div.CD2000Download
{
 background-color: #CEE4FF;
 border-top: 1px solid #C0C0C0;
 border-bottom: 1px solid #C0C0C0;
 text-align: center;
 margin: 15px 0 15px 0;
 font-size: 16pt;
 font-family: 'Trebuchet MS', sans-serif;
 font-variant: small-caps;
}

div.CD2000Download a:link, div.CD2000Download a:visited
{
 color: blue;
 text-decoration: none;
}

div.CD2000Download a:hover
{
 color: #FF6600;
 text-decoration: none;
}

/* History Page
----------------------------------------------- */
td.TimeLine
{
 background-color: #CEE4FF;
 border-left: 1px solid #C0C0C0;
 border-right: 1px solid #C0C0C0;
 width: 80px;
 text-align: center;
 vertical-align: middle;
}

/* Helpsystem
----------------------------------------------- */
div.FAQ
{
 width: 100%;
 cursor: pointer;
 text-decoration: underline;
 padding: 2px 0 2px 0;
}

div.FAQSelected
{
 background-color: #E9F3FF;
 border: 1px solid #C0C0C0;
 padding: 1px 1px 1px 2px;
}

/* Encyclopedia
----------------------------------------------- */
a.Category:link, a.Category:visited {
 text-decoration: none;
 color: black;
}

a.Category:hover {
 text-decoration: none;
 color: #808080;
}

/* Comments
----------------------------------------------- */
div.Comment
{
 margin: 0 0 5px 0;
 width: 100%;
 border: 1px solid #C0C0C0;
}

div.Comment p.Title, div.Comment div.Title
{
 border-width: 0 0 1px 0;
 border-color: #C0C0C0;
 border-style: solid;
 font-weight: 700;
 background-color: #CEE4FF;
 margin: 0;
 padding: 3px;
}

div.Comment p.Text
{
 margin: 0;
 padding: 3px;
}

div.Comment p.FootBar
{
 border-width: 1px 0 0 0;
 border-color: #C0C0C0;
 border-style: solid;
 background-color: #CEE4FF;
 margin: 0;
 padding: 3px;
}

/* News
----------------------------------------------- */
h2.News
{
 text-decoration: none;
 font-size: 16pt;
 font-style: normal;
 font-variant: small-caps;
 font-weight: 700;
 text-align: center;
 padding: 0;
 margin: 5px;
 font-family: "Trebuchet MS", Arial, Sans-Serif;
}

a.Article:link
{
 text-decoration: none;
 font-weight: normal;
 color: black;
}

a.Article:visited
{
 color: #606060;
}

a.Article:hover
{
 font-weight: bold;
 text-decoration: none;
 color: black;
}

a.Invisible:link, a.Invisible:visited
{
 text-decoration: none;
 font-weight: normal;
 color: #C0C0C0;
}

a.Invisible:hover
{
 font-weight: bold;
 text-decoration: none;
 color: #C0C0C0;
}

/* Register
----------------------------------------------- */
div.Register
{
 border:1px solid #7F9DB9;
 padding: 2px;
 height:175px;
 width: 370px;
 overflow: auto;
 background-color: white;
}

div.Register h3
{
 padding: 0;
 margin: 0;
}

div.Register ol
{
 margin-bottom: 0;
 margin-left: 25px
}

/* DIV Tables
----------------------------------------------- */
div.News
{
 height: 28px
}

div.News div.NIcon
{
 float: left;
 padding: 0 20px 0 0;
}

div.News div.NDate
{
 float: left;
 padding: 0 20px 0 0;
 line-height: 24px;
}

div.News div.NArticle
{
 float: left;
 line-height: 24px;
}

div.News div.NAdvanced
{
 float: right;
}

div.News div.NViews
{
 float: right;
 line-height: 24px;
}

div.TutorialList div.TName
{
 float: left;
 width: 410px;
 line-height: 20px;
}

div.TutorialList div.LName, div.TutorialList div.KName
{
 float: left;
 width: 310px;
 line-height: 20px;
}

div.TutorialList div.TVersion
{
 float: left;
 line-height: 20px;
 width: 100px;
 text-align: center;
}

div.TutorialList div.LVersion
{
 float: left;
 line-height: 20px;
 width: 200px;
 text-align: center;
}

div.TutorialList div.KVersion
{
 float: left;
 line-height: 20px;
 width: 270px;
 text-align: center;
 font-size: 8pt;
}

div.TutorialList div.TVotes
{
 float: left;
 margin-top: 2px;
 width: 150px;
 text-align: center;
}

div.TutorialList div.TViews
{
 float: right;
 line-height: 20px;
 text-align: right;
}

div.TutorialList div.KIcon
{
 float: left;
 margin: 1px 0 1px 0;
 width: 20px;
}

div.TutorialList div.KGroup
{
 float: right;
 line-height: 20px;
}

div.EncList div.Name
{
 float: left;
 width: 428px;
 line-height: 23px;
}

div.EncList div.Votes
{
 float: right;
 margin-top: 2px;
 width: 130px;
 text-align: center;
}

div.EncList div.Views
{
 float: right;
 width: 130px;
 text-align: center;
 line-height: 23px;
}

div.EncList div.Edit
{
 float: right;
 margin-top: 2px;
}

p.News, p.TutorialList, p.EncList
{
 padding: 0;
 margin: 0;
 line-height: 0%;
 font-size: 0;
}

/* Common images
----------------------------------------------- */
img.News
{
 border: solid 0;
 width: 24px;
 height: 24px;
}

img.Line
{
 width: 100%;
 height: 1px;
 line-height: 1px
}

img.ProtectionState, img.Bewertung
{
 border-width: 0;
 width: 16px;
 height: 16px;
 vertical-align: middle;
}

img.Event
{
 width: 10px;
 height: 12px;
 border-width: 0;
}

img.Function
{
 width: 17px;
 height: 13px;
 border-width: 0;
}

img.Interface
{
 width: 10px;
 height: 13px;
 border-width: 0;
}

img.Property
{
 width: 18px;
 height: 16px;
 border-width: 0;
}

/* Content
----------------------------------------------- */
#Content
{
 width: 748px;
 padding: 5px 0 5px 2px;
 float: left;
 margin: 0;
}

#SupportedKS
{
 border: 0;
 border-collapse: collapse;
 width: 100%;
}

#SupportedKS tr.NoLine
{
 background-image: none;
}

/* Footer
----------------------------------------------- */
#Footer
{
 clear: both;
 width: 100%;
 background-image: url(Bilder/Verlauf_SkyBlue.png);
 height: 19px;
}

#Footer p
{
 width: 350px;
 padding: 3px 2px 0 2px;
 margin: 0;
 font-family: Tahoma, Sans-Serif;
 font-size: 10px;
 color: white;
}

#Footer p a:link, #Footer p a:visited
{
 color: white;
}

/* Lightbox
----------------------------------------------- */
#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(Bilder/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(Bilder/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; }