body{
    color: #808080;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    margin: 0px;
    overflow-x: hidden;
    background: #E7EBF2;
}

h1{
    font-size: 17px;
    display: inline;  
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px
    margin-0px;
    font-weight: normal;
    color: #333333;
}

h2{
    font-size: 15px;
    display: inline;  
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px
    margin-0px;
    font-weight: normal; 
}

h3{
    font-size: 12px;
    display: inline;  
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px
    margin-0px;
    font-weight: normal;  
}

h4{
    font-size: 11px;
    display: inline;  
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px
    margin-0px;
    font-weight: normal;  
}

dl{
    margin-bottom: 23px;
}

dt{
    font-size: 12px;
    color: #333333;
    margin-top: 2px;
}

ul{
    margin-left: 0px;
    margin-top: 5px;
}

li{
    font-size: 12px;
    color: #333333;  
}

p{
    font-size: 12px;
    display: inline;  
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px
    margin-0px;
    font-weight: normal;  
    color: #333333;
}

a{
    color: #3B5998;
    text-decoration: none;
}

footer{
    width: 738px;
    margin-bottom: 25px;
    text-align: right;
}

footer a{
    margin-left: 3px;
    margin-right: 3px;
}

.user{
    color: #111111!important;
    text-decoration: none;
}


.user a{
    color: #111111!important;
    text-decoration: none;
}


a:hover{
    text-decoration: underline;
}

a:visited {
    color: #3B5998;
}

form{
    margin: 0px;
}

.button{
    height: 25px;
    width: 80px;
    border-width: 1px;
    text-align: center;
    cursor: pointer;
    color: #3B5998;
    padding: 0px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    border: 1px solid #96A2C4;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    background: #ffffff; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ffffff,  #f0f0f0); /* for firefox 3.6+ */ 
    background: -o-linear-gradient(#ffffff,  #f0f0f0); /* for firefox 3.6+ */ 
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .10);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .10);
    -o-box-shadow: 0 1px 0 rgba(0, 0, 0, .10);
}

.button:hover{
    opacity:1;
    filter:alpha(opacity=100);
}

.input{
    height: 25px;
    padding-left: 4px;
    border: 1px solid #D1D1D1;
    margin: 0px;
    -moz-box-shadow: inset 0px 1px 0px #EDEDED;
    -webkit-box-shadow: inset 0px 1px 0px #EDEDED;
    box-shadow: inset 0px 1px 0px #EDEDED;
}



.input:focus{
    outline: none;
}



/*
#everything{
    width: 735px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
}
*/
#everything{
    width: 738px;
    margin-left: auto;
    margin-right: auto;
    padding-left: -2px;
}


#facebox .faceboxContent{
    padding-right: 20px;
    width: 460px;
}



#topContent{
    width: 733px;
    height: 154px;  
    border: 1px solid #D4DAE8;
    border-top: 0px solid #D4DAE8;
    background: #fff;
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 3px 3px 3px;
    -webkit-border-radius: 0px 3px 3px 3px;
    -o-border-radius: 0px 3px 3px 3px;
    -moz-box-shadow: 0px 1px 2px #BEC6DA;
    -webkit-box-shadow: 0px 1px 2px #BEC6DA;
    -o-box-shadow: 0px 1px 2px #BEC6DA;
    box-shadow: 0px 1px 2px #BEC6DA;
    margin-left: 2px;
}

#topContent:after{
    width: 732px;
    border-bottom: 3px solid #D4DAE8;
}

#topContent:hover{
    border-color: #97A4C4;}


#mainContent{
    position:relative;
    overflow: hidden;
    margin-bottom: 25px;
    padding-right: 2px;
}

#leftContentContainer{
    border-right: 3px solid #D4DAE8;
    overflow: hidden;
    float: left;
    padding-right: 12px;
    padding-bottom: 2px;
    padding-left: 2px;
}

#leftContent{
    width: 170px;
    margin-top: 25px;
    border: 1px solid #D4DAE8;
    background: #fff;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0px 1px 2px #BEC6DA;
    -webkit-box-shadow: 0px 1px 2px #BEC6DA;
    -o-box-shadow: 0px 1px 2px #BEC6DA;
    box-shadow: 0px 1px 2px #BEC6DA;
    display: inline-block;

}

#leftContent:hover{
    border-color: #97A4C4;}

