/**
 * @file
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */


/* Node wrapper */
.node  {
  margin-bottom: 20px;
}


/* Preview of the content before submitting new or updated content */
.preview .node {
  /* background-color: #ffffea; Drupal core uses a #ffffea background */
}


/* A node that has been promoted to the front page */
.node-promoted {
}


/* A sticky node (displayed before others in a list) */
.node-sticky {
}


/* A node created by the current user */
.node-by-viewer {
}


/* A node displayed as teaser */
.node-teaser {
}


/* Zebra stripe node lists */
.node.odd {
}


.node.even {
}


/*
 * All nodes are given a node-[content-tyopt] class. If you create a new content
 * type called "my-custom-type", it will receive a "node-my-custom-type" class.
 */

/* Page content node */
.node-page {
}


/* Article content node */
.node-article {
}


/* Book content node */
.node-book {
}


/* Forum content node */
.node-forum {
}


/* Poll content node */
.node-poll {
}


/* Node title */
.node-title {
}


/* The picture of the node author */
.node .user-picture {
}


/* The "posted by" information */
.node .submitted {
}


/* The "posted by" user */
.node .submitted .username {
}


/* The "posted by" datetime wrapper */
.node .submitted  time {
}

#last-modified {
  float: right;
  font-family: 'Cabin', sans-serif;
}

/* Node's content wrapper */
.node .node-content {
  margin-left: 30px;
}


/* Node links. See also the ul.links declaration in the pages.css. */
.node ul.links  {
}

/**********************************************************
*                    Page Actions 
 *********************************************************/
#contentprint{
  margin-top: 75px;
}

#actions {
  clear: both;
  float:left;
  margin-left:15px;
  width: 100%;
  border-top: 1px solid #CCCCCC;
  padding-top: 10px;
}

.node.node-contact-us.article.clearfix #actions{
  clear: both;
  float:left;
  margin-left:0;
  width: 100%;
  border-top: 1px solid #CCCCCC;
  padding-top: 10px;
}

#right-bottom {
  float: right;
  width: 200px;
}

.actiondocsum{
  margin: 55px 15px;
}
#actions li a:link {
  font-weight: normal;
  font-size: 16px;
  color: #7C6A06;
}
#actions li a:link { font-family: "Cabin"}
.action span {
  display: block;
  font-size: 1.4em;
  font-family: 'Cabin',sans-serif;
}
.action {
  float: left;
  margin: 0 30px 10px 0;
  width: 240px;
}
#print-icon {
 background: url('/sites/all/themes/ontario/images/print_icon.png') no-repeat 0 0 transparent;
}
#email-icon {
  background: url('/sites/all/themes/ontario/images/email_icon.png') no-repeat 0 0 transparent;
}
#t-icon {
  background: url('/sites/all/themes/ontario/images/t_icon.png') no-repeat 0 0 transparent;
}
#fb-icon {
  background: url('/sites/all/themes/ontario/images/fb_icon.png') no-repeat 0 0 transparent;
}
#rate-icon{
  background: url('/sites/all/themes/ontario/images/rate_icon.png') no-repeat 0 0 transparent;
}

#rate-icon, #fb-icon, #t-icon, #email-icon, #email-icon, #print-icon{
  overflow: hidden;
  text-indent: -200px;
}

.share-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 0 5px;
}
.share-icon:hover, .share-icon:focus {
  background-position: 0 -32px !important;
}


#formbody {
  margin-left: 20px;
  text-align: left;
  margin-top:-30px;
}

#tags span {
  display: inline;
}

/** WEBFORMS */
/** first set labels and items to appear next to each other */

div.form-item.form-type-checkbox.form-item-submitted-rate-neg-1,div.form-item.form-type-checkbox.form-item-submitted-rate-neg-2,
div.form-item.form-type-checkbox.form-item-submitted-rate-neg-3,div.form-item.form-type-checkbox.form-item-submitted-rate-neg-4, 
div.form-item.form-type-checkbox.form-item-submitted-rate-describe-1, div.form-item.form-type-checkbox.form-item-submitted-rate-describe-2,
div.form-item.form-type-checkbox.form-item-submitted-rate-describe-3, div.form-item.form-type-checkbox.form-item-submitted-rate-describe-4 {
  padding: 3px 20px 6px 20px;
  color: #3B3B3B;
  background: #F4F4F4;
  border: 1px solid #D0D0D0;
  width: 120px;
  display: inline;
  margin-left: 20px;
}

