#addPictureForm
{
	position:absolute;
	left:50%;
	top: 1px;
	width:500px;
	margin-top:0px;
	margin-left:-266px;
	padding:15px;
	border:1px solid gray;
	background-color:#eee;
	color:#222;
	display:none;

}

#addCommentNew
{
	position:absolute;
	left:50%;
	top: 1px;
	width:500px;
	margin-top:0px;
	margin-left:-266px;
	padding:15px;
	border:1px solid gray;
	background-color:#eee;
	color:#222;
	display:none;

}

hr
    {
        background:none;
        height:1px;
        border:solid #F00 0px;
        border-bottom:solid #BDF 1px;
        width:95%;
        clear:both;
    }

span
    {

    }
img
	{
		margin:0px;
		border:none;
	}
form
	{
		margin:0px;
	}
input
	{
		color:#333;
		border:solid #333 1px;
        width:200px;
		background:#FFF;
        padding:2px;
	}
pre
	{
		font-family:verdana, sans-serif;
		color:#333;
		display:block;
		width:99%;
		border:solid #F00 0px;
		/*white-space:pre-wrap;
		white-space:-moz-pre-wrap !important;
		white-space: -pre-wrap;
		white-space: -o-pre-wrap;
		word-wrap:break-word;*/
        white-space:normal;
	}


textarea
            {
                width:100%;
                }
a
	{
        color:#000;
		text-decoration: none;
	}
a:hover
    {
        text-decoration:underline;
        }
fieldset
    {
        border:none;
        padding:0;
        margin:0;
        }
legend
    {
        color:#FFF;
        }
ul
    {
        list-style-type:none;
        }
.nojavascript
{
	font-family: georgia, serif;
	font-weight:bold;
	background-color: #F63;
	color: white;
	display: block;
	height:20px;
	padding:5px;
}

/* typography */

.highlight
    {
        color:#FFF;
        }
.fade
    {
        color:#FFA;
        }
.fade2
    {
        color:#666;
        }
.name
    {
        text-transform:capitalize;
        }
.cursorHand
    {
        cursor:pointer;
        }
p
    {
        margin:0;
        }
h1
    {
        clear:both;
        text-transform:uppercase;
        border:solid #f00 0px;
        margin:0;
        padding-left:60px;
        font-size:18px;
        font-weight:normal;
        text-align:left;
        border-bottom:solid #BDf 0px;
        margin-top:30px;
        }
.iconBook
    {
        background:url(../images/smallIconBook.jpg) no-repeat 35px 3px;
        }
.iconFiles
    {
        background:url(../images/smallIconFiles.jpg) no-repeat 35px 3px;
        }
.iconComments
    {
        background:url(../images/smallIconComment.jpg) no-repeat 35px 3px;
        }
.iconComments2
    {
        background:url(../images/smallIconComment.jpg) no-repeat 0px 3px;
        }
.iconImages
    {
        background:url(../images/smallIconImages.jpg) no-repeat 35px 3px;
        }
.iconEdit
    {
        background:url(../images/smallIconEdit.jpg) no-repeat 35px 3px;
        }
.iconEdit2
    {
        background:url(../images/smallIconEdit.jpg) no-repeat 0px 3px;
        }
.iconSearch
    {
        background:url(../images/smallIconSearch.jpg) no-repeat 35px 3px;
        }
.iconInfo
    {
        background:url(../images/smallIconInfo.jpg) no-repeat 35px 3px;
        }
.iconInfo2
    {
        background:url(../images/smallIconInfo.jpg) no-repeat 0px 3px;
        }
h2
    {
        margin:0;
        border-bottom:solid #999 0px;
        font-size:14px;
        margin-top:15px;
        margin-bottom:5px;
        padding-left:60px;
        }
h3
    {
        margin:0;
        border-bottom:solid #BDF 0px;
        font-size:11px;
        margin-top:10px;
        margin-bottom:15px;
        padding-left:60px;
        }
