*
{
    margin: 0px;
    border: 0px;
    padding: 0px;
}
body
{   
    font: normal normal 12px/1.4em arial;
    /* SMALL FONTSIZE: 12px LARGE FONTSIZE: 16px */
}
div.wrapper
{
    margin: auto;
    width: 900px;
}
.hidden
{
    display: none;
}
a.arrow
{
	text-transform: uppercase;
	text-decoration: none;
    padding-right: 15px;
    margin-right: 15px;
}
a.archive
{
	font-style: italic;
}

/* HEADER */

div.header
{
    padding: 10px 0px 20px 0px;
    text-transform: uppercase;
}
div.menus
{
    width: 640px;
}
div.menus, div#accessibility
{
    float: right;
}
div#accessibility img
{
    vertical-align: middle;
    margin-left: 4px;
}
div.logo_gama img
{
    margin: 20px 0px 10px 0px;
    
    width: 252px;
    height: 44px;
}
ul#mainmenu
{
    clear: right;
    float: right;
    
    margin: 20px 0px 0px 0px;
    list-style-type: none;
}
ul#mainmenu li
{
    float: left;
    padding: 2px 20px 0px 20px;
}
ul#mainmenu li:first-child
{
    border: 0;
}
ul#mainmenu li:last-child
{
    padding-right: 0px;
}
ul#mainmenu li a
{
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
}
ul#mainmenu ul.level2
{
    position: absolute; 
    left: -98%;
    z-index: 10000;
}
ul#mainmenu li:hover ul.level2
{
	left: auto;
	margin-left: -40px;
	padding: 10px;
}
ul#mainmenu ul.level2 li
{
    display: block;
    float: none;
    border: 0;
    padding: 0px 0px 5px 0px;
    text-align: right;
}
ul#mainmenu ul.level2 a
{
    font-weight: normal;
}

/* SEARCHBAR */
div.searchbar
{
    text-transform: uppercase;
    font-size: 1.1em;
    margin-bottom: 10px;
}
div.searchbar div.block
{
    padding: 0px;
}
div.searchbar div div div
{
    float: left;
}
div.searchbar div div a
{
    text-decoration: none;
}
div.searchbar div div a:hover
{
    text-decoration: underline;
}
div#searchmenu
{
    float: right;
}
div#searchmenu div
{
    padding: 10px 16px 6px 20px;
}
div#searchmenu div:first-child
{
    background: none;
}
div#searchmenu div a
{
    padding-right: 19px;
}
div#searchtabs
{
    padding-top: 3px;
}
div#searchtabs div
{
    margin-right: 3px;
}
div#searchtabs div a
{
    display: block;
    float: left;
    padding: 7px 12px 7px 12px;
}
div.searchbar form
{
    clear: left;
    font: normal normal 1em arial;
}
div.searchbar form fieldset
{
    float: left;
    padding: 7px 10px 0px 10px;
}
div.searchbar form#simple fieldset
{
    float: none;
    padding: 7px 10px 7px 10px;
}
div.searchbar form label
{
    display: block;
    float: left;
    text-align: right;
    width: 110px;
    margin: 0px 10px 15px 0px;
}
div.searchbar form p
{
    clear: left;
}
div.searchbar form input.textfield, 
div.searchbar form select,
div.browse form input.textfield
{
    width: 150px;
    border: 1px solid #000000;
    background: #FFFFFF url(../img/bg_input.png);
    padding: 1px 5px 1px 5px;
    vertical-align: middle;
    margin-right: 6px;
}
div.searchbar form input.small
{
    width: 62px;
}
div.searchbar form select
{
    width: 162px;
    margin-bottom: 15px;
}
div.searchbar fieldset.buttons
{
	float: right;
	margin-right: 2px;
    background: none;
    width: 200px;
    text-align: right;
}
div.searchbar fieldset.buttons label
{
    text-transform: none;
    text-align: left;
    font-size: 0.9em;
    width: 170px;
}
div.searchbar form input#previewonly,
div.searchbar form input#fullworkonly
{
    float: right;
}
div.searchbar form input#frm_searchsubmit,
div.searchbar form input#frm_back,
div#work_related_data form input#frm_searchsubmit
{
    width: 80px;
    height: 19px;
    padding: 1px 20px 2px 12px;
    text-transform: uppercase;
    font-size: 0.8em;
    background: url(../img/bg_searchsubmit.png) no-repeat;
}
div.searchbar form input#frm_back
{
	float: right;
	margin: 7px 12px 0px 0px;
}
div.searchbar form input#resetbutton,
form#mailform input.csc-mailform-submit
{
    width: 110px;
    height: 19px;
    padding: 1px 24px 2px 16px;
    margin-bottom: 45px;
    border: 0px;
    text-transform: uppercase;
    font-size: 0.8em;
    background: url(../img/bg_resetbutton.png) no-repeat;
}
div.searchbar form div#rel_data h3
{
	margin: 0px;
    padding: 9px 10px 4px 10px;
    font-size: 1.1em;
}
div.searchbar div#biocontent p,
div.searchbar div#infoPanel p,
div.searchbar div#biocontent ul
{
	list-style: none;
	text-transform: none;
    padding: 10px;
}
div.searchbar div#biocontent ul
{
	font-size: 0.8em;
}
div.searchbar div#biocontent p img
{
	float: left;
	margin-right: 10px;
}
form#mailform label
{
	display: block;
	margin: 20px 0px 5px 0px;
}
form#mailform input,
form#mailform select,
form#mailform textarea
{
	width:  380px;
	border: 1px solid #000000;
	padding: 5px;
    font: normal normal 12px/1.4em arial;
    background: #FFFFFF url(../img/bg_input.png);
}
form#mailform input.csc-mailform-submit
{
	margin-top: 20px;
}
div.browse form input#getbutton
{
    width: 110px;
    height: 19px;
    padding: 1px 24px 2px 16px;
    text-transform: uppercase;
    font-size: 0.8em;
    background: url(../img/bg_resetbutton.png) no-repeat;
}
div.break
{
    clear: both;
    font-size: 1px;
}
p.break
{
	clear: both;
}

