body 
{    
    padding:0px;
    margin:0px;    
    font-family: Arial;
    font-size:16px;
    background-color:#f2f2f2;
    border:none; 
}

/*
@font-face {
  font-family: 'Gotham-Book';
  font-style: normal;
  font-weight: 300;
  src: url('/CustomFonts/Gotham-Book.eot');
  src: local('Gotham-Book'),
  url('/CustomFonts/Gotham-Book.eot') format('embedded-opentype'),
  url('/CustomFonts/Gotham-Book.woff') format('woff');
}*/


/*html
{
    height: 100%;
    border-bottom:5px solid #1068b2; 
    position:relative;
    bottom:0px;    
}*/

.commonouter
{
    width:1024px;
    margin:0px auto;
    padding:0px;    
}


.contentarea
{
    width:1024px;
    margin:0px auto;   
    float:left;
}

.divfirst
{
    margin-top:20px !important;
}

.divlast
{
    margin-top:-8px !important;
}



/* safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .leftcol, .rightcol
    {
        float:left;
    }
    
    select {
        line-height:24px;
    }
    
    .row
    {
        float:left;
    }
    
   
}


/* Textboxes and Common  */


.textbox , .readtextbox
{    
    border:1px solid #8a8b8d;
    display:inline-block;    
    width:226px;        
    padding:6px 0px 6px 10px;
    padding:5px 0px 6px 10px;
    
}

.batchTextbox
{
    border:1px solid #8a8b8d;
    display:inline-block;    
    width:215px;        
    padding:6px 0px 6px 10px;
    *padding:5px 0px 6px 10px;
    float:left;
    margin:0px 10px 8px 0px;
}

.multiline
{
    height:100px;
}

.textboxpassword
{
    border:1px solid #8a8b8d;
    display:none;
    width:226px;
    height:22px;    
    padding:2px 0px 2px 10px;
}

