/*
Theme Name: Kari
Theme URI: http://www.kariwagner-artwork.com
Description: Expresssions of faith
Version: 1.0
Author: Kari Wagner
*/

/*
/** Colors *************************************************************************

Blue =				5E82D8
Black =				303030
Grey Links & Headlines =	B8B8B8
Grey Blocks =			494949
Grey Input Fields =		CCCCCC

*/
		
/** HTML Tags *************************************************************************/

	html, body {
		margin: 0;
		}
	body {
		background-image: url('http://www.kariwagner-artwork.com/site/wp-content/themes/kari/images/shared/tile.jpg'); 
		background-repeat: repeat;
		font-family: Verdana, Arial, Sans-Serif;
		font-size: 100%;
		font-weight: 100;
		color: #FFFFFF;
		text-align: center;
		width: 100%;
		padding: 0px;
		margin: 0px;
		}
	img {
		border: 0px;
		}
	h1 {
		font-size: 142%;
		font-weight: 100;
		margin-top: 0px;
		margin-bottom: 6px;
		color: #FFFFFF;
		line-height: 120%;
		}
			h2 {
				color: #B8B8B8;
				font-size: 118%;
				font-weight: 100;
				padding-top: 4px;
				}
			h3 {
				}
	a {
		text-decoration: underline;
		color: #FFFFFF;
		}
			a:hover {
				color: #FFFFFF;
				text-decoration: none;
				}
		
/** Layout Tags *************************************************************************/
	
	#wrap_a {
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 18px;
		width: 730px;
		background-color: #303030;
		border-left: 1px solid #101010;
		border-right: 1px solid #101010;
		text-align: left;
		display: table;
		}
	#wrap_b {
		margin-left: 20px;
		margin-right: 20px;
		width: 690px;
		text-align: center;
		}
	#header {
		display: table;
		width: 690px;
		text-align: left;
		}
	.header_logo {
		float: left;
		margin-top: 12px;
		}
			.header_logo img {
				border: 0px;
				}
	#footer {
		background-image: url('http://www.kariwagner-artwork.com/site/wp-content/themes/kari/images/shared/footer.jpg');
		background-position: right bottom;
		background-repeat: no-repeat;
		height: 72px;	
		width: 100%;
		text-align: left;
		clear: both;
		}
			#footer a {
				text-decoration: none;
				color: #B8B8B8;
				}
			#footer a:hover {
				color: #FFFFFF;
				}
	.footer_text {
		font-size: 11px;
		padding-top: 54px;
		}
	.footer_link_sitemap {
		margin-right: 24px;
		background-image: url('http://www.kariwagner-artwork.com/site/wp-content/themes/kari/images/icons/sitemap.jpg');
		background-position: left center;
		background-repeat: no-repeat;
		padding: 4px 0px 4px 24px;
		}
	.footer_link_copyright {
		margin-right: 24px;
		background-image: url('http://www.kariwagner-artwork.com/site/wp-content/themes/kari/images/icons/copyright.jpg');
		background-position: left center;
		background-repeat: no-repeat;
		padding: 4px 0px 4px 24px;
		}
	.footer_link_feed {
		background-image: url('http://www.kariwagner-artwork.com/site/wp-content/themes/kari/images/icons/feed.jpg');
		background-position: left center;
		background-repeat: no-repeat;
		padding: 4px 0px 4px 24px;
		}



/** Content Tags *************************************************************************/

	#content {
		margin: 54px 0px 76px 0px;
		width: 690px;
		clear: both;
		text-align: left;
		
		}
			#content h2 {
			margin-top: 36px;
			}
	.content_field {
		border-top: 1px dotted #494949;
		padding: 8px 0px 8px 0px;
		}
	.content_field_title{
		color: #B8B8B8;
		font-size: 9px;
		}
	.content_field_wrap {
		font-size: 84%;
		}
	.page_content {
		float: left;
		width: 466px;
		text-align: left;
		position: relative;
		}
			.page_content p {
				line-height: 175%;
				margin-bottom: 21px;
				}
			.page_content ul, .page_content li {
				line-height: 175%;
				}
			.page_content a img {
				border: 2px solid #B8B8B8;
				margin: 6px;
				}
			.page_content a:hover img {
				border: 2px solid #FFFFFF;
				}


