gistfile1.css

/************ GENERAL ************/
body {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #555555;
  background: #343434;
  font-size: 14px;
}
.pageWrapper,
.footerWrapper {
  /*min-width: 960px; correct width*/
  min-width: 1000px; /* width for dev menu */
  width: 100%;
}
::selection {
  background:#f50d60;
  color:white;
}
::-moz-selection {
  background:#f50d60;
  color:white;
}
.template {
  background: white;
  min-width: 300px;
  padding: 5px 30px 50px;
  min-height: 300px;
}

/************ BASIC ELEMENTS ************/
ul {margin-left: 15px}
a {color: #f50d60}
a:hover {color: black}

p, div.argh {
  margin: 0;
  padding-bottom: 1em;
}
aside.promo {min-height: 150px}

/************ FUNCTIONS ************/
.bold {font-weight: bold}
#superTable .center {text-align: center}

/************ Round Tables : http://vamin.net/examples/rounded_tables2.html ************/
.borderradius .roundedTable {
  border-collapse: separate;
  border-radius: 5px;
}
.borderradius .roundedTable tr:last-child td:first-child {
  border-bottom-left-radius:5px;
}
.borderradius .roundedTable tr:last-child td:last-child {
  border-bottom-right-radius:5px;
}
.borderradius .roundedTable tr:first-child th:first-child {
  border-top-left-radius:5px;
}
.borderradius .roundedTable tr:first-child th:last-child {
  border-top-right-radius:5px;
}

/************ HEADER ************/
header {
  padding: 0 30px;
  height: 80px;
  line-height: 80px;
  background: #343434 url(../images/headerbg.png) top left no-repeat;
}
.title {font-size: 20px; float:left; text-shadow: -1px -1px 1px black; font-weight: 300; letter-spacing: .2em;}
.title .leftText {color: white}
.title .rightText {color: #7d7d7d}

.environment {
  font-size: 11px;
  float: left;
}
.environmentLabel {
  padding: 2px 5px;
  border: 1px solid gray;
}
.environment span {
  text-shadow: -1px -1px 1px #3B3B3B;
  color: #BEBEBE;
  background: #4A4A4A;
  border: 1px solid #262626;
  padding: 5px 1em;
  margin-left: 20px;
  border-radius: 1px;
  box-shadow: inset 1px 1px 0px #636363;  
  background: #4A4A4A; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#4A4A4A'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#4A4A4A)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #555555,  #4A4A4A); /* for firefox 3.6+ */
}

.account {color:white;float:right;display:block;}
.account a:hover {color:white;}

/************ FOOTER ************/
footer {font-size: 11px}
footer #footer_links {text-align: center}

/************ NAVIGATION ************/
.horizontal nav.navPrimary {
  font-size: 13px;
  padding-left: 20px;
  text-transform: lowercase;
  height: 30px;
  background: url(../images/nav_primary_hor.gif) repeat-x;
  box-shadow: 0 2px 2px #CCCCCC;
}
/*** Superfish SKIN ***/
.sf-menu {
  height: 30px;
  line-height: 30px;
  float: left;
}
.sf-menu a {
  padding: 0 10px;
  text-decoration:none;
  color: black;
}
.sf-menu li li {
  background: #A2A2A2;
}
.sf-menu li:hover {
  background: url(../images/nav_primary_hor_hover.gif) repeat-x;
}
.sf-menu li.active {
  background: url(../images/nav_primary_hor_active.gif) repeat-x;
}
.sf-menu li li:hover {
  background: #868686;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active,
.sf-menu li.active a {
  color: white;
  outline:  0;
}
.sf-menu li ul {
  box-shadow: 1px 1px 3px #C2C2C2;
  margin: 0px 0 1px 1px; /* cancel out li neg margins */
}
.sf-menu li ul ul {
  margin: 0px; /* cancel out li neg margins */
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  top:  30px; /* match top ul list item height */
}
.sf-menu li li {
  background: #EAEAEA;
  margin-left: -1px;
  border: 1px solid #C2C2C2;
  border-top: 0;
  border-bottom: 0;
}
.sf-menu li li:hover {
  background: #C8C8C8; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C8C8C8', endColorstr='#B1B1B1'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#C8C8C8), to(#B1B1B1)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #C8C8C8,  #B1B1B1); /* for firefox 3.6+ */
}
.sf-menu li ul a:hover,
.sf-menu li.active ul a { /* cancel out the white */
  color: black;
}
.sf-menu li li:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom: 1px solid #C2C2C2;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
  padding-right:  25px;
  min-width:  1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
  position:     absolute;
  display:      block;
  right:        .75em;
  top:          1.05em; /* IE6 only */
  width:        10px;
  height:       10px;
  text-indent:  -999em;
  overflow:     hidden;
  background:   url('../images/superfish_arrow.png') no-repeat; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
  top:   .8em;
  background-position: 0 -9px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator,
.active > a > .sf-sub-indicator {
  background-position: 0 -39px; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.sf-shadow ul.sf-shadow-off {background: transparent}

/************ MODULE STYLES ************/
.moduleStyle01 {
  background: #CECECE; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CECECE', endColorstr='#C4C4C4'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#CECECE), to(#C4C4C4)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #CECECE,  #C4C4C4); /* for firefox 3.6+ */
  padding: 0;
  color: #343434;
  border: 1px solid #A2A2A2;
  border-radius: 5px;
  box-shadow: 0 2px 2px #CCCCCC, inset 2px 2px 1px #D6D6D6;  
}
.moduleStyle01 .moduleHeader {
  text-shadow: -1px -1px 0px #A9A9A9;
  padding: 10px 15px;
  color: white;
  background: #C8C8C8; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C8C8C8', endColorstr='#B1B1B1'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#C8C8C8), to(#B1B1B1)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #C8C8C8,  #B1B1B1); /* for firefox 3.6+ */
  box-shadow: inset 1px 1px 2px #D2D1D2;  
}
.moduleStyle01 .moduleContent {
  border-top: 1px solid #A2A2A2;
  padding: 15px;
}
.moduleStyle02 {
  background: #E5F3FA;
  padding: 30px;
  border: 1px solid #bcd8e7;
  border-radius: 5px;
  box-shadow: 0 2px 2px #CCCCCC, inset 2px 2px 1px #f8fbfd;
}

/************ SUPER TABLE ************/
#superTable {
  width: 100%;
  font-size: 95%;
  box-shadow: 0 2px 2px #CCCCCC;
  border-radius: 5px;
}
#superTable * {
  font-weight: normal;
  xxxtext-align: left !Important;
}
#superTable th {
  color: #4f6b72;
  line-height: 100%;
  font-size: 85%;
  border-right: 1px solid #bdd9e8;
  border-top: 1px solid #bdd9e8;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: left;
  text-shadow: 1px 1px 1px white;
  box-shadow: inset 1px 1px 1px #e6f3fa;
  padding: 4px 6px 4px 6px;
  white-space: nowrap;  
  background: #bdd9e8 url(../images/supertable_th.png) top repeat-x;
}
#superTable th:first-child {border-left: 1px solid #C1DAD7}

#superTable td {
  vertical-align: middle;
  padding: 6px 6px 6px 6px;
  color: #4f6b72;
  border-right: 1px solid #bdd9e8;
  border-top: 1px solid #bdd9e8;
}
#superTable tr td:first-child {
  border-left: 1px solid #C1DAD7;
}
#superTable tr:nth-child(odd) td {  
  box-shadow: inset 1px 1px 2px #eaf7fb;
  background: #D4E9F2 url(../images/supertable_odd.png) top repeat-x;
}
#superTable tr:nth-child(even) td {
  box-shadow: inset 1px 1px 2px #EEFEFE;
  background: #DFF0F6 url(../images/supertable_even.png) top repeat-x;
}
#superTable tr:hover>td {
  color: #636363;
  box-shadow: 0;
  border-right: 1px solid #DFDFDF;
  border-top: 1px solid #bdd9e8 ;
  background: #F0F6FA url(../images/supertable_hover.png) top repeat-x;
}

