/* ------------------------------------------------------------
   generic form
------------------------------------------------------------ */

textarea {
  width: 100%;
  height: 150px;
}

/* ------------------------------------------------------------
   generic table business
------------------------------------------------------------ */

table.achievement th {
  background: #333333 !important;
  text-align: center !important;
}

table.applynow {
  background: #006633 !important;
  border: 5px solid #00CC33 !important;
  text-align: center !important;
  height: 100px !important;
}

table.applynow td {
  font-size: 19px !important;
}

table.applynow a {
  color: #00CC33 !important;
  font-weight: bold !important;
}

table.data th a {
  color: #ffffff;
  text-decoration: bold;
}

table.data th a:hover {
  color: #ffffff;
  text-decoration: bold, underline;
}

table.calendar td.day {
  font-weight: bold;
  text-align: center;
  font-size: 10px;
  background: #333333;
}

table.calendar td.schedule {
  text-align: center;
  vertical-align: top;
  font-size: 8px;
}

hr.calendar {
  color: #efefef;
  background-color: #1b1b1b;
  border: 1px dotted #efefef;
  border-style: none none dotted;
  margin: 2px 3px 1px 3px;
}

/* ------------------------------------------------------------
   black theme
------------------------------------------------------------ */

img.applynow {
  visibility: visible !important;
}

table#root_table {
  background-color: #1B1B1B;
  text-align: justify
}

p.fileinfo {
  font-size: 10px;
}

a:link, a:active, a:visited {
  color: #990000;
  text-decoration: bold;
}

a:hover {
  text-decoration: bold,underline;
  color: #990000;
}

a.apply {
  color: #00CC33;
}

body {
  background-color: #333333;
  background-repeat: repeat;
  color: #e5e5e5;
}

pre {
  background-color: #333333;
  padding: 10px;
}


td.clickable a {
  color: #eee;
}

td.clickable a:hover {
  color: #e00;
}

th {
  color: #e5e5e5;
}

table.form {
  background-color: #222;
}

table th.title {
  background-color: #666;
  font-size: 120%;
}

table td.clickable {
  background-color: #232323;
}

table td.clickable:hover {
  background-color: #333333;
}

tr.inactive td.clickable {
  background-color: #332323;
}

tr.inactive td.clickable:hover {
  background-color: #443333;
}

table td.data {
  background-color: #1B1B1B;
}

tr.inactive td.data {
  background-color: #331B1B;
}

table.data td {
  background-color: #1B1B1B;
}

table.data td.count {
  background-color: #333;
  color: #cc3;
}

table td.title {
  background-color: #333;
}

table td.number {
  background-color: #1B1B1B;
}

tr.inactive td.number {
  background-color: #331B1B;
}

table td.recordTitle {
  background-color: #333;
}

table.news td.title {
  background-color: #333;
}

table.news td.title:hover {
  background-color: #555;
}

table.news td.title a {
  color: #eee;
}

table.news td.title a:hover {
  color: #e00;
}

table.news td.header {
  background-color: #1B1B1B;
}

table.news td.body {
  background-color: #1B1B1B;
}

/* ------------------------------------------------------------
   latestNewsNib
------------------------------------------------------------ */


div#guildMain table#latestNewsNib td.title {
  background-color: #333;
}

div#guildMain table#latestNewsNib td.title:hover {
  background-color: #555;
}

div#guildMain table#latestNewsNib td.title a {
  color: #efefef;
}

div#guildMain table#latestNewsNib td.title a:hover {
  color: #efefef;
  text-decoration: none;
}

div#guildMain table#latestNewsNib th.title a {
  color: #efefef;
}

div#guildMain table#latestNewsNib th.title a:hover {
  color: #efefef;
}

div#guildMain table#latestNewsNib td.header {
  background-color: #1B1B1B;
}

div#guildMain table#latestNewsNib td.body {
  background-color: #1B1B1B;
}

/* ------------------------------------------------------------
   guildInfoNib
------------------------------------------------------------ */

div#guildMain table#guildInfoNib td {
  background: #1B1B1B;
}

div#guildMain table#guildInfoNib td.label {
  background-color: #333;
}

/* ------------------------------------------------------------
   voiceServerNib
------------------------------------------------------------ */

div#guildMain div.voiceServerNib td {
  background: #1B1B1B;
}

