@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {
	font-family: 'Open Sans',sans-serif;
    background-color:#f5f5f5;
    min-width:auto!important;
}
a{
  color:#4d4d4d;
}
.tdLargeFont
{

}

.tdMediumFont
{
	font-size: 14px;
}

.thDetailLabel
{
	text-align: right;
	vertical-align: top;
	width: 400px;
	padding-right: 10px;
}

.tdHeader
{

	vertical-align: top;
	/*font-weight:bold;*/

}

.tdContent
{
	padding-right: 10px;
	padding-left: 10px;
	left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
}

.tdHeaderText
{
	width: 100%;
	text-align: center;
	font-size: 26px; /*x-large;*/
	color: #4d4d4d; /*#cc0000;*/
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color:  ; /* #008191; #f4f4f4;*/
	padding: 10px;
  border-radius: 4px;
  font-weight:bold;
  display: inline-block;
  padding-left:0px;
}
.courselist .tdHeaderText{
  background-repeat:no-repeat;
  background-position:25% 12%;
}
.application_table td{
	font-size:0.95em;
}
.top{
	display:none;
}

.tdHeaderTextLeft
{
	width: 100%;
	text-align: left;
	padding-left: 100px;
	font-size: x-large!important;
	color: black;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
/*	background-color: #f4f4f4;*/
}
.admin_reg .tdHeaderText{
  background-image:none;
  margin-bottom:30px;
}
#programmesTbl tr:nth-child(even), tr.tdNormal:nth-child(even){
  background-color:#fafafa;
}

.tdHeaderRegistration
{
	text-align: left;
	font-weight: bold;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color: #dcdcdc;
}
.tdNormal td, .application_table tbody, .application_table table,.application_table .tdHeaderRegistration td{
   border-color:#ededed;
}
.tableMain
{
	width: 57%;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	padding:20px;
	border-radius:4px;

}
.admin_reg .tableMain{
	background-color:white;  
}
.tableEdit
{
	background-color: #ccccff;
	color: #000080;
	text-align: left;
	font-family: Trebuchet MS, Arimo;
	font-size: 10pt;
	padding: 0;
	border-style: none;
	border-width: 2px;
	border-color: #CCCCFF;
	border-style: solid;
}

.tableEditDyn
{
	display: none;
	position: absolute;
	background-color: #ccccff;
	color: #000080;
	text-align: left;
	font-family: Trebuchet MS, Arimo;
	font-size: 10pt;
	padding: 0;
	border-style: none;
	border-width: 2px;
	border-color: #CCCCFF;
	border-style: solid;
	border-radius:2px;
}

.tdEditSmall
{
	border-right: #ccccff 2px solid;
	padding-right: 3px;
	border-top: #ccccff 2px solid;
	padding-left: 8px;
	font-size: 8pt;
	padding-bottom: 3px;
	vertical-align: top;
	border-left: #ccccff 2px solid;
	color: #000080;
	padding-top: 3px;
	border-bottom: #ccccff 2px solid;
	font-family: Trebuchet MS, Arimo;
	background-color: #ffffff;
}
.tdEditNormal
{
	border-right: #ccccff 2px solid;
	padding-right: 3px;
	border-top: #ccccff 2px solid;
	padding-left: 8px;
	font-weight:normal;
	font-size: 10pt;
	padding-bottom: 3px;
	border-left: #ccccff 2px solid;
	padding-top: 3px;
	border-bottom: #ccccff 2px solid;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color: #ffffff;
	text-align: left;
}
select#ProgrammeClass{
  background-image:none;
}

.message
{
	font-size: 1.1em;
	font-weight: normal;
	color: #4d4d4d;
	text-align: center;
}
.message a{
color:#39A0AF!important;
}
/*
input
{
	background-color: #F4F4F4;
	border: 1px solid #999999;
	padding:3px;
}*/

