body
{
    font-family: calibri, arial, sans-serif;
    color: #666666;
    background-color: white; /*background-image: url(bg.gif); 	background-repeat: repeat-x; 	background-position: center top;     */
    font-size: 71%;
    margin: 0px;
    line-height: 1.3em;
    overflow-y: auto;
}
form
{
    margin: 0;
    padding: 0;
}
h1
{
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0;
}
a, a:link, a:visited, .ms-WPBody a:visited, .ms-WPBody a:link
{
    color: #039;
    text-decoration: none;
}
p
{
    margin-top: 0px;
    margin-bottom: 0px;
}
img
{
    border: none;
}
a:hover
{
    text-decoration: underline;
}
.customClear
{
    clear: both;
}
.customPageWidth
{
    width: 100%;
    height: 100%;
    margin: auto;
}
.customPagePadding
{
    padding: 0px 20px;
}
.customTop
{
    /* 	background-image: url(top_bg.png); 	background-repeat:no-repeat;      	height: 31px; 	width: auto;     */
}
.customTop a
{
    color: silver;
}
.customLogin
{
    background-image: url(login.gif);
    background-repeat: no-repeat;
    float: right;
    height: 13px;
    position: relative;
    top: 7px;
}
.customHead
{
    /*background-image: url(background.png);
    background-repeat: repeat-x; */
    height: 90px;
    width: 100%;
    position:relative;
    overflow:hidden;

}
.formAuth
{
    position:absolute;
    right:0;
    top:0;
    z-index:1;        
}
.customHead a
{
    color: white;
}
.customHead a:hover
{
    /*text-decoration: none;*/
}
.customLogo
{
    background: url(/_layouts/emanifest/images/banner_bg.png) repeat-x top left; 
    float: left;
    font-size: 35px;
    height: 92px;
    position: relative;
    /*top: 55px;*/
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
}
#DemoLogin{
	position:absolute;
	top:5px;
	right:0;
	z-index:1;
}
#DemoLogin *{
    color:#fff !important;    
}
.footer a{
    color:#fff;
}
#s4-leftpanel {
	display: none;
}

.ms-dialog .customBody .s4-ca
{
    width:99% !important;
}

.s4-ca {
	margin-left:0px;
	padding-left:0.5%;
	padding-right:0.5%;
}
.ms-WPHeader td, .ms-fakewptitle {
    border-bottom: 0px solid #EBEBEB !important;
}
.customPhone
{
    /* 	background-image:url(phone.png); 	background-repeat:no-repeat;     */
    float: right;
    height: 27px;
    position: relative;
    top: 30px;
    width: 227px;
}

.customHeaderRight
{
    float: right;
}
.customSearch
{
    float: right;
    position: relative;
    top: 40px;
}
.customSearchBox
{
    background-image: url(searchbox.gif);
    background-repeat: no-repeat;
    height: 20px;
    width: 180px;
    float: left;
}
.customSearch input
{
    background-color: transparent;
    border: 0 none;
    font-size: 93%;
    padding: 4px 0 0 4px;
    width: 95%;
}
.customSearchGo
{
    float: left;
    background-image: url(seach_go.gif);
    background-repeat: no-repeat;
    height: 20px;
    width: 62px;
    float: left;
}
.customNav
{
    /* 	background-image: url(nav_bg.gif); 	background-repeat:repeat-x;     */
    height: 29px;
    border: 1px solid #CDEFEC;
    background-color: #DAF3F1;
}
.customTopNavHolder
{
    float: left;
}
.customBody
{
    
    background-color: white;
    background-repeat: repeat-x;
    min-height: 420px;
    width: 100%;
    overflow: auto;
}
.customFooter
{
    /*background:url(/_layouts/emanifest/images/footer_bg.png) repeat-x top left;*/
    background:#2174AE repeat-x scroll left top;
    color: #d3d3d3;
    font-size: 130%;
    height: 59px;
    padding: 0;
    margin-top:20px;    
}
.customFooter a
{
    color: #d3d3d3 !important;
}
.customFooterLeft
{
    float: left;
    padding-top: 10px;
    width:100%;
}

