@charset "UTF-8";
/*
	Element CSS style sheet
	Modified 03/06/2010
*/

/*Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	/*margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	color: #fff;
	font-family: "Segoe UI", "Lucida Granda", "Trebuchet", "Trebuchet MS", "Verdana", sans-serif;
	font-size: 11px;*/
}

img {
	border:none;
	border-collapse: collapse;
}

#fitcontainer {
	position: relative;
	width: 773px;
	height: 520px;
	overflow:hidden;
}

#backImg {
	
	position:absolute;
	top: 0px;
	right: 0px;
	width: 773px;
	height: 520px;
	background-image: url('../images/panelBackground.png');
	
}

#h1 {
	position:absolute;
	top: 75px;
	left: 65px;
}

#h2 {
	position:absolute;
	top: 40px;
	left: 100px;
}

#h3 {
	position:absolute;
	top: 20px;
	left: 145px;
}

#h4 {
	position:absolute;
	top: 10px;
	left: 190px;
}

#h5 {
	position:absolute;
	top: 10px;
	left: 235px;
}

#h6 {
	position:absolute;
	top: 20px;
	left: 280px;
}

#h7 {
	position:absolute;
	top: 40px;
	left: 320px;
}

#h8 {
	position:absolute;
	top: 75px;
	left: 360px;
}




#m1 {
	position:absolute;
	top: 130px;
	left: 385px;
}

#m2 {
	position:absolute;
	top: 175px;
	left: 395px;
}

#m3 {
	position:absolute;
	top: 225px;
	left: 395px;
}

#m4 {
	position:absolute;
	top: 270px;
	left: 380px;
}

#m5 {
	position:absolute;
	top: 315px;
	left: 370px;
}

#m5 {
	position:absolute;
	top: 310px;
	left: 360px;
}

#m6 {
	position:absolute;
	top: 345px;
	left: 330px;
}

#m7 {
	position:absolute;
	top: 370px;
	left: 290px;
}

#m8 {
	position:absolute;
	top: 380px;
	left: 250px;
}


#l1 {
	position:absolute;
	top: 380px;
	left: 175px;
}

#l2 {
	position:absolute;
	top: 370px;
	left: 130px;
}

#l3 {
	position:absolute;
	top: 345px;
	left: 90px;
}

#l4 {
	position:absolute;
	top: 310px;
	left: 65px;
}

#l5 {
	position:absolute;
	top: 270px;
	left: 40px;
}

#l6 {
	position:absolute;
	top: 220px;
	left: 30px;
}

#l7 {
	position:absolute;
	top: 175px;
	left: 30px;
}

#l8 {
	position:absolute;
	top: 130px;
	left: 35px;
}



#r1 {
	position:absolute;
	top: 330px;
	left: 185px;
}

#r2 {
	position:absolute;
	top: 310px;
	left: 135px;
}

#r3 {
	position:absolute;
	top: 275px;
	left: 100px;
}





#s1 {
	position:absolute;
	top: 330px;
	left: 240px;
}

#s2 {
	position:absolute;
	top: 310px;
	left: 285px;
}

#s3 {
	position:absolute;
	top: 275px;
	left: 320px;
}

#s4 {
	position:absolute;
	top: 225px;
	left: 340px;
}

#s5 {
	position:absolute;
	top: 175px;
	left: 350px;
}

.techI {
	position:absolute;
	top: 0px;
	left: 0px;
}

.techII {
	position:absolute;
	top: 5px;
	left: 4px;
	background: url('../images/flashImage/t2.png') no-repeat top left;
	width: 10px;
	height: 10px;
	z-index:1;
}

.techIII {
	position:absolute;
	top: 5px;
	left: 4px;
	background: url('../images/flashImage/t3.png') no-repeat top left;
	width: 10px;
	height: 10px;
	z-index:1;
}

.faction {
	position:absolute;
	top: 5px;
	left: 4px;
	background: url('../images/flashImage/f.png') no-repeat top left;
	width: 10px;
	height: 10px;
	z-index:1;
}

.officer {
	position:absolute;
	top: 5px;
	left: 4px;
	background: url('../images/flashImage/o.png') no-repeat top left;
	width: 10px;
	height: 10px;
	z-index:1;
}

.deadspace {
	position:absolute;
	top: 5px;
	left: 4px;
	background: url('../images/flashImage/d.png') no-repeat top left;
	width: 10px;
	height: 10px;
	z-index:1;
}




