@import "form.css";
@import "main_navigation.css";
@import "search.css";
@import "images.css";
/*****
	CSS RESET
*****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} q:before,q:after {content:'';} abbr,acronym { border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul,li {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
* {outline: none; -webkit-text-size-adjust: none;} img {-ms-interpolation-mode: bicubic;} .clear {clear: both;}


body { display:block; background: white; color: #333333; margin:0; padding:0; font-size: 80%; font-family: Arial, Helvetica, sans-serif; line-height:1.5em;}
div {display:block;}

html>body div{float:left;}



a{ outline: 0; text-decoration:none; color:#381D7A; cursor: pointer; }
div#container{ width: 100%; display:block;}



#header, #middle, #footer{ width: 100%; clear:both;}
#header div.centreInner, #footer div.centre{ margin:0 auto; width:970px; padding: 0 10px; float:none;}
#header .centre div{ float:left;}
div.centre{clear:both; float:none; margin:0 auto; width:990px;}
#middle .centreInner{ float:left; width:910px; padding: 15px 40px 20px 40px; background:white; background: white url(../images/contentBg.jpg) no-repeat scroll center top;}
div.centreInner div{ float:left;} 

#header{ background: #381D7A;}
#header a.logo{ display:block; float:left;width: 366px; height:78px; background: transparent url(../images/logo.gif) no-repeat scroll left top; text-indent: -999999px;}
a.knowYourLimits{ text-indent:-999999px; display:block; float:left; width: 274px; height:138px; background:url(../images/homeHeaderKnowYourLimits.jpg); }

#content, #leftCol, #middle{ z-index:1;}
ul#main_navigation{ z-index:50;}

div#search{ float:right; margin: 40px 0 0; width: 224px;}
div#search input{ float:left; display:block; padding:0; margin:0; border:0;}
div#search input.searchBox{ width: 142px; height: 21px; background: transparent url(../images/searchBox.gif) no-repeat scroll left top; padding: 5px 5px 0 5px; margin: 0 7px 0 0; }
div#search a.searchButton{ display:block; float:left; text-indent:-999999px; width: 64px; height: 26px; background: transparent url(../images/searchButton.gif) no-repeat scroll left top; cursor:pointer; }
div#search a.searchButton:hover{ background: transparent url(../images/searchButton.gif) no-repeat scroll left -26px;}

#middle{ background: #381D7A url(../images/middleBg.jpg) repeat-x scroll center 10px; }
#middle #content{ width:910px;}
#middle #content #leftCol, #middle #content #middleCol, #middle #content #rightCol{ display:block; float:left;}
#middle #content #leftCol{ width: 160px; padding: 0 18px 0 0;}
#middle #content #middleCol{ width:552px; padding: 0 0 30px 0;}
#middle #content #rightCol{ width: 162px; padding: 0 0 0 18px;} 
#middle #breadCrumb{ font-size: 0.7em; margin: 0 0 12px 0;width:890px; display:block; float:left; background: transparent url(../images/breadcrumbBg.gif); padding: 6px 10px 0px 10px; color:white; text-transform: uppercase; }

ul#leftNavigation, ul#leftNavigation ul{ margin:0 ; padding:0; list-style-type:none;}
#leftCol h1{ font-size:1.3em; text-transform: uppercase; color:#381D7A;}
ul#leftNavigation { margin: 8px 0 0 0;}
ul#leftNavigation li{ width: 160px; display:block; float:left; clear:both;}
ul#leftNavigation li a{  display:block; float:left; color:#333333; padding: 6px 0 6px 3px; border-bottom: 1px solid #CCCCCC; width:157px;}
ul#leftNavigation li a:hover{ background: #F0F0F0;}

#middleCol .innerHeaderImage{ margin: 0 0 15px 0;}
#middleCol h1{ font-size: 1.7em; width: 552px; margin: 0 0 10px 0; border-bottom: 5px solid #6699CC; text-transform:uppercase; height: 25px;}
#middleCol p{ margin: 0 0 10px 0;}
#middleCol ul, #middleCol li{ list-style-type: disc; list-style-position:inside;}
#middleCol fieldset ul, #middleCol fieldset ol, #middleCol fieldset li{ list-style-type:none;}

.graphicWidget{ width: 162px; height: 146px; display:block; float:left; text-indent: -999999px; margin: 0 0 10px 0;}
#camerasMap{ background: transparent url(../images/widgetCamerasMap.gif) no-repeat scroll left top;}
#requestACamera{ background: transparent url(../images/widgetRequestACamera.gif) no-repeat scroll left top;}
#camerasMap:hover{ background: transparent url(../images/widgetCamerasMap.gif) no-repeat scroll left -146px;}
#requestACamera:hover{ background: transparent url(../images/widgetRequestACamera.gif) no-repeat scroll left -146px;}

#printSaveShare a, #printSaveShare h3{ width: 158px; height: 18px; display:block; float:left; text-indent: -999999px; margin: 0 0 8px 0;}
#printSaveShare a.print{ background: url(../images/icons/widgetPrint.gif) no-repeat scroll left top;}
#printSaveShare a.save{ background: url(../images/icons/widgetSave.gif) no-repeat scroll left top;}
#printSaveShare a.stoaf{ background: url(../images/icons/staf.gif) no-repeat scroll left top;}
#printSaveShare a.print:hover{ background: url(../images/icons/widgetPrint.gif) no-repeat scroll left -18px;}
#printSaveShare a.save:hover{ background: url(../images/icons/widgetSave.gif) no-repeat scroll left -18px;}
#printSaveShare a.stoaf:hover{ background: url(../images/icons/staf.gif) no-repeat scroll left -18px;}

#printSaveShare h3#share{ background: url(../images/widgetShare.gif) no-repeat scroll left top; margin: 0 0 2px 0;}
#printSaveShare h3#resize{ background: url(../images/textResizeTitle.gif) no-repeat scroll left top; margin: 0 0 2px 0;}
#printSaveShare p{ float:left;}
#printSaveShare .addthis_button{ text-indent: 0; margin: 8px 0 15px;}

#sliderContainer {width: 158px; height: 25px;float: left; padding:7px 0 0 0;}
#sliderContainer .decreaseButton, #sliderContainer .increaseButton { height:0; width: 14px;padding-top: 14px;float: left; overflow:hidden;}
#sliderContainer .decreaseButton {background-image: url(../images/textResizeDecrease.gif);}
#sliderContainer .increaseButton {background-image: url(../images/textResizeIncrease.gif);}
#sliderContainer #sliderBar {height: 7px;width: 125px;background: transparent url(../images/textResizeBar.gif) no-repeat left top;float: left;position: relative;margin:4px 2px 0 2px;}
#sliderContainer .sliderCaption {}
#sliderContainer .sliderBall {position: absolute;width: 9px;padding-top: 9px;background-image: url(../images/textResizeBall.gif);top: -1px;margin-left: -6px;display:block;float:left;
overflow:hidden;height:0;}

#footer{ background: white url(../images/footerBgBar.gif) repeat-x scroll left top;  }
body #footer div.centre{  width: 905px;}
body #footer div.centreInner{ width: 905px; position:relative; float:left;  background: url(../images/footerBg.jpg) no-repeat scroll left 35px;}
#footer a.logo{ width: 196px; height: 47px; text-indent: -999999px; display:block; float:left; background: url(../images/footerLogo.gif) no-repeat left top;
position:absolute; left: -3px;  top:-14px; }
#footer a.logo:hover{ width: 196px; height: 47px; text-indent: -999999px; display:block; float:left; background: url(../images/footerLogo.gif) no-repeat left top;
position:absolute; left: -3px;  top:-14px; }
#footerNews{width:970px;}

#footer h3{ float:left; width: 124px; height:25px; background: url(../images/footerTitle.gif); text-indent: -999999px; margin: 58px 19px 0 5px;}
#footer a{ display:block; float:left;}
#footer a:hover{ background-position: left -25px;}
#footer ul a:hover{ background-position: left top;}
#footer .footerLink1{ margin: 58px 19px 0 0;width: 152px; height:25px; background: url(../images/footerLink1.gif); text-indent: -999999px;}
#footer .footerLink2{ margin: 58px 19px 0 0;width: 149px; height:25px; background: url(../images/footerLink2.gif); text-indent: -999999px;}
#footer .footerLink3{ margin: 58px 19px 0 0;width: 133px; height:25px; background: url(../images/footerLink3.gif); text-indent: -999999px;}
#footer .sitemapLink { margin: 58px 0 0 40px;width: 177px; height:25px; background: url(../images/footerSitemapLink.gif); text-indent: -999999px;}
#footer ul{ clear:both; display:block; float:left; margin: 42px 0; width:905px;}
#footer ul li{ float:left; }
#footer ul li a{ text-indent: -999999px; height: 65px; display:inline; float:left;}
#footer ul li#kcc a{ width:85px; margin: 0 140px 0 7px; background: url(../images/logokcc.gif); }
#footer ul li#mc a{ width:106px; margin: 0 139px 0 0; background: url(../images/logomc.gif); }
#footer ul li#ha a{ width:168px; margin: 0 139px 0 0;background: url(../images/logoha.gif); }
#footer ul li#kp a{ width:121px; margin: 0 0 0 0;background: url(../images/logokp.gif); }

/* Home page */
.home ul#main_navigation{ border-bottom: 5px solid #6699CC; padding:0 0 6px;}
.home #content div{ float:left; margin:8px 0;}
#content #homeIntroCopy, #content #latestCampaign{ margin: 8px 10px 8px 0;}

