@font-face {
    font-family: 'sui_generisregular';
    src: url('fonts/sui_generis_rg-webfont.woff2') format('woff2'),
         url('fonts/sui_generis_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-size:12pt;
    color: #121423;
    font-family: 'Helvetica';
}
.setnowrap{
    white-space: nowrap;
}

a.alphalink:link
{
	color: white;
	text-decoration: none;
	border-right: gold 2px solid;
	border-top: gold 2px solid;
	border-left: gold 2px solid;
	border-bottom: gold 2px solid;
	font-weight: bold;
	font-size: 10pt;
	line-height: 25px;
}
a.alphalink:visited
{
    color: white;
    text-decoration: none;
    border-right: gold 2px solid;
    border-top: gold 2px solid;
    border-left: gold 2px solid;
    border-bottom: gold 2px solid;
    font-weight: bold;
    font-size: 10pt;
    line-height: 25px;
}
a.alphalink:hover 
{
	color: red;
	text-decoration: none;
	border-right: gold 2px solid;
	border-top: gold 2px solid;
	border-left: gold 2px solid;
	border-bottom: gold 2px solid;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
	line-height: 25px;
}

a
{
    color:blue;
    text-decoration: none;
	font-size: 8pt;
    white-space: nowrap;
}
a:hover
{
    color:green;

}
a.blacklink
{
    color:black;
}

	A.smallItalicLink
{
	color: #04285F;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bolder;
	font-style: italic;
}
	A.smallItalicLink:visited
{
	color: #04285F;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bolder;
	font-style: italic;
}
	A.smallItalicLink:hover
{
	color: #FF5D08;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bolder;
	font-style: italic;
}
	.smalltext
	{
		color:#222222;
		font-size:10px;
		text-align:justify
	}
	P
	{
		color:#222222;
		font-size:11px;
		text-align:justify
	}
	.rightaligned
	{
		color:#222222;
		font-size:11px;
		text-align:right
	}

input.button
{
    z-index:100;
	border: 2px solid #5EFF4C;
    color: #222222;
    font-size: 8pt;
    background: whitesmoke url(images/grad1.gif) repeat-x;
    }	
input.button:hover
{
	color: #222222;
	font-size: 8pt;
	border-right: orange 2px solid;
	border-top: orange 2px solid;
	border-left: orange 2px solid;
	border-bottom: orange 2px solid;
	background: whitesmoke url(images/grad1.gif) repeat-x;
}

.backbutton
{
    background-position: #FFCC99 repeat-x;
    z-index: 100;
    border: 2px solid #FF9900;
    color: #222222;
    font-size: 8pt;
    background: #FFCC99 repeat-x;
}	
.backbutton:hover
{
	color: #222222;
	font-size: 8pt;
	border-right: orange 2px solid;
	border-top: orange 2px solid;
	border-left: orange 2px solid;
	border-bottom: orange 2px solid;
    background: #FFCC99 repeat-x;
}


	TEXTAREA
	{
		color:#222222;
		font-size:11px;
		border-style:solid;
		border-width:1px;
		border-color:#565656
	}
	SELECT
	{
    color: #222222;
    font-size: 10pt;
		border-style:outset;
		border-width:1px;
		border-color:#565656
	}

.solidBorder
{
	border-right: black thin solid;
	border-top: black thin solid;
	border-left: black thin solid;
	border-bottom: black thin solid;
}
.solidBorderRed
{
	border-right: red thin solid;
	border-top: red thin solid;
	border-left: red thin solid;
	border-bottom: red thin solid;
}

.pageMainHeading
{
	font-weight: bold;
	font-size: 18pt;
	padding-left: 15px;
	color: gray;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}
.pageMainSubHeading
{
	font-weight: bold;
	font-size: 10pt;
	padding-left: 15px;
	color: gray;
	padding-top: 5px;
	display: block;
}
.loginBox{
background-color:#094d83; border:2px solid; border-radius:20px; border-color:red;padding-top:30px;padding-bottom:30px;box-shadow: 10px 10px 5px #888888;
}
.loginBackground { background-color:#094d83;}
.loginPageBackground { background-image: url("images/ptsEmblemH140Watermark.png"); background-repeat: repeat-x repeat-y; }
.loginMainHeading
{
	font-weight: bold;
    font-family: 'sui_generisregular';
	font-size: 18pt;
	padding-left: 15px;
	color: gray;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}
.loginLabel
{
    color: white;
    font-family: 'sui_generisregular';
    font-size: 10pt;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 1px;
    padding-top: 1px;
    background-color: transparent;
    text-align: left;
}
.masterBackground{
    background-color:#00ad6c;text-align: center;
}
.formLabel
{
    font-size: 8pt;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 1px;
    padding-top: 1px;
    background-color: transparent;
    text-align: left;
}
.formLabelBig
{
    font-size: 10pt;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 1px;
    padding-top: 1px;
    background-color: transparent;
    text-align: left;
}
.formLabelGreen
{
	color: green;
	font-size: 9pt;
	background-color: transparent;
	text-align: left;
}
.formLabelGreenSmall
{
	color: green;
	font-size: 8pt;
	background-color: transparent;
	text-align: left;
}
.formLabelGreenBold
{
	color: green;
	font-size: 9pt;
	background-color: transparent;
	text-align: left;
	font-weight: bold;
}
.formLabelRed
{
	color: #FF0000;
	font-size: 9pt;
	background-color: transparent;
	text-align: left;
}
.formLabelBlue
{
    color: #0066CC;
    font-size: 10pt;
    background-color: transparent;
    text-align: left;
}
.formLabelBlack
{
	font-weight: normal;
    color: black;
    font-size: 9pt;
    background-color: transparent;
    text-align: left;
}
.formlabelBlackBold
{
	font-weight: bold;
    color: black;
    font-size: 10pt;
    background-color: transparent;
    text-align: left;
}
.formLabelOrange
{
	color: #FF6600;
	font-size: 10pt;
	background-color: transparent;
	text-align: left;
	font-weight: bold;
}
.formLabelOrangeSmall
{
	color: #FF6600;
	font-size: 8pt;
	background-color: transparent;
	text-align: left;
}
.formLabelWhite
{
	color: white;
	font-size: 10pt;
	background-color: transparent;
	text-align: left;
	font-weight: bold;
}
.formLabelBoldLeft
{
    color: blue;
    font-size: 8pt;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 1px;
    padding-top: 1px;
    background-color: transparent;
    text-align: left;
	font-weight: bold;
}
.formAsterisk
{
	color: yellow;
	font-size: 10pt;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 1px;
	padding-top: 1px;
	background-color: transparent;
	text-align: left;
}
.formLabelSmallItalic
{
	color: lightgrey;
	font-size: 8pt;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 1px;
	padding-top: 1px;
	background-color: transparent;
	text-align: left;
	font-style: italic;
}

.formLabelRight
{
	color: blue;
	font-size: 8pt;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 1px;
	padding-top: 1px;
	text-align: right;
}

.formLabelBold
{
    color: blue;
    font-size: 8pt;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 1px;
    padding-top: 1px;
    font-weight: bold;
    text-align: left;
}

.formLabelBoldRight
{
    color: blue;
    font-size: 8pt;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 1px;
    padding-top: 1px;
    font-weight: bold;
    text-align: right;
}

.formLabel1
{
    color: blue;
    font-size: 12pt;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: transparent;
    text-align: left;
}
.formLabelBold1
{
    color: blue;
    font-size: 12pt;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: transparent;
    font-weight: bold;
    margin: 5px;
}
.formLabelBoldRed
{
	color: red;
	font-size: 10pt;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: transparent;
	font-weight: bold;
	margin: 5px;
}
.formLabelBoldRed1
{
	color: red;
	font-size: 12pt;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: transparent;
	font-weight: bold;
	margin: 5px;
}
.formData
{
	color: #222222;
	font-size: 8pt;
	background-color: #ffffff;
	text-align: left;
	border-right: lightsteelblue 1px solid;
	border-top: lightsteelblue 1px solid;
	border-left: lightsteelblue 1px solid;
	border-bottom: lightsteelblue 1px solid;
}
.formDataFCap
{
	color: #222222;
	font-size: 8pt;
	background-color: #ffffff;
	text-align: left;
	border-right: lightsteelblue 1px solid;
	border-top: lightsteelblue 1px solid;
	border-left: lightsteelblue 1px solid;
	border-bottom: lightsteelblue 1px solid;
	text-transform: capitalize;
}
.formDataUpper
{
	color: #222222;
	font-size: 8pt;
	background-color: #ffffff;
	text-align: left;
	border-right: lightsteelblue 1px solid;
	border-top: lightsteelblue 1px solid;
	border-left: lightsteelblue 1px solid;
	border-bottom: lightsteelblue 1px solid;
	text-transform: uppercase;
}

.formDataRight
{
	color: #222222;
	font-size: 8pt;
	background-color: #ffffff;
	text-align: right;
	margin-top: 1px;
	margin-bottom: 1px;
	border-right: lightsteelblue 1px solid;
	border-top: lightsteelblue 1px solid;
	border-left: lightsteelblue 1px solid;
	border-bottom: lightsteelblue 1px solid;
}
.formDataCapitals
{
	color: #222222;
	font-size: 8pt;
	background-color: #ffffff;
	text-align: left;
	text-transform: uppercase;
	border-right: lightsteelblue 1px solid;
	border-top: lightsteelblue 1px solid;
	border-left: lightsteelblue 1px solid;
	border-bottom: lightsteelblue 1px solid;
}
.tableBody
{
    table-layout:fixed;
}
.tableHeadingTBS
{
}
.tableColHeader
{
    color: black;
    font-size: 8pt;
    padding-right: 1px;
    padding-left: 1px;
    text-align: left;
    font-weight: bold;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #000000;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #000000;
}
.tableColHeaderRight
{
    color: black;
    font-size: 8pt;
    padding-right: 1px;
    padding-left: 1px;
    text-align: right;
    font-weight: bold;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #000000;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #000000;
}
.tableColHeaderRightPadded
{
    color: black;
    font-size: 8pt;
    padding-right: 5px;
    padding-left: 5px;
    text-align: right;
    font-weight: bold;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #000000;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #000000;
}
.tableColHeader1
{
    color: black;
    font-size: 8pt;
    padding-right: 1px;
    padding-left: 1px;
    text-align: left;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
}
.tableHeadingItem
{
	color: cornflowerblue;
	font-size: 8pt;
	padding-right: 2px;
	padding-left: 2px;
	text-align: left;
	font-weight: bold;
}
.tableLabel
{
	color: black;
	font-size: 8pt;
	padding-right: 2px;
	padding-left: 2px;
	text-align: left;
	vertical-align: top;
	cursor: pointer;
	white-space:normal;
}
.tableLabelRed
{
	color: red;
	font-size: 8pt;
	padding-right: 2px;
	padding-left: 2px;
	text-align: left;
	vertical-align: top;
	cursor: pointer;
	white-space:normal;
}
.tableLabel6pt
{
    color: black;
    font-size: 6pt;
    margin-right: 2px;
    margin-left: 2px;
    text-align: left;
    vertical-align: middle;
}
.tableLabelRight
{
	color: black;
	font-size: 8pt;
	margin-right: 2px;
	margin-left: 2px;
	text-align: right;
	vertical-align: top;
}
.tableLabelCenter
{
	color: black;
	font-size: 8pt;
	margin-right: 2px;
	margin-left: 2px;
	text-align: center;
	vertical-align: top;
}
.tableLabelBoldMiddle
{
	color: black;
	font-size: 10pt;
	margin-right: 2px;
	margin-left: 2px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
    white-space:nowrap;
}

.tableData
{
	color: #222222;
	font-size: 8pt;
	margin-right: 1px;
	margin-left: 1px;
	text-align: left;
	border-right: lightsteelblue 1px solid;
	border-top: lightsteelblue 1px solid;
	border-left: lightsteelblue 1px solid;
	border-bottom: lightsteelblue 1px solid;
}
.tableDataCaps
{
	color: #222222;
	font-size: 8pt;
	margin-right: 2px;
	margin-left: 2px;
	text-align: left;
	border-right: lightsteelblue 1px solid;
	border-top: lightsteelblue 1px solid;
	border-left: lightsteelblue 1px solid;
	border-bottom: lightsteelblue 1px solid;
	text-transform: uppercase;
}
.tableDataRight
{
	color: #222222;
	font-size: 8pt;
	margin-right: 2px;
	margin-left: 2px;
	background-color: #ffffff;
	text-align: right;
	border-right: lightsteelblue 1px solid;
	border-top: lightsteelblue 1px solid;
	border-left: lightsteelblue 1px solid;
	border-bottom: lightsteelblue 1px solid;
}
.tableDataSmall
{
    color: #222222;
    font-size: 8pt;
    padding-right: 2px;
    padding-left: 2px;
    background-color: #ffffff;
    text-align: left;
}
.tableDataSmallRight
{
    color: #222222;
    font-size: 8pt;
    padding-right: 2px;
    padding-left: 2px;
    background-color: transparent;
    text-align: right;
}
.tablePageNo
{
	color: white;
	font-size: 10pt;
	padding-right: 14px;
	padding-left: 14px;
	text-align: center;
	font-weight: bold;
}
.tableselectedrow
{
	font-size: 8pt;
    color:white;
    background-color:green;
}
.tablealternatingrow
{
 	font-size: 8pt;
    color:black;
    background-color:#84b7f1;
}
.tablenormalrow
{
	font-size: 8pt;
}
.alignLeft
{
	text-align: left;
}
.alignRight
{
	text-align: right;
}
.mainPanel
{
	border-style: none;
	text-align: left;
}
.mainPanelContentBorder
{
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color:#c0d3f3;
}
.mainPanelTitle
{
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10pt;
	font-weight: bold;
	color: white;
	border-bottom: 1px solid black;
	background: #DF0101;
}

.pagetop
{
	display: block;
	position: relative;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #000000;
}
.pageSubHeading
{
	display:block;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10pt;
	font-weight: bold;
	color: #18397c;
	border-bottom: 1px solid #93a6b4;
}
.pageSubBorder
{
	display:block;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 10pt;
	font-weight: normal;
	color: #18397c;
	border-bottom: 1px solid #93a6b4;
}
.formviewstyle
{
	overflow:scroll;
	width: 300px;
}
.scrollAuto
{
	overflow:scroll;
}
.nodisplay
{
    display:none;
}
.crop10 { overflow: hidden; width: 10px; white-space:nowrap; }
.crop20 { overflow: hidden; width: 20px; white-space:nowrap; }
.crop30 { overflow: hidden; width: 30px; white-space:nowrap; }
.crop40 { overflow: hidden; width: 40px; white-space:nowrap; }
.crop50 { overflow: hidden; width: 50px; white-space:nowrap; }
.crop60 { overflow: hidden; width: 60px; white-space:nowrap; }
.crop60r { overflow: hidden; width: 60px; text-align: right; white-space:nowrap; }
.crop70 { overflow: hidden; width: 70px; white-space:nowrap; }
.crop80 { overflow: hidden; width: 80px; white-space:nowrap; }
.crop80r { overflow: hidden; width: 80px; text-align: right; white-space:nowrap; }
.crop90 { overflow: hidden; width: 90px; white-space:nowrap; }
.crop100 { overflow: hidden; width: 100px; white-space:nowrap; }
.crop110 { overflow: hidden; width: 110px; white-space:nowrap; }
.crop120 { overflow: hidden; width: 120px; white-space:nowrap; }
.crop130 { overflow: hidden; width: 130px; white-space:nowrap; }
.crop140 { overflow: hidden; width: 140px; white-space:nowrap; }
.crop150 { overflow: hidden; width: 150px; white-space:nowrap; }
.crop160 { overflow: hidden; width: 160px; white-space:nowrap; }
.crop170 { overflow: hidden; width: 170px; white-space:nowrap; }
.crop180 { overflow: hidden; width: 180px; white-space:nowrap; }
.crop190 { overflow: hidden; width: 190px; white-space:nowrap; }
.crop200 { overflow: hidden; width: 200px; white-space:nowrap; }
.crop210 { overflow: hidden; width: 210px; white-space:nowrap; }
.crop250 { overflow: hidden; width: 250px; white-space:nowrap; }
.crop280 { overflow: hidden; width: 280px; white-space:nowrap; }
.crop300 { overflow: hidden; width: 300px; white-space:nowrap; }
.crop350 { overflow: hidden; width: 350px; white-space:nowrap; }
.crop400 { overflow: hidden; width: 400px; white-space:nowrap; }

.menusmis
{
		background: #fcfcfc url(images/grd1.gif) 0 -632px repeat-x;
}

.blueBox
{
	border-right: blue 1px solid; border-top: blue 1px solid; border-left: blue 1px solid; border-bottom: blue 1px solid; text-align: left;
}
/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}
/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}
/* settings to highlight selected fields */
*:focus 
{ 
  -moz-outline: 3px solid #FFFF00  !important; 
  -moz-outline-offset: 1px         !important; 
  -moz-outline-radius: 5px         !important; 
}

