/* Envato Mobile v2 CSS */
/* Developed by Hag Designs */
body {
	background: #ebebeb;
	color: #2a2a2a;
	font-family: Helvetica;
}

body.fullscreen .info {
	display: none;
}

a { 
	text-decoration: none; 
	color: #2a2a2a;
	display: block;
}

a img { border: none; }

p {
	margin-bottom: 14px;
}

sup {
	font-size: 10px;
}

p#poweredBy {
	text-align: center;
}

/* Layout */
.toolbar {
	background: url(../images/design/toolbar.png) repeat-x;
	height: 45px;
}

.toolbar h1#logo {
	background: url(../images/design/logo.png) no-repeat;
	margin: none;
	text-indent: -9999px;
	width: 153px;
}

.subToolbar {
	background: url(../images/design/sub-toolbar.png) repeat-x;
	color: #fff;
	height: 25px;
	font-size: 20px;
	padding: 7px 5px 5px ;
	text-shadow: 0px 1px 0px #496f1c;
}

.info {
	background: url(../images/design/green-gradient.png) repeat-x;
	border-top: 1px solid #a8cf65;
	border-bottom: 1px solid #61783f;
	color: #fff;
	padding: 10px 5px 6px ;
	text-shadow: 0px 1px 0px #496f1c;
}

.clear { clear: both; }

.page {
	height: 100%;
}

div.loading {
	font-size: 18px;
	font-weight: bolder;
	margin-top: 50px;
	padding: 20px;
	text-align: center;
	text-shadow: 0px 1px 0px #fff;
}

/* Small Item Line */
.line { 
	background: #d8d8d8; 
	border-bottom: 1px solid #bcbcbc;
	border-top: 1px solid #efefef; 
	padding: 10px 5px;
	text-shadow: 0 1px 0 #FFFFFF;
	clear: both;
}

/* Account Username Line */
div#username {
	padding: 5px;
}

div#username img {
	float: none !important;
}

div#username img, .thumbnail {
	width: 40px;
	height: 40px;
	vertical-align: middle;
	margin-right: 5px;
	float: left;
	
	/* CSS3 */
	-moz-box-shadow: 0px 1px 2px #666;
	-webkit-box-shadow: 0px 1px 2px #666;
}

div#username span {
	padding-top: 2px;
}

.icon { vertical-align: text-top; margin-right: 5px; float: left; }

.right {
	float: left;
}

.left {
	float: left;
}

.subText {
	color: #6a6a6a;
	font-size: 14px;
	padding-top: 4px; 
}

/* Large Item Line */
.homeButton { 
	background: #d8d8d8 url(../images/design/line-gradient.png) bottom repeat-x !important; 
	border-bottom: 1px solid #bcbcbc;
	border-top: 1px solid #efefef;
	padding: 10px 0 !important;
	text-shadow: 0 1px 0 #FFFFFF;
}

.homeButton h4 {
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 22px;
}

.homeButton span {
	text-transform: uppercase;
	color: #7c7c7c !important;
	font-weight: bold;
}

.homeButton a {
	display: block;
	padding: 10px 5px !important;
}

.small{
	padding: 17px 0 12px !important;
}

/* Item Heading */
.itemHeader {
	background: #C6C6C6; 
	border-bottom: 1px solid #a1a1a1;
	border-top: 1px solid #EFEFEF; 
	color: #2a2a2a;
	font-weight: bold;
	padding: 18px 15px 15px 5px;
	text-shadow: 0 1px 0 #EFEFEF;
	text-transform: uppercase;
}

/* Buttons */
.button, .back, .cancel, .add {
    position: absolute;
    overflow: hidden;
    top: 8px;
    right: 10px;
    margin: 0;
    border-width: 0 5px;
    padding: 0 3px;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    background: none;
    -webkit-border-image: url(../images/design/button.png) 0 5 0 5;
}

.logout {
	right: 65px;
}

/* Lists */
ul li.arrow a{
    background-image: url(../images/design/chevron.png);
    background-position: right center;
    background-repeat: no-repeat;
}