.home #content div{ width: 450px; position:relative; }


#content .followOnLinks{ position: absolute;}
#content .followOnLink{ width: auto; text-align:right; color: #381D7A; float:none;  display:block; clear:both; background: url(../images/followOnLinkBg.gif) no-repeat scroll right 1px; padding: 0 13px 0 0; margin:8px 2px 0 0;}
html>body div #content .followOnLink{ width: auto; text-align: left; color: #381D7A; float:right;  display:block; clear:both; background: url(../images/followOnLinkBg.gif) no-repeat scroll right top; padding: 0 13px 0 0; margin:8px 2px 0 0;}
#content .followOnLink:hover{ padding: 0 14px 0 0; margin:8px 1px 0 0;}
#content div h2{ font-size:1.5em; color: #333333; width:100%; margin:0 0 8px 0; font-weight:bold;}
.home #content div h2{border-bottom:5px solid #6699CC; text-transform:uppercase;}
#content div h3{ font-size:1.3em; color: #333333; width:100%; margin:0 0 8px 0; font-weight:bold;}
#content div h4{ font-size:1.1em; color: #333333; width:100%; margin:0 0 8px 0; font-weight:bold;}
#content div h5{ font-size:1.0em; color: #333333; width:100%; margin:0 0 8px 0; font-weight:bold;}
#content div h6{ font-size:0.9em; color: #333333; width:100%; margin:0 0 8px 0; font-weight:bold;}