.iconStable .techI {
	position:absolute;
	top: 0px;
	left: 0px;
}

.iconStable .techII {
	position:absolute;
	top: 0px;
	left: 0px;
	background: url('../images/flashImage/t2.png') no-repeat top left;
	width: 10px;
	height: 10px;
}

.iconStable .techIII {
	position:absolute;
	top: 0px;
	left: 0px;
	background: url('../images/flashImage/t3.png') no-repeat top left;
	width: 10px;
	height: 10px;
}

.iconStable .faction {
	position:absolute;
	top: 0px;
	left: 0px;
	background: url('../images/flashImage/f.png') no-repeat top left;
	width: 10px;
	height: 10px;
}

.iconStable .officer {
	position:absolute;
	top: 0px;
	left: 0px;
	background: url('../images/flashImage/o.png') no-repeat top left;
	width: 10px;
	height: 10px;
}

.iconStable .deadspace {
	position:absolute;
	top: 0px;
	left: 0px;
	background: url('../images/flashImage/d.png') no-repeat top left;
	width: 10px;
	height: 10px;
}


#shipbackgroundMim {
	
	position:absolute;
	top: 0px;
	left: 0px;
	background: url('../images/minmatar.jpg') no-repeat;
	width: 600px;
	height: 600px;
}

#shipbackgroundGal {
	
	position:absolute;
	top: 0px;
	left: 0px;
	background: url('../images/gallente.jpg') no-repeat;
	width: 600px;
	height: 600px;
}

#shipbackgroundCal {
	
	position:absolute;
	top: 0px;
	left: 0px;
	background: url('../images/caldari.jpg') no-repeat;
	width: 600px;
	height: 600px;
}

#shipbackgroundAma {
	
	position:absolute;
	top: 0px;
	left: 0px;
	background: url('../images/amarr.jpg') no-repeat;
	width: 600px;
	height: 600px;
}

#shipbackgroundother {
	
	position:absolute;
	top: 0px;
	left: 0px;
	background: url('../images/other.jpg') no-repeat;
	width: 600px;
	height: 600px;
}

#shipbackgroundProt {
	
	position:absolute;
	top: 0px;
	left: 0px;
	background: url('../images/protbackground.jpg') no-repeat;
	width: 600px;
	height: 600px;
}

#shipbackgroundLeg {
	
	position:absolute;
	top: 0px;
	left: 0px;
	background: url('../images/legbackground.jpg') no-repeat;
	width: 600px;
	height: 600px;
}

#shipbackgroundTen {
	
	position:absolute;
	top: 0px;
	left: 0px;
	background: url('../images/tenbackground.jpg') no-repeat;
	width: 600px;
	height: 600px;
}

#shipbackgroundLok {
	
	position:absolute;
	top: 0px;
	left: 0px;
	background: url('../images/lokibackground.jpg') no-repeat;
	width: 600px;
	height: 600px;
}


/*#shipImg {
	position:absolute;
	top: 5;
	left: 20;
	width:450px;
	background: url('../img/ships/256_256/586.png') no-repeat;
}*/



#shipImg {
	position:absolute;
	top: 100px;
	left: 100px;
	width:256px;
	height:256px;
}













#infoBar {
	display:inline;
	position:absolute;
	top: 448px;
	left: 8px;
	width:491px;
	height:64px;
	
}

#characterProt {
	display:inline;
	position:absolute;
	top: 0px;
	left: 0px;
	background-color: #fff;
	width:64px;
	height:64px;
}

#nameid {
	display:inline;
	position:absolute;
	top: 2px;
	left: 70px;
}

#corpid {
	display:inline;
	position:absolute;
	top: 28px;
	left: 70px;
}

#allianceid {
	display:inline;
	position:absolute;
	top: 48px;
	left: 70px;
}

#shipid {
	position:absolute;
	top: 2px;
	left: 260px;
}

#locationid {
	position:absolute;
	top: 28px;
	left: 260px;
}

#dateid {
	position:absolute;
	top: 48px;
	left: 260px;
}


#nameidInput {
	position:absolute;
	top: 2px;
	left: 125px;
}

#corpidInput {
	position:absolute;
	top: 28px;
	left: 125px;
}

#allianceidInput {
	position:absolute;
	top: 48px;
	left: 125px;
}

#shipidInput {
	position:absolute;
	top: 2px;
	left: 320px;
}

