/* GALLERY CSS */

body{font-family:"Trebuchet MS"; font-size:12px;}

#galleryhead{z-index:12; position:relative; width:920px; height:164px; border-bottom:10px solid #1c1c1c; background:url(images/gallery/head-marvel1.jpg) no-repeat top center;}
#galleryhead a#backto-btn{position:absolute; display:block; width:159px; height:50px; top:15px; right:14px; background:url(images/gallery/backto-heroclix.png) no-repeat top center; background-position:top;}
#galleryhead a#backto-btn:hover{background-position:bottom;}

#galleryoptions{position:absolute; bottom:0; left:18px; height:85px; width:376px;}
#advancedoptions-btn{height:28px; width:376px;}
#advancedoptions-btn a{height:28px; width:376px; display:block; background:url(images/gallery/advancedoptions.png) no-repeat top center;}
#advancedoptions-btn a:hover{background-position:0 -28px;}
#advancedoptions-btn a.aoactive{background-position:0 -56px;}
#advancedoptions-btn a.aoactive:hover{background-position:0 -84px;}
#set-dropdown{width:376px; height:57px; position:relative; overflow:visible;}
#set-dropdown a.set-droplink{width:288px; height:57px; padding-left:88px; position:absolute; z-index:14; bottom:0; left:0; display:block; background:url(images/gallery/set-dropdown.png) no-repeat top center; font-family:'Trebuchet MS', Helvetica, sans-serif; font-size:20px; text-decoration:none; color:white; line-height:67px;}
#set-dropdown a.set-droplink:hover{background-position:bottom;}
#set-dropdown img.set-dropimg{position:absolute; z-index:15; bottom:0; left:12px; width:69px; height:46px;}

#advancedoptions-wrap{left:0; width:920px; top:-100px; display:block; position:relative; height:100px; background:url(images/common/gradient-tall.jpg) repeat-x bottom center #363638;}
#advancedoptions{padding:14px 22px 6px 22px; color:white; font-size:12px; width:848px; margin:0 auto;}
#advsearchbtn{float:left; cursor:pointer; border:none; font-size:9px; padding:0; margin:0; width:26px; height:24px; background:url(images/common/searchweb-btn.png) no-repeat center center;}
#searchweb-inp{float:left; color:#444; background:white; border:none; outline:none; width:140px; height:16px; padding:4px; font-size:11px;}

