#mapheader {
   margin           : auto; 
   padding          : 5px;
   text-align       : justify; 
   vertical-align   : top;
}

#mapfooter {
   margin           : auto; 
   padding          : 5px;
   text-align       : justify; 
   vertical-align   : top;
}

.sorter {      
   margin           : 0px;    
   height           : 32px;    
   padding          : 2px; 
   text-align       : right; 
   vertical-align   : top;   
}

#sorterSelect {
   margin           : 4px;       
   vertical-align   : middle;
}

#sidebarMenu {
   margin           : auto; 
}

#textSideBar {
   margin           : auto; 
   width            : 98%; 
   height           : 95%; 
   padding          : 4px; 
   text-align       : center; 
   vertical-align   : top;   
}

#sidebar {
   margin           : auto; 
   width            : 98%; 
   height           : 95%; 
   padding          : 4px; 
   text-align       : center; 
   vertical-align   : top;  
   overflow			: auto; 
}

div.resourceList {
   margin           : auto;
   text-align       : left;
   font-size        : 11px;     
   font-family      : Helvetica, sans-serif;
   height           : 90%;
   width			: 98%;
   overflow         : auto;
}

div.infoWindowPopup {
   font-size        : 12px;
   text-align       : center;
   vertical-align   : middle;   
   margin           : auto;
   padding          : 3px;
}

