@charset "utf-8";
/* CSS Document */


/* table headers that are used on the event pages */
.rem2eventtable {
background:#ffffff;
}

.rem2tableheader {
background:transparent url(../rem2/images/calendar/table_headbg.gif) no-repeat 0pt;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
height:27px;
width:750px;
}

.rem2subtableheader {
background:transparent url(../rem2/images/calendar/subtable_head2.gif) no-repeat 0pt;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
height:27px;
width:265px;
}

.rem2qctableheader {
background:transparent url(../rem2/images/calendar/qctable_head2.gif) no-repeat 0pt;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
height:27px;
width:265px;
}

/* calendar css */
.rem2cell {
background:transparent url(../rem2/images/calendar/cell2.png) no-repeat scroll 0pt;
color:#FFFFFF;
font-weight:bold;
height:100px;
vertical-align:top;
width:100px;
}

.rem2td {
background-color: #DDDDDD;
}

.rem2event {
background:transparent url(../rem2/images/calendar/cell2.png) no-repeat scroll 0pt;
color:#FFFFFF;
font-weight:bold;
height:100px;
vertical-align:top;
width:125px;
}

.rem2eventcaption {
color:#FFFFFF;
font-weight:bold;
font-size:12px;
}

.rem2event2 {
width:810px; height:600px; overflow:auto;
font-size:10px;
color:#FFFFFF;
border:1px none #000000; padding:0px; background:#000000;
}

.rem2celltoday {
/*background:transparent url(../rem2/images/calendar/today3.png) no-repeat scroll 0pt;*/
background:transparent url(../rem2/images/calendar/cell2.png) no-repeat scroll 0pt;
border: 1px double #c39419;
color:#FFFFFF;
font-weight:bold;
height:100px;
vertical-align:top;
width:125px;
}

.rem2events {
text-align:right;
top:3px;
}

.rem2day {
background-image:url(../rem2/images/calendar/day2.png);
color:#FFFFFF;
font-weight:bold;
height:30px;
text-align:center;
/*width:110px;*/
width:125px;
}

.rem2calendar {
background-color:#ffffff;
}

.rem2month {
background-color:#ffffff;
color:#000000;
font-weight:bold;
font-size:18px;
height:50px;
vertical-align:middle;
}

.rem2signupform {
background-color:#ffffff;
color:#ffffff;
font-weight:bold;
font-size:18px;
height:50px;
vertical-align:middle;
}

/* For the mini-calendar - one used in the e107 menu */
.rem2calendarsmall {
background-color:#ffffff;
}

.rem2monthsmall {
background-color:#65AAE1;
color:#000000;
font-weight:bold;
font-size:10px;
height:25px;
vertical-align:middle;
}

.rem2cellsmall {
background:transparent url(../rem2/images/calendar/cell2.png) no-repeat scroll 0pt;
color:#000000;
font-weight:bold;
height:25px;
vertical-align:top;
text-align:center;
width:25px;
}

.rem2daysmall {
background-image:url(../rem2/images/calendar/day2.png);
color:#000000;
font-weight:bold;
height:30px;
text-align:center;
width:25px;
}

.rem2celltodaysmall {
background:transparent url(../rem2/images/calendar/today3.png) no-repeat scroll 0pt;
color:#00c0ff;
font-weight:bold;
height:25px;
vertical-align:top;
text-align:center;
width:25px;
}