/* HOMEPAGE COLUMNS */

div#featured
{
    float: left;
    width: 445px;
}

div#news
{
    float: right;
    width: 445px;
}

/* CONTENTPAGE COLUMNS */

ul#path
{
	padding: 7px 0px 0px 3px;
}

div#content
{
    float: left;
    width: 645px;
}

div.browse div#content
{	
	float: none;
	width: 900px;
}

div#sidebar
{
    float: right;
    width: 245px;
}

div#sidebar img
{
	width: 245px;
	margin: 0px -20px -15px -20px;
}

/* SEARCHPAGE COLUMMNS */

div#facets
{
    float: left;
    width: 145px;
}

div#results
{
    float: right;
    width: 745px;
}

/* CONTENT */

div.block
{
    background: url(../img/bg_block.png);
    margin-bottom: 10px;
    padding: 0px 20px 10px 20px;
}
div.block h2
{
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: 10px;
    padding-top: 10px;
}
div.browse div.block h2
{
	text-transform: uppercase;
}
div.browse div.block h3
{
	font-size: 1em;
	text-transform: uppercase;
}
div.browse div.block form
{
	padding: 10px 0px 10px 0px;
}
div.browse td.searchletter a
{
	text-decoration: none;
}
div.browse table#persons a.Person
{
	padding-left: 20px;
	background: url(../img/icon_Person.png) no-repeat;
}
div.browse table#persons a.Collective
{
	padding-left: 20px;
	background: url(../img/icon_Collective.png) no-repeat;
}
div.block h3
{
    clear: left;
    font-size: 1.5em;
    font-weight: normal;
    margin: 10px 0px 0px 0px;
}
div.block p
{
    margin-bottom: 10px;
}

/* HOMEPAGE */

div#carouselimage img
{
    width: 400px;
    background: url(../img/bg_block.png);
    padding: 2px;
    margin-bottom: 10px;
}
div#carousel
{
    width: 424px;
    margin: 0px -10px 12px -10px;
}
div#carousel a#prev img,
div#carousel a#next img
{
    width: 6px;
    height: 11px;
    padding: 35px 2px 35px 2px;
}
div#carousel a#prev img
{
    float: left;
}
div#carousel a#next img
{
    float: right;
}
div#carousel div.carousel img
{
	margin-right: 1px;
}

div#carousel p#rollovertitle
{
	margin: 6px 10px 6px 10px;
	border-bottom: 1px solid #707070;
}

