﻿/* Global */
* {min-height:1px;}
a, img, span {border:0; margin:0; padding:0;}
img.right {float: right; margin: 5px 10px 0 10px;}
img.left {float: left; margin: 5px 10px 0 0;}
p {padding: 0px; margin: 10px 0px 0px 0px;}
li {list-style:none;}

/* Text */
.telephone {font-size: 1.4em; font-weight:bold;}
.bulletList {margin:0 15px 0 15px; padding:0;}
.bulletList li {display:block; padding:3px 0 3px 22px; background:url("images/ico_links.gif") 5px 6px no-repeat; text-decoration:none;}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h2 {font-size:1.2em; line-height:100%; font-family:arial,helvetica,verdana; font-weight:bold;}
h3 {font-size:1.1em; line-height:100%; font-weight:bold;}
h4 {margin:15px 0 0 0; font-size:1em; padding-left:10px; background-color:#EFF6FE; border-left: solid 1px #dedede; border-right: solid 1px #dedede;}
h5 {font-size:100%;}

#page {width:770px; margin:10px auto 0 auto; _text-align:left;}
#googleScript {margin-left:22px;}
#textic {margin-left:30px;}

/* Body */
body { border:0; margin:0; padding:0; background:#F8F8F8 url("images/bg.gif") 0 0 repeat-x; font:75%/160% "arial,verdana",sans-serif; color:#000; _text-align:center;}

/* Header */
#header {position:relative; width:770px; height:80px; margin:0; padding:0; 	background:#00458D ; color:#FFF;}
#header #logo {position:absolute; top:5px; left:25px; width:140px; height: 70px; margin:0; background: url("images/custom/force-logo-transparent-bg.gif")}
#header #logo a {color:#FFF;}
#header #logo a:hover {color:#b5e3b5; text-decoration:underline;}
#header #contactTel {position:absolute; top:25px; right:20px;}

/* Main menu (tabs) */
#ctl00_tabs {background:#f6f6f6 url("images/bg_page_very_light_grey.gif") 0 0 repeat-y; margin:0px; padding:10px 0 0 0; _height:1px;}

#ctl00_tabs ul {margin:0 10px; padding:0; list-style:none;}
#ctl00_tabs ul li {margin:0 5px 0 0; padding:0; float:left;}
#ctl00_tabs ul li a {display:block; position:relative; padding:7px 15px; border:0; background:url("images/tab_link.gif") 0 0 repeat-x; color:#000; font-weight:bold; text-decoration:none; cursor:pointer;}

/* Main menu (tabs - link) */
#ctl00_tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("images/tab_link_l.gif") 0 0 no-repeat;}
#ctl00_tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("images/tab_link_r.gif") 100% 0 no-repeat;}

/* Main menu (tabs - hover) */
#ctl00_tabs ul li a:hover {background:url("images/tab_hover.gif") 0 0 repeat-x; color:#FFF;}
#ctl00_tabs ul li a:hover span.tab-l {background:url("images/tab_hover_l.gif") 0 0 no-repeat;}
#ctl00_tabs ul li a:hover span.tab-r {background:url("images/tab_hover_r.gif") 100% 0 no-repeat;}

/* Main menu (tabs - active) */
#ctl00_tabs ul li#active a {background:#00458D; color:#fff;}
#ctl00_tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("images/tab_active_l.gif") 0 0 no-repeat;}
#ctl00_tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("images/tab_active_r.gif") 100% 0 no-repeat;}

/* Page Content (2 columns) */
#pageContent {width:770px; min-height:1px; background:#FFF url("images/bg_page.gif") 0 0 repeat-y; _height:1px;}
#pageContent-in {min-height:1px; padding:10px 0; background:url("images/bg_page_in.jpg") 0 0 no-repeat; _height:1px;}

#pageContentAdmin {width:770px; min-height:1px; padding-top:10px; background:#FFF url("images/bg_page_all_white.gif") 0 0 repeat-y; _height:1px;}
#pageContent-in {min-height:1px; padding:10px 0; background:url("images/bg_page_in.jpg") 0 0 no-repeat; _height:1px;}

#content {float:left; width:528px; _width:528px; margin:0; padding:0 0 0 15px; background:transparent;}
#content .info {clear:both; overflow:auto; margin-top:10px; margin-bottom:0px; padding:0px; background:#fff url("images/infobg.gif") 0 0 repeat-y;}
#content .info p {padding:0px 20px 0px 10px;}
#content .info h2 {margin:0px 0 10px 0px; padding:9px; height:15px; background:#fff url("images/header2bg.gif") 0 0 no-repeat; color:#000066;}
#content .info h3 {margin-left:10px; margin-right:20px; padding:9px; height:15px; background:#EEF7FD; color:#000066;}
#content .btn-more {margin:10px 0 15px 0; padding:0; border:0; position:relative;}
#content .btn-more a {display:block; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("images/btn_more_lean.gif") 0 0 no-repeat; color:#FFF; text-decoration:none; font-size:0.9em;}
#content .btn-more a:hover {background:url("images/btn_more.gif") -95px 0 no-repeat;}

#adminContent {float:left; width:730px; _width:750px; margin:0; padding:0 0 0 20px; background:transparent;}
#adminContent .info {clear:both; margin:0; padding:20px; background:url("images/content_article_bg.jpg") 0 0 no-repeat;}
#adminContent .info h2 {margin:0 -20px; padding:10px; background:#e5e5e5 url("images/content_title_bg.gif") 0 0 repeat-y; color:#000066;}
#adminContent .btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative; width:67px; _width:95px;}
#adminContent .btn-more a {display:block; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("images/btn_more_lean.gif") 0 0 no-repeat; color:#FFF; text-decoration:none; font-size:0.9em;}
#adminContent .btn-more a:hover {background:url("images/btn_more.gif") -95px 0 no-repeat;}

#right-col {float:left; width:210px; margin:0px; padding:0px 10px 0 0; background-color: #fff;}
#right-col .info {clear:both; margin-top:10px; padding:0px; overflow:auto; background:#fff url("images/side_infobg.gif") 0 0 repeat-y;}
#right-col .info p {padding:0px 10px 0px 10px;}
.side-box-bottom {width:210px; height: 7px; background:url("images/side_box_bottom.gif") 0 0 no-repeat; text-decoration:none;}
#right-col-top {padding:20px 10px 0 0;}
#right-col h3 {padding:10px 15px 10px 15px; margin-top:0px; background:#ccc url("images/col_title_bg.gif") 0 0 repeat-y; color:#000;}
#right-col h3.accessible {background:#A3C7C7 url("images/sub-header-accessible.gif") 0 0 no-repeat; color:#000066;}
#right-col h3.translate {background:#FAFCCA url("images/sub-header-translate.gif") 0 0 no-repeat; color:#000066;}
#right-col h3.links {background:#FBCDCB url("images/sub-header-links.gif") 0 0 no-repeat; color:#000066;}
#right-col h3.report {background:#EFF6FE url("images/sub-header-report.gif") 0 0 no-repeat; color:#000066;}

/* Links */
.linksList {margin:0 15px 0 15px; padding:0; list-style:none;}
.linksList li {margin:0; padding:0; border-bottom:1px solid #e0fae1;}
.linksList li a {display:block; padding:3px 0 3px 22px; background:url("images/ico_links.gif") 5px 6px no-repeat; text-decoration:none;}
.linksList li a:hover {background-color:#d3f8d3; color:#000033;}

.noscreen {display:none;}

.clear {clear:both;}
#clear {clear: both; margin: 0px}
.box {min-height:1px; _height:1px;}
.box-bottom {clear:both; margin-top:0px; width:520px; height: 8px; background:url("images/content_box_bottom.gif") 0 0 no-repeat; text-decoration:none;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

/* Footer */
#footerAdmin {position:relative; clear:both; width:770px; height:60px; margin-bottom:50px; background:url("images/footer-admin.jpg") 0 0 no-repeat; color:#000;}
#footerAdmin a {color:#000099;}
#footerAdmin a:hover {color:#000;}
#footer {position:relative; clear:both; width:770px; height:60px; margin-bottom:50px; background:url("images/footer.gif") 0 0 no-repeat; color:#000;}
#footer a {color:#000099;}
#footer a:hover {color:#000;}

/* Footer - "back on top" */
#top {position:absolute; top:55px; left:550px;}
#top p {position:relative; width:30px; height:25px; margin:0; overflow:hidden;}
#top p span {display:block; position:absolute; left:0; top:0; z-index:1; width:30px; height:25px; background:url("images/ico_top.gif") 0 0 no-repeat; cursor:pointer;}
#top a:hover span {background:url("images/ico_top.gif") -30px 0 no-repeat;}

/*  Footer - copyright */
#footerAdmin p#copyright {position:absolute; top:10px; left:40px; margin:0;}
#footer p#copyright {position:absolute; top:10px; left:40px; margin:0;}

@media print
{
	body {border:0; margin:0; padding:0; font-size:12pt}

	a {color:#000; text-decoration:none;}

	h1, h2, h3 {page-break-after:avoid; page-break-inside:avoid;}

	table {border-collapse: collapse; border-width:1px; border-style:solid;}
	th, td {display:table-cell; border-width:1px; border-style:solid;}


	hr {display:block; height:2px; margin:0; padding:0; background:#000; border:0 solid #000; color:#000;}

	blockquote {page-break-inside:avoid}
	ul, ol, dl {page-break-before:avoid}

	.noprint {display:none;}
}


input, textarea, body
{
	font-family: Arial,Verdana,helvetica;
}



/* Breadcrumb */
#breadcrumbBackground
{
	 background:#FFF url("images/bg_page_light_grey.gif") 0 0 repeat-y;
	 padding:5px 0px 5px 20px;
}

/* Forms */

.formLabel {font-weight:bold;}
.formValue {font-weight:normal;}

input, select
{
color: #000;
background: #ffffcc;
border: 1px solid #999999;
}

.text {width: 250px;}

textarea 
{
width: 450px; 
height:100px; 
color: #000;
background: #ffffcc;
border: 1px solid #999999;
}

.submit
{
color: #000;
background: #dedede;
border: 1px outset #999999
} 

fieldset {border: 1px solid #781351; width: 880px;}

legend
{
color: #fff;
background: #F07624;
border: 1px solid #781351; padding:10px;
}

#CalendarControlIFrame {
  display: none;
  left: 100px;
  position:absolute;
  top: 0px;
  height: 250px;
  width: 250px;
  z-index: 100;
}

#CalendarControl {
  position:absolute;
  background-color:#FFF;
  margin:0;
  padding:0;
  display:none;
  z-index: 100;
}

#CalendarControl table {
  font-family: arial, Verdana, helvetica, sans-serif;
  font-size: 8pt;
  border-left: 1px solid #336;
  border-right: 1px solid #336;
}

#CalendarControl th {
  font-weight: normal;
}

#CalendarControl th a {
  font-weight:bold;
  text-decoration: none;
  color:Yellow;
  padding: 1px;
}

#CalendarControl td {
  text-align: center;
}

#CalendarControl .header {
  background-color: #336;
}

#CalendarControl .weekday {
  background-color: #DDD;
  color: #000;
}

#CalendarControl .weekend {
  background-color: #FFC;
  color: #000;
}

#CalendarControl .current {
  border: 1px solid #339;
  background-color: #336;
  color: #FFF;
}

#CalendarControl .weekday,
#CalendarControl .weekend,
#CalendarControl .current {
  display: block;
  text-decoration: none;
  border: 1px solid #FFF;
  width: 2em;
}

#CalendarControl .weekday:hover,
#CalendarControl .weekend:hover,
#CalendarControl .current:hover {
  color: #FFF;
  background-color: #336;
  border: 1px solid #999;
}

#CalendarControl .previous {
  text-align: left;
}

#CalendarControl .next {
  text-align: right;
}

#CalendarControl .previous,
#CalendarControl .next {
  padding: 1px 3px 1px 3px;
  font-size: 1.4em;
}

#CalendarControl .previous a,
#CalendarControl .next a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

#CalendarControl .title {
  text-align: center;
  font-weight: bold;
  color: #FFF;
}

#CalendarControl .empty {
  background-color: #CCC;
  border: 1px solid #FFF;
}
