/* @override http://www.marketingclinicpartners.com/assets/css/style.css */

/* -----------------------------------------------------------

	Reset

----------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table 			{ border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th 	{ vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }


/* -----------------------------------------------------------

	Typography

----------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
	font-size: 75%;
	color: #000;
	line-height: 1.5;
	font-family: Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; font-family: Arial, sans-serif; }

h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; font-weight: bold; /*letter-spacing: -0.1em;*/ text-transform: uppercase; }
h2 { font-size: 1.7em; margin-bottom: 0.75em; color: #000; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
/* p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } */
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,
a:hover     { color: #000; }
a           { color: #000; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

ol 			{ margin-left: 20px; margin-bottom: 10px; }

.level_list li a.active {
	color: #ed1c24;
}
.level_lift {
	font-size: 14px;
}

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Forms
-------------------------------------------------------------- */

label { font-weight: bold; }

fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }

select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }

input[type=submit], input[type=reset] {
	cursor: pointer;
}

.form fieldset {
	background: #ededed;
	border: none;
}
.form p {
	margin: 5px 0;
	padding: 0;
}
.form input, .form select, .form textarea {
	display: block;
	border: solid 1px #dddddd;
	width: 250px;
	padding: 2px;
}
.form select {
	width: 257px;
}
.form textarea {
	height: 125px;
	width: 370px;
}
.form input[type=submit], .form input[type=reset], #subscribe_newsletter_form_form input[type=submit]{
	background: #ed1c24;
	border: none;
	padding: 4px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
	width: 80px;
	cursor: pointer;
}
.warn_input {
	background: #eb1c22 !important;
}

#contact_form fieldset {
	border: solid 1px #ccc;
}

#contact_form p {
	padding: 1px 0;
	margin: 6px 0;
}
#contact_form label, #subscribe_newsletter_form label {
	color: #3c3c3c;
	font-size: 11px;
	font-weight: normal;
}
#contact_form input[type=text], #contact_form textarea {
	font-family: Arial;
	float: right;
	display: inline;
	border: solid 1px #dfdfdf;
	width: 160px;
	height: 16px;
	background: #fff;
	font-size: 11px;
}
#subscribe_newsletter_form_form input[type=text], #subscribe_newsletter_form_form textarea {
	font-family: Arial;
	border: solid 1px #dfdfdf;
	width: 160px;
	height: 16px;
	background: #fff;
	font-size: 11px;
}
#contact_form textarea {
	margin-right: 0;
	width: 170px;
	height: 88px;
	margin-top: 0px;
}
#contact_form #buttons {
	float: right;
	display: inline;
}
#contact_form input[type=submit], #contact_form input[type=reset] {
	float: left;
	display: block;
	background: #ed1c24;
	border: none;
	padding: 4px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}
#contact_form input[type=submit] {
	margin-right: 10px;
}

#search {

}
#search input[type=text], #footer_content select {
	background: #fff;
	border: solid 1px #dddddd;
	color: #707070;
	font-size: 10px;
	padding: 2px;
}
#search input[type=text] {
	float: right;
	display: inline;
	margin-left: 5px;
	width: 90px;
}
#footer_content select {
	width: 250px;
}
#footer label {
	color: #707070;
}
#footer select {
	border: solid 1px #d9d9d9;
}
#footer_closure {
	padding-top: 30px;
}
#footer_content {
	padding-left: 30px;
}
#footer_content .left, #footer_content .right, .form_left, .form_right {
	float: left;
	display: block;
}
.form_left {
	width: 250px;
	margin-right: 20px;
}
.form_right {
	width: 250px;
}

#quiz_form input[type=checkbox], #quiz_form input[type=radio] {
	margin-right: 10px;
}
#quiz_form li {
	list-style: none;
}
#quiz_form label {
	font-weight: normal;
}
#quiz_form .float_labels_and_inputs li {
	clear: both;
	padding-top: 10px;
}
#quiz_form .float_labels_and_inputs label {
	display: block;
}
#quiz_form .float_labels_and_inputs input[type=text] {
	float: right;
	display: inline;
	width: 300px;
}
#quiz_table th {
	vertical-align: top;
	background: #dddddd;
	width: 60px;
}
#quiz_table td {
	border-bottom: solid 1px #e6e6e6 !important;
}
#quiz_table td.radio_cell {
	text-align: center;
}

