/*****************************
* JBoss Industrial Theme CSS *
******************************/

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
   background: #143b61 url(images/background_body.gif) repeat;
   _text-align: center;
}

FONT {
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
color: #464B5C;
line-height: 15px;
}

a img {
border:0px;
}

/*****************
* Portal Header  *
******************/

/* spacer to keep header at certain width regardless of display size
done to avoid overlapping of tab navigation in header */
#spacer {
   width: 1000px;
   line-height: 0px;
   font-size: 0px;
   height: 0px;
}

/* Wrapper for Header */
#header-container {
   background: url( images/background_header.png ) repeat-x;
   height: 130px;
   min-width: 1000px;
   width: 100%;
}

/* Tools */
#tools-container {
   height: 32px;
   margin: 0 auto;
   min-width:1000px;
   width:98%;
   max-width:1280px; 
}

/* hack for IE */
* html #tools-container {
_width:expression(document.body.clientWidth < 1024 ? "100%" : "1024px");
}

#lang-ru{
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 20px;
	background: url("images/portlet-container-bg.png") 0 0 repeat;
	border-top: 2px solid #fff;
	border-right: 1px solid #CDE7F3;
	border-left: 1px solid #CDE7F3;
	border-bottom: 3px solid #CDE7F3;
   	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#lang-en{
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	background: url("images/portlet-container-bg.png") 0 0 repeat;
	border-top: 2px solid #fff;
	border-right: 1px solid #CDE7F3;
	border-left: 1px solid #CDE7F3;
	border-bottom: 3px solid #CDE7F3;	
   	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#portal-select{
	float: left;
	width: 400px;
	height: 25px;
	margin-left: 5px;
	background: url("images/portlet-container-bg.png") 0 0 repeat;
	border-top: 2px solid #fff;
	border-right: 1px solid #CDE7F3;
	border-left: 1px solid #CDE7F3;
	border-bottom: 3px solid #CDE7F3;	
   	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	padding: 5px 0px 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
#portal-select select{
	width: 210px;
}
#portal-old{
	float: left;
	width: 170px;
	height: 29px;
	margin-left: 5px;
	background: url("images/portlet-container-bg.png") 0 0 repeat;
	border-top: 2px solid #fff;
	border-right: 1px solid #CDE7F3;
	border-left: 1px solid #CDE7F3;
	border-bottom: 3px solid #CDE7F3;	
   	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding: 1px 1px 0px 1px;
}
#portal-old div{
	background: url("images/background_oldportal.png") 0 0 no-repeat;
	width: 100%;
	height: 25px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding-top: 5px;
	
}
#portal-old div span{
	margin-left: 2px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}

/* Header background */
#header {
   height: 130px;
   padding: 0px;
   background: url('images/lighthouse2.png') top right no-repeat;
}

#logoName {
/*	Original Logo...*/
   width: 387px;
   height: 130px;
   position: absolute;
   z-index: 21;
   cursor:pointer;
   background: url( images/head_img_06.jpg) no-repeat;
}

.header-region {
   position:absolute;
   top:0;
   right: 600px;
   font-size: 11px;
   padding: 6px 12px 0px 0px;
   color: #124886;
   z-index: 20;
   font-weight: bold;
}


/************************
* Portal Layout Regions *
*************************/

#portal-container {
   height: 100%;
}

#expander {
overflow: hidden;
min-width:1000px;
margin:0 auto;
width:98%;
max-width:1280px;
min-height:100%;
background: #d5dce0;
border-left: 4px solid #244a6e;
border-right: 4px solid #244a6e;
}

/* hack for IE */
* html #expander {
_width:expression(document.body.clientWidth < 1024 ? "100%" : "1024px");
}

#expander-left{

}
#expander-right{

}

#expander-mid{
	padding-bottom: 150px;
	min-width: 1000px;
	width: 100%;
	max-width: 1280px;	
}


#expander-maximized{
   background:  #d5dce0; 
   position: static;
   padding: 0px 0px 0px 0px;
   margin: 0px auto;
   width: 100%;
   min-height:100%;
}

.expander-1024{
   max-width:1000px;
}

.expander-1280{
   max-width:1280px; 
   min-width:1000px; 
   width: 100%;   
}

.expander-full{
   min-width:1000px;
   width: 100%;
}

.expander-90{
   width: 90% !important;
}

#sizer {
   width: 100%;
   _text-align: center;
}

/* IE Hack */
* html #portal-container,
   * html #sizer{
   height: 0;
}

/* end IE min-width hack */

#content-background{
  width: 100%;
  background: #d5dce0;
} 
 
/*table that contains all regions. does not include header*/
#content-container {
   width: 99%;
   min-width:990px;
   margin:13px auto;	
   text-align: left;
   vertical-align: top;

   /*part of below IE hack
padding: 0 350px 0 350px;*/
}

/* Login JSP Selectors */
#login-container {
   position: relative;
   left: 35%;
   top: 55px;
   right: 45%;
   width: 320px;
   height: 250px;
   margin: 0px;
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida, Swiss, SunSans-Regular;
   font-size: 10px;
}

#login-container fieldset {
   background-color: transparent;
}

#login-container label, #login-container input {
   display: block;
   float: left;
   width: auto;
   margin-top: 15px;
}

#login-container label {
   text-align: right;
   padding-right: 20px;
   width: 95px;
}

#login-container br {
   clear: left;
}

#login-container legend {
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 13px;
   font-weight: bold;
   color: #596874;
}

#loginForm {
   margin: 0px;
   padding: 0px;
}

/* end Login Page Selectors */

/* give a maximized portlet more space */
#regionMaximized {
   width: 100%;
   float: left;
   margin: 0px;
   padding: 0px;
   min-width: 400px;
}

#footer-container {
   text-align: center;
   position: relative;
   height: 100px;
   clear:both;
   min-width:985px;
   width: 95%;
   max-width: 1260px;
   margin: -100px auto;
   border: 1px #4f839b solid;
   border-bottom: none;
   background: url(images/background_footer.gif) repeat-x;
}

#navigation-container {

}

#sub-navigation-container {

}

/* used to clear float in regionA,B,C divs so that
footer spans bottom of page */
hr.cleaner {
   clear: both;
   height: 1px;
   margin: -1px 0 0 0;
   padding: 0;
   border: none;
   visibility: hidden;
}

/****************************
* Tab Navigation for Header *
*****************************/

div#navigation {
   background: transparent url(images/background_tabsheader.png) repeat-x;
   position: relative;
   height: 24px;
	width: 100%;
   margin: 0px auto;
   padding-left: 5px;
   border-bottom: 1px #bbb solid;
}
/* main menu*/
ul#tabsHeader {
   width: 99%;
   height: 24px;
   list-style: none;
   z-index: 1000; 
   padding: 0px;
   margin: 0px 0px 0px 0px;
   border-left: 1px #bbb solid;
}

ul#tabsHeader li {
   display: inline;
   position: relative;
   height: 24px;
   float: left;
   border-right: 1px solid  #bbb;
 
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #2E4162;
	text-decoration: none;
}

UL#tabsHeader li.hoverOn {

}

UL#tabsHeader li.hoverOff {
   text-decoration: none;
}

UL#tabsHeader a:hover {
   text-decoration: underline;
}

ul#tabsHeader li a{
   padding: 5px 6px 0 6px;
   display: block;
   height: 26px;
   width: 55px;
   white-space: nowrap;
   color: #000000;
   text-decoration: none; 
}

ul#tabsHeader li#current { 
/*background: #14508a url(images/globalmenu_backgr_02.gif) repeat-x;*/
background: url(images/background_menu_active.png) repeat-x;
}

ul#tabsHeader li#current a{
   color:  #ffffff;
}

ul#tabsHeader li#current ul li a{
   color:  #000000;
}

/* Begin Submenu selectors */
/* hide the sub levels and give them a positon absolute so that they take up no room */
ul#tabsHeader ul {
   visibility: hidden;
   position: absolute;
   height: 0px;
   top: 0px;
   left: -1px;
   width: 150px;
   text-align: left;
   margin: 0px;
   padding: 0px;
   margin-top: 24px; 
}

UL#tabsHeader li ul {
}
UL#tabsHeader li:hover ul {
   visibility: visible;
}

UL#tabsHeader ul li {
   width: 450px;
   position:relative;
   white-space: nowrap;    

   height: 25px;
   float: left;
   margin-left: 1px;
   margin-right: 1px;
   border-right: 1px solid #74a6c2;
   border-left: 1px solid #74a6c2;
   border-bottom: 1px solid #74a6c2;
   
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #2E4162;
	text-decoration: none;
	
   background: transparent url(images/background_tabsheader.png) repeat-x;    
}

ul#tabsHeader ul li a:hover {
color: #000000;
}

ul#tabsHeader li:hover ul,
   ul#tabsHeader a:hover ul {
   visibility: visible;
}

/* End Submenu selectors */

/* -------- These are new selectors for the admin and add page styles ------- */

ul#tabsHeader #admin {
   display: inline;
   background-image: url(images/tab_right_admin.gif);
   background-repeat: no-repeat;
   background-position: right top;
   padding-top: -3px;
   line-height: 22px;
}

ul#tabsHeader #admin a {
   text-decoration: none;
   color: #4386b5; /*   background-image: url(../images/tab_left_admin.gif);*/
   background-repeat: no-repeat;
   background-position: top left;
   white-space: nowrap;
   padding-top: -3px;
   line-height: 22px;
}

ul#tabsHeader #admin a:hover {
   text-decoration: underline;
}

