body {
	background-color:#eee;
	color:white;
	padding-left:160px;
	padding-right:160px;
}

.main-container {
	background-color:white;
}

.first-col {
	background-color:red;
}

.second-col {
	background-color:blue;
}
.third-col {
	background-color:grey;
	
}

.border {
		border:1px solid black;
		color:black;
	}

/*_____________________________________________________________________________________________________________
   ВЕРТИКАЛЕН ПАНЕЛ ЗА БУТОНИ 
_______________________________________________________________________________________________________________*/
   div.header_panel
   {
     /*border:2px black solid; border-radius: 10px;*/
	 
	 left:10px;
	 height:25px;
	 border:0px silver solid; 
	 border-radius-left: 10px;
     margin-bottom:4px; margin-left:2px; margin-right:4px; margin-top:0px;
     padding-top:2px; padding-left:2px; padding-bottom:2px; padding-right:2px;
	 
	 background-color: silver;/* linear-gradient(#dadada, #a9a9a9);/*linear-gradient(rgba(160, 160, 160, 0.22), rgba(249, 249, 249, 0.18)); /* Standard syntax */
/*	 box-shadow: 3px 3px grey;*/
	}	
	
	
/*_____________________________________________________________________________________________________________
   ВЕРТИКАЛЕН ПАНЕЛ ЗА БУТОНИ 
_______________________________________________________________________________________________________________*/
   div.button_panel
   {
     /*border:2px black solid; border-radius: 10px;*/
	 float:right;
	 border:0px silver solid; border-radius: 10px;
     margin-bottom:4px; margin-left:4px; margin-right:4px; margin-top:4px;
     padding-top:2px; padding-left:2px; padding-bottom:2px; padding-right:2px;
	 
	 background: linear-gradient(#dadada, #a9a9a9);/*linear-gradient(rgba(160, 160, 160, 0.22), rgba(249, 249, 249, 0.18)); /* Standard syntax */
	 box-shadow: 3px 3px grey;
	
	}
	
	#panel-group-right
	{
		position:absolute;
		right:10px;	
		z-index:1000;	
	}
	
	#panel-group-left
	{
		position:absolute;
		left:10px;	
		z-index:1000;	
	}
/*_____________________________________________________________________________________________________________
END ВЕРТИКАЛЕН ПАНЕЛ ЗА БУТОНИ 
_______________________________________________________________________________________________________________*/
/*_____________________________________________________________________________________________________________
    КРЪГЪЛ БУТОН
_______________________________________________________________________________________________________________*/
 .round_button {

   width:70px;
   height:70px;
/*  -webkit-border-radius: 30px;*/
/*  -moz-border-radius: 30px;*/



    border-radius: 6px; 
    margin:2px;
    padding:0px;

    border: 1px solid #284ac3;
 
    opacity: 1;
    outline: #00FF00 dotted thick;
    outline-width: 5px;
    outline:none;
  /*
  -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.5, #fff), color-stop(0.5, #66cc00)) 21 30 30 21 repeat repeat;
*/
    display:block;
    margin-top:2px;margin-bottom:2px;

    background: grey; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(silver, gray); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(silver, gray); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(silver, gray); /* For Firefox 3.6 to 15 */
    background: linear-gradient(silver, gray); /* Standard syntax */

}


.round_button:hover {

	background: grey; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(grey, silver); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(grey, silver); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(grey, silver); /* For Firefox 3.6 to 15 */
    background: linear-gradient(grey, silver); /* Standard syntax */
	
}


#organizationBtn {
	background:white url(../img/adminMod-64_blueStar.png)  no-repeat;
	background-position: center;
}

#organizationBtn:hover {
	background: url(../img/adminMod-64_blueStar.png)  no-repeat, linear-gradient(grey, silver);
	background-position: center;
}
#cardaccessadmBtn {
	background:white url(../img/CardMod-64_Blue.png) no-repeat;
	background-position: center;
}

#cardaccessadmBtn:hover {
	background: url(../img/CardMod-64_Blue.png)  no-repeat, linear-gradient(grey, silver);
	background-position: center;
	
}
#userdataBtn {
	background:white url(../img/userMod-64.png) no-repeat;
	background-position: center;
}

#userdataBtn:hover {
	background: url(../img/userMod-64.png)  no-repeat, linear-gradient(grey, silver);
	background-position: center;
}
#productsBtn {
	background:white url(../img/materialsMod-64.png) no-repeat;
	background-position: center;
}

#productsBtn:hover {
	background: url(../img/materialsMod-64.png)  no-repeat, linear-gradient(grey, silver);
	background-position: center;
}
#offersBtn {
	background:white url(../img/offerMod-64.png) no-repeat;
	background-position: center;
}
#offersBtn:hover {
	background: url(../img/offerMod-64.png)  no-repeat, linear-gradient(grey, silver);
	background-position: center;
}
#contractsBtn {
	background:white url(../img/contractMod-64.png) no-repeat;
	background-position: center;
}
#contractsBtn:hover {
	background: url(../img/contractMod-64.png)  no-repeat, linear-gradient(grey, silver);
	background-position: center;
}
#directsalesBtn {
	background:white url(../img/directsalesMod-64.png) no-repeat;
	background-position: center;
}
#directsalesBtn:hover {
	background: url(../img/directsalesMod-64.png)  no-repeat, linear-gradient(grey, silver);
	background-position: center;
}
#costsBtn {
	background:white url(../img/costs_blue_64.png) no-repeat;
	background-position: center;
}
#costsBtn:hover {
	background: url(../img/costs_blue_64.png)  no-repeat, linear-gradient(grey, silver);
	background-position: center;
}
#worccostsBtn {
	background:white url(../img/worc_64_blue.png) no-repeat;
	background-position: center;
}
#worccostsBtn:hover {
	background: url(../img/worc_64_blue.png)  no-repeat, linear-gradient(grey, silver);
	background-position: center;
}
#financeBtn {
	background:white url(../img/financeMod-64.png) no-repeat;
	background-position: center;
}
#financeBtn:hover {
	background: url(../img/financeMod-64.png)  no-repeat, linear-gradient(grey, silver);
	background-position: center;
}
#reportsBtn {
	background:white url(../img/statisticMod-64.png) no-repeat;
	background-position: center;
}
#reportsBtn:hover {
	background: url(../img/statisticMod-64.png)  no-repeat, linear-gradient(grey, silver);
	background-position: center;
}

/*_____________________________________________________________________________________________________________
END  КРЪГЪЛ БУТОН
_______________________________________________________________________________________________________________*/