/* chooseRaidDate */

#chooseRaidDate {
  width: 930px;
  padding: 5px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
}

#chooseRaidDate a {
  font-style: normal;
}

#chooseRaidDate .chooseDateNavi {
  width: 930px;
}

#chooseRaidDate .arrow {
  float: left;
  display: block;
  width: 50px;
}

#chooseRaidDate .month {
  float: left;
  display: block;
  width: 830px;
  text-align: center;
}

#chooseRaidDate .chooseDateHead {
  width: 930px;
  border-bottom: 1px solid #C0C0C0;
}

#chooseRaidDate .spacer {
  float: left;
  display: block;
  margin: 2px;
  padding: 5px;
  width: 118px;
  height: 20px;
  text-align: center;
}

#chooseRaidDate .weekday {
  float: left;
  display: block;
  margin: 5px;
  padding-top: 5px;
  width: 122px;
  height: 20px;
  text-align: center;
}

#chooseRaidDate .day {
  float: left;
  margin: 1px;
  padding: 5px;
  width: 118px;
  height: 120px;
  border: 1px solid #C0C0C0;
}

#chooseRaidDate .day .date {
  display: block;
  width: 118px;
  height: 20px;
  color: #C0C0C0;
  text-align: right;
  cursor: pointer;
}

#chooseRaidDate .day .body {
  width: 118px;
  height: 100px;
  font-size: 0.9em;
}

#chooseRaidDate .day .body .event {
  display: block;
  width: 118px;
  height: 40px;
}

#chooseRaidDate .day .body .raid {
  display: block;
  width: 115px;
  margin: 3px 0px;
  cursor: pointer;
  text-align: left;
  padding-left: 3px;
}

#chooseRaidDate .today {
  background-color: #333333;
}

#chooseRaidDate .today .date {
  font-weight: bold;
  color: #C08000;
}

/* Tooltip Raid */

#raidTooltip {
  width: 532px;
}

#raidTooltip .rowHead {
  width: 532px;
}

#raidTooltip .row1 {
  width: 532px;
}

#raidTooltip .head  .col {
  width: 532px;
  height: 20px;
}

#raidTooltip .head  .col1 {
  width: 280px;
}

#raidTooltip .head  .col2 {
  width: 76px;
}

#raidTooltip .head  .col3 {
  width: 76px;
}

#raidTooltip .head  .col4 {
  width: 100px;
}

#raidTooltip .details  {
  width: 532px;
  height: 20px;
}

#raidTooltip .details  .col1 {
  width: 43px;
}

#raidTooltip .details  .col2 {
  width: 43px;
}

#raidTooltip .details  .col3 {
  width: 43px;
}

#raidTooltip .details  .col4 {
  width: 43px;
}

#raidTooltip .details  .col5 {
  width: 120px;
}

#raidTooltip .details  .col6 {
  width: 120px;
}

#raidTooltip .details  .col7 {
  width: 120px;
}

#raidTooltip #characters span.col0 {
  width: 43px;
}

#raidTooltip #characters span.col1 {
  width: 43px;
}

#raidTooltip #characters span.col2 {
  width: 43px;
}

#raidTooltip #characters span.col3 {
  width: 43px;
}

#raidTooltip #characters span.col4 {
  width: 43px;
}

#raidTooltip #characters span.col5 {
  width: 43px;
}

#raidTooltip #characters span.col6 {
  width: 43px;
}

#raidTooltip #characters span.col6 img {
  margin-top:0px;
}

#raidTooltip #characters span.col7 {
  width: 43px;
}

#raidTooltip #characters span.col8 {
  width: 43px;
}

#raidTooltip #characters span.col9 {
  width: 43px;
}

#raidTooltip #characters span.col12 {
  width: 100px;
}

#raidTooltip .participation .col {
  width: 532px;
  height: 20px;
  text-align: center;
}

/* Raid Details*/

#raidDetail {
  width: 940px;
}
#raidDetail .rowHead {
  width: 900px;
}

#raidDetail .row1 {
  width: 900px;
}

#raidDetail .head  .col {
  width: 900px;
  height: 20px;
}

#raidDetail .head  .col1 {
  width: 500px;
}

