body {
    color: #484848;
    font-family: Verdana,sans-serif;
}
table {
	border-spacing: 3px;
	border: 2px solid;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
	margin-left:3px;
        margin-top:5px;
}
table th {
	border-width: 0px;
	padding: 5px;
	border-style: inset;	
	border-color: gray;
	background-color: #2C4050;
	-moz-border-radius: 0px 0px 0px 0px;
        color: #FFFFFF;

}

table tr th a { color: white; }
table tr th a:hover { color: white; }
table tr th a:visited { color: white; }
table tr th a:active { color: white; }

table.propertyset th
{
	border-width: 0px;
	padding: 1px;
	border-style: inset;	
	border-color: gray;
	background-color: rgb(230, 230, 230);
	-moz-border-radius: 0px 0px 0px 0px;
	min-width:100px;
	text-align:left;
	a.color = "#FFFFFF";
}
table.propertyset td
{
	border-width: 0px;
	padding: 1px;
	border-style: inset;	
	border-color: gray;
	background-color: rgb(245, 245, 245);
	-moz-border-radius: 0px 0px 0px 0px;
	min-width:100px;
	text-align:left;
}

table td {
	border-width: 0px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: rgb(245, 245, 245);		
}

div.tableContainer1 {
  width: 100%;       /* table width will be 99% of this*/
  height: 200px;    /* must be greater than tbody*/
   overflow: auto; 
   overflow-y: scroll;
  margin: 0 auto;
}

div.hover {
  width: 30%;       /* table width will be 99% of this*/
  height: 145px;    /* must be greater than tbody*/
  margin: 10px;
  background-color: rgb(100, 98, 245);
  float:left;
  color:rgb(255, 255, 255);
  padding-left:10px;
  
}

div.un_hover {
  width: 30%;       /* table width will be 99% of this*/
  height: 145px;    /* must be greater than tbody*/
  margin: 10px;
  background-color: rgb(180, 180, 180);
  float:left;
  
}

#mysubmit1 { background-color: #2E8B57 	; color:#ffffff; font-size: 100%;
    padding: 5px; }

#mysubmit {
    display: inline-block;
    padding: 10px 16px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	     background: #393939; 
    color: #FFF; 
}
.bg-vip {
     background: #393939; 
    color: #FFF; 
}
.required {color: #bb0000;}
div.box.box {
    background-color: #F6F6F6;
    border-bottom-color: #E4E4E4;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	  width:500px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #E4E4E4;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #E4E4E4;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #E4E4E4;
    border-top-style: solid;
    border-top-width: 1px;
    color: #505050;
    line-height: 1.5em;
    margin-bottom: 10px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 6px;
	color: #505050;
    line-height: 1.5em;
}
div.documentaion{
border: 1px solid black;
width:50%;
padding:20px;
left:20px;
background-color: WhiteSmoke;
}
#top-menu {
    background: none repeat scroll 0 0 #2C4050;
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
}
#top-menu ul {
    margin: 0;
    padding: 0;
}
#top-menu li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
#top-menu a {
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 8px;
}
a:hover, a:active {
    color: #C61A1A;
    
}

div.warning {
background-color: rgb(255, 230, 230);
padding: 16px ;
width: 50%;
}

#register table {margin-top:1em; padding:1em;
	margin-left: auto; margin-right: auto; border: 2px solid gray; background-color:rgb(245, 245, 245); }
#register table td {padding: 3px;background-color:rgb(245, 245, 245);}
#login-form table td {padding: 6px;background-color:rgb(245, 245, 245);}


#login-form table {
	margin-top:1em; padding:1em; margin-left: auto; margin-right: auto;
	border: 2px solid gray; background-color:rgb(245, 245, 245); }



#login-form label {font-weight: bold;}
#login-form input#username, #login-form input#password { width: 150px; }

.bim_views {
width:350px;
padding: 2 20px;
margin: 5;
font-weight: normal;
color: #444;
text-align: center;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border: solid 1px #bbb;
background-color: #DDD;
background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
background: -moz-linear-gradient(top, #eee, #ccc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#CCCCCC');
margin-bottom: 14px;
}
.bim_views .view {
padding-left: 3px;

}
.bim_views .view  img {
background-color: #FFF;
background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
background: -moz-linear-gradient(top, #eee, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF');
padding: 4px;
vertical-align: middle;
border: solid 1px #bbb;
border-top: none;
border-bottom: none;
}

.bim_views .view a img {
background: none;
padding: 2px;
border: none;
}


.scroll {
   width: 600px;
   height: 650px;
   overflow: scroll;
}
.scroll::-webkit-scrollbar {
    width: 24px;
}

.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.pic-container {
    width: 300px;
    height: 300px;
    overflow-y: scroll;
    overflow-x:hidden;
}