#rightContent{
    width: 535px;
    padding-left: 12px;
    padding-bottom: 2px;
    float: right;
}

a.moreLink {
    text-decoration:none;
    outline: none;
    font-size: 10px;
}
a:hover.moreLink{
    text-decoration:underline;
    outline: none;
}


#aboutAll{
    width: 738px;
    background: #ffffff;
    margin-left: auto;
    margin-right: auto;
    -moz-box-shadow: 0px 1px 2px #BEC6DA;
    -webkit-box-shadow: 0px 1px 2px #BEC6DA;
    -o-box-shadow: 0px 1px 2px #BEC6DA;
    box-shadow: 0px 1px 2px #BEC6DA;
    border-left: 1px solid #D4DAE8;
    border-right: 1px solid #D4DAE8;
    margin-bottom: 25px;
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 3px 3px 3px;
    -webkit-border-radius: 0px 3px 3px 3px;
    -o-border-radius: 0px 3px 3px 3px;
}



#aboutTopBar{
    width: 100%;
    height: 32px;
    background: #4F515D; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#cbcbcb'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#cbcbcb)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #d9d9d9,  #cbcbcb); /* for firefox 3.6+ */ 
    background: -o-linear-gradient( #d9d9d9,  #cbcbcb); /* for firefox 3.6+ */ 
    border-bottom: 1px solid #a0a0a0;
    color: #333333;
}

#aboutTopBar a{
    color: #333333;
}

#aboutTitle{
    font-size: 27px;
    color: #333333;
    margin-top: 25px;
    margin-left: 25px;
}

#aboutMain{
    width: 688px;
    margin-left: 25px;
    margin-top: 25px;
    padding: 10px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 1px solid #D4DAE8;
    padding-left: 0px;
    padding-right: 0px;
}

#about{
    display: inline-block;
    width: 412px;
}

#aboutMain img{
    display: inline-block;
    width: 262px;
    float: right;
    margin-top: 30px;
}

#aboutFAQ{
    width: 668px;
    margin-left: 25px;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 25px;
    border-top: 1px solid #D4DAE8;
}

#aboutBottom{
    width: 668px;
    margin-left: 25px;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 25px;
    border-top: 1px solid #D4DAE8; 
    margin-bottom: 25px;   
}

#legend{
    width: 292px;  
    display: inline-block; 
}

.legendImage{
    width: 20px;
    display: inline-block;
}

#contact{
    float: right;
    width: 292px;
    border-left: 1px solid #D4DAE8;
    padding-left: 35px;
}




#headerTopBar{
    width: 100%;
    height: 25px;
    background: #4F515D; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#cbcbcb'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#cbcbcb)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #d9d9d9,  #cbcbcb); /* for firefox 3.6+ */ 
    background: -o-linear-gradient( #d9d9d9,  #cbcbcb); /* for firefox 3.6+ */ 
    border-bottom: 1px solid #a0a0a0;
    color: #333333;
}

#headerTopBar a{
    color: #333333;
}

#userProfileImageContainer{
    margin-left: 10px;
    margin-top: -17px;
    display: inline-block;
}

#userProfileImage{
    padding: 5px;
    border: 1px solid #D4DAE8;
    background: #fff;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0px 1px 2px #BEC6DA;
    -o-box-shadow: 0px 1px 2px #BEC6DA;
    -webkit-box-shadow: 0px 1px 2px #BEC6DA;
    box-shadow: 0px 1px 2px #BEC6DA;
    overflow: hidden;
    display: inline-block;
}

#userInfoContainer{
    display: inline-block;
    overflow: hidden;
    top: 0px;
    position: absolute;
    margin-top: 29px;
    margin-left: 8px;
}

#userJoinDate{
    margin-top: 1px;
}

#userEnmityInfo{
    display: inline-block;
    overflow: hidden;
    padding: 5px;
    border: 1px solid #D8DFEA;
    background-color: #F1F3F8;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    margin-top: 4px;
    min-width: 262px;
    color: #333;
}

#declareUserEnemy{
    float: right;
    margin-right: 16px;
    margin-top: 6px;
}

#headerControls{
    float:right;
    margin-right: 5px;
}

.headerControl{
    display: inline-block;
    margin-top: 7px;
    margin-right: 5px;
    margin-left: 5px;
}



#userCenterContent{
    width: 735px;
    display: inline-block;
    margin-left: 0px;
}



