/********************** ZIROC **********************/


.ziroc .top
	{
	background: #6a6a6a;
	}

.ziroc .name
	{
	background: #b7b7b8;
	color: #4c4c4c !important;
	}
	
.ziroc .portrait
	{
	background: #2b2b2b  url('../img/ziroc-bg-anim.gif') center top repeat;
	background-size: 640px;
	}

.ziroc .inner-table
	{
	color: #b7b7b8;
	}


/********************** ZOZAK **********************/

.zozak .top
	{
	background: #d7461a;
	}

.zozak .name
	{
	background: #ff9054;
	color: #992f0f !important;
	}

	
.zozak .portrait
	{
	background: #2f0d02  url('../img/zozak-lava-anim.gif') center 8px repeat;
	background-size: 1024px;
	}

.zozak .inner-table
	{
	color: #fd995d;
	}


/********************** WOBBI **********************/

.wobbi .top
	{
	background: #a1995a;
	}

.wobbi .name
	{
	background: #e9de89;
	color: #756f46 !important;
	}

	
.wobbi .portrait
	{
	background: #363320  url('../img/wobbi-cloud-anim.gif') center top repeat-x;
	background-size: 640px;
	}

.wobbi .inner-table
	{
	color: #e9de89;
	}


/********************** TILZY **********************/

.tilzy .top
	{
	background: #774180;
	}

.tilzy .name
	{
	background: #dbb4e0;
	color: #3b0b4f !important;
	}

	
.tilzy .portrait
	{
	background: #3b0b4f  url('../img/tilzy-bg-anim.gif') center top repeat-x;
	background-size: 640px;
	}
	
.tilzy .inner-table
	{
	color: #dbb4e0;
	}


/********************** SLONK **********************/

.slonk .top
	{
	background: #10a0a8;
	}

.slonk .name
	{
	background: #5ae3eb;
	color: #09656a !important;
	}

	
.slonk .portrait
	{
	background: #053f42  url('../img/slonk-palmtree-anim.gif') center bottom repeat-x;
	background-size: 640px;
	}
	
.slonk .inner-table
	{
	color: #5ae3eb;
	}


/********************** PITOX **********************/

.pitox .top
	{
	background: #7cd6e3;
	}

.pitox .name
	{
	background: #3f8da2;
   	-moz-box-shadow:  inset 8px 0 0 0 rgba(0,0,0,0.3), 0 8px 0 0 rgba(0,0,0,0.6);
    -webkit-box-shadow: inset 8px 0 0 0 rgba(0,0,0,0.3), 0 8px 0 0 rgba(0,0,0,0.6);
    box-shadow: inset 8px 0 0 0 rgba(0,0,0,0.3), 0 8px 0 0 rgba(0,0,0,0.6);
	}
	
.pitox .portrait
	{
	background: #275a68  url('../img/cloud-anim.gif') top left repeat-x;
	background-size: 640px;
	}

.pitox .inner-table
	{
	color: #3f8da2;
	}


/********************** PINGL **********************/

.pingl .top
	{
	background: #f79f05;
	}

.pingl .name
	{
	background: #fbc25f;
	color: #784f09 !important;
	}
	
.pingl .portrait
	{
	background: #493005  url('../img/pingl-bg-anim.gif') center top repeat;
	background-size: 1280px;
	}

.pingl .inner-table
	{
	color: #f7d79f;
	}


/********************** LOLOB **********************/

.lolob .top
	{
	background: #7396b2;
	}

.lolob .name
	{
	background: #b4d0e8;
	color: #0f4a7c !important;
	}

	
.lolob .portrait
	{
	background: #04213a  url('../img/lolob-surface-anim.gif') center 8px repeat-x;
	background-size: 1024px;
	}

.lolob .inner-table
	{
	color: #b4d0e8;
	}


/********************** IMOIO **********************/

.imoio .top
	{
	background: #ac6f80;
	}

