/* FONTS EMBEDDING */
@font-face {
	font-family: 'Novecentowide-Bold';
	src: url('../fonts/novecentowide-bold.eot');
	src: url('../fonts/novecentowide-bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/novecentowide-bold.woff') format('woff'),
		 url('../fonts/novecentowide-bold.ttf') format('truetype'),
		 url('../fonts/novecentowide-bold.svg#novecentowide-bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'Harabara';
	src: url('../fonts/Harabara.eot');
	src: local('Harabara'), url('../fonts/Harabara.woff') format('woff'), url('../fonts/Harabara.ttf') format('truetype');
}

.harabara{
	font-family: 'Harabara' !important;
	text-transform: none;
	font-size: 1.1em;
	letter-spacing: 0.05em;
	font-weight: normal;
	text-transform: lowercase;
}

/* DEFAULT STYLES */
body {
	/* letter-spacing: -1px; */
	padding-top: 100px;
}

p { margin: 15px 0; }

h1, h2, h3, #footer .widget-title > * {
	font-family: 'Novecentowide-Bold', 'Ariab Black', Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -1px;
	text-transform: uppercase;
}
.page-title > *, #footer .widget-title > * {
	background: #6e6e6e;
	padding: 8px 30px 12px 28px;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
}

.page-title-twitch > *, #footer .widget-title > * {
	background: #6441A5;
	padding: 8px 30px 12px 28px;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
}

.page-title a:hover { color: #fff; text-decoration: none; }
h2, h3 { font-size: 20px; line-height: 24px; }

.donate-button {
	color: #000 !important;
	background: #fff100;
	padding: 10px;
	/*
	border:1px solid #2f353e;


	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	*/
	}
.donate-button:hover {

	color: #fff !important;
	}


.test-button {
	color: #ffff00 !important;
	background: #2f353e;
	 padding: 18px;
	border:0px;
    font-size: 20px;
	}

a { outline: none !important; }

.portfolio-items a dt img, .store-items a dt img, #header a, .social-profiles a img, .connect a img, #copyright a img   {
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}


.default-button {
	color: #fff !important;
	background: #6e6e6e;
	padding: 3px 10px 4px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.default-button:hover {
	color: #fff100 !important;
	background: #2f353e !important;
	padding: 3px 10px 4px 10px;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	}



/* HEADER */
#header {
	background: #2f353e;
	padding: 28px 0 26px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
}
#logo img { float: left; display: block; }

#header nav ul { float: right; margin: 6px 0 0; }
#header nav li {
	list-style-type: none;
	float: left;
	margin-left: 40px;
	}
#header a {
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -1px;
}
#header a:hover, #header .current-menu-item a { color: #a5a5a5; text-decoration: none; }

.select-menu { display: none; }



#slider { overflow: hidden; }
#slider h1 {
	padding: 0;
	background: none;
	position: absolute;
	top: 44px;
	left: 0;
	right: 0;
	color: #fff;
	font-size: 60px;
	line-height: 65px;
	margin: 0 100px;
	text-align: center;
}



/* CONTENT */
body > article { border-bottom: #dfdfdf 1px solid; padding-top: 80px; }
body > article:first-of-type {padding-top: 130px; }
body > article:last-of-type {border-width:0; }
article.even { background: #fff; }

.page { text-align: center; }

.page-title, #footer .widget-title {
	text-align: center;

	position: relative;
	/*background: url("../img/title-arrow.png") center 100% no-repeat;*/
}

/*Create down arrow using css*/
.page-title:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #6e6e6e;
	border-width: 10px;
	margin-left: -10px;
	padding-bottom: 17px;
}

.page-title h1 { min-width: 190px; }
.page-title h1, #footer .widget-title > * { margin: 0; }

.pull-right { float: right; }
.pull-left { float: left; }

