/******************** tags ********************/
body
{
	background-color: #fff; 
	font: 11px Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}

p
{
	margin:0px;
	margin-bottom: 10px;
}

sup
{
	font-size:70%;
}

input, select, option
{
	font-family: arial;
	font-size: 11px;
}

select
{
	width:225px;
}

table
{
	font-family:arial;
	font-size:11px;
}
/******************** identifiers (id) ********************/
#page
{
	float: left;
	margin: 0px 0px 2px 1px;
	padding:0px;
	width: 745px;
}
#help
{
	width:100%;	
}

#header
{
	float:left;
	margin-bottom:15px;
	width:100%;
}

#container
{
display:flex;
background-color:#e5e5e5;
}

#container #content
{
background-color:#ffffff;	
width: 990px;
padding-right: 10px;
padding-left: 10px;
padding-top: 7%;
margin: 0 auto;
}

.pickupAppHeader
{
	width: 100%;
	float:left;
	clear:right;
}

.pickupAppTitle
{
	color:#660099;
	float:left;
	font-size:20px;
	width:50%;
}

#appHeader
{
	float:left;
	margin-bottom: 10px;
	width:100%;
}

#appHeader #appTitle
{
	color:#660099;
	float:left;
	font-size:18px;
	width:50%;
}

#appContent
{
	border-color:#666666;
	border-style:solid;
	border-width:13px 1px 1px;
	float:left;
	width: 100%;
}

#columnLeft
{
	float:left;
	padding-left:10px;
	width:47%;
}

#columnRight
{
	float:right;
	padding-right:10px;
	width:48%;
}

#pickupColumnLeft {
	float:left;
	padding-left:10px;
	width:47%;
}

#pickupColumnRight {
	float:right;
	padding-right:10px;
	width:49%;
}

.pickupTitle {
	float:left;
	width:100%;
}

#pickupTitleColumnRight {
	float:right;
	width:49%;
}

#instructions
{
	float:left;
	width:100%;
	margin: 15px 0px 0px 0px;
}

#instructions p
{
	margin: 0px 0px 0px 0px;
}

#instructions ul 
{
	list-style-type: disc;
	margin: 0 0 0 16px;
	padding:0px; 
}

#instructions li
{
	margin-left:0px;
	padding:0px;
}

#content ul, #content li, #content div
{
	box-sizing: unset !important;
}

#footer
{
	color:#660099;
	float:left;
	font-size:11px;
	margin-top:25px;
	width:100%;
}

#footer a
{
	color: #660099;
	text-decoration: underline;
}

#content ul
{
margin-top:0px;
margin-bottom:0px
}
#content a:link, #content a:active {
 color: #660099;
}
 #content a:visited {
  color: #993399;
}
/******************** classes ********************/

.contentColor{
    color: #000000;
    font: 11px Arial, sans-serif;
}

.fullWidthContent
{
	float:left;
	margin-left:13px;
	margin-right:13px;
	width:95%;
}

.fullWidthContent2
{
	float:left;
	padding-left:10px;
	width:95%;
}

.pickupFullWidthContent {
	float: left;
	width: 100%;
}

.pickupFullWidthContentPadding {
	float: left;
	width: 100%;
	padding-top: 10px;
}


.completePickupFullWidthContent {
	float: left;
	width: 100%;
}

.pickupFooter {
	float: left;
	padding-left: 0px;
	padding-bottom: 10px;
	width: 100%;
}

.pickupHeader {
	float: left;
	padding-left: 15px;
	width: 100%;
}


.hideInitially{
	display: none;
}

.appName
{
	color:#660099;
	float:left;
	font-size: 15px;
	font-weight:bold;
	margin: 7px 0px 0px 0px;
	width:99%;
}

.buttonPurple
{
	background: #660099 url(/images/ascend/shared/nxgen/bg_button_purple.gif) repeat-x; 
	border: 1px solid #ccc; 
	color: #fff; 
	font-size: 12px; 
	font-weight: bold; 
	height: 20px;
	padding: 0; 
}

.buttonGray
{
	background: #666 url(/images/ascend/shared/nxgen/bg_button_gray.gif) repeat-x;
	border: 1px solid #ccc;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	padding: 0;
}

.completPickupColumLeft {
	float: left;
	width: 100px;
}

.completePickupColumnRight {
	float: left;
	width: 120px;

}

.pickupFloatLeft {
	float: left;

}
.pickupFloatRight {
	float: right;

}

.buttonRow {
	float: right;
	width: 100%;
}

.displayButton {
	float: right;
	padding-top: 10px;
	padding-right: 1px;
}


.fullWidth
{
	float:left;
	width:99%;
}

.fullWidth ul, #appContent ul li
{
	margin:0px;
	padding:0px;
	width:98%;
}

.pickupAlertIcon
{
	background: transparent url(../images/Important_Lt_Gray.gif) no-repeat scroll 0%;
	color: #660099;
    height: 20px;
	width: 20px;
    float: left;
}


.pickupRedAlertIcon
{
	background: transparent url(/images/icon-alert-red.gif) no-repeat scroll 0%;
	color: #FF0000;
    height: 20px;
	width: 20px;
    float: left;
}


.pickupAlertIconPosition {
	clear: left;
	float: left;
	padding-top: 5px;
	padding-bottom: 8px;
	padding-right: 5px;
	padding-left: 5px;
	width: 2.5%;
}
.pickupAlertMessageText:focus
{
	outline:1px dashed #660099;
}

.pickupAlertMessageText {
	color:#660099;
	font-size:11px;
	font-weight:normal;
}

.pickupAlertText {
	color:#660099;
	font-size:12px;
	font-weight:bold;
	white-space: nowrap;
}


.pickupRedAlertText {
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
	white-space: nowrap;
}

