/**************************************************
    E M P I R E   S E R V E R 
	by Empire Elements Studios
	www.empire-elements.co.uk
 **************************************************/
body {}

/**************************************************
            Containers
 **************************************************/
#Container {
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 5px solid #e0e0e0;
	padding: 10px;
}
#Container p{
	font-family: Arial, Helvetica, sans-serif;
	color: #5F7786;
	font-size: 12px;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#Container a{
	color: #5F7786;
	text-decoration: underline;
}
#Container a:hover{
	color: #F7B00A;
	text-decoration: none;
}
#Menu {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #cb3e00;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #e0e0e0;
	border-bottom-color: #e0e0e0;
	border-left-color: #e0e0e0;
	background-image: url(images/menu-bg.gif);
	background-repeat: repeat-x;
	color: #CB3E00;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#Menu a{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5f7786;
}
#Menu a:hover{
	color: #CB3E00;
	text-decoration: underline;
}
#Top {
	background-image: url(images/top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 800px;
}

#Top h1{
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #5F7786;
	padding-left: 50px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#Top h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5F7786;
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	padding-top: 5px;
	padding-right: 100px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#Top sup{
	color: #F8AE04;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
}
/**************************************************
     THREE SLOPES
 **************************************************/
#ThreeHolder {
	clear: both;
	overflow: auto;
	padding-top: 10px;
}

#ThreeHolder H2{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5f7786;
}
#ThreeHolder .PriceTag{
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #E9A403;
	background-image: url(images/menu-bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #CCCCCC;
	background-position: left bottom;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 1px;
	margin-left: 5px;
	display: block;
}
#ThreeHolder a{}
#ThreeHolder a:hover{
	color: #5F7786;
	text-decoration: none;
}
/**************************************************
     individual Slopes Begin
 **************************************************/

#SlopeONE {
	float: left;
	width: 150px;
	margin-right: 8px;
	
}
#SlopeTWO {
	float: left;
	width: 150px;
	margin-right: 8px;
	
}
#SlopeTHREE {
	float: left;
	width: 150px;
	margin-right: 8px;
}
#SlopeFOUR {
	float: left;
	width: 150px;
	
}
#SlopeONE p, #SlopeTWO p, #SlopeTHREE p, #SlopeFOUR p {
	padding: 5px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #93A7B3;
}
#SlopeONE, #SlopeTWO, #SlopeTHREE, #SlopeFOUR {
	border: 1px solid #CCCCCC;
	background-image: url(images/slope-bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}
/**************************************************
     Two SLOPES
 **************************************************/
#TwoHolder {
	border: 1px solid #E0E0E0;
	background-color: #E6EBEE;
	border: 1px solid #CCCCCC;
	padding: 10px;
	overflow: auto;
	width: 778px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#SlopeA {
	float: left;
	width: 256px;
	margin: 0px;
	padding: 0px;
}
#SlopeB {
	width: 520px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#SlopeA p, #SlopeB p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5F7786;
	margin: 0px;
	padding: 0px;
}
/**************************************************
     One SLOPE
 **************************************************/
#OneSlope {
	clear: both;
	overflow: auto;
	padding: 10px;
	width: 778px;
	background-color: #5F7786;
	border: 1px solid #E0E0E0;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#OneSlope p{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

#OneSlope11 {
	clear: both;
	overflow: auto;
	padding: 10px;
	width: 778px;
	background-color: #5F7786;
	border: 1px solid #E0E0E0;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#OneSlope11 p{
	color: #FFFFFF;
	font-size: 13px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

#OneSlope1 {
	clear: both;
	overflow: auto;
	padding: 10px;
	width: 778px;
	background-color: #5F7786;
	border: 1px solid #E0E0E0;	
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#OneSlope1 p{
	color: #FFFFFF;
	font-size: 13px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}




/************* FOOTER **************/
#Footer {
	font-family: Arial, Helvetica, sans-serif;
	color: #5F7786;
	font-size: 10px;
	background-color: #E0E0E0;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #E0E0E0;
}
#Footer a{
	color: #5F7786;
	text-decoration: underline;
}
#Footer a:hover{
	color: #F89C01;
	text-decoration: none;
}

/**************************************************
     RightOnly
 **************************************************/