ul#tabsHeader #addpage {
   display: inline;
   background-color: transparent;
   margin-bottom: -3px;
   padding-top: 1px;
}

ul#tabsHeader #addpage a, #addpage a:hover {
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   font-variant: normal;
   font-weight: bold;
   color: white;
   line-height: 22px;
   background-image: none;
   white-space: nowrap;
}

ul#tabsHeader #addpage a:hover {
   text-decoration: underline;
}

#portal-search-any{
	margin-right:60px;
	border-left: 1px solid  #bbb;
	border-right: 1px solid  #bbb;
	padding: 0px 5px;
}

#portal-search-any-input{
	margin-top:2px;
	width:155px;
	padding-right:	25px;
	background: #fff url('images/icons/icon-magnifier.png') 95% center no-repeat;
}
#main-resources-form .icon-status-success,
#main-analytics-form .icon-status-success,
#main-maps-form .icon-status-success{
	background-image:url('images/icons/icon-magnifier.png');
}


/*marquee*/
.marquee-style-1 {
list-style:none;
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
color: #7f838f; 
font-style:normal;
}
.marquee-style-2 {
   list-style:none;
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 12px;
   font-weight: bold;
   color: #821717;
   background: url(images/icons/icon-warning-button.png) no-repeat left;
   padding: 5px 10px 6px 20px;
   border: 1px solid #fad42e;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.marquee-style-3 {
   list-style:none;
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 12px;
   font-style: normal;
   color: #336699;
   background: url(images/icons/icon-info-button.png) no-repeat left #fbec88;
   border: 1px solid #fad42e;
   padding: 5px 10px 6px 20px;
   	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

/* used for sub navigation if applicable
UL#tabsHeader #currentSubNav, UL#tabsHeader #currentSubNav a {
  color: #000;
  line-height: 19px;
  padding-top: 0px;
  padding-bottom: 1px;
  margin-bottom: -1px;
  background: #eeeeef;
}*/

/* Tab background color for selected global nav item */
li.currentTabBackground {
   background: #fff;
}

/* used for sub navigation if applicable
li.currentTabBackgroundSubNav {
  background: #eeeeef;
}*/

/* backslash hack for IE5-Mac \*/
UL#tabsHeader a {
   float: none;
}

/* End Mac Hack */
html>body UL#tabsHeader a {
   width: auto;
}

/* fixes IE6 win hack */

/***************************
*  Utility Navigation  *
*****************************/

#dashboardnav {
	/*position: relative;
	top: 0px;
	right: 1px;
	height: 105px;
	padding: 25px 60px 0px 0px;
	font-size: 11px;
	text-align: right;
    color: #124886;
    z-index: 20;
    color: #fff;
	background: url('images/background_header_official.png') 40% 20% no-repeat;*/
	height: 130px;
	visibility:hidden;
	padding-right:50px;
}

#dashboardnav a {
   color: #124886;
   font-weight: bold;
   float: right;
}
#dashboardnav a.icon-dashboard-enter{
	margin-top: 15px;
}
#dashboardnav .portlet-form-button{
	margin: 0px 0px 0px 7px;
	height: 15px;
	padding: 4px 5px;
}

#dashboardnav .addcontent {
   background-image: url( images/ico_addcontent.gif );
   background-repeat: no-repeat;
   background-position: left;
   height: 20px;
   width: 20px;
   padding-left: 16px;
}

/****************************
* Portlet Container Windows *
*****************************/

.portlet-container {
   background-color: white;
   border: 1px solid rgb(178, 181, 188);
   margin: 2px;
   overflow:visible;
   padding:5px 10px;
}

.portlet-container .portlet-titlebar-title {
font-family: "Trebuchet MS",Arial,sans-serif;
font-size: 13px;
font-variant: small-caps;
font-weight: bolder;
color: rgb(0, 95, 145);
line-height: 14px;
}

.portlet-container .portlet-titlebar-decoration {
background: none;
}

/* wrapper for floating portlet window modes */
.portlet-container .portlet-mode-container {
   float: right;
   display:none;
}

.portlet-container .portlet-mode-container a{
text-decoration: none;       
}

.portlet-container .portlet-mode-container a:hover{
text-decoration: none;       
}

.portlet-container .portlet-titlebar-center {
   height: 24px;
   border-bottom: 2px solid rgb(0, 95, 145);
}

