@CHARSET "UTF-8";
/*
html * {
    margin: 0;
} */

/* GENERAL */

.spinner {
    padding: 5px;
    position: absolute;
    right: 0;
}

#grailsLogo {
	padding:20px;
}
/*
a:link, a:visited, a:hover {
    color: #666;
    font-weight: bold;
    text-decoration: none;
} */

h1 {
    margin: .8em 0 .3em 0;
}
/*

ul {
    padding-left: 15px;
}

input, select, textarea {
    background-color: #fcfcfc;
    border: 1px solid #ccc;
    font: 11px verdana, arial, helvetica, sans-serif;
    margin: 2px 0;
    padding: 2px 4px;
}

select {
   padding: 2px 2px 2px 0;
}
textarea {
	vertical-align: top;
}

input:focus, select:focus, textarea:focus {
    border: 1px solid #b2d1ff;
}

.body {
    float: left;
    margin: 0 15px 10px 15px;
}
*/
/* NAVIGATION MENU

.nav {
    background: #fff url(skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-style: solid none solid none;
    margin-top: 5px;
    padding: 7px 12px;
}

.menuButton {
    font-size: 10px;
    padding: 0 5px;
}
.menuButton a {
    color: #333;
    padding: 4px 6px;
}
.menuButton a.home {
    background: url(skin/house.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
.menuButton a.list {
    background: url(skin/database_table.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
.menuButton a.create {
    background: url(skin/database_add.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
} */

/* MESSAGES AND ERRORS */