h4
    {
        margin:0;
        margin-right:3%;
        margin-left:3%;
        border-top:solid #BDF 0x;
        }
.textBody
    {
        border:solid #f00 0px;
        font-size:1.2em;
        /*padding-left:5px;*/
        font-weight:normal;
        padding-left:60px;
        }
.tab
    {
        font-size:11px;
        margin:0;
        font-weight:normal;
        margin-right:5px;
        color:#666;
        }
.right
    {
        float:right;
        }
.left
    {
        float:left;
        }
.tab:hover
    {
        text-decoration:underline;
        }
.selected
    {
        font-weight:bold;
        }
.notSelected
    {
        font-weight:normal;
        }

/* layout */

.mainCell
    {
        vertical-align:top;
        border:solid #F00 0px;
        }
.mainPageTable
    {
        border:solid #F00 0px;
        width:99%;
        margin:0;
        }
.bodyPartVisible
	{
		display:block;
        margin:0;
		padding:0;
		border:solid #F00 0px;

	}
.bodyPartInvisible
	{
		display:none;
		margin:0;
		padding:0;
		border:solid #F00 0px;
	}
.bodyPart:first-letter
	{
		text-transform:capitalize;
	}

.columnMain
    {
        border:solid #f00 0px;
        margin:0;
        text-align:left;
        margin-bottom:30px;
        float:left;
        background:#9cf;
        }
.column1
    {
        width:480px;
        }
.column2
    {
        width:500px;
        }
.column3
    {
        width:190px;
        }
.column4
    {
        width:480px;
        float:left;
        }
.column5
    {
        width:42%;
        border:solid #f00 0px;
        }
.column6
    {
        width:100%;
        border:solid #f00 0px;
        }
.column7
    {
        width:49%;
        border:solid #f00 0px;
        display:block;
        overflow:hidden;
        }
.column8
    {
        width:700px;
        border:solid #f00 0px;
        margin:auto;
        float:none;
        }
.column11
    {
        border:solid #f00 0px;
        width:530px;
        }
.column12
    {
        border:solid #f00 0px;
        width:460px;
        }
.mainPageContent
    {
        margin:auto;
        }

/* quicksearch */

#quickSearch
	{
		float:right;
        width:212px;
        height:30px;
        text-indent:100px;
        color:#FFF;
		border:solid #F00 0px;
        text-align:left;
        font-size:1.2em;
        background:url(../images/buttons.gif) no-repeat -520px -5px;
        overflow:hidden;
        margin-top:0px;
	}
#quickSearch span
	{
		padding-top:8px;
        display:block;
        color:#FFF;
        margin-left:500px;
	}
#searchPhrase
	{
		background:none;
		color:#333;
		font-size:0.8em;
		margin:0;
		padding:3px;
		border:solid #333 0px;
        float:left;
        position:relative;
 		top:7px;
        left:75px;
        width:110px;
	}
/* END quicksearch */


/* user is logged round corner menu*/
.containerUserIsLogged {
margin-top:-1px;
padding-top:3px;
position:relative;
height:24px;

background:url("../images/userLogedBg.gif");
}
.rtop, .rbottom{
display:block;
background:#9cf;
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#222;

}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px
}

/*  header menu  */

.menuWrapper
    {
        float:right;
        margin-top:10px;
        width:590px;
		border:solid 0px #F00;
        }

#header .mainMenu
	{
		border:solid 0px #F00;
        list-style-type:none;
        margin:0;
        padding:0;
        float:left;
        width:338px;
        height:35px;
        margin-top:0px;
	}
.buttonListItem
	{
		float:left;
        padding:0;
        margin:0;
        overflow:hidden;
	}
.buttonListItem a
	{
        display:block;
        width:110px;
        height:35px;
        color:#FFF;
        font-size:1.2em;
        text-indent:500px;
        border:solid #F00 0px;
        overflow:hidden;
	}
.buttonListItem a:hover
	{
        background:#000;
	}