select, input {
	background-color: #ffffff;
	color: #4d4d4d; /*#008191;  #193553; */
	border-top: none;
	border-left: none;
	border-radius: 3px;
}
select{
	background-image:url('../images/arrow_down.png');
	background-repeat:no-repeat;
    overflow: hidden;
	background-position:102% 50%;
}
select {

  /* styling */
  background-color: white;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding:8px;
  /* reset */
  border: 1px solid #D1D1D1;
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  min-width:150px;
  width:190px;
  padding-right:42px;
}

input[type=text], input[type=password], TEXTAREA {
	background-color: #fff;
	font-size: 1em;
	border: 1px solid #D1D1D1;
	padding: 8px;
	border-radius:3px;
	display:block;
	clear:left;
	margin-bottom:10px;
}

input[type=button], input[type=submit] {
	cursor:pointer;
	background-color: #39a0af;
	text-decoration: none;
	color: #ffffff;
	font-size: 1em;
	padding: 10px 15px; /* 3px 7px 3px 4px; */
	font-weight: bold;
	border: none; 
	border-radius:3px;
}
input[type=button]:hover, input[type=submit]:hover{
	background-color:#40b1c1;
}
.admin_reg input#ProgrammeDescription, .admin_reg input#ProgrammeTitle{
  width:170px;
}
.admin_reg select{
  width:188px;
}
.admin_reg input[type="radio"], .admin_reg input[type="checkbox"]{
  width:auto;
}
.admin_reg img.tcalIcon{
  float:none;
}
.admin_reg input[type="text"], .admin_reg input[type="password"]{
  min-width:170px;
}
.pSection
{
	font-family: 'Open Sans',sans-serif;
	font-size: 16px;
	line-height:150%;
	/*font-weight: bold;
	color: #CC0000;*/
	text-align: left;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:20px;
}

.tableHeader
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	width: 100%;
	border-top-style: none;
	padding-top: 10px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	text-align: center;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	/*background-color:rgb(244, 244, 244)  ;  #008191; #f4f4f4;*/
	border-bottom:1px solid #F0F0F0;	
}

.tableRadioBtns
{
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	width: 90%;
	border-top-style: none;
	padding-top: 3px;
	border-right-style: none;
	border-left-style: none;
	text-align: left;
	border-bottom-style: none;
}

.button
{
  background-color: white;
	font-family: 'Open Sans',sans-serif;
  font-size: 10pt;
  font-weight: bold;
  border: 1px solid white;
  padding: 10px 15px;
  text-transform:capitalize;
}
#btnReset{
  background-color:#d1d1d1;
  font-size:1em;
  cursor:pointer;
  min-width: 94px;
  margin-top: 18px;
}
#btnReset:hover{
	background-color:#dddddd;
}
.btnSubmit{
	float:left;
	margin-right:13px;
	margin-top: 19px;
}
/*BODY
{
	font-size: small;
	text-align: left;
	font-family: Verdana, Arimo, Helvetica;
}*/
.tableContent
{
	/*width: 650px;*/
    width: auto;
	padding-top:40px;	
	padding-left:20px;	
	padding-right:20px;	
	padding-bottom:20px;	
	border-top-style: none;
	padding-top: 0px; /*20px;*/
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	margin-bottom:20px;
	background-color:white;
	border-radius:4px;

}
.panel
{
	text-align: center;
	border-radius: 4px;
	padding: 20px;
	background-color: white;
}
.fieldset
{
	margin: 0px 0px;
	padding: 0px 20px 10px 10px;
}
.collapseImage
{
	margin: 4px 3px 3px 0px;
}

.legendLabel
{
	text-align: left;
	width: 272px;
	height: 20px;
	background-color: #eeeeee;
	font-family: 'Open Sans',sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00354e;
	position: relative;
	top: -12px;
	padding-bottom: 5px;
	cursor: hand;
}

.divMessage
{
	width: 80%;
	padding-top:70px;
	margin: 20px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	font-style: normal;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	border-radius:4px;
}

.divFooter
{
	text-align: center;
	margin-top:20px;
}

