﻿.characterbuilder
{
	margin: 0px 10px 0px 10px;
}

.characterbuilder P, .characterbuilder OL, .characterbuilder UL, .characterbuilder LI,
.characterbuilder .contents SPAN,.characterbuilder .contents DIV
{
	font-family: Arial,Verdana,Times New Roman;
}

.characterbuilder .contents
{
	padding: 0px 10px 10px 10px;
	font-family: Arial,Verdana,Times New Roman;
	float: none;
	color: #cfcfcf;
	background-color: #282828;
	border: solid 1px black;
	font-size: 12px;
	z-index:1;
}

.characterbuilder .contents .paragraph .subtitle
{
	text-align: left;
	min-width: 250px;
	margin: 12px 0px 4px 0px;
	padding-bottom: 0px;
	border-bottom: solid 1px #404040;
	font-weight: normal;
	font-size: 18px;
	color: #FFF5A3;
}

.characterbuilder .contents .paragraph .helptext
{
	margin-top: 8px;
	float: right;
	font-size: 11px;
	font-weight: normal;
	color: #898989;
}

.characterbuilder .contents .edit-contents .paragraph .edit-field
{
	margin-right: 5px;
	min-height: 24px;
}

.characterbuilder .contents .edit-contents .paragraph .edit-field .text
{
	font-size: 13px;
	font-weight: bold;
}

.characterbuilder .contents .edit-contents .paragraph .edit-field INPUT.textbox
{
	width: 100%;	
}

.characterbuilder .contents .edit-contents .paragraph .helptext
{
	margin-top: 0px;
	float: none;	
	text-align: right;
}

.characterbuilder .contents .commands
{
	margin: 30px 0px 10px 0px;
	text-align: center;	
}

.characterbuilder .contents .item
{
	float: none;	
}

.characterbuilder .contents .item .label
{
	float: left;
	min-width: 150px;
	min-height: 23px;
	padding-top: 2px;
	margin-right: 10px;
	font-weight: bold;
	font-size: 12px;	
}

.characterbuilder .contents .item .value
{
	margin: auto;
	font-size: 12px;	
	min-height: 25px;
}

.characterbuilder .contents .item-small
{
	font-size:11px;
	margin-top:10px;
}

.characterbuilder .contents .item-small .label
{
	float: left;
	margin-right: 5px;
	padding-top:2px;
}

.characterbuilder .contents .item-small .value
{
	
}

.characterbuilder .contents TEXTAREA.edit-notes
{
	width: 100%;
	height: 80px;
	font-size: 13px;	
	font-family: Verdana, Arial;
	background-image:url('../images/cyclopedia/bg/cyclopedia-textarea-bg.jpg');
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #cfcfcf;
}

