/*HACKS
 *
	IE Mac ONLY
	* html TAG {...}
	
*/


/* --------------- basic tags --------------- */

body, pre
{
	margin: 0;
	padding: 0;
	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
}

p, form
{
	margin: 0;
	padding: 0;
}
/*---color: #E58200;---*/
strong, b
{
	font-weight: bold;
	color: #666666;
}

img
{
	border: 0;
}

/* --------------- generic hacks ----------------- */

.clearfix:after
{ 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

.clearfix {display: inline-block;}

/* Hides from ie-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from ie-mac */

/* --------------- links --------------- */

a
{
	color: #2B5487;
	text-decoration: none;
}

a:link, a:visited
{
	border-bottom-style: none;
	border-bottom-color: #2B5487;
	border-bottom-width: 1px;
}

a:hover
{
	color: black;
	border-bottom-style: no;
	border-bottom-color: #2B5487;
	border-bottom-width: 1px;
}

a:active
{
	color: black;
}

.nolink, .nolink:link, .nolink:visited
{
	color: black;
	border: 0;
	text-decoration: none;
}

.nolink:hover, .nolink:active
{
	color: #2B5487;
	border-bottom-style: dotted;
	border-bottom-color: #2B5487;
	border-bottom-width: 1px;
}

.nounderline, .nounderline:link, .nounderline:hover, .nounderline:active, .nounderline:visited
{
	border: 0;
	color: black;
	text-decoration: none;
}

.texteditpopup, .texteditpopup:link, .texteditpopup:hover, .texteditpopup:active, .texteditpopup:visited
{
	color: black;
	text-decoration: underline;
	cursor: pointer;
}

/* --------------- forms --------------- */

select
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
}

input
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
}

input.text
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	border: 1px solid #CCCCCC;
	height: 17px;
}
/*
* > input.text
{
	line-height: 15px;
	margin-left: 0px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
}
html * input.text
{
	height: 18px;
}*/

.button, .button:visited, .button_off, .button_off:visited
{
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #7C7369;
	cursor: pointer;
	padding: 0px 10px 1px 10px;
	background-color: #E2E2E2;
	border: 1px solid #ADA59D;
	vertical-align: top;
	text-decoration: none;
	white-space: nowrap;
}
.button:hover
{
	color: #E2E2E2;
	background-color: black;
}
a.button, a.button:hover
{
	border-bottom-style: solid;
	border-bottom-color: black;
	margin: 4px 4px 0px 0px;
}

.button_off
{
	cursor: default;
	color: #999999;
	border-color: #999999;
	background-color: #FBE4B1;
	margin: 4px 4px 0px 0px;
}

.button_group_fixed
{
	position: absolute;
	bottom: 5px;
	right: 1px;
}

.button_group_floating
{
	text-align: right;
	margin-top: 7px;
	margin-right: -3px;
	margin-bottom: 3px;
}

.questionmark, .questionmark:link
{
	display: inline;
	float: right;
	font-size: 9px;
	cursor: pointer;
	border: 1px solid black;
	padding: 0px 2px 0px 2px;
	margin: -5px -5px 2px 2px;
	font-weight: normal;
	border-color: #AAAAAA;
	color: black;
	text-decoration: none;
}
.questionmark:hover
{
	color: white;
	background-color: black;
}

/* --------------- global content --------------- */

iframe.container
{
	margin: 0;
	padding: 0;
	border: 0;
	frameborder: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 100%;
	height: 0;
}

#content
{
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 931px;
}

/* --------------- columns --------------- */

#top
{
	width: 929px;
	font-size: 1px;
	margin-bottom: 16px;
}

.left
{
	display: block;
	float: left;
	position: relative;
	width: 193px;
	margin-right: 16px;
	margin-bottom: 16px;
}
/* commented backslash hack v2 \*/
.left { clear: left; }
/* end hack */

.middle
{
	display: block;
	float: left;
	position: relative;
	width: 420px;
	margin-bottom: 16px;
}

.right
{
	display: block;
	float: left;
	position: relative;
	width: 160px;
	margin-left: 16px;
	margin-bottom: 16px;
}

.full
{
	display: block;
	float: left;
	position: relative;
	width: 772px;
	margin-bottom: 16px;
	clear: both;
}

