/* 
This file is for general styles that can be applied sitewide 
(public and intranet), regardless of the format or location 
*/

/* Start Additional Sitewide Styles  */
a:focus
{
    outline:1px dotted #cc6600;
    outline-offset:1px;
    -moz-outline-radius:5px;
}

a.buttn { 
border: 1px solid #aaa;
background-color: #eee;
padding: 1px 7px;
margin: 20px;
color: #000; 
text-decoration: none;
text-size: 11px;
}

#box {
	border: 1px solid #000;
	padding: 5px; 
	margin: 5px 0px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#box li { 
	margin-left: 20px !important;
	margin-left: 10px;
}
#box ul { 
	margin: 0px;
	padding-bottom: .75em;
}
#box ul li { 
	margin-left: -20px !important;
	margin-left: -20px;
}
table#box {
	padding: 0px;
}
#box td {
	padding: 5px;
}

.box {
	border: 1px solid #000;
	padding: 5px; 
	margin: 5px 0px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.box li { 
	margin-left: 20px !important;
	margin-left: 10px;
}
.box ul { 
	margin: 0px;
	padding-bottom: .75em;
}
.box ul li { 
	margin-left: -20px !important;
	margin-left: -20px;
}
table.box {
	padding: 0px;
}
.box td {
	padding: 5px;
}


/* Start Toggle Function Styles */
	.hidden {
		display: none;
	}
	/* attributes for #toggle are the same as id="box" - I just needed 
	a unique id in order to toggle the hide feature for this table*/
	#toggle {
		border: 1px solid #000;
		padding: 5px; 
		margin: 5px 0px;
	}
/* End Toggle Function Styles */


table#table {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	margin: 5px 0px;
	background-color: #fff;
}
#table td {
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	padding: 5px;
}
table.table {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	margin: 5px 0px;
	background-color: #fff;
}
.table td {
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	padding: 5px;
}
.table li { 
	margin-left: 20px !important;
	margin-left: 10px;
}
.table ul { 
	margin: 0px;
	padding-bottom: .75em;
}
.table ul li { 
	margin-left: -20px !important;
	margin-left: -20px;
}


.icon, a.icon, a:link.icon, a:visited.icon, a:hover.icon, a:active.icon, #icon {
	text-decoration: none;
	border: none;
	font-weight: normal;
	font-size: .90em;
} 

/* This is for one-off pages that need special .icon handling 
for Google Analytics...we use .icon2 to correct sizing issues.
It's also used in the top.asp files as well for the same reason. */
.icon2, a.icon2, a:link.icon2, a:visited.icon2, a:hover.icon2, a:active.icon2 {
	border: none;
	font-weight: normal;
	text-decoration: none;
	font-size: .90em;
} 


img.img-l {
	float: left;
	margin: 10px;
	border: none;
}
img.img-r {
	float: right;
	margin: 10px;
	border: none;
}


hr {
	width: 92%; 
	margin: 15px !important; 
	margin: 5px;
	border: none;
	border-top: 1px solid #000;
}
hr#home {
	width: 75%; 
	margin: 15px!important; 
	margin: 5px;
}
hr.home {
	width: 75%; 
	margin: 15px!important; 
	margin: 5px;
}

.gototop { 
	margin-right: 0px; 
	width: 120px;
	float: right;
	text-align: center;
	margin-top: -15px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.gototop img { 
	margin-bottom: -2px;
	padding-top: 5px;
}


	
#pointer, .pointer { 
	cursor: pointer;
	cursor: hand;
}


.alert, .alert a:link { color: #FF0000; }
.alert a:visited { color: #990000; }
.alert a:hover, .alert a:active { color: #cc6600; }


.buttons {
	width: 150px; 
	font-weight: bold; 
	float: left; 
	text-align: center;
}


#lang {
	text-align: right;
	margin: 5px 0px 0px 0px;
}

/* Layout styles to override defaults */
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.bottom { vertical-align: bottom; }
.top { vertical-align: top; }
.black { color: #000; }
/* This style is to prevent the design from breaking when using italics - apply to block level elements: p, div, etc. */
.ifix { width: 99%; }
/* This style is to add a little spacing when necessary to lists */
.spacing li { margin: 3px 0px; }



/* for use with <h1>-<h6> tags when you want to normalize the text without breaking to a new line,
or if you just need smaller text in general */

.little, .little a:link, .little a:visited, .little a:hover, .little a:active {
	font-size: .9em;
	font-weight: normal; 
}
/* for use to counteract the .little style if needed */
.normal, .normal a:link, .normal a:visited, .normal a:hover, .normal a:active {
	font-size: 1.30em;
	font-weight: normal;
}

/* This is to create a popup information box */
#infoblox{
	color: #390;
	z-index: 2;
	display: run-in;
	position: relative;
}
#infoblox span{
	display: none;
	float:right;
	z-index: 0;
	padding: 5px;
	position: relative;
}
#infoblox:hover span{
	display: block;
	text-decoration: none;
	z-index: 100; 
	position: relative;
	background-color:#FF9;
	border: 1px solid #000;
	max-width: 300px;
	width: 300px;
	color:#000;
}

/* End Additional Sitewide Styles  */