/* Base, Spent and Remaining Points */
.characterbuilder .contents .basepoints-panel { height: 18px; }
.characterbuilder .contents TABLE.basepoints { }
.characterbuilder .contents TABLE.basepoints TD { padding: 0px 0px 0px 0px; }
.characterbuilder .contents TABLE.basepoints TD.label { padding-right: 10px; font-size:13px;font-weight:bold;color:#FFF5A3; }
.characterbuilder .contents TABLE.basepoints TD.sr { padding-left: 10px; font-size:11px;font-weight:normal;color:#ababab; }
.characterbuilder .contents TABLE.basepoints TD.sr-value { padding-left: 2px; font-size:11px;font-weight:bold;color:#dedede; }


/* Professional and Special Abilities Panels */
.characterbuilder .contents .professional-ability-panel { margin-bottom: 15px; }

/* Abilities Styles */
.characterbuilder .contents INPUT.talent { color: #343434; }
.characterbuilder .contents TABLE.abilities { }
.characterbuilder .contents TABLE.abilities TD.column { width: 350px; }
.characterbuilder .contents TABLE.primary-ability TD,
.characterbuilder .contents TABLE.ability TD { padding-top: 2px; padding-bottom: 2px; border-bottom: solid 1px #343434; }
.characterbuilder .contents TABLE.primary-ability TD.name { width: 214px; font-size:13px;font-weight:bold;color:#ABABAB; }
.characterbuilder .contents TABLE.ability TD.name { width: 150px; font-size:11px;font-weight:normal;color:#ABABAB; }
.characterbuilder .contents TABLE.ability TD.name DIV SPAN.name { color:#ABABAB; }
.characterbuilder .contents TABLE.ability TD.name SPAN.name-active { color: #dedede; }
.characterbuilder .contents TABLE.ability TD.cost { text-align: center; padding: 0px 0px 0px 0px; width:30px; font-size:9px;color:#ABABAB; }
.characterbuilder .contents TABLE.ability TD.talent-cost { text-align: center; padding: 0px 2px 0px 4px; width: 15px; font-size:9px;color:#787878; }

.characterbuilder .contents TABLE.primary-ability TD.leftarrow-multi,
.characterbuilder .contents TABLE.ability TD.leftarrow-multi { width: 14px; padding-right: 3px; }
.characterbuilder .contents TABLE.primary-ability TD.rightarrow-multi,
.characterbuilder .contents TABLE.ability TD.rightarrow-multi { width: 14px; padding-left: 3px; }
.characterbuilder .contents TABLE.primary-ability TD.arrow,
.characterbuilder .contents TABLE.ability TD.arrow { width: 8px; }
.characterbuilder .contents TABLE.primary-ability TD.text,
.characterbuilder .contents TABLE.basepoints TD.text,
.characterbuilder .contents TABLE.ability TD.text { padding-right: 2px; }
.characterbuilder .contents TABLE.primary-ability TD.text-hidden INPUT,
.characterbuilder .contents TABLE.ability TD.text-hidden INPUT { padding-right: 2px; color: #282828; background-color: Transparent; }
.characterbuilder .contents TABLE.primary-ability TD.text-readonly INPUT,
.characterbuilder .contents TABLE.basepoints TD.text-readonly INPUT,
.characterbuilder .contents TABLE.ability TD.text-readonly INPUT { padding-right: 2px; background-color: Transparent; }

.characterbuilder .contents TABLE.primary-ability TD.total-cost,
.characterbuilder .contents TABLE.ability TD.total-cost { text-align: center; padding: 0px 0px 0px 2px; width: 15px; font-size:9px;color:#787878; }
.characterbuilder .contents TABLE.primary-ability TD.total-cost SPAN,
.characterbuilder .contents TABLE.ability TD.total-cost SPAN { font-family: Verdana, Arial; font-size:9px;color:#787878; }

.characterbuilder .contents .primary-ability-panel { margin: 15px 0px 5px 0px; padding: 1px 0px 3px 0px; background-color: #2d2d2d; }
.characterbuilder .contents .primary-ability-panel TABLE.primary-ability TD { border: 0px; }
.characterbuilder .contents .primary-ability-panel TABLE.primary-ability TD.name { font-size:13px;font-weight:bold;color:#FFF5A3; }


/* Abilities Values */
.characterbuilder .contents INPUT.primary-ability-value,
.characterbuilder .contents INPUT.secondary-ability-value,
.characterbuilder .contents INPUT.basepoints-value
{ 
	border: 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width:40px;
	background-color:#343434; 
	color:#FFF5A3;
}

.characterbuilder .contents TABLE.related-items { font-size: 11px; border-collapse: collapse; width: 100%; text-align: center; }
.characterbuilder .contents TABLE.related-items TH { text-align: center; }
.characterbuilder .contents TABLE.related-items TD { width: 50%; }

/* Checkboxes */
.characterbuilder .contents TD.cdb-checkbox { padding-right: 3px; }
.characterbuilder .contents TD.talent-checkbox { padding-left: 2px; width: 8px; }
.characterbuilder .contents .button-points,
.characterbuilder .contents .cdb-checkbox IMG,
.characterbuilder .contents .talent-checkbox IMG { cursor: pointer; }

/* NORMALIZE LINKS */
.characterbuilder .contents .subtitle H1,.characterbuilder .contents .subtitle H2,.characterbuilder .contents .subtitle H3,.characterbuilder .contents .subtitle H4,
.characterbuilder .contents .subtitle a,.characterbuilder .contents .subtitle SPAN.a,
.characterbuilder .contents .header a,.characterbuilder .contents .header SPAN.a,
.characterbuilder .contents .paragraph .link-contents .link a,.characterbuilder .contents .paragraph .link-contents .link SPAN.a
{
	font-weight: normal;	
}

/* GRIDVIEW */

.characterbuilder .gridview
{	
	border: solid 1px #454545;
	border-collapse: collapse;
}

.characterbuilder .gridview TH
{
	border: solid 1px #454545;
	background-color: #343434;
	padding: 3px;
	font-weight: bold;
}

.characterbuilder .gridview TD
{
	border-left: solid 1px #454545;
	border-right: solid 1px #454545;
	padding: 1px 3px 1px 3px;
}