.active_shell {
        float:left;
        margin-left: 25px;
        margin-top: 58px;
    }

    .inactive_shell {
        float:left;
    }

    .petshell {
        position:relative;
        float:left;
        background-color: #1E1E1E;
        border: 2px solid #111;
        width: 230px;
        height: 210px;

    }

    .petshell_mini {
        float:left;
        margin:2px;
        background-color: #1E1E1E;
        border: 2px solid #111;
        width: 230px;
        height: 40px;

    }

    .plus_line_button:hover {
        background-color: #222 !important;
    }

    .petshell_fight {
        float:left;
        background-color: #1E1E1E;
        border: 2px solid #111;
        width: 253px;
        height: 40px;
        margin-bottom: 2px;
    }

    .petfight_level {
        margin-left:230px;
        width: 24px;
        height: 20px;
        border-bottom: 2px solid #111;
        background-color: #333;
        line-height: 20px;
        text-align: center;
    }

    .r_cornered {
        border-radius:     4px;
        -moz-border-radius:    4px;
        -webkit-border-radius:  4px;
        -khtml-border-radius:   4px;
    }

    .r_cornered_strong {
        border-radius:     8px !important;
        -moz-border-radius:    8px !important;
        -webkit-border-radius:  8px !important;
        -khtml-border-radius:   8px !important;
    }

    .slot_disabled {
        margin:12px;
        background-color: #282828;
        border: 1px solid #181818;
        color: #888;
    }

    .clearpet {
        clear:both;
    }
    .highlight_new {
        border: 2px solid #0F0;
        background-color: #222;
    }

    #tabcontainer {
        background-color: #333;
        border: 1px solid #555;
        width:820px;
    }

    .actionshell {
        float:left;
        margin:3px;
        border: 2px solid #242424;
        padding:5px;
        width: 250px;
        height: 260px;
        background-color: #292929;
    }


    .petspec_mini {
        width: 24px;
        height: 24px;
        border-right: 2px solid #111;
        border-bottom: 2px solid #111;
        background-color: #333;
    }

    .petspec {
        z-index:8;
        position: absolute;
        width: 24px;
        height: 24px;
        border-right: 2px solid #111;
        border-bottom: 2px solid #111;
        background-color: #333;
    }

    .petspec .specinfo {
        display:none;

    }

    .petspec:hover .specinfo {
        display:block;
        position:absolute;
        z-index: 10000;
        width: 180px;
        border: 2px #555 solid;
        padding:10px;
        margin: 2px;
        background-color: #222;
    }



    .goodorbad {
        line-height: 25px;
        vertical-align: middle;
        font-weight: bold;
    }
    .goodorbad img {
        border:1px solid #000;
    }

    .petpoints {
        padding-top:4px;
        width: 245px;
        height: 24px;
        font-weight: bold;
    }

    .fight_won {
        color:#14dc00;
    }

    .fight_lost {
        color:#F00;
    }

    .petmini_name {
        width: 230px;
        padding:2px;

        font-size: 14px;
        font-weight: bold;
        border-bottom: 2px solid #000;
        background-color: #111;
    }

    .petname {
        position: absolute;
        width: 196px;
        padding:2px;
        z-index:2;
        padding-left:32px;
        font-size: 14px;
        font-weight: bold;
        border-bottom: 2px solid #000;
        background-color: #111;
    }

    .petname .petnametooltip {
        position: absolute;
        padding:4px;
        z-index:2;
        font-size: 12px;
        color:#EEE;
        font-weight: bold;
        border: 2px solid #555;
        background-color: #111;
        display:none;
    }

    .petname:hover .petnametooltip {
        display:block;
    }

    .petactionshell {
        position: absolute;
        height: 100px;

        width: 230px;
    }
    .petbar {
        border-top: 1px solid #000;
        line-height: 27px;
        text-align: center;

    }
    .petxpbar {
        height:15px;
        width:199px;
        float:left;
        text-align: center;
        line-height: 17px;
        font-weight: bold;
        color: #AAA;
    }

    .pethpbar {
        height:20px;
        width:199px;
        float:left;
        text-align: center;
        line-height: 20px;
        font-weight: bold;
        color: #EEE;
    }

    .rarepet {
        /*border: 2px solid #862c00;*/
        /*color: #f1ca27;*/
        color: #00b4fc
    }

    .rarepet1 {
        /*border: 2px solid #862c00;*/
        /*color: #f1ca27;*/
        color: #00b4fc
    }

    .rarepet2 {
        /*border: 2px solid #862c00;*/
        /*color: #f1ca27;*/
        color: #FFDD00
    }
    .petlvl {
        height:15px;
        width:30px;
        float:left;
        font-weight: bold;
        font-size: 13px;
        border-left: 1px solid #000;
        background-color: #111;
        text-align: center;
        line-height: 17px;
    }
    .pet_regain {

        -webkit-transition: background-color, color .3s linear;
        -moz-transition:    background-color, color .3s linear;
        -o-transition:      background-color, color .3s linear;
        -ms-transition:     background-color, color .3s linear;
        transition:         background-color, color .3s linear;

        height:20px;
        width:30px;
        float:left;
        /*color: #E00;*/
        color: #00DD00;
        font-weight: bold;
        font-size: 14px;
        border-left: 1px solid #000;
        background-color: #117700;
        text-align: center;
        line-height: 20px;
        cursor: pointer;
    }

    .pet_regain:hover {
        color: #002200;
        background-color: #22EE00;

    }

    .disable_regain {
        color: #003300;
        background-color: #002200;
        cursor: auto;

        height:20px;
        width:30px;
        float:left;
        font-weight: bold;
        font-size: 14px;
        border-left: 1px solid #000;
        text-align: center;
        line-height: 20px;
        cursor: pointer;

    }

    

    .petimg {
        background-image: url(http://static.pennergame.de/img/pv4/pet/cardboard_flat.png);
        margin-top:22px;
        width: 230px;
        height: 100px;
        text-align: center;
        overflow: hidden;

    }

    .petimg_shop {
        font-size: 11px;
        background-image: url(http://static.pennergame.de/img/pv4/pet/cardboard_flat.png);
        margin-top:22px;
        width: 230px;
        height: 100px;
        text-align: center;
        overflow: hidden;

    }

    .petimg_shop:hover img {
        display: none;
    }

    .petimg_shop:hover .oldpic {
        display: none;
    }

    .petimg_shop .descr {
        display:none;
    }

    .petimg_shop:hover .descr {
        display:block;
        padding-top:5px;
    }

    .statcontainer {
        float:left;
        padding-left:26px;
        
        width:31px;
        font-weight: bold;
        font-size: 13px;
        line-height: 25px;
        background-color: #111;
        height: 25px;
        background-repeat:no-repeat;
    }

    .statcontainer .stat_tooltip {
        min-width: 200px;
        top: -90px;
        z-index:2000000;
        display:none;
        background-color: #111;
        padding:6px;
        border: 2px solid #555;
        text-align: left;
        font-weight: normal;
        font-size: 12px;
        line-height: 14px;

    }

    .statcontainer .stat_tooltip h1 {
        border-bottom: 2px dashed #222;
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
    }
    .statcontainer .stat_tooltip span {
        color:#888;
    }

    .statcontainer:hover .stat_tooltip {
        display:block;
        position:absolute;
    }

    .statcontainer .statcap {
        color: #444;
        font-size: 10px;
    }
    .statcontainer .tooltiplink {
        text-decoration: none;
        color: #EFEFEF;
    }

    .petbutton {
        font-family: Arial !important;
        font-weight: bold !important;
        color: #AAA !important;
        border-right: 1px solid #000 !important;
        text-align: center !important;
        background-color: #222 !important;

        -webkit-transition: background-color .1s linear;
        -moz-transition:    background-color .1s linear;
        -o-transition:      background-color .1s linear;
        -ms-transition:     background-color .1s linear;
        transition:         background-color .1s linear;

    }

    .petbutton:hover {
        background-color: #333 !important;
    }
    .petbutton:active {
        background-color: #666 !important;
    }


    .itemsetbutton {
        font-family: Arial !important;
        font-weight: bold !important;
        color: #BBB !important;
        border-right: 1px solid #000 !important;
        text-align: center !important;
        background-color: #222 !important;

        -webkit-transition: background-color .1s linear;
        -moz-transition:    background-color .1s linear;
        -o-transition:      background-color .1s linear;
        -ms-transition:     background-color .1s linear;
        transition:         background-color .1s linear;

    }

    .itemsetbutton:hover {
        background-color: #333 !important;
    }
    .itemsetbutton:active {
        background-color: #666 !important;
    }

    .petbusybar {
        -webkit-transition: background-position 600s linear;
        -moz-transition: background-position    600s linear;
        -o-transition: background-position      600s linear;
        -ms-transition: background-position     600s linear;
        transition: background-position         600s linear;
        background-image: url(http://static.pennergame.de/img/pv4/pet/running_band.png);
        background-position: 0px;
    }


    .petbusybar_trans { 
        background-position: 12000px;
    }

    .petbusybar span {
        font-size: 16px;
        font-weight: bold;
        color: #FFF;
    }

    .pet_tab_help {
        border: 2px #444 solid;
        padding:15px;
        margin: 10px;
        background-color: #222;

    }
    .pet_tab_help h1 {
        color:#BBB;
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: bold;
    }
    .pet_tab_help span {
        color:#999;
    }

    #map {
        -webkit-transition: background-image .3s ease-in;
        -moz-transition:    background-image .3s ease-in;
        -o-transition:      background-image .3s ease-in;
        -ms-transition:     background-image .3s ease-in;
        transition:         background-image .3s ease-in;
        position:relative;
        width: 240px;
        height: 170px;
    }
    .map_neutral {
        background-image: url(http://static.pennergame.de/img/pv4/pet/map.png);
    }

    .map_3 {
        background-image: url(http://static.pennergame.de/img/pv4/pet/map_o.png);
    }
    .map_2 {
        background-image: url(http://static.pennergame.de/img/pv4/pet/map_w.png);
    }
    .map_4 {
        background-image: url(http://static.pennergame.de/img/pv4/pet/map_s.png);
    }
    .map_1 {
        background-image: url(http://static.pennergame.de/img/pv4/pet/map_n.png);
    }

    #path {
        -webkit-transition: background-image .3s ease-in;
        -moz-transition:    background-image .3s ease-in;
        -o-transition:      background-image .3s ease-in;
        -ms-transition:     background-image .3s ease-in;
        transition:         background-image .3s ease-in;

        width: 240px;
        height: 170px;
    }
    .path_neutral {
        background-image: url(http://static.pennergame.de/img/pv4/pet/path_1.png);
    }

    .path_10 {
        background-image: url(http://static.pennergame.de/img/pv4/pet/path_1.png);
    }
    .path_30 {
        background-image: url(http://static.pennergame.de/img/pv4/pet/path_2.png);
    }
    .path_60 {
        background-image: url(http://static.pennergame.de/img/pv4/pet/path_3.png);
    }
    .path_90 {
        background-image: url(http://static.pennergame.de/img/pv4/pet/path_4.png);
    }
    .path_120 {
        background-image: url(http://static.pennergame.de/img/pv4/pet/path_5.png);
    }
    .path_180 {
        background-image: url(http://static.pennergame.de/img/pv4/pet/path_6.png);
    }


    .weather_condition {
        -webkit-transition: background-image .2s ease-in;
        -moz-transition:    background-image .2s ease-in;
        -o-transition:      background-image .2s ease-in;
        -ms-transition:     background-image .2s ease-in;
        transition:         background-image .2s ease-in;
        float:left;
        line-height: 36px;
        padding-right:2px;
        padding-top:2px;
        margin-top:8px;
        padding-bottom:2px;
        padding-left: 43px;
        background-repeat:no-repeat;
        width: 72px;
        height: 32px;
        border: 2px solid #555;
        background-color: #333;
        font-weight: bold;
        font-family: "Arial";
        font-size: 12px;

    }
    .weather_condition_neutral {
        background-image: none;
    }

    .weather_condition_1 {
        background-image: url(http://static.pennergame.de/img/pv4/pet/rain.gif);
    }
    .weather_condition_2 {
        background-image: url(http://static.pennergame.de/img/pv4/pet/storm.gif);
    }
    .weather_condition_3 {
        background-image: url(http://static.pennergame.de/img/pv4/pet/rain.gif);
    }
    .weather_condition_4 {
        background-image: url(http://static.pennergame.de/img/pv4/pet/sun.gif);
    }





    #pet_choice {
        
    }

    #pet_choice li {
        cursor:pointer;
    }

    #pet_choice ul {
    }

    #pet_choice .petshell_mini:hover {
        border: 2px solid #444;
    }


    .pet_activated {
        border: 2px solid #EEE !important;
    }

    .pet_featured {
	border: 2px solid #FF8C00 !important;
    }

    .petinfo{
        position:absolute;
        padding: 2px;
        margin-top: -20px;
        border-top: 2px solid #e6d000;
        border-right: 2px solid #e6d000;
        font-weight: bold;
        background-color: #222;
        cursor:default;
        color:#e6d000;

        border-radius:              0 6px 0 0;
        -moz-border-radius:         0 6px 0 0;
        -webkit-border-radius:      0 6px 0 0;
        -khtml-border-radius:       0 6px 0 0;
    }

    /*.petbuff{
        position:absolute;
        z-index:0;
        padding: 2px;
        top:7px;
        right:0px;
        border-left: 2px solid #00Da25;
        border-bottom: 2px solid #00Da25;
        font-weight: bold;
        background-color: #222;
        cursor:default;
        color:#00Da25;

        border-radius:              0 0 0 6px;
        -moz-border-radius:         0 0 0 6px;
        -webkit-border-radius:      0 0 0 6px;
        -khtml-border-radius:       0 0 0 6px;

        -webkit-transition: top .3s ease-in-out;
        -moz-transition:    top .3s ease-in-out;
        -o-transition:      top .3s ease-in-out;
        -ms-transition:     top .3s ease-in-out;
        transition:         top .3s ease-in-out;
    }*/

    .petbuff:hover{
        
        top:22px;
        
    }

    .startbutton {
        margin-top:20px !important;
        font-family: Arial !important;
        font-size:14px;
        padding:8px !important;
        font-weight: bold !important;
        color: #FFF !important;
        border: 2px solid !important;
        border-color: #000 !important;
        text-align: center !important;
        background-color: #333 !important;

        border-radius:     4px;
        -moz-border-radius:    4px;
        -webkit-border-radius:  4px;
        -khtml-border-radius:   4px;
        -webkit-transition: background-color .2s linear, border-color .1s linear;
        -moz-transition:    background-color .2s linear, border-color .1s linear;
        -o-transition:      background-color .2s linear, border-color .1s linear;
        -ms-transition:     background-color .2s linear, border-color .1s linear;
        transition:         background-color .2s linear, border-color .1s linear;

    }

    .startbutton:hover {
        background-color: #444 !important;
        border-color: #222 !important;
    }
    .startbutton:active {
        background-color: #777 !important;
        border-color: #FFF !important;
    }

    .city_effects {
        font-weight:bold;
        font-size: 16px;
        color: #777;
        width:32px;
        line-height: 32px;
        border: 2px #444 solid;
        background-color: #333;
    }

    .pet_action_finished_shell {
        margin:10px;
        padding: 25px;
        border-radius:     4px;
        -moz-border-radius:    4px;
        -webkit-border-radius:  4px;
        -khtml-border-radius:   4px;
        background-color: #222;
        border: 3px solid #666;
    }

    .pet_action_finished_shell h1 {
        color:#EEE;
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: bold;
    }

    .ov_container {
        float:left;
        overflow:hidden;
        margin:3px;
        border: 2px solid #191919;
        padding:15px;
        width: 290px;
        height: 260px;
    }
    .ov_container_wide {
        float:left;
        margin:3px;
        /*border: 2px solid #191919;*/
        padding:5px;
        width: 600px;
    }

    .hs_shell {
        padding-top:10px;
        padding-left:25px;
        background-color: #1E1E1E;
        border: 2px solid #111;
        border-left:none;
        width: 396px;
        height: 200px;
    }

    .low_help_text {
        color: #666 !important;
    }

    .fight_shell h1 {
        color:#BBB;
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: bold;
    }


    .hs_shell h1 {
        color:#FFF;
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: bold;
    }

    .hs_sum {
        color:#EEE;
        font-weight: bold;
    }

    /* lvl up & animations */
    @-webkit-keyframes spin {
      from { -webkit-transform: rotate(0deg); }
      to { -webkit-transform: rotate(360deg); }
    }

    @-webkit-keyframes pulsate {
      from { opacity:1.0; }
      50% {  opacity:0.1; }
      to {  opacity:1.0; }
    }

    #level_up_shell {
        display:none;
        z-index:100000;
        position:absolute;
        width:700px;
        height:387px;
        overflow:hidden;
    }

    #level_up_top {
        position:absolute;
        z-index:100002;
        margin-left: 65px;
        width: 700px;
        height: 400px;
        padding-top:233px;
        background-image:url(http://static.pennergame.de/img/pv4/pet/lvl_up_front.png);
        background-repeat: no-repeat;
        background-position: 105px 160px;

    }
    
	#level_up_top_new {
        position:absolute;
        z-index:100002;
        margin-left: 65px;
        width: 700px;
        height: 400px;
        padding-top:233px;
        background-image:url(http://static.pennergame.de/img/pv4/pet/lvl_up_screen.png);
        background-repeat: no-repeat;
        background-position: 16px 6px;

    }
    
    .coolbutton {
		background-image: url(http://static.pennergame.de/img/pv4/pet/button_normal.png);
		width:262px;
		height: 50px;
		position: relative;
		top: 15px;
		}
	.coolbutton:hover{
		background-image: url(http://static.pennergame.de/img/pv4/pet/button_hover.png);
		}

    #level_up_animation {
        margin-left: 235px;
        margin-top: 20px;
        position:absolute;
        z-index:100001;
        width: 361px;
        height: 361px;
        
        background-image:url(http://static.pennergame.de/img/pv4/pet/lvl_up_rotate.png);

        /* webkit chrome, safari, mobile */
        -webkit-animation-name: spin; 
        -webkit-animation-duration: 7s; /* 3 seconds */
        -webkit-animation-iteration-count: infinite; 
        -webkit-animation-timing-function: linear;
    }

    .itemshell {
        line-height: 36px;
        margin: 3px;
        width: 90%;
        text-align: right;
        background-color: #1E1E1E;
        border: 2px solid #111;
    }

    .itemshell img {
        margin: 5px;
        float:left;
        padding: 1px;
        background-color: #111;
        border: 2px solid #444;
    }

    .itemshell span {
        margin: 5px;
        float:right;
        font-size: 14px;
        color: #AAA;
        font-weight: bold;
    }

    .itemshell .tooltip2 { 
        display:none;
        line-height: 16px;
        text-align: left;
        margin-left:15px;
        margin-top:-40px;
        position:absolute;
    }

    .itemshell:hover .tooltip2 { 
        display:block;
        border: 3px solid #444;
        background-color: #111;
        padding: 2px;
    }

    .itemshell .tooltip2 h1 {
        color:#BBB;
        font-size: 14px;
        font-weight: bold;
    }







    .displayblock {
        display:block;
    }

    .path_info {
        margin-top:8px;
        border: 2px solid #444;
        background-color: #222;
        padding: 5px;
        color: #999;
        font-weight: bold;
        font-size: 12px;
    }
    .pathcost_value {
        color: #F00;
    }

    .pethighscore_container {
        padding:5px;
    }

    #pagination ul {

    }

    #pagination a {
        text-decoration: none;
    }

    #pagination li {
        background-color: #2E2E2E;
        padding: 5px;
        border: 1px solid #1E1E1E;
    }
    .highscore_title {
        float:left;
        line-height: 35px;
        font-size: 14px;
        padding-left:20px;

    }

    #action_start_button {
        display:none;
    }
    #often_used {
        -webkit-transition: background-image .3s ease-in;
        -moz-transition:    background-image .3s ease-in;
        -o-transition:      background-image .3s ease-in;
        -ms-transition:     background-image .3s ease-in;
        transition:         background-image .3s ease-in;
        line-height: 32px;
        padding-right:2px;
        padding-top:2px;
        padding-bottom:2px;
        padding-left: 43px;
        background-repeat:no-repeat;
        background-position: 6px 6px;
        width: 144px;
        height: 32px;
        font-weight: bold;
        font-family: "Arial";
        font-size: 12px;

    }

    .often_used_1 {
        background-image: url(http://static.pennergame.de/img/pv4/pet/cat/1.png);
    }
    .often_used_2 {
        background-image: url(http://static.pennergame.de/img/pv4/pet/cat/2.png);
    }
    .often_used_3 {
        background-image: url(http://static.pennergame.de/img/pv4/pet/cat/3.png);
    }

    #often_used_container {
        /*font-family: "Arial";*/
        display:none;
        width: 144px;
        font-size: 12px;
        font-weight: bold;
        padding: 4px;
        border: 2px solid #444;
        background-color: #252525;
    }

    @-webkit-keyframes bounce {
        from { -webkit-transform: translate(0,0)       scale(1,1); }
        10% {  -webkit-transform: translate(0,-40%)    scale(0.7,1.2); }
        20% {  -webkit-transform: translate(0,10%)     scale(1,0.8); }
        30% {  -webkit-transform: translate(0,-15%)    scale(0.8,1.1); }
        40% {  -webkit-transform: translate(0,5%)      scale(1,0.9); }
        50% {  -webkit-transform: translate(0,-7%)     scale(0.9,1); }
        60% {  -webkit-transform: translate(0,0)       scale(1,1); }
        to  {  -webkit-transform: translate(0,0)       ; }
    }

    .css-bounce {   -webkit-animation: bounce 2.2s ease-in-out 3s 5; }

    @-webkit-keyframes shine {
        from { color:#EEE; }
        50%  { color: #34ed00; }
        to   { color: #EEE;}
    }

    .stat_shine { 
        -webkit-animation-name: shine; 
        -webkit-animation-duration: 1.5s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in;
    }

    .pet_hp_mini{
        height:auto;
        color:#F00;
        font-weight:bold; 
        opacity: 0.0;
        z-index: -1;
        -webkit-transition: opacity .1s ease-in;
        -moz-transition:    opacity .1s ease-in;
        -o-transition:      opacity .1s ease-in;
        -ms-transition:     opacity .1s ease-in;
        transition:         opacity .1s ease-in;
    }

    .stat_upgradable {
        color:#e6d000;
    }

    .petmenu {
        width:160px;
        margin-left: 33px;
        margin-top: -187px;
        z-index:40000;
        display:block;
        background-color: #111;
        border: 3px solid #111;
        font-size: 11px;
        text-align: left;
        display:none;
        position: absolute;
		z-index: 31;
        border-radius:          6px;
        -moz-border-radius:     6px;
        -webkit-border-radius:  6px;
        -khtml-border-radius:   6px;
    }

    .petmenu ul {

    }

    .petmenu li {
        padding:3px;
        font-weight: bold;
        color:#EEE;
        background-color: #333;
        line-height: 20px;
    }

    .petmenu li:hover {
        color:#FFF;
        background-color: #555;
    }

    .petmenu a {
        text-decoration: none;

    }

    .pet_original {
        font-size:11px;
        font-weight: bold;
        color:#888;
    }
    .level_50 {
        color:#FF0;
    }


    .daytime_advantage {
        height:20px;
        width:20px;
        margin-left: 207px;
        z-index:3;
        position: absolute;
        border-right: 2px solid #111;
        border-bottom: 2px solid #111;
        background-color: #333;
    }
    .daytime_advantage div {
        display:none;
        background-color: #111;
        border: 3px solid #444;
        padding:5px;
        margin-left:-200px;
    }
    .daytime_advantage:hover div {
        display:block;

    }

    .pulsating {
        -webkit-animation-name: pulsate; 
        -webkit-animation-duration: 3s; /* 3 seconds */
        -webkit-animation-iteration-count: infinite; 
        -webkit-animation-timing-function: ease-in-out;
    }

    .plunder_boost {
        font-weight: bold;
        color: #00cf4a;
        height:20px;
        width:20px;
        margin-left: 162px;
        z-index:3;
        position: absolute;
        border-right: 2px solid #111;
        border-bottom: 2px solid #111;
       
    }

    .plunder_boost div {
        pointer-events: none;
        position:absolute;
        opacity:0.0;
        background-color: #111;
        border: 3px solid #444;
        padding:5px;
        right:0px;
        min-width: 120px;
        top:15px;
        z-index: 2;
        -webkit-transition: opacity .2s ease-in-out,top .2s ease-in-out;
        -moz-transition:    opacity .2s ease-in-out,top .2s ease-in-out;
        -o-transition:      opacity .2s ease-in-out,top .2s ease-in-out;
        -ms-transition:     opacity .2s ease-in-out,top .2s ease-in-out;
        transition:         opacity .2s ease-in-out,top .2s ease-in-out;
    }

    .plunder_boost:hover div {
        opacity:1.0;
        top:25px;

    }


    .gradient_fadeout {
        padding:5px;
        height:100%;
        width:100%;
        background: -moz-linear-gradient(left,  rgba(30,30,30,0) 0%, rgba(30,30,30,1) 92%, rgba(30,30,30,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,30,30,0)), color-stop(92%,rgba(30,30,30,1)), color-stop(100%,rgba(30,30,30,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  rgba(30,30,30,0) 0%,rgba(30,30,30,1) 92%,rgba(30,30,30,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  rgba(30,30,30,0) 0%,rgba(30,30,30,1) 92%,rgba(30,30,30,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  rgba(30,30,30,0) 0%,rgba(30,30,30,1) 92%,rgba(30,30,30,1) 100%); /* IE10+ */
        background: linear-gradient(to right,  rgba(30,30,30,0) 0%,rgba(30,30,30,1) 92%,rgba(30,30,30,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e1e1e', endColorstr='#1e1e1e',GradientType=1 ); /* IE6-9 */
    }




    .plunder_equipped {

        height:20px;
        width:20px;
        margin-left: 187px;
        z-index:3;
        position: absolute;
        border-right: 2px solid #111;
        border-bottom: 2px solid #111;
       
    }

    .plunder_equipped .petplundertooltip {
        pointer-events: none;
        position:absolute;
        opacity:0.0;
        background-color: #111;
        border: 3px solid #444;
        padding:5px;
        padding-left:35px;
        right:0px;
        min-width: 150px;
        top:15px;
        z-index: 2;
	height:auto;
        -webkit-transition: opacity .2s ease-in-out,top .2s ease-in-out;
        -moz-transition:    opacity .2s ease-in-out,top .2s ease-in-out;
        -o-transition:      opacity .2s ease-in-out,top .2s ease-in-out;
        -ms-transition:     opacity .2s ease-in-out,top .2s ease-in-out;
        transition:         opacity .2s ease-in-out,top .2s ease-in-out;
    }
    .plunder_equipped:hover .petplundertooltip {
        opacity:1.0;
        top:25px;
    }

   x:-o-prefocus,  .petplundertooltip{
       	pointer-events: none;
	display:none;
        position:absolute;
        opacity:0.0;
        background-color: #111;
        border: 3px solid #444;
        padding:5px;
        padding-left:35px;
        right:0px;
        min-width: 150px;
        top:15px;
        z-index: 2;
	height:auto;
        -webkit-transition: opacity .2s ease-in-out,top .2s ease-in-out;
        -moz-transition:    opacity .2s ease-in-out,top .2s ease-in-out;
        -o-transition:      opacity .2s ease-in-out,top .2s ease-in-out;
        -ms-transition:     opacity .2s ease-in-out,top .2s ease-in-out;
        transition:         opacity .2s ease-in-out,top .2s ease-in-out; 
    }

      x:-o-prefocus, .petplundertooltip:hover {
	display:block;
        opacity:1.0;
        top:25px;
    }




    .petswitchmenu {
        width:160px;
        margin-left: 33px;
        margin-top: -187px;
        z-index:40000;
        display:block;
        background-color: #111;
        border: 2px solid #111;
        font-size: 11px;
        text-align: left;
        display:none;
        border-radius:          6px;
        -moz-border-radius:     6px;
        -webkit-border-radius:  6px;
        -khtml-border-radius:   6px;
    }

    .petswitchmenu ul {

    }

    .petswitchmenu li {
        
        padding:3px;
        font-weight: bold;
        color:#EEE;
        background-color: #333;
        line-height: 15px;
    }

    .petswitchmenu li:hover {
        color:#FFF;
        background-color: #555;
    }

    .petswitchmenu a {
        text-decoration: none;

    }

    .hitbox{
        position:absolute;
        width:40px;
        height:40px;
        cursor:pointer;
    }

    .hitbox_test{
        background-color: #F00;
        opacity:0.5;
    }