html {
    height: 100%;
}
body{ font: 62.5% "Trebuchet MS", sans-serif; 	margin:0px auto 50px auto; padding:0px;
      text-align:center; border: 0 !important; min-height: 100%; background-attachment: fixed !important; }

a {
    text-decoration:none;
}

.ui-layout-pane { /* all 'panes' */
                  background: #FFF;
                  border: 0px solid #BBB;
                  padding: 0px;
                  overflow: hidden;
}

.ui-layout-center { /* all 'panes' */
                    background: #FFF;
                    border: 2px solid #BBB;
                    padding: 0px;
                    overflow: auto;
}

.ui-layout-resizer { /* all 'resizer-bars' */
                     background: #DDD;
}

.ui-layout-toggler { /* all 'toggler-buttons' */
                     background: #AAA;
}

.number { text-align: right; padding: 0.3em 0.5em 0.3em 0.5em; }
.text { text-align: left; padding: 0.3em 0.5em 0.3em 0.5em; }
.date { text-align: left; padding: 0.3em 0.5em 0.3em 0.5em; }

#filterDialog { margin: 0 5px 0 0; text-align: left; }
.rankCheck { width: 100px; display: inline-block; text-align: left; }

#switcher { margin: 0 0 0 auto; float: right; padding: 2px;}

#headerDiv { height: 80px; margin: 0; margin: 0 0 -0.7em 0; padding: 0; }
.ui-my-tabs { margin: 0 10em 0 0 !important; }
.playername { width: 220px; margin: 0 auto !important; }
#contentDiv { width: 800px; height: 100%; margin:0px auto 50px auto; }
#primaryDiv { padding: 2px; position: relative; text-align: center; border-top: 0 !important; }
#primaryDiv h3 { margin: 0px; padding: 2px; text-align: center; }
span#points     { margin: 10px 2px 2px 2px; padding: 2px; text-align: center; display: inline-block; width: 178px; }
span#attendance { margin: 6px 2px 2px 2px; padding: 2px; text-align: center; display: inline-block; width: 101px; }
span#talent { margin: 6px 2px 2px 2px; padding: 2px; text-align: center; display: inline-block; width: 220px; }
span#button { margin: 6px 2px 2px 2px; padding: 2px; width: 220px; }
span#linkicon { margin: 6px 2px 2px 2px; padding: 2px; text-align: center; display: inline-block; }
span#icon { text-align: center; display: inline-block; }
.clear { clear: both; }
.hidden { display: none; position: fixed; }

#tabs { text-align: center; margin: 20px 10px 20px 10px; font-size: 1em; }
#tabsAjax { text-align: center; margin: 20px 10px 20px 10px; font-size: 1em; }
#tabs table, #tabsAjax td, #primaryDiv table, #itemDialog table, #historyDialog table { padding: 0px; margin: 0px auto 0px auto; border-spacing: 0px; border-width: 0px; font-size: 1.05em; }
#tabs td, #tabsAjax td, #primaryDiv td, #itemDialog td, #historyDialog td { padding: 2px 6px 2px 6px; border-spacing: 1px !important; border-width: .1em !important; font-size: 1.05em; font-weight: normal !important; }
.dialog { text-align: center; font-size: 1em; }
#itemDialog, #historyDialog { text-align: center; font-size: 1em; }
.attendanceTD { border-spacing: 0px !important; padding: 0px !important; text-align: center; }
.attendanceBlock { display:inline; float: right; width: 18px; height: 20px; text-align: right; }
#pointsTable { width: 95%; margin: 4em 2em !important; }
#raidsTable { width: 95%; margin: 4em 2em !important; }

ul#pagination {margin: 0px auto 0px auto; padding: 0; display: inline-block;}
ul#pagination li {margin: 2px; position: relative; padding: 0em; cursor: pointer; float: left;  list-style: none; border: 1px !important;}
ul#pagination span.ui-icon, ul#pagination span.ui-no-icon {float: left; margin: 0em; vertical-align: text-bottom;}
.ui-no-icon { padding: 2px; width: 12px; height: 12px; }

ul#adminheader {margin: 0; padding: 0;}
ul#adminheader li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#adminheader a {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#adminheader span.ui-icon { float: left; margin: 0 4px; }

ul#button {margin: 0; padding: 0; }
ul#button li {margin: 2px; position: relative; padding: 4px 8px; cursor: pointer; float: left;  list-style: none;}
/*ul#button a {margin: 2px; position: relative; padding: 2px 4px; cursor: pointer; float: left;  list-style: none;}*/
ul#button span.ui-icon { float: left; margin: 0 2px; }
.ui-icon-a { padding: 0px 4px 0px 4px; margin: auto;  }