/************ SUPER TABLE > INNER TABLE , INNER ROW ************/
#superTable tr.innerRow>td {
  padding: 20px;
  background: #F0F6FA url(../images/supertable_hover.png) top repeat-x !Important;
}
#superTable .innerTable {
  border-bottom: 1px solid #9f9f9f;
  width: 100%;
}
#superTable .innerTable th {
  background: #555555 url(../images/innertable_th.png) top repeat-x;
  border: 1px solid #4F4F4F;
  color: white;
  font-size: 90%;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: right;
  text-shadow: -1px -1px 1px #404040;
  box-shadow: inset 1px 1px 1px #828282;
  padding: 10px;
  white-space: nowrap;
  border-radius: 0; /* cancel superTable */
  width: 1%;
}
#superTable .innerTable th:first-child {
  border-left: 1px solid #4F4F4F;
}
#superTable .innerTable td {
  vertical-align: middle;
  padding: 6px 6px 6px 12px;
  color: #606060;
}
#superTable .innerTable tr td:first-child {
  border-left: 1px solid #9f9f9f;
}
#superTable .innerTable tr:nth-child(odd) td,
#superTable .innerTable tr:nth-child(even) td {  
  box-shadow: inset 1px 1px 2px #D5D5D5;
  border-right: 1px solid #9f9f9f;
  border-top: 1px solid #9f9f9f;
  background: #bcbcbc url(../images/innertable_td.png) top repeat-x;
}
#superTable .innerTable tr:hover>td {
  background: #CFCFCF;
}
#superTable .innerTable .buttonActionGray {
  border: 1px solid #9F9F9F;
  box-shadow: 1px 1px 1px #D4D4D4;
}