.left_middle
{
	display: block;
	float: left;
	position: relative;
	width: 596px;
	margin-bottom: 16px;
}
/* commented backslash hack v2 \*/
.left_middle { clear: left; }
/* end hack */

.right_middle
{
	display: block;
	float: left;
	position: relative;
	width: 596px;
	margin-bottom: 16px;
}

.left50
{
	display: block;
	float: left;
	position: relative;
	width: 452px;
	margin-right: 16px;
	margin-bottom: 16px;
}
/* commented backslash hack v2 \*/
.left { clear: left; }
/* end hack */

.right50
{
	display: block;
	float: left;
	position: relative;
	width: 452px;
	margin-bottom: 16px;
}

/* --------------- header ------------------- */

div.dateDisplay
{
	position: absolute;
	right: 3px;
	top: 3px;
	width: 400px;
	height: 15px;
	line-height: 15px;
	vertical-align: middle;
	text-align: right;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	color: white;
}
/*--------nounderline- 695px----------*/
.flagHolder
{
	position: absolute;
	top: 2px;
	left: 856px;
	width: 75px;
	text-align: right;
	z-index: 1;
	font-size: 9px;
	vertical-align: middle;
}

.flag
{
	width: 16px;
	height: 11px;
	margin-left: 3px;
	margin-right: 4px;
	border: 0;
}

.logoutHolder
{
	text-align: right;
	position: absolute;
	top: 0;
	left: 650px;
	z-index: 1;
	background-image: url(/i/menu/logout-middle.gif);
	
	font-family: verdana;
	font-size: 10px;
	line-height: 12px;
	
	vertical-align: middle;
	cursor: pointer;
}

.logoutHolder:hover
{
	background-image: url(/i/menu/logout-middle2.gif);
}

.logoutLeft
{
	position: relative;
	top: 0px;

	padding-right: 8px;
	vertical-align: top;
}

.logoutText
{
	position: relative;
	top: 1px;
}

.logoutRight
{
	position: relative;
	top: 0px;
	
	padding-left: 8px;
	vertical-align: top;
}

/* --------------- menu 770 --------------- */

div.menu div
{
	margin-top: 2px;
	
	position: relative;
	clear: left;
	width: 929px;
	
	background-color: #E6E6E6;
	border: 1px solid #CACACA;
}

div.menu div div
{
	padding: 0;
	margin: 0;
	margin-top: -1px;
	padding-top: 1px;
	margin-bottom: -1px;
	padding-bottom: 1px;
	margin-left: -1px;
	padding-left: 1px;

	border: 0;
	display: inline;
	float: left;
	clear: none;
	width: auto;
	background-color: white;
}

div.menu div div div
{
	margin-right: 3px;
	
	font-family: verdana;
	font-size: 10px;
	line-height: 12px;
	
	padding-top: 0px;
	padding-bottom: 1px;
	padding-left: 14px;
	padding-right: 14px;
	
	background-color: #E6E6E6;
	border: 1px solid #CACACA;
	
	cursor: pointer;
}

div.menu div div div a, div.menu div div div a:hover
{
	color: black;
}

div.menu div div div:hover
{
	background-color: #DDDDDD;
}

div.menu div div div.sel1
{
	background-color: #CCD7E0;
	border: 1px solid #BCC2C7;
}

div.menu div div div.sel2
{
	color: #1A3853;
	background-color: #A6C0D7;
	border: 1px solid #A6B5C2;
}

div.menu div div div.last
{
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
	cursor: default;
}

div.menu div div div a:hover
{
	text-decoration: none;
}

/* --------------- boxes --------------- */

.linespacing
{
	margin-top: 8px;
}

.spacing
{
	margin-top: 16px;
}

.framedbox, .popupbox
{
	border: 1px solid #CCCCCC;
	padding: 4px;
	font-size: 11px;
	line-height: 14px;
	position: relative;
}
.newframedbox
{
	border: 1px solid #CCCCCC;
	padding: 4px;
	font-size: 11px;
	line-height: 14px;
	position: relative;
	width: 921px;
}
.popupbox
{
	border-color: black;
	padding: 8px;
}
/*FBE4B1*/
.orangebg
{
	background-color: #99AECE;
}
.bluebg
{
	background-color: #99AECE;
	color: white;
}
.whitebg
{
	background-color: white;
}

