/*
 *	-- DOTSPOTTING STYLES --
*/
body,html{width:100%;height:100%;}
/* elements primary */
*{margin:0;padding:0;}
a{color:rgb(0,0,0);cursor:pointer;text-decoration:underline;}
a:hover{text-decoration:underline;}
ul{list-style-type: none;padding:0;}
h2{font-weight:500;font-size: 24px;}
h3{font-weight:500;font-size: 19px;}
h5{font-weight:500;font-size:15px;}
p{font-size:14px;font-weight:300;line-height:20px;}
input,img,a,select{outline:none;}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
img{border:none;}
hr{
	margin:12px 0;
	border:none;
	background-color:#ccc;
	color:#ccc;
	height:1px;
}


/* blocks */
body {text-align: center;background-color: #fff;margin: 0;padding: 0;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;color: #000;}

#main {position:relative;margin:0 auto -30px auto;padding:0;width:980px;min-height:100%;height:auto !important;height:100%;text-align:left;background:#fff;}

#nav{text-align:right;margin-bottom:25px;padding-top:10px;border:1px solid #fff;}

#content{position:relative;border:1px solid #fff;}

#footdown{height:30px;clear:both;}
#footer{position:relative;width:980px;margin:0 auto;text-align:left;line-height:30px;height:30px;background:#fff;color:#666;clear:both;}

/* CLEAR FIX */
.clear{clear:both;height:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#main .left{float:left;}
#main .right{float:right;}
#main .last_list_item{margin-right:0;}
#main .blue_links{color:rgb(11,189,255);}
#main .green_links{color:rgb(45,115,43);}
#main .success{background-color:#B5D6D8;text-align:center;padding:5px;margin:10px 0;}
#main .no_show{display:none;}
#main .no_border{border:none;}
#main .show_30{-moz-opacity:.30; filter:alpha(opacity=30); opacity:.30;}
#main .error{background:#FA5C5C;color:#fff;padding:5px;margin:2px 0;}
#main .txt_helper{font-size:11px;font-weight:400;color:#666;margin:3px 0 0;line-height:16px;}

.txt_small{font-size:12px;font-weight:400;}
.txt_body_copy{font-size:14px;font-weight:300;line-height:24px;}


/* nav */
#nav_logo{position:relative;left:-22px;top:10px;float:left;}
#nav_logo.alt_logo{left:-16px;top:15px;}
#nav_logo_alt{left:-22px;top:15px;}
#nav_logo a{display:block;background:transparent;}
#nav_links{float: right;margin:0 10px 0 0;}
#nav_links a{text-align:center;font-weight: 300;font-size:14px;padding:2px 6px 4px;margin-right:4px;color:#000;}
#nav_links a:hover{background:#000;color:#fff;text-decoration:none;}
#nav_links .nav_links_lower{margin-bottom:15px;}
#nav_links .nav_links_upper{margin-bottom:20px;}
#nav_links .nav_links_upper span{font-size:14px;font-weight: 300;padding:0 6px 0 0;}
#nav_links .nav_links_upper span span{font-weight: 600;}
#nav_links .nav_select{background:#000;color:#fff;text-decoration:none;}

#pagination {
	margin-top: 30px;
	font-size: small;
	text-align: center;
}


/* home page*/
#welcome_back{}
/* dotspotting is easy section */
#home_meezy{margin:0 0 25px 0;}
#home_meezy h3{margin-bottom:5px;}
#home_meezy li{float:left;width:234px;font-size:19px;font-weight:500;border-top:1px solid #000;padding:7px 0;margin:0 9px 0 0;}
#home_meezy li.last_meezy{margin:0;width:234px;border-top:1px solid rgb(11,189,255);background:rgb(11,189,255);text-align:center;}
#home_meezy li span{padding-left:30px;}
#home_meezy li.first_meezy span{background:url(../images/home/1.png) no-repeat left center;}
#home_meezy li.second_meezy span{background:url(../images/home/2.png) no-repeat left center;}
#home_meezy li.third_meezy span{background:url(../images/home/3.png) no-repeat left center;}
#home_meezy li.last_meezy img{vertical-align: middle;padding-left: 10px;}
#home_meezy li a{color:#fff;display:block;text-decoration:none;}
#home_meezy li a:hover{color:#000;text-decoration:none;}
#home_description p{margin:0 10px 0 0;}
#home_description a{color:rgb(11,189,255);}

/* recent thumbnails section */
#home_recents{overflow:hidden !important;}
#home_recents div.thumbnail_head{margin:20px 0 0;}
#home_recents div.thumbnail_head a:hover{text-shadow:0px 1px 1px #9c9c9c;}
#home_recents div.thumbnail_head a{padding-top:0;margin-right:10px;line-height:18px;}
#home_recents h5{margin-top:-5px;}
#home_recents .recent_thumbnails{margin:0 11px 0 0;float:left;width:235px;height:220px;}
#home_recents dl.last_thumb{margin:0;}
#home_recents .recent_thumbnails dt{height:156px;border:1px solid #000;overflow:hidden;}
#home_recents .recent_thumbnails dd.thumb_title{margin-top:3px;font-weight:500;}
#home_recents div.map{position:relative;width:235px;height:156px;}
#home_recents dt a{display:block;}
#home_recents div.map a{position:absolute;width:100%;height:100%;background:url('../images/generic_blue_dot.png') no-repeat center center;z-index:6000;}
#home_recents div.map a span{display:none;}

#home_recents.recent_sheets_grid .recent_thumbnails{margin-bottom:15px;height:220px;overflow:hidden;}
#home_recents.recent_sheets_grid{margin:20px 0;}

/* sections */
/* general styles for a page with alot text */
.section_bunch_o_text h2{margin-bottom:20px;}
.section_bunch_o_text h3{margin-bottom:10px;}
.section_bunch_o_text p,.section_bunch_o_text h4,.section_bunch_o_text ul,.section_bunch_o_text pre{margin:0 0 10px;}
.section_bunch_o_text p,.section_bunch_o_text li{font-size:14px;font-weight:300;line-height:20px;}
.section_bunch_o_text li{margin-bottom:5px;}
.section_bunch_o_text a{color:rgb(11,189,255);}

/* faq specific */
#section_faq.section_bunch_o_text p,#section_faq.section_bunch_o_text h4,#section_faq.section_bunch_o_text ul,#section_faq.section_bunch_o_text pre{margin:0 0 10px 15px;}

/* contact */
#section_contact.section_bunch_o_text ul{margin:20px 0 10px 35px;list-style:circle;}
#section_contact.section_bunch_o_text li{ font-size: 48px;font-weight: 100;line-height: 54px;letter-spacing: 2px;}
#section_contact.section_bunch_o_text h3{
    font-size: 24px;
    border: 1px solid white;
    padding: 0;
    text-align: left;
    font-weight: 100;
    letter-spacing: 2px;
}