.sectionInfo{
    height: 40px;
    background-color: #F0F0F0;
    border-bottom: 1px solid #D1D1D1;
    padding: 5px;
}

.infoHeader{
    line-height: 15px;
    color: #333;
	float: left;
	display: inline-block;
}

.infoExtra{
    line-height: 12px;
    margin-top: 5px;
	float: left;
}

.moreContent span {
    display: none;
}




.commonSectionTop{
    padding: 5px;
    padding-bottom: 0px;
    border: 1px solid #D4DAE8;
    border-bottom: 0px;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
    margin: 0px;
    display: inline-block;
}

.commonSectionBottom{
    padding: 5px;
    padding-top: 5px;
    border: 1px solid #D4DAE8;
    border-top: 0px;
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    -o-border-radius: 0px 0px 3px 3px;
    margin: 0px;
    display: inline-block;
}




/*BEGIN SIDEBAR BLOCK -------------------------  */

.sidebarTitle{
    height: 15px;
    width: 160px;
    padding: 5px; 
    background: #4F515D; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#cbcbcb'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#cbcbcb)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #d9d9d9,  #cbcbcb); /* for firefox 3.6+ */ 
    background: -o-linear-gradient(#d9d9d9,#cbcbcb);
    border-bottom: 1px solid #a0a0a0;
    border-top: 0px solid #bcbcbc;
    color: #333333;
     
}

.sidebarTitleInitial{
    border-radius: 2px 2px 2px 0px;
    -moz-border-radius: 2px 2px 2px 0px;
    -webkit-border-radius: 2px 2px 2px 0px;
    -o-border-radius: 2px 2px 2px 0px;
    border-top: 0px solid #D8DFEA;
}

.sidebarContentContainer{
    padding: 5px;

    
}

.sidebarContent{
    width: 160px;
    height: 295px;
    overflow-y: auto;
}

.sidebarItem{
    height: 40px;
    width: 130px;
    padding-top: 10px;
    padding-left: 10px;
    border-bottom: 1px solid #D4DAE8;
} 

.sidebarItem:hover{
    cursor: default;
    background-color: #ECEFF4;
} 

.sidebarItemInnactive:hover{
    cursor: default;
}

.sidebarItemLast{
    border-bottom: 0px solid #D4DAE8;
}

.sidebarEnemyImage{
    width: 30px;
    height: 30px;
    background: #D4DAE8;
    display: inline-block;
    float: left;   
}

.sidebarEnemyImage img{
    width: 30px;
    height: 30px;
}

.sidebarEnemyName{
    position: relative;
    display: inline-block;
    margin-left: 5px;
}

.sidebarExtra{
    font-size: 9px; 
    margin-left: 5px;
    margin-top: 2px;
    display: inline-block;
    position: relative;
    opacity:.8;
    filter:alpha(opacity=80);  
}

.sidebarExtra:hover{
    opacity:1;
    filter:alpha(opacity=100);  
}

.sidebarEnemyCount{
    display: inline-block;
    margin-left: 5px;
}

.sidebarEnemyAdd{
    display: none;
    margin-top: 1px;
    margin-right: 3px;
}

.sidebarEnemyView{

}

.sidebarEnemyView:hover{
    cursor: pointer;
}

/*END SIDEBAR BLOCK -------------------------  */

#rightTopContent{
    margin-top:25px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    margin-left: -10px;
    overflow: visible;
    width: 100%;
    /*The padding here serves to allow room for shadows areound content. This is necessary because of overflow: hidden.*/
    padding-right: 10px;
    padding-left: 10px;
    position: relative; 
}



#rightBottomContent{
}



#archenemyContainer{
    width: 340px;
    background: #fff;
    float:left;
    margin-bottom: 25px;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0px 1px 2px #BEC6DA;
    -webkit-box-shadow: 0px 1px 2px #BEC6DA;
    -o-box-shadow: 0px 1px 2px #BEC6DA;
    box-shadow: 0px 1px 2px #BEC6DA;
}