/************ SUPER TABLE > INNER TABLE > STATS TABLE / INNER INNER ROW ************/
#superTable .innerTable tr.innerInnerRow td {
  background: #CFCFCF;
  padding: 20px;
}
#superTable .statsTable {
  width: 100%;
  border: 1px solid #BEBEBE;
}
#superTable .statsTable td,
#superTable .statsTable td:hover {
  background: #E2E2E2 !Important;
  border: 0 !Important;
}

/************ MEGA TABLE ************/
#megaTable {
  width: 100%;
  padding: 0;
  margin: 0;
  box-shadow: 0 2px 2px #BAD0D3;
}
#megaTable th {
  width: 1%;
  color: white;
  font-size: 90%;
  border: 1px solid #4F4F4F;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: right;
  text-shadow: -1px -1px 1px #404040;
  box-shadow: inset 1px 1px 1px #828282;
  padding: 10px 10px 10px 50px;
  white-space: nowrap;
  background: #575757 url(../images/megatable_th.png) top repeat-x;
  vertical-align: top;
}

#megaTable th:first-child {border-left: 1px solid #4F4F4F}

#megaTable td {
  border: 1px solid #4F4F4F;
  padding: 10px;
  color: white;
  box-shadow: inset 1px 1px 1px #828282;
}

#megaTable tr td:first-child {border-left: 1px solid #4F4F4F}
#megaTable tr:nth-of-type(odd) td {background: #6D6D6D}
#megaTable tr:nth-of-type(even) td {background: #6D6D6D}
#megaTable a {color: #ff5555}
#megaTable a:hover {color: white}

/************ 404 & 500 ************/
#error404 .mainWrapper2,
#error500 .mainWrapper2 {
  width: 684px;
  margin: 0 auto;
}
#error404 .centerWrapper,
#error500 .centerWrapper {
  background: #EAF6FB;
  border-radius: 7px;
  width: 644px;
  padding: 20px;
}
#error404 .errorWrapper,
#error500 .errorWrapper {
   border-radius: 7px; 
   display: table-cell;
   vertical-align: middle;
}
/************ 404 Error ************/
#error404 .errorWrapper {
  background: #EAF6FB url(../images/404.png) bottom left no-repeat;
  width: 320px;
  height: 250px;
  padding: 20px 20px 20px 220px;
}
/************ 500 Error ************/
#error500 .errorWrapper {
  background: #EAF6FB;
  width: 520px;
  height: 50px;
  padding: 20px;
}

#error500 {padding-top: 80px}