/** Portfolio Tags *************************************************************************/

	.portfolio_content {
		float: left; 
		width: 485px;
		text-align: left;
		position: relative;
		}
			.portfolio_content a img  {
				border: 2px solid #B8B8B8;
				}
			.portfolio_content a:hover img  {
				border: 2px solid #FFFFFF;
				}
	.portfolio_picture {
		display: table;
		text-align: left;
		width: 200px;		
		}
			.portfolio_picture img {
				border: 8px solid #FFFFFF;
				}	
	#portfolio_navigation {
		display: table; 
		margin-top: 3px; 
		width: 190px;
		border-top: 1px dotted #494949;
		padding: 0px 0px 5px 0px;
		font-size: 68%;
		clear: both;
		}
			#portfolio_navigation a {
				text-decoration: none;
				color: #B8B8B8;
				}
			#portfolio_navigation a:hover {
				color: #FFFFFF;
				}
			#portfolio_navigation a img  {
				border: 2px solid #B8B8B8;
				}
			#portfolio_navigation a:hover img  {
				border: 2px solid #FFFFFF;
				}
			#portfolio_navigation_previous {
				float: left; 
				display: inline; 
				width: 90px; 
				padding: 0px; 
				text-align: left; 
				margin: 0px;
				}
			#portfolio_navigation_next {
				float: left;  
				width: 90px; 
				padding: 0px; 
				text-align: right; 
				margin-left: 10px;
				}
	#portfolio_paging_wrap {
		display: inline;
		margin: 0px;		
		width: 466px;
		 }
	#portfolio_paging {
		color: #494949;
		font-size: 84%;
		text-align: center;
		margin-bottom: 15px;
		}
			#portfolio_paging a {
				color: #B8B8B8;
				text-decoration: none; 
				}
			#portfolio_paging a:hover {
				color: #FFFFFF;
				text-decoration: underline; 
				}
			.portfolio_paging_current {
				color: #FFFFFF;
				}

/** Sidebar Tags *************************************************************************/

	#sidebar, #sidebar_portfolio {
		float: right; 
		width: 190px;
		font-size: 84%; 
		line-height: 150%;
		text-align: left;
		position: relative;
		}
			#sidebar_portfolio h1 {
				font-size: 142%;
				font-weight: 100;
				margin-top: 0px;
				margin-bottom: 6px;
				line-height: 120%;
				}
			#sidebar h2 {
				border-top: 1px dotted #494949;
				}
			#sidebar p, #sidebar_portfolio p {
				padding-top: 0px;
				margin-top: 0px;
				}
			#sidebar ul {
				margin: 0px 0px;
				padding: 0px;
				list-style-type: none;
				text-indent: 0px
				}
			#sidebar li {
				margin: 20px 0px;
				padding: 0px;
				list-style-type: none;
				text-indent: 0px
				}
			#sidebar ul li ul li {
				margin: 0px 0px;
				}
	.sidebar_field {
		border-top: 1px dotted #494949;
		padding: 8px 0px 8px 0px;
		}
	.sidebar_field_title {
		color: #B8B8B8;
		font-size: 9px;
		}
	.sidebar_block {
		margin-bottom: 48px;
		}
			.sidebar_block a img  {
				border: 4px solid #B8B8B8;
				}
			.sidebar_block a:hover img  {
				border: 4px solid #FFFFFF;
				}
	.sidebar_more, .more-link {
		text-align: right;
		margin-top: 6px;
		}
			.more-link a, .sidebar_more a {
				text-decoration: none;
				color: #B8B8B8;
				font-size: 72%;
				}
			.more-link a:hover, .sidebar_more a:hover {
				color: #FFFFFF;
				}
	.sidebar_headline_date {
		color: #B8B8B8;
		font-size: 72%;
		}
	.sidebar_recent_comments {}
	.sidebar_recent_comments_text {}
			.sidebar_recent_comments_text a {
				text-decoration: none;
				color: #B8B8B8;
				font-size: 72%;
				}
			.sidebar_recent_comments_text a:hover {
				color: #FFFFFF;
				}
	.sidebar_recent_comments_title {}
	.sidebar_recent_comments_author {
		color: #B8B8B8;
		font-size: 72%;
		font-weight: 900;
		}
	#sidebar_featured_title {
		font-size: 124%;
		text-align: center;
		}
			#sidebar_featured_title img {
				margin-bottom: 8px;
				}
			#sidebar_featured_title a {
				text-decoration: none;
				color: #B8B8B8;
				}
			#sidebar_featured_title a:hover {
				color: #FFFFFF;
				}
		
		