/* -----------------------------------------------------------

	Structure

----------------------------------------------------------- */

body {
	background: #fff;
	text-align: left; /*ie hack for centered layout. if not centered, remove this line and the next hack in wrapper*/
	padding: 0;
	margin: 0;
}

#page {
	width: 960px;
	/* margin: 0 auto; */
	text-align: left; /*for previous ie hack*/
	/* padding: 30px; */
}


body {
	background: #fff;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

hr {
	height: 1px;
	background: #ccc;
	border: none;
}

/* Header
-------------------------------------------------------------- */
#flashcontent {
	background: #000;
	height: 400px;
}
#header {
	height: 300px;
	background: url(../img/headers/compass.png) top left no-repeat;
}
body.what_we_do #header {
	background: url(../img/headers/compass.png) top left no-repeat;
}
body.who_we_are #header {
	background: url(../img/headers/people.png) top left no-repeat;
}
body.career #header {
	background: url(../img/headers/people_grey.png) top left no-repeat;
}
body.contact_us #header {
	background: url(../img/headers/world.png) top left no-repeat;
}
body.media_and_events #header {
	background: url(../img/headers/communication.png) top left no-repeat;
}

/* Navigation
-------------------------------------------------------------- */
#navigation {
	background: #fff;
	position: relative;
	z-index: 10;
	margin-top: -80px;
	padding-bottom: 30px;
	width: 645px;
	padding-left: 30px;
}
#navigation li, #navigation li a {
	display: block;
	float: left;
}
#navigation li a {
	color: #000;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px;
	line-height: 30px;
	border-left: solid 1px #000;
}
#navigation li a.active {
	color: #ed1c24;
	border-left: solid 1px #ed1c24;
}


/**
 * Front page nav
 */
body.home #navigation {
	background: url(../img/front_page_nav.png);
	margin-top: 10px;
}
body.home #navigation li a {
	color: #fff;
	display: block;
	width: 107px;
}
body.home #navigation:hover {
	height: 100px;
	margin-top: -40px;
}
body.home #navigation.js:hover  {
	height:auto;
	margin-top:10px;
}
#front_page_nav li {

}
#front_page_nav li ul {
	position: absolute;
	display: none;
	border: none;
	font-size: 10px;
	color: #fff;
}
#front_page_nav li:hover ul {
	float: none;
	display: block;
	padding: 0;
	margin: 0;
	margin-top: 40px;
}
#front_page_nav li:hover ul li {
	padding: 0;
	line-height: 11px;
	position: relative;
	z-index: 10;
}
#front_page_nav li:hover ul li, #front_page_nav li:hover ul li a {
	float: none;
	display: block;
	line-height: 11px;
	padding: 0;
	position: relative;
	z-index: 10;
}
#front_page_nav li:hover ul li a {
	padding: 3px;
	padding-left: 10px;
	display: block;
	width: 117px;
	position: relative;
	z-index: 10;
}
#front_page_nav li:hover ul li a:hover {
	z-index: 10;
}
span.hover {
	display: block;
	width: 100%;
	height: 17px;
	position: relative;
	margin-top: -17px;
	margin-left: -5px;
	z-index: -5;
	background: url(../img/front_page_nav.png);
}


/**
 * Subnav
 */
#subnav {
	color: #3c3c3c;
	border-bottom: solid 4px #3c3c3c;
	padding-bottom: 22px;
}
#subnav li, #subnav a {
	display: block;
	float: left;
	color: #3c3c3c;
}
#subnav a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-right: 20px;
}
#subnav a.active {
	color: #ed1c24;
}