.message {
    background: #f3f8fc url(skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}
div.errors ul {
    list-style: none;
    padding: 0;
}
div.errors li {
	background: url(skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}

/* TABLES */

table {
    border: 1px solid #ccc;
    width: 100%
}
tr {
    border: 0;
}

td, th {
    font: 11px verdana, arial, helvetica, sans-serif;
    line-height: 12px;
    padding: 5px 6px;
    text-align: left;
    vertical-align: top;
}
th {
    /*background: #fff url(skin/shadow.jpg);*/
    color: #666;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    padding: 2px 6px;
}
th a:link, th a:visited, th a:hover {
    color: #333;
    display: block;
    font-size: 10px;
    text-decoration: none;
    width: 100%;
}
th.asc a, th.desc a {
    background-position: right;
    background-repeat: no-repeat;
}
th.asc a {
    background-image: url(skin/sorted_asc.gif);
}
th.desc a {
    background-image: url(skin/sorted_desc.gif);
}

.odd {
    background: #f7f7f7;
}
.even {
    background: #fff;
}

/* LIST */

.list table {
    border-collapse: collapse;
}
.list th, .list td {
    border-left: 1px solid #ddd;
}
.list th:hover, .list tr:hover {
    background: #b2d1ff;
}

/* PAGINATION */

.paginateButtons {
    background: #fff url(skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-top: 0;
    color: #666;
    font-size: 10px;
    overflow: hidden;
    padding: 10px 3px;
}
.paginateButtons a {
    background: #fff;
    border: 1px solid #ccc;
    border-color: #ccc #aaa #aaa #ccc;
    color: #666;
    margin: 0 3px;
    padding: 2px 6px;
}
.paginateButtons span {
    padding: 2px 3px;
}

/* DIALOG */

.dialog table {
    padding: 5px 0;
}

.prop {
    padding: 5px;
}
.prop .name {
    text-align: left;
    width: 15%;
    white-space: nowrap;
}
.prop .value {
    text-align: left;
    width: 85%;
}

/* ACTION BUTTONS */

.buttons {
    background: #fff url(skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    color: #666;
    font-size: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0;
}

.buttons input {
    background: #fff;
    border: 0;
    color: #333;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    margin-left: 3px;
    overflow: visible;
    padding: 2px 6px;
}
.buttons input.delete {
    background: transparent url(skin/database_delete.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.edit {
    background: transparent url(skin/database_edit.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.save {
    background: transparent url(skin/database_save.png) 5px 50% no-repeat;
    padding-left: 28px;
}













body {
	background-color: #83A6C9;
	font: 14px sans-serif, verdana, arial, helvetica;
	padding-top: 0;
	margin-top: 0;
}

#container {
	width: 1000px;
	position: relative;
	background-color: white;
	margin: 0 auto;
	padding: 1.5em;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
	
	-moz-border-radius: 0 0 15px 15px;
	border-radius: 0 0 15px 15px;
}

.header {
	width: 100%;
	color: gray;
}

.header .slogan {
	text-transform: uppercase;
	letter-spacing: .3em;
	font-size: 90%;
	border: 1px solid black;
	border-width: 1px 0 0px 0;
	text-align: center;
	padding: 0.6em 98px 1em 0;
	height: 5em;
}

.header .slogan img {
	float: left;
	height: 5em;
}

.header .slogan .title {
	letter-spacing: normal;
	text-transform: none;
	display: block;
	color: black;
	font-weight: bold;
	font-size: 3em;
	margin-top: .3em;
}

.content {
	margin-top: 5em;
	width: 100%;
}

.footer {
	clear:both;
}

.mainContent {
	width: 62%;
	padding:0 2% 0 0;
	border-right: 1px solid black;
}

.sideBar {
	float: right;
	width: 33%;
}

ul.form {
	list-style: none;
}

ul.form li {
	margin-top: 1em;
}

.searchForm {
	float: right;
	position: absolute;
	left: 800px;
	width: 200px;
	background-repeat: no-repeat;
	padding-left: 18px;
	background-position: 5px 3px;
	border: 1px solid gray;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: .2em;
}
.searchForm input {
	border: none;
	width: 180px;
	padding: .2em;
	margin: 0em;
	background: transparent;
}
.highlightedSearchForm {
	border: 1px solid #266AAD;
	background-color: #EBF5FC;
}

.searchSummary {
	padding-bottom: 2em;
}
.results .result {
	padding-bottom: 1em;
}
.results .result .name a {
	color: #266AAD; 
	font-size: 1.1em;
}
.results .result .desc{
	color: gray; 
	font-size: .9em;
}

.otherRater {
	font-size: 1.2em;
	margin: 1em 0 .5em; 
}
.ratingSideBar .timestamp, .ratingContainer .timestamp {
	color: gray;
	margin: .4em 0;
	font-size: .8em;
}

.ratingSideBar h1 {
	font-size: 1.5em;
}

.teamRating h2 {
	margin-top: 1em;
}

.teamRating .entryDate {
	font-weight: bold;
	padding: 1em 0em .5em;
}
.teamRating .entryDate span {
	font-weight: normal;
}

.teamRating .teamText {
	margin: .3em 0 1em;
	text-align: justify;
	line-height: 1.3em;
}

.teamRating .teamText p {
	margin: 0 0 .6em;
}
.teamRating .member {
	width: 48%;
	float: left;
	padding-bottom: 1.5em;
}
.teamRating .member .name {
	font-size: 1.3em;
	font-weight: bold;
}
.teamRating .member .origin {
	color: gray;
}
.teamRating .member .school, .teamRating .member .age {
	padding-top: .4em;
}

.filterable {
	cursor: pointer;
	position: relative;
}
.filterable img.search {
	position: absolute;
	top: 1em;
}

tr.countryApp td {
	border-bottom: 1px solid black;
	width: 12em;
}
tr.assignedCountry, tr.tempAssignedCountry {
	background-color: #EFEFEF;
}
tr.countryApp .country {
	font-weight: bold;
	display: block;
	font-size: 1.2em;
	padding-bottom: .3em;
}
tr.countryApp .region {
	color: gray;
	display: block;
	padding-bottom: .3em;
}
tr.countryApp .commissions {
	color: gray;
	display: block;
	padding-bottom: .8em;
}
tr.countryApp .commissions .mandatory {
	font-weight: bold;
}

tr.countryApp .star-rating-control {
	position: relative;
}
tr.countryApp .app {
	clear: both;
	background-color:#EEEEEE;
	margin-bottom:0.5em;
	padding: 2px;
	border: 2px solid #EEEEEE;
}
tr.countryApp .app .ratingCount {
	float: right;
}
tr.countryApp .highlightApp {
	border-color: cornflowerblue;
	background-color: cornflowerblue;
	cursor: pointer;
}
tr.countryApp .assignedTeam {
	opacity: .3;
}
tr.countryApp .countryDelegation, tr.countryApp .tempCountryDelegation {
	background-color: white;
	cursor: pointer;
}
tr.countryApp .countryDelegation {
	border-color: green;
}
tr.countryApp .tempCountryDelegation {
	border-color: orange;
}


tr.countryApp .app .location, tr.countryApp .app .teamleader {
	font-size: .8em;
	display: block;
}
tr.countryApp .app .appId {
	font-weight: bold;
}
tr.countryApp .app .members {
	float: right;
}

.starRankingOuter {
	height: 14px;
	background-repeat: repeat-x;
	background-position: 0 0px;
	position: relative;
	margin-right: 1.3em;
}

.starRankingInner {
	height: 14px;
	background-repeat: repeat-x;
	background-position: 0 -14px;
}
.starRankingOuter span {
	position: absolute;
	font-size: .8em;
	padding: .2em .3em;
}
.starRankingOuter span.count {
	position: absolute;
	font-size: .8em;
	padding: .2em .3em .2em 3.3em;
}

.dialogHeader {
	background-color: #266AAD;
	color: white;
	padding: .7em 1em;
	font-weight: bold;
}
.dialogContent {
	padding: 1em;
	background-color: #EEEEEE;
}
.ratingContainer {
	height: 15em;
	padding-right: 2em;
	overflow-y: auto;
	font-size: 80%;
}
.commissionChoice {
	padding: .3em 0;
}
.unavailableCommission {
	color: #CFCFCF;
}
.mandatoryCommission {
	color: black;
	font-weight: bold;
}
.optionalCommission {
	color: black;
}
.commission .mandatory {
	display: none;
}
.mandatoryCommission .mandatory {
	display: inline;
}
a.wishTemplate {
	font-size:0.8em;
	font-weight:normal;
	padding:0.3em 0.5em;
	text-decoration:none;
}
.countryChoice {
	margin: 1em 0;
}
.rightButton {
	float: right;
}
input.primary, input.secondary {
	margin-left: 2em;
}
input.primary {
	background-color: #266AAD;
	font-weight: bold;
	color: white; 
}
input.secondary {
	background-color: #DDDDDD;
	font-weight: normal;
	color: black;
}

.assignStep1 .noRatings {
	color: gray;
	padding: .5em 0 0 .5em;
}
.assignStep1 .temporaryAssignment, .assignStep1 .assignment {
	padding-top: 1em;
}
.assignStep1 .user {
	font-weight: bold;
}
.assignStep1 .temporaryAssignment .assignmentComment {
	padding: .3em 0 0 .5em;
}
.assignStep1 .temporaryAssignment .assignmentComment span {
	color: gray;
}
.assignStep1 .temporaryAssignment .assignmentDate {
	color: gray;
	font-size: .7em;
}
.assignStep1 .assignment {
	padding-bottom: .4em;
}
.assignStep1 .splitNotice {
	padding-top: .4em;
}
.assignStep1 .splitNotice span {
	color: #266AAD;
}
.assignStep1 .splitNotice div {
	padding: .3em 0 .3em 1.5em;
}

.assignStep2 .overSelection {
	color: red;
}
.assignStep2 .underSelection {
	color: orange;
}
.assignStep2 label.textarea, .splitTeam label.textarea {
	display: block;
	margin-top: 1em;
}
.assignStep2 textarea, .splitTeam textarea {
	width: 80%;
	margin-bottom: 2em;
}

.teamMember {
	padding: .3em 0;
}
.dialogContent h2.spacer {
	margin-top: 1em;
}

.filters {
	border:1px solid gray;
	float:right;
	margin-right:1em;
	padding:0.5em;
	width:12em;
}
.filters .title {
	font-weight: bold;
	padding-bottom: .5em;
}
.filters span {
	display: block;
}
.filters .list span {
	border-top: 1px solid gray;
	padding: .2em;
}
.filters .list span:nth-child(1) {
	border-top: 0px;
}
.filters #showAll {
	display: block;
	text-align: right;
	padding-top: .7em;
}

.statistics {
	float: right;
}
.statistics table {
	width: 100%;
}
.statistics td {
	font-size: .7em;
	padding: 0em .2em;
}
.statistics td .perc {
	float: left;
	color: gray; 
	font-size: .7em;
	visibility: hidden;
}

.counter {
	border-collapse: separate;
	width: auto;
}
.counter td {
	font-weight: bold;
	font-size: 1.2em;
}
.counter td.value {
	text-align: right;
}
.counter .assigned {
	color: green;
}
.counter .temporaryAssigned {
	color: orange;
}


.busyStatus {
	background-image: url(/images/ajax_loader.gif);
	background-repeat:no-repeat;
	padding:0.1em 0 0 1.5em;
}

.teamRating .participation {
	padding: .5em 0em 0em 2em;
}
.teamRating .wish img, .teamRating .participation img {
	border: 1px solid gray;
	position: relative;
	top: .4em;
}
#logout {
	float: right;
	margin-top: .7em;
}

.statistics .ui-tabs-panel {
	height: 160px;
	width: 500px;
}
.statistics .ui-tabs-nav {
	font-size: .6em;
}
.statistics .ui-tabs-panel {
	padding: .3em;
}

.statistics a:link, .statistics a:visited, .statistics a:hover {
	font-weight: normal;
}


.applicationRatingList .assignedStatus {
	text-align: center;
}
.applicationRatingList img {
	margin-bottom: .2em;
}
.applicationRatingList .assignedStatus .temporaryAssigned {
	color: orange;
	padding-bottom: .4em;
}
.applicationRatingList .assignedStatus .assigned {
	color: green;
	padding-bottom: .4em;
}
.applicationRatingList .assignedStatus .none {
	color: #777;
	padding: 1.7em 0em;
}

.applicationRatingList .applicationId{
	text-align: center;
}

.applicationRatingList .applicationId .type {
	display: block;
	color: #a9a9a9;
}



.app .assignLink {
	color: orange;
}
.xhidden {
	display: none;
}

.dataSummary {
	width: 440px;
	margin: 15px;
	float: left;
	-moz-border-radius: 3px;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	border: solid 1px #DDD;
	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.dataSummary .title {
	/* background-color: #266AAD; */
	color: white;
	font-weight: bold;
	padding: .5em 0 .3em .5em;
	-moz-border-radius: 3px 3px 0 0;	
	-webkit-border-radius: 3px 3px 0 0;	
	border-radius: 3px 3px 0 0;	
	text-shadow:0 1px 0 #333333;
	position: relative;
}
.dataSummary .inner {
	padding: 1em;
	font-size: .9em;
}
.dataSummary .xrow {
	padding-bottom: 2em;
}
.dataSummary .xrow .xlabel {
	position: absolute;
	z-index: 1;
	color: #888888;
}
.dataSummary .xrow .value {
	position: relative;
	top: 1em;
	font-weight: bold;
	margin-right: 1em;
	font-size: 1.3em;
}

.dataSummary .xrow .value img {
	position: relative;
	top: .2em;
}

.dataSummary .actions {
	text-align: right;
	margin-top: .4em;
}
.dataSummarySpacer {
	clear: both;
}

div.field-row,
div.checkbox-row {
	font-size: 1em;
	padding-bottom: 2em;
}

div.field-row label {
	position: absolute;
	z-index: 1;
	color: #888888;
}
div.checkbox-row label  {
	color: #888888;
}

div.field-row input,
div.field-row select,
div.field-row span.option {
	position: relative;
	top: 1em;
	font-size: 1.2em;
	border: 1px solid #DDDDDD;
}
div.field-row span.checkBoxText {
	position: relative;
	top: 1.1em;
	font-size: 1.2em;
}

div.field-row input[type='text']:focus,
div.field-row input[type='password']:focus {
	border: 1px solid #266AAD;
}

#login .inner {
	width: 19em;
	margin:0px auto;
	text-align:left;
	padding:1em;
	border: 1px solid gray;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#login .inner input[type='text'],
#login .inner input[type='password'] {
	width: 15em;
}
#login .loginMessage {
	padding-bottom: 1em;
	color: red;
}
#login .loginMessage {
    padding-bottom: 1em;
    color: red;
}
#login .forgot {
	margin-top: 2em;
}
#login .forgot a {
	font-weight: normal;
}
#login .forgot a:hover {
	text-decoration: underline;
}

