﻿html { overflow:scroll;} /*DO NOT REMOVE THIS - THIS IS TO PREVENT PAGE JUMPING FOR JQuery ENABLED ELEMTENTS WHICH SCROLL PAST PAGE VIEW*/

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:0.75em;
	margin:0px;
}

/* Global Variables
----------------------------------------------------------*/
.printDisclaimer { 
	display:none; 
	}

.screenReaderHidden
{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}


.skipLinks a
{ 
color: White;
position:absolute; 
left:-10000px; 
top:auto; 
width:1px; 
height:1px; 
overflow:hidden;
} 
 
.skipLinks a:focus 
{ 
color: White;
position:static; 
width:auto; 
height:auto; 
} 

.hidden { 
	display:none; 
	}

a { 
	color:#005596; 
	text-decoration:none; 
	}
	
select {
	min-width: 120px;
}
.block {
	display:block;
	}

.bold { 
	font-weight:bold; 
	}

.clear{ 
	clear: both; 
	}

.floatRight
	{
	 float:right; 
	}

.floatLeft{ 
	float:left; 
	}

.center { 
	text-align:center; 
	}

.centerText { 
	text-align:center; 
	}

.leftText, 
.leftText { 
	text-align:left;
	}

.rightText, 
.rightText { 
	text-align:right;
	}

.highlight { 
	border:2px solid #7DA8CA;
	}

.errorHighlight, .validation-failure { 
	border:2px solid #CC5555;
	}

.requiredField { 
	color:Red; 
	}

.ValidationWarning {  
	margin: 30px 0;
	width: 100%;} 

.ValidationWarning span{ 
	background-color: #FFFFE0;
	border:1px solid #CC5555;    
	
	padding: 10px 20px;
}

.fadeOutSuccessNotification { 
	color:Green;
	} 

.fadeOutFailNotification { 
	color:Red;
	} 

.textGrey { 
	color:#555; 
	}

.textBlack { 
	color:#000; 
	}

.buttonFooter { 
	min-height:20px; 
	text-align:right; 	
	}
	

.buttonFooter input { 
	margin:0px !important;     
	}

a.toggleNextDivElement { 
	display:block; 
	text-decoration:none;
	}

fieldset { 
	border: 1px solid #CCCCCC;
	margin: 0px; 
	padding: 1em; 
	}

fieldset > legend { 
	color:#005596; 
	font-size: 1.1em; 
	font-weight: 600; 
	padding: 2px 4px 8px 4px; 
	}

.scrollingNotifications { 
	height:42px !important; 
	margin-bottom:10px;
	overflow:hidden; 
	}

.scrollingNotifications .orderNotification { 
	height:15px;
	}

.defaultTableStyle { 
	border: 1px solid #CCC;
	border-collapse: collapse;     
	} 

.defaultTableStyle thead th { 
	background-color: #005596; 
	border: 1px solid #005596; 
	color: #FFFFFF; 
	height: 25px; 
	padding-left: 10px; 
	}

.defaultTableStyle td { 
	padding-left:10px;
	}

.successNotificationField { 
	background-color:#BFFFA8;  
	border:1px solid #CC5555;  
	padding:10px; 
	margin: 10px;
}
.errorNotificationField {     
	color: #000;
    background-color: #FFFFCC;   
	border: 1px solid #CC5555;
	padding:10px; 
	margin: 10px;
	}

.cancelConfirmSection { 
	background-color:#FFFFE0; 
	border:1px solid #CC5555;
	margin:10px; 
	padding:10px; 
	}

.fakeTextBox { 
	background-color:#eee; 
	border:1px solid #CCC;
	
	overflow:y-scroll;
	
	width:150px; 
	}

textarea[disabled='disabled'] {   
	background-color:#EEE; 
	color:#111; 
	cursor:default;  
	}


input[disabled='disabled'] {   
	background-color:#EEE; 
	color:#111; 
	cursor:default;  
	max-width:136px;
  
	}
    
select[disabled='disabled'] { 
	background-color:#EEE; 
	color:#111; 
	cursor:default;  
	}

.datepicker { 
    min-width: 86px;    
}

.commentTextBox {
    width: 860px; 
}

/* HEADINGS   
----------------------------------------------------------*/



/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page {  margin: 0 auto; }

.usernameLabel { 
    font-weight:bold; 
    font-style:italic;
    Color: #FFF;
    }

/*HEADDER*/
div#headLeft    {	
	background:  url(../Images/swish.png) no-repeat; 	    
	height: 100px;	        
	left:0px;	
	margin: 0 auto;	
	padding: 0px 0;		
	position:absolute;		
	width:600px;    
	z-index:3;
	}

div#headFiller  {	
	background-color: #005596;	
	height: 53px;   
	left:0px;	
	position:absolute;	
	top:0px;	
	width:100%;     
	z-index: 3;	 
	}	

div#headRight {	
	background-color: #005596;    
	float:right;	
	height: 43px;	
	position:absolute;	
	right:0px;	
	top:0px;	
	width: 300px;    
	z-index: 4;	
	}

#headRight ul {	
	float:right; 
	margin-right:20px;
	width: 250px;
	}

#headRight li   { 		
	list-style: none;	
	padding-left:5px;
	text-align: right;	
	}

#headRight a    {	
	color:#FFF;  
	font-family:Verdana, Arial, Helvetica, Sans-Serif; 
	font-size:90%; 
	font-weight:bold; 
	line-height:16px; 
	list-style-type:none; 
	text-align:right;
	}

#imgLogo {	
	background:url(../Images/logo.gif) no-repeat; 
	height: 68px;	
	left: 50px; 
	position:absolute;	
	text-decoration:none;
	top:0px;    
	width: 107px;	
	z-index:10; 
	margin: 0 0 0 0; 
	}