div#carousel div.selected img
{
	margin: -4px 1px -4px 0px;
}
div#popular_tags a { margin: 10px 0px 10px 0px; text-decoration: none; }
div#popular_tags a:hover { text-decoration: underline; }
div#popular_tags a.tagsize1 { font-size: 0.8em; }
div#popular_tags a.tagsize2 { font-size: 1.0em; }
div#popular_tags a.tagsize3 { font-size: 1.4em; }
div#popular_tags a.tagsize4 { font-size: 1.8em; }
div#popular_tags a.tagsize5 { font-size: 2.2em; }
div#popular_tags sub { margin-right: 20px; font-size: 0.8em; }

/* FACETS */

div#facets p
{
    background: url(../img/bg_block.png);
    padding: 10px 10px 0px 10px;
    text-transform: uppercase;
}
div#facets ul
{
    background: url(../img/bg_block.png);
    margin-bottom: 10px;
    padding: 0px 10px 10px 10px;
    list-style-type: none;
}
div#facets a
{
    text-decoration: none;
}
div#facets a:hover
{
    text-decoration: underline;
}

/* RESULTS */

div#results
{
    background: url(../img/bg_block.png);
}

div#results table.pntable
{
    width: 100%;
}
div#results table.pntable td
{
    padding: 7px 15px 7px 15px;
}
div#results table.pntable img.first,
div#results table.pntable img.last
{
    width: 8px;
    height: 11px;
}
div#results table.pntable img.prev,
div#results table.pntable img.next
{
    width: 6px;
    height: 11px;
}
div#results table.pntable td.pagetext
{
    width: 500px;
    text-align: center;
    padding: 5px 15px 5px 15px;
}
div#results table.pntable td.pagetext input
{
    width: 20px;
    border: 1px solid #000000;
    background: #FFFFFF url(../img/bg_input.png);
    padding: 1px 5px 1px 5px;
    text-align: center;
    font-size: 1em;
}
div#results table.pntable td.toggleView
{
    width: 245px;
    text-align: right;
    background: none;
}
div#results table.pntable td.toggleView a
{
    padding-right: 20px;
    text-decoration: none;
    text-transform: uppercase;
}
div#results table.pntable td.toggleView a:hover
{
    text-decoration: underline;
}

div#results thead
{
    background: url(../img/bg_block.png);
    text-transform: uppercase;
    font-weight: normal;
}
div#results thead th
{
    padding: 8px 15px 8px 15px;
    text-align: left;
    text-transform: uppercase;
    font-weight: normal;
    cursor: pointer;
}
div#results thead th.last
{
    background-image: none;
}
div#results thead th.sortedTag img
{
    vertical-align: middle;
    margin-left: 6px;
    width: 11px;
    height: 6px;
}
div#results tbody tr.odd,
div#showrelation tbody tr.odd
{
    background: url(../img/bg_block.png);
}
div#results tbody td
{
    vertical-align: top;
    padding: 6px 5px 2px 15px;
}
div#showrelation tbody td
{
    vertical-align: top;
    padding: 2px 5px 2px 5px;
}
div#results tbody td.image,
div#showrelation tbody td.image
{
    padding: 2px 2px 2px 2px;
}
div#results tbody a.moreinfo
{
	float: right;
	margin-right: 11px;
}
div#showrelation td.text li
{
	display: inline;
}
div#showrelation ul li:before { content: ", "; } 
div#showrelation ul li:first-child:before { content: ""; }
div#showrelation ul li:last-child::before { content: " and "; } 

/* FOOTER */

div.footer
{
    clear: both;
}

/* POPUPS */

div#blackscreen
{
    background: url(../img/bg_blackscreen.png);
    z-index: 7;
}
div#loader
{
    position:absolute;
    padding:20px;
    display:none;
    text-align: center;
    vertical-align: middle;
}
div#loader p
{
    margin:20px;
    font-size: 2em;
}
div#popupimg
{
    position:absolute;
    width: 400px;
    padding: 39px 76px 150px 76px;
    display:none;
}
div#handle
{
    width: 100%;
    height: 20px;
    cursor: move;
	text-transform: uppercase;    
	padding: 0px 30px 0px 25px;
}
div#popupimg a.close,
div#selector a.close,
div#extras a.close
{
	float: right;
	padding-right: 50px;
	text-decoration: none;
}
div#popupimg a.moreinfo
{
	float: right;
	padding-right: 20px;
	text-transform: uppercase;
	text-decoration: none;
}
div#popupimg img
{
	width: 400px;
	height: 320px;
}

