@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic&subset=latin,latin-ext);


.gwt-ListBox.CPEUnitBox {
    width: 55px;
    margin-right: 1px;
}
.gwt-TextBox.CPEValueBox {
    width: 75px;
    margin-right: 1px;
}

.accessRightsSelectionLinks .gwt-Label {
	display: inline;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: underline;
	cursor: pointer;  	
}

.glassLayerRoot {
	z-index: 3000;
    position: fixed;
    -position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    vertical-align: middle;
    background-color: #FFFFFF;
    opacity: 0.9;
}

#progressBarContainer {
    position: relative;
    width: 20%;
    top: 30%;
    left: 40%;
    border: #657a75 solid 2px;
    vertical-align: middle;
    text-align: center;
    background-color: white;
    opacity: 1.0;
    min-width: 250px;
}

.GWTCProgress .prg-title {
    white-space: normal;
color:white;
}

.GWTCProgress {
    width: auto;
    margin: 0 auto;
    text-align: center;
}

.GWTCProgress .prg-bar-outer {
    width: auto;
    margin: 0 auto;
	background:#f1f1f1;
}



.Auxiliary {
	background-color: #F1F1F1;
	margin: 0;
	padding: 0;
}

.Auxiliary h1 {
    font-size:16px;
    margin-left: 0.5em;
    margin-top: 0.5em;
    padding-left: 0;
	color:#104f85;
	font-weight:normal;
	text-align:center;
	letter-spacing:1px;
}

.Auxiliary .sectionBody {
   font-size: 100%;
   margin-left: 2em;
   margin-right: 2em;
}

.Auxiliary a {
	color:000000;
}

.Auxiliary#Redirect p {
	font-size: 100%;
	margin-left: 2em;
} 

.GUISkeleton,
.Registrations
{
	font-size: 13px;
}

