@charset "utf-8";
body {
background-color: #c6c7c7;
color: #333333;
margin:0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 16px;
}
img { border: 0px; }
.bold{
font-weight:bold;}
.text_heading_red {
color: #FF6600;
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
line-height: 30px;
}
#wrap {
width:1146px;
margin:17px auto 0;
}
#frame {
width:1147px;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
padding:0px 0px 0px 0px;
text-align:left;
}
#headerwrap{
float:left;
}
#header {
float: left;
height:198;
}
#animation{
height:190px;
}
#container {
overflow: hidden;
float:left;
width:1147;
background-color:#FFFFFF;
}
#col1 {
float: left;
background-color:#0f1953;
width: 210px;
margin-bottom: -2950px;
padding-bottom: 3000px;
}
/*left menu start*/
#ddblueblockmenu{
list-style-type: none;
background-color:#7cd7d2;
padding-left:11px;
padding-bottom:13px
padding-top:10px;
height:789px;
}
#ddblueblockmenu ul{
margin: 0;
padding: 0;
line-height:18px;
list-style-type: none;
font-weight:normal;
color:#CC0000;
font-size:16px;
}
#ddblueblockmenu li a{
display: block;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
width: 188px; /*185px minus all left/right paddings and margins*/
height:25px;
line-height:18px;
background-image:url(../images/btn_white.gif);
background-repeat:no-repeat;
padding-top:10px;
padding-bottom:6px;
text-decoration: none;
color: #0f1953;
padding-left:11px;
}
* html #ddblueblockmenu li a{ /*IE only */
width: 210px; /*IE 5*/
w\idth: 188px; /*185px minus all left/right paddings and margins*/
}
/*#ddblueblockmenu li a:visited {
background-image:url(../images/btn_blue.gif);
background-repeat:no-repeat;
color:#FFFFFF;
}*/
#ddblueblockmenu li.selected a {
background-image:url(../images/btn_blue.gif);
background-repeat:no-repeat;
color:#FFFFFF;
}
#ddblueblockmenu li a:hover {
background-image:url(../images/btn_blue.gif);
background-repeat:no-repeat;
color:#FFFFFF;
}
#ddblueblockmenu div.menutitle{
padding-left: 2px;
padding-bottom:6px;
}
/*special menu2*/
/* for internation btn*/
#ddblueblockmenu2 ul{
margin: 0;
padding: 0;
list-style-type: none;
font-weight:normal;
color:#CC0000;
font-size:16px;
}
#ddblueblockmenu2 li a{
display: block;
padding-left: 9px;
width: 188px; /*185px minus all left/right paddings and margins*/
height:70px;
line-height:18px;
padding-top:10px;
padding-bottom:6px;
text-decoration: none;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #0f1953;
padding-left:11px;
background-image:url(../images/btn_white2.gif);
background-repeat:no-repeat;
}
* html #ddblueblockmenu2 li a{ /*IE only */
width: 210px; /*IE 5*/
w\idth: 188px; /*185px minus all left/right paddings and margins*/
}
#ddblueblockmenu2 li a:hover {
background-image:url(../images/btn_blue2.gif);
color:#FFFFFF;
}
#ddblueblockmenu2 li.selected2 a {
background-image:url(../images/btn_blue2.gif);
background-repeat:no-repeat;
color:#FFFFFF;
}
#ddblueblockmenu2 div.menutitle{
padding-left: 2px;
padding-bottom:6px;
}
/*special menu2 end*/
#update{
background-image:url(images/update-your-details.gif);
background-repeat:no-repeat;
float:left;
width:185px;
height:56px;
margin-top:22px;
}
#reports {
float: left;
height: 80px;
width: 185px;
color: #FFF;
margin-top: 20px;
background-color: #FFF;
margin-right: 5px;
}
.reports {
line-height: 1em;
color: #0f1953;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
margin-left: 10px;
}
/*left menu end*/
/*content holder */
#gallery{
float:left;
width:937px;
}
div.img
{
margin: 2px;
height: auto;
width: auto;
float: left;
}
div.img img
{
display: inline;
margin: 3px;
border: 1px solid #ffffff;
}
div.img2
{
margin: 2px;
height: auto;
width: 286px;
float: left;
}
div.img2 img2
{
display: inline;
margin: 3px;
padding-bottom:5px;
border: 1px solid #ffffff;
}
#menuholder{
float:left;
width:210px;
}
#division{
margin-top:150px;
height:35px;
padding-left:10px;
}
#container .col2 {
background: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 16px;
width: 852px;
float:left;
padding-left:54px;
padding-top: 34px;
padding-right:29px;
padding-bottom:50px;
}
.2col{
float:left;
width: 628px;
}
/*for homepage only */
#.col3 {
background: #ffffff;
float:left;
width:937px;
}
#flashimage{
float:left;
width:840px;
padding-top:34px;
padding-bottom:35px;
padding-left:54px;
}
#flashabout{
float:left;
width:840px;
height:285px;
padding-left:54px;
padding-bottom:35px;
}
#flashhow{
float:left;
width:840px;
height:323px;
padding-left:54px;
padding-bottom:35px;
}
/*for homepage only */
/*for branch officers only */
.image{
float:left;
margin: 0 0px;
padding-left:0px;
padding-right:10px;
}
.image2{
float:left;
padding-left:100px;
}
.image3{
float:left;
padding-left:100px;
}
/*for branch officers only end */
/*for rail-operation */
.imagerail{
float:left;
margin: 0 0px;
padding-left:24px;
padding-right:27px;
padding-bottom:20px;
font-family: Verdana, Geneva, sans-serif;
font-size:16px;
font-weight:bold;
color:#000;
text-align:center;
}
.imagerail h3{
font-size:12px;
font-weight:300;
margin-top:0px;
}
.contentrail{
float: left;
width: 604px;
padding-top:25px;
padding-left:24px;
}
.contentrailleft{
float: left;
width: 300px;
}
.contentrailright{
float: left;
width: 300px;
}
ul.b {
list-style-type:disc;
line-height:20px;}
ul.c {
list-style-type:none;
line-height:20px;}
.newsletter{
background-image:url(../images/unionbg.gif);
background-repeat:no-repeat;
width:171px;
height:1000px;
float: left;
padding:24px;
}
.contentrighttext{
background-image:url(../images/unionbg.gif);
background-repeat:no-repeat;
float: left;
padding:24px;
height: 850px;
}
.contentright{
float: left;
width: 217px;
height: 900px;
}
#unionexpress{
padding-bottom:24px;}
/*for rail-operation end */
/*for contact start */
.titlecontact{
float:left;
padding-top:20px;
padding-bottom:20px;
}
.address{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#0f1953;
}
table
{
border-collapse:collapse;
}
table
{
width:800px;
font-family:Arial, Helvetica, sans-serif;
color:#009580;
font-size:14px;
line-height:16px;
padding:3px;
border:0px;
border-color:#FFFFFF;
}
table, td, th
{
border:0px;
border-color:#FFFFFF;
}
.contactbold{
font-weight:bold;
}
.contentcontactleft{
float: left;
width: 400px;
}
.contentcontactright{
float: left;
width: 400px;
}
li.e {
list-style-type:none;
padding-left:24px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:15px;
}
/*for contact end */
/*for international-transport */
.desc
{
text-align: left;
font-family:"Lucida Sans";
font-size:11px;
font-weight: bold;
width: 210px;
margin: 2px;
}
/*for international-transport end */
.imageleft{
float:left;
padding:10px;
}
.contenthome {
float: left;
width: 800px;
padding-left:24px;
padding-top:25px;
}
.content {
float: left;
width: 800px;
padding-left:24px;
}
.contentleft{
float: left;
width: 628px;
}
/*for tram start */
.bar{
float:left;
padding-top:25px;
}
.contentlefttram{
float: left;
width: 590px;
}
#titlebar{
float:left;
padding-bottom:20px;
}
/* video*/
.titlevideo{
display:table;
border-spacing:8px;
}
.row{
display:table-row;
}
.image {
display:table-cell;
width:240px;
padding-left:0px;
background-color:#FFF;
vertical-align:top;
text-align:center;
}
/*.image p caption {
color:#000;
font-size:85%;
font-weight:400;
text-align:left;
}
.image p {
color:#000;
font-size:85%;
text-align:left;
}
.videoimg{
float:left;
padding:20px;}
/* video end*/
.titlebarright{
float:left;
}
.imageright{
float:right;
padding-left:10px;
padding-bottom:10px;
padding-right:35px;
}
#linkaddress a{
font-size:18px;
font-family:"Lucida Sans";
color:#009EE0;
line-height:30px;
} /* unvisited link */
a:visited {color:#0f1953} /* visited link */
a:hover {color:#0f1953} /* mouse over link */
a:active {color:#0f1953F} /* selected link */
a:link {font-size:14px;
font-family:"Lucida Sans";
color:#009EE0;
line-height:15px;} /* unvisited link */
a:visited {color:#0f1953} /* visited link */
a:hover {color:#0f1953} /* mouse over link */
a:active {color:#0f1953F} /* selected link */
.contactpg a
{
font-size:14px;
font-family:"Lucida Sans";
text-decoration:none;
color:#009580;
line-height:0px;} /* unvisited link */
a:visited {color:#0f1953} /* visited link */
a:hover {color:#0f1953} /* mouse over link */
a:active {color:#0f1953} /* selected link */
/*for menu */
/*#menu a {
text-align:left;
text-decoration:none;
font-size:18px;
font-weight:bold;
line-height:35px;
display:block;
color:#989492;
width:190px;
padding:0px 0px 0px 20px;
border:0px solid #fff;
border-bottom: 1px solid #dbcfc0;
}
#menu a:visited {
text-align:left;
text-decoration:none;
font-size:13px;
font-weight:bold;
line-height:35px;
display:block;
color:#989492;
width:163px;
padding:0px 0px 0px 20px;
border:0px solid #fff;
border-bottom: 1px solid #dbcfc0;
}
#menu ul{
margin:0;
padding:0;
list-style-type:none;
}
#menu a:hover {
color:#CC0000;
background-color:#f4cecc;
width: 210px;
border-color:#dfd7ca #b2ab9b;
}
/*end of custom building */
#content_right {
float: left;
width: 877px;
padding:38px 20px 0px 20px;
background-color:#f6f6f6;
font-size:12px;
line-height:16px;
}
.h1{
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
padding:0px 0px 0px 0px;
line-height: 30px;
}
.h2{
color: #989492;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
padding:0px 0px 0px 0px;
line-height: 30px;
}
.h3{
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
padding:0px 0px 0px 0px;
line-height: 10px;
}
.h4{
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding:0px 0px 0px 0px;
line-height: 10px;
}
.h5{
color: #000;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 16px;
padding:0px 0px 0px 0px;
line-height: 10px;
}
.flashimage{
float:left;
margin:0;
}
#footer {
width: 1117px;
margin: auto;
background-image:url(../images/footer_bg.gif);
background-repeat:no-repeat;
height: 46px;
padding: 15px 15px 0px 15px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:11px;
color: #fff;
text-decoration: none;
float:left;
}
#footer #home {
float: right;
width: 400px;
text-align: right;
}
#footer #sitemap {
width: 400px;
float: left;
text-align: left;
}
#footer a {
text-decoration:none;
font-size:11px;
color:#fff;
}
#footer a:hover {
text-decoration:none;
font-size:11px;
color:#CCCCCC;
}
/* Footer Link */
a.footer_m {
font-size: 11px;
font-style:normal;
color: #666666;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
a.footer_m:hover {
font-size: 11px;
font-style:normal;
font-weight:bold;
color: #CC0000;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
#FormContainer {
width:826px;
height:330px;
}
.FormText1 {
font-weight:bold;
color:#000;
font-size:20px;
width:75px;
height:30px;
float:left;
padding:7px;
}
.FormRow {
width:826px;
height:35px;
float:left;
padding:5px;
}
.FormText2 {
font-weight:bold;
color:#000;
font-size:22px;
width:80px;
height:30px;
float:left;
padding:4px;
padding-right: 4px;
}
.FormText3 {
font-weight:bold;
color:#000;
font-size:22px;
width:187px;
height:30px;
float:left;
padding:4px;
margin-left:8px;
margin-right:8px;
}
.FormText4 {
font-weight:bold;
color:#000;
font-size:22px;
width:286px;
height:30px;
float:left;
padding:4px;
margin-left:10px;
margin-right:10px;
}
.FormText5 {
font-weight:bold;
color:#000;
font-size:20px;
width:156px;
height:34px;
float:left;
padding:7px;
padding-top:10px;
}
.FormText6 {
font-weight:bold;
color:#000;
font-size:20px;
width:220px;
height:30px;
float:left;
padding:7px;
margin-left:12px;
margin-right:12px;
}
.FormText7 {
font-weight:bold;
color:#000;
font-size:20px;
width:80px;
height:30px;
float:left;
padding:7px;
margin-left:8px;
margin-right:12px;
}
.FormText8 {
font-weight:bold;
color:#000;
font-size:20px;
width:160px;
height:30px;
float:left;
padding:7px;
}
.FormText9 {
font-weight:bold;
color:#000;
font-size:22px;
width:328px;
height:30px;
float:left;
padding:4px;
text-align:right;
}
#Download {
width:826px;
height:120px;
padding:7px;
float: right;
border-top: solid 1px #003;
}
.FormText2 input {
color: #999;
}
.FormText3 input {
color: #999;
}
.FormText4 input {
color: #999;
}
.FormText5 input {
color: #999;
}
.FormText6 input {
color: #999;
}
.FormText7 input {
color: #999;
}
.FormText8 input {
color: #999;
}
#spacer1 {
width:80px;
height:150px;
float:left;
}