@charset "utf-8";
/* Default element and class styles */

/*### Elements ###*/

/* destroy most elements' styles (listed below) */
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

body {
	font: 14px arial;
	text-align: left;
}

h1, h2, h3, h4, h5, h6, h7, h8, p {
	margin: 0 0 15px;
}


/*### Classes ###*/

/*--- element styles ---*/
.left			{ float: left }
.right			{ float: right }
.center			{ margin: 0 auto }
.clear			{ clear: both }
.show			{ display: block }
.hide			{ display: none }
.ninja			{ visibility: hidden }
.inline-block	{ display: inline-block }
.cursor-pointer	{ cursor: pointer }

/*--- font styles ---*/
.font-normal	{ font-weight: normal }
.font-bold	{ font-weight: bold }
.font-italic	{ font-style: italic }
.font-xsmall	{ font-size: 0.7em }
.font-small	{ font-size: 0.9em }
.font-xmedium	{ font-size: 1.2em }
.font-large	{ font-size: 1.4em }
.font-xlarge	{ font-size: 1.8em }
.font-xxlarge	{ font-size: 2.4em }

/*--- text alignment ---*/
.text-center		{ text-align: center }
.text-left		{ text-align: left }
.text-right		{ text-align: right }

/*--- text formatting ---*/
.text-underline	{ text-decoration: underline }
.text-caps		{ text-transform: capitalize }
.text-uc			{ text-transform: uppercase }
.text-lc			{ text-transform: lowercase }
.text-nodecor	{ text-decoration: none }

/*--- list formatting ---*/
ul.list-nostyle, ol.list-nostyle { list-style: none }
ul.list-linear > li, ol.list-linear > li { float: left }

/*--- width formatting ---*/
.width-1{width:1%} .width-2{width:2%} .width-3{width:3%} .width-4{width:4%} .width-5{width:5%} .width-6{width:6%} .width-7{width:7%} .width-8{width:8%} .width-9{width:9%} .width-10{width:10%}
.width-11{width:11%} .width-12{width:12%} .width-13{width:13%} .width-14{width:14%} .width-15{width:15%} .width-16{width:16%} .width-17{width:17%} .width-18{width:18%} .width-19{width:19%} .width-20{width:20%}
.width-21{width:21%} .width-22{width:22%} .width-23{width:23%} .width-24{width:24%} .width-25{width:25%} .width-26{width:26%} .width-27{width:27%} .width-28{width:28%} .width-29{width:29%} .width-30{width:30%}
.width-31{width:31%} .width-32{width:32%} .width-33{width:33%} .width-34{width:34%} .width-35{width:35%} .width-36{width:36%} .width-37{width:37%} .width-38{width:38%} .width-39{width:39%} .width-40{width:40%}
.width-41{width:41%} .width-42{width:42%} .width-43{width:43%} .width-44{width:44%} .width-45{width:45%} .width-46{width:46%} .width-47{width:47%} .width-48{width:48%} .width-49{width:49%} .width-50{width:50%}
.width-51{width:51%} .width-52{width:52%} .width-53{width:53%} .width-54{width:54%} .width-55{width:55%} .width-56{width:56%} .width-57{width:57%} .width-58{width:58%} .width-59{width:59%} .width-60{width:60%}
.width-61{width:61%} .width-62{width:62%} .width-63{width:63%} .width-64{width:64%} .width-65{width:65%} .width-66{width:66%} .width-67{width:67%} .width-68{width:68%} .width-69{width:69%} .width-70{width:70%}
.width-71{width:71%} .width-72{width:72%} .width-73{width:73%} .width-74{width:74%} .width-75{width:75%} .width-76{width:76%} .width-77{width:77%} .width-78{width:78%} .width-79{width:79%} .width-80{width:80%}
.width-81{width:81%} .width-82{width:82%} .width-83{width:83%} .width-84{width:84%} .width-85{width:85%} .width-86{width:86%} .width-87{width:87%} .width-88{width:88%} .width-89{width:89%} .width-90{width:90%}
.width-91{width:91%} .width-92{width:92%} .width-93{width:93%} .width-94{width:94%} .width-95{width:95%} .width-96{width:96%} .width-97{width:97%} .width-98{width:98%} .width-99{width:99%} .width-100{width:100%}

/*--- fancy styles ---*/
.box-shadow {
	box-shadow: 1px 1px 5px #000000;
	-moz-box-shadow: 1px 1px 5px #000000;
	-webkit-box-shadow: 1px 1px 5px #000000;
}

