/* GLOBAL ELEMENT STYLES */
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 9pt;
	text-decoration: none;
	}

td {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 9pt;
	text-decoration: none;
	}

A {
	font-family: Arial, Helvetica, sans-serif;
	color: #339933;
	text-decoration: underline;
	}
p{
	font-family: Myrid Pro Regular;
	font-size:18px;
	line-height:19.5px;
}

ol {
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	}
	
ul {
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	list-style: square;
	}
	
li {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	}
	
.bold {
	font-weight: bold;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

sup {
	font-size: 11px;
}

form {
	line-height:-1em
}

/* MISC STYLES */
A.white {
	color : #ffffff;
	text-decoration: none;
	font-size: 9pt;
}

.white {
	color : #ffffff;
}

.black {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

.results {
	font-size:9pt;
}

.nssmall {
 font-size: 8pt;
}

.default {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	}
	
.light {
	color: #999999;
}

.indent4 {
	margin-left: 4px;
	margin-right: 3px;
}

.indent10 {
	margin-left: 10px;
}

.indent20 {
	margin-left: 20px;
}

.indent30 {
	margin-left: 30px;
	line-height: 15px;
}

.bglight {
	background-color: #E5FFCC;
}

.bgmed{
	background-color: #99CC33;
}

.bgdark {
	background-color: #006B01;
}

.border {
	background-color: #669900;
}

.bgcontent {
	background-color : #EDEDED;
}

.footer {
	color: #ffffff;
	font-size: 9pt;
}

a.footer {
	color: #ffffff;
	font-size: 9pt;
	text-decoration: underline;
}

a.ltnav {
	font-size: 11px;
	text-decoration : none;
}

.small {
	font-size: 8pt;
}

.large {
	font-size: 12px;
	font-weight: bold;
}

#red {
	color: #FF0000;
}

.welcome {
	color: #669999;
	font-weight : bold;
	line-height: 30px;
	padding-left:1px;
}
.title {
	color: #669999;
	font-size: 10pt;
	font-weight : bold;
	padding-left:1px;
}

.pagetitle {
	color: #0081ab;
	font-size: 24px;
    	font-family:"Myriad pro Bold";
	letter-spacing:-1.2px;
}

.subTitle {
	color: #666666;
	font-size: 10pt;
	font-weight : bold;
	padding-left:1px;
}

.subTitle2 {
	color: #669999;
	font-size: 10pt;
	font-weight : bold;
	padding-left:1px;
}

.error {
 color: #FF0000;
}

.red  {
 color: #FF0000;
}

#PCL
{
	font-weight: normal;
	font-size: 8pt;
	font-family: Arial,Verdana,Helvetica;
	text-decoration: none;
}
#PTT
{
	font-size: 8pt;
	font-family: Arial,Verdana,Helvetica;
}
#PST
{
	font-size: 8pt;
	font-family: Arial,Verdana,Helvetica;
}

.UTILITY-links-on
{
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #1f9c9c;
	text-decoration: none;
}
.UTILITY-links
{
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.onconnect_TM
{
	font-weight: bold;
	font-size: 18px;
	vertical-align: super;
	color: #3366cc;
	font-family: Symbol;
}
.onconnect_logo
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #3366cc;
	vertical-align: super;
}

/***************** End  ***********************/

.TopHead
{
	font-weight: bolder;
	font-size: 13pt;
	text-transform: capitalize;
	color: #333399;
}
.PageDesc
{
	font-size: 8pt;
	color: #333399;
}
.PageBody
{
	font-family: Arial, Verdana, Helvetica;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	overflow: auto;
	
}
.ColHead
{
	font-weight: bolder;
	font-size: 8pt;
	color: white;
	background-color: #333399;
	text-align: left;
}
.ColDataLeft
{
	font-size: 8pt;
	color: #333399;
	text-align: left;
}
.ColDataCenter
{
	font-size: 8pt;
	color: #333399;
	text-align: center;
}
.TopMenu
{
	font-weight: bolder;
	font-size: 8pt;
	text-transform: capitalize;
	text-align: right;
}
.BottomNote
{
	font-size: xx-small;
	color: red;
}
.ErrMsg
{
	font-weight: bolder;
	font-size: 8pt;
	color: RED;
	text-align: center;
}
.loginButtons
{
    background-color: #003d79;
    color: #FFF;
    transition: background 0.25s ease-in-out;
    font-family: "myriad-pro",Helvetica,Arial,sans-serif;
    font-size: 15px;
    text-align: center;
    padding: 10px 25px;
    vertical-align: top;
    border:none;
}
.loginButtons:hover
{
    background-color:#0083a9;
}
.buttons
{
    background-color: #003d79;
    color: #FFF;
    transition: background 0.25s ease-in-out;
    font-family: "myriad-pro",Helvetica,Arial,sans-serif;
    font-weight:bold;
    font-size: 10px;
    text-align: center;
    padding: 6px 10px;
    vertical-align: top;
    border:none;
}
.buttons:hover
{
    background-color:#0083a9;
}

.DataLabelLeft
{
	font-weight: bolder;
	font-size: 8pt;
	text-transform: capitalize;
	color: #333399;
	text-align: left;
}
.DataLabelCenter
{
	font-weight: bolder;
	font-size: 8pt;
	text-transform: capitalize;
	color: #333399;
	text-align: center;
}
.DataLabel
{
	font-weight: bolder;
	font-size: 8pt;
	color: #333399;
	text-align: right;
}
.DataFld{
    font-size: 8pt;
    color: #696c6c;
    border-right: 1px solid #c1c1c1;
    font-family: Verdana, Arial, Helvetica; /*background-color: #ccccff;*/
    text-align: left;
}
.DataFld:focus{
background-color:#f1f1f1;
}


.RowHead
{
	font-weight: bolder;
	font-size: 7pt;
	text-transform: capitalize;
	color: white;
	background-color: #333399;
	text-align: center;
}
.Status
{
	font-weight: bolder;
	font-size: xx-small;
	text-transform: capitalize;
	background-color: #00ffff;
}
.GO_button
{
	font-weight: bolder;
	font-size: xx-small;
	width: 20pt;
}
.SearchFld
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Arial;
}
.AuditMsg
{
	font-size: 8pt;
	color: white;
	background-color: #333399;
	text-align: center;
}
.ListItem
{
	font-weight: bolder;
	font-size: 7pt;
	cursor: hand;
	color: #333399;
}
.MenuInfo
{
	font-size: 7pt;
	color: #333399;
	text-align: center;
}
.NotFound
{
	font-weight: bolder;
	font-size: 8pt;
	color: #333399;
	text-align: center;
}
.PageHead
{
	font-weight: bolder;
	font-size: 10pt;
	color: #336633;
	text-align: center;
}
.MatrixHead
{
	font-weight: bolder;
	font-size: 9pt;
	text-transform: capitalize;
	color: black;
}
.DataTotal
{
	font-weight: bolder;
	font-size: xx-small;
	color: black;
	text-align: center;
}
.LotList
{
	font-weight: bolder;
	font-size: 7pt;
	cursor: hand;
	color: #333399;
	text-align: center;
}
.RecvList
{
	font-weight: bolder;
	font-size: 7pt;
	color: #333399;
	text-align: left;
}
.ColHeadCenter
{
	font-weight: bolder;
	font-size: 8pt;
	color: white;
	background-color: #333399;
	text-align: center;
}
.TopInfo
{
	font-size: 9pt;
}
.BottomInfo
{
	font-size: 8pt;
}
.ActionLink
{
	font-weight: bolder;
	font-size: 8pt;
	cursor: hand;
	color: blue;
	text-align: center;
}
.DataFldSrv
{
	font-size: 7pt;
	color: black;
	font-family: Verdana, Arial;
	background-color: #ccccff;
	text-align: left;
}
.GenSpecList
{
	font-weight: bolder;
	font-size: 7pt;
	color: #333399;
}
.Logo
{
	font-weight: bolder;
	font-size: 15pt;
	color: black;
	font-family: Arial;
	text-align: center;
}
.OptionSelected
{
	font-weight: bolder;
	font-size: x-small;
	color: gray;
}
.OptionAvail
{
	font-weight: bolder;
	font-size: x-small;
	cursor: hand;
	color: blue;
}

