body { margin: 0; padding: 0; }
body, td { font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; font-size: small; }

/* IE fix: disappearing elements */
* html #Content { height: 0.01%; }

a img { border: none !important; }
a:hover img { background-color: transparent !important }

h1 { font-size: 180%; margin: 0; padding: 0 }
h2 { font-size: 130%; margin: 0; padding: 0 }
h3 { font-size: 120% !important; margin: 0 0 10px 0; font-weight: bold; }
h4 { font-size: 100%; border: none; margin: 0 0 5px 0; padding: 0 }

div#Help h3 { font-size: 160% !important; }

/* Structure */
#Container { width: 780px; margin: 0; margin-left: auto; margin-right: auto; }

#Header { margin: 0; padding: 4px 0 0 0; }
#Header h1 { font-size: 22px; padding: 0; margin: 0 0 3px 6px}

h1 { text-align: center; border-bottom: 1px solid #aaa; margin-bottom: 0.5em; }

#Footer { margin: 0; padding: 10px 0 4px 0; text-align: center; clear: both; font-size: 11px;}
#Footer a.nav { margin-right: 20px; font-size: small; }
#Footer div { clear: both; font-size: 5px; }

#Links { clear: both }
#Links #LinkOptions { padding: 0 5px; float: right }
#Links h4 { float: left; }

ul.nav { margin: 0; padding: 0; list-style-type: square }
ul.nav li { margin: 0 0 0 20px; padding: 0;}

/* Home */
#Home { width: 100%; text-align: center }
#Home div.screenshot_large { clear: both; margin: 0; float: left }
#Home div.thumbs { width: 100%; clear: both; text-align: center !important; }
#Home div.thumbs img { margin: 5px }

/* Tabs */
ul#Tabs { display: inline; list-style-type: none; margin: 8px 0 0 0; clear: both; }
ul#Tabs li { display: inline; float: left; padding: 0;margin: 0 10px 0 0; width: 9em; text-align: center}
ul#Tabs li a { display: block; border: none; margin: 0 10px 0 10px; }
html>body #Tabs li a { width: auto; }

#Content { padding: 10px 0 0 0; margin-bottom: 20px; clear: both; text-align: left; }
#ContentLeft { margin: 0; padding: 0 2% 0 0; text-align: left; width: 74%; float: left; }
#ContentRight { width: 24%; text-align: left; margin: 0; padding: 0; float: left; }

.Navigation { margin: 0; padding: 0 }
.NavigationHolder h2 { margin: 0 0 5px 0; padding: 0; }
.NavigationHolder { padding: 0; margin: 0 0 20px 0 }
.NavigationHolder p { padding: 0; margin: 0 0 5px 0 }
.NavigationHolder .meta, .NavigationHolder .meta h3 { color: #777; font-size: 0.7em; }

.admin { padding: 6px } 

/* Feedback messages */

#SystemMessage { margin: 10px; padding: 6px; border: 2px dotted #666; background-color: #f0f0f0; font-weight: bold; color: green; }
#errorExplanation { padding: 4px 2px; margin: 10px 0 10px 0; font-weight: bold; color: red; border: none !important; }
#errorExplanation { background: #ffdfdf !important; }
#errorExplanation h2 { margin: 0; font-size: small; border: none; }
#errorExplanation p { font-weight: normal; }
.fieldWithErrors { clear: none; display: inline; }

.notice, #Notice { padding: 4px 2px; margin: 0; margin-top: 10px; margin-bottom: 10px; font-weight: bold; color: green; background-color: #DBFFDB; border-top: 1px solid green; border-bottom: 1px solid green; width: 100%; }
.error, #Error { padding: 4px 2px; margin: 0; margin-top: 10px; margin-bottom: 10px; font-weight: bold; color: red; background-color: #FFDBDB; border-top: 1px solid red; border-bottom: 1px solid red; width: 100%; }

#Notice, #Error { cursor: pointer; background-position: 4px center; background-repeat: no-repeat; }
#Notice { background-image: url('/images/success.gif'); }
#Error { background-image: url('/images/error.gif'); }
span.message_space { padding: 0 8px; margin: 0;}

/* Pagination */
div#pagination { margin: 10px 0 0 0 }
div#pagination a { margin: 0; padding: 4px }

/* Tables */
table.standard { border-collapse: collapse; width: 100%; }
table.standard tr th { text-align: left; padding: 0.3em; }
table.standard tr td { vertical-align: top; padding: 0.3em; padding-right: 1.6em; }

/* Forms */
form.small, form.small div { margin: 4px 0 0 0; padding: 0; }
form.standard, form.simple { margin: 0; background-color: #000; color: #fff; padding: 10px 0}
form.standard label, form.simple label { text-align: right; float: left; clear: left; font-weight: bold; width: 14em; margin-right: 0.5em; }
form.standard div, form.simple div { margin-top: 14px; }

/* Screenshot styling */
#Leaderboard { margin: 10px 10px 10px 0; width: 98%; text-align: center }
#SmallAds { width: 98%; text-align: center }

.screenshot_small { width: 270px; float: left; margin: 0 0 10px 0; padding: 0 16px 0 0 }
.screenshot_small h3 { font-size: 1em !important }
.screenshot_small .meta { color: #777; font-size: 0.8em }

.screenshot { margin: 10px 0 0 0; padding: 0 }
.screenshot p { margin: 10px 0 0 0; padding: 0 }
.screenshot h3 { padding: 0 0 0 0; }
.screenshot h4 { padding: 0 0 10px 0; margin: 0}
.screenshot img#large { padding: 0; margin: 0; border: 1px solid #000 !important; }

.screenshot .screenshot_content { text-align: right; width: 100%; clear: both;}
.screenshot .screenshot_content .description { padding: 0; float: left; text-align: left; }
.screenshot .screenshot_content a img { float: right; padding: 0; margin: 0 10px 0 0; border: 1px solid #000 !important;}
.screenshot .screenshot_content a:hover { background-color: transparent; }
.screenshot .screenshot_content .clear { clear: both }

/* Screenshot styling for the 'show' page */
.screenshot .screenshot_large_content { padding: 0; margin: 0 0 10px 0; text-align: center; }
.screenshot .screenshot_large_content .description { text-align: left; padding: 0; margin: 0;}
.screenshot a img { padding: 0; margin: 0; border: 1px solid #000 !important; }
.screenshot .screenshot_large_content a:hover { background-color: transparent; }

.screenshot div.rate { padding: 0 10px 0 0; margin: 0; float: right;}
.screenshot div.tags { padding: 0; margin: 0;}
.screenshot div.tags a { margin-right: 10px; }

/* Tags */
a.remove_tag { color: #666 !important }
.add_tag { margin-top: 10px }

/* Comments styling */
div#Comments { padding: 0; margin-top: 20px; }
div#Comments div.add_comment { padding: 4px 0 2px 10px }
.comment { margin: 10px 0 0 0; }
.comment h3 { padding: 6px 0 0 10px; }
.comment h4 { padding: 0 0 0 10px; margin: 0; font-size: x-small; }
.comment .body { margin: 10px 10px 2px 10px }

.emphasis { background-color: #ffb; }
.small { font-size: x-small; background: none !important; padding-left: 2px; font-weight: normal !important; }
.ajax_small { font-size: x-small; background: none !important; padding: 0 !important; margin: 4px !important; font-weight: bold !important; border: none !important; }

/* Popup login box */
#popuplogin { position: absolute; left: 400px; text-align: left; visibility: hidden; width: 320px; z-index: 100; }
#popuplogin label {  text-align: right; float: left; clear: left; font-weight: bold; width: 8em; margin-right: 0.5em; }
#popuplogin form { margin-top: 14px }

/* Friends */
ul#Friends { margin: 0; padding: 0; list-style-type: square }
ul#Friends li { margin: 0 0 0 20px; padding: 0;}

/* Get 'actions' - help the user determine the outcome of clicking a link */
a.action { font-size: 11px; font-weight: bold; text-decoration: none; color: red; }
a.action:hover { color: red !important; }
.newwindow, .export { padding-left: 17px; background: url('/images/aoutside.gif') no-repeat left; }
.create, .modify { padding-left: 17px; background: url('/images/box-open.png') no-repeat left;  color: green !important; }
.view { background: none; padding-left: 0; color: blue !important; }
.modify { color: blue !important; background: url('/images/box-modify.png') no-repeat left; }
.back { padding-left: 17px; background: url('/images/box-back.png') no-repeat left; }
.down { padding-left: 13px; background: url('/images/ar-close.png') no-repeat left; }
.destroy { padding-left: 17px; background-image: url('/images/box-close.png'); background-repeat: no-repeat; background-position: left; }
.pdf { padding-left: 17px; background: url('/images/apdf.gif') no-repeat left; }
.info { color: #333; background-color: #efefef; }
.rss { padding-left: 17px; background: url('/images/feedicon.gif') no-repeat left; }

/* Autocompleter field styling */
div.auto_complete { position: absolute; width: 250px; background-color:white; border: 1px solid #000; margin: 0; padding: 0; color: #000; margin: -10px 0 0 0}
div.auto_complete { width: 350px; background: #fff; }
div.auto_complete ul { margin: 0; padding: 0; width: 100%; list-style-type: none; }
div.auto_complete ul li { margin:0; font: normal 10px verdana, arial, helvetica; padding: 3px; white-space: nowrap; }
div.auto_complete ul li.selected { background-color: #ffb; }
div.auto_complete ul strong.highlight {  color: #800;  margin:0; padding:0; }

/* Editors */
form.inplaceeditor-form { padding: 0; margin: 0 }
form.inplaceeditor-form textarea { width: 100% }
.inplaceeditor-saving { margin-top: 10px }

dl.friends { margin: 0 0 1em 0; padding: 0; clear: both; width: 100%; float: left; }
dl.friends dt { width: 35%; float: left; margin: 0; padding: 0.5em 0 0.5em 0; font-weight: bold; border-top: 1px solid #ccc; }
dl.friends dt { clear: both; }
dl.friends dd { float: left; width: 63%; margin: 0; padding: 0.5em 0 0.5em 0; border-top: 1px solid #ccc; }