.formel{float:left; padding:6px}
.formel-title{color:white; padding:0 0 5px;}
.formel-input{padding:6px; background:#DEDEDE; color:black;}
.formel-input-s{padding:5px; background:#FFF; color:black;}
.formel-input input{}

#set-list{display:none; position:absolute; right:0px; top:-30px; width:296px; z-index:19;}
#set-list-top{width:296px; height:12px; background:url(images/gallery/set-list-top.png) no-repeat top center;}
#set-list-bot{width:296px; height:11px; background:url(images/gallery/set-list-bot.png) no-repeat top center;}
#set-list-bg{width:296px; background:url(images/gallery/set-list-bg-y.png) repeat-y top center;}
#set-list-ul{margin:0 auto; width:273px; background:url(images/gallery/set-list-bg-x.jpg) repeat-x top center;}
#set-list-ul li{margin:0 auto; padding:3px 4px; width:263px; height:32px; background:none; position:relative;}
#set-list-ul li a{background:none; text-decoration:none; height:32px; width:263px; display:block; padding:0; margin:0 auto;}
#set-list-ul li a:hover{background:url(images/gallery/set-list-hover.jpg) repeat-x top center;}
#set-list-ul li a img{float:left; padding:0; margin:0; margin-right:2px; border:none; width:50px; height:32px;}
#set-list-ul li a span{float:left; height:18px; color:white; font-size:16px; padding:8px}

/* css changes in here */
#galleryresults{width:892px;}
#galleryresults thead{background:url(images/gallery/table-headbg.jpg) repeat-x top center; height:36px; width:892px;}
#galleryresults thead td{background:url(images/gallery/table-headbg.jpg) repeat-x top center; padding:3px 13px 0 13px; border-left:1px #666 solid; border-right:1px #666 solid; color:white; font-size:14px; font-weight:bold; line-height:33px; height:33px;}
#galleryresults tbody{border-top:1px solid black; border-bottom:1px solid black;}
#galleryresults tbody td{padding:6px 13px; font-size:11px; color:black; border-right:1px solid #aaa;}
#galleryresults tbody td.first{border-left:1px solid #aaa;}
#galleryresults tbody tr:hover td{background:#f06b07; cursor:pointer; color:white;}
#galleryresults tr.even td{background:#EFEFEF;}
#galleryresults tr.odd td{background:#DEDEDE;}
#galleryresults td.error{font-size:14px; color:#761506; text-align:center; padding:10px 0;}
#galleryresults td.active{background:url(images/gallery/table-headbg-active.jpg) repeat-x top center;}
#galleryresults td span{float:left; display:block;}
#galleryresults td div{float:right; margin-top:9px; width:11px; height:15px;}
#galleryresults td div a{display:block; width:11px; height:7px; background:url(images/gallery/icon-sort.png) no-repeat top center;}
#galleryresults td div a.up{background-position:0 -15px;}
#galleryresults td div a.down{background-position:bottom;}
#galleryresults td div a.hide{visibility:hidden;}
/* ========= end changes */


/* GALLERY POPUP */


/*new css here*/
.card-holder{ width:265px; height:320px; margin:0 auto;}
/*===========*/

.popup-image{width:125px; height:320px; margin-right:10px; overflow:hidden; float:left; cursor:pointer; background-position-x:center; background-position-y:center; background-repeat: no-repeat;}
.popup-wrap{width:385px; float:left; display:block;}

.popup-wrap fieldset{border:1px solid #666; padding:0px 10px 10px 10px; margin-top:11px;}
.popup-wrap legend{font-size:14px; font-weight:bold;}
.popup-wrap fieldset p{padding:8px 0 0 0; margin:0; color:#565e70;}

.popup-border{border:1px solid #404040;}
.popup-header1, .popup-header2{height:15px; font-size:12px; padding:6px 11px 5px; display:block;}
.popup-header1 img, .popup-header2 img{margin-right:1px;}
.popup-header1 span, .popup-header2 span{margin-right:12px;}
.popup-header1 span.right, .popup-header2 span.right{margin:0; float:right; padding:0; display:block;}
.popup-header1{background:url(images/gallery/popup-head1bg.jpg) repeat-x top center; color:#121212;}
.popup-header2{background:url(images/gallery/popup-head2bg.jpg) repeat-x top center; color:white;}
.popup-content{display:block;}
.popup-content table{background:white; width:385px;}
.popup-content table tr{background:white; width:385px;}
.popup-content table tr td{text-align:center; background:white; border-bottom:1px solid #dddddd; height:23px;}
.popup-content table tr td.spdval{background:url(images/gallery/units-m-boot.gif) no-repeat center center #333; width:18px;}
.popup-content table tr td.attkval{background:url(images/gallery/units-a-fist.gif) no-repeat center center #333; width:18px;}
.popup-content table tr td.dmgval{background:url(images/gallery/units-g-starburst.gif) no-repeat center center #333; width:18px;}
.popup-content table tr td.defval{background:url(images/gallery/units-d-shield.gif) no-repeat center center #333; width:18px;}
.popup-content table tr td span{text-align:center; display:block; padding:5px; margin:1px; color:black; border:1px white solid;}

.popup-content table tr td span.red{background:#FF0000; color:white;}
.popup-content table tr td span.orange{background:#ff7a21; color:black;}
.popup-content table tr td span.yellow{background:#fff515; color:black;}
.popup-content table tr td span.ygreen{background:#b0c238; color:black;}
.popup-content table tr td span.green{background:#088A08; color:white;}
.popup-content table tr td span.cyan{background:#32c5df; color:black;}
.popup-content table tr td span.blue{background:#0053a7; color:white;}
.popup-content table tr td span.purple{background:#953f96; color:white;}
.popup-content table tr td span.brown{background:#8f562a; color:white;}
.popup-content table tr td span.black{background:#1b1818; color:white;}
.popup-content table tr td span.grey{background:#938e8d; color:white;}
.popup-content table tr td span.special{background:white; color:black; border:1px black solid;}