/**************** MAIN ****************/
#new-profile .maintitle {width:855px !important; height:90px; color:#828e90; font-family:'Oswald', sans-serif !important; border-bottom:10px solid #828e90; text-align:right; border-radius:10px 0 0 0; padding:0; text-transform:none !important; background:#aaa; }

.profname {position:relative; display:inline-block; top:15px; margin-top:18px; margin-right:20px; font-size:48px; letter-spacing:-1px; line-height:32px; text-shadow:1px 1px #222;}

.promain {
    position:relative;  
    width:855px; 
    height:440px;
    margin-bottom:45px;
    border-radius:0 0 10px 0;
    background:#828e90;
    padding-bottom:0px;}   
    
/**************** QUOTE ****************/
.proquote {
    position:relative; float:left;
    width:370px;
    height:65px;
    overflow:auto;
    left:15px;
    top:7px;
    color:#222;
    background:#eee;
    font:18px 'Oswald', sans-serif;
    text-align:center;
    padding:5px;
    margin-bottom:10px;
    line-height: 120%;
    border-radius:5px;
    box-shadow:1px 1px 3px #444;}

.proqtri {
    position:relative;
    left:25px;
    top:82px;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #eee;
    z-index:55;}
    
/**************** AVATAR ****************/
.proavwrap {position:relative; display:inline; float:left; width:280px; height:430px; top:0px; left:0px;}
.proav {position:relative; width:250px; height:400px; border:1px solid #999; margin:15px 5px 5px 5px; outline-color:#ccc; outline-width:5px; outline-style: solid; background: #eee;}
.proav img {width:250px; height:400px;}
.proavfoot {top:5px; left:0; text-align:center; float:left; position:relative; width:50px; }

/**************** NAV ****************/
.pafs {position:relative; text-align:center; float:left; height:29px; width:30px; padding:14px 10px 14px 10px; color:#eee; border-radius:5px 0 0 5px;}
.pafs:hover {background:#ddd; color:#828e90; border-radius:5px 0 0 5px;}
.pafs2 {position:relative; text-align:center; float:left; height:48px; width:50px; color:#999; background:#eee; padding:30px 0 10px 0; font-size:18px;font-weight:bold; font-family:arial; line-height:80%; border-radius:5px 0 0 5px;}
.pafs2sm {font-size:10px;}
    
/**************** CHAR ****************/
    
.promwrap {position:relative; display:inline-block; top:5px; left:-7px; width:515px; height:430px; border-radius:0 0 10px 0; background:#eee; box-shadow:1px 1px 3px #444;}
    
.prowrap {position:relative; width:500px; top:0px; left:3px;}
.prowrapl {position:relative; display:inline-block; width:386px;}
.prowrapr {position:relative; vertical-align:top; display:inline-block; width:110px;}
    
.prohead {
    color:#828e90;
    text-align:left;
    border-bottom:5px solid #828e90;
    padding:5px 0 0 0;
    font-family:'Oswald', sans-serif; 
    font-size:20px; 
    font-style:italic;
    line-height:20px; 
    font-weight:bold;}
    

.proism {
    position:relative; display:inline-block;
    width:10%;
    padding:6px 0 2px 15px;
    margin-top:2px; 
    font-family:tahoma, calibri, sans-serif;
    font-style:normal;
    font-size:16px !important;
    background:#888;
    text-align:center;
    font-size:14px;
    color:#eee;
    border-bottom:2px solid #888;}
    
.proinfo {
    position:relative;  display:inline-block;
    width:83%;
    padding:5px 4px 4px 4px;
    margin-top:2px; 
    font-family:tahoma, calibri, sans-serif;
    font-style:normal;
    font-size:11px;
    color:#000;
    text-align: left;
    border-bottom:2px solid #888;}
    
.proimgt {
    position: relative;
    left:2px;
    width:100px;
    height:150px;
    border-right:5px solid #828e90;
    border-bottom:5px solid #828e90;
    border-left:5px solid #828e90;
    background-position:center;
    background-size:auto 150px;}
    
.promemb {
    position: relative;
    left:2px;
    width:110px;
    height:40px;
    background:#828e90;
    font:24px 'Oswald', sans-serif;
    text-transform: uppercase;
    text-align: center;
    color:#eee;
    font-style: italic;}

#promembtril {
    position:relative; display:inline-block;
    left:2px;
	width: 0;
	height: 0;
	border-top: 30px solid #828e90;
	border-right: 55px solid transparent;
}
#promembtrir {
    position:relative; display:inline-block;
    left:2px;
	width: 0;
	height: 0;
	border-top: 30px solid #828e90;
	border-left: 55px solid transparent;

}

/**************** PLAYER ****************/
.proimgt2 {
    position: relative;
    left:-2px;
    width:100px;
    height:100px;
    border-width:0 5px 5px 5px;
    border-style:solid;
    border-color:#828e90;
    background-position:center;
    background-size:auto 100px;}
    
.proinfo2 {
    position:relative;  display:inline-block;
    width:32%;
    padding:5px 4px 4px 4px;
    margin:2px 0 0 2px; 
    font-family:tahoma, calibri, sans-serif;
    font-style:normal;
    font-size:11px;
    color:#000;
    text-align: right;
    border-bottom:2px solid #888;}

.proinfo3 {
    position:relative;  display:inline-block;
    width:81%;
    padding:5px 4px 4px 4px;
    margin-top:2px; 
    font-family:tahoma, calibri, sans-serif;
    font-style:normal;
    font-size:11px;
    color:#000;
    text-align: right;
    border-bottom:2px solid #888;}

/**************** MISC ****************/
  

.proinfowrap {position:relative; float:left; text-align:left; left:0px; top:0; width:100%; color:#333; border-left:1px solid #ccc;} 
        
.proinfowrap2 {position:relative; text-align:left; left:53px; top:0; width:393px; color:#333; border-right:1px solid #ccc;}

    
.proinwrap {position:relative; float:left; width:100px; height:150px; right:0; top:-3px;}
.proinwrap2 {position:relative; width:100px; height:100px; left:-200px; top:-105px;}

    
.proinfosmb {
    position:relative; display:inline-block;
    padding:11px 5px 11px 4px;
    width:190px;
    left:3px;
    margin-left:-4px;
    font-family:tahoma, calibri, sans-serif;
    font-style:normal;
    font-size:11px;
    background-color:#ddd;
    border-bottom:1px solid #999;} 
    
.proinfo c, .proinfosm c, .proinfosmb c { 
    font-family:calibri;
    text-transform: uppercase;
    font-weight:bold; 
    font-size:11px;
    color:#000 !important;}


#new-profile .minihov { position: relative; display: inline-block; }
#new-profile .minihov:before, .minihov:after {
	position: absolute;
	opacity: 0;
	z-index: 1000000;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	pointer-events: none;

}


#Staff .maintitle {color:#497e81 !important; border-color:#497e81;}
#Staff .promain, #Staff .promemb {background:#497e81;}
#Staff .pafs {color:#eee; background:#497e81;}
#Staff .proimgt, #Staff .proimgt2  {border-color: #497e81;}
#Staff .pafs:hover {background:#ddd !important; color:#497e81;}
#Staff .proquote .fa {color:#497e81 !important;}
#Staff .prohead {color:#497e81; border-color:#497e81;}
#Staff #promembtril {border-top: 30px solid #497e81;}
#Staff #promembtrir {border-top: 30px solid #497e81;}


#Mortal .maintitle {color:#992f2f !important; border-color:#992f2f;}
#Mortal .promain, #Mortal .promemb {background:#992f2f;}
#Mortal .pafs {color:#eee;}
#Mortal .proimgt, #Mortal .proimgt2  {border-color: #992f2f;}
#Mortal .pafs:hover {background:#ddd !important; color:#992f2f;}
#Mortal .proquote .fa {color:#992f2f !important;}
#Mortal .prohead {color:#992f2f; border-color:#992f2f;}
#Mortal #promembtril {border-top: 30px solid #992f2f;}
#Mortal #promembtrir {border-top: 30px solid #992f2f;}


#Sempiternal .maintitle {color:#548134 !important; border-color:#548134;}
#Sempiternal .promain, #Sempiternal .promemb {background:#548134;}
#Sempiternal .pafs {color:#eee;}
#Sempiternal .proimgt, #Sempiternal .proimgt2  {border-color: #548134;}
#Sempiternal .pafs:hover {background:#ddd !important; color:#548134;}
#Sempiternal .proquote .fa {color:#548134 !important;}
#Sempiternal .prohead {color:#548134; border-color:#548134;}
#Sempiternal #promembtril {border-top: 30px solid #548134;}
#Sempiternal #promembtrir {border-top: 30px solid #548134;}


#Immortal .maintitle {color:#527a9f !important; border-color:#527a9f;}
#Immortal .promain, #Immortal .promemb {background:#527a9f;}
#Immortal .pafs {color:#eee;}
#Immortal .proimgt, #Immortal .proimgt2  {border-color:#527a9f;}
#Immortal .pafs:hover {background:#ddd !important; color:#527a9f;}
#Immortal .proquote .fa {color:#527a9f !important;}
#Immortal .prohead {color:#527a9f; border-color:#527a9f;}
#Immortal #promembtril {border-top: 30px solid #527a9f;}
#Immortal #promembtrir {border-top: 30px solid #527a9f;}


#Eternal .maintitle {color:#7e5d8f !important; border-color:#7e5d8f;}
#Eternal .promain, #Eternal .promemb {background:#7e5d8f;}
#Eternal .pafs {color:#eee;}
#Eternal .proimgt, #Eternal .proimgt2  {border-color:#7e5d8f;}
#Eternal .pafs:hover {background:#ddd !important; color:#7e5d8f;}
#Eternal .proquote .fa {color:#7e5d8f !important;}
#Eternal .prohead {color:#7e5d8f; border-color:#7e5d8f;}
#Eternal #promembtril {border-top: 30px solid #7e5d8f;}
#Eternal #promembtrir {border-top: 30px solid #7e5d8f;}


#OOC .maintitle {color:#a79e55 !important; border-color:#a79e55;}
#OOC .promain, #OOC .promemb {background:#a79e55;}
#OOC .pafs {color:#eee; background:#a79e55;}
#OOC .proimgt, #OOC .proimgt2  {border-color:#a79e55;}
#OOC .pafs:hover {background:#ddd !important; color:#a79e55;}
#OOC .proquote .fa {color:#a79e55 !important;}
#OOC .prohead {color:#a79e55; border-color:#a79e55;}
#OOC #promembtril {border-top: 30px solid #a79e55;}
#OOC #promembtrir {border-top: 30px solid #a79e55;}