div#guildMain div.voiceServerNib td.label {
  background-color: #333;
}

/* ------------------------------------------------------------
   guildApplicationsNib
------------------------------------------------------------ */

div#guildMain table#guildApplicationsNib td.title {
  background-color: #333;
}

div#guildMain table#guildApplicationsNib td.title:hover {
  background-color: #555;
}

div#guildMain table#guildApplicationsNib td.title a {
  color: #990000;
}

div#guildMain table#guildApplicationsNib td.title a:hover {
  color: #990000;
}

div#guildMain table#guildApplicationsNib th.title a {
  color: #efefef;
}

div#guildMain table#guildApplicationsNib td.clickable {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

div#guildMain table#latestNewsNib td.clickable a:hover {
  color: #efefef;
}

div#guildMain table#guildApplicationsNib th.title a {
  color: #efefef;
}

div#guildMain table#guildApplicationsNib th.title a:hover {
  color: #efefef;
}

div#guildMain table#guildApplicationsNib td.header {
  background-color: #1B1B1B;
}

div#guildMain table#guildApplicationsNib td.body {
  background-color: #1B1B1B;
}	



/* ------------------------------------------------------------
   php styles (forums)
------------------------------------------------------------ */

div#phpbb3 table th {
  background-color: #454545 !important;
  border: 1px solid #000000 !important;
  font-size: 120% !important;
  line-height: 1.5em !important;
  padding: 0 !important;
  text-indent: 4px !important;
}

div#phpbb3 table.tablebg {
  border-collapse: collapse !important;	
}

div#phpbb3 table.tablebg td.cat {
  background-color: #303030 !important;
  border: 1px solid #000000 !important;
  padding: 2px !important;
  text-indent: 4px !important;
}
  
div#phpbb3 table.tablebg td.row1,
div#phpbb3 table.tablebg td.row2,
div#phpbb3 table.tablebg td.row3 {
  background-color: #191919 !important;
  border: 1px solid #000000 !important;
}

div#phpbb3 table.tablebg td.author {
  background-color: #303030 !important;
  border: 1px solid #000000 !important;
}

div#phpbb3 table.tablebg td.profile {
  background-color: #191919 !important;
  border: 1px solid #000000 !important;
  padding: 2px 5px 2px 5px !important;
}

div#phpbb3 table.tablebg td.subject {
  background-color: #303030 !important;
  border: 1px solid #000000 !important;
}

div#phpbb3 table.tablebg td.postfooter {
  background-color: #303030 !important;
  border: 1px solid #000000 !important;
  padding-left: 5px !important;
}

div#phpbb3 div#pageheader a {
  color: #efefef ;
}

div#pageheader {
  background-color: #454545 !important;
  border: 1px solid #000000 !important;
  border-left: 1 !important;
  border-right: 1 !important;
  font-size: 20px !important;
  padding: 4px 5px 4px 2px !important;
  text-indent: 8px !important;
	
}

.quotetitle, .attachtitle {
	margin: 10px 5px 0 5px ;
	padding: 4px !important;
	border-width: 1px 1px 0 1px ;
	border-style: solid ;
	border-color: #000000 ;
	color: #efefef ;
	background-color: #303030 ;
	font-size: 0.85em ;
	font-weight: bold ;
}

.quotetitle .quotetitle {
	font-size: 1em ;
}

.quotecontent, .attachcontent {
	margin: 0 5px 10px 5px ;
	padding: 5px ;
	border-color: #000000 ;
	border-width: 0 1px 1px 1px ;
	border-style: solid ;
	font-weight: normal ;
	font-size: 1em ;
	line-height: 1.4em ;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif ;
	background-color: #303030 ;
	color: #efefef ;
}

td.profile img {
	margin-top:10px !important;
	/* this makes sure theres always a margin no matter what css declaration ges called */
}

/* ------------------------------------------------------------
   application form
------------------------------------------------------------ */

#form_container
{
  background:#1b1b1b;
  margin:0 auto;

  text-align:left;

  width:1024px;

}



#top
{

  display:block;

  height:10px;

  margin:10px auto 0;
  width:1024px;

}



#footer
{
  width:640px;

  clear:both;
  color:#999999;
  text-align:center;
  width:640px;

  padding-bottom: 15px;
  font-size: 85%;

}



#footer a{
  color:#999999;
  text-decoration: none;
  border-bottom: 1px solid #999999;

}