.backImage  {	
	position:absolute;	
	right:0;	
	top:0;	
	z-index: 1;	
	}

div#title {
    font-family: Lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    height: 55px;
    left: 46px;
    position: absolute;
    top: 107px;
    z-index: 20;
	}

div#title h1 {
    font-size: 1.5rem;
    line-height: 1.15;
}
div#title small {
    font-size: 1.1rem;
}
div#title a {
    color: #404040;
    text-decoration: none;
}

a:hover, 
a:active{ 
	color:#000; 
	text-decoration:none;     
	}

div#applicationTitle {     
    margin: 200px auto 10px;    
    width: 960px;
    z-index: 25;
}

div#applicationTitle h1{     
    font-size: 1.6em; 
    margin: 0;
    z-index: 25;
}

.floatingFooterPanel { 
	text-align:right; 
	width:100%; 
	}




/* Text-size menu 
----------------------------------------------------------*/
#textSizeMenu {
	background-color: #F6F6F6;
	border: 1px solid #E5E5E5; 
	color: #666666; 
	float:right; 
	margin-top:-28px;
	padding: 1px; 
	width:115px;  
	z-index:20; 
}

#textSizeLabel { 
	line-height: 1.5;
	margin: 5px; 
	}

.textSizeMenuList {
	display:inline; 
	padding:0px;
	text-align:right; 
	width:28px; 
	}

.textSizeMenuList li { 
	border: 1px solid #E5E5E5; 
	display:inline; 
	height: 20px; 
	line-height: 20px; 
	list-style:none; 
	padding: 2px; 
	text-align: center; 
	width: 20px;
	}

.textSizeMenuList li a { 
	color: #3770A9;  
	}

.normal { 
	font-size:0.75em !important;
	}

.medium {
	font-size:1.00em !important;
	}

.large {
	font-size:1.25em !important;
	}


/* TAB MENU   
----------------------------------------------------------*/
div.menu { 
	border-bottom:1px solid #ccc; 
	height:31px; 
	margin:0px auto 0px auto; 
	padding: 0px;  
	width:962px; 
	}

div.menu > .menuList { 
	list-style: none; 
	margin:0px 0px 0px -40px; 
	}

div.menu > .menuList  li { 
	float:left; 
	width:127px; 
	}
	
div.menu > .menuList  li a { 
	background:url("../Images/tab.PNG") 0px 40px; 
	color: #005596; 
	display: block; 
	font-weight: bold;  
	font-size: 1.2em; 
	height:25px; 
	padding: 7px 20px 0px 5px; 
	text-decoration: none; 
	white-space: nowrap; 
	}

div.menu > .menuList  li a:hover,
div.menu > .menuList  li a:active,
div.menu > .menuList  li a.current { 
	background:url("../Images/tab.PNG") 0px 0px; 
	}



/* TAB SUBMENU   
----------------------------------------------------------*/
div.submenu { 
	background-color:#FFF; 
	border-bottom:1px solid #ccc; 
	clear:both; 
	height:37px; 
	
	padding: 0px 0px 0px 0px; 
	width:932px; 
	}
	 
div.submenu > .subMenuList { 
	float:right;
	list-style:none; 
	}   

div.submenu > .subMenuList  li { 
	float:left;  
	}

div.submenu > .subMenuList  li a {
	color: #005596; 
	font-weight:bold; 
	height:25px; 
	margin-right:5px; 
	padding:4px 10px 4px 10px; 
	text-decoration:none;
	white-space: nowrap; 
	}

div.submenu > .subMenuList  li a:hover,
div.submenu > .subMenuList  li a:active,
div.submenu > .subMenuList  li a.currentSubTab { 
	background:url("../Images/currentTabPointer.PNG" ) bottom center no-repeat ; 
	padding-bottom:11px;
	}
	 
div.submenu > .subMenuList  li a img { 
	border:0px; 
	margin-right:5px; 
	}



/* One Column Page Layout
----------------------------------------------------------*/
div.oneColumnWrapper{ 
	margin:15px; 
	}
	

/* Two Column Page Layout
----------------------------------------------------------*/
div.twoColumnWrapper { 
	margin:15px; 
	}

div.twoColumnWrapper ul {  
	margin-bottom:5px; 
	padding-top:10px;
	}

div.twoColumnWrapper li { 
	margin-bottom:10px;
	}    

div.twoColumnWrapper li a {  
	color: #005596; 
	}

div.twoColumnWrapper li a:visited { }

div.twoColumnWrapper li a:hover {  
	color:#7DA8CA; 
	}

div.twoColumnWrapper li a:active { }




div.columnLeft    { 
    
	min-height: 180px; 
	width:450px;  
	}

div.columnRight {     
	float:right; 
	min-height: 180px; 
	width:450px;  
	}

/* Two Column Wrapper 
----------------------------------------------------------*/
.twoColumn > div,
.twoColumnContentWrapper > div{
	display:inline-block;
	vertical-align: top;
	width:48%;
}

.twoColumn label ,
.twoColumnContentWrapper label{ 
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 10px;
	max-width: 37%;
    min-height: 22px;
	min-width: 36%;
	text-align: right;
}

.twoColumn input[type='text'] , 
.twoColumnContentWrapper input[type='text'] { 
	margin-bottom: 5px;	
	max-width: 58%;
	min-width: 33%;
    /*vertical-align:top;*/
}

.twoColumn input[type='checkbox'] , 
.twoColumnContentWrapper input[type='checkbox']{ 
	margin-bottom: 5px;
	margin-left: 0;
	margin-right: 52%;
	vertical-align: middle;
}

.twoColumn select,
.twoColumnContentWrapper select{ 
	display: inline-block;    
    max-width: 238px;
    min-width: 140px;    
    margin-bottom: 5px;
}