#RightOnly {
	float: right;
	width: 530px;
	overflow: auto;
}
#RightOnly ul{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 520px;
}
#RightOnly ul li{
	padding-top: 1px;
	padding-right: 50px;
	padding-bottom: 2px;
	padding-left: 50px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #F99900;
	margin-top: 2px;
	margin-right: 50px;
	margin-bottom: 2px;
	margin-left: 10px;
	background-color: #EBEFF1;
	width: 350px;
}
#RightOnly ul li a{
	color: #F99900;
	text-decoration: none;
}
#RightOnly ul li a:hover{
	color: #F8AE04;
}
#RightOnly ul li:hover{
	background-color: #647E8E;
	color: #FFFFFF;
}
/*********************** User Styles *****************************/

   /*Calendar Style*/
    TABLE.calendar {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 0.8em; BORDER-LEFT: #999999 1px solid; WIDTH: 200px; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Helvetica, Arial, sans-serif; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: white; TEXT-ALIGN: center; 
}
TABLE.calendar INPUT {
	FONT-SIZE: 10px
}
TABLE.calendar SELECT {
	FONT-SIZE: 10px
}
TABLE.calendar TD {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 10px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; TEXT-ALIGN: center
}
DIV.mainheading {
	MARGIN: 2px
}
TABLE.caldayheading {
	MARGIN: 0px 6px; CURSOR: pointer; BORDER-COLLAPSE: collapse; empty-cells: show
}
TABLE.caldayheading TD {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #cccccc 1px solid; WIDTH: 22px; COLOR: #0054e3; BORDER-BOTTOM: #cccccc 1px solid; TEXT-ALIGN: left
}
TABLE.caldayheading TD.wkhead {
	BORDER-RIGHT: #cccccc 3px double
}
TABLE.calcells {
	MARGIN: 0px 6px; CURSOR: pointer; BORDER-COLLAPSE: collapse
}
TABLE.calcells TD {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-WEIGHT: bold; VERTICAL-ALIGN: top; BORDER-LEFT: #cccccc 1px solid; WIDTH: 22px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 20px; TEXT-ALIGN: left
}
TABLE.calcells TD DIV {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 0px; PADDING-TOP: 1px
}
TABLE.calcells TD.wkhead {
	BORDER-RIGHT: #cccccc 3px double; COLOR: #0054e3; BACKGROUND-COLOR: white; TEXT-ALIGN: center
}
TABLE.calcells TD.wkday {
	BACKGROUND-COLOR: #dddddd
}
TABLE.calcells TD.wkend {
	BACKGROUND-COLOR: #dddddd
}
TABLE.calcells TD.curdate {
	
}
TABLE.calcells TD.cell_selected {
	COLOR: black; BACKGROUND-COLOR: #99ccff
}
TABLE.calcells TD.notmnth {
	COLOR: #cccccc; BACKGROUND-COLOR: #ffffff
}
TABLE.calcells TD.notallowed {
	COLOR: #eeeeee; FONT-STYLE: italic; BACKGROUND-COLOR: white
}
TABLE.calcells TD.hover {
	BACKGROUND-COLOR: #999999
}

    /*Calendar Style*/

/*********************** User Styles *****************************/

.filed_names {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	COLOR: #2c2300; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}


#MainArea {	
	clear: both;
	overflow: auto;
	padding-top: 10px;
	background-image: url(images/slope-bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	
	}
	
#MainArea1 {	
	clear: both;
	overflow: auto;
	padding-top: 10px;
	background-image: url(images/slope-bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	
	}
#MainArea p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5F7786;
	margin: 0px;
	padding: 0px;
}
	
	#Layer1{	
	clear: both;
	overflow: auto;
	padding-top: 10px;
	background-image: url(images/slope-bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	}
	
	#Layer1 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5F7786;
	margin: 0px;
	padding: 0px;
}
.Layer1
{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5F7786;
	
}
.Layer1Bold
{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5F7786;
	font-weight:bold;
	
}

.textBox1
{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5F7786;
	
}
.Layer1Bold
{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5F7786;
}
.SignupLabel
{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5F7786;
	text-align:right;
}
.SignupAmount
{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5F7786;
	text-align:left;
}

#Layer1 H5{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5f7786;
	font-weight:bold; 
	margin: 0px;
	padding: 0px;
}
	#Layer2 {	
	clear: both;
	overflow: auto;
	padding-top: 10px;
	background-image: url(images/slope-bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	
	}
	#Layer2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5F7786;
	margin: 0px;
	padding: 0px;
}