.customFooterLeft .footer{
	width:100% !important;
}
.customFooterRight
{
    float: right;
    padding-right: 10px;
}
.customLinkGroup
{
    float: left;
    margin-left: 20px;
    padding-top: 10px;
    width: auto;
}
.customFooterDiv
{
    background-image: url(footer_div.png);
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 70px;
    margin-left: 20px;
    width: 4px;
}
.customBottom
{
    background-image: url(roundedbottom_bg.png);
    background-repeat: no-repeat;
    height: 10px;
    display: block;
    padding-bottom: 20px;
    display:none;
}

/* home page styles */

.customBanner
{
    float: right;
    padding-top: 17px;
    height: 45px;
}
.customBannerText
{
    float: left;
    line-height: 27px;
    color: #eef0f0;
    font-size: 248%;
}

.ms-WPBody a.customBannerText
{
    color: #EEF0F0;
}
.customBannerText:hover
{
    text-decoration: none;
}
.customBannerButton
{
    background-image: url(search_button.png);
    background-repeat: no-repeat;
    float: left;
    height: 31px;
    margin-left: 10px;
    width: 31px;
}
.customGapBeforePod
{
    height: 268px;
    display: block;
}
.customPod
{
    border-left: 1px solid #EDEDED;
    float: left;
    line-height: 162%;
    padding: 0 27px 30px;
    width: 250px;
}
.customPod:first-child
{
    border: 0px none;
}
.customPodHeader
{
    color: #111111;
    font-size: 200%;
    margin-bottom: 4px;
    padding: 21px 0;
}

/* sub page style */

.customBody h1
{
    font-size: 175%;
    font-weight: normal;
    margin: 2px 0 10px;
}
.customBreadcrumbs
{
    padding: 10px 0px;
}
.customBodyLeft
{
    float: left;
    padding-right: 60px;
    vertical-align: top;
    width: 600px;
}
.customBodyRight
{
    float: left;
    vertical-align: top;
    width: 195px;
}
.customBodyImage
{
    padding-left: 4px;
}
.customOrderNow
{
    float: left;
    background-image: url(ordernow.jpg);
    background-repeat: no-repeat;
    height: 42px;
    width: 168px;
    float: left;
}



/*
-----------------------------------------------------------------------------
  Search
-----------------------------------------------------------------------------
*/

/* search button hider needed for pages that override the master page search button */
.customSearch .ms-sbgo img
{
    display: none;
}

/* fancy search button */
.customSearch .ms-sbgo a
{
    display: block;
    height: 20px;
    width: 62px;
    background: transparent url('seach_go.gif') no-repeat scroll left top;
    margin: 0px;
    padding: 0px;
    position: relative;
    top: 0px;
}

/*
-----------------------------------------------------------------------------
  Top Navigation
-----------------------------------------------------------------------------
*/


/*
-----------------------------------------------------------------------------
  Overrides for out of the box Sp css
-----------------------------------------------------------------------------
*/

/* hide body scrolling (SharePoint will handle) */
body
{
    height: 100%;
    /*overflow: hidden;*/
    width: 100%;
}

/* popout breadcrumb menu needs background color for firefox */
.s4-breadcrumb-menu
{
    background: #F2F2F2;
}

/* body area  */
.s4-ca
{
    
}

/* fix scrolling on list pages */
#s4-bodyContainer
{
    position: relative;
}

/* fix the font on some ootb menus */
.propertysheet, .ms-authoringcontrols
{
    font-family: Verdana,Arial,sans-serif;
    line-height: normal;
}

/* fix the font on forms like the survey */
.ms-ltviewselectormenuheader .ms-viewselector a, .ms-ltviewselectormenuheader .ms-viewselectorhover a, .ms-formlabel
{
    font-family: calibri, arial, sans-serif;
}

/* hide the hover state for teh ribbon links */
#s4-ribbonrow a:hover
{
    text-decoration: none;
}

/* fix ribbon line height */
#s4-ribbonrow
{
    line-height: normal;
}

/* make the ribbon color match the branding*/
body #s4-ribboncont
{
    background-color: #313031;
}