/* Class Colors */
.cDeathknight { background-color:#CC3300; }
.cDruid { background-color:#FF7D0A; }
.cHunter { background-color:#ABD473; }
.cMage { background-color:#69CCF0; }
.cPaladin { background-color:#F58CBA; }
.cPriest { background-color:#FFFFFF; }
.cRogue { background-color:#FFF569; }
.cShaman { background-color:#2459FF; }
.cWarlock { background-color:#9482CA; }
.cWarrior { background-color:#C79C6E; }
.tDeathknight { font-weight:bold; font-size:12px; color:#CC3300; }
.tDruid { font-weight:bold; font-size:12px; color:#FF7D0A; }
.tHunter { font-weight:bold; font-size:12px; color:#ABD473; }
.tMage { font-weight:bold; font-size:12px; color:#69CCF0; }
.tPaladin { font-weight:bold; font-size:12px; color:#F58CBA; }
.tPriest { font-weight:bold; font-size:12px; color:#FFFFFF; }
.tRogue { font-weight:bold; font-size:12px; color:#FFF569; }
.tShaman { font-weight:bold; font-size:12px; color:#2459FF; }
.tWarlock { font-weight:bold; font-size:12px; color:#9482CA; }
.tWarrior { font-weight:bold; font-size:12px; color:#C79C6E; }

/* Sub Class Colors */
.cTank { background-color:#C79C6E; }
.cOffTank { background-color:#FF7D0A; }
.cRangeDPS { background-color:#69CCF0; }
.cMeleeDPS { background-color:#FFF569; }
.cHealer { background-color:#F58CBA; }
.cDPS { background-color:#FFF569; }
.cCC {background-color:#69CCF0; }

/* BG Fill Colors */
.fillcolor { background-color:#00FF00; }
.fillcolorgreen { background-color:#00FF00; }
.fillcoloryellow { background-color:#ffd517; }
.fillcolorred { background-color:#d80000; }
.fillcolororange { background-color:#ff8000; }
.fillcolorgray { background-color:#c9c9c9; }
.fillcolordarkgray { background-color:#474846; }
.fillcolorblack { background-color:#ffffff; }

/* Text Colors */
.remGold { font-size:12px; color: #000000;}
.remOrange { font-size:12px; color: #ff8000;}
.remPurple { font-size:12px; color: #A335EE;}
.remGray { font-size:12px; color: #c9c9c9;}
.remGreen { font-size:12px; color: #BB8E0D;}
.remYellow { font-size:12px; color: #ffd517;}
.remRed { font-size:12px; color: #d80000;}
.remWhite { font-size:12px; color: #8f8f8f;}
.remBlue { font-size:12px; color: #00c0ff;}
.remBlack { font-size:12px; color: #ffffff;}

/* Detail hack for signup buttons */
.cxlibtooltip {
vertical-align:center;
padding:3px;
}

/* Overlib Popup CSS */
.removerlibpopup { width: 290px; background-color: transparent; }
.remtransback { background-color: transparent; }
.removerlibtl { width: 7px; height: 7px; background: url(../rem2/images/overlib/tl.png) no-repeat }
.removerlibtr { width: 7px; height: 7px; background: url(../rem2/images/overlib/tr.png) no-repeat }
.removerlibtm { max-width: 290px; height: 7px; width:auto; background: url(../rem2/images/overlib/tm.png) repeat-x }
.removerlibml { width: 7px; height: auto; background: url(../rem2/images/overlib/ml.png) repeat-y }
.removerlibmr { width: 7px; height: auto; background: url(../rem2/images/overlib/mr.png) repeat-y }
.removerlibmm { max-width: 290px; width: auto; background: url(../rem2/images/overlib/mm.png) repeat }
.removerlibbl { width: 7px; height: 7px; background: url(../rem2/images/overlib/bl.png) no-repeat }
.removerlibbr { width: 7px; height: 7px; background: url(../rem2/images/overlib/br.png) no-repeat }
.removerlibbm { max-width: 290px; height: 7px; width:auto; background: url(../rem2/images/overlib/bm.png) repeat-x }

/* drag drop CSS */
LI {
	MARGIN-BOTTOM: 10px
}
OL {
	MARGIN-TOP: 5px
}
.DragContainer {
	BORDER-RIGHT: #669999 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #669999 2px solid; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 3px; BORDER-LEFT: #669999 2px solid; WIDTH: 100px; PADDING-TOP: 5px; BORDER-BOTTOM: #669999 2px solid
}
.OverDragContainer {
	BORDER-RIGHT: #669999 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #669999 2px solid; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 3px; BORDER-LEFT: #669999 2px solid; WIDTH: 100px; PADDING-TOP: 5px; BORDER-BOTTOM: #669999 2px solid
}
.OverDragContainer {
	BACKGROUND-COLOR: #eee
}
.DragBox {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000 1px solid; WIDTH: 94px; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee
}
.OverDragBox {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000 1px solid; WIDTH: 94px; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee
}
.DragDragBox {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000 1px solid; WIDTH: 94px; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee
}
.miniDragBox {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000 1px solid; WIDTH: 94px; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee
}
.OverDragBox {
	BACKGROUND-COLOR: #ffff99
}
.DragDragBox {
	BACKGROUND-COLOR: #ffff99
}
.DragDragBox {
	FILTER: alpha(opacity=50); BACKGROUND-COLOR: #ff99cc
}
LEGEND {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666699; FONT-FAMILY: verdana, tahoma, arial
}
FIELDSET {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.History {
	FONT-SIZE: 10px; OVERFLOW: auto; WIDTH: 100%; FONT-FAMILY: verdana, tahoma, arial; HEIGHT: 82px
}
#DragContainer8 {
	BORDER-RIGHT: #669999 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #669999 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; BORDER-LEFT: #669999 1px solid; WIDTH: 110px; PADDING-TOP: 5px; BORDER-BOTTOM: #669999 1px solid; HEIGHT: 110px
}
.miniDragBox {
	FLOAT: left; MARGIN: 0px 5px 5px 0px; WIDTH: 20px; HEIGHT: 20px
}