/************ Login ************/
#loginPage .mainWrapper1 {
  width: 644px;
  margin: 0 auto;
}
#loginPage .centerWrapper {
  background: #EAF6FB;
  border-radius: 7px;
  width: 644px;
  padding: 20px;
}

/************ LOGIN BUTTONS ************/
.loginItem {
  display: block;
  float: left;
  width: 300px;
  text-decoration: none;
  border: 1px solid #30B0C8;
  line-height: 70px;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0px 1px 1px #FFFFFF, inset 1px 1px 1px #80F3F3;
  color: #003E49;
  cursor: pointer;
  font-weight: bold;
  text-shadow: 1px 1px 1px #86EFF7;
  margin: 10px;
  background: #85e4f7; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85e4f7', endColorstr='#67c7ee'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#85e4f7), to(#67c7ee)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #85e4f7,  #67c7ee); /* for firefox 3.6+ */
}
.loginItem:hover {
  text-shadow: 1px 1px 1px #88F2FB;
  background: #a6efff; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6efff', endColorstr='#68CCF5'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#a6efff), to(#68CCF5)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #a6efff,  #68CCF5); /* for firefox 3.6+ */
}
.loginItem span {
  display: block;
  float: left;
  padding: 0 20px 0px 80px;
}

.shipLogo span {background: url(../images/ship_logo.png) 10px 50% no-repeat}
.githubLogo span {background: url(../images/github_logo.png) 10px 50% no-repeat}

/************ SUBMIT BUTTONS ************/
.buttonSubmit {
  text-decoration: none;
  cursor: pointer;
  font-weight: bold;
  height: 30px;
  vertical-align: middle;
  border-radius: 3px;
}
.buttonSubmit1 {
  border: 1px solid #30B0C8;
  box-shadow: 0px 1px 1px #FFFFFF, inset 1px 1px 1px #80F3F3;
  color: #003E49;
  text-shadow: 0 1px 0 #6CDCF9;
  background: #85e4f7; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85e4f7', endColorstr='#67c7ee'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#85e4f7), to(#67c7ee)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #85e4f7,  #67c7ee); /* for firefox 3.6+ */
}
.buttonSubmit1:hover {
  background: #a6efff; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6efff', endColorstr='#94e1ff'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#a6efff), to(#67c7ee)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #a6efff,  #94e1ff); /* for firefox 3.6+ */
}
.buttonSubmit2 {
  border: 1px solid #BEBEBE;
  border-radius: 3px;
  box-shadow: 0px 1px 1px #FFFFFF, inset 1px 1px 1px white;
  color: #343434;
  text-shadow: 0 1px 0 white;
  background: #B5B5B5; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAEAEA', endColorstr='#B5B5B5'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#EAEAEA), to(#B5B5B5)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #EAEAEA,  #B5B5B5); /* for firefox 3.6+ */
}
.buttonSubmit2:hover {
  background: #EEEEEE; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#C8C8C8'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#C8C8C8)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #EEEEEE,  #C8C8C8); /* for firefox 3.6+ */
}
.buttonSubmit3 {
  border: 1px solid #565656;
  box-shadow: 1px 1px 1px #8D8D8D, inset 1px 1px 1px white;
  color: #343434;
  text-shadow: 0 1px 0 white;
  background: #B5B5B5; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAEAEA', endColorstr='#B5B5B5'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#EAEAEA), to(#B5B5B5)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #EAEAEA,  #B5B5B5); /* for firefox 3.6+ */
}
.buttonSubmit3:hover {
  background: #EEEEEE; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#C8C8C8'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#C8C8C8)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #EEEEEE,  #C8C8C8); /* for firefox 3.6+ */
}

/************ ACTION BUTTONS ************/
.actionButtonColumn {width: 1px} /* Squish it */
#servers .actionButtonContainer {min-width: 210px}
#announcements .actionButtonContainer {min-width: 128px}
#players .actionButtonContainer {min-width: 119px}
#policies .actionButtonContainer {min-width: 128px}
#playerAvatars .actionButtonContainer {min-width: 83px}
#playerBans .actionButtonContainer {min-width: 128px}
#consoleBans .actionButtonContainer {min-width: 170px}
#adminAccounts .actionButtonContainer {min-width: 98px}
#skillLevels .actionButtonContainer {min-width: 100px}
#lobbyChannels .actionButtonContainer {min-width: 128px}
#systemSettings .actionButtonContainer {min-width: 83px}

