#body
{
	background-color: #F4F4F4;
	background-image: -moz-linear-gradient(top, #E5E5E5, #F4F4F4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E5E5E5), to(#F4F4F4));
	background-image: -webkit-linear-gradient(top, #E5E5E5, #F4F4F4);
	background-image: -o-linear-gradient(top, #E5E5E5, #F4F4F4);
	background-image: linear-gradient(to bottom, #E5E5E5, #F4F4F4);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#E5E5E5', EndColorStr='#F4F4F4', GradientType=0);
	background-repeat: repeat-x;
}

.topbar1, .topbar2, .mainarea, .footbar
{
	position: absolute;
	overflow: hidden;
}
.topbar1
{
	height: 444px;
	top: 0;
	left: 0;
	right: 0;
}
.topbar2
{
	height: 44px;
	top: 44px;
	left: 0;
	right: 0;
}
.mainarea
{
	top: 100px;
	left: 0;
	right: 0;
	bottom: 0px;
	overflow: auto;
}
.footbar
{
	height: 0px;
	left: 0;
	right: 0;
	bottom: 0;
}


.box_style
{
	border: 0px solid #ccc;
	border: 0px solid rgba(0, 0, 0, 0.2);
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	*	
	
		margin: 2px 0 0;
	padding: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-radius:0px \0/;

  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);; /* Safari and Chrome */
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);; /* Firefox */
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
}
.box_background
{
a: #E7E7E7;
	background-color: #FFFFFF;
	background-image: -moz-linear-gradient(top, #FFFFFF, #E5E5E5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#E5E5E5));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #E5E5E5);
	background-image: -o-linear-gradient(top, #FFFFFF, #E5E5E5);
	background-image: linear-gradient(to bottom, #FFFFFF, #E5E5E5);
   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFFFF', EndColorStr='#E5E5E5', GradientType=0);
	background-repeat: repeat-x;
}
.box_background_invert
{
a: #E7E7E7;
	background-color: #E5E5E5;
	background-image: -moz-linear-gradient(top, #E5E5E5, #FFFFFF);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E5E5E5), to(#E5E5E5));
	background-image: -webkit-linear-gradient(top, #E5E5E5, #FFFFFF);
	background-image: -o-linear-gradient(top, #E5E5E5, #FFFFFF);
	background-image: linear-gradient(to bottom, #E5E5E5, #FFFFFF);
   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#E5E5E5', EndColorStr='#FFFFFF', GradientType=0);
	background-repeat: repeat-x;
}

.matrix_orange, .matrix_red, .matrix_green, .matrix_pink, .matrix_yellow, .matrix_lime
{
	cursor:pointer;
}

.matrix_orange
{
	#border: solid #E09328 1px;
	background-color: #FAB24C;
	background-image: -moz-linear-gradient(top, #FAB24C, #F89407);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAB24C), to(#F89407));
	background-image: -webkit-linear-gradient(top, #FAB24C, #F89407);
	background-image: -o-linear-gradient(top, #FAB24C, #F89407);
	background-image: linear-gradient(to bottom, #FAB24C, #F89407);
   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FAB24C', EndColorStr='#F89407', GradientType=0);
}

.matrix_orange:hover,
.matrix_orange:focus,
.matrix_orange:active,
.matrix_orange.active
{
	#border: solid #E09328 1px;
	background-color: #FAB24C;
	background-image: -moz-linear-gradient(top, #F89407, #FAB24C);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F89407), to(#FAB24C));
	background-image: -webkit-linear-gradient(top, #F89407, #FAB24C);
	background-image: -o-linear-gradient(top, #F89407, #FAB24C);
	background-image: linear-gradient(to bottom, #F89407, #FAB24C);
   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#F89407', EndColorStr='#FAB24C', GradientType=0);
}

.matrix_red
{
	#border: solid #BC3F3A 1px;
  color: white;
	background-color: #EB5C58;
	background-image: -moz-linear-gradient(top, #EB5C58, #C13932);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EB5C58), to(#C13932));
	background-image: -webkit-linear-gradient(top, #EB5C58, #C13932);
	background-image: -o-linear-gradient(top, #EB5C58, #C13932);
	background-image: linear-gradient(to bottom, #EB5C58, #C13932);
   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#EB5C58', EndColorStr='#C13932', GradientType=0);
}

.matrix_red:hover,
.matrix_red:focus,
.matrix_red:active,
.matrix_red.active
{
	#border: solid #C13932 1px;
  color: white;
	background-color: #C13932;
	background-image: -moz-linear-gradient(top, #C13932, #EB5C58);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C13932), to(#EB5C58));
	background-image: -webkit-linear-gradient(top, #C13932, #EB5C58);
	background-image: -o-linear-gradient(top, #C13932, #EB5C58);
	background-image: linear-gradient(to bottom, #C13932, #EB5C58);
   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#C13932', EndColorStr='#EB5C58', GradientType=0);
}

.matrix_green
{
	#border: solid #4F9F4F 1px;
	background-color: #61C261;
	background-image: -moz-linear-gradient(top, #61C261, #51A351);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#61C261), to(#51A351));
	background-image: -webkit-linear-gradient(top, #61C261, #51A351);
	background-image: -o-linear-gradient(top, #61C261, #51A351);
	background-image: linear-gradient(to bottom, #61C261, #51A351);
   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#61C261', EndColorStr='#51A351', GradientType=0);
}

.matrix_green:hover,
.matrix_green:focus,
.matrix_green:active,
.matrix_green.active
{
	#border: solid #51A351 1px;
	background-color: #51A351;
	background-image: -moz-linear-gradient(top, #51A351, #61C261);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51A351), to(#61C261));
	background-image: -webkit-linear-gradient(top, #51A351, #61C261);
	background-image: -o-linear-gradient(top, #51A351, #61C261);
	background-image: linear-gradient(to bottom, #51A351, #61C261);
   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#51A351', EndColorStr='#61C261', GradientType=0);
}

.matrix_pink
{
	#border: solid #EB5C58 1px;
  color: white;
	background-color: #FF6347;
	background-image: -moz-linear-gradient(top, #FF6347, #EB5C58);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FF6347), to(#EB5C58));
	background-image: -webkit-linear-gradient(top, #FF6347, #EB5C58);
	background-image: -o-linear-gradient(top, #FF6347, #EB5C58);
	background-image: linear-gradient(to bottom, #FF6347, #EB5C58);
   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FF6347', EndColorStr='#EB5C58', GradientType=0);
}

.matrix_pink:hover,
.matrix_pink:focus,
.matrix_pink:active,
.matrix_pink.active
{
	#border: solid #EB5C58 1px;
  color: white;
	background-color: #EB5C58;
	background-image: -moz-linear-gradient(top, #EB5C58, #FF6347);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EB5C58), to(#FF6347));
	background-image: -webkit-linear-gradient(top, #EB5C58, #FF6347);
	background-image: -o-linear-gradient(top, #EB5C58, #FF6347);
	background-image: linear-gradient(to bottom, #EB5C58, #FF6347);
   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#EB5C58', EndColorStr='#FF6347', GradientType=0);
}

.matrix_yellow
{
	#border: solid #FAB24C 1px;
	background-color: #FFCC00;
	background-image: -moz-linear-gradient(top, #FFCC00, #FAB24C);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFCC00), to(#FAB24C));
	background-image: -webkit-linear-gradient(top, #FFCC00, #FAB24C);
	background-image: -o-linear-gradient(top, #FFCC00, #FAB24C);
	background-image: linear-gradient(to bottom, #FFCC00, #FAB24C);
   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFCC00', EndColorStr='#FAB24C', GradientType=0);
}

.matrix_yellow:hover,
.matrix_yellow:focus,
.matrix_yellow:active,
.matrix_yellow.active
{
	#border: solid #FAB24C 1px;
	background-color: #FAB24C;
	background-image: -moz-linear-gradient(top, #FAB24C, #FFCC00);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFCC00), to(#FAB24C));
	background-image: -webkit-linear-gradient(top, #FFCC00, #FAB24C);
	background-image: -o-linear-gradient(top, #FFCC00, #FAB24C);
	background-image: linear-gradient(to bottom, #FFCC00, #FAB24C);
   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFCC00', EndColorStr='#FAB24C', GradientType=0);
}

.matrix_lime
{
	#border: solid #61C261 1px;
	background-color: #00FF00;
	background-image: -moz-linear-gradient(top, #00FF00, #61C261);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#61C261), to(#61C261));
	background-image: -webkit-linear-gradient(top, #00FF00, #61C261);
	background-image: -o-linear-gradient(top, #00FF00, #61C261);
	background-image: linear-gradient(to bottom, #00FF00, #61C261);
   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#00FF00', EndColorStr='#61C261', GradientType=0);
}

.matrix_lime:hover,
.matrix_lime:focus,
.matrix_lime:active,
.matrix_lime.active
{
	#border: solid #61C261 1px;
	background-color: #61C261;
	background-image: -moz-linear-gradient(top, #61C261, #00FF00);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#61C261), to(#00FF00));
	background-image: -webkit-linear-gradient(top, #61C261, #00FF00);
	background-image: -o-linear-gradient(top, #61C261, #00FF00);
	background-image: linear-gradient(to bottom, #61C261, #00FF00);
   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#00FF00', EndColorStr='#00FF00', GradientType=0);
}