.Quick_Search
{
	font-size: 8pt;
	color: black;
	font-family: Arial,Verdana, Helvetica;
	background-color: #f5f0f9;
}
.Head_User_Info
{
	font-size: 8pt;
	color: black;
	font-family: Arial,Verdana, Helvetica;
	background-color: #f5f0f9;
}

.FieldGroupLable
{
	font-size: 9pt;
	text-align: center;
	font-weight: bolder;
	font-family: Arial,Verdana, Helvetica;
	background-color: #f5f0f9;
	color: black;
}

.PageTitle
{
	font-weight: bolder;
	font-size: 14px;
	left: 10px;
	color: #666666;
	font-family: Arial,Verdana, Helvetica;
}

.RecordCount
{
	font-weight: bolder;
	font-size: 11px;
	color: #000000;
}

.ListHead
{
	font-weight: bolder;
	font-size: 8pt;
	background: #cee3ef;
	text-align: center;
}

.Access-DeniedMessage
{
	font-weight: bold;
	font-size: 11pt;
	color: #993333;
}
.SearchGrid-Item
{
	font-family: Arial,Verdana, Helvetica;	
	font-size: 11px;
	background-color:#fff;
}
.SearchGrid-Item:hover,.SearchGrid-AlterItem:hover
{
    background-color:#FFFEEE;
}
.SearchGrid-AlterItem
{
	font-family: Arial,Verdana, Helvetica;	
	font-size: 11px;
	background-color:#F1F5FA;
}
.SearchGrid-Header
{
	font-family: Arial,Verdana, Helvetica;	
	font-size: 11px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background-color: #f7f7f7;1px solid #ccc;
}
.SearchGrid-Pager
{
	font-weight: bold;
	font-size: 9pt;
	letter-spacing: 2pt;
}