/* upload */
#upload_forms{position:relative;width:100%;}
#upload_section_right,#upload_section_left{float:left;width:450px;}
#upload_section_right{padding-left:0;}
#upload_section_left{padding-right:30px;}
#upload_meezy{margin:25px 0 15px 0;}
#upload_meezy ul{border-bottom:1px solid #000;}
#upload_meezy li{float:left;width:234px;font-size:19px;font-weight:500;padding:7px 0 7px 1px;margin:0 9px 0 0;}
#upload_meezy li.last_meezy{margin:0;width:auto;text-align:left;}
#upload_meezy li span{padding-left:30px;}
#upload_meezy li.last_meezy span{padding-left:0;}
#upload_meezy li.first_meezy span{background:url(../images/home/1_blk.png) no-repeat left center;}
#upload_meezy li.second_meezy span{background:url(../images/home/2_blk.png) no-repeat left center;}
/*#upload_meezy li.last_meezy span{background:url(../images/home/3.png) no-repeat left center;}*/
#upload_meezy li a{color:#fff;display:block;}
#upload_meezy li a:hover{color:#000;text-decoration:none;}

#upload_success_content{padding-top:10px;}
/* need to rework these, ugggh */
#upload_file,#upload_file_url{position:relative;margin-bottom:30px;}
#upload_file select,#upload_file_url select{}
#upload_file .upload_choose,#upload_file_url .upload_choose{cursor:pointer;border:none;}
#upload_file #dots_index_area select{margin-left:5px;}

