/**
 * Plugin Name: WOW Recruitment Widget
 * Plugin URI: http://www.ycfreeman.com/wow-recruitment-widget
 * Description: Stylesheet for WOW recruitment widget
 * Version: 1.4.0
 * Author: Freeman Man
 * Author URI: http://www.ycfreeman.com
 */

/*widget layout css*/
.wr-clear {
    float:none;
    clear:both;
}

/**
        WOW Recruit Widget Layout Stylesheet

        Use the CSS rules below to modify the look of your widget.

        To create additional rules, use the markup below as a guide to WOW Recruit Widget's Layout architecture.

        <div class="wow-recruit-widget">
                <ul class="wr-container">
                        <li class="wr-item wr-odd">
                                <div class="wr-left">
                                        <img class="wr-icon" src="images/class-shaman.png" />
                                </div>
                                <div class="wr-right">
                                        <div class="wr-class-text wr-shaman">
                                                Shaman
                                        </div>
                                        <div class="wr-status wr-high">
                                                High
                                        </div>
                                        <div class="wr-note">
                                                Note: Enhancement
                                        </div>
                                </div>
                        </li>
                        <li class="wr-item wr-even">
                                <div class="wr-left">
                                        <img class="wr-icon" src="images/class-shaman.png" />
                                </div>
                                <div class="wr-right">
                                        <div class="wr-class-text wr-shaman">
                                                Shaman
                                        </div>
                                        <div class="wr-status wr-medium">
                                                Medium
                                        </div>
                                        <div class="wr-note">
                                                Note: Restoration
                                        </div>
                                </div>
                        </li>
                </ul>
        <div>
*/

/*widget font settings*/
.wow-recruit-widget {

    /*font-family:verdana,arial,sans-serif;*/

    width:110%;
}

.wr-message
{
    margin-bottom: 10px;
}
.wr-container {
    font-weight:bold;
    font-size:90%;
    list-style: none;
    padding:0px;
    margin:0px;
}

.wr-item {
    display:block;
    float:left;
    padding:5px 0px;
    overflow:hidden;
}
.wr-odd {}
.wr-even {}
.wr-left {
    display:block;
    float: left;
    width: 21px;
    height: 24px;
    text-align:center;
    min-width: 24px;
}
.wr-right {
    display:block;
    float: left;
    position:relative;
	width: 200px;
	margin-top: 3px;
	margin-left: 10px;
}


.wr-class-text {
    display:block;
    float:left;

}
.wr-status {
    display:block;
    margin-right:15px;
    text-align:right;
	float: right;
}
.wr-note {
    margin:5px 5px 0 5px;
    font-weight:normal;
    font-style:italic;
    color:#cee683;
}


/*widget color css*/

/*class icon image sprite*/
.wr-icon {
    vertical-align:middle;
    width: 21px;
    height:21px;
    background-image:url(../img/class-sprite-21.png);
    border-radius:2px;
    box-shadow: 0 0 3px #000, inset 0 0 3px #555;
    border:1px solid #333;
}	
.wr-deathknight 	{ background-position: 0 0;}
.wr-druid 		{ background-position: -21px 0;}
.wr-hunter 		{ background-position: -42px 0;}
.wr-mage 		{ background-position: -63px 0;}
.wr-paladin 		{ background-position: -84px 0;}
.wr-priest 		{ background-position: -105px 0;}
.wr-rogue 		{ background-position: -126px 0;}
.wr-shaman 		{ background-position: -147px 0;}
.wr-warlock 		{ background-position: -168px 0;}
.wr-warrior 		{ background-position: -189px 0;}
.wr-monk 		{ background-position: -210px 0;}

/*status colors, currently using wowprogress.com colors*/
.wr-status3 			{ color:#FF420E; }
.wr-status2 			{ color:#FFD320; }
.wr-status1			{ color:#1EF1A2; }

/*class colors, currently using wowprogress.com colors*/
.wr-deathknight .wr-class-text	{ color: #C41F3B; letter-spacing:-1px; }
.wr-druid 			{ color: #FF7D0A; }
.wr-hunter 			{ color: #ABD473; }
.wr-mage 			{ color: #69CCF0; }
.wr-paladin 			{ color: #F58CBA; }
.wr-priest 			{ color: #FFFFFF; }
.wr-rogue 			{ color: #FFF569; }
.wr-shaman 			{ color: #2459FF; }
.wr-warlock 			{ color: #9482CA; }
.wr-warrior 			{ color: #C79C6E; }
.wr-monk 			{ color: #008080; }