#tray {padding:12px 15px; background:url("../design/tray.gif") 0 0 repeat-x; font:85%/1.2 "tahoma",sans-serif;}
#tray p {margin:0;}
#tray p.f-left {width:50%;}
#tray #logout {padding-left:18px; background:url("../design/tray-logout.gif") 0 50% no-repeat; text-transform:uppercase;}
#tray #switcher {margin-right:15px;}
#tray #switcher img {display:block; float:left; width:16px; height:16px; border:0;}
#tray {background-color:#303030; color:#cfcfcf;}
#tray a, #tray strong {color:#fff;}
#tray a:hover, #tray a:active, #tray a:focus {color:#b4e3ff;}
.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
.fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}
.va-top {vertical-align:top !important;}
.va-middle {vertical-align:middle !important;}
.va-bottom {vertical-align:bottom !important;}
.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
#menu2 {background-color:#0085cc;}
#menu2 ul li a {background-color:#fff; color:#303030;}
#menu2 ul li a span {background-color:#FFF;}
#menu2 ul li a:hover, #menu2 ul li a:active, #menu2 ul li a:focus, #menu2 ul li#menu2-active a {background-color:#FFF; color:#df0000;}
#menu2 ul li a:hover span, #menu2 ul li#menu2-active a span {background-color:#FFF;}
#menu2 ul li#menu2-active a {color:#0085cc;}
#menu2 ul.f-right a {color:#df0000;}
#menu2 {padding:15px 15px 13px 15px; background:url("../design/menu.gif") 0 0 repeat-x;}
#menu2 ul {margin:0; padding:0; list-style-type:none;}
#menu2 ul li {display:inline; margin:0; padding:0;}
#menu2 ul li a {float:left; margin-right:5px; padding-left:5px; background:url("../design/menu-left.gif") 0 0 no-repeat; text-decoration:none; cursor:pointer;}
#menu2 ul li a span {float:left; display:block; padding:7px 15px 9px 8px; background:url("../design/menu-right.gif") 100% 0 no-repeat;}
#menu2 ul li a:hover, #menu2 ul li#menu2-active a {background:url("../design/menu-left.gif") 0 -35px no-repeat;}
#menu2 ul li a:hover span, #menu2 ul li#menu2-active a span {background:url("../design/menu-right.gif") 100% -35px no-repeat;}
#menu2 ul li#menu2-active a {font-weight:bold;}
@font-face
{
font-family: myFirstFont;
src: url(OpenSans-Regular.ttf);
}
body {
	background:none repeat scroll 0 0 white;
	color:#333333;
	font:12px myFirstFont;
	margin:0;
	min-width:950px;
	padding:0;
	text-align:center;
}

footer {
height:20px;
 position:absolute;
   bottom:0;
width: 100%;
background: #D0F5A9;
float: left;
margin: 0 0 0 0;
border-radius: 0px;

}

#container {
	margin:0 auto 0;
	min-width:950px;
	text-align:left;
}

#header {
	background:none repeat scroll 0 0 #FFFFFF;
	height:50px;
	margin:0;
	position:relative;
	text-align:left;
}

#header #logo {
	font:32px myBoldFont;
	padding:5px 0 0 15px;
	float:left;
	width:70%;
}
#header #logo2 {
	padding:5px 25px 0 0px;
	font-size:15px;
	float:right;
}
#header #admin {
	color:#000000;
	font-size:15px;
	display:block;
	position:absolute;
	background:none repeat scroll 0 0 #E5F1F4;
	padding:0 15px 5px 15px;
	-moz-border-radius:0 0 5px 5px;
	margin:0 0 0 350px;
}

#header #info {
	color:#000000;
	display:block;
	position:absolute;
	right:18px;
	top:20px;
	background:none repeat scroll 0 0 #EEEEEE;
	padding:10px;
	font-size:15px;
	-moz-border-radius: 10px;
	border-radius: 1px;
}

