/* 
    Document   : style.css

/*Overall look of the website*/

body {margin : auto; font : 14px Tahoma; color : #FFFFDD; background : url(image/backgrounds/bgwebsite.jpg) 50% 0 #170f05 repeat-x;}

#wholePage {position : relative; width : 100%; height : 100%;}

#leftcol {float : left; width : 32px; height : 100%; margin : auto; background:url(image/colonnegauche.png) repeat-y ;}

#middlecol {float : left; width : 1024px; margin : auto; background : url(image/stone-blue2.jpg);}

#rightcol {float : left; width : 32px; height : 100%; margin : auto; background : url(image/colonnedroite.png) repeat-y ;}

a{text-decoration : none;}

#titleWebsite {border : 2px solid black; background : url(image/Flamesexample.gif) 50% repeat-x; height : 85px; margin : auto; font-family : 'TextureRoad',arial, serif; font-size : 47px; text-transform : uppercase; line-height : 70px; text-indent : 15px; text-shadow : 4px 4px 4px black; color : gray;}

@font-face {font-family : 'TextureRoad'; src : url('TextureRoad.ttf');}

@font-face {font-family : 'frquad'; src : url('frquad.ttf');}

#titleWebsite:hover {color : #9a3030;}

#titleimageWebsite {margin-left : 10px; margin-top: 10px;}

.middle { clear : both; background : url(image/borderb1.gif) repeat-x; padding : 5px 10px;}

/*Main menu of the Website*/

#mainmenuWebsite {color : white; background : url(image/backgrounds/bannermainmenu.png); width : 1024px; height : 76px; text-align : center;}

.websitebutton {float : left; cursor : pointer; margin-top : 16px; border: transparent;background : url(image/buttonauthor.png); background-position: top;  width : 148px; text-transform : uppercase; height : 47px;  font-family : 'frquad', arial, serif; color : white;}

.websitebutton:hover {background-position: center;}

#homeButton {margin-left : 212px;} 

#forumsButton {margin-left : 3px;}

#chatButton {margin-left : 3px;}

#authorpage {margin-left: 3px;}

#logintxt {float : right; margin-right : 5px; margin-top : 15px;}

#link {cursor : pointer; font-family : 'TextureRoad', arial, serif; font-size : 18px; color : white;}

/*login Page*/

#loginleft {position : absolute; background : url(image/backgrounds/loginleftdoor.png) no-repeat; width : 512px; height : 767px; z-index : 1;}

#loginright {position : absolute; margin-left : 389px; background : url(image/backgrounds/loginrightdoor.png) no-repeat; width : 635px; height : 767px; z-index : 2;}

#loginleftcontent {margin : 0px;}

#loginrightcontent1 {margin : 0px; height : 560px; width : 500px;}

#loginrightcontent2 {margin : 0px;}

.accountField {width : 280px; height : 43px; margin-left : 43px; padding-left : 10px; padding-right : 10px; color : white; font-size : 22px ; font-weight: bold; border : none; background-image : url(image/barredelogin.png); background-color : transparent; font-family : 'frquad', arial, serif;}

#accountName {margin-top : 0px;}

#accountPass {float :left; margin-top : 0px;}

.labelField {margin-left : 40px; color : white; font-size : 22px; font-family : 'frquad', arial, serif;}

#AccName {margin-top : 125px;}

#AccNamemail {margin-top : 10px;}

#AccPass {margin-top : 10px;}

#AccPass2 {margin-top : 52px;}

.bgButtonleft {margin-left : 34px; width : 280px; height : 61px; background : url(image/backgrounds/buttons/loginbuttonbackgroundleft.png);}

.logButtonleft {padding-top : 14px; margin-left : 10px; margin-top : 8px; cursor : pointer; border : none; background : url(image/backgrounds/buttons/loginbuttonleft.png) transparent; width : 231px; height : 37px; color : #fcd211; font-weight : bold; font-size : 20px; font-family : 'frquad', arial, serif;}

.logButtonleft:hover {background-position: left bottom; height : 42px;}

#bg1 {margin-top : 170px;}

#bg2 {margin-top : 8px;}

#bg3 {margin-top : 8px;}

#bg4 {margin-top : 8px;}

.bgButtonright {margin-right : 14px; width : 220px; height : 61px; background : url(image/backgrounds/buttons/loginbuttonbackgroundright.png);}

.logButtonright {position : absolute; margin-left : 39px; margin-top : 7px; padding-top : 14px; cursor : pointer; border : none; width : 171px; height : 36px; background-position: left top; background : url(image/backgrounds/buttons/loginbuttonright.png) transparent; color : #fcd211; font-weight : bold; font-size : 20px; font-family : 'frquad', arial, serif;}

.logButtonright:hover {background-position: left bottom; height : 40px;}

#bg5 {position : absolute; float : left; margin-left : 189px; margin-top : 59px; z-index : 3}

#bg6 {position : absolute; float : left; margin-left : 397px; margin-top : 59px; z-index : 4}

#bg7 {position : absolute; float : left; margin-left : 189px; margin-top : 65px;z-index : 3}

#bg8 {position : absolute; float : left; margin-left : 397px; margin-top : 65px;z-index : 4}

#bgRecov {float :left; margin-left : 6px; margin-top : -4px; width : 83px; height : 53px; background : url(image/backgrounds/buttons/passwordrecoverybuttonbackground.png);}

#passRecov {cursor : pointer; border : none; background-position : left top; background : url(image/backgrounds/buttons/passwordrecoverybutton.png); width : 41px; height : 35px; margin-left : 9px; margin-top : 8px;}

#passRecov:hover {background-position : left bottom ;}

#labeltermsofuse{margin-left : 245px; margin-top : 125px; color : white; font-weight : bold; font-size : 22px; font-family : 'frquad', arial, serif;}

#termsofusefieldbg {margin-top : 0px; margin-left : 252px; background-image : url(image/termsofusefield.png); width : 322px; height : 379px; padding-top : 10px; padding-left : 10px; padding-right : 10px; padding-bottom : 10px; background-color : transparent; }

.termsofusefieldtxt {background-color : transparent; width : 320px; height : 377px;  overflow : auto;  font-weight : bold; font-size : 20px; font-family : 'frquad', arial, serif;}

#changeemailtitle {margin-left : 40px; margin-top : 126px; color : white; font-weight : bold; font-size : 22px; font-family : 'frquad', arial, serif;}

#changeemailtext {margin-left : 40px; width : 370px; color : #fcd211; font-weight : bold; line-height : 16px;  font-size : 21px; font-family : 'frquad', arial, serif;}


/*Home Page*/

#TBR1bg {width : 490px; height : 435px; margin-top : 30px; margin-bottom : 15px; float : left; background-image : url(image/bgtbr136.png);}

#tbr1Image {border : 1px solid black; width : 460px; height : 345px; margin-top : 45px; margin-left : 10px; opacity : 0.7; background-image : url(image/tbr1screen.jpg);}

#tbr1Image:hover {opacity : 1;}

#TBR2bg {margin-top : 30px; float: right;  width : 490px; height : 435px; background-image : url(image/bgtbr2.png);}

#tbr2Image {border : 1px solid black; float : right; width : 460px; height : 345px; margin-top : 45px; margin-right : 10px; opacity : 0.7; background-image : url(image/tbr2screen.jpg);}

#tbr2Image:hover {opacity : 1;}

#bgDescription {clear: both; background-image: url(image/bgdescription.png); width : 971px; height : 321px; padding-top : 30px; padding-left : 10px;}

/*Forums Page*/

/*Chat Page*/

#chatleftborder {float: left; background-image :url(image/backgrounds/chatleftborder.png); width : 12px; height : 568px;}

#chatrightborder {float: right; background-image :url(image/backgrounds/chatrightborder.png); width : 12px; height : 568px;}

#leftColumn {float : left;}

#rightColumntop {float : left; background-color : transparent; height : 37px; margin-top : -60px; margin-left : 213px; padding : 5px; padding-right : 15px; font : bolder 15px Arial ; color : red;}

#leftColumntop {float : left; background-color : transparent;}

#chatBox {width : 620px; height : 568px; background-image : url(image/backgrounds/chatright.png);}  

#chatArea {clear: both; width : 595px; height : 425px; margin-top : 0px; padding : 10px;}

#playerrank {clear: both; width : 210px; height : 28px; padding : 5px; color : white; font-family: 'frquad',arial; font-size : 20px;}

#playergold {float : left; margin-left : 25px; width : 75px; height : 20px; padding : 5px; color : white; font-family: 'frquad',arial; font-size : 14px;}

#playermaterials {float : left; margin-left : 30px; width : 75px; height : 20px; padding : 5px; color : white; font-family: 'frquad',arial; font-size : 14px;}

#usermsg {margin-top : -6px; margin-left : 14px; width : 564px; height : 24px;  padding : 5px; color : white; font : bold 15px Arial; border : none; background-color : transparent;}

#rightColumn {float : left; margin-left : 13px;}

#peoplechat {background-image : url(image/backgrounds/chatleft.png); width : 367px; height : 471px;}

#tabschat ul {margin : 0; padding : 0; float : left; list-style : none; }

#tabschat li {float : left; margin-top : 14px; margin-left : 21px;  height : 23px; width : 110px; position : relative; background-image : url(image/backgrounds/chattab.png); background-color: transparent;}

#tabschat a {color : #f6cd11; display : block; font-family : "frquad",arial; font-size : 18px; padding-left : 15px; padding-top : 2px;}

#tabschat a:hover {opacity : 0.8; }

#addfriendsField {width : 170px; height : 38px; margin-left : 0px; margin-top : 175px; padding-left : 15px; padding-right : 15px; color : white; border : none; font : bold 15px Arial; background-image : url(image/bgaddfriends.png); background-color : transparent;}

#buttonaddFriends {float : right; margin-right : 10px; margin-top : 170px; height : 50px; width : 70px; cursor : pointer; border : #12386b; border-style : outset; background : #0d0541; border-width : 4px 4px; border-radius : 7px; box-shadow : 2px 2px 4px #070320; color : yellow; font-family : 'TextureRoad', arial, serif;}

#buttonaddFriends:hover {background : #0b0b2f; color : red;}

#exitChat {margin-top : 10px; font : bold 15px Arial; color : white; background-image : url(image/backgrounds/chatexitbackground.png); width : 367px; height : 85px;}

#exitchatButton {float : left; cursor : pointer; margin-top : 27px; margin-left : 65px; padding-top : 5px; width : 243px; height : 27px; color: #f6cd11; font-family: 'frquad',arial; font-size : 18px; background-image:url(image/backgrounds/buttons/exittbrchat.png) ;background-position: left top; background-color : transparent; border : none; }

#exitchatButton:hover {background-position: left bottom}

#chatinfo {float : left; cursor : pointer; margin-top : 27px; margin-left : 5px; padding-top : 5px; width : 34px; height : 25px; color: #f6cd11; font-family: 'frquad',arial; font-size : 18px; background-image:url(image/backgrounds/buttons/helpchat.png) ;background-position: left top; background-color : transparent; border : none; }

#chatinfo:hover {background-position: left bottom}

/*TBR 1 Page*/

#bodytoptbr1 {width : 1024px; height : 30px; background : url(image/backgrounds/menutbr1.png);}

#bodytoptbr2 {width : 1024px; height : 30px; background : url(image/backgrounds/menutbr2.png);}

#bodymiddletbr1 {width : 1024px; height : 736px;}

#complementarydata {width : 1024px; height : 650px; }

/*Clock*/
#clock {position : relative; width : 75px; height : 110px; margin-top : 0px; margin-left : 445px; background : url(image/clockface.png); list-style : none;}

#sec, #min, #hour {position : absolute; width : 7px; height : 125px; bottom : -7px; left : 55px;}

#sec {background : url(image/sechand.png); z-index : 3;}

#min {background : url(image/minhand.png); z-index : 2;}

#hour {background : url(image/hourhand.png); z-index : 1;}

/*Menu TBR 1*/

.firstletter {float : left; font-family : 'TextureRoad',arial, serif; font-size : 52px; text-transform : uppercase;} /*frquad*/

.systemsbutton {margin-top : 5px; height : 37px; width : 283px; background : url(image/buttonMenu.png)no-repeat; background-color:transparent; background-position : left top; color : white; font-family : 'TextureRoad', arial, serif; border : none; }  

.systemsbutton:hover {margin-top : 5px; cursor : pointer; color : red; background-position : left bottom;}

.mainMenu {width : 105px; height : 21px; margin-top : 3px;  float : left; color : white; border : none; font-family : 'frquad', arial, serif; font-size : 15px; text-align : center; padding-top : 4px; background : url(image/backgrounds/buttons/buttonmenu.png); background-position : left top; background-color : transparent;}

.mainMenu:hover {cursor : pointer; background-position: left center}

#systemsMenu {margin-left : 5px;}

#classesMenu {margin-left : 4px;}

#bestiaryMenu {margin-left : 4px;}

#environmentMenu {margin-left : 4px;}

#miscMenu {margin-left : 478px;}

.questsTitle {float : left; margin-left : 20px; color : orange; font-size : 18px; ;font-weight: bold; font-family : "New Century Schoolbook", serif; }

.synopsisTitle {float: right; margin-right : 280px; color : orange; font-size : 18px; ;font-weight: bold; font-family : "New Century Schoolbook", serif; }

.txtquest {float : left; margin-left : 10px; padding-top : 10px; font-size : 18px;}

.iconimage {float : left; margin-left : -40px; width : 37px; height : 37px;}

.listitems {clear:both; float : left; margin-left : 15px; width : 350px; height : 345px; overflow : auto; }

.itemsSynopsis {float : right; width : 325px; height : 335px; margin-right : 15px; padding : 5px; border : solid; border-width : 2px 2px; border-color : gold; border-radius: 4px; overflow : auto; font-size : 16px; margin-top : 5px; font-family: 'frquad',arial; line-height: 22px;}

.listitemsMenu {color : white; font-family: 'frquad',arial; font-size : 12px;}

.listitemsMenu ul {list-style-type : none;}

.listitemsMenu li {margin-left : 0px; padding-left : 2px; margin-bottom : 0px; cursor : pointer; list-style-type : none; background : url(image/itemslist.png) no-repeat; background-color : transparent; background-position : left top; width : 286px; height : 37px;}

.listitemsMenu li:hover { background-position : left center;}

#txtlore {margin : 2px;  text-align: justify;}

#dlmaptxt {padding : 5px;}

.dllink {color : white;  font-weight: bold;}

.dueltxt {margin-top : 10px; margin-left : 12px; float: left; width : 230px;}

#duelimg1 {float : left; margin-left : 12px; margin-top : 20px; margin-bottom : 30px; background-image : url(image/duel1.png); width : 230px; height : 160px;}

#duelimg2 {float : left; margin-left : 12px; margin-top : 20px; margin-bottom : 30px; background-image : url(image/duel2.png); width : 230px; height : 160px;}

#duelimg3 {float : left; margin-left : 12px; margin-top : 20px; margin-bottom : 30px; background-image : url(image/duel3.png); width : 230px; height : 160px;}

.rollingtxt {text-align: justify; margin-left : 12px; padding-right : 5px;}

#rollimg1 {margin-top : 2px; margin-left : 145px; background-image : url(image/roll1.png); width: 408px; height : 110px;}

#rollimg2 {margin-top : 2px;  margin-left : 145px; background-image : url(image/roll2.png); width: 388px; height : 140px;}

#slider-range {padding-left : 2px; background-color : blue; border : 1px solid black;}

.synopsistitle1 {color : orange; font-weight: bold;}

.synopsistitle2 {color : cyan; font-style: italic; font-weight: bold;}

.synopsistitle3 {color : purple; font-weight: bold;}

#sliderbutton {width : 5px; background-color : yellow;}

.imagelink {font-weight : bold; cursor : pointer;}

.MaintitleSynopsis {border : 1px solid orange; text-align: center;}

.step {margin-top : 5px; padding-top : 10px; height : 27px; width : 283px; background : url(image/buttonMenu.png)no-repeat; background-color:transparent; background-position : left top; color : white; font-family : 'TextureRoad', arial, serif; border : none; cursor : default;}

.step:hover {margin-top : 5px; color : red; background-position : left bottom;}

.littleMenuContent {width : 315px; height : 360px; margin : 5px;  overflow : auto; font-size : 16px;}

#unitportrait {position : absolute;  height : 148px; width : 373px;  margin-top : 588px; margin-left : 272px;}

#heroicon {position : absolute; width : 49px; height : 61px; margin-top : 3px; margin-left : 4px;  cursor : pointer}

#bpicon {position : absolute; width : 49px; height : 49px; margin-left : 4px; margin-top : 470px;  cursor : pointer}

.goldmap {position : absolute; width : 98px; height : 22px; margin-left : 590px; margin-top : -25px;}

.honormap {position : absolute; width : 98px; height : 22px; margin-left : 701px; margin-top : -25px;}

.favormap {position : absolute; width : 98px; height : 22px; margin-left : 812px; margin-top : -25px;}

#itemdetails {clear:both; position:absolute; border : 2px solid #f8c322; border-style:ridge; background-color: rgba(27, 36, 45, 0.7); width : 277px; margin-left : 736px;bottom : 69.2em; padding :3px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family: 'frquad',arial; font-size: 15px;}

#inventoryslot1 {margin-top : 593px; margin-left : 661px; position : absolute;  height : 40px; width : 40px; cursor :pointer;}

#inventoryslot2 {margin-top : 593px; margin-left : 712px; position : absolute;  height : 40px; width : 40px; cursor :pointer;}

#inventoryslot3 {margin-top : 642px; margin-left : 661px; position : absolute;  height : 40px; width : 40px; cursor :pointer;}

#inventoryslot4 {margin-top : 642px; margin-left : 712px; position : absolute;  height : 40px; width : 40px; cursor :pointer;}

#inventoryslot5 {margin-top : 691px; margin-left : 661px; position : absolute;  height : 40px; width : 40px; cursor :pointer;}

#inventoryslot6 {margin-top : 691px; margin-left : 712px; position : absolute;  height : 40px; width : 40px; cursor :pointer;}

#herocommand0 {margin-top : 566px; margin-left : 790px; position : absolute;  height : 51px; width : 51px; cursor :pointer}

#herocommand1 {margin-top : 566px; margin-left : 845px; position : absolute;  height : 51px; width : 51px; cursor :pointer}

#herocommand2 {margin-top : 566px; margin-left : 902px; position : absolute;  height : 51px; width : 51px; cursor :pointer}

#herocommand3 {margin-top : 566px; margin-left : 958px; position : absolute;  height : 51px; width : 51px; cursor :pointer}

#herocommand4 {margin-top : 621px; margin-left : 790px; position : absolute;  height : 51px; width : 51px; cursor :pointer}

#herocommand5 {margin-top : 621px; margin-left : 845px; position : absolute;  height : 51px; width : 51px; cursor :pointer}

#herocommand6 {margin-top : 621px; margin-left : 902px; position : absolute;  height : 51px; width : 51px; cursor :pointer}

#herocommand7 {margin-top : 621px; margin-left : 958px; position : absolute;  height : 51px; width : 51px; cursor :pointer}

#herocommand8 {margin-top : 677px; margin-left : 790px; position : absolute;  height : 51px; width : 51px; cursor :pointer}

#herocommand9 {margin-top : 677px; margin-left : 845px; position : absolute;  height : 51px; width : 51px; cursor :pointer}

#herocommand10 {margin-top : 677px; margin-left : 902px; position : absolute;  height : 51px; width : 51px; cursor :pointer}

#herocommand11 {margin-top : 677px; margin-left : 958px; position : absolute;  height : 51px; width : 51px; cursor :pointer}

#maxlevel {margin-left : 150px;}

#Heroname {position : absolute; margin-top : 1px; margin-left : 140px; width : 210px; height : 19px; background-color : black; color : white; font-size: 20px; font-weight : normal; text-align: center; font-family : 'frquad',arial, serif; cursor : default;}

#Herolevel {position : absolute; margin-top : 21px; margin-left : 130px;  width : 230px; height : 15px; padding-top :5px; background : url(image/heroes/heroportrait/outputvalues/level.png) transparent; color : white; font-size: 14px; font-weight : normal; text-align: center; font-family : 'frquad',arial, serif; cursor : default;}

#Healthpoints {position : absolute; margin-top : 111px; margin-left : 5px; width : 95px; height : 16px; background-color : black; color : #00ff00; font-size: 17px; font-weight :normal; text-align: center; font-family : 'frquad',arial, serif; cursor : default;}

#Manapoints {position : absolute; margin-top : 131px; margin-left : 5px; width : 95px; height : 15px; background-color : black; color : #c3dbff; font-size: 16px; font-weight : normal; text-align: center; font-family : 'frquad',arial, serif; cursor : default;}

#Damage {position : absolute; margin-top : 63px; margin-left : 176px; width : 70px; height : 15px; background-color : black; color : #ececec; font-size: 12px; font-weight : normal; font-family : 'frquad',arial, serif; cursor : default; text-align: left;}

#Armor {position : absolute; margin-top : 103px; margin-left : 176px; width : 70px; height : 15px; background-color : black; color : #ececec; font-size: 12px; font-weight : normal; font-family : 'frquad',arial, serif; cursor : default; text-align: left;}

#Strength {position : absolute; margin-top : 58px; margin-left : 297px; width : 70px; height : 15px; background-color : black; color : #ececec; font-size: 12px; font-weight : normal; font-family : 'frquad',arial, serif; cursor : default; text-align: left;}

#Agility {position : absolute; margin-top : 86px; margin-left : 297px; width : 70px; height : 15px; background-color : black; color : #ececec; font-size: 12px; font-weight : normal; font-family : 'frquad',arial, serif; cursor : default; text-align: left;}

#Intelligence {position : absolute; margin-top : 112px; margin-left : 297px; width : 70px; height : 15px; background-color : black; color : #ececec; font-size: 12px; font-weight : normal; font-family : 'frquad',arial, serif; cursor : default; text-align: left;}

#levelbar {margin-left : 25px; width : 230px; height : 20px; background : url(image/heroes/heroportrait/outputvalues/level.png) transparent; color : white; font-size: 14px; font-weight : normal; text-align: center; font-family : 'frquad',arial, serif;}

#levelprogress {width:12%; background-color : orange; height : 20px; background : url(image/heroes/heroportrait/outputvalues/progressbarfill.png) transparent;}

#currentlevelonbar {margin-top : -17px; margin-left : -30px; text-align : center; color : white; font-size: 14px; font-weight : bold; font-family : 'frquad',arial, serif;}

#herosname {width : 150px;}

#tbrcalculatorresults {margin-left : 50px; margin-top : 10px; margin-right : 5px;}

#fieldsetleft {float : left; margin-left : 10px; margin-top : 5px;}

#fieldsetright {float: right; margin-right : 200px; margin-top : 5px;}

.bgclass {width : 1024px; height : 369px;}

#leftclasscolumn {float : left; width : 630px; }

#rightclasscolumn {float : left ; width : 265px; margin-left : 25px;}

table {border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */}

td, th /* Toutes les cellules des tableaux... */ {/*border: 1px solid black; /* ... auront une bordure de 1px */}

/*accordion items*/
.heroitem { width : 40px; height : 40px;}
.accordionitem {cursor : pointer; margin-bottom : 10px; width : 40px; height : 40px;}
h1 { padding: .2em; margin: 0; }
.accordion { float:left; width: 180px; margin-left: 4px; height : 500px;}
.accordionclasses { float:left; margin-left: 0px; height : 370px;}
.column {width : 150px;}
.firstcolumn {width : 140px;}

/*tabs class*/

.bgtabs {width : 1024px; height : 768px; background: url(image/backgrounds/backgroundtabs.png);}

.spellicon {width : 51px; height : 51px;}

.keyfeaturesicon {float : left; width : 51px; height : 51px; margin-right : 5px; margin-bottom : 1px;}

.column1 {width : 125px;padding-top : 5px;}

.column2 {width : 720px;padding-top : 5px;}

.column3 {width : 75px; padding-top : 5px;}

.range1 {background: #3c0f00; height : 30px;}

.range2 {background: #12110f; font-family:'frquad',arial, serif; font-size : 16px; line-height : 17px;}

.range2:hover {background: #090908;}

.range3 {background: #171614; font-family:'frquad',arial, serif;font-size : 16px;line-height : 17px;}

.range3:hover {background: #090908;}

.spellvalue {color: #feba0e;}

.spellcharacteristic {color : #7dbdef;}

.spellname {margin-bottom: 5px; font-weight: bold; }

.heroface {float : left; width : 104px; height : 112px; margin-right : 5px; margin-top : 5px;}

.firstparagraph {color : orange; font-size : 16px;}

.backgroundicon {float : left; width : 45px; height : 45px; background : url(image/backgrounds/buttons/backgroundicon.png); margin-right: 5px; margin-top : 5px;}

.equipmenticon {float : left; width : 45px; height : 45px; background : url(image/backgrounds/buttons/equipmenticon.png); margin-right: 5px; margin-top : 5px;}

.paragraphtitle {float : left; margin-top : 5px;}

.paragraphseparator {width : 630px; height : 2px; background-color :brown; margin-top : 40px; }

.screenshot {float : left; width : 192px; height : 140px; margin-right : 8px; margin-bottom : 8px; border : 5px solid black; cursor : pointer;}

.screenshot:hover {-moz-box-shadow: 0 -5px 10px #777; -webkit-box-shadow: 0 -5px 10px #777;}

.bigscreenshot {float : left; position: relative; width : 570px; margin:0 auto; margin-left : 75px; height : 370px; border : 3px solid black;}

#previousbutton {position:absolute;float:left; background :url(image/backgrounds/buttons/previousbutton.png);  left:50px; top : 175px; width:29px ; height : 43px;cursor:pointer;}

#nextbutton {position:absolute; float:left;  background :url(image/backgrounds/buttons/nextbutton.png); right:50px; top : 175px; width:29px ; height : 43px;cursor:pointer;}

.videobackground {clear: both; width : 620px; height : 273px;  background :url(image/backgrounds/videobackground.png) transparent;}

.spellbutton ul {list-style-type : none; }

.spellbutton li { width : 183px; height : 17px; list-style-type : none; padding-left : 5px; padding-top : 10px; margin-left: 384px; margin-top: -215px; background : url(image/backgrounds/buttons/buttonvideo.png) no-repeat; background-position: left top; color :#ffc84c; font-size: 15px; font-weight : bold; font-family : 'frquad',arial, serif; cursor : pointer; border : none;}

.spellbutton li:hover {padding-top : 10px; height : 17px; color : #ffffff; background-position: left center;}

#spellbutton1 {float : left;}

#spellbutton2 {float : left;margin-top : -176px;}

#spellbutton3 {float : left;margin-top : -137px;}

#spellbutton4 {float : left;margin-top : -98px;}

#spellbutton5 {float : left;margin-top : -59px;}

.titlekeyfeatures {color : black; font-size : 22px; text-transform: uppercase; font-weight: bold; margin-bottom : 15px;}

.keyfeatures {color : #6e0000; font-weight: bold; font-size : 16px; text-transform: uppercase;}

#keyfeaturescontent {border : 2px solid black; padding : 5px; margin-bottom : 15px;}

#weakpoints {border : 2px solid black; padding : 5px;}

.iconswitch {float : left; width : 49px; height : 49px; border : 1px solid black; cursor : pointer;}

.iconswitch:hover {opacity : 0.9;}

#iconname { display : none; position : absolute; margin-top: 10px; margin-left : 700px; border : 1px solid brown; background : black; color : brown; width : 255px; height : 30px; text-align: center; padding-top : 15px; font-size: 18px; font-weight : bold; font-family : 'frquad',arial, serif;}

.titleicons {color : #ececec; font-size: 18px; font-weight : bold; font-family : 'frquad',arial, serif; padding-top : 5px;margin-bottom : 2px;}

#titleclass {float : left; padding-left : 25px; padding-top : 30px;color : #f3e6d0; font-size: 55px; font-weight : bold; font-family : 'frquad',arial, serif;}

#titleclass:first-letter {text-transform: uppercase;}  

#imagewide {width : 680px; height : 478px; background : url(image/backgrounds/screenshots/barbarian/big1.jpg);}

.weakpointsimage {width : 58px; height :41px; padding-top : 10px; padding-left : -10px; background : url(image/backgrounds/weaknesses.png); color :black; text-transform: uppercase; font-size: 22px; font-weight : bold; font-family : 'frquad',arial, serif;}

.littleitem {width : 37px; height : 37px; margin-top : 10px; margin-bottom: 10px; background-color: transparent; cursor: pointer;}

.bigitem {width : 111px; height : 111px;}

.Location {cursor : pointer;}

.Location:hover {color : red;}

.setstats {margin-left : 10px; width : 50px;}

.setyourstats {margin-left : 5px; width : 60px; margin-right : 5px;}

#totalstatsbox {float : left; border : 2px solid black; width : 120px; padding : 8px;}

#totalleftstatstouse {color : red;}

.ItemInformation {position : relative; float : left; margin-left : 10px; margin-top : -60px; padding: 2px; border : 2px solid yellow; border-radius : 4px; color : gold; width : 200px; font-size: 12px; font-weight : bold; font-family : 'frquad',arial, serif; z-index : 4; background-color : black;}

.ItemTitle {color : white; font-size: 14px; margin-bottom : 5px;}

#barbarianclassimage {background-image:url(image/icons/heroes/strengthheroes/barbarian.png);}
#khaoschampionclassimage {background-image:url(image/icons/heroes/strengthheroes/khaoschampion.png);}
#spartanwarriorclassimage {background-image:url(image/icons/heroes/strengthheroes/spartanwarrior.png);}
#templeguardianclassimage {background-image:url(image/icons/heroes/strengthheroes/templeguardian.png);}
#guardianofnatureclassimage {background-image:url(image/icons/heroes/strengthheroes/guardianofnature.png);}
#assassinclassimage {background-image:url(image/icons/heroes/agilityheroes/assassin.png);}
#warlordclassimage {background-image:url(image/icons/heroes/agilityheroes/warlord.png);}
#rangerclassimage {background-image:url(image/icons/heroes/agilityheroes/ranger.png);}
#clericclassimage {background-image:url(image/icons/heroes/intelligenceheroes/cleric.png);}
#druidclassimage {background-image:url(image/icons/heroes/intelligenceheroes/druid.png);}
#magicianclassimage {background-image:url(image/icons/heroes/intelligenceheroes/magician.png);}
#warlockclassimage {background-image:url(image/icons/heroes/intelligenceheroes/warlock.png);}

.listitemslittleMenu {color : white; font-family: 'frquad',arial; font-size : 12px;}

.listitemslittleMenu ul {list-style-type : none;}

.listitemslittleMenu li {margin-left : 0px; margin-bottom : 0px; cursor : pointer; list-style-type : none; background : url(image/backgrounds/buttons/itemslittlelist.png) no-repeat; background-color : transparent; background-position : left top; width : 230px; height : 37px;}

.listitemslittleMenu li:hover { background-position : left center;}

.redtext {color : red;}

.whiteitem {color : white;}

.orangeitem {color : #f07000;}

.lightorangetext {color : #e39605;}

.greenitem {color : #31c931;}

.violetitem {color : #980077;}

.purpleitem {color : #802ad1;}

.blueitem {color : #88ccff;}

.tealtext {color : #04e2e2;}

.darkbluetext {color : #7777aa;}

.bluetext {color : #09a1d4;}

.firstlineaftertitle {margin-top : -8px;}

.lightyellowtext {color: #ffff00;}

.yellowtext {color : #f9d112;}

.browntext {color : brown;}

.graytext {color : #717374;}

.HeroItem {cursor : pointer;}

.npctext {font-size : 17px; line-height : 17px;}

.manaicon {float : left; margin-top : 2px; margin-right : 4px; background-image:url(image/tbr2/icons/systems/manaicon.png); width :12px ;height :12px;}

.goldicon {float : left; margin-top : 2px; margin-right : 4px; background-image:url(image/tbr2/icons/systems/goldicon.png); width :12px ;height :12px;}

.honoricon {float : left; margin-top : 2px; margin-right : 4px; background-image:url(image/tbr2/icons/systems/honoricon.png); width :12px ;height :12px;}

.jewelofmighticon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/jewelofmighticon.png); width :27px ;height :27px;}

.jewelofshadowsicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/jewelofshadowsicon.png); width :27px ;height :27px;}

.jeweloffaithicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/jeweloffaithicon.png); width :27px ;height :27px;}

.jewelofmagicicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/jewelofmagicicon.png); width :27px ;height :27px;}

.jewelofnatureicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/jewelofnatureicon.png); width :27px ;height :27px;}

.burningheartofladonicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/burningheartofladonicon.png); width :27px ;height :27px;}

.remainsofthenemeanlionicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/remainsofthenemeanlionicon.png); width :27px ;height :27px;}

.olympianswordbilleticon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/olympianswordbilleticon.png); width :27px ;height :27px;}

.olympianhelmbilleticon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/olympianhelmbilleticon.png); width :27px ;height :27px;}

.olympianarmorbilleticon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/olympianarmorbilleticon.png); width :27px ;height :27px;}

.sealofdevotionicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/sealofdevotionicon.png); width :27px ;height :27px;}

.hydraskullicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/hydraskullicon.png); width :27px ;height :27px;}

.satyrhornicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/satyrhornicon.png); width :27px ;height :27px;}

.treantbranchicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/treantbranchicon.png); width :27px ;height :27px;}

.shadowstoneicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/shadowstoneicon.png); width :27px ;height :27px;}

.heartoffrosticon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/heartoffrosticon.png); width :27px ;height :27px;}

.bloodrubyicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/bloodrubyicon.png); width :27px ;height :27px;}

.stoneofheavenicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/stoneofheavenicon.png); width :27px ;height :27px;}

.yellowionstoneicon {clear:both; float : left; margin-top : 2px; margin-bottom : 5px; margin-right : 4px; background-image:url(image/tbr2/icons/forgingrequirements/yellowionstoneicon.png); width :27px ;height :27px;}

.redionstoneicon {clear:both;float : left; margin-top : 2px; margin-right : 4px;margin-bottom : 5px; background-image:url(image/tbr2/icons/forgingrequirements/redionstoneicon.png); width :27px ;height :27px;}

.blueionstoneicon {clear:both;float : left; margin-top : 2px; margin-right : 4px;margin-bottom : 5px; background-image:url(image/tbr2/icons/forgingrequirements/blueionstoneicon.png); width :27px ;height :27px;}

.trollsbloodicon {clear:both; float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px; background-image:url(image/tbr2/icons/forgingrequirements/trollsbloodicon.png); width :27px ;height :27px;}

.harpyfeathericon {clear:both;float : left; margin-top : 2px; margin-right : 4px;margin-bottom : 5px; background-image:url(image/tbr2/icons/forgingrequirements/harpyfeathericon.png); width :27px ;height :27px;}

.nagascaleicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/nagascaleicon.png); width :27px ;height :27px;}

.ironshieldicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/athensitems/ironshieldicon.png); width :27px ;height :27px;}

.ironshoulderplatesicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/athensitems/ironshoulderplatesicon.png); width :27px ;height :27px;}

.ironarmbandicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/athensitems/ironarmbandicon.png); width :27px ;height :27px;}

.ironhammericon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/athensitems/ironhammericon.png); width :27px ;height :27px;}

.ironswordicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/athensitems/ironswordicon.png); width :27px ;height :27px;}

.irongauntletsicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/athensitems/irongauntletsicon.png); width :27px ;height :27px;}

.stonetableticon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/athensitems/stonetableticon.png); width :27px ;height :27px;}

.stonefigurineicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/athensitems/stonefigurineicon.png); width :27px ;height :27px;}

.ironringicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/athensitems/ironringicon.png); width :27px ;height :27px;}

.classgemstoneicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classgemstoneicon.png); width :27px ;height :27px;}

.mightyolympianswordicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/olympianitems/mightyolympianswordicon.png); width :27px ;height :27px;}

.mightyolympianhelmicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/olympianitems/mightyolympianhelmicon.png); width :27px ;height :27px;}

.mightyolympianarmoricon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/olympianitems/mightyolympianarmoricon.png); width :27px ;height :27px;}

.sacredolympianswordicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/olympianitems/sacredolympianswordicon.png); width :27px ;height :27px;}

.sacredolympianhelmicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/olympianitems/sacredolympianhelmicon.png); width :27px ;height :27px;}

.sacredolympianarmoricon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/olympianitems/sacredolympianarmoricon.png); width :27px ;height :27px;}

.hornofthehallowedoneicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/minibossesitems/hornofthehallowedoneicon.png); width :27px ;height :27px;}

.greataxeoftheminotaurchieficon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/minibossesitems/greataxeoftheminotaurchieficon.png); width :27px ;height :27px;}

.truesilverbraceleticon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/minibossesitems/truesilverbraceleticon.png); width :27px ;height :27px;}

.trackershoodicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/minibossesitems/trackershoodicon.png); width :27px ;height :27px;}

.toothofthehallowedoneicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/minibossesitems/toothofthehallowedoneicon.png); width :27px ;height :27px;}

.serpentwhispericon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/minibossesitems/serpentwhispericon.png); width :27px ;height :27px;}

.archmagediademicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/minibossesitems/archmagediademicon.png); width :27px ;height :27px;}

.highshamansstafficon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/minibossesitems/highshamansstafficon.png); width :27px ;height :27px;}

.darkheartoftheforesticon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/minibossesitems/darkheartoftheforesticon.png); width :27px ;height :27px;}

.blackoakshieldicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/minibossesitems/blackoakshieldicon.png); width :27px ;height :27px;}

.corinthianchainmailicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/corinthianchainmailicon.png); width :27px ;height :27px;}

.powerorbicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/powerorbicon.png); width :27px ;height :27px;}
.sashofenlightenmenticon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/sashofenlightenmenticon.png); width :27px ;height :27px;}
.soulringicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/soulringicon.png); width :27px ;height :27px;}
.starlightcharmicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/starlightcharmicon.png); width :27px ;height :27px;}
.apprenticeringicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/apprenticeringicon.png); width :27px ;height :27px;}
.glowingorbicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/glowingorbicon.png); width :27px ;height :27px;}
.broochofwaricon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/broochofwaricon.png); width :27px ;height :27px;}
.greathalbredicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/greathalbredicon.png); width :27px ;height :27px;}
.herosbladeicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/herosbladeicon.png); width :27px ;height :27px;}
.mightygauntletsicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/mightygauntletsicon.png); width :27px ;height :27px;}
.battleaxeicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/battleaxeicon.png); width :27px ;height :27px;}
.mediumshieldicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/mediumshieldicon.png); width :27px ;height :27px;}
.splintmailicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/splintmailicon.png); width :27px ;height :27px;}
.galerusicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/galerusicon.png); width :27px ;height :27px;}
.greathelmofwaricon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/greathelmofwaricon.png); width :27px ;height :27px;}
.peacebringericon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/peacebringericon.png); width :27px ;height :27px;}
.ringmailicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/ringmailicon.png); width :27px ;height :27px;}
.sturdyleggingsicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/sturdyleggingsicon.png); width :27px ;height :27px;}
.gauntletsofheroicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/gauntletsofheroicon.png); width :27px ;height :27px;}
.bronzebracersicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/bronzebracersicon.png); width :27px ;height :27px;}
.corinthianhelmicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/corinthianhelmicon.png); width :27px ;height :27px;}
.talismanofbattleicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/talismanofbattleicon.png); width :27px ;height :27px;}
.corinthianshortswordicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/corinthianshortswordicon.png); width :27px ;height :27px;}
.rodofthemagiicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/rodofthemagiicon.png); width :27px ;height :27px;}
.oraclestafficon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/oraclestafficon.png); width :27px ;height :27px;}
.robeofthemindicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/corinthitems/robeofthemindicon.png); width :27px ;height :27px;}
.agamemnonsdeathmaskicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/minibossesitems/agamemnonsdeathmaskicon.png); width :27px ;height :27px;}
.areithousmaceicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/minibossesitems/areithousmaceicon.png); width :27px ;height :27px;}
.athenasmirroredshieldicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/minibossesitems/athenasmirroredshieldicon.png); width :27px ;height :27px;}
.eyeofhorusicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/minibossesitems/eyeofhorusicon.png); width :27px ;height :27px;}
.shavosrelicicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/minibossesitems/shavosrelicicon.png); width :27px ;height :27px;}
.capeofevasionicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/capeofevasionicon.png); width :27px ;height :27px;}
.charmofdelphiicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/charmofdelphiicon.png); width :27px ;height :27px;}
.cloakofresilienceicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/cloakofresilienceicon.png); width :27px ;height :27px;}
.crusaderscuirassicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/crusaderscuirassicon.png); width :27px ;height :27px;}
.crusadersmaulicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/crusadersmaulicon.png); width :27px ;height :27px;}
.emperorsgreatswordicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/emperorsgreatswordicon.png); width :27px ;height :27px;}
.finesteelshirticon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/finesteelshirticon.png); width :27px ;height :27px;}
.gladiusicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/gladiusicon.png); width :27px ;height :27px;}
.orbofthemindicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/orbofthemindicon.png); width :27px ;height :27px;}
.platemailicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/platemailicon.png); width :27px ;height :27px;}
.ringofthemagiicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/ringofthemagiicon.png); width :27px ;height :27px;}
.staffofthechosenoneicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/staffofthechosenoneicon.png); width :27px ;height :27px;}
.steelgauntletsicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/steelgauntletsicon.png); width :27px ;height :27px;}
.telamonboarskewericon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/heletesitems/telamonboarskewericon.png); width :27px ;height :27px;}
.axeofthereusicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/heletesitems/axeofthereusicon.png); width :27px ;height :27px;}
.vestmentoftheoverlordicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/heletesitems/vestmentoftheoverlordicon.png); width :27px ;height :27px;}
.greendragonscaleicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/minibossesitems/greendragonscaleicon.png); width :27px ;height :27px;}
.reddragonscaleicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/minibossesitems/reddragonscaleicon.png); width :27px ;height :27px;}
.whitedragonscaleicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/minibossesitems/whitedragonscaleicon.png); width :27px ;height :27px;}
.epictowericon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/epictowericon.png); width :27px ;height :27px;}
.spartanhelmicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/spartanhelmicon.png); width :27px ;height :27px;}
.spartancuirassicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/spartancuirassicon.png); width :27px ;height :27px;}
.magiscrownicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/magiscrownicon.png); width :27px ;height :27px;}
.emperorsplatemailicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/emperorsplatemailicon.png); width :27px ;height :27px;}
.royalgreavesicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/royalgreavesicon.png); width :27px ;height :27px;}
.highoraclesstafficon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/highoraclesstafficon.png); width :27px ;height :27px;}
.spartanlongswordicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/spartanlongswordicon.png); width :27px ;height :27px;}
.spartanhelmicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/spartanhelmicon.png); width :27px ;height :27px;}
.blackfireorbicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/blackfireorbicon.png); width :27px ;height :27px;}
.goldensashicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/goldensashicon.png); width :27px ;height :27px;}
.massivewaraxeicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/massivewaraxeicon.png); width :27px ;height :27px;}
.crusadersgauntletsicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/crusadersgauntletsicon.png); width :27px ;height :27px;}
.jeweledringicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/jeweledringicon.png); width :27px ;height :27px;}
.amuletofpowericon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/spartaitems/amuletofpowericon.png); width :27px ;height :27px;}
.tribalshieldicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/tribalshieldicon.png); width :27px ;height :27px;}
.tribaltotemicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/tribaltotemicon.png); width :27px ;height :27px;}
.tribalmaskicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/tribalmaskicon.png); width :27px ;height :27px;}
.tribalgearicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/tribalgearicon.png); width :27px ;height :27px;}
.initiateofappoloicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/goditems/initiateofappoloicon.png); width :27px ;height :27px;}
.initiateofaresicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/goditems/initiateofaresicon.png); width :27px ;height :27px;}
.initiateofartemisicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/goditems/initiateofartemisicon.png); width :27px ;height :27px;}
.initiateofhephaestusicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/goditems/initiateofhephaestusicon.png); width :27px ;height :27px;}
.initiateofhermesicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/goditems/initiateofhermesicon.png); width :27px ;height :27px;}
.initiateofposeidonicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/goditems/initiateofposeidonicon.png); width :27px ;height :27px;}
.moonlighttalismanicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/moonlighttalismanicon.png); width :27px ;height :27px;}
.moonlightcloakicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/moonlightcloakicon.png); width :27px ;height :27px;}
.moonlightquivericon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/moonlightquivericon.png); width :27px ;height :27px;}
.moonlightgearicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/moonlightgearicon.png); width :27px ;height :27px;}
.shadowmaskicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/shadowmaskicon.png); width :27px ;height :27px;}
.shadowbladeicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/shadowbladeicon.png); width :27px ;height :27px;}
.shadowcloakicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/shadowcloakicon.png); width :27px ;height :27px;}
.shadowgearicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/shadowgearicon.png); width :27px ;height :27px;}
.hopliteshieldicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/hopliteshieldicon.png); width :27px ;height :27px;}
.hoplitegreavesicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/hoplitegreavesicon.png); width :27px ;height :27px;}
.hoplitespearicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/hoplitespearicon.png); width :27px ;height :27px;}
.hoplitegearicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/hoplitegearicon.png); width :27px ;height :27px;}
.veteranshieldicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/veteranshieldicon.png); width :27px ;height :27px;}
.veterangreavesicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/veterangreavesicon.png); width :27px ;height :27px;}
.veteranhelmicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/veteranhelmicon.png); width :27px ;height :27px;}
.veterangearicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/veterangearicon.png); width :27px ;height :27px;}
.divinebreastplateicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/divinebreastplateicon.png); width :27px ;height :27px;}
.divinehelmicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/divinehelmicon.png); width :27px ;height :27px;}
.divinehammericon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/divinehammericon.png); width :27px ;height :27px;}
.divinegearicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/divinegearicon.png); width :27px ;height :27px;}
.bandofsoulsicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/bandofsoulsicon.png); width :27px ;height :27px;}
.mantleofsoulsicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/mantleofsoulsicon.png); width :27px ;height :27px;}
.crownofsoulsicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/crownofsoulsicon.png); width :27px ;height :27px;}
.soulgearicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/soulgearicon.png); width :27px ;height :27px;}
.hoodofthewildicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/hoodofthewildicon.png); width :27px ;height :27px;}
.staffofthewildicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/staffofthewildicon.png); width :27px ;height :27px;}
.amuletofthewildicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/amuletofthewildicon.png); width :27px ;height :27px;}
.wildgearicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/wildgearicon.png); width :27px ;height :27px;}
.robeoficeicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/robeoficeicon.png); width :27px ;height :27px;}
.staffoficeicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/staffoficeicon.png); width :27px ;height :27px;}
.circletoficeicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/circletoficeicon.png); width :27px ;height :27px;}
.icegearicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/icegearicon.png); width :27px ;height :27px;}
.rodoflighticon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/rodoflighticon.png); width :27px ;height :27px;}
.tabardoflighticon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/tabardoflighticon.png); width :27px ;height :27px;}
.bookoflighticon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/bookoflighticon.png); width :27px ;height :27px;}
.lightgearicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/lightgearicon.png); width :27px ;height :27px;}
.moltenbracersicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/moltenbracersicon.png); width :27px ;height :27px;}
.moltenringicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/moltenringicon.png); width :27px ;height :27px;}
.moltencrownicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/moltencrownicon.png); width :27px ;height :27px;}
.moltengearicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/moltengearicon.png); width :27px ;height :27px;}
.robeofenergyicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/robeofenergyicon.png); width :27px ;height :27px;}
.staffofenergyicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/staffofenergyicon.png); width :27px ;height :27px;}
.amuletofenergyicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/amuletofenergyicon.png); width :27px ;height :27px;}
.energygearicon {clear:both;float : left; margin-top : 2px; margin-right : 4px; margin-bottom : 5px;background-image:url(image/tbr2/icons/forgingrequirements/classesitems/energygearicon.png); width :27px ;height :27px;}

