/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
 * Provides the general element and class based definitions.  These definitions 
 * are general, global element definitions, or generically named class definitions.
 * The one exception is the body and #page element definitions.  
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ G E N E R I C   E L E M E N T S */
*
{
	margin:				0;
	padding: 			0;
	color:				#282828;
	font-family:		"Lucida Grande", tahoma, geneva, sans-serif;     
	font-weight:		normal;
	font-size:			1em;
	line-height:		1.3em;

	/* browser calculates object width to include padding and border, default=content-box */
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
}

pre, code, kbd, tt 
{
	font-family: 		"Courier New", courier, monospace;
	font-size: 			interit;
	white-space: 		pre;
}
samp 
{ 
	font-family: 		"Lucida Console", Monaco, monospace;
	white-space: 		normal;
}


img {border: 0 none transparent;}

h1, h2, h3, h4, h5, h6, h7, h8, h9
{
	font-family:		tahoma, geneva, verdana, sans-serif;
	font-weight:		normal;
	color:				#003366;
}
h1
{
	font-size:			1.6em;
	color:				#336699;
	border-bottom:		2px solid #aaaaaa;
	margin-bottom:		0.5em;
}
h2
{
	margin-top:			0.75em;
	font-size:			1.4em;
}
h3
{
	margin-top:			0.75em;
	font-size:			1.2em;
	font-weight:		bold;
}
h4
{
	margin-top:			0.5em;
	font-weight:		bold;
}


/* NS uses padding, IE uses margin so must set both to get consistant look */
ul, ol
{ 
	margin:				2px 0px 0px 0px;
	padding: 			0px 0px 0px 20px;
	list-style-type: 	disc;
	list-style-position:outside;
}
ol
{
	padding-left:		25px;
	list-style-type: 	decimal;
	list-style-position:outside;
}
li 
{
	padding-top:		2px;
	padding-bottom:		1px;
}


textarea 
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
	width: 100%;
}


table,
table th,
table td
{
	padding:			0;
	border:				none;
	vertical-align: 	top;
}
td textarea
{
	width:				100%;
	font-size:			0.8em;	/* be careful about font family if you want to control size */
	padding: 			2px 2px 1px 2px; 
	overflow:			auto;
}