.imoio .name
	{
	background: #eda9c0;
	color: #45222c !important;
	}
	
.imoio .portrait
	{
	background: #45222c  url('../img/imoio-bg-anim.gif') right bottom repeat-x;
	background-size: 640px;
	}

.imoio .inner-table
	{
	color: #eda9c0;
	}


/********************** GOMMI **********************/

.gommi .top
	{
	background: #36a35e;
	}

.gommi .name
	{
	background: #98d2ad;
	color: #117d39 !important;
	}
	
.gommi .portrait
	{
	background: #043918  url('../img/gommi-bg-anim.gif') right bottom repeat-x;
	background-size: 1920px;
	}

.gommi .inner-table
	{
	color: #98d2ad;
	}


/********************** DOPIO **********************/

.dopio .top
	{
	background: #e8d642;
	}

.dopio .name
	{
	background: #f9f27c;
	color: #727005 !important;
	}

	
.dopio .portrait
	{
	background: #2f2e02  url('../img/dopio-surface-anim.gif') center 8px repeat-x;
	background-size: 1024px;
	}

.dopio .inner-table
	{
	color: #727005;
	}


/********************** BLORB **********************/

.blorb .top
	{
	background: #708c0d;
	}

.blorb .name
	{
	background: #b3db27;
	color: #3e5002 !important;
	}

.blorb .portrait
	{
	background: #2a3601  url('../img/torch-anim.gif') center -128px repeat-x;
	background-size: 1280px;
	}

.blorb .inner-table
	{
	color: #dff590;
	}


/********************** SHARED **********************/

.dopio .name, .gommi .name, .imoio .name, .pingl .name, .ziroc .name
	{
   	-moz-box-shadow:  inset 8px 0 0 0 rgba(0,0,0,0.3), 0 8px 0 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 8px 0 0 0 rgba(0,0,0,0.3), 0 8px 0 0 rgba(0,0,0,0.5);
    box-shadow: inset 8px 0 0 0 rgba(0,0,0,0.3), 0 8px 0 0 rgba(0,0,0,0.5);
	}
	

/********************** RESPONSIVE **********************/

@media (max-width: 600px)
{
	.ziroc .name, .pingl .name, .imoio .name, .gommi .name, .dopio .name
		{
	   	-moz-box-shadow:  inset 4px 0 0 0 rgba(0,0,0,0.3), 0 4px 0 0 rgba(0,0,0,0.5);
	    -webkit-box-shadow: inset 4px 0 0 0 rgba(0,0,0,0.3), 0 4px 0 0 rgba(0,0,0,0.5);
	    box-shadow: inset 4px 0 0 0 rgba(0,0,0,0.3), 0 4px 0 0 rgba(0,0,0,0.5);
		}

	.pitox .name
		{
	   	-moz-box-shadow:  inset 4px 0 0 0 rgba(0,0,0,0.3), 0 4px 0 0 rgba(0,0,0,0.6);
	    -webkit-box-shadow: inset 4px 0 0 0 rgba(0,0,0,0.3), 0 4px 0 0 rgba(0,0,0,0.6);
	    box-shadow: inset 4px 0 0 0 rgba(0,0,0,0.3), 0 4px 0 0 rgba(0,0,0,0.6);
		}

	.tilzy .portrait, .slonk .portrait, .imoio .portrait
		{
		background-size: 320px !important;
		}

	.lolob .portrait
		{
		background: #04213a  url('../img/lolob-surface-anim.gif') center 4px repeat-x;
		}

	.dopio .portrait
		{
		background: #2f2e02  url('../img/dopio-surface-anim.gif') center 4px repeat-x;
		}

	.gommi .portrait
		{
		background-size: 960px !important;
		}

	.blorb .portrait
		{
		background: #2a3601  url('../img/torch-anim.gif') center top repeat-x;
		}

	.portrait img
		{
		height: 144px;
		}


}