html {font-family: Calibri;font-size: 12pt;color: #000000;}
body{background: url(../images/bc2.jpg) no-repeat fixed 100%;}
.wrapper {float:left;width:100%;padding: 0px 0px;border: 1px black solid;background-color: #F5F4F4;height:auto;}
.row:after {content: "";clear: both;display: block;}

[class*="col-"] {float: left;}
/* For mobile phones: */[class*="col-"]{width: 100%;}
@media only screen and (min-width : 100px){
	#Vary_size{font-size: 10pt;}
	#topBtn{font-size: 10.5pt;}
	.fielsetPos{margin-left:0%;}
	.right_symbol{color: #D7D4D4;font-size:10pt}}
@media only screen and (min-width : 320px){
    .col-p-1 {width: 8.33%;}
    .col-p-2 {width: 16.66%;}
    .col-p-3 {width: 25%;}
    .col-p-4 {width: 33.33%;}
    .col-p-5 {width: 41.66%;}
    .col-p-6 {width: 50%;}
    .col-p-7 {width: 58.33%;}
    .col-p-8 {width: 66.66%;}
    .col-p-9 {width: 75%;}
    .col-p-10 {width: 83.33%;}
    .col-p-11 {width: 91.66%;}
    .col-p-12 {width: 100%;}
	#Vary_size{font-size:11pt;}
	#topBtn{font-size: 11pt;}
	.right_symbol{color: #D7D4D4;font-size:13pt}}

@media only screen and (min-width : 600px){
    .col-t-1 {width: 8.33%;}
	.col-t-2 {width: 16.66%;}
    .col-t-3 {width: 25%;}
    .col-t-4 {width: 33.33%;}
    .col-t-5 {width: 41.66%;}
    .col-t-6 {width: 50%;}
    .col-t-7 {width: 58.33%;}
    .col-t-8 {width: 66.66%;}
    .col-t-9 {width: 75%;}
    .col-t-10 {width: 83.33%;}
    .col-t-11 {width: 91.66%;}
    .col-t-12 {width: 100%;}
	.right_symbol{color: #D7D4D4;font-size:13pt}}

@media only screen and (min-width : 800px){
    .col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
	#Vary_size{font-size: 13pt;}
	#topBtn{font-size: 13pt;}
	.fielsetPos{margin-left:35%;}
	.right_symbol{color: #D7D4D4;font-size:13pt}}
	
label{width: 80px;margin-left: 0px;margin-right: -25px;}
a:link {color:#000000; background-color: transparent; text-decoration:none}
a:visited {color:#660099; background-color:transparent; text-decoration:none}
a:hover {color:#333333; background-color:transparent; text-decoration:underline}
a:active {color:yellow; background-color:transparent; text-decoration:underline}
h1 {text-align: center;font-family: Sans;height: 50px;color: #333333;background-size: 20%;background-repeat: no repeat;margin-top: 3px;}
h2 {text-align: center;font-family: Sans;font-size: 13pt;height: 10px;color: #000000;background-size: 100%;width:100%}
h3 {text-align: left;font-family: Sans;font-size: 11pt;height: 10px;color: #000000;background-size: 100%;width:100%}
h4{text-align: left;font-family: Sans;width:100%}
#formME{float:left}
tr img {border-bottom-color: red;border-radius: 2px;height: 100px;width: 100px/* box-shadow: 2px 2px 2px 2px #666666; */} 
td{padding: 0px;margin:0px 0px 0px 10px;}
input:hover{border-color: #333333;}
.SubMain{margin:0px 20px;}
.gallery{margin-left: 8px;}
.menu ul {list-style-type: none;font-family: Candara;font-size: 11pt;color: #000000;padding: 15px 32px;}
.social_icons {float:left;text-align:center;}
.social_icons a img{border-radius: 25px;height:40px;width:40px;border-color: #f5f4f4;}
.social_icons a img:hover{transform:scale(1.2);box-shadow: 0 5px 5px rgba(0,0,0,0.50),0 5px 5px rgba(0,0,0,0.90);}
.label:hover{background-color: #D7D4D4;color: #000;border-radius: 10px;}
.Info_personal{	float:left;}
.gender {width : 75px;float: right;}
.gender_field {width: 105px; margin-left:-70px;}
.darrow {font-size: 11px;position: absolute;top: 5px;left: 4px;}
.left_arr {color: #000;font-size: 15px;position: absolute;top: 2px;left: 8px;}
.image_info_size{border-radius: 2px;height: 200px;width: 175px}
.col-4-menu{color: black;}
.description_info_padding{padding:0px 5px;}
#title_header{width:100%;float:left}
#menuBar{width:85%;float:left}
#searchBar_div{width:15%;float:left}
#searchBar {float:left;border-right: none;font-size: 15px;padding: 7px;outline: none;width: 75%;box-shadow: 0 5px 5px rgba(0,0,0,0.50),0 5px 5px rgba(0,0,0,0.90);border-radius: 0px;}
#searchBtn {float:left;font-size: 15px;padding: 7px;background: #D7D4D4;color: #333333;border-radius: 0px;box-shadow: 0 5px 5px rgba(0,0,0,0.50),0 5px 5px rgba(0,0,0,0.90);font-weight: bold;cursor: pointer;}
#Btn {font-size: 12px;background: #D7D4D4;font-weight: bold;height: 25px;width : 75px;color: #333333;cursor: pointer;box-shadow: 0 5px 5px rgba(0,0,0,0.50),0 5px 5px rgba(0,0,0,0.90);border-radius: 4px;}
#footer{float:left;text-align:center;background-color: #D7D4D4;height:auto;clear:both;box-shadow: 0 5px 5px rgba(0,0,0,0.50),0 5px 5px rgba(0,0,0,0.90);border-radius: 0px;font-family:Sans;font-size: 8pt;padding:5px 0px;margin: 5px 0px 0px 0px;}
#cont{float:left;margin-bottom: 20px;width:20%;text-align:center;height:auto}
#header {float:left;width: 100%;background-color: #D7D4D4;color: #FFFFFF;text-align: center;font-family: Comic Sans MS;font-size: 18pt;box-shadow: 0 5px 5px rgba(0,0,0,0.50),0 5px 5px rgba(0,0,0,0.90);border-radius: 0px;background-size: 100%;height:auto/* 140px */; margin-top: 5px;margin-bottom: 15px;}
#label{width:106px;margin-right: 5px;float:left;text-align:right;}
#btn{border:none; background-color:#F5F4F4; padding:0px 0px; margin:3px 0px}
#btn:hover{cursor:pointer; transform:scale(1); color:green}
#list_btn{border-top:none;border-left:none;border-right:none; border-bottom-color:red;background-color:#F5F4F4;padding:5px 0px;font-size:12pt;}
#list_btn:hover{border-top:none;border-left:none;border-right:none; border-bottom-color:green;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;cursor:pointer; transform:scale(1);}
#topBtn{border:none;background-color:#F5F4F4;font-weight:bold;font-family:Sans;font-style:italic}
#topBtn:hover{cursor:pointer; transform:scale(1); color:green;}
#MyProfile{margin-left:10px;border-radius:30px}
#MyProfile:hover{transform:scale(1.3);}
#tdDesc{padding:0px 5px;}
#editBtn{border:none; background: url(../images/bc2.jpg);color:#FFF;height:30px;width:90%;font-family: Sans;font-size:12pt;font-style:italic}
#editBtn:hover,#editDel:hover,#editDel2:hover{cursor:pointer;}
#editDel{border:none;background-color:#000;color:#FFF;height:30px;width:75px;font-family: Sans;font-size:12pt;font-style:italic;}
#editDel2{border:none;background-color:#000;color:#FFF;height:30px;width:75px;font-family: Sans;font-size:12pt;font-style:italic;margin-left:350px}
#NotificationError{color:#F00;font-style:italic}
#NotificationOk{color:#0F0;font-style:italic}
#bodyDiv{float:left;}
#prof_business,#personal_info{float:left;background:#fcf;border:1px solid #ccc;height:auto;}
#label_business_info{float:left;text-align:right;color:blue;width:150px}
#business_info_output{float:left;text-align:left;font-weight:bold;width:250px;margin-left:30px}
#info_button{border:none;background:#fcf;font-style:italic; margin-left:3px;}
#info_button:hover{border-bottom:3px solid green;cursor:pointer;}
#browsefile{border:none;background:#fcf;font-style:italic; margin-left:3px;}
#display_Info{float:left;background:#fcf;border:1px double #ccc;height:230px;}
#displayarea{width:100%;border-radius:10px;margin-top:5px;text-align:justify;}
#profileMe{width:60px;height:60px;border-radius:30px}
#profileMe:hover{transform:scale(1.3);}
#prof{float:left;margin-bottom:5px}
#myProd{float:left;background:#fff;}
#myProdHead{float:left;background:#D7D4D4;border-radius:10px;font-family: Comic Sans MS;}
#myProdPict{background: #fff; float:left;border-radius:10px 0px 0px 10px}
#myProdDescri{float:left;}
#checkBoxDelete{width:2%;float:left;}
#item_nam{border-top:none;border-left:none;border-right:none;background:#fff; margin-bottom:-10px;font-style:italic;font-weight:bold;}
#item_nam:hover{background:#F5F4F4;cursor:pointer}
#myProd_descrip{float:left;width:100%;margin:0px 0px 1px 0px}
#myProd_descrip:hover{background:#F7F4F4;}
#item_name{float:left;font-style:italic;font-weight:bold;}
#item_descr{margin-left:5px;}
#item_price{font-style:italic;font-weight:bold;font-family:Sans;}