/*  ################# for all design  ################## */
 body {
        height:100%;
        width:100%;
        margin: 0px;
        padding: 0px;
        background-color:#eff2ef;
        min-height:640px;
 } 
 .container {
	 min-height:640px;
 }
 .container-fluid {
	 min-height:640px;
 } 

 a:link  {
   text-decoration:none;
   color:#271759;
}       
a:hover {
	color:#0536d4;
	text-decoration:underline;
}
a:visited {
	color:#400005;
}
.clear {
	clear:both;
}
.error  {
	color:red;
	padding:0;
	font-size:0.8em;
}
.btn-sm {
	font-size:0.9em;
	padding:2px 5px;
}
.space1 {
	display:inline-block;
	margin-left:1%;
}
.space2 {
	display:inline-block;
	margin-left:5%;
}
.space3{
	display:inline-block;
	margin-left:10%;
}
.tagspace1 {
	margin-left:1%;
}
.tagspace2 {
	margin-left:2%;
}
.em9 {
	font-size: 0.9em;
}
.em8 {
	font-size: 0.8em;
}
.em7 {
	font-size: 0.7em;
}
.em6 {
	font-size: 0.6em;
}

.pad0 {
	padding:0;
}
.right {
	float:right;
}

/*  ################################ HEAD ################################# */
.head {
	width:100%;
	height:60px;
	margin:0;
	padding:0;
	background-color:#8bd5f3;
}

/*  ########################### END OF HEAD ############################### */
/*  ################################### NAV MENU ########################## */
@media all and (min-width: 491px) {
.navigation {
    width:100%;	
    background-color:#eaeaea;
    border-bottom:1px solid #b4b4b4;
    padding:5px 0 0 0;
    margin:8px 0;
}
.navigation ul {
	margin:0;
	padding:0;
}

.navigation ul li {
	display:inline-block;
}
.navigation ul li a {
	margin:0 5px;
	padding:0 3px;
}
}

@media all and (max-width: 490px) {
.navigation {
    width:100%;	
    background-color:#dfdfdf;
}
.navigation ul {
	padding:0;
}
.navigation ul li {
	display:block;
	border:1px solid #ffffff;
	text-align:center;
}
.navigation ul li a {
	margin:0 4px;
	padding:0 2px;
}
}	
/*  #################################  END OF NAV MENU ########################## */
/*  #################################  Home.php ########################## */


.home-view {
	height:auto;
	min-height:100px;
	background-color:#f1f1f1;
	border:1px solid #968d8d;
	border-radius:7px;
	box-shadow:1px 2px 2px #747070;
	margin:5px;
	padding:4px;
}
.home-img {
	float:left;
	border:1px solid #b5a7a7;
	padding:1px;
	border-radius:3px;
	box-shadow:1px 1px 1px #938c8c;
	margin:0 15px 0 0;
}
.home-view big {
	float:right;
}

/*  #################################  END OF Home.php ########################## */
/*  #################################  FORMS FORMS ########################## */
fieldset.fieldset-border {
	border:1px solid #b0a3a3;
	padding:20px;
	border-radius:4px;
}
legend.legend-border {
	padding:0 4px;
	text-align:center;
	width:auto;
	border-bottom:none;
	color:#897575;
	text-shadow:0px 0px 0px 2px black;
	font-size:1.2em;
}
.add_carboot {
	margin:40px auto;
	padding:20px;
	border:1px solid #ebebeb;
	box-shadow:1px 1px 1px #fff1f1;
}

/*  ################################# End Of FORMS ########################## */




/*  ################################# FOOTER ########################## */
.myfooter {
	background-color:#343245;
	width:100%;
	height:160px;
	margin-top:70px;
}
/*  ################################# END OF FOOTER ########################## */

/*  ################################# IMAGE UPLOAD ########################## */

.images, #imgThum img{      
	margin:2px;
	border:1px solid #464343;
	background-color:white;
	padding:0.7px;
	border-radius:4px;
	box-shadow:1px 1px 1px #0e0b0b;
}