div#extras
{
    width: 100%;
    position: relative;
    float: left;
    display: none;
    padding: 0;
}
div.popup_title
{
	text-transform: uppercase;
	padding: 41px 80px 0px 80px;
}
div.popup_body
{
	padding: 0px 80px 120px 80px;
}
#acc_movie {
    position: relative;
    float: left;
}
a.acc_select
{
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding-left: 20px;
}
a.acc_noselect
{
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding-left: 20px;
}

/* OLD DESIGNS, To Be incorporated */

#results ul { list-style: none; margin: 0; padding: 0; }
#results ul li { display: inline; }
#results ul li:before { content: ", "; } 
#results ul li:first-child:before { content: ""; }
#results ul li:last-child::before { content: " and "; } 

#work_info_data ul { list-style: none; margin: 0; padding: 0;}
#work_info_data ul li { display: inline; }
#work_info_data ul li:before { content: ", "; } 
#work_info_data ul li:first-child:before { content: ""; }
#work_info_data ul li:last-child::before { content: " and "; } 

#rel_data ul { list-style: none; margin: 0; padding: 0; display:inline;}
#rel_data ul li { display: inline; }
#rel_data ul li:before { content: ", "; } 
#rel_data ul li:first-child:before { content: ""; }
#rel_data ul li:last-child::before { content: " and "; } 

#info_header, #artist_header, #strip_header, #metadata_header, #related_header{
    margin: 0px 0px 3px 410px;
}
#info_content, #artist_content, #strip_content, #metadata_content, #related_content {
    display: none;
    padding: 0px 5px 5px 5px;
    margin-left: 410px;
}
#artist_content hr
{
	border-bottom: 1px solid #707070;
}
.extras_div {
    margin: 0; padding: 4px;
    height:570px;
}
#strip_content {
    text-align: left;
}
#strip_content p {
    margin: 0px;
    padding: 0px;
    text-align: center;
}
#selector {
    width: 490px;
    margin: 130px 0px 0px 5px;  
}
#selector #selectormain,
#selector #selectorsub
{
	padding: 10px 0px 0px 0px;
}
#selector #selectormain #info_button
{
	position: relative;
	top: -23px;
	left: 760px;
}
#selector .selector_info
{
	margin: 0px 23px;
	padding-right: 10px;
	height: 300px;
	overflow-y: scroll;
}
#selector .selector_info p,
#selector .selector_info ul,
#selector .selector_info h2
{
	margin-bottom: 13px;
}
#selector .selector_info ul
{
	list-style: inside;
}
#selector div.col0,
#selector div.col1,
#selector div.col2
{ 
    float: right;
    margin: 0px 5px 0px 15px;
}
.medium_popup div.col0,
.medium_popup div.col1,
.medium_popup div.col2
{
    width: 110px;
}
.big_popup div.col0,
.big_popup div.col1,
.big_popup div.col2
{
    width: 220px;
}
#selector div.col0
{
	float: none;
	margin-left: 25px;
}

/* extra's info tab */
#workinfo p {
    font-size:13px;
    padding:1px 0px 2px 0px;
}
#workinfo h3 {
    font-size:14px;
    font-weight:bold;
    padding:8px 0px 3px 0px;
    background: none;
}
#work_info_thumb {
   float: right;
    width: 30%;
    margin: 5px 0px 0px 5px;
    text-align: center;
}
#work_info_descr {  
    margin: 5px 0px 0px 5px;
}

#work_info_data {
    float: none;
    width: 70%;
    min-height: 78px;
    margin: 5px 0px 0px 5px;
}
#metadata_data label {
	display: block;
	float: left;
	width: 100px;
}
#metadata_data p {
	margin-bottom: 10px;
}
#extras ul {
    list-style:none;
    margin-bottom: 5px;
    padding-bottom: 3px;
    text-align:left;
}
#extras p {
    font-size:13px;
    padding:1px 0px 2px 0px;
    text-align:left;
    text-align:left;
}
#extras  li {
    font-size:13px;
    font-weight:normal;
    padding:1px 0px 0px 0px;
    text-align:left;
}
.ac_results {
	color: #000;
    padding: 0px;
    border: 1px solid #B00000;
    background-color: #fff;
    overflow: hidden;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results iframe {
    display:none;/*sorry for IE5*/
    display/**/:block;/*sorry for IE5*/
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    filter:mask();
    width:3000px;
    height:3000px;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: pointer;
    display: block;
    width: 100%;
    font: menu;
    font-size: 12px;
    overflow: hidden;
}

.ac_loading {
    background : Window url('./indicator.gif') right center no-repeat;
}

.ac_over {
    background-color: #F00;
    color: #000;
}