.noborder
{
	margin: 0;
	padding: 0;
}

/**/

.bigtext
{
	font-size: 12px;
	line-height: 18px;
}

.bigtext p
{
	margin-bottom: 8px;
}

.bigtext h1
{
	margin-top: -4px;
	margin-bottom: 2px;
	color: #2B5487;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	
	/*	border-bottom-style: solid;
		border-bottom-color: #2B5487;
		border-bottom-width: 1px;
		width: 100%; */
}

.bigtext h1.spacing
{
	padding-top: 22px;
}

/**/

.smalltext, td
{
	font-size: 10px;
	line-height: 12px;
}

.smalltext p, td p
{
	margin-bottom: 5px;
}

.smalltext h1, td h1
{
	margin-top: -3px;
	margin-bottom: 2px;
	color: #2B5487;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
}

.smalltext h1.spacing, td h1.spacing
{
	padding-top: 18px;
}

/* --------------- F9AF39 color:black --------------- */
.boxheader, .boxheader2, .popupheader
{
	background-color: #ADA59D;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 3px;
	color: white;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.newboxheader
{
	background-color: #99AECE;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 3px;
	color: white;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	
	
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;	
}

.errorhead
{
    background-color: #ffc938;
    color: black;
}

.errorbox
{
    background-color: #ffe49c;
}

.boxheader2
{
	background-color: #CCCCCC;
}

.popupheader
{
	border-color: black;
	border-left: 0;
	line-height: 22px;
	padding-left: 8px;
}

/**/

table.table
{
	border-left: 1px solid #C8C8C8;
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	width: 933px;
	background-color: #E0E0E0;
}

table.table tr.navigation td
{
	border-top: 1px solid #C8C8C8;
}

table.table tr.navigation td img
{
	border: 0;
	margin-top: 2px;
}

table.table tr.navigation td table
{
	width: 100%;
	height: 100%
}

table.table tr.navigation td
{
	border-right: 1px solid #C8C8C8;
}

table.table tr.navigation td table tr td
{
	border: 0;
	font-size: 10px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 1px;
	color: #333333;
	font-weight: bold;
}

table.table tr.navigation td table tr td.currentPage
{
	background-color: #99AECE;
	color: white;
}

table.table tr.navigation td table tr td a
{
	border-bottom: 0;
}

th.tableheader
{
	border-right: 1px solid #C8C8C8;
}

th.tableheader, th.tableheadercurrent
{
	border-bottom: 1px solid #C8C8C8;
	text-align: left;
}

th.tableheadercurrent
{
	background-color: #99AECE;
	border-bottom: 1px solid #99AECE;
}

th.tableheader table, th.tableheadercurrent table
{
	height: 12px;
	width: 100%;
}

th.tableheader table tr td, th.tableheadercurrent table tr td
{
	color: #333333;
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;
	border-bottom: 0;
	padding-top: 1px;
}

th.tableheadercurrent table tr td a
{
	color: #2B5487;
}

.primaryColumn
{
	color: #FFFFFF;
}

th.tableheader table tr td a, th.tableheadercurrent table tr td a
{
	border-bottom: 0;
}

table.table tr
{
	vertical-align: top;
	color: black;
	font-size: 10px;
	line-height: 12px;
}

table.table tr.even
{
	background-color: #F9F9F9;
}

table.table tr.odd
{
	background-color: #F0F0F0;
}

table.table tr.even td
{
	border-right: 1px solid #C8C8C8;
}

table.table tr.odd td
{
	border-right: 1px solid #C8C8C8;
}

table.table tr.even td.currentlySorted
{
	background-color: #F9F3EA;
}

table.table tr.odd td.currentlySorted
{
	background-color: #F1EBE2;
}

table.table tr.even:hover, table.table tr.odd:hover
{
	background-color: #FBE4B1;
}

table.table tr.even:hover, table.table tr.odd:hover, 
table.table tr.even:hover td.currentlySorted, table.table tr.odd:hover td.currentlySorted
{
	background-color: #CCD7E0;
}

table.table tr th.hilight
{
	background-color: #F9AF39;
	font-weight: bold;
	color: black;
}