/* make site settings links look normal */
.ms-linksection-level1 ul li a
{
    font-weight: normal;
}

/* make the site actions colors match the branding */
.ms-siteactionsmenuinner
{
    background: url("/_layouts/images/bgximg.png") repeat-x scroll 0 -467px #313031;
    border-color: #313031;
}

/* fix margins when dialog is up */
.ms-dialog .customPageWidth, .ms-dialog .customBody
{
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    background-color: white !important;
    background-image: none !important;
    padding: 0px !important;
    overflow: inherit;
}

/* dialog bg */
.ms-dialog body
{
    background-color: white;
    background-image: none;
}

/* fix dialog padding */
.ms-dialog .s4-wpcell-plain
{
    padding: 4px;
}

/* fix field edit mode width problems */
.ms-formfieldvaluecontainer
{
    overflow: hidden;
}

/* fix the blog font size */
.ms-PostBody
{
    font-size: 100%;
}


.headerpage
{
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-bottom: 0px solid black;
}
.headerpage action
{
    border: 1px solid black;
    line-height: 24px;
    height: 24px;
}
.left
{
    float: left;
}
.right
{
    float: right;
}

.clearfix
{
    clear: both;
}
.headerpage .action img
{
    float: left;
    padding-top: 4px;
    padding-right: 2px;
}
.headerpage .title
{
    font-weight: bold;
    font-size: 16px;
}

.error
{
    font: normal 10px arial;
    padding: 3px;
    margin: 3px;
    background-color: #ffc;
    border: 1px solid #c00;
}
.w500
{
    width: 500px !important;
}
.w300
{
    width: 300px !important;
}
.w200
{
    width: 200px !important;
}
.w100
{
    width: 100px !important;
}

.w50
{
    width: 50px !important;
}
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.popup{
    border: 1px solid #c3c3c3;
    background-color: White;
    padding: 20px;
    max-height: 540px;
}
.popup table {
    width: 100%;
}
.popup td
{
    padding: 5px;
    vertical-align: top;
}
.content, .content table{
    width: 100%;
    margin-bottom:15px;
}

.content td {
    vertical-align: top;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 2px;
}

div.label
{
    font-weight: bold;
}

div.label span
{
    margin-left: 10px;
}


.heading
{
    padding: 1em 0 1em 0;
    color: #5377A9;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 1.2em;
}
.actionlink
{
    width: 50px;
}

.ms-WPTitle
{
    display: none !important;
}

/*
new style
*/

.float-left
{
    float:left;
}
.clearfix
{
    clear:both;
}

.customLogo .header{
    width:100%;
}

.customLogo .header .header1{
    font-size:16px;
    color:blue;
    margin-top: 40px;
}
.customLogo .header .header2{
    font-size:12px;
    margin-top: 10px;
}

