* { margin:0;padding:0;border:0;outline:0 }
body { font:16px arial }
h1,h2,h3,h4,h5,h6,h7,h8,p { margin:0 }
ul, ol { margin:0;list-style:none }

.left { float:left }
.right { float:right }
.center { margin:0 auto }
.clear { clear:both }
.show { display:block }
.hide { display:none }
.invisible { visibility:hidden }

[class*="font-xs"],
[class*="font-s"] { font-size:0.75em }
[class*="font-m"],
[class*="font-xm"] { font-size:1em }
[class*="font-l"],
[class*="font-xl"],
[class*="font-xxl"] { font-size:1.5em }

.notebook [class*="font-xs"] { font-size:0.625em }
.notebook [class*="font-s"] { font-size:0.75em }
.notebook [class*="font-m"] { font-size:1em }
.notebook [class*="font-xm"] { font-size:1.25em }
.notebook [class*="font-l"] { font-size:1.5em }
.notebook [class*="font-xl"] { font-size:1.75em }
.notebook [class*="font-xxl"] { font-size:2em }

[class*="-bold"] { font-weight: bold }
[class*="-italic"] { font-style: italic }

.text-left { text-align:left }
.text-center { text-align:center }
.text-right { text-align:right }
[class*="-caps"] { text-transform: capitalize }
[class*="-uc"] { text-transform: uppercase }
[class*="-lc"] { text-transform: lowercase }
[class*="-ul"] { text-decoration: underline }