a   /*--- Must be in this order: A, link, visited, hover, active ---*/
{
	text-decoration:	underline;
	color:				#006699;
	background-color:	transparent;	/* NN 4.x does better with general setter NOT specific one */
}
a:visited {color: #663399;}
a:hover, a:active, a:focus
{
	text-decoration:	none;
	color:				#FFCC66;
	background-color:	#336699;
}


input
{
	margin-top:			1px;
}

input:focus, textarea:focus, select:focus
{
	background-color:	lightyellow;
}

input[type="checkbox"] + label,
input[type="radio"] + label
{
	cursor: 			pointer;
}


button
{
	min-width:			110px;
	height:				30px;
	margin-right: 		6px;
	padding-right:		4px;
	background-color: 	#225588;
	color: 				#eee;
	text-align:			center;
	cursor:				pointer;

	border: 			solid 1px #777;
	border-radius:		4px;

	-webkit-box-shadow:		inset 1px 1px 2px #bbb;
	-moz-box-shadow:		inset 1px 1px 2px #bbb;
	box-shadow:				inset 1px 1px 2px #bbb;
/*
	background : #d0d5e0;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0d5e0), color-stop(100%,#8a8a8a));
	background : -moz-linear-gradient(top, #d0d5e0 0%, #8a8a8a 100%);
	background : -webkit-linear-gradient(top, #d0d5e0 0%, #8a8a8a 100%);
	background : -o-linear-gradient(top, #d0d5e0 0%, #8a8a8a 100%);
	background : -ms-linear-gradient(top, #d0d5e0 0%, #8a8a8a 100%);
	background : linear-gradient(top, #d0d5e0 0%, #8a8a8a 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d5e0', endColorstr='#8a8a8a',GradientType=0 );
*/
}
button:hover
{	
	color:					#FFCC66;
	background-color: 		#114477;
}
button:active
{	
	color:					#000;
	background-color: 		#aaaaaa;

	-webkit-box-shadow: 	none;
	-moz-box-shadow:		none;
	box-shadow: 			none;
}

button.Run, 
button[type=reset],
button.Reset,
button.Delete,
button.Apply,
button.Edit,
button.List,
button.Save
{
	padding-left:			30px;
	margin-bottom:			0.5em;
	background-position:	3px 3px; 
	background-repeat:		no-repeat;
	text-align:				left;
}
button.Run
{ 
	background-image: 		url('../image/icon/24/gear_run.png'); 
}
button[type=reset],
button.Reset
{ 
	background-image: 		url('../image/icon/24/undo.png'); 
}
button.Delete
{ 
	background-image: 		url('../image/icon/24/trash.png'); 
}
button.Apply
{
	background-image: 		url('../image/icon/24/set_intersection.png'); 
}
button.Edit
{ 
	background-image: 		url('../image/icon/24/funnel_list.png'); 
}
button.List 
{ 
	background-image: 		url('../image/icon/24/list.png'); 
}
button.Save
{ 
	background-image: 		url('../image/icon/24/diskette.png'); 
}


/* formatting for the "your browser doesn't support scripting" container */
noscript div
{
	width:				133px;
	margin-top:			5px;
	margin-left:		1px;
	padding:			2px;
	padding-right:		0px;
	font-size:			1em;
	font-weight:		normal;
	color:				#cc0000;
	background-color:	#e8e8e8;
	border:				3px groove #777777;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ G E N E R I C   C L A S S E S */

.Indent 			{margin-left:	15px;}

.TextAlignLeft		{text-align:	left   !important;}
.TextAlignCenter	{text-align:	center !important;}
.TextAlignRight		{text-align:	right  !important;}

.Bold 				{font-weight:	bold;}
.Italicize			{font-style:	italic;}
.UnBold 			{font-weight:	normal;}
.SmallerFont		{font-size:		80%;}     /*not really necessary, but one never knows...use it inline with a SPAN class*/
.LargerFont			{font-size:		120%;}     /*to emphasize words, use it inline with a span class*/ 

.GrayBackground		{background-color: #e8e8e8 !important;}
.MediumBlueBackground{background-color: #6699CC !important;}

.Hide				{display: none;}

.OffPage 
{
	position:			absolute;
	left:				-5000px;
	top:				auto;
	width:				1px;
	height:				1px;
	overflow:			hidden;
}


h2.Underline, h3.Underline
{
	border-bottom:		2px solid #aaaaaa;
	margin-bottom:		0.5em;
}


ul.NoIndent, ol.NoIndent
{
	margin-left:		-0.5em;
}

li .Title
{
	font-weight:		bold;
}

.ExtraWhiteSpace li
{ 
	padding-top:		8px;
}	


/* Gray information box */
.Note
{
	padding:			8px 8px 8px 8px;
	background-color:	#ebebeb;
	font-size:			0.85em;
}


/* Definitions for extra table cell padding */
table.ExtraCellPadding th 
{
	padding-top: 		8px;
	padding-bottom:		5px;
}
table.ExtraCellPadding td
{
	padding-top: 		6px;
	padding-bottom:		7px;
}


/* Columns type container that doesn't use a table */
/* see: http://www.quirksmode.org/css/clearing.html for a discussion on how to properly do this */
div.ColumnContainer
{
	overflow:			visible;
}
div.ColumnContainer div.LeftColumn
{
	width: 				45%;
	float: 				left;
}
div.ColumnContainer div.RightColumn
{
	width:				45%;
	float: 				right;
}


/* inter page index links - like IP Alpha etc. */
.JumpToLinks a
{
	padding-left:		5px;
	padding-right:		5px;
}


.FluidContainer
{
	display: 			inline-block;
	vertical-align:		top;
}

/*============================ End of Style Sheet ============================*/