html{
padding:0;
margin:0;
}

body
{
overflow-x: hidden;
overflow-y: hidden;
background-color: white;
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-top: 5px;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 0px;
}
/*TEXT*/

h1,h2{
margin:0;
padding:0;

font-size:1.5em;
font-weight:bold;
color:#7785FD;
}

h2{
font-size:1.2em;
}

.big{
font-size:1.5em;
font-weight:bold;
color:#7785FD;
}
.smallText{
font-size:0.9em;
}
.chockText{
font-size:1.5em;
color:#FF0000;
}
.smallChockText{
font-size:1.1em;
color:#FF0000;
}

#patrocinio{
background-image:url(img/patrocinio.png) !important;
background-image:none;
background-repeat:no-repeat;
background-position:top;
width:108px;
height:15px;
float:right;
margin-top:0px;
padding-top:0px;
margin-bottom:0px;
filter:none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/patrocinio.png' ,sizingMethod='crop');
}

.upper{
font-size:1.0em;
color:#FF0000;
font-weight:bold;
}

/* error */
.error{
color:#FF0000;
}

/* MAIN */

#page
{
position: relative;
z-index: 0;
width: 100%;
height: 100%;
background-color:#FFFFFF;
}

#map{
position: relative;
z-index: 0;
border:1px solid #979797;
margin-right: 226px;
height: 100%;
background:url(img/loader5.gif) no-repeat center;
}
#rhs{
position: absolute;
z-index: 1000;
top: 0px;
right: 0px;
width: 225px;
background:url(img/rhs_back.png) repeat-x top left;
overflow:auto;
border:1px solid #979797;
}


#header{
width:100%;
background-image:url(img/mytop2.png);
background-repeat: repeat-x;
background-color: #D1E0FF;
border-bottom:2px solid #7785FD;
margin-bottom:2px;
}
 
#header #top{
width:100%;
height:20px;
}

#header #top #loading{
height:16px;
width:16px;
}

#header #menu{
padding-top:5px;
}
#searchError{
font-family:"trebuchet ms", verdana, arial, sans-serif;
font-size:1.2em;
font-weight:bold;
}
/*
#imagesGrid{
padding-top:3px;
height:600px;
}*/
/* IMAGES GRID */
.imageInnerLayer{
background:#FFFFFF;
padding-top:3px;
padding-bottom:3px;

}
.imageInnerLayer:hover{
background-color:#D1E0FF;
padding-top:3px;
padding-left:2px;
padding-right:2px;
padding-bottom:3px;

}

.imageOutterLayer{
border:#CCCCCC 1px solid;
margin-bottom:5px;
width:81px;
overflow:hidden;
cursor:pointer;
cursor:hand;
position:relative;
background:#FFFFFF;
}

.imageOutterLayer:hover{
background-color:#D1E0FF;
margin-bottom:5px;
width:81px;
overflow:hidden;
cursor:pointer;
cursor:hand;
}

/* end grid */

/* END MAIN */

/*Thmbnail img*/
#thumbnailImg{
width:16px;
height:16px;
position:absolute;
right:2px;
bottom:2px;
border:1px solid #CAD3FF;
}


/* MODAL WIN */
.zpWinModal {
  background-color : black;
  opacity = 0.60;
  filter : alpha(opacity:60);
  KHTMLOpacity = 0.60;
  MozOpacity = 0.60;
  -moz-opacity: 0.60;
}

.zpWinBack {
}
.zpWin * {
	-moz-box-sizing : border-box;
}
.zpWin {
	text-align: left;
	border: 1px solid #FFFFFF;
	background-image: url(img/window.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-x-position: center;
	background-y-position: top;
	background-color: #eff5ff;
	padding:5px;
}

.zpWinTitleArea {
	cursor:default;
	height:30px;
	text-align:left;
	line-height: 20px;
}


.zpWinBack .zpWinTitleArea td{
}

.zpWinTitleText {
    white-space: nowrap;
    padding-top: 0px;
	padding-left : 5px;
	font-size:1em;
	font-weight:bold;
	color:#7785FD;
	
}

.zpWinCloseButton {
	height: 16px;
	width: 16px;
	cursor:pointer;
}

.zpWinBack .zpWinCloseButton{
  background: url(img/close.png);
}


.zpWin #contentCell {
}