.buttonAction {
  float: left;
  display: block;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  font-weight: bold;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  margin: 0 2px;
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
}
.buttonAction input[type="submit"] {  /* INPUT STYLE TRICKERY to be consistent in all browsers */
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 11px;
  font-weight: bold;
  border: 0;
  padding: 0;
  cursor: pointer;
  background: 0;
}
.buttonActionGray {
  border: 1px solid #BEBEBE;
  box-shadow: 1px 1px 1px white, inset 1px 1px 1px white;
  color: #343434;
  text-shadow: 0 1px 0 white;
  background: #B5B5B5; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAEAEA', endColorstr='#B5B5B5'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#EAEAEA), to(#B5B5B5)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #EAEAEA,  #B5B5B5); /* for firefox 3.6+ */
}
.buttonActionGray:hover {
  color: #343434;
  background: #C8C8C8; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#C8C8C8'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#C8C8C8)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #EEEEEE,  #C8C8C8); /* for firefox 3.6+ */
}
.buttonActionGray input {
  text-shadow: 0 1px 0 white;
  color: #343434;
}
.buttonActionRed {
  border: 1px solid #CC7173;
  box-shadow: 1px 1px 1px white, inset 1px 1px 1px #f7d6d6;
  color: #690909;
  text-shadow: 0 1px 0 #f7d6d6;
  background: #f19191; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7c3c3', endColorstr='#D97579'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#f7c3c3), to(#D97579)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #f7c3c3,  #D97579); /* for firefox 3.6+ */
}
.buttonActionRed:hover {
  color: #690909;
  background: #f7c3c3; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8D2D0', endColorstr='#f19191'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#F8D2D0), to(#f19191)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #F8D2D0,  #f19191); /* for firefox 3.6+ */
}
.buttonActionRed input {
  text-shadow: 0 1px 0 #f7d6d6;
  color: #690909;
}
.buttonActionGreen {
  border: 1px solid #88C67D;
  box-shadow: 1px 1px 1px white, inset 1px 1px 1px #E9FBE5;
  color: #2A4E23;
  text-shadow: 0 1px 0 #E9FBE5;
  background: #9ACE90; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CEE7C9', endColorstr='#9ACE90'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#CEE7C9), to(#9ACE90)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #CEE7C9,  #9ACE90); /* for firefox 3.6+ */
}
.buttonActionGreen:hover {
  color: #2A4E23;
  background: #A8D89F; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DAEFD7', endColorstr='#A8D89F'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#DAEFD7), to(#A8D89F)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #DAEFD7,  #A8D89F); /* for firefox 3.6+ */
}
.buttonActionGreen input {
  text-shadow: 0 1px 0 #E9FBE5;
  color: #2A4E23;
}

/************ PAGE ACTION BUTTONS ************/
.buttonUpload {
  background: url(../images/Up.png) left no-repeat;
  padding-left: 20px;
}
.buttonAdd {
  background: url(../images/Add.png) left no-repeat;
  padding-left: 20px; 
}
.buttonBack {
  background: url(../images/Back.png) left no-repeat;
  padding-left: 20px; 
}
.buttonDownload {
  background: url(../images/Down.png) left no-repeat;
  padding-left: 20px; 
}

/* !!!!!!!!!!!!!! Refactor !!!!!!!!!!!!!!*/
#flash_notice {
  color: white;  
  background: url("../images/icn_alert_success.png") no-repeat scroll 15px 50% #79C20D;
}
#flash_notice:after {
  border-color:#79C20D transparent; 
}
#flash_error {
  color: white;  
  background: url("../images/icn_alert_error.png") no-repeat scroll 15px 50% #D44D6B;
}
#flash_error:after {
  border-color:#D44D6B transparent;
}
.notice {
  height: 40px;
  line-height: 40px;
  font-size: 120%;
  font-weight: bold;
  position:relative;
  color:#000;
  background: #333333;
  border-radius:5px;
  color: white;
  padding-left: 60px;
}
.notice:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  /* reduce the damage in FF3.0 */
  display:block; 
  width:0;
}
label {
  float: left;
  text-align: right;
  padding: 0 .5em;
  line-height: 28px;
  font-size: 13px;
  white-space: nowrap;
  font-weight: bold;
}
#account_roles label {float: inherit}