#locationidInput {
	position:absolute;
	top: 28px;
	left: 320px;
}

#dateidInput {
	position:absolute;
	top: 48px;
	left: 320px;
}





#statbar {
	
	position:absolute;
	top: 9px;
	left: 509px;
	width:256px;
	height:503px;
	
}


#healthid {
	position:absolute;
	top: 0px;
	left: 0px;
	width:100%;
}

#healtheff {
	position:absolute;
	top: 2px;
	left: 5px;
}

#healthdam {
	position:absolute;
	top: 22px;
	left: 5px;
}

#healthcost {
	position:absolute;
	top: 42px;
	left: 5px;
}

#healtheffInput {
	position:absolute;
	top: 2px;
	left: 100px;
}

#healthdamInput {
	position:absolute;
	top: 22px;
	left: 100px;
}

#healthcostInput {
	position:absolute;
	top: 42px;
	left: 100px;
}



#healthshield {
	position:absolute;
	top: 60px;
	left: 2px;
	background: url('../images/flashImage/Icon22_07.png') no-repeat;
	width:32px;
	height:32px;
}

#healthamour {
	position:absolute;
	top: 60px;
	left: 87px;
	background: url('../images/flashImage/Icon22_06.png') no-repeat;
	width:32px;
	height:32px;
}

#healthhull {
	position:absolute;
	top: 60px;
	left: 177px;
	background: url('../images/flashImage/Icon02_10.png') no-repeat;
	width:32px;
	height:32px;
}

#healthshieldInput {
	position:absolute;
	top: 63px;
	left: 37px;
}
#healthshieldEffInput {
	position:absolute;
	top: 77px;
	left: 37px;
}

#healthamourInput {
	position:absolute;
	top: 63px;
	left: 122px;
}
#healthamourEffInput {
	position:absolute;
	top: 77px;
	left: 122px;
}

#healthhullInput {
	position:absolute;
	top: 63px;
	left: 212px;
	width:70px;
}
#healthhullEffInput {
	position:absolute;
	top: 77px;
	left: 212px;
}


#healthtank {
	position:absolute;
	top: 95px;
	left: 2px;
	width:32px;
	height:32px;
}

#healthdps {
	position:absolute;
	top: 95px;
	left: 87px;
	background: url('../images/flashImage/gun.png') no-repeat;
	width:32px;
	height:32px;
}

#healthsensor {
	position:absolute;
	top: 95px;
	left: 177px;
	width:32px;
	height:32px;
}

#healthtankInput {
	position:absolute;
	top: 103px;
	left: 37px;
}

#healthdpsInput {
	position:absolute;
	top: 95px;
	left: 122px;
}
#healthvolleyInput {
	position:absolute;
	top: 110px;
	left: 122px;
}

#healthsensorInput {
	position:absolute;
	top: 103px;
	left: 212px;
}








#resistid {
	position:absolute;
	top: 120px;
	left: 0px;
}


#emid {
	position:absolute;
	top: 0px;
	left: 40px;
	background: url('../images/flashImage/Icon22_20.png') no-repeat;
	width:32px;
	height:32px;
}

#thid {
	position:absolute;
	top: 0px;
	left: 80px;
	background: url('../images/flashImage/Icon22_18.png') no-repeat;
	width:32px;
	height:32px;
}

#kiid {
	position:absolute;
	top: 0px;
	left: 120px;
	background: url('../images/flashImage/Icon22_17.png') no-repeat;
	width:32px;
	height:32px;
}

#exid {
	position:absolute;
	top: 0px;
	left: 160px;
	background: url('../images/flashImage/Icon22_19.png') no-repeat;
	width:32px;
	height:32px;
}

#rechargeid {
	position:absolute;
	top: 0px;
	left: 200px;
	background: url('../images/flashImage/Icon22_16.png') no-repeat;
	width:32px;
	height:32px;
}

#shieldrid {
	position:absolute;
	top: 30px;
	left: 2px;
	background: url('../images/flashImage/Icon22_07.png') no-repeat;
	width:32px;
	height:32px;
}

#emsidInput {
	position:absolute;
	top: 40px;
	left: 40px;
	background: #23303a;
	width:35px;
	height: 16px;
	text-align: center;
}

#thsidInput {
	position:absolute;
	top: 40px;
	left: 80px;
	background: #3b2424;
	width:35px;
	height: 16px;
	text-align: center;
}

