.editfield
{
	color: #224455;
	border: 1px solid black;
	padding: 4px;
	margin: 2px;
	font-family: 'Caudex';
}

.button
{
	margin: 2px;
	color: white;
	background-color: #1B27C4;
	font-size: 9pt;
	padding: 4px 8px;
	border-radius: 6px;
	border: 2px solid #1B27C4;
	cursor: pointer;
	font-family: 'Caudex';
}
.button-disabled {
	background-color: #bbbbbb;
	border-color: #bbbbbb;
	cursor: default;
}
/* this is to cancel out the 120% line height on p tags from main.css */
p .button {
	line-height: 1;
}
.indicator
{
	/*
	float: left;
	height: 16px;
	*/
	margin: 2px;
	margin-bottom: 7px;
	/*
	color: #1B27C4;
	*/
	color: #404040;
	font-weight: bold;
	background-color: #eeeeee;
	font-size: 9pt;
	padding-left:6px;
	padding-right:6px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 6px;
	font-family: 'Caudex';
	/*
	border: 2px solid #1B27C4;
	*/
	border: 2px solid #404040;
}


/*
	margin: 2px;
	color: #1B27C4;
	font-weight: bold;
	background-color: white;
	font-family: TimesNewRoman;
	font-size: 9pt;
	padding-left:6px;
	padding-right:6px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 10px;
	border: 2px solid #1B27C4;
	*/




.handcursor
{
	cursor: pointer;
}

/*
supposedly I can make it shrink to fit the width of the contents
by using a span and setting display: inline-block;
but this didn't work...
*/
.combobox
{
	color: #224455;
	border: 2px solid #404040;
	font-family: 'Caudex';
	font-size: 17px;
}
.comboboxselected
{
	font-family: 'Caudex';
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: white;
	font-size: 17px;
	cursor: pointer;
}

.comboboxoption
{
	background-color: white;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom: 1px solid #eeeeee;
}
.nohand
{
	cursor: auto;
}

/*
these styles are sort of in the wrong file.
they are references by two pages: home.jsp and game.jsp.
ideally they'd be in a separate css just for that pair of pages.
*/
.playeredit_indicator
{
	float: none;
	background-color: #86a2cc;
	margin-right: 40px;
}

.dmedit_indicator
{
	float: none;
	background-color: #cca487;
	margin-left: 40px;
}

.controlfloat
{
	display: inline;
}

.tabcontainer
{
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
}

.tabset
{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: -5px;
}

.tabheader
{
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

/*
if you change the 3px padding for .tabcontents,
or the border width on .tabcontents and .tab,
you also need to change the negative margins in .tabset
and the padding in .tabcontainer

to actually set the width of the whole control, set a width
(or maxwidth) on .tabcontents
*/

.tabcontents
{
	background-color: #eeeeee;
	border: 2px solid #404040;
	position: relative;
	padding: 3px;
	display: inline-block;
	/*
	min-height: 300px;
	min-width: 300px;
	*/
}
.tabpanel
{
}
.tphidden
{
	display:none;
}

.tab
{
	display: inline-block;
	margin-left: 2px;
	padding-left:6px;
	padding-right:6px;
	padding-top: 2px;
	padding-bottom: 0px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-width: 2px;
	cursor: pointer;
	margin-bottom: -6px;
	position: relative;
	z-index: 2;
	background-color: #eeeeee;
	color: #404040;
	font-weight: bold;
	font-size: 9pt;
	font-family: 'Caudex';
	border-style: solid;
	border-color: #404040;
}
.tabselected
{
	border-bottom: 4px solid #eeeeee;
	margin-bottom: -6px;
}


.deactivated_button
{
	background-color: #ACAEC4;
}