.round-corners {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.btn {
	background-image: -moz-linear-gradient(top, #ffffff, #e3e3e3);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e3e3e3));
	background-image: -ms-linear-gradient(top, #ffffff, #e3e3e3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3');
	background-color: #ffffff;
	color: #666666;
	text-decoration: none;
	text-shadow: -1px -1px #cccccc, 1px 1px #ffffff;
	border: 1px solid #cccccc;
	padding: 5px 15px;
	margin: 5px;
	cursor: pointer;
}
.btn:hover {
	background-image: -moz-linear-gradient(top, #e3e3e3, #cccccc);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#e3e3e3), to(#cccccc));
	background-image: -ms-linear-gradient(top, #e3e3e3, #cccccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#cccccc');
	background-color: #cccccc;
}



body {
	background-color: #ffffff;
	color: #666666;
	font-size: 16px;
}

h1, h2, h3, h4, h5, h6, h7, h8 {
	font-family: 'Roboto', sans-serif;
}

h3 {
	font-size: 28px;
	font-weight: 700;
	margin: 40px 0 20px;
}

h4 {
	font-size: 18px;
	font-weight: 700;
	margin: 40px 0 20px;
}

p {
	line-height: 1.2em;
}

.wrap {
	width: 1000px;
	margin: 0 auto;
}

.btn-green {
	background-image: -moz-linear-gradient(top, #a4d256, #84be35);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#a4d256), to(#84be35));
	background-image: -ms-linear-gradient(top, #a4d256, #84be35);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d256', endColorstr='#84be35');
	background-color: #a4d256;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px #658b2c;
	padding: 5px 15px;
	margin: 5px;
	cursor: pointer;
}
.btn-green:hover {
	background-image: -moz-linear-gradient(top, #84be35, #84be35);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#84be35), to(#84be35));
	background-image: -ms-linear-gradient(top, #84be35, #84be35);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84be35', endColorstr='#84be35');
	background-color: #84be35;
}

.btn-yellow {
	background-image: -moz-linear-gradient(top, #fbd310, #ffc406);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fbd310), to(#ffc406));
	background-image: -ms-linear-gradient(top, #fbd310, #ffc406);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbd310', endColorstr='#ffc406');
	background-color: #fbd310;
	color: #333;
	text-decoration: none;
	text-shadow: 1px 1px #fff;
	padding: 5px 15px;
	margin: 5px;
	cursor: pointer;
}
.btn-yellow:hover {
	background-image: -moz-linear-gradient(top, #ffc406, #ffc406);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffc406), to(#ffc406));
	background-image: -ms-linear-gradient(top, #ffc406, #ffc406);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc406', endColorstr='#ffc406');
	background-color: #ffc406;
}



[class*="-ok "],[class$="-ok"] { color: #52ba9b }
[class*="-no "],[class$="-no"] { color: #ef4846 }
[class*="-or "],[class$="-or"] { color: #ffcf08 }
[class*="-misc "],[class$="-misc"] { color: #29abe1 }
[class*="-inactive "],[class$="-inactive"] { color: #ccc }

body {
	background: #f5f5f5;
}

#dashboard {
	background: #fff;
}

#logo {
	padding: 10px 20px;
	float: left;
}

#dashboard nav {
	font: 500 0.9em 'roboto';
	float: right;
}

#dashboard nav a {
	color: #666;
	padding: 25px 15px;
	text-decoration: none;
	display: inline-block;
}

#dashboard nav a:hover,
#dashboard nav a.active {
	color: #ffcf09;
}

#dashboard nav a.buy {
	background: #ffcf09;
}

#dashboard nav a.buy:hover {
	background: #e5b909;
	color: #666;
}

#footer {
	background: #ffcf09;
	color: #333;
	font-family: 'roboto';
	text-align: center;
	padding: 20px 0 40px
}

#footer a {
	color: #333;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer p {
	font-weight: 300;
	padding: 10px 0 0;
}

#footer nav a {
	font-size: 0.9em;
	font-weight: 700;
	padding: 0 10px;
}

.breadcrumbs {
	color: #999;
	font: 300 1.3em 'roboto';
	margin: 0 0 30px;
}

.breadcrumbs .active {
	color: #666;
	text-decoration: underline;
}

.breadcrumbs .fa-caret-right {
	padding: 0 0 0 10px;
}

.box {
	margin: 30px auto 60px;
}

.input-bit input[type=text],
.input-bit input[type=password],
.input-bit textarea {
	font: 1em arial;
	padding: 8px 10px;
	border: 1px solid #999;
}