﻿/*For default page*/
* { margin: 0; padding: 0; }
body { font-size: 11px; color: #58595b; font-family: Verdana; }
p { margin: 0; }
img { border: 0px; }
a { color: #238cc5; font-size: 10px; font-family: Verdana; }

#container { width: 800px; height: auto; margin: 0 auto; }
/*#contentarea { background: #e5e5e5; float: left; }
*/
#headercontainer { width: 791px; float: left; padding: 5px; }
#headercontainer div#header { background-image: url(../Images/white-box-mid1.jpg); width: 771px; float: left; padding: 0 10px 0 10px; }
.logo-login-container { width: 755px; height: 94px; background: #002f65; border-top: 2px solid #dc9e22; border-bottom: 2px solid #dc9e22; }
.login { width: 422px; float: left; height: 74px; padding: 20px 0 0 20px; font-family: Verdana; position: relative; overflow: hidden; }
div#container div.greycontainer { background: #e5e5e5; width: 786px; float: left; margin: -5px 0 0 6px; _margin: -5px 0 0 3px; }
.links { color: #002f66; font-size: 12px; text-decoration: none; }
#contentarea div.top-banner { background-image: url(../Images/top-banner1.gif); width: 786px; height: 167px; float: left; margin: 5px 0 0 0; }
.text { width: 420px; float: right; margin: 10px 0 0 0; }
div#container div.greycontainer p.dotted-line { background-image: url(../Images/dotted.jpg); background-repeat: repeat-x; float: left; width: 786px; height: 1px; margin: 10px 0 10px 0; position: relative; }
div#container div.greycontainer div.news-area { background-image: url(../Images/yellow-mid-blue.jpg); background-repeat: repeat-y; height: 100px; width: 476px; float: left; color: #000; }
div#container div.greycontainer div.news { _margin: -10px 0 0 5px; float: left; width: 476px; }
.minus-margin { _margin: -10px 0 0 0; }
.yellow-box-content { background-image: url(../Images/yellow-mid-boundary.jpg); height: 167px; width: 421px; background-repeat: repeat-y; float: left; }
.bottom-images { width: 786px; text-align: center; }
ul.listdata li { list-style-type: none; }
.ordered-list li { list-style-position: outside; margin-left: 28px; padding: 4px 0 4px 0; }
.register { float: left; width: 350px; margin: 10px 0 0 10px; }
.register p, .register i { padding: 2px 0; }

.rotating-images { background-image: url(../Images/01a.jpg); background-repeat: no-repeat; width: 347px; height: 176px; margin: 5px 0 0 8px; _margin: -5px 0 0 8px; float: left; }
.images { float: right; margin: 157px 0 0 0; z-index: 100; position: relative; width: 347px; }
.images ul { float: right; width: 170px; }
.images ul li { display: inline; margin: 2px 0 0 0; }
.images ul li img { margin: 2px 0 0 4px; float: left; }
.grey-transparent-bg { width: 347px; height: 21px; background: #000; float: left; overflow: hidden; z-index: 100px; margin: -20px 0 0 0; opacity: 0.40; filter: alpha(opacity=40); }

.fleft { float: left; }
.fright { float: right; }
.margin-left-1 { margin-left: 1px; }
.margin-left-5 { margin-left: 5px; }
.margin-right-5 { margin-right: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-15 { margin-left: 15px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-30 { margin-left: 30px; }
.margin-right-10 { margin-right: 10px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-right-35 { margin-right: 35px; }
.padding-left-10 { padding-left: 10px; }
.padding-0 { padding: 0; }
.padding-top-10 { padding-top: 10px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-25 { padding-top: 25px; }
.padding-top-40 { padding-top: 40px; }
.margin-bottom-10 { margin-bottom: 10px; }
.padding-top-5 { padding-top: 5px; }
.padding-bottom-5 { padding-bottom: 5px; }
.padding-top-7 { padding-top: 7px; }
.width-30 { width: 30px; }
.width-50 { width: 50px; }
.width-61 { width: 61px; }
.width-78 { width: 78px; }
.width-100 { width: 100px; }
.width-140 { width: 140px; }
.width-150 { width: 150px; }
.width-155 { width: 155px; }
.width-170 { width: 170px; }
.width-173 { width: 173px; }
.width-180 { width: 194px; }
.width-200 { width: 200px; }
.width-250 { width: 250px; }
.width-290 { width: 290px; }
.width-300 { width: 300px; }
.width-310 { width: 303px; }
.width-350 { width: 350px; }
.width-400 { width: 400px; }
.width-422 { width: 422px; }
.width-410 { width: 410px; }
.width-650 { width: 650px; }
.width-750 { width: 750px; }
.width-620 { width: 620px; }
.width-70 { width: 70px; }
.width-90 { width: 90px; }
.padding-left-right { padding: 0 3px 0 3px; }
.verdana { font-family: Verdana; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }
.padding-top { padding-top: 3px; }
.{ font-size: 12px; }
.font-size-11 { font-size: 11px; }
.dark-blue { color: #002f66; }
.bold { font-weight: bold; }
.white { color: #fff; }
.font-size-25 { font-size: 25px; }
.font-size-13 { font-size: 13px; }
.font-size-10 { font-size: 10px; }
.font-size-15 { font-size: 15px; }
.font-size-16 { font-size: 16px; }
.dark-grey { color: #535353; }
.dark-link-color { color: #156bb5; }
.heading-color { color: #238cc5; }
.red { color: #c00; }
.arial { font-family: Arial; }
.position-relative { position: relative; }
.notext-decoration { text-decoration: none; }
.font-normal { font-style: normal; }
.padding-top-bottom { padding: 25px 0 25px 0; }
.padding-top-25 { padding: 25px 0 0 0; }
.padding-top-bottom-10 { padding: 10px 0; }
.margin-top-5 { margin: 5px 0 0 0; }
.margin-top-3 { margin: 3px 0 0 0; }
.width-480 { width: 480px; }
.auto { margin: 0 auto; }
.midbox { background-image: url(../Images/mid-yellow-image.jpg); background-repeat: repeat-y; height: 100px; margin: -2px 0 0 -1px; padding: 10px 0 10px 30px; font-family: Verdana; font-size: 15px; color: #002f66; float: left; }
.midbox span { color: #f05d87; float: left; width: 320px; }
.width-500 { width: 500px; }

/*Code for forgot password */
.mar-top-botm { margin: 10px 0px 10px 0px; }
.forgot-password-parent { background-color: #fff; width: 230px; border: dashed 1px #000; text-align: center; position: absolute; top: 180px; left: 660px; }
.hand { cursor: pointer; }
input.registration-box { width: 15em; height: 1.2em; border: solid 1px #c0c0c0; padding: 2px 0px 2px 2px; margin: 0 auto; }
/*css code for admin panel starts here */
.greycontainer .adminpanel { width: 580px; margin: 80px auto; color: #666; }
.admin-mid { background-image: url(../images/admin-mid.jpg); width: 571px; float: left; }
.admin-logo { float: right; padding-right: 10px; }
.greycontainer .adminpanel i { border-bottom: 2px solid #013066; width: 561px; margin: 0 0 0 5px; float: left; }
.greycontainer .adminpanel .admindata { float: left; width: 300px; padding: 70px 120px; }
.admindata p { padding: 7px 0; }
.admindata b { width: 100px; padding: 4px 0 0 0; text-align: right; float: left; }
.greycontainer .adminpanel .admindata code { text-align: right; width: 195px; float: right; }
.greycontainer .adminpanel .admindata code input { width: 150px; }

.greycontainer .adminpanel .admindata dfn { text-align: left; float: left; }
.login-admin { width: 255px; float: left; position: relative; overflow: hidden; }
.login-admin input { float: left; text-align: center; margin: 0 0 0 145px; }
/*css code for admin panel ends here */
.font-10 { font-size: 10px; }
.width-571 { width: 571px; }
.admindata .errormsg { font-weight: bold; padding: 0 0 10px 0px; text-align: left; width: 280px; }
.errormsg span { float: left; text-align: left; padding: 0 0 10px 30px; }

/*new style for homepage*/

.tfl_adminpanel{ border:3px solid #fff; background:#3f4c6b; padding:10px; width:550px; margin:0 auto; margin-top:110px;
                 border-radius:10px;
                 -moz-border-radius:10px;
                 -webkit-border-radius:10px;
                 }
.tfl_admin-container{ background:#fff; padding:20px;}

.tflLogo{ clear:both;}
.tfl_admindata{ padding:30px;}
.tfl_admindata p{ width:350px; padding:10px 0; margin:0 auto; clear:both; font-size:13px;}
.tfl_admindata p label{ float:left; width:97px; font-weight:bold; padding:5px;}
.tfl_admindata p code{ float:left; width:230px; border:1px solid #999; padding:5px;}
.tfl_admindata p>code>input{ border:0;}

.tflerrormsg{ color:Red; font-size:11px; margin-bottom:10px;}
.poweredby{border-top:1px #666 dotted;}