@charset "UTF-8";
.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited, .ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
	text-decoration: none;
	color: #fff;
}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
	text-shadow: none;
}


body {
	background-image: url(background.jpg);
	background-position: top 40px;
	background-attachment: fixed;
	margin: 0;
	font-family: 'Open Sans', 'sans-serif';
}
.ui-overlay-a, .ui-page-theme-a {
	background-color: transparent;
	background-image: url(background.jpg);
	background-position: top 40px;
	background-attachment: fixed;
	margin: 0;
}
.ui-page-theme-a a {
	font-weight: 600;
}
.ui-page-theme-a a:hover {
	color: #fff;
}
#top {
	width: 100%;
	padding:0.5em;
	background-color: #fff;
position:fixed;
top:0;
left:0;
}
#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 121px;
}


#block {
	width: 55em;
	background-color: #fff;
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	margin-top: 0;
	padding: 2.5em;
	margin-bottom: 30px;
}
#block.top {
	-webkit-border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	border-radius: 0px 0px 20px 20px;
	margin-top: 0;
	padding: 0 2.5em 2.5em 2.5em;
}

#intro-container {
width:100%;
	clear: both;
	
}

#branding-container {
padding: 0 2em 0 2em;
width:55em;
	clear: both;
	margin-left:auto;
	margin-right:auto;
	
}
#branding1 {
	width: 26.5em;
	float: left;
	
}

#branding2 {
	width: 20em;
	float: left;
	padding-top:1.6em;
}
#branding1 h1 {
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0.2em;
	padding-top:1em;
	font-size: 1.5em;
	font-weight: 700;
	color: #333;
}
.logo {
	margin-right: 1.1em;

}
.baseline {
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 600;
	color: #00989f;
}

.part-one {font-size: 1.3em; color:#ff511b;}
.part-two {font-size: 1em; font-weight:300; color:#00989f;}
.marginbottom {margin-bottom:2em;}
.color_yellow {
	color: #d0c205;
}
.color_lightgray {
	color: #c0c0c0;
}
.planc {
	display: block;
	width: 74px;
	height: 103px;
	float: right;
	margin-right:0.5em;
	
}
#intro-content {
	font-size: 0.9em;
	margin-left:9em;
}
#intro-text {
	width: 28em;
	float: left;
}
#jointhegrid {
	width: 25em;
	background-color: #ffeae3;
	float: right;
	padding: 1em;
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	margin-top: 1em;
}

#extra-content {
	width: 24em;
	background-color: #ffeae3;
	float: right;
	padding: 1em;
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	margin-top: 1em;
	font-size:0.9em;
}
.button-join {
	display: block;
	width: 91px;
	height: 91px;
	background-image: url(button-join.png);
	float: left;
	margin-right: 1em;
}
.button-submit-case {
	display: block;
	background-color: #ff511b;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 600;
	padding: 0.2em;
	width: 10em;
	text-align: center;
	float: right;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}
.button-submit-case:hover {
	background-color: #333;
}
/* TABBING */


.ui-state-default {
	background-image: url(button-blue-0.png);
	background-repeat: no-repeat;
	background-color: #fff;
}
.ui-state-focus, .ui-state-hover {
	background-image: url(button-blue-1.png);
	background-repeat: no-repeat;
	background-color: #fff;
}
#tabs ul {
	padding: 0;
	margin: 0;
}
#tabs li {
	margin-bottom: 1em;
}
.ui-tabs.ui-tabs-vertical {
	padding: 0;
	width: 100%;
}
.ui-tabs.ui-tabs-vertical .ui-widget-header {
	border: none;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
	float: left;
	margin-right: 2em;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
	clear: left;
	width: 90px;
	height: 90px;
	margin: 0.2em 0;
	overflow: hidden;
	position: relative;
	right: -2px;
	z-index: 2;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 2em;
	;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover {
	cursor: pointer;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: 0.2em;
	padding-bottom: 0;
	border-right: 1px solid white;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child {
}
/*.ui-tabs.ui-tabs-vertical .ui-tabs-panel {
    float: left;
    
    position: relative;
    left: -1px;
}*/

.tab {
	background-color: #e1e1e1;
	width: 45em;
	float: right;
	padding: 1em 2.5em 1em 2.5em;
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	font-size: 0.9em;
}
.tab h2 {
	margin-top: 0;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.8em;
	color: #333;
}
#text-internalization {
	float: right;
}
.image-left {
	float: left;
	margin-right: 2em;
}
#block h2 {
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.8em;
	color: #333;
}
/* THE GRID */

