/* specifications of the body */
body
{
  font-size: 11px;
  font-family: sans-serif, Verdana, Arial, Helvetica, Tahoma;
  color: #000;
  margin: 0%;
  background-color:#f2f2f2;
}

td
{
  font-size: 11px;
  font-family: sans-serif, Verdana, Arial, Helvetica, Tahoma;
  color: #000;
  margin: 0%;
}

.padding_small { padding-right: 5px; }
.padding_regular { padding-right: 10px; }
.padding_large { padding-right: 15px; }

.small { font-size: 10px; }
.regular { font-size: 12px; }
.large { font-size: 14px; font-family: "sans-serif", "Arial", "Verdana", "Helvetica"; font-weight: bold; }
.xlarge { font-size: 16px; font-family: "sans-serif", "Arial", "Verdana", "Helvetica"; font-weight: bold; }
.xxlarge { font-size: 18px; font-family: "sans-serif", "Arial", "Verdana", "Helvetica"; font-weight: bold; }

a { color: #5f5f5f; }
a:hover { color: #5f5f5f; }

a.nounderline { color: #5f5f5f; text-decoration: none; }
a.nounderline:hover { color: #5f5f5f; text-decoration: none; }


/* Top Navigation */
.header { width: 810px; height: 75px; padding: 0px; color: #5f5f5f; background-color: #FFFFFF; }
.hd_title { font-size: 12px; }

/* Side Navigation */
.side_nav {
	width: 145px;
	height: 550px;
	background-color: #FFFFFF;
	padding: 10px;
	background-image: url(../images/bg_leftnav_rightside.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.sn_title { font-size: 20px; }
.sn_section_title { color: #000; font-size: 14px; font-weight: bold; }
.side_section { color: #000; padding-bottom: 20px; }
a.sn_link { color: #790000; text-decoration: none; }
a.sn_link:hover { color: #BC7A00; text-decoration: none; }

/* Navigation Buttons */
a.trail { font-size: 12px; color: #979797; font-weight: bold; text-decoration: none; }
a.trail:hover { font-size: 12px; color: #979797; font-weight: bold; text-decoration: none; }
.blue_arrow { font-size: 12px; color: #5f5f5f; font-weight: bold; }
.red_arrow { font-size: 12px; color: #979797; font-weight: bold; }
.blue { color: #5f5f5f; }
.red { color: #778899; }

/* Body */
.main_body { width: 625px; padding: 10px; background-color: #FFFFFF; }
.page_title { font-size: 20px; font-family: sans-serif, Verdana, Arial, Helvetica, Tahoma; color: #525252; }
.section_title { font-size: 14px; color: #5f5f5f; font-weight: bold; }
.msg { color: #DF7000; }
.required { font-size: 14px; color: #525252; font-weight: bold; }
.field_column { text-align: right; vertical-align: top; padding-right: 15px; }
.field_title { font-size: 14px; color: #5f5f5f; font-weight: bold; }
.field_name { color: #5f5f5f; }
.field_note { color: #575959; }
.divider { color: #8a8a8a; width: 100%; height: 1px; }
a.action { color: #790000; text-decoration: none; }
a.action:hover { color: #BC7A00; text-decoration: none; }

/* PopUp Body */
.main_body_popup { padding: 10px; }

/* Footer */
.footer {
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;	
	width: 800px;
	height: 15px;
	padding: 5px;
	vertical-align: center;
	color: #000000;
	background-color: #333333;
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: center top;
}


/* Table Grid */
.tb_header { padding-left: 5px; padding-right: 5px; font-weight: bold; color: #FFFFFF; background-color: #777777; }
.tb_cell { padding-left: 5px; padding-right: 5px; background-color: #FFFFFF; }
.tb_cell_alternate { padding-left: 5px; padding-right: 5px; background-color: #fafafa; }

/* Character Chart */
.tbc { background-color: #A3AFB5; }
.tbc_header { padding: 5px; font-weight: bold; color: #FFFFFF; background-color: #777777; }
.tbc_cell { width: 30px; height: 30px; padding: 5px; background-color: #FFFFFF; }
.tbc_cell_alternate { width: 30px; height: 30px; padding: 5px; background-color: #fafafa; }

/* New Affiliation */
.new_affiliation { background-color: #fafafa; }

a.character { font-size: 18px; color: #606060; text-decoration: none; }
a.character:hover { font-size: 18px; color: #606060; text-decoration: none; }

/* Button Section */
.history_section {
  padding-right: 20px;
}

.user_button_section {
  width: 45%;
  text-align: right;
}

.button_section {
  width: 95%;
  text-align: right;
}

.popup_button_section {
  width: 500;
  text-align: right;
}

input, textarea, file, select {
  font-size: 11px;
  color: #5B5A5B;
  font-family: Verdana, Arial, Helvetica, Tahoma;
  border: solid 1px #DDDDDD;
}

.checkbox, .radio {
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, Tahoma;
  border: solid 0px;
}

/* For Submit Button */
.btnv1 {
  font-size: 12px;
  color: #FFFFFF;
  font-family: arial, helvetica;
  font-weight:bolder;
  border-color: #000000;
  background-color: #606060;
  padding:0;
  border-style: solid;
  border-width: 1px;
  width: 80px;
}

.btnv2 {
  font-size: 12px;
  color: #606060;
  font-family: arial, helvetica;
  font-weight:bolder;
  border-color: #606060;
  background-color: #FFFFFF;
  padding:0;
  border-style: solid;
  border-width: 1px;
  width: 85px;
}

.btnv3 {
  font-size: 12px;
  color: #FFFFFF;
  font-family: arial, helvetica;
  font-weight:bolder;
  border-color: #000000;
  background-color: #606060;
  padding:0;
  border-style: solid;
  border-width: 1px;
  width: 130px;
}

.btnv4 {
  font-size: 12px;
  color: #606060;
  font-family: arial, helvetica;
  font-weight:bolder;
  border-color: #606060;
  background-color: #FFFFFF;
  padding:0;
  border-style: solid;
  border-width: 1px;
  width: 140px;
}

.btnv5 {
  font-size: 12px;
  color: #FFFFFF;
  font-family: arial, helvetica;
  font-weight:bolder;
  border-color: #000000;
  background-color: #606060;
  padding:0;
  border-style: solid;
  border-width: 1px;
  width: 150px;
}

.btnv6 {
  font-size: 12px;
  color: #606060;
  font-family: arial, helvetica;
  font-weight:bolder;
  border-color: #000000;
  background-color: #FFFFFF;
  padding:0;
  border-style: solid;
  border-width: 1px;
  width: 160px;
}