#kisidInput {
	position:absolute;
	top: 40px;
	left: 120px;
	background: #383838;
	width:35px;
	height: 16px;
	text-align: center;
}

#exsidInput {
	position:absolute;
	top: 40px;
	left: 160px;
	background: #3c3325;
	width:35px;
	height: 16px;
	text-align: center;
}

#rechargesidInput {
	position:absolute;
	top: 40px;
	left: 200px;
	width:50px;
	height: 16px;
	text-align: center;
}



#armorrid {
	position:absolute;
	top: 60px;
	left: 2px;
	background: url('../images/flashImage/Icon22_06.png') no-repeat;
	width:32px;
	height:32px;
}

#emaidInput {
	position:absolute;
	top: 70px;
	left: 40px;
	background: #23303a;
	width:35px;
	height: 16px;
	text-align: center;
}

#thaidInput {
	position:absolute;
	top: 70px;
	left: 80px;
	background: #3b2424;
	width:35px;
	height: 16px;
	text-align: center;
}

#kiaidInput {
	position:absolute;
	top: 70px;
	left: 120px;
	background: #383838;
	width:35px;
	height: 16px;
	text-align: center;
}

#exaidInput {
	position:absolute;
	top: 70px;
	left: 160px;
	background: #3c3325;
	width:35px;
	height: 16px;
	text-align: center;
}


#hullrid {
	position:absolute;
	top: 90px;
	left: 2px;
	background: url('../images/flashImage/Icon02_10.png') no-repeat;
	width:32px;
	height:32px;
}

#emhidInput {
	position:absolute;
	top: 100px;
	left: 40px;
	background: #23303a;
	width:35px;
	height: 16px;
	text-align: center;
}

#thhidInput {
	position:absolute;
	top: 100px;
	left: 80px;
	background: #3b2424;
	width:35px;
	height: 16px;
	text-align: center;
}

#kihidInput {
	position:absolute;
	top: 100px;
	left: 120px;
	background: #383838;
	width:35px;
	height: 16px;
	text-align: center;
}

#exhidInput {
	position:absolute;
	top: 100px;
	left: 160px;
	background: #3c3325;
	width:35px;
	height: 16px;
	text-align: center;
}


.emSize {
	background: #1c5277;
	height: 16px;
}

.sizeCounter {
	position:absolute;
	top: 0px;
	left: 0px;
	width:35px;
	height: 16px;
	text-align: center;
}

.thSize {
	background: #8c1a1a;
	height: 16px;
}

.kiSize {
	background: #737373;
	height: 16px;
}

.exSize {
	background: #8c5e1a;
	height: 16px;
}




#shipstatid {
	position:absolute;
	top: 250px;
	left: 0px;
}


#shipspeed {
	position:absolute;
	top: 0px;
	left: 2px;
	background: url('../images/flashImage/Icon22_13.png') no-repeat;
	width:32px;
	height:32px;
}


#shipabmwd {
	position:absolute;
	top: 0px;
	left: 130px;
	background: url('../images/flashImage/icon03_02.png') no-repeat;
	width:32px;
	height:32px;
}




#shipsig {
	position:absolute;
	top: 35px;
	left: 2px;
	background: url('../images/flashImage/Icon22_14.png') no-repeat;
	width:32px;
	height:32px;
}


#shipscan {
	position:absolute;
	top: 35px;
	left: 130px;
	background: url('../images/flashImage/Icon03_09.png') no-repeat;
	width:32px;
	height:32px;
}


#shipdis {
	position:absolute;
	top: 70px;
	left: 2px;
	background: url('../images/flashImage/Icon22_15.png') no-repeat;
	width:32px;
	height:32px;
}


#shiptarget {
	position:absolute;
	top: 70px;
	left: 130px;
	background: url('../images/flashImage/icon04_12.png') no-repeat;
	width:32px;
	height:32px;
}




#shipspeedInput {
	position:absolute;
	top: 10px;
	left: 60px;
	width: 100px;
}


#shipabInput {
	position:absolute;
	top: 0px;
	left: 180px;
	width: 100px;
}
#shipmwdInput {
	position:absolute;
	top: 15px;
	left: 180px;
	width: 100px;
}

#shipsigInput {
	position:absolute;
	top: 35px;
	left: 60px;
	width:70px;
}
#shipsigmwdInput {
	position:absolute;
	top: 50px;
	left: 60px;
	width: 70px;
}


