BODY {
	background-image:url(../images/background.jpg); 
	background-attachment:fixed; 
	background-position: top left; 
	background-repeat: no-repeat;
	background-repeat:repeat-x;
	text-align: center;
	background:#ffffff;
}


@font-face
{
    font-family: eurostile;
    src: url('../font/Eurostile');
}




.framework_wallpaper{
	background:#ffffff;

}


/* kind of font and size relating to the basic tags */
TD {
    
	FONT:  13px eurostile,century gothic;
	COLOR: #333333;
}
P {
	FONT:  13px eurostile,century gothic;
	COLOR: #333333;
}
DIV {
	FONT:  13px eurostile, century gothic;
	COLOR: #333333;
	
}

HR {
border:solid 1px #ffffff;	
border-top:solid 1px #cccccc;	
}

FONT{
    FONT:  13px eurostile, century gothic;
}
/* property of basic hyperlinks*/
A {
	COLOR: #7091b4;
	CURSOR: hand;
	FONT: 13px eurostile,century gothic;;
	TEXT-DECORATION: none;
}
A:hover {
	COLOR: #7091b4; TEXT-DECORATION: none
}

A:active {
	COLOR: #7091b4
}


.framework_title{
	
	height: 49px;
  background: #141414;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  border-bottom: 2px solid #00000;

}

.framework_title_bottom{
	
	width:100%;
	background:#eeeeee;
	font-color:#000000;
	padding:10px 10px 10px 10px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	

}

.framework_menu_font
{
	color:#ffffff;
	cursor:pointer;
}


.framework_menu_font A
{
	color:#ffffff;
}




.loading_panel{
	background:#333333;
	border:solid 1px #333333;
	width:100%; 
	height:100%;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;"
}





#sys_menu_1
{
	padding:10px 10px 10px 10px;
	visibility:hidden;
	margin-top:5px;
	position:absolute;
	width:300px;
	height:100px;
	background:#333333;
	border:0px solid #dddddd;
	-moz-box-shadow: 8px 8px 10px #333;
	-webkit-box-shadow: 3px 1px 10px #888;
	box-shadow: 0px 3px 8px #555555;
	text-align:left;
	z-index:200;
	-webkit-transition: height 0.3s ease-out, width 0.3s ease-out;
       -moz-transition: height 0.3s ease-out, width 0.3s ease-out;
       -o-transition: height 0.3s ease-out, width 0.3s ease-out;
       -ms-transition: height  0.3s ease-out, width 0.3s ease-out;
       transition: height 0.3s ease-out, width 0.3s ease-out;
}

#sys_menu_1:hover
{
	height:300px;
	width:500px;
}


#sys_menu_2
{
	padding:10px 10px 10px 10px;
	overflow:hidden;
	visibility:hidden;
	margin-top:5px;
	position:absolute;
	width:300px;
	height:100px;
	background:#333333;
	border:0px solid #dddddd;
	-moz-box-shadow: 8px 8px 10px #333;
	-webkit-box-shadow: 3px 1px 10px #888;
	box-shadow: 0px 3px 8px #555555;
	text-align:left;
	z-index:200;
	-webkit-transition: height 0.3s ease-out, width 0.3s ease-out;
       -moz-transition: height 0.3s ease-out, width 0.3s ease-out;
       -o-transition: height 0.3s ease-out, width 0.3s ease-out;
       -ms-transition: height  0.3s ease-out, width 0.3s ease-out;
       transition: height 0.3s ease-out, width 0.3s ease-out;
	
}

#sys_menu_2:hover
{
	height:300px;
	width:500px;
}

.menu_1{
  font-size:12px;
    color:#ffffff;
  text-shadow: 0px 2px 0px #222222;
}
.menu_2{
  font-size:11px;
  color:#111111;
  text-shadow: 0px 1px 0px #777777;
  
}