.upload_submit{background:#0BBDFF;display:inline-block;padding:2px 15px 0;line-height:34px !important;zoom:1;*display:inline;}
.upload_submit input{border:#0BBDFF;color:white;font-size:19px;padding-right:25px;font-weight:500;/*width:100px;*/text-align:center;cursor:pointer;background:#0BBDFF url(../images/blackarrow2.png) no-repeat right center;}
.upload_basics{margin:0;}
.upload_basics.section_bunch_o_text p,.upload_basics.section_bunch_o_text li{font-size:12px;font-weight:400;line-height:18px;margin-bottom:3px;}
.upload_basics.section_bunch_o_text .upload_padder{margin:10px 0 20px;}
.form_btm_border{padding:15px 0;border-bottom:1px solid #ccc;}

.helper_instr{background:#FFFDCC;}
.helper_instr p{padding:5px;word-wrap:break-word;margin: 0;}


/* sheet page */
#sheet_head{margin:0 0 2px;position:relative;}
#sheet_head li{margin:0 10px 0 0;}
#sheet_head li h3{width:80%;}
#sheet_title span{font-weight:400;}
#sheet_head li#sheet_user_options{position:absolute;right:195px;bottom:2px;}
#sheet_head li#sheet_user_options input{margin-right:10px;}

/* single dot page */
#dot_wrapper{margin-top:5px;}

.right_column{width:45%;float:right;margin:0;}
.left_column{width:54%;float:left;margin:0;}
table.page_dot{margin:5px 0 0;padding:0;width:100%;border-color:#fff;font-size:13px;border-spacing:0 0;}
table.page_dot tr{}
table.page_dot th{border-right: 2px solid black;background:rgb(255,255,255);text-align:left;padding:5px 10px 5px 5px;border-top:1px solid #000;}
table.page_dot td{text-align:left;padding:5px;border-top:1px solid #000;}

#page_dot_pagination{position:absolute;bottom:2px;right:0;text-align:left;margin:5px 10px 10px 0;text-transform:uppercase;}
#page_dot_pagination p{font-size:11px;}
#page_dot_pagination a{color:#fff;}
#page_dot_pagination span{padding:5px;background:#000;margin-left:2px;}
#page_dot_pagination span a:hover{color:rgb(11,189,255);}
#page_dot_pagination span.dot_pag_next a{padding:0 7px 0 3px;background: url(../images/whitearrow-right.png) no-repeat right center;}
#page_dot_pagination span.dot_pag_prev a{padding:0 3px 0 7px;background: url(../images/whitearrow-left.png) no-repeat left center;}
/* for flickr */
.left_column_flickr{width:10%;float:left;}
.right_column_flickr{width:89%;float:right;}
#flickr_holder{height:300px;margin:5px auto 0;/*overflow:hidden;*/padding:0;text-align:center;background:#DCEFEF url(../images/icon_camera.png) 50% 50% no-repeat;}
#flickr_holder img{position:relative;}
/* end flickr */
/* for youtube */
.left_column_youtube{width:10%;float:left;}
.right_column_youtube{width:89%;float:right;}
#youtube_holder{height:300px;margin:5px auto 0;/*overflow:hidden;*/padding:0;}
/* end youtube */
/* for vimeo */
.left_column_vimeo{width:10%;float:left;}
.right_column_vimeo{width:89%;float:right;}
#vimeo_holder{height:300px;margin:5px auto 0;/*overflow:hidden;*/padding:0;}
/* end vimeo */
/* end page layout css */

/* polymaps and modestmaps stuff */
#map_wrapper{margin:5px 0px 0;position:relative;}
#map{width:100%;height:300px;margin:0;border:1px solid #000;position:relative;z-index:10;overflow:hidden;}
#map svg.map {width: 100%;  height: 100%;}
#map_info{border:none;background-color:#fff;display:none;text-align:right;font-size:1.4em;font-weight:600;margin-bottom:17px;}
#map_license{color:#666;margin-top:5px;text-align:right;font-size:11px;position:absolute;bottom:5px;left:10px;z-index:9999;}
#map_license a{color:#999;}
#map_wrapper.lowandbehold #map{height:600px;}
/* 	dot & sheet styles can be set in config as well
	config will override
*/
/* dots */
.dot{fill:rgb(11,189,255);fill-opacity:1;cursor:pointer;z-index:100;}
.under{fill:rgb(255,255,255);fill-opacity:.8;stroke:#ccc;stroke-opacity:1;cursor:pointer;z-index:200;}
.over_hover{fill:#000;fill-opacity:1;stroke:rgb(11,189,255);stroke-width:4 !important;stroke-opacity:1;}
.under_hover{}
.dot_private{fill:red !important;}

/* sheets */
.sheet{fill:rgb(11,189,255);fill-opacity:.5;stroke:rgb(11,189,255);stroke-opacity:1;stroke-width:4;}
.sheet:hover{fill:rgb(11,189,255);fill-opacity:.1;stroke:rgb(11,189,255);stroke-width:4;stroke-opacity:1;cursor:pointer;}
.highlighted{background-color:#ccffff !important;}
circle{cursor:pointer;}


/**/
.compass rect.back.fore {
  fill: #999;
  fill-opacity: .3;
  stroke: #eee;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}

/* map buttons */
#map_controls{position:absolute;z-index:6000;top:10px;left:10px;width:100%;display:none;} /* hide controls first, in case map is a single dot map, which has only zoom controls */
#map_controls a{display:block;position:absolute;}
#map_controls #pan_left{left:0;top:13px;}
#map_controls #pan_right{left:58px;top:13px;}
#map_controls #pan_up{left:29px;top:0px;}
#map_controls #pan_down{left:29px;top:29px;}
#map_controls #zoom_in{left:94px;top:0;}
#map_controls #zoom_out{left:94px;top:29px;}
#map_controls #reset_bounds{right:20px;top:0;}
#map_controls #embed_map{right:55px;top:3px;}
#map_toggle_size{position:absolute;bottom:2px;right:10px;}
#map_toggle_size a{padding-left:14px;text-decoration:none;}
#map_toggle_size a:hover{text-decoration:none;text-shadow:0px 1px 1px #9c9c9c;}
#map_toggle_size a.taller{background:url(../images/map/enlarge-map-arrow.png) no-repeat 0 center;}
#map_toggle_size a.shorter{background:url(../images/map/shrink-map-arrow.png) no-repeat 0 center;}


#embedexportToggler{padding:0 15px 0 0;text-decoration:none;}
/* embed box styles */

/*
#sheetoptionsBtn:hover{text-decoration:none;text-shadow:0px 1px 1px #9c9c9c;}
#sheetoptionsBtn.taller{background:url(../images/map/enlarge-map-arrow.png) no-repeat 0 center;}
#sheetoptionsBtn.shorter{background:url(../images/map/shrink-map-arrow.png) no-repeat 0 center;}
*/
#map_wrapper #embed_map_box{
	position:absolute;
	z-index:6001;
	width: 99.8%;
    height: 99%;
	display:none;
	left:1px;
	top:1px;
	background:#fff;
	background:rgba(255,255,255,.9);
	border:1px solid #fff;
}
#map_wrapper #embed_map_box h4{color:#000;}
#map_wrapper #embed_map_box_inner{
    padding:10px;
}
	#map_wrapper #embed_map_box p{
		position:relative;
		color:#000;
		font-size:14px;
		margin:5px;
		padding:1px;
		padding:0;
	}


	#map_wrapper #embed_map_box textarea{
		position: relative;
        width: 96%;
        height: 1.5em;
        border: 1px solid #CCC;
        margin: 0;
        resize: none;
        padding: 5px;
        overflow:auto;
	}

	#map_wrapper #embed_map_box h4{
	    padding:0 0 2px 2px;
	}

    #map_wrapper #embed_map_box #embed_box{
	    margin:10px 0 0 0;
	}
    #map_wrapper #embed_map_box #embed_box h4{
	    float:left;
	}
	#map_wrapper #embed_map_box #embed_box a{
        position: relative;
        top: 2px;
	}

	#map_wrapper #embed_map_box #embed_box textarea{
	    clear:both;
	}
	#map_wrapper #embed_map_box #embed_box #embed_ta{
	    height: 4em;
	}
	#map_wrapper #embed_map_box #export_box{
	    margin:10px 0 0 0;
	}

	#map_wrapper #embed_map_box #export_box a{

        margin: 0 10px 5px 0;
        background: white;
        color: #0BBDFF;
        padding: 3px 10px 4px;
        font-size: 14px;
        font-weight: bold;
        display: inline-block;
        border:1px solid #ccc;
	}
	#map_wrapper #embed_map_box #export_box a:hover{
	    border-color:#666;
	}

	#map_wrapper #embed_map_box #theme_support{
        float:right;
        margin-right: 30px;
    }

    #map_wrapper #embed_map_box #theme_support span{
        font-size:12px;
    }

    #map_wrapper #embed_map_box #theme_more_config{

    }

    #map_wrapper #embed_map_box #ds_theme_options{
        margin-right:20px;
    }

