body {
    font-family: Arial;
    font-size: 12px;
    overflow-x: hidden;
    overflow-y: hidden;
    margin:0px;
}

table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}


.hidden
{
visibility:hidden;
}

input:focus {
    background: none repeat scroll 0 0 #FFC;
    border-color: #FC0;
}

.ui-tabs-panel {
    display: block;
    background: none;
    border-width: 0;
    padding: 1em 1.4em;
}

    .DDLcity1
    {
        width: 128px;
        margin: 0 15px 0 0;
        font: 12px tahoma;
        direction: rtl;
        max-height: 300px;
        overflow-y: scroll;
        position: relative;          
    }

    body > .lfr-menu-list, body > .lfr-menu-list ul, .lfr-actions, .aui-dialog-content, .aui-dialog .yui3-widget-hd, .modify-pages .delete-tab, input[type=submit], input[type=button], input[type=reset], button, .tags-search-combobox .aui-field-input-text, .staging-icon-menu-container .lfr-actions.staging-icon-menu .lfr-trigger strong a, .active-area-proxy, .portlet-document-library .document-display-style .document-thumbnail img, .portlet-document-library-display .document-display-style .document-thumbnail img, .aui-paginator-link, .lfr-header-row .aui-toolbar-only, .lfr-translation-manager, .lfr-translation-manager-translation, .select-documents, .select-files, .stars.taglib-ratings:hover, .stars.taglib-ratings:hover .liferay-rating-vote, .rule-group-instance-container .rule-group-instance, .portlet-search .search-facet .facet-value, .lfr-api-results {
    border-radius: 4px 4px 4px 4px;
}

input[type=text], input[type=password], input[type=file], input[type=submit], input[type=button], input[type=reset], select, textarea, .textarea, button, .aui-field-input-text {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: url(../images/forms/input_shadow.png);
    background-repeat: no-repeat;
    border-image: none;
    font: 1em Arial, Helvetica, Verdana, sans-serif;
    border-color: #BFBFBF #DEDEDE #DEDEDE #BFBFBF;
    border-style: solid;
    border-width: 1px;
    padding: 5px 1px;
}


input[type=submit], input[type=button], input[type=reset], button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url(../images/forms/header_bg.png) repeat-x scroll 0 0 #D4D4D4;
    border-image: none;
    color: #34404f;
    cursor: pointer;
    font-weight: 700;
    overflow: visible;
    text-shadow: 1px 1px #fff;
    width: auto;
    border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
}




.aui-button-input {
    margin: 0;
    text-decoration: none;
}


select {
        overflow-y: visible;
        position: relative;       
        break-word: word-wrap;
  text-overflow:ellipsis;
  word-wrap:break-word;
  word-break:break-all;
    top: 0px;
    left: 0px;
}

 .lentele
 {
    border-collapse: collapse;
    width:inherit;
 }
 
 .lenteleAlt tr
 {
     border-collapse: collapse;
     background-color:#EAF4EA;
 }


 .lentele td
 {
     border-collapse: collapse;
    border: solid 1px LightGray;
      font-size:10px;
 
 }
 .lentele th 
 {
    background-color: #65BD60;

    color:white;
    border: solid 1px Gray;
}

.buttonPalyginti {
background-color: #65BD60;
}

.checkBoxListGreen {
  background-color: #65BD60;
}

.lenteleIE8
 {
    border-collapse: collapse;
 }
 .lenteleIE8 td
 {
    border: solid 1px Black;
 }

.portlet-topper {
    -moz-box-shadow: 1px 1px 0 #FFF;
    -webkit-box-shadow: 1px 1px 0 #FFF;
    box-shadow: 1px 1px 0px #fff;
}
.portlet-title {
    font-size: 25px;
    font-weight: normal;
    color: #007d40;
}
.caption {
    vertical-align: middle;
    font-weight: 700;
    padding: 2px;
}


td {
    break-word: word-wrap;
    padding-top: 4px;
    margin-left: 40px;
}

a {
    color: #5b677d;
    text-decoration: underline;
}
a:hover {
    color: #06c;
    text-decoration: none;
}

.description {
    margin-bottom: 12px;
    font-size: 0.9em;
    text-align: justify;
}


input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, button:hover {
    background: url(../images/forms/state_hover_bg.png) repeat-x scroll 0 0 #B9CED9;
    color: #369;
    border-color: #627782;
}

.ui-widget-content {
    border: 1px solid #d4d4d4;
    background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
}



/*loader*/

#loader {
  z-index: 100;
  width: 40px;
  height: 40px;
  border: 5px solid  white;
  border-radius: 50%;
  border-top: 5px solid Gray;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  opacity:1;
  margin:0px auto;
  
}
#loaderDiv {
  z-index: 1;
  width:100%;
  height:100%;
  background-color:#EFEFEF;
  text-align:center;
padding-top:50%;
  position:absolute;
  opacity:0.7;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  text-align: center;
}