* { margin : 0; padding : 0; } 
body { width:100%; padding:0; margin:0 auto; background:#8EAABC;} 
table { border-collapse : collapse; }
table td, table th { padding : 0; }
table th {background:#CDEAF0; text-align:left; font-weight:bold; border-bottom:1px solid #51B9D0;}
.tblstyle { background-color:#f9f9f9; border: 1px solid #E3E3E4; padding:2px; margin-top:0.7em; width:100%; }
.tblstyleblue { background-color:#F7FDFF; width:100%; border: 1px solid #DEEEF3;}
.tblstylegreen { background-color:#F7FFF1; width:100%; border: 1px solid #E1EED8;}

hr { border: 1px dotted #E0E0E0; border-style: none none dotted; margin-top:5px;}
.hline { background: url('line.gif') left repeat-x; padding-top:3px; height:8px;}


.PopupBackground {background-color:#000; filter:alpha(opacity=90); opacity:0.9;}
.Popup {background:#fff; padding:0px 5px 2em 5px; border:10px solid #CECECE; float:right; font-size:1.2em; position:fixed;
	z-index:99999; vertical-align:top; text-align:center; width:500px; height:200px; margin-right: 200px;
	/*--CSS3 Box Shadows-- */
	-webkit-box-shadow:0px 0px 20px #000; -moz-box-shadow:0px 0px 20px #000; box-shadow:0px 0px 20px #000;
	/*--CSS3 Rounded Corners-- */
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
}
.Popup h1 {font:700 24px "Lucida Sans", Arial, Sans-Serif; text-shadow:#CECECE 1px 1px; text-align:center; color:#005BA2; 
           } 



.greenlink { font:700 13px Arial; color:#006ebb;}
a.greenlink:link,a.greenlink:visited,a.greenlink:active { text-decoration:none; }
a.greenlink:hover {color:#346001; text-decoration:underline;}

.def table td,.def table th { padding : 0; }
.def table {border-collapse:collapse; border:solid 1px #6BC8DD; padding:2px;}
.def table td, table th {padding:0; font:400 12px 'lucida grande', lucida, helvetica, arial; }
.def table th {background:#CDEAF0; text-align:left; font-weight:bold; padding:3px; border-bottom:1px solid #51B9D0;}
.def table td {margin:0; padding:3px;}

#listviewn {margin-top:2em; width:100%;  min-height:150px;}
#listviewn table th {background:#254A6F url('blue-head.gif') repeat-x; height:33px; color:#fff; padding:5px; border:solid 1px #00345E; text-align:center;}
#listviewn .row {background:#9ECFD9 url('act-head.jpg') repeat-x; height:50px; font:400 12px 'lucida grande', lucida, arial; color:#000; padding:3px; border:solid 1px #25D8E3;}
#listviewn .pink {background:#E5B28F url('thing-head.jpg') repeat-x; height:50px; text-align:left; font:400 12px 'lucida grande', lucida, arial; color:#000; padding:5px; border:solid 1px #E5B28F;}

.clear {clear:both; margin:0; padding:0;}
/* HEADER SECTION */
#main {width:100%; padding:0; margin:0 auto; background:url('headbg.gif') top left repeat-x; height:60px;}
#container { width : 980px; margin:0 auto;} 
.container { width : 980px; margin:0 auto;} 
#containerfull { width :100%; margin:0 auto;} 
.containerfull { width :100%; margin:0 auto;} 
#logo {width : 400px; background:url('../images/logo.png') left no-repeat; height:52px; float:left; margin: 3px 2px 2px 10px;}
#login {width : 358px; height:50px; background : url(../images/login.png) left top no-repeat; float : right;} 
#menu { background: url('../images/menubg1.gif') center top repeat-x; height:40px; }
.top { background: url('curvetop.png') left no-repeat; height:22px; }
.middle { background: url('middle.png') left repeat-y; min-height:550px;}
.bottom { background: url('curvebottom.png') left no-repeat; height:22px;}
.topfull { background: url('curvetop_new.jpg') left repeat-x; width:100%;height:15px; }
.middlefull { background-image:url('middle_new.jpg');width:100%; min-height:550px;}
.bottomfull { background: url('curvetop_new.jpg');width:100%; height:22px;}
#lock { background:url('../images/lock.gif') top left no-repeat; height:50px; }
#service { background:url('../images/service.gif') top left no-repeat; height:50px; }
#search { background:url('../images/search.gif') top left no-repeat; height:50px; }
.print { background:url('../images/printer.png') top left no-repeat; height:35px; }
h3, h2 { margin : 0; padding : 5px 0 0 2em; color : #888e91; font-size : 28px; } 
h3 strong, h2 strong { color : #0086c7; }

h5  { margin : 0; color:#02719A; font-size : 17px; } 
h4  { color:#C411B5; font-size : 17px; } 

/* CONTENT SECTION */
#content {width:100%; margin:0; padding:0; height:100%; height:auto;}
#content .center {width:96%; background:#fff; margin:0 auto; min-height:450px; padding:1px 1em 0 1em; height:100%; height:auto;}
#content .message {width:70%; min-height:30px; padding:2px;}


.pagenotfound {background:#7B528A; width:45%; border-top:solid 10px #673C7F; margin:0 auto; min-height:150px;
-moz-box-shadow: 5px 5px 5px #9F9F9F; -webkit-box-shadow: 5px 5px 5px #9F9F9F; box-shadow: 5px 5px 5px #888;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#888888')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#888888');}
.pagenotfound h3 {font:400 20px georgia, arial; color:#fff; text-shadow:1px 1px 1px #333; text-align:left; padding:0 0 1em 1em;}
.pagenotfound h3 a {color:#FFFC00;}

.text {width:100px; color:#fff; padding:0 5px 5px 7px;}
.smtext {font:400 9px 'lucida grande',arial; color:#999;}
.search {margin-bottom:2em; width:100%; min-height:100px;}
.search table {border-collapse:collapse; border:solid 1px #E8CC8F; padding:2px;}
.search table th {background:#FFEECB; font-weight:bold; text-align:left; padding:3px; border-bottom:2px solid #E8CC8F;}
.search table td {margin:0; padding:3px;}
 .search table td, table th {padding:0; font:400 12px 'lucida grande', lucida, helvetica, arial; }
.searchleft { width:62%; float:left; }
.searchright {width:35%; float:right;}



#gridcss {border:solid 1px #052377;}
#gridcss  table {border:solid 1px #052377;}
.scrollnew table {border:none; padding:2px; width:10%;}
.topborder { border:solid 1px #DDB94A;}

/* FOOTER SECTION */
#footer {width : 250px; background:url('../images/copyright.png') left top no-repeat; height:50px; float:left; }
a#stlink { width : 205px; background:url('../images/st_logo.png') left top no-repeat; height:60px; float:right; }
.copyright {float:left; width:60%; color:#B4D468; padding:1em;}
.web {float:right; width:18%; padding:10px; color:#B4D468;}
#footer a {font:400 17px georgia,arial; color:#F10060;}

 /* HTML CONTROL STYLES */
.form {text-align:left; padding:0 0 1em 1em;}
.form label span {font:normal 10px Arial, Helvetica, sans-serif;}
.form .red {font:700 10px Verdana, Arial; color:#FF0000;}
input[type="text"] {border:1px solid #B0C1C2; padding:3px; width:170px; font:400 11px 'lucida grande', helvetica, arial;}
input[type="password"] {border:1px solid #B0C1C2; padding:3px; width:170px; font:400 11px 'lucida grande', helvetica, arial;}
input[type="submit"] {width:auto; height:25px; padding:1px 1.2em 1px 1.2em; cursor:pointer; border:none;
font:700 12px 'lucida grande', helvetica, arial; background:#2584D4; color:#fff;}
select {border:1px solid #B0C1C2; padding:2px 1px 2px 1px; width:178px; font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: normal;
}
textarea {border:1px solid #B0C1C2; padding:3px; width:170px; height:70px; font:400 11px 'lucida grande', helvetica, arial;}
.star {color:#FF4200;}

.btn {display:block; position:relative; text-decoration:none; cursor:pointer; height:25px; }
.btn.blue {background:#00AAF1;}
.btn.green {background:#65B600;}
.btn.pink {background:#D70095;}
.btn.orange {background:#FF5F00;}
.btn:hover {background-color:#D70095; cursor:pointer;}
.btn:active {background-color:#444; cursor:pointer; border:solid 2px #888;}

.plshold {background:#FFE9B3; border:solid 2px #FF7600; text-align:left; font:700 11px helvetica, arial, Segoe UI;}
.plshold ul {margin:5px; list-style-image:url(arrow.gif);}

 /* HEAD TAGS */
 h1 {font:400 21px georgia, arial; color:#DE0073; text-shadow:1px 1px 1px #BCBCBC; border-bottom:dotted 1px #BAB6B8; margin-top:5px;}
 h1 img{vertical-align:middle; padding:0px 10px 5px 2px;}
 
 h2 {font:400 30px georgia, arial; color:#DE0073; text-shadow:1px 1px 1px #BCBCBC;}
 
/* Alert Message */
.error {background:#FFE3DF url(error.png) left no-repeat; font:700 12px Arial,Trebuchet MS; color:#CA0F00; 
         text-align:left; border:solid 1px #F05735; padding:6px 6px 6px 2em;}
.success {background:#EBFBD7 url(success.png) left no-repeat; font:700 12px Arial,Trebuchet MS; color:#61A510; 
         text-align:left; border:solid 1px #79B92C; padding:6px 6px 6px 2em;}
.information {background:#D5EFFF url(information.png) left no-repeat; font:700 12px Arial,Trebuchet MS; color:#005F99; 
         text-align:left; border:solid 1px #B4D5E9; padding:6px 6px 6px 2em;}
.star {font:700 12px Verdana, Arial; color:#F80000; padding-left:3px;}

/* DATA GRID VIEW STYLES*/
.GridViewStyle {font:400 10px "Lucida Sans", Arial; color:#000; text-align:left; border:solid 1px #D7D7D7; padding:0; margin:0;}

/*Header and Pager styles*/
.HeaderStyle th {color:#fff; background:#0075CE; height:20px; border:none;}
.HeaderStyle td {font:700 11px Arial, "Lucida Sans"; }
.HeaderStyle a {text-decoration:none; color:#fff; display:block; text-align:left; font-weight:normal;}
.PagerStyle table {text-align:center; margin:auto; border:none; padding:0; background:#4395D1;}
.PagerStyle table td {border:0px; background:#4395D1;}
.PagerStyle td {border-bottom: #D7D7D7 3px solid; padding:5px;}
.PagerStyle a {color:#fff; text-decoration:none; padding:2px 10px 2px 10px; background:#19466A;}
.PagerStyle span {font-weight:bold; font-size:12px; color:#fff; text-decoration:none; padding:2px 10px 2px 10px; background:#FF3600;}
.textleft {text-align:left;}
.textcenter {text-align:center;}

/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td {font:400 11px Arial, "Lucida Sans"; color:#000; border-bottom:solid 1px #D7D7D7; padding:3px; margin:0;}
.RowStyle td {background-color: #fff;}
.RowStyle a:hover {color:#FF4800;}
.AltRowStyle td {background-color: #fff;}
.SelectedRowStyle td {background-color: #ffff66;}
.EditRowStyle td {background-color: #A2D354;}


.RowStylenew td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td {font:400 11px Arial, "Lucida Sans"; border-color: #550101; color:#000; border-bottom:solid 1px #550101; padding:3px; margin:0;}
.RowStylenew td {background-color: #fff;}
.RowStylenew a:hover {color:#FF4800;}


.hline {border: 1px solid #000; border-style: dotted none none;}
.cal { height:auto; overflow:scroll;}

/* View Rates */
.lblcaption {font:400 12px tahoma, arial, Helvetica; color:#333;}
.rdback {background:url('rdback.jpg') center no-repeat; height:35px;}
.rdback1 {background:url('rdback1.jpg') center no-repeat;}

#listview {margin-top:2em; width:100%;  min-height:150px;}
#listview table {border:solid 2px #ffccff;}
#listview table th {background:#254A6F url('blue-head.gif') repeat-x; height:33px; color:#fff; padding:5px; border:solid 1px #00345E; text-align:center;}
#listview table td {background:#95C265 url('green-head.jpg') repeat-x; height:50px; font:400 12px 'lucida grande', lucida, arial; color:#000; padding:3px; border:solid 1px #5C9325;}
#listview .orange {background:#DC9A43 url('orange-head.jpg') repeat-x; height:50px; font:400 12px 'lucida grande', lucida, arial; color:#000; padding:5px; border:solid 1px #BB7826;}
#listview .black {background:#2B2F3A url('black-head.jpg') repeat-x; height:10px; font:700 12px 'lucida grande', lucida, arial; color:#fff; padding:5px; border:solid 1px #2B2F3A;}
#listview .pink {background:#F6E7B7 url('pink-head.jpg') repeat-x; height:50px; text-align:left; font:400 12px 'lucida grande', lucida, arial; color:#000; padding:5px; border:solid 1px #F6E7B7;}

.flashnews {background:#BF0013; height:25px; width:96%; margin:0 auto; padding:1px 1em 0 1em; 
            border-bottom:solid 5px #A20010;}
.newstext {font:400 17px georgia, arial; color:#fff;}
.citynews {font:600 12px georgia, arial; color:#07407B; font-style:italic;}

/* MENU SECTION */
div.pagewidth { width:100%; margin:0 0 0 5px; padding:0; }
div.nav { height:35px; display:block; }
div.nav ul { list-style:none; padding:0; margin:0; height:30px; float:left; position:relative; }
div.nav ul li { display:block; float:left; padding:0; border-right:0px solid #F2F2F2; }
div.nav ul li a, div.nav ul li a:visited { float:left; padding:10px 25px; text-decoration:none; font-family: Arial, "Trebuchet MS", Helvetica; font-weight:700; font-size:13px; color:#B6070A; }
div.nav ul li a:hover {color:#007B8A; background: url('hoverbg.gif') repeat-x;}
div.nav ul li.selected a, div.nav ul li.selected a:visited, div.nav ul li.selected a:hover { color:#333; background: url('selectedbg.gif') repeat-x; }

.tmenu { font-family: Arial, "Trebuchet MS"; font-weight:700; font-size:13px; height:35px; padding:10px 10px;}
.tmenuhover {color:#007B8A; background: url('hoverbg.gif') repeat-x; height:35px; padding:10px 0px;}
.tmenuselected {color:#007B8A; background: url('selectedbg.gif') repeat-x; height:35px; padding:10px 0px;}




.modalPopup 
{
	width:800px; 
	height:400px;
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}

.btnGrey
{
    font-family:   Arial,Helvetica, Segoe UI, Trebuchet MS, Verdana, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight:600;
	border: solid 1px #000;
	height: 25px;
	background:#E413B1;
	padding:2px 7px 2px 7px;
}

/* HIDE PANEL */
#panel { background: #F7F8FA; height:auto; width: 992px; display: none; }
.btn-slide { background: url('../images/arrow-square.gif') no-repeat right -51px; padding: 5px 15px; margin: 0; }
.active { background-position: right 5px; }
.arrowspace { padding-left:63.5em;}


.name { font-family: Arial, Trebuchet MS; font-size:13px; color:#007519; font-weight:700; padding: 1em 1em 1em 4em; }
.logout { font-family: Arial, Trebuchet MS; font-size:13px; color:#D70000; font-weight:700; float:right; padding-right:3em; }

.search {margin-bottom:2em;}
.search table {border-collapse:collapse; border:solid 1px #E8CC8F; padding:2px;}
.search table th {background:#FFEECB;  font-weight:bold; text-align:left; padding:3px; border-bottom:2px solid #E8CC8F; font:400 12px }
.search table td {margin:0; padding:3px; font:400 12px}



.mid table {border-collapse:collapse; border:solid 1px #6BC8DD; padding:2px;}
.mid table td, table th {padding:0; font:400 12px 'lucida grande', lucida, helvetica, arial; line-height:22px;}
.mid table th {background:#CDEAF0; text-align:left; font-weight:bold; padding:3px; border-bottom:1px solid #51B9D0; font:400 10px}
.mid table td {margin:0; padding:3px; }


/* DATA GRID VIEW STYLES*/
.GridViewStyle {font:400 10px "Lucida Sans", Arial; color:#000; text-align:left; border:solid 1px #D7D7D7; padding:0; margin:0;}

/*Header and Pager styles*/
.HeaderStyle th {color:#fff; background:#0075CE; height:20px; border:none;}
.HeaderStyle td {font:700 11px Arial, "Lucida Sans"; }
.HeaderStyle a {text-decoration:none; color:#fff; display:block; text-align:left; font-weight:normal;}
.PagerStyle table {text-align:center; margin:auto; border:none; padding:0; background:#4395D1;}
.PagerStyle table td {border:0px; background:#4395D1;}
.PagerStyle td {border-bottom: #D7D7D7 3px solid; padding:5px;}
.PagerStyle a {color:#fff; text-decoration:none; padding:2px 10px 2px 10px; background:#19466A;}
.PagerStyle span {font-weight:bold; font-size:12px; color:#fff; text-decoration:none; padding:2px 10px 2px 10px; background:#FF3600;}
.textleft {text-align:left;}
.textcenter {text-align:center;}

/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td {font:400 11px Arial, "Lucida Sans"; color:#000; border-bottom:solid 1px #D7D7D7; padding:3px; margin:0;}
.RowStyle td {background-color: #fff;}
.RowStyle a:hover {color:#FF4800;}
.AltRowStyle td {background-color: #fff;}
.SelectedRowStyle td {background-color: #ffff66;}
.EditRowStyle td {background-color: #A2D354;}

/* AJAX CONTROLS */
.calendar .ajax__calendar_container {background-color:#e2e2e2; border:solid 1px #cccccc;}
.calendar .ajax__calendar_header {background-color:#ffffff; margin-bottom:2px;}
.calendar .ajax__calendar_title, .calendar .ajax__calendar_next, .calendar .ajax__calendar_prev {color: #004080; padding-top:1px;}
.calendar .ajax__calendar_body {background-color:#e9e9e9; border:solid 1px #cccccc;}
.calendar .ajax__calendar_dayname {text-align:center; font-weight:bold; margin-bottom:2px; margin-top: 1px;}
.calendar .ajax__calendar_day {text-align:center;}
.calendar .ajax__calendar_hover .ajax__calendar_day, 
.calendar .ajax__calendar_hover .ajax__calendar_month,
.calendar .ajax__calendar_hover .ajax__calendar_year,
.calendar .ajax__calendar_active {color:#004080; font-weight:bold; background-color:#ffffff;}
.calendar .ajax__calendar_today {font-weight:bold;}
.calendar .ajax__calendar_other,
.calendar .ajax__calendar_hover .ajax__calendar_today,
.calendar .ajax__calendar_hover .ajax__calendar_title {color:#bbbbbb;}
.calendar table tr td {border:solid 1px #E9E9E9; padding:0;}


p{
        -webkit-animation: color-change 1s infinite;
        -moz-animation: color-change 1s infinite;
        -o-animation: color-change 1s infinite;
        -ms-animation: color-change 1s infinite;
        -animation: color-change 1s infinite;
    }
     @-webkit-keyframes color-change {
        0% { color: red; }
        50% { color: blue; }
        100% { color: red; }
    }
    @-moz-keyframes color-change {
        0% { color: red; }
        50% { color: blue; }
        100% { color: red; }
    }
    @-ms-keyframes color-change {
        0% { color: red; }
        50% { color: blue; }
        100% { color: red; }
    }
    @-o-keyframes color-change {
        0% { color: red; }
        50% { color: blue; }
        100% { color: red; }
    }
    @keyframes color-change {
        0% { color: red; }
        50% { color: blue; }
        100% { color: red; }
    }