.pickupRedAlertMessageText {
	color:#FF0000;
	font-size:11px;
	font-weight:normal;
}


.pickupAlertTextPosition {
	float: left;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-right: 5px;
	min-width: 6%;
}

.pickupErrorText {
	color: #FF0000;
	font-size:11px;
	font-weight: bold;
}

.pickupError {
	clear: both;
	float: left;
	padding-top: 0px;
	padding-left: 3px;
	padding-bottom: 8px;
}
.pickupStepsContent {
	float: left;
	padding-top: 12px;
	padding-left: 3px;
	padding-bottom: 8px;
	width: 100%;
}

.pickupContent {
	float: left;
	padding-top: 12px;
	padding-left: 8px;
	padding-bottom: 8px;
	width: 100%;
}

.pickupStepsContent {
	float: left;
	padding-top: 12px;
	padding-bottom: 8px;
	width: 100%;
}

.pickupContentLeft {
	float: left;
	padding-top: 10px;
	padding-bottom: 5px;
	width: 48%;
}

.pickupContentRight {
	float: left;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: right;
	width: 99.9%;
}

.pickupClearFieldsLink
{
	color:#660099;
	font-size:11px;
	font-weight:normal;
	/* Added below two line on 07-29-2011 by 838334 */
	text-decoration: underline;
	cursor: pointer;
}

.pickupHistoryAlert
{
	background: #f5f5f5;
	border: solid 1px #8B50A8;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 97.5%;
}

.pickupMessageText {
	clear: right;
	float: left;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-right: 5px;
	max-width: 80%;
}

.pickupSteps  {
    display: inline;
    float: left;
    margin: 0 15px 0 0;
    padding-top: 0;
    height: 17px;
    font-size: 11px;
}

.pickupSteps span {
    padding: 0 6px 0px 5px;
    font-size: 11px;
}

.pickupStepsOn {
    background: transparent url(/images/ascend/shared/nxgen/icon_step_on.gif) no-repeat;
    height: 10px;
    color: #660099;
    font-weight: bold;
    padding-bottom: 5px;
    padding-right: 8px;
}

.pickupStepsOn  span {
    color: #fff;
    padding-bottom: 5px;
}

.pickupStepsOff {
    background: transparent url(/images/ascend/shared/nxgen/icon_step_off.gif) no-repeat;
    height: 10px;
    color: #666;
    padding-bottom: 5px;
}

/*****************help menu position************/

.pickupHelp
{
	width: 730px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	text-decoration:none;
	top:20px;
}

.pickupAppNav
{
   clear:both;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

.loginLogoutContainer{
 float:right;
 padding: 2px 0px 0pt 0px;
 width: 130px;
}
.loginLogoutTitle {
 float: right; 
 height: 20px;
 margin-left: 0;
 padding-left: 5px;
 padding-top:2px;
 text-decoration: none;
}
.loginLogoutIcon
{
 cursor: pointer;
 background-repeat: no-repeat; 
 background-image: url(/images/ascend/shared/icons/icon_securelogin.gif);
 
 float: right;
 height: 20px;
 margin: 0pt;
 padding: 0pt;
 text-decoration:none;
 width: 18px;
}

/* Added new style on 07-29-2011 by 838334 */

.loginLogoutTitleLink 
{
 color:#660099;
 float: right; 
 height: 20px;
 margin-left: 0;
 padding-left: 5px;
 padding-top:2px;
 text-decoration: underline;
 cursor: pointer;
}


/* Freight 2 Integration addition */
.freightPickupFullWidthColumn {
	clear:left;
	float:left;
	padding-right:15px;
	padding-left:15px;
	width:95.8%;
}

.freightloginTitleLink 
{
 color:#660099;
 float: none; 
 margin-left: 0;
 padding-left: 5px;
 padding-top:2px;
 text-decoration: underline;
 cursor: pointer;
}

.freightWelcomeText 
{
 float: none; 
 margin-left: 0;
 padding-left: 5px;
 padding-top:2px;
 
}
.list_of_classes{
	
}

.listofclasses{
	border:none;
}

/* required todo ADA set focus on element start*/
.ui-hidden-accessible {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

 *:focus,* a:focus, * div:focus, * select:focus, * input[type='radio']:focus, * h1:focus, * input[type='checkbox']:focus, * input[type='button']:focus, * input[type='submit']:focus, #header a:focus { 
 	outline:1px dashed #4d148c !important
 }

.adalabel label{
	display: block;
}

.adaButtonWrapper,.adaButtonWrapperArrow {
    width: 100%;
    padding: 0;
    margin: 0;
    background: none;
    border: 0;
    font-size: 11px;
    text-align: left;
    cursor:pointer
}
.adaButtonWrapper:hover, .adaButtonWrapper:focus { 
	background-color: #660099;
	color: #fff;
}

.ui-hidden-accessibleH1 {
	font-size: 1%;
    color: transparent;
    z-index: -99;
    position: absolute;
}
a img {border: none;} 

	 * a:focus,* div:focus, * input[type='radio']:focus, * input[type='text']:focus, * h1:focus, * input[type='checkbox']:focus, * input[type='button']:focus, * input[type='submit']:focus,  * button[type='button']:focus #header a:focus { outline:1px dashed #4d148c !important} 

.adaButtonWrapper .menuItemDivWithItemsDown, .adaButtonWrapper .menuItemDivWithItemsUp { background-color:transparent}
.ADATTIcon, a img { border:0px !important}
.mainMenuBarItemHighlighted button div { color:#fff !important}
.adaPositionRelative {position:relative}
.adaPositionRelative.helpMenuItemsContainer { left: auto !important; right:0}
/* required todo ADA set focus on element end*/
.calendarWindow{
	height:auto !important;
}