.itemspecificsbutton {float :right; margin-right : 50px;}

.autocastablespell {color : #b4caec;}

.statspell {color : #1fb104;}

.spellwarning {color : #fe0303;}

.itemtext {font-size : 16px; line-height : 14px; word-spacing: 0px;}

.lineseparator {width : 222px; height : 26px; background-image:url(image/tbr2/icons/systems/lineseparator1.png);}

.lineseparator2 {width : 250px; height : 19px; background-image:url(image/tbr2/icons/systems/lineseparator2.png);}

.lineseparator3 {width : 300px; height : 30px; background-image:url(image/tbr2/icons/systems/lineseparator3.png);}

.accordionitems {margin-left : -25px;}

.itemscontainer {height : 225px; width : 280px;}

.bestiarydetails {position : relative; float : right; margin-top : -60px; padding: 2px; border : 2px solid yellow; border-radius : 4px; color : gold; width : 200px; font-size: 12px; font-weight : bold; font-family : 'frquad',arial, serif; z-index : 4; background-color : black;}

.bestiarynumberscolumn {width : 75px;}

#rollingtbr2img1 {margin-top : 1px; margin-left : 215px; background-image : url(image/tbr2/backgrounds/screenshots/rolling/rolling0.png); width: 300px; height : 125px;}

#rollingtbr2img2 {margin-top : 1px;  margin-left : 215px; background-image : url(image/tbr2/backgrounds/screenshots/rolling/rolling1.png); width: 300px; height : 125px;}

#duelingtbr2img1 {float : left; margin-left : 12px; margin-top : 20px; margin-bottom : 30px; background-image : url(image/tbr2/backgrounds/screenshots/dueling/dueling0.png); width : 230px; height : 160px;}

#duelingtbr2img2 {float : left; margin-left : 12px; margin-top : 20px; margin-bottom : 30px; background-image : url(image/tbr2/backgrounds/screenshots/dueling/dueling1.png); width : 230px; height : 160px;}

#duelingtbr2img3 {float : left; margin-left : 12px; margin-top : 20px; margin-bottom : 30px; background-image : url(image/tbr2/backgrounds/screenshots/dueling/dueling2.png); width : 230px; height : 160px;}

.totembutton {float : left; margin-left : 25px; width : 27px; height : 27px; cursor :pointer;}

#earthtotemimage {float : inherit; background-position: center; background-image : url(image/tbr2/icons/systems/earthtotem.png); width : 28px; height : 28px;}

#earthtotem {background-image : url(image/tbr2/icons/systems/earthtotem.png); background-position: center; }

#stormtotem {background-image : url(image/tbr2/icons/systems/stormtotem.png); background-position: center; }

#firetotem {background-image : url(image/tbr2/icons/systems/firetotem.png);  background-position: center; }

.acolyteicon {float: inherit; background: transparent; background-image : url(image/tbr2/icons/bestiary/titansbosses/titansbosses6.png); width : 37px; height : 37px;}

.deathicon {float: inherit; background: transparent; background-image : url(image/tbr2/icons/systems/deathicon.png); width : 37px; height : 37px;}

.resetbutton {float : left; margin-left : 25px; background-image : url(image/tbr2/icons/systems/resetbutton.png); background-position: center; width : 27px; height : 27px; cursor :pointer;}

.arrowdown {width : 225px; height : 40px; background: url(image/tbr2/icons/systems/arrowdown.png) transparent;}

.tbrvideo {padding-top : 29px; margin-left : 23px ; }

.questionicon {width : 49px; height : 49px; margin-top: 20px; margin-left :5px; background-image :url(image/tbr2/heroes/classesicon/amazonicon.png); border : 2px gray;}

.answericon {width : 49px; height : 49px; margin-top: 15px; margin-left :25px; background-image :url(image/tbr2/heroes/classesicon/assassinicon.png); border : 2px gray;}

.netbeanslogo {width : 50px; height : 52px; background :url(image/backgrounds/netbeanslogo.png) transparent; background-position: bottom; cursor:pointer;}

.netbeanslogo:hover {background-position: top;}

.ubuntulogo {width : 50px; height : 50.5px; background :url(image/backgrounds/ubuntulogo.png) transparent; background-position: bottom; cursor:pointer;}

.ubuntulogo:hover {background-position: top;}

.htmllogo {width : 50px; height : 50px; background :url(image/backgrounds/htmllogo.png) transparent; background-position: bottom; cursor:pointer;}

.htmllogo:hover {background-position: top;}

.csslogo {width : 50px; height : 50px; background :url(image/backgrounds/csslogo.png) transparent; background-position: bottom; cursor:pointer;}

.csslogo:hover {background-position: top;}

.javascriptlogo {width : 50px; height : 43px; background :url(image/backgrounds/javascriptlogo.png) transparent; background-position: bottom; cursor:pointer;}

.javascriptlogo:hover {background-position: top;}

.authoricon {float : left; width : 49px; height : 49px; margin-top: 10px; margin-left :10px; margin-right : 5px; background-image :url(image/tbr2/heroes/classesicon/assassinicon.png);}

.authorinformation {margin-left : 10px; width : 400px; height : 150px; padding-top: 5px; padding-left :5px ; background : #c19841; font-family: 'frquad',arial; font-size: 15px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

.qa {margin-left : 10px; width : 400px; padding-top: 10px; padding-left: 10px; background : #c19841; font-family: 'frquad',arial; font-size: 20px; font-weight: bold; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

/*tbr2page*/
#amazonclassimage {background-image:url(image/tbr2/icons/heroes/agilityheroes/amazon.png);}
#arcanerangerclassimage {background-image:url(image/tbr2/icons/heroes/agilityheroes/arcaneranger.png);}
#assassintbr2classimage {background-image:url(image/tbr2/icons/heroes/agilityheroes/assassin.png);}
#javelineerclassimage {background-image:url(image/tbr2/icons/heroes/agilityheroes/javelineer.png);}
#spartanwarriortbr2classimage {background-image:url(image/tbr2/icons/heroes/agilityheroes/spartanwarrior.png);}
#templeguardiantbr2classimage {background-image:url(image/tbr2/icons/heroes/agilityheroes/templeguardian.png);}
#bokorclassimage {background-image:url(image/tbr2/icons/heroes/intelligenceheroes/bokor.png);}
#dryadclassimage {background-image:url(image/tbr2/icons/heroes/intelligenceheroes/dryad.png);}
#hydromancerclassimage {background-image:url(image/tbr2/icons/heroes/intelligenceheroes/hydromancer.png);}
#priestessclassimage {background-image:url(image/tbr2/icons/heroes/intelligenceheroes/priestess.png);}
#pyromancerclassimage {background-image:url(image/tbr2/icons/heroes/intelligenceheroes/pyromancer.png);}
#spellbladeclassimage {background-image:url(image/tbr2/icons/heroes/intelligenceheroes/spellblade.png);}


/*speech bubbles*/
.triangle-right {
    position:relative;
    padding:15px;
    margin:1em 0 3em;
    color:#fff;
    font-family: 'frquad',arial; font-size: 15px;
    background:#075698; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
    background:-moz-linear-gradient(#2e88c4, #075698);
    background:-o-linear-gradient(#2e88c4, #075698);
    background:linear-gradient(#2e88c4, #075698);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}

.triangle-right.left {
    margin-left:100px;
    margin-right : 5px;
    background:#075698;
}

.triangle-right.left.left1 {
    margin-left:120px;
    background:gray;
}

.triangle-right:after {
    content:"";
    position:absolute;
    bottom:-20px; /* value = - border-top-width - border-bottom-width */
    left:50px; /* controls horizontal position */
    border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
    border-style:solid;
    border-color:#075698 transparent; 
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

.triangle-right.left:after {
    top:16px; 
    left:-40px; /* value = - border-left-width - border-right-width */
    bottom:auto;
    border-width:15px 40px 0 0; /* vary these values to change the angle of the vertex */
    border-color:transparent #075698; 
}

.triangle-right.left.left1:after {
    border-color:transparent gray; 
}


#leftcolumnguide {float : left; width : 300px; }

#rightcolumnguide {float : left; margin-left : 20px ; width : 650px}

.rating {
    float:left;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating:not(checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(checked) > label:before {
    content: '★ ';
}

.rating > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(checked) > label:hover,
.rating:not(checked) > label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}

/*scrolls*/
#mcs6_container{position:relative;  margin:0px;  height:355px;}
#mcs6_container .customScrollBox{position:relative; height:100%; overflow:hidden;} /*hauteur du scroll*/
#mcs6_container .customScrollBox .container{position:relative; width:300px; top:0; float:left;} /*largeur du contenu*/
#mcs6_container .customScrollBox .content{clear:both;}
#mcs6_container .customScrollBox .content p{padding:0 5px; margin:10px 0; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#mcs6_container .customScrollBox .content p.alt{margin:10px 0; color:#fff; font-family:Georgia, "frquad", Times, serif; font-size:17px; line-height:19px; color:#999;}
#mcs6_container .dragger_container{position:relative; width:10px; height:335px; float:left; margin-top:10px; background:#000; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:5px;} /*barre où est contenu le scroll*/
#mcs6_container .dragger{padding-left : 5px; margin-left : -1px;position:absolute; width:8px; height:17px; background:url(image/boutonscroll.png) no-repeat; overflow:hidden; cursor:pointer; line-height : 660px;}
#mcs6_container .dragger_pressed{position:absolute;  margin-left:-1px;  text-align:center;  color:#666; overflow:hidden;line-height : 660px;}