.portlet-container .portlet-titlebar-left,
.portlet-container .portlet-titlebar-right  {
   width: 5px;
   height: 24px;
}
.portlet-container .portlet-titlebar-left {
   -webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

.portlet-container .portlet-titlebar-right  {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

.portlet-container .portlet-content-center {
   background-color: #ffffff;
   background-repeat: repeat;
   vertical-align: top;
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 11px;
}

.portlet-container .portlet-body {
   background-color: #ffffff;
   padding: 5px 0px;
}

.portlet-container .portlet-content-right {
	background: #ffffff;
   -moz-border-radius-bottomright: 5px;
   -webkit-border-bottom-right-radius: 5px; 
}

.portlet-container .portlet-content-left {
	background: #ffffff;
   -moz-border-radius-bottomleft: 5px;
   -webkit-border-bottom-left-radius: 5px; 
}

/***********************
* Portlet Window Modes *
************************/
.portlet-mode-maximized {
   background-image: url( images/icons/icon-mode-maximize.png );
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   float: left;
   display: inline;
   cursor: pointer;
}

.portlet-mode-minimized {
   background-image: url( images/icons/icon-mode-minimize.png );
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   float: left;
   display: inline;
   cursor: pointer;
}

.portlet-mode-normal {
   background-image: url( images/icons/icon-mode-normalize.png );
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   float: left;
   display: inline;
   cursor: pointer;
}

.portlet-mode-help {
   background-image: url( images/icons/icon-mode-help.png  );
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   float: left;
   display: inline;
   cursor: pointer;
}

.portlet-mode-edit {
   background-image: url( images/icons/icon-mode-edit.png  );
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   float: left;
   display: inline;
   cursor: pointer;
}

.portlet-mode-admin {
   background-image: url( images/admin.png );
   width: 18px;
   height: 16px;
   background-repeat: no-repeat;
   float: left;
   display: inline;
   cursor: pointer;
}

.portlet-mode-remove {
   background-image: url( images/remove.png );
   width: 18px;
   height: 16px;
   background-repeat: no-repeat;
   float: left;
   display: inline;
   cursor: pointer;
}

.portlet-mode-view {
   background-image: url( images/icons/icon-mode-view.png  );
   width: 18px;
   height: 16px;
   background-repeat: no-repeat;
   float: left;
   display: inline;
   cursor: pointer;
}

.portlet-mode-reload {
   background-image: url( images/reload.png );
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   float: left;
   display: inline;
   cursor: pointer;
}

/**********************
* Copyright Selectors *
***********************/
.portal-copyright {
   font-family: Arial, sans-serif;
   font-size: 10px;
   color: #97BDD2;
}

.portal-copyright a{
   text-decoration: underline;
   color: #dddddd;
   font-weight: bold;
}

.portal-copyright a:hover{
    color: #97BDD2;
    font-weight: bold;
    text-decoration: underline;
}

#ThemeBy:before {
   content: "Theme by ESIMO";
}

/*************
*  Elements  *
**************/
a  {
   /*color: #7f838f;*/
  color: #282A31;
  font-weight: normal;
  /*font-weight: bold;*/
   text-decoration: underline;
}

a:hover {
   color: #005f91;
   text-decoration: underline;
}

.first-page a {
   color: #7f838f;  
   text-decoration: underline;
}


/*******************
* Table Selectors  *
********************/
table{
	border-collapse:collapse;
}
/* Table top */
.portlet-table-top, .portlet-table-bottom,
.portlet-table-top-short, .portlet-table-bottom-short{
	background: #ffffff url(images/background_gloss_wave_2.png) 50% 50% repeat-x;
	color: #000000;
	height:39px;
	font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
	font-size: 11px;
	font-weight: bold;
    text-decoration:none;
    font-weight:bold;
	border: 1px solid #C5DBEC;
}
.portlet-table-top-short{
	height:53px;
}

.portlet-table-top, .portlet-table-top-short{
	border-bottom: 0;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
}

.portlet-table-bottom, .portlet-table-bottom-short{
	border-top: 0;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
}


/* Table header */
.portlet-table-header tr,  table.display  thead tr, table.portlet-table-plugin thead tr,
.rich-table-headercell, .rich-table-subheadercell{
    background: #DFEFFC url(images/table-header.png) 50% 50% repeat-x !important;
}	
.portlet-table-header th, table.display  thead th, table.portlet-table-plugin thead th{
	font-family: Tahoma, Arial, sans-serif !important;
    font-size: 12px;
    color: #464B5C !important;
	padding: 3px 7px 3px 7px !important;
	border: 1px solid #C5DBEC;
}
.rich-table-headercell, .rich-table-subheadercell, .ui-dialog-title{
	font-family: Tahoma, Arial, sans-serif !important;
    font-size: 12px !important;
    color: #464B5C !important;
	padding: 3px 7px 3px 7px !important;
	border: 1px solid #C5DBEC;
}
.ui-dialog-title{
	border: 0px;
}

/* Table footer */
.portlet-table-footer th, table.display tfoot th, table.portlet-table-plugin tfoot th{
    background: #DFEFFC url(images/table-header.png) 50% 50% repeat-x;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #464B5C;
	padding: 3px 7px 3px 7px;
	border: 1px solid #C5DBEC;
}
.rich-table-footer{
    background: #DFEFFC url(images/table-header.png) 50% 50% repeat-x !important;
}

/* Borders and font */
.portlet-table-body td, table.display tr.odd td, table.portlet-table-plugin tr.odd td,
.portlet-table-alternate td, table.display tr.even td, table.portlet-table-plugin tr.even td    {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	padding: 3px 7px 3px 7px;
	padding: 3px 7px 3px 7px;
	border: 1px solid #C5DBEC;
	max-width: 200px;
	word-wrap: break-word !important;
}
.portlet-filtertable td {
	cursor: pointer;
}

/* Normal text in a table cell */
.portlet-table-body, table.display tr.odd, table.portlet-table-plugin tr.odd{
	background-color: #ffffff;
	color: #464B5C;
}
    

/* Text in every other row in the table */
.portlet-table-alternate, table.display tr.even , table.portlet-table-plugin tr.even  {
	background-color: #E6EBED;
	color: #464B5C;
}

/* Text in a selected cell range */
.portlet-table-selected td,
.portlet-table-alternate:hover,
.portlet-table-body:hover,
table.display tbody tr:hover,
 table.portlet-table-plugin tbody tr:hover,
 .portlet-table-hover{
    background-color:#6299c5;
    color: #ffffff;
}
.rich-table-row:hover{
	color: #ffffff !important;
}
.rich-table-cell{
	color: inherit !important;
}

.details{
	background-color:#ffffff;
	color: #000000;
}
.details :hover{
	background-color:#ffffff;
	color: #000000;
}

/* Text of a subheading */
.portlet-table-subheader {
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 12px;
   font-weight: bold;
   color: #000000;
}


/* Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the table). */
.portlet-table-text {
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 12px;
   font-style: italic;
   color: #464b5c;
}

.dataTables_wrapper {
    width: 100%;
	margin: 0 auto;
	position: relative;
	clear: both;
	min-height: 302px;
	_height: 302px;
}

.dataTables_filter {
	width: 150px;
	float: right;
	text-align: right;
	padding-top: 7px;
}

.dataTables_filter input,
.portlet-table-filter{
	width: 118px;
	background: #fff url("images/icons/icon-table-filter.png") 97% 0% no-repeat;
	padding-right: 22px;
}

.portlet-table-top-short .dataTables_filter {
	width: 74%;
	float: right;
	padding-right: 0px;
	margin-right: 1px;
}

.dataTables_length {
	width: 50px;
	float: left;
	padding-left: 7px;
	padding-top: 8px;
}

.portlet-table-top-short .dataTables_length {
	width: 24%;
    padding: 0px 0px 0px 0px;
	margin-top: 7px;
	margin-left: 1px;	
}

.dataTables_info {
	width: 10%;
	float: right;
	margin-left: 1px;
	text-align: right;
	padding-top: 12px;
	padding-right: 10px;
}

.portlet-table-bottom-short .dataTables_info {
	width: 20%;
	margin-left: 2px;
	margin-top: 5px;
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 190px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
	background-image:url(images/icons/icon_loader_bar_small.gif) ;
	background-repeat: no-repeat;
	background-position: left;
}

.dataTables_paginate {
	float: right;
	text-align: right;
	padding-right: 5px;
	padding-top: 3px;
}

.portlet-table-bottom-short .dataTables_paginate{
	padding-right: 1px;
}

table.portlet-table-plugin, table.display {
	clear: both;
	width: 100%;
	border-collapse:collapse;
}

/* ColVis styles */
.ColVis {
	float: right;
}

.ColVis_title a{
	visibility: hidden;
}


/* exports */


div.DTTT_container {
	float:right;
	padding-right: 3px;
	padding-top: 2px;
	margin-left: 7px;
}

.DTTT_container button.DTTT_button {
	font-size:0px; 
	cursor:pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(images/icons/icon-table-export.png);
	width: 26px;
	height: 26px;
}

div.DTTT_collection {
	overflow: hidden;
	z-index: 2002;
}

div.DTTT_collection button.DTTT_button {
	float: none;
	width: 100%;
	padding:4px 5px 4px 5px;
}

div.table-gallery-play{
	float: right;
	margin-top: 4px;
}

.clear {
	clear: both;
}


/********
* FONTS *
*********/

/* Font attributes for the normal  fragment font.
Used for the display of non-accentuated information */
.portlet-font, .portlet-container .portlet-content-center, .olLayerGeoRSSDescription{
font-family: Tahoma, Arial, sans-serif;
font-size: 13px;
/*color: #464B5C;*/
color: #282A31;
line-height: 15px;
text-align: justify;
   /*margin-top: 7px;
  margin-bottom: 5px;
  */
}
/* Font attributes for the header normal  fragment font.
Used for the display of non-accentuated information */
.portlet-font-header {
font-family: Tahoma, Arial, sans-serif;
font-size: 13px;
color: #464B5C;
line-height: 15px;
text-align: center;
   /*margin-top: 7px;
  margin-bottom: 5px;
  */
}
/* Font attributes for the right-oriented normal  fragment font.
Used for the display of non-accentuated information */
.portlet-font-right {
font-family: Tahoma, Arial, sans-serif;
font-size: 13px;
color: #464B5C;
line-height: 15px;
text-align: right;
   /*margin-top: 7px;
  margin-bottom: 5px;
  */
}
/* Font attributes similar to the portlet.font but the color is lighter */
.portlet-font-dim {
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
color: #7f838f;
line-height: 15px;
}

/********
* FORMS *
*********/

/* Text used for the descriptive label of the whole form (not the label for fields)...why not call this portlet-form-title? */
.portlet-form-label, .portlet-label {
   color: #000000;
   text-decoration: none;
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 13px;
   font-weight: bold;
   background: #ffffff;
   padding: 5px;
   border: 1px solid #b1c0ce;
}

fieldset {
background: #efefef;
border: 1px solid #b1c0ce;
width: 93%;
margin: 0 auto;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
border-radius: 5px;
}

/* Text on a form button */
.portlet-form-button,
 .ColVis_Button, .DTTT_button,
 .paginate_button, .paginate_active,
 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

    background-color:#f5f5f5;
	border: 1px solid #bbbbbb;
	color:#336699;
	
}

.portlet-form-button,
 .ColVis_Button, .DTTT_button,
 .paginate_button, .paginate_active{
    margin:2px 7px 0 0;
	font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
	font-size: 11px;
    text-decoration:none;
    font-weight:bold;
    color:#454545;
	padding:3px 5px 3px 5px;
    -moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);	
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	cursor:pointer;
 
 }
 
 .ColVis_Button, .DTTT_button,
 .paginate_button, .paginate_active{
  	display:block;
    float:left;
}
 
 .portlet-table-bottom-short .paginate_button{
     margin:2px 2px 0 0; 
 }

.portlet-form-button:hover,
.ColVis_Button:hover, .DTTT_button:hover, 
.paginate_button:hover, 
 button.DTTT_button_csv_hover, button.DTTT_button_xls_hover,
 button.DTTT_button_pdf_hover, button.DTTT_button_copy_hover, 
 button.DTTT_button_print_hover,
 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
    background-color:#dff4ff;
    border-color: #c2e1ef;
    color:#336699;
}
.portlet-form-button:active,
.ColVis_Button:active, .DTTT_button:active,
.paginate_button:active, .paginate_active,
 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-color:#6299c5;
    border-color: #6299c5;
	color:#ffffff;
}

.portlet-form-button-active{
    background-color:#dff4ff;
    border-color: #c2e1ef;
    color:#336699;
}

/* ColVis button styles */

button.ColVis_Button {
	text-align: left;
	padding:4px 5px 4px 5px;
}

button.ColVis_MasterButton{
	font-size:0px; 
	cursor:pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(images/icons/icon-table-column.png);
	width: 26px;
	height: 26px;
	padding: 0;
	margin: 4px 0px 0px 7px;
}
/* Table tools */
.paginate_button, .paginate_active {
padding:4px 4px 4px 4px;
}

/* Text that appears beside a context dependent action icon */
.portlet-icon-label {

}

/* Text that appears beside a "standard" icon (e.g Ok, or Cancel)
not sure if we need this one?.. */
.portlet-dlg-icon-label {

}

/* Text for form field labels */
.portlet-form-field-label, .portlet-form-field-label-nowidth {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #363B4C;
    text-align: right;
	vertical-align: top;
}

.portlet-form-field-label{
   width: 25%;
   float: left;
   margin-right: 5px;
   display: block;
}

/* Text for a form field */
.portlet-form-field {
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 11px;
   color: #000;
}

/* Text of the user-input in an input field. not sure if we need this guy? */
.portlet-form-input-field, .portlet-select-field, .dataTables_filter input{
	border: 1px solid #6299c5;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
    border-radius: 3px;
}

.portlet-select-field{
   max-width: 200px;
}

.portlet-form-input-field:hover, .portlet-select-field:hover, .dataTables_filter input:hover{
    -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.25);
    box-shadow:0 0 8px rgba(0, 0, 0, 0.25);
    border:1px solid #888;
    outline: medium none;
}

.portlet-form-input-field:focus, .portlet-select-field:active, .dataTables_filter input:active{
   -moz-box-shadow:0 0 8px rgba(80, 170, 236, 1);
    box-shadow:0 0 8px rgba(80, 170, 236, 1);
    border:1px solid #0099FF;
    outline: medium none;
}
/********
* LINKS *
*********/

.portal-links:link {
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 11px;
   font-weight: bold;
   color: #242424;
   text-decoration: none;
}

.portal-links:hover {
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 11px;
   font-weight: bold;
   color: #5699B7;
   text-decoration: none;
}

