/* 
========= 
HOME PAGE
========= 
*/

.page_home #menu {float: left; width: 180px; margin-top: 25px}
.page_home #menu a {text-decoration: none; font-size: 11px}
.page_home #menu a.current {font-weight: bold; color: #e87817}
.page_home #menu ul {list-style: none; padding: 0 0 20px; margin: 0}
.page_home #menu li {padding-bottom: 1px}
.page_home #menu li.spaced {padding-top: 20px}
.page_home #menu .heading {color: #e87817; font-weight: bold; font-size: 12px; display: block}

#gallery_flash {}


/* 
============
STATIC PAGES
============
*/

#content .page_login,
#content .page_links,
#content .page_contact,
#content .page_info,
#content .page_terms,
#content .page_privacy {width: 600px}


/*
==========
ADMIN PAGE
==========
*/
 
#content.page_admin {padding: 20px}

.page_admin #sidemenu {width: 150px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #333333; background-color: #111111; float: left}
.page_admin #sidemenu ul {list-style: none; list-style-position: inside; padding: 0}

.page_admin #sidemenu a {border-bottom: 1px solid #333333; margin: 0; padding:0; background: transparent url(/images/sprite_admin_menu.gif) no-repeat scroll 0 0;display: block; padding: 0 30px; text-decoration: none; font-weight: bold; outline: none; line-height: 32px}
.page_admin #sidemenu a:hover {background-color: #f2f2f2; color: black}

.page_admin #sidemenu a.current,
.page_admin #sidemenu a.current:hover {background-color: #e87817; color: white}

.page_admin #sidemenu a.last {border: 0}

.page_admin #main {width: 780px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #333333; float: right; /*min-height: 400px; */ background-color: #111111}

.page_admin .menu_option li {padding: 0}
.page_admin .menu_option #mi1 {background-position: -162px -64px}
.page_admin .menu_option #mi2 {background-position: -100px -128px}
.page_admin .menu_option #mi3 {background-position: -228px 0}
.page_admin .menu_option #mi4 {background-position: -197px -32px}
.page_admin .menu_option #mi5 {background-position: -4px -224px}
.page_admin .menu_option #mi6 {background-position: -67px -160px}
.page_admin .menu_option #mi7 {background-position: -132px -96px}
.page_admin .menu_option #mi8 {background-position: -36px -192px}

.page_admin .lhs_box h5 {margin: 4px 2px 8px}

#admin_content select {font-size: 12px; border: 1px solid #999999; margin-top: 5px}

#admin_content .image_box {float: left; display: inline-block; margin: 0 20px 15px 0}
#admin_content .image_tag {text-align: center; font-size: 11px}
#admin_content .img_empty {width: 66px; height: 66px; background-color:#1D1D1D; border: 2px solid #666666}

#admin_content img.classic {border: 2px solid #666; cursor: pointer}
#admin_content img.classic.selected {border: 2px solid red}


.page_admin .noimage {font-size: 10px; text-align: center; width: 60px; padding: 10px 0px; margin: 5px 0; border: 1px solid #333333; background-color: #222; -moz-border-radius: 4px}

/* users - gallery access */
#permission_selection {margin: 0 0 25px}
#permission_selection .scrollbox {height: 250px; overflow-x: hidden; overflow-y: auto; padding: 0 0 0 10px; margin-right: 10px}
#permission_selection .lhs_selection {float: left; width: 250px; margin-right: 50px; border: 1px solid #333; padding-bottom: 10px}
#permission_selection .rhs_selection {float: left; width: 250px; border: 1px solid #333; padding-bottom: 10px}
#permission_selection .lhs_selection_inner,
#permission_selection .rhs_selection_inner {padding: 0}

#permission_selection h5 {padding-left: 20px}

#permission_selection a {margin-bottom: 2px; display: block; font-size: 11px; padding: 5px 10px; border-width: 1px 1px 1px; border-style: solid; border-color: #333; background-color: #1a1a1a; cursor: pointer; text-decoration: none}
#permission_selection a:hover {background-color: #222222; text-decoration: none; color: white}
#permission_selection a span {display: block; font-size: 11px}

/* upload section */
table.upload td {padding: 10px 10px 10px 0}
table.upload .btn_upload {display: none}
table.upload .btn_cancel {display: none}

/* gallery sorting */
#gallery_sort_no {float: left; width: 36px}
#gallery_sort_list {float: left; width: 200px}

#gallery_sort_no, 
#gallery_sort_list {padding: 10px 0}

#gallery_sort_no li,
#gallery_sort_list li {padding: 0; line-height: 26px; background-color: #222; color: white; text-align: center; border: 1px solid #444; margin: 0 8px 8px 0}

#gallery_sort_list li {cursor: pointer; text-align: left; padding: 0 5px; background-color: #333; width: 200px}


/* image sorting */
#image_sort {list-style: none; margin: 0; padding: 0}
#image_sort li {display: inline-block; float: left; height: 90px; padding: 0; width: 90px}