/* ---------- body ---------- */
body { background-color:#121212; margin:0; font-size:13px; font-family:Arial, sans-serif; color: #666666; }
.orange { color: #ff9900; }
a { color:#4b4b4b; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; color:#d5d4d5; }
a:active { text-decoration: none; }
.hiddenPic {display:none;}
/* -------- essential ------- */
#header { height:34px; background-color:#232122; border-bottom: #333333 thin solid; margin-bottom: 0px; }
#user-box, #page-box, #photo-box { float:left; margin-top:2px; }
#user-box { margin-left: 2px; }
#page-box-txt, #photo-box-txt, #user-box-txt, #pxcream-box-txt, #univers-box-txt { font-size: 14px; }
#page-box-txt { color: #e2e1dd; }
#photo-box-txt { color: #666666; }
#user-box-txt, #user-box-txt:hover, #user-box-txt:visited, #user-box-txt:active, #user-box-txt:link{ color: #ff9900; }
#main { margin: 50px auto 25px; width:760px; }
#footer { float:left; width:100%; }
/* ---------- header -------- */
#media-img{ border:#333333 thin solid; }
#media-img:hover { border:#ff9900 thin solid; }
/* ---------- main ---------- */
#uploader, #stats-box { border: 1px dashed #252324; padding:10px; padding-bottom:0px; margin-bottom:10px; }
#uploader:hover { border: 1px dashed #4b4b4b; }
.uploader-btn { width:49%; font-size: 12px; color: #ff9900; border: 1px solid #252324; background-color:#201e1f; padding:5px; font-weight: bold; height: 50px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .uploader-btn { height: inherit; width:348px; } } /* Targets Safari 3 */
.uploader-btn:hover { border: 1px solid #4b4b4b; cursor:pointer; }
#module { width:350px; height:80px; border: 1px dashed #252324; padding:10px; margin-bottom:10px; }
#module:hover { border: 1px dashed #4b4b4b; cursor:pointer; }
.stats-nb { font-size: 16px; }
.white-txt { color: #e2e1dd; }
.orange-txt { color: #ff9900; }
.grey-txt { color: #666666; }
.avatar { margin-right: 2px; }
/* ---------- menu ---------- */
#header ul, li { margin:0; border:0; list-style:none; padding:0; }
.menu-txt { font-size: 10px; color: #e2e1dd; margin-bottom: 4px; cursor: pointer; }
.menu-txt:hover { color: #ff9900; }
.menu-arrow, .menu-arrow:hover { cursor:pointer; padding: 4px 4px 2px 3px; }
.sub_menu, .sub_menu_right { color: #e2e1dd; display: none; position: absolute; z-index:5000; top:35px; width:115px; background: #272526 url(../img/photo/menu_closer.gif) no-repeat scroll center bottom; border: 1px solid #ff9900; padding: 0 8px 10px; margin-left: -3px; filter:alpha(opacity=85); -moz-opacity: 85; opacity: 0.85; padding-bottom: 25px; border-top-style: none; }
.sub_menu_right { margin-left: -65px; border-right: 1px solid #ff9900; border-left-style: none; }
.sub-menu-txt { display:block; font-size: 11px; color: #e2e1dd; padding: 10px 5px 0; }
.sub-menu-txt:hover { color: #ff9900; }
.item_line { border-top:solid 1px #4b4b4b; margin-top: 8px; }
/* ---------- form ---------- */
#tbl_addPct, #tbl_profile { border-right: thin dashed #252324; font-size: 13px; font-family: Arial, sans-serif; color: #d5d4d5; font-weight: bold; }
#tbl_profile { border-style: none; }
#mandatory { width: 193px; text-align: center; color: #201e1f; padding: 3px; background-color: #ff9900; border: thin solid #252324; margin-top: 11px; font-size: 11px; }
.tool-tip { font-family: Arial, sans-serif; padding:8px; font-weight: bold; color: #d5d4d5; border: 1px solid #252324; background-color:#201e1f; width: 200px; z-index: 13000; text-align: justify; }
.tool-title { color: #ff9900; padding-bottom: 10px; font-size: 13px; }
.tool-text { font-size: 11px; }
.field, .btn, fieldset, #warning, fieldset:hover { font-size: 13px; font-family: Arial, sans-serif; color: #d5d4d5; border: 1px solid #252324; background-color: #171616; padding:8px; font-weight: bold; }
.btn { color: #ff9900; cursor:pointer; }
.btn, .filedata { width:150px; }
.btn:hover, .field:hover, .filedata:hover { border: 1px solid #4b4b4b; }
#admin-container, #manage-container { margin: 50px auto 0 auto; width:760px; margin-top:150px; text-align:left; }
/* ---------- boxes --------- */
#login-box, #admin-box, #manage-box, #step-box, #forgotemail-box, #forgotpwd-box, #infocookie-box { background-color:#1b191a; border: 1px solid #252324; }
#admin-box, #manage-box, #step-box { height:inherit; padding-bottom:15px; }
#login-box { margin:150px auto 0 auto; height:240px; width:350px; padding:20px; text-align:center; }
#forgotemail-box, #forgotpwd-box, #infocookie-box { margin:10px auto 0 auto; height:inherit; width:350px; padding:20px; text-align: justify; }
/* -------- stats ----------- */
#stats-box { float:left; height:inherit; width:734px; }
#stats-box:hover { border: 1px dashed #4b4b4b; }
#stats-data { padding: 10px; float: left;}
/* ------ multipage --------- */
#multipage-display{ margin-left:4px; font-size:11px; color:#e2e1dd; margin-bottom:5px; }
#page-sum, #page-first, #page-last, #page-current, #page-next, #page-prev { border:#333333 thin solid; padding-left: 4px; padding-right: 4px; padding-top:2px; padding-bottom:2px; }
#page-sum, #page-first{ margin-right: 2px; }
#page-last{ margin-left: 2px; }
#page-current{ background-color:#ff9900; color:#121212; }
#yellow-txt { color: #ff9900; }
/* ---------- thumb --------- */
#thumb-container{ width:100%; height:618px; margin-left:3px; margin-top:10px; }
#thumb{ border:#333333 thin solid; margin: 3px; margin-top: 0px; margin-bottom: 5px; }
#thumb:hover { border:#ff9900 thin solid; }
#thb { cursor:pointer; }
#thb:hover { filter:alpha(opacity=75); -moz-opacity: 75; opacity: 0.75; }
#thb-box { padding:1px; font-size:12px; font-weight:normal; margin-bottom:10px; height:120px; }
#thb_frame { border:#333333 medium solid; margin: 3px; width: 172px; height: 141px; float: left; }
#thb_btn_frame { padding-left: 4px; border-top: medium solid #333333; border-bottom: medium solid #333333; background-color: #0d0d0d; height:22px; }
#thb_btn { cursor:pointer; padding: 3px; float:left; }
#thb_label { font-size: 12px; font-family: Arial, sans-serif; color: #d5d4d5; border: 1px solid #0d0d0d; background-color: #0d0d0d; font-weight: bold; padding-top: 3px; padding-right: 3px; float: right;}
/* -------- uploader -------- */
.photoupload-queue { list-style: none; }
.photoupload-queue .queue-file { font-weight: bold; margin-left: 20px; }
.photoupload-queue .queue-size { color: #aaa; margin-left: 1em; font-size: 0.9em; }
.photoupload-queue .queue-loader { position: relative; background-color: #201E1F; color: #fff; border: 1px solid #201E1F; margin: 3px 0 5px; }
.photoupload-queue .queue-subloader { text-align: center; position: absolute; background-color: #ff9900; height: 100%; width: 0%; left: 0; top: 0; }
.photoupload-queue .input-delete { width: 16px; height: 16px; background: url(../img/admin/delete.png) no-repeat 0 0; text-decoration: none; border: none; position: absolute; }
/* --------- note ---------- */
legend { color:#ff9900; }
#warning, #manage-pcts, #edit-pcts, #manage-account, #edit-profile, #quick-upload, #note { width:auto; margin-left:2px; margin-top:3px; font-size:12px; text-align:justify; padding-left:65px; background-position:top left; background-repeat:no-repeat; }
#manage-pcts { background-image: url(../img/admin/filmroll.png); }
#edit-pcts { background-image: url(../img/admin/stackofpcts.png); }
#manage-account { background-image: url(../img/admin/computer.png); }
#edit-profile { background-image: url(../img/admin/user.png); }
#quick-upload { background-image: url(../img/admin/greenplus.png); margin-bottom: 10px; }
#note, #warning { background-color: #0d0d0d; padding: 5px 5px 5px 65px; border: 10px solid #0d0d0d; }
#note { background-image: url(../img/admin/info.png); }
#warning { background-image: url(../img/admin/warning.png); }
/* ------- process ---------- */
#process-container { text-align: center; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; display: block; }
#process-box { margin-left: -25px; position: absolute; top: -25px; left: 50%; height: 67px; width: 68px; background: url(../img/global/loading-background.png) no-repeat center center; text-align: center; }
#process-icon { padding: 18px; }
#icon { float:left;}
#progress-box { width:100%; height:25px; border: 1px solid #252324; background-color:#1b191a; margin-left:35px; }
#progress-bar { height:20px; background-color:#ff9900; padding-left:5px; color:#1b191a; padding-top:5px; }
/* ---------- map ----------- */
#map { width: 303px; height: 300px; border: 1px solid #252324; margin-top:5px; margin-bottom:5px; }
/* -------- end map --------- */
#edit-action { font-size: 11px; font-family: Arial, sans-serif; color: #d5d4d5; border: 1px solid #252324; background-color:#1b191a; padding:7px; font-weight: bold; width:180px; float:left; text-align:center; margin-left:10px; margin-bottom:10px; }
#edit-action:hover { border: 1px solid #4b4b4b; color: #ff9900; cursor:pointer; }