@charset "UTF-8";
@import url("cal.css");

.nav-sidebar > .grey > a {
	color:#b1b1b1;
}
.top-bar {
	border-top:1px solid #cccccc;	
}

.box-highlight {
	max-height:82px;
	max-width:100%;
	padding-left:6px;
}
.box-highlight img {
	max-width:100%;
}
.highlight-vert {
	display:block;
	padding:20px;
	margin-bottom:5px;
	font-size:13px;
	text-align:center;
}
a.highlight-vert {
	border:1px solid #000;
	color:#000;	
}
a:hover.highlight-vert {
	background-color:#000;
	border:1px solid #000;
	color:#fff;
	text-decoration:none;
}
.shadow:hover {
	-webkit-box-shadow: 2px 1px 3px 0 #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    2px 1px 3px 0 #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         2px 1px 3px 0 #ccc;
}
.horz-highlight a p {
	color:#000;
	font-size:95%;
	padding-left:7px;	
}
.horz-highlight a:hover p {
	color:#3776BB;
}
.location {
	max-width:100%;
}
.location img {
	max-width:100%;
}
.adress {
	position: relative;
	text-align:center;
	margin-top:15rem;
	color:#3e4851;
	font-size:.9em;	
}
.renew {
	background-image:url(../img/renew.png);
	background-position:right;
	background-repeat:no-repeat;
}
.cards-img {
	background-image:url(../img/cards-bkgd.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}
.titles-img {
	background-image:url(../img/titles-bkgd.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}
.forms-img {
	background-image:url(../img/forms-bkgd.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}
.commercial-img {
	background-image:url(../img/commercial-bkgd.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}
.section-header {
	height:88px;
	margin-bottom:25px;
}
.section-header h1 {
	padding:28px 25px;
}

/*-------Section pages boxes------*/
.section-info {
	display:block;
	font-size:18px;
	text-transform:uppercase;
	height:120px;
}
.section-info-text {
	display:block;
	margin:23% 0;
	text-align:center !important;
}

a .section-info {
	color:#3e4851;
	letter-spacing:1px;
}
	
a:hover .section-info {
	color:#677077;
	text-decoration:none;
}

.section-text {
	display:inline-block;
	font-size:18px;
	margin-top:15%;
	width:75%;
	text-transform:uppercase;
}
.section-plus {
	display:inline-block;
	float:right;
}
.dropdown-section {
	margin:0 0 45px 0;
	height:200px;
}
.dropdown-section a {
	color:#fff;
}
.dropdown-section a:hover {
	color:#3e4851;
}
.dropdown-menu-section {
	width:100%;
	margin-top:-30%;
}
.dropdown-menu-section li {
	border-bottom:1px solid #ccc;
}
.section-box {
	margin:0 0 45px 0;
	padding:22px 12px;
	height:200px;
}
.section-box a {
	color:#fff;
}
.section-box a:hover {
	color:#3e4851;
}
/**************************
 For section level SIDE MENU 
 ***************************/
.panel-body { padding:0px; }
.panel-body table tr td { padding-left: 15px }
.panel-body .table {margin-bottom: 0px; }

.panel-group-side {
	margin:0;
	background-color:#d5d5d5;	
}
.panel-group-side > .panel {
	border-radius:0 !important;
	margin-top:0 !important;
}
.panel-group-side > .panel a{
	text-decoration:none;	
}

.panel-title-side {
	font-size:1em;
	color:#3e4851;
	font-weight:400;
	margin:0;
	padding:0;
	text-decoration:none;
}
a:hover .panel-title-side {
	color:#3e4851;
}
.panel-heading {
	background-color:#d5d5d5;
}
a:hover > .panel-heading {
	background-color:#ccc;
	color:#3e4851;
}
.panel-body > a > li {
	list-style-type:none;
	padding:7px 0 5px 18px;
	border-bottom:1px solid #f8f8f8;
	font-size:.9em;
	color:#3e4851;
	background-color:#eee;
}
.panel-body > a:hover > li {
	border-left:3px solid #444444;
	padding:7px 0 5px 15px;
	color:#3e4851;
}
.feature {
	height:300px;
	background-image:url(../img/online-test.png);
	background-repeat: no-repeat;
	background-color:#f3efe2;
}
.feature h1 {
	padding-left:100px;
	text-transform:uppercase;
	font-size:3em;
}
.feature p {
	color:#000;	
}
.label-code {
	color:#677077;
	border:1px solid #677077;
	font-size:11px;
	float:right;
	clear:both;
	margin-bottom:10px;
}
.carousel {width:auto;
       height:300px;
	   overflow:hidden;
}
.carousel-inner {
	height:300px;
	overflow:hidden;
}
.carousel-inner > .item > img {
       min-width:800px;
	   overflow:hidden;
}
.online {
	font-size:85%;
	padding-right:4px;
}
.online-message {
	padding:3px 14px;
	color:#fff;
	background-color:#4c4c4c;
	text-align:right;
}
.online-links {
	text-align:right;
	padding:0 10px 10px 10px;	
}
.online-links li {
	list-style:none;
	margin-top: 6px;
}
.online-links li a {
	color:#3e4851;
	text-decoration:none;
}
.online-links li a:hover {
	text-decoration:underline;
}
.hide-text {
	opacity:1;
}
.connect-area {
	margin-top:25px;	
}
.connect-area h4 {
	margin-top:10px;	
}
.media-body {
	font-size:12px;
	color:#3e4851;
}
.media-body a {
	font-size:12px;
	color:#3e4851;
}
.media-body a:hover {
	text-decoration:underline;
	color:#3776BB;
}
.media-body p {
	font-size:10px;
	color:#CCCCCC;
}
.media {
	padding:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #ccc;
}
.more-news {
	float:right;
	margin:-20px 25px 0 0;
	font-size:11px;	
	z-index:9999999;
}
.more-news a {
	color:#3e4851;
}
.more-news a:hover {
	text-decoration:underline;
	color:#3776BB;
}
.connect {
	padding:16px 7%;
	height:50px;
	text-align:center;
}
a > .connect {
	color:#fff;
	text-decoration:none;
	font-size:0.8em;
}
a:hover > .connect {
	color:#ccc;
}
a > .facebook {
	background-color:#3b5998;
	background-image:url(../img/connect-fb.png);
	background-position:left;
	background-repeat:no-repeat;
}
a:hover > .facebook {
	background-image:url(../img/connect-fb-ro.png);
}
a > .twitter {
	background-color:#00aced;
	background-image:url(../img/connect-twitter.png);
	background-position:left;
	background-repeat:no-repeat;
}
a:hover > .twitter {
	background-image:url(../img/connect-twitter-ro.png);
}
a > .youtube {
	background-color:#bb0000;
	background-image:url(../img/connect-youtube.png);
	background-position:left;
	background-repeat:no-repeat;
}
a:hover > .youtube {
	background-image:url(../img/connect-youtube-ro.png);
}
a > .instagram {
	background-color:#125688;
	background-image:url(../img/connect-insta.png);
	background-position:left;
	background-repeat:no-repeat;
}
a:hover > .instagram {
	background-image:url(../img/connect-insta-ro.png);
}
a > .linkedin {
	background-color:#017bb6;
	background-image:url(../img/connect-linkedin.png);
	background-position:left;
	background-repeat:no-repeat;
}
a:hover > .linkedin {
	background-image:url(../img/connect-linkedin-ro.png);
}

.dropdown button {
	background-color:#fff;
	margin-bottom:15px;
	width:100%;
}
.plate-name {
	display:inline;
	margin:0 5px 15px 0;	
}
.plate {
	padding:8px;
	text-align:center;
}
a.demo_img {
		display: block;
		position:relative;
		line-height:25px;
	}
	
	a.demo_img>div {
		position:absolute;
		padding:0;
		margin:0;
		left: 142px; /* change this value to one that works best for you */
		top: -20px; /* change this value to one that works best for you */
		margin-left: 24px;
		opacity:0;
		height: 0;
		overflow: hidden;
		
		/* Enable transitions */
		/*-webkit-transition: all .3s ease .15s;
		-moz-transition: all .3s ease .15s;
		-o-transition: all .3s ease .15s;
		-ms-transition: all .3s ease .15s;
		transition: all .3s ease .15s;*/
	}
	
	a.demo_img>div img {
		padding:4px;
		margin-left:4px;
		border:1px solid #BCBDC0;
		background-color:#fff;
		-webkit-border-radius: 5px;
	   	   -moz-border-radius: 5px;
		    	border-radius: 5px;
		
		-webkit-box-sizing:border-box; 
		   -moz-box-sizing:border-box; 
				box-sizing:border-box;
	}
	a.demo_img:hover>div {
		
		opacity:1;
		height: 200px;
		padding: 8px;   
		
		z-index:1;
	}
.jt-bkgd {
	padding:20px;
	background-color:#e7dfc6;
	background-image:url(../img/jt-bkgd.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}
.jt-bkgd img {
	max-height:100%;
}
@media screen and (max-width: 1286px) {
	.hide-text {
		opacity:0;
		height:0;
		width:0;
		padding:0;
		margin:0;
	}
	h1.online {
		font-size:30px;
	}
}
.onlineservices ul {
	list-style-type:none;
	margin-left:30px;
	
}
.onlineservices ul li {
	margin-bottom:16px;
}

.onlineservices ul li a {
	color:#3e4851;
	font-size:1.1em;
}

.onlineservices ul li a:hover {
	color:#8E031A;
}
.rfp ul {
	margin-left:30px;
}

.os-img {
	opacity:1;	
}
@media (max-width: 767px) {
	.os-img {
		opacity:0;
	}
	.search-top {
		margin-top:-30px;
	}
	.section-header h1 {
		font-size:20px;
	}
	.footer-department-top a {
		font-size:10px;		
	}
	h1.online {
	font-size:20px;
}
}
.forms ul li {
	list-style-type:none;
	padding:15px 0;
	border-bottom:1px dotted #ccc;
}
.forms .btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  background-color:#3776BB;
}
.forms .label {
	color:#3e4851;
	background-color:#EEEEEE;
	font-weight:200;
}
.forms .label-num {
	color:#3e4851;
	font-size:1em;
	font-weight:600;
	background-color:#eee;
	padding:2px 4px;
	margin-left:-7px;
}
.plates a.btn {
	padding:0;
	margin:0;
}
.eligibility {
	font-size:90%;
	color:#777777;
	padding:12px;
	background-color:#dedede;
	margin-bottom:35px;	
}
.landing {
	background: #dedede; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#dedede, #cccccc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#dedede, #cccccc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#dedede, #cccccc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#dedede, #cccccc); /* Standard syntax */	
}
.plate-space {
	margin-bottom: 400px;
}
.county-list {
	margin-bottom:20px;	
}
.county-list .btn {
	padding:1px 4px;	
	font-size:90%;
	margin-tpo:2px;	
	margin-bottom:2px;
}
.news-top-bar {
	background-color:#fff;
	width:100%;
}
.news-archive {
	float:right;
	margin:7px 0;
	font-size:70%;
	z-index:99999;	
}
.news-archive a {
	padding:4px;
	color:#777777;
	border:1px solid #777777;
}
.news-archive a:hover {
	background-color:#ccc;
	text-decoration:none;
	border:1px solid #ccc;
}
.bg-success {
	padding:7px;
	font-size:16px;
	font-weight:600;
	color:#3e4851;
	text-align:center;
}
a.ftr-btm {
	font-size:11px;
	color:#677077;
	padding:22px 12px 2px 12px;
}
a:hover.ftr-btm {
	color:#677077;
	text-decoration:underline;
}
.news-box {
	height:450px;
	overflow:scroll;	
}
.news-box-dealers {
	height:500px;
	overflow:scroll;	
}
.title-caps-smaller {
	font-weight:700;
	font-size:1em;
	text-transform:uppercase;
	margin-top:8px;
	margin-bottom:4px;
}
.descrip-smaller {
	font-weight:400;
	font-size:.9em;
}
.white-tiles {
}
.white-tiles a:hover {
	text-decoration:none !important;	
}
.w-tiles {
	padding:25px 15px;
	margin-bottom:25px;
	font-family: 'Roboto', sans-serif;
	color:#3e4851;
	background-color:#fff;
	border:1px solid #3e4851;
	height:140px;
}
a:hover .w-tiles {
	box-shadow: 3px 3px 20px 0px rgba(0,0,0,0.75);
	border-bottom:6px solid #8E031A;
}

.new-res {
	background-image:url("../img/new-resident.jpg");
	background-position:right top;
	background-repeat:no-repeat;	
}
.fees-bkgd {
	background-image:url("../img/fees-bkgd.jpg");
	background-position:right top;
	background-repeat:no-repeat;	
}
.laws-bkgd {
	background-image:url("../img/laws-bkgd.jpg");
	background-position:right top;
	background-repeat:no-repeat;	
}
.news-bkgd {
	background-image:url("../img/news-bkgd.jpg");
	background-position:right top;
	background-repeat:no-repeat;	
}

/*-------whats on your plate styles----*/
.woyp {
	padding:20px;
	background-color: #fff;
	background-image:url(../img/woyp-bkgd.jpg);
	background-repeat:no-repeat;
}
.main-highlight {
	height:160px;
	background-color:#000;
	background-repeat:no-repeat;
	background-position: left;
	background-size: contain;
}

.main-highlight a {
	float:right;
	color:#fff;
	font-size: 120%;
	padding-right:20px;
	padding-top:20px;
	text-decoration: none;
}
/*-------- Highlighted news/card area styles------*/
.card {
  float: left;
  padding: 0;
  width: 100%;
	margin-bottom: 1px;
}

.card .data {
  position: absolute;
  bottom: 10px;
  width: 100%;

}
.card .data .content {
  padding: 0;
  position: relative;
  z-index: 1;
}
.full-card .wrapper {
  background-color: #fff;
  height: 155px;
  position: relative;
  overflow: hidden;
}

.full-card .title {
	text-align: center;
	bottom:0;
	background-color: rgba(0,0,0,0.3);
	padding:10px 0;
	text-shadow: 2px 2px 4px #000;
	font-family: 'Roboto', sans-serif;
	font-weight:100;
}

.full-card .title a {
  color: #fff;
}

.half-card {
	background:#0077bf;
	width:70%;
}
.half-card .wrapper {
  background-color: #fff;
  height: 75px;
  position: relative;
  overflow: hidden;
}

.half-card img {
	margin:5px 15px 5px 5px;
	height:65px;
	max-width: 80px;
	overflow: hidden;
	float:left;
}

.half-card .title {
		font-family: 'Roboto', sans-serif;
	font-weight:100;
	margin:0 10px;
	text-shadow: 3px 3px 3px #000;
}

.half-card .title a {
  color: #fff;
}

.blank-card {
	background-color:#eee;
	width:30%;
	height:75px;
}
.blank-card .title {
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
}

.blank-card .title a {
  color: #000;
}
.area-tile {
	font-size:12px;
	border:1px solid #ccc;
}
a .area-tile {
	font-size: 1.9rem;
	font-weight: bold;
	color:#fff;
	padding:2% 3%;
	background-color: #dfdfdf;
	-webkit-box-shadow:inset 0px 0px 0px 3px #fff;
    -moz-box-shadow:inset 0px 0px 0px 3px #fff;
    box-shadow:inset 0px 0px 0px 3px #fff;
	overflow: hidden;
	-moz-transition: all 0.3s;
  	-webkit-transition: all 0.3s;
  	transition: all 0.3s;
	
	}
	a:hover .area-tile {
		background-color: rgba(0, 0, 0, 0.3);
		-moz-transform: scale(1.025);
  -webkit-transform: scale(1.025);
  transform: scale(1.025);
		text-shadow: 2px 2px 3px #000;
	}
.sm-tile-txt {
	background-color: rgba(0, 0, 0, 0.4);
	padding:1px 4px;
	font-size:1.7rem;
}
.sm-tile-txt:hover {
	background-color: rgba(0, 0, 0, 0.6);
}
.lgtile {
	background-image:url(../img/paperless-bkgd.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.lgtile:hover {
	background-color: rgba(0, 0, 0, 0.3);
}
.mdtile {
	background-image:url(../img/smaller-miles-bkgd.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.mdtile:hover {
	background-color: rgba(0, 0, 0, 0.3);
}
.smtile1 {
	background-image:url(../img/simulator.png);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.smtile1:hover {
	background-color: rgba(0, 0, 0, 0.3);
}
.smtile2 {
	background-image:url(../img/road.png);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.smtile2:hover {
	background-color: rgba(0, 0, 0, 0.3);
}
/*-------SEARCH----------*/
.search-form {
	float:left;
	right: 20px;
	top: 1px;
	padding-top:8px;
}

.search-field {
	background-color: transparent;
	background-image: url(http://www.clker.com/cliparts/n/U/H/1/H/u/search-icon-white-one-md.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	border: none;
	cursor: pointer;
	height: 25px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
	color:#fff;
	font-weight: 400;
	
}

.search-field:focus {
	background-color: rgba(255, 255, 255, 0.15);
	cursor: text;
	outline: 0;
	width: 230px;
}

.search-submit {
  display: none;
}

input[type="search"] {
  -webkit-appearance: textfield;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
	font-weight: 400;
	opacity: 0.5;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
	font-weight: 400;
	opacity: 0.5;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
	font-weight: 400;
	opacity: 0.5;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
	font-weight: 400;
	opacity: 0.5;
}
.btn {
	margin-bottom:5px;
	white-space: normal;
}
.dl-id-header {
	padding:7px 5px;
	margin-bottom:10px;
	background-color:#3776BB;
}
.dl-id-header h4 {
	margin:0;
	padding:10px;
}
.bottom-cell {
	bottom: 0;
}
/* OHCORS */
.title-small {
	margin: -10px 0 0 30px;
	font-size: 14px;
	color:#8E031A;
}
.btn-login {
	border:1px solid #418bca !important;
}
.no-bullet {
	list-style-type:none;
}
.no-bullet li {
	padding-bottom:10px;
}
.no-pad {
	padding:0 !important;
}
.box.cors-start {
	border:3px solid #345995;
	padding:0 10px 10px 25px;
	color:#345995;
	background-color: #fff;
}
.box.cors-start:hover {
	text-decoration: none !important;
	box-shadow: 3px 3px 5px #5a5a5a;	
}
a.no-dec:hover {
	text-decoration: none !important;
}