#headerButton1
    {
        background:url(../images/buttons.gif) no-repeat 0 -5px;
        }
#headerButton1:hover
    {
         background:url(../images/buttons.gif) no-repeat 0 -43px;
        }
#headerButton2
    {
        clear:both;
        background:url(../images/buttons.gif) no-repeat -162px -5px;
        }
#headerButton2:hover
    {
         background:url(../images/buttons.gif) no-repeat -162px -43px;
        }
#headerButton3
    {
        background:url(../images/buttons.gif) no-repeat -283px -5px;
        }
#headerButton3:hover
    {
         background:url(../images/buttons.gif) no-repeat -283px -43px;
        }
#headerButton4
    {
        background:url(../images/buttons.gif) no-repeat -410px -5px;
        }
#headerButton4:hover
    {
         background:url(../images/buttons.gif) no-repeat -410px -43px;
        }


.buttonListItem #selected1
	{
        background:url(../images/buttons.gif) no-repeat 0 -43px;
	}
.buttonListItem #selected2
	{
        background:url(../images/buttons.gif) no-repeat -162px -43px;
	}
.buttonListItem #selected3
	{
        background:url(../images/buttons.gif) no-repeat -283px -43px;
	}
.buttonListItem #selected4
	{
        background:url(../images/buttons.gif) no-repeat -410px -43px;
	}
/* small buttons*/


.smallButtons
	{
        list-style-type:none;
        margin:0;
        padding:0;
        clear:both;
        width:70px;
        height:17px;
        margin-top:0px;
        float:right;
	}
.smallButtonListItem
	{
        padding:0;
        margin:0;
        overflow:hidden;
        overflow:hidden;
        float:left;
        margin-right:5px;
	}
.smallButtonListItem a
	{
        display:block;
        color:#FFF;
        font-size:1em;
        text-indent:500px;
        height:16px;
        width:16px;
        overflow:hidden;
	}
#smallHeaderButton1
    {
        background:url(../images/smallButtons.gif) no-repeat 0 0px;
        }
#smallHeaderButton1:hover
    {
         background:url(../images/smallButtons.gif) no-repeat 0 -16px;
        }
#smallHeaderButton2
    {
        background:url(../images/smallButtons.gif) no-repeat -16px 0px;
        }
#smallHeaderButton2:hover
    {
         background:url(../images/smallButtons.gif) no-repeat -16px -16px;
        }
#smallHeaderButton3
    {
        background:url(../images/smallButtons.gif) no-repeat -32px 0px;
        }
#smallHeaderButton3:hover
    {
         background:url(../images/smallButtons.gif) no-repeat -32px -16px;
        }

/*  logo  */

#surfbitLogo
	{
		height:60px;
		/*margin:auto;*/
		z-index:0;
		border:solid #FF1 0px;
		width:200px;
		margin:0px;
        margin-top:7px;
        margin-left:-8px;
		/*background:url(../images/headerBackBlack.gif) repeat-x;*/
        background:none;
        float:left;
	}
#surfbitLogoLink
    {
        float:left;
        margin-top:0px;
        margin-left:5px;
        border:solid #F00 0px;
        width:210px;
        text-align:left;
        position:relative;
        z-index:1;
    }

/* star rating system*/

.starRaterWrapper
    {
        float:right;
        border:solid #F00 0px;
        width:200px;
        }
.starRater
    {
        color:#FFF;
        list-style-type:none;
        border:solid #FF0 0px;
        width:150px;
        position:relative;
        padding:0;
        margin:0;
        overflow:hidden;
        float:right;
        }
.starItem
    {
        display:block;
        float:left;
        overflow:hidden;
        border:solid #F00 0px;
        width:22px;
        height:22px;
        background:url(../images/starRater.gif);
        padding:0;
        margin:0;
        }
.starLink
    {
        text-decoration:none;
        color:#FFF;
        text-indent:-300px;
        display:block;
        height:22px;
        width:22px;
        overflow:hidden;
        border:solid #FF0 0px;
        }
