/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */

body  { font: 12px/1.5em Helvetica, Arial, Sans-serif; color: #666; background: none; text-shadow: none; font-weight: normal }
body,p,h1, h2, h3, h4, h5, h6{
	font-family: Helvetica,Arial;
}
h1, h2, h3, h4, h5, h6{
	color: #333;
}



/*******link******/
a:link, a:visited,a:hover{
    color: #225F97;
    text-decoration: none;
}
.post-meta a:link, .post-meta a:visited, .post-more a:link, .post-more a:visited, .post p.tags a:link, .post p.tags a:visited{
	font-size: 12px;
	color:#336699;
	text-decoration: none;
}
/************************************************************************/
/**font***/


sup {
font-size: 70%;
vertical-align: super;


}



h1{
	font-size: 48px;
	font-weight: normal;
	padding: 20px 0;
	color: #333;
	line-height: 1em;
}

.entry h1 {
	line-height: 1em;

}




h1.title a,
h1.title a:hover,
h1.title a:visited{
	text-decoration: none;
	color: #333;
}

h2{
/*	color: #fff;*/
	font-size: 28px;
	font-weight: normal;
	line-height: 0.7em;
	padding: 0.4em 0;
}


.header-description{
	font-size: 14px;
	color: #fff;
}

/************************************************************************/
/**structure**/
#wrapper{
	background: #fff;
	min-width: 980px;
}


/**Header****refine ready***/
#header-out {
    background-color: #01413e;
    background-image: none;
}

#header{
	clear:both;position:relative;
	z-index: 999;
	border:none;
	background: url(images/main_bg.jpg) no-repeat top center;
}

#header #top{
	position: relative;
	z-index: 1;
}

#header #logo img{
/*	height:80px;*/
}

/**Navigation.*/
#navigation{
	background: url(images/nav_line.png) bottom center no-repeat;
	padding-bottom: 10px;
	padding-top:15px;
}

.nav a  { position:relative; color:#48d5ff; display:block; z-index:100; padding:5px 12px; line-height:18px; text-decoration:none;text-shadow: none;	 }
.nav li  { float:left; width: auto; }
.nav li a.sf-with-ul { padding-right:20px; }

.nav li.current_page_parent a,
.nav li.current-menu-item a { color: #48d5ff; }

.nav a:hover,
.nav li.current_page_item > a,
.nav li.current_page_parent > a,
.nav li.current-menu-ancestor > a,
.nav li.current-menu-item > a,
.nav li.sfHover { color: #b2edff; }

.nav li.current-menu-ancestor li a,
.nav li.current_page_item a,
.nav li.current-menu-item a,
.nav li ul li.current_page_item a,
.nav li ul li.current-menu-item a { background: inherit; color: #555 !important; }

.nav > li.current-menu-item > a,
.nav > li.current_page_item > a { color: #b2edff !important; }

.nav li ul li a:hover { background:#fcfcfc; !important; color: #00d6ff !important; }



#ultility_menu{
	float:right;
	text-align: right;
	width:500px;
	display: block;
	padding:10px 0px 10px 0px;
}

#ultility_menu ul{
	list-style: none;
	float:right;
}

#ultility_menu ul li{
	float:left;
	padding:0 10px;
	border-right: 1px solid #336699;
	color: #fff;
/*	display: inline-block;*/
	position: relative;
}
#ultility_menu .searchname{
    display: inline-block;
    padding-left: 8px;
    text-shadow: none;
}

#ultility_menu ul li.last-item{
	border-right: none;
	padding-right: 0;
}

#ultility_menu a:link,
#ultility_menu a:visited,
#ultility_menu a:hover{
	color: #fff;
	text-decoration: none;
	text-shadow: none;
}




/*##########################################*/
/***Search top***/
#ultility_menu form input,
#ultility_menu form textarea,
#ultility_menu form input.search{
	padding:3px 0px;
}
#ultility_menu form input.search{
	border-radius:10px;
	-moz-border-radius: 10px;


}
.searchform{
	float:left;
	display: inline-block;
	width:165px;
	font-size: 15px;
	text-shadow: 0px 1px 0px #eee;
	outline: none;
/*	background: -webkit-gradient(linear, left top, left bottom, from(#36393e), to(#fff));*/
	background:-moz-linear-gradient(center top , #fff, #36393e)
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #eee;
	-webkit-box-shadow: 1px 1px 0px #efefef;
	-moz-box-shadow: 1px 1px 0px #efefef;
	box-shadow:  1px 1px 0px #efefef;
	margin-top:-3px;
	color:

}
.searchform input.s{
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	width:95%;

}
.searchform input.submit{
	top:0px;
/*	margin-right:120px;*/
}
/***Search top***/


#main{
	width: 540px;
	margin-right:10px;
}