textarea:focus, button:focus, select:focus, input:focus 
{ 
  -moz-outline-offset: -1px        !important; 
}

input[type="radio"]:focus 
{
  -moz-outline-radius: 12px        !important; 
  -moz-outline-offset: 0px         !important; 
}

.grdhighlight
{
    filter:alpha(opacity=100);
}
.grdnormal
{
    filter: alpha(opacity=30);
    
}
.inlineblock
{
    display:inline;
}
#cookieoverlay1 { width:100%; height:auto; position:fixed; bottom:0; left:0; background-color:#000; background-color:rgba(0,0,0,0.8); z-index:1000; } 
#cookiecontent { width:960px; height:auto; padding:15px 0 15px 0; margin:0px auto; position:relative; } 
#cookiecontent .textwrap { float:left; margin:5px 0 15px 0;  } 
#cookiecontent h1 { color:#e33405; font-size:20px; font-family:Helvetica,HelveticaNeue,Arial,Verdana,sans-serif; margin:0 0 10px 0; } 
#cookiecontent p { font-size:12px; color:#fff; line-height:16px; margin:3px 0 5px 0; } 
#cookiecontent p input
{
    background-position: #0033CC;
    width: 150px;
    height: 20px;
    color: #fff;
    background: #0033CC;
    border: none;
    padding: 8px 15px 23px;
    margin-top: -5px;
    display: block;
    float: right;
    border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-border-radius: 8px;
    margin-right: 5px;
    margin-left: 5px;
} 
#cookieoverlay {
z-index:999; 
position:absolute; 
width:100%;
height:100%;
background: rgb(0, 0, 0) transparent;
background: rgba(0, 0, 0, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
}
.sizes
{
    font-size: medium;
    padding: 5px;
    margin: 5px;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    text-align: center;
}
.hover
{
    background-color: #ffffcc;
}
.tyreIcon:hover
{
    fill:red;
    cursor:pointer;
}
.tyreText:hover
{
    fill:red;
    cursor:pointer;
}

.cursor-pointer {
    cursor:pointer;
}