.starLink:hover
    {
        text-decoration:none;
        color:#00F;
        display:block;
        background:url(../images/starRater.gif) 0 21px;
        }
.currentRate
    {
        background:url(../images/starRater.gif) 0 21px;
        display:block;
        width:0px;
        height:22px;
        margin:0;
        padding:0;
        float:left;
        }
.currentRateLink
    {
        width:60px;
        height:22px;
        margin:0;
        padding:0;
        border:solid #FF0 0px;
        position:absolute;
        left:0;
        background:url(../images/starRater.gif) 0 44px;
        }
.textSmall
    {
        font-size:0.7em;
        color:#FFF;
        }
.ratingsSmall
    {
        font-size:1em;
        color:#333;
        display:block;
        border:solid #F00 0px;
        padding-top:4px;
        text-align:right;
        float:right;
        }
.littleStar
    {
        background:url(../images/starRaterOne.gif);
        width:16px;
        height:16px;
        padding:2px;
        }
#starOne
    {
        position:absolute;
        left:0px;
        width:22px;
        z-index:5;
        }
#starTwo
    {
        position:absolute;
        left:22px;
        width:22px;
        z-index:5;
        }
#starThree
    {
        position:absolute;
        left:44px;
        width:22px;
        z-index:5;
        }
#starFour
    {
        position:absolute;
        left:66px;
        width:22px;
        z-index:5;
        }
#starFive
    {
        position:absolute;
        left:88px;
        width:22px;
        z-index:5;
        }
#starOne:hover
    {
        position:absolute;
        left:0px;
        width:22px;
        z-index:4;

        }
#starTwo:hover
    {
        position:absolute;
        left:0px;
        width:44px;
        z-index:4;
        }
#starThree:hover
    {
        position:absolute;
        left:0px;
        width:66px;
        z-index:4;
        }
#starFour:hover
    {
        position:absolute;
        left:0px;
        width:88px;
        z-index:4;
        }
#starFive:hover
    {
        position:absolute;
        left:0px;
        width:110px;
        z-index:4;
        }

/* photo gallery */

.photoGalleryWrapperSmall
    {
        margin:0;
        padding:0;
        border:solid #FFF 0px;
        padding-left:60px;
        }
.photoItemWrapperSmall2
	{
        /*background:url(../images/photoShadow.png) no-repeat;*/
        background:#FFF;
        width:180px;
        height:150px;
        /*position:relative;*/
        border:solid #FFF 3px;
        margin:0;
        display:block;
        overflow:hidden;
        margin:2px;
        float:left;
	}
#photoLinkSmall
	{
		display:block;
		overflow:hidden;
        margin:0;
	}
.photoItemWrapperSmall
	{
        /*background:url(../images/photoShadow.png) no-repeat;*/
        background:#FFF;
        width:450px;
        height:150px;
        /*position:relative;*/
        border:solid #FFF 3px;
        margin:10px 0 10px 0;
        display:block;
        overflow:hidden;
	}
#photoLinkSmall #photoInfoSmall
	{
		text-align:left;
		margin:0;
		padding:5px 0 4px 5px;
		border:solid #D33 0px;
		color:#333;
		font-size:10px;
		position:relative;
		top:-35px;
		background:#FFF;
		display:none;
        width:175px;
        height:25px;
	}
#photoLinkSmall #photoInfoSmall2
	{
		text-align:left;
		margin:0;
		padding:5px 0 4px 5px;
		border:solid #D33 0px;
		color:#333;
		font-size:10px;
		position:relative;
		top:-35px;
		background:#FFF;
		display:none;
        width:450px;
        height:25px;
	}
#photoLinkSmall:hover
	{
        text-decoration:none;
	}
#photoLinkSmall:hover #photoInfoSmall2
	{
		display:block;
	}
#photoLinkSmall:hover #photoInfoSmall
	{
		display:block;
	}