/** Menu Tags *************************************************************************/

	#toolbar {
		float: right;
		padding: 0px;
		font-size: 11px;
		width: 400px;
		margin-top: 8px;
		text-align: right;
		line-height: 250%;
		
		top: 0;
		}
	#nav {
		list-style: none;
		float: right;
		margin: 0px;
		padding: 0px;
		}
			#nav ul {
				margin: 0;
				padding: 0;
				}
			#nav a {
				display: block;
				color: #B8B8B8;
				text-decoration: none;
				}
			#nav a:hover {
				color: #FFFFFF;
				}
			#nav li {
				float: left;
				padding: 0;
				margin: 0px 0px 0px 24px;
				}
			#nav li ul {
				position: absolute;
				left: -999em;
				height: auto;
				width: 20px;
				margin: 0px;
				list-style: none;
				}
			#nav li li {
				padding: 0px;
				margin: 0px;
				width: 120px;
				text-align: left;
				border-top: 1px dotted #494949;
				}
			#nav li ul a {
				}
			#nav li ul ul {
				margin: 0px;
				}
			#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
				left: -999em;
				}
			#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
				left: auto;
				}
			#nav li:hover, #nav li.sfhover {
				}


/** Portfolio Tag Cloud Tags *************************************************************************/

	ul#tagcloud { 
		padding:0; 
		margin:0; 
		text-align:left; 
		list-style:none; 
		line-height:200%
		}
	ul#tagcloud li {
		display:inline; 
		font-size:70%; 
		background: none; 
		padding: 0; 
		margin-right: 6px;
		}
	ul#tagcloud li a, ul#tagcloud li a:link { 
		color:#ccc; 
		text-decoration:none; 
		}
	ul#tagcloud li a:hover { 
		color: #FFFFFF;
		text-decoration:underline; 
		}
	ul#tagcloud li.t1 a { color:#B8B8B8; font-size: 120%; }
	ul#tagcloud li.t2 a { color:#B8B8B8; font-size: 160%; }
	ul#tagcloud li.t3 a { color:#B8B8B8; font-size: 190%; }
	ul#tagcloud li.t4 a { color:#B8B8B8; font-size: 210%; }
	ul#tagcloud li.t5 a { color:#B8B8B8; font-size: 230%; }
	ul#tagcloud li.t6 a { color:#B8B8B8; font-size: 250%; }
	ul#tagcloud li.t7 a { color:#B8B8B8; font-size: 270%; }
	ul#tagcloud li.t8 a { color:#B8B8B8; font-size: 290%; }
	ul#tagcloud li.t9 a { color:#B8B8B8; font-size: 310%; }
	ul#tagcloud li.t10 a { color:#B8B8B8; font-size: 330%; }


 
/** Comment Tags *************************************************************************/

	#comments {
		margin-top: 52px;
		text-align: left;
		width: 466px;
		}
	#comments_form_wrap {
		width: 460px;
		}
	#comments_form {
		}
	.comments_list {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		}
	.comments_header {
		margin-bottom: 0px;
		}
	.comment_odd, .comment_even, .comment_admin {
		padding: 4px; 
		list-style: none;
		margin-top: 24px;
		}	
	.comment_odd {
		background-color: #494949;
		}
	.comment_admin {
		background-color: #CCCCCC;
		}
			.comment_admin .comment_text {
				color: #303030;
				}
	.comment_moderation {
		color: #BF3A2B;
		background-color: #F4D2CF;
		padding: 4px;
		margin: 12px 0px;
		font-size: 76%;
		}
	.comment_wrap {
		float: right;
		width: 454px;
		margin-left: auto;
		margin-right: auto;
		}
	.comment_meta {
		font-size: 76%;
		color: #B8B8B8;
		border-bottom: 1px dotted #B8B8B8;
		}
			.comment_meta a {
				text-decoration: none;
				color: #B8B8B8;
				}
			.comment_meta a:hover {
				color: #FFFFFF;
				}		
	.comment_number {
		float: right;
		font-size: 150%;
		color: #B8B8B8;
		}
	.comment_author {
		font-size: 150%;
		margin-right: 9px;
		}
	.comment_date {
		}
	.comment_text {
		font-size: 92%;
		}
	.comments_closed {
		font-style: italic;
		font-size: 120%;
		text-align: center;
		}
	.comments_guidelines {
		font-size: 72%;
		font-style: italic;
		}
	.comments_paged {
		color: #B8B8B8;
		}
			.comments_paged a {
				text-decoration: none;
				color: #B8B8B8;
				font-size: 72%;
				}
			.comments_paged a:hover {
				color: #FFFFFF;
				}
			.comments_paged_current {
				color: #FFFFFF;
				}

	