/*
MAP TOOLTIP
co-opted from Portland crime map: https://github.com/Caged/portlandcrime
*/
#map_wrapper div.maptip{background:#000;z-index:99999;margin-top:-30px;}
div.maptip-cnt{margin:5px;width:200px;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.maptip h2{min-height:14px;font-size:14px;border-bottom:1px solid #ccc;padding:5px;margin:0;position:relative;}
.maptip h2 a{color:#333;}
.maptip span.close{position:absolute;display:block;top:-6px;right:-2px;height:10px;width:10px;color:rgb(11,189,255);cursor:pointer;}
.maptip span.close:hover{}
.maptip p{padding:5px;line-height:1.2em;font-size:11px;margin:0;}
.maptip span.date{display:block;color:#999;margin-top:5px;}
.nub{border-bottom:0;height:0;width:0;position:absolute;border-top:6px solid transparent;border-right:6px solid #000;border-bottom:6px solid transparent;left:-6px;top:24px;}

/*
 * DATAGRID
 * cribbed from the tablesorter examples
*/
.dataTables_wrapper {position: relative;/*z-index: 9999;*/}
.filter_adj{margin-top:-31px;}
table.ds_table{font-family:arial;background-color:#fff;color:#000;margin:0;font-size:11px;width:100%;text-align:left;border:none;border-spacing:5px 0px;}
table.ds_table thead tr th,
table.ds_table tfoot tr th,
table.ds_table tbody td{border-bottom:1px solid #000;padding:8px;cursor:pointer;}
table.ds_table thead tr th{border-width:2px;padding-right:25px;}
table.ds_table thead tr th{padding-bottom:4px;font-size:12px;}
table.ds_table thead tr th{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
table.ds_table thead tr th:hover{text-shadow:0px 1px 1px #ccc;text-shadow:0px 1px 1px #9c9c9c;}
table.ds_table thead tr .header{cursor:pointer;}
table.ds_table tbody td{vertical-align:top;}
table.ds_table tbody tr.odd td{background-color:#fff;}
table.ds_table thead tr .headerSortUp{}
table.ds_table thead tr .headerSortDown{}
table.ds_table thead tr .headerSortDown,table.ds_table thead tr .headerSortUp{}
.dataTables_scrollHeadInner{}
.dataTables_scrollHeadInner table.ds_table{margin:10px 0pt 0px;}
.dataTables_scrollBody thead{}
.dataTables_scroll{clear:both;}

/* search box for dataTables*/
.dataTables_filter{position:relative;left: 2px;line-height:30px;margin:0;font-size:11px;font-weight:bold;text-transform:uppercase;color:#000;text-align:right;overflow:hidden;z-index: 9999;display:inline-block;float:right;zoom: 1;*display: inline;}
.dataTables_filter span{display:inline-block;padding:0 8px;background: white;border-left: 1px solid black;border-top: 1px solid black;zoom: 1;*display: inline;}
.dataTables_filter input{padding:2px 0;margin-left:5px;border:solid 1px #000;outline:0;font:normal 12px/100%;width:200px;color:#333;}
.dataTables_filter input:hover,.dataTables_filter input:focus{border-color:#666;box-shadow:rgba(0,0,0,0.3) 0px 0px 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0px 0px 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0px 0px 8px;}
.dataTables_processing{font-style:italic;font-weight:700;text-align:right;display:none;}

/* sorting arrows */
.sorting_asc{background:url('../images/sort_asc_1.png') no-repeat center right;}
.sorting_desc{background:url('../images/sort_desc_1.png') no-repeat center right;}
.sorting{background:url('../images/sort_both_1.png') no-repeat center right;}
.sorting_asc_disabled{background:url('../images/sort_asc_disabled_1.png') no-repeat center right;}
.sorting_desc_disabled{background:url('../images/sort_desc_disabled_1.png') no-repeat center right;}


/* YUI DATA GRID
 * only used on upload
*/
.yui-skin-sam{margin:15px 0 20px;}
.yui-skin-sam .yui-dt-hd{background-color: white !important;}
.yui-skin-sam table{font-family:arial;background-color:#fff;color:#000;margin:0;font-size:11px;width:100%;text-align:left;border:none;border-spacing:1px 1px;}
.yui-skin-sam table th .yui-dt-liner{white-space: nowrap;}
#pre_process_container.yui-skin-sam tr.yui-dt-odd,#pre_process_container.yui-skin-sam tr.yui-dt-even{background-color:rgb(238,238,238);}
#pre_process_container .yui-dt-highlighted{background-color:rgb(255,255,255);}
#pre_process_container img{vertical-align: middle;}
#pre_process_container #yui-dt1-th-_geocode__address-liner{background-color:#000; color:#fff;}
.yui-skin-sam div.yui-dt-hd .yui-dt-desc,
.yui-skin-sam div.yui-dt-hd .yui-dt-asc{background:#fff;}

.yui-skin-sam table tbody td a{padding-left: 10px;}
.yui-skin-sam tr.yui-dt-even td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-odd td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-odd td.yui-dt-desc,
.yui-skin-sam tr.yui-dt-even td.yui-dt-desc {background-color: #fff !important;}
/* geo instructions */
#geoinstr li{
    border-bottom:1px solid #ccc;
}
#geoinstr h4{
    padding:5px 0;
    /*border-bottom:1px solid #666;*/
}
#geoinstr p{padding-left:35px;font-s}

#geoinstr .importgood{
    background:url('../images/checkmark_24.png') no-repeat 5px center;
    padding-left:35px;
}
#geoinstr .geoicon {
    background:url('../images/crosshairs_24.png') no-repeat 5px center;
    padding-left:35px;
}

#geoinstr .need-to-do{
    background-color:#FA5C5C;
}
#geoinstr .complete{
    background-color:#B5D6D8;
}
#geoinstr input{
    margin:0 0 10px 35px;
}

/* progress bar */
#modal_status{clear:both;}
.meter {
        clear:both;
        height: 10px;  /* Can be anything */
        position: relative;
        background: #555;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        padding: 5;
        margin-top:20px;
        margin-left:-5px;
        -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.2);
        -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.2);
        box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.2);
}
.meter > span {
        display: block;
        height: 100%;
           -webkit-border-top-right-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
               -moz-border-radius-topright: 8px;
            -moz-border-radius-bottomright: 8px;
                   border-top-right-radius: 8px;
                border-bottom-right-radius: 8px;
            -webkit-border-top-left-radius: 20px;
         -webkit-border-bottom-left-radius: 20px;
                -moz-border-radius-topleft: 20px;
             -moz-border-radius-bottomleft: 20px;
                    border-top-left-radius: 20px;
                 border-bottom-left-radius: 20px;
        background-color: rgb(43,194,83);
        background-image: -webkit-gradient(
          linear,
          left bottom,
          left top,
          color-stop(0, rgb(43,194,83)),
          color-stop(1, rgb(84,240,84))
         );
        background-image: -moz-linear-gradient(
          center bottom,
          rgb(43,194,83) 37%,
          rgb(84,240,84) 69%
         );
        -webkit-box-shadow:
          inset 0 2px 9px  rgba(255,255,255,0.3),
          inset 0 -2px 6px rgba(0,0,0,0.4);
        -moz-box-shadow:
          inset 0 2px 9px  rgba(255,255,255,0.3),
          inset 0 -2px 6px rgba(0,0,0,0.4);
        position: relative;
        overflow: hidden;
}

.blue > span {
        background-color: ##B5D6D8;
        background-image: -moz-linear-gradient(top, #B5D6D8, #519394);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #B5D6D8),color-stop(1, #519394));
        background-image: -webkit-linear-gradient(#B5D6D8, #519394);
}

/*pagination*/
#pagination{margin:0 0 20px;}
/* pagination header */
.ds_pag_head{margin:0 0 10px;text-align:center;border: 1px solid #fff;display:none;}
/* pagination active items */
.ds_pag{
    text-decoration: none;
    border: 1px solid #AAA;
    padding: 0.3em 0.5em;
    color: #0BBDFF;
    margin: 0 2px;
    background:#fff;
}
/* pagination inactive items */
.ds_pag_inactive{
    border: 1px solid #AAA;
    padding: 0.3em 0.5em;
    color: #999;
    margin: 0 2px;
    background:#fff;
}
/* pagination ellipses */
.ds_pag_ellipses{
    text-decoration: none;
    border: 1px solid #fff;
    padding: 0.1em 0.1em;
    color: #999;
    margin: 0;
    background:#fff;
}