.body
{
	font-family: Times New Roman;
	font-size: 24px;
}


/* Model Popup*/
.confirm-dialog
{
  background: url(Images/bg/dialog24.png) no-repeat left top;
  margin: 0px auto;
  width: 650px;
  padding-top: 14px;
  position: relative;
}

.confirm-dialog .inner
{
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 11px;
  background: url(Images/bg/dialog24.png) no-repeat left bottom;
  float: left;
  margin: 0px 0px -20px 0px;
  width: 600px;
  padding-top: 0px;
  text-align: left;
}

.confirm-dialog .base
{
  border-top: #ddd 1px solid;
  background: url(Images/bg/dialog-base.png) no-repeat left bottom;
  padding-bottom: 4px;
  margin-left: -11px;
  margin-right: 50px;
  padding-top: 4px;
  width: 580px;
  text-align: center;
}

.confirm-dialog H2
{
  font-weight: bold;
  font-size: 1.25em;
  color: #f60;
  text-align: center;
}

.confirm-dialog input
{
  width: 50px;
}
.close
{
  display: block;
  background: url(Images/icn/close24.png) no-repeat 0px 0px;
  left: -5px;
  width: 26px;
  text-indent: -1000em;
  position: absolute;
  top: -7px;
  height: 40px;
}
.displaynone
{
  display:none;
}

.modalBackground
{
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

/*Sub Menu for Cpanel*/
#menu 
{
  float: left;
  margin: 0px 20px 0px 0px;
    height: 75px;
    width: 708px;
}

#menu ul 
{
	margin: 0;
	padding: 0;
	white-space : nowrap;
}

#menu ul li 
{
	margin: 0;
	padding: 0;
	display: block;
	float:left;
	text-align: center;
}

#menu ul li a 
{
	color : #FFFFFF;
	background-color: #92afc1;
	background-color: transparent;
	text-decoration : none;
	font-family: Verdana , Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	display: block;
	border-style:none;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
}

#menu ul li a:link, #menu ul li a:visited 
{
	background-color: #92afc1;
	background-repeat: no-repeat;
	height: 27px;
	width: 170px;
	line-height: 26px;
	padding-top: 2px;
	font-family: Verdana , Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
}

#menu ul li a:hover, #menu ul li a:active 
{
	
	background-color: #5f7786;
	background-repeat: no-repeat;
	background-position: 0px -33px;
	height: 27px;
	width: 170px;
	line-height: 25px;
	padding-top: 2px;
	font-family: Verdana , Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
}
/*#menu ul li.home{width:100px; height:28px; background:#2F2A28; color:#fff; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; border:none; text-decoration:none;}*/
#menu ul li.home
{
	
	background-repeat: no-repeat;
	background-color: #5f7786;
	color: #FFFFFF;
	
	
	height: 27px;
	width: 170px;
	padding-top: 2px;
	line-height: 25px;
	font-family: Verdana , Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-right: #000000 2px solid;
	border-top: #000000 2px solid;
	border-left: #000000 2px solid;
	
}

#menu ul li.space
{
	
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	color: #FFFFFF;
	
	
	height: 27px;
	width: 5px;
	padding-top: 2px;
	line-height: 25px;
	font-family: Verdana , Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

#MainAreaOC {	
	clear: both;
	overflow: auto;
	background-image: url(images/slope-bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	
}

#TopOC {
	background-image: url(images/top_1003.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 1000px;
}
#ContainerOC {
	width: 1020px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 4px solid #e0e0e0;
	padding: 0px;
}
#OneSlopeOC {
	clear: both;
	overflow: auto;
	padding: 3px;
	width: 1012px;
	background-color: #5F7786;
	border: 1px solid #E0E0E0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#ifTopics {
	width: 850px; 
	border: 1px solid; 
	border-color: Gray;
}
.TopBanner
{
	background-image: url(images/lessStressLMS_bg.jpg);
	background-repeat: no-repeat;
	width: 1020px;
	height:82px;
	
}
.menuelms
{
font-family:Arial;
font-size:12px;
color:#fff;
font-weight:bold;	
}

#ContainerOC a:hover
{
	color: #F7B00A;
	text-decoration: underline;
}