/*
COLORS:
#333333
#555555
#818181
#cdcdcd
#dadada
#e8e8e8
#efefef
#f8f8f8
#ffffff

#FFFAF5 - light orange
#FBC788 - mid orange
#F7941D - orange
#0066CC - blue

*/

body
{
	background: #eeeeee;
	border: none 0px #eeeeee;
	color: #333333;
	font: normal normal normal 11px Sans-Serif;
	font-family: Sans-Serif;
	margin: 0px 0px 0px 0px;
}

a
{
	text-decoration: none;
	color: #F7941D;
}

a:hover
{
	text-decoration: underline;
}

.article-title
{
	border-top: solid 0px #333333;
	border-left: solid 0px #333333;
	border-right: solid 0px #333333;
	border-bottom: solid 1px #333333;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	font-size: 12px;
}

.article-body
{
	background-color: #FFFAF5;
	padding: 5px 5px 5px 5px;
}

.article-info
{
	background-color: #ffffff;
	border-top: solid 1px #333333;
	padding: 5px 5px 5px 5px;
}

.button
{
	background-color: #e8e8e8;
	border: solid 1px #818181;
	color: #333333;
	font: normal normal normal 11px Sans-Serif;
	padding: 1px 1px 1px 1px;
	text-align: center;
	width: 100px;
	vertical-align: middle;
}

.buttonpanel
{
	border-top: solid 1px #818181;
	padding: 5px 5px 5px 5px;
	width: 100%;
}

.checkbox
{
}

.dropdownlist
{
	font: normal normal normal 11px Sans-Serif;
}

.error
{
	color: #ff0000;
}

font,td,div,a
{
	color: #333333;
	font: normal normal normal 11px Sans-Serif;
}

.grid
{
	width: 100%;
}

.grid td
{
	border-top: solid 0px #333333;
	border-left: solid 0px #333333;
	border-right: solid 0px #333333;
	border-bottom: solid 0px #333333;
	padding: 5px 5px 5px 5px;
}

.grid-header a /* DataGrid Header Links */
{
	font-weight: bold;
	font-size: 12px;
}