.dialogContent form input[type='text'],
.dialogContent form input[type='password'] {
	width: 13em;
	margin-right: .8em;
}
.dialogContent form input[type='text'].double,
.dialogContent form input[type='password'].double {
	width: 27.6em;
}

div.dialogContent label {
    display: inline;
}

.pagination {
	padding-top: .8em;
}
.pagination .step, .pagination .currentStep {
	padding: .3em .5em .1em .5em;
}
.pagination .currentStep {
	color: white;
	background-color: #266AAD;
}
.noSummaryData {
	color: gray;
	font-style: italic;
}
.selectedProcessEntities .entity {
	background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#C0C0C0));
	background: -moz-linear-gradient(top,  #FCFCFC,  #C0C0C0);
	margin-bottom:0.7em;
	padding:0.4em 0.6em;	
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	border: 1px solid #C0C0C0;
}

.selectedProcessEntities .entity a {
	display: none;
	width: 16px;
	height: 16px;
}

.selectedProcessEntities .entity:hover a {
	float: right;
	position: relative;
	top: -.2em;
	display: block;
}



.columnSelection { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
}
.columnSelection li { 
	margin: 0 5px 5px 5px; 
	padding: 5px; 
	height: 1.5em;
	cursor: move;
}
html>body .columnSelection li { 
	height: 1.5em; 
}
.columnSelection .ui-state-highlight { 
	height: 1.5em; 
}
.columnSelection li label {
    display: inline;
	padding-left: .5em;
}



tr .table-row-actions {
    display: inline-block;
    float: right;
}

tr:hover .table-row-actions {
    display: inline-block;
    float: right;
    visibility: visible;
}









ul.topnav {  
    list-style: none;  
    padding: 0 1%;  
    margin: 0;  
    float: left;  
    width: 98%;  
    border-bottom: 1px solid black;
}

ul.topnav li {  
    float: left;  
    margin: 0;  
    padding: 0 1.5em 1px 1.5em;  
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li:hover {
	background-color: #266AAD;
}

ul.topnav li:hover a {
	color: white;
}

ul.topnav li a {  
    padding: .4em .2em;  
    color: gray;  
    display: block;  
    text-decoration: none;  
    float: left;  
}

ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  
ul.topnav li ul.subnav {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; top: 1.9em;  
    background: lightgray;
    margin: 0; padding: 0;  
    display: none;  
    float: left;  
    width: 170px;  
    border: 1px solid #111;  
}  
ul.topnav li ul.subnav li{  
    margin: 0; padding: 0;  
    border-top: 1px solid #252525; /*--Create bevel effect--*/  
    border-bottom: 1px solid #444; /*--Create bevel effect--*/  
    clear: both;  
    width: 170px;  
}  
html ul.topnav li ul.subnav li a {
	font-weight: normal;  
    float: left;  
    width: 145px;  
    padding-left: 20px;
    color: gray;  
}  
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
    color: white;  
}