#divPopUp
{
	width: 150px;
	display: none;
	position: absolute;
	background-color: #f5e7e1;
	font-style: normal;
	text-align: left;
	padding: 10px;
}

.hlSeeExample
{
	font-size: xx-small;
	display:block;
}

.hlSeeExampleInline
{
	font-size: xx-small;
	display:inline;
}

.setboximage
{
	background-repeat:no-repeat;
	background-position:center;
	background-image: url(../images/NoText.png);
}

.loseboximage
{
	background-repeat:no-repeat;
	background-position:center;
	background-image: none;
}

.panel_registrations
{
	position:relative;
	left: 150px;
}

.tdHidden
{
	display: none;
}

#lblTitle::before{
	content:": ";
}

#lblTitle{
	margin-left:-5px;
}

#frmLogin tr:last-child td a:link {
	text-decoration: underline;
	color: #525252;
}

#frmLogin tr:last-child td a:visited {
	text-decoration: underline;
	color: #525252;
}

#frmLogin tr:last-child td a:hover {
	text-decoration: underline;
}

#frmLogin tr:last-child td a.cmd {
	color: #d45205;
	background-color: transparent;
	border: none;
	padding: 0px;
}

a{
 background:none;
}



a.cmdSmall {
	color: #d45205;
	background-color: transparent;
	border: none;
	font-size: 9pt;
	padding: 0px;
}

input[type=button].cmdSmall, div.cmdSmall, span.cmdSmall, input[type=submit].cmdSmall {
	cursor: pointer;
	color: #008191;
	background-color: transparent;
	border: none;
	font-size: 1em;
	padding: 3px;
}
input[type=button].cmdSmall:hover, div.cmdSmall:hover, span.cmdSmall:hover, input[type=submit].cmdSmall:hover {
	text-decoration:underline;
}
.admin_reg input.cmdSmall.header[type="button"], input.cmdSmall.header[type="submit"], input.cmdSmall.special{
	cursor: pointer;
	background-color: #E19E28;
	text-decoration: none;
	color: #FFF;
	font-size: 1em;
	padding: 10px 15px;
	font-weight: bold;
	border: medium none;
	border-radius: 3px;
	width:auto;
}
.admin_reg input.cmdSmall.header[type="button"]:hover, input.cmdSmall.header[type="submit"]:hover, 
input.cmdSmall.special:hover, .cmdAjax:hover{
	background-color:#e6ae4a;
	width:auto;
	}
input.cmdSmall.special{
	margin-left:20px;
}

.admin_reg .tableHeader{
  padding:0px;
}
.tdHeader.buttons{
  text-align:center;
}
#programmesTbl td{
  padding:10px;
}
#programmesTbl .tdHeader td{
  font-size:1.2em;
}
#programmesTbl{
   margin-top:30px;
}
#programmesTbl tr{
  border-bottom:1px solid #ededed;
}
.cmdAjax {
	cursor: pointer;
	text-decoration: none;
	background-color: #E19E28; /*CBDEF1;*/
	color: #ffffff; /*193553;*/
	padding: 10px 15px;
	font-size: 1em;
	font-weight: bold;
	border-radius:4px;
}

.cmdAjax:disabled {
	background-color:#f0f0f0;
}

#frmLogin {
	width: 430px;
	position: relative;
	left:0px;
	margin-top:1%;
	border:none;
	padding-top:20px;
	padding-bottom:20px;
	font-size:1em;
}
#applicantsContainer{
  margin-bottom:50px;
}

h1, h2, h3, h4 {
    color: #202020;
}

.txDynForm {
	display: none;
	position: absolute;
	left: 100px;
	top: 100px;
	background: #ffffff;
	border: 1px solid #333333; /* #804020; - brown */
	padding: 0px;
/*	line-height: 150%; */
	font-size:0.929em; /* 11pt; */
	border-radius:2px;
}

*.txDynForm h3 {

  background-color:white;
  color:#4d4d4d;

}

*.txDynForm div {
	padding: 0.6em 0.7em;
	font-size: 0.929em;
}