.input[type="button"]
{
    border: 1px solid #336699;
    background: url(~/_layouts/emanifest/button_bg.png) repeat-x center;
    height: 24px;
    font-weight: bold;
    vertical-align: middle;
    cursor: pointer;
    color: #000000;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}
.input[type="button"]:hover
{
    border-color: #FF9900;
    background-position: center;
    background: url(~/_layouts/emanifest/button_bg_hover.png) repeat-x center;
}
.input[type="button"][disabled]
{
    border-color: #999999;
    color: #999999;
}

.button
{
    border: 1px solid #336699;
    background: url(~/_layouts/emanifest/button_bg.png) repeat-x center;
    height: 24px;
    font-weight: bold;
    vertical-align: middle;
    cursor: pointer;
    color: #000000;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}
.button:hover
{
    border-color: #FF9900;
    background-position: center;
    background: url(~/_layouts/emanifest/button_bg_hover.png) repeat-x center;
}
.disabled
{
    border-color: #999999;
    color: #999999;
}


/******************* Text box ******************/


/**********/
fieldset {
    border: 1px solid #69A1BF;
}

space {
    height: 20px;
}

.ms-wpContentDivSpace {
    margin-left: 0px !important;
    margin-right: 0px !important;
}


td.ms-dtinput
{
    padding: 0 0 0 0;    
    width: 100px;
}

.ajax-calendar .ajax__calendar_body
    {
      width:200px;
    }
.ajax-calendar .ajax__calendar_container {padding:3px;position:absolute;cursor:default;width:200px;text-align:center;font-family:tahoma,verdana,helvetica;background-color: lemonchiffon;border:1px solid #646464;}


a.button { background: url('~/_layouts/emanifest/images/buttons/button_transparent_overlay.png') repeat-x scroll 0 0 transparent; display:block; font-family: Segoe UI, Arial, Sans-Serif; font-weight:bold; font-size: 12px; height:24px; line-height:23px; text-decoration:none; max-width: 200px; width: auto; text-align: left; }
a.grayButton { background-color: #969696; border: solid 1px #c6c6c6; color: #ffffff; }
a.blueButton { background-color: #0000B6; border: solid 1px #7C7CFF; color: #ffffff; }
a.greenButton { background-color: #32AF21; border: solid 1px #74C462; color: #ffffff; }
a.redButton { background-color: #DB1111; border: solid 1px #FF6868; color: #ffffff; }
a.cyanButton { background-color: #0094FF; border: solid 1px #8CD1FF; color: #ffffff; }
a.eManifestButton { background-color: #0094FF; border: solid 1px #8CD1FF; color: #ffffff; }
a:hover.grayButton, a:hover.blueButton, a:hover.greenButton, a:hover.redButton, a:hover.cyanButton { color: #FFF959; }
a.startupButton, a.loginButton { width: 110px; }
a.button span { text-indent:30px; display: block; }
.addButton { background:url('~/_layouts/emanifest/images/buttons/add16.png') no-repeat 8px 4px; }
.sendButton { background:url('~/_layouts/emanifest/images/buttons/send16.png') no-repeat 8px 4px; }
.saveButton { background:url('~/_layouts/emanifest/images/buttons/save16.png') no-repeat 8px 4px; }
.okButton { background:url('~/_layouts/emanifest/images/buttons/ok16.png') no-repeat 8px 4px; }
.cancelButton { background:url('~/_layouts/emanifest/images/buttons/cancel16.png') no-repeat 8px 4px; }
.startupButton { background:url('~/_layouts/emanifest/images/buttons/startup16.png') no-repeat 8px 4px; text-indent: 36px !important; font-size: 14px; }
.loginButton { background:url('~/_layouts/emanifest/images/buttons/login16.png') no-repeat 8px 4px; text-indent: 30px !important; }
.searchButton { background:url('~/_layouts/emanifest/images/buttons/search16.png') no-repeat 8px 4px; }
.refreshButton { background:url('~/_layouts/emanifest/images/buttons/reload16.png') no-repeat 8px 4px; }
.closeButton { background:url('~/_layouts/emanifest/images/buttons/close16.png') no-repeat 8px 4px; }
.formattingButton { background:url('~/_layouts/emanifest/images/others/formatting16.png') no-repeat 8px 4px; }
.optionsButton { background:url('~/_layouts/emanifest/images/buttons/options16.png') no-repeat 8px 4px; }
.downloadButton { background:url('~/_layouts/emanifest/images/buttons/download16.png') no-repeat 8px 4px; }
.uploadButton { background:url('~/_layouts/emanifest/images/buttons/upload16.png') no-repeat 8px 4px; }
.queueButton { background:url('~/_layouts/emanifest/images/menu/report16.png') no-repeat 8px 4px; }
.defaultSaveButton { background:url('~/_layouts/emanifest/images/buttons/save16.png') no-repeat 8px 4px; }
.defaultCancelButton { background:url('~/_layouts/emanifest/images/buttons/cancel16.png') no-repeat 8px 4px; }
.printfButton { background:url('~/_layouts/emanifest/images/buttons/printButton.png') no-repeat 8px 4px; }

.divDialogButton { float: right; width: auto; height: 100%; position: relative;
    top: 0px;
    left: 0px;
}
input[type='text'].align-right { text-align:right;}

.shipAgentCreater 
{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80px;
}

.ajax__calendar_body
{
    width: 205px !important;
}

.ajax__calendar_container
{
    width: 207px !important;
}