@media print 
{
body
	{
		background-color: transparent;
	}	
.headerMainContainer
{
	display: none;
}
.headerMain
{
	display: none;
}
.messageBox
{
	margin: 0px auto 0px auto;
	padding: 0;
}
.messageBoxMobile
{
		display: none;
}
.messageBoxTab
{
		display: none;
}
.messageBoxInfoClientSide
{
		display: none;
}
.button85
{
	display: none;
}
.buttonImage
{
	display: none;
}
.buttonGridView
{
display: none;
}
.label200
{
display: none;
}
.textBox125
{
display: none;
	}
.textBox250
{
	display: none;
}
.checkBox250
{
display: none;
}
.dropDownList125
{
display: none;
}
.dropDownList250
{
	display: none;
}
.listBox250
{
	display: none;
}
.divView /*In VendorViewsUC */
{
	position: relative !important;
	top: 0px !important;
	}
.divViewHeader /*Used by View*/
{
	display: none;
}
.divViewBody /*Used by View*/
{
	position: relative !important;
	top: 0px !important;
}
.tblViewBody /*Used by View*/
{
	visibility: visible;
}
}

@media screen
{
body 
{
	background-color: #F3F3F3;
}
.headerMainContainer
{
	margin: 0px;
	padding: 0px;
	background-color: #3c454f;
	height: 75px;
}
.headerMain
{
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 1080px;
}
.headerMainMobile
{
	margin: 0px auto 0px auto;
	padding: 0px;
	background-color: #3366FF;
	height: 80px;
}
.headerMainText
{
	font-family: Arial;
	font-size: 2em;
	color: #FFFFFF;
	font-weight: 800;
	float: left;
	margin-right: 5px;
}
.headerMainSubText
{
	font-family: Arial;
	font-size: 1em;
	color: #FFFFFF;
	font-weight: 600;
	padding-top: 15px;
}
.menuItem1
{
	margin: 0px;
	padding: 4px;
	width: 11.65%;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: 500;
	font-family: Arial;
	font-size: 1em;
	float: left;
	text-align: center;
	text-decoration: none;
}

	.menuItem1:hover
	{	
		background-color: #808080;
		cursor: pointer;
		color: #FFFFFF;
	}
	.menuItem1Active
{
	margin: 0px;
	padding: 4px;
	width: 11.65%;
	background-color: #808080;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: 500;
	font-family: Arial;
	font-size: 1em;
	float: left;
	text-align: center;
	text-decoration: none;
}
.level1
{
	padding: 4px;
	width: 106px;
	background-color: #E5E5E5;
	color: #3366FF;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	float: left;
	text-align: center;
}
.level1:hover
{
	background-color: #C9C9C9;
	cursor: pointer;
}
.menuDisabled
{
	color: #999999;
}
.level1Mobile
{
	padding: 4px;
	width: 100px;
	background-color: #E5E5E5;
	color: #3366FF;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	float: left;
	text-align: center;
}
.level1Mobile:hover
{
	background-color: #C9C9C9;
	cursor: pointer;
}
/*
.level1[disabled]
{ 
	Using asp default look when disabled
}
*/
.messageBox
{
	margin: 0px auto 0px auto;
	padding: 0;
}
.messageBoxMobile
{
	font-size: 16px;
	margin-top: 5px;
}
.messageBoxTab
{
	margin: 3px auto 0px auto;
	padding: 0px;
}
.messageBoxInfo, .messageBoxSuccess, .messageBoxWarning, .messageBoxError
{
	font-family: Arial;
	margin: 0px 0px;
	padding: 3px;
}
.messageBoxInfo
{
	color: #3333CC;
	background-color: #28C2F2;
	/*color: #00529B;
	background-color: #BDE5F8;*/
}
.messageBoxInfoClientSide
{
	color: #3333CC;
	background-color: #28C2F2;
	margin: 3px auto 0px auto;
	padding: 3px;
}
.messageBoxSuccess
{
	color: #006600;
	background-color: #BAD80A;
	/*color: #4F8A10;
	background-color: #DFF2BF;*/
}
.messageBoxWarning
{
	color: #FFFFFF;
	background-color: #FF8C00;
	/*color: #9F6000;
	background-color: #FEEFB3;*/
}
.messageBoxError
{
	background-color: red;
	color: #FFFFFF;
	/*color: #D8000C
	background-color: #FFBABA;*/
}
.messageBoxSearchInfo
{
	margin: 3px auto 0px auto;
	padding: 3px;
	background-color: #B4009E;
	color: #FFFFFF;
}
.button85
{
	position: absolute;
	background-color: #596169;
	color: #FFFFFF;
	border: 1px solid #F3F3F3;
	cursor: pointer;
	font-size: 1em;
	padding: 3px;
	width: 86px;
}
.button85:hover
{
	background-color: #808080;
	cursor: pointer;
}
	.button85:focus {
		color: #006600;
		background-color: #BAD80A;
	}
.button85[disabled]
{
	background-color: #F0EA4D;
	color: #596169;
}
.buttonSearch /*This are the buttons such as A, B, C*/
{
	height: 20px;
	padding: 0;
	margin: 0px -5px 0px 0px;
	width: 3.9%;
	background-color: #596169;
	color: #FFFFFF;
	border: 1px solid #F3F3F3;
	cursor: pointer;
	font-size: .8em;
}
.buttonSearch:hover
{
	background-color: #808080;
	cursor: pointer;
}
.buttonSearch:focus
{
	background-color: #808080;
}
.buttonGridView
{
	height: 19px;
	width: 45px;
	font-family: Arial;
	font-size: 11px;
	background-color: #596169;
	color: #FFFFFF;
	border: 1px solid #F3F3F3;
	text-align: center;
}
.buttonGridView:hover
{
	background-color: #808080;
	cursor: pointer;
}
.buttonGridView:focus
{
	background-color: #808080;
}
.buttonMobile
{
	padding: 0px;
	height: 50px;
	font-weight: bold;
	font-family: Arial;
	font-size: 20px;
	background-color: #596169;
	color: #FFFFFF;
	border: 1px solid #F3F3F3;
	width: 100%;
}
.buttonMobile:hover
{
	background-color: #808080;
	cursor: pointer;
}
.buttonMobile:focus
{
	background-color: #808080;
}
.buttonMobileMenu
{
	padding: 5px;
	margin-bottom: 10px;
	height: 50px;
	font-weight: bold;
	font-family: Arial;
	font-size: 1em;
	background-color: #596169;
	color: #FFFFFF;
	border: 1px solid #F3F3F3;
	width: 100%;
	text-align: left;
}
.buttonMobileMenu:hover
{
	background-color: #808080;
	cursor: pointer;
}
.buttonMobileMenu:focus
{
	background-color: #808080;
}
	.label200 {
		position: absolute;
		font-family: Arial;
		font-size: 12px;
		width: 200px;
		
	}
	.label200UserLogin {
		position: absolute;
		color: #FFFFFF;
		font-family: Arial;
		font-size: 12px;
		width: 200px;
		text-decoration: none;
	}
.labelMobile
{
	display: block;
	font-family: Arial;
	font-size: 16px;
	vertical-align: middle;
	height: 20px;
}
.textBox125
{
	border: 1px solid #999999;
	position: absolute;
	width: 125px;
	font-family: Arial;
	}
.textBox250
{
	position: absolute;
	border: 1px solid #999999;
	width: 250px;
	font-family: Arial;
}
.textBoxMobile
{
	border: 1px solid #999999;
	font-family: Arial;
	font-size: 16px;
	height: 20px;
	width: 100%;
}
.checkBox250
{
	font-family: Arial;
	font-size: 12px;
	position: absolute;
	width: 250px;
}
.checkBoxMobile
{
	font-family: Arial;
	font-size: 16px;
}
/*.checkBoxMobile label 
{	
	need to put this syle in the actual page and assign element multiple classes
	display: inline-block;
	width: 80px;
}*/
.checkBoxMobile input[type=checkbox] {
    -webkit-transform: scale(1.8,1.8);
}
.dropDownList125
{
	border: 1px solid #999999;
	position: absolute;
	width: 129px;
}
.dropDownList250
{
	border: 1px solid #999999;
	position: absolute;
	width: 254px;
}

.dropDownListMobile
{
	border: 1px solid #999999;
	font-size: 16px;
	height: 24px;
	width: 100%;
}
.listBox250
{
	border: 1px solid #999999;
	position: absolute;
	width: 254px;
}
.dataList
{
	margin: 10px;
	position: relative;
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
}
.dataListItem
{
	padding: 5px;
}
.dataListItem a
{
	display: inline-block;
	font-size: 1em;
	padding: 3px;
	min-width: 300px;
	text-decoration: none;
}
	.dataListUserMain {
		margin: 0px;
		position: relative;
		font-weight: bold;
		font-family: Arial;
		font-size: 12px;
	}

	.dataListItemUserMain {
		padding: 5px;
	}

		.dataListItemUserMain a {
			display: inline-block;
			font-size: 1em;
			padding: 3px;
			min-width: 300px;
			text-decoration: none;
		}



.dataListMobile
{
	font-weight: bold;
	font-family: Arial;
	width: 94%;
	margin: 3%;
}
.dataListItemMobile
	{
		
	}
.dataListItemMobile a
	{
		display: inline-block;
		font-size: 1em;
		margin-bottom: 10px;
		text-decoration: none;
		background-color: #596169;
		color: #FFFFFF;
		border: 1px solid #F3F3F3;
		height: 50px;
		line-height: 40px;
		width: 100%;
		vertical-align: middle;
		padding: 5px;
	}
.divViewBody /*Used by View*/
{
	overflow: auto;
}
.tblViewBody /*Used by View*/
{
	visibility: collapse;
}
.ajax__tab_vf .ajax__tab_body
{
	/*This is the TabPanel Container*/
	padding: 0px 8px 8px 8px;
	min-height: 745px;
}
.ajax__tab_vf .ajax__tab_header
{
	padding-left: 3px;
	background: url('../Images/tab-line-vo.gif') repeat-x bottom;
}
.ajax__tab_vf .ajax__tab_inner
{
	background: url('../Images/tab-left-vo.gif') no-repeat; 
	padding-left: 13px; /*width of image*/
}
.ajax__tab_vf .ajax__tab_tab
{
	color: #171717;
	font-family: Arial;
	font-size: .8em;
	background: url('../Images/tab-vo.gif') repeat-x;
	height: 25px;
	width: 120px;
	padding-top: 3px; /*Move text down*/
	vertical-align: middle; /*Makes it look right in IE and FF*/
}
.ajax__tab_vf .ajax__tab_outer
{
	background: url('../Images/tab-right-vo.gif') no-repeat right top;
	padding-right: 4px; /*width of image*/
	height: 25px;
}
.ajax__tab_vf .ajax__tab_active .ajax__tab_inner
{
	background: url('../Images/tab-active-left-vo.gif') no-repeat;
}
.ajax__tab_vf .ajax__tab_active .ajax__tab_tab
{
	background: url('../Images/tab-active-vo.gif') repeat-x;
}
.ajax__tab_vf .ajax__tab_active .ajax__tab_outer
{
	background: url('../Images/tab-active-right-vo.gif') no-repeat right;
}
.ajax__tab_vf .ajax__tab_hover .ajax__tab_inner
{
	background: url('../Images/tab-hover-left-vo.gif') no-repeat;
	cursor: pointer;
}
.ajax__tab_vf .ajax__tab_hover .ajax__tab_tab
{
	background: url('../Images/tab-hover-vo.gif') repeat-x;
	cursor: pointer;
}
.ajax__tab_vf .ajax__tab_hover .ajax__tab_outer
{
	background: url('../Images/tab-hover-right-vo.gif') no-repeat right;
	cursor: pointer;
}
.ajax__tab_vf .ajax__tab_disabled .ajax__tab_inner
{
	
}
.ajax__tab_vf .ajax__tab_disabled .ajax__tab_tab
{
	
}
.ajax__tab_vf .ajax__tab_disabled .ajax__tab_outer
{
	
}


/*Below is for a different height*/
.ajax__tab_vf140 .ajax__tab_body
{
	/*This is the TabPanel Container*/
	padding: 0px 8px 8px 8px;
	min-height: 140px;
}
.ajax__tab_vf140 .ajax__tab_header
{
	padding-left: 3px;
	background: url('../Images/tab-line-vo.gif') repeat-x bottom;
}
.ajax__tab_vf140 .ajax__tab_inner
{
	padding-left: 13px; /*width of image*/
	background: url('../Images/tab-left-vo.gif') no-repeat; 
}
.ajax__tab_vf140 .ajax__tab_tab
{
	color: #171717;
	font-family: Arial;
	font-size: .8em;
	background: url('../Images/tab-vo.gif') repeat-x;
	height: 25px;
	width: 120px;
	padding-top: 3px; /*Move text down*/
	vertical-align: middle; /*Makes it look right in IE and FF*/
}
.ajax__tab_vf140 .ajax__tab_outer
{
	background: url('../Images/tab-right-vo.gif') no-repeat right top;
	padding-right: 4px; /*width of image*/
	height: 25px;
}
.ajax__tab_vf140 .ajax__tab_active .ajax__tab_inner
{
	background: url('../Images/tab-active-left-vo.gif') no-repeat;
}
.ajax__tab_vf140 .ajax__tab_active .ajax__tab_tab
{
	background: url('../Images/tab-active-vo.gif') repeat-x;
}
.ajax__tab_vf140 .ajax__tab_active .ajax__tab_outer
{
	background: url('../Images/tab-active-right-vo.gif') no-repeat right;
}
.ajax__tab_vf140 .ajax__tab_hover .ajax__tab_inner
{
	background: url('../Images/tab-hover-left-vo.gif') no-repeat;
	cursor: pointer;
}
.ajax__tab_vf140 .ajax__tab_hover .ajax__tab_tab
{
	background: url('../Images/tab-hover-vo.gif') repeat-x;
	cursor: pointer;
}
.ajax__tab_vf140 .ajax__tab_hover .ajax__tab_outer
{
	background: url('../Images/tab-hover-right-vo.gif') no-repeat right;
	cursor: pointer;
}
.ajax__tab_vf140 .ajax__tab_disabled .ajax__tab_inner
{
	
}
.ajax__tab_vfv .ajax__tab_disabled .ajax__tab_tab
{
	
}
.ajax__tab_vf140 .ajax__tab_disabled .ajax__tab_outer
{
	
}
}