.zpWinBack .zpWinContent {
	border:1px solid #CAD3FF;
}

.zpWinContent {
	background-color:#FFFFFF;
}

/* END WIN */


/* AUTOCOMPLETE*/
ul{
padding:2px;
margin:0px;
}

li {
list-style-type:none;
padding:2px;
font-size:12px;
}

.selected { background-color:#E7E1FF }

.autocomplete{
margin-top:2px;
display:none;
border:1px solid #CCCCCC;
background-color:white;
height:100px;
z-index:1000;
overflow:auto;
}


/* 
* New person insertion table style formating (The balloon form)
**/

.tableNewPersonMaster{
width:460px;
margin-bottom:5px;
font-family:"trebuchet ms", verdana, arial, sans-serif;
font-size:12px;
}

.tableNewPersonMaster input{
padding:1px;
border: 1px solid #CCC;
margin-bottom:4px;
font-size:12px;
font-family:"trebuchet ms", verdana, arial, sans-serif;
color:#333333; 
}

.tableNewPersonMaster textarea{
padding:1px;
border: 1px solid #CCC;
margin-bottom:4px;
font-size:12px;
font-family:"trebuchet ms", verdana, arial, sans-serif;
color:#333333; 
}

.tableNewPersonMaster SELECT{
padding:1px;
border: 1px solid #CCC;
margin-bottom:4px;
font-size:12px;
font-family:"trebuchet ms", verdana, arial, sans-serif;
color:#333333;
}


/*
*	The final window of the registry process
**/
table.userRegistry 
{

}
table.userRegistry th
{
	text-align:left;
	padding:5px;
	border-bottom:#CCCCCC solid 1px;
	margin-bottom:5px;
}

table.userRegistry td{

	vertical-align: top;	
	text-align:left;
}


.emailInput{
	background: transparent url(img/mail.png) no-repeat 4px center;
	padding: 3px 3px 3px 16px;
	border: 1px solid #CCC;
	margin-bottom:4px;
	font-size:12px;
	font-family:"trebuchet ms", verdana, arial, sans-serif;
	color:#333333;
}
.passInput{
	background: transparent url(img/pass.png) no-repeat 4px center;
	padding: 3px 3px 3px 16px;
	border: 1px solid #CCC;
	font-size:12px;
	margin-bottom:4px;
	font-family:"trebuchet ms", verdana, arial, sans-serif;
	color:#333333;  
}

h3{
color:#3366CC;
margin:0px;
padding:0px;
font-size:14px;

}
h4{
font-size:90%;
margin:0px;
padding:0px;
font-size:11px;
}

#image{
background-image:url(img/newLogo_header.png) !important;
background-image:none;
background-repeat:no-repeat;
background-position:bottom;
width:225px;
height:31px;
float:left;
margin-right:20px;
filter:none !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/newLogo_header.png' ,sizingMethod='crop'); 
}
.textPeopleN{
font-family:"trebuchet ms", verdana, arial, sans-serif;
font-size:14px;
font-weight:bold;
}
.inputTextSimple
{
	padding: 3px 3px 3px 3px;
	border: 1px solid #CCC;
	font-size:14px;
}
/* text box of autocomplete */
.inputText{
	padding: 3px 3px 3px 3px;
	border: 1px solid #CCC;
	font-size:14px;
	font-family:"trebuchet ms", verdana, arial, sans-serif;
	color:#333333; 
	font-weight:bold;
}
.inputTextLoading{
	background: #FFFFFF url(img/loader5.gif) no-repeat right center;
	padding: 3px 3px 3px 3px;
	border: 1px solid #CCC;
	font-size:14px;
	font-family:"trebuchet ms", verdana, arial, sans-serif;
	color:#333333; 
	font-weight:bold;
}


/* thumb box */
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}