#homeIntroCopy span.intro{ float:left; display:block; font-size:1.3em;  color:Black; padding: 0 90px 0 0; background: url(http://kmscp.org/images/db_home.image?id=20514&crop=true&width=167&height=137) no-repeat 360px top;}
#homeIntroCopy span.intro .cufon{ margin-bottom:4px; }

#cameraMapAndRequest a{ width: 220px; height: 190px; text-indent:-999999px; float:left;}
#cameraMapAndRequest a.requestACamera{ margin: 0 10px 0 0;background: transparent url(../images/homeRequestACamera.jpg) scroll no-repeat left top;}
#cameraMapAndRequest a.cameraMap{ background: url(../images/homeCamerasMap.jpg) no-repeat left top;}
#cameraMapAndRequest a.requestACamera:hover{ background: transparent url(../images/homeRequestACamera.jpg) scroll no-repeat left -190px;}
#cameraMapAndRequest a.cameraMap:hover{ background: url(../images/homeCamerasMap.jpg) no-repeat left -190px;}

#latestCampaign img, #latestCampaign div{ float:left; }
.home #content #latestCampaign div{ width:222px; padding: 0; margin:0 0 0 10px; float:left;}
.home #content #latestCampaign #campaignGraphic{ margin: 0; padding:0; float:left; width:216px;}