.twoColumn .addressBox,
.twoColumn .descriptionBox,
.twoColumnContentWrapper .addressBox,
.twoColumnContentWrapper .descriptionBox{
	display: inline-block;    
	margin: -17px 20px 5px 164px;	
    max-width: 255px;
    min-width: 255px;
}

.twoColumn input[type='radio'],
.twoColumnContentWrapper input[type='radio']{ 
	display: inline-block;      
    margin-left:10px;    
    margin-bottom: 5px;
}

.twoColumn input[type='radio'] + label ,
.twoColumnContentWrapper input[type='radio'] + label { 
    display:inline-block;
    max-width: 35px;
    min-width: 35px;
    text-align: left;        
}

/* Three Column Wrapper 
----------------------------------------------------------*/
.threeColumn > div, 
.threeColumnContentWrapper > div { 
	display:inline-block; 
	width:33%; 
	vertical-align: top;
	}

.threeColumn label, 
.threeColumnContentWrapper label{   
	display: inline-block;
	margin-bottom: 5px;	
    min-height: 22px;
	min-width: 134px;
	max-width:134px;
	text-align: right;
	
}

.threeColumn input[type='text'],
.threeColumnContentWrapper input[type='text']{ 
	margin-bottom: 5px;
	/* margin-right: 20px; */
	max-width: 137px;
	min-width: 137px;
    /*vertical-align: top;*/
}

.threeColumn input[type='checkbox'],
.threeColumnContentWrapper input[type='checkbox']{ 
	margin-bottom: 5px;
	margin-left: 0;
	margin-right: 130px;
	vertical-align: middle;
}

.threeColumn select,
.threeColumnContentWrapper select{ 
	margin-bottom: 5px;	
	max-width: 142px;
	min-width: 142px;
}

.threeColumn .addressBox,
.threeColumn .descriptionBox,
.threeColumnContentWrapper .addressBox,
.threeColumnContentWrapper .descriptionBox{
	display: inline-block;    
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:1em;	
	color: #111111;
	cursor: default;
	margin: -17px 5px 5px 134px;
	max-height:80px;
	min-height:80px;
	max-width:138px;
	min-width:138px;
	
}	
	
.threeColumn input[type='radio'],
.threeColumnContentWrapper input[type='radio']{ 
	display: inline-block;    
    margin-left:10px;    
    margin-bottom: 5px;
}

.threeColumn input[type='radio'] + label ,
.threeColumnContentWrapper input[type='radio'] + label { 
    display:inline-block;
    max-width: 35px;
    min-width: 35px;
    text-align: left;        
}


/* Table Layout
----------------------------------------------------------*/

.standardTable { 
	margin-top: 15px;
	width: 100%;	 
	border-collapse: collapse; 
    border:none;
	margin:20px 0px 20px 0px;     
	} 

.standardTable thead th { 
	background-color: #005596; 	
	color: #FFFFFF; 
	height: 25px; 
	padding-left: 10px; 
    padding-right: 10px; 
    border:none; 
	}


.standardTable th { 
	background-color: #005596; 	
	color: #FFFFFF; 
	height: 25px; 
	padding-left: 10px;  
    padding-right: 10px;  
    
	}


.standardTable td {
	padding-bottom: 2px;
	padding-left: 10px;
	padding-top: 2px;
    padding-right: 10px; 
    border:none;    
}

.gridActions a { 
	margin-left: 5px;
	margin-right: 5px; 
	}


/* Main Content  
----------------------------------------------------------*/

.main{     
	margin:0px auto 20px auto;  
	min-height: 420px; 
	width:960px; 
	}

.mainContentInner h2 { 
	color:#465c71; 
	padding-left:0px;
	}

div.mainContentInner    { 
	border-left:1px solid #ccc; 
	border-right:1px solid #ccc; 
	border-bottom:1px solid #ccc; 
	padding: 1px 0px 20px 15px; 
	width:945px; 
	}

#contentWrapper { 
	border-left:1px solid #ccc; 
	border-right:1px solid #ccc; 
	border-bottom:1px solid #ccc; 
	width:930px; 
	}

div.sectionHeader { 
	background-color:#005596; 
	clear:both; 	
	min-height:25px; 
	
	}

div.sectionHeader h1{ 	
	color:#fff; 
	font-weight:bold; 
	font-size:20px;     	
    padding:5px 0px 5px 15px; 
	}



.permitSection { 
	margin-top:10px; 
	margin-left:10px;
	}

.slidingListAnchor { 
	margin-left:5px;
	}

.optionsPanel a { 
	display:block; 
	margin-left:40px; 
	margin-top:5px;
	}

.permitApproveRejectPanel  
{
	float:left;
	width:40%;
}

.permitApproveRejectPanel  label  
{
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 10px;
	text-align: right;    
	}
	
.permitApproveRejectPanel input[type="radio"] {
	margin-right: 45px;
}


.permitApproveRejectPanel input[type="text"] {
	margin-bottom: 5px;
	margin-right: 20px;
	min-width: 146px;
}

.permitRejectReason 
{
	
	width:50%;
}

.permitRejectReason textarea
{
	margin-left: 112px;
	margin-top: -20px;
	max-height: 100px;
	max-width: 400px;
	min-height: 100px;
	min-width: 400px;
}

/* Orders Section
----------------------------------------------------------*/
div.notificationSection { 
	border:1px solid #CCC;  
	padding:0px 10px 10px 10px;
	}

div.orderNotification { 
	background-color:#FFFFE0; 
	margin-top:10px; 
	padding:10px; 
	border:1px solid #CC5555; 
	}

div.orderNotification a { 
	text-decoration:none;
	}