#archenemyContainer:hover .likeEnemyContainer, .likeEnemy{
    height: 29px;
    margin-bottom: 5px;
    opacity: 1;
    overflow: visible;


    /* HOVER ON */

    transition:opacity 2s, height .5s, margin .5s, overflow: 2;
    -moz-transition:opacity 2s, height .5s, margin .5s; /* Firefox 4 */
    -webkit-transition:opacity 2s, height .5s, margin .5s; /* Safari and Chrome */
    -o-transition:opacity 2s, height .5s, margin .5s; /* Opera */
    transition-delay: .75s;
    -moz-transition-delay: .75s; /* Firefox 4 */
    -webkit-transition-delay: .75s; /* Safari and Chrome */
    -o-transition-delay: .75s /* Opera */
}

#archenemyContainer:hover #archenemyControls{
    display: inline-block;
}

#archenemyContainer:hover #archenemyStatusInfo{
    display: inline-block;
}

#archenemyContainer:hover .commonSectionTop{
    border-color: #97A4C4;}

#archenemyContainer:hover .commonSectionBottom{
    border-color: #97A4C4;}

#archenemyInfo{
    width:318px;
}

#archenemy{
    width: 323px;
    min-height: 126px;    display: inline-block;
    margin-top: 5px;
    margin-left: 5px;
}

#archenemyTopContent{
    width: 298px;
    height: 83px;
    display: inline-block;
    margin-left: 10px;
}

#archenemyImage{
    width: 81px;
    height: 81px;
    background-color: #D4DAE8;
    display: inline-block;
    float: left;
}

#archenemyTopCenterContent{
    display: inline-block;
    float: left;
    margin-left: 10px; 
    position: absolute; 
}

.archenemyExtraInfo{
    line-height: 12px;
    display: block;
    margin-top: 5px;
}

.archenemyStatusImage{
    margin-top: 2px;
}

#archenemyStatusInfo{
    display: none;
    margin-left: 8px;
    position: absolute;
    background: #ECEFF4;
    line-height: 16px;
    margin-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
}

#archenemyControls{
    display: none;
    float: right;
    margin-top: -2px;
}

#archenemyContext{
    width: 288px;
    background-color: #ECEFF4;    
    padding: 5px;
    margin-top: 8px;
    margin-left: 10px;
    margin-bottom: 10px;
    color: #333333;
}

#noContextGiven{
    margin-bottom: 10px;
}


#nexusContainer{
    width: 170px;
    height: 164px; 
    background: #fff;    
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0px 1px 2px #BEC6DA;
    -webkit-box-shadow: 0px 1px 2px #BEC6DA;
    -o-box-shadow: 0px 1px 2px #BEC6DA;
    box-shadow: 0px 1px 2px #BEC6DA; 
    display: inline-block;
    float: right;
    position:absolute;
    margin-left: 23px;
    margin-right: 2px;

    border: 1px solid #D4DAE8;
}

#nexusContainer:hover{
    border-color: #97A4C4;    
}

#nexus{
    height: 100%;
    width: 100%;
    padding: 5px;
}

#nexusTitle{
    padding-left: 5px;
    padding-bottom: 3px;
    padding-right: 5px;
    border-bottom:1px solid #D4DAE8;
    width: 150px;
    margin-bottom: 5px;
}

#nexusMain{
    margin-top: 2px;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 12px;
    width: 150px;
}

.noDissonance{
    padding-top: 32px;
    margin-left: 5p!importantx;
    margin-right: 5px!important;
    line-height: 15px!important;
    width: 150px;  
    text-align: center;
}

#shareDissonanceButtonContainer{
    position: absolute;
    background: #F2F2F2;
    width: 155px;
    right: 0;
    text-align: right;
    padding-right: 5px;
    bottom: 0px;
    height: 17px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding-top: 2px;    
}

.dissonanceImage{
    display: inline-block;
    height: 40px;
    width: 40px;
    background-color: #D4DAE8;
    margin-left: 5px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.dissonanceImage img{
    height: 40px;
    width: 40px;
}


#shareDissonanceBox{
    margin-top: 10px;

    width: 438px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
}


#enemyTopCenterContent{
    display: inline-block;
    float: left;
    margin-left: 10px;
}

#allEnemies{
    width: 535px;
    display: inline-block;
    float: right;   
    background: #fff;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0px 1px 2px #BEC6DA;
    -webkit-box-shadow: 0px 1px 2px #BEC6DA;
    -o-box-shadow: 0px 1px 2px #BEC6DA;
    box-shadow: 0px 1px 2px #BEC6DA;
    margin-top: -1px;
}

#allEnemies:hover{
  
}

