/*
body, html
    {
    background-color: #fff;
    }
body
    {
    color: #333;
    text-align: left;
    font: 10pt verdana,helvetica,arial,sans-serif;
    }
body {
    font-family:Arial,Helvetica,sans-serif;
    font-size:75%;
    font-weight:400;
    line-height:1.42;
}
body { margin: 0 auto; }
*/
.cs-default { background-color: #fff; color: #444  !important}
.cs-high    { background-color: #6090C0; background-color: #2A85B6; color: #fff }

.cs-form    { background-color: #f3f3f3; color: #444 }

.cs-default a:active, .cs-default a:hover, .cs-default a:link, .cs-default a:visited
            { /*background-color: #fff; */color: #ff6600; }
.cs-high a:link, .cs-high a:visited
            { background-color: #2A85B6; color: #fff; /*padding: 0 5px; */}
.cs-high a:active, .cs-high a:hover
            { background-color: #fff; color: #2A85B6 }
.cs-high a.seleted { color: red }

.navigation { padding: 3pt 0 }

#menu { float: left; width: 100%; margin: 10px 0; list-style-type: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f1f1f1 }
#menu li { float: left; }
#menu a { display: block; height: 16pt; line-height: 16pt; padding: 0 5pt; margin: 0; text-decoration: none; color: #333; }
#menu a:active, #menu a:hover {/* background-color: #fff; */color: #2A85B6  }

/* #content { float: left; width: 100%; margin: 5px 0 30px 0; min-height: 400px} */

.motto { float: left; margin: 0pt; padding-left: 60pt;/* background-color: red; *//*line-height: 50pt; */font-size: 16pt; font-style: italic; /*font-family: georgia,serif; */color: #666}

#promo { position: relative; float: left; height: 250px; width: 670px; margin-bottom: 10pt; /*background-color: #2A85B6 */}
#promo-text { position: absolute; height: 230px; width: 410px; padding: 10px; color: #fff; /*color: #2A85B6; */background-color: #2A85B6/*background-color: #dbdbdb */}
#promo-text { font-size: 110%; /*font-style: italic; */ }
#promo-text h1 { /*text-align: center*/ }
#promo-text span { position: absolute; bottom: 12pt; width: 410px; line-height: 20pt; text-align: center }
#promo-text a.signup-link { padding: 6pt 16pt; /*line-height: 20pt; */background-color: #A8D7F0; font-style: normal; font-weight: bold; font-size: 130%; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/* .promo-menu { float: left; width: 40%; height: 100%; } */

#promo-menu { position: absolute; margin-left: 430px; height: 230px; width: 220px; padding: 10px; background-color: #dbdbdb;  background-color: #A8D7F0 }
#promo-menu ul { height: 230px; padding: 0pt 0; /*margin: 4pt; */list-style-type: none; background-color: #fff }
#promo-menu ul li { /*width: 100%; */margin: 0 12pt; padding: 3pt 0; border-top: 1px solid #dbdbdb; }
#promo-menu ul li a { display: block; width: 100%; padding: 0 0pt; text-decoration: none; color: #2A85B6; color: #666; font-weight: bolder; font-size:1.1em; }
#promo-menu ul li a:hover { color: #2A85B6;  }

.img-shadow     { margin: 10px 0; background: url(/images/shadow-alpha.png) no-repeat bottom right !important; background: url(/images/shadow.gif) no-repeat bottom right; }
.img-shadow img { display: block; position: relative; background-color: #fff;    border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; }

.feature { clear: both; margin: 4pt 0; }
.feature div.left { width: 420px; padding: 0 5px }
.feature h2 { padding-left: 10pt; color: #2A85B6; border-bottom: 2px solid #2A85B6; font-size: 12pt }
.feature img { width: 500px; height: 250px; }
.feature div { line-height: 22px; font-size:115.5%; }
.feature ul { list-style-type: square; margin-left: 15pt }

.img-item { float: left }

.datatable { width: 450pt; border-collapse: collapse; border-spacing: 0; background-color: #fff; border-bottom: 1px solid #ccc }
.datatable tbody tr.mainrow { background: url(/images/famfamfam/bullet_arrow_down.png) no-repeat center right }
.datatable tbody tr.mainrow:hover { cursor: pointer; background-color: #FFFFE0; }
.datatable tbody tr.active { font-weight: bold }
.datatable tbody td { padding: 3pt; border-top: 1px solid #ccc }
.datatable tbody td.reqdate { width: 50pt; padding-right: 20pt; }
.datatable tbody td.notes { padding: 2pt 0pt 4pt 10pt; background-color: #fafafa }

.getorigimage-form { padding: 5pt; width: 75% }
.getorigimage-form table { width: 100% }
.getorigimage-form table tr { height: 3em; }
.getorigimage-form table th { width: 60pt; /*font-weight: normal; */text-align: left }
.getorigimage-form table td { text-align: right }
.getorigimage-form table td.action { width: 120pt }
.getorigimage-form input.email { width: 100%; }
#preview { width: 330px; height: 330px; text-align: center; background-color: #fff }
#preview div { height: 300px; width: 300px; margin: 0 auto; background: url(/images/placeholder.png) repeat }


input.f-text { border: 1px solid #999; padding: 1pt; }
input.disabled { border: 1px solid #F2F2F2; /*background-color: #F3F3F3; */}
input.required, textarea.required { /*border: 1px solid #000; */}
input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300;  }
/* input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #000; } */
.validation-advice { margin: 5px 0; padding: 5px; /*background-color: #FFF; */color : #FF3300; font-weight: bold; text-align:right; }
tr.required label { font-weight: bold; }


#signup { /*width: 80%;*/ margin: 12pt auto; padding: 10pt; border-top: 4px solid #2A85B6; border-bottom: 4px solid #2A85B6; background-color: #FFFFEE; background-color: #A8D7F0 }
#signup form { width: 60%; margin: 0 auto; padding: 10pt }
/* #signup-form table { width: 90%;  } */
#signup-form table th { width: 120pt; text-align: right; padding: 10pt 10pt 5pt 5pt; }
#signup-form table td { width: 200pt; text-align: right }
#signup-form table td span { padding: 0 2pt; }
#signup-form table tr.required th { font-weight: bold }
#signup-form input.f-text { width: 90% }

.index-table {
    width: 750px;
    padding: 5pt 0;
    background-color : #CCCCCC;
    vertical-align : top;
}
.index-grid {
    width: 132px;
    background-color : #FFFFFF;
    text-align: center;
    vertical-align: top;
    margin: 9px;
    border-spacing: 2px;
}

.index-grid td {
    width: 128px;
}
.index-grid-top
{
    height: 128px;
    background-color : #E0E0E0;
    vertical-align: middle;
}
.index-grid-midle {
    height: 40px;
    text-align: left;
    background-color : #FFFFFF;
}
.index-grid-bottom {
/*     height: 70px; */
    vertical-align: top;
    background-color : #FFFFFF;
    color: #000;
    font-size: 10px;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
/*     padding-bottom: 10px; */
}
.img-item { float: left }
.index-grid-top { height: 130px }
.index-grid-midle { height: 30px }
.index-grid-bottom { height: 40px }
.index-grid-bottom div { overflow: hidden; width: 126px; height: 12px }
.img-item-author { font-weight: normal }

.index-grid-bottom div { overflow: hidden }
.img-item-name {}
.img-item-id {}
.img-item-author {}

#members-area { position: relative }
.chart-bar,
.images-bar { clear: both; width: 750px; padding: 5pt 0 }
.images-bar .index-table { clear: both; height: 190px }
.gallery-info .head,
.chart-bar .head,
.images-bar .head { padding-left: 10pt; margin-bottom: 3pt; color: #2A85B6; border-bottom: 2px solid #2A85B6;  }
.images-bar .head strong { float: left }
.images-bar .head a { float: right }

.gallery-info { position: absolute; top: 0px; right: 0; padding: 5pt 0 }
.gallery-info table { width: 210px; font-size: 9pt }
.gallery-info table td { text-align: right; padding-right: 3pt }

#requests-table { width: 75% }