#block table {margin-top:2em;}

table {
	border-collapse: collapse;
	table-layout: fixed;
}
table, th, td {
	border: 1px solid white;
}
th {
	text-transform: uppercase;
	font-weight: 700;
	color: #333;
	padding: 1em;
}
td {
	width: 12.5%;
	font-size: 0.9em;
	font-weight: 600;
	color: #333;
	text-align: center;
	vertical-align: top;
}
th.tec {
	background-color: #ffb400;
}
th.soc {
	background-color: #ff511b;
}
th.org {
	background-color: #ef569f;
}
td.type.tec {
	background-color: #ffd266;
}
td.type.tec.hover {
	background-color: #ffb400;
}
td.type.soc {
	background-color: #ff9776;
}
td.type.org {
	background-color: #f59ac5;
}
#td-textpadding {
	padding: 0.5em;
	height: 7em;
}
.button-learn-more {
	display: block;
	background-color: #00989f;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0.2em;
	text-align: center;
	margin: 0.3em;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}
.button-learn-more:hover {
	background-color: #333;
	color: #fff;
}
.button-learn-more-nocase {
	display: block;
	background-color: #999;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0.2em;
	text-align: center;
	margin: 0.3em;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.button-learn-more-nocase:hover {
	background-color: #333;
	color: #fff;}

.table-examples {
	text-align: left;
	padding: 0.5em 0 0.5em 0;
}
.table-examples h2 {
	margin: 0;
	padding: 0;
}
td.example {
	font-weight: 400;
	font-size: 0.8em;
	padding: 0.3em;
}
td.example:hover {
	color: black;
	cursor: pointer;
}
td.example.tec {
	background-color: #ffe8b2;
}
td.example.soc {
	background-color: #ffcaba;
}
td.example.org {
	background-color: #facce2;
}
td.example.empty {
	background-color: #ffffff;
}
td.type.tec.highlighted, td.example.tec.highlighted {
	background-color: #ffca4c;
}
td.type.soc.highlighted, td.example.soc.highlighted {
	background-color: #ff855f;
}
td.type.org.highlighted, td.example.org.highlighted {
	background-color: #f488bc;
}

@media (min-width:1200px) {
#example-hover-content {
	display: none;
}
}
#example-content:hover #example-hover-content {
	display: block;
}
#example-content {
	height: 9em;
}
#example-name {
	height: 7em;
}
#example-name a {
	color: #333;
	font-weight: 400;
}
#example-name a:hover {
	color: #000;
	font-weight: 400;
}
/* POPUPS */
.type-popup {
	width: 550px;
	background-repeat: no-repeat;
	background-position: top;
	border: solid 0.5em #fff;
	font-size: 0.9em;
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}
.ui-popup.ui-body-inherit {
	border: solid 1em #fff;
}

.whywhathow {width:750px; font-size: 1em;}
#whywhathow-scroll {height: 400px;
	overflow: scroll; padding: 0 1.5em 1.5em 1.5em; margin-top:1em;}

#at01 {
	background-image: url(at-bg-01.jpg);
}
#at02 {
	background-image: url(at-bg-02.jpg);
}
#at03 {
	background-image: url(at-bg-03.jpg);
}
#at04 {
	background-image: url(at-bg-04.jpg);
}
#at05 {
	background-image: url(at-bg-05.jpg);
}
#at06 {
	background-image: url(at-bg-06.jpg);
}
#at07 {
	background-image: url(at-bg-07.jpg);
}
#at08 {
	background-image: url(at-bg-08.jpg);
}
.ui-popup p {
	font-size: 1em;
}
.type-popup h3 {
	margin: 158px 0 0 0;
	display: block;
	color: #FFFFFF;
	padding: 0.3em 0 0.3em 0.3em;
	text-shadow: none;
	font-weight: 600;
}

.whywhathow h2 {
	margin-top: 0;
}


