body {	font-family: Arial, Helvetica, sans-serif;	
      	font-size: 16px; 
      	color: #808080; 
      	margin: 0px; 
		/*padding:0;*/
      	background-color: #eae9e9;
      	/*background-color: #ffffff;*/
      	 }
input, textarea
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	text-indent:6px;
    color: #777777;
    border: 1px #aaaaaa solid; 
}

/***  Styled Text Boxes ***/

.halfInput
{
	float: left;
	width: 299px;
	margin-bottom: 13px;
	padding-left: 10px;
}

label.styledTB 
{
	-moz-transition: margin-top .2s ease;
	-o-transition: margin-top .2s ease;
	-webkit-transition: margin-top .2s ease;
	transition: margin-top .2s ease;

	color: #cccccc;
	font-weight: 100;
	letter-spacing: 0.01em;
	font-size: 17px;
	box-sizing: border-box;
	padding: 15px 15px;
	display: block;
	position: absolute;
	margin-top: -44px;
	z-index: 2000;
	pointer-events: none;
  }


 input[type="text"].styledTB,
 input[type="password"].styledTB, 
 input[type="email"].styledTB
 {
	border: 1px solid #cccccc;
	font-size: 17px;
	box-sizing: border-box;
	padding: 10px 15px;
	border-radius: 3px;
	color: #777777;
	letter-spacing: 0.01em;
	z-index: 1;
 }
  
  input[type="text"].styledTB:valid + label, 
  input[type="password"].styledTB:valid + label,
  input[type="email"].styledTB:valid + label
  {
  	margin-top: -55px;
  	color: #cccccc;
	background-color: White;
	padding: 0px;
	margin-left: 15px;
  }
    
  
  input[type="text"].styledTB:focus + label, 
  input[type="password"].styledTB:focus + label, 
  input[type="email"].styledTB:focus + label
  {
  	margin-top: -55px;
  	color: #cccccc;
	background-color: White;
	padding: 0px;
	margin-left: 15px;
  }
  
  /**** END STYLED TEXT BOXES! These are the same in eAssets and GM Account Management ***/