.active{
	display: none;
}

#content{
	padding-top:30px;
}
/*##########################################*/

/*** Slide Show ****/


#slides .slides_container {
	overflow: hidden;
	position: relative;
}

#slider-bg-shadow{
	background:none;
	height: 0px;
}

.slide-content{
	padding-top:20px;
}


.slide-content .title{
	color:#fff;
	font-weight: normal;
	font-size: 36px;
	line-height: 36px;
	text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.4);
	padding-bottom: 0px;
}

.slide-content p{
	color:#fff;
	font-weight: 100;
	font-size: 14px;
	line-height: 20px;
	text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.4);
}

.slide .video{
margin-top:10px;
}
.slide-image{
	z-index: 300;
	right:0;
	position: relative;
}

.slide-nav { background: #fff url(images/slidenav-bg.png) repeat-x bottom; height: 109px; border-top: 4px solid #006666;position: relative;margin-top:-3px;}


.slide-nav{
	position: relative;
	border-top-color:
}
.slide-nav li {

 	-moz-box-shadow: none;
	-webkit-box-shadow: none;
     box-shadow: none;
    height: 108px;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
	background: url(images/nav_divider.jpg) no-repeat right center,url(images/nav_divider.jpg) no-repeat left center;
}

.slide-nav li + li{
 	-moz-box-shadow: none;
	-webkit-box-shadow: none;
     box-shadow: none;
    height: 108px;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
	background: url(images/nav_divider.jpg) no-repeat right center;

}

.slide-nav li.current{
    background: url("images/slider-current.png") center top no-repeat;
	-moz-box-shadow: 0 5px 15px rgba(0, 0, 15, 0.2) inset;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 15, 0.2) inset;
     box-shadow: 0 5px 15px rgba(0, 0, 15, 0.2) inset;
}

.slide-nav li img{
	margin-top:6px;
}
#main-nav{
}

.woo-slider #top{
	margin-top:0px;
	padding-top:10px;
	}

	/**Header***/

/* Remove lines & padding from header */
#top { padding: 20px 0 0 0; }
#header { border-bottom: 0; }
#content { padding: 20px 0px; }

.slides_container {
	height: 300px;
}


#mini-features .block{
margin-right: 0;

}
/**Content **/

#main-page1 .entry p{
	font-size: 14px;
	color: #666;
	font-weight: normal;
	line-height: 1.6em;

}

#latest-blog-posts h3{
	font-size: 18px;
	font-weight: normal;
	color: #333;
}

#latest-blog-posts a.title{
	font-size:14px;
	font-weight: bold;
	color:#336699;
}


.post-meta{
	margin:0px;
	padding:0px;
}

.hentry, .hentry p.post-meta{
	margin:0px;
	padding:0px 0px 10px 2px;
	font-size: 12px;

}

.entry ul {
	font-size: 14px;
	color: #666;
	font-weight: 100px;
	line-height: 1.6em;
	font-weight: 200;
}

.entry ul li {
	margin-bottom: 10px;

}


/* 3.1 Typographic Elements */
.hentry, .hentry p  { font:14px/1.6em Helvetica, Arial, sans-serif; font-weight: normal;}
 .entry h2, .entry h3, .entry h4, .entry h5, .entry h6
.hentry h1, .hentry h2, .hentry h3, .hentry h4, .hentry h5, .hentry h6 { margin: 0 0 10px; line-height:1.5em; }
.hentry p  { margin-bottom: 1.2em; }
.hentry blockquote  { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444;  }
.hentry blockquote p  { font-style:italic; }

.hentry h4{
	padding:10px 0;
}

.hentry h5{
	font-weight: bold;
}

#contact-page ol.forms{
	list-style: none;
}
/* 3.2 Images */
.hentry img, img.thumbnail { padding: 0px; border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;  }

#latest-blog-posts .post-meta{
	font-weight: normal;
	font-size: 11px;
	color:#666;
}

#latest-blog-posts p{
	font-size:12px;
	font-weight: normal;
	color:#666;
}

.entry table {
	padding: 10px;
	vertical-align: top;

}

/****Sidebar****/
#sidebar{
	padding:20px 10px 0px 10px;
	width:320px;
}

#sidebar .home-icon {
    float: left;
}
#sidebar .feature{
	margin-left: 80px;
}

#sidebar .block,
.widget_woo_twitter .back{
	padding-right: 10px;
	padding:10px 10px 10px 0;
}