*.txDynForm td {
	vertical-align: top;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	font-size:0.929em;
}

*.txDynForm img  {
	padding: 2px;
	border: 1px solid #c0c0c0;
}

*.txDynForm input {
	font-size: 0.929em;
}

*.txDynForm textarea {
	/* width: 400px; */
}

#form1{
	display:block;
	clear:both;
}


#frmLogin {
	position: relative;
	left:0px;
	top: 2em;
}


#frmLogin tr:last-child td{
	padding: 0.3em;
	text-align:center;
}

#frmLogin td {
	padding: 0.3em;
	text-align:center;
}




#errorMsg {

}




/*
#frmLogin input[type=button], input[type=submit] {
	cursor:pointer;
	background-color: #c96e38;
	text-decoration: none;
	color: #ffffff;
	font-size: 9pt;
	padding: 2px 4px 2px 4px; /* 3px 7px 3px 4px; 
	font-weight: normal;
	border: 1px solid #666666; 
	border-radius:2px;
}*/

#cmdSend, #btnCancelUpload
	{

		cursor:pointer;
		border: 1px solid #666666; 
		background-color: #F4F4F4;
    color: #CC0000;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 9pt;
    font-weight: bold;
	padding: 2px 4px 2px 4px; /* 3px 7px 3px 4px; */


}

#frmLogin input[type=text], input[type=password] {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 0.929em;
	background-color: #fff;
	margin-left: auto;margin-right: auto;
}

#frmLogin input[type="submit"] {
    width: 100%;
    font-size: 1.1em;
    margin-top:20px;
    margin-left: auto;margin-right: auto;
}

body {
	margin: 0px;
	color: #525252;
/*	max-width: 1200px; */
}
#frmLogin select{
  width:100%;
}

td{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;	
	font-size: 1em;
	text-align: left;
	vertical-align: top;
	line-height:1.5;
}
tbody td{
	height:100%;
}
tbody td.tdHeader{
  height:auto;
}
.tdMediumFontActive
{
	font-size: 14px;
	color: black;
	font-weight: bold;
}
.admin_reg td.tdHeader.menu{
  text-align:justify;
  border-bottom: 1px solid #40B1C1;
  margin-bottom:10px;
  display: block;
  padding-bottom:10px;
}
select#ProgrammeClass{
  height:200px;
  width:188px;
}

.tdMediumFontInActive
{
	font-size: 14px;

}

#mainContainer{
    line-height: 2;
}
#mainContainer a{
 /* background-image:url('openbook.png');
  background-repeat:no-repeat;
  background-position:0% 50%;
  background-size:18px;

  padding-left:30px;*/
  text-decoration:none;
  display: block;
    padding:10px;
    border-bottom:2px solid #ededed;
}
#mainContainer a:hover{
	background-color:#40B1C1;
	color:white
}
hr, br{
  display:none;
}
/*#mainContainer a:before{
  content:"> ";
  color:#40B1C1;
}*/
td.col-1{
  width:54%;
}
td.col-2{
  width:42%;
}

#btnShowUpload{
  margin-top:20px;
  margin-bottom:20px;
}
#IsAnyDiploCourseAttended{
  margin-top:10px;
  margin-bottom:20px;
}
img.tcalIcon{
  float:right;
}
#BirthDate{
  display:inline;}