.portal-links:active {
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 11px;
   font-weight: bold;
   color: #242424;
   text-decoration: none;
}

.portal-links:visited {
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 11px;
   font-weight: bold;
   color: #242424;
   text-decoration: none;
}

/***********
* MESSAGES *
************/

/* Status of the current operation. */
.portlet-msg-status {
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 11px;
   font-style: normal;
   color: #336699;
   background: url(images/icons/icon-info-button.png) no-repeat 5px 50% #fbec88;
   border: 1px solid #fad42e;
   padding: 5px 10px 6px 30px !important;
   	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

/* Help messages, general additional information, etc. */
.portlet-msg-info {
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 11px;
   font-style: italic;
   color: #000;
   background: url(images/icons/icon-info-balloon.png) no-repeat 5px 50%;
   padding: 5px 10px 6px 30px !important;
}

/* Error messages. */
.portlet-msg-error {
   color: red;
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 11px;
   font-weight: bold;
   background: url(images/icons/icon-cross-button.png) no-repeat 5px 50% #fef1ec;
   padding: 5px 10px 6px 30px !important;
   border: 1px solid #cd0a0a;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

/* Warning messages. */
.portlet-msg-alert {
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 11px;
   font-weight: bold;
   color: #821717;
   background: url(images/icons/icon-warning-button.png) no-repeat 5px 50%;
   padding: 5px 10px 6px 30px !important;
   border: 1px solid #fad42e;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

/* Verification of the successful completion of a task. */
.portlet-msg-success {
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 11px;
   font-weight: bold;
   color: #359630;
   background: url(images/icons/icon-tick-button.png) no-repeat 5px 50% #DAE8DC;
   padding: 5px 10px 6px 30px !important;
   border: 1px solid #17E63D;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

/***********
* SECTIONS *
************/

/* Table or section header */
.portlet-section-header {
   font-weight: bold;
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 14px;
   color: #005f91;
  /* background-color: #f7f7f7; */
   /*background-image: url(interf/head.jpg);*/
}

/* Normal text in a table cell */
.portlet-section-body {
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 12px;
}

/* Text in every other row in the cell */
.portlet-section-alternate {
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 12px;
   background-color: #b4cad4;
}

/* Text in a selected cell range */
.portlet-section-selected {
   background-color: #768591;
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 12px;
   color: #fff;
}

/* Text of a subheading */
.portlet-section-subheader {
   font-weight: bold;
   font-size: 12px;
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   color: #8199B1;
   /*margin: 3px;
  padding: 3px;*/
}

/* Table or section footnote */
.portlet-section-footer {
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   background-color: #f7f7f7;
   font-size: 11px;
}

/* Text that belongs to the table but does not fall in one of the other categories
(e.g. explanatory or help text that is associated with the section. */
.portlet-section-text {
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 12px;
   font-style: italic;
}

/********
* MENUS *
*********/

/*General menu settings such as background color, margins, etc. */
.portlet-menu {

}

/* Normal, unselected menu item. */
.portlet-menu-item {
   background-color: #005f91;
   color: #b4cad4;
   text-decoration: none;
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 11px;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 5px;
   padding-right: 5px;
   margin: 1px;
   list-style: none inside none;
   border-top: 2px solid #97B7C6;
   border-left: 2px solid #97B7C6;
   border-bottom: 2px solid #254869;
   border-right: 2px solid #254869;
}

.portlet-menu-item:hover {
   color: #accadb;
   text-decoration: none;
   font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
   font-size: 11px;
}

/* Selected menu item. */
.portlet-menu-item-selected {

}

/* Selected menu item when the mouse hovers over it. */
.portlet-menu-item-selected:hover {

}

/* Normal, unselected menu item that has sub-menus. */
.portlet-menu-cascade-item {

}

/* Selected sub-menu item that has sub-menus */
.portlet-menu-cascade-item-selected {

}

/* Descriptive text for the menu (e.g. in a help context below the menu) */
.portlet-menu-description {

}

/* Menu caption */
.portlet-menu-caption {

}

/* A separator bar similar to a horizontal rule, but with styling matching the page */
.portlet-horizontal-separator {
}

/* Allows portlets to mimic the title bar when nesting something */
.portlet-nestedTitle-bar {
}

/* Allows portlets to match the textual character of the title on the title bar. */
.portlet-nestedTitle {
}

/* Support portlets having tabs in the same style as the page or other portlets */
.portlet-tab {
}

/* Highlight the tab currently being shown */
.portlet-tab-active {
}

/* Highlight the selected tab (not yet active) */
.portlet-tab-selected {
}

/* A tab which can not be currently activated */
.portlet-tab-disabled {
}

/* Top level style for the content of a tab. */
.portlet-tab-area {
}

/* Icons. */
.portlet-icon, button.DTTT_button_pdf, 
button.DTTT_button_xls, button.DTTT_button_csv,
button.DTTT_button_print, button.DTTT_button_copy,
button.DTTT_button_pdf_hover, button.DTTT_button_xls_hover, button.DTTT_button_csv_hover,
button.DTTT_button_print_hover, button.DTTT_button_copy_hover,
button.DTTT_button_text,button.DTTT_button_text_hover{
padding:5px 5px 5px 26px;
background-repeat: no-repeat;
background-position: left;
}

.portlet-icon-right{
padding:5px 20px 5px 0px;
background-repeat: no-repeat;
background-position: right;
}

.portlet-icon-notext{
font-size:0; 
width:18px;
height:18px;
padding: 3px;
background-position: center;
margin-left: 3px;
margin-right: 3px;
background-repeat: no-repeat;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -border-radius: 5px;
}

.clickable-element-metadata{
cursor: pointer;
}

.icon-clickable{
cursor: pointer;
}

.icon-tides{
background-image: url(images/icons/icon-tides.png);
}

.icon-cross-white, .ui-icon-closethick{
background-image: url(images/icons/icon-cross-white.png);
}

.icon-profiles-theme{
width: 60px;
height: 32px;
padding-left: 35px;
background-image: url(images/icons/icon-profiles-theme.png);
}
.icon-profiles-geography{
width: 60px;
height: 32px;
padding-left: 35px;
background-image: url(images/icons/icon-profiles-geography.png);
}
.icon-profiles-level{
width: 60px;
height: 32px;
padding-left: 35px;
background-image: url(images/icons/icon-profiles-level.png);
}
.icon-profiles-platform{
width: 60px;
height: 32px;
padding-left: 35px;
background-image: url(images/icons/icon-profiles-platform.png);
}

.icon-node-rihmiwdc{
display: block;
width: 66px;
height: 52px;
background-image: url(images/icons/icon-node-rihmiwdc.png);
}

.icon-node-aari{
display: block;
width: 66px;
height: 52px;
background-image: url(images/icons/icon-node-aari.png);
}

.icon-node-ferhri{
display: block;
width: 66px;
height: 52px;
background-image: url(images/icons/icon-node-ferhri.png);
}

.icon-map{
background-image: url(images/icons/icon-map.png);
}

.icon-user-tick{
background-image: url(images/icons/icon-user-tick.png);
}

.icon-user-cross{
background-image: url(images/icons/icon-user-cross.png);
}

.icon-open{
background-image: url(images/icons/icon-open.png);
}

.icon-locked{
background-image: url(images/icons/icon-locked.png);
}

.icon-gallery{
background-image: url(images/icons/icon-gallery.png);
}
.icon-gallery-preview{
background-image: url(images/icons/icon-gallery-preview.png);
}

.icon-chart{
background-image: url(images/icons/icon-chart.png);
}

.icon-chart-up{
background-image: url(images/icons/icon-chart-up.png);
}

.icon-chart-line{
width: 32px;
height: 32px;
background-image: url(images/icons/icon-chart-line.png);
}
.icon-chart-spline{
width: 32px;
height: 32px;
background-image: url(images/icons/icon-chart-spline.png);
}
.icon-chart-area{
width: 32px;
height: 32px;
background-image: url(images/icons/icon-chart-area.png);
}
.icon-chart-bar{
width: 32px;
height: 32px;
background-image: url(images/icons/icon-chart-bar.png);
}
.icon-chart-column{
width: 32px;
height: 32px;
background-image: url(images/icons/icon-chart-column.png);
}
.icon-chart-line-small{
background-image: url(images/icons/icon-chart-line-small.png);
}
.icon-chart-spline-small{
background-image: url(images/icons/icon-chart-spline-small.png);
}
.icon-chart-area-small{
background-image: url(images/icons/icon-chart-area-small.png);
}
.icon-chart-bar-small{
background-image: url(images/icons/icon-chart-bar-small.png);
}
.icon-chart-column-small{
background-image: url(images/icons/icon-chart-column-small.png);
}

.icon-oil{
background-image: url(images/icons/icon-oil.png);
}

.icon-clock{
background-image: url(images/icons/icon-clock.png);
}

.icon-fullscreen{
background-image: url(images/icons/icon-fullscreen.png);
}

.icon-dashboard-exit{
display: block;
width: 32px;
height: 32px;
background-image: url(images/icons/icon-dashboard-exit.png);
}

.icon-dashboard-tools{
display: block;
width: 32px;
height: 32px;
background-image: url(images/icons/icon-dashboard-tools.png);
}
.icon-dashboard-search{
display: block;
width: 32px;
height: 32px;
background-image: url(images/icons/icon-dashboard-search.png);
}


.icon-dashboard-feedback{
display: block;
width: 32px;
height: 32px;
background-image: url(images/icons/icon-dashboard-feedback.png);
}

.icon-dashboard-otherportal{
display: block;
width: 32px;
height: 32px;
background-image: url(images/icons/icon-dashboard-otherportal.png);
}

.icon-dashboard-enter{
display: block;
height: 18px;
width: 18px;
padding-left:34px;
padding-top:14px;
background-image: url(images/icons/icon-dashboard-enter.png);
}

.icon-dashboard-todashboard{
display: block;
width: 32px;
height: 32px;
background-image: url(images/icons/icon-dashboard-todashboard.png);
}

.icon-dashboard-configure{
display: block;
width: 32px;
height: 32px;
background-image: url(images/icons/icon-dashboard-configure.png);
}

.icon-dashboard-toportal{
display: block;
width: 32px;
height: 32px;
background-image: url(images/icons/icon-dashboard-toportal.png);
}

.icon-dashboard-toadmin{
display: block;
width: 32px;
height: 32px;
background-image: url(images/icons/icon-dashboard-toadmin.png);
}

.icon-dashboard-copy{
display: block;
width: 32px;
height: 32px;
background-image: url(images/icons/icon-dashboard-copy.png);
}

.icon-comp-dp{
width: 42px;
height: 42px;
background-image: url(images/icons/icon-comp-dp.png);
}

.icon-comp-dp{
width: 42px;
height: 42px;
background-image: url(images/icons/icon-comp-dp.png);
}
.icon-comp-si{
width: 42px;
height: 42px;
background-image: url(images/icons/icon-comp-si.png);
}
.icon-comp-bid{
width: 42px;
height: 42px;
background-image: url(images/icons/icon-comp-bid.png);
}
.icon-comp-gis{
width: 42px;
height: 42px;
background-image: url(images/icons/icon-comp-gis.png);
}
.icon-comp-ak{
width: 42px;
height: 42px;
background-image: url(images/icons/icon-comp-ak.png);
}
.icon-comp-portal{
width: 42px;
height: 42px;
background-image: url(images/icons/icon-comp-portal.png);
}
.icon-comp-auth{
width: 42px;
height: 42px;
background-image: url(images/icons/icon-comp-auth.png);
}
.icon-comp-ws{
width: 42px;
height: 42px;
background-image: url(images/icons/icon-comp-ws.png);
}
.icon-comp-monitor{
width: 42px;
height: 42px;
background-image: url(images/icons/icon-comp-monitor.png);
}
.icon-comp-settings{
background-image: url(images/icons/icon-mode-edit.png);
}
.icon-comp-oper{
background-image: url(images/icons/icon-user-oper.png);
}
.icon-comp-admin{
background-image: url(images/icons/icon-user-admin.png);
}
.icon-comp-log{
background-image: url(images/icons/icon-logs.png);
}
.icon-comp-stat{
background-image: url(images/icons/icon-chart.png);
}
.icon-comp-docs{
background-image: url(images/icons/icon-mode-help.png);
}

.icon-weather-observations{
width: 32px;
height: 32px;
background-image:url(images/icons/icon-weather-observations.png);
}
.icon-weather-storm{
background-image:url(images/icons/icon-weather-storm.png);
}
.icon-weather-ice{
width: 32px;
height: 32px;
background-image:url(images/icons/icon-weather-ice.png);
}
.icon-weather-temp-water{
width: 32px;
height: 32px;
background-image:url(images/icons/icon-weather-temp-water.png);
}
.icon-weather-temp-air{
width: 32px;
height: 32px;
background-image:url(images/icons/icon-weather-temp-air.png);
}
.icon-weather-wind{
width: 32px;
height: 32px;
background-image:url(images/icons/icon-weather-wind.png);
}
.icon-weather-pressure{
width: 32px;
height: 32px;
background-image:url(images/icons/icon-weather-pressure.png);
}

.icon-table{
background-image: url(images/icons/icon-table-column.png);
}

.icon-filter{
background-image: url(images/icons/icon-table-filter.png);
}

.icon-filter-small{
background-image: url(images/icons/icon-filter-small.png);
}

.icon-arrow-refresh{
background-image: url(images/icons/icon-arrow-refresh.png);
}

.icon-arrow-left{
background-image: url(images/icons/icon-arrow-left.png);
}

.icon-arrow-right{
background-image: url(images/icons/icon-arrow-right.png);
}

.icon-arrow-stop-left{
background-image: url(images/icons/icon-arrow-stop-left.png);
}

.icon-arrow-stop-right{
background-image: url(images/icons/icon-arrow-stop-right.png);
}

.icon-arrow-download{
background-image: url(images/icons/icon-arrow-download.png);
}

.icon-plus{
background-image: url(images/icons/icon-plus.png);
}

.icon-minus{
background-image: url(images/icons/icon-minus.png);
}

.icon-kml{
background-image: url(images/icons/icon-kml.png);
}

.icon-rss-list-horizontal{
background-image: url(images/icons/icon-rss-list-horizontal.png);
}

.icon-rss-list-vertical{
background-image: url(images/icons/icon-rss-list-vertical.png);
}

.icon-rss-map{
background-image: url(images/icons/icon-rss-map.png);
}

.icon-rss-gallery{
background-image: url(images/icons/icon-rss-gallery.png);
}


.icon-info-close{
background-image: url(images/icons/icon-info-white-closed.png);
}

.icon-info-open{
background-image: url(images/icons/icon-info-white-opened.png);
}

.icon-url{
background-image:url(images/icons/icon_url.png);
}

.icon-url-data{
background-image:url(images/icons/icon_url_data.png);
}

.icon-data-denied{
background-image:url(images/icons/icon-data-denied.png);
}
.icon-data-access{
background-image:url(images/icons/icon-data-access.png);
}
.icon-data-locked{
background-image:url(images/icons/icon-data-locked.png);
}

.icon-datatype-app{
background-image:url(images/icons/icon-datatype-app.png);
}
.icon-datatype-dbms{
background-image:url(images/icons/icon-datatype-dbms.png);
}
.icon-datatype-datafile{
background-image:url(images/icons/icon-datatype-datafile.png);
}
.icon-datatype-datafilecat{
background-image:url(images/icons/icon-datatype-datafilecat.png);
}
.icon-datatype-objfile{
background-image:url(images/icons/icon-datatype-objfile.png);
}

.icon-app-access{
background-image:url(images/icons/icon-app-access.png);
}
.icon-app-locked{
background-image:url(images/icons/icon-app-locked.png);
}

.icon-request-waiting{
background-image:url(images/icons/icon-request-waiting.png);
}
.icon-request-accept{
background-image:url(images/icons/icon-request-accept.png);
}
.icon-request-deny{
background-image:url(images/icons/icon-request-deny.png);
}
.icon-request-edit{
background-image:url(images/icons/icon-request-edit.png);
}
.icon-request-delete{
background-image:url(images/icons/icon-request-delete.png);
}
.icon-analytics{
background-image:url(images/icons/icon-analytics.png);
}

.icon-resource-open{
background-image:url(images/icons/icon-resource-open.png);
}

.icon-resource-closed{
background-image:url(images/icons/icon-resource-closed.png);
}

.icon-thumbnail-ice{
background-image:url(images/icons/icon_download_gif.png);
background-position: center;
width: 100%;
height: 25px;
}

.icon-arrow-up{
background-image: url(images/icons/icon-arrow-up.png);
}
.icon-arrow-down{
background-image: url(images/icons/icon-arrow-down.png);
}

.icon-status-success, .wactive{
background-image: url(images/icons/icon_message_success.png);
}
.icon-status-error{
background-image: url(images/icons/icon_message_failure.png);
}
.icon-status-alert{
background-image: url(images/icons/icon_message_warning.png);
}
.icon-question{
background-image: url(images/icons/icon-question.png);
}

.icon-arm-create{
background-image:url(images/icons/icon-arm-create.png);
}
.icon-arm-edit{
background-image:url(images/icons/icon-arm-edit.png);
}
.icon-arm-delete{
background-image:url(images/icons/icon-arm-delete.png);
}

.icon-report{
background-image:url(images/icons/icon-report.png);
}
.icon-report-add{
background-image:url(images/icons/icon-report-add.png);
}

.icon-export-print, button.DTTT_button_print, button.DTTT_button_print_hover{
background-image:url(images/icons/icon_export_print.png);
}
.icon-export-image, button.DTTT_button_text,  button.DTTT_button_text_hover{
background-image:url(images/icons/icon-export-image.png);
}
.icon-export-doc{
background-image:url(images/icons/icon-download-doc.png);
}
.icon-export-xls, button.DTTT_button_xls, button.DTTT_button_xls_hover{
background-image:url(images/icons/icon-table-export-xls.png) ;
}
.icon-export-pdf, button.DTTT_button_pdf, button.DTTT_button_pdf_hover{
background-image:url(images/icons/icon-export-pdf.png) ;
}
.icon-export-xml{
background-image:url(images/icons/icon_export_xml.png) ;
}
.icon-export-csv, button.DTTT_button_csv, button.DTTT_button_csv_hover{
background-image:url(images/icons/icon-table-export-csv.png) ;
}
.icon-export-clipboard, button.DTTT_button_copy, button.DTTT_button_copy_hover{
background-image:url(images/icons/icon-table-export-clipboard.png) ;
}
.icon-table-search {
background-image:url(images/icons/icon_table_search.png) ;
}
.icon-record-save{
background-image:url(images/icons/icon-record-save.png);
}

.icon-download-text{
background-image:url(images/icon_text.gif);
}
.icon-download-xml{
background-image:url(images/icon_xml.gif);
}
.icon-download-data{
background-image:url(images/icons/icon-download-data.png);
}
.icon-download-image{
background-image:url(images/icons/icon-download-image.png);
}
.icon-data-download{
background-image:url(images/icons/icon-data-download.png);
}
.icon-data-stop{
background-image:url(images/icons/icon-data-stop.png);
}
.icon-table-filter{
background-image:url(images/icons/icon-table-filter.png) ;
}
.dataTables_filter .icon-table-filter{
background-position: top center;
padding: 14px 12px 14px 12px;
width: 20px;
height: 20px;
}

.icon-table-sorting, .sorting{
padding:5px 26px 6px 10px;
background-image:url(images/icons/icon_table_sort.png); 
background-position: right;
}
.icon-table-asc, .sorting_desc{
padding:5px 26px 6px 10px;
background-image:url(images/icons/icon_table_asc.png) ;
background-position: right;
}
.icon-table-desc, .sorting_asc{
padding:5px 26px 6px 10px;
background-image:url(images/icons/icon_table_desc.png) ;
background-position: right;
}
.icon-help-html{
background-image:url(images/icons/icon_help_html.png) ;
}
.icon-help-doc{
background-image:url(images/icons/icon_help_doc.png) ;
}
.icon-help-flash{
background-image:url(images/icons/icon_help_flash.png) ;
}
.icon-docs-user{
background-image:url(images/icons/icon-docs-user.png) ;
}
.icon-docs-oper{
background-image:url(images/icons/icon-docs-oper.png) ;
}
.icon-docs-admin{
background-image:url(images/icons/icon-docs-admin.png) ;
}
.icon-docs-descr{
background-image:url(images/icons/icon-docs-descr.png) ;
}
.icon-docs-instruction{
background-image:url(images/icons/icon-docs-instruction.png) ;
}
.icon-rss-simple{
background-image:url(images/icons/icon_rss_simple.png) ;
}
.icon-rss-geo{
background-image:url(images/icons/icon_rss_geo.png) ;
}
.icon-calendar{
background-image:url(images/icons/icon_calendar.png) ;
}
.icon-loading-circle-small{
padding:5px 10px 6px 22px;
background-image:url(images/icons/icon_loader_circle_small.gif) ;
}
.icon-loading-circle-big{
padding:5px 10px 13px 38px;
background-image:url(images/icons/icon_loader_circle_big.gif) ;
}
.icon-loading-bar-small{
padding:5px 10px 6px 24px;
background-image:url(images/icons/icon_loader_bar_small.gif) ;
}
.icon-loading-bar-big{
padding:15px 0px 6px 0px;
background-position: top left;
background-image:url(images/icons/icon_loader_bar_big.gif) ;
}
.icon-profile{
  padding: 49px 0px 0px 0px;
  background-position: top center;
  background-repeat: no-repeat;
  background-image:url(images/icons/icon-profile.png) ;
}
.icon-profile-data{
  padding: 49px 0px 0px 0px;
  background-position: top center;
  background-repeat: no-repeat;
  background-image:url(images/icons/icon-profile-data.png) ;
}

.sorting_asc, .sorting_desc, .sorting {
background-repeat: no-repeat;
padding:0px 0px 0px 0px;
}

/* Datepicker */
/* calendar root element */
.portlet-datepicker, .portlet-datepicker-T-ru,.portlet-datepicker-T-eng,
.portlet-datepicker-ru, .portlet-onlydatepicker{
margin-left:2px;
background-image: url(images/icons/icon_calendar_small.png);
background-repeat: no-repeat;
background-position: top right;
}

.icon-field-calendar{
background-image: url(images/icons/icon_calendar_small.png);
background-repeat: no-repeat;
background-position: top right;
}

.portlet-datepicker:hover{
}

.portlet-datepicker:focus{
}

/* Range input */

/* slider root */
.slider { 
	background:url(images/small-horizontal.png) no-repeat  0 -5px; 
	width:87px; 
	height:5px; 
	cursor:pointer; 
	position: relative; 
	float:left;
	margin-top:10px;
}

/* drag handle */
.handle { 
	background:transparent url(images/small-horizontal.png) no-repeat scroll -97px 0; 
	height:13px; 
	position:absolute; 
	top:-5px; 
	width:12px; 
	cursor:move; 
}

/* input field */
.range { 
	width: 40px;
}

/* input field while focused */
.range:focus { 
}

/* cute little CSS3 selector */
.range[readonly]:focus {
	background-color:transparent;		
}


/* vertical version */
.vertical .slider {
	background:url(images/small-vertical.png) no-repeat  -4px -17px; 
	height:94px;
	width: 5px;
	margin:5px 13px 0 0;
}

.vertical .handle { 
	background:transparent url(images/small-vertical.png) no-repeat scroll -1px -2px; 	
	top:0;
	margin-left:-2px;
}

.vertical .range {
	margin:-13px 13px 0 -30px;		
}

/*********** Scrollable ***********/
/*********** navigator ***********/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable_horizontal {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 95%;
	height:150px;
	margin:0px auto;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable_horizontal .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.scrollable_horizontal .items div {
	max-width: 220px;
	max-height: 190px;
	overflow: auto;
	float:left;
	margin-left:5px;
	text-align:justify;
	background: #ffffff;
}

/* single scrollable item */
/* elements inside single item */
.scrollable_horizontal img {
	float:left;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

/* active item */
.scrollable_horizontal .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* root element for scrollable */
.scrollable_vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;
	height: 700px;	 
	width: 95%;
	margin:0px auto;
	min-width: 200px;
	max-width: 400px;
}
	

/* root element for scrollable items */
.scrollable_vertical .items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.scrollable_vertical .item {
	margin:10px 0;
	padding:5px;
	font-size:12px;
	overflow: auto;

	background: #ffffff;
}

/* elements inside single item */
.scrollable_vertical .item img {
	float:left;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.scrollable_vertical .item h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
}

/* the action buttons above the scrollable */
.scrollable_vertical .actions {
	width:200px;
	padding-left:35px;	
}

/* position and dimensions of the navigator */
.navi {
	margin:0px auto;
	width:55%;
	height:20px;
	visibility:hidden;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:0px;
}

/* mouseover state */
.navi a:hover{
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
} 	


/* prev, next, prevPage and nextPage buttons */
.browse {
	cursor:pointer;
	font-size:0px;
	
	background-color:#f5f5f5;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #c6c6c6;
	color:#336699;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);	
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}

.browse:hover{
    background-color:#dff4ff;
    border-color: #c2e1ef;
    color:#336699;

}

.browse:active{
    background-color:#6299c5;
    border-color: #6299c5;
    color:#fff;
	-moz-box-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px;
}

/* scrollable buttons */
/* right */
.right 	{
	background-image: url(images/icons/icon-arrow-transition-right.png);
	width:40px;
	height:25px;
	float:right;
	margin-right:10%;
}

/* left */
.left{
	background-image: url(images/icons/icon-arrow-transition-left.png);
	width:40px;
	height:25px;
	float:left;
	margin-left: 10%;
} 

/* up */
.up  {
	background-image: url(images/icons/icon-arrow-transition-up.png);
	width:25px;
	height:40px;
	float:left;
	margin-left: 10%;
}

/* down */
.down {
	background-image: url(images/icons/icon-arrow-transition-down.png);
	width:25px;
	height:40px; 
	float:right;
	margin-right:10%;
}
 


/* disabled navigational button */
.disabled {
	visibility:hidden !important;		
} 


/* Datepicker */
/* calendar root element */
.portlet-datepicker{
	margin-left:2px;
	background-image: url(images/icons/icon_calendar_small.png);
	background-repeat: no-repeat;
	background-position: top right;
}

.portlet-datepicker:hover{
}

.portlet-datepicker:focus{
}

.ui-datepicker{
	background-color: #ffffff;
	border: 1px solid #dddddd;
	z-index: 750 !important;
}

.ui-icon{
	width: 16px;
	height: 16px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-button-text{
	font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
	font-size: 11px;
    text-decoration:none;
    font-weight:bold;
    color:#454545;
}
.ui-state-active .ui-button-text{
	color:#fff;
}

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; }

/* UI dialog */
.ui-dialog-titlebar{
	padding-top: 3px;
	cursor: move;
}

.ui-dialog-title{
	margin-left: 5px;
}

.ui-dialog-titlebar-close{
	float: right;
	cursor: pointer;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}
.ui-resizable-se{
    right: 1px;
    bottom: 1px;
	cursor: se-resize;
}
.ui-icon-gripsmall-diagonal-se {
	background-image: url('images/icons/icon-resize.png');
}

.ui-button{
	padding:3px 5px 3px 5px;
}

.ui-helper-hidden-accessible {
    border: 0px none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    width: 1px;
}

/* UI slider */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*


/* Component containers
----------------------------------*/
.ui-dialog, .ui-widget { 
	font-family: Verdana,Arial,sans-serif;
	font-size: 11px;
	border: 1px solid #C5DBEC/*{borderColorContent}*/;

}
.ui-widget .ui-widget { font-size: 11px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 11px;  }
.ui-widget-content { background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

.ui-widget-overlay{
	background: #143b61;
	opacity: 0.3;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:5px 0px 6px 0px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:11px; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }


/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* Accordion & tabs*/
/* root element for accordion. decorated with rounded borders and gradient background image */
.portlet-accordion, .portlet-menu {
	width: 94.5%;
	margin: 0 auto;
	border: 1px solid #A6C9E2;
	padding-left:0px !important;
	-background:#666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* accordion header */
.portlet-accordion h2, .portlet-tabs a, .portlet-tab a, .ui-widget-header,
.portlet-menu-item, .portlet-menu-item-selected {
	background: #14508A url(images/background_gloss_wave_2.png) 50% 50% repeat-x;
	border: 1px solid #C5DBEC;
	font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
	font-size: 11px;
	font-weight: bold;
    text-decoration:none;
    font-weight:bold;
	color: #000000;
	min-height: 20px;
}
.ui-widget-header{
	border-top: 0px;
}

.portlet-accordion h2,
.portlet-menu-item, .portlet-menu-item-selected {
	margin:0;
	padding:5px 18px;
	cursor:pointer;	
}


.portlet-menu-item a, .portlet-menu-item-selected a{
	padding:5px 0px 5px 10px;
	color: #000000;
	font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
	font-size: 11px;
	font-weight: bold;
    text-decoration:none;
    font-weight:bold;
	color: #000000;
}


/* currently active header */
.portlet-accordion h2.current, .portlet-menu-item-selected{
	cursor:default;
	border: 0px;
	min-height: 20px;
	border-bottom: 1px solid #C5DBEC;
	border-top: 1px solid #C5DBEC;
}

.portlet-menu-item-selected a {
	color:#000;
}

/* accordion pane */
.portlet-accordion .pane {
	background: #F4F3F3 url(images/background_form.gif) 0% 100% no-repeat;
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	padding:10px 15px 10px 15px;
	font-size:12px;
}

/* a title inside pane */
.portlet-accordion .pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
}

.portlet-tabs, .portlet-tab { 
	list-style:none; 
	margin:0 auto; 
	padding:0;
	height:30px;
	border-bottom:1px solid #A6C9E2;
	width: 95%;	
}

/* single tab */
.portlet-tabs li, .portlet-tab li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.portlet-tabs a, .portlet-tab a{ 
	display:block;
	height: 30px;  
	line-height:30px;
	min-width: 111px;
	text-align:center;	
	text-decoration:none;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
}

.portlet-tabs a:active, .portlet-tab a:active  {
	background: #fff;
	outline:none;
	color:#000;	
}

/* when mouse enters the tab move the background image */
.portlet-tabs a:hover, .portlet-tab a {
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.portlet-tabs .current,.portlet-tab .current,.portlet-tab li.current a, .tabs .current:hover, .tabs li.current a {
	background: #fff;
	cursor:default !important; 
	color:#000 !important;
}

/* Preview image for gallery */

.gallery-preview{
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#ffffff;
	padding:5px;
	color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow:0px 0px 10px 1px #888;	
	-moz-box-shadow:0px 0px 10px 1px #888;
    box-shadow:0px 0px 10px 1px #888; 
	}
#preview img{
	width: 200px;
	height: 200px;
}

#tools{
	width: 200px;
	height: 50px;
	position:absolute;
	border:1px solid #ccc;
	background:#ffffff url(images/background_footer.png) repeat-x;
	padding:5px;
	display:none;
	color:#fff;
	-webkit-box-shadow:0px 0px 10px 1px #888;	
	-moz-box-shadow:0px 0px 10px 1px #888;
    box-shadow:0px 0px 10px 1px #888; 
	z-index: 100;
	}
	
#search{
	width: 200px;
	height: 50px;
	position:absolute;
	border:1px solid #ccc;
	background:#ffffff url(images/background_footer.png) repeat-x;
	padding:5px;
	display:none;
	color:#fff;
	-webkit-box-shadow:0px 0px 10px 1px #888;	
	-moz-box-shadow:0px 0px 10px 1px #888;
    box-shadow:0px 0px 10px 1px #888; 
	z-index: 100;
	}	
/*  */

/*
 * jsTree theme 
*/

.jstree li, 
.jstree ins { background-image:url("images/background_trees.png"); background-repeat:no-repeat; background-color:transparent; }
.jstree li { background-position:-90px 0; background-repeat:repeat-y;  }
.jstree li.jstree-last { background:transparent; }
.jstree .jstree-open  ins { background-position:-72px 0; }
.jstree .jstree-closed ins { background-position:-54px 0; }
.jstree .jstree-leaf ins { background-position:-36px 0; }
                
.jstree .jstree-hovered { background:#dff4ff; color:#336699;}
.jstree .jstree-clicked { background:#6299c5; color:#ffffff; }
.jstree a {
	height:auto !important;
	white-space:normal !important;
	font-weight: normal !important;
	color: #464B5C;
	padding: 2px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	cursor: pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.jstree a .jstree-icon { background-position:-56px -19px; }
.jstree .jstree-open a .jstree-icon { background-position:-56px -36px; }
.jstree a.jstree-loading .jstree-icon { background:url("images/icons/icon_loader_bar_small.gif") center center no-repeat !important; }

.jstree.jstree-focused { background:none; }

.jstree .jstree-no-dots li, 
.jstree .jstree-no-dots .jstree-leaf  ins { background:transparent; }
.jstree .jstree-no-dots .jstree-open  ins { background-position:-18px 0; }
.jstree .jstree-no-dots .jstree-closed  ins { background-position:0 0; }

.jstree .jstree-no-icons a .jstree-icon { display:none; }

.jstree .jstree-search {color:#336699;}

.jstree .jstree-no-icons .jstree-checkbox { display:inline-block; }
.jstree .jstree-no-checkboxes .jstree-checkbox { display:none !important; }
.jstree .jstree-checked a .jstree-checkbox { background-position:-38px -19px  !important;}
.jstree .jstree-unchecked a .jstree-checkbox { background-position:-2px -19px !important;}
.jstree .jstree-undetermined a .jstree-checkbox { background-position:-20px -19px; }
.jstree .jstree-checked a .jstree-checkbox:hover { background-position:-38px -37px; }
.jstree .jstree-unchecked a .jstree-checkbox:hover { background-position:-2px -37px; }
.jstree .jstree-undetermined a .jstree-checkbox:hover { background-position:-20px -37px; }

.analytics-node .jstree-icon{
		background: url(/portal-core/themes/esimo-central/images/icons/icon-tree-node-pz.png) no-repeat !important;
		width: 18px;
		height: 18px;
	}
.akapp-node a .jstree-icon{
		background: url(/portal-core/themes/esimo-central/images/icons/icon-tree-node-pz.png) no-repeat !important;
		width: 18px;
		height: 18px;
	}	
a.metadata-node .jstree-icon{
		background: url(/portal-core/themes/esimo-central/images/icons/icon-tree-node-metadata.png) no-repeat !important;
		width: 18px;
		height: 18px;
	}
li.metadata-node a .jstree-icon{
		background: url(/portal-core/themes/esimo-central/images/icons/icon-tree-node-metadata.png) no-repeat !important;
		width: 18px;
		height: 18px;
	}	
/*Map*/
.portlet-map-small,.highcharts-viewport{
	width: 100%;
	border: 1px solid #6299c5;
	background:#fff;
}
.portlet-map-small{
	height: 150px;	
	background:#fff url(images/icons/icon_loader_bar_small.gif) no-repeat center;
}	

.portlet-map{
	width: 100%;
	height: 100%;
	min-height: 150px;
	background:#ffffff url(images/icons/icon_loader_bar_small.gif) no-repeat center;
	border: 1px solid #6299c5;
}
.portlet-map-layerswitcher{
	background:#fff;
	border: 1px solid #6299c5;
	width: 100%;
	padding: 5px;
	
	-webkit-box-shadow: 1px 2px 2px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 2px 2px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 2px 2px rgba(50, 50, 50, 0.75);	
}
.portlet-map-layerswitcher div span{
	background-color: transparent !important;
}

.olHandlerBoxZoomBox{
    border: 2px solid red;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}

.olHandlerBoxSelectFeature {
    border: 2px solid blue;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
} 

.olDragDown {
    cursor: move;
}
.olDrawBox {
    cursor: crosshair;
}

.olLayerGoogleCopyright {
    right: 2px;
    bottom: 2px;  
	z-index:1;
}
.olLayerGooglePoweredBy {
    left: 2px;
    bottom: 2px;   
}
.olControlPanel {
width:100%;
background: #DFEFFC url(images/table-header.png) 50% 50% repeat-x;
height: 30px;
border: 1px solid #6299c5;
border-bottom: none;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
        
 .olControlNavigationItemActive,  .olControlNavigationItemInactive,
 .olControlZoomBoxItemInactive,  .olControlZoomBoxItemActive,
 .olControlZoomOutItemActive,  .olControlZoomOutItemInactive,
 .olControlZoomToMaxExtentItemActive,  .olControlZoomToMaxExtentItemInactive,
 .olControlSelectExtentBoxItemActive,  .olControlSelectExtentBoxItemInactive,
 .olControlWMSGetFeatureInfoItemActive, .olControlWMSGetFeatureInfoItemInactive {
	background:#f5f5f5 center no-repeat;
	border: 1px solid #bbbbbb;
	color:#336699;
	padding:0px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);	
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	
	cursor:pointer;
	width: 20px;
	height: 20px;
	margin:2px 3px 0px 3px;
	float: right;
	cursor: pointer;   
}

.olControlNavigationItemActive,  .olControlNavigationItemInactive{
	margin-right:30px;
}

.olControlZoomOutItemInactive:active, .olControlZoomOutItemActive
.olControlZoomToMaxExtentItemInactive:active, .olControlZoomToMaxExtentItemActive{
 background-color: #FAAA3C;
 }

.olControlNavigationItemActive, .olControlZoomOutItemActive,
.olControlZoomBoxItemActive, .olControlZoomOutItemActive,
.olControlZoomToMaxExtentItemActive, .olControlSelectExtentBoxItemActive{
background-color: #FAAA3C;
}

.olControlWMSGetFeatureInfoItemActive, .olControlWMSGetFeatureInfoItemInactive {
 background-image: url('images/icons/icon-getfeatureinfo.png');
}
.olControlWMSGetFeatureInfoItemActive{
 background-color: #FAAA3C;
}
		
.olControlNavigationItemActive{
background-image: url('images/icons/icon_map_pan.png');
}
.olControlNavigationItemInactive{
background-image: url('images/icons/icon_map_pan.png');
}
.olControlZoomBoxItemInactive{
background-image: url('images/icons/icon_map_zoomin.png');
}
.olControlZoomBoxItemActive {
background-image: url('images/icons/icon_map_zoomin.png');
}
.olControlZoomOutItemActive {
background-image: url('images/icons/icon_map_zoomout.png');
}
.olControlZoomOutItemInactive {
background-image: url('images/icons/icon_map_zoomout.png');
}
.olControlZoomToMaxExtentItemActive {
background-image: url('images/icons/icon_map_zoomfull.png');
}
.olControlZoomToMaxExtentItemInactive {
background-image: url('images/icons/icon_map_zoomfull.png');
}
.olControlSelectExtentBoxItemActive {
background-image: url('images/icons/icon_map_selextent.png');
}
.olControlSelectExtentBoxItemInactive {
background-image: url('images/icons/icon_map_selextent.png');
}

/* popup */
.olPopup{
border: 1px solid #b1c0ce;
background: #ffffff;
overflow: auto;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
}

.map-info{
z-index: 1000;
max-width: 300px;
position: absolute;
padding: 5px;
background:#ffffff;
border: 2px solid blue;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
}

.olPopupContent{
cursor: default;
}

.olLayerGeoRSSTitle, .portlet-gallery-tooltip-title{
margin: 0px;
/*padding-left: 18px;
background: left no-repeat url('images/icons/icon-info-white.png');*/

font-weight: bold;
font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
font-size: 14px;
color: #005f91;

text-align: left;
}


 .olLayerGeoRSSTitle a{
font-weight: bold;
/*font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;*/
font-family: georgia,serif;
font-size: 13px;
color: #005f91;

text-align: left; 

text-decoration:none;
 }

 .olLayerGeoRSSTitle a:hover{
text-decoration:underline;
 }
 
.olLayerGeoRSSTitle a:visited{
color: #005f91;
} 
 

.olLayerGeoRSSClose{
font-size:0px;
position: absolute;
width: 16px;
height:16px;
top:0px;
right:2px;
padding:0px;
background: #ffffff top no-repeat url('images/icons/icon-cross-white.png');
}

.olLayerGeoRSSDescription, .portlet-gallery-tooltip-description{

}

/* Gallery of informers*/
.portlet-gallery-popup{
list-style:none;
}

.portlet-gallery-popup li{
float: left;
margin:5px;
width: 150px;
height: 90px;
}

.portlet-gallery-popup li {
padding-left: 18px;
background: #ffffff top left no-repeat url('images/icons/icon-info-white.png');

font-weight: bold;
font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
font-size: 14px;
color: #005f91;

text-decoration: none;
}

.portlet-gallery-popup li:hover{
text-decoration: underline;
}

.tooltip {
	display:none;
	background:url(images/tooltip.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
	overflow: hidden;
}

.portlet-gallery{
list-style:none;
width: 100%;
padding:0px;
margin-left: 3px;
}

.portlet-gallery li{
float: left;
margin:1px;
/*width: 290px;*/
min-height: 80px;
overflow: auto;

text-align:left;
background: #ffffff;

}

.portlet-gallery-popup li:hover{
}

/*-------Slider---------*/

#slider-nav a,.slider-nav a,.play-navigation a, .button-resume, .button-pause{
    background-color:#f5f5f5;
	border: 1px solid #dddddd;
	padding: 3px;	
	width:18px;
	height:18px;	
    margin:5px 0;
	font-family: Arial, sans-serif, Tahoma, Verdana, Lucida;
	font-size: 11px;
	font-weight: bold;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    -moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);	
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	cursor:pointer;
}
.button-resume, .button-pause{
}
	
.play-navigation a{
	float: left;
}
#slider-nav a:focus, .slider-nav a:focus,.play-navigation a:focus {
    background-color:#dff4ff;
    border-color: #c2e1ef;
    color:#336699;
}
#slider-nav a.activeSlide, .slider-nav a.activeSlide, .play-navigation a.activeSlide {
    background-color:#6299c5;
    border-color: #6299c5;
	color:#ffffff; 
}

#main-slider-wrap{
width:920px;
margin:0 auto;
padding-bottom: 25px;
}

.slider-desc{
position: absolute;
width: 100%;
height:80px;
background: #111;
opacity: 0.75;
bottom: 0px;

color: #ffffff;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
}

.slider-desc b{
font-size: 12px;
padding: 5px 10px;
}
.slider-desc p{
font-size: 12px;
padding: 0px 10px;
}

.button-resume, .button-pause{
background-position: center;
background-repeat: no-repeat;
}

.icon-resume, .button-resume{
background-image: url(images/icons/control.png);
}

.icon-pause, .button-pause{
background-image: url(images/icons/control-pause.png);
}

/* Chosen*/
/* @group Base */
.chzn-container {
  font-size: 11px;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.chzn-container a{
    font-family: Arial,sans-serif,Tahoma,Verdana,Lucida;
    font-size: 11px;
}

.chzn-container .chzn-drop {
  background: #fff;
  border: 1px solid #6299c5;
  border-top: 0;
  position: absolute;
  top: 29px;
  left: 0;
  -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
  -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
  -o-box-shadow     : 0 4px 5px rgba(0,0,0,.15);
  box-shadow        : 0 4px 5px rgba(0,0,0,.15);
  z-index: 1010;
}
/* @end */

/* @group Single Chosen */
.chzn-container-single .chzn-single {
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );   
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  border-radius        : 5px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  border: 1px solid #aaaaaa;
  -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 15px;
  padding: 4px 0 4px 8px;
  color: #444444;
  text-decoration: none;
}
.chzn-container-single .chzn-default {
  color: #999;
}
.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url('images/chosen-sprite.png') right top no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
  background-position: right -11px;
}
.chzn-container-single .chzn-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}
.chzn-container-single .chzn-single div b {
  background: url('images/chosen-sprite.png') no-repeat 0 0;
  display: block;
  width: 100%;
  height: 100%;
}
.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
}
.chzn-container-single .chzn-search input {
  background: #fff;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
}
.chzn-container-single .chzn-drop {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius   : 0 0 4px 4px;
  border-radius        : 0 0 4px 4px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
}
/* @end */

.chzn-container-single-nosearch .chzn-search input {
  position: absolute;
  left: -9000px;
}

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  border: 1px solid #6299c5;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
}
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow   : none;
  -o-box-shadow     : none;
  box-shadow        : none;
}
.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); 
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  -moz-box-shadow   : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  box-shadow        : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  color: #333;
  border: 1px solid #aaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url('images/chosen-sprite.png') right top no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: right -11px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: right -11px;
}
/* @end */

