/*Standard Generic*/
.space{margin-bottom:5px}
.alert{border:1px solid transparent;border-radius:4px!important;margin-bottom:6px!important;padding:4px!important}
.weak{color:#999;font-size:14px}
.labelweak{color:#5f6162;font-size:12px;margin:5px -6px 3px 8px}
.required:after{content:" *";color:#c1c1c1;}
 label.required:after {content: " *";}.textbox-focus{border:2px solid #00C;background:#def}
.roundShadowContainer{background:#fefefe;border:1px solid #c4cddb;padding:6px;margin:0 auto;border-top-color:#d3dbde;border-bottom-color:#bfc9dc;box-shadow:0 1px 1px #ccc;border-radius:5px}
.roundShadowContainer h2{margin:0;padding:10px 0;font-size:18px;text-align:center;background:#ebebec;border-bottom:1px solid #dde0e7;box-shadow:0 -1px 0 #fff inset;border-radius:5px 5px 0 0;text-shadow:1px 1px 0 #fff;font-weight:700}
.roundShadowContainer h3{margin:0;padding:10px 0;font-size:16px;text-align:center;background:#ebebec;border-bottom:1px solid #dde0e7;box-shadow:0 -1px 0 #fff inset;border-radius:5px 5px 0 0;text-shadow:1px 1px 0 #fff;font-weight:700}
/*.roundShadowContainer ul,li{margin:0;padding:0;list-style-type:none}*/
.roundShadowContainer input{border:1px solid #d5d9da;border-radius:5px;box-shadow:0 0 5px #e8e9eb inset;outline:0}
.fieldSetWithBorder{border:2px dashed #eee;margin:2px 2px 3px 3px;overflow:hidden;padding:2px;width:217px}
.fieldSetWithBorder legend{font-size:14px;line-height:inherit}
.first-of-type{margin:4px 3px 4px -2px}
.addBar{font-size:14px;font-weight:700;margin:-1px 36px -3px;overflow:hidden;width:300px}
.ddl{border:2px solid #d5d9da;border-radius:3px;padding:3px;text-indent:.01px;font-size:13px;font-family:Georgia;margin:6px 6px 0 2px}
/*Password Generic*/
#divPasswordCriteriaContainer{font-size:.8em;display:none;padding:6px;position:absolute;width:236px;z-index:2000}
#divPasswordCriteriaContainer:before{content:"\25B2";position:absolute;top:-10px;left:45%;font-size:14px;line-height:12px;color:#ddd;display:block}
#divPasswordCriteriaContainer h1,h2,h3,h4{margin:0 0 10px;padding:0;font-weight:400}
/*#divPasswordCriteriaContainer ul,li{list-style-type:circle;margin:4px 3px 4px 4px;padding:2px 1px 3px 9px;width:203px}*/
.orderedListTypePasswordCriteria{list-style-type:circle;margin:4px 3px 4px 4px;padding:2px 1px 3px 9px;width:203px}
.invalidPassword,.validPassword{padding-left:6px;line-height:12px}
.invalidPassword{color:#ec3f41}
.validPassword{color:#3a7d34}
.badMatch{color:#f66}
.dashedSeparator{margin:25px 0;border-bottom:dashed 1px #666}
/*bootstra specifc*/
.container{width:832px}
td{padding:4px!important}
.form-control{height:30px}
.table{margin-bottom:5px}
.page-header{padding-bottom:10px;margin:5px 0 10px;border-bottom:1px solid #eee}
/*password hint*/
.divPasswordHintSmallContainer{background:#f4f9fb none repeat scroll 0 0;border:2px dashed #ddd;width:349px}
.divPasswordHintHeader{width:123px;padding:0;margin:4px 8px 9px 1px;cursor:pointer}
.showPassword{float:right;margin:-25px 13px 0 0}
.listUL{font-size:12px;list-style-type:square;margin:2px 0 1px 12px;padding:2px 1px 1px 6px;width:312px}
.listLi{font-size:12px;list-style-type:square;margin:3px 0 -2px 32px;padding:2px 1px 1px 6px;width:267px}
#divPasswordHintCriteria{background:#fefefe none repeat scroll 0 0;border:1px solid #ddd;border-radius:5px;box-shadow:0 1px 3px #ccc;display:none;font-size:.8em;height:161px;padding:6px;position:absolute;width:365px;z-index:2000}
/*Layout*/
.containerWrap{text-align:center;padding:12px;background-color:#f5f5f5;width:100%}
.outerWrap{margin-top:10px;}
.left-div{display:inline-block;max-width:435px;text-align:left;padding:3px;margin:3px;vertical-align:top}
.right-div{display:inline-block;max-width:435px;text-align:left;padding:3px;margin:3px}
.left{float: left;margin: 5px; text-align: left;}
.right{float:right;margin:5px;text-align: left;}
/*This code generates a gray button that will be highlighted when user hover over it:Example used in Parts Management(transportation)*/
.buttonGray{background:#EEE none repeat scroll 0 0;border:1px solid #DDD;color:#373737;cursor:pointer;font-weight:700;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;text-decoration:none;text-shadow:0 1px 1px #FFF;width:100px;height:25px;font-size:12px;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;-moz-border-radius-bottomleft:2px;-moz-border-radius-bottomright:2px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px}
.buttonGray:hover{border:solid 1px #CCC;background:#CCC none repeat scroll 0 0}
/* Text Box  */     
.standardTextBox{-moz-box-shadow:5px 5px 5px #ccc;-webkit-box-shadow:5px 5px 5px #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #CCC;border-radius:3px 3px 3px 3px;box-shadow:1px 1px 1px 1px #CCC;padding:3px;text-align:left;background-color:#F0F8FF;color:gray}
/*Firefox, Safari/Chrome, Opera and IE9 users should see a grey fading shadow under this box.*/
.standardTextBox:active{background:#eee;-moz-box-shadow:inset 0 0 2px #5F5F5F;-webkit-box-shadow:inset 0 0 2px #5F5F5F;box-shadow:inset 0 0 2px #5F5F5F}
.standardTextBox:hover{border:solid 1px #999;-moz-box-shadow:0 0 10px #999;-webkit-box-shadow:0 0 10px #999;box-shadow:0 0 2px #999}                                                                                                        
.standardTextBox:focus{outline:none;border:solid 1px #73A6FF;background:#EFF5FF;color:#000}
/* info box*/
.infoBox{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc;margin:0 auto!important}
.engravedHeader{color:#333;font: 18px 'LeagueGothicRegular'; text-shadow: 0px 1px 0px rgba(255,255,255,255);}
.engravedHeaderChild{color:#333;font: 14px 'LeagueGothicRegular'; text-shadow: 0px 1px 0px rgba(255,255,255,255);}
.engravedHeader h2{font-size:24px;}
#divImportantHint{display:none;position:absolute;z-index:2000;}
.divImportant{cursor:pointer;}
/* radio box*/
input[type="radio"]{margin: 4px 8px 0px 16px;}
/*Modal Pop up*/
.progressBarWindow{background:none repeat scroll 0 0 #fafafb;height:70px;position:absolute;width:373px;z-index:13000;}
#progressBackgroundFilter{position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden;padding:0;margin:0;background-color:#b7b5b5;filter:alpha(opacity=50);opacity:.5;z-index:1000}                                                                                                                                                                                                                                                                       
#divWaitCaption{cursor:pointer;left:37%;position:absolute;top:64%;padding:.5em 2em .5em .75em} 
.progressBarWindow{border:4px solid #FBFBFB;border-radius:10px 10px 10px 10px;
                   box-shadow:2px 0 2px #222;padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px
                   ;left:29%;
}
/*Error Messages*/
div#divErrorPageContainer{position:absolute;width:850px;background:none;top:20%;bottom:0;left:0;right:0;margin:0 auto;padding:8px}
div#divErrorPageContainer #divLogoImage{width:433px;vertical-align:middle;text-align:left}                                                                                                                                  
div#divErrorPageContainer p{padding:10px; letter-spacing:0em;word-spacing: 0em;}
/* div for ttoal*/
#divTotalRecs{background:none repeat scroll 0 0 #E0EEEE;border:2px solid #B5CAD0;display:block;float:right;padding:8px;}
#divTotalRecs span{color:#444;font-family:Georgia,"Times New Roman",Times,serif;font-size:12px;font-weight:inherit;line-height:1.1em;margin:0 0 11px;padding:1px 0 0;text-shadow:0 1px 1px #FFF;text-transform:capitalize}
.count{font-size:12px;font-weight:700;background:#FFC none repeat scroll 0 0;border-bottom:1px dashed #888}
/* link items container */
.linkItemsContainer{list-style:none;margin:5px 0;padding:0;width:100%;float:left}
.linkItemsContainer li{box-shadow:0 1px 1px #ccc;border-radius:2px;}
.linkItemsContainer li{float:left;margin:5px 10px 5px 0}
.linkItemsContainer li a{padding:15px;text-decoration:none;font-family:Sans-Serif;float:left;width:150px;height:65px;font-size:90%}
.linkItemsContainer li a{color:#333;background:rgba(0,0,0,0.1);text-decoration:none;outline:none;padding:0 2px}
.linkItemsContainer li a{padding:16px 6px 4px 4px;margin:2px}
/*a:hover {color: #377FA6;}*/
.linkItemsContainer li a{ font-size:13px}
.linkItemsContainer li a:hover{color:rgba(0,0,255,1)}
.linkItemsContainer li a:hover {border-bottom: 0px;color: rgba(0,0,255,1);}
.linkItemsContainer li a:after {
        content: "";
        height: 100%;
        left: 0;
        top: 0;
        width: 0px;
        position: absolute;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        z-index: -1;
    }
.linkItemsContainer li a:hover:after{content:' →';}