body
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}


a, a:visited, a:active { color: #666666; }
a:hover { color: #FF6600; }


h1 { font-size: 18px; color: #000000; margin: 10px 0 5px 0; padding: 0; }
h2 { font-size: 14px; color: #FF9900; }
h3 { font-size: 12px; color: #000; font-weight: bold; margin: 16px 0 5px 0; }

.label { padding: 5px; font-weight: bold; }
.contentText { font-weight: normal; font-size: 12pt; }
.subheading { padding: 1em 0 0.8em 0; color: #0F2543; font-weight: bold; font-size: 1.2em; }
.requiredStar { font-weight: bold; font-size: 8pt; color: Red; }
.errorMessage { padding: 5px; font-weight: bold; color: #f00; }
.title { font-weight: bold; font-size: 10pt; color: #666; }
.input { border: solid 1px #999; background-color: #CCC; }
.button { border: solid 1px #999; background-color: #0099FF; }

.topgap { margin-top: 10px; }

.menuItem { text-align: left; font-size: 8pt; margin-bottom: 10px; }
.subMenuItem { text-align: left; font-size: 8pt; }

#outer { width: 900px; margin: auto; }

.hiddenPic {display:none;}

#header { }
#header .boxtop { height: 10px; background-image: url('images/box-top.gif'); }
#header .container { border-left: solid 1px #CCC; border-right: solid 1px #CCC; }
#header .container .search { float: right; margin-top: 45px; padding-right: 10px; }
#header .container img.logo { margin-top: 40px; }
#header .boxbottom { height: 10px; background-image: url('images/box-bottom.gif'); }


#topnav { height: 34px; background-image: url('images/nav-bar.gif'); margin: 2px 0; }
#topnav ul { list-style: none; padding:0; margin: 0; }
#topnav ul li { float: left; text-align: center; padding: 0px 18px; background-image: url('images/line.gif'); background-repeat: no-repeat; background-position: 0 7px; }
#topnav ul li a { color: #FFF; line-height: 34px; text-decoration: none; font-size: 8pt; font-weight: bold; }
#topnav ul li a:hover { color: #FF6600; }

#topnav .login { line-height: 34px; text-align: right; padding-right: 10px; color: #FFF; font-size: 11px; }
#topnav .login a { color: #000; font-weight: bold; }
#topnav .login a:hover { color: #666; }


#main .boxtop { height: 10px; background-image: url('images/box-top.gif'); }
#main .boxbottom { height: 10px; background-image: url('images/box-bottom.gif'); }
#main .container { border-left: solid 1px #CCC; border-right: solid 1px #CCC; width: 898px; }
#main .container .sidenav { float: left; width: 265px; padding: 10px 10px 10px 25px; border-right: solid 1px #CCC; }
#main .container .sidenav ul { list-style: none; padding: 0; margin: 0; }
#main .container .sidenav ul li { background-image: url('images/arrow-1.jpg'); background-position: 0 7px; background-repeat: no-repeat; padding-left: 32px; }
#main .container .sidenav ul li a { color: #999; line-height: 25px; text-decoration: none; font-size: 12px; font-weight: bold; }
#main .container .sidenav ul li a:hover { color: #009933; }
#main .container .content { margin-left: 300px; padding: 10px; border-left: solid 1px #CCC; }


#AppList { line-height:18pt; }


#default a.button { display: block; width: 220px; height: 145px; text-decoration: none; background-color: #fff; border: none; }

#default #application { background-image: url('./images/buttons/applications.jpg'); background-position: 0 0; background-repeat: no-repeat; }
#default #application:hover { background-position: -220px 0; }

#default #renewal { background-image: url('./images/buttons/renewal.jpg'); }
#default #renewal:hover { background-position: -220px 0; }
#default #monitoring { background-image: url('./images/buttons/monitoring.jpg'); }
#default #monitoring:hover { background-position: -220px 0; }
#default #advice { background-image: url('./images/buttons/advice.jpg'); }
#default #advice:hover { background-position: -220px 0; }
#default #changes { background-image: url('./images/buttons/changes.jpg'); }
#default #changes:hover { background-position: -220px 0; }
#default #other { background-image: url('./images/buttons/other.jpg'); }
#default #other:hover { background-position: -220px 0; }

#app-detail h2 { font-size: 18px; font-weight: bold; color: #000; }


table.form { border-collapse: collapse; }
table.form tr th { text-align: right; font-weight: bold; vertical-align: top; padding: 3px; }
table.form tr td { vertical-align: top; padding-top: 3px; }
table.form tr.footer td { text-align: right; }
table.form tr.topgap th, table.form tr.topgap td { padding-top: 20px; }
table.form tr.title th, table.form tr.title td { font-weight: bold; font-size: 12px; text-align: left; padding-left: 1em; }
table.form tr td .textbox-large { width: 300px; }
table.form tr td .textbox-small { width: 100px; }
table.form tr td .textbox-email { width: 300px; }
table.form tr td .textbox-name { width: 150px; }
table.form tr td .textbox-phone { width: 100px; }
table.form tr td .textbox-address { width: 300px; }


table.grid { border-collapse: collapse; border: solid 1px #999; width:100%; }
table.grid tr th { background-color: #51B3F4; color: #fff; font-weight: bold; border-left: solid 1px #fff; padding: 6px 6px; vertical-align: top; text-align: center; }
table.grid tr td { border-left: solid 1px #fff; padding: 3px 6px; vertical-align: top; }
table.grid tr.alt td { background-color: #ddd; border-left: solid 1px #fff; padding: 3px 6px; }
table.grid tr td.right { text-align: right; }
table.grid tr td.center { text-align: center; }
table.extrapadding tr td { padding: 6px 6px; }
table.extrapadding tr.alt td { padding: 6px 6px; }

.dynamic-menu { margin: 20px 0 0 0; }
.dynamic-menu .level1 { background-color: #fff; margin: 0; color: #000; font-weight: bold; border: solid 1px #999; }
.dynamic-menu .hover { color: #f00; }

.footer { padding-top:10px; font-weight: normal; font-size: 10px; text-align: center; color:#999; }