/* @group Results */
.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.chzn-container-multi .chzn-results {
  margin: -1px 0 0;
  padding: 0;
}
.chzn-container .chzn-results li {
  display: none;
  line-height: 15px;
  padding: 5px 6px;
  margin: 0;
  list-style: none;
  text-align: left;
}
.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}
.chzn-container .chzn-results .highlighted {
  background-color: #3875d7;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );  
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
  background: transparent;
}
.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item;
}
.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
}
.chzn-container .chzn-results .group-option {
  padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}
.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px; /* This should by dynamic with js */
  z-index: 1;
}
.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}
.chzn-container .chzn-results-scroll-down {
  bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
  background: url('images/chosen-sprite.png') no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
  background: url('images/chosen-sprite.png') no-repeat -22px -3px;
}
/* @end */

/* @group Active  */
.chzn-container-active .chzn-single {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-single-with-drop {
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow   : 0 1px 0 #fff inset;
  -o-box-shadow     : 0 1px 0 #fff inset;
  box-shadow        : 0 1px 0 #fff inset;
  background-color: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -ms-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  -webkit-border-bottom-left-radius : 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft : 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius : 0;
  border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
  background: transparent;
  border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
  background-position: -18px 1px;
}
.chzn-container-active .chzn-choices {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important;
}
/* @end */

/* @group Disabled Support */
.chzn-disabled {
  cursor: default;
  opacity:0.5 !important;
}
.chzn-disabled .chzn-single {
  cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @group Right to Left */
.chzn-rtl { text-align: right; }
.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }

.chzn-rtl .chzn-single div { left: 3px; right: auto; }
.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto;
}
.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;}
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
.chzn-rtl .chzn-search input {
  background: #fff;
  padding: 4px 5px 4px 20px;
  direction: rtl;
}
/* @end */

/* report */
#report-wrapper-div{
	width:100%;
	height:650px;
	margin:10px 0px;
}
#report-div{
	width:100%;
	height:600px;
	background: #fff;
	border: 1px solid rgb(177, 192, 206);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	position: relative;
}
/* @end*/

.darktip{
	border: 1px solid rgb(178, 181, 188);
	background:#fff;
	font-family: Arial,sans-serif,Tahoma,Verdana,Lucida;
	font-size: 11px;
	padding:3px 5px;
}