#allEnemies:hover .commonSectionTop{
    border-color: #97A4C4;}

#allEnemies:hover .commonSectionBottom{
    border-color: #97A4C4;}

#addEnemies{
    float: right;
    display: inline-block;
    position: relative;
    bottom: 15px;
    right: 1px;
}

#enemiesInfo{
    width: 513px;
    min-height: 40px;
    background-color: #F0F0F0;
    border-bottom: 1px solid #D1D1D1;
    padding: 5px;
    overflow: hidden;
}

#enemiesInfoExtra{
    line-height: 12px;
    margin-top: 5px;
    float: left;
    max-width: 418px;    line-height: 16px;
}

#enemiesList{
    width: 523px;
    max-height: 397px;
    overflow-y: auto;
    overflow-x: hidden;
}

.enemiesEach{
    width: 290px;
    display: inline-block;
    background-color: none;
    border-bottom: 1px solid #D4DAE8;
   /* margin-top: 5px; */
    margin-bottom: 10px;
    margin-left: 5px;
}

.likeEnemyContainer{
    opacity: 0;
    height: 0px;
    overflow: hidden;

    /* HOVER OFF */

    transition: height .5s;
    -moz-transition: height .5s; /* Firefox 4 */
    -webkit-transition: height .5s; /* Safari and Chrome */
    -o-transition: height .5s; /* Opera */
}

.likeEnemy{
    overflow: hidden;
    opacity: 0;
}

.enemiesEach:hover .likeEnemyContainer, .likeEnemy{
    height: 29px;
    margin-bottom: 5px;
    opacity: 1;
    overflow: visible;

    /* HOVER ON */

    transition:opacity 2s, height .5s, margin .5s, overflow: 2;
    -moz-transition:opacity 2s, height .5s, margin .5s; /* Firefox 4 */
    -webkit-transition:opacity 2s, height .5s, margin .5s; /* Safari and Chrome */
    -o-transition:opacity 2s, height .5s, margin .5s; /* Opera */
    transition-delay: .75s;
    -moz-transition-delay: .75s; /* Firefox 4 */
    -webkit-transition-delay: .75s; /* Safari and Chrome */
    -o-transition-delay: .75s /* Opera */
}



.enemiesEachFinal{
    border-bottom: 0px solid #D4DAE8;
    margin-bottom: 0px;
}

.enemiesEachFirst{
    margin-top: 5px;
}


#moreContainer{
    width: 493px;
    height: 25px;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 10px;
    positon: relative;
    text-align: center;
    font-size: 11px;
    color: #3B5998;
    line-height: 24px;
    display: block;
    background-color: #EDEFF4;
    border: 1px solid #D8DFEA;
    border-bottom: 1px solid #C2C8D1;
}

#moreContainer a{
    color: #3B5998;
}

#moreContainer:hover{
    background: #D8DFEA;
    cursor: pointer;
}

#moreContainer:hover #loadMoreEnemiesLink{
    text-decoration: underline;
}

.enemyTopContent{
    width: 483px;
    height: 51px;
    display: inline-block;
    background-color: none;
    margin-left: 10px;
}

.enemyImage{
    width: 41px;
    height: 41px;
    background-color: #D4DAE8;
    display: inline-block;
    float: left;
}

.enemyImage img{
    width: 41px;
    height: 41px;
}

.enemyImageLarge{
    width: 50px;
    height: 50px;
    background-color: #D4DAE8;
    display: inline-block;
    float: left; 
}

.enemyImageLarge img{
    width: 50px;
    height: 50px;
}

.enemyTopCenterContent{
    display: inline-block;
    float: left;
    margin-left: 10px;
}

.enemyNameSection{
    margin-top: 2px;
    line-height: 15px;
    display: inline-block;
}

.enemyName{
    display: inline-block;
}

.enemySpecification{
    display: inline-block;
    margin-left: 6px;
    margin-bottom: -2px;
}


.enemyDate{
    line-height: 12px;
    display: block;
    margin-top: 5px;
}

.confirmation{
    line-height: 10px;
    display: block;
    margin-top: 3px;
}

.enemyTopRightContent{
    float: right;
    display: inline-block;
    text-align: right;
}

.enemyControls{
    display: none;
}

.enemyControls_addEnemy{
    display: inline-block;
}

.enemyControl{
    opacity:.8;
    filter:alpha(opacity=80);  
    display: inline-block;    
}