div.orderNotification a:hover, a:active { 
	color:#7DA8CA;  
	}

a.notificationDetailLink { 
	margin-left:10px;
	}

.importantItems legend { 
	color:#005596; 
	font-size: 1.2em; 
	font-weight: 600;  
	}

.slidingListRoot { 
	list-style:none;
	}

.slidingListRoot ul {
	display:none; 
	}

.slidingListRoot a {
	text-decoration:none; 
	}

img.showHideImg {
	width:10px; 
	border:0px;
	}
	/*
#orderPaymentInformation { 
	margin-bottom: 20px;
}

#orderPaymentInformation label{ 
	margin-bottom: 12px;
	margin-left: 30px;
}

#orderPaymentInformation input[type="text"]{ 
	   width: 70px;

}
*/

/* FORM ELEMENTS   
----------------------------------------------------------*/
div.entryFields         { 
	margin:0 auto;  
	}

div.entryFields label, 
div.entryFields input, 
div.entryFields select { 
	float:left; 
	margin-top:5px; 
	}

div.entryFields label   { 
	clear:both; 
	line-height:22px;
	text-align:right; 
	width:140px; 
	}

div.entryFields input, 
div.entryFields select {  
	margin-left:5px;
	}

.dateEntry  { 
	width:70px;
	}

div.buttonPanelTop, 
div.buttonPanelBottom { 
	clear:both; 
	width:100%; 
	}

div.buttonPanelTop input, 
div.buttonPanelBottom input { 
	margin-right:10px; 
	}

div.buttonPanelLeft { 
	float:left;
	}

div.buttonPanelRight{ 
	float:right;
	}   

div.buttonPanelBottom { 
	margin-bottom:50px; 
	min-height:1px; 
	}

.userinformation { 
	float:left; 
	margin-left:115px; 
	}

.licenceinformation { 
	float:right; 
	margin-right:100px ;
	}

input.footerBtn {
	margin-top:10px; 
	}


/* GridViews
------------------------------------------------------------*/
table.gridView { 
	border:1px solid #eee;
	margin-top:20px;      
	text-align:Left;
	width:100%; 
	}

table.gridView tbody th {  
	background-color:#005596; 
	border:1px solid #005596; 
	color:#FFF; 
	padding-left:10px; 
	}

.alternateRowStyle { 
	background-color:#D4E2EE; 
	}

.headerStyle {
}

table.gridView tbody tr { 
}

table.gridView tbody td {  
	border:none;  
	line-height:25px; 
	padding:0px; 
	padding-left:10px; 
	}
	 
.descriptionHolder {  
	height:80px; 
	margin:0 auto; 
	text-align:left;  
	width:90%; 
	}


/* Footer 
----------------------------------------------------------*/
#gnlfoot { 	
	background: #ddd;	
	clear: both;	
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	font-size: 90%;     
	height: 100px;	
	margin: 0;	    
	padding: 2px 30px 2px 260px;	    
	}

#gnlfoot a{ 
	color: #000;
	}

#gnlfootlinks{	   
	display: inline;	
	float: left;	
	list-style: none;	
	margin: 0 0 10px 0;	
	padding: 0; 
	}

#gnlfootlinks li{	
	background: none;
	display: inline;	
	float: left;	    
	list-style: none;	
	margin: 0 10px;	
	margin: 0 5px;	
	padding: 0;	
	}

#gnlupdated{	
	display: inline;	
	float: right;	
	text-align: right; 
	}

#gnlcopyright{	
	clear: both;	
	margin: 15px 10px; 
	}


/*  Permit Overview Search Container
--------------------------------------*/

.permitOverviewSearchContainer fieldset { 
	width:410px; 
	}

.permitOverviewSearchContainer label {  
	text-align:right; 
	height:15px; 
	width:120px; 
	margin-bottom:8px; 
	display:inline-block; 
	}

.permitOverviewSearchContainer input { margin-right:20px; }
.permitOverviewSearchContainer select { margin-right:20px; width:147px; }
.permitTypeSelectFieldset label { width:100px !important; }
.permitTypeSelectFieldset select { width:285px !important; }

.searchResultsContainer { margin-top:10px; }

/* Search Or New */

.SearchOrNewDivLeft { 
    width: 400px;
    display: inline-block;
}

.SearchOrNewDivRight{ 
    width: 495px;
    display: inline-block;
    vertical-align: top;
}


.SearchOrNewDivLeft label, 
.SearchOrNewDivRightFields label{ 
    text-align: right;
    width: 120px;
    margin-bottom: 8px;
    display: inline-block;

}

.SearchOrNewDivRightFields { 
    display: inline-block;
    vertical-align: top;
}

.SearchOrNewDivRightOr
{    
    display:inline-block;
    padding: 80px 0px 0px 30px;
    vertical-align: top;
    width: 50px;
}

.SearchOrNewDivLeft fieldset,
.SearchOrNewDivRight fieldset{ 
    min-height: 175px;
}

.VendorStubsAddNew{ 
    display: inline-block;
    vertical-align: top;
    width: 340px;
}

.columnRight > .SearchOrNewDivRightOr { margin-left: 30px}