#edit-submitted-note{
  margin: 0 150px -55px 120px;
  width: 330px;
}

#webform-ajax-wrapper-7395,#webform-ajax-wrapper-7396{
  width: 470px;
  line-height:1.3em;
}

#edit-submitted-rate-helpful{
  margin-top: 0;
}
#edit-submitted-rate-quick-question,#edit-submitted-rate-helpful-smile,#edit-submitted-rate-quick-smile{
  margin-top: -20px;
}
#edit-submitted-describe-the-page{
  margin: -15px 0 -12px 0;
}

#edit-submitted-tell-us-mark{
  margin: -5px 0 -10px 0px;
}

#edit-submitted-rate-describe,#edit-submitted-rate-neg{
  margin-left: 4px;
  width: 500px;
}   


#edit-submitted-tell-us{
  width: 460px;
}

div .grippie{
  display:none;
}

input[id*='edit-submitted-rate-describe-'],input[id*='edit-submitted-rate-neg-']{
  opacity:0;
  position:absolute;  
  top:0;  
  left:0;  
  z-index:3;  
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
  filter:alpha(opacity=0)
}


input[id*='edit-submitted-was-this-page-helpful-'],input[id*='edit-submitted-rate-quick-']{
  opacity:0;
}

div.highlight {
  background-color: #FEC940 !important;
}
/**smiling face**/

#options,#options2{ margin:15px 3px 0 -30px; padding:0; }
#options ul,#options2 ul{ margin:0; padding:0;list-style-type: none; }
#options ul li,#options2 ul li { display: inline-block; }
#options li,#options2 li{
  margin:0 0 5px 0;
  padding:0;
  list-style:none;
  padding:0 0 0 42px;
}

#options li.active,#options2 li.active{
    
}

#options li a span,#options2 li a span{
  display:none;
}

a.option1{ background:url('/sites/all/themes/ontario/images/hate.png') no-repeat;}
a.option2{ background:url('/sites/all/themes/ontario/images/dislike.png') no-repeat;}
a.option3{ background:url('/sites/all/themes/ontario/images/neutral.png') no-repeat;}
a.option4{ background:url('/sites/all/themes/ontario/images/like.png') no-repeat;}
a.option5{ background:url('/sites/all/themes/ontario/images/love2.png') no-repeat;}

a.option1,  a.option2, a.option3, a.option4, a.option5{
  background-position:bottom;
  display:block;
  width:50px;
  height:47px;
}

a.option1:hover, a.option2:hover, a.option3:hover, a.option4:hover, a.option5:hover{
  background-position:top;
}

#options li a.active,#options2 li a.active{
  background-position:top !important;
}

input[id*='edit-submitted-was-this-page-helpful-'],input[id*='edit-submitted-rate-quick-'],div[id*='edit-submitted-was-this-page-helpful-'],div[id*='edit-submitted-rate-quick']
{ display:none;}

#rateform{
  width: 500px;
  text-align: left;
  margin: 20px 20px 40px 0;
}
#rateform .form-type-checkbox {
  cursor: pointer;
}
#rateform .form-type-checkbox:hover {
  background-color:#F7E29E;
}

#edit-submitted-rate-helpful-question{
  margin-top:0;
}

/*#surveyintro {
    display: block;
    float: left;
    margin: 10px 0;
    padding: 5px;
    width: 450px;
}*/

#surveyintro p, #surveyintro h1 {
  padding: 10px 0;
  font-size: 1.5em;
  font-weight: 200;
  line-height: 1em;
}

.draggable-form-item .form-item .form-item-submitted-like{
  padding:20px;
}

label.option.edit-submitted-was-this-page-helpful--5{
  margin-left:10px;
}


.survyconfirm{
  font-size: 24px;
  font-family: 'courier new', courier, monospace;
  margin:30px;
}

#print-mail-form {
  text-align: left;
  margin-top:-120px;
  padding:20px;
}

/** Email **/

div#edit-fld-title.form-item.form-type-item{
  font-weight: bold;
  margin: -45px 0 0 50px;
  font-size: 16px;
}

input#edit-fld-from-name.form-text,textarea#edit-txt-to-addrs.form-textarea{
  margin-top: 5px;
}

/** Table of contents */
.opacity .top {
  opacity: 1;
  -webkit-transition: opacity 700ms linear;
  -moz-transition: opacity 700ms linear;
  transition: opacity 700ms linear;
}