#LoginBoxDiv { width: 300px; }
.clearBoth { clear: both; }
.floatLeft { float: left; }
.floatRight {float: right;}
.paddingLeft5px { padding-left: 5px; }
.minHeight450 {height:auto; min-height:450px;}
.siteTitle{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align:left; margin-left: 20px; float: left;}
.siteTitle14{font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align:left; margin-left:25px;}
.siteSubTitle{font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align:left; margin-left: 25px; margin-bottom:10px;}
.marginLeft25 {margin-left:25px;}
.marginBottom50 {margin-bottom:50px;}
.marginTop10 {margin-top:10px;}
.ReDesignFont12 {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.ReDesignFont14 {font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.ReDesignFont16 {font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
.TopSubmenuBox {position: relative;}
.TopSubmenuInnerBox {position: absolute;top: -85px; right: 49px;}
.ValidationMessage {float:left; margin-left:30px; font-family: Arial; font-size:14px;color:Red;}

.errorMsg { font-weight:lighter; color: red; font:10px;}
.sticky-element {}

/* AdminMenu */
#AdminMenuDiv {}

/*individual menu */
#individualMenuDiv {margin-top:25px;}

/* ePortReDesign header */
#topGrayHeader { width: 100%; background-color: #c0c0c0; box-shadow: 3px 3px 8px #888888; height: 136px; text-align: center; margin: auto; }
 /*Changed to fit larger Kaiser Logo*/
#ePortTopBox {  margin: auto; position: relative;/* need this for the shadow to overlap the body divs */z-index: 2; width: 1072px; height:/* 257px; */ 157px; background-color: White; box-shadow: 0px 3px 8px #888888; text-align: left; }
.ePortLogo{ float: left; padding-left: 58px; margin-top: /*40px;*/ 10px;} /*Changed to fit larger Kaiser Logo*/
#ePortMenuBox { float: right; margin: auto; padding-top: 80px; /*padding-top:1px;*/padding-right: 40px;}
#ePortMenuBox a { text-decoration: none; color: #808080; }

/* ePortReDesign Main Content */
#mainContent { width: 1000px; margin: auto; background-color: White;position: relative; z-index: 1; } 
#contentBckgrd { width: 1040px; margin: auto; background-color: White;position: relative; z-index: 1;} 

/* ePortReDesign Item paging details */
.ItemPerPageLeft {float: left; font-size: 14px; color: #777777; text-decoration: none; text-align: left; padding: 10px; }
.ItemPerPageRight {float: right; text-align: right; font-size: 14px; color: #777777; text-decoration: none; padding: 10px; }


/* ePortReDesign Footer */
#footerOuter { position: relative; width: 100%; height: 60px; background-color: #808080; padding-top: 0px; box-shadow: 0px 3px 8px #888888; }
#footerInner {  width: 1072px; margin: auto; border:0px solid red;}
#footerImgBox {float: left; padding-left: 60px; margin-top: 7px; }
#footerCopyright {float: right; padding-right: 66px; margin-top: 20px; font-family: "Arial"; font-size: 12px; color: white; z-index: 500; overflow: auto;}

/******* Results.aspx *******/
/* Results.aspx ProductsContainer */
#ProductsContainer {width: 760px; margin-left:auto; margin-right:auto; background-color: #ffffff; border:solid 0px green;}

/* Results.aspx ImageContainer */
.ImageContainer {text-align: center; padding-left: 17px; padding-right: 17px; position: relative;}
.ImageContainer span { position: absolute; visibility: hidden; }
.ImageContainer:hover span { visibility: visible; z-index: 2; height:300px;
    width:300px;
    background-color:#f5f5f5;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align:middle;
    border-width:2px;
    border-color:#d8d8d8;
    border-style:solid;
    background-size: contain;
    cursor: pointer;
    text-align: center;
    
    -moz-border-radius: 3px;
	border-radius: 3px;
	left: -60px;
	top: -75px; }
	.ImageContainer:hover span div { visibility: visible; z-index: 4px; }


/* Results.aspx Menu */
.resultsMenu {/*padding-left:10px;*/}
.ResultsPageCentering { width:760px; margin: auto; text-align: center; }


/******* Login.aspx *******/
/* Login.aspx images*/
#img_top {margin-top:30px; width: 653px; height: 378px; box-shadow: 3px 5px 8px #BABABA;}	/* right bottom blur color*/
#img_bottom {margin-top:25px; margin-bottom:25px; width: 653px; height: 177px; box-shadow: 3px 5px 8px #BABABA;}
.errorLabelLogin {font-size:0.9em;FONT-WEIGHT: bold; COLOR: red; width:300px;}
.errorLabelMail {font-size:0.9em;font-weight:bold; color:red;text-align:left;}

/*right column of Login-page*/
.TextBoxDiv {width:299px; height:38px; box-shadow: 3px 5px 8px #BABABA; margin-left:30px; margin-top:14px;}
input[type=text]:focus,
input[type=password]:focus
{
    outline: 2px solid #FEC7A1;  
}

#LoginText {float: left;margin-top: 32px;}
#checkboxWrapper {float:right; margin-right:5px; margin-top:14px; border:solid 1px purple;}
#checkboxDiv {float:left;}
#checkBoxLblDiv {float:left; margin-bottom:10px; margin-left:5px; border:solid 1px yellow;}
#checkboxLabel {font-size:10px; font-family: Arial, Helvetica, sans-serif;}
#rememberCheckBox {}
/* 
.boxClass{border: solid 1px red;}
.boxClass input {background-color:Lime;}
.boxClass label {font-weight:bold;}
*/
#myCheckBox{border:solid 1px blue;}
#LoginBtnDiv {margin-top:25px; border:solid 0px blue; float:right;}

#RequestLoginText {float: left; margin-top: 25px;}	/*  */
#SubmitBtnDiv {margin-top:25px; border:solid 0px blue; float:right;}
#LoginRequestDiv {margin-bottom:30px;}




/******* LoginLanding.aspx *******/
#img_bottom_box {margin-top:11px; margin-bottom:15px; width: 653px; height: 177px; border:solid 0px green;}
.img_bottom {box-shadow: 3px 5px 8px #BABABA; float:left;height:155px; width:206px;}
.subTitleArialNarrow14{font-family: "Arial Narrow", Arial; font-size: 14px; color:#808080; float:left; margin-top:0px;border:solid 0px red;}
.LoginLandingImageBtn {box-shadow: 3px 5px 8px #BABABA; float:left; width: 323px; height: 58px;}
.LandingSubHeader {font-family:Arial, Helvetica, sans-serif; font-size:18px; text-align:left; float:left;}
.LandingText {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#808080;width: 273px; text-align: justify;}
#RightTextAreaDiv {box-shadow: 3px 5px 8px #BABABA; float:left; width: 323px; height: 370px; margin-top:14px; background-color:White; }
#LandingTextWrapperDiv {margin-top:25px; margin-right:auto; margin-left:auto; width: 273px; border:solid 0px red;}
#rightDiv {margin-top:31px;}
#wrapper_right {float:right; padding-left:0px; }
#wrapper_left { float:left; padding-right:5px; }
#CreateNewBrochureDiv {margin:14px 0px 14px 0px;}
#CreateNewBrochure {margin-top:19px; margin-bottom:19px;}

/******* Search.aspx *******/
#OrangeMidDiv {margin:18px 0px 15px 0px;}
#wrapper_images_right {margin-top:0px; margin-bottom:15px;}
#SearchControlBox {box-shadow: 3px 5px 8px #BABABA; width: 500px; background-color:White; border:solid 1px white;}

/* #searchMenuDiv {float:right; text-align:right; margin-bottom:5px; margin-right:-36px; width:100px;} */
.searchMenuDiv {float:right; text-align:right; margin-bottom:5px; margin-right:-36px; width:500px;}
/* #searchControl {margin-top:47px;}*/

/******* controls/SearchCtrl.ascx *******/
.SearchCtrlCBL_Div 
{
	box-shadow: 3px 5px 8px #BABABA; 
	width: 362px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:14px; 
	margin-bottom:20px; 
	text-align: left;
	padding: 20px;
	border-left: 1px solid #F2F2F2;
	border-top: 1px solid #F2F2F2;
}


/******* CreateNewSession.aspx *******/
#CreateNewSessionBox {box-shadow: 3px 5px 8px #BABABA; width: 500px; background-color:White; border:solid 0px green;}
#wrapper_CreateNewSession{}

#CreateCatDepBox {box-shadow: 3px 5px 8px #BABABA; width: 398px; background-color:White; border:solid 0px yellow; margin-bottom:10px;margin-top:30px; margin-left:5px;
                  border-left: 1px solid #EDEDED; border-top: 1px solid #EDEDED;}
.CatDeptTitle{font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align:left; margin-left:7px; margin-top:10px;}
.WhoWhereTitle{font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align:left; margin-left:7px; margin-top:2px;}
#AddBtnDiv {margin-top:5px; margin-left:20px; border:solid 0px blue; float:left;}
#AddBtn2Div {margin-top:5px; margin-left:20px; border:solid 0px blue; float:left;}
.AddMiscLinkDiv { font-family:Arial, Helvetica, sans-serif;font-size:16px; float:left; text-align:left; margin-left:50px;}
#SubmitBtnDiv {margin-top:25px; border:solid 0px blue; float:right;}
#AddMiscLink {font-family:Arial, Helvetica, sans-serif;font-size:16px; float:left; text-align:left; margin-left:50px;}
#StartBudgetBtnDiv {margin-top:20px; margin-right:48px; margin-bottom:10px; border:solid 0px blue; float:right;}
#CNS_DeptGridDiv {margin-bottom:10px;text-align:left; margin-left:11px;}
#CNS_WhosGridDiv {margin-bottom:20px;text-align:left; margin-left:11px;}

.GridDeptWho {}
.GridDeptWho td {border: 1px solid #DADADA!important;}

/* to set a column width. "Align" is not supported in HTML5 */
table.MiscTotalTBRedesign td:nth-child(3) {text-align:right;}	/*Only the 2nd column should be aligned to the right*/
table.MiscTotalTBRedesign th {text-align:left;}
/*table.MiscTotalTBRedesign td {text-align:right;}*/ 
table.MiscTotalTBRedesign td:nth-child(2) {width:15px;text-align:right;}
table.MiscTotalTBRedesign td:nth-child(1) {}
table.MiscTotalTBRedesign {font-size:.9em; border-collapse:collapse;}
table.MiscTotalTBRedesign tr:nth-child(odd) {background: #DCDCDC}
table.MiscTotalTBRedesign tr:nth-child(odd) td{border:solid 1px #DCDCDC;}

table.MiscTotalPopUp {}



/******* LoadSession.aspx *******/
#wrapper_loadSession {width:900px; border:solid 0px green; height:auto; min-height:450px; }
#loadSessionDDDiv {margin-bottom:20px; margin-top:30px;}
#DateFilterListDDDiv {float:left; margin-left:25px;}
#facilitatorFilterBoxDiv {float:left; margin-left:25px;}
#FindSessionsBtnDiv {float:left; margin-left:25px; margin-top:5px;}
#loadSessionGrid {width:100%; }
#loadSessionGridDiv
{
	text-align: center;
	left: 50%;
	margin-left: 70px;
}

         .styled-select {
           width: 250px;   /*width of the first (default) options*/
           height: 44px;    /*Height of the option fields. Make it as big as the height of the arrow-img*/
           overflow: hidden;
           background: url(../images/Search/Arrow.png) no-repeat right #fff;
           /*border: 1px solid #fff;*/
           border-left: 1px solid #F2F2F2;
           border-top: 1px solid #F2F2F2;
           border-right: 0px solid #F2F2F2;
           border-bottom: 0px solid #F2F2F2;
           box-shadow: 3px 5px 10px #BABABA;
           margin-bottom:17px;
           }     

        .styled-select select {
           background: transparent;
           width: 275px; /*width of the options that extend after clicking the arrow. Make it wide enough to not see the underlying checkbox in FF*/
           padding: 5px;
           /*font-family:'Arial Narrow', Arial, Helvetica, sans-serif;*/
           /*font: 16px/90px 'Arial Narrow', Arial,Helvetica, sans-serif; font-stretch: condensed;*/
           font-family: Arial, Helvetica, sans-serif;
           font-size: 16px;
           line-height: 1.1em;
           border-left: 1px solid #F2F2F2;
           border-top: 1px solid #F2F2F2;
           border-right: 0px solid #F2F2F2;
           border-bottom: 0px solid #F2F2F2;
           /*border: 0;*/
           border-radius: 0;
           height: 44px;
           -webkit-appearance: none;
           outline: 1px solid #fff;  
           overflow:hidden;
		   color: #777777; 
           }

/******* administration/AccountLogViewer.aspx *******/
#map{box-shadow: 3px 5px 8px #BABABA; width:600px;}
           
/******* administration/SavedSessionManagement.aspx *******/
#topGridViewDiv{box-shadow: 3px 5px 8px #BABABA; width:785px;}
#BottomGridViewDiv {box-shadow: 3px 5px 8px #BABABA; width:930px;}

/******* CompanyMgmt *******/
.MgmtTblBox {margin-left:25px; margin-bottom: 15px;}


/******* CompanyMgmt/ManageCompanies.aspx *******/
#companyMgmtBox {box-shadow: 3px 5px 8px #BABABA; width:450px; margin-left:25px; float:left; text-align:left;background-color:White!important;}
#CompanyMgmtGridDiv {box-shadow: 3px 5px 8px #BABABA; width:790px;}

/******* CompanyMgmt/ManageEPortLogins.aspx *******/
#EportLoginGridDiv {box-shadow: 3px 5px 8px #BABABA; width:930px; float:left;}

/******* CompanyMgmt/SearchLogging.aspx *******/
.RadShadow {box-shadow: 3px 5px 8px #BABABA; width:390px; height:300px; background-color:#F7F7F7;}


/******* CompanyMgmt/ActivityLogging.aspx *******/
.searchMenuBottomDiv {float:right; text-align:right; margin-bottom:0px; margin-right:-39px; width:100px;}
.RadShadowActivityLog {box-shadow: 3px 5px 8px #BABABA; width:400px; height:300px; background-color:#F7F7F7;}
#wrapper_LogViewer {height:auto; margin: auto; text-align: center;}
#ActivityStatsDiv {margin-bottom:50px;}

/******* CompanyMgmt/SearchLoggingExpanded.aspx *******/
.RadShadowSearchExpanded {box-shadow: 3px 5px 8px #BABABA; width:400px; height:300px; background-color:#F7F7F7;}

/******* EditSession.aspx *******/
#EditSessionTblDiv {float:left;text-align:left;}
.editLabelReDesign {float:left; margin:5px;width:100px; text-align:left;font-size:0.9em;}
.editLabelwideReDesign {float:left; margin:5px;width:300px; text-align:left;font-size:0.9em;}
.saveBtn {float:right; margin-right:14px; margin-top:15px; margin-bottom:10px;}
#CatDeptWhoWhereBox {box-shadow: 3px 5px 8px #BABABA; width: 398px; background-color:White; border:solid 0px yellow; margin-bottom:10px;margin-top:15px; margin-left:5px;
                  border-left: 1px solid #EDEDED; border-top: 1px solid #EDEDED;}

/******* AddCustomItem.aspx *******/
#AddCustomItemTblDiv {float:left;text-align:left;}


/******* Shoppingcart.aspx *******/
.QuotePageReDesign {color: #808080;}
#QuoteHeaderDiv {float:left;}

.cartHeaderReDesign{padding:5px; font-weight:bold;color:#808080; text-align:left;border-width:1px;border-top-width: 0px;
    border-style:solid;border-color:#949494;background-color:#EEEEEE; font-family:Arial, Helvetica, sans-serif;font-size:0.9em; vertical-align:top;}

.cartTextReDesign{color:#808080;}

.cartTextBoldReDesign{color:#808080;font-weight: bold;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;}

.cartCellReDesign{padding:5px;color:#808080;text-align:left; vertical-align:top;border-width:1px;border-style:solid;
    border-color:#949494;background-color:white;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;}
    
 /*.zIndexPopup{   position: relative; z-index:100;    }*/
    

    
/******* Header *******/
.QuoteHeaderReDesign{color:White;background-color:#949494; border-right:solid 1px #949494;/*width:100%;*/padding: 5px;height:1.1em;font-weight:bold;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;}
    
.QuoteBoxContentReDesign{padding: 5px;/*height: 1em;*/color:#808080;background-color:White;font-weight:normal;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;}

.QuoteTitleBarReDesign{background-color:#949494;text-align:right;color:White;font-weight:bold;padding:5px;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;}

#TypeDescriptionDiv {text-align:left;padding:5px;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;color:#808080;}

#cartRepeaterDiv {box-shadow: 3px 5px 8px #BABABA; width:900px;}

/******* ViewPhoto *******/
#viewPhotoTableDiv {box-shadow: 3px 5px 8px #BABABA; width:810px;}

/******* AddToCartControl *******/

.collapsePanelHeaderReDesign h2 
{	
    text-align: left;
    /*Redesign*/
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 2px;
}

.collapsePanelBodyReDesign
{
    overflow: visible;   
    /*Redesign*/
    margin-left: 2px;
}

.collapsePanelHeaderReDesign a {
    color: White;
}

/****** Add Quick Item Control *******/
.modalPopupLabel { color: #aaaaaa; float: left;  text-align: left; padding-left: 20px; width:140px; }
.modalPopupLabel select { color: #aaaaaa; width: 193px; border: solid 1px #aaaaaa; }
.modalPopupLabel input { color: #aaaaaa; width: 190px; }
.modalPopupLabel textarea { color: #aaaaaa; width: 188px; }
.centeredDiv { margin: auto; width: 400px; line-height: 1.8;}
/***************************** slider ****************************/

.slider {
float:left;
width:653px;
height:378px;
position:relative;
padding-bottom:26px;
}

.sliderContent {
float:left;
width:653px;
height:378px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(../images/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}

.prev {
background-position:0 0;
left:15px;
}

.prev:hover {
background-position:0 -44px;
}

.next {
right:15px;
background-position:-44px 0;
}

.next:hover {
background-position:-44px -44px;
}

.sliderContent .item {
position:absolute;
width:653px;
height:378px;
background:#fff;
}

.sliderBullets {
position:absolute;
bottom:0;
left:50%;
z-index:50;
margin-left:-45px;
}

.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(../images/bullets.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -11px;
}

.sliderContent a {
outline:none;
}

a img {
border:none;
}


/********************* Begin GmStyles.css **************************/

a			{ color: #777777; }
a:hover		{ /*font-size: 12px;*/ color: #777777; text-decoration: none; }
a.link1		{ text-decoration: none; }


.repeaterLinks a { font-size: 12px; text-decoration: none; padding: 5px; }
.repeaterLinks a:hover { color: #ff6600; }
a.arrowCursor:hover { cursor: default; }

ul, li { margin-bottom: 0px; padding-bottom: 0px; padding-top: 0px; margin-top: 0px;}

.grid		{ display: table; }
.row		{ display: table-row; }
.smallText	{ font-size: 10px; }
.cell		{ display: table-cell; text-align: left; vertical-align: top; }

#overlay {
    width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: url('../images/overlay.png') repeat 0 0;    
    text-align: center;
}

#overlay-panel	{ margin:20% auto 0 auto; width: 350px; background: #ffffff; }

.salutation { font-size: 10px; color: #eeeeee; text-align: right; position: relative; z-index: 5px; left: -30px; top: 5px; height: 0px; }

.boxFill		{ font-family: Arial, Helvetica, sans-serif !important; font-size: 12px; color: #777777; width:190px;}
.linkText		{ color: #777777; }

.AreaCode		{ WIDTH: 36px }
.Prefix			{ WIDTH: 36px }
.Postfix		{ WIDTH: 38px }

.itemPrevious { position: relative; top: 200px; left: -475px; }
.itemNext { position: relative; top: 200px; left: 475px; }
.itemPreviousDisabled { position: relative; top: 200px; left: -475px; src: url('images/PreviousDisabled.png');  }
.itemNextDisabled { position: relative; top: 200px; left: 475px; src: url('images/NextDisabled.png'); }

.theTitleBG
{
    background-image: url(../images/LetterHeadMD.jpg) !important;
    background-repeat: repeat-x !important;
    width: 100%;
}

.largeTextDetail
{
	color: #ff6900;
	font-size: 15px;
	font-weight: bold;
}

.PopupHeaderBG
{
    background-image: url(../images/PopupHeaderMD.jpg) !important;
    background-repeat: repeat-x !important;
    width: 100%;    
}

.BigButton
{
    background-image: url(../images/inputBG.png);	
    background-position: top;
    background-repeat: repeat-x;
    border: 1px #777777 solid; 
    color: #777777; 
    height: 30px !important;
    font-size: x-large !important;
    font-weight: bold;
}

.boxFill 
{  
    /*background-color: #C7CEE5 !important;  */
    background-image: url(../images/inputBG.png);
    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
    background-position: top;
    background-repeat: repeat-x;
    border: 1px #aaaaaa solid; 
    color: #777777; 
    margin-top: 1px; 
    margin-right: 1px; 
    margin-bottom: 1px; 
    margin-left: 1px; 
    padding-top: 1px; 
    padding-right: 1px; 
    padding-bottom: 1px; 
    padding-left: 1px
}

.GridHeaderStyle 
{
	background-color: #9a9a9c!important;
	font-weight:normal;
	color: White!important;
	text-align: left;
}
	
.GridHeaderStyle th
{
	background-color: #9a9a9c!important;
	color: White!important;
	/* for FF since it doesnt read the Grid settings*/
	border: 1px solid #9a9a9c!important;
}

.collapsePanelHeader{
    width:1000px; /*Must allow for 10px padding on either side*/
    height: 37px;
    /* background-color:#7883BB; 
*/
    /*background-image: url(../images/gmLineSep.jpg);*/
    /*background-repeat:repeat-x;*/
    /*background-position: bottom;*/
	/*font-family: Helvetica;*/
	/*font-weight: bold;*/
    /*color: #777777;*/
    cursor: pointer;
    text-align: left;
    /* b/c of rounded corners, these need to be greater */
    /*padding-left: 10px;
    padding-right: 10px;*/
    /*Redesign*/
    font-family: Arial, Helvetica, sans-serif; 
    color:#808080;
}

.resultsTitle
{
	text-align: left;
    font-size: 16px;
    font-weight: bold;
    vertical-align: bottom;
}

.collapsePanelHeader h2 
{	
    /*font-size: 16px;*/
    /*font-weight: bold;*/
    /*display: inline;
    margin: 0px;*/
    text-align: left;
    /*Redesign*/
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 25px;
}

.collapsePanelBody
{
    overflow: visible;
    
    /*border-width:1px;
    border-top-width:0px;
    border-color:#7782BA;
    border-style:solid;*/
    
    /*Redesign*/
    margin-left: 25px;
}

.collapsePanelHeader a {
    color: White;
}

.top 
{
	vertical-align: text-top;
}

.collapsePanelHeader a:hover {
    /*font-size: 12px;*/
    color: White;
    font-weight: bold;
}

.collapsePanelBodySearchPopup
{
	height: 380px;
}


/* ePort Redesign Sticky-element */
#ctl00_ContentPlaceHolder1_PanelBody.sticky
{
     position: fixed !important;
     top: 0 !important;
     z-index: 20005;
     background-color: White;
}



/* ePort Sticky-element */
#ctl00_ctl00_ContentPlaceHolder1_PanelHeader.sticky
{
     position: fixed !important;
     top: 0 !important;
     z-index: 20005;
     background-color: White;
}

#searchBox
{
	margin-left:-5px;
	display: none;
}
#searchBox2.sticky
{
	
}
#StartNewSessionPanel.sticky
{
	position: fixed !important;
     top: 100px !important;
     z-index: 20005;
     background-color: White;
}

#searchResultsHeader.sticky
{
	position: fixed !important;
     z-index: 20005;
     background-color: White;
     visibility: visible;
     top: 0px !important;
}

#searchResultsHeader.unSticky
{
	z-index: 2005;
	background-color: White;
	visibility: visible;
}

#searchBox.sticky
{
     position: fixed !important;
     /*top: 37px !important;*/
     top: 36px !important;
     left: 46.7%;
     z-index: 20005;
     background-color: White;
     visibility: visible;
}

#searchBox.unSticky
{
	position: fixed !important;
	left: 46.7%;
	z-index: 2005;
	background-color: White;
	visibility: visible;
}

.PhotoCell
{
    height:150px;
    width:150px;
    background-color:#f5f5f5;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align:middle;
    border-width:2px;
    border-color:#d8d8d8;
    border-style:solid;
    cursor: pointer;
    
    text-align: center;
    
    -moz-border-radius: 3px;
	border-radius: 3px;
	
}

.PhotoCell div
{
    /*
    position:absolute;
    top:50%;
    width:100%;
    /*background-color:Fuchsia;*/
}

.updateProgress
{
    position: absolute;
    background-color: Gray;
    padding: 0px;
    margin: 0px;
}
.updateProgress div
{
    /*margin-top:10px;*/
    /*background-color: white;
    padding: 4px;
    position: absolute;
    top: 10%;
    left: 50%;*/
}

.SliderBox 
{
    /*color: white;*/
    padding:5px;
    margin-top:5px;
    height:35px;
    width:200px;
    position:relative;
    /*background-image:url(../images/slide_bg.gif);*/
}

.SliderBox a, a:hover
{
    /*color: White;*/
    /*font-family: Arial;*/
}

.loadingPopup
{
    width:300px;
    height:200px;
    background-color:#CCCCCC;
    vertical-align:middle;
    position:absolute;
    border-style:solid;
    border-width:1px;
}

.PagingSliderRail
{
    background: transparent 
                url('../images/rail.gif')
                repeat-x scroll 0%;
    height:15px;
    position: relative;
}
 
.PagingSliderHandle
{
    background: transparent
                url('../images/themed_handle.gif') no-repeat scroll 0%;
    height:15px;
    position: absolute;
    width:12px;
    cursor: e-resize;        
}

.PagingLink
{
    position: absolute;   
    overflow: hidden;
}

/* Atlas styles */
span.UpdateProgressStyle
{
    /*display: inline;*/
    float: left;
}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditError
{
    background-color: #ffcccc;
}

.MaskedEditMessage
{
    color: #ff0000;
    font-weight: bold;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.errorLabel
{
    FONT-WEIGHT: bold; 
    COLOR: red;
}

.panelHeader
{
    width:100%;
    height:30px;
    background-color:#7883BB;
    background-image: url(../images/fade.jpg);
    background-repeat:repeat-x;
    color:#FFF;
    font-weight:bold;
    font-size:14pt;
    
}

.panelContent
{
    padding:5px;
    border-width:1px;
    border-top-width:0px;
    border-color:#7782BA;
    border-style:solid;
}

.cartText
{
    color: Black;
}

.cartTextBold
{
    color: Black;
    font-weight: bold;
}

.cartCell
{
    padding:5px;
    color:Black;
    text-align:left;
    vertical-align:top;
    border-width:1px;
    border-style:solid;
    border-color:#949494;
}

.cartHeader
{
    padding:5px;
    font-weight:bold;
    color: Black;    
    text-align:left;
    border-width:1px;
    border-top-width: 0px;
    border-style:solid;
    border-color:#949494;
}

.cartFooter
{
    border-top: solid 1px black;
    padding-top: 15px;
    color: Black;
}

.editRow
{
    clear:both;
}

.editLabel
{
    float:left;
    margin:5px;
    
    margin-left:50px;
    width:100px;
    text-align:left;
}
.editField
{
    float:left;
    margin:5px;
}

.QuotePage
{
    /* Over-write site defaults to make this page look like G/M quotes */
    color: Black;
}

.QuoteBox
{
    border-width: 1px;
    border-style: solid;
    border-color: #949494;
    margin-right: 20px;
    text-align:left;
}

.QuoteHeader
{
    color:White;
    background-color:#949494;
    /*width:100%;*/
    padding: 5px;
    height: 1em;
    color: White;
    font-weight: bold;
}

.QuoteBoxContent
{
    padding: 5px;
    /*height: 1em;*/
}

.QuoteTitleBar
{
    background-color: #949494;
    text-align:right;
    color: White;
    font-weight: bold;
    padding:5px;
}

.searchCatGroup
{
    text-align:left; 
    padding-bottom: 27px;
}

.searchCatText
{
    float:left;
    width:200px;
    margin-left:20px;
}

.searchCatInput
{
   float:left;
   width:300px;    
}

.viewProdInfoCol
{
    float: left;
    margin: 5px;
    text-align: left;
}

.viewProdInfoCell
{
    height: 15px; /*just to space things out*/
}

.HighlightBox
{
    border-width: 2px;
    border-style: solid;
    border-color: #7883BB;
}

.discontinued
{
	position: absolute;	
	top: 0px;
	left: 0px;
	z-index: 500;
	width: 75px;
	height: 105px;	
	background-color: White;
	filter: alpha(opacity=55);
	opacity: .55;
	
}

.pagingSelected 
{
	/*font-weight: bold;*/
	font-weight: normal;
	text-decoration: none;
	color:#ff6900;
}

.pagingNormal
{
	font-weight: normal;
	text-decoration: underline;
	text-decoration: none;
}

/* Reorder List Styles */
.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.dragHandle {
	width:10px;
	height:15px;
	background-color:Blue;
	background-image:url(images/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}


/* Search Box Styling */
#theRealSearch
{	
	border-left: 1px solid #F2F2F2;
	border-top: 1px solid #F2F2F2;
	border-right: 0px solid #F2F2F2;
	border-bottom: 0px solid #F2F2F2;
	background-color:white;
	box-shadow: 3px 5px 10px #BABABA;
	width: 473px;
	height: 350px; 
}

#CloseSearchPopup
{
	cursor:pointer; 
	float: right;
	padding-right: 35px;
	padding-top: 10px;
	/*position: relative; top: -10px; left: -5px;*/
}

#RefineSearchTitle
{
	font-size: 1.6em;
	float: left;
	padding-left: 35px;
	padding-top: 10px;
}

#MainSearch { float: left; padding-left: 35px; }
#TypicalsPanel { padding-left: 35px; padding-top: 130px; }
#TypicalsPanel2 { float: right; padding-right: 35px; position: relative; top: -715px; height: 0px;}
#AdditionalPanel { padding-left: 35px; padding-top: 130px; }
#AdditionalPanel2 { float: right; padding-right: 35px; position: relative; top: -390px; }
#NormalButtonsPanel { vertical-align: top; }
#TypicalButtonsPanel { vertical-align: top; }
.SearchCtrlTBDiv {width:402px; height:44px; box-shadow: 3px 5px 10px #BABABA; margin-bottom:20px; border-left: 2px solid #F0F0F0;border-top: 1px solid #F0F0F0;}      /*right-side, bottom, blur, color*/
.SearchCtrlLinkDiv { font-family:Arial, Helvetica, sans-serif;font-size:16px; float:left; text-align:left; margin-left:35px;}
#SearchCtrlNormalBtnDiv { margin-top: 0px; margin-right:35px; float:right; text-align: right; }
#SearchCtrlTypicalsBtnDiv { margin-top: 0px; margin-right:35px; float:right; text-align: right; }

.enlargedSearch
{
	width: 930px !important;
	overflow: auto !important;
	margin: auto !important;
}

.moreLefty
{
  left: 50% !important;
  margin-left: -465px !important;
}

#AddQikItemDiv { margin-right:62px; margin-top:15px; margin-bottom:15px; text-align: right; }
/************* Input (textbox) styles ****************************/
.inputBackground16 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	text-indent:6px;
    color: #777777;
    border: 1px #aaaaaa solid; 
   
}

.loginTBBackground
{
	background-image: url( '../images/Login/bgTB.png' ); 
	background-repeat:repeat-x; 
	font-family: Arial Narrow, Arial; 
	font-size:18px;
	text-indent:12px;
	display:block; 
	line-height:12px;
}

.styled-select-dkorange select{
   background: transparent;
   width: 160px;
   height: 18px;
   padding: 1px;
   font-size: 12px;
   border: 0;
   -webkit-appearance: none;
   color: #666;
   }
.styled-select-dkorange { float: right; overflow: hidden; 
                width: 140px;
                background: url('../images/DarkOrangeDownArrow.jpg') no-repeat right #f9f9f9; 
				border: solid 1px #ccc; 
				-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
                } 


.SessionTBBackground
{
	background-image: url( '../images/Login/bgTB.png' ); 
	background-repeat:repeat-x; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:16px;
	text-indent:12px;
	display:block; 
}

/********************* End ePortReDesign.css **************************/