/*  Nothing Found From Search
-------------------------------------*/
.CautionBox h2 { }
.CautionBox { background-color:#FFFFE0; margin-top:10px; padding:10px; border:1px solid #CC5555;  margin-bottom:10px;  } 


/* Login
-------------------------------------*/
.accountInfo { margin:10px;}
.vendorLoginFieldset { margin-top:39px;} 

/* Change Password
-------------------------------------*/
.loginAndPasswordChangeFieldset { margin-bottom:10px; }
.loginAndPasswordChangeFieldset label { width:120px; display:inline-block; text-align:right; margin-bottom:8px; }
.loginAndPasswordChangeFieldset input[type="text"],
.loginAndPasswordChangeFieldset input[type="password"] { margin-left:10px; margin-right:5px; width:155px;}
.loginAndPasswordChangeFieldset .passwordChangeRestrictions { margin-top:20px; font-size:0.8em;}

/* Password Reset
-------------------------------------*/
.passwordResetFieldset label { width:120px; display:inline-block; text-align:right; }

/* Secutiry Questions
---------------------------------------*/
.securityQuestionsFieldset {}
.securityQuestionsFieldset label { display:inline-block; width:120px; text-align:right; margin-bottom:8px;}
.securityQuestionsFieldset .securityAnswerLabel { margin-bottom:20px; } 
.securityQuestionsFieldset select {  margin-right:450px;}
.securityQuestionsFieldset input {  margin-right:500px;}


/*  User Info Panel
--------------------------------------*/

.userInfoPanel { }
.userInfoPanel label{ display:inline-block; margin-bottom:8px; width:120px; text-align:right; }
.userInfoPanel input { }
.userInfoPanel select { min-width: 142px;}
.userInfoPanel .userInfoTextBox{ }
.userInfoButtonFooter { min-height:30px; text-align:right;}
.userInfoPanel .provinceDropDown select { margin-left:5px !important; }
.userInfoPanel .aspNetDisabled { color:#111; }
.initalBox { width:18px !important; margin-right:124px;}

/* Permit Applicant Lookup
------------------------------------------------------------*/

.applicantSearchContainer fieldset {  }
.applicantSearchContainer label {  text-align:right; width:120px; margin-bottom:8px; display:inline-block; }
.applicantSearchContainer input { }
.applicantSearchContainer .ddlLabel {  height:14px; width:495px; }
.applicantSearchContainer select { width:146px; }

/* Permit Applicant Detail 
------------------------------------------------------------*/
.permitApplicantDetailLabel {  display:block; width:350px; text-align:right; margin-top:10px;}  
.permitApplicantDetailLabel input {margin-left:10px; width:182px;} 


/* Permit Data Entry Form 
------------------------------------------------------------*/
.permitEntryFieldset { width:874px; }
.permitEntryFieldset .buttonFooter { margin-top:10px; }

.permitRadioControls { width:899px; margin: 0px -12px 0px -12px; background:#eee;}
.permitRadioControls label { display:inline-block; width:100px; margin-top:10px; margin-bottom:10px;}
.permitRadioControls input { margin-left: 200px; margin-top:8px; margin-bottom:10px; vertical-align:middle;}

.permitHolder { margin-top:10px;}
.permitHolder label { text-align:right; margin-right:10px; display:inline-block; width:100px; margin-bottom:5px;}
.permitHolder input[type="text"] { min-width:146px; margin-right:20px; margin-bottom:5px;}
.permitHolder input[type="checkbox"] { vertical-align: middle; margin-left:0px; }
.permitHolder span { display:inline-block; min-width:170px;}
.permitHolder select { min-width:150px;max-width:150px; margin-right:20px; margin-bottom:5px;}
.permitHolder .longLabel { width:auto; text-align:left;}
.permitHolder .radioButtons { width:100%;}
.permitHolder .radioButtons label { display:inline-block; width:100px; text-align:left; margin-right:10px; margin-bottom:5px;} 
.permitHolder .radioButtons input { margin-left: 190px;} 
.permitHolder .descriptionBoxLabel {  vertical-align:top;}
/*.permitHolder .descriptionBox { display:block; clear:both;  margin-left:203px; margin-top:-20px; text-align:left; 
								width:213px; min-width:213px !important; max-width:213px !important;
								height:100px !important; min-height:100px !important; max-height:100px !important;  }*/
.permitHolder .addressBox { width:147px; margin-right: 19px;}

.halfPermitSectionWidth { width:43%; display:inline-block; margin-bottom: 5px;}

.permitActionPanel { padding-left:0px; }
.permitActionPanel a { margin-right:5px; border:1px solid #005596; padding:3px;}
.permitActionPanel a:hover { border:1px solid #7DA8CA; color:#005596; }

.permitManagementPermitChkBox input { vertical-align:middle;}


.PermitHolder_ThreeColumnDiv_Wrapper { width:870px; text-align: center; border: 0px !Important  ; padding: 5px; }

.PermitHolder_ThreeColumnDiv_Column { width: 286px; display: inline-block; text-align: left; }
.PermitHolder_ThreeColumnDiv_Column label { width:130px; display:inline-block; text-align:right; }
.PermitHolder_ThreeColumnDiv_Column input { width: 130px; }
.PermitHolder_ThreeColumnDiv_Column select { width: 134px; }

.PermitHolder_ThreeColumnDiv_Clear { clear: both; height: 1px; }



/* Licence Section
-------------------------------------   -----------------------*/
.licencesSearchContainer { }
.licencesSearchContainer label { width:130px; display:inline-block; text-align:right; margin-bottom:8px;}
.licencesSearchContainer input {  margin-right:35px;}
.licencesSearchContainer select {  }
.licencesSearchContainer .yearDropdown { width:60px; margin-right:50px; }

/* MARKED FOR DELETION 1/3/2013
.licenceReturnForm { width:auto; }
.licenceReturnForm th { width:100px;}
.licenceReturnForm td input[type="text"] { background-color:White;}
*/

.repeaterRow .center input { text-align:center; }
.repeaterRow input[type="text"] { width:40px; }

.smallTable { margin-right:100px; display:inline-block;}
.returnNumberSection { display:inline-block;}

.changeLicenceCostsTable { width:99%; margin:10px 0px 10px 10px; }
.upnlChangeLicenceCost input[type="text"] { width:76px; }

.refundForm { }
.refundForm th { min-width:100px }




.signatureTextBox { width:120px !important; }


.LicenceSearchContainer { }

/* Marked for deletion 3/18/2013
.vendorStubEntryForm label { width:120px; text-align:right; display:inline-block; margin-bottom:8px;}
.vendorStubEntryForm input[type="text"] { margin-right:0px;  }
.vendorStubEntryForm input[type="checkbox"] { margin-left:15px; margin-right:100px; }
*/

.VendorStubAddNewDiv 
{  
    display:inline-block;    
}

.licenceTypeSelectFieldset label { width:80px; margin-bottom:10px; text-align:right; display:inline-block; }
.licenceTypeSelectFieldset select { margin-left:15px; margin-right:0px;  }
.licenceTypeSelectFieldset .yearDropdown { width:60px; margin-right:140px; }

.voidLicenceManagementRepeaterPanel { } 
.voidLicenceManagementRepeaterPanel table { width:100%; border-collapse:collapse; } 
.voidLicenceManagementRepeaterPanel th.left { text-align:left; padding-left:15px;}
.voidLicenceManagementRepeaterPanel td.left { text-align:left; padding-left:15px;}


.AssignAccountNumbersPanel { }
.AssignAccountNumbersPanel table { width:100%; border-collapse:collapse; margin-bottom:10px;}
.AssignAccountNumbersPanel table th { background-color:#005596; color:#FFF;}
.AssignAccountNumbersPanel table th.leftText, .AssignAccountNumbersPanel table td{ padding-left:20px; }  
.AssignAccountNumbersPanel  .repeaterRow input[type="text"] { width: 170px !important; }

.issueGSCLicenceRepeaterTable {width:100%; }

.otherAnglersDiv {  }
.otherAnglersText { margin-bottom:-30px; margin-left:15px; }



/*Returns Common Parts*/
.licenceReturnTable { border-collapse: collapse;}

.licenceReturnTable th { 
	height:20px; 
	width:90px;} 

.licenceReturnTable td input[type="text"] {     
	width: 75px; }

.licenceReturnTable td select {    
	max-width: 130px;
	min-width: 130px;
	text-align: center;
	width: 130px !important; }

.columnAutoWidth { width:auto !important; }


/*BlackBear Licence Returns*/

/* MARKED FOR DELETION - 1/3/2013
.blackBearRetunFieldset { }
.blackBearRetunFieldset label { }
.blackBearRetunFieldset input { }
.blackBearRetunFieldset .smalltext { }
.blackBearRetunFieldset .longtext { }

.returnSubsection { margin-top:5px; }
.returnSubsection .subSectionLabel { font-weight:bold; color:#005596; }

#morelessdiv { margin-left:20px; margin-top:20px; }

.wideTableCell { width:100px;}
.wideTableCell input { width:90px;}

*/

/*Coyote Licence Returns*/
/*
.CoyoteReturnFieldset {}
.CoyoteReturnFieldset label {width:120px; display:inline-block; text-align:right;}
.CoyoteReturnFieldset input {  }
.CoyoteReturnFieldset input[type="checkbox"] {  margin-left:0px;  margin-right:133px;}
*/

/*Caribou*/
.CaribouReturnFieldset label {display:inline-block; width:120px; text-align:right; margin-bottom:8px;}
.CaribouReturnFieldset input[type="checkbox"] { margin-right:130px;}

/*Small Game Return*/
/*block on lower left of page*/
.smallGameShootingEffort { 
	display:inline-block;
	margin-right: 76px;}

/*block on lower right of page*/
.smallGameReturnSnareSection { 
	display:inline-block; 
	margin-right:200px;
	width: 245px; }
.smallGameReturnSnareSection label {  
	display: inline-block;
	margin-bottom: 5px;
	text-align: right;
	width:160px !important; } 
.smallGameReturnSnareSection input { width:70px; text-align:center; }


.sendLicenceTable { border-collapse: collapse; width:100%; margin:20px 0px 20px 0px;} 
.sendLicenceTable thead th { background-color: #005596; border: 1px solid #005596; color: #FFFFFF; height: 25px; padding-left: 10px; }
.sendLicenceTable td { padding-left:10px;}

.transferMessage { 
	background-color: #FFFFE4;
	border: 1px solid #A8B047;
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;}

.voidLicenceEntry { background-color:#CC9999 }

/* User Accounts Section
-------------------------------------*/
.userSecurityQuestionsTable { width:99%; margin:10px 0px 10px 10px; }

/*  Reports Section
-------------------------------------*/
.reportSection { border-top: 1px solid #005596; margin-bottom: 10px; width: 80%;}

.reportsMainPanel .reportParentLink { line-height:20px; }
.reportsMainPanel .reportParentLink img { margin-right:5px; }
.reportSubSection { margin-left:20px;}
.reportPanel { margin-bottom:10px;}
.reportPanel label { margin-left:10px; }
.reportPanel label input { margin-left:5px; }
.reportPanel label select { margin-left:5px; }
.reportPanel label checkbox { margin-left:5px; }
.reportLabel { }
.reportLabel select { margin-left:5px; }
.lblDate input{ margin-right: 5px; text-align: center; width: 96px; }

.reportSectionHeader {   color: #005596; font-size: 18px; font-weight: bolder; width: 200px; }

/*  Inventory Overview 
-------------------------------------*/
.overviewGridView { 
	border:1px solid #eee; 
	text-align:Left; 
	}

.overviewGridView tbody th {  
background-color:#005596; 
border:1px solid #005596;  
color:#FFF; 

height:75px;
min-width: 62px;
padding-left:10px; 
text-align:center; 
}

.overviewGridView tbody td {  padding:0px; padding-left:10px; line-height:25px; border:none;  } 

.gscLocationGrid { width:160px !important; float:left; }

.gscOverviewData { width:751 !important; overflow-y: none; overflow-x: scroll; }
.gscOverviewData table { margin:0px; }


.transferContainer { width:440px; }
.radioBtn { display:inline-block; margin-left:100px; margin-bottom:10px;} 
.transferContainerLabel { min-width:150px; display:inline-block; text-align:right; margin-bottom:10px;} 
.sendRecieveInput { margin-left:10px;}

.excessiveLevel { color:green;}
.normalLevel { color:black; }
.lowLevel { color:orange; }
.criticalLevel { color:Red;}

.GSCInfoDetail { }
.GSCInfoDetail span{  width:100%; display:inline-block;}


/*  Inventory - Send Licences
-------------------------------------*/
.destinationGSCLabel { font-weight:bold; color:#005596; }

.sendLicenceTable { border-collapse: collapse; width:100%; margin:20px 0px 20px 0px;} 
.sendLicenceTable thead th { background-color: #005596; border: 1px solid #005596; color: #FFFFFF; height: 25px; padding-left: 10px; }
.sendLicenceTable td { padding-left:10px;}
.voidLicenceEntry { background-color:#CC9999 }


/* ------------------------------------- ORDERS --------------------------- */
.vendorOrderSearchPanel {}
.vendorOrderSearchPanel fieldset{
		width: 350px;
	 }
.vendorOrderSearchPanel fieldset label {
		display: inline-block;
		margin-top: 10px;
		text-align: right;
		width: 120px;
	}

.vendorOrderSearchResults td { } 
.vendorSearchActions { width:160px; }
.vendorSearchActions a { margin-right:5px; }

.lblAddress { 
	vertical-align:top !important;
}

.txtAddress { 
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:1em;
	background-color: #EEEEEE;
	color: #111111;
	cursor: default;
	max-height:75px;
	max-width:138px;
	min-height:75px;
	min-width:138px;
	}

.licenceHistoryPanel h3 { margin-bottom:10px; margin-top:10px; }
.complianceGoodStanding { font-weight:bold; color:#00BB00;}
.complianceBadStanding { font-weight:bold; color:#CC5555;}

#vendorAllowanceSection .buttonFooter { margin-top:15px;}

.vendorOrderFormEntryFields { margin-top: 10px; }
.vendorOrderFormEntryFields label { width:120px; display:inline-block; text-align:right; }
.vendorOrderFormEntryFields input  { width:120px; margin-right:15px; margin-bottom:5px;}
.vendorOrderFormEntryFields select { min-width:123px; margin-right:15px; margin-bottom:5px;}

.newVendorEntry { }
.newVendorEntry label { display: inline-block; text-align: right; width: 200px; margin-bottom:10px; }
.newVendorEntry span { }
.newVendorEntry input[type="text"] { }
.newVendorEntry input[type="checkbox"] { margin-left: 0; margin-right: 133px; }
.newVendorEntry .longTextbox {  margin-right: -33px; width:175px;}

.addressSection { float:right; margin-right:190px;}
.addressSection { display:inline-block; width:360px;}
.addressSection label {  display: block;  float: left; width:172px;}
.addressSection textarea { float:right; margin-bottom:10px;}

/*
.vendorComplianceOverride label { clear: left; float: left; margin-bottom:5px;}
.vendorComplianceOverride input[type="text"], .vendorComplianceOverride select { float:left; clear:left; margin-left:10px; margin-bottom:5px;}
.vendorComplianceOverride textarea { width:95%; margin-left:10px; margin-bottom:10px;}
*/

.vendorDeletePanel label { display:inline-block; width:100px; text-align:right;}

.greyedVendorInfo label { display:inline-block; width:100px; text-align:right;}

/*CREATE A NEW STANDARD FORM -- THIS IS NOT SAME AS OTHERS*/
.standardForm { }
.standardForm label { width:150px; text-align:right; display:inline-block; margin-bottom:5px;}
.standardForm input[type="text"] { min-width:150px; display:inline-block; }
.standardForm select { min-width:154px;  display:inline-block; }
.standardForm input[type="file"] { min-height:24px; padding-top:0px;  vertical-align:top;}



/*Management*/
.managementPage a{ }

.roleSelectionDiv { margin-top:10px;}
.roleSelectionDiv input[type="checkbox"] {  }
.roleSelectionDiv label { text-align:left !important; width:196px !important;}

.gscSelectionList { margin-top:10px;}
.gscSelectionList input[type="checkbox"] {  }
.gscSelectionList label { text-align:left !important; width:196px !important;}

.addSystemuser {}
.addSystemuser label { width:120px; display:inline-block; text-align:right; margin-bottom:8px;}
.addSystemuser input[type="textbox"] { }

/*GSC Management*/
.gscManagement label { width:185px; text-align:right; display:inline-block; margin-bottom:5px;}
.gscManagement input { min-width:150px; display:inline-block; }
.gscManagement select { min-width:150px;  display:inline-block; }
.gscManagement input[type="file"] { min-height:24px; padding-top:0px;  vertical-align:top;}

.gscReorderLevelPanel input.newReorderPoint { max-width:40px !important; }



/*Zones*/
.zoneIdTextBox { width:30px; text-align:center; }
.zoneGridview { margin-bottom:15px; }


/*Internet Piece ONLY*/
.OrderDetails { }
.OrderDetails label { width:120px; display:inline-block; text-align:right;}
.OrderDetails span  { width:120px; display:inline-block; text-align:right; }
.OrderDetails input[type="text"] { }
.OrderDetails input[type="radio"] { }
.totalRow { background-color:#D4E2EE; font-weight:bold}

.optionFieldset span { width:50px !important; }
#mailOptionFieldset { width:120px; padding:0px 5px 5px 5px; display:inline-block; margin: 0px 20px 0px 20px;}
#mailOptionFieldset label { display:inline !important; }

#paymentOptionsFieldset { width:10%;  padding:0px 5px 5px 5px; display:inline-block;}
#paymentOptionsFieldset .aspNetDisabled { margin:0px; width:10px !important;}

.editVendorInfo { }
.editVendorInfo label { width:120px; display:inline-block; text-align:right; margin-bottom:8px;}
.editVendorInfo span  { margin-bottom:8px; }
.editVendorInfo input[type="checkbox"]  { margin-right:155px; }
.editVendorInfo .addressSection { display: inline-block; width: 330px !important; margin-right:0px;}
.editVendorInfo .complianceLabel { width:120px; display:inline-block; text-align:right; }
.editVendorInfo .complianceStatus { width:125px; display:inline-block; }

.newUserForm { width:400px; }
.newUserForm label { width:150px; text-align:right; display:inline-block; margin-bottom:8px; margin-right:8px;}
.newUserForm input {   }
.newUserForm select{ width:147px; }
.newUserForm .postalCodeBox { width:61px; margin-right:100px }


.userInfoPanel label { width:120px; display:inline-block; text-align:right;}

.CaptchaImage { border:1px solid #eee; margin-left:30px; }
.YouthMCPDLSignupFieldset { width:270px; margin-left:30px; margin-bottom:10px; }
.YouthMCPDLSignupFieldset label { width:107px !important; }

.privacyNoticePanel { margin-top:200px; }

.loginInfoPanel { padding:50px 20px 20px 20px; }

/*Online Survey
-----------------------------------------*/
.importanceText { width:84%; min-height:20px;}
.importanceText span { display:inline-block; width:120px; }
.importanceText span.left { float:left; }
.importanceText span.right { float:right;}

/*
.surveyRadioButtons { margin-bottom:20px; }

.surveyRadioButtons tr { display:inline-block; }
*/

.surveyForm fieldset { margin-bottom:20px; }
.surveyForm fieldset legend { color:Black;}
.surveyRadioButtons label {width:100px; display:inline-block; }

.surveyAnswerPanel { }
.surveyAnswerPanel label    { text-align:right; width:120px; display:inline-block; margin-bottom:8px;}   
.surveyAnswerBoxDates label { width:88px; display:inline-block; margin-bottom:8px; }

.surveyAnswerPanel input[type="text"] { width:20px; }




/*--------------------------------------------------MODAL POP UP------------------------------------------ */


/*--------------------------------------------------MODAL POP UP------------------------------------------ */

.modalBackground 
{ 
	background-color: Gray; 
	filter: alpha(opacity=50); 
	opacity: 0.50; 
} 
 
.updateProgress 
{ 
	border-width: 1px; 
	border-style: solid;  
	background-color: #FFFFFF; 
	position: absolute; 
	width: 180px; 
	height: 65px; 
} 

 .metricsViewer 
{ 
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	height: 170px;
	padding-top: 20px;
	position: absolute;
	text-align: center;
	width: 280px;
} 



 .ModalPopupBG,
 .ModalPopupBGNoClickQuit
{   
	background: #666699;
	filter: alpha(opacity=40);
	height:100%;
	left:0px;
	opacity: 0.5;
	position:fixed;
	top:0px;
	width:100%;
	z-index:100001;
	

}

.ModalWindow { 
	background-color:#fff !important;
	border:1px solid #BBB;
	padding:0px;
	text-align: center;    
}

.ModalWindow .PopupHeader { 
	background-color:#005596; 
	color:#FFF; 
	padding:8px;
	font-weight:bold;
	text-align: left;
	}

.ModalWindow .PopupBody { 
	 padding: 0 8px;
}

.ModalWindow .Controls { 
	padding-bottom: 8px;
	
	}

    
.btnReprintReceiptAdminAltered {
    margin-left: 342px;
    margin-top: -24px;
    position: absolute;
}

.btnReprintReceipt { 
	margin-left: 627px;
	margin-top: -24px;
	position: absolute;
	}



.refundConfirmForm td{ 
	padding-left: 0px !important;

}

.refundTotalsSection {
	border: 1px solid #EEEEEE;
	margin-bottom: 10px;
	padding: 10px 20px 10px 10px;
	text-align: right;
}


.refundTotalsSection span{
	padding-bottom: 2px;
	padding-left: 35px;
	padding-top: 2px;
	text-align:center;
	
} 

.OrderSearchORLabel {
	display: block;
	margin: 18px 10px 10px 125px;
}

.complianceOverride { 
	padding:10px;    
}

.complianceOverride label { 
	display:inline-block;
    vertical-align:top;	
	text-align:right;
	width:120px;
}

.complianceOverride select{ 
    margin-right: 57px;
	vertical-align:top;	
}

.overrideReasonDescription{ 	
	height: 55px;
	width: 389px;
}


.enterVendorStubAddNew
{
	height: 135px;
	width: 340px;
}

.vendorStubSearchContainer
{ 
	width: 400px;
}


.InlineDiv { display: inline-block; }

.CaptchaWrapper  { margin-left:90px !important; width:auto !important;} 

.searchResultsLabel {
    color: #555555;
    display: block;
    font-style: italic;
    margin-bottom: 10px;
    margin-top: 10px;
     }
.tooManyResultsSection { 
    border: 1px solid #CCCCCC;
    padding: 10px 10px 10px 30px;
}

.licenceCostNextUpdate { 
    display:block;
    margin-top: 4px;
    min-width:150px;
    max-width:150px;
    width:150px;
    }
    	
.rowHightlight {  
    border: 2px solid #7DA8CA;
    
}