.enemyControlArchenemy{
    opacity:.8;
    filter:alpha(opacity=80);
    display: inline-block;  
}

.enemyControlArchenemy:hover{
    cursor: pointer;
    opacity:1;
    filter:alpha(opacity=100);      
}

.enemyControl:hover{
    cursor: pointer;
    opacity:1;
    filter:alpha(opacity=100);    
}

.enemyControl_nonControl:hover{
    cursor: default;
}

.enemyControl img{
    margin-top: 5px;
    margin-left: 10px;    
}

.enemyControlArchenemy img{
    margin-top: 0px;
    margin-left: 10px;
}

.disabledControl{
    opacity:.3;
    filter:alpha(opacity=30);       
}

.disabledControl:hover{
    cursor: default;
    opacity:.3;
    filter:alpha(opacity=30);       
}

.similarControl{
    margin-bottom: -4px;
    margin-right: 5px;
    opacity:.8;
    filter:alpha(opacity=80);  
}

.similarControl:hover{
    cursor: pointer;
    opacity:1;
    filter:alpha(opacity=100);  
}

.similarControlSidebar{
    margin-bottom: 0;
    margin-right: 2px;
    margin-left: 1px;
    opacity:.8;
    filter:alpha(opacity=80);   
  
    display:none;
}

.similarControlSidebar:hover{
    cursor: pointer;
    opacity:1;
    filter:alpha(opacity=100);  
}

.deleteEnemy{

}

.declareArchenemy{
    
}

.addContext{
    margin-right: -4px;
}


.enemyBottomContent{
    
}




#addEnemiesBox{
margin-left: 9px;
overflow: hidden;	
}

#addEnemiesInfo{
    width: 438px;
}

#addEnemiesTop{
    padding: 5px;
    padding-bottom: 0px;
    border: 1px solid #D4DAE8;
    border-bottom: 0px;
    margin: 0px;
	margin-top: 10px;
    display: inline-block;
}

#addEnemiesMiddle{
    min-width: 448px;
    padding: 5px;
    padding-top: 0px;
	padding-bottom: 0px;
    border: 1px solid #D4DAE8;
    border-top: 0px;
    margin: 0px;
    display: inline-block;
}

#addEnemiesCategories{
}

.addEnemiesCategory{
	width: 438px;
	padding: 5px;
	height: 37px;
	border-bottom: 1px solid #D4DAE8;
}

.addEnemiesCategory:hover{
	cursor: pointer;
	background-color: #ECEFF4;
}

.addEnemiesCategoryLast{
    margin-bottom: 5px;
	border-bottom: 0px solid #D4DAE8;
}

.addEnemiesCategoryDesc{
	line-height: 12px;
	margin-top: 5px;
}

#addEnemiesBottom{
	margin-bottom: 10px;
    width: 1px;
}

#addEnemiesFromFriends{
    margin-top: 5px;
    margin-bottom: 5px;
    max-height: 259px;
    width: 448px;
    overflow-x: hidden;
    overflow-y: auto;
}

#addEnemiesFromPages{
    margin-top: 5px;
    margin-bottom: 5px;
    max-height: 259px;
    width: 448px;
    overflow-x: hidden;
    overflow-y: auto;
}

#addEnemiesIndividual{
    margin-top: 10px;
    height: 185px;
    width: 438px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: 5px;
    margin-left: 5px;
}

.addEnemiesEach{
    width: 418px;
    padding: 5px;
    height: 41px;
    border-bottom: 1px solid #D4DAE8;
}

.addEnemiesEachFinal{
    border-bottom: 0px solid #D4DAE8;
}

.addEnemiesEach:hover{
    cursor: pointer;
    background-color: #ECEFF4;
}

.enemyExtraInfo{
    line-height: 12px;
    display: none;
    margin-top: 5px;
}

#facebookSearchForm{
    margin-top: 10px;
    margin-bottom: 10px;
}

#facebookSearch{
    width: 273px;
}

.inputShort{
    width: 233px!important;
}

.friendCheck{
    margin-left: 10px;
    margin-right: 5px;
    display:inline-block;
}

.sendToFacebook{
    margin-left: 10px;
    margin-right: 5px;
    display: inline-block;
}

#facebookSearchPages{
    margin-left: 10px;
}

#facebookSearchGroups{
    margin-left: 5px;
}