#sidebar .feature h3{
	padding-left:0px;
	padding-top:15px;
	font-size: 24px;
	color:#333;
	font-weight: normal;
}

/***Contact us**/

.woo-sc-box.alert {
	font-size:12px;
	border:1px solid #f0baa2;
	background:#ffd9c8 no-repeat;
	width:90%;
	-moz-border-radius: 5px;
}

p.woo-sc-box, div.woo-sc-box {
	margin:10px 0;
	padding:0px 10px;
	border:1px solid #555;
	text-shadow:none;
}
.woo-sc-box.none {border-width:0;}
.woo-sc-box.full {border-width:1px;}
.woo-sc-box.medium {padding:18px 20px 18px 50px; font-size:1.1em;}
.woo-sc-box.large {padding:25px 27px 25px 50px; font-size:1.2em; }
.woo-sc-box.rounded { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.woo-sc-box.download { border-color:#d4ebaf; background:#edfcd5 url(../images/ico-download.png) no-repeat 20px 45%; }
.woo-sc-box.tick { border-color:#d4ebaf; background:#edfcd5 url(../images/ico-tick.png) no-repeat 20px 45%; }
.woo-sc-box.info { border-color:#ccc; background:#eee url(../images/ico-info.png) no-repeat 20px 45%; }
.woo-sc-box.note { border-color:#efe3ae; background:#fef6d2 url(../images/ico-note.png) no-repeat 20px 45%; }
.woo-sc-box.normal { border-color:#ccc; background:#eee; padding:9px 15px;}



#contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; }
#contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;}
#contact-page ol.forms li{
	clear:both;float:left;margin-bottom:10px;position:relative;width:100%;
	}

#contact-page ol.forms input.txt{width:214px;}
#contact-page ol.forms input#sendCopy{border:none;}
#contact-page ol.forms textarea{height:300px;width:400px;}
#contact-page ol.forms li.textarea .error,
#contact-page ol.forms li .error{
	font-size:12px;
	display:block;
	margin-left:70px;color:red;}
#contact-page ol.forms li.screenReader{margin-bottom:0;}
#contact-page ol.forms li.buttons .submit{margin: 15px 0 0 70px; cursor:pointer; }
#contact-page ol.forms li.inline input{width:auto;margin-left:70px;}



#contact-page ol.forms li.inline label{
	display:inline;
	float:none;
	width:auto;
}


#contact-page ol.forms label{
	cursor:pointer;
	display:block;
	float:left;
	padding-right:20px;
	width:50px;
	font-size: 13px;
	font-weight: normal;
}

#contact-page input, textarea{
	border:1px solid #e4e4e4;
	background: #eee;
}

#contact-page input#email,
#contact-page input#contactName{
	width:350px;
}

#contact-page ol.forms li .error{

}
/** Footer **/

#footer-widgets #ultility_menu{
/*	float:left;*/
	text-align: right;
	display: block;
	padding:10px 0px 10px 0px;
	width:auto;
}

#footer-widgets ul li,
#footer-widgets  a:link,
#footer-widgets  a:visited,
#footer-widgets  a:hover{
	color: #99cccd;
	text-decoration: none;
}

#footer-widgets li{
	color:#99cccd;
}
#footer-widgets .searchform{
	background:#36393E;
	font-size: 15px;
	text-shadow: 0px 1px 0px #fff;
	outline: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#36393e), to(#333));
	background:-moz-linear-gradient(center top , #333, #36393e)
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border-left: 1px solid #717171;
	border-right: 1px solid #717171;
	border-top: 1px solid #717171;
	border-bottom:1px solid #aaa;
	-webkit-box-shadow: 1px 1px 0px #333;
	-moz-box-shadow: 1px 1px 0px #333;
	box-shadow:  1px 1px 0px #333;
	margin-top:-3px;
}


.widget.widget_woo_twitter h3{
	background: none;
	padding-left: 0px;
	font-size: 18px;
	color: #333;
	font-weight: normal;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0px;
    padding-right: 0;
    padding-top: 15px;

}
.widget.widget_woo_twitter .twitter-bottom,
.widget.widget_woo_twitter .twitter-bottom a
{
	height: 31px;
	margin:8px 0;
	position: relative;
}

.widget.widget_woo_twitter .twitter-bottom{
	vertical-align: middle;
}
#latest-blog-posts,
.widget_woo_twitter{
	background:none;
}
.widget.widget_woo_twitter .twitter-bottom a{
/*	margin-left:35px;*/
}
.widget.widget_woo_twitter .twitter-bottom img{
	vertical-align: middle;
}

