﻿/**** Main predefined elements ************************************************/

html { margin: 0em; padding: 0em; height:100%; width:100%; position: relative; }
body { font-family: Tahoma, Arial, Verdana; text-transform: none; word-spacing: normal; letter-spacing: normal;
       margin: 0em; padding: 0em; font-size: 0.7em; height: 100%; width:100%; position: relative; }

img { margin: 0em; padding: 0em; border: 0px; }

A:link IMG { border: 0; outline-style: none; outline-width: 0px; }
A:visited IMG { border: 0; }
A:active IMG { border: 0; }   /* visited links */

.cssTable { position: relative; height: 100%; width: 100%; margin: 0em; padding: 0em; }

/**** Title bar elements ******************************************************/

.cssTitleTable { background-color: #04477C; color: #FFFFFF; font-size: normal; }

/*.cssTitleTable input[type=submit] { border-bottom: solid 1px #FFFFFF; color: #FFFFFF; } */

.cssApplicationTitle { position: relative; width: 100%;  
                       padding-top: 0.5em; padding-bottom: 0.5em; padding-right: 0.5em; padding-left: 1em; }
h1 { font-size: 2em; font-weight: 900;
     margin: 0em; padding: 0px; }

.cssInstallationDetails { padding: 0.5em; white-space: nowrap; }
h2 { margin: 0em; padding: 0px; 
     font-size: 1.5em; font-weight: 900; white-space: nowrap;}
.cssUserName { margin-bottom: 0em; margin-left: 0em; margin-right: 0em; margin-top: 0.5em;
               padding: 0em; }

/**** Title bar elements ******************************************************/

.cssToolbarLeft  { margin-left: 1em; padding-top:0.5em; padding-bottom:0.5em;
                   white-space: nowrap; font-size: normal; }
.cssToolbarLeft ul { margin: 0em; padding: 0em; display: inline; list-style-type: none; }
.cssToolbarLeft li { display: inline; margin-top:0.25em; margin-bottom:0.25em;}
.cssToolbarLeft div { display: inline; margin-right: 1em; }
.cssToolbarLeft input[type=submit]
  { margin: 0em; padding: 0em; font-weight: 900; font-size: normal; vertical-align:top;
    cursor: pointer; border:none; background: transparent;
                        border-bottom: solid 1px #04233E; color: #04233E; }
.cssToolbarLeft input[disabled="disabled"]
  { margin: 0em; padding: 0em; font-weight:normal; font-size: normal; vertical-align:top;
    border: none; background: #C2D0DB !important; border-bottom: none; color: #04233E !important; cursor:default; }
.cssToolbarLeft div[myproperty="rrr"]
  { background:red; }

/*.cssToolbarButton { font-weight: 900; font-size: normal; margin: 0.2em; position:relative;
                    white-space: nowrap; cursor: pointer; }
.cssToolbarButton p:hover { position: relative; bottom: -1px; }

.cssToolbarButton input[type=image] { vertical-align: middle; border: none; }
.cssToolbarButton p { margin-top: 0em; margin-bottom: 0em; margin-right: 0.3em; margin-left: 0.3em; display:inline; }



.cssToolbarRight { margin-left: 2em; margin-top:0.3em; margin-bottom:0.5em;
                   white-space: nowrap; height: 1.4em;}
.cssToolbarRight ul { display: inline; }
.cssToolbarRight li { display: inline; }
*/

/**** Decoration images *******************************************************/

.cssCornerTopLeft  { position: absolute; left: -1px; top: -1px; }
.cssCornerTopRight { position: absolute; right: -1px; top: -1px; }
.cssCornerBottomLeft  { position: absolute;  left: -1px; }
.cssCornerBottomRight { position: absolute; right: -1px; }

/**** Menu elements ***********************************************************/

.cssMenu { background-color: #04477C; position: relative;
           margin: 0em; padding: 0em; }
			  
.cssMenuContent { position: relative;
                  padding-bottom: 0.5em; padding-top: 0.5em; padding-left: 0em; padding-right: 0.5em;
                  margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 0.5em; margin-right: 0em;
                  background-color: #FFFFFF; color: #04477C; }

.cssMenuGroup { position: relative; margin: 0em;
                padding-top: 0em; padding-bottom: 0em; padding-left: 1em; padding-right: 0em; 
                border-top: solid 2px #C2D0DB; }
.cssMenuGroup ul { position: relative; display: block; width:100%; list-style-type: none;
                   padding: 0em; margin: 0em; }
.cssMenuGroup li { margin: 0em; padding: 0em; position: relative; }

.cssMenuItem { position:relative; width:100%; 
               padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 0em; padding-right: 0em;
               border-bottom: solid 1px #D3D3D3; }
.cssMenuItem img { position: absolute; right: 0em; cursor: pointer; 
                   margin-top: 0em; margin-bottom: 0em; margin-left: 0em; margin-right: 0.5em; }
.cssMenuItem span { position: relative; color: #04477C; white-space: nowrap; 
                    margin-right: 3em; }

.cssFunctionItem { width: 100%; position: relative;
                   padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 0em; padding-right: 0em;
                   border-bottom: solid 1px #D3D3D3; }
.cssFunctionItem a { position: relative; color: #04477C; white-space: nowrap;
                     text-decoration: none; }
                     
/**** Menu buttons ************************************************************/

.cssMenuButton { position: relative; background-color: #04477C; 
                 padding-top: 1em; padding-right: 0.5em; padding-left: 0em; padding-bottom: 0em;
                 margin: 0em; }

/**** Page name and link bar **************************************************/

.cssRowContent { position: relative; height:100%; }
.cssCellContent  { position: relative; width: 100%; text-align:left;
                   padding: 0em; }
h3 { color: #04477C; font-size: 1.25em; font-weight: bolder;
     padding: 0em; margin: 0em; margin-bottom: 1em; }

/**** Toolbars ****************************************************************/

.cssTableContent { position: relative; width: 100%; margin: 0em; padding: 0em;
                   border: solid 1px #8AA7C9; }
.cssCellToolbar  { position: relative; }
.cssCellData  { position: relative; 
                padding-top: 0em; padding-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; }
                
.cssTableColumn td { padding: 0.25em; }

/**** Content *****************************************************************/

label { color: #04477C; font-size: 1em; font-weight: 900; }
input[type=password], input[type=text], input[type=checkbox], select, textarea { border: solid 1px #8AA7C9; margin:0em; }

input[type=password], input[type=text] { width: 10em; }
select { width: 10.25em; }
textarea { width: 10em; }

input[type=password]:hover,
input[type=password]:focus,
input[type=text]:hover,
input[type=text]:focus,
select:focus,
select:hover,
input[type=checkbox]:hover,
input[type=checkbox]:focus,  
textarea:hover { border: solid 1px #8DC73F; margin:0em; }

input[type=password]:disabled,
input[type=text]:disabled,
select:disabled,
input[type=checkbox]:disabled, 
textarea:disabled { background-color: #D3D3D3; color: #494949 }

input[type=password]:disabled:hover,
input[type=text]:disabled:hover,
select:disabled:hover,
input[type=checkbox]:disabled:hover, 
textarea:disabled:hover { border: solid 1px #8AA7C9; background-color: #D3D3D3; color: #494949 }

.cssLine { background-color: #C2D0DB; color: #04233E; font-size: 1em; font-weight: 900;
           padding-left:0.5em; padding-right: 0.5em; padding-top:0.25em; padding-bottom:0.25em;
           margin-top:1em; margin-bottom:0.5em; }

/**** Validators **************************************************************/

.cssErrorMessage { 
	border: solid 1px red; 
	font-size: 1.2em; 
	margin-top: 0.5em; 
	padding: 0.5em; 
	background-color: #FFFFFF; 
	}

.cssCopyRight { font-size: 1em; font-weight: 900; color: #04477C;
                margin-left: 0em; margin-right: 0em; margin-bottom: 0.5em; margin-top: 0.5em; }

/**** Reports *****************************************************************/
           
.ReportViewer { background-color:#C2D0DB; font-weight:900; color:#04477C; }
.ReportViewer input[type=image]:hover {position: relative; bottom: -1px;}
.ReportViewer input[type=image]{position: relative; bottom: 1px;}	
.ReportViewer a { text-decoration: underline; vertical-align: baseline; font-weight: 900; font-size:8pt; }
/***.ReportViewer a:hover { position: relative; bottom: -1px; }***/
.ReportViewer select {border:solid 1px #8AA7C9 }
.ReportViewer select:hover {border: solid 1px #8DC73F }
.ReportViewer select:focus { border: solid 1px #8DC73F }  
.ReportViewer input:hover { border: solid 1px #8DC73F }
.ReportViewer input { border:solid 1px #8AA7C9; position: relative; bottom:0px }	
.ReportViewer input:focus,select:focus,select:hover { border: solid 1px #8DC73F }   

.ReportViewer input[type=text] {width:2em; }
.ReportViewer input[id=ReportViewer_ctl01_ctl04_ctl00] {width:10em; }
.ReportViewer select[id=ReportViewer_ctl01_ctl03_ctl00]{width:10em; }
.ReportViewer select {width:13em; }

.cssWelcome { font-size: 2em; font-weight: 900; margin-top: 0.5em; margin-bottom:0.5em; margin-left:0em; margin-right:0em; padding: 0px;  color: #04477C;}

/****new Round border ****/
.roundbordert{
display:block;
padding-top: 0em; padding-left: 0em; padding-right: 0em;
margin-top: 0.5em; margin-left: 0.5em; margin-right: 0em;
}
.roundbordert *{
display:block;
height:1px;
overflow:hidden;
background:white;
}
.roundbordert1{
border-right:1px solid white;
padding-right:1px;
margin-right:3px;
border-left:1px solid white;
padding-left:1px;
margin-left:3px;
background:white;
}
.roundbordert2{
border-right:1px solid white
border-left:1px solid white;
padding:0px 1px;
background:white;
margin:0px 1px;
}
.roundbordert3{
border-right:1px solid white;
border-left:1px solid white;
margin:0px 1px;
}
.roundbordert4{
border-right:1px solid white;
border-left:1px solid white;
}
.roundbordert5{
border-right:1px solid white;
border-left:1px solid white;
}

.roundborderb{
display:block;
padding-bottom: 0em; padding-left: 0em; padding-right: 0em;
margin-bottom: 0.5em; margin-left: 0.5em; margin-right: 0em;
}
.roundborderb *{
display:block;
height:1px;
overflow:hidden;
background:white;
}
.roundborderb1{
border-right:1px solid white;
padding-right:1px;
margin-right:3px;
border-left:1px solid white;
padding-left:1px;
margin-left:3px;
background:white;
}
.roundborderb2{
border-right:1px solid white
border-left:1px solid white;
padding:0px 1px;
background:white;
margin:0px 1px;
}
.roundborderb3{
border-right:1px solid white;
border-left:1px solid white;
margin:0px 1px;
}
.roundborderb4{
border-right:1px solid white;
border-left:1px solid white;
}
.roundborderb5{
border-right:1px solid white;
border-left:1px solid white;
}
.roundborder_content{
background: white;
}

/**** Login page styles ******************************************************/
.cssLoginTable { 
	position: relative; 
	height: 100%; 
	width: 100%; 
	margin: 0em; 
	padding: 0em; 
	background: #04477C; 
	color: #FFFFFF; }

.cssLoginProjectBox { 
	position: relative; 
	margin: 0em; 
	padding: 0.5em; 
	background: #00AEEF; 
	vertical-align: top;
	color: #FFFFFF; }

.cssLoginProjectDark { 
	text-align: left; 
	font-weight: bold;
	font-family: Arial; 
	font-size: 1.2em; 
	color: #26408E; }
	
.cssLoginProjectLight{
	text-align: left; 
	font-weight: bold;	
	font-family: Arial; 
	font-size: 1.2em; 
	color: #FFFFFF; } 

.cssLoginDescription{
	vertical-align: top; 
	text-align: left; 
   padding-top: 0.5em; 
   padding-left: 0em;
   padding-right: 0em;	
   padding-bottom: 2em; 	
	font-weight: normal;	
	font-family: Arial; 
	font-size: 1.2em; 
	color: #FFFFFF; } 
	
.cssLoginContentBlock { 
	position:relative; 
/**	width:770px; **/
	padding:0em;
   margin-top: 2em; 
	margin-bottom: 0em; 
	margin-left:0em; 
	margin-right:2em; 
	}

.cssLoginPicture1 {
	height: 100px; 
	width: 154px; 
}
	
.cssLoginPicture2 {
	height: 154px; 
	width: 100px; 
}

.cssLoginPicture3 {
	height: 100px; 
	width: 125px; 
}

.cssLoginPicture4 {
	height: 100px; 
	width: 150px; 
}

.cssLoginLogoCRSVoucher {
	background-image: url('Icons/LineLogoCRSVoucher.png'); 
	background-repeat:repeat-x; 
	background-position: top; 
	margin: 0px; 
	color:#04477C; 
	padding: 0px; 
	border: none; 
	vertical-align: top; 
	height:51px;
}

.cssLoginLogoOthers {
	background-image: url('Icons/LineLogoOthers.png'); 
	background-repeat:repeat-x; 
	background-position: top; 
	margin: 0px; 
	color:#000000; 
	padding: 0px; 
	border: none; 
	vertical-align: top; 
	height:55px;
}

.cssLoginFormCell { 
	padding: 0em; 
}

.cssTableDescription { 
	position: relative; 
	height: 100%; 
	width: 100%; 
	margin-top: 0em; 
	margin-left: 0em; 
	margin-right: 0em; 
	margin-bottom: 0em; 
	padding-top: 0em; 
	padding-left: 0em;
	padding-right: 0em; 
	padding-bottom: 0em;
}

.cssLoginPictureCell {
	padding-top: 0em; 
	padding-left: 3em;
	padding-right: 1em; 
	padding-bottom: 0em;
	margin: 0em; 
}

.cssLoginLogoPES { 
   width: 126px; 
	margin:0em;
	padding-top: 0em; 
	padding-left: 2em; 
	padding-right: 2em; 
	padding-bottom: 0em;
}  

.cssLoginLogoAllRight {
  width: 183px; 
	margin: 0em;
	padding-top: 0em;
	padding-left: 3em; 
	padding-right: 0em; 
	padding-bottom: 0em; 
}  

/* BOGDAN */

.cssSessionErrorMessage { 
	border: solid 1px red; 
	font-size: 1.2em; 
	margin-top: 0.5em; 
	padding: 0.5em; 
	color: #FF0000;
	background-color: #FFFFFF; 
	}

.cssMunicipalityTable
{
	padding-top: 0em; 
	padding-left: 0em;
	padding-right: 0em; 
	padding-bottom: 0em;
	margin: 0em; 
}

.cssMunicipalitySectionText {
	background-position: top; 
	background-color: #6AACDA;
	
	font-family: Tahoma, Arial, Verdana; 
	font-weight: bold;
	font-size: 1.2em;
	color: #04477C;
	padding-left: 0.5em;
	border: none; 
	vertical-align: middle; 
}

.cssMunicipalitySectionLogo {
	background-position: top; 
	background-color: #6AACDA;

	background-position: top; 
	margin: 0px; 
	color: #000000; 
	padding: 0px; 
	border: none; 
	vertical-align: middle; 
	height: 66px;
	width: 182px;
}

.cssMunicipalitySectionDelimiter {
	background-position: top; 
	background-color: #6AACDA;

	background-position: top; 
	margin: 0px; 
	color: #000000; 
	padding: 0px; 
	border: none; 
	vertical-align: middle; 
	height: 66px;
	width: 286px;
}

.cssMunicipalitySectionStart {
	background-position: top; 
	background-color: #04477C;

	background-position: top; 
	margin: 0px; 
	color: #000000; 
	padding: 0px; 
	border: none; 
	vertical-align: middle; 
	height: 66px;
	width: 35px;
}

/* BOGDAN */

.cssLoginUserName { 
 /* vertical-align: right; */
/*	padding-top: 1em; 
	padding-bottom: 1em; */
	padding-left: 0.25em; 
	padding-right: 0.25em; 
	white-space: nowrap;
	line-height: 20px;
} 

.cssLoginPassword { 
/*  vertical-align: right; */
/*	padding-top: 1em; 
	padding-bottom: 1em; */
	padding-left: 0.25em; 
	padding-right: 0.25em; 
	white-space: nowrap;
	line-height: 20px;
}

.cssLoginButton  {
	margin-top: 0em;
	margin-left: 1em; 
	margin-right: 3em; 
	margin-bottom: 0em; 	
	padding-top:0.5em; 
	padding-bottom:0.5em;
  white-space: nowrap; 
	font-size: normal; 
	}

.cssLoginButton input[type=submit]
  { margin: 0em; padding: 0em; font-weight: 900; font-size: normal; vertical-align:top;
    cursor: pointer; border:none; background: transparent;
                        border-bottom: solid 1px #04233E; color: #04233E; }	

.cssLoginErrorMessage { 
	border: solid 1px red; 
	font-size: 1.2em; 
	margin-top: 0.5em; 
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 0em;
	padding: 0.2em; 
	background-color: #FFFFFF; 
	}
			
.cssIMG
{
 border: 1em;
}					