
body{
  background-image: url(../images/bg_slice.png);
  background-repeat: repete-x;
  font-family: 'Franklin Gothic Medium';
}


#header{
  background-image: url(../images/bg_header.png);
  color: #FFFFFF;
  font-family: 'Franklin Gothic Medium';;
  font-size: 25px;
  text-align: center;


}

#header11 {
top:-10px;
height:100px;
width:1000px;
left: 1px;
background-image: url(../images/coalManager.jpg);
position: relative;
 vertical-align: middle;
}



#output table{
    text-align: center;
    border-width: 1px 1px 1px 1px medium;
    border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: black black black black;
	border-collapse: collapse;

}

#output table td {
    text-align: center;
    vertical-align: middle;
    border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: black black black black;
	-moz-border-radius: 0px 0px 0px 0px;
}

#output table th{
        border-width: 1px 1px 1px 1px;
	    padding: 1px 1px 1px 1px;
	    border-style: inset inset inset inset;
	    border-color: black black black black;
        -moz-border-radius: 0px 0px 0px 0px;
}

#submit{
  left: -30px;
  position: relative;
}

#cal2Container { display:none; position:absolute; left:700px; top:150px; z-index:1}


#cal21Container { display:none; position:absolute; left:750px; top:150px; z-index:1}
#cal11Container { display:none; position:absolute; left:750px; top:200px; z-index:1}

#show1up{
  top: 10px;
  left: 5px;
  position: relative;
}

#show2up{
  top: 10px;
  left: 5px;
  position: relative;
}

#trainNo1{
   font-weight: bold;
   font-size: 20px;
}

#print table{

    border-width: 1px 1px 1px 1px medium;
    border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;

}

#print table td {
    text-align: center;
    vertical-align: middle;
    border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}

#print1{

  left: 300px;
  vertical-align: top;
  position: relative;
}


#print table th{
        border-width: 1px 1px 1px 1px;
	    padding: 1px 1px 1px 1px;
	    border-style: inset inset inset inset;
	    border-color: gray gray gray gray;
        -moz-border-radius: 0px 0px 0px 0px;
}


#print1 table{
    font-weight: bold;
    border-width: 1px 1px 1px 1px medium;
    border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;

}

#print1 table td {
    text-align: center;
    vertical-align: middle;
    border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}

#print1 table th{
        border-width: 1px 1px 1px 1px;
	    padding: 1px 1px 1px 1px;
	    border-style: inset inset inset inset;
	    border-color: gray gray gray gray;
        -moz-border-radius: 0px 0px 0px 0px;
}

#leftcol{
width:180px;
float:left;
text-align:left;
font-family: 'Franklin Gothic Medium';
left: 5px;
position: relative;

}


#head{
width:180px;
background-image: url(../images/hhead.png);
background-repeat: repeat-x;
color:#000000;
font-family:'Franklin Gothic Medium';

}

#headtitle{
 color: #FFFFFF;
 top:-3px;
 position: relative;
}


#leftWidget{
background-image: url(../images/bg11.jpg);
background-repeat: repeat-x;
background-color: #ffffff;}


#leftWidget #leftWidgetContent{
color:#000000;
font-size: 12px;
font-Family: 'Arial';
margin-left: 10px;
text-decoration: none;
text-transform: none;
cursor: pointer;


}

#leftWidget #leftWidgetContentLogin{
color:#000000;
font-size: 10px;
font-Family: 'Arial';
margin-left: 10px;

}

#leftWidget #leftWidgetContentLogin a{
color:#000000;
text-decoration: none;
text-transform: none;

}

#leftWidget #leftWidgetContentLogin a:HOVER{
color:#000000;
text-decoration: underline;
font-weight: bold;

}

#leftWidget #leftWidgetContent a:HOVER{
color:#000000;
text-decoration: underline;
font-weight: bold;
}

#leftWidget #leftWidgetContent a{
color:#000000;
text-decoration: none;
font-size: 12px;
}

#buttonContainer
{
    left:10px;
    position:relative;
    width:775px;
    display:inline;
    margin-left:4px;
    float: right;

}




#buttonContainer a #title
{
    top: 60px;
    left: 20px;
    position: relative;
    color: #ffffff;
    font-size: 20px;
    font-weight:bold;
	font-family:Serif;
    width: 210px;}



#buttonContainer a #title1
{
    top: -65px;
    left: 160px;
    position: relative;
    color: #ffffff;
    font-size: 20px;
    font-weight:bold;
	font-family:Serif;
    width: 210px;}

#buttonContainer a
{
    color:#fff;
    cursor:pointer;
    text-decoration: none;
    width:383px;
    height:153px;
    background-image: url(../images/button1.png);

    float:left;
    background-color: #000;

}

#buttonContainer a:hover
{
    text-decoration: none;
    background-image: url(../images/button4.png);
    background-repeat: repeat-x;

}

#buttonContainer a img
{
    top:40px;
    border: 0px;
    left: 20px;
    position:relative;
    width:auto;
    float: left;
}


#buttonAdd{
  background-image: url(../images/button.jpg);
  background-repeat: repeat-x;
  height:40px;
  width: 200px;
  text-align: center;
  color: #FFFFFF;
  font-family: 'Franklin Gothic Medium';


  }

#buttonAdd a{
    cursor: pointer;
    color: #FFFFFF;



}

#buttonAdd a:Hover{
    text-decoration: none;
    text-transform: none;
    cursor: pointer;
    color: #FFFFFF;

}


#goBack{

   font-family:'Franklin Gothic Medium';
   text-align: center;
   font-size: 14px;
   position: relative;
   float:right;
   cursor: pointer;
   color: #000000;

}
#goBack a{

   font-family:'Franklin Gothic Medium';
   text-align: center;
   font-size: 14px;
   position: relative;
   float:right;
   cursor: pointer;
   color: #000000;

}
#goBack a:hover{

    text-decoration: underline;
   color: #ffffff;

}

#footer{
top:-5px;
left: 2px;
width:1000px;
height:15px;
background-color:#000000;
position: relative;
float:left;
color: #FFFFFF;
font-family: 'Arial';
font-size: 10px;
text-decoration: none;
text-transform: none;
text-align: center;
vertical-align: middle;
}

#footer a{

   color: #ffffff;
   text-transform: none;
   text-decoration: underline;
}

#containerMainLogin{
width:1003px;
background-image: url(../images/login.jpg);
margin-top: 5px;
left: -9px;
position: relative;
text-align:left;
font-Family: 'Franklin Gothic Medium';
}

#trainNo1{
  left: 50px;
  position:relative;
}

#msg{
  top: 140px;
  left: 20px;
  position: relative;
  text-align: left;
}

#blink{
   color:#0033CC;
   font-size: 14px;
}

#blink1{
   color:#CC0033;
   left: 20px;
   position: relative;
   font-size: 14px;


}

#blink2{
   color:#0033CC;
   left: 20px;
   position: relative;
   font-size: 14px;
}

#blink3{
   color:#0033CC;
   left: 5px;
   position: relative;
   font-size: 14px;


}

#blink11{
   color:#CC0033;
   left: 5px;
   position: relative;
   font-size: 14px;


}
#blink12{
   color:#FFD700;
   left: 5px;
   position: relative;
   font-size: 14px;


}
#blink13{
   color:#006600;
   left: 5px;
   position: relative;
   font-size: 14px;


}



