/* makes a button appear like a hyperlink */
.buttonStyle, .buttonStyle-2, .buttonStyle-3, .buttonStyle-5, .buttonStyleOff {
  border : none;
  font-size:72%;
  text-align:left;
  text-decoration: underline;
  font-weight:bold;
  color: #666666;
  text-valign:top;
  cursor:hand;
}

.buttonStyle-6 
{
  font-family:verdana;
  border : none;
  text-align:left;
  text-decoration: underline;
  font-weight:bold;
  color: #666666;
  background-color:#ffffff;
  text-valign:middle;
  margin-top:2px;
  font-size:95%;
  cursor:hand;
}

.buttonStyleOff 
{
    color:#aaaaaa;
    background-color:#E1F4F8;
    padding-left:7px;
    padding-right:0px;
    text-decoration:none;
    cursor:default;
}

.addedtomytimetable {
  width:100%;
  background-color:#F1E5EA;
  padding:6px 0px 6px 9px;
}

thead 
{
    display: table-header-group;
} 

.notesLink 
{
  border : none;
  text-align:left;
  font-weight:bold;
  color: #666666;
  cursor:hand;
  background-color:#ffffff;
  font-size:100%;
  font-family:verdana;
}

.buttonStyle {
  background-color:#E1F4F8;
  padding-left:7px;
  padding-right:0px;
}

.buttonStyle-2 {
  background-color:#E1F4F8; 
  background-image:url(/comptimetable/images/arrow-right.gif);
  background-repeat:no-repeat;
  padding-left:25px;
}

.buttonStyle-3 {
  background-color:#ffffff;
  margin-left:25px;
  background-image:url(/comptimetable/images/arrow-right.gif);
  background-repeat:no-repeat;
}

.buttonStyle-5 {
  background-color:#ffffff;
  text-align:left;
  background-image:url(/comptimetable/images/arrow-left.gif);
  background-position:0px 0px;
  padding-left:2.2em;
  background-repeat:no-repeat;
}

.buttonStyle-4 {
  border-style : solid !important;
  border-color: #88D4E2 !important;
  border-width: 1px 1px 1px 1px !important;
  font-size:100%;
  text-align:left;
  text-decoration: underline;
  font-weight:bold;
  color: #666666;
  text-valign:top;
  cursor:hand;
  background-color:#ffffff;
  padding-left:9px;
  background-image:url(/comptimetable/images/chevrons-sml.gif);
  background-repeat:no-repeat;
}

br {
	line-height:8px;
}

table.nav {
	background-color:#88D4E2;
	width:100%;
	height:20px;
}

.nav
{
	color : #88D4E2;
}

.navItem, .navSelected {
	font-weight:bold;
	padding-left:11px;
	padding-right: 25px;
}

.navSelected
{
	background-image : url(/comptimetable/images/nav-bullet.gif);
	background-repeat : no-repeat;
}

a.navLink {
	text-decoration:none;
	color : #666666;
}

a.navLinkUnderlined {
	text-decoration: underline;
	
	color : #666666;
}

a.navLinkUnderlined:hover {
	text-decoration: underline;
	
	color : #ED1B24;
}

a.navLinkSelected {
	text-decoration:none;
	color : #ffffff;
}

a.navLink:hover, a.navLinkSelected:hover {
	color : #ffffff;
}

.copy, .copy-2, .copy-3, .copy-4, .copy-5, .error, .boxTitle, .topLink, .navItem, .navSelected, .results, .resultsRight, .resultsLastRow, .resultsLastRowRight {
	font-family:verdana;
}

.copy, .copy-4, .backNext, .copy-5, .topLink, .error, th.results, .resultshdr, td.results, .navItem, .navSelected, .resultsRight, .resultsLastRow, .resultsLastRowRight {
	font-size:70%;
}
.borderLine
{
    border-top: 2px solid  #88D4E2;
}
.results td 
{
    font-family:Verdana;
    font-size:70%;
	border-style: solid;
	padding: 4px;
    border-width: 1px 1px 1px 1px;
	margin:0px;
    color:#660099;
	border-color: #88D4E2;
	vertical-align:top;
	line-height: 1.2em;
}

td.b 
{
    font-weight:bold;
}

td.results .buttonStyle-4 {
	font-size:100%;
}

.copy-2 {
	font-size:72%;
	color:#666666;
	font-weight:bold;
}

.copy-3 {
	font-size:74%;
	color:#660099;
	font-weight:bold;
}

.copy-4, .backNext {
	color:#666666;
	font-weight:bold;
}

.copy-5 {
	color:#660099;
	font-weight:bold;
	vertical-align:top;
	padding-top:2px;
}

.link {
	color:#666666;
}

.link-2 {
	color:#666666;
	font-weight:bold;
}

a.link-2:hover {
	color: #ff0000;
}

a.link:hover {
	color: #ff0000;
}

input.linkinactive 
{
  border : none;
  font-size:110%;
  text-align:left;
  text-decoration: none;
  font-weight:bold;
  color: #006699;
  cursor:text;
  background-color:#ffffff;
}

.allleftpadding 
{
    margin-left:7px;
}

input.link
{
  border : none;
  font-size:110%;
  text-decoration: underline;
  font-weight:bold;
  color: #666666;
  cursor:hand;
  background-color:#ffffff;
}

