/*
	Edmonton Police Service
	Template Layout Style Definitions
*/
/* Headings */ 
.leftColumn h1 {line-height:1.1em;font-family:'Open Sans',"Helvetica", Helvetica, Arial, sans-serif;} 
.leftColumn h2{line-height:1.1em;font-family:'Open Sans',"Helvetica", Helvetica, Arial, sans-serif;} 
.leftColumn h3 {line-height:1.1em;font-family:'Open Sans',"Helvetica", Helvetica, Arial, sans-serif;} 
.leftColumn h4 {line-height:1.1em;font-family:'Open Sans',"Helvetica", Helvetica, Arial, sans-serif;} 
.leftColumn h5 {line-height:1.1em;font-family:'Open Sans',"Helvetica", Helvetica, Arial, sans-serif;} 
.leftColumn h6 {line-height:1.1em;font-family:'Open Sans',"Helvetica", Helvetica, Arial, sans-serif;} 
.leftColumn h7 {line-height:1.1em;font-family:'Open Sans',"Helvetica", Helvetica, Arial, sans-serif;} 
.leftColumn h1 {font-size:1.8em;} 
.leftColumn h2 {font-size:1.4em;} 
.leftColumn h3 {font-size:1.2em;} 
.leftColumn h4 {font-size:1.1em;} 
.leftColumn h5 {font-size:1em;} 
.leftColumn h6 {font-size:0.9em;}