/* BEGIN DECLARE ARCHENEMY BLOCK ------------------------------*/

#declareArchenemyBox{
margin-left: 9px;   
}

#declareArchenemyInfo{
    width: 438px;
    /*
    background: #ffebe8;
    border-bottom: 1px solid #dd3c10;
    */
}

#declareArchenemyTop{
    padding: 5px;
    padding-bottom: 0px;
    border: 1px solid #D4DAE8;
    border-bottom: 0px;
    margin: 0px;
    margin-top: 10px;
    display: inline-block;
}

#declareArchenemyMiddle{
    min-width: 448px;
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid #D4DAE8;
    border-top: 0px;
    margin: 0px;
    display: inline-block;
}

#declareArchenemyBottom{
    margin-bottom: 10px;
}


#declareArchenemyIndividual{
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: 5px;
    margin-left: 5px;
}

#declareArchenemyConfirmation{
    margin-left: 5px;
    margin-top: 15px;
}

/* END DECLARE ARCHENEMY BLOCK ------------------------------*/


/* BEGIN DELETE ENEMY BLOCK ---------------------------------  */

#deleteEnemyBox{
margin-left: 9px;   
}

#deleteEnemyInfo{
    width: 438px;
    /*
    background: #ffebe8;
    border-bottom: 1px solid #dd3c10;
    */
}

#deleteEnemyTop{
    padding: 5px;
    padding-bottom: 0px;
    border: 1px solid #D4DAE8;
    border-bottom: 0px;
    margin: 0px;
    margin-top: 10px;
    display: inline-block;
}

#deleteEnemyMiddle{
    min-width: 448px;
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid #D4DAE8;
    border-top: 0px;
    margin: 0px;
    display: inline-block;
}

#deleteEnemyBottom{
    margin-bottom: 10px;
}


#deleteEnemyIndividual{
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: 5px;
    margin-left: 5px;
}

#deleteConfirmation{
    color: #E63F48;
    margin-left: 5px;
    margin-top: 15px;
}

.enemyExtraInfo{
    line-height: 12px;
    display: none;
    margin-top: 5px;
}

/* END DELETE ENEMY BLOCK --------------------------------------  */


/*  BEGIN RATING BLOCK ----------------------------------   */

.enemyRating{
    margin: 0px;
    margin-top: -1px;
    margin-right: -1px;
    padding: 0px;
    float: right;
}

#enemyRatingPrompt{
    float: right;
    margin-right: 10px;
    margin-top: 4px;
}

#r1{
    margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
}

#r1:hover{
    cursor: default;
}

.ratings {    
    bottom: 0px;
    width: 3px;  
    background: #ddd;
    vertical-align: bottom;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    position: relative;
    margin-right: 1px;
    border: 1px solid #fff;
} 

.ratings:hover{
    cursor: pointer;
}

.innactive:hover{
    cursor: default;
}