@media screen, print 
{
body 
{
	padding: 0px;
	margin: 0px;
}
.page
{
	clear: both;
	position: relative;
	margin: 0px auto 0px auto;
	width: 1080px;
	min-height: 800px;
	background-color: #FFFFFF;
	font-family: Arial;
	}
.pageLarge
{
	clear: both;
	position: relative;
	margin: 0px auto 0px auto;
	width: 100%;
	min-width: 1080px;
	min-height: 800px;
	background-color: #FFFFFF;
	font-family: Arial;
	}
.gridViewHeaderTable
{
	position: absolute;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #F3F3F3;
	background-color: #596169;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}
.tblViewHeader /*Used by View*/
{
	position: absolute;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	border: none;
	border-color: #596169;
	background-color: #596169;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}
	.tblViewHeader1 {
		margin: 0px 0px 5px 0px;
		padding: 0px;
		border-collapse: collapse;
		border-style: solid;
		border-width: 1px;
		background-color: White;
		font-family: Arial;
		font-size: 11px;
		table-layout: fixed;
	}
.tblViewBody /*Used by View*/
{
	font-weight: bold;
	border: none;
	border-color: #596169;
	background-color: #596169;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}
.gridViewHeaderTableCell
{
	padding: 0px;
	margin: 0px;
	text-align: left;
}
.gridViewBodyDiv
{
	position: absolute;
	overflow: auto;
}
.gridViewRowStyle
{
	color: #171717;
	vertical-align: top;
	border-color: #596169;
}
.gridViewAlternatingRowStyle
{
	background-color: #F3F3F3;
	color: #171717;
	vertical-align: top;
	border-color: #596169;
}
.gridViewSelectedRowStyle
{
	background-color: #E3DED8;
	color: #171717;
	vertical-align: top;
	border-color: #596169;
}
.gridViewFooterStyle
{
	color: #171717;
	border-color: #596169;
}


	.userMainStyle {
		font-size: 1.1em;
		background-color: #596169;
		color: #FFFFFF;
		/*border-radius: 5px;*/
		padding-left: 3px;
		height: 25px;
		width: 400px;
		margin: 0px;
	}
	.userMainStyle1 {
		margin: 10px;
		padding: 0px;
		border-color: #596169;
		border-style: solid;
		border-width: 1px;
		min-height: 100px;
		left: 20px;
	}
}