.nice,
.matchInputs {
  min-width: 227px;
}
textarea.nice {
  min-width: 770px;
  min-height: 20em;
}
input.nice, textarea.nice, select.nice {
  padding: 0 .5em;
  font-family: sans-serif;
  background: #f7fcff;
  border: 1px solid #a6cdde;
  border-radius: 3px;
  box-shadow: 1px 1px 2px #BCCACB inset, 0 1px 1px white;
  resize: none;
  line-height: 28px;
  height: 28px;
  font-size: 13px;
}
input.nice2, textarea.nice2, select.nice2 {
  padding: 0 .5em;
  font-family: sans-serif;
  background: #EAEAEA;
  border: 1px solid #CDCDCD;
  border-radius: 3px;
  box-shadow: 0 2px 2px #D6D6D6 inset, 0 1px 0 #FFFFFF;
  resize: none;
  font-size: 13px;
  line-height: 28px;
  height: 28px;
}
.matchInputs {
  color: #78848B;
  padding: 0 .5em;
  font-family: sans-serif;
  background: #E1EFF6;
  border: 1px solid #CCE0EC;
  border-radius: 3px;
  box-shadow: 1px 1px 2px #BCCACB inset, 0 1px 1px white;
  resize: none;
  font-size: 13px;
  line-height: 28px;
  height: 28px;
}
.noticeBlock {
  background: white;
  padding: 10px 30px;
}
.error {
  float: left;
  vertical-align: top;
  padding-left: 10px;
  color: red;
}
textarea.error,
input.error {
  box-shadow: inset 0 2px 2px #CDB6B7;
  background: #f2d8d8;
  border: 1px solid #c00 !Important;
}
div.testing {
  padding: 10px;
  color: red;
}

select {padding: 2px}

.profileLeft {
  width: 80%;
  float: left;
}
.profileRight {
  width: 20%;
  float:right;
}
.profileLeft .wrapper,
.profileRight .wrapper {
  padding: 0 20px 20px;
}
.topBar,
.bottomBar {
  height: 50px;
  line-height: 50px;
}
.pagination {float: right}
.mainFunction {float: left}
.mainFunction form {float: left}
.mainFunction .searchInfo,
.mainFunction .resetLink {
  float: left;
  font-size: 80%;
  line-height: 50px;
  padding-left: 10px;
}

h2.pageTitle {
  font-weight: 300;
  font-size: 200%;
  margin-bottom: 10px;
}
h3.sectionTitle {
  font-weight: 300;
  font-size: 150%;
  margin-bottom: 5px;
}
.pagination a,
.pagination span {
  padding: 0 3px;
}
.module {margin-bottom: 20px}
.moduleContainer:first-child .module {margin-right: 10px}
.moduleContainer:last-child .module {margin-left: 10px}
footer {border-top: 1px solid gray}

footer .footerWrapper {
  background: #C2C2C2;
  text-align: center;
  line-height: 50px;
  min-height: 50px;
}

/* Custom */
.avatarIMG {
  padding: 10px;
  background: white;
  border: 1px solid #CCE0EC;
  border-radius: 3px;
}

#megaTable .avatarIMG {border: 1px solid #4F4F4F}
#loginPage #megaTable td {padding: 0}
.selectBox-dropdown {min-width: 200px}

#player_ban .selectBox-dropdown,
#console_ban .selectBox-dropdown {min-width: 260px}

.statsWidget .selectBox-dropdown {
  border: 1px solid gray;
  box-shadow: none;
}

.topOptions {
  background: #EAF6FB;
  border-radius: 7px;
  padding: 20px;
  margin: 0 auto;
}
.specificName {font-weight: 400}
.disabledItem {color: #CC7173}