#displayImages {
	min-height:248px;
	width:100%;
	padding:4px;
	border:1px solid #aaaaaa;
	border-radius:5px;
	box-shadow:1px 1px 2px #676161;
}

.imgClass {
    
}
.imageDiv {
	width:98px;
	background-color:#ceceff;
	height:115px;
	border:3px solid #828080;
	float:left;
    border-radius:4px;
    margin:2px 3px;
}
.imageDiv div  {
	text-align:center;
	cursor:pointer;
	line-height:16px;
	height:4px;
	font-size:.9em;
	padding-bottom:0;
	color:red;
}
#progressBar {
	width:300px;
	height:15px;
	border:1px solid #565454;
	border-radius:5px;
	box-shadow: inset 1px 1px 1px 1px #9f9191;
	background-color:#e5e5e5;
	margin:5px;
	padding:1px;
	display:inline-block;
}
#showProgress {
	height:12px;
}
#procentage {
	color:red;
	height:11px;
	width:150px;
	text-align:right;
}

@media all and (max-width: 650px) {
	#displayImages {
		height: 370px;
	}
}
#test {
	height:600px;
	width:auto;
	padding:10px;
	border:1px solid #cbbfbf;
}
/* ############################### VIEW ############################### */
.view-table {
	border:2px solid #c7c7c7;
	border-radius:8px;
	box-shadow:1px 1px 1px #b6b6b6;
	width:450px;
	padding:5px;
	margin-top:5px;
}

.view-info-border {
	padding:9px;
	background-color:#e2e2e2;
	border:1px solid #dfdede;
	border-radius:2px;
	box-shadow:1px 1px 1px #b6b6b6;
}


.map {
	width:100%;
	max-width:600px;
	min-width:450px;
	margin:4px;
	padding:2px;
	border:2px solid #9c9393;
	box-shadow:3px 5px 6px #a69e9e;
	border-radius:20px;
}
.map iframe {
	width:100%;
	border-radius:20px;
}

#imageView {
	margin:14px 10px;
	padding:5px;
	position:relative;
}
.images:hover {
	border:1px solid red;
	cursor:pointer;
}

#imgLargeHolder {
	position:absolute;
	top:-160px;
	left:-6px;
	z-index: 9;
}
#largeImg  {
    border:2px solid #9a8585;
	background-color:#dfdfdf;
	padding: 1px 20px;
	box-shadow:5px 10px 10px 10px #717171;
	border-radius:6px;
}
#hideImg {
    position:absolute;
	top:25px;
	left:30px;
	font-weight:bold;
	color:#e13c3c;
	text-shadow:4px 5px 7px #1f1b1b;
	font-size:0.9em;
}
#left {
	position:absolute;
	top:45%;
	left:4px;
	font-weight:bold;
	font-size:1.5em;
	text-shadow:2px 4px 5px #3e3030;
	color:#594b4b;
}
#right {
	position:absolute;
	top:45%;
	right:4px;
	font-weight:bold;
	font-size:1.5em;
	text-shadow:2px 4px 5px #3e3030;
	color:#594b4b;
}
#hideImg:hover, #right:hover, #left:hover {
	cursor:pointer;
}


/*  admin form  */

.view-form-show {
	width:95%;
	top:30px;
	padding:5px 0;
	height:120px;
}

.view-val {
   width:80%;
   border:1px solid #928d8d;
   border-radius:2px;
   margin:2px;
}
.view-snd {
   border:1px solid gray;
   border-radius:5px;
   margin:2px;
   display:block;
}
.view-text {
	height:100px;
	width:95%;
	padding:5px 0;
	margin:4px 0;
}

/* ############################ USER PAGE ##################################### */

/* ############################ JAVASCRIPT EVENTS ##################################### */

.message-form {
	width:440px;
	height:80px;
	background-color:#f3f3f3;
	border:1px solid #c3bebe;
	box-shadow:1px 1px 1px #5d5353;
	border-radius:4px;
	position:absolute;
	top:-10;
	left:-50;
	opacity:1;
	padding:5px;
	margin-left:50%;
}