#trBirthDate td{
  margin-top:10px;
} 
#rbFemale{
  margin-bottom:20px;
}
table.form{
  width:100%;
}
.shorten{
  max-width:200px;
}
select#Country{
  margin-bottom:10px;
}
input#OtherCountry{
  margin-top:10px;
}
.tdHeaderText span#lblTitle{
  display:block;
}
#frmLogin h3.diplo_latest{
	padding:10px 20px;
	color:#4d4d4d;
	margin-top:20px;
}
#frmLogin h3.diplo_latest a{
	color:#E19E28;
}
#form1{
	padding:20px;
	padding-top:0px;
}
/*
#divMessage+.pSection{
	display:none;
}

#CHK_DiploNews+span:after, #CHK_mailinglist+span:after, #CHK_alumni+span:after;
#CHK_leaflets+span:before{
	content:"\A";
	white-space: pre; 
 }
#Credit+span:after, #Bank Transfer+span:after, 
#Bank Cheque+span:after {
	content:"\A";
	white-space: pre; 
 }

#phExtendedFields span:after{
	content:"\A";
	white-space: pre; }
#divUploadedFiles{
	margin-bottom:10px;
}

#phExtendedFields span.pSection{
	line-height: 10%;
	height: 20px;
	padding-top: 0px;
	margin-top: -20px;
 }
 * #phExtendedFields input+span{
	min-width:90%;
	display:block;
}

#phExtendedFields input, #phExtendedFields p span{
	float:left;
	clear:left;
}
#phExtendedFields p span.pSection{
	display:inline;
	clear:none;
	padding-top: 0px;
	margin-top: 0px;
}

#frmLogin h3.diplo_latest a:hover{
	color:#40b1c1;
}
#phExtendedFields #btnShowUpload {
	display:block;
	float:none!important;
	clear:both!important;
}
#phExtendedFields #checkzvezdica+span, #phExtendedFields p.pSection+input+span{
	display:inline;
} 

#phExtendedFields input, #phExtendedFields p span{
	float:left;
	clear:left;
}
#phExtendedFields input+span{
	min-width:60%;
	display:inline-block;
} */
#phExtendedFields span.pSection:after, #divConfirmation span.pSection:after{
	content:"\A";
	white-space: pre; }
	
#divConfirmation+p span.pSection:after{
	display:none; }
	
#phExtendedFields br{
	display:block;
}

.two-col{
	width: 50%;
	float: left;
}
.inputFirstName, .inputFamilyName, .inputEmail, .inputRepeatEmail,.inputtboxRnd{
	margin-top:5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
select{padding:5px; width:170px;}

}
  
@media only screen and (max-width: 900px) {
.tableMain, .divMessage{width:85%;}
.tdHeader{padding-left:0px;}
.tdHeaderText{background-image:none;}
input[type="text"], input[type="password"], TEXTAREA{display:block; clear:both;}
input[type="button"], input[type="submit"], #btnReset{width:90%; display:block;}
table, thead, tbody, th, td, tr { display: block; }
#btnReset{margin-top:10px;}
input[type="text"], input[type="password"], TEXTAREA{width:90%;}
.application_large input[type="button"], select, .application_large input[type="submit"],.application_large #btnReset{width:90%;
margin-left:auto; margin-right:auto;}
td.col-2, td.col-1{width:100%;}
table{overflow-x: auto;}
#trConfirm{width:200px;}
#frmLogin select, #frmLogin input[type="submit"]{width:90%;}
input[type="text"], input[type="password"], TEXTAREA {width: 100%;}
.two-col{width:100%;}
.btnSubmit{display:block; float:none; margin-right:0px; margin-left:auto; margin-right:auto;}
.lblFirstName, .lblFamilyName, .lblEmail, .lblRepeatEmail{display:block;}
.inputFirstName, .inputFamilyName, .inputEmail, .inputRepeatEmail,.inputtboxRnd{display:inline-block; clear:right; margin-left:20px;}
#mainContent label{
	width:50%;
	display:inline-block;
}
}

@media only screen and (max-width: 600px) {
.top h2{display:none;}
body{min-width:auto;}
#frmLogin{width:95%;}
#frmLogin h3.diplo_latest a {clear: left; display: block;}
input[type="text"], input[type="password"]{width:85%;}
#frmLogin td select, #frmLogin input[type="submit"]{width:90%;}
.txDynForm, #frmLogin{top:0px;}
.top h2{display:none;}
#mainContent label{
	width:150px;
	display:inline-block;
}
}
@media only screen and (max-width: 400px) {
table, thead, tbody, th, td, tr { display: block; }
td{text-align:center;}
}