/* navigation tree */

.siteTree
    {
        float:left;
        display:inline;
        margin-bottom:10px;
        padding-left:60px;
        }
.siteTree a
	{
		background:url(../images/pixelIcon9.png) no-repeat 0 -2px;
		padding-left:16px;
		padding-bottom:3px;
        text-align:left;
	}
.siteTree a:hover
	{
		text-decoration:underline;
		background:url(../images/pixelIcon9blue.png) no-repeat 0 -2px;
	}
#treeMain
	{
		background:none;
	}
.youAreHere
	{
		text-decoration:underline;
		cursor: defaul;
	}

/* comentaries */

.commentPhoto
    {
        width:50px;
        border:solid #FFF 3px;
        float:left;
        margin-right:5px;
        margin-bottom:5px;
        }
.commentInfo
    {
        color:#666;
        font-size:0.9em;
        }
.commentText
    {
        }
.userComment
        {
            display:block;
            padding:5px 0 5px 0;
            }
.userComment:hover
        {
            background:#ecfafb;
            padding:5px 0 5px 0;
            text-decoration:none;
            }

/* page numbers */

.pageNumber
    {
        margin:0;
        border:solid #F00 0px;
        background:none;
        margin-top:-3px;
        display:block;
        width:15px;
        float:left;

        }

/* map */

#mapContainer
	{
		width:680px;
		height:500px;
		background:none;
		border:solid #F00 0px;
		padding:5px;
        padding-right:10px;
		padding-bottom:80px;
        margin:auto;
	}
#mapImage
	{
		/*background:url(../images/hartaRO.png) no-repeat;*/
		width:680px;
		height:480px;
		margin:auto;
		position:relative;
	}
.mapPoint
	{
		display:block;
		float:left;
		overflow:hidden;
		background: no-repeat 0 0;
		background-image:url(../images/mapPointSmall.gif);
		width:40px;
		height:40px;
		position:absolute;
		border:solid #FF0 0px;
		z-index:2;
		text-align:center;
		cursor:pointer;
	}
.mapData
	{
		display:none;
		overflow:hidden;
		float:left;
		background: no-repeat 1px 0;
        background:#9cf;
		/*background-image:url(../images/mapPointPopup.gif) ;*/
		position:absolute;
		border:solid #FFF 5px;
		z-index:10;
		width:160px;
		text-align:center;
	}
 #id
	{
		display:block;
		position:relative;
		top:13px;
		left:0px;
		font-weight:bold;
		float:left;
		border:solid #FF0 0px;
		width:40px;
		margin:0;
		text-align:center;
	}
#id a
	{
		color:#FFF;
	}
#mapDataTitle
	{
		font-weight:normal;
		text-decoration:none;
		border:solid #F00 0px;
        text-align:right;
		margin-top:0px;
		width:90%;
		float:right;
		color:#FFF;
        background:#333;
        padding:5px;
        padding-right:10px;
	}
.mapData dd
	{
		clear:both;
		text-align:left;
		border:solid #FF0 0px;
		margin:auto;
		padding:5px;
		padding-left:5px;
		height:100%;
		margin-top:10px;
	}
.mapData .definition
	{
		display:block;
		padding-left:25px;
		border:solid #FF0 0px;
		margin:0;
	}
dd .view
	{
		clear:both;
		display:block;
		border:0;
		/*background:url(../images/pixelIcon1blue.png) no-repeat;*/
		height:16px;
		margin:3px;
		padding-left:10px;
		border:solid #FF0 0px;
		z-index:15;
		font-size:1.1em;
		color:#333;
	}
dd .view:hover
	{
		text-decoration:underline;
		/*background:url(../images/pixelIcon1hover.png) no-repeat;*/
	}
dd .edit
	{
		clear:both;
		display:block;
		/*background:url(../images/pixelIcon1blue.png) no-repeat;*/
		height:16px;
		margin:3px;
		padding-left:10px;
		border:solid #FF0 0px;
		z-index:15;
		font-size:1.1em;
		color:#000;
	}