.textbox:hover{border-color:#000;}
.textbox:focus{border-color:#999;}

.readtextbox
{    
    background-color:#F2F2F2;        
}

.textboxupper
{
    text-transform:uppercase;
}

.clear
{
    clear:both;
}

.fileupload
{
    width:320px;
    background-color:#fff;
}


.formlayout_importfile .fileupload
{
    width:290px;    
}

.textboxcutomrole
{
    width:250px;
}

/*checkboxlist*/

.CheckBoxList
{
    display: block;
    margin:0px;
    padding:0px;
}

.CheckBoxList input
{
    padding:2px 0px 0px 0px;
    margin:0px 5px 0px 0px;    
    *vertical-align:middle;
    display:inline-block;
    vertical-align:top;    
    background-color:#fff !important;
    height:15px;
    width:15px;
    *background:none !important;
}

.CheckBoxList label
{
    font-size:0.8em !important;
    width:auto !important;    
    margin-left:5px;
    margin-right:10px;
    font-weight:normal;
    vertical-align:top;       
    display:inline-block;
}

.chkBoxMargin
{
    margin-left:5px;    
}

.singlecheckbox
{
    display: inline-block;
    margin:5px 0px 0px 0px;
    padding:0px;    
}

.singlecheckbox label
{   
    margin-left:2px;
    text-align:left;    
    display:inline-block;
    font-weight:bold;
    font-size:14px;
}

.singlecheckbox input
{   
    vertical-align:middle;
    display:inline-block;
}

/*Radiobuttonlist*/



.Radiobuttonlist label
{
    font-weight:normal;
    font-size:12px;
    width:auto;
    margin: 0px 10px 5px 5px;    
    padding:0px;    
    *margin: 0px 5px 0px 2px;
    *vertical-align:middle;
    display:inline-block !important;
 }
 
.Radiobuttonlist input
{
    padding:0px;
    margin:0px 0px 5px 0pxiv;    
    display:inline-block;
}


/*DropDownlist*/

.SearchDiv .selector
{
    margin-right:10px !important;    
}

.DropDownlist
{    
    color:#8a8b8d;        
}

.DropDownlist label
{
    background-color:Red;
}

.DropDown_margin
{
    margin-right:20px !important;
}

.formlayout_Auditreport .DropDownlist, .formlayout_report .DropDownlist
{
    width:253px !important;
}

.formlayout_lines .DropDownlist
{
    width:467px !important;    
}

.formlayout_OpenCloseBPR .DropDownlist, .Rejectionlayout .DropDownlist
{
    width:280px !important;    
}



/* End Area  */

/* Top Most Area */

.topmostarea
{
    border-bottom:1px solid #1068b2;
    float:left;
    width:1024px;
    margin:20px 0px 0px 0px;
}

.mainLayout_logo , .GenericLayout_logo
{
    margin-left:10px;     
    float:left;
    width:141px;
    margin-right:40px;
}

.mainLayout_logo
{
    margin-right:100px;
}

.GenericLayout_logo
{
    margin-bottom:10px;
}

/*TopNavigation*/

.top_navigation
{
    /*width:491px;*/
    height:103px;
    margin-top: 10px;
    float:left;    
}

.top_navigation a
{
    cursor:pointer;
}
 
.main_ul, .sub_ul
{
    display:inline-block;
    margin:0px;
    padding:0px;
}

.main_ul li
{
    margin-right:5px;
}

.home_unselected
{
    background-image:url('/Images/home_unselected.png');
    background-repeat:no-repeat;
    width:65px;
    height:24px;
    
}

.users_unselected
{
    background-image:url('/Images/users_unselected.png');
    background-repeat:no-repeat;
    width:65px;
    height:24px;
}

.codes_unselected
{
    background-image:url('/Images/codes_unselected.png');
    background-repeat:no-repeat;
    width:65px;
    height:24px;
}

.lines_unselected
{
    background-image:url('/Images/lines_unselected.png');
    background-repeat:no-repeat;
    width:65px;
    height:24px;
}

.print_unselected
{
    background-image:url('/Images/print_unselected.png');
    background-repeat:no-repeat;
    width:65px;
    height:24px;
}

.reports_unselected
{
    background-image:url('/Images/reports_unselected.png');
    background-repeat:no-repeat;
    width:65px;
    height:24px;
}

.masters_unselected
{
    background-color:#ffffff;
    background-image:url('/Images/Master_unslected.png');
    background-repeat:no-repeat;
    width:65px;
    height:24px; 
}

.about_unselected
{
    background-image:url('/Images/about_unselected.png');
    background-repeat:no-repeat;
    width:65px;
    height:24px;
}

.home_selected
{
    background-image:url('/Images/home_selected.png');
    background-repeat:no-repeat;
    width:65px;
    height:30px;
    padding-top:55px;
    color:#fff !important;
}

.users_selected
{
    background-image:url('/Images/users_selected.png');
    background-repeat:no-repeat;
    width:65px;
    height:30px;
    padding-top:55px;
    color:#fff !important;
}

.codes_selected
{
    background-image:url('/Images/codes_selected.png');
    background-repeat:no-repeat;
    width:65px;
    height:30px;
    padding-top:55px;
    color:#fff !important;
}

.lines_selected
{
    background-image:url('/Images/lines_selected.png');
    background-repeat:no-repeat;
    width:65px;
    height:30px;
    padding-top:55px;
    color:#fff !important;
}

.print_selected
{
    background-image:url('/Images/print_selected.png');
    background-repeat:no-repeat;
    width:65px;
    height:30px;
    padding-top:55px;
    color:#fff !important;
}

.reports_selected
{
    background-image:url('/Images/reports_selected.png');
    background-repeat:no-repeat;
    width:65px;
    height:30px;
    padding-top:55px;
    color:#fff !important;
}

.masters_selected
{
    background-image:url('/Images/Master_selected.png');
    background-repeat:no-repeat;
    width:65px;
    height:30px;
    padding-top:55px;  
    color:#fff !important;  
}

.about_selected
{
    background-image:url('/Images/about_selected.png');
    background-repeat:no-repeat;
    width:65px;
    height:30px;
    padding-top:55px;
    color:#fff !important;
}

.main_ul a  
{    
    display:inline-block;    
    text-align:center;
    text-decoration:none;
    color:#1068b2;
    padding-top:55px;
}  


.home_unselected:hover
{
    background-image:url('/Images/home_selected.png');
    background-repeat:no-repeat;
    width:65px;
    height:30px;
    padding-top:55px;
    color:#fff;
}

#User_Management:hover #aUsers
{
    background-image:url('/Images/users_selected.png');
    background-repeat:no-repeat;
    width:65px;
    height:30px;
    padding-top:55px;
    color:#fff;
}

#Code_Management:hover #aCodes
{
    background-image:url('/Images/codes_selected.png');
    background-repeat:no-repeat;
    width:65px;
    height:30px;
    padding-top:55px;
    color:#fff;
}

#Line_Management:hover #aLines
{
    background-image:url('/Images/lines_selected.png');
    background-repeat:no-repeat;
    width:65px;
    height:30px;
    padding-top:55px;
    color:#fff;
}

#Print:hover #aPrint
{
    background-image:url('/Images/print_selected.png');
    background-repeat:no-repeat;
    width:65px;
    height:30px;
    padding-top:55px;
    color:#fff;
}

#Report_Management:hover #aReports
{
    background-image:url('/Images/reports_selected.png');
    background-repeat:no-repeat;
    width:65px;
    height:30px;
    padding-top:55px;
    color:#fff;
}

#Masters:hover #aMasters
{
    background-image:url('/Images/Master_selected.png');
    background-repeat:no-repeat;
    width:65px;
    height:30px;
    padding-top:55px;    
}

.about_unselected:hover
{
    background-image:url('/Images/about_selected.png');
    background-repeat:no-repeat;
    width:65px;
    height:30px;
    padding-top:55px;
    color:#fff;
}

.main_ul li
{
    float:left;
    position:relative;
    list-style-type:none;
}

.sub_ul
{
    width: 180px;
    border-bottom: 0px none;
    position: absolute;
    left: 0px;
    display: none;
    *top:84px;
    z-index:10000;
}

.main_ul li:hover .sub_ul
{
    display:block !important;
}

.main_ul .sub_ul li:hover .Inner_ul
{
    display:block !important;
}

.sub_ul li a
{
    padding:5px 5px 5px 10px;
    width:200px;
    text-align:left;
    font-size:14px;
}

.sub_ul li a:hover
{
    padding:5px 10px 5px 5px;
    width:195px;
    text-align:left;
    border-left:5px solid #1068b2;
    color:#fff;
}


.sub_ul li 
{
    background-color:#b3b3b3;
    display:block;    
}

.Inner_ul
{
    position:absolute !Important;
    top:0px !Important;
    left:215px !Important;
    width:100px;
    margin:0px;
    padding:0px;
    display:none;
    background-color: red;
}

/* End top Navigation */

/*Login status*/

.loginstatus
{
    float:right;
    margin-right:10px;
    text-align:right;
}
.loginstatus_text
{
    font-size:0.75em;
    color:#8a8b8d ;
    display:block;
}
.loginstatus
{
     margin-top:10px;
}
.loginstatus_username
{
    display:block;
    color:#003464;
    font-size:1.1em;
    font-weight:bold;
    margin:0px 0px 2px 0px;
}
.loginstatuslink
{
    font-size:0.8em;
    text-decoration:none;
    display:block;
    color:#1068b2;
}
.loginstatus_regulatory
{
    display:block;
    color:#003464;
    font-size:0.2em;
    font-weight:bold;
    margin:0px 0px 2px 0px;
}

.loginstatuslink:hover
{
    text-decoration:underline;
}
.loginstatus_bottomlinks
{
    margin-top:10px;
}

/*Loginstatus end*/


/* Ent Top Most Area */


/* Form Area */

.formlayout 
{
    width:900px;    
    list-style-type:none;    
    margin:0px auto !important;
    padding-left:10px !important;
}

.formlayout_OpenCloseBPR, .formlayout_importcodes
{
    width: 300px;
}

.formlayout_OpenCloseBPR label 
{
    display:inline-block;
}

.Rejectionlayout
{
     width: 330px;
}

.Rejectionlayout .textbox
{
    width:297px !important;
}

.formlayout_lines
{
    width:485px;
}
.formlayout_customrole, .formlayout_report, .formlayout_Auditreport
{    
    width:272px;    
}

.formlayout_print
{
    width:820px;
}

.formlayout_managebatch
{
     width:1000px;
}

.formlayout_user, .formlayout_importfile
{    
    width:310px;    
}

.formlayout_manageusers, .formlayout_manageroles
{
    width:900px;    
}

.formlayout_managelines
{
    width:590px;    
}

.formlayout_manageproducts,.formlayout_manageGTIN
{
    width:950px;    
}
.formlayout_activation
{
    width:700px;    
}

.formlayout_managelines table
{
    width:580px;
}

.formlayout_allocate
{    
    width:720px !important;    
}

.formlayout_coderequest, .formlayout_batchmaster, .formlayout_GTIN, .formlayout_products
{    
    width:400px !important;    
}

.inlineDropdown
{
    width:100%;    
}

.formlayout_allocate label
{  
    display:inline-block;
}

.formlayout_allocate .row label
{
    display:block;
}

.formlayout_coderequest div , .formlayout_products div, .formlayout_batchmaster div, .formlayout_GTIN div
{
    display:inline-block;
}

.scrapdiv , .searchdiv
{
    clear:both;
    display:block !important;
}

.formlayout_print .readtextbox, .formlayout_print .textbox
{
    width:345px !important;
}


.formlayout_print .divmargin
{
    margin-top:14px !important;
}

.formlayout_print .row 
{
    width:790px; 
}

.Rejectionlayout .row
{
    clear:both;
    width:100%;    
}

.formlayout_print .statusrow
{
    clear:both;
    width:700px; 
}

.PrintStatus
{
    font-size: 1em;
	color:#8a8b8d;
	margin-bottom:10px;
}

.formlayout_print .leftcol
{    
    width:370px !important;
}

.formlayout_customrole .textbox
{
    width:240px !important;
}

.formlayout_user .textbox, .formlayout_user .readtextbox, .formlayout_user .watermarktext, .formlayout_user .textboxpassword
{
    width:278px !important;
}

.formlayout_user label, .formlayout_importfile label
{
    display:inline-block;
}

.formlayout_Auditreport .textbox, .formlayout_report .textbox
{
    width:240px!important;    
}

.formlayout_report div
{
    float:left;
}

.formlayout_lines .textbox
{
    width:455px !important;    
}

.formlayout_OpenCloseBPR .readtextbox , .formlayout_OpenCloseBPR .textbox  
{
     width:267px !important;
}

.printlayout .textbox
{
    width:400px !important;    
}

.formlayout_coderequest .divmargin
{
     margin-top:10px !important;
}

.formlayout_coderequest .readtextbox, .formlayout_coderequest .textbox, .formlayout_batchmaster .textbox, .formlayout_batchmaster .readtextbox, .formlayout_GTIN .textbox, .formlayout_products .textbox, .formlayout_GTIN .readtextbox
{
    width:368px !important;
}

.formlayout_allocate .readtextbox, .formlayout_allocate .textbox
{
    width:310px !important;
    /*height:23px !important;*/
}

.formlayout_allocate .divmargin
{
    margin-top:8px;
}

.formlayout_allocate .row
{
    display:block;
    width:720px;
}

.formlayout_print .hide
{
    display:none;   
}

.formlayout_print .show
{
    display:block;   
}


.formlayout .leftcol 
{    
    margin:0px;
    width:340px;
    display:inline-block;
    *float:left;
    vertical-align:top;
}

.formlayout .rightcol
{
    vertical-align:top;
    *float:left;
    margin-left:32px;
    width:340px;
    display:inline-block;
}



/* End Form Area */

/* Heading Area */

.headingarea
{
    border-top:5px solid #1068b2;
    border-bottom:1px solid #1068b2;     
    margin:0px auto;    
}

.Dashboard_header
{
    width:900px;
    margin:0px 0px 20px 60px;
}

.customrole, .report
{
    width:282px;
}

.GTIN
{
   width:400px;     
}

.user
{
    width:320px;
}

.manageusers, .manageroles
{
   width:900px; 
}

.manageBatch
{
   width:1010px; 
}

.managelines
{
    width:580px;
}

.activation
{
    width:710px;
}


.manageproducts, .manageGTIN
{
     width:960px;  
}

.lines
{
    width:500px;    
}

.codes, .importCodes
{
    width:320px;    
}

.manualrejection
{
     width:540px;  
}
.print
{
    width:830px;
}

.requestcodes , .batchmaster, .products
{
    width:410px;
}

.allocate
{
    width:730px;
}


h1
{
    color: #8a8b8d;
    font-size: 1.5em;
    font-weight:300;
    margin:5px 0px 5px 10px;  
    font-weight:bold;
}

h2
{
    color:#8a8b8d;
    font-size:1.2em;  
    padding:0px; 
    margin:0px 0px 5px 10px;
}




/* End Heading Area */


/* Button Area */

.formbutton, .button, .ActivateButton
{
    color: #f2f2f2;
    font-size:0.85em;
    width:80px;
    padding:8px 0px 8px 0px;
    vertical-align:bottom;
    font-weight:bold;
    background-color:#1068b2;
    border:none;
    cursor:pointer;
    letter-spacing:1px;
    margin-top:10px;
}

.ActivateButton
{
    padding:7px 0px 7px 0px;
    padding:5px 0px 5px 0px;
    margin:0px 0px 0px 10px;
}

#btnLogin
{
    width:240px;
}

.btnExport
{
    width:252px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    margin:10px 0px 0px 10px; 
}

.btnCustomRole,  .btnGenerateReport
{
    width:252px;
}

.btnuser, .btnImportFile
{
    width:290px;
}

.btnLines
{
    width:467px;    
}

.btnPrintFile
{
    width:770px;   
}

.cancelbutton
{    
    display:block;
    float:right;
    background-color:#f2f2f2;
    border:none;
    font-size:1em;
    letter-spacing:1px;
    cursor:pointer;
    color:#8a8b8d;
    margin-top:10px;
    font-weight:bold;
    margin-right:10px;
}

.btnOpenCloseBPR, .btnimportcode
{
    width:280px !important;  
}

.btnrejectcodes
{
    width:310px !important;  
}

.btn_disable
{    
    background-color:#8a8b8d;    
}

.btnrequestcodes, .btnSaveBatch, .btnSaveGTIN, .btnSaveProduct
{
    width:380px !important;
}

.cancelbtnafterImport
{
    float:right;
}

.lnkbtnSaveProduct
{
    display:block;
    padding-left:0px !important;
    padding-right:0px !important;
    text-align:center;
    *width:370px !Important;
}

.lnkbtnSaveGTIN
{
    display:block;
    padding-left:0px !important;
    padding-right:0px !important;
    text-align:center;
    *width:370px !Important;
}

.lnkbtnSaveBatch
{
    display:block;
    padding-left:0px !important;
    padding-right:0px !important;
    text-align:center;
    *width:370px !Important;
}

.scrapbutton, .searchbutton
{
    width:195px !important;
    padding:7px 0px 6px 0px !important;    
    vertical-align:middle;
    margin:0px !important;   
    float:left;
    *width:370px !Important;
}

.searchbutton
{
   width:143px !important;    
}

.btnAllocateAll
{
    background-color:#1068b2 !important;
    color:#ffffff !important;
    width:300px !important;
    display:inline-block !important;
}

.btnAllocate
{
    /*display:inline-block !important;*/
    width:395px !important;
}

.btnDeAllocate
{
    display:inline-block !important;
    width:702px !important;
}

.btnCLoseBatch
{
    width:700px !important;
}

/* End Button Area */



/*Login*/

.formlayout_login
{
    margin:0px;
    list-style-type:none;
    border-top:1px;
    padding:0px 10px 10px 10px;
}

.formlayout_login div, .formlayout div , .formlayout_ChangePassword div
{
    margin-bottom:8px; 
}

.formlayout_login .textbox
{    
    border:1px solid #8a8b8d;
    display:inline-block;
    width:226px !important;    
    padding:6px 0px 6px 10px;
    padding:5px 0px 5px 10px;
}


.loginbg
{
    background-image: url('/Images/background-watermart.png');
    background-repeat:no-repeat;
    width:1024px;
    height:665px;
    margin:0px auto;
    margin-top:-20px;
}

.login_box
{
    width: 250px;
    margin: 0 auto;   
    height:300px; 
    padding-top:200px;    
}

.login_box img
{
    margin-bottom:20px;
}

.login_box .sep
{
    width:250px;
    height:1px;
    background-color:#1068b2;
    margin-bottom:20px;
}

.login_box h2
{
    font-size:24px;
    color:#8a8b8d;
    margin-left:10px;
}

/*End Login*/



/*Watermark*/

.watermarktext
{
    color:#8a8b8d;    
}

/*End watermark*/

/*error box*/

.errortitle
{
	font-size: 0.875em;
	color: #EA5C18;
	font-weight:bold;
	margin-bottom:5px;
	display:block;
}

.error
{
	border: #F3F3F3 1px solid; 
	background-color: #FFFDD7 ;
	color: #EA5C18;
	text-align:left;
	padding : 5px 10px 10px 10px;
	margin: 10px 0px 10px 0px;
	border:1px solid orange;
	width:90%;
}

.error ul
{
    padding: 0px;
    margin:0px 0px 0px 0px;
    list-style-type:none;
}

.error li
{
    padding:0px 0px 0px 15px;
    margin:0px;
    font-size: 0.75em;
    color: #EA5C18;
    background-image: url('../images/star_error.gif');
    background-position:left 4px;
    *background-position:left 7px !important;
    background-repeat: no-repeat;
}


/* End Error Box */


/*dashboard*/
.Dashboard_area
{
    width:900px;
    margin:0px 20px 0px 60px;
}
/*Dashboard Controls*/
.outerborder
{
    margin:0px 0px 20px 0px;
    padding-bottom:10px;
}

/*Legend*/
.legend
{   
    font-size: 0.73em;
    font-weight:600;    
    color:#EA5C18;
    font-style:italic;  
    margin:10px 0px 0px 0px;   
    letter-spacing:0.5px; 
}

.legend span
{
    width:0px !important;
}

.star
{
    background-image: url("/Images/star_error.gif");
    background-repeat:no-repeat;
    background-position:center center;
    padding:0px 3px 0px 3px;
    *display:inline-block;    
}


/*Label*/

label 
{
    color: #8a8b8d;
    font-size: 1.2em;            
    margin-bottom:3px;    
    padding:0px 0px 0px 0px;    
    margin-right:10px;
    display:block;
    /*vertical-align:middle;*/
}

.label_required
{
    background-image: url("/Images/star_error.gif");
    background-repeat:no-repeat;
    background-position:left center;  
    text-align:left; 
    padding:0px 0px 0px 10px;
}

.top_align_label
{
    vertical-align:top !important;
    margin-right:7px !important;
    *margin-right:2px !important;
}


.left_allign_lable
{
    text-align:left;
}



.note
{    
    font-size: 0.73em;
    font-weight:600;
    
    color:#EA5C18;
}

.tabkey
{
    font-size: 0.71em !important;    
    margin-left:10px;    
    color:#EA5C18 !important;    
    width:auto !important;
    text-align:left !important;
}

/*Audit Report*/
/*textbox of calender*/
.datetext
{
     border:1px solid #8a8b8d;
    display:inline-block;
    width:220px;
    height:22px;
    color:#8a8b8d;
    padding:2px 0px 2px 10px;
}

.formlayout_batchmaster .datetext
{
    width:348px;    
}

.formlayout_Auditreport .formrow
{
    float:left;    
    display:block;
}

.formlayout_Auditreport .formrow .date_Text
{    
    width:40px;
    display:block;
    color:#8a8b8d;
    margin-top:10px;
}
/*end textbox of calender*/


/*Generic message page*/


.genericmessage
{
	font-size: 1.5em;
	color:#8a8b8d; 	
	margin-bottom:10px;
	margin-top:10px;
}

.shutdownmessage
{ 
    font-size: 1.5em;
	color:#1068b2; 		
	margin:0px auto;
    margin-top:10px;
	text-align:center;
}

.nexturl_link
{
    color:#1068b2;
    font-size:0.85em;
    text-decoration:none;    
    margin-right:4px;
    padding-left:2px;
    display:inline-block;
    *vertical-align:middle;
}

.nexturl_link:hover
{
    text-decoration:underline;    
}

#spanNext label
{
    display:inline-block;
    font-size:.85em;
    *vertical-align:bottom;
}

.statuslabel
{
    color:Gray;
    font-size:0.85em;    
    font-weight:bold;
    font-style:italic;
    margin-left:10px;
}

/* End Generic */



/*div for warning message*/

.Warning
{
    background-image: url('../Images/Warning.png');
    background-repeat:no-repeat;
    background-position: 0px center;
    padding:10px 0px 10px 40px;
    margin:0px 0px 20px 0px;
    font-size: 1em;
	color:Gray;
}

/*Manage screens*/

.listing
{
    font-size:0.75em;     
}

.floatlisting
{
  float:left;   
}

.innerlisting
{
    font-size:0.75em;     
    margin-top:20px;
}

.listing th , .innerlisting th
{
    font-weight: bold;
    padding: 7px;    
    text-align: center;
}

.listing td, .innerlisting td
{
    text-align: left;
    padding:7px;
    border-bottom:1px solid #cccccc;
}

.gridoptions : hover
{
    text-decoration:underline;
}

.formlayout_managebatch .listing th
{
    font-weight: bold;
    padding: 7px;    
    text-align: center;
    width:100px;
}

.formlayout_managebatch .listing td
{
    text-align: left;
    padding:7px;
    border-bottom:1px solid #cccccc;
    width:100px;
}

.formlayout_manageGTIN .listing th
{
    font-weight: bold;
    padding: 7px;    
    text-align: center;
    width:130px;
}

.formlayout_manageGTIN .listing td
{
    text-align: left;
    padding:7px;
    border-bottom:1px solid #cccccc;
    width:130px;
}

.emptyitem, .formlayout_manageproducts .emptyitem
{    
    margin-left:10px;
    font-size:14px;
    width:50%;
    padding:5px;
    color:#8a8b8d;
    font-size:18px;
    clear:both;
}

.formlayout_activation .emptyitem
{
    width:560px;
}

.formlayout_manageproducts .emptyitem
{
     width:100%;
}

.lastcol
{
    width:120px;
}

.lastcol a
{
    margin-right: 10px;
}

.lastcol img
{
    border: none;
}

.listing_height
{
   max-height:260px; 
   overflow:auto; 
}

.Alternate_row
{
    background-color:#d7ecfa;
}

.listing .darkcolumn, .innerlisting .darkcolumn
{
    background-color:#868d91;
}

.listing .lightcolumn, .innerlisting .lightcolumn
{
    background-color:#c3d0d9;
}

.codeallocationstatus_listing th, .psccodefetchmonitor_listing th
{
    font-weight: bold;
    width:150px;
    
}


/*About Window*/

.aboutarea
{
    margin: 10px 0px 10px 0px;
    width:480px;
}

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

.abouttop img
{
    float:left;
    display:inline-block;
    vertical-align:middle;    
}

.abouttop a
{
    float:left;
    display:inline-block;
    vertical-align:middle;
    margin:10px 0px 0px 10px;
}

.abouttop label
{
    font-size:10px;
    float:left;
    margin:5px 0px 0px 10px;
}

.aboutbox
{
    float:inherit;
    width:80%;
    height:100%;
    background-color: #f2f2f2;
    border: medium solid #C0C0C0;
    margin: 30px 5px 10px 5px;
    padding: 5px;
}

.aboutbox .aboutline
{
   margin:5px 0px 5px 10px;
   text-align:left;
}

.aboutlineLisc
{
    margin:2px 0px 2px 10px;
}

.aboutlineLisc .aboutlabel
{
    font-size:10px;
}

.aboutbox .aboutline .aboutlabel
{
    font-size:10px;
}



/*Page not found*/

.pagenotnfound
{
    text-align:center;
    margin-top:100px;
}

.pagenotnfound_title
{
    font-size:24px;
    color:Red;
}

.pagenotnfound_desc
{
    font-size:16px;
    color:#333333;
}

/* End Page not found */

/* Pager */

.pager
{
	/*padding-top: 0px; */
	margin-left: auto; 
	margin-right: auto;
	padding-bottom:2px;
	/*background-color: #ffffff;*/
	margin-bottom:10px;
	margin-top:10px;
}

.pager a, .pager a:visited
{
	padding: 2px 6px;
	border: solid 1px #bbb;
	text-decoration: none;
	font-size: 0.75em;
	color:#cc6633;
    margin-left:3px;
    cursor:pointer;
}

.pager a:hover 
{
	color: white;
	background: #cccccc; 
	text-decoration: none;
	margin-left:3px;
}

.currentpager
{
	padding: 2px 6px !important;
	font-size: 0.75em !important;
	color: #336699 !important; 
	background-color: #ffffff !important;
}

.pagerlabel
{
	font-size: 0.75em !important;
	color: #666666 !important; 
	/*background-color:White !important;*/
}

.pager span
{
	font-size: 0.75em;
	color: #666666; 
}

.pager table td
{
	padding: 5px 2px 5px;
}

.pager table div
{
	padding: 5px 2px 5px;
}

/* End Pager */

/*Temp emptydatatemplate*/

.temp
{
    font-size:0.7em;    
    margin:0px 0px 0px 10px;
    background-image: url('../Images/bg_gray.png');
    background-repeat: repeat-x;
    background-position: 0px center;
    padding:3px 0px 3px 3px;
    width:300px;
}


/*End Temp emptydatatemplate*/



/*Code Request Pop Up*/
.popuplayout
{
   z-index: 2;
}

.popuplayout .popupcontentarea
{
    border:solid 1px #336699;
    width: 400px;
    height:auto;
    background-color: white;
}

.Domestic
{
    border:solid 1px #336699;
    width: 400px !Important;
    height:auto;
    background-color: white;
}

.popupcontentarea div.pageheading
{
    margin-top:0px;
	background-color: #003464;
	padding: 5px;
	width: 390px;
	color:White;
	font-weight:bold;
	float:left;
}
.popupcontentarea img {float:right;cursor:pointer;}

#backgroundPopup
{
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background-color:#cccccc;
    border:1px solid #cecece;
    z-index:1;
}
.PopupText{float:left;}
.formbuttonarea
{
    bottom:0px;
    padding:10px 10px 10px 20px;
    position:absolute;
}

.confirmbuttonarea
{   
    padding:10px 10px 10px 20px;
    height:auto;
}

.popuplayout .ConfirmListing
{
    font-size:0.75em; 
}

.popuplayout .ConfirmListing th
{
    font-weight: bold;
    padding: 7px;    
    text-align: center;
    background-image: url('../Images/bg_gray.png');
    background-repeat: repeat-x;
    background-position: 0px center;
    border-right:1px solid white;
    width: 130px;
}

.popuplayout .ConfirmListing td
{
    text-align: center;
    padding:7px;
}

/*end Code Request Pop Up*/


/* Report Frame */

.backgroundpopup
{    
    display:none;
    position:absolute;
    _position:absolute; 
    top:0;
    left:0;
    background-image:url('/Images/loading.gif');
    background-position:center;
    background-repeat:no-repeat;
    opacity:0.5;
    background-color:#cccccc;    
    height:100%;
    width:100%;
    z-index:1000;  
}


.redbg
{
    background-color:#cc3300;
}

.repcontainer
{
    clear:both;
    display:block;   
    height:auto;
    width:auto;    
}

.reportframe
{    
    width:100%;   
    min-height:500px;
    max-height:1000px;
    margin-top:10px;
    display:none;
}

.btnPrintReport
{
    text-decoration:none;
    padding-left:10px;
    padding-right:10px;
    margin:10px 0px 0px 10px; 
}

.rptbtndisplay
{
    display:none;
}


/* End Report Frame */


@media \0screen {
  .DropDownlist {
        height:24px !important;    
        padding-bottom:0px !important;
        margin-bottom:5px !important;
        border:1px;
    }
}

.footer
{
    float:left;    
    border-bottom:5px solid #1068b2;    
    margin:0px auto;
    width:1024px;         
    margin-top:20px;
}

.displaydeallocbutton
{
    display:inline-block !important;
    color:Gray;    
    font-size:0.75em;
    width:80px;
    padding:3px 0px 3px 0px;
    vertical-align:bottom;
    font-weight:bold;
    background-color:#cccccc;
    border-color:#666666;
    border-width:2px;
    border-style:solid;
    font-family:Arial;
    cursor:pointer;
}

/*ManualRejection*/
.RejectionListing
{
    border:1px solid black;    
    width:290px;
    padding:0px 10px 0px 10px;
    margin:30px 0px 0px 0px;
    float:left;
}

.RejectionListing h2
{
    margin-top:5px;    
}

.RejectionListing th
{
    width:100px;    
    text-align:center;
}

.RejectionListing #status
{
     width:150px;    
    text-align:center;
}

.RejectionListing td
{
    text-align:center;
}


/*Import File Listing */


.ImportErrorListing
{
    border:1px solid black;    
    width:520px;
    padding:10px 10px 0px 10px;
    margin:0px auto;
    margin-top:40px;    
}

.ImportErrorListing label
{
    color:Black;
}

.ImportErrorListing h2
{
    margin-top:5px;    
    text-align:center;
    color:#ea5c18;
}

.ImportErrorListing .line
{
    width:100px; 
}


.ImportErrorListing th
{
    width:400px;    
    text-align:center;
}

.ImportErrorListing td
{
    text-align:center;
}



/*ToolTip*/
.reltooltip 
{ 
    float:right; 
    *margin-right:22px; 
}


.normallink
{
    text-decoration:none;
    color:#1068b2;
    font-size:0.8em;
}

.normallink:hover
{
    text-decoration:underline;
}

/*Masters*/

.GenericLinks
{
    margin:0px 0px 15px 0px;  
    float:right;
    right:0px;
    display:inline-block;
    padding:8px 0px 8px 5px; 
}
.GenericLinkButton
{
    color: #f2f2f2;
    font-size:0.85em;
    width:96px;
    padding:8px 5px 8px 5px; 
    *padding:8px 5px 8px 5px !important; 
    vertical-align:bottom;
    font-weight:bold;
    background-color:#1068b2;
    border:none;
    cursor:pointer;
    letter-spacing:1px;
    margin-top:10px ;
    text-decoration:none;
    display:block;
    float:right;
    margin-right:1px;
}

.ImportButtons
{
    color: #f2f2f2;
    font-size:0.85em;
    width:80px;
    padding:8px 5px 8px 5px; 
    *padding:8px 5px 8px 5px !important; 
    vertical-align:bottom;
    font-weight:bold;
    background-color:#1068b2;
    border:none;
    cursor:pointer;
    letter-spacing:1px;
    margin-top:10px ;
    text-decoration:none;
    display:block;
    margin-right:1px;
}

.GenericLinks #AddGTIN
{
     width:72px;
}

.GenericLinks #AddProduct
{
     width:98px;
}

.LinkSpacing
{
    width:100px;   
    margin-left:10px;
}

 .cell_Manufacturer
 {
     width:100px;
 }
 
 .cell_plant
 {
    width:130px;    
 }

.listing td
{
    word-wrap:break-word;
}

 .cell_product
 {
    width:170px;        
 }
 
 .cell_options
 {
     width:59px;    
 }
 
 .cell_BPR
 {
    width:120px;    
 }
 
 
 .cell_packaginglevel
 {
    width:70px;    
 }
 
 .formlayout_manageproducts .cell_status
 {
    width:100px;    
 }
 
 .formlayout_manageproducts .cell_options
 {
    width:120px;    
 }
 
 .formlayout_manageproducts .cell_Manufacturer
 {
    width:170px;    
 }
 
 /*Search*/
 
 
 .SearchDiv
 {    
    margin:10px 0px 10px 0px !important;    
    float:left;
 }
 
 .searchlabel
{
    /*color: #8a8b8d;
    font-size: 1.2em;            
    padding:0px 0px 0px 0px;    
    margin-right:10px;  
    display:inline-block;
    *margin-top:-7px;
    zoom:1;
    vertical-align:middle;*/
    padding-top:3px;
    float:left;
    display:inline-block;
    vertical-align:middle;
    /*margin-left:10px;*/
}

.SearchButton
{
   padding:6px 0px 6px 0px !important;   
   *padding:4px 0px 4px 0px !important;   
   margin: 0px 0px 0px 0px !important;
   display:inline-block;
   float:left;
   vertical-align:middle;      
   /*height:28px;*/
}


.download
{
   padding:6px 0px 6px 0px !important;   
   *padding:4px 0px 4px 0px !important;   
   margin: 0px 0px 0px 0px !important;
   display:inline-block;
   float:left;
   vertical-align:middle;      
   /*height:28px;*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .download {margin: 8px 0px 0px 88px !important;}
} /*

@-moz-document url-prefix() {
    .SearchButton {padding:5px 0px 5px 0px !important;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .SearchButton {margin: 2px 0px 0px 0px !important;}
} /* for Chrome and Safari */

.formlayout_managebatch .SearchDiv .searchtextbox
{
   float:left;
   display:inline-block;
   vertical-align:middle;
   border:1px solid #8a8b8d;
   width:277px;    
   padding:5px 0px 5px 10px !important;
   margin-right:10px;
}

.formlayout_manageGTIN .SearchDiv .searchtextbox
{
   float:left;
   display:inline-block;
   vertical-align:middle;
   border:1px solid #8a8b8d;
   width:225px;    
   padding:5px 0px 5px 10px !important;
   margin-right:10px;
}

.formlayout_manageproducts .SearchDiv .searchtextbox
{
    float:left;
   display:inline-block;
   vertical-align:middle;
   border:1px solid #8a8b8d;
   width:165px;    
   padding:5px 0px 5px 10px !important;
   margin-right:10px;
}

.searchtextbox
{
   float:left;
   display:inline-block;
   vertical-align:middle;
   border:1px solid #8a8b8d;
   width:150px;    
   padding:5px 0px 5px 10px !important;
   margin-right:10px;
}

.GenericLinkButtonExport
{
    color: #f2f2f2;
    font-size:0.85em;
    width:80px;
    padding:8px 5px 8px 5px; 
    
    vertical-align:bottom;
    font-weight:bold;
    background-color:#1068b2;
    border:none;
    cursor:pointer;
    letter-spacing:1px;
    margin-top:10px ;
    text-decoration:none;
    display:block;
    float:right;
    margin-right:-84px;
    margin: -1px -86px 11px 0px !important;
}