/**********/
.archive_header{
	margin-bottom: 0px;
}


#footer-widgets{
	background: none;
}

#footer-widgets .widget h3,
#footer-widgets .widget a,
#footer-widgets .widget a:link,
#footer-widgets .widget a:hover,
#footer-widgets .widget a:visited
{
	color: #99cccc;
}


#footer-widgets{
	background: none;
}

#footer-widgets .block{
	display:inline;
	float: left;
	vertical-align: top;
	margin-right: 10px;
	width:150px;
}

#footer-widgets .last{
	float:right;
	width:465px;
}


#footer-widgets .contact-info{
   display: block;
    float: right;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 10px;
    text-align: left;
    width: 363px;
    color:#fff;
}
#footer-widgets .company{
	font-weight: bold;
}

#footer-widgets .address,
#footer-widgets .phone-email{
	text-align: left;
	display:inline;
	float: left;
	vertical-align: top;
	width: auto;
	margin: 10px 70px 0 0;
}

#footer-widgets .phone-email{
	margin-right:0px;
}
#footer-widgets .address{
	float:left;
}

#footer-widgets .widget_pages ul{
	list-style: none;
	padding-left:0px;
}

/*#footer-widgets .widget_pages li{
	width:100px;
}
*/
#footer-widgets .widget_pages ul li,
#footer-widgets .widget_pages ul li a,
#footer-widgets .widget_pages ul ul.children,
#footer-widgets .widget_pages ul ul.children > li a
{
	padding-left:0px;
	margin-left: 0px;
}

#footer-widgets .widget_pages ul ul.children{
/*	width:150px;*/
}
#footer-widgets .widget_pages > ul > li > a{
    font-weight: bold;

}
#footer-widgets .widget_pages > ul > li
{
	display: block;
    padding: 0px 0px 10px 0;
    position: relative;
}

#footer-widgets .widget_pages ul ul.children li a{
	font-weight: normal;
	line-height: 14px;
	padding-left:0px;
	margin-left:0px;
	display: block;
/*	width:160px;*/
}
#footer-widgets .widget_pages ul ul.children > li {
	padding:4px 0px;
	position:relative;
	display: block;
}

.backtotop{
	background:url("images/divider.png") top center repeat-x;
    display: block;
    float: right;
    position: relative;
    text-align: right;
}

.news{}

.news ul li{
	padding-bottom: 10px;
}
.news ul li ul li{
	margin-left:20px;
	font-size: 11px;
	list-style: disc;
	padding-bottom: 0px;
}

p.expandable {
	background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAIAAADgcHrrAAAB80lEQVQoFSVSu25TQRCdmd29Nte5cZSYCCQKIh6NESCk0BEKAhINj4KCng/hBxDfwQ9Q0+CCIhUSCAcEUiKBjY1jx76v3Rlmb1YjrebemTnnzFlkZkRhQAYvIgCaiYUEoGAsEdYBmo+I0JxYg0gYc5ICJ9N6+GNU1caAhaC1bYau6I0kGFubw6hNLATAGsbI0QJevxu8ff/l+wzZAHsIWqK12qgBLBo6IKKgjVDaiach7XwNvcMhfTwcvLyZPdm7vKFk5Zz+VVINtTOeDMKWGQgqb7ILy2BrSiz8tumbg+MPR/5p/9b9u5ggOmH0lVUIpJoTJNJ5imdW+RiTLepyPp93uq3EnP/088+38cHw89/9vd0b13rWOQjKUUyUyEQEIiZL107/nYjN27106fNZuSSTibGz0SKfe18pLxNUMaFq8kFJKnXNAmZJq55KSFd2Y62aH19y9PzqzovHt9MWOJUT4kYjkgojq22ga8uNqYLZdOvFyko9etTffPVg94qDUv2TohZwzqkLuhgJFolt45v65DyVUE8eXtx+du9OfwfbaZWXU4eJuiOoimx8C+LING7XdVCWnnj+qxqcLPavb2c6SgpOxLNNyIPYxu64C5WjkMyCHKQiQF+42k1auIWwlHEbW5V0Uo9sFSSKjy5Hq888lP/OowHg3mfKHAAAAABJRU5ErkJggg%3D%3D') no-repeat 0 5px;
	padding-left: 15px;
	color: #225F97;
	font-weight: bold;
	margin-bottom: 25px;
}