.inline,
.linear > li {
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.rc { border-radius: 0.25em }
.rc-l { border-radius: 0.375em }
.rc-xl { border-radius: 0.5em }

.shadow { box-shadow: 0 1px 5px #999 }



*[class*=" col-"],
*[class^="col-"] {
	width: 100%;
	float: left;
}

body:not(.notebook) .col-m-1 { width: 50% }

body.tablet-l:not(.notebook) .col-t-1 { width: 33.33% }
body.tablet-l:not(.notebook) .col-t-2 { width: 66.66% }

.lte_ie8 .notebook [class*=" col-"],
.lte_ie8 .notebook [class^="col-"] { float: left }
.lte_ie8 body.tablet-l:not(.notebook) .col-t-1 { width: 33.33% }
.lte_ie8 body.tablet-l:not(.notebook) .col-t-2 { width: 66.66% }

body.notebook .col-1	{ width: 8.33% }
body.notebook .col-2	{ width: 16.66% }
body.notebook .col-3	{ width: 25% }
body.notebook .col-4	{ width: 33.33% }
body.notebook .col-5	{ width: 41.66% }
body.notebook .col-6	{ width: 50% }
body.notebook .col-7	{ width: 58.33% }
body.notebook .col-8	{ width: 66.66% }
body.notebook .col-9	{ width: 75% }
body.notebook .col-10	{ width: 83.33% }
body.notebook .col-11	{ width: 91.66% }

.lte_ie8 .notebook .col-1  { width: 8.33% }
.lte_ie8 .notebook .col-2  { width: 16.66% }
.lte_ie8 .notebook .col-3  { width: 25% }
.lte_ie8 .notebook .col-4  { width: 33.33% }
.lte_ie8 .notebook .col-5  { width: 41.66% }
.lte_ie8 .notebook .col-6  { width: 50% }
.lte_ie8 .notebook .col-7  { width: 58.33% }
.lte_ie8 .notebook .col-8  { width: 66.66% }
.lte_ie8 .notebook .col-9  { width: 75% }
.lte_ie8 .notebook .col-10 { width: 83.33% }
.lte_ie8 .notebook .col-11 { width: 91.66% }

/*--- margin, padding, & borders ---*/
.no-margin              { margin: 0 }
.margin-10              { margin: 10px }
.margin-20              { margin: 20px }
.margin-top-3           { margin-top: 3px }
.margin-top-5           { margin-top: 5px }
.margin-top-7           { margin-top: 7px }
.margin-top-10          { margin-top: 10px }
.margin-top-15          { margin-top: 15px }
.margin-top-30          { margin-top: 30px }
.margin-top-100         { margin-top: 100px }
.margin-bottom-0        { margin-bottom: 0 }
.margin-bottom-5        { margin-bottom: 5px }
.margin-bottom-10       { margin-bottom: 10px }
.margin-bottom-15       { margin-bottom: 15px }
.margin-bottom-20       { margin-bottom: 20px }
.margin-bottom-30       { margin-bottom: 30px }
.margin-left-10         { margin-left: 10px }
.margin-left-20         { margin-left: 20px }
.margin-left-30         { margin-left: 30px }
.margin-left-150         { margin-left: 150px }
.margin-right-5         { margin-right: 5px }
.margin-right-10        { margin-right: 10px }
.margin-right-20        { margin-right: 20px }
.margin-right-30        { margin-right: 30px }
.margin-right-40        { margin-right: 40px }


input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
select,
textarea {
	background: #fff;
	color: #606060;
	font: 1em arial;
	padding: 7px 12px;
	border: 1px hidden;
	border-radius: 4px;
	box-shadow: 0 1px 3px #999 inset;
}

input[type="checkbox"] {
	margin-top: 10px;
	height: 20px;
	width: 20px;
}

input:focus {
	outline: none;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #f5f5f5 inset;
}

input.error,
select.error,
textarea.error {
	border: 1px solid #f44336;
}

[class^=btn],
input[type=button],
input[type=submit],
input[type=reset],
button {
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 35%, #f5f5f5 100%);
	background: -webkit-linear-gradient(top,  #fff 35%,#f5f5f5 100%);
	background: linear-gradient(to bottom,  #fff 35%,#f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f5f5f5',GradientType=0 );
	color: #909090;
	text-decoration: none;
	padding: 7px 15px;
	border-radius: 4px;
	box-shadow: 0 1px 2px #999;
	display: inline-block;
	zoom: 1;
	*display: inline;
	cursor: pointer;
}
[class^=btn]:hover,
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
button:hover {
	background: #f5f5f5;
	background: -moz-linear-gradient(top,  #f5f5f5 35%, #ddd 100%);
	background: -webkit-linear-gradient(top,  #f5f5f5 35%,#ddd 100%);
	background: linear-gradient(to bottom,  #f5f5f5 35%,#ddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ddd',GradientType=0 );
	color: #909090;
	text-shadow: 1px 1px #fff;
}
[class^=btn]:active,
[class^=btn].active {
	background: #ccc;
}


[class^=btn][class*="-s-"],
[class^=btn][class*="-s "],
[class^=btn][class$="-s"] {
	padding: 5px 12px;
}

[class^=btn][class*="-l-"],
[class^=btn][class*="-l "],
[class^=btn][class$="-l"] {
	padding: 8px 20px;
}


[class*="-inv-"],
[class*="-inv "],
[class$="-inv"] {
	background: #909090;
	color: rgb(255,255,255);
}
[class^=btn][class*="-inv-"],
[class^=btn][class*="-inv "],
[class^=btn][class$="-inv"] {
	background: -moz-linear-gradient(top,  #909090 35%, #606060 100%);
	background: -webkit-linear-gradient(top,  #909090 35%,#606060 100%);
	background: linear-gradient(to bottom,  #909090 35%,#606060 100%);
	filter: progid:DXImageTransform.Microsoft.909090( startColorstr='#8bc34a', endColorstr='#606060',GradientType=0 );
}
[class^=btn][class*="-inv-"]:hover,
[class^=btn][class*="-inv "]:hover,
[class^=btn][class$="-inv"]:hover {
	background: #606060;
	background: -moz-linear-gradient(top,  #606060 35%, #454545 100%);
	background: -webkit-linear-gradient(top,  #606060 35%,#454545 100%);
	background: linear-gradient(to bottom,  #606060 35%,#454545 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#454545',GradientType=0 );
	color: rgb(255,255,255);
	text-shadow: none;
}
[class^=btn][class*="-inv-"]:active,
[class^=btn][class*="-inv "]:active,
[class^=btn][class$="-inv"]:active,
[class*="-inv-"].active,
[class*="-inv "].active,
[class$="-inv"].active {
	background: #454545;
}


[class*="-ok-"],
[class*="-ok "],
[class$="-ok"] {
	background: #8bc34a;
	color: rgba(0,0,0);
	color: rgba(0,0,0,0.6);
}
[class*="-ok-inv-"],
[class*="-ok-inv "],
[class$="-ok-inv"] {
	background: none;
	color: #8bc34a;
}
[class^=btn][class*="-ok-"],
[class^=btn][class*="-ok "],
[class^=btn][class$="-ok"] {
	background: -moz-linear-gradient(top,  #8bc34a 35%, #689f38 100%);
	background: -webkit-linear-gradient(top,  #8bc34a 35%,#689f38 100%);
	background: linear-gradient(to bottom,  #8bc34a 35%,#689f38 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc34a', endColorstr='#689f38',GradientType=0 );
	color: #fff;
}
[class^=btn][class*="-ok-"]:hover,
[class^=btn][class*="-ok "]:hover,
[class^=btn][class$="-ok"]:hover {
	background: #689f38;
	background: -moz-linear-gradient(top,  #689f38 35%, #558b2f 100%);
	background: -webkit-linear-gradient(top,  #689f38 35%,#558b2f 100%);
	background: linear-gradient(to bottom,  #689f38 35%,#558b2f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#689f38', endColorstr='#558b2f',GradientType=0 );
	color: #fff;
	text-shadow: none;
}
[class^=btn][class*="-ok-"]:active,
[class^=btn][class*="-ok "]:active,
[class^=btn][class$="-ok"]:active,
[class*="-ok-"].active,
[class*="-ok "].active,
[class$="-ok"].active {
	background: #558b2f;
}


[class*="-no-"],
[class*="-no "],
[class$="-no"] {
	background: #f44336;
	color: rgba(0,0,0);
	color: rgba(0,0,0,0.6);
}
[class*="-no-inv-"],
[class*="-no-inv "],
[class$="-no-inv"] {
	background: none;
	color: #f44336;
}
[class^=btn][class*="-no-"],
[class^=btn][class*="-no "],
[class^=btn][class$="-no"] {
	background: -moz-linear-gradient(top,  #f44336 35%, #d32f2f 100%);
	background: -webkit-linear-gradient(top,  #f44336 35%,#d32f2f 100%);
	background: linear-gradient(to bottom,  #f44336 35%,#d32f2f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f44336', endColorstr='#d32f2f',GradientType=0 );
	color: #fff;
}
[class^=btn][class*="-no-"]:hover,
[class^=btn][class*="-no "]:hover,
[class^=btn][class$="-no"]:hover {
	background: #d32f2f;
	background: -moz-linear-gradient(top,  #d32f2f 35%, #c62828 100%);
	background: -webkit-linear-gradient(top,  #d32f2f 35%,#c62828 100%);
	background: linear-gradient(to bottom,  #d32f2f 35%,#c62828 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d32f2f', endColorstr='#c62828',GradientType=0 );
	color: #fff;
	text-shadow: none;
}
[class^=btn][class*="-no-"]:active,
[class^=btn][class*="-no "]:active,
[class^=btn][class$="-no"]:active,
[class*="-no-"].active,
[class*="-no "].active,
[class$="-no"].active {
	background: #c62828;
}


[class*="-or-"],
[class*="-or "],
[class$="-or"] {
	background: #ffc107;
	color: rgba(0,0,0);
	color: rgba(0,0,0,0.6);
}
[class*="-or-inv-"],
[class*="-or-inv "],
[class$="-or-inv"] {
	background: none;
	color: #ffc107;
}
[class^=btn][class*="-or-"],
[class^=btn][class*="-or "],
[class^=btn][class$="-or"] {
	background: -moz-linear-gradient(top,  #ffc107 35%, #ffa000 100%);
	background: -webkit-linear-gradient(top,  #ffc107 35%,#ffa000 100%);
	background: linear-gradient(to bottom,  #ffc107 35%,#ffa000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc107', endColorstr='#ffa000',GradientType=0 );
	color: #fff;
}
[class^=btn][class*="-or-"]:hover,
[class^=btn][class*="-or "]:hover,
[class^=btn][class$="-or"]:hover {
	background: #ffa000;
	background: -moz-linear-gradient(top,  #ffa000 35%, #ff8f00 100%);
	background: -webkit-linear-gradient(top,  #ffa000 35%,#ff8f00 100%);
	background: linear-gradient(to bottom,  #ffa000 35%,#ff8f00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa000', endColorstr='#ff8f00',GradientType=0 );
	color: #fff;
	text-shadow: none;
}
[class^=btn][class*="-or-"]:active,
[class^=btn][class*="-or "]:active,
[class^=btn][class$="-or"]:active,
[class*="-or-"].active,
[class*="-or "].active,
[class$="-or"].active {
	background: #ff8f00;
}


[class*="-misc-"],
[class*="-misc "],
[class$="-misc"] {
	background: #2196f3;
	color: rgba(0,0,0);
	color: rgba(0,0,0,0.6);
}
[class*="-misc-inv "],
[class*="-misc-inv "],
[class$="-misc-inv"] {
	background: none;
	color: #2196f3;
}
[class^=btn][class*="-misc-"],
[class^=btn][class*="-misc "],
[class^=btn][class$="-misc"] {
	background: -moz-linear-gradient(top,  #2196f3 35%, #1976d2 100%);
	background: -webkit-linear-gradient(top,  #2196f3 35%,#1976d2 100%);
	background: linear-gradient(to bottom,  #2196f3 35%,#1976d2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2196f3', endColorstr='#1976d2',GradientType=0 );
	color: #fff;
}
[class^=btn][class*="-misc-"]:hover,
[class^=btn][class*="-misc "]:hover,
[class^=btn][class$="-misc"]:hover {
	background: #1976d2;
	background: -moz-linear-gradient(top,  #1976d2 35%, #1565c0 100%);
	background: -webkit-linear-gradient(top,  #1976d2 35%,#1565c0 100%);
	background: linear-gradient(to bottom,  #1976d2 35%,#1565c0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1976d2', endColorstr='#1565c0',GradientType=0 );
	color: #fff;
	text-shadow: none;
}
[class^=btn][class*="-misc-"]:active,
[class^=btn][class*="-misc "]:active,
[class^=btn][class$="-misc"]:active,
[class*="-misc-"].active,
[class*="-misc "].active,
[class$="-misc"].active {
	background: #1565c0;
}

[disabled],
[class*="-disabled-"],
[class*="-disabled "],
[class$="-disabled"] {
	background: #e5e5e5;
	color: #999;
}
[class*="-disabled-inv "],
[class*="-disabled-inv "],
[class$="-disabled-inv"] {
	background: none;
	color: #999;
}
[class^=btn][class*="-disabled-"],
[class^=btn][class*="-disabled "],
[class^=btn][class$="-disabled"] {
	background: -moz-linear-gradient(top,  #e5e5e5 35%, #ccc 100%);
	background: -webkit-linear-gradient(top,  #e5e5e5 35%,#ccc 100%);
	background: linear-gradient(to bottom,  #e5e5e5 35%,#ccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ccc',GradientType=0 );
	color: #666;
}
[class^=btn][class*="-disabled-"]:hover,
[class^=btn][class*="-disabled "]:hover,
[class^=btn][class$="-disabled"]:hover {
	background: #ccc;
	background: -moz-linear-gradient(top,  #ccc 35%, #a5a5a5 100%);
	background: -webkit-linear-gradient(top,  #ccc 35%,#a5a5a5 100%);
	background: linear-gradient(to bottom,  #ccc 35%,#a5a5a5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#a5a5a5',GradientType=0 );
	color: #666;
	text-shadow: none;
}


.note,
[class*=" note-"],
[class^="note-"] {
	color: rgba(0,0,0);
	color: rgba(0,0,0,0.8);
	padding: 10px;
	border: none;
	border: 1px inset rgba(0,0,0,0.3);
}