/* Content
-------------------------------------------------------------- */
#sub_page {
	padding: 30px;
	padding-right: 0;
}
#sub_page .left {
	float: left;
	display: inline;
	width: 650px;
}
#sub_page .left a:hover {
	color: #ed1c24;
}
#sub_page .right {
	float: right;
	display: inline;
	width: 275px;
}
#sub_page .right .box {
	padding: 10px;
	border: solid 1px #dfdfdf;
	margin-bottom: 10px;
}
body.home #front_page .col ul li {
	padding: 0;
	margin: 0;
}
body.home #sub_page .right .box {
	width: 240px;
	margin: 10px;
}
.reference_slider_box {
	padding-bottom: 0 !important;
}
#sub_page .right .box h2 {
	color: #656565;
	font-weight: normal;
	font-size: 18px;
}
#sub_page .left ul {
	margin-bottom: 20px;
}
#sub_page .left ul li {
	margin-left: 15px;
}
#sub_page .right .box ul li {
	list-style: none;
}
#sub_page .right .box ul li a {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	/* padding-right: 30px; */
	/* background: url(../img/red_arrow.gif) center right no-repeat; */
}
#front_page #sub_page ul li a {
	background: none;
}
#front_page_sidebar {
	position: relative;
	background: #fff;
	margin-top: -110px;
}
#sub_page img {
	margin: 10px;
}

#sub_page .col {
	float: left;
	display: inline;
	width: 290px;
	margin-right: 30px;
}
#sub_page .col:last-child {
	margin-right: 0;
}
#sub_page .col h2 {
	color: #3c3c3c;
	border-bottom: solid 3px #3c3c3c;
}
#sub_page .col h2 a {
	color: #3c3c3c;
	text-decoration: none;
}
#sub_page .col li {
	list-style: none;
	border-bottom: solid 1px #dcdcdc;
}
#sub_page .col li a {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 10px 0;
	background: url(../img/red_arrow.gif) center right no-repeat;
}
#sub_page .col li a:hover {
	color: #ed1c24;
	text-decoration: underline;
}

/**
 * Employees
 */
#employee_list li {
	list-style: none;
	float: left;
	display: block;
	width: 100px;
	height: 130px;
	cursor: pointer;
	margin: 0 !important;
	margin: 5px !important;
	border: solid 1px #eeeeee;
	padding: 5px;
}
#employee_list li:hover {
	background: #eeeeee;
}
#employee_list li .name {
	height: 10px;
	padding-left: 10px;
}
#employee_list li .descr {
	display: none;
	position: absolute;
	width: 200px;
	padding: 10px;
	background: #e6e6e6;
	border: solid 1px #ccc;
	margin-top: -1px;
	margin-left: 10px;
	cursor: default;
	z-index: 10;
}
#employee_list li .photo {
	width: 100px;
	height: 115px;
	overflow: hidden;
}
#employee_list li .photo img {
	border: solid 1px #ccc;
}

/* Footer
-------------------------------------------------------------- */
#footer {
	border-top: solid 1px #d9d9d9;
	padding-top: 20px;
	margin-top: 40px;
	background: url(../img/footer.png) top left repeat-x;
}
#footer h2, #footer h3 a {
	color: #707070;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#footer h3 a:focus {
	outline: none;
}
#footer h3 a#toggle_footer_contact_form_link{color:#ED1C24}

#footer h3 a.active {
	border-bottom: solid 2px #f1bcbe;
}
#footer_content .left {
	width: 150px;
}
#footer_contact_form {
	display: none;
}
#footer_content .right {
	width: 300px;
}
#footer_contact_form, #subscribe_newsletter_form {
	position: absolute;
}
#subscribe_newsletter_form {
	width: 300px;
}
.footer_right {
	float: right;
	display: inline;
	padding-right: 20px;
	color: #707070;
}
.footer_right a {
	color: #707070;
}

/* -----------------------------------------------------------

	Clear floats

----------------------------------------------------------- */
.wrapper 		{ display: inline-block; }
.wrapper:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper 		{ display: block; }
.clear { clear: both; }

/*--------------------------------------------8<--------------------------------------------*/