body.infoWindow {
   background-color: white;
   background-image: url(http://www.pinch.it/components/com_grf/images/bgInfoWindow.gif); 
   background-repeat: repeat-y;  
   background-position: center;   
}

div.infoWindowLoading {
   position         : absolute;
   top              : 0px;
   left             : 0px;
   background-color : trasparent;
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 14px;
   color            : #000000;
   margin           : 0px; 
   padding          : 3px;   
   width            : 98%; 
   height           : 98%;
   z-index          : 2;
   opacity          : .90;
   filter           : alpha(opacity=90);
}

div.infoWindowHeader {      
   display          : block;
   font-weight      : bold;
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 12px;
   color            : #000000;
   width            : 100%;   
   height           : 30px;   
   white-space      : nowrap;
   margin           : 0px;
   padding          : 3px;
   border-bottom    : 1px solid #000000;
   background-color : white;
   z-index          : 1;
}

table.infoWindowTitle {
   width            : 100%;
   border           : 0px solid #000;   
}

div.infoWindowTitle {
   display          : inline;
   float            : left;
   font-weight      : bold;
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 12px;
   color            : #000000;
   text-align       : left;   
   vertical-align   : middle;  
}


div.infoWindowStar {
   display          : inline;
   float            : right;
   font-size        : 8px; 
   padding-right    : 2px;
   font-family      : Helvetica; 
   text-align       : right;   
}

td.infoWindowStar {   
   text-align       : right;
   width            : 140px; 
   margin           : auto;   
   padding-right    : 2px;
   font-size        : 8px;    
   font-family      : Helvetica; 
   text-align       : right;   
}

div.infoWindowBody {   
   font-weight      : bold;
   font-family      : Arial, Helvetica, sans-serif;   
   font-size        : 10px;
   position         : absolute;
   top              : 0px;
   left             : 0px;  
   color            : #000000;
   overflow         : auto;
   margin           : 0px; 
   padding          : 3px;
   width            : 98%; 
   height           : 98%;  
   z-index          : 1;
   background-color : transparent;
}

div.infoWindowBodyOverview {         
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 14px;
   color            : #000000;
   position         : absolute;
   top              : 0px;
   left             : 0px;            
   border           : 1px dashed #000000;
   margin           : 0px; 
   padding          : 3px;   
   width            : 98%; 
   height           : 98%;
   z-index          : 2;
   opacity          : .90;
   filter           : alpha(opacity=90);
   background-color : #ffffff;
}

div.infoWindowFooter {
   display          : inline-block;
   font-weight      : bold;
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 12px;
   color            : #000000;
   width            : 99%;  
   height           : 35px;      
   white-space      : nowrap;
   margin           : 0px;
   padding          : 3px;
   border-top       : 1px solid #000000;   
   background-color : white;
   z-index          : 1;
}

table.infoWindowFooter {
   width            : 100%;  
   border           : 0px;
}

div.infoWindowReadReview {
   display          : inline-block;
   float            : left;
   font-weight      : bold;
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 12px;
   color            : #000000;      
   white-space      : nowrap;
   margin           : 0px;
   padding          : 0px;
   border           : 0px solid #000000;  
   width            : 50%;     
   text-align       : left;  
   vertical-align   : bottom;  
}

td.infoWindowReadReview {
   width            : 33%;
   text-align       : left;
   border           : 0px;
}
div.infoWindowDirections {
   display          : inline-block;   
   font-weight      : bold;
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 12px;
   color            : #000000;   
   white-space      : nowrap;
   margin           : auto;
   padding          : 0px;
   border           : 0px solid #000000;  
   width            : 25px; 
   text-align       : center; 
   vertical-align   : middle;
}


td.infoWindowDirections {
   width            : 17%;
   text-align       : center;
   margin           : auto;
   border           : 0px solid #000;
}

div.infoWindowDirectionsSource {
   position 		: absolute;
   top              : 0px;
   left             : 0px;
   width            : 100%;
   height			: 35px;
   text-align       : left;
   margin           : auto;
   border           : 0px solid #000;
   padding          : 2px;
   z-index          : 2;
   background-color : white;
   display			: none;
}

div.infoWindowWriteReview {
   display          : inline-block;   
   font-weight      : bold;
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 12px;
   color            : #000000;   
   white-space      : nowrap;
   margin           : auto;
   padding          : 0px;
   border           : 0px solid #000000;  
   width            : 25px; 
   text-align       : center; 
   vertical-align   : middle;
}


td.infoWindowWriteReview {
   width            : 16%;
   text-align       : center;
   margin           : auto;
   border           : 0px solid #000;
}

div.infoWindowRate {
   display          : inline-block;
   float            : right;
   font-weight      : bold;
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 12px;
   color            : #000000;   
   white-space      : nowrap;
   margin           : 0px;
   padding          : 0px;   
   border           : 0px solid #000000;     
   text-align       : left; 
   vertical-align   : middle;
}


td.infoWindowRate {
   width            : 33%;
   text-align       : right;
   border           : 0px;
}

div.writeNewReview {
   display          : block;
   font-weight      : bold;
   font-family      : Arial;
   font-size        : 14px;
   text-align       : center;
   vertical-align   : middle;
   margin           : auto;
   padding-top      : 3px;
   color            : #000000;   
   width            : 98%;
   height           : 2em;   
}

table.titleNewReview {    
   border           : 0px solid #000;     
   width            : 98%; 
   height           : 35px;
   padding          : 3px;
   margin           : auto;
}

td.titleNewReview {
   width            : 60px; 
}

div.titleNewReview {    
   font-weight      : bold;
   font-family      : Arial;
   font-size        : 12px;   
   text-align       : left;        
   vertical-align   : middle;    
   line-height      : 35px;
   height           : 35px;
   margin           : auto;    
   padding          : 2px;
   border           : 0px solid #000;
}

div.inputTitleNewReview {
   border           : 0px;
   text-align       : left;
   vertical-align   : middle; 
   height           : 35px;
   width            : 95%;
   margin           : auto;
   padding          : 2px;   
}

input.inputTitleNewReview {
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 12px;
   color            : #000000;
   text-align       : left;
   vertical-align   : middle; 
   margin           : auto;        
   width            : 97%;
   padding          : 2px;
   height           : 1.5em;      
}

td.iconNewReview {    
   width            : 35px;
   border           : 0px solid #000;
}

div.bodyNewReview {       
   margin           : auto;              
   text-align       : left;      
   vertical-align   : middle;   
   font-size        : 12px;
   font-family      : Arial, Helvetica, sans-serif;
   width            : 97%; 
   height           : 250px;   
   overflow         : auto;
   border           : 0px solid #000;
}

textarea.bodyNewReview {
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 12px;
   color            : #000000; 
   margin           : auto;      
   width            : 98%;
   height           : 240px;   
}

table.iconsReadReviews {    
   border           : 0px solid #000;     
   width            : 98%; 
   height           : 35px;
   padding          : 3px;
   margin           : auto;
}

td.readReviewTitle {   
   text-align       : center;   
   vertical-align   : middle;
   border           : 0px solid #000;           
   margin           : auto;
   height           : 35px;   
   padding          : 3px;
   margin           : auto;
}

div.readReviewTitle {    
   font-weight      : bold;
   font-family      : Arial;
   font-size        : 14px;
   text-align       : center;   
   vertical-align   : middle;
   color            : #000;
   border           : 0px solid #000;     
   width            : 98%; 
   height           : 35px;
   padding          : 3px;
   margin           : auto;
}

td.readReviewTitle {
   border           : 0px solid #000;           
   margin           : auto;
   height           : 35px;
   padding          : 3px;
   margin           : auto;
}

td.backReview {
   border           : 0px solid #000;     
   width            : 35px; 
   height           : 35px;
   padding          : 3px;
   margin           : auto;   
}

td.nextReview {
   border           : 0px solid #000;     
   width            : 35px; 
   height           : 35px;
   padding          : 3px;
   margin           : auto;
}

div.readReviewsSection {
   position         : relative;   
   width            : 98%; 
   text-align       : center;
   vertical-align   : middle;
   border           : 0px;
   padding          : 3px;
   margin           : auto;
}


div.loadingWindow {
   display          : block;   
   float            : left;
   margin           : auto;   
   padding          : 7px;          
   text-align       : center;      
   vertical-align   : middle;   
   font-weight      : bold;
   font-family      : Arial;
   font-size        : 18px;
   position         : absolute;
   top              : 50%;
   left             : 50%;     
   overflow         : hidden;
   z-index          : 2;
   opacity          : .75;
   filter           : alpha(opacity=75);   
   background-color : white;
   border           : 0px solid #000;   
}   	

div.reviewTitle {       
   font-weight      : bold;
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 12px;
   text-align       : left;   
   vertical-align   : middle;
   color            : #000;
   border           : 0px solid #000;     
   width            : 100%; 
   height           : 1.5em;
   padding          : 1px;
   margin           : auto;
}

div.reviewUserRating {
   font-weight      : bold;
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 12px;
   text-align       : right;   
   vertical-align   : middle;
   color            : #000;
   border           : 0px solid #000;     
   width            : 100%; 
   height           : 1.5em;
   padding          : 1px;
   margin           : auto;
}

div.reviewBody {       
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 11px;
   text-align       : justify;   
   vertical-align   : middle;
   color            : #000;
   border           : 0px solid #000;     
   width            : 98%;    
   padding          : 1px;
   margin           : auto;
}

td.reviewFooter {
   border-bottom    : 1px dashed #000;
   width            : 50%;
}

div.reviewFooterDate {       
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 9px;
   text-align       : left;   
   vertical-align   : middle;
   color            : #000;
   border           : 0px solid #000;         
   width            : 100%;
   height           : 1.5em;
   padding          : 1px;
   margin           : auto;
}

div.reviewFooterAuthor {       
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 9px;
   text-align       : right;   
   vertical-align   : middle;
   color            : #000;
   border           : 0px solid #000;     
   width            : 100%; 
   height           : 1.5em;
   padding          : 1px;
   margin           : auto;   
}

div.infoWindowImage {
	text-align		: center;
	margin			: auto;	
}

div.infoWindowCaption {
	text-align	: justify;
	font-family     : Arial, Helvetica, sans-serif;
   	font-size       : 10px;   	   	
   	color           : #000;	
        margin          : 2px;
}

div.infoWindowReference {
	text-align		: center;
	margin			: auto;	
	font-family     : Arial, Helvetica, sans-serif;
   	font-size       : 10px;
   	font-weight     : bold;   	   	
   	color           : #000;
}

table.poiWindow {
        border-collapse: collapse;
        margin-right: auto;
        margin-left: auto;
        margin-top: 50px;
}

td.poiWindowCornerTopLeft {
        background-image: url(http://www.pinch.it/components/com_grf/images/poiWindow/corner_top_left.jpg); 
        background-repeat: no-repeat;
        margin:0px;    
        padding:0px;
        width:14px;
        height:26px;
}
td.poiWindowCornerTopRight {
        background-image: url(http://www.pinch.it/components/com_grf/images/poiWindow/corner_top_right.jpg); 
        background-repeat: no-repeat;
        margin:0px;    
        padding:0px;
        width:14px;
        height:26px;
}
td.poiWindowCornerBottomLeft {
        background-image: url(http://www.pinch.it/components/com_grf/images/poiWindow/corner_bottom_left.jpg); 
        background-repeat: no-repeat;
        margin:0px;    
        padding:0px;
        width:14px;
        height:26px;
}
td.poiWindowCornerBottomRight {
        background-image: url(http://www.pinch.it/components/com_grf/images/poiWindow/corner_bottom_right.jpg); 
        background-repeat: no-repeat;
        margin:0px;    
        padding:0px;
        width:14px;
        height:26px;
}
td.poiWindowBorderTop {
        background-image: url(http://www.pinch.it/components/com_grf/images/poiWindow/border_top.jpg); 
        background-repeat: repeat-x;
        margin:0px;    
        padding:0px;
        height:26px;
}
td.poiWindowBorderBottom {
        background-image: url(http://www.pinch.it/components/com_grf/images/poiWindow/border_bottom.jpg); 
        background-repeat: repeat-x;
        margin:0px;    
        padding:0px;
        height:26px;
}
td.poiWindowBorderLeft {
        background-image: url(http://www.pinch.it/components/com_grf/images/poiWindow/border_left.jpg); 
        background-repeat: repeat-y;
        margin:0px;    
        padding:0px;
        width:14px;
}
td.poiWindowBorderRight {
        background-image: url(http://www.pinch.it/components/com_grf/images/poiWindow/border_right.jpg); 
        background-repeat: repeat-y;
        margin:0px;    
        padding:0px;
        width:14px;
}
td.poiWindowBody {
        background-color: #f1f1f1;	
        text-align: justify;
        vertical-align: middle;
}