dd .edit:hover
	{
		text-decoration:underline;
		/*background:url(../images/pixelIcon1hover.png) no-repeat;*/
	}

/* form */

.mainForm
    {
        margin:auto;
        text-align:center;
        padding:0px;

        }
.mainForm li
    {
        margin-top:1px;
        margin-bottom:1px;
        }
.mainForm label
    {
        /*overflow:hidden;*/
        display:block;
        text-align:left;
        padding-bottom:5px;
        padding-top:10px;
        }
.controlCenteredWrapper
    {
        width:100%;
        }
.controlCentered
    {
        margin:auto;
        }
.button
    {
        cursor:pointer;
        }
.button:hover
    {
        border:solid #66D 1px;
        }
.error
    {
        color:#FFF;
        font-size:13px;
        padding:5px;
        }
#screenError
    {
        color:#F00;
        font-size:15px;
        padding:5px;
        width:100%;
        border-top:solid #333 1px;
        display:none;
        float:left;
        text-align:left;
        }
.textareaCentered
    {
        margin:auto;
        width:80%;
        }
#editeazaComentariu
    {
        display:none;
        }

/* tooltip */

#kTooltip
    {
        display:none;
        position:absolute;
        left:50px;
        top:50px;
        /*width:200px;*/
        background:#FFD;
        text-align:left;
        padding:3px;
        border:solid #333 1px;
        z-index:1000;
        }

/* edit screens */
#screenWrapper
{
	position:fixed;
	background:url(../images/greyBack.png);
	/*margin:auto;*/
	width:100%;
    height:100%;
	top:0%;
	left:0%;
	display:none;
	z-index:2000;
    /*padding-bottom:10%;*/
}
#screenEditComments
{
    display:none;
    }
#screenEditDescription
{
    display:none;
    }
#screenCreateDescription
{
    display:none;
    }
#screenEditPhoto
{
    display:none;
    }
#screenMembersOnly
{
    display:none;
    }
#screenAbout
{
    display:none;
    }
#screenContact
{
    display:none;
    }
.screenButtonClose
    {
        margin:auto;
        width:150px;
        float:right;
        text-align:center;
        padding:10px;
        }
.screenSpecial
    {
        background:#9cf;
        border:solid #AAA 1px;
        margin-top:2%;
        padding:10px;
        padding-left:-60px;
        text-align:center;
        }
.screenSpecial h1
    {
        padding-left:20px;
        }
.screenSpecial h2
    {
        padding-left:20px;
        }
.screenSpecial .textBody
    {
        padding-left:20px;
        margin-right:10px;
        text-align:left;
        }
.textAreaLarge
    {
        width:100%;
        border:solid #F00 3px;
        }
/* photoViewer */

#photoViewer
{
	background:url(../images/greyBack.png);
	margin:auto;
	text-align:center;
	padding:0px;
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	display:none;
	z-index:2000;
}
#photoViewerItem
    {
        background:#FFF;
        margin-top:1%;
        border:solid #FFF 5px;
        text-align:center;
        }
.photoViewerWrapper
    {
        position:relative;
        display:block;
        }
#photoLoading
    {
        margin:auto;
        position:relative;
        top:-60px;
        height:0;
        }
#photoLoading img
    {
        border:solid #FFF 3px;
        }

/* footer */

.footerTitle
    {
        margin-top:15px;
		margin-top:5px;
        font-size:14px;
        font-weight:bold;
        }
.footerColumn
    {

        width:230px;
		float:left;
        padding:15px;
        padding-right:0;
        padding-top:0;
        }

.footerList
    {
        margin:0;
        padding:0;
        font-size:1.1em;
        list-style-type:none;
        }
.footerList li
    {
        margin-top:4px;
		margin-top: 10px;


	    }
.horiz
    {
        float:left;
        }