#bottom
{
  display:block;
  height:10px;
  margin:0 auto;
  width:1024px;

}



form.appnitro
{
  margin:20px 20px 0;

  padding:0 0 20px;

}





/**** Form Section ****/


.appnitro
{
  font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
  font-size:small;

}


.appnitro li
{
  width:61%;

}



form ul
{
  font-size:100%;
  list-style-type:none;
  margin:0;

  padding:0;
	  width:100%;

}



form li
{
  display:block;
  margin:0;
  padding:4px 5px 2px 9px;
  position:relative;

}



form li:after
{
  clear:both;
  content:".";
  display:block;

  height:0;
  visibility:hidden;

}



.buttons:after
{
  clear:both;
  content:".";
  display:block;

  height:0;
  visibility:hidden;

}



.buttons
{
  clear:both;

  display:block;
  margin-top:10px;

}



* html form li
{
	  height:1%;

}



* html .buttons
{

  height:1%;

}



* html form li div
{
  display:inline-block;

}



form li div
{
  color:#efefef;
  margin:0 4px 0 0;
  padding:0 0 8px;

}



form li span
{
  color:#efefef;
  float:left;

  margin:0 4px 0 0;
  padding:0 0 8px;

}



form li div.left
{
	  display:inline;

  float:left;
  width:48%;

}



form li div.right
{
  display:inline;
  float:right;
  width:48%;

}



form li div.left .medium
{
	  width:100%;

}



form li div.right .medium
{
  width:100%;

}



.clear
{
clear:both;

}



form li div label
{
  clear:both;
  color:#efefef;
  display:block;
  font-size:9px;

  line-height:9px;
  margin:0;
  padding-top:3px;

}



form li span label
{
  clear:both;

  color:#efefef;
  display:block;

  font-size:9px;

  line-height:9px;

  margin:0;

  padding-top:3px;

}



form li .datepicker
{
  cursor:pointer !important;

  float:left;
  height:16px;

  margin:.1em 5px 0 0;
  padding:0;

  width:16px;

}



.form_description
{

  border-bottom:1px solid #efefef;
  clear:both;
  display:inline-block;

  margin:0 0 1em;

}



.form_description [class]
{
  display:block;

}



.form_description h2
{
  clear:left;

  font-size:160%;
  font-weight:400;
  margin:0 0 3px;

}



.form_description p
{
  font-size:95%;

  line-height:130%;
  margin:0 0 12px;

}



form hr
{

  display:none;

}



form li.section_break
{
  border-top:1px solid #efefef;
  margin-top:9px;
  padding-bottom:0;
  padding-left:9px;
  padding-top:13px;

  width:97% !important;

}



form ul li.first
{
  border-top:none !important;

  margin-top:0 !important;
  padding-top:0 !important;

}



form .section_break h3
{

  font-size:110%;
  font-weight:400;
  line-height:130%;
  margin:0 0 2px;

}



form .section_break p
{
  font-size:85%;


  margin:0 0 10px;

}



/**** Buttons ****/


input.button_text
{
  overflow:visible;
  padding:0 7px;
  width:auto;

}



.buttons input
{

  font-size:120%;

  margin-right:5px;

}



/**** Inputs and Labels ****/


label.description
{

  border:none;

  color:#efefef;

  display:block;

  font-size:95%;

  font-weight:700;
  line-height:150%;

  padding:0 0 1px;

}



span.symbol
{
  font-size:115%;
  line-height:130%;

}



input.text
{
  background:#fff;
  border-bottom:1px solid #ddd;

  border-left:1px solid #c3c3c3;

  border-right:1px solid #c3c3c3;
  border-top:1px solid #7c7c7c;
  color:#333;

  font-size:100%;
  margin:0;
  padding:2px 0;

}



input.file
{
  color:#333;
  font-size:100%;

  margin:0;
  padding:2px 0;

}



textarea.textarea
{
  background:#fff;
  border-bottom:1px solid #ddd;
  border-left:1px solid #c3c3c3;
  border-right:1px solid #c3c3c3;

  border-top:1px solid #7c7c7c;

  color:#333;

  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;

  font-size:100%;
  margin:0;

  width:99%;


}

select.select
{
  color:#333;

  font-size:100%;
  margin:1px 0;
  padding:1px 0 0;
  background:#fff;

  border-bottom:1px solid #ddd;
  border-left:1px solid #c3c3c3;
  border-right:1px solid #c3c3c3;
  border-top:1px solid #7c7c7c;

}