.grid-header td
{
	border-bottom: solid 1px #333333;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}

.grid-item td
{
	background-color: #FFFAF5;
	border-top: solid 1px #F7941D;
}

.grid-item-alternate td
{
	background-color: #ffffff;
	border-top: solid 1px #F7941D;
}

.grid-item-edit td
{
	border-top: solid 1px #F7941D;
}

.grid-item-selected td
{
	border-top: solid 1px #F7941D;
}

.grid-pager td
{
	border-top: solid 1px #333333;
	text-align: center;
}

.grid-pager a
{
	color: #F7941D;
}

.grid-footer td
{
	background-color: #ffffff;
	border-top: solid 1px #F7941D;
}

.inputfile
{
	width: 300px;
}

.logo
{
	width: 100%;
	height: 100%;
}

.logo-iabollogo
{
	padding: 0px 0px 0px 7px;
	text-align: left;
}

.logo-companylogo
{
	padding: 0px 12px 0px 0px;
	text-align: left;
}

.main, .mini
{
	width: 100%;
	height: 100%;
}

.main-navbar, .mini-navbar
{
	border-bottom: dashed 1px #818181;
	padding-left: 5px;
	height: 20px;
	padding: 2px 5px 2px 5px;
	text-align: left;
	vertical-align: middle;
}

.main-navbar
{
	background-color: #f8f8f8;
}

.main-module
{
	padding: 5px 10px 0px 10px;
	vertical-align: top;
}

.mini
{
}

.mini-button
{
	background-color: #f8f8f8;
	border: solid 1px #818181;
	color: #333333;
	font: normal normal normal 11px Sans-Serif;
	padding: 1px 1px 1px 1px;
	text-align: center;
	width: 50px;
	vertical-align: middle;
}

.mini-buttonpanel
{
	background-color: #efefef;
	border-bottom: solid 1px #333333;
	padding: 2px 5px 7px 5px;
	width: 100%;
}

.mini-module
{
	vertical-align: top;
}

.mini-navbar
{
	background-color: #818181;
	border-bottom: solid 1px #818181;
	color: #ffffff;
	font: normal normal bold 11px Sans-Serif;
	text-align: left;
}

.mini-table
{
	background-color: #efefef;
	border: none 0px #ffffff;
	padding: 0px 0px 0px 0px;
	width: 201px; /* 200px + 1px per border!! */
}

.mini-table-header
{
	background-color: #cdcdcd;
	border-bottom: solid 1px #818181;
	color: #555555;
	font: normal normal bold 11px Sans-Serif;
	padding: 2px 5px 2px 5px;
	text-align: right;
	width: 201px; /* 200px + 1px per border!! */
}

.mini-table-item
{
	text-align: center;
	width: 201px; /* 200px + 1px per border!! */
}

.mini-table-item-header
{
	width: 201px; /* 200px + 1px per border!! */
}

.mini-textbox
{
	border-top: solid 1px #818181;
	border-left: solid 1px #818181;
	border-right: solid 1px #818181;
	border-bottom: solid 1px #818181;
	color: #333333;
}

.menu
{
	height: 100%;
}
/*
#FFFAF5 - light orange
#F7941D - orange
#0066CC - blue
*/
.menu-item td, .menu-item-hover td, .menu-item-selected td, .menu-item-disabled td
{
	color: #555555;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	font-weight: normal;
	font-family: Sans-Serif;
}

.menu-item
{
	padding: 7px 10px 7px 10px;
}

.menu-item-hover
{
	background-color: #818181;
	cursor: hand !important;
	cursor: pointer;
	padding: 7px 10px 7px 10px;
}

.menu-item-hover td
{
	color: #ffffff;
}

.menu-item-selected
{
	background-color: #818181;
	padding: 7px 10px 7px 10px;
}

.menu-item-selected td
{
	color: #ffffff;
}

.menu-item-disabled
{
	padding: 7px 10px 7px 10px;
}

.menu-group
{
}

.menu-child-group
{
	border-right: solid 1px #888888;
	border-bottom: solid 1px #888888;
	/*background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;*/
}

/* Menu Children */
.menu-child-item td, .menu-child-item-hover td, .menu-child-item-selected td, .menu-child-item-disabled td
{
	color: #333333;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	font-weight: normal;
	font-family: Sans-Serif;
}

.menu-child-item
{
	background-color: #FFFAF5;
	padding: 5px 7px 5px 7px;
}

.menu-child-item-hover
{
	background-color: #818181;
	cursor: hand !important;
	cursor: pointer;
	padding: 5px 7px 5px 7px;
}

.menu-child-item-hover td
{
	color: #ffffff;
}

.menu-child-item-selected
{
	padding: 5px 7px 5px 7px;
}

.menu-child-item-disabled
{
	padding: 5px 7px 5px 7px;
}

.parent
{
	background-color: #cdcdcd;
	border-left: solid 1px #cdcdcd;
	border-right: solid 1px #cdcdcd;
	width: 802px; /* 800px + 1px per border!! */
	height: 100%;
}

.parent-error, .parent-login
{
	background-color: #ffffff;
	width: 100%;
	height: 100%;
}

.parent-personal
{
	background-color: #f8f8f8;
	border-bottom: dashed 1px #818181;
	width: 100%;
	height: 21px; /* 20px + 1px per border!! */
}

.parent-logo
{
	background-color: #ffffff;
	width: 100%;
	height: 60px;
}

.parent-menu
{
	background-image: url(../images/menu-bg.gif);
	background-color: #dadada;
	border-bottom: solid 1px #818181;
	width: 100%;
	height: 31px; /* 30px + 1px per border!! */
}

.parent-main
{
	background-color: #ffffff;
	width: 600px;
	height: 100%;
}

.parent-mini
{
	background-color: #f8f8f8;
	border-left: solid 1px #818181;
	width: 201px; /* 200px + 1px per border!! */
	height: 100%;
	vertical-align: top;
}

.personal tr
{
	height: 12px;
	vertical-align: middle;
}

.personal-tab
{
	border-right: solid 1px #818181;
	padding: 0px 5px 0px 5px;
}

.personal-notab
{
	border: none 0px #f8f8f8;
	padding: 0px 5px 0px 5px;
}

.radiobutton
{
}

.scanscreen
{
	padding: 5px 5px 5px 5px;
	width: 100%;
}

.scanscreen-cell
{
	height: 1em;
	padding: 3px 3px 3px 3px;
}

.scanscreen-lookup
{
	padding: 5px 5px 5px 5px;
	width: 100%;
}

.scanscreen-cell-title
{
	font-size: 13px;
}

.scanscreen-textbox
{
	border-top: none 0px #ffffff;
	border-left: none 0px #ffffff;
	border-right: none 0px #ffffff;
	border-bottom: solid 1px #818181;
	width: 200px;
}

.smallfont
{
	color: #818181;
	font-size: 10px;
}

.tabs
{
	width: 100%;
}

.tab
{
	background-color: #ffffff;
	border-top: solid 1px #818181;
	border-left: solid 1px #818181;
	border-right: solid 1px #818181;
	border-bottom: solid 1px #818181;
	padding: 4px 10px 4px 10px;
	text-align: left;
}

.tab-active
{
	border-bottom: none 0px #ffffff;
}

.tab-active a
{
	color: #818181;
	text-decoration: none;
}

.tab-active a:hover
{
	text-decoration: none;
}

.tab-inactive
{
	background-color: #e8e8e8;
}

.tab-inactive a
{
	text-decoration: none;
}

.tab-inactive a:hover
{
	text-decoration: underline;
}

.tab-right
{
	width: 50%;
	border-top: none 0px #ffffff;
	border-left: none 0px #ffffff;
	border-right: none 0px #ffffff;
}

.table
{
	width: 100%;
}

.table-header a /* DataGrid Header Links */
{
	font-weight: bold;
	font-size: 12px;
}

.table-header
{
	border-top: solid 0px #333333;
	border-left: solid 0px #333333;
	border-right: solid 0px #333333;
	border-bottom: solid 1px #333333;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	font-size: 12px;
}

.table-item-header
{
	background-color: #FFFAF5;
	border-right: solid 1px #F7941D;
	padding: 5px 5px 5px 5px;
	text-align: right;
}

.table-item
{
	background-color: #ffffff;
	border-bottom: solid 1px #e8e8e8;
	padding: 5px 5px 5px 5px;
}

.table-message
{
	color: #ff0000;
	text-align: center;
}

.table-group
{
	border-top: solid 1px #333333;
	border-left: solid 1px #333333;
	border-right: solid 1px #333333;
	border-bottom: solid 1px #333333;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	font-size: 12px;
}

.textbox
{
	border-top: solid 1px #818181;
	border-left: solid 1px #818181;
	border-right: solid 1px #818181;
	border-bottom: solid 1px #818181;
	color: #333333;
}










/* Pkg Process Lookup styles - I should redo these at some point */
.highlighted 	
{ 
	background-color: #FBC788; 
	width: 100%; 
	max-width: 290px; 
	padding-left: 4px; 
	padding-top: 1px; 
	padding-bottom: 1px; 
	padding-right: 4px; 
}
.row 		
{ 
	background-color: #ffffff; 
	width: 100%; 
	max-width: 290px; 
	padding-left: 4px; 
	padding-top: 1px; 
	padding-bottom: 1px; 
	padding-right: 4px; 
}
.dropshadow1{
	float:left;
	clear:left;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 12px 0 0px 12px !important;
	margin: 13px 0 0px 12px;
	width: 300px;

	position:absolute;
	top: 187px;
	left: 200px;
	z-index: 2;
}
.dropshadow1 p{
	position:relative;
	top: 6px;
	left: 6px;
	z-index: 1;
	border: 1px solid #999999;
	padding:4px;
	font-size:14px;
	margin: 0px;
}

.innerbox{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:0px;
	margin: 0px 0px 0px 0px;
}
.innerbox{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}
.innerbox p{		
	font-size:14px;
	margin: 3px;
}