#shipscanInput {
	position:absolute;
	top: 43px;
	left: 180px;
	width: 80px;
}

#shipdisInput {
	position:absolute;
	top: 80px;
	left: 60px;
	width: 70px;
}


#shiptargetInput {
	position:absolute;
	top: 80px;
	left: 180px;
	width: 50px;
}



#shipcapid {
	position:absolute;
	top: 360px;
	left: 0px;
	width:100%;
}

#shipcapamount {
	position:absolute;
	top: 0px;
	left: 2px;
	background: url('../images/flashImage/Icon22_08.png') no-repeat;
	width:32px;
	height:32px;
}


#shipcaprecharge {
	position:absolute;
	top: 0px;
	left: 87px;
	background: url('../images/flashImage/Icon22_16.png') no-repeat;
	width:32px;
	height:32px;
}

#shipcapamountInput {
	position:absolute;
	top: 10px;
	left: 40px;
}


#shipcaprechargeInput {
	position:absolute;
	top: 10px;
	left: 125px;
}


#shipcapright {
	position:absolute;
	top: 37px;
	left: 5px;
	
	background: #244500;
	width: 245px;
	height: 13px;
}


#shipcapUse {
	position:absolute;
	top: 0px;
	left: 180px;
	width:30px;
	text-align: center;
}
#shipcapRec {
	position:absolute;
	top: 15px;
	left: 180px;
	width:30px;
	text-align: center;
}


#shipcapUseInput {
	position:absolute;
	top: 0px;
	left: 210px;
}
#shipcapRecInput {
	position:absolute;
	top: 15px;
	left: 210px;
}

.capSizeGreen {
	background: #349400;
	height: 13px;
}




.capSizeRed {
	background: #8d0000;
	height: 13px;
}


#shipcaprightRed {
	position:absolute;
	top: 37px;
	left: 5px;
	
	background: #8d0000;
	width: 245px;
	height: 13px;
}


.sizeCapCounter {

	position:absolute;
	top: 0px;
	left: 0px;
	width: 245px;
	height: 13px;
	text-align: center;

}





#shipcontentid {
	position:absolute;
	top: 420px;
	left: 0px;
}

#shipcontentdroneid {
	position:absolute;
	top: 0px;
	left: 2px;
	background: url('../images/flashImage/Icon56_05.png') no-repeat;
	width:32px;
	height:32px;
}

#shipdrone1id {
	position:absolute;
	top: 0px;
	left: 50px;
}
#shipdrone2id {
	position:absolute;
	top: 0px;
	left: 90px;
}
#shipdrone3id {
	position:absolute;
	top: 0px;
	left: 130px;
}
#shipdrone4id {
	position:absolute;
	top: 0px;
	left: 170px;
}
#shipdrone5id {
	position:absolute;
	top: 0px;
	left: 210px;
}

#shipcontentcargoid {
	
	position:absolute;
	top: 40px;
	left: 2px;
	background: url('../images/flashImage/Icon03_13.png') no-repeat;
	width:32px;
	height:32px;
}


#shipcargo1id {
	position:absolute;
	top: 40px;
	left: 50px;
}
#shipcargo2id {
	position:absolute;
	top: 40px;
	left: 90px;
}
#shipcargo3id {
	position:absolute;
	top: 40px;
	left: 130px;
}
#shipcargo4id {
	position:absolute;
	top: 40px;
	left: 170px;
}
#shipcargo5id {
	position:absolute;
	top: 40px;
	left: 210px;
}



#infoIcon {
	position:absolute;
	top: 5px;
	left: 5px;
}



#frame {
	width:499px;
	height:399px;
	background-color: #222222;
	font-size: 10px;
	overflow: none;
}


#topImg {
	background-image: url('../images/backdrop.jpg');
	width:100%;
	height: 129px;
	font-size: 10px;
}


#borderA {
	width:100%;
	border: 1px solid #000;
	font-size: 10px;
}

#titleBar {
	width:100%;
	height:20px;
	background: #555555;
	border-bottom: 1px solid #000;
	border: 1px solid #000;
	font-weight: bold;
	text-align: center;
	font-size: 10px;
	padding-top:5px;
	color: #fff;
}

#bodyBar {
	width:100%;
	font-size: 10px;
	color: #fff;
}

#innerpadding {
	padding: 5px;
}