input.currency
{
  text-align:right;

}


form#doomapp 
input.checkbox
{
  display:block;

  height:13px;

  line-height:1.4em;
  margin:6px 0 0 3px;

  width:13px;

}



form#doomapp input.radio
{
  display:block;
  height:13px;
  line-height:1.4em;

  margin:6px 0 0 3px;

  width:13px;

}



label.choice
{

  color:#efefef;
  display:block;
  font-size:100%;
  line-height:1.4em;

  margin:-1.55em 0 0 25px;

  padding:4px 0 5px;
  width:90%;

}



select.select[class]
{
  margin:0;
  padding:1px 0;

}



*:first-child+html select.select[class]
{
  margin:1px 0;

}



.safari select.select
{
  font-size:120% !important;

  margin-bottom:1px;

}



input.small
{
  width:25%;

}



select.small
{
  width:25%;

}



input.medium
{

  width:50%;

}



select.medium
{
  width:50%;

}



input.large
{
  width:99%;

}



select.large
{

  width:100%;

}



textarea.small
{
  height:5.5em;

}



textarea.medium
{
  height:10em;

}



textarea.large
{

  height:20em;

}



/**** Errors ****/


#error_message
{
  background:#fff;

  border:1px solid red;

  margin-bottom:1em;
  padding-left:0;
  padding-right:0;

  padding-top:4px;
  text-align:center;
  width:99%;

}



#error_message_title
{
  color:#DF0000;
  font-size:125%;

  margin:7px 0 5px;
  padding:0;

}



#error_message_desc
{
  color:#000;
  font-size:100%;
  margin:0 0 .8em;

}



#error_message_desc strong
{
  background-color:#FFDFDF;
  color:red;
  padding:2px 3px;

}



form li.error
{
  background-color:#FFDFDF !important;

  border-bottom:1px solid #EACBCC;
  border-right:1px solid #EACBCC;
  margin:3px 0;

}



form li.error label
{
  color:#DF0000 !important;

}



form p.error
{
  clear:both;
  color:red;
  font-size:10px;
  font-weight:700;
  margin:0 0 5px;

}



form .required
{
  color:red;

  float:none;
  font-weight:700;
}



/**** Guidelines and Error Highlight ****/


form li.highlighted
{
  background-color:#fff7c0;

}



form .guidelines
{
  background:#1b1b1b;
  border:1px solid #efefef;

  color:#efefef;
  font-size:80%;

  left:100%;
  line-height:130%;
  margin:0 0 0 8px;
  padding:8px 10px 9px;

  position:absolute;
  top:25px;
  visibility:hidden;
  width:42%;
  z-index:1000;

}



form .guidelines small
{
  font-size:105%;

}



form li.highlighted .guidelines
{
  visibility:visible;

}



form li:hover .guidelines
{
  visibility:visible;

}



.no_guidelines .guidelines
{

  display:none !important;

}



.no_guidelines form li
{
width:97%;

}



.no_guidelines li.section
{
padding-left:9px;

}



/*** Success Message ****/


.form_success 
{

  clear: both;

  margin: 0;
  padding: 90px 0pt 100px;

  text-align: center

}



.form_success h2 {
  clear:left;
  font-size:160%;
  font-weight:normal;
  margin:0pt 0pt 3px;

}



/*** Password ****/


ul.password{

  margin-top:60px;
  margin-bottom: 60px;
  text-align: center;

}


.password h2{
  color:#DF0000;

  font-weight:bold;
  margin:0pt auto 10px;

}



.password input.text{

  font-size:170% !important;

  width:380px;
  text-align: center;

}


.password label{

  display:block;

  font-size:120% !important;

  padding-top:10px;

  font-weight:bold;

}



#li_captcha{

  padding-left: 5px;

}




#li_captcha span{
  float:none;

}



/** Embedded Form **/



.embed #form_container{

  border: none;

}



.embed #top, .embed #bottom, .embed h1{

  display: none;

}



.embed #form_container{

  width: 100%;

}



.embed #footer{
  text-align: left;
  padding-left: 10px;
  width: 99%;

}



.embed #footer.success{
  text-align: center;

}



.embed form.appnitro
{
  margin:0px 0px 0;
}