a.linkinactive:hover
{
    text-decoration:none;
    color:#660099;
    font-weight:bold;
    cursor:default;
}

.topLink {
	color:#660099;
	font-weight:bold;
	padding-left: 5px;
}

a.topLink:hover {
	color: #003366;
}

.error {
	color:#ED1B24;
	font-weight:bold;
}

.dottedLine {
	background-image : url(/comptimetable/images/dots.gif);
}

body
{
	margin: 5px 25px 0px 25px;
}

table.mainbody {
	width:100%;
/*	height: 100%;*/
}
.actionBoxLg 
{
	background-color:#E1F4F8;
	padding-left:4px;
	padding-right:11px;
	padding-top:9px;
	padding-bottom:3px;
	height:51px;
}
.boxTitle {
	font-size:71%;
	font-weight:bold;
	color:#666666;
	background-color:#C3E9F0;
	height:20px;
	padding-left:11px;
}

.boxTitle h2 {
	font-size:100%;
}

th.boxTitle {
	text-align: left;
}

.boxTitleUnderline {
	background-color:#88D4E2;
	width:100%;
	height:1px;
}
.boxContent {
	background-color:#E1F4F8;
	padding-left:7px;
	padding-right:7px;
	padding-top:11px;
}

table.boxContent-2 {
	background-color:#E1F4F8;
	padding-left:7px;
	padding-right:7px;
	padding-top:4px;
}

form, h1, h2 {
	display:inline;
}

.dateRangeSpace {
	padding-left:5px;
	padding-right:5px;
}


/* Results table */
table.results {
	border-color: #88D4E2;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
}

th.results, .resultshdr, td.results  {
	border-style: solid;
	padding: 4px;
    border-width: 1px 1px 1px 1px;
	margin:0px;
}

thead td 
{
    	color:White !important

}

.resultshdr a 
{
    color:#ffffff;
}

th.results, .resultshdr, .resultshdrcheck,  a.results {
	background-color: #88D4E2;
	border-color: #88D4E2;
	color: #ffffff;
	text-align:left;
	vertical-align:top;
	line-height: 1.2em;
}



td.results
{
    color:#666666;
	border-color: #88D4E2;
	vertical-align:top;
	line-height: 1.2em;
}

td.resultsLastRow {
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #88D4E2;
	margin:0;
	padding: 4px;
   	vertical-align:top;
	line-height: 1.2em;
}

td.resultsRight {
	border-color: #88D4E2;
	border-width: 0px 0px 1px 0px;
	vertical-align:top;
	padding: 4px;
}

td.resultsLastRowRight {
	border-color: #88D4E2;
	border-width: 0px 0px 0px 0px;
	vertical-align:top;
	padding: 4px;
}

.buttonDefault .buttonStyle,
.buttonDefault .buttonStyle-2,
.buttonDefault .buttonStyle-3,
.buttonDefault .buttonStyle-4,
.buttonDefault .buttonStyle-5,
.buttonDefault .buttonStyle-6 
{
	color: #666666;
}

.buttonOver .buttonStyle,
.buttonOver .buttonStyle-2,
.buttonOver .buttonStyle-3,
.buttonOver .buttonStyle-4,
.buttonOver .buttonStyle-5,
.buttonOver .buttonStyle-6 
{
	color: #ff0000;
}

.areatext{
padding: 10px;
background-color:#E1F4F8;
}

@media print {
    * 
    {
        color:black !important;
    }
    
    .noprint 
    {
        display:none;
    }
}

/* Additional styles 23/03/06 */
p.help
{
	display:inline;
	font-family: verdana;
	font-size:70%;
}
ol
{
	font-family:Verdana;
	font-size:70%;
}

ol .help
{
	margin-top:0px;
}

ul.help
{
	padding-left:0px;
	margin-left:0px;
	font-family:Verdana;
	
}

ul.help li
{
	list-style-type:none;	
}

ul.help li a
{
	font-family: verdana;
	font-size:70%;	
	font-weight:bold;
	color:#666666;
}

ul.help li a:hover
{
	color:#ED1B24;
}

.boxTitleHelp h1
{
	color:#660099;
	display:inline;	
}
.boxTitleHelp h2 
{
	color:#666666;
	display:inline;
} 

h2.help
{
	font-size:70%;	
	display:inline;
	color:#666666;	
	font-family: verdana;
}
h3.help
{
	font-size:70%;	
	display:inline;
	color:#666666;	
	font-family: verdana;
}
h4.help
{
	font-size:70%;	
	display:inline;
	color:#000000;
	font-family: verdana;
}
h1.help
{
	color:#660099 ;
	font-size:80%;
	font-family: verdana;
}
.boxTitleHelp
{
	padding-left:8px;
	background-color:#E1F4F8;	
	border-bottom-width:0px;
	vertical-align:middle;
	height:21px;
}

ul.list
{		
	list-style-type:none;
}
ul.list li
{
	background-image:url(/comptimetable/images/list-bullet.gif);
	background-repeat:no-repeat;
	background-position: 0px 5px;
	padding-left: 8px;	
	
}

.header
{
	padding-bottom:	4px;
}