/*--------------------------------------------------
  Begin Of TABBER.CSS
  --------------------------------------------------*/

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;

 color:#000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;

 margin:0;
 border-bottom: 1px solid #000000;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
 
 padding-right:3px;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 0px;

 text-decoration: none;
 font-weight:normal;
 
 color:#000000;
 background-color: #e7f5fd;

 border:1px solid;
 
 border-bottom-color:#000000;
 border-top-color:#000000;
 border-left-color:#000000;
 border-right-color:#000000;
}

ul.tabbernav li a:link { color: #000000; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color:#ffffff;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:normal;
 background-color:#000000;
 
 border-top-color:#000000;
 border-left-color:#000000;
 border-right-color:#000000;
 border-bottom-color: #000000;
}

ul.tabbernav li.tabberactive a
{ 
 color:#000000;
 font-weight:bold;
 background: none;
 
 background-color:#FFFFFF;
 border:1px solid;

 border-top-color:#000000;
 border-left-color:#000000;
 border-right-color:#000000;
 border-bottom-color: #FFFFFF;
}

ul.tabbernav li.tabberactive a:hover
{
 
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #000000;
 border-top:0;

 background-color:#FFFFFF;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:350px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/*--------------------------------------------------
  End Of TABBER.CSS
  --------------------------------------------------*/
  
  
/*--------------------------------------------------
  Begin Of PROTOTIP.CSS
  --------------------------------------------------*/

.tooltip { width: 250px; color: #fff;}
.tooltip .title { background: #0F6788; font: italic 17px Georgia, serif; padding: 5px;}
.tooltip .content { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;

	color: #000000;
	width: 250px;
	margin-top: -4px;
	border: 1px solid #006db8;
	padding: 10px 12px;
	background-color: #CEDFFF;
	
	line-height: 1.6em;
}

/*--------------------------------------------------
  End Of PROTOTIP.CSS
  --------------------------------------------------*/
  
  
/*--------------------------------------------------
  Begin Of AUTOCOMPLETE.CSS
  --------------------------------------------------*/
  
  div.autocomplete {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #ccc;
  margin:0px;
  padding:0px;
  font-size:0.8em;
  text-align:left;
  max-height:200px;
  overflow:auto;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { 
  background-color: #EAF2FB;
}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

  /*--------------------------------------------------
  End Of AUTOCOMPLETE.CSS
  --------------------------------------------------*/
  
  
  /*--------------------------------------------------
  Begin Of MODALBOX.CSS
  --------------------------------------------------*/
#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position:absolute;
	top: 0;
	border: 2px solid;
	text-align:left;
	z-index:10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position:relative;
	background-color: #FFFFFF;
	height:100%;
}

#MB_header {
	margin:0;
	height: 34px;
}

#MB_content {
	padding: 6px .75em;
	overflow:auto;
}

#MB_caption {
	font: bold 100% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em 0 .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display:block;
	position:absolute;
	right:5px; top:4px;
	padding:2px 3px;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
}
#MB_close:hover {
	background:transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(../imgs/spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_window {
	background-color:#FFFFFF;
	color:#000;
}
#MB_content { 
  border-top: 1px solid #F9F9F9; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  color: #000000;
  font-weight: normal;
}
#MB_header {
  background-color:#006db8;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color:#ffffff }
#MB_close { color:#ffffff }
#MB_close:hover { color:#000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}

.MB_warning {
  padding: .5em .5em 1em 36px;
	background: url('../imgs/warning.png') 0 15px no-repeat;
	text-align:center;
}

.MB_confirm {
  padding: .5em .5em 1em 50px;
	background: url('../imgs/info.png') 0 20px no-repeat;
	text-align:center;
}

.MB_error {
  padding: .5em .5em 1em 50px;
	background: url('../imgs/stop.png') 0 20px no-repeat;
	text-align:center;
}

.MB_success {
  padding: .5em .5em 1em 50px;
	background: url('../imgs/ok.png') 0 20px no-repeat;
	text-align:center;
}

.MB_sugestion {
  padding: .5em .5em 1em 50px;
	background: url('../imgs/idea.png') 0 20px no-repeat;
	text-align:center;
}

.MB_sending {
  padding: .5em .5em 1em 50px;
	background: url('../imgs/run.png') 0 20px no-repeat;
	text-align:center;
}
  /*--------------------------------------------------
  End Of MODALBOX.CSS
  --------------------------------------------------*/
  
.validation-advice {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 1px 0;
    padding: 1px;
    color: #ae0808;
}

.save-reminder {
	color:#000000;

	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 13px;
	text-decoration : none;

	font-weight : bold;
}

.saving-data {
	color:#000000;

	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	text-decoration : none;

	font-weight : bold;
}

.normalize-width {
	width: 300px;
}