/* Body Main */
.leftColumn form {margin:0px;}
.leftColumn #doc {margin:0 auto;width:950px;color:#000;position:relative;}
.leftColumn table, tr, td {border:0px; border-spacing:0px}
.leftColumn hr {border:0px;height:1px; background-color:#999;}


/* Accessibility */
#accessibility {}
#skipToContent {position:absolute;right:20px;top:-100px;}
#skipToContent a:focus {position:absolute;top:100px;right:20px;padding:0.15em;width:10em;color: #fff;}


select {width:auto;}

/* Grid Paging */
.gridPager {clear:both;height:30px;padding:0 10px; margin:5px 0;text-align:center;}
.gridPager .prev {display:inline;padding:3px; float:left; }
.gridPager .next {display:inline;padding:3px; float:right;}


.leftColumn h1 {color:#006699;}
.leftColumn h2 {color:#006699;}
.leftColumn a {text-decoration:none;font-weight:bold;}
.leftColumn a:hover {text-decoration:underline;}
.leftColumn .noLink:hover {text-decoration:none;color:#006699}

#contentArea #fullColumn h1 {color:#006699;font-size: 1.8em;}
#contentArea #fullColumn h2 {color:#006699;font-size: 1.4em;}
#secondary #mainWrapper #contentArea #fullColumn .relatedItems {margin-top:2em;border-top:1px solid #999;padding:5px 0; }
#secondary #mainWrapper #contentArea #fullColumn .relatedItems ul {color:#006699; }
#secondary #mainWrapper #contentArea #fullColumn .relatedItems ul li {line-height: 150%;}
#secondary #mainWrapper #contentArea #fullColumn .relatedItems a {text-decoration:underline;}
#secondary #mainWrapper #contentArea #fullColumn a {text-decoration:none;}
#secondary #mainWrapper #contentArea #fullColumn a:hover {text-decoration:underline;}

/* Podcast Listing*/
#podcastListing {clear:both;}
#podcastListing .podcast {width:100%; border:red;}
#podcastListing .podcast .image {float:left; width:30%; }
#podcastListing .podcast .info {float:left; padding-left:10px; width:70%; }
#podcastListing .podcast .date {font-weight:bold;padding-bottom:10px;}
#podcastListing .podcast .podcastlink {font-weight:bold;padding-top:10px;padding-bottom:15px;}

/* Podcast Details*/
#podcast #image {clear:both;float:left; margin-right:10px; margin-bottom:10px; }
#podcast #podcastlink {font-weight:bold;padding-top:10px;}
#podcast #returnLink {clear:both;padding-top:25px;}

#RssListing a img {padding-right:5px;}

#RssListing {padding-top:10px; width:150px;}
#RssListing a {display:block; }
#RssListing a image {float:left;padding-right:5px;}

a.pdf {background:url(/images/join%20eps/icons/pdf.gif) no-repeat;padding:3px 0 5px 20px;}
a.link {background:url(/images/join%20eps/icons/link.gif) no-repeat;padding:0 0 0 20px;}
a.xls {background:url(/images/join%20eps/icons/xls.gif) no-repeat;padding:3px 0 5px 20px;}
a.doc {background:url(/images/join%20eps/icons/doc.gif) no-repeat;padding:3px 0 5px 20px;}
a.pps {background:url(/images/join%20eps/icons/pps.gif) no-repeat;padding:3px 0 5px 20px;}
a.file {background:url(/images/join%20eps/icons/file.gif) no-repeat;padding:3px 0 5px 20px;}
a.audio {background:url(/images/join%20eps/icons/audio.gif) no-repeat;padding:1px 0 4px 20px;}
a.video {background:url(/images/join%20eps/icons/video.gif) no-repeat;padding:1px 0 4px 20px;}

.CesTopMenu { display:none; }

/* Form Styles */


#contentArea .scfValidationSummary {margin-bottom: 1.5em;}

#contentArea .requiredField label {font-weight: bold; }
#contentArea .requiredField .scfRadioButtonListLabel {font-weight: bold; }
#contentArea .longLabel label {float:none;width:100%;}
#contentArea .longLabel .scfRadioButtonListLabel {float:none;width:100%;}
#contentArea .longLabel div {margin-left: 20%;}
#contentArea .labelOnly div {display:none;}
#contentArea .labelOnly label {float:none;width:100%;}

#contentArea .scfSectionContent div {overflow:hidden;margin-bottom:3px; }
#contentArea .scfTitleBorder {display:none; }
#contentArea .scfSectionBorderAsFieldSet {margin-left: 0px; border-top: 0px; padding-left: 0px; padding-right: 0px;}
#contentArea .scfSectionLegend {display: inline; margin-left: 0px; margin-right: 0px; padding-left: 0px;color:#006699;font-size:1em;font-weight:bold; background-color: #f1f2f6; }

#contentArea .scfSubmitButtonBorder {text-align: center;}
#contentArea .scfSubmitButtonBorder input {font-size:medium;}

#contentArea .scfDropListGeneralPanel {width:75%; }
#contentArea .scfDropListLabel {width:20%; }
#contentArea .scfDropList {width:60%; }
#contentArea .scfDropListTextUsefulInfo {display: inline; width: 40%; float: none;}

#contentArea .scfSingleLineGeneralPanel {width:75%; }
#contentArea .scfSingleLineTextLabel {width:20%; }
#contentArea .scfSingleLineTextBox {width: 60%}
#contentArea .scfSingleLineTextUsefulInfo {display: inline; width: 40%; float: none;}

#contentArea .scfEmailGeneralPanel {width:75%; }
#contentArea .scfEmailLabel {width:20%; }
#contentArea .scfEmailTextBox {width: 60%}
#contentArea .scfEmailUsefulInfo {display: inline; width: 40%; float: none;}

#contentArea .scfTelephoneGeneralPanel {width:75%; }
#contentArea .scfTelephoneLabel {width:20%; }
#contentArea .scfTelephoneTextBox {width: 60%}
#contentArea .scfTelephoneUsefulInfo {display: inline; width: 40%; float: none;}

#contentArea .scfNumberGeneralPanel {width:75%; }
#contentArea .scfNumberLabel {width:20%; }
#contentArea .scfNumberTextBox {width: 60%}
#contentArea .scfNumberUsefulInfo {display: inline; width: 40%; float: none;}

#contentArea .scfMultipleLineGeneralPanel {width:75%; }
#contentArea .scfMultipleLineTextLabel {width:20%; }
#contentArea .scfMultipleLineTextBox {width: 60%}
#contentArea .scfMultipleLineUsefulInfo {display: inline; width: 40%; float: none;}

#contentArea .scfCheckbox {width:60%; }
#contentArea .scfCheckbox label {display: inline; vertical-align: top; margin-left: .25em;}
#contentArea .scfCheckboxUsefulInfo {display: inline; width: 40%; float: none;}

#contentArea .scfCheckBoxListGeneralPanel {width: 75%;}
#contentArea .scfCheckBoxList {display: inline; width: 60%; padding-top: 11px;}
#contentArea .scfCheckBoxList td {padding-bottom: 2px;}
#contentArea .scfCheckBoxListLabel {width:20%;}
#contentArea .scfCheckBoxList label {display: inline; vertical-align: top; margin-left: .25em;}
#contentArea .scfCheckBoxListUsefulInfo {display: inline; width:40%; float:none;}

#contentArea .scfRadioButtonListGeneralPanel {width: 75%;}
#contentArea .scfRadioButtonList { width: 60%;}
#contentArea .scfRadioButtonListLabel {width:20%;font-size: .94em;}
#contentArea .scfRadioButtonList label {display: inline; vertical-align: top; margin-left: .25em;}
#contentArea .scfRadioButtonListUsefulInfo {display: inline; width:40%; float:none;}

#contentArea .scfListBoxGeneralPanel {width: 75%;}
#contentArea .scfListBoxLabel {width:20%;}
#contentArea .scfListBox {display: inline; width: 60%;}
#contentArea .scfListBoxUsefulInfo {display: inline; width:40%; float:none;}

#contentArea .scfDateSelectorGeneralPanel {width:75%; }
#contentArea .scfDateSelectorLabel {width:20%; }
#contentArea .scfDateSelectorShortLabelYear {width:20%; }
#contentArea .scfDateSelectorShortLabelMonth {width:20%; }
#contentArea .scfDateSelectorShortLabelDay {width:60%; }
#contentArea .scfDateSelectorYear {width:20%; }
#contentArea .scfDateSelectorMonth {width:20%; }
#contentArea .scfDateSelectorDay {width:20%; }
#contentArea .scfDateSelectorUsefulInfo {display: inline; width:40%; float:none;}

#contentArea .scfCaptchaLimitGeneralPanel {width: 300px;}


#printContent {display:none;}

.horizontalsocial{padding:5px 0 15px 0;margin:0px 0 20px 0;max-height:50px !important;}
.horizontalsocial .email-friend{width:110px;float:left;border-right:1px solid #d2d2d2;padding:3px 10px 2px 0px;margin:0 5px 0 5px;color:#b1a9a5;font-family:'Oswald', Arial, Helvetica, sans-serif;text-transform:uppercase;height:25px;vertical-align:middle}
.horizontalsocial .fb-like{width:130px;float:left;border-right:1px solid #d2d2d2;margin:0 5px 0 5px;padding:3px 0 2px;height:25px}
.horizontalsocial .sharegplus{width:80px;float:left;border-right:1px solid #d2d2d2;margin:0 5px 0 5px;padding:3px 0 2px;height:25px}
.horizontalsocial .sharertwitter{width:100px;float:left;margin:0 5px 0 5px;padding:3px 0 2px;height:30px}