/** Breadcrumb Tags *************************************************************************/

	#breadcrumb, #portfolio_breadcrumb {
		font-size: 72%;
		color: #B8B8B8;
		}
			#breadcrumb a, #portfolio_breadcrumb a {
				color: #B8B8B8;
				text-decoration: none;
				}
			#breadcrumb a:hover, #portfolio_breadcrumb a:hover{
				color: #FFFFFF;
				}
	#portfolio_breadcrumb {
		text-align: right;
		margin-bottom: 2px;
		}


/** Sitemap Page Tags *************************************************************************/

	.sitemap ul {
		}
	.sitemap li {
		margin: 12px 0px;
		}
	.sitemap ul li ul li {
		list-style-type: disc;
		font-size: 82%;
		}


/** File Download Tags *************************************************************************/

	.download {
		display: inline-table;
		margin-top: 24px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		padding: 16px;
		background-color: #1A1A1A;
		font-family: Georgia;
		font-size: 112%;
		}
	.download_title {
		font-weight: 100;
		}
	.download_description {
		margin: 9px 0px;
		font-size: 82%;
		line-height: 1.5;
		}
	.download_meta {
		font-size: 82%;
		color: #B8B8B8;
		margin-left: 8px;
		}

/** Contact Form Tags *************************************************************************/

	#contact_form {
		text-align: left;
		background-color: #494949;
		margin: 42px 0px;
		line-height: 1;
		font-family: Georgia, Times New Roman, Serif;
		padding: 6px 12px;
		}
			#contact_form h2 {
				margin: 0px;
				padding: 0px;
				font-family: Georgia, Times New Roman, Serif;
				font-weight: 100;
				font-size: 186%;
				}
			#contact_form ul {
				line-height: 2;
				}
			#contact_form li {
				margin: 9px 0px;
				}
			#contact_form p {
				line-height: 1.5;
				}
	.contact_form_error {
		color: #E8F186;
		}
	.contact_form_success {
		}
	.contact_form_reset, .contact_form_reset a {
		font-size: 10px;
		color: #B8B8B8;
		margin-left: 12px;
		text-decoration: none;
		}
			.contact_form_reset a:hover {
				color: #FFFFFF;
				}


/** Archive Tags *************************************************************************/

	.journal_archives li {
		margin-bottom: 10px;
		}
	.journal_archives_date {
		font-size: 72%;
		margin-left: 6px;
		color: #B8B8B8;
		}


/** Form Tags *************************************************************************/

	input {
		font: 18px Verdana, Arial, Sans-Serif; 
		color: #303030; 			
		padding: 4px; 
		border: 0;
		background-color: #CCCCCC;
		width: 100%;
		height: 28px;
		}
			input:hover, input:focus, input.hover, input.focus {
				background-color: #FFFFFF;
				}
			input.short {
				width: 150px;
				}
			input.med {
				width: 250px;
				}	
	textarea.textbox {
		font: 18px Verdana, Arial, Sans-Serif; 
		color: #303030; 			
		padding: 4px; 
		border: 0;
		background-color: #CCCCCC;
		line-height : 1.5em;
		width : 100%;
		margin-right: auto;
		margin-left: auto;
		height: 140px;
		}
			textarea.textbox:hover, textarea.textbox:focus, textarea.hover, textarea.focus {
				background-color: #FFFFFF;
				}
	input.button {
		width: 50%;
		display: inline-table;
		margin-bottom: 24px;
		margin-top: 24px;
		margin-left: auto;
		margin-right: auto;
		font: 18px Verdana, Arial, Sans-Serif; 
		color: #303030;
		background-color: #CCCCCC;
		border: 0;
		text-align: center;
		cursor: pointer;  
		}
			input.button:hover, input.button:focus, input.button.hover, input.button.focus {
				background-color: #FFFFFF;
				}
			.form_button_wrapper {
				width: 100%; 
				text-align: center;
				}
	fieldset { 
		border: 0;
		padding: 0px 0px 32px 0px;
		margin: 0px;
		}
	form {
		margin: 0px;
		padding: 0px;
		
		}
	legend, dt { 
		font-size: 136%;
		font-family: Georgia, Times New Roman, Serif;
		color: #FFFFFF;
		margin-left: -8px;
		padding: 0px;
		}
	label { 
		font-size: 76%;
		font-family: Georgia, Times New Roman, Serif;
		color: #B8B8B8; 
		font-style: italic;
		line-height: 2;
		width: 100%;
		margin-top: 9px;
		}
	select {
		width: 250px;
		font: 18px Verdana, Arial, Sans-Serif; 
		color: #303030;
		background-color: #CCCCCC;
		padding: 4px; 
		border: 0;
		}
			select:hover, select:focus, select.hover, select.focus {
				background-color: #FFFFFF;
				}			
	input.checkbox {
		font: 18px Verdana, Arial, Sans-Serif; 
		color: #303030;
		background-color: transparent;
		padding: 4px; 
		border: 0;
		cursor: pointer;
		margin: 0px;
		width: 21px;
		height: 21px;
		}