#raidDetail .head  .col2 {
  width: 120px;
}

#raidDetail .head  .col3 {
  width: 120px;
}

#raidDetail .head  .col4 {
  width: 159px;
}


#raidDetail .details .rowHead {
  width: 900px;
  height: 35px;
}


#raidDetail .details  .col1 {
  width: 43px;
}

#raidDetail .details  .col2 {
  width: 43px;
}

#raidDetail .details  .col3 {
  width: 43px;
}

#raidDetail .details  .col4 {
  width: 43px;
}

#raidDetail .details  .col5 {
  width: 98px;
}

#raidDetail .details  .col6 {
  width: 43px;
}

#raidDetail .details  .col7 {
  width: 43px;
}

#raidDetail .details  .col8 {
  width: 43px;
}

#raidDetail .details  .col9 {
  width: 43px;
}

#raidDetail .details  .col10 {
  width: 43px;
}

#raidDetail .details  .col11 {
  width: 43px;
}

#raidDetail .details  .col12 {
  width: 43px;
}

#raidDetail .details  .col13 {
  width: 43px;
}

#raidDetail .details  .col14 {
  width: 43px;
}

#raidDetail .details  .col15 {
  width: 43px;
}

#raidDetail .details  .col16 {
  width: 100px;
}

#raidDetail .details  .col17 {
  width: 100px;
}

#raidDetail .participation .col {
  width: 900px;
  height: 20px;
  text-align: center;
}

/* participation */

.participation .col1 {
  width: 300px;
}

.participation .col2 {
  width: 300px;
  color: white;
}


.participation .col3 {
  width: 300px;
}

/* STATUS*/

.none {
  color: #FF80C0;
}

.declined {
  color: #FF0000;
}

.denied {
  color: #FF0000;
}

.accepted {
  color: #008000;
}

.confirmed {
  color: #008000;
}

.substituted {
  color: #FF8040;
}

/* SETUP NORMAL */

#raidDetail .participationOverview {
  padding-left:20px;
  text-align:center;
  width: 900px;
  display: block;
}

#raidDetail .participationOverview .rowHead {
  width: 210px;
  height: 35px;
  background: #222222;
}

#raidDetail .participationOverview .rowHead .col {
  width: 210px;
  height: 35px;
}

#raidDetail .participationOverview .rowHead .col .role {
  height: 20px;
  padding-top: 5px;
  display: block;
  float: left;
}

#raidDetail .participationOverview .rowHead .col img {
  float: left;
  padding-left: 20px;
  margin-top: 3px;
}

#raidDetail .participationOverview .row1 {
  width: 210px;
}

#raidDetail .participationOverview .rowError {
  width: 190px;
  padding: 10px;
  height: 35px;
}

#raidDetail .participationOverview .row2 {
  width: 210px;
}

#raidDetail .participationOverview .col {
  width: 190px;
  height: 35px;
}

#raidDetail .participationOverview .cola0 {
  width: 35px;
  height: 20px;
}

#raidDetail .participationOverview .cola1 {
  width: 35px;
  height: 20px;
}

#raidDetail .participationOverview .cola2 {
  width: 105px;
  height: 20px;
}

#raidDetail .participationOverview .cola3 {
  width: 35px;
  height: 20px;
}

#raidDetail .participationOverview .col0 {
  width: 35px;
  height: 20px;
}

#raidDetail .participationOverview .col1 {
  width: 140px;
  height: 20px;
}

#raidDetail .participationOverview .col2 {
  width: 35px;
  height: 20px;
}

#raidDetail .participationOverview .tank {
  width: 210px;
  margin-right: 10px;
  float: left;
}

#raidDetail .participationOverview .heal {
  width: 210px;
  margin: 0px 10px 0px 10px;
  float: left;
}

#raidDetail .participationOverview .melee {
  width: 210px;
  margin: 0px 10px 0px 10px;
  float: left;
}

#raidDetail .participationOverview .range {
  width: 210px;
  margin: 0px 0px 0px 10px;
  float: left;
}

#raidDetail .checkbox {
  margin: 3px 0px 0px 10px;
  padding: 0px;
  width: 15px;
  border: none;
}