/**
 * Sitemap
 */
#sitemap li {
	margin-left: 20px;
}


/**
 * Poll
 */
#monthly_question_wrapper {

}
.question {
	font-size: 14px;
	color: #3c3c3c;
}
.poll_answer a {
	float: left;
	display: block;
	width: 50px;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
	margin-right: 10px;
	color: #fff;
}
/*
.poll_answer a.y {
	background: #e2f2d7;
	border: solid 1px #d1dfc7;
}
.poll_answer a.n {
	background: #f1d9da;
	border: solid 1px #e1c9ca;
}
*/
.poll_answer a.y, .poll_answer a.n {
	background: #ed1c24;
}

.poll_result span {
	display: block;
	float: left;
	width: 30px;
	font-size: 12px;
}
.poll_result .percentage {
	padding-left: 10px;
}
.poll_result_bar {
	display: block;
	float: left;
	min-width: 40px;
	height: 5px;
	background: #ed1c24;
	margin-bottom: 5px;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	margin-top: 6px;
}

/**
 * Case studies
 */
.case_logo {
	margin-top: 20px;
}


/**
 * Carousel
 */
.dontpad {
	margin: 0;
	padding: 0;
}
#case_slider {
	margin-top: -10px;
}
#case_slider img {
	max-width: 180px !important;
	margin-left: 20px;
}
#case_slider ul {

}
#case_slider li {
	width: 300px;
	overflow: hidden;
	float: left;
	display: inline;
}
a.carousel-control {
	cursor: pointer;
	float: left;
	display: block;
	width: 15px;
	height: 26px;
	text-indent: -9000px;
	position: relative;
	z-index: 800;
}
a.carousel-control.previous {
	background: url(../img/carousel_left.gif) top left no-repeat;
	margin-top: 34px;
}
a.carousel-control.next {
	background: url(../img/carousel_right.gif) top left no-repeat;
	float: right;
	margin-top: -90px;
}

#close_newsletter_form, #close_contact_form {
	float: right;
	display: block;
	text-align: center;
	border: solid 1px #ccc;
	padding: 4px;
	text-decoration: none;
	font-size: 10px;
	margin-left: -49px;
	margin-top: 9px;
}
#close_newsletter_form:hover, #close_contact_form:hover {
	background: #ccc;
}
#close_contact_form {
	margin-top: 9px;
}

.toggler {
	cursor: pointer;
}

#print_button {
	background: url(../img/print_icon.gif) top right no-repeat;
	display: inline;
	padding-right: 17px;
	text-decoration: none;
	font-size: 10px;
	float: right;
	margin-top: 20px;
	margin-right: 40px;
}

/**
 * Seminaari 2011 form
 */
 #seminaarilomake .textfield label{float:left;display:block;width:100px;}
 #seminaarilomake .disabled {color:#ccc;font-weight:normal}

 /**
  * Article archive logic
  */
 .article_amount {
	color: #ccc;
 }
 #article_archive_menu a.active {
	color: #ed1c24;
 }
 #article_archive_menu a:focus {
	outline: none;
 }
#article_archive_menu h4 {
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
}
#article_archive_menu li ul {
	margin-left: 20px;
	margin-bottom: 15px;
}
#timespan_indicator {
	font-size: 14px;
}



/**
 * Seminaaripalaute
 */
#seminaaripalautelomake legend {
	padding: 10px;
}
#seminaaripalautelomake th {
	background: #ccc;
}
#seminaaripalautelomake td {
	padding: 10px 10px;
}
#seminaaripalautelomake textarea {
	width: 97%;
	height: 150px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 5px;
}
#seminaaripalautelomake .personal_info input {
	display: block;
	width: 95%;
}
#seminaaripalautelomake .radiorow {
	width: 150px;
}
#seminaaripalautelomake .radiorow input {
	margin-right: 5px;
}
#seminaaripalautelomake ul {
	margin-left: 20px;
}
#seminaaripalautelomake ul li {
	margin-top: 20px;
	font-weight: bold;
}
#seminaaripalautelomake ol li {
	margin-top: 5px;
}
#seminaaripalautelomake ol li {
	list-style: none;
	margin-left: 0;
}
#seminaaripalautelomake ol li label {
	font-weight: normal;
}
#seminaaripalautelomake ol li input {
	margin-right: 10px;
}