/** Home Page *************************************************************************/

	#home_column_left {
		float: left; 
		width: 190px; 
		margin-right: 20px; 
		text-align: left;
		display: inline-block;
		position: relative;
		}
			#home_column_left p {
				font-size: 84%; 
				line-height: 1.4;
				}
	#home_column_center {
		float: left; 
		width: 270px; 
		margin-right: 20px; 
		text-align: left; 
		display: inline-block;
		position: relative;
		}
	#home_column_right {
		float: left; 
		width: 190px; 
		text-align: left;
		display: inline-block;
		position: relative;
		}
	.home_header {
		color: #B8B8B8; 
		margin-bottom: 9px; 
		border-top: 1px dotted #494949;
		font-size: 72%;
		padding-top: 3px;
		}
	#home_content {
		margin: 54px 0px 76px 0px;
		width: 100%;
		clear: both;
		display: table;
		}
			#home_content p {
				line-height: 150%;
				margin-bottom: 8px;
				}
			#home_content a {
				text-decoration: none;
				}
			#home_content h1 {
				color: #FFFFFF;
				}
			#home_content h2 {
				color: #FFFFFF;
				}
			#home_content a img {
				border: 2px solid #B8B8B8;
				}
			#home_content a:hover img {
				border: 2px solid #FFFFFF;
				}
			.home_excerpt_new {
				font-size: 100%;
				line-height; 1.5
				}
			.home_excerpt_old {
				font-size: 82%;
				line-height; 1.4
				}
			.home_posted_date {
				color: #B8B8B8;
				font-size: 72%;
				margin-bottom: 6px;
				}
	.frontpage_product {
		float: left;
		display: inline;
		margin-bottom: 12px;
		}

/** Lightbox *************************************************************************/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color: #303030;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
	
/** "Share This" Link *************************************************************************/
	
#share_this {
	background: #5E82D8;
	display: none;
	position: absolute;
	width: 300px;
	z-index: 999;
	border: 2px solid #FFFFFF;
	text-align: center;
	}
		#share_this input.button {
			width: 80%;
			display: inline-table;
			margin-bottom: 8px;
			margin-top: 12px;
			margin-left: auto;
			margin-right: auto;
			font: 18px Verdana, Arial, Sans-Serif; 
			color: #303030;
			background-color: #CCCCCC;
			border: 0;
			text-align: center;
			cursor: pointer;  
			}
		#share_this input.button:hover, #share_this input.button:focus, #share_this input.button.hover, #share_this input.button.focus {
				background-color: #FFFFFF;
				}

#share_this_email {
	padding: 10px;
	display: block;
	}
#share_this_email form, #share_this_email fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	}
#share_this_email fieldset legend {
	display: none;
	}
#share_this_email ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#share_this_email ul li {
	margin: 0 0 7px 0;
	padding: 0;
	}
#share_this_email ul li label {
	color: #FFFFFF;
	display: block;
	margin-bottom: 3px;
	text-align: left;
	}
#share_this_email ul li input {
	padding: 3px 10px;
	}
#share_this_email ul li input.share_this_text {
	padding: 3px;
	width: 280px;
	}
.share_this_link {
	background: 1px 0 url(http://www.kariwagner-artwork.com/site/wp-content/themes/kari/images/icons/share_this.jpg) no-repeat;
	padding: 1px 0 3px 24px;
	font-size: 72%;
	}
	

.photo {
	display: table;
	height:auto !important;
	text-align: center;
	
	background-color: green;
	}
a .photo p {
	font-size: 50%;
	color: #B8B8B8;
	text-decoration: none;
	}
	
	
	
	
	
	
	#loadingindicator{
	visibility: hidden; 
	font-size: 7pt;
	font-weight: normal;
	position: fixed;
	top: 30%;
	left: 30%;
	
	padding: 20px 0px;
	width: 40%;
	background-color: #5E82D8;
	text-align: center;
	z-index: 2;

	}

#loadingindicator img{
 /*position: relative;*/
 top: 3px;
 margin-left: 6px;
/*  visibility: hidden; */
  border: none !important;
 }