/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 0px;
    padding-bottom: 20px;
    font-family: SimSun, "Helvetica Neue", Helvetica, Arial, sans-serif, Tahoma, Arial;
    font-size: 12px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

/* Tables */
.topMenuTable{
    width:960px;
    margin:0px auto auto auto;
    border-collapse:collapse;
    border:solid 0px;
}

.topMenuTable td{
    width:960px;
    border:solid 0px;
}

.fullFormTable{
	width:100%;
    border-collapse:collapse;
    border:solid 0px white;
}
.fullFormTable td{
    border:solid 2px white;
}

.simpleFormTable{
	width:600px;
	margin:50px auto 50px auto;
    border-collapse:collapse;
    border:solid 10px white;
}
.simpleFormTable td{
    border:solid 5px white;
}

.searchTable{
    width:100%;
    margin:0px 0px 0px 0px;
    border-collapse:collapse;
    border:solid 2px white;
}
.searchTable td{
    border:solid 2px white;
    vertical-align:top;
}

.searchControl{
    background-color:#2980b9;
    color:white;
}

.maintainTable{
    width:100%;
    margin:0px 0px 0px 0px;
    border-collapse:collapse;
    border:solid 2px #d6f3b8;
    background-color:#d6f3b8;
}

.maintainTable td{
    border:solid 2px #d6f3b8;
    vertical-align:top;
}

.formTableImageTd{
    width: 110px; 
    text-align:left; 
    vertical-align:top; 
    border-collapse:collapse;
    border-right-style: solid; 
    border-right-width: 1px; 
    border-right-color: #C0C0C0;
}

.formTableSpaceTd{
    height:30px;
}

.formTableButtonTd{
    text-align:right;
    vertical-align:bottom;
}

.guideFrameTable {
    border-collapse: collapse;
    border: none 0px;
}

.guideFrameTable Td{
    border:none 0px;
}

.guideTable {
    background-color:lightyellow;
    border-collapse: collapse;
    border: none 0px;
}

.guideTable Td{
    background-color:lightyellow;
    border:none 0px;
}

.guideSearchPanel{
    background-color:lightyellow;
}

.guideSearchPanel Table{
    border-collapse:collapse;
    border:solid 2px lightyellow;
}

.guideSearchPanel Table Td {
    border:solid 2px lightyellow;
}

/* Menu */
.divMenu1{
    margin:0px 2px 0px 2px;
}

.menu1{
    padding: 0px 0px 0px 0px;
}

.menu1 ul{
    list-style:none;
    margin:0px;
    padding:0px;
    width:auto;
}

.menu1 ul li a, menu2 ul li a:visited{
    background-color:#FFFFFF;
    font-weight:bold;
    color:#000000;
    display:block;
    line-height:1.35em;
    padding:0px 10px 4px;
    text-decoration:none;
    white-space:nowrap;
}

.menu1 ul li a:hover{
    color: #0000FF;
}

.menu1 ul li a:active{
    color: #FF0000;
}

.infoDiv{
    float:right;
    margin:0px 0px 0px 0px;
}

/* Main page top button item */
.topItem{
    width:120px;
    float:initial;
    margin:2px auto auto auto;
    text-align:center;
}

/* Mobile Size */
.loginFont{
    font-size:20px;
}

/* Text */
.title1
{
    color: #174056;
    font-size: 2em;
    font-weight:900;
}

.title2
{
    color: #174056;
    font-size: 1.8em;
    font-weight:800;
}

.title3
{
    color: #174056;
    font-size: 1.6em;
    font-weight:700;
}

.title4
{
    color: #174056;
    font-size: 1.4em;
    font-weight:600;
}

.hightlight4
{
    color: #ff0000;
    font-size: 1.4em;
    font-weight:600;
}

.title5
{
    color: #174056;
    font-size: 1.2em;
    font-weight:600;
}

.title6
{
    color: #174056;
    font-size: 1em;
    font-weight:600;
}

.doc5
{
    font-size: 1.2em;
    font-weight:600;
}

a.title5
{
    color: #174056;
    font-size: 1.2em;
    font-weight:600;
}

.remark
{
	color:#999999;
}

.errorMessage{
    color:red;
}

.paragraph
{
	margin:4px auto auto auto;
}

.noData
{
	margin-top:20px;
	font-size:x-large;
	font-weight:bolder;
	color:#dddddd;
	text-align:center;
	width:100%;
}

.descriptionDiv{
    margin-bottom:2px;
    margin-top:2px;
}

.textLineDiv{
    margin-bottom:8px;
    margin-top:8px;
}

.helpDiv{
    color:#00acea;
    margin-bottom:2px;
    margin-top:2px;
}

.stepDiv,
.stepSelectedDiv{
    float:left;
    margin:auto 5px 5px auto;
    font-weight: bold;
    font-size: 12px;
    text-align:center;
    vertical-align:central;
    padding:10px;
}

.stepDiv {
    background-color: #dddddd;
    color: #999999;
}

.stepSelectedDiv {
    background-color: #174056;
    color: white;
}

.deliveryStepDiv a, a:visited, a:hover, a:active{
    color: blue;
    text-decoration:none;
}


.merchandiseDiv{
	background-color:#44c767;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
    margin:1px 1px 1px 1px;
}
.merchandiseWeightDiv{
    text-align:center;
    margin:auto auto 5px auto;
}

.merchandisePutDiv{
    text-align:center;
}

.merchandiseGroupDiv{
	background-color:#f5f398;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eea117;
	display:inline-block;
	cursor:pointer;
	padding:4px 4px;
	text-decoration:none;
    margin:2px 2px 2px 2px;
    width:100%;
}

.merchandiseTitleDiv{
    padding:2px 2px;
}

.merchandiseFootDiv{
    text-align:right;
    padding:2px 2px;
}

.putAllBUtton{
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  color: #ffffff;
  text-decoration: none;
}