@import url("../style/styles.css");

body { font-family:Arial; font-size:11px; }
fieldset, form, h1, h2, h3, h4, h5, h6, p { margin:0px; padding:0px; }
h1, h2, h3, h4, h5, h6, form { display:inline; }
h1 { font-size:1.6em; }
h2 { font-size:1.5em; }
h3 { font-size:1.4em; }
hr { height:1px; color:#ccc; background:#ccc; border:0; }
img { border:0px;	}
li { margin-bottom:5px; }
ol { margin:5px 0 5px 30px; padding:0; }
ul { margin:5px 0 5px 30px; padding:0; }
ul ul, ol ol, ol ul, ul ol { margin-left:30px; }
blockquote { margin:5px 20px; }
fieldset { -moz-border-radius:5pt; }
/*table { border-collapse:collapse; }
*/input, select, textarea { font-size:13px; font-family:Arial, Helvetica, sans-serif; }
select { border:1px solid #ccc; }
optgroup { background:#fff; }
textarea { border:1px solid #ccc; padding:2px; overflow:auto; }
a:link, a:visited { color:#000; text-decoration:none; }
a:hover, a:active, a:focus { text-decoration:none; color:#00f; }

.input { padding:1px 2px 1px 4px; border:1px solid #ccc; background:#fff !important; }
.button { background:#06c; border:0; padding:1px 7px; color:#fff; overflow:visible; }

/***** COLOR STYLES *****/
.black, .black a:link, .black a:visited { color:#000; }
.black a:hover, .black a:active { color:#06f; }
.blue, .blue a:link, .blue a:visited { color:#026; }
.blue a:hover, .blue a:active { color:#06c; }
.blue2, .blue2 a:link, .blue2 a:visited { color:#039; }
.blue2 a:hover, .blue2 a:active { color:#06f; }
.blue3, .blue3 a:link, .blue3 a:visited { color:#00f; }
.blue3 a:hover, .blue3 a:active { color:#009; }
.blue4, .blue4 a:link, .blue4 a:visited { color:#00c; }
.blue4 a:hover, .blue4 a:active { color:#006; }
.brown, .brown a:link, .brown a:visited { color:#900; }
.gray, .gray a:link, .gray a:visited { color:#666; }
.gray a:hover, .gray a:active { color:#222; }
.green, .green a:link, .green a:visited { color:#060; }
.green a:hover, .green a:active { color:#f60; }
.maroon, .maroon a:link, .maroon a:visited { color:#c00; }
.maroon a:hover, .maroon a:active { color:#900; }
.orange, .orange a:link, .orange a:visited { color:#f60; }
.orange a:hover, .orange a:active { color:#f00; }
.red, .red a:link, .red a:visited { color:#f00; }
.red a:hover, .red a:active { color:#c00; }
.silver, .silver a:link, .silver a:visited { color:#ccc; }
.silver a:hover, .silver a:active { color:#fff; }
.white, .white a:link, .white a:visited { color:#fff; }
.white a:hover, .white a:active { color:#def; }

.white2, .white2 a:link, .white2 a:visited { color:#cff; }
.white2 a:hover, .white2 a:active { color:#fff; }

.yellow, .yellow a:link, .yellow a:visited { color:#ff0; }
.yellow a:hover, .yellow a:active { color:#ff9; }

.bdr { border:1px solid #cce0ff; }
.bdr2 { border:1px solid #80bff4; }
.bdr3 { border:1px solid #d6dbdf; }
.bdr4 { border:1px solid #ddd; }
.bdr5 { border:1px solid #d2dff4; }
.bdr6 { border:1px solid #87d7ff; }
.bdrT { border-top:1px solid #cce0ff; }
.bdrR { border-right:1px solid #cce0ff; }
.bdrB { border-bottom:1px solid #cce0ff; }
.bdrL { border-left:1px solid #cce0ff; }
.bdrGray { border:1px solid #999; }

#maincontainer {
	MARGIN: 0px auto; WIDTH: 1000px;}
#leftholder {
	FLOAT: left; WIDTH: 630px; HEIGHT: auto
}
#rightholder {
	FLOAT: right; WIDTH: 260px; HEIGHT: auto
}
#crawler {
	FONT-SIZE: 10px; FLOAT: right; WIDTH: 860px; COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 15px; TEXT-ALIGN: right
}
#headimage {
	BACKGROUND-POSITION: right bottom; FLOAT: left; BACKGROUND-IMAGE: url(../images/abhi.gif); MARGIN: 0px 0px 0px 10px; WIDTH: 620px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 190px
}
#header {
	FLOAT: left; MARGIN: 12px 0px 15px; WIDTH: 620px; HEIGHT: 105px
}
#logo {
	FLOAT: right; MARGIN: 20px 20px 20px 0px; WIDTH: 111px; HEIGHT: 67px
}
#headtext {
	PADDING-RIGHT: 0px; MARGIN-TOP: -9px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 36px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 610px; PADDING-TOP: 0px; HEIGHT: 110px
}
#subhead {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; FLOAT: left; MARGIN: 0px; WIDTH: 480px; HEIGHT: 50px; TEXT-ALIGN: left
}
#midcontent {
	FLOAT: left; MARGIN: 0px 0px 0px 10px; WIDTH: 620px; HEIGHT: auto
}
#leftcol {
	FLOAT: left; BACKGROUND-IMAGE: url(../images/tagbg3.gif); WIDTH: 620px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 430px
}
#leftcol-privacy {
	PADDING-RIGHT: 9px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 610px; PADDING-TOP: 9px; HEIGHT: 420px
}
#maincontainer-tariff {
	MARGIN: 0px auto; WIDTH: 900px; HEIGHT: 730px
}
#leftcol-tariff {
	PADDING-RIGHT: 9px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 610px; PADDING-TOP: 9px; HEIGHT: 500px
}
#content {
	MARGIN: 10px 0px 0px 15px; WIDTH: 475px; COLOR: #000; LINE-HEIGHT: 120%; HEIGHT: 350px
}
#rightcol {
	FLOAT: right; WIDTH: 250px; HEIGHT: auto
}
#linkbox {
	FONT-WEIGHT: bold; FLOAT: left; WIDTH: 250px; HEIGHT: 160px
}
#linkbox A {
	COLOR: #000; TEXT-DECORATION: underline
}
#linkbox A:hover {
	COLOR: #0072b9; TEXT-DECORATION: underline
}
#boxtariff {
	FLOAT: left; WIDTH: 90px; TEXT-ALIGN: center
}
#boxrefer {
	FLOAT: right; WIDTH: 110px; TEXT-ALIGN: center
}
#formholder {
	PADDING-LEFT: 9px; FLOAT: left; MARGIN: 0px; WIDTH: 240px; HEIGHT: 310px
}
#formtitle {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FLOAT: left; MARGIN: 0px 0px 9px; WIDTH: 230px; COLOR: #0072b9; HEIGHT: 30px
}
.in LABEL {
	FLOAT: left; MARGIN-BOTTOM: 3px; WIDTH: 105px; PADDING-TOP: 3px; HEIGHT: 15px
}
.in INPUT {
	FLOAT: left; MARGIN-BOTTOM: 3px; WIDTH: 155px; HEIGHT: 18px; border: #DAB4EB solid 1px;       
}
.input1 {
	MARGIN: 0px 0px 0px 125px; WIDTH: 160px;
}
.input2 {
	MARGIN: 0px 0px 0px 135px; WIDTH: 129px; 
}
.input3 {
	FLOAT: left; MARGIN-BOTTOM: 12px; WIDTH: 180px; HEIGHT: 18px; BACKGROUND-COLOR: #fff
}
.errormsg {
	FONT-SIZE: 10px; FLOAT: left; MARGIN-BOTTOM: 3px; WIDTH: 220px; COLOR: red; HEIGHT: 10px
}
.redtext {
	COLOR: red
}


.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:24px;
	color: #FFFFFF;
}
.menu a{
	text-decoration: none;
	font-weight:bold;
	color: #FFFFFF;
	margin-left:20px;
}

.menu a:hover {
	text-decoration: underline;
	color: #99FF66;
}

.button {
  cursor: pointer;
  width: 140px; font-weight:bold
  text-align: center;
  padding: 2px;
  margin-top: 1em;
  background-color: #FF8000;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
}

ul.member-nev {
	list-style: none; /* this removes the list marker */
	border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
	margin-bottom: 15px; /* this creates the space between the member-nevigation on the content below */
}
ul.member-nev li {
	border-bottom: 1px solid #666; /* this creates the button separation */
}
ul.member-nev a, ul.member-nev a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 5px 5px 15px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	
	color: #000;
}
ul.member-nev a:hover, ul.member-nev a:active, ul.member-nev a:focus { /* this changes the background and text color for both mouse and keyboard member-nevigators */
	background: #F9F9F9;
	color: #4D4D4D;
}

.forms {
/*background-color: #E4F8FA;
*/font: normal 12px arial,verdana;
padding: 3px;

border: 1px solid #CAE4FF;
}
.myaccount {
background-color: #E4F8FA;
font: normal 12px arial,verdana;
padding: 2px 5px;
border: 1px solid #CAE4FF;

}

a {
color: #03c;
}

.main {
font: normal 12px arial,verdana;
padding: 2px;
margin: 2px;

 }
 
 .titlehdr {
 font: normal 22px arial, verdana;
 color: #c00;
 border-bottom: 1px solid #c00;
 
 
 }
 
.msg {
padding: 5px;
width: 600px;
margin: 2px;
color: #c00;
border: 1px solid #c00;
background-color: #FEF1ED;
font: bold 13px  verdana;
} 
 
.error {
font: normal 11px arial, verdana;
color: #c00;
border: 1px solid #c00;
padding: 2px;
margin: 5px;
float: left;
background-color: #FEF1ED;
}
 
 .example {
font: normal 10px arial;
color: red;
}
.approved {
font: normal 10px arial;
color: green;
}

.loginform {
font: 16px normal arial;
background-color: #E4F8FA;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #CAE4FF;
}

.loginform #txtbox {
font: bold 16px arial;
color: #f00;
}