.SearchFld-Label
{
	font-weight: bold;
	font-size: 11px;
	text-transform: capitalize;
	color: #fff;
}
.SearchFld-HeadLabel
{
	font-weight: bolder;
	font-size: 8pt;
	text-transform: capitalize;
	color: #333399;
}

.SearchFld-LabelInside
{
	font-weight: bolder;
	font-size: 7pt;
	text-transform: capitalize;
}

.SearchTab-Main
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	margin: 0px 0px;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	background-color: #007fa3;
	transistion:all 0.25s ease-in-out;
	padding:15px 11px;
}

.ListHead
{
	font-weight: bolder;
	font-size: 8pt;
	background: #cee3ef;
	text-align: center;
}
.Tab-Hide
{
	visibility:hidden;
}
.Tab-Visible
{
	visibility:visible;
}
.SearchFld-ZZ
{
	font-size: 8pt;
	position: absolute;
	left: 320px;	
	top: 290px;
}
.Home-Actions
{
	font-weight: bold;
	transition: background 0.25s ease-in-out;
	font-family: "myriad-pro",Helvetica,Arial,sans-serif;
	text-decoration:none;
	font-size: 12px;
	color: #0083a9;
	text-transform: capitalize;
}
.Home-Actions:hover{
	color: #003d79;
	text-decoration:underline;
}

.Home-Actions-NoCaps
{
	font-weight: bold;
	font-size: 12px;
	color: #006900;
	font-family: Arial;
}
.Home-Actions-NoCaps-Black
{
	font-weight: bold;
	font-size: 12px;
	color: Black;
	font-family: Arial;
}
.Home-Actions-Big-Blue
{
	font-weight: bold;
	font-size: 16px;
	text-transform: capitalize;
	color: Blue;
	font-family: Arial;
}

/* XP Panel Skin CSS */

	/* Skin default elements */
	#panel1_c.yui-panel-container.shadow .underlay {
		left:3px;
		right:-3px;
		top:3px;
		bottom:-3px;
		position:absolute;
		background-color:#000;
		opacity:0.12;
		filter:alpha(opacity=12);
	}

	/* Apply the border to the right side */
	#panel1.yui-panel {
		border:none;
		overflow:visible;
		background:transparent url(/yui/examples/container/assets/img/xp-brdr-rt.gif) no-repeat top right;
	}

	/* Style the close icon */
	#panel1.yui-panel .container-close {
		position:absolute;
		top:5px;
		right:8px;
		height:21px;
		width:21px;
		background:url(/yui/examples/container/assets/img/xp-close.gif) no-repeat;
	}

	/* Style the header with its associated corners */
	#panel1.yui-panel .hd {
		padding:0;
		border:none;
		background:url(/yui/examples/container/assets/img/xp-hd.gif) repeat-x;
		color:#FFF;
		height:30px;
		margin-left:8px;
		margin-right:8px;
		text-align:left;
		vertical-align:middle;
		overflow:visible;
	}

	/* Style the body with the left border */
	#panel1.yui-panel .bd {
		overflow:hidden;
		padding:10px;
		border:none;
		background:#FFF url(/yui/examples/container/assets/img/xp-brdr-lt.gif) repeat-y; 
		margin:0 4px 0 0;
	}

	/* Style the footer with the bottom corner images */
	#panel1.yui-panel .ft {
		background:url(/yui/examples/container/assets/img/xp-ft.gif) repeat-x;
		font-size:11px;
		height:26px;
		padding:0px 10px;
		border:none
	}

	/* Skin custom elements */
	#panel1.yui-panel .hd span {
		line-height:30px;
		vertical-align:middle;
		font-weight:bold;
	}
	#panel1.yui-panel .hd .tl {
		width:8px;
		height:29px;
		top:1px;
		left:0;
		background:url(/yui/examples/container/assets/img/xp-tl.gif) no-repeat;
		position:absolute;
	}
	#panel1.yui-panel .hd .tr {
		width:8px;
		height:29px;
		top:1px;
		right:0;
		background:url(/yui/examples/container/assets/img/xp-tr.gif) no-repeat; 
		position:absolute;
	}

	#panel1.yui-panel .ft span {
		line-height:22px;
		vertical-align:middle;
	}
	#panel1.yui-panel .ft .bl {
		width:8px;
		height:26px;
		bottom:0;
		left:0;
		background:url(/yui/examples/container/assets/img/xp-bl.gif) no-repeat;
		position:absolute;
	}
	#panel1.yui-panel .ft .br {
		width:8px;
		height:26px;
		bottom:0;
		right:0;
		background:url(/yui/examples/container/assets/img/xp-br.gif) no-repeat;
		position:absolute;
	}