@charset "utf-8";
/* CSS Document */
/*-----------------    Sub 1 toronto.ca      -----------------------------*/
a:focus{ outline:1px dotted #999}

table.content td{ padding:10px 5px 10px 5px}

#subscriptionPA #content{ width:915px; margin-left:10px; margin-right:auto; display:block; padding:0px}
#subscriptionPA h1,#subscriptionPA h2,#subscriptionPA .cot-row3 h2{display:block; padding:5px 10px; background-color:#276ca0; margin:0px 0px 0px 10px;  text-align:left; border-left:none; color:#FFFFFF; font-size:1.35em; text-decoration: none; color: #fff}

#subscriptionPA .description h2{ font-size:2.0em!important; padding:20px 10px 20px 10px; display:inline-block; margin-left:0px; margin-top:10px}
#subscriptionPA .cot-full{ width:95%;padding:10px}
#subscriptionPA .cot-twothirds{ width:66%; display:block; margin-left:20%}
#subscriptionPA #content{ margin-left:0px!important}
#subscriptionPA #content.inner{ border:none}
#subscriptionPA #content .cot-row2{ width:100%;}
#subscriptionPA #content hr,#subscriptionPA #content br{ background-color:transparent}
#subscriptionPA .description{ padding-left:20px; width:75%; text-align:left}
#subscriptionPA .description p{ padding-top:10px}
#subscriptionPA p.select{ text-align:center; margin-top:10px; padding-bottom:10px; line-height:150%}
#subscriptionPA .description ul{ margin-left:20px; margin-top:10px}
#subscriptionPA .description li{ list-style:disc; margin: 0px 0px 10px 20px;}
#subscriptionPA .cot-full img{ margin-top:20px;}
#subscriptionPA .cot-full h2{ padding:10px 10px 0px 0px; margin-left:0px; color:#000}
#subscriptionPA .cot-full p{}

#subscriptionPA .cot-twothirds.description h2{ background:transparent; border:none;}
#subscriptionPA input[type='checkbox']{ border:none;}
#subscriptionPA .cot-row2 .cot-onethird{ width:32%;}
#subscriptionPA .cot-row3 h2{color:#fff; padding:5px 10px}
#subscriptionPA #content h2{}
#subscriptionPA #btnSub{ margin-left:2px;}
#subscriptionPA #email{color:#666;}
#subscriptionPA input#email{ width:250px;}
#subscriptionPA #emailArea {color:#666; margin-left:0px}
#subscriptionPA input:focus{background-color:#c6e5f3}
#subscriptionPA #unsub2 input:focus{background-color:#ffffff; outline:none;}
#subscriptionPA #unsub2 input{margin-right:2px}
#subscriptionPA .error{ background-color:#fbfba7; color:#000; border: 1px solid #ededa6; padding:5px 5px 5px 30px; margin-left:5px; background-image:url(http://app.toronto.ca/tmmis/assets/images/icon_warning_sm_transparent.gif); background-repeat:no-repeat }

/*#subscriptionPA .small-text{ background-color:#fff; width:99%; padding:5px 5px 15px 5px;font-size:95%; font-family:Arial, Helvetica, sans-serif;}*/s
#subscriptionPA .unsub{padding:0px 10px 10px 10px}
#subscriptionPA .cot-row2 .active,#subscriptionPA .cot-row2 .cot-onethird.first.active,#subscriptionPA .cot-row2 .cot-onethird.middle.active,#subscriptionPA .cot-row2 .cot-onethird.last.active, #subscriptionPA .cot-row2 .cot-full.active,#subscriptionPA .cot-row2 .cot-full:hover, #subscriptionPA .cot-row2 .cot-onethird:hover
{ background-color:/*#b7cff6*/#d8e0f8;}
#subscriptionPA .cot-row2 .cot-full:hover input['cehckbox']{ background-color:/*#b7cff6*/#d8e0f8;}
#subscriptionPA .cot-row2 .active h3,#subscriptionPA .cot-row2 .cot-onethird.first.active h3,#subscriptionPA .cot-row2 .cot-onethird.middle.active h3,#subscriptionPA .cot-row2 .cot-onethird.last.active h3, #subscriptionPA .cot-row2 .cot-full.active h3{color:#115c95;}
#subscriptionPA .cot-row2 h3 input{ margin-right: 5px;}

#subscriptionPA .teaser_story{ background-color:#FFFFFF;}
#subscriptionPA .teaser_story h3{ margin:15px 0px 2px 0px}
#subscriptionPA .wards{ display:block; /*background-color:#f8efc5; border:1px solid #e6dfbc;*/ padding:2px 2px 2px 0px; margin-bottom:5px}
#subscriptionPA .cot-row2 .cot-onethird.last.active .wards, #subscriptionPA .cot-row2 .cot-full.active .wards,#subscriptionPA .cot-row2 .cot-full:hover .wards, #subscriptionPA .cot-row2 .cot-onethird:hover .wards{ display:block;/* background-color:#e9edf9; border:1px solid #c0cae6;*/ padding:2px 2px 2px 0px; margin-bottom:5px}

.back_to_top {
float:right; margin-right:10px
}

.back_to_top_homepage {
}

/*-----------------    UnSubscribe 2 toronto.ca      -----------------------------*/


#btnSub:hover, #btnSub:focus{ background-color:#d4d0c8; border:1px solid #000; border-radius:0px}

#unsub2 .description{ height:100%; vertical-align:middle; margin-bottom:10px}
#unsub2 #links .faq{overflow:auto; height:100%; width:100%;}
#unsub2 #links .faq table{width:90%}
#unsub2 #links .faq table td{width:40%}
#unsub2 #links .faq_item{ /*width:40%;  float:left;*/ margin:0px 0px 0px 4px;}
#unsub2 #links .faq_content{margin-top:0px; padding-top:0px; margin-bottom:20px}
#unsub2 #links h2{ margin-bottom:10px}
#unsub2 #links input{ margin:0px 0px 0px 10px; display:block; width:5%; float:left; text-align:right;padding:0px;}
#unsub2 #links input{}
#unsub2 .faq_header:hover{}

.emailMainArea{ background-color:#fff; padding-bottom:15px; text-align:center}
#unsub2 .emailMainArea{  padding:12px}
#subscriptionPA #unsub2 .small-text,#subscriptionPA .small-text{ background-color:#efefef; width:100%; padding:15px 5px 15px 5px;font-size:95%; font-family:Arial, Helvetica, sans-serif; margin-top:10px; margin-bottom:10px; margin-left:-6px; font-size:12px}

/*aoda fixes*/
input:focus { border:2px solid #ffa500}
A:focus{ text-decoration: none;}

#mainTabs ul li a:hover, #mainTabs ul li a:focus, #mainTabs a:focus{ text-decoration: underline}

a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    background:#ffffff;
    border:1px solid red;
    color:#000;
    left: 0;
    top: 0;
    text-align: center;
    width:100%;
    display: block;
    height: auto;
    overflow:auto;
    margin: 10px;
    padding:5px;
    font-size:1.4em;
    z-index:999;
}

.footer #links a:hover,.footer #links a:focus{ text-decoration: underline}