p.expanded {
	background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAIAAAA21aCOAAABhklEQVQYGRWR3U4UQRCF62e6p2dmWVhZlw1hMVmFlbgmBCPhApQ7QuIjGB/O1/AV9AmMt5hwIQrMMNM9XWXPTSVVOak69R18lAcLFaCS9EwAIE3jC1cCZEq9aiAVjQVq1Ju7rn0yxIGNPvXicgd1rB1RaHenbmRAlbM6dr/uuq/ffojJ/jzcg7O5LamNddetJ/T58s3qxRaAUsH8djF+uTP9+1hpMS/L53VDwc6U3dHhan8+IcUoLYHGse2vTvYiB1NVdbgvihi8P5jwyXK7MgriDQN5RoTmcN99PN5sw20XGza95M31errcQUBQ8IqWrCCIKfvwZb04ECnjM38bL0bm7GjhCIUicqlAFMFEcghmewPfrWZktuzG/Px4McqxDV1ECkCShAwJkmqW7PpP75dL/v1hz5++2lQEaywDZiQZIIpIj5gluxrSje8//03G5etZntwAkiT+KQMFTLCDiEEaGkSvwKTpvwQ3YYNhliqlpDStFcQIqaiVmvtOIQ5mEolBO6T5HyBUu9DSQ35XAAAAAElFTkSuQmCC') no-repeat 0 5px;
}

div.expandable-content {
	display: none;
}

.hentry p.footnote {
	font-size: 10px;
}


.hentry a.btn { background: url(images/btn-slider.png); color: #fff; font-size: 15px; text-decoration: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 13px 15px; margin-top:20px; margin-right:15px; text-shadow: -1px 1px 0 rgba(0,0,0,0.4); box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px; }
.slide a.btn span { background: url(images/btn-slide-arrow.png) no-repeat right center; padding: 7px 35px 7px 0; }
.slide a.btn:hover { opacity: 0.9; }

.figures-block {
	float: left;
    margin-right: 2%;
    width: 18%;

}

#main-page1 .figures-block p {

	font-size: 12px;
}

#main-page1 .figures-block h2 {

	color: #015753;
	font-size: 34px;
	line-height: 20px;
	padding-bottom: 0px;
}

#main-page1 .figures-block h3 {

	color: #666666;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 10px;

}


.entry .newsletter-archive {
	font-size: 14px;
	color: #666;
	line-height: 1.6em;
	font-weight: 200;
}

.entry .newsletter-archive .separator {
	text-align: center;
	margin: 10px auto;
	color: #ccc;
}

.communique-ads div {
	margin-bottom: 20px;
}


/* IE fix for fading PNG */
.slide-img {
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
	zoom: 1;
}

#top {
	min-height: 130px;
}

.page-id-1577 #top {
	min-height: inherit !important;
}

.slide-content {
	width: 460px;
}




/* new MASTER SLIDER */
.headerSliderDescription { 
  color: #ffffff!important; 
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
  font-size: 15px; 
  margin:0px; padding: 0px;
  text-shadow: rgba(0, 0, 0, 0.4) -1px 1px 0px;
}

.headerSliderTitle { color: #ffffff!important; 
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
  font-size: 36px; 
  margin:0px; padding: 0px; 
text-shadow: rgba(0, 0, 0, 0.4) -1px 1px 0px;
}

.headerSliderButton { box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px;
}

.headerSlider .ms-thumb-list { background-image: url(http://www.cwta.ca/wp-content/uploads/2016/02/slidenav-bg.png); background-repeat: repeat-x; margin-top: 0px; }
.headerSlider .ms-thumb-frame {
  border-right: 1px;
    border-style: solid;
    -webkit-border-image: 
      -webkit-gradient(linear, 0 100%, 0 0, from(#ABABAB), to(#F1F1F1)) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(bottom, #ABABAB, #F1F1F1) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(bottom, #ABABAB, #F1F1F1) 1 100%;  
    -o-border-image:
      -o-linear-gradient(bottom, #ABABAB, #F1F1F1) 1 100%;
    border-image:
      linear-gradient(to top, #ABABAB, #F1F1F1) 1 100%;
}
.headerSlider .ms-thumb-frame:first-child {
  border-left: 1px;
    border-style: solid;
    -webkit-border-image: 
      -webkit-gradient(linear, 0 100%, 0 0, from(#ABABAB), to(#F1F1F1)) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(bottom, #ABABAB, #F1F1F1) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(bottom, #ABABAB, #F1F1F1) 1 100%;  
    -o-border-image:
      -o-linear-gradient(bottom, #ABABAB, #F1F1F1) 1 100%;
    border-image:
      linear-gradient(to top, #ABABAB, #F1F1F1) 1 100%;
}