#latestCampaign h3{ font-size:1.3em; color:#381D7A; }
#latestCampaign a.campaignLink{ color: #6699CC; font-weight:bold;}
body div#middle div#content #latestCampaign a.followOnLink{ width:157px;}

#content #getInvolved, #content #pollsAndCompetitions{width: 220px; }
#content #getInvolved{margin: 8px 10px 8px 0;}


.home #content #registerAndComps{width:220px; float:left; margin-top:0;}


#getInvolved p{padding-bottom:5px;}

#getInvolved .facebookLink{ color:white; margin-top:10px; display:block; float:left; width:220px; height: 80px; text-indent:-999999px; background: url(../images/homeFacebookLink.jpg) no-repeat left top;}
#getInvolved .facebookLink:hover{ background: url(../images/homeFacebookLink.jpg) no-repeat left -80px;}

#getInvolved input{float:left; margin-right:5px; padding:3px; border:1px solid #86AFC8; width:141px;}
#getInvolved .submit{background-position:0 0; background-color:#6699CC; color:#fff; display:block; width:66px; height:24px; background-image:url(../images/home/regBtn.gif); text-indent:-1000px; overflow:hidden; float:left;}
#getInvolved .submit:hover{background-position:left -24px;}

#pollsAndCompetitions h3{ color:#381D7A; font-size:1.3em; margin-bottom:5px;}
#content #pollsAndCompetitions div{ width:220px; margin: 4px 0 4px 0;}
#pollsAndCompetitions input, #pollsAndCompetitions label{ margin:6px 0;}
#pollsAndCompetitions input{ margin: 4px 5px 4px 0;}
#pollsAndCompetitions a.followOnLink{ clear:none;}

#content div#homeNewsPanel{ margin:10px 0; width: 910px; position: relative;}
#content div#homeNewsPanel div#newsHeadlines{ width: 910px; margin:0 ;}
#content div#homeNewsPanel div div{ width: 450px;}
#content #homeNewsPanel h2{ float:left;}
#homeNewsPanel img, #homeNewsPanel span.date{ float:left;}
#homeNewsPanel span{ float:left; display:block;}
#homeNewsPanel span.date{  padding:7px 10px; margin: 0 10px; color:white; background: #381D7A; text-align: center;}
#homeNewsPanel span.date span.day{ float:none; font-size:2.5em;}
#homeNewsPanel span.date span.month{ float:none; font-size:1.2em; clear:both;}
#homeNewsPanel span.content{ width:270px; padding-left:10px;}
#homeNewsPanel p.desc{ padding:2px 0 0 0;  clear:both;}
#homeNewsPanel h3{ color:#381D7A; font-size:1.3em;}
#homeNewsPanel div.newsItem{ margin: 0;}
#homeNewsPanel div.left{ margin: 0 10px 0 0;}


.rssLink{ border-bottom: width: 43px; height: 0px; background: url(../images/rssicon.jpg) no-repeat left top; right:0; top:0; display:block; padding: 15px 0 4px 0; float:right; overflow:hidden; width:44px; margin-top:5px;}

div#homeMainFlash
{
	height:443px;
	width:716px;
	background-image:url(../images/home/streetscene_no_flash.jpg);
	background-repeat:no-repeat;
}
div#streetScene
{
	padding-left:273px;
	padding-top:161px;
	width:200px;
	text-align:center;
}
div#streetScene p{padding-bottom:5px; line-height:1.35em; text-align:left;}

div#flashMessage
{
	height:302px; 
	width:274px;	
	background-image:url(../images/home/message_no_flash.jpg);
	background-repeat:no-repeat;
}

/* Latest News Styles (newslist) */