#content #main {
	background:none repeat scroll 0 0 #FFFFFF;
	position:relative;
	padding:10px 18px 10px 18px;
	min-height:400px;
}

#content #sidebar {
	background:none repeat scroll 0 0 #EEEEEE;
	float:left;
	width:20%;
}

#content #main #main-title {
	font-size:30px;
	padding:8px 0 8px 0;
}

#content #main  #main-content {
	padding:10px 0 10px 0;
	font-size:8px;
}

#footer {
	color:#A9E2F3;
	font-size:13px;
	margin:9px 20px 18px 20px;
	text-align:center;
}


#footer a {
	color:#A9E2F3;
	font-size:13px;
	text-align:center;
}

/* PAGE menu2 */
#content #main ul#main-links-nav
{
	list-style:none;
	padding:0;
	margin:0;
}

#content #main ul#main-links-nav li
{
	float:left;
	margin:0 18px 0 0;
}

#content #main ul#main-links-nav li a {
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	background:repeat-x scroll 0 0 transparent;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:4px 10px;
	text-shadow:-1px -1px 0 #333333;
	text-decoration:none;
}

/* MESSAGE BOX */
#message-box {
font-size:15px;
	border:solid 1px #787878;
	background:#F0F0F0;
	color:#222222;
	margin:5px 0 12px 0px;
	text-align:left;
	display:block;
	padding-right:20px;
}

#error-box {
font-size:15px;
	border:solid 1px #C34A2C;
	background:#FFBABA;
	color:#222222;
	margin:5px 0 12px 0px;
	text-align:left;
	display:block;
	padding-right:20px;
}

#success-box {
font-size:15px;
	border:solid 1px #FFEC8B;
	background:#FFF8C6;
	color:#222222;
	margin:5px 0 12px 0px;
	text-align:left;
	display:block;
	padding-right:20px;
}

/* COMMON */
.clear {
	clear:both;
}

.bold {
	font-weight:bold;
}

.hidden-element {
	display:none;
}

a.no-underline {
	text-decoration:none;
}

.small-font {
	font-size:12px;
}

/* NOT SO COMMON */
#beta-area {
	font-size:18px;
	color:#00000;
}

.panel {
position: absolute;
top: 50px;
right: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 430px;
height: auto;
padding: 10px 200px 80px 10px;
filter: alpha(opacity=99);
opacity: .99;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}


a.trigger{
position: absolute;
text-decoration: none;
top: 80px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font:12px "Helvetica Neue","Lucida Grande","Helvetica Neue",Arial,sans-serif;
color:#fff;
padding: 20px 15px 20px 40px;
font-weight: 700;
background:#333333 url(images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 80px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font:12px "Helvetica Neue","Lucida Grande","Helvetica Neue",Arial,sans-serif;
color:#fff;
padding: 20px 20px 20px 40px;
font-weight: 700;
background:#222222 url(images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url(images/minus.png) 15% 55% no-repeat;
}

.panel2 {
position: absolute;
top: 170px;
right: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 200px;
height: auto;
padding: 10px 200px 80px 10px;
filter: alpha(opacity=99);
opacity: .99;
}

.panel2 p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel2 a, .panel2 a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel2 a:hover, .panel2 a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}
a.trigger2{
position: absolute;
text-decoration: none;
top: 200px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font:12px "Helvetica Neue","Lucida Grande","Helvetica Neue",Arial,sans-serif;
color:#fff;
padding: 20px 15px 20px 40px;
font-weight: 700;
background:#333333 url(images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.trigger2:hover{
position: absolute;
text-decoration: none;
top: 200px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font:12px "Helvetica Neue","Lucida Grande","Helvetica Neue",Arial,sans-serif;
color:#fff;
padding: 20px 20px 20px 40px;
font-weight: 700;
background:#222222 url(images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.active.trigger2 {
background:#222222 url(images/minus.png) 15% 55% no-repeat;
}