/*OIT - Ontario Innovation Trust - Using our heads CSS */

body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 18px;
/*  color:#192263; */
  color:#717367;
  margin: 0;
  background:#78bde8;
}

/* Links for body copy */
a:link {color: #f38213; text-decoration: none; font-weight:normal}
a:visited {color: #f38213; text-decoration: none;font-weight:normal}
a:hover {color: #f38213; text-decoration: underline;font-weight:normal}

a img { 
  border: none;
}
img { 
  border: none;
  display: block; /* needed for strict doctype! */
}

/* Links for footer */
#footer a:link {color: #ffffff; text-decoration: none; font-weight:normal}
#footer a:visited {color: #ffffff; text-decoration: none;font-weight:normal}
#footer a:hover {color: #ffffff; text-decoration: underline;font-weight:normal}


/* Headers */

p {
  font-family:	Georgia, Times New Roman, Times, serif;
  font-size: 12px;
  line-height: 18px;
/*  color:#717367; */
  }



/*class for OIT Q+A texts*/
p.questionQ {
	font-size: 14px;
	color: #3399cc;
	}
.question {
  color: #3399cc;
  font-size:12px;
  font-weight:bold;
}

.answer {
  color: #717367;
}


/* each OIT story set will have a unique colour for h1*/
h1 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight:bold;
  color: #78bde7;
  line-height: normal;
}

h5 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight:bold;
  color: #78bde7;
  line-height: normal;
}


/*classes for OIT story headers to match their set colour*/

/*green*/
h1.green { color: #94cd66;}

/*pink*/
h1.pink { color: #ec5da3;}

/*olive*/
h1.olive { color: #b1b743;}

/*purple*/
h1.purple { color: #5f4188;}

/*blue*/
h1.blue { color: #2078af;}

/*red*/
h1.red { color: #f26266;}

/*orange*/
h1.orange { color: #fdc53f;}


/*OIT authors name*/
h2 {
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 12px;
  font-weight:normal;
  font-style:italic;
  color: #717367;
  line-height: 14px;
}




td, th {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  color: #333333;
}

h3 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight:bold;
  color: #78bde7;
  line-height: normal;
}


.it { 
  font-style: italic;
}



ul.plain {
  list-style: none;
  margin: 0px;
}


.left { 
  float: left;
}

.right { 
  float: left;
}

.center { 
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.clear { 
  clear: both;
}

.righttxt { 
  text-align: right;
}


div.spacer {
  clear: both;
  background: white;
}

/* OIT page is 1006 wide - the white part of the page is 998 Plus 4 pixels each side to make the edge line and shadow into the blue */

#uberContainer {
  width: 1006px;
  margin: 0px auto;
/*  padding-left: 16px;  */
  padding-bottom: 20px;
  padding-top: 30px;
  background:#78bde8;
}

#pageContainer {
/*  margin: 0 auto; */
  width: 1006px;
  margin-bottom: 35px;
/*  background: #ffffff; */
  background: url(../img/oit_whitefillerwithedge.jpg) top left repeat-y;
}

#pageContainerAdmin {
/*  margin: 0 auto; */
  width: 1006px;
  margin-bottom: 35px;
  background: url(../img/oit_whitefillerNOedge.jpg) top left repeat-y;
}

.textMenuContainer {
  margin: 0px;
  /*	padding: 0;*/
  padding: 5px 0;
  text-align: center;
}

#innovationLinks {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight:normal;
  color:#717367;
  line-height: 18px;
  }
  
  .innolinks{
/* H3 header style for the blue headings for the Links pages */
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight:normal;
	color:#78bde7;
  line-height: 26px;
  }

/* OIT Page layout - {Left side 747wide - 25pad right - 35pad left= 687} {Right side 249wide}  {2 px vertical keyline}*/

/* structure left over from TT - numbers are from OIT*/

/* Total width = 751px */
#leftChannel {
  float: left;
  margin-left: 35px;
  margin-right: 25px;
  width: 691px;
}


/* Total width = 986px */
#leftChannelAdmin {
  float: left;
  margin-left: 35px;
  margin-right: 25px;
  width: 906px;
}


#rightChannel {
  float: left;
/*  width: 249px; */
  width: 235px;
  margin-left: 2px;
  margin-right: 5px;
}

.rightText {
  margin: 10px 5px 5px 10px;
  text-align:left;
}

/* for the drop cap letter in the QA side bar*/
.rightText:first-letter {
  float: left;
  font-size : 18px;
  font-weight : bold;
  margin-right: 0.4em;
}

.didyouknowText {
  margin: 10px 5px 5px 10px;
  /*text-align: justify;*/
  text-align:left;
}

.featureImg {
  float: left;
  margin: 0px 10px 0px 0px;
}

.titleText {
  font-style: italic;
  margin: 0px 35px 20px 35px;
  text-align: justify;
}

.featureText {
/*  text-align: justify; */
/*  font-weight : bold; */
}

.featureText:first-letter {
  float : left;
  font-size : 42px;
  font-weight : bold;
  line-height: 0.75em;
  margin-right: 0.1em;
}

.portrait {
  float: left;
  margin: 0px 5px 0px 10px;
}

.qamainImg {
  float: left;
  margin: 0px 10px 0px 0px;
}

.qamainTxt {
/*  text-align: justify; */
/*  font-weight : bold; */
}

/* Did you know styling */
.dyk_img { 
  width: 200px;
  float: left;
}
.dyk_content { 
  width: 450px;
  float: left;
  margin: 30px 0 0 0;
}

/* OIT need PDF's at bottom of Did You Know section - mg has not changed numbers here */

#pdfarea {
float: left;
top: 250px;
  left: 0;
  right: 0;
  width: 700px;
  /*padding: 20 px;*/
  }
  
