/* CSS Document */
body, html{
margin:0;
padding:0;
height:100%;
color:#000000;
font-family:Verdana;
font-size:11px;
}
form {
height:20px;
margin-top:10px;
padding:0px;
}
input{
font-size:11px;
font-family:Verdana;
}
textarea{
font-size:11px;
border:1px solid #000000;
}
a{
text-decoration:underline;
color:#000000;
}
#lineheader{
float:right;
position:relative;
margin:0 auto;
margin-top:6px;
margin-right:2px;
background:url(../img/lineheader.jpg);
width: 898px;
height: 33px;
background-repeat: repeat-x;
}
#lineheader #linecorner{
float:left;
position:relative;
margin:0 auto;
width: 14px;
height: 33px;
}
#lineheader #linemiddle{
float:left;
position:relative;
margin:0 auto;
margin-left:0px;
margin-top:12px;
width: 195px;
height: 15px;
}
#lineheader #rightmiddle{
float:right;
color: #000000;
font-size:11px;
font-weight:bold;
font-family:Arial;
margin-right:-15px;
margin-top:10px;
height:20px;
width:309px;
}
#lineheader #linecornerright{
float:right;
position:relative;
margin:0 auto;
width: 14px;
height: 33px;
}
#lineheader #linebottom{
float:right;
position:relative;
margin:0 auto;
margin-top:0px;
width: 897px;
height: 11px;
background:#afbdcc;
}
#lineisolated{
float:left;
position:relative;
margin:0 auto;
margin-top:20px;
margin-right:2px;
margin-left:2px;
background:url(../img/isolatedline.gif);
width: 896px;
height: 20px;
background-repeat: repeat-x;
font:Arial;
size:11px;
color:#FF6600;
font-weight:bold;
font-size: 13px;
text-align:left;
text-indent:8px;
padding-top:3px;
}
#lineisolated #lineisolatedleft{
float:left;
width:450px;
}
#lineisolated #lineisolatedleft1{
float:left;
width:750px;
}
#lineisolated a{
color:#FF6600;
text-decoration:none;
}
#lineisolated #lineisolatedright{
float:right;
width:225px;
}
#lineisolated #lineisolatedright a{
color:#06235a;
text-decoration:underline;
}
#topheader{
position:relative;
margin:0 auto;
margin-top:0px;
width: 900px;
height: 59px;
}
#topheader #left{
float:left;
position:relative;
margin:0 auto;
margin-top:9px;
margin-left:30px;
width: 165px;
height: 110px;
}
#topheader #right{
float:right;
position:relative;
margin:0 auto;
margin-top:20px;
margin-right:5px;
width: 577px;
height: 20px;
background:#FFFFFF;
}
#topheader #rightsecond{
float:right;
position:relative;
margin:0 auto;
margin-top:8px;
margin-right:3px;
width: 620px;
height: 40px;
background:#e4e9ee;
}
#topheader #rightsecondright{
float:right;
width: 13px;
height: 40px;
margin-top:-10px;
background:#E4E9EE;
}
#topheader #rightsecondleft{
float:left;
position:relative;
margin:0 auto;
width: 13px;
height: 40px;
background:#E4E9EE;
}
#topheader #rightsecondsearch{
float:left;
color: #485a66;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
margin-left:10px;
margin-top:5px;
width:74px;
height:17px;
}
#topheader #rightsecondform{
width:100px;
text-align:left;
margin:0;
margin-left:6px;
}
#topheader #rightsecondselect{
width:80px;
text-align:left;
margin:0;
margin-left:10px;
}
#topheader #rightsecondgo{
width:29px;
height:5px;
margin:0;
margin-left:10px;
background:#e4e9ee;
}
#topheader #rightsecondadvasearch{
color: #335ca8;
font-size:12px;
font-weight:bold;
font-family:Arial;
margin-left:12px;
width:185px;
height:18px;
}
#topheader #rightthird{
float:right;
color: #485a66;
font-size:12px;
font-weight:normal;
font-family:Arial;
margin-right:-25px;
margin-top:10px;
width:630px;
}
#main{
margin:0 auto;
margin-top:5px;
width:900px;
height:360px;
font-size:12px;
font-weight: normal;
font-family:Arial;
color:#555555;
}
#main a {
font-size:11px;
font-weight: normal;
font-family:Verdana, Arial;
color:#000000;
text-decoration:underline;
}
#main a:visited {
font-size:11px;
font-weight: normal;
font-family:Verdana, Arial;
color:#000000;
text-decoration: underline;
}
#main a:hover {
font-size:11px;
font-weight: normal;
font-family:Verdana, Arial;
color:#000000;
text-decoration: underline;
}
#main #left{
float:left;
width:590px;
height:360px;
margin-top:26px;
margin-left:2px;
background: #FFFFFF;
}
#main #leftspace{
float:left;
width:12px;
height:360px;
background:#FFFFFF;
}
#main #centertextarea{
float:left;
margin-top: 25px;
margin-left:8px;
font-family:Arial;
size: 12px;
font-weight: normal;
color: #555555;
background-color: #FFFFFF;
width:277px;
height:360px;
}
#main #bottomtextarea{
float:left;
margin-top: 12px;
margin-left:2px;
font-family:Arial;
size: 12px;
font-weight: normal;
color: #555555;
background-color: #FFFFFF;
width:900px;
height:2px;
}
#main #picturearea{
float:left;
position:relative;
margin:0 auto;
margin-top:18px;
margin-left:2px;
}
#main #bottomline{
float:left;
position:relative;
margin:0 auto;
margin-top:13px;
margin-left:0px;
width: 900px;
height: 1px;
background:#E7E7E7;
}
#maincentercontent{
margin:0 auto;
margin-top:12px;
margin-left:3px;
width:900px;
font-size:12px;
font-weight: normal;
font-family:Arial;
color:#555555;
}
#maincentercontent1{
margin:0 auto;
margin-top:12px;
margin-left:3px;
width:900px;
height: 970px;
font-size:12px;
font-weight: normal;
font-family:Arial;
color:#555555;
}
#maincentercontent a {
font-size:11px;
font-weight: normal;
font-family:Verdana, Arial;
color:#000000;
text-decoration:underline;
}
#maincentercontent a:visited {
font-size:11px;
font-weight: normal;
font-family:Verdana, Arial;
color:#000000;
text-decoration: underline;
}
#maincentercontent a:hover {
font-size:11px;
font-weight: normal;
font-family:Verdana, Arial;
color:#000000;
text-decoration: underline;
}
#maincentercontent #left{
float:left;
width:350px;
height:268px;
margin-top:12px;
margin-left:12px;
}
#maincentercontent #leftspace{
float:left;
width:21px;
height:278px;
background:#FFFFFF;
}
#maincentercontent #picturearea{
float:left;
position:relative;
margin:0 auto;
margin-top:16px;
margin-left:2px;
}
#main #picturearealeft{
float:left;
position:relative;
margin:0 auto;
width: 0px;
height: 0px;
background:#CED2D7;
}
#main #picturearearight{
float:right;
position:relative;
margin:0 auto;
width: 19px;
height:0px;
background:#CED2D7;
}
#main #testingpicture{
float:left;
position:relative;
margin:0 auto;
margin-top: -19px;
margin-left:14px;
width: 173px;
height: 27px;
}
#main #testingpicturebottom{
float:left;
position:relative;
margin:0 auto;
color:#000000;
font-size:11px;
font-family:Arial;
font-weight:regular;
margin-top: 0px;
padding-left:2px;
padding-right:2px;
width: 169px;
height: 118px;
background:#FFFFFF;
}
#main #librarypicture{
float:left;
position:relative;
margin:0 auto;
margin-top: -12px;
margin-left:13px;
width: 159px;
height: 119px;
background:#FFFFFF;
}
#main #librarypicturebottom{
float:left;
position:relative;
margin:0 auto;
margin-top:4px;
font:Arial;
font-size:12px;
font-weight:bold;
color:#555556;
text-align:center;
width: 155px;
height: 18px;
background:#FFFFFF;
}
#main #patrackpicture{
float:left;
position:relative;
margin:0 auto;
margin-top: -12px;
margin-left:12px;
width: 157px;
height: 119px;
background:#FFFFFF;
}
#main #patrackpicturepicturebottom{
float:left;
position:relative;
margin:0 auto;
margin-top:4px;
font:Arial;
font-size:12px;
font-weight:bold;
color:#555556;
text-align:center;
width: 157px;
height: 18px;
background:#FFFFFF;
}
#main #producerspicture{
float:left;
position:relative;
margin:0 auto;
margin-top: -12px;
margin-left:11px;
width: 156px;
height: 118px;
background:#FFFFFF;
}
#main #producerspicturebottom{
float:left;
position:relative;
margin:0 auto;
margin-top:4px;
font:Arial;
font-size:12px;
font-weight:bold;
color:#555556;
text-align:center;
width: 157px;
height: 18px;
background:#FFFFFF;
}
#main #dragonpicture{
float:left;
position:relative;
margin:0 auto;
margin-top: -12px;
margin-left:13px;
width: 157px;
height: 117px;
background:#FFFFFF;
}
#main #dragonpicturebottom{
float:left;
position:relative;
margin:0 auto;
margin-top:4px;
font:Arial;
font-size:12px;
font-weight:bold;
color:#555556;
text-align:center;
width: 157px;
height: 18px;
background:#FFFFFF;
}
#maincentercontent #cornertextarea{
float:left;
margin-top:12px;
margin-left:28px;
font-family:Arial;
size: 9px;
font-weight: bold;
color:#777777;
background-color:#FFFFFF;
border:#d4d4d4;
border:solid;
border-width:1px;
padding-left:8px;
padding-top:5px;
width:275px;
height:268px;
}
#maincentercontent #cornertextarea span{
color:#06235a;
}
#maincentercontent #icons{
float:left;
margin-left:12px;
margin-top:5px;
width:900px;
height:21px;
}
#maincentercontent #bottomicons{
float:left;
position:relative;
margin:0 auto;
width: 105px;
height: 21px;
background:#ef5f33;
font-family:Arial;
font-size:12px;
text-align:center;
color:#ffffff;
font-weight:bold;
}
#maincentercontent #bottomicons2{
float:left;
position:relative;
margin:0 auto;
margin-left:16px;
width: 126px;
height: 21px;
background:#ef5f33;
font-family:Arial;
font-size:12px;
text-align:center;
color:#ffffff;
font-weight:bold;
}
#maincentercontent #bottomicons3{
float:left;
position:relative;
margin:0 auto;
margin-left:16px;
width: 85px;
height: 21px;
background:#ef5f33;
font-family:Arial;
font-size:12px;
text-align:center;
color:#ffffff;
font-weight:bold;
}
#maincentercontent #pictureicons{
float:left;
margin-left:12px;
margin-top:3px;
width:900px;
height:20px;
font-family:Arial;
font-size:11px;
color:#000000;
font-weight:bold;
}
#maincentercontent #pictureicons1{
float:left;
width:20px;
height:19px;
}
#maincentercontent #pictureicons2{
float:left;
width:200px;
height:19px;
padding-top:2px;
margin-left:3px;
}
#maincentercontent #bottomtextarea{
float:left;
margin-top: 15px;
margin-left:8px;
font-family:Arial;
size: 12px;
font-weight: bold;
color: #06235a;
background-color: #FFFFFF;
border:#d4d4d4;
border:solid;
border-width:1px;
padding-left:12px;
padding-top:15px;
width:540px;
height:94px;
clear:both;
}
#maincentercontent #bottomline{
float:left;
position:relative;
margin:0 auto;
margin-top:155px;
margin-left:3px;
width: 896px;
height: 3px;
background:#E7E7E7;
}
#footer{
margin:0 auto;
margin-top:5px;
width:900px;
height:54px;
font-size:12px;
font-weight: normal;
font-family:Arial;
color:#555555;
}
#footer #footerleft{
float:left;
margin-top: 12px;
margin-left: 0px;
font-family:Arial;
size: 11px;
font-weight: normal;
color: #000000;
background-color: #FFFFFF;
width:350px;
height:54px;
}
#footer #footerright{
float:right;
margin-top: 12px;
margin-right:0px;
font-family:Arial;
size: 11px;
font-weight: normal;
color: #000000;
text-align:right;
background-color: #FFFFFF;
width:510px;
height:50px;
}
/* Old styles */
.grey-leftptitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #B2B2B2;
font-weight: bold;
letter-spacing:0.0001em;
}
.red-sidehd{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FD916D;
font-weight: bold;
line-height: 14px;
}
.grey-text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
font-weight: bold;
line-height: 15px;
letter-spacing:0.0001em;
}
.grey-sidehd {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
font-weight: bold;
line-height: 15px;
letter-spacing:0.0001em;
}
.grey-sidehd a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13 px;
color: #003366;
text-decoration: none;
padding-top: 5px;
padding-bottom: 5px;
list-style-type: none;
}
.grey-sidehd a:active{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666666;
text-decoration: none;
}
.grey-sidehd a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11.81px;
color: #666666;
text-decoration: none;
}
.grey-sidehd a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11.81px;
color: #666666;
text-decoration: none;
}
.grey-sidehd a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11.81px;
text-decoration: none;
color: #A06A60;
}
h1,.title-text {
font-family: Arial, Helvetica, sans-serif;
font-size: 18.9px;
color: #003366;
font-style: normal;
font-weight: normal;
line-height: 20px;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #003365;
}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #003365;
}
.blue-small-title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #003366;
}
.image-name {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #003366;
font-size: 11px;
font-weight: bold;
vertical-align: middle;
text-align: left;
text-decoration: none;
list-style-position: outside;
}
.other-bkgrd{
border: 1px solid #D2D2D2;
background-color:#E4E8E9;
}
.other-bkgrd-white{
border: 1px solid #CACED1;
background-color:#ffffff;
}
#white-border {
border: 1px solid #FFFFFF;
}
#white-border-right {
border-right: 1px solid #FFFFFF;
}
#border-r-l-t {
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
}
#border-r-b-t {
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
}
#border-r-t {
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
}
#border-left-right{
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}
.grey-border {
border: 1px solid #333333;
}
.grey-border-1 {
border: 1px solid #C5C8C9;
}
.grey-border-b {
border-bottom: 1px solid #C5C8C9;
}
.grey-border-r {
border-right: 1px solid #C5C8C9;
}
.grey-border-b-r {
border-bottom: 1px solid #C5C8C9;
border-right: 1px solid #C5C8C9;
}
.grey-border-box {
background-color: #FFFFFF;
border: 1px solid #E8E8E8;
}
.black-border-right {
border-right: 1px solid #474747;
}
.black-border-left-right{
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}
.black-border-left{
border-left: 1px solid #474747;
}
.grey-border-top {
border-top: 1px solid #CBCFD2;
}
.grey-border-bottom {
border-bottom: 1px solid #C5C8C9;
text-decoration: none;
}
#grey-border-bottom {
border-bottom: 1px solid #C5C8C9;
text-decoration: none;
}
.bgclr-1 {
background-color: #E8E8E8;
}
.bgclr-2 {
background-color: #EEEFF0;
}
.green-bg {
background-color: #C0D6BB;
}
.pic-align{
text-align: center;
}
#grey-font {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #686569;
font-size: 13px;
padding-left: 0px;
text-decoration: none;
list-style-position: outside;
}
.table-heading {
font-family: Verdana;
color: #003366;
font-size: 11px;
font-weight: bold;
vertical-align: middle;
text-decoration: none;
list-style-position: outside;
background-position: center center;
text-align: center;
}
.text-bodysmll {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #777778;
font-size: 9px;
font-weight: normal;
text-align: left;
line-height: 9px;
}
.star {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #EF5F24;
font-size: 12px;
font-weight: normal;
text-align: Justify;
line-height: 9px;
}
.linkredsmall {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #EF5F24;
font-size: 9px;
font-weight: normal;
text-align: left;
line-height: 9px;
text-decoration: none;
}
.billdetials {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #5E5E70;
font-size: 10px;
font-weight: bold;
text-align: center;
}
bill-box {
background-color: #CACED1;
color: #333333;
width: 115px;
height: 14px;
text-align: center;
font-size: 9px;
font-family: "verdana", Arial, Helvetica, sans-serif;
border: 1px solid #666666;
letter-spacing: 0px;
}
.billbox {
background-color: #EBEBEB;
color: #333333;
width: 115px;
height: 12px;
text-align: left;
font-size: 9px;
font-family: "verdana", Arial, Helvetica, sans-serif;
border: 1px solid #B9B9B9;
letter-spacing: 0px;
}
.billbox-longer {
background-color: #EBEBEB;
color: #333333;
width: 500px;
height: 15px;
text-align: left;
font-size: 10px;
font-family: "verdana", Arial, Helvetica, sans-serif;
border: 1px solid #B9B9B9;
letter-spacing: 0px;
}
.billboxbig {
background-color: #EBEBEB;
color: #333333;
width: 115px;
height: 40px;
text-align: left;
font-size: 9px;
font-family: "verdana", Arial, Helvetica, sans-serif;
border: 1px solid #B9B9B9;
letter-spacing: 0px;
}
.adressbox {
background-color: #EBEBEB;
color: #333333;
width: 300px;
height: 15px;
text-align: left;
font-size: 10px;
font-family: "verdana", Arial, Helvetica, sans-serif;
border: 1px solid #B9B9B9;
letter-spacing: 0px;
}
.adressbox-1 {
background-color: #EBEBEB;
color: #333333;
width: 150px;
height: 15px;
text-align: left;
font-size: 10px;
font-family: "verdana", Arial, Helvetica, sans-serif;
border: 1px solid #B9B9B9;
letter-spacing: 0px;
}
.text-bodysmll {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #777778;
font-size: 9px;
font-weight: normal;
text-align: left;
line-height: 9px;
}
.text-thick {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #5E5E70;
font-size: 10px;
font-weight: bold;
text-align: justify;
line-height: 15px;
font-style: normal;
vertical-align: top;
height: 10px;
}
.blue-big-title{
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 3px;
font-size: 14px;
font-weight: bold;
font-style: normal;
color: #003366;
}
.blue-big{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
color: #003366;
}
.text-bodysmll {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #777778;
font-size: 9px;
font-weight: normal;
text-align: left;
line-height: 9px;
}
/*
#USER-LOGIN-rightmiddle{
float:right;
color: #000000;
font-size:11px;
font-weight:bold;
font-family:Arial;
margin-right:-25px;
margin-top:10px;
margin-right:25px;
height:20px;
width:515px;
text-align:right;
}*/
#USER-LOGIN-rightmiddle{
float:right;
color: #000000;
font-size:11px;
font-weight:bold;
font-family:Arial;
margin-top:10px;
margin-right:0px;
height:20px;
width:515px;
text-align:right;
}
.error-display{
font-family: Verdana;
color: #003366;
font-size: 11px;
font-weight: bold;
}
.search
{
color: #FFFFFF;
background: #EF5F33;
border: 0px none;
font-size: 14px;
font-weight: bold;
}
.textfield-1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FF0000;
text-decoration: none;
text-align: center;
vertical-align: middle;
margin:0px;
height:32px;
width:75px;
background: transparent url("images1/blk-bg.gif") repeat;
}
.textfield-2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FF0000;
text-decoration: none;
text-align: center;
vertical-align: middle;
margin:0px;
height:32px;
width:75px;
background: transparent url("images1/blk-bg-2.gif") repeat;
}
.quct-txt-1{
font-family: Arial;
font-size: 9px;
color: #00FF00;
}
.quct-txt-2{
font-family: Arial;
font-size: 9px;
color: #ffffff;
}
.quct-txt-3{
font-family: Arial;
font-size: 10px;
color: #ffffff;
}
.quct-textfield-1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
text-align: center;
vertical-align: middle;
margin:0px;
height:27px;
width:50px;
border:solid 0 #FFFFFF;
background: transparent url("images/blk-bg.gif") repeat;
}
.quct-textfield-2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
text-align: center;
vertical-align: middle;
margin:0px;
height:27px;
width:50px;
border:solid 0 #FFFFFF;
background: transparent url("images/blk-bg-2.gif") repeat;
}