.raidnotice {
  width: 840px;
  margin-left: 20px;
  padding: 10px 10px 25px 50px;
  text-align: left;
  background-color: #333333;
}

.raidnotice .noticeframe {
  padding-left: 30px;
}
#adminSetup .container {
  width: 450px;
  float: left;
}

#adminSetup .rowHead {
  width: 435px;
}

#adminSetup .rowHead img {
  margin-bottom: -3px;
}

#adminSetup .row1{
  width: 435px;
}

#adminSetup .row2 {
  width: 435px;
}

#adminSetup .col {
  width: 435px;
  height: 30px;
}

#adminSetup .col1 {
  width: 50px;
}

#adminSetup .col2 {
  width: 150px;
}

#adminSetup .col3 {
  width: 50px;
}

#adminSetup .col4 {
  width: 110px;
}

#adminSetup .col5 {
  width: 70px;
}
#adminSetup .row1 input {
  width: 10px;
}

#adminSetup .row2 input {
  width: 10px;
}

#adminSetup .left {
  text-align: left;
}

#adminSetup label {
  margin-left: 50px;
  width: 300px;
  padding-right: 10px;
  text-align: right;
}

#adminSetup select {
  width: 50px;
}

#adminSetup textarea {
  width: 525px;
}

#adminSetup .specialGroupContainer {
  width: 900px;
}

#adminSetup .specialGroupContainer .specialGroupForm{
  width: 180px;
  float: left;
}

#adminSetup .specialGroupContainer label {
  margin-left: 10px;
  width: 155px;
  padding: 0px;
  text-align: center;
}

#adminSetup .specialGroupContainer textarea {
  width: 155px;
  height: 80px;
}

#adminSetup .changeRole {
  width: 90px;
}

#specialGroupContainer {
  margin-left:20px;
  width: 920px;
}

#specialGroupContainer .specialGroup {
  width: 182px;
  float: left;
}

#specialGroupContainer .rowHead {
  width: 161px;
}

#specialGroupContainer .row1 {
  width: 161px;
}

#specialGroupContainer .row2 {
  width: 161px;
}

#specialGroupContainer .col {
  width: 161px;
  height: 20px;
}

#specialGroupContainer .col0 {
  width: 60px;
}

#specialGroupContainer .col1 {
  width: 100px;
}

/* ### THIRD NAV ### */

#thirdnavcontainer {
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  height: 30px;
  background: #333333;
  border-bottom: 1px solid #C0C0C0;
  vertical-align: bottom;
  margin-bottom: -5px;
  padding: 0;
}

#thirdnavcontainer .navi {
  position: relative;
  text-align: left;
  margin-bottom: 0px;
  padding: 0;
}

#thirdnavcontainer .navilist {
  margin: 0;
  padding: 0;
  list-style:none;
  display: block;
  vertical-align: bottom;
}

#thirdnavcontainer .navilist li {
  width: 130px;
  text-align: center;
  list-style: none;
  float: left;
  padding-right: 10px;
}

#thirdnavcontainer .navi a, .navilist li.extend {
  height: 100%;
  margin: 0px;
  display: block;
  border-bottom: 1px solid #C0C0C0;
  padding: 8px 10px 8px 10px;
  text-decoration: none;
  background: #333333;
  font: normal .8em verdana, serif;
}

#thirdnavcontainer .navi a:hover, #thirdnavcontainer .navi a.active {
  background:#252525 none repeat scroll 0%;
  border-color:#C0C0C0;
  border-bottom:#252525;
  border-style:solid;
  border-width:1px;
  color: #C08000;
  padding: 15px 9px 10px 9px;
  margin: -10px 0px 0px 0px;
}

#thirdnavcontainer .navi a.active {
  padding: 15px 9px 10px 9px;
  background: #252525;
  border-bottom: 1px solid #252525;
  font-weight: bold;
}



/* SETUP ADMIN */

#raidDetail .participationAdminOverview {
  padding-left:20px;
  text-align:center;
  width: 900px;
  display: block;
}

#raidDetail .changeRole {
  width: 90px;
}

#raidDetail .specialGroup {
  width: 50px;
}