.modal {
    /*width: 100%;*/
	display: none;
	text-align: left;
	background: #fff;
	overflow-y: auto;
	overflow-x: none;
	-webkit-overflow-scrolling: touch;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.modal-header {
	height: 70px;
	background: #fff100;
	overflow: hidden;


	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	}
.modal-header .close {
	width: 34px;
	height: 34px;
	background: url("../img/close.png");
	text-indent: -999px;
	overflow: hidden;
	margin: 17px 22px 0 0;
	opacity: 0.5;
}
.modal-header .close:hover { opacity: 1; }
.modal-body {
	font-size: 18px;
	line-height: 25px;
	padding: 15px 20px;
}
.modal-body h1 { margin-top: 10px; }
.modal-body .meta { float: right; color: #8f8f8f; margin-top: 0; width: 25%; }
.modal-body .meta li { list-style-type: none; border-top: #e9e9e9 1px dashed; padding: 5px 0; padding-bottom: 0;}
.modal-body .meta li:first-child { border: none; padding-top: 0; }

.select-store {
		display: inline-block;
		margin-top: 0px;
		width: 150px;
	}


input[type="submit"] {
	color: #fff !important;
	background: #6e6e6e;
	padding: 3px 100px 4px 100px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

input[type="submit"]:hover {
	color: #fff100 !important;
	background: #2f353e !important;
	padding: 3px 100px 4px 100px;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.button-store {
	color: #fff !important;
	background: #6e6e6e;
	padding: 3px 100px 4px 100px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.button-store:hover {
	color: #fff100 !important;
	background: #2f353e !important;
	padding: 3px 100px 4px 100px;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	}

 @media (max-width: 480px) {

        .modal {
            height: 500px; /* Set a default max height of the modal (adjusted later)*/
            position: fixed; /* Display modal in the centre of your screen */
            overflow-y: scroll; /*  Ensure that the modal is scroll-able */
            -webkit-overflow-scrolling: touch; /* Avoid having to use 2 finger scroll on iOS    */
        }
        .modal.fade.in{
            top: 5px; /* Use more screen real estate */
        }
        .modal-body{
            /* Increase the max height of the modal body to try & avoid both it,
             * and the modal container having scroll bars which results in odd behavior */
            max-height: 2400px;
        }

		.modal-body .meta { float: left; color: #8f8f8f; margin-top: 0; width: 100%; }
		.modal-body .meta li { list-style-type: none; border-top: #e9e9e9 1px dashed; padding: 5px 0; margin-left: -40px; }
		.modal-body .meta li:first-child { border: none; padding-top: 0;}
		.modal-body .meta li:last-child { border-bottom: #e9e9e9 1px dashed;}
    }


    /* Now adjust the height so it handles various screen sizes & orientations */
    /* You could make this as granular as you like, or have it more granular at common screen sizes
     * but it should start at the height we set on .modal (i.e. 500px) & work down */
    @media (max-width: 480px) and (max-height: 500px){.modal{ height: 450px}}
    @media (max-width: 480px) and (max-height: 450px){.modal{ height: 400px}}
    @media (max-width: 480px) and (max-height: 400px){.modal{ height: 350px}}
    @media (max-width: 480px) and (max-height: 350px){.modal{ height: 300px}}
    @media (max-width: 480px) and (max-height: 300px){.modal{ height: 250px}}
    @media (max-width: 480px) and (max-height: 250px){.modal{ height: 200px}}
    @media (max-width: 480px) and (max-height: 200px){.modal{ height: 150px}}
	@media (max-width: 568px) and (max-height: 300px){.modal{ height: 250px}}



/* WIDGETS */
article .widget-area { border-top: #e9e9e9 1px dashed; margin-top: 67px; }

article .widget-area .widget:first-child { border-left: #e9e9e9 1px dashed; }
article .widget-area .widget { border-right: #e9e9e9 1px dashed; }

.widget { font-size: 18px; line-height: 25px; }

.widget-teaser { padding-top: 32px; }
.widget-teaser .widget-title { margin: 30px 0 54px; }
.widget-teaser img { margin: 0 auto; display: block; }
.widget-teaser .widget-content { padding: 52px 15px; border-top: #e9e9e9 1px dashed; }

#footer .widget { margin-bottom: 40px; }
#footer .widget-title { background-image: url("../img/title-arrow-2.png"); padding-bottom: 10px; }
#footer .widget-title > * {
	background: #24282f;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

#footer .widget-flickr .widget-content { padding: 0; overflow: hidden; }
.widget-flickr .widget-content > div { width: 110%; overflow: hidden; }
.flickr_badge_image img {
	display: block;
	width: 80px;
	height: 80px;
	float: left;
	margin: 30px 30px 0 0;
}

.tweet_list { margin: 0; padding: 25px 0 0; }
.tweet_list li { list-style-type: none; margin-bottom: 18px; }
.tweet_list a { color: #a6a6a6; }

.width-25 { width: 25%; float: left; }
.width-33 { width: 33.1%; float: left; }
.width-50 { width: 49%; float: left; }

/* STORE */
.store-items{ margin: 76px 0 39px; }
.store-items dl
{
	margin-top: 0;
	margin-bottom: 39px;
	box-shadow: 0px 0px 10px 2px #e4e4e4;
	background-color: #e4e4e4;
	background: url(noise.png) repeat;
}
.store-items dd
{
	margin: 0;
	background: #fff;
	text-align: center;
	font-size: 20px;
	padding: 16px 0 17px;


}
.store-items a { color: #8f8f8f; }
.store-items dt img { opacity: 1;}
.store-items dt {height:210px; width:300; margin-top: 30px;}
.store-items a:hover dt img { opacity: 0.7; }

.store-items dd img{
float:left;
margin-left: 10px;
margin-top: -10px;
}

/* PORTFOLIO & STAFF */
.portfolio-items, .staff-items { margin: 76px 0 39px; }
.portfolio-items dl, .staff-items dl {
	margin-top: 0;
	margin-bottom: 39px;
	box-shadow: 0px 0px 10px 2px #e4e4e4;
	background-color: #e4e4e4;
	background: url(noise.png) repeat;
	}
.portfolio-items dd, .staff-items dd {
	margin: 0;
	background: #fff;
	text-align: center;
	font-size: 20px;
	padding: 16px 0 17px;

}
.portfolio-items a, .staff-items a { color: #8f8f8f; }
.portfolio-items dt img, .staff-items dt img { width: 100%; opacity: 1; }
.portfolio-items a:hover dt img { opacity: 0.7; }
.staff-items dd { padding: 18px 0 16px; font-size: 17px; color: #ccc9ba; }
.staff-items dd h3 { margin: 0; color: #666; }
.staff-items p { margin-top: 4px; margin-bottom: 19px; }

.portfolio-items dd img{
float:left;
margin-left: 10px;
margin-top: -10px;
}

.social-profiles {
	overflow: hidden;
	text-align: center;
	padding: 13px 0 0;
	margin-bottom: 0;
	border-top: #e0e0e0 1px dashed;
}
.social-profiles li { list-style-type: none; display: inline-block; margin: 0 6px; }
.social-profiles a:hover img { opacity: 0.7; }

.connect { overflow: hidden; margin: 82px 0 75px; padding: 0;  }
.connect a:hover img { opacity: 0.7; }
.connect li { list-style-type: none; float: left;  width: 82px; margin: 0 44px; }
.connect li:first-child { margin-left: 0; }
.connect li:last-child { margin-right: 0; }

.client-items { margin: 78px 0 23px; }
.client-items img { display: block; margin: 0 auto 55px; }
.client-items a:hover img { opacity: 0.7; }


/* CONTACT */
#map {
	margin: 54px 0 44px;
	display: block;
	width: 100%;
	height: 490px;
	max-width: 100%;
	border: none;
}
#map img { max-width: none; }

.address { text-align: left; font-size: 18px; line-height: 25px; }
.address p { margin: 25px 0; }
.address form { margin: 30px 0 70px; }

/* ---original
input[type="submit"] {
	font-family: 'Novecentowide-Bold', 'Ariab Black', Arial, Helvetica, sans-serif;
	font-size: 25px;
	background: #ffff00;
	color: #000;
	border: none;
	padding: 8px 38px 12px 36px;
}
*/
.default-submit{
	font-family: 'Novecentowide-Bold', 'Ariab Black', Arial, Helvetica, sans-serif;
	font-size: 25px;
	background: #fff100;
	color: #000;
	border: none;
	padding: 8px 38px 12px 36px;
}

.span-center{
	margin: 0 auto;
	/*width: 10%;*/
	float: none;
}

input[type="text"], textarea {
	background: #fff;
	font-size: 20px;
	display: block;
	width: 100%;
	border: none;
	box-shadow: none;
	height: 60px;
	line-height: 58px;
	padding: 0;
	text-indent: 18px;
	margin: 0 0 18px;
}
textarea {
	line-height: 24px;
	padding: 18px;
	width: 100%;
	text-indent: 0;
}
.textarea-container { margin: 0 18px; }
.textarea-container textarea { margin-left: -18px; }
/*#contact textarea { width: 344px; height: 100px; }*/

select {
	background: #fff;
	font-size: 20px;
	display: block;
	width: 100%;
	border: none;
	box-shadow: none;
	height: 60px;
	line-height: 58px;
	padding: 0;
	text-indent: 18px;
	margin: 0 0 18px;
}
input[type="date"] {
	background: #fff;
	font-size: 20px;
	display: block;
	width: 100%;
	border: none;
	box-shadow: none;
	height: 60px;
	line-height: 58px;
	padding: 0;
	text-indent: 18px;
	margin: 0 0 18px;
}

div.upload{
	background: #fff;
	font-size: 20px;
	display: block;
	width: 100%;
	border: none;
	box-shadow: none;
	height: 60px;
	line-height: 58px;
	padding: 0;
	text-indent: 18px;
	margin: 0 0 18px;
}

input[type="file"] {
	background: #fff;
	font-size: 20px;
	display: block;
	width: 100%;
	border: none;
	box-shadow: none;
	height: 60px;
	line-height: 58px;
	padding: 0;
	text-indent: 18px;
	margin: 0 0 18px;
}

/* FOOTER */
#footer {
	background: #2f353e;
	color: #fff;
	padding-top: 40px;
	}
#footer p { margin: 25px 0; }
#copyright {
	background: #24282f;
	padding: 20px 0 0;
	height: 80px;
	color: #d5d5d5;
	font-weight: bold;
	font-size: 15px;
	line-height: 62px;
}
#copyright img { display: block; }
#copyright a:hover img { opacity: 0.7; }


.hosting{
	color: #fff;
	float: left;
	position: absolute;
	padding-top: 18px;
	font-size: 10pt;
	font-weight: normal;
}

.hosting a{
	color: #fff;
	font-size: 10pt;
	font-weight: normal;
}

.sponsor > *{
	background: #6e6e6e;
	padding: 8px 0px 12px 0px;
	display: inline-block;
	text-align: center;
	margin-bottom: 10px !important;
}

.gold{
	color: #fff100;
}

.silver{
	color: #f2f2f2;
}

.bronze{
	color: #f7931e;
}

.sponsor h1 { min-width: 190px; }
.sponsor h1 { margin: 0; }

.sponsorline {
	height: 10px;
	width: 100%;
	margin-top: -40px;
	margin-bottom: 40px;
	background-color: #f2f2f2;
	/*
	background: rgba(110,110,110,1);
	background: -moz-linear-gradient(left, rgba(110,110,110,1) 0%, rgba(110,110,110,1) 31%, rgba(0,0,0,1) 50%, rgba(110,110,110,1) 70%, rgba(110,110,110,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(110,110,110,1)), color-stop(31%, rgba(110,110,110,1)), color-stop(50%, rgba(0,0,0,1)), color-stop(70%, rgba(110,110,110,1)), color-stop(100%, rgba(110,110,110,1)));
	background: -webkit-linear-gradient(left, rgba(110,110,110,1) 0%, rgba(110,110,110,1) 31%, rgba(0,0,0,1) 50%, rgba(110,110,110,1) 70%, rgba(110,110,110,1) 100%);
	background: -o-linear-gradient(left, rgba(110,110,110,1) 0%, rgba(110,110,110,1) 31%, rgba(0,0,0,1) 50%, rgba(110,110,110,1) 70%, rgba(110,110,110,1) 100%);
	background: -ms-linear-gradient(left, rgba(110,110,110,1) 0%, rgba(110,110,110,1) 31%, rgba(0,0,0,1) 50%, rgba(110,110,110,1) 70%, rgba(110,110,110,1) 100%);
	background: linear-gradient(to right, rgba(110,110,110,1) 0%, rgba(110,110,110,1) 31%, rgba(0,0,0,1) 50%, rgba(110,110,110,1) 70%, rgba(110,110,110,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e6e6e', endColorstr='#6e6e6e', GradientType=1 );
	*/
}

.sponsor:before{
	border: solid transparent;
	content: " ";
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-color: #6e6e6e #6e6e6e #6e6e6e transparent ;
	border-width: 25px;
	margin-left: -50px

}
.sponsor:after{
	border: solid transparent;
	content: " ";
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-color: #6e6e6e transparent #6e6e6e #6e6e6e;
	border-width: 25px;

}




















@media (min-width: 768px) and (max-width: 979px) {
	#header nav li {
		margin-left: 8px;
	}



	#slider h1 { font-size: 42px; line-height: 48px; top: 34px; }
	.flex-control-nav { bottom: 36px; }

	#simplemodal-overlay, #simplemodal-container { display: none !important; }

	.connect li { margin: 0 22px; }

	#contact textarea { width: 254px; }
}
@media (max-width: 767px) {
	body { padding: 0; }

	#header { position: relative; }

	.container {
		margin: 0 20px;
	}

	#logo img { float: left; margin-top:24px; }
	.select-menu {
		display: block;
		margin-top: 12px;
		width: 100%;
		padding: 1px 0 0;
	}
	.store-items{ margin: 76px 0 39px; }
	.store-items dl
	{
		margin-top: 0;
		margin-bottom: 39px;
		padding-top: 39px;
		box-shadow: 0px 0px 10px 2px #e4e4e4;
	}

	.sticker {
		margin-top: 0;
		margin-bottom: 50px !important;
		padding-top: 50px !important;
	}

	.store-items dt {
		height: 240px;
		width: 300;
		margin-top: 0;
	}


	#slider h1 {
		font-size: 26px;
		line-height: 30px;
		top: 36px;
		margin: 0;
	}
	.flex-control-nav { bottom: 20px; }

	article .widget-area { margin: 40px 0 30px; }
	.widget-teaser .widget-title { margin-top: 16px; }
	article .widget, .widget-teaser .widget-content, article .widget-area { border: none !important; }

	.width-25 { width: 100%; }
	.width-33 { width: 100%; }
	.width-50 { width: 100%; }

	.widget-teaser .widget-title { margin-bottom: 20px; }
	.widget-teaser .widget-content { border-bottom: #e9e9e9 1px dashed; border-top: none; padding-top: 0; }

	#contact textarea { max-width: 100%; }

	.connect { text-align: center; }
	.connect li, .connect li:first-child, .connect li:last-child { margin: 10px; display: inline-block; float: none; }

	#header nav { display: none; }

}


@media (max-width: 480px) {
	#slider h1 { font-size: 16px; line-height: 20px; top: 16px; }
	.flex-control-nav { bottom: 10px; }
	.modal { max-height: 596px;}

	.store-items{ margin: 76px 0 39px; }
	.store-items dl
	{
		margin-top: 0;
		margin-bottom: 39px;
		padding-top: 39px;
		box-shadow: 0px 0px 10px 2px #e4e4e4;
	}

	.sticker {
		margin-top: 0;
		margin-bottom: 50px !important;
		padding-top: 50px !important;
	}

	.store-items dt {
		height: 240px;
		width: 300;
		margin-top: 0;
	}
}

.center
{
margin-right: auto;
margin-left: auto;
}





#swipe {
	  padding:0;
	  margin:0 10px 10px 10px;
	  margin-left: auto;
	  margin-right: auto;

	  border-bottom:1px solid #000;
	  border-top:0;

	  width:40em;
	  font-family: 'Novecentowide-Bold', 'Ariab Black', Arial, Helvetica, sans-serif;
	  }

	#swipe li {
	  clear:left;

	  margin:0;
	  padding:0;

	  cursor:pointer;
	  list-style:none;

	  border-bottom:1px solid #8B8B8B;
	  background-color:#fff;

	  vertical-align:middle;
	  text-align:right;



	  height:2em;
	  line-height:2em;

	}

	#swipe li span {

	  float:left;
	  margin-left:5px;
	  text-overflow: ellipsis;
	  width: 40%;
	  text-align: left;
	  white-space: nowrap;
	  overflow:hidden;
	}

	#swipe .swipe-desc
	{
		color: #AAA9A9;
		width: 70%;
		height: 60px;
		overflow: hidden;
		position: absolute;
		margin-top: 34px;
		margin-left: 132px;
		font-size: 14pt;
		line-height: 1;
		text-align: left;
		text-overflow: ellipsis;
	}

	#swipe .myapp-delete {
	  border:0px solid #000;
	  border-collapse: collapse;
	  background-color:#fe3c31;
	  color:#fff;
	  font-weight:normal;
	  font-size: 18pt;

	  margin-right: 0;
	  width: 100px;
	  height: 100%;

	}

	#swipe .myapp-edit {
	  border:0px solid #000;
	  border-collapse: collapse;
	  background-color:#c7c6cb;
	  color:#fff;
	  font-weight:normal;
	  font-size: 18pt;

	  margin-right: -5px;
	  width: 100px;
	  height: 100%;

	}

	#swipe img {
		float: left;
		height: 100px;
	}


	#swipe {
	  padding:0;
	  margin:0;
	  width:100%;
	}

	#swipe li {
	  margin:0px;
	  height:100px;

	}


	#swipe .myapp-delete{
	  height:100%;
	  line-height:2em;
	}

	#swipe .myapp-edit{
	  height:100%;
	  line-height:2em;
	}

	#yui3-css-stamp.cssfonts{
	  display:none}







/*slide to delete for smaller devices*/
@media (max-width: 768px) {
	#swipe {
	  padding:0;
	  margin:0 10px 10px 10px;
	  margin-left: auto;
	  margin-right: auto;

	  border-bottom:1px solid #000;
	  border-top:0;

	  width:40em;
	  font-size: 12pt;
	  font-family: 'Novecentowide-Bold', 'Ariab Black', Arial, Helvetica, sans-serif;
	  }

	#swipe li {
	  clear:left;

	  margin:0;
	  padding:0;

	  cursor:pointer;
	  list-style:none;

	  border-bottom:1px solid #ccc;
	  background-color:#fff;

	  vertical-align:middle;
	  text-align:right;

	  overflow:hidden;

	  height:2em;
	  line-height:2em;

	}

	#swipe li span {

	  float:left;
	  margin-left:5px;
	  text-overflow: ellipsis;
	  width: 40%;
	  text-align: left;
	  white-space: nowrap;
	  overflow:hidden;
	}

	#swipe .swipe-desc
	{
		display: none;
	}

	#swipe .myapp-delete {
	  border:0px solid #000;
	  border-collapse: collapse;
	  background-color:#fe3c31;
	  color:#fff;
	  font-weight:normal;
	  font-size: 12pt;
	  padding: 0 0 5px;
	  margin-right: 0;
	  width: 60px;
	  height: 100%;
	  margin-top: -4px;
	}

	#swipe .myapp-edit {
	  border:0px solid #000;
	  border-collapse: collapse;
	  background-color:#c7c6cb;
	  color:#fff;
	  font-weight:normal;
	  font-size: 12pt;
	  padding: 0 0 5px;
	  margin-right: -5px;
	  width: 60px;
	  height: 100%;
	  margin-top: -4px;
	}

	#swipe .myapp-hidden {
	  visibility:hidden;
	}

	#swipe {
	  padding:0;
	  margin:0;
	  width:100%;
	}

	#swipe li {
	  margin:0px;
	  height:3em;
	  line-height:3em;
	}

	#swipe img {
		float: left;
		height: 48px;
	}

	#swipe .myapp-delete{
	  height:100%;
	  line-height:2em;
	}

	#swipe .myapp-edit{
	  height:100%;
	  line-height:2em;
	}

	#yui3-css-stamp.cssfonts{
	  display:none}
}