.Registrations {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

body,
table td,
table th,
select 
{
	font-family: 'Roboto', sans-serif !important;
	font-size: 13px;
}

.GUISkeleton .Dashboard td {
    padding-bottom: 20px;
    border: solid 1px #ddd;
    vertical-align: top;
	background:#f7f7f7;
}

.GUISkeleton .Dashboard .gwt-Button {
    display: block;
    border: none;
    text-decoration: none;
    background: transparent;
    margin: 2px 2px 2px 16px;
    padding: 3px;
    text-align: left;
	color:#555;
	font-family: 'Roboto', sans-serif;
}   

.GUISkeleton .Dashboard .gwt-Button:hover {
	text-decoration:underline;
	color:#bfad2b;

}  



.GUISkeleton .Dashboard .gwt-Label {
    font-size: 20px;
    margin: 6px 6px 6px 10px;
	color:#bfad2b;
	letter-spacing:1px;
	font-family: 'Roboto Condensed', sans-serif !important;
} 


.passLayoutCollection
{
	margin: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: silver;
}





.status_label {
	font-size: 14px;	
	display: none;
}

.footer_html {
	font-size: 0.9em;
}




.gwt-DateBox,
.gwt-TextBox,
.gwt-TextArea,
.gwt-ListBox
{
	background-color: #FFFFFF;
	border: #f1f1f1 inset 1px; /* border color same as background-color of .GUISkeleton */
	padding: 2px;
}

.gwt-DateBox[disabled],
.gwt-TextBox[disabled],
.gwt-TextArea[disabled],
.gwt-ListBox[disabled]
{
	background-color: #F1F1F1;
}

.gwt-TextBox-validation_failed,
.gwt-DateBox-validation_failed,
.gwt-TextArea-validation_failed,
.gwt-DateBox.dateBoxFormatError
{
	background-color: #FFCCCC;
}


/* 
Good in Firefox, but screwed up in Opera, Safari and IE6
.gwt-CheckBox label { position: relative; top: -2px; } 
*/	


.selectionTree
{
	border: #50A0A9 inset 1px; /* border color same as background-color of .GUISkeleton */
	height: 100%;
	background-color: #FEFEFE;
}

.colorCodeInput .color_preview {
    border: inset 1px #50A0A9; /* border color same as background-color of .GUISkeleton */
}

.gwt-DateBox,
.gwt-TextBox,
.gwt-TextArea,
.gwt-ListBox 
{
	width: 220px;
}

.gwt-TextArea.AccreditationDetailsRemark 
{
	height: 100px;
}

.colorCodeInput .gwt-TextBox {
	width: 196px;
}	

.uploadButtonContainer {
   text-align: right;
   width: 221px;
}

/** All but IE6 */
/** We should put Upload and Remove in the same td as file input, thereby avoiding this hack */
html > body .uploadButtonContainer {
   margin-top: 0px;
   margin-bottom: 10px;
}

form {margin: 0;}

.removeButton { width: 75px; -moz-appearance: button; }
.uploadButton { width: 75px; -moz-appearance: button; }

.descriptionLabelContainer { vertical-align: top; }





.passLayoutPanel .elementFontEditor {
	width: 100%;
	height: 100%;
}

/*
.passLayoutPanel .gwt-TextBox, 
.passLayoutPanel .gwt-ListBox 
{
	width:100%;
}
*/

.GUISkeleton .sol-ElementWidget-selected_subnode,
.Registrations .sol-ElementWidget-selected_subnode 
{
    background: #dedede;
    color:#000000;
}

.selectionTree.registration-forms {
	width: 200px;
	min-height: 200px;
	height: 200px;
}

.selectionTree.customTableColumns {
	width: 200px;
	min-height: 200px;
	height: 200px;
}



.searchCaption,
.caption 
{
	display: none;
	color: red;
	text-decoration: line-through;
    margin: 0px 10px 10px 0px;
    font-weight: bold;
    font-size: 18px;
}



.mems-AccessRights
{
	
}

.mems-AccessRights table {
  border-collapse: collapse;
}


.mems-AccessRights .ARScroll table {
    margin-top: 30px;
}

.mems-AccessRights .ARScroll table td {
    text-align: center;
    border: gray solid 1px;
}

.mems-AccessRights .ARScroll table td.RHeader,
.mems-AccessRights .ARScroll table td.CHeader
{
  background-color: #ddeac9;
  padding: 2px;
  text-align: left;
  vertical-align: top;
}

.mems-AccessRights tr.RLimitter td.RHeader,
.mems-AccessRights tr.RLimitter td,
.mems-AccessRights tr.RLimitter
{
  background-color: #50A0A9;
  border-left: none;
  border-right: none;
  text-align: left;
  padding: 8px 2px 4px 8px;
}

.mems-AccessRights td.RHeader .sol-ElementWidget, 
.mems-AccessRights td.RHeader .sol-ElementWidget .EWIcon,
.mems-AccessRights td.RHeader .sol-ElementWidget .EWLabel,
.mems-AccessRights td.CHeader .sol-ElementWidget, 
.mems-AccessRights td.CHeader .sol-ElementWidget .EWIcon,
.mems-AccessRights td.CHeader .sol-ElementWidget .EWLabel
{
	display: inline;
	whitespace: nowrap;
}

.gwt-TabBar .gwt-TabBarItem {
	background: #f1f1f1 none repeat scroll 0 0;
	color: gray;
	cursor: pointer;
	font-weight: bold;
	margin-left: 6px;
	padding: 3px 6px;
	text-align: center;
}

.gwt-TabBar .gwt-TabBarItem-selected {
	background: #f1f1f1 none repeat scroll 0 0;
	border-color: #50A0A9;
	border-style: outset outset solid;
	border-width: 1px 1px 2px;
	color: black;
	cursor: default;
	position: relative;
	z-index: 1000;
	margin-bottom: -2px; /* TODO: try avoiding this travesty if possible, by using outline, or something */
}

.gwt-TabPanelBottom {
	border: 2px groove #50A0A9;
	overflow: hidden;
	padding: 6px;
}





.Registrations .search-form-inside {
	width: 1000px;
	height: 15em;
}

/*
.Registrations .search-form-inside > tbody > tr > td > table, 
.Registrations .search-form-inside .column > table {
	width: 100%;
	height: 100%;
}
*/
.treeAndDetailsHorPanel > tbody > tr > td:first-child {
	padding-right: 10px;
}

/* Registration forms */
 
.registration-tabs {
	width: 100%;
}

.registration-form .slot {
	width: 100%;
}

.registration-form .custom-table-section {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

.registration-form .custom-table-section .title {
	font-weight: bold;
}

.registration-form .editable-box {
	height: 20em;
}

.registration-form .description {
	font-size: 75%;
	margin-bottom: 10px;
}

.registration-form .gwt-ListBox.IWDay {
    width: 50px !important;
}
.registration-form .gwt-ListBox.IWMonth {
    width: 55px !important;
}
.registration-form .gwt-TextBox.IWYear {
    width: 60px !important;
}


.table-command-panel,
.table-footer
{
    background-color: #F1F1F1;
}

.table-header-cell {
	height: 100%;
}

.table-header-cell .gwt-Button {
	display: block;
	height: 100%;
 	white-space: normal;
}

* html .table-header-cell .gwt-Button {
	display: block;
    height: auto;
    white-space: normal;
}

.table-header-cell .gwt-Button table {
	width: 100%;
 	white-space: normal;	
}

.table-header-cell .gwt-Button .gwt-Label {
	text-align: left;
	width: 100%;
	white-space: normal;
}

.table-header-cell .gwt-Button td {
	text-align: right;
}

.table-data-cell .sol-ElementWidget,
.table-data-cell .sol-ElementWidget .EWIcon,
.table-data-cell .sol-ElementWidget .EWLabel
{
	display: inline;
	white-space: normal;	
}



.GUISkeleton .PrintPage3Panel .selectionTree .gwt-Tree .gwt-TreeItem .sol-ElementWidget {
    background: #00882D;
    color: white;
}

.GUISkeleton .PrintPage3Panel .selectionTree .gwt-Tree .gwt-TreeItem .sol-ElementWidget-selected_subnode {
    background: #CB000F;
    color: white;
}

.GUISkeleton .PrintPage3Panel .selectionTree .gwt-Tree .gwt-TreeItem .sol-ElementWidget .EWLabel:after {
    content: " (Successfully printed)";
}

.GUISkeleton .PrintPage3Panel .selectionTree .gwt-Tree .gwt-TreeItem .sol-ElementWidget-selected_subnode .EWLabel:after {
    content: " (Printing failed)";
}



.selectRolePanel .selectionTree {
	min-height: 400px;
	-height: 400px;
}

* html .selectRolePanel .selectionTree {
	height: 400px;	
}






.mostLikelyAHiddenButton,
.GUISkeleton .registrationDetailsPanel .btnSubmit,
.GUISkeleton .registrationDetailsPanel .btnDiscard,
.GUISkeleton .registrationDetailsPanel .btnModify,
.GUISkeleton .registrationDetailsPanel .btnDone,
.GUISkeleton .registrationDetailsPanel .btnCreateAccreditation,
.GUISkeleton .accreditationsDetailsPanel .approveButton,
.GUISkeleton .accreditationsDetailsPanel .cancelButton,
.GUISkeleton .accreditationsDetailsPanel .createPassButton,
.GUISkeleton .passDetailsPanel .declareLostButton,
.GUISkeleton .passDetailsPanel .declareDamagedButton,
.GUISkeleton .passDetailsPanel .declareReturnedButton,
.GUISkeleton .passDetailsPanel .declareDiscardedButton,
.GUISkeleton .passDetailsPanel .declareIssuedButton,
.GUISkeleton .passDetailsPanel .internalButtonPanel,
.GUISkeleton .participantDetailsPanel .deleteButton,
.GUISkeleton .participantDetailsPanel .createAccreditationButton,
.GUISkeleton .participantDetailsPanel .createPassButton,
.GUISkeleton .createParticipantGroupPanel .createButton,
.GUISkeleton .participantGroupSearchPanel .createParticipantGroupPrototypeButton,
.GUISkeleton .participantGroupSearchPanel .createCountryDelegationPrototypeButton,
.GUISkeleton .participantGroupDetailsPanel .deleteButton,
.GUISkeleton .participantGroupDetailsPanel .createAccreditationsButton,
.GUISkeleton .participantGroupDetailsPanel .toApproveCheckbox,
.GUISkeleton .participantGroupDetailsPanel .internalButtonPanel,
.GUISkeleton .participantRolesPanel .createButton,
.GUISkeleton .participantRolesPanel .deleteButton,
.GUISkeleton .disciplinesPanel .createButton,
.GUISkeleton .disciplinesPanel .deleteButton,
.GUISkeleton .userRolesPanel .createButton,
.GUISkeleton .userRolesPanel .deleteButton,
.GUISkeleton .userSearchPanel .createButton
{
	text-decoration: line-through;
	color: red;
	display: none;
}	
	





.searchFormPart
{
    display: inline-block;
    vertical-align: top;
}

.searchFormPart .gwt-CheckBox{
     white-space: nowrap;
}

.searchFormPart-advanced {
	padding-top: 5px;
    padding-left: 10px;
}

.searchFormPart-advanced .searchFormPart {
   display: block;
}

.GUISkeleton .userSearchPanel .searchFormPart-advanced .searchFormPart {
    display: inline-block;
}

.GUISkeleton .userSearchPanel .searchFormPart-advanced .selectionTree {
    height: 100px;
}


.GUISkeleton .participantGroupSearchPanel .searchFormPart-advanced .searchFormPart {
    display: inline-block;
}



.GUISkeleton .gwt-DisclosurePanel-closed {
    /* display: block; */
}

.GUISkeleton .gwt-DisclosurePanel .header:hover  {
    text-decoration: underline;
}

.GUISkeleton .gwt-DisclosurePanel-closed .header .gwt-Label:after {
    content: " (>>)";
}

.GUISkeleton .gwt-DisclosurePanel-open .header .gwt-Label:after {
    content: " (<<)";
}

.GUISkeleton .bulkRegistrationPanel .gwt-TextArea {
	width: 800px;
	height: 400px;
}




body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;	
}

.GUISkeleton {
	height: 100%;
	min-height: 100%;
	width: 100%;
	position: relative;	
}

.GUISkeleton .topPanel {
    position: fixed;
    top: 0; left: 0; right: 0;
    height: 154px;
    z-index: 100;
}

.GUISkeleton .middlePanel {
    position: absolute;
    z-index: 0;
    margin-top:30px;
    top: 154px; right: 10px; left: 10px;
    padding: 0px 0px 72px;
    background-color: #BDFF6;
}

.GUISkeleton .mainDeck {
}
    
.GUISkeleton .bottomPanel
{
    position: fixed;
    bottom: 0; left: 0; right: 0;
    background: #DDD;
    /* opacity: 0.8; */
    z-index: 100;
}

.GUISkeleton .locationDeck {
    margin: 0;
	padding: 5px 10px 5px 10px;
    background: #FFFFFF;
    /* opacity: 0.8; CSS3 */
    height: 18px; 
}

.GUISkeleton .locationDeck .gwt-Label {   
	color:#1e5799;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:14px;
	padding-top:10px;
}


.GUISkeleton .buttonDeck {
    padding: 4px;
    border-top: 2px groove #DDD;
    text-align: center;
}

.GUISkeleton .buttonDeck .gwt-Button {
    font-weight: bold;
    /*color: darkblue;*/
    padding: 4px 16px; 
    /*font-size: 19px;*/
	
    margin: 0 1px;
    opacity: 1.0; /* CSS3 */
}

.GUISkeleton .buttonDeck .previousButton:before {
    content: " <<";
}

.GUISkeleton .buttonDeck .nextButton:after {
    content: " >>";
}

.GUISkeleton .buttonDeck .backButton {
    float: left;
}

.GUISkeleton .helpLink {
	float: right;
	display:none; /*Miloš dodao da bi sklonio Help na zahtev Nikole Bilanovića*/	
}

.GUISkeleton .statusBar {
    display: block;
}

.GUISkeleton .statusBarMessage
{
	display: inline;
	font-size: 10px;
}

.statusBarMessage .gwt-Image {
    display: inline;
    vertical-align: middle;
}

.statusBarMessage .gwt-Label { 
    display: inline;
    vertical-align: middle;
}


.GUISkeleton .copyright {
    text-align: right;
    float: right;
    clear: right;
}




.Registrations .titleBarLogo,
.GUISkeleton .titleBarLogo
{
	display: none;
    width: 0px;
}

.Registrations .titleBarLabel,
.GUISkeleton .titleBarLabel,
.Auxiliary .titleBarLabel,
.glassLayerRoot .titleBarLabel
{
    height: 99px;
    /*background-image: url("../img/header.jpg");*/
    background-image: url("../img/header.jpg");
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
    color:#1e5799;
    font-size: 26px;
    text-align: left;
	text-shadow:1px 1px 1px #f2f2f2;
	font-family: 'Roboto Condensed', sans-serif !important;
	padding-bottom:20px;
}

.Registrations .titleBarLabel span,
.GUISkeleton .titleBarLabel span 
{
	position: absolute;
	top: 73px;
	right: 10px;	
}

.sessionUserPanel {
	z-index: 2000;
	position:absolute;
	width: auto;	
	top: 10px;
	right: 10px; /* from the right edge */
	background: none;
	border: none;
	white-space: nowrap;
	vertical-align: baseline;
}

.GUISkeleton .sessionUserPanel { 
     top: 6px; 
}

.sessionUserPanel div,
.sessionUserPanel span,
.sessionUserPanel img,
.sessionUserPanel a,
.sessionUserPanel .sol-ElementWidget,
.sessionUserPanel .sol-ElementWidget .EWLabel,
/* .sessionUserPanel .sol-ElementWidget .gwt-Image, */
.sessionUserPanel .gwt-Button,
.sessionUserPanel .gwt-Button:hover,
.sessionUserPanel .gwt-Button:active,
.sessionUserPanel .gwt-Label,
.sessionUserPanel .gwt-HTML
{
	display: inline;
	border: none 0px;        
	background: transparent none;
	padding: 0px 0px;
	margin: 0px 0px;
	font-size: 10px;
	height: 20px;
	vertical-align: baseline;
	white-space: nowrap;
	font-weight:bold;
	text-transform:uppercase;
	color:#bfad2b;
}

.sessionUserPanel .sol-ElementWidget .gwt-Image {
	display: none;	
}

.sessionUserPanel .gwt-Button,
.sessionUserPanel .gwt-Button:hover,
.sessionUserPanel .gwt-Button:active 
{
	padding-left: 10px;	
}

* html .sessionUserPanel .gwt-Button,
* html .sessionUserPanel .gwt-Button:hover,
* html .sessionUserPanel .gwt-Button:active 
{
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	top: 0px; /* IE78 */
	-top: -3px;	/* IE6 */
}

/*
* html .sessionUserPanel .sol-ElementWidget,
* html .sessionUserPanel div.gwt-Label {
	position: relative; left: 30px;	
}

* html .sessionUserPanel .sol-ElementWidget .gwt-Label {
	position: relative; left: 10px;
} 
*/

.sessionUserPanel .gwt-Button,
.sessionUserPanel .gwt-Button:hover,
.sessionUserPanel .gwt-Button:active,
.sessionUserPanel a
{
    cursor: pointer;
    text-align: right;
}

.sessionUserPanel .gwt-Button,
.sessionUserPanel a,
.sessionUserPanel a:visited
{
	margin-left: 8px;
	color:#1e5799;
	text-decoration: none;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
}

.sessionUserPanel a:hover,
.sessionUserPanel .gwt-Button:hover
{
	text-decoration: underline;
	color:#bfad2b;
}

* html .sessionUserPanel a:hover,
* html .sessionUserPanel .gwt-Button:hover
{
	color: white; /* IE678 */
}



/* IE - absolute layout with scrollbars on middlePanel - does not work! */
/*
* html body#bodyConfig,
* html body#bodyMain { overflow: hidden; }
* html .GUISkeleton { height: 100%; min-height: 100%; position: relative; margin: 0; padding: 154px 0 40px; }
* html .GUISkeleton .topPanel { height: 154px; position: absolute; top: 0; width: 100%; padding: 0px; }
* html .GUISkeleton .titleBarPanel { margin: 0; padding: 0; vertical-align: top; }
* html .GUISkeleton .titleBarLabel { width: 100%; height: 99px; margin: 0; padding: 0; position: absolute; top: 0; }
* html .GUISkeleton .mainMenu { position: absolute; top: 99px; width: 100%; } 
* html .GUISkeleton .locationDeck { height: 18px; position: absolute; top: 124px; width: 100%; margin: 0; padding: 5px 10px 5px 10px; }
* html .GUISkeleton .middlePanel { position: static; padding: 10px; margin: 0; height: 100%; width: 100%; overflow: scroll; }
* html .GUISkeleton .mainDeck { padding: 0; margin: 0; width: 100%; }
* html .GUISkeleton .bottomPanel { height: 40px; position: absolute; bottom: 0; width: 100%; margin: 0; padding: 0; }
*/

* html .GUISkeleton { height: 100%; min-height: 100%; position: relative; margin: 0; padding: 0; }
* html .GUISkeleton .topPanel { height: 154px; position: relative; width: 100%; padding: 0px; }
* html .GUISkeleton .titleBarPanel { margin: 0; padding: 0; vertical-align: top; }
* html .GUISkeleton .titleBarLabel { width: 100%; height: 99px; margin: 0; padding: 0; }
* html .GUISkeleton .mainMenu { position: relative; width: 100%; } 
* html .GUISkeleton .locationDeck { height: 18px; position: relative; width: 100%; margin: 0; padding: 5px 10px 5px 10px; }
* html .GUISkeleton .middlePanel { position: static; padding: 10px; margin:0; height: auto; width: 100%; }
* html .GUISkeleton .mainDeck { padding: 0; margin: 0; width: 100%; }
* html .GUISkeleton .bottomPanel { height: 40px; position: static; width: 100%; margin: 0; padding: 0; }



.Registrations .table-data-cell .sol-ElementWidget {
	cursor: pointer;
}

.Registrations .heading {
	font-size: 18px;
	font-weight: bold;
	margin-top: 0.5em;	
}


.usernameLabel {
    display: inline;
}

.gwt-TextBox.usernameInput {
    display: inline;
    margin-right: 4px;
    width: 100px;
}

.zonesVenuesServicesPanel .gwt-Button
{
	margin-right: 2px;
}

.organizationsFunctionsCountriesPanel .gwt-Button
{
	margin-right: 2px;
}

.printingAndIssueStationsPanel .gwt-Button
{
	margin-right: 2px;
}

.strategiesPanel .gwt-Button
{
	margin-right: 2px;
}