ul.plastic {
    background: #D8D8D8;
    margin: 0;
    padding: 0;
    border-width: 0 0 1px 0;
}
ul.plastic li {
	background: #d8d8d8 url(../images/design/line-gradient.png) top repeat-x; 
    border-bottom: 1px solid #aeaeae;
    border-top: 1px solid #EFEFEF;
    list-style-type: none;
    overflow: hidden;
 	padding: 10px 5px;
    text-shadow: 0 1px 0 #f8f8f8;
}


ul li a.active {
	color: #f8f8f8;
	text-shadow: 0 1px 0 #2a2a2a;
}

/*
ul.plastic li a.active.loading {
    background-image: url(../images/design/loading.gif);
    background-position: 95% center;
    background-repeat: no-repeat;
}
*/

/* Forms */
ul li{
	list-style-type: none;
}

input, select {
	font-size: 16px;
	margin-right: 5px;
	padding: 5px;
	width: 295px;
}

body.landscape input {
	width: 455px;
}

ul#searchForm p, form ul p {
	margin-bottom: 4px;
}

.formButton {
	background: url(../images/design/sub-toolbar.png) repeat-x;
	border: 1px solid #526F22;
	color: #fff;
	height: 38px;
	padding: 9px 5px 5px ;
	text-shadow: 0px -1px 0px #496f1c;
	width: 305px !important;
	
	/* CSS3 */
	-moz-box-shadow: 0px 1px 0px #f8f8f8;
	-webkit-box-shadow: 0px 1px 0px #f8f8f8;
}

body.landscape .formButton {
	width: 465px !important;
}

/* Toggle */
.toggle {
    display: block;
	float: right;
	height: 27px;
    position: relative;   
    overflow: hidden;
	width: 94px;
}

.toggleLeft {
	float: left;
	padding-top: 4px;
}

.toggle input[type="checkbox"]:checked {
    left: 0px;
}
.toggle input[type="checkbox"] {
    -webkit-appearance: textarea;
    -webkit-border-radius: 5px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-transition: left .15s;
    background-color: transparent;
    background: #fff url(../images/design/on_off.png) 0 0 no-repeat;
    border: 0;
    height: 27px;
    left: -55px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 149px;
}

/* Marketplace Logos */
li.logo a{
	background: url(../images/design/logos.png) no-repeat;
	text-indent: -9999px;
}

li.logo span {
	display: none;
}

li.logo a#ocean {
	background-position: -10px -345px;
}

li.logo a#activeden {
	background-position: -10px -205px;
}

li.logo a#audiojungle {
	background-position: -10px -277px;
}

li.logo a#codecanyon {
	background-position: -10px -414px;
}

li.logo a#graphicriver {
	background-position: -10px 5px;
}

li.logo a#themeforest {
	background-position: -10px -135px;
}

li.logo a#videohive {
	background-position: -10px -64px;
}

/* Marketplace Header Styles */
.activeden, .videohive, .audiojungle, .themeforest, .codecanyon, .ocean, .graphicriver {
	text-shadow: 0px -1px 0px #222 !important;
}

.activeden, .videohive, .audiojungle, .codecanyon {
	background: url(../images/design/sub-toolbar.png) repeat-x !important;
	background-position: 0 -74px !important;
}

.activeden {
	color: #F69C20 !important;
}

.audiojungle {
	color: #F4D559 !important;
}

.themeforest {
	background: url(../images/design/sub-toolbar.png) repeat-x !important;
	background-position: 0 -148px !important;
	color: #ebd88e !important;
}

.ocean {
	background: url(../images/design/sub-toolbar.png) repeat-x !important;
	background-position: 0 -37px !important;
	color: #DDDAB9 !important;
}

.graphicriver {
	background: url(../images/design/sub-toolbar.png) repeat-x !important;
	background-position: 0 -111px !important;
	color: #8DB8CE !important;
}

.codecanyon, .videohive {
	color: #F6A03C !important;
}