#at01 h3, #at02 h3, #at03 h3 {
	background-color: #ffb400;
}
#at04 h3, #at05 h3, #at06 h3 {
	background-color: #ff511b;
}
#at07 h3, #at08 h3 {
	background-color: #ef569f;
}
.at-table {
	border-spacing: 10px;
	border-collapse: separate;
	border: 0;
}
.at-eval-pos-header, .at-eval-neg-header {
	padding: 0.5em 0 0.5em 0.5em;
	text-align: left;
	background-position: left top;
	background-repeat: no-repeat;
	height: 25px;
	padding-left: 35px;
	font-size: 1em;
}
.at-eval-pos ul, .at-eval-neg ul {
	margin-left: -2em;
	margin-top: 0;
}
.at-eval-pos-header {
	background-image: url(eval-plus.jpg);
}
.at-eval-neg-header {
	background-image: url(eval-minus.jpg);
}
.at-eval-pos, .at-eval-neg {
	padding: 0.5em 0 0.5em 0.5em;
	text-align: left;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 42%, #e1e1e1 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(42%, #ffffff), color-stop(99%, #e1e1e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 42%, #e1e1e1 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #ffffff 42%, #e1e1e1 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 42%, #e1e1e1 99%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 42%, #e1e1e1 99%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1', GradientType=0 ); /* IE6-9 */
}
.at-ex {
	width: 550px;
	border: solid 0.5em #fff;
	font-size: 0.9em;
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}
.suggest {
	width: 300px;
}
#case-group {
	height: 400px;
	overflow: scroll;
}
#case {
	border-bottom: dotted #666 2px;
	margin-right: 1em;
}
#case a {
	background-color: #2497a0;
	color: #fff;
	padding: 0.3em;
	display: block;
	float: right;
	text-shadow: none;
	margin-bottom: 0.5em;
}
#case a:hover {
	color: #333;
}
#case-suggest {
	border-bottom: dotted #666 2px;
}
#case-suggest a {
	background-color: #2497a0;
	color: #fff;
	padding: 0.3em;
	display: block;
	float: right;
	text-shadow: none;
	margin-bottom: 0.5em;
}
#case-suggest a:hover {
	color: #333;
}
.at-ex p {
	font-size: 0.9em;
}
.ui-popup p, .ui-popup li {
	font-size: 0.9em;
	color: #666;
}
.at-ex h3 {
	margin: 0;
	display: block;
	color: #FFFFFF;
	padding: 0.3em 0 0.3em 0.3em;
	text-shadow: none;
}
.at-ex-tec h3 {
	background-color: #ffb400;
	text-shadow: none;
	font-size:1.2em;
	font-weight:600;
}
.at-ex-soc h3 {
	background-color: #ff511b;
	text-shadow: none;
	font-size:1.2em;
	font-weight:600;
}
.at-ex-org h3 {
	background-color: #ef569f;
	text-shadow: none;
	font-size:1.2em;
	font-weight:600;
}
.at-ex-sug h3 {
	background-color: #2497a0;
	text-shadow: none;
	font-size:1.2em;
	font-weight:600;
}
.at-ex h3.supra-caption {
	width: 3.2em;
	background-color: #333;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: 300;
	margin: 1em 0 0 0;
	padding: 0.3em 0 0.3em 0.3em;
}
.at-ex h3.supra-caption-suggest {
	width: 7em;
	background-color: #333;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: 300;
	margin: 1em 0 0 0;
	padding: 0.3em 0 0.3em 0.3em;
}
.at-ex img {
	float: left;
	clear: both;
	margin-right: 1em;
}
#ex-item {
	clear: both;
	border-bottom: dashed 2px #CCCCCC;
}
.ex-definition {
	background-color: #e3e3e3;
	padding: 0.5em;
	border-bottom: solid 1em white;
}

#ex-definition.ui-page-theme-a a {
	color:#000000;
}
.case-title {
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 1.5em;
}
td-empty {
	background-color: #fff;
}

#sources {font-size:0.9em;}

.addthis_sharing_toolbox {margin-left:8em;}

form {font-size:0.9em;}

.form {border:0; font-size:1.3em;}

#thanks {font-size:0.9em;}