/* typography.css */
/* ----------------------------------- */
@font-face {
	font-family: 'iconic';
	src: url('../fontface/mcc-iconic.eot');
	src: url('../fontface/mcc-iconicd41d.eot?#iefix') format('embedded-opentype'),
	url('../fontface/mcc-iconic.woff') format('woff'),
	url('../fontface/mcc-iconic.ttf') format('truetype'),
	url('../fontface/mcc-iconic.svg#polyitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}



a:focus{
	color: #0567aa;	cursor: pointer;
	-webkit-transition: color 0.35s linear;
	-moz-transition: color 0.35s linear;
	text-decoration:none;
	transition: color 0.35s linear;
}

a {
	color: #0567aa;	cursor: pointer;
	-webkit-transition: color 0.35s linear;
	-moz-transition: color 0.35s linear;
	text-decoration:underline;
	transition: color 0.35s linear;
}

::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }



p {	margin: 0 0 1.5em; }


dl { margin: 0 0 1.5em; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

ul.plain,
ol.plain {
	list-style: none;
	line-height: inherit;
}

address {
	font-style: normal;
	margin: 1.5em;
	border-left: 4px solid #e5e5e5;
	padding: 0 10px;
}

abbr,
acronym {
	border-bottom: 1px dotted #aaa;
}

dfn {
	background: #f0f0f0;
	font-style: normal;
	font-weight: bold;
	font-size: 90% ;
	text-shadow: 1px 1px #fff;
	padding: 1px 5px;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

sub, sup { font-size: 80%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

blockquote {
	border-left: 4px solid #e6e6e6;
	margin: 1.5em 30px 1.5em 30px;
	padding: 0 0 0 15px;
	position: relative;
	font-size: 110%;
}

.blockquote.quote {
	padding: 0;
	border: 0;
	font-style: italic;
}

blockquote p {
	margin: 0;
}

blockquote.quote:before {
	font-size: 400%;
	display: block;
	position: absolute;
	line-height: 0;
	color: #bbb;
}

blockquote.quote:before {
	content: "\201C";
	margin: 0 0 0 -30px;
	top: 15px;
}

blockquote.quote > small {
	text-align: right;
}

blockquote small {
	margin: 5px 0 0 0;
	display: block;
	font-style: normal;
	color: #888;
	font-size: 0.8em;
	text-align: left;
}

blockquote small:before {
	content: '— ';
}

blockquote.pullquote {
	border: 1px solid #e6e6e6;
	background: #f0f0f0;
	border-width: 0 0 0 8px;
	padding: 15px;
	line-height: 1.5em;
	margin: 0 0 1.5em;
	text-shadow: 1px 1px #ffffff;
}

q { quotes: '\201C' '\201D' '\2018' '\2019'; font-style: italic; }
q:before { content: open-quote; }
q:after { content: close-quote; }

tfoot { font-style: italic; }
caption { background: #ffc; }

hr {
	display: block;
	border: 0;
    color:#003366;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	margin: 1.5em 130px;
	position: relative;
	
/* old code */	
	/*background: transparent;
	color: transparent;
	clear: both;
	float: none;
	height: 0;
	border: 0;
	border-bottom: 1px solid #e0e0e0;
	margin: 1.5em 150px;
	position: relative;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,1), 0 5px 5px -5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1), 0 5px 5px -5px rgba(0,0,0,0.2);
	box-shadow: 0 1px 0 rgba(255,255,255,1), 0 5px 5px -10px rgba(0,0,0,2);
	*/
} 

hr.void {
	margin-top: 0 !important;
}

hr:before,
hr:after {
	content: " ";
	display: block;
	position: absolute;
	height: 1px;
	width: 150px;
}

/*hr:before {
	background: -moz-linear-gradient(left,  rgba(224,224,224,0) 0%, rgba(224,224,224,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(224,224,224,0)), color-stop(100%,rgba(224,224,224,1)));
	background: -webkit-linear-gradient(left,  rgba(224,224,224,0) 0%,rgba(224,224,224,1) 100%);
	background: -o-linear-gradient(left,  rgba(224,224,224,0) 0%,rgba(224,224,224,1) 100%);
	background: -ms-linear-gradient(left,  rgba(224,224,224,0) 0%,rgba(224,224,224,1) 100%);
	background: linear-gradient(to right,  rgba(224,224,224,0) 0%,rgba(224,224,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e0e0e0', endColorstr='#e0e0e0',GradientType=1 );
	left: -150px;
}

hr:after {
	background: -moz-linear-gradient(left,  rgba(224,224,224,1) 0%, rgba(224,224,224,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(224,224,224,1)), color-stop(100%,rgba(224,224,224,0)));
	background: -webkit-linear-gradient(left,  rgba(224,224,224,1) 0%,rgba(224,224,224,0) 100%);
	background: -o-linear-gradient(left,  rgba(224,224,224,1) 0%,rgba(224,224,224,0) 100%);
	background: -ms-linear-gradient(left,  rgba(224,224,224,1) 0%,rgba(224,224,224,0) 100%);
	background: linear-gradient(to right,  rgba(224,224,224,1) 0%,rgba(224,224,224,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#00e0e0e0',GradientType=1 );
	right: -150px;
}
*/
hr.hidden { visibility: hidden; border: 0; }
hr.dash { border-style: dashed; border-color: #d5d5d5; margin: 1.5em auto; }
hr.dot { border-style: dotted; border-color: #d5d5d5; margin: 1.5em auto; }

hr.dot:before,
hr.dash:before,
hr.dot:after,
hr.dash:after {
	display: none;
}


table { width: 100%; margin-bottom: 1.5em; border-spacing: 0; border-collapse: separate; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 10px 15px; }

table.shadow {
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-mozilla-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

table.border-inner td {border: 1px solid #ddd; border-width: 0 1px 1px 0; }
table.border-inner th {border: 2px solid #ddd; border-width: 0 1px 2px 0; }
table.border-inner td:last-child,
table.border-inner th:last-child { border-right: 0; }
table.border-inner tr:last-child td, table.border-outer tr:last-child td { border-bottom: 0; }

table.border-outer { border: 1px solid #ddd !important; }

table .no-border { border: 0 !important; }
table .no-border-top { border-top: 0 !important; }
table.no-border-top { border-top: 0 !important; }
table .no-border-right { border-right: 0 !important; }
table.no-border-right { border-right: 0 !important; }
table .no-border-bottom { border-bottom: 0 !important; }
table.no-border-bottom { border-bottom: 0 !important; }
table .no-border-left { border-left: 0 !important; }
table.no-border-left { border-left: 0 !important; }

table .border-top { border-top: 1px solid #ddd !important; }
table.border-top { border-top: 1px solid #ddd !important; }
table .border-right { border-right: 1px solid #ddd !important; }
table.border-right { border-right: 1px solid #ddd !important; }
table .border-bottom { border-bottom: 1px solid #ddd !important; }
table.border-bottom { border-bottom: 1px solid #ddd !important; }
table .border-left { border-left: 1px solid #ddd !important; }
table.border-left { border-left: 1px solid #ddd !important; }

table th[class^="border-"],
table th[class*=" border-"] { border-width: 0 0 0 0; }

table th.border-top { border-top: 2px solid #ddd !important; }
table th.border-right { border-right: 1px solid #ddd !important; }
table th.border-bottom { border-bottom: 2px solid #ddd !important; }
table th.border-left { border-left: 1px solid #ddd !important; }



figure {
	width: 1%;
	display: table;
	margin: 1.5em 0;
}

img.center,
figure.center {
	margin-left: auto;
	margin-right: auto;
}

img.float-left,
img.photo.float-left,
figure.float-left {
	margin: 0 1.5em 1.5em 0;
}

img.float-right,
img.photo.float-right,
figure.float-right {
	margin: 0 0 1.5em 1.5em;
}

figure > img {
	display: table-row;
	vertical-align: bottom;
	margin: 0;
}

figure > figcaption {
	display: table-row;
}

figure > figcaption > p {
	display: table-cell;
	padding: 5px;
	font-family: "Times New Roman", Times-Roman, Georgia, serif;
	line-height: 1em;
	font-style: italic;
	font-size: 1.1em;
	text-align: center;
}

figure > figcaption > p > strong {
	font-style: normal;
	font-weight: bold;
}

figure.photo > img,
img.photo {
	padding: 10px;
	margin: 1.5em;
	background: #ffffff;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

figure.photo > img {
	margin: 0;
}

img.photo {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0;
}

img.photo.toss:nth-child(2n+1),
img.photo.toss.every-first {
	-moz-transform:rotate(-2deg);
	-webkit-transform:rotate(-2deg);
	-o-transform:rotate(-2deg);
	-ms-transform:rotate(-2deg);
}

img.photo.toss:nth-child(2n+2),
img.photo.toss.every-second {
	-moz-transform:rotate(1deg);
	-webkit-transform:rotate(1deg);
	-o-transform:rotate(1deg);
	-ms-transform:rotate(1deg);
	margin-left: -20px;
}

img.photo.toss:nth-child(2n+3),
img.photo.toss.every-third {
	-moz-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
	-o-transform:rotate(3deg);
	-ms-transform:rotate(3deg);
	margin-left: -30px;
}

img.photo.toss.every-second.float-left,
img.photo.toss.every-third.float-left {
	margin-left: 0;
}

img.photo.toss.every-second.float-right,
img.photo.toss.every-third.float-right {
	margin-left: 1.5em
}



.employee-list .image {	width: 1%; }
.employee-list .name { width: 39%; }
.employee-list .title {	width: 40%; }
.employee-list .location { width: 20%; }

.employee-list.directory th { text-align: left; }
.employee-list.directory .image {	width: 1%; }
.employee-list.directory .name { width: 14%; }
.employee-list.directory .title { width: 20%; }
.employee-list.directory .department { width: 34%; }
.employee-list.directory .email { width: 14%; }
.employee-list.directory .phone { width: 15%; }
.employee-list.directory .building { width: 1%; }
.employee-list.directory .room { width: 1%; }


.form {
	padding: 0;
	margin: 0;
}

.form input[type="text"],
.form input[type="tel"],
.form input[type="password"],
.form input[type="email"],
.form input[type="number"],
.form input[type="date"],
.form select,
.form textarea {
	display: inline-block;
	padding: 7px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 5px ;
	border: 1px solid #D5D5D5;
	-moz-box-shadow: 0 2px 2px #efefef inset;
	-webkit-box-shadow: 0 2px 2px #efefef inset;
	box-shadow: 0 2px 2px #efefef inset;
	line-height: normal;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	font-size: 1em;
}

.form select {
	padding: 5px 4px;
}

.form textarea {
	resize: none;
	font-size: inherit;
	font-family: inherit;
}

.form input[type="text"].focus,
.form input[type="tel"].focus,
.form input[type="password"].focus,
.form input[type="email"].focus,
.form input[type="number"].focus,
.form input[type="date"].focus,
.form select.focus,
.form textarea.focus {
	border: 1px solid #77ba76;
}

.form input[type="text"].error,
.form input[type="tel"].error,
.form input[type="password"].error,
.form input[type="email"].error,
.form input[type="number"].error,
.form input[type="date"].error,
.form select.error,
.form textarea.error {
	background: #ffe6d4;
	border: 1px solid #f7964f;
	-moz-box-shadow: 0 2px 2px #ffe6d4 inset, 0 0 5px pink;
	-webkit-box-shadow:  0 2px 2px #ffe6d4 inset, 0 0 5px pink;
	box-shadow: 0 2px 2px #f2dac9 inset, 0 0 5px pink;
}

.form .row [class^="span-"],
.form .row [class*=" span-"] {
	margin-bottom: 1% !important;
}

.form .group {
	border-bottom: 1px dashed #DDDDDD;
	padding: 10px;
}

.form h3 {
	margin: 1em 0;
}

.form .group > h4 {
	margin: 0 0 10px 0 !important;
	color: #000;
}
.form .group:after {
	content: "";
	display: block;
	clear: both;
	width: 0;
	height: 0;
	visibility: hidden;
}

.form .group div.column {
	float: left;
	margin: 0 5px 10px 0;
	clear: none !important;
}

.form .group div.column.valign {
	display: table;
}

.form .group div.column.valign label {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	line-height: 28px;
}

.form .group div.column.flush,
.form .group div.column:last-child {
	margin-right: -1px;
}

.form .group.focus,
.form .group.focused,
.form .group.error {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 9px 9px 10px;
}

.form .group.error {
	background: #ffe6d4;
	border: 1px dashed #f7964f;
}

.form .group.focus {
	background: #f9f9f9;
	border: 1px dashed #e8e8e8;
}

.form .group.focused {
	background: #fffbd4;
	border: 1px dashed #f7e74f;
}

.form span.label,
.form label {
	font-weight: bold;
	display: block;
	padding: 0 0 5px 0;
	font-size: 0.9em;
}

.form label.empty:before {
	content: "\0000a0";
}

.form label.required.empty:before {
	content: "\0000a0";
}

.form label.invisible {
	display: none;
}

.form span.required:before,
.form label.required:before {
	font-weight: bold;
	color: red;
	content: "* ";
	font-size: 1.3em;
	line-height: 0;
}

.form .help,
.form label.help {
	display: block;
	color: #777;
	padding: 4px 0 0 5px;
	margin: 0 0 0.5em;
	font-weight: normal;
	line-height: 1em;
}

.form ul.choice {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}

.form ul.choice li {
	margin: 1px 10px 1px 0;
	line-height: normal;
	padding: 3px 0;
	clear: both;
	overflow: hidden;
}

.form ul.choice.linear li {
	float: left;
	white-space: nowrap;
}

.form ul.choice label {
	font-weight: normal;
	padding: 0;
	float: left;
}

.form ul.choice label.unbound {
	padding: 5px 0;
	margin: 0 5px 0;
}

.form ul.choice input[type="checkbox"],
.form ul.choice input[type="radio"] {
	margin: 3px 10px 0 0;
	padding: 0;
	font-weight: normal;
	float: left;
}

.form input[type="submit"][disabled],
.form input[type="button"][disabled] {
	background: #f0f0f0;
	color: #888;
	border: 1px solid #ccc;
}



[class^="icon-"],
[class*=" icon-"] {
	white-space: nowrap;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "iconic", sans-serif;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: none;
	text-shadow: none;
	line-height: 0;
	margin: 0 8px 0 -8px;
}

.button[class^="icon-"]:empty:before,
[class*=" icon-"]:empty:before {
	margin: 0;
}



/* ------------------------------------------------------------------------ */
[data-module="tabview"] {
	margin: 0 0 1.5em;
}

[data-module="tabview"] > div {
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	min-height: 100px;
}

[data-module="tabview"] > div > div {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 10px 10px;
	position: absolute;
	visibility: hidden;
}

[data-module="tabview"] > ul {
	padding: 0 0 0 20px;
	margin: 0;
	list-style: none;
	word-spacing: 0;
	letter-spacing: 0;
	font-size: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	-moz-box-shadow: 0 -1px 0 #ccc inset;
	-webkit-box-shadow: 0 -1px 0 #ccc inset;
	box-shadow: 0 -1px 0 #ccc inset;
}

[data-module="tabview"] > ul li {
	display: inline-block;
	padding: 10px 10px 0;
	vertical-align: bottom;
	margin: -8px -9px 0;
	position: relative;
	z-index: 3;
	-moz-box-shadow: 0 -1px 0 #ccc inset;
	-webkit-box-shadow: 0 -1px 0 #ccc inset;
	box-shadow: 0 -1px 0 #ccc inset;
	overflow: hidden;
}

[data-module="tabview"] > ul li a {
	display: block;
	background-color: #f4f4f4;
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #f4f4f4 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top,  #f4f4f4 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #f4f4f4 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e5e5e5',GradientType=0 );
	padding: 10px 25px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border: 1px solid #cccccc;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,1.0) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1.0) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,1.0) inset;
	text-shadow: 1px 1px rgba(255,255,255, 1.0);
	text-decoration: none;
	font-size: 14px;
	color: #333;
}

[data-module="tabview"] > ul li.active {
	z-index: 4;
}

[data-module="tabview"]> ul li.active a {
	margin-top: -4px;
	background-color: #ffffff;
	background-image: none;
	filter: none;
	padding: 12px 25px;
	border-bottom: 1px solid #fff;
	color: #000;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,1.0) inset, 0 0 10px rgba(25,125,255,0.4);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1.0) inset, 0 0 10px rgba(25,125,255,0.4);
	box-shadow: 0 1px 0 rgba(255,255,255,1.0) inset, 0 0 10px rgba(25,125,255,0.4);
}

/* --list */
/* --expandable */
/* --accordion */
[data-ui="expandable"] > .content {
	display: none;
	margin: 1em 0;
	padding: 10px 1em 0;
}

[data-ui="list"] hr,
[data-ui="accordion"] hr,
[data-ui="expandable"] hr {
	margin-top: 1em;
	margin-bottom: 1em;
}

[data-ui="expandable"].open > .content {
	/*display: block;*/
}

[data-ui="expandable"] > .toggle {
	position: relative;
	padding-left: 32px;
	display: block;
	margin: 0 0 1em;
	text-decoration: none;
	cursor: pointer;
}

[data-ui="list"],
[data-ui="accordion"] {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}

[data-ui="list"] > li,
[data-ui="accordion"] > li {
	clear: both;
	position: relative;
	border: 1px solid transparent;
	border-top: 1px solid #e6e6e6;
	color: #333;
	padding: 10px;
	margin: 0;
	line-height: normal;
}

[data-ui="list"] > li:last-child,
[data-ui="accordion"] > li:last-child {
	border-bottom-color: #e6e6e6;
}

[data-ui="list"] > li > a,
[data-ui="accordion"] > li > a {
	display: block;
	margin-bottom: 1em;
	position: relative;
}
[data-ui="list"] > li > a {
	margin-bottom: 0;
}

[data-ui="list"] > li > .toggle:after {
	content: "\e841";
	font-family: "iconic", sans-serif;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8px;
	text-decoration: none !important;
	color: #333333;
}

[data-ui="list"] > li > .content ul,
[data-ui="accordion"] > li > .content ul {
	margin: 0 0 1em;
}

[data-ui="list"] > li[data-ui="expandable"].open,
[data-ui="accordion"] > li.open {
	background: #f8f8f8;
	border-color: #e0e0e0;
	border-width: 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

[data-ui="list"] > li[data-ui="expandable"].open + li[data-ui="expandable"],
[data-ui="accordion"] > li.open + li {
	border-top: 0
}

[data-ui="list"] > li[data-ui="expandable"] > .toggle,
[data-ui="accordion"] > li > .toggle {
	display: block;
	padding: 16px 20px 16px 32px;
	margin: -11px;
	position: relative;
	line-height: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
}

div.scholar-day [data-ui="accordion"] > li > .toggle{
    font-size:30px;
    line-height:30px;
    color:#003366;

}

div.scholar-day [data-ui="accordion"] > li[data-ui="expandable"].open > .toggle{
        font-weight:500;
    background: #d6e8ee;
    padding-bottom: 0;
    border:none;
    box-shadow:none;
}

div.scholar-day [data-ui="accordion"] > li.open{
    background: #d6e8ee;
    border-bottom: 2px solid #003366;
    box-shadow:none;
}

div.scholar-day [data-ui="expandable"] > .toggle:before{
    background: #0567aa;
    box-shadow: none;
    color:#ffffff;
    text-shadow:none;
    border:none;
}

div.scholar-day [data-ui="accordion"] > li[data-ui="expandable"].open > .toggle:before{
    margin-top:0;
}

div.scholar-day .label{
    font-weight:bold;
}

[data-ui="expandable"].open > .toggle {
	font-weight: bold;
	color: #000000;
	text-shadow: 1px 1px #ffffff;
}

[data-ui="expandable"] > .toggle:before {
	font-family: "iconic", sans-serif;
	content: "\e81a";
	display: block;
	position: absolute;
	line-height: 16px;
	font-size: 0.8em;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	color: #888888;
	background: #efefef;
	background: -moz-linear-gradient(top,  #efefef 0%, #dbdbdb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dbdbdb));
	background: -webkit-linear-gradient(top,  #efefef 0%,#dbdbdb 100%);
	background: -o-linear-gradient(top,  #efefef 0%,#dbdbdb 100%);
	background: -ms-linear-gradient(top,  #efefef 0%,#dbdbdb 100%);
	background: linear-gradient(to bottom,  #efefef 0%,#dbdbdb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dbdbdb',GradientType=0 );
	width: 16px;
	height: 16px;
	top: 50%;
	margin-top: -8px;
	left: 8px;
	text-shadow: 1px 1px #ffffff;
	border: 1px solid #cccccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
}

[data-ui="expandable"].open > .toggle:before {
	content: "\e81d";
	background: #dbdbdb;
	background: -moz-linear-gradient(top,  #dbdbdb 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#efefef));
	background: -webkit-linear-gradient(top,  #dbdbdb 0%,#efefef 100%);
	background: -o-linear-gradient(top,  #dbdbdb 0%,#efefef 100%);
	background: -ms-linear-gradient(top,  #dbdbdb 0%,#efefef 100%);
	background: linear-gradient(to bottom,  #dbdbdb 0%,#efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#efefef',GradientType=0 );
}

[data-ui="expandable"] > .toggle.right:before {
	left: auto;
	right: 8px;
}

[data-ui="list"] > li[data-ui="expandable"].open > .toggle,
[data-ui="accordion"] > li[data-ui="expandable"].open > .toggle {
	margin: -11px -11px 10px -11px;
	border: 1px solid #e0e0e0;
	-webkit-box-shadow: 0 1px #ffffff inset;
	-moz-box-shadow: 0 1px #ffffff inset;
	box-shadow: 0 1px #ffffff inset;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	background: rgb(245,245,245);
	background: -moz-linear-gradient(top,  rgba(245,245,245,1) 0%, rgba(234,234,234,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(234,234,234,1)));
	background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(234,234,234,1) 100%);
	background: -o-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(234,234,234,1) 100%);
	background: -ms-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(234,234,234,1) 100%);
	background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(234,234,234,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eaeaea',GradientType=0 );
}

[data-ui="expandable"] > .toggle:hover:before {
	color: #555555;
}


}

/* --message */
.bucket {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 15px;
	margin: auto auto 1.5em;
	border: 1px solid #dddddd;
	background: #f0f0f0;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 0 10px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 0 10px rgba(0,0,0,0.15);
	box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 0 10px rgba(0,0,0,0.15);
}

[data-ui="expandable"].bucket > .toggle,
.bucket [data-ui="expandable"] > .toggle {
	margin-bottom: 0;
}

[data-ui="expandable"].bucket > .toggle.right,
.bucket [data-ui="expandable"] > .toggle.right {
	padding: 0;
}

[data-ui="expandable"].bucket > .toggle:before,
.bucket [data-ui="expandable"] > .toggle:before {
	left: 0;
	right: auto;
}

[data-ui="expandable"].bucket > .toggle.right:before,
.bucket [data-ui="expandable"] > .toggle.right:before {
	left: auto;
	right: 0;
}

/* --pagination */

.pagination {}

.pagination > ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: table;
	width: 100%;
}

.pagination > ul > li {
	padding: 0;
	margin: 0;
	display: table-cell;
}

.pagination > ul > .pagination-status {
	font-style: italic;
	color: #555555;
	padding: 1px;
	width: 50%;
}

.pagination > ul > .pagination-pages {
	text-align: right;
	margin: 0;
	width: 50%;
}

.pagination > ul .pagination-control {
	display: inline-block;
	margin: 0 1px;
	font-family: Tahoma,sans-serif;
}


.pagination > ul .pagination-prev,
.pagination > ul .pagination-next {
	padding: 0 5px;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
}
.pagination > ul .pagination-current {
	font-weight: bold;
}

ul.alphabet {
	list-style: none outside none;
	margin: 1.5em;
	padding: 0;
}

ul.alphabet li {
	display: inline-block;
}

ul.alphabet li span.btn,
ul.alphabet li a.btn {
	font-size: 12px !important;
	min-width: 30px;
	padding: 6px 8px;
	text-decoration: none;
}

[data-ui="imagelist"] {
	margin: 1em auto;
	width: 100%;
}

[data-ui="imagelist"] > img,
[data-ui="imagelist"] > a {
	display: block;
	width: 24.25%;
	position: relative;
	float: left;
	margin: 0 1% 1% 0;
	padding: 0.5em;
	border: 1px solid #cccccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.18);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.18);
	box-shadow: 0 0 5px rgba(0,0,0,0.18);
}

[data-ui="imagelist"] > a:nth-child(4n+4) {
	margin: 0 0 1% 0;
}

[data-ui="imagelist"] > a > img {
	width: 100%;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

.definition {
	padding: 0;
	margin: 0 0 1.5em;
	list-style: none;
	display: table;
	width: 100%;
	border: 1px solid #e9e9e9;
	position: relative;
}

.definition > li {
	margin: 0;
	padding: 0;
	line-height: normal;
	display: table-row;
}

.definition > li:last-child span {
	border-bottom: 0;
}

.definition > li > span {
	display: table-cell;
	border-bottom: 1px solid #e9e9e9;
	padding: 6px 10px;
	margin: 0;
	vertical-align: top;
}

.definition > li .label {
	font-weight: bold;
	color: #000000;
	white-space: nowrap;
	width: 1%;
}

.definition > li .value {
	border-left: 1px solid #e9e9e9;
}

.italic { font-style: italic !important; }
.bold {	font-weight: bold !important;}
.underline { text-decoration: underline !important; }
.strikethrough { text-decoration: line-through !important; }
.upper { text-transform: uppercase !important; }
.lower { text-transform: lowercase !important; }
.quiet { color: #aaaaaa !important; }
.subtle { color: #777777 !important; }

.text-indent { text-indent: 2em; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify !important; }
.text-middle { vertical-align: middle; }
.text-top { vertical-align: top; }
.text-bottom { vertical-align: bottom; }
.text-baseline { vertical-align: baseline; }

.clear-left { clear: left; }
.clear-right { clear: right; }

.clear:not(hr):before,
.clear:not(hr):after { content: "\0020"; display: table; height: 0; }

.clear:not(hr):after { clear: both;	visibility: hidden;	overflow:hidden; }
.clear { *zoom: 1; }

.float-none { float: none !important; }
.float-center { float: none !important; margin: auto; }
.float-left { float: left !important; }
.float-right { float: right !important; }

.block { display: block !important; }
.inline-block { display: inline-block !important; }
.inline { display: inline !important; }

.em-0-5 { font-size: 0.5em !important; }
.em-0-6 { font-size: 0.6em !important; }
.em-0-7 { font-size: 0.7em !important; }
.em-0-8 { font-size: 0.8em !important; }
.em-0-9 { font-size: 0.9em !important; }
.em-1-0 { font-size: 1.0em !important; }
.em-1-1 { font-size: 1.1em !important; }
.em-1-2 { font-size: 1.2em !important; }
.em-1-3 { font-size: 1.3em !important; }
.em-1-4 { font-size: 1.4em !important; }
.em-1-5 { font-size: 1.5em !important; }
.em-1-6 { font-size: 1.6em !important; }
.em-1-7 { font-size: 1.7em !important; }
.em-1-8 { font-size: 1.8em !important; }
.em-1-9 { font-size: 1.9em !important; }
.em-2-0 { font-size: 2.0em !important; }

.list.list-clean {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list.list-horizontal > li {
	display: inline-block;
	margin: auto;
}
.row:before,
.row:after {
	/*content: " ";*/
	display: table;
}

.row:after {
	clear:both;
}

[class^="span-"],
[class*=" span-"] {
	display: block;
	float: left;
	margin: 0 0 2% 2% !important;
}

.row.noshim [class^="span-"],
.row.noshim [class*=" span-"],
.row.noshim h1,
.row.noshim h2,
.row.noshim h3,
.row.noshim h4,
.row.noshim h5,
.row.noshim h6 {
	margin-bottom: 0 !important;
}

[class^="span-"]:first-child,
[class*=" span-"]:first-child {
	margin-left: 0 !important;
}

.debug [class^="span-"],
.debug [class*=" span-"] {
	background-color: red;
	background-color: rgba(255,0,255, 0.3) !important;
}

.span-1-2,
.span-2-4,
.span-3-6,
.span-4-8,
.span-5-10,
.span-6-12,
.span-7-14,
.span-8-16 { width: 49%; }

.span-1-1,
.span-2-2,
.span-3-3,
.span-4-4,
.span-5-5,
.span-6-6,
.span-7-7,
.span-8-8,
.span-9-9,
.span-10-10,
.span-11-11,
.span-12-12,
.span-13-13,
.span-14-14,
.span-15-15,
.span-16-16 { width: 100%; float: none;}

.span-1-3,
.span-2-6,
.span-3-9,
.span-4-12,
.span-5-15 { width: 32%; }

.span-2-3,
.span-4-6,
.span-6-9,
.span-8-12,
.span-10-15 { width: 66%; }

.span-1-4 {	width: 23.5%; }
.span-3-4 {	width: 74.5%; }

.span-1-5 {	width: 18.4%; }
.span-2-5 {	width: 38.8%; }
.span-3-5 {	width: 59.2%; }
.span-4-5 {	width: 79.6%; }

.span-1-6 {	width: 15%; }
.span-5-6 {	width: 83%; }

.span-1-7 {	width: 12.5714%; }
.span-2-7 {	width: 27.1428%; }
.span-3-7 {	width: 41.7142%; }
.span-4-7 {	width: 56.2857%; }
.span-5-7 {	width: 70.8571%; }
.span-6-7 {	width: 85.4285%; }

.span-1-8 {	width: 10.75%; }
.span-2-8 {	width: 23.5%; }
.span-3-8 {	width: 36.25%; }
.span-5-8 {	width: 61.75%; }
.span-6-8 {	width: 74.5%; }
.span-7-8 {	width: 87.25%; }


.span-1-9 {	width: 9.3333%; }
.span-2-9 {	width: 20.6666%; }
.span-4-9 {	width: 43.3332%; }
.span-5-9 {	width: 54.6665%; }
.span-7-9 {	width: 77.3331%; }
.span-8-9 {	width: 88.6664%; }

.span-1-10 { width: 8.2%; }
.span-2-10 { width: 18.4%; }
.span-3-10 { width: 28.6%; }
.span-4-10 { width: 38.8%; }
.span-6-10 { width: 59.2%; }
.span-7-10 { width: 69.4%; }
.span-8-10 { width: 79.6%; }
.span-9-10 { width: 89.8%; }

.span-1-11 { width: 7.2727%; }
.span-2-11 { width: 16.5454%; }
.span-3-11 { width: 25.8181%; }
.span-4-11 { width: 35.0908%; }
.span-5-11 { width: 44.3635%; }
.span-6-11 { width: 53.6362%; }
.span-7-11 { width: 62.9089%; }
.span-8-11 { width: 72.1816%; }
.span-9-11 { width: 81.4543%; }
.span-10-11 { width: 90.727%; }

.span-1-12 { width: 6.5%; }
.span-2-12 { width: 15%; }
.span-3-12 { width: 23.5%; }
.span-5-12 { width: 40.5%; }
.span-7-12 { width: 57.5%; }

.span-9-12 { width: 74.5%; }
.span-10-12 { width: 83%; }
.span-11-12 { width: 91.5%; }

.span-1-13 { width: 5.8461%; }
.span-2-13 { width: 13.6922%; }
.span-3-13 { width: 21.5383%; }
.span-4-13 { width: 29.3844%; }
.span-5-13 { width: 37.2305%; }
.span-6-13 { width: 45.0766%; }
.span-7-13 { width: 52.9227%; }
.span-8-13 { width: 60.7688%; }
.span-9-13 { width: 68.6149%; }
.span-10-13 { width: 76.461%; }
.span-11-13 { width: 84.3071%; }
.span-12-13 { width: 92.1532%; }

.span-1-14 { width: 5.2857%; }
.span-2-14 { width: 12.5714%; }
.span-3-14 { width: 19.8571%; }
.span-4-14 { width: 27.1428%; }
.span-5-14 { width: 34.4285%; }
.span-6-14 { width: 41.7142%; }
.span-8-14 { width: 56.2856%; }
.span-9-14 { width: 63.5713%; }
.span-10-14 { width: 70.857%; }
.span-11-14 { width: 78.1427%; }
.span-12-14 { width: 85.4284%; }
.span-13-14 { width: 92.7141%; }

.span-1-15 { width: 4.8%; }
.span-2-15 { width: 11.6%; }
.span-3-15 { width: 18.4%; }
.span-4-15 { width: 25.2%; }
.span-6-15 { width: 38.8%; }
.span-7-15 { width: 45.6%; }
.span-8-15 { width: 52.4%; }
.span-9-15 { width: 59.2%; }

.span-11-15 { width: 72.8%; }
.span-12-15 { width: 79.6%; }
.span-13-15 { width: 86.4%; }
.span-14-15 { width: 93.2%; }

.span-1-16 { width: 4.375%; }
.span-2-16 { width: 10.75%; }
.span-3-16 { width: 17.125%; }
.span-4-16 { width: 23.5%; }
.span-5-16 { width: 29.875%; }
.span-6-16 { width: 36.25%; }
.span-7-16 { width: 42.625%; }
.span-9-16 { width: 55.375%; }
.span-10-16 { width: 61.75%; }
.span-11-16 { width: 68.125%; }
.span-12-16 { width: 74.5%; }
.span-13-16 { width: 80.875%; }
.span-14-16 { width: 87.25%; }
.span-15-16 { width: 93.625%; }