#raidDetail .specialGroupSetup {
  float: left;
  width: 181px;
}

#raidDetail .participationAdminOverview .rowHead {
  width: 430px;
  height: 35px;
  background: #222222;
}

#raidDetail .participationAdminOverview .rowHead .col {
  width: 430px;
  height: 35px;
}

#raidDetail .participationAdminOverview .rowHead .col .role {
  height: 20px;
  padding-top: 5px;
  display: block;
  float: left;
}

#raidDetail .participationAdminOverview .rowHead .col img {
  float: left;
  padding-left: 20px;
  margin-top: 3px;
}

#raidDetail .participationAdminOverview .row1 {
  width: 430px;
}

#raidDetail .participationOverview .rowError {
  width: 190px;
  padding: 10px;
  height: 35px;
}

#raidDetail .participationAdminOverview .row2 {
  width: 430px;
}

#raidDetail .participationAdminOverview .col {
  width: 190px;
  height: 35px;
}

#raidDetail .participationAdminOverview .col0 {
  width: 35px;
  height: 20px;
}

#raidDetail .participationAdminOverview .col1 {
  width: 140px;
  height: 20px;
}

#raidDetail .participationAdminOverview .col2 {
  width: 110px;
  height: 20px;
}

#raidDetail .participationAdminOverview .col3 {
  width: 60px;
  height: 20px;
}

#raidDetail .participationAdminOverview .col4 {
  width: 40px;
  height: 20px;
}

#raidDetail .participationAdminOverview .col5 {
  width: 40px;
  height: 20px;
}

#raidDetail .participationAdminOverview .tank {
  width: 450px;
  float: left;
}

#raidDetail .participationAdminOverview .heal {
  width: 450px;
  float: left;
}

#raidDetail .participationAdminOverview .melee {
  width: 450px;
  float: left;
}

#raidDetail .participationAdminOverview .range {
  width: 450px;
  float: left;
}

#specialGroupAdminContainer {
  margin-left:15px;
  width: 940px;
}

.specialGroupsEdit {
  text-align: right;
  margin-left:130px;
  width: 290px;
}

#specialGroupsEdit {
  margin-right: 410px;
  width: 50px;
}

#specialGroupAdminContainer .specialGroup {
  width: 182px;
  float: left;
}

#specialGroupAdminContainer .rowHead {
  width: 180px;
}

#specialGroupAdminContainer .row1 {
  width: 180px;
}

#specialGroupAdminContainer .row2 {
  width: 180px;
}

#specialGroupAdminContainer .col {
  width: 180px;
  height: 20px;
}

#specialGroupAdminContainer .col0 {
  width: 40px;
}

#specialGroupAdminContainer .col1 {
  width: 100px;
}

#specialGroupAdminContainer .col2 {
  width: 30px;
}

#specialGroupAdminContainer textarea {
  width: 155px;
  height: 80px;
}


#specialGroupAdminContainer .textarea {
  height: 110px;
}

.setupBuffs {
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0px 20px 12px;
  width: 888px;
  background-color: #222222;
}

.bufficon {
  width: 31px;
  height: 31px;
}

.buffborder {
  width: 34px;
  height: 34px;
  padding: 2px 1px 0px 3px;
  margin: 1px;
  float: left;
}

.buffstatus0 {
  background-color: #008800;
}

.buffstatusLegend0 {
  background-color: #008800;
  color: #000000;
}

.buffstatus1 {
  background-color: #888800;
}

.buffstatusLegend1 {
  background-color: #888800;
  color: #000000;
}

.buffstatus2 {
  background-color: #000088;
}

.buffstatusLegend2 {
  background-color: #000088;
  color: #BBBBBB;
}

.buffstatus3 {
  background-color: #FFFFFF;
}

.buffstatus4 {
  background-color: #FFFFFF;
}

.buffstatus5 {
  background-color: #FFFFFF;
}

.buffstatus6 {
  background-color: #880000;
}

.buffstatusLegend6 {
  background-color: #880000;
  color: #BBBBBB;
}

#buffLegend .changeBuffVisibility {
  display: block;
  margin-left:25px;
  margin-right:25px;
  width: 50px;
}