.top:hover {
  color: #EEE;
}

a.top {
  position: fixed;
  right: 105px;
  bottom: 10px;
  width: 45px;
  height: 3px;
  padding-top: 45px;
  line-height: 10px;
  background: #333;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
  font-size: 12px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  behavior: url('/sites/all/themes/ontario/scripts/PIE.htc');
}





.top {
  margin-top: 0;
}

.top:hover::before {
  border-bottom-color: #EEE;
}

.top::before {
  position: absolute;
  top: 2px;
  left: 7px;
  content: "";
  border-bottom: 11px solid #888;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
}

.opacity .top.hidden {
  opacity:0;
}

.no-opacity .top.hidden {
  display:none;
}



li.link-active {}
li.link-active a {color: #FFFFFF;}

contentbody {
  max-height: 1000px;
}

/* Email This Page
*/

#edit-submitted-your-name,#edit-submitted-to-mail,#edit-submitted-your-message {
  margin-top: -18px;
}

.webform-component--to-note {
  width: 310px;
  margin-top: -20px;
  font-size: 90%;
}

#edit-submitted-your-message{
  width: 310px;
}

#emailintro{
  width: 380px;
  margin: 0 0 1.5em 0;
}

#emailtitle{
  font-size: 1.5em;
  font-weight: 200;
  line-height: 1em;
}

#emaillogo {
 background: url('/sites/all/themes/ontario/images/ontario-black@2x.png') no-repeat 0 0 transparent;
}

#emailpage{
  text-align: left;
  margin: 40px 0 0 0;
}

#bottomNavClose {
position: absolute;
background: url('/sites/all/themes/ontario/images/close.png') no-repeat;
width: 35px;
height: 33px;
right: -2px;
top: -2px;
cursor: pointer;
z-index: 20;
}

#odleft {
 min-height:180px;
}

.odfilebutton{
  box-sizing: border-box;
  padding: 0.5em;
  text-align: center;
}

#tel {  
  margin-top: -22px;  
}

div.field-content{
  display: inline;
}

#surveyintro{
  margin: 7.5em 0 1.5em 0;
}

/* styles for open data */
#opendata{
  margin: 0 0 25px 0;
}

#opendata .views-row {
  padding-top: 30px;
}

#opendata .field-content p {
  margin-bottom: .5em;
}
/* increase size of links (titles) so they are larger than the text below */
#opendata .field-content a {
  font-size: 113%;
}
div.views-field.views-field-created,div.views-field.views-field-field-od-file-type-used, 
div.views-field.views-field-field-category, div.views-field.views-field-group-audience{
  font-size:12px;
  color: #777;
}

div.views-field.views-field-field-category, div.views-field.views-field-group-audience{
  margin: -20px 0 0 300px;
}

#odaction{
  margin-left: -45px;
}

#odgrid3{
  margin-top: 30px;
}

#odgrid9{
  margin-top: 25px;
}


#odright{
  margin-left: -30px;
  border-bottom: 0;
  padding: 0 20px 20px;
  margin-bottom: 20px;
  position: relative;
}

#htmlemail{
  margin: 20px 0 0 20px;
  text-align: left;
}

#emailstatus{
  border: 0px none; 
  color: #ff0000;
  width: 320px;
  margin-bottom: -15px;
}

#ratestatus{
  border: 0px none; 
  color: #ff0000;
  width: 620px;
  margin-bottom: -15px;
}

#extodlink{
  margin: 50px 0 0 20px;
}

#odfilelink{
  line-height: 30px;
}

#page-title {
  margin-bottom: 0;
}

.grey-box {
  background-color: #ededed;
  padding: 10px 0;
  clear: both;
}

#emailmsg{
  margin: 100px;
}

.fmsg{
  font-size:20px;
  font-family: tahoma, geneva, sans-serif;
  margin: 2em 0 1.5em;
  line-height: 30px;
}

.cfmsg{
  font-size:20px;
  font-family: tahoma, geneva, sans-serif;
  margin: 0 1.5em;
}

.hrline{
  border-top: 2px solid #EEE;
}

div.grid_12.notice{
  margin: 46px 40px 0 15px;
}

.servloclable{
  font-size:1em;
  font-weight:700;
  margin-top: 10px;
}

.servloc{
  padding: 0 10px 10px;
}

.adr{
  display: none;
}
.locp{
  margin-top: 10px;
}

cursor:pointer;