/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/



/* #Reset & Basics (Inspired by E. Meyers)
-------------------------------------- */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* Basic Styles
-------------------------------------- */
	body {
		background: #fff;
		font: 14px/21px "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* Typography
-------------------------------------- */
	h1, h2, h3, h4, h5, h6 {
		color: #7498BF;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: bold; 
  }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 28px; line-height: 32px; margin-bottom: 6px; font-weight: normal; }
	h2 { font-size: 22px; line-height: 28px; margin-bottom: 10px; font-weight: normal; }
	h3 { font-size: 18px; line-height: 24px; margin: 0px 0px 9px; font-weight: normal }
	h4 { font-size: 16px; line-height: 24px; margin: 4px 0px 0px; }
	h5 { font-size: 18px; line-height: 24px; }
	h6 { font-size: 18px; line-height: 24px; }
	.subheader { color: #777; }

	p { margin: 0 0 10px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: dotted #6C96C0; border-width: 1px 0 0; clear: both; margin: 10px 0 15px; height: 0; }


/* Links
-------------------------------------- */
  a, 
  a:visited { 
    color: #6C96C0; 
    text-decoration: none; 
    outline: 0; 
  }
  a:hover, 
  a:focus { 
    color: #85B652;
  }
  a:active { 
    color: #6C96C0; 
  }
  p a, 
  p a:visited { 
    line-height: inherit; 
  }


/* Lists
-------------------------------------- */
	ul, ol {
  margin: 0 0 18px 14px;
}
  ul ul,
  ul ol,
  ol ol,
  ol ul {
   margin-bottom: 0;
  }
  ul {
    list-style: disc;
  }
ol {
  list-style: decimal;
  }
  li {
    line-height: 18px;
    color: #808080;
  }
  ul.unstyled {
    list-style: none;
    margin-left: 0;
  }

/* Images
-------------------------------------- */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }
	img {
		max-width: 100%;
		height: auto; }



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

option { padding-left:0.4em; } /* LTR */
select { padding:1px; }
label {display: block}	

@media all {

	form,
	form fieldset { overflow:hidden; }


	form div { position:relative; }
	
	form label,
	form .message {
		position:relative;
		display:block; /* important for Safari */
	}

	form .check-box label {
		display:inline;
	}

	form input,
	form textarea { cursor:text; }

	form input[type="checkbox"],
	form input[type="radio"],
	form select,
	form label { cursor:pointer; }

	/* small adjustments for Internet Explorer - all versions */
	form textarea { overflow: auto; }

	/* Hiding of hidden fields (otherwise ugly spaces in Firefox)) */
	form input[type=hidden] { display:none !important; }

	/* styling containing DIV elements */
	form .text-box:before,
	form .select-box:before,
	form .check-box:before,
	form .button-box:before {
		content:"";
		display:table;
	}

	form .text-box:after,
	form .select-box:after,
	form .check-box:after,
	form .button-box:after {
		clear:both;
		content:".";
		display:block;
		font-size:0;
		height:0;
		visibility:hidden;
	}

	/* styling standard form elements with 'almost' equal flexible width */
	form select,
	form input,
	form textarea {
		display:block;
		position:relative;
		width:58.5%;
	}

	form .check-box input {
		display: inline;
		width: auto;
	}

	/* Styling of buttons */
	form .button-box input {
		display: inline;
		overflow:visible;  /* Fixes IE7 auto-padding bug */
		width:auto;
	}

	/* avoid jumping checkboxes & radiobuttons in IE8 */
	form .check-box input:focus,
	form .check-box input:hover,
	form .check-box input:active {
		border:0 none;
	}


	/**
	* @section Form Construction Kit | Screen Adjustments
	*
	*/

	.select-box select { width:60%; }
}






@media screen and (min-width: 0px){

	/**
	* @section general width settings for formular elements in modern browsers
	*          switching to CSS3 box modell "border-box" for perfect flexible forms
	*
	* Styling for: <labels>, <input>, <textarea> and <select>
	*
	*/

	form input,
	form input,
	form textarea,
	form select {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width:60%;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	form div.text-box textarea {
		width:90%;
	}
}

@media screen, projection {

	/**
	* @section general form styling
	*
	* Styling for: <form>, <fieldset>, <legend>, <label> and rows (class="ym-fbox-[xxx]")
	*
	*/
	form {
	  /*
		background:#f4f4f4;
		border:2px #fff solid;
		*/
		margin: 0 0 20px 0;
		padding: 0;
		/*
		-webkit-box-shadow: 0 0 4px #ddd;
		-moz-box-shadow: 0 0 4px #ddd;
		box-shadow: 0 0 4px #ddd;
		*/
	}

	form fieldset {
		position:static;
		background:transparent;
		margin: 0.75em 0 0.75em 0;
		padding: 0 0.5em;
	}

	form legend {
		background:transparent;
		color:#000;
		font-size:1.2em;
		line-height:1.25em;
		font-weight:bold;
		padding:0 0.5em;
	}

	form label {
		color:#666;
		line-height: 1.5em;
	}

	label {
		color: #666;
		padding-top: 0.25em;
	}

	form form div.check-box:focus + label {
		color:#000;
	}

	/* styling containing DIV elements */
	form div.text-box,
	form div.select-box,
	form div.check-box {
		/* padding: 0.3em 1em; */
		padding: 0.3em 0em;
		margin-bottom: 0.5em;
	}


	form div.button-box {
		/* background: #ececec;
		border-top: 1px #e0e0e0 solid;
		padding:0 1em 1.5em 1em; */
		padding:0;
		margin: 0;
		margin-bottom: 0 0 20px 0;
	}

	form h6 {
		color: #000;
		margin: 1em 0 0 1em;
	}

	/**
	* @section styling form elements
	*
	* Styling for: Input, Textarea, Select ...
	*
	*/

	/* styling standard form elements with 'almost' equal flexible width */
	form .text-box input,
	form .text-box textarea {
		line-height: 1em;
		padding: 0.25em 0.3em;
		margin-top: -2px;
	}

	form .select-box select {
		line-height: 1em;
		padding: 0.25em 2px 0.25em 1px;
		margin-top: -2px;
	}

	/* proportional fonts for all form elements */
	form input,
	form textarea,
	form select,
	form optgroup {
		font-family: Arial, Helvetica, sans-serif;
		-webkit-box-shadow: inset 0 0 4px #eee;
		-moz-box-shadow: inset 0 0 4px #eee;
		box-shadow: inset 0 0 4px #eee;
		font-size: 1em;
	}

	form optgroup {
		font-style:normal;
		font-weight:bold;
	}

	form .text-box input,
	form .text-box textarea,
	form .select-box select {
		border:1px solid #ddd;
	}

	/* General form styling	 */
	form .message {
		color:#666;
		margin-bottom:0.5em;
	}

	/* Highlight mandatory fields */
	form .required {
		color:#E25044;
		font-weight:normal;
	}

	/* form validation highlight colors */
	form input:valid,
	form textarea:valid { background-color: #fff; }
	form input:invalid,
	form textarea:invalid { background-color: #fdd; }

	/**
	* @section error messages
	*
	*/

	form .error label {
		color:#E25044;
    font-weight:normal;
	}

	form .error input,
	form .error select,
	form .error textarea {
    font-weight:normal;
	}

	form .error input:hover,
	form .error input:focus,
	form .error select:hover,
	form .error select:focus,
	form .error textarea:hover,
	form .error textarea:focus {
		border: 1px #E25044 solid !important;
	}

	form .error .message {
		color:#E25044;
    font-weight:normal;
    font-size:0.9em;
		margin-top: 0;
	}

	/* :hover and :focus status on form fields */
	form div.text-box input:focus,
	form div select:focus,
	form div textarea:focus,
	form div.text-box input:hover,
	form div select:hover,
	form div textarea:hover,
	form div.text-box input:active,
	form div select:active,
	form div textarea:active {
		border:1px #888 solid;
		background:#fff;
	}

	/**
	* @section Buttons
	*
	* inspired from: Catalin Rosu (http://www.red-team-design.com/just-another-awesome-css3-buttons)
	*/



a.button, 
button {
	display: inline-block;
	white-space: nowrap;
	background-color: #6C96C0;
	border: 1px solid #6C96C0;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	color: #f4f4f4 !important;
	cursor: pointer; 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:bold;
  font-size: 12px; 
  margin:10px 10px 10px 0;
  padding:5px 9px 6px;
	* html padding: 5px 9px 5px; 
	overflow: visible; /* removes extra side spacing in IE */
	text-decoration: none !important;
 }

a.button:hover,
button:hover {
  color:#fff; 
  border-color:#90AFCF; 
  background:#90AFCF; 
}

a.button:active,
button:active {
  color:#6C96C0; 
  border-color:#90AFCF; 
  background:#90AFCF; 
}



}

form {margin: 0 0 20px 0}


/*  Tables
-------------------------------------- */
table {
  width: 100%;
  margin-bottom: 18px;
  padding: 0;
  font-size: 13px;
  border-collapse: collapse;
}
table th, table td {
  padding: 10px 10px 9px;
  line-height: 18px;
  text-align: left;
}
table th {
  padding-top: 9px;
  font-weight: bold;
  vertical-align: middle;
}
table td {
  vertical-align: top;
  border-top: 1px solid #ddd;
}
table tbody th {
  border-top: 1px solid #ddd;
  vertical-align: top;
}
.condensed-table th, .condensed-table td {
  padding: 5px 5px 4px;
}
.bordered-table {
  border: 1px solid #ddd;
  border-collapse: separate;
  *border-collapse: collapse;
  /* IE7, collapse table to remove spacing */

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.bordered-table th + th, .bordered-table td + td, .bordered-table th + td {
  border-left: 1px solid #ddd;
}
.bordered-table thead tr:first-child th:first-child, .bordered-table tbody tr:first-child td:first-child {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
}
.bordered-table thead tr:first-child th:last-child, .bordered-table tbody tr:first-child td:last-child {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.bordered-table tbody tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
.bordered-table tbody tr:last-child td:last-child {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}
table .span1 {
  width: 20px;
}
table .span2 {
  width: 60px;
}
table .span3 {
  width: 100px;
}
table .span4 {
  width: 140px;
}
table .span5 {
  width: 180px;
}
table .span6 {
  width: 220px;
}
table .span7 {
  width: 260px;
}
table .span8 {
  width: 300px;
}
table .span9 {
  width: 340px;
}
table .span10 {
  width: 380px;
}
table .span11 {
  width: 420px;
}
table .span12 {
  width: 460px;
}
table .span13 {
  width: 500px;
}
table .span14 {
  width: 540px;
}
table .span15 {
  width: 580px;
}
table .span16 {
  width: 620px;
}
.zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
.zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th {
  background-color: #f5f5f5;
}
table .header {
  cursor: pointer;
}
table .header:after {
  content: "";
  float: right;
  margin-top: 7px;
  border-width: 0 4px 4px;
  border-style: solid;
  border-color: #000 transparent;
  visibility: hidden;
}
table .headerSortUp, table .headerSortDown {
  background-color: rgba(141, 192, 219, 0.25);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
table .header:hover:after {
  visibility: visible;
}
table .headerSortDown:after, table .headerSortDown:hover:after {
  visibility: visible;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
table .headerSortUp:after {
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  visibility: visible;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
table .blue {
  color: #049cdb;
  border-bottom-color: #049cdb;
}
table .headerSortUp.blue, table .headerSortDown.blue {
  background-color: #ade6fe;
}
table .green {
  color: #46a546;
  border-bottom-color: #46a546;
}
table .headerSortUp.green, table .headerSortDown.green {
  background-color: #cdeacd;
}
table .red {
  color: #9d261d;
  border-bottom-color: #9d261d;
}
table .headerSortUp.red, table .headerSortDown.red {
  background-color: #f4c8c5;
}
table .yellow {
  color: #ffc40d;
  border-bottom-color: #ffc40d;
}
table .headerSortUp.yellow, table .headerSortDown.yellow {
  background-color: #fff6d9;
}
table .orange {
  color: #f89406;
  border-bottom-color: #f89406;
}
table .headerSortUp.orange, table .headerSortDown.orange {
  background-color: #fee9cc;
}
table .purple {
  color: #7a43b6;
  border-bottom-color: #7a43b6;
}
table .headerSortUp.purple, table .headerSortDown.purple {
  background-color: #e2d5f0;
}

/*  Tabs and Pils  
-------------------------------------- */
.tabs, .pills {
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  zoom: 1;
}
.tabs:before,
.pills:before,
.tabs:after,
.pills:after {
  display: table;
  content: "";
  zoom: 1;
}
.tabs:after, .pills:after {
  clear: both;
}
.tabs > li, .pills > li {
  float: left;
}
.tabs > li > a, .pills > li > a {
  display: block;
}
.tabs {
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px;
}
.tabs > li {
  position: relative;
  margin-bottom: -1px;
}
.tabs > li > a {
  padding: 0 15px;
  margin-right: 2px;
  line-height: 34px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.tabs > li > a:hover {
  text-decoration: none;
  background-color: #eee;
  border-color: #eee #eee #ddd;
}
.tabs .active > a, .tabs .active > a:hover {
  color: #808080;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.tabs .menu-dropdown, .tabs .dropdown-menu {
  top: 35px;
  border-width: 1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.tabs a.menu:after, .tabs .dropdown-toggle:after {
  border-top-color: #999;
  margin-top: 15px;
  margin-left: 5px;
}
.tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle {
  border-color: #999;
}
.tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after {
  border-top-color: #555;
}
.pills a {
  margin: 5px 3px 5px 0;
  padding: 0 15px;
  line-height: 30px;
  text-shadow: 0 1px 1px #ffffff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.pills a:hover {
  color: #ffffff;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  background-color: #00438a;
}
.pills .active a {
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  background-color: #0069d6;
}
.pills-vertical > li {
  float: none;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane,
.tab-content > div,
.pill-content > div {
  display: none;
}
.tab-content > .active, .pill-content > .active {
  display: block;
}

/* Hero-unit
------------------------------------- */
.hero-unit {
  background-color: #f5f5f5;
  margin-bottom: 30px;
  padding: 60px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.hero-unit h1 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  letter-spacing: -1px;
}
.hero-unit p {
  font-size: 18px;
  font-weight: 200;
  line-height: 27px;
}
footer {
  margin-top: 17px;
  padding-top: 17px;
  border-top: 1px solid #eee;
}
.page-header {
  margin-bottom: 17px;
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.page-header h1 {
  margin-bottom: 8px;
}


/* Alerts 
-------------------------------------- */

.alert br { display: none; }
.alert {
  padding: 8px 16px 8px 10px;
  margin: 20px 0;
  background-color: #F4EEDB;
  border: 1px solid #EEE6CA;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #CDB35F;
  font-size: 0.85em;
  line-height: 14px; 
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert p + p {
  margin-top: 5px;
}
.alert a, .alert strong {
  font-weight: bold;
  color: #CDB35F;
}
.alert-heading {
  color: inherit;
}
.alert .close {
  text-decoration: none; 
  margin-top: 0px;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 14px;
  color: inherit;
  opacity: 0.3;
  filter: alpha(opacity=30);
  position: relative;
  top: 1px;
  right: -8px;
  line-height: 14px;
}
.alert .close:hover {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.alert-success {
  background-color: #E4EFD9;
  border-color: #D6E7C5;
  color: #85B652;
}
.alert-success a, .alert-success strong {
  font-weight: bold;
  color: #85B652;
}
.alert-danger,
.alert-error {
  background-color: #FDCFCF;
  border-color: #FBB6B6;
  color: #F65555;
}
.alert-danger a, .alert-danger strong,
.alert-error a, .alert-error strong {
  font-weight: bold;
  color: #F65555;
}
.alert-info {
  background-color: #DEE8F1;
  border-color: #CEDCEA;
  color: #6C96C0;
}
.alert-info a, .alert-info strong {
  font-weight: bold;
  color: #6C96C0;
}


.error_list {
	font-size: 0.9em;
}


/* Pagination
----------------------------------------------- */
.pagination {
  height: 36px;
  margin: 18px 0;
}
.pagination ul {
  float: left;
  margin: 0;
}
.pagination li {
  display: inline;
}
.pagination a {
  float: left;
  text-decoration: none;  
  padding: 1px 9px 2px;
  margin-right: 2px;
  font-size: 0.8em;
  white-space: nowrap;
  color: #6C96C0;
  background-color: #D7E3EE;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.pagination a:hover, 
.pagination .active a {
  background-color: #6C96C0;
  color: #fff;
}
.pagination .disabled a, 
.pagination .disabled a:hover {
  background-color: #f4f4f4;
  color: #bfbfbf;
}



/* steps
----------------------------------------------- */
.steps,
.steps-active {
  padding: 2px 9px 3px;
  font-size: 0.8em;
  white-space: nowrap;
  color: #6C96C0;
  background-color: #D7E3EE;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.steps strong {color: #6C96C0;}
.steps-active strong {color: #fff;}

.steps:hover strong {color: #fff;}

.steps:hover {
  background-color: #6C96C0;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.steps-active {
  background-color: #6C96C0;
  color: #fff;
}

/* label
----------------------------------------------- */
.label {
  padding: 2px 4px 3px;
  font-size: 9px;
  font-weight: bold;
  color: #ffffff;
  white-space: nowrap;
  background-color: #bfbfbf;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-shadow: none;
}
a.label  {text-decoration: none}

/*  Inline labels  */
.tags .label {
  background-color: #BACCDF;
}
.tags a.label:hover {
  background-color: #BACCDF;
  color: #527EAF;
}

.label.important {
  background-color: #c43c35;
}
.label.warning {
  background-color: #f89406;
}
.label.success {
  background-color: #46a546;
}
.label.notice {
  background-color: #62cffc;
}

/* Media grid - images, thumbnails
----------------------------------------------- */
.media-grid {
  margin-left: 0px;
  margin-bottom: 10px;
  zoom: 1;
}
.media-grid:before, 
.media-grid:after {
  display: table;
  content: "";
  zoom: 1;
}
.media-grid:after {
  clear: both;
}
ul.media-grid {
  margin-bottom: 10px;
}
.media-grid li {
  display: inline;
}
.media-grid a {
  float: left;
  padding: 4px;
  margin: 0 8px 0px 0;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
.media-grid a img {
  display: block;
}
.media-grid a:hover {
  border-color: #eee;
  -webkit-box-shadow: 0 1px 4px rgba(133, 182, 82, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(133, 182, 82, 0.25);
  box-shadow: 0 1px 4px rgba(133, 182, 82, 0.25);
}