/**
 * We Want You campaign
 */
#wwy_dimmer {
	display: none;
	position: absolute;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .4;
	filter: alpha(opacity = 40);
	z-index: 850;
}
#wwy_modal {
	display: none;
	width: 625px;
	height: 521px;
	position: absolute;
	top: 140px;
	left: 150px;
	background: url(../img/modal.jpg) center center no-repeat #fff;
	z-index: 851;
	border: solid 5px #fff;
	color: #fff;
}
#wwy_modal h1 {
	display: none;
}
#wwy_modal h3 {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
#wwy_modal a {
	color: #fff;
}
#wwy_modal h2,#wwy_modal h2 a {
	color: #fff;
	clear: both;
}
 
#wwy_modal ul {
	padding: 0;
	margin: 0;
	xlist-style: none;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 70px;
}
#wwy_modal ul li {
	margin-bottom: 00px;
}
#wwy_close {
	display: block;
	float: right;
	text-decoration: none;
	text-indent: -9000px;
	background: url(../img/wwy_modal_close.gif) center center no-repeat #fff;
	font-size: 20px;
	width: 19px;
	height: 20px;
	padding: 5px;
}
#wwy_modal_content {
	padding: 40px;
	padding-top: 35px;
}





.edit_gallery_item {
	text-indent: -9000px;
	background: url(../img/pipit/gallery/edit.png) center center no-repeat;
	display: block;
	width: 16px;
	height: 16px;
}
.delete_from_album {
	text-indent: -9000px;
	background: url(../img/pipit/gallery/delete.png) center center no-repeat;
	display: block;
	width: 16px;
	height: 16px;
}
#temp_rename_input {
	font-size: 9px;
	position: absolute;
	width: 140px;
	display: none;
	z-index: 20;
}
#album_list li, #video_list li {
	float: left;
	margin-right: 15px;
	width: 170px;
}
#album_list li p, #video_list li p {
	margin: 5px 0;
}
#album_list li img, #video_list li img {
	border: solid 3px #fff;
}
#album_list li:hover img, #video_list li:hover img {
	border: solid 3px #00aae9;
}

.sisennys {
	margin-left: 10px;
}

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../img/slimbox2/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../img/slimbox2/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../img/slimbox2/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../img/slimbox2/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

.admin_form fieldset {
	margin-top: 20px;
	border: solid 1px #3F3F3E;
}
.admin_form input[type=text], .admin_form input[type=file], .admin_form textarea {
	display: block;
	width: 300px;
	height: 20px;
	padding: 3px;
}
.image_gallery_list li {
	float: left;
	display: block;
	margin-right: 4px;
	margin-bottom: 4px;
}

.image_gallery_tools_overlay {
	position: absolute;
	margin-top: 5px;
	margin-left: 5px;
	z-index: 10;
	font-size: 20px;
}
.image_gallery_tools_overlay a {
	text-decoration: none;
	float: left;
}
.image_gallery_tools_overlay a:focus, .image_gallery_tools_overlay a:active {
	outline: none;
}
.delete_from_album, .delete_from_carousel, .delete_file_link, .delete_video {
	text-indent: -9000px;
	background: url(../img/pipit/gallery/delete.png) center center no-repeat;
	display: block;
	width: 16px;
	height: 16px;
}
.choose_thumbnail_for_album {
	text-indent: -9000px;
	background: url(../img/pipit/gallery/album_thumbnail.png) center center no-repeat;
	display: block;
	width: 16px;
	height: 16px;
}
.edit_gallery_item {
	text-indent: -9000px;
	background: url(../img/pipit/gallery/edit.png) center center no-repeat;
	display: block;
	width: 16px;
	height: 16px;
}