@charset "UTF-8"; /* CSS Shorthand */

*{margin:0; padding:0; border:0; overflow:visible; !important; overflow-y:visible; float:none}
html, body{font-family:Arial,Helvetica,sans-serif; width:100%; margin:0;}
.notation{color:#999}
#wrapper2{overflow:auto; width:100%; height:auto}

hr{border-top:1px solid #DFE0E2; margin:0 0 10px 0}

.ul-listcontent{color:black; line-height:18px; margin:0 0 20px 50px}
.ol-listcontent{color:black; line-height:18px; margin:0 0 20px 50px}
.ol-listcontent2{color:black; line-height:21px; margin:0 0 10px 20px}
.ul-listcontent-sublist{color:black; line-height:18px; margin:0 0 6px 50px}
.ol-listcontent-sublist{color:black; line-height:18px; margin:0 0 6px 50px}
.ol-listcontent-sublist2{color:black; line-height:21px; margin:0 0 10px 25px}
.ul-listcontent li, .ol-listcontent li{margin:0 0 6px 0}  
.btmspace{margin-bottom:25px}

p{line-height:22px; margin:0 0 20px 0}

h1, h2, h3, h4{margin:0 0 10px 0}
h1{color:black; font-size:25pt; margin:15px 0 15px 0}/* Set size for layout */
h2{color:black; font-size:16pt; font-weight:420; line-height:23px; padding:0 0 10px 0}/* Set size for layout */
h3{color:black}
h4{color:black}
h5{color:#333}
.sub-sub-head{color:#333; font-size:medium; font-weight:bold; line-height:30px; height:auto; width:auto}

.table0{margin:0 0 20px 0; width:100%; height:100%; overflow:visible; padding:10px; float:none}
.table1{background-color:#F4F4F4}
.table2{background-color:#E1E1E1}
.tablepad{padding:5px}
.tablecenter{text-align:center}

table, td{border-color:#5D666B; border-style:solid}
table{border-width:0 0 1px 1px; border-spacing:0; border-collapse:collapse; margin-bottom:20px}
td{margin:0; padding:2px; border-width:1px 1px 0 0; background-color:#FFC}

blockquote{background:#f9f9f9; border-left:10px solid #ccc; margin:1.5em 10px; padding:.5em 10px; quotes:"\201C""\201D""\2018""\2019"}
blockquote:before{color:#ccc; font-size:4em; line-height:.1em; margin-right:.25em; vertical-align:-.4em}
blockquote p{display:inline}
.blockerror{background:#f9f9f9; border-left:10px solid #ccc; margin:5px 5px 20px 5px; padding:5px; quotes:"\201C""\201D""\2018""\2019"; color:#CC0000; font-weight:bold; font-size:105%}

sup{font-weight:bold}
sup a{color:#c93312; text-decoration:none}

a{color:black; text-decoration:none}
.links a{font-family:Verdana,Arial,Helvetica,sans-serif; color:black; text-decoration:none}

/* Form borders */
.formborder{border:1px solid #5D666B; padding:0 0 0 5px}
.formsize1{height:auto; width:250px}
.formsize4{height:auto; width:318px}
.formsize5{height:auto; width:515px}
.formsize6{height:300px; width:515px}
.formbutton0{height:20px; width:55px; cursor:pointer; border:1px solid #5D666B; font-weight:bold; margin:2px 0px 0px 2px; padding:0 0 2px 0}
.formbutton1{height:30px; width:75px; cursor:pointer; border:1px solid #5D666B; font-weight:bold}
.formbutton2{height:25px; width:75px; cursor:pointer; border:1px solid #5D666B; font-weight:bold}

/* Global clear float */
.clear{visibility:hidden; display:block; clear:both; height:0px; margin:0; padding:0; font-size:0}

#topNav{width:auto; height:auto; margin:0; padding:0}
#sgiLogo{width:auto; height:auto}
#sgiLogo img{margin:0; padding:0}

/* Home Page Layout */
#mainNavContent{width:100%; margin:15px 0 15px 0; float:none}

/* Breadcrumb */
#breadcrumb {float:none; width:auto; height:auto; margin-top:15px}
.breadcrumbstyle{color:black; margin:0 0 15px 0; font-size:9pt; line-height:13px}

/* Feature Rotator */
#feature{width:100% height:260px; border:1px solid #DFE0E2; overflow:hidden; float:left; margin:15px 0 15px 0}
#feature-nojs{width:100%; height:260px; border:1px solid #DFE0E2; overflow:hidden; margin:0 0 15px 0}
div#feature_list{width:739px; height:260px; overflow:hidden; position:relative; overflow:hidden}
div#feature_list ul{position:absolute; top:0; list-style:none; padding:0; margin:0; overflow:hidden}
ul#tabs{left:0; z-index:2; width:320px}
#tabs-nojs{width:310px}
#output-nojs{width:429px}
.nojsspacer{display:block; height:67px; width:auto; padding:10px; background-color:#F3F3F3; text-decoration:none}
.nojsspacer .featuretitle{font-weight:bold; margin-bottom:20px}
.nojs-line{border-top:1px solid #999}
.tabs-nojs li{font-size:12px; font-family:Arial}
.tabs-nojs li a{color:black; text-decoration:none; display:block; height:67px; outline:none; padding:20px 40px 0 20px; font-size:16px; font-weight:bold}
.tabsbg{background: url('/images/0-structure/featurebg1.png') no-repeat -35px}
ul#tabs li{font-size:12px; font-family:Arial}
ul#tabs li a{color:black; text-decoration:none; display:block; height:67px; outline:none; padding:20px 40px 0 20px; font-size:16px; font-weight:bold}
ul#tabs li a.current {background: url('/images/0-structure/feature-tab-current.png') no-repeat bottom left; color:#c93312}
ul#output {right:0; width:453px; height:260px; position:relative}
ul#output li {position:absolute; width:453px; height:260px}
ul#output li a.featurelink{position:absolute; bottom:15px; right:15px; padding:12px 12px 12px 12px; text-decoration:none; font-size:12px; color:white; background:#000; border:2px solid #DFE0E2;}
.featureborder{background: url('/images/0-structure/featurebgline.png') no-repeat top left}

/* Section Landing Modules */
/* News */
.article{width:auto; padding:0 0 0 0; padding-right:0; font-size:small}
#cell0{width:auto; border:none; background-color:#F3F3F3; height:auto; border-left:none; clear:both}
.newslinks p{line-height:15px}
.newslinks p a{text-decoration:none}
.newslinks p a .under{font-weight:bold; color:black}
.newslinks p a:hover .under{font-weight:bold; color:#bb2a3b; text-decoration:underline}
.newsred{font-size:90%; color:black}

#quickLinks{height:none; margin-top:0; margin-bottom:9px; padding-top:5px; padding-left:0; background:none; font-size:15pt}
#cell1a, #cell2b, #cell3c, #cell4d, #cell1e, #cell2f, #cell3g, #cell4h, #cell1i, #cell2j, #cell3k, #cell4l{width:auto; height:auto; font-size:13px; text-align:left; display:block; border-top:none; border-right:none; border-bottom:none; border-left:none; background-color:#F3F3F3; padding:10px 0 10px 0; color:black; text-decoration:none}

/* Pages and Content - next 4 sections */
#pageContentWrap{width:100%; height:auto; margin:0 0 0 0; padding:0; float:none; overflow:visible}
#content{width:100%; height:auto; padding:0; margin:0 0 0 0; overflow:visible}
#content-full{width:100%; height:auto; padding:0; margin:0 0 0 0; overflow:visible}
.firstline-a{width:70%; height:auto; padding:0 0 10px 0}
.firstline-b{width:30%; height:auto}
.end{text-align:center; margin:40px 0 40px 0; color:#999}
.rev{color:#999; font-size:10pt}
.assets{line-height:23px; width:90%; height:auto; margin:0 20px 0 0}
.assets-single{line-height:23px; width:90%; height:auto; margin:0 20px 0 0}
.assetssingle{line-height:23px; width:90%; height:auto; margin:0 20px 0 0}
.assetsborder{border-right:none}
.assetsborder2{border-left:none}
.assets2{padding:0 10px 20px 20px}
.classimage{margin:5px 50px 10px 15px; float:right; width:auto; height:auto}
.classimage1{}
.classimage2{margin:5px 30px 10px 15px; float:right; width:auto; height:auto}
.classimage3{margin:5px 15px 10px 10px; float:left; width:auto; height:auto}
.classimage4{margin:5px; width:auto; height:auto; text-align:center}
.classimage5{margin:5px; width:auto; height:auto}
.classimage6{margin:10px 5px 10px 5px; width:auto; height:auto}
.classimage7{margin:10px 5px 20px 5px; width:auto; height:auto}
.contentindent{margin:0 0 0 25px}
.contentindent1{margin:0 0 15px 25px}
.pageContent-Shell-right{width:auto; height:auto; border:none}
.pageContent-Shell-full{width:auto; height:auto; border:none}
.smalldate{font-size:85%}
.cutline{margin:0 0 20px 20px; padding:10px; background-color:#E3E3E3; font-size:80%}
#pageContent-titleWrap{width:auto; height:auto; margin:5px 0 0 0; border:none; padding:0}
.driverightvid{width:320px; height:240px; margin:0 20px 10px 0}
.faq{padding:0 0 0 20px}
.question{padding:0 0 0 35px}
.switchregion{margin:0 0 0 30px}
.switchheader{margin-bottom:5px}
.switchcontent{margin:0 0 10px 30px; width:80%; height:auto; background-color:#F4F4F4; padding:10px}
.switchcontent p{margin-bottom:0px}
.switchspacing{margin-bottom:20px}
.fb-comments-sgi{display:none !important}
.fb-comments-sgidisplay{display:none !important}

#pageContent-titleWrap-book{width:auto; height:auto; margin:5px 0 0 0; border:none; padding:0}
.white{color:black}
.handbookheader{font-size:135%; float:none}
.handbookheader2{font-size:105%; font-style:italic; margin:0 0 0 0}
#booknumber{font-size:135%; margin:10px 0 0 0; float:none; font-weight:bold}
#booknumber:before{content:" The Saskatchewan Driver's Handbook section: "}
.watchnow{padding:5px; background-color:#CCC}
.watchnowtext{padding:5px}

/* Online services elements */

/* Footnote div */
ol.foot{line-height:22px; margin:8px 0 20px 50px}
#footnotediv{position:absolute; width:400px; overflow:visible}
#footnotediv div{background-color:white; padding:3px 12px 3px 12px; border:1px solid #999}
a.footnotebacklink{border-bottom:none; text-decoration:none}
a.footnotebacklink img{margin:0; padding:0; border:0}

/* Footer Include */
#footer{width:100%; height:auto; color:black; margin:10px 0 0 0; font-size:10pt; float:none}
.footercelltext{color:black; text-decoration:none; padding:0 0 5px 5px; width:100%}
.footright {width:100%; height:auto; text-align:left}
.footline {padding:0 5px 0 5px}

#content a:after{content:" <" attr(href) "> ";font-size:11pt}
#content a[href^="/"]:after{content:"  <www.sgi.sk.ca" attr(href)"> ";font-size:11pt}
#content a[href^="#"]:after{content:none}
#content a[href^="javascript:;"]:after{content:none}
#content a[href^="mailto:"]:after{content:none}
#content a[href^="javascript:"]:after{content:none}

#cell0 a:after{content:" <" attr(href) "> ";font-size:9pt}
#cell0 a[href^="/"]:after{content:"  <www.sgi.sk.ca" attr(href)"> ";font-size:9pt}
#cell0 a[href^="#"]:after{content:none}
#cell0 a[href^="javascript:;"]:after{content:none}
#cell0 a[href^="mailto:"]:after{content:none}

#wrapper2 a:after{content:" <" attr(href) "> ";font-size:9pt}
#wrapper2 a[href^="/"]:after{content:"  <www.sgi.sk.ca" attr(href)"> ";font-size:9pt}
#wrapper2 a[href^="#"]:after{content:none}
#wrapper2 a[href^="javascript:;"]:after{content:none}
#wrapper2 a[href^="mailto:"]:after{content:none}
.fb-comments-sgidisplay{display:none}

/* Display none */
#banner-right-ind-reg, #banner-right-driver, #banner-right-penalties, #banner-right-claims, #banner-right-medical, #banner-right-safety, #banner-right-safety1, #banner-right-driveright, #banner-right-bus, #banner-right-carriers, #banner-right-dealers, #banner-right-permit, #banner-right-guides, #banner-right-vis, #banner-right-suppliers, #banner-right-brokers, #banner-right-issuers, #banner-right-online, #banner-right-mlis, #banner-right-about, #banner-right-help, #banner-right-media, #banner-right-careers, #banner-right-epay, #banner-right-farm2, #banner-right-farm1, #banner-right-news, #banner-right-salvage, #banner-right-mysgi, #banner-right-house, #banner-right-issuer, #banner-right-book-0, #banner-right-book-0b, #banner-right-book-1, #banner-right-book-2, #banner-right-book-3, #banner-right-book-4, #banner-right-book-5, #banner-right-book-6, #banner-right-book-7, #banner-right-book-8, #banner-right-safetytraining, #banner-right-mobileapp, #banner-right-card2, #banner-right-carseat, #banner-right-communityrelations, #banner-right-partnerssignin, #banner-right-cycle2, #banner-right-distraction, #banner-right-teen{background:none}

.footerlinks, #visitsgi, .footleft, #banner-right-news #pageContent-titleWrap, #tools, #mainNavLinks, .subLinks, #searchBar, #toplinks, #indviduals, #businesses, #partners, #services, #indviduals2, #businesses2, #partners2, #services2, .squarebanner, .verticleTree-left, #sbutton1a, #sbutton1b, .locitem, .servicestitle2, .endlinks, .noprint, .onlineapps, .end, .servicesvin, #afticker, .mysgibuttons, #cell0a, .services, .servicesonline, .servicesonline2, .servicestitle2, .nextbutton, .fb-comments-sgi, .fb-comments-sgidisplay, .toplinks, #contactmap{display:none}