.pdftextNotes {
  margin: 10px;
  /*	padding: 0;*/
  padding: 10px 0;
  text-align: left;
}
 

/* OIT footer */
#footer {
  clear: both;
  color: white;
  margin-top:10px;
}


#footer #msg {
  margin-left: 10px;
  float: left;
}

#footer #footNav {
  float: right;
  margin-right: 10px;
  background: #78bde8;
}

div.pdfs { 
  margin: 0 0 0 200px;
}

div.row {
  clear: both;
  padding-top: 2px;
}

div.row span.label {
  float: left;
  width: 55px;
  text-align: right;
}

.disabled { 
  margin: 5px 0 0 25px;
}

.smalltext { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

.invalid { 
  color: red;
}

/* OIT top graphic */
#topGraphic {
  width: 1006px;
  background: #333333; 
  padding: 0px 0px 0px 0px;
}

#pdfs {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #333333;
}

/*OIT QA main page*/
/* the Q */

h3 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif
  font-size: 24px;
  font-weight:normal;
  color: #78bde7;
}


/*q evans*/
.evans { color: #3198d4;}

/*q bernstein*/
.bernstein { color: #6AA297;}

/*q schmidt*/
.schmidt { color: #99ca3c;}

/*q murphy*/
.murphy { color: #f26633;} 

/*q crane*/
.crane { color: #29B1D3;} 

/*q siminovitch*/
.siminovitch { color: #ef3b24;}  

/*q poznansky*/
.poznansky { color: #c54b88;} 

/*q nixon*/
.nixon { color: #87B76C;}  

/*q petersen*/
.petersen { color: #6dcce1;}   

/*q lazaridis*/
.lazaridis { color: #98cb4f;}   


/*FOR MAIN QA - class for OIT Q+A texts MAIN with pquestion override for individual colour and answerMain is grey*/
/* the blue colours*/
/*p.question {
	color: #717367;
	}*/
.answerMain {
  color:#717367;
}

  /*  STANDARD FORM HERE */
  
.formContainer{
  width: 500px;
  padding: 0 40px 0 40px;
}

.stdForm fieldset {
/*  margin: 20px 0 0px 20px; */
  margin: 20px 0 0px 20px;
  /* margin: 20px 0 0px 5px;  
	to fix safari/ff/opera field set keyline problem*/ 
}

.stdForm input.txt {
  display: block;
  width: 300px;
  font-size: 11px;
/*  margin: 0 0 0px 0px; */
  color: black;
  background: #e7e7e7;
}

.stdForm label {
  display: block;
  float: left;
  font-weight: bold;
  width: 130px;
  padding-right: 5px;
  padding-top: 0.4em;
}

/* cakephp form error */
.error-message { 
  color: black;
  padding: 3px 0 3px 15px;
}
.error { 
  color: red;
}


.address { 
  font-weight: bold;
  padding: 0px 0px 10px 40px;
}

table tr.altrow td {
  background: #f4f4f4;
}

table.ordersummary {
  padding-left: 25px;
}
table.ordersummary td {
  font-size: 14px;
  padding-left: 3px;
  padding-right: 15px;
}

table.orderview td {
  padding-left: 3px;
  padding-right: 3px;
}

table.orderview .column-1 { 
  width: 40px;
}

table.orderview .column-2 { 
  width: 100px;
}

table.orderview .column-3 { 
  width: 150px;
}

table.orderview .column-4 { 
  width: 150px;
}

table.orderview .column-5 { 
  width: 100px;
}

table.orderview .column-6 { 
  width: 150px;
}

table.orderview .column-7 { 
  width: 35px;
}

table.orderview .column-8 { 
  width: 25px;
}
table.orderview .column-9 { 
  width: 70px;
}

table.friendview td {
  padding-left: 3px;
  padding-right: 3px;
}

table.friendview .column-1 { 
  width: 200px;
}

table.friendview .column-2 { 
  width: 70px;
}