/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */
/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	list-style:none;
	margin-bottom:10px;
	margin-top: 10px;
	/* Clear floats */
	float:left;
	width:100%;
	 /*Bring the nav above everything else--uncomment if needed.*/
	position:relative;
	z-index:5;
	
}
#nav li{
	float:left;
	margin-right:10px;
	position:relative;
}
#nav a{
	padding:5px;
	text-decoration:none;
}
#nav a:hover{

}

/*--- DROPDOWN ---*/
#nav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	list-style:none;
	position:absolute;
	left:-8999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	z-index:5000;
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{
/* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */

}


/*GALLERY MODUL CSS*/


div#imageloadbutton {
    background: url("file_browse_normal.html") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    height: 100px;
    overflow: hidden;
    width: 93px;
}
div#imageloadbutton:hover {
    background: url("file_browse_hover.html") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
div#imageloadbuttonr:active {
    background: url("file_browse_pressed.html") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

div#imageloadbutton input {
    display: block !important;
    width: 93px !important;
    height: 100px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

#contentWrap {
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	background-color:#f1f1f1;
	width: 722px;
	min-height: 720px;
	padding: 20px;
}


#contentLeft  {
	float: left;
}
	

#contentRight {
	float: right;
	width: 260px;
	padding:10px;
	background-color:#336600;
	color:#FFFFFF;
}

#preview
{
color:#cc0000;
font-size:12px
}
.imgList 
{
width:110px;
height:110px;
margin-left:5px;
border:1px solid #dedede;
padding:4px;	
float:left;	
margin:4px;
}


#contentLeft > div:first-of-type {  background-color: #FF6700;}
    
.imageMain{
position:relative;
width:130px;
float: left;
margin: 0 auto;

}

.imageMain img{
display: block;
}
    
.deleteButton{
position:absolute;
right: 20px;
top: 9px;
z-index:2;
}
/*
.flagsContainer {
position: relative;
z-index: 2;
background:#000000;
padding-left:40px;
}

.flagsContainer a{
margin:2px;
}

.flagsContainer a > img{
border: 1px solid #000000;
}

.flagsContainer a > img:hover{
border: 1px solid #333333;
}
*/



/*======================= BLOG =========================*/
.remove {
display:none;
}


.blogBodyHr {
border-bottom:4px solid #CBA844;
}

.blogWrite {
display:inline-block;
background-color: #CBA844;
font-size: 22px;
font-weight: bold;
padding: 5px;
width: 100%;
margin-top:10px;
margin-bottom: 20px;
}

.blogContact {
margin:10px;
}

/*======================= BLOG END ======================*/


/*======================= CONTACT =========================*/

.fldX {
margin-top: 5px;
}

.formClass input {
border: 1px solid #bebebe;
min-width: 200px;
height: 25px;
}

.formClass input[type=submit] {
width: 140px;
}

.formClass textarea{
width: 300px;
height: 150px;
border: 1px solid #bebebe;
}

.mailLabel {
display: block; 
font-size: 12px;
min-width: 140px;
}

/*======================= CONTACT END======================*/