/* html definitions */

body { background: #ececec; margin: 0px 0px 30px 0px; padding: 0px; text-align: center; }
body.asian_body {background: #ececec url(../img/b_asian.gif) repeat;}
body.boquet_body {background: #ececec url(../img/b_boquet.gif) repeat;}
body.circle_body {background: #ececec url(../img/b_circle.gif) repeat;}
body.dots_body {background: #ececec url(../img/b_dots.gif) repeat;}
body.flower_body {background: #ececec url(../img/b_flower.gif) repeat;}
body.palm_body {background: #ececec url(../img/b_palm.gif) repeat;}
body.slines_body {background: #ececec url(../img/b_slines.gif) repeat;}
body.vine_body {background: #ececec url(../img/b_vine.gif) repeat;}
p { font: 11px/14px Arial, Helvetica, sans-serif; color: #666666; margin: 0px; padding: 0px 0px 10px 0px; }
h1 { font: bold 18px/20px Arial, Helvetica, sans-serif; color: #000000; margin: 0px; padding: 0px; }
h2 { font: normal 12px/16px Arial, Helvetica, sans-serif; color: #000000; margin: 0px; padding: 0px; }
h3 { font: bold 14px/16px Arial, Helvetica, sans-serif; color: #000000; margin: 0px; padding: 0px 0px 10px 0px; }
hr { display: none; }
a:link, a:visited { color: #999999; }
a:hover, a:active {color: #666666; }
form { margin: 0px; padding: 0px; }

/* reusable styles */

*.visible { display: block; }
*.invisible { display: none; }
p.intro_paragraph { font: 14px/20px Arial, Helvetica, sans-serif; }
p.error { font-weight: bold; color: #FF0000; }
span.location_text { color: #666666; font-size: 11px;}
span.author_text { font-size: 12px; }
span.credit_text { color: #666666; font-size: 11px;}
span.from_studio_of_text { font: bold 16px Arial, Helvetica, sans-serif; color: #000000; display: block; padding-top: 2px; padding-bottom: 5px; }
a.category_open_link:link, a.category_open_link:visited { font: bold 11px Arial, Helvetica, sans-serif; color: #000000; padding-right: 12px; background: url(../img/category_open_arrow.gif) no-repeat right center; text-decoration: none; }
a.category_open_link:hover, a.category_open_link:active {}
a.category_closed_link:link, a.category_closed_link:visited { font: bold 11px Arial, Helvetica, sans-serif; color: #000000; padding-right: 8px; background: url(../img/category_closed_arrow.gif) no-repeat right center; text-decoration: none; }
a.category_closed_link:hover, a.category_closed_link:active {}
a.author_link:link, a.author_link:visited { text-decoration: none;color: #666666; }
a.author_link:hover, a.author_link:active { text-decoration: underline; }
a.gallery_thumb_link:link, a.gallery_thumb_link:visited { display: block; border: solid 3px #ffffff; float: left; margin-right: 2px}
a.gallery_thumb_link:hover, a.gallery_thumb_link:active { border: solid 3px #999999;}
a.gallery_work_thumb_link_active {display: block; float: left; margin-right: 3px; border: solid 3px #ffcc00;}
a.gallery_play_thumb_link_active {display: block; float: left; margin-right: 3px; border: solid 3px #e5845a;}
a.gallery_artists_thumb_link_active {display: block; float: left; margin-right: 3px; border: solid 3px #acd037;}
a.project_link:link, a.project_link:visited {padding: 1px;font: 11px/12px Arial, Helvetica, sans-serif; color: #000000;text-decoration: none; }
a.project_link:hover, a.project_link:active { background: #cccccc; color: #000000; }
a.work_project_link_active {padding: 1px; font: 11px/12px Arial, Helvetica, sans-serif; background: #ffc20e; color: #000000 !important; text-decoration: none; }
a.play_project_link_active {padding: 1px; font: 11px/12px Arial, Helvetica, sans-serif; background: #e5845a; color: #000000 !important; text-decoration: none; }
a.artists_project_link_active {padding: 1px; font: 11px/12px Arial, Helvetica, sans-serif; background: #acd037; color: #000000 !important; text-decoration: none; }
a.work_next_link:link, a.work_next_link:visited { padding: 2px 18px 2px 10px;  font: bold 11px/12px Arial, Helvetica,  sans-serif; text-decoration: none; text-transform: uppercase; color: #FFFFFF; background: #ffc20e url(../img/next_arrow.gif) no-repeat right center; display: block; float: right; }
a.work_next_link:hover, a.work_next_link:active { background: #999999 url(../img/next_arrow.gif) no-repeat right center; }
a.play_next_link:link, a.play_next_link:visited { padding: 2px 18px 2px 10px;  font: bold 11px/12px Arial, Helvetica,  sans-serif; text-decoration: none; text-transform: uppercase; color: #FFFFFF; background: #e5845a url(../img/next_arrow.gif) no-repeat right center; display: block; float: right; }
a.play_next_link:hover, a.play_next_link:active { background: #999999 url(../img/next_arrow.gif) no-repeat right center; }
a.artists_next_link:link, a.artists_next_link:visited { padding: 2px 18px 2px 10px;  font: bold 11px/12px Arial, Helvetica,  sans-serif; text-decoration: none; text-transform: uppercase; color: #FFFFFF; background: #acd037 url(../img/next_arrow.gif) no-repeat right center; display: block; float: right; }
a.artists_next_link:hover, a.artists_next_link:active { background: #999999 url(../img/next_arrow.gif) no-repeat right center; }
a.morenews_link:link, a.morenews_link:visited { padding: 2px 18px 2px 10px;  font: bold 11px/12px Arial, Helvetica,  sans-serif; text-decoration: none; text-transform: uppercase; color: #FFFFFF; background: #e6845a url(../img/next_arrow.gif) no-repeat right center; display: block; float: left; }
a.morenews_link:hover, a.morenews_link:active { background: #999999 url(../img/next_arrow.gif) no-repeat right center; }
img.gallery_main_image { display: block; }
img.gallery_thumb_image { display: block; }
div.horizontal_rule { border-bottom: solid 1px #e4e4e4; padding-top: 7px; margin-bottom: 7px; }
div.gallery_thumbs_end {clear: both; font: 1px/1px sans-serif; padding-bottom: 15px; }
div.description_block { width: 515px; }
div.tab_group { padding-left: 10px; }
a.browse:link, a.browse:visited { display: block; width: 47px; height: 18px; background: url(../img/browse.gif) no-repeat; }
a.browse:hover, a.browse:active { background: url(../img/browse.gif) no-repeat -47px; }
a.modify:link, a.modify:visited { display: block; width: 47px; height: 18px; background: url(../img/modify.gif) no-repeat; }
a.modify:hover, a.modify:active { background: url(../img/modify.gif) no-repeat -47px; }
a.delete:link, a.delete:visited { display: block; width: 47px; height: 18px; background: url(../img/delete.gif) no-repeat; }
a.delete:hover, a.delete:active { background: url(../img/delete.gif) no-repeat -47px; }
a.add_media:link, a.add_media:visited { display: block; width: 60px; height: 18px; background: url(../img/add_media.gif) no-repeat; }
a.add_media:hover, a.add_media:active { background: url(../img/add_media.gif) no-repeat -60px; }

/* fundemental structure */

#page_wrapper { width: 774px; text-align: left; margin: 0px auto; }
#maincolumns_col1 { width: 604px; margin-right: 10px; float: left; }
#maincolumns_col2 { width: 160px; float: left; }
#maincolumns_end {clear: both; font: 1px/1px sans-serif; }
#content { background: #ffffff; border-bottom: solid 5px #e4e5e5; padding: 16px 16px 0px 16px; }
#side_navigation {padding-top: 120px; }
#local_navigation { font: bold 11px Arial, Helvetica, sans-serif; color: #9f9f9f; padding-top: 10px; }
#local_navigation a:link, #local_navigation a:visited { color: #000000; text-decoration: none; padding: 1px 4px; display: inline-block; vertical-align: middle;}
#local_navigation a:hover, #local_navigation a:active {  background: #cccccc;}
#local_navigation a.localnav_artists_active {color: #ffffff !important; text-decoration: none; padding: 1px 4px; background: #acd037; display: inline-block; vertical-align: middle; }
#local_navigation a.localnav_studio_active {color: #ffffff !important; text-decoration: none; padding: 1px 4px; background: #8ed8f8; display: inline-block; vertical-align: middle; }

/* global header */

#global_header { height: 80px; background: #ffffff; border-bottom: solid 3px #e4e5e5; margin-bottom: 9px; position: relative; }
#global_header img { display: block; }

#logo { position: absolute; top: 0px; left: 0px; width: 160px; height: 62px; }
#global_navigation { padding-top: 1px; border-top: solid  1px #ebebeb; position: absolute; top: 62px; left: 0px; width: 604px; height: 16px; }
#global_navigation ul { list-style: none; margin: 0px; padding: 0px; float: left; }
#global_navigation li { margin: 0px; padding: 0px; float: left; }

a.nav_work:link, a.nav_work:visited { width: 151px; float: left; height: 14px; padding-top: 2px; color: #999999; font: bold 12px/14px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; text-align: center;  }
a.nav_work:hover, a.nav_work:active {background: #ffc20e; color: #ffffff; }
a.nav_work_active { width: 151px; float: left; height: 14px; padding-top: 2px; background: #ffc20e; color: #ffffff !Important; font: bold 12px/14px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; text-align: center;  }

a.nav_play:link, a.nav_play:visited { width: 151px; float: left; height: 14px; padding-top: 2px; color: #999999; font: bold 12px/14px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; text-align: center;  }
a.nav_play:hover, a.nav_play:active {background: #e5845a; color: #ffffff; }
a.nav_play_active { width: 151px; float: left; height: 14px; padding-top: 2px; background: #e5845a; color: #ffffff !Important; font: bold 12px/14px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; text-align: center;  }

a.nav_artists:link, a.nav_artists:visited { width: 151px; float: left; height: 14px; padding-top: 2px; color: #999999; font: bold 12px/14px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; text-align: center;  }
a.nav_artists:hover, a.nav_artists:active {background: #acd037; color: #ffffff; }
a.nav_artists_active { width: 151px; float: left; height: 14px; padding-top: 2px; background: #acd037; color: #ffffff !Important; font: bold 12px/14px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; text-align: center;  }

a.nav_studio:link, a.nav_studio:visited { width: 151px; float: left; height: 14px; padding-top: 2px; color: #999999; font: bold 12px/14px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; text-align: center;  }
a.nav_studio:hover, a.nav_studio:active {background: #8ed8f8; color: #ffffff; }
a.nav_studio_active { width: 151px; float: left; height: 14px; padding-top: 2px; background: #8ed8f8; color: #ffffff !Important; font: bold 12px/14px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; text-align: center;  }

/* global footer */

#global_footer { padding-left: 16px; padding-top: 10px; }
#global_footer p { font-size: 10px; color: #999999; }

/* artists layout */

#artist_columns { padding-top: 10px; }
#artist_column_one {float: left; width: 280px; margin-right: 10px; }
#artist_column_two {float: left; width: 282px; }
#artist_columns_end { clear: both; font: 1px/1px sans-serif; }

/* friends layout */

#friends_columns { padding-bottom: 30px; }
#friends_column_one { width: 170px; float: left; }
#friends_column_two { width: 170px; float: left; }
#friends_column_three { width: 170px; float: left; }
#friends_columns_end { clear: both; font: 1px/1px sans-serif; }

/* styled tables */

table.styled { margin: 0px 0px 0px; padding: 0px; width: 100%; border-top: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; }
table.styled th { color: #FFFFFF; background: #999898; text-align: left; padding: 4px; padding-right: 0px; font: bold 11px/20px Arial, Helvetica, sans-serif; }
table.styled tr.odd td { background: #f3f3f3; }
table.styled tr:hover { background: #BBBFCA; }
table.styled tr:hover td { background: #AFB3BE; color: #FFF; }
table.styled tr:hover td a { color: #FFF; }
table.styled td { border-left: 1px solid #999999; background: #ffffff;  margin: 0px; padding: 4px; padding-right: 0px; text-align: left; font: 11px/11px Arial, Helvetica, sans-serif; }
table.styled td.name { width: 506px; }
table.styled td.icon { width: 16px; }
table.styled td.username { width: 522px; }
table.styled td.date { width: 48px; }
table.styled td.title { width: 322px; }
table.styled td.studio { width: 100px; }
table.styled td.medium { width: 100px; }

#table_options_wrapper { width: 572px; padding-bottom: 3px; }
#table_options_wrapper p { padding: 0px; margin: 0px; }
#table_options_column1 { float: left; width: 127px; text-align: left; }
#table_options_column2 { float: left; width: 445px; text-align: right; }
#table_options_end { clear: both; font: 1px/1px sans-serif; }

#table_pagination_wrapper { width: 572px; padding-top: 3px; }
#table_pagination_wrapper p { padding: 0px; margin: 0px; }
#table_pagination_column1 { width: 286px; float: left; text-align: left; }
#table_pagination_column2 { width: 286px; float: left; text-align: right; }
#table_pagination_end { clear: both; font: 1px/1px sans-serif; }

table.browser { padding: 0px; margin: 0px 0px 10px 0px; }
table.browser p { font: 11px/14px Arial, Helvetica, sans-serif; color: #666666; padding: 0px; margin: 0px; }
table.browser p.error { font-weight: bold; color: #FF0000; }
table.browser td.col1 { padding-right: 2px; }

#projects_col1 { width: 330px; float: left; border-right: #CCC 1px solid; }
#projects_col2 { float: left; padding-left: 20px; }
#projects_end { clear: both; font: 1px/1px sans-serif; }
.projects_field { width: 275px; }

div.projects_media { margin: 0px 0px 10px 0px; }