#content div.newsList{ width: 552px; margin-bottom: 5px; position:relative;}
#content div.newsList div#newsHeadlines{ width: 910px; margin:0 ;}
#content div.newsList div div{ width: 450px;}
.newsList img { float:left;}
#homeNewsPanel span.date { float:left; display:none;}
.newsList img{ margin:0;}
.newsList span{ float:left; display:block;}
.newsList span.date{  padding:7px 10px; margin: 0 10px; color:white; background: #381D7A; text-align: center; display:none;}
.newsList span.date span.day{ float:none; font-size:2.5em;}
.newsList span.date span.month{ float:none; font-size:1.2em; clear:both;}
.newsList span.content{ width:375px; padding-left:10px;}
.newsList p.desc{ padding:5px 0 0 0; margin:0;}
.newsList h3{ color:#381D7A; font-size:1.3em; float:left; font-weight: bold; line-height: 1em; width: 312px;}
.newsList div.newsItem{ margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 2px solid #e5e5e5;}
.newsList div.left{ margin: 0 10px 0 0;}
.newsList .rssLink{ top:5px; }

#newsArchiveList a.newsImage, #moreLatestNewsList a.newsImage{ width: 100px; display:block; float:left; height:80px;}
#newsArchiveList .newsItem, #moreLatestNewsList .newsItem{ float:left; width: 552px;}
#newsArchiveList span.content, #moreLatestNewsList span.content{ float:left;  width:442px; padding: 0 0 0 10px;}
#newsArchiveList span.date, #moreLatestNewsList span.date{ clear:both; margin:0; padding:0;}
#newsArchiveList h3, #moreLatestNewsList h3{ clear:both;}
body div #newsArchiveList span.date, body div #moreLatestNewsList span.date, #newsStoryDisplay span.date{ background: none; color:#6699CC; font-weight:bold; margin:2px 0 8px 0;}

#newsStoryDisplay img { float: right; margin: 0 0px 1px 10px; }



ul#allNews li strong{ margin:0; display:block; float:left; }



 /** Breadcrumb **/
 ul#breadcrumb
 {
    margin:0px;
    padding:0px;
    list-style:none;
 }
 
 ul#breadcrumb li
 {
    float:left;
 }
 ul#breadcrumb li a
 {
    display:block;
    padding:0px 18px 0px 0px;
    background-image:url(../images/icons/bc-arrow.gif);
    background-position:right center;
    background-repeat:no-repeat;
 }
 
/** google map stuff **/

#mapLocations
{
	width:730px;
	height:510px;
	margin-top:10px;
} 

#mapLocations div div div
{
	float:none;
	}

#middle #mapLocations h2
{
	text-transform:none;
	font-family:Arial;
	font-weight:bold;
	font-size:1.1em;
	color:#000;
}

#trafficBtn{
	position:absolute;
	top:260px;
	left:790px;
	display:none;
}
.infoBox .authorityLogo{
overflow:hidden;
height:0;
background-repeat:no-repeat;
}
.infoBox .highway-agency{
padding:12px 0 0 0;
background-image:url(http://kmscp.org/css/highwayAgency.gif);
}
.infoBox .kcc{
padding:29px 0 0 0;
background-image:url(http://kmscp.org/css/kcc.gif);
}

.infoBox{
	float:left;
	width:300px;
	background-position:right bottom;
	background-repeat:no-repeat;
	min-height:200px;
	height:auto !important;
	height:200px;
}

#content .infoBox h2{
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0 0 4px 0;
font-size: 1.0em;
}
.infoBox h3{
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
.infoBox p{
	margin:1px 0;
	padding:0;
	padding-bottom:6px;
	line-height:1.6em;
}
.infoBox .desc, .infoBox .installed{
	padding:0;
	line-height:1.3em;
	font-size:0.87em;
	color:#000;
	margin-bottom:3px;
}

.infoBox .installed
{
	color:#ccc;
	margin-bottom:7px;
}

.infoBox table{
border-top:solid 1px #EEEEEE;
width:300px;border-collapse:collapse;
}
.infoBox table tr{
}

.infoBox table tr td{
color:red;
width:30px;border-bottom:solid 1px #EEEEEE;
margin:0;
padding:5px 3px;
}
.infoBox table tr td.statDesc{
    color:#000;
	font-size:0.87em;
}

.infoBox .speedLimitInfo
{
	font-size:0.9em;
	padding-top:10px;
	}
	
	#middleCol .infoBox .speedLimitInfo p
	{
		margin-bottom:0;
		padding-bottom:3px;
		}

.infoBox table tr td.ksi
{
    color:#000;
    font-weight:bold;
}
.infoBox table tr td.num
{
    font-weight:bold;
}

.speed20{
background-image:url(../images/cameraLocations/30mph.gif);
}

.speed30{
background-image:url(../images/cameraLocations/30mph.gif);
}

.speed40{
background-image:url(../images/cameraLocations/40mph.gif);
}

.speed50{
background-image:url(../images/cameraLocations/50mph.gif);
}

.speed60{
background-image:url(../images/cameraLocations/60mph.gif);
}

.speednational_speed_limit
{
background-image:url(../images/cameraLocations/national.gif);
}

#mapLocations .speednational_speed_limit .nationalLink
{
    display: block;
}

.infoBox .nationalLink
{
    display: none;
}

.infoBox .installed
{
    color:#666;
}

/** end google map stuff **/


#middleCol ol, #middleCol ol li
{
    list-style-type:decimal;
}

em
{
    font-style: italic;
}

#newsArchiveList ol li, #ctl00_ctl00_cphContent_cphContent_faqs_pnlSearch ol li, #middleCol ol li.submit
{
    list-style-type: none;
}

/** Camera page specific stuff **/

.cameraLocationsPage #middle #content .pageTitle
{
	display:none;
}
	
.cameraLocationsPage #middle #content #middleCol
{
	width:730px;
}

.cameraLocationsPage #rightCol #printSaveShare #resize, .cameraLocationsPage #rightCol #printSaveShare .stoaf, .cameraLocationsPage #rightCol #printSaveShare #sliderContainer, .cameraLocationsPage #rightCol #printSaveShare .print, .cameraLocationsPage #rightCol #printSaveShare .save
{
	display:none
}

.cameraLocationsPage #rightCol #camerasMap
{
	display:none;
}

#sitemap li ul, #sitemap li ul li ul, #sitemap li ul li ul li ul, #sitemap li ul li ul li ul li ul, #sitemap li ul li ul li ul li ul li ul
{
    margin-left:15px
}

#surveyWidget a
{
	display:block;
	overflow:hidden;
	width:162px;
	height:0;
	padding-top:137px;
	background-image:url(../images/shd/surveyWidget/commonSurveyWidget.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	}
	
#surveyWidget a:hover
{
	background-position:0 -137px;}
	
.home #surveyWidget a
{
	width:257px;
	padding-top:131px;
	background-image:url(../images/shd/surveyWidget/homeSurveyWidget.jpg);
	margin-left:6px;
}
.home #surveyWidget a:hover
{
	background-position:0 -131px;
}



.home #twitter_div {background:url("../images/shd/twitterWidget/twitterBkg_top.gif") no-repeat left 32px;width:220px !important; 
					float:right !important;}
					
#twitter_update_list {padding:10px 15px 0 15px; }			

#twitter_update_list li a {color:#888888; font-family:Arial, san-serif; padding:4px 0 4px 0;}		
					
.home #twitter_div #helpLink {width:209px;}

#twitter-link {background:url("../images/shd/twitterWidget/twitterBkg_btm.gif") no-repeat left bottom; padding-bottom:35px; width:220px; display:block; float:left; text-indent:-500em; overflow:hidden;}

a.twitterTimestamp {position:relative; top:4px;}


#content #homeNewsPanel .newsTitle {border-bottom:5px solid #6699CC; width:100%;}

#content #homeNewsPanel .newsTitle h2 {border:none; width:auto;}

#content #homeNewsPanel #updates:hover {padding-right:16px;}

#content #homeNewsPanel #updates {float:left; color:#381D7A; background:url("../images/followOnLinkBg.gif") no-repeat scroll right top transparent; margin-top:6px; padding-left:10px; padding-right:15px;}

#followUs 
{
    padding:15px 28px 0px 12px;
    float:right;
}

#followUs h2
{
    font-family:Arial,Helvetica,sans-serif;
    font-size:18px;
    color:#ADA5C7;
    line-height:0em;
    padding-bottom:8px;
    margin:0;
}

#followUs .twitter a
{
    background-image:url("../images/twitter.png");
    background-repeat:no-repeat;
    overflow:hidden;
    padding-top:25px;
    height:0px;
    display:block;
}

#followUs .facebook 
{
    height:30px;
}

.twitter 
{
    width:24px;
    padding-right:5px;
}