.level_1{
    height:5px;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

/* the :before elements on the fallowing classes create a white border around each rating level's bar. This ensures that the hover elements for the rating bar are activated even when the user is hovering the mouse in the gap between bars.*/
.level_1:before{
    width: 5px;
    height: 7px;
    position: absolute;
    border: 1px solid white;
    display: block;
    content: '';
    left: -2px;
    top: -2px;
    z-index: -11;
}

.level_2{
    height:7px;
    opacity: 0.55;
    filter: alpha(opacity=55);
}

.level_2:before{
    width: 5px;
    height: 9px;
    position: absolute;
    border: 1px solid white;
    display: block;
    content: '';
    left: -2px;
    top: -2px;
    z-index: -11;
}

.level_3{
    height:9px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.level_3:before{
    width: 5px;
    height: 11px;
    position: absolute;
    border: 1px solid white;
    display: block;
    content: '';
    left: -2px;
    top: -2px;
    z-index: -11;
}

.level_4{
    height:11px;
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.level_4:before{
    width: 5px;
    height: 13px;
    position: absolute;
    border: 1px solid white;
    display: block;
    content: '';
    left: -2px;
    top: -2px;
    z-index: -11;
}

.level_5{
    height:13px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.level_5:before{
    width: 5px;
    height: 15px;
    position: absolute;
    border: 1px solid white;
    display: block;
    content: '';
    left: -2px;
    top: -2px;
    z-index: -11;
}

.ratingInnactive{
    background: #ddd;
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
}


/*  END RATING BLOCK ----------------------------------   */



.charsLeft{
    display: inline-block;
    font-size: 12px;
    margin-right: 10px;
    vertical-align: bottom;
}



.archenemyContextEdit {

}

.archenemyUpdateContextForm{
    display: inline-block;
    margin-bottom: 0px;
}

.archenemyContextEdit textarea{
    width: 298px;
    height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
    resize: none;
    background-color: #fff; 
    border: 1px solid #D4DAE8;   
    padding: 5px;
    margin-top: 10px;
    margin-left: 10px;
    /* margin-bottom: -5px; */
    color: #333333;
    font-size: 12px;
    -moz-box-shadow: inset 0px 1px 0px #EDEDED;
    -webkit-box-shadow: inset 0px 1px 0px #EDEDED;
    box-shadow: inset 0px 1px 0px #EDEDED;
}

.archenemyContextEdit textarea:focus{
    outline-width: 0;
    outline:0px none transparent;
}

.archenemyContextEditSubmitContainer{
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 15px;
}



.enemyContext {
    width: 473px;
    background-color: #ECEFF4;    
    padding: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
    color: #333333;
}

.enemyContextEdit {

}

.enemyUpdateContextForm{
    display: inline-block;
    margin-bottom: 0px;
}

.enemyContextEdit textarea{
    width: 483px;
    height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
    resize: none;
    background-color: #fff; 
    border: 1px solid #D4DAE8;   
    padding: 5px;
    margin-left: 10px;
    /* margin-bottom: -5px; */
    color: #333333;
    font-size: 12px;
    -moz-box-shadow: inset 0px 1px 0px #EDEDED;
    -webkit-box-shadow: inset 0px 1px 0px #EDEDED;
    box-shadow: inset 0px 1px 0px #EDEDED;
}

.enemyContextEdit textarea:focus{
    outline-width: 0;
    outline:0px none transparent;
}

.enemyContextInitial {

}

.enemyInitialContextForm{
    display: inline-block;
    margin-bottom: 0px;   
}

.enemyContextInitial textarea{
    width: 438px;
    height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
    resize: none;
    background-color: #fff; 
    border: 1px solid #D4DAE8;   
    padding: 5px;
    margin-top: 10px;
    /* margin-bottom: -5px; */
    color: #333333;
    font-size: 12px;
    -moz-box-shadow: inset 0px 1px 0px #EDEDED;
    -webkit-box-shadow: inset 0px 1px 0px #EDEDED;
    box-shadow: inset 0px 1px 0px #EDEDED;
}

.enemyContextInitial textarea:focus{
    outline-width: 0;
    outline:0px none transparent;
}

.enemyContextEditSubmitContainer{
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    float: right;
}


.enemyContextInitialSubmitContainer{
    margin-top: 10px;
    margin-bottom: 5px;
    display: inline-block;
    float: right;
}



#topContainer{
    margin: 0 30px;
}

#enemyRank{
    width: 25px;
    height: 25px;
    color: #fff;
    border: 1px solid #1D4088;
    margin-top: 0px;
    width: 19px; 
    height: 17px; 
    display: inline-block; 
    float: left; 
    text-align: center; 
    font-size: 12px;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    background: #ffffff; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#627AAD', endColorstr='#304D9A'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#627AAD), to(#304D9A)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #627AAD,  #304D9A); /* for firefox 3.6+ */ 
    background: -o-linear-gradient(#627AAD,  #304D9A); /* for firefox 3.6+ */ 
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .10);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .10);
    -o-box-shadow: 0 1px 0 rgba(0, 0, 0, .10);
    padding-top: 3px;
    padding-right: 1px;
}


#javascriptWarning{
    width: 535px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
    margin-bottom: 200px;
}

.javascriptWarningContainer{
    
}

#javascriptWarningMessage{
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
}

.columnHeading
{
    color: #000;
    font-weight: bold;
    padding: 10px;
    display: block;
}

.likeMe
{
    z-index: 2;
    position: absolute;
    width: 200px;
    height: 200px;
    background-image: url(http://enemygraph.com/images/likeme.png);
    font-weight: bold;
    color: #FFF;
    text-align: center;
    overflow: hidden;
    left: 900px;
}

.likeMeInner
{
    position: relative;
    top: 50%;
}

.likeMeContent
{
    margin-top: -18%;
}