body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
	padding:0px;
	font-family:Arial;
	font-size:12px;
}


div#roottab{
	width:100%;
}

div#maintab{
	width:98%;
}
.header {
            background-image:url(../images/concepts-header.jpg);
			background-repeat:no-repeat;
			height:207px;
			width:780px;
}
#header{
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:251px;
}
#header1{
	background-image:url(../images/header-bg.jpg);
	background-repeat:repeat-x;
	background-position:left;
	width:100%;
	height:97px;
}
div #maintab #middle{
	width:100%;
}

div #maintab #middle #leftpanel{
	width:25%;
	background:url(../images/leftbg.gif) repeat top left;
	float:left;
	height:300px;
}

div #maintab #middle #content{
	width:74%;
	display:block;
	float:right;
	padding: 3px;
}

#footer{
	padding:0px;
	margin:auto;
	clear:both;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:18px;
}
/*******REGISTRATION FORM********/
.form{
	background-color:#ffffff;
	text-align:left;
}
.form fieldset {
  /*border-color: #6A4C88;*/
  color:#000000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  margin: 0px;
  margin-left:10px;
  width:89%;
  vertical-align:middle;
}
.form fieldset legend {font-size:12px; font-weight:600;color:#FFFFFF; background-color:#6A4C88; padding:5px;}
.form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left;
	color:#000000;
	font-weight:normal;
	text-align:right; font-weight:bold; padding-right:20px;
	font-size:11px;
}
label.chkalt { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 300px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}
.form input, textarea, select {
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of */
	padding: 1px;
	font-size:11px;
	vertical-align:middle;
	color: #6A4C88;
	border: 1px solid #91CC6D;
}
.form span{
	color:#FF0000;
}
.form a{
	color:#00699B;
	text-decoration:none;
	font-weight:bold;
	padding:3px;
}

.add_new_link a{
	color:#EC7600;
	text-decoration:none;
	font-weight:bold;
	padding:3px;
}
.add_new_link a:hover{
	font-weight:bold;
	text-decoration:underline;
	padding:3px;
}

.form a:hover{
	font-weight:bold;
	text-decoration:underline;
	padding:3px;
}
input.required, textarea.required , select.required{
	border: 1px solid #91CC6D;
}
.req{
	color:#FF0000;
}
button{
	padding: 2px;
	margin:5px;
	padding-bottom:1px;
	padding-top:1px;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	background-color:#91CC6D;
	cursor:pointer;
	border: #6A4C88 1px solid;
}
.validation-advice {
	margin: 5px 1px;
	padding: 5px;
	margin-left:110px;
	background-color: #ffe1e1;
	color : #FF0000;
	border: 1px solid #FF0000;
	width:290px;
}
/********************************/

.divregister{
  border:solid 1px #FF0000;
  padding: 3px;        /* padding in fieldset support spotty in IE */
  color: #FF0000;
  background-color:#ffe1e1;
  text-align:center;
  width:220px;
  margin-left:163px;
  margin-top:10px;
  font-size:10px;
}

.error {
	border:solid 1px #FF0000;
	font-size: 11px;
	font-weight: normal;
	color:#000000;
	text-decoration: none;
	margin: 0px 8px;
	text-align:inherit;
	line-height: 18px;
}

h1{
	color:#91CC6D;
	
}

.page_hdg{
	background-color:#91CC6D;
	padding:10px;
	padding-left:25px;
	padding-right:25px;
	font-weight:bold;
	color:#6A4C88;
	font-style:italic;
	font-size:14px;
	height:15px;
}

/*******LOGIN FORM********/
.login{
	text-align:left;
	background-color:#6A4C88;
}
.login fieldset {
  border-color: #91CC6D;
  color:#000000;
  border-width: 1px;
  border-style: solid;
  padding: 5px;
  margin: 0px;
  margin-left:5px;
  margin-top:5px;
  margin-bottom:5px;
  width:89%;
  vertical-align:middle;
}
.login fieldset legend {font-size:12px; font-weight:600;color:#FFFFFF; /*background-color:#91CC6D;*/ padding:2px;}
.login label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 80px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as login input - textarea etc. elements */
	text-align: left;
	color:#FFFFFF;
	font-weight:normal;
}
.login input, textarea, select {
	width:auto;      /* set width of login elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of login elements rather than right of */
	padding: 1px;
	font-size:11px;
	vertical-align:middle;
	color: #6A4C88;
	border: solid  1px #91CC6D;
}
.login span{
	color:#FF0000;
}
.login a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	font-size:10px;
}
.login a:hover{
	text-decoration:underline;
}
/*****************/

ul.errorbox{
	list-style:none;
	padding:0px;
	margin:0px;
}
ul.errorbox li{
  border:solid 1px #FF0000;
  padding: 5px;        /* padding in fieldset support spotty in IE */
  color: #FF0000;
  background-color:#ffe1e1;
  margin-bottom:2px;
  font-size:12px;
}

ul.successbox{
	list-style:none;
	padding:0px;
	margin:0px;
}
ul.successbox li{
  border:solid 1px #FFFFFF;
  padding: 5px;        /* padding in fieldset support spotty in IE */
  color: #005E00;
  background-color:#FFFF42;
  margin-bottom:2px;
  font-size:11px;
  font-weight:bold;
  width:auto;
  text-align:center;
}

/*****TAB VIEW******/
	.dhtmlgoodies_tabPane{
		height:25px;	/* Height of tabs */
		border-bottom: solid 1px #919b9c;
	}
	.dhtmlgoodies_aTab{
	
		border: solid 1px #919b9c;
		padding:5px;		
		
	}
	.dhtmlgoodies_tabPane DIV{
		float:left;
		height:100%;	/* Height of tabs */
		padding-left:3px;
		vertical-align:middle;
		background-repeat:no-repeat;
		background-position:bottom left;
		cursor:pointer;
		margin-left:0px;
		margin-right:0px;
	}
	.dhtmlgoodies_tabPane .tabActive{
		background-image:url('http://www.okoncepts.com/okoncepts/images/tab_left_active.gif');
		margin-left:0px;
		margin-right:0px;	
		z-index:10;	
	}
	.dhtmlgoodies_tabPane .tabInactive{
		background-image:url('http://www.okoncepts.com/okoncepts/images/tab_left_inactive.gif');
		margin-left:0px;
		margin-right:0px;
		z-index:1;
	}

	.dhtmlgoodies_tabPane .inactiveTabOver{
		background-image:url('http://www.okoncepts.com/okoncepts/images/tab_left_over.gif');
		margin-left:0px;
		margin-right:0px;
	}
	.dhtmlgoodies_tabPane span{
		font-family:arial;
		vertical-align:top;
		font-size:12px;
		padding-left:3px;
		padding-right:3px;		
		line-height:21px;
		float:left;
	}
	.dhtmlgoodies_tabPane .tabActive span{
		padding-bottom:1px;
		line-height:20px;
	}
	
	.dhtmlgoodies_tabPane img{
		float:left;
	}
	.dhtmlgoodies_tabPane a{
		font-family:Arial;
		text-decoration:none;
		color:#FFFFFF;
	}
	.dhtmlgoodies_tabPane a:hover{
		text-decoration:underline;
	}
/*******************/

/****LISTING*********/
.form div#rootlist div.list_fields div{
	float:left;
	border-top: solid 1px #91CC6D; 
	border-right: solid 1px #91CC6D;
	padding:2px;
	color:#6A4C88;
}
.form div#rootlist div#listhdg div{
	float:left;
	display:inline;
	font-weight:bold;
	border-top:solid 1px #91CC6D;
	border-right:solid 1px #91CC6D;
	padding:2px;
	background-color:#6A4C88;
	color:#FFFFFF;
}
.new_link{
text-align:left; padding:5px; color:#91CC6D; font-weight:bold; text-decoration:none;
}
.form div.new_link a{
	text-decoration:none;
	font-weight:bold;
}
.form div.new_link a:hover{
	text-decoration:underline;
	font-weight:bold;
}
/********************/

/*****REPORT CLASS*********/
.form .tblreport{
	font-size:12px;
}
.form .tblreport th{
	font-size:12px;
	font-weight:bold;
	border-top:solid 1px #91CC6D;
	border-right:solid 1px #91CC6D;
	padding:2px;
	background-color:#6A4C88;
	color:#FFFFFF;
}
.form .tblreport td{
	font-size:12px;
	border-top:solid 1px #91CC6D;
	border-right:solid 1px #91CC6D;
	padding:2px;
	padding-left:5px;
	color:#6A4C88;
	vertical-align:top;
	text-align:left;
}
.form .tblreport .left_col{
	border-left:solid 1px #91CC6D;
}

.form .tblreport .bottom_col{
	border-bottom:solid 1px #91CC6D;
}

/**************************/

.topic_hdg{
cursor:pointer; color:#91CC6D; font-weight:bold; width:60%; padding:10px; text-align:left;
}

h2{
	font-size:12px;
	background-color:#6A4C88;
	height:15px;
	color:#FFFFFF;
	margin:0px;
	padding:3px;
}

.divmed table{
	border:solid 1px #91CC6D;
	border-top:none;
	padding:0px;
	margin:0px;
}
.divmed table th{
	font-size:11px;
	padding:5px;
	margin:0px;
	width:25%;
	text-align:right;
}

.divmed table td{
	font-size:11px;
	padding:0px;
	padding-right:5px;
	width:25%;
	margin:0px;
}


.divmed input, textarea, select {
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of */
	padding: 1px;
	font-size:11px;
	vertical-align:middle;
	color: #6A4C88;
	border:solid 1px #91CC6D;
}

.divmed table table{
	border:0px;
	border-top:none;
	padding:0px;
	margin:0px;
}

.divmed table table th{
	font-size:11px;
	padding:5px;
	margin:0px;
	width:15%;
	text-align:right;
}

.divmed table table td{
	font-size:11px;
	padding:0px;
	padding-right:5px;
	width:15%;
	margin:0px;
}

.divmin_max{
float:right;cursor:pointer; padding-right:3px;
}

.hdr_links{
float:right;cursor:pointer;
padding-top:9px;
padding-right:5px;
width:67%;
text-align:right;
}

.hdr_links a{
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}

.hdr_links a:hover{
	text-decoration:underline;
	font-weight:bold;
	color:#FFFFFF;
}
.err_display{
display:none;padding:0px; margin:0px; margin-top:4px;
margin-left:5px; width:auto;
}

.err_red{
	border:#FF0000 1px solid;
}
.err_none{
	border: 1px solid #91CC6D;
}

/*****PRINT REPORT CLASS*********/
.form .tblprint{
	font-size:12px;
}
.form .tblprint th{
	font-size:12px;
	font-weight:bold;
	border-top:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:2px;
	color:#000000;
}
.form .tblprint td{
	font-size:11px;
	border-top:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding:2px;
	padding-left:5px;
	color:#000000;
	vertical-align:top;
	text-align:left;
}
.form .tblprint .left_col{
	border-left:#cccccc 1px solid;
}

.form .tblprint .bottom_col{
	border-bottom:#cccccc 1px solid;
}

.print_hdg{
	background-color:#FFFFFF;
	padding:10px;
	padding-left:25px;
	padding-right:25px;
	font-weight:bold;
	color:#000000;
	font-style:italic;
	font-size:14px;
	height:15px;
}

/**************************/

.tblclass table{
	border:#91CC6D 1px solid;
	border-top:none;
	padding:0px;
	margin:0px;
}
.tblclass table th{
	font-size:11px;
	padding:5px;
	margin:0px;
	width:10%;
	text-align:left;
}

.tblclass table td{
	font-size:11px;
	padding:0px;
	padding-right:5px;
	width:25%;
	margin:0px;
}


.tblclass input, textarea, select {
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of */
	padding: 1px;
	font-size:11px;
	vertical-align:middle;
	color: #6A4C88;
	border: 1px solid #91CC6D;
}

/******PHASE 1B******/
.home .table-yellow{ 
		font-size:12px;
		height:15px;
		margin:0px;
		padding:3px;
		background-color: #FFFFCE;
	/*	background-color:#F3F3F3;*/
		border:solid 1px   #EFEFEF; 
		font-weight:bold;
			color: #336600;
/*		color:#6f538c;*/
}
.home .table-red{ 
        font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:10px;
		height:15px;
		margin:0px;
		padding:3px;
		background-color: #FFB0B0;
		font-weight:bold;
		color:#FFFFFF;
	/*	background-color:#F3F3F3;*/
		border:solid 1px #858585; 
		/*		color:#6f538c;*/
}
.home .table{ 
		font-size:10px;
		height:15px;
		margin:0px;
		padding:3px;
		background-color:#e7f7ee;;
	/*	background-color:#F3F3F3;*/
		border-top:solid 1px #7f669a; 
		border-left:solid 1px #7f669a; 
		border-right:solid 1px #7f669a; 
		border-bottom:solid 1px #7f669a; 
        font-weight:bold;
			color:#43bc7b;
/*		color:#6f538c;*/
}
.home .tableborder { width:100%;
               height:100%;
			   background-color:#ffffff;
			   font-family:Verdana, Arial, Helvetica, sans-serif;
               font-weight:normal;
			   font-size:10px;
			   color:#000000;
			   padding:5px;
			   text-align:left; 	   	     
}
.home .tblcal {
	font-size:12px;
	font-weight:bold;
	padding:5px;
	height:18px;
	width:auto;
}
.home .tblcal td{
	vertical-align:top;
	font-size:12px;
	padding:2px;
	padding-left:5px;
}
.linknew{
	color:#666666;
    font-size:10px;
	font-weight:bold;
	height:20px;
	padding:2px;
	text-align:center;
}
.linknewbg{
	background-color:#ebe5f9;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	width:100px;
 
}
/*.home a{
	color:#666666;
	background-color:#ebe5f9;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	height:20px;
	padding:2px;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
 
}
/*.home a{
	color:#666666;
	background-color:#ebe5f9;
	text-decoration:none;
	padding:2px;
	margin:2px;
	font-size:9px;
	border:solid 1px #7f669a; 
}*/
.home a:hover{
text-decoration:underline;
}
/*.home a:visited{
	color:#666666;
	background-color:#ebe5f9;
	text-decoration:none;
	padding:2px;
	margin:2px;
	font-size:9px;
	border:solid 1px #7f669a;
	height:100px; 
}
*/
/*.home a:visited{
	color:#666666;
	background-color:#ebe5f9;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	border:solid 1px #000000;
	height:20px; 
}*/
.home .head{
	font-size:12px;
	background-color:#e7f7ee;
/*	background-color:#6A4C88;*/
	height:15px;
	color:#897ad6;
/*	color:#FFFFFF;*/
	font-weight:bold;
	margin:0px;
	padding:3px;
	border:solid 1px #F3F3F3;
}
.tblhome{
	border:solid  1px #F3F3F3;
	border-top:none;
	border-right:none;
	border-bottom:none;
vertical-align:top;
padding:3px 3px 3px 3px;

}
.tblhome .tdtbl{
		border-bottom:solid 1px #F3F3F3;
		border-top:solid 1px #F3F3F3; 
		border-left:solid 1px #F3F3F3;
}
.greytextwithbg{
text-align:left;
vertical-align:top;
background-color: #FFFFCE;
font-size:10px;
font-weight:bold;
color:#666666;
/*color:#6f538c;*/
border-bottom:solid 1px #F3F3F3;
border-right:solid 1px #F3F3F3;
}
.divmed1 table{
	padding:0px;
	margin:0px;
			   border-bottom:solid 1px #F3F3F3;
		       border-top:solid 1px #F3F3F3; 
		       border-left:solid 1px #F3F3F3; 
		       border-right:solid 1px #F3F3F3;
}
.divmed1 table th{
	font-size:11px;
	padding:5px;
	margin:0px;
	width:25%;
	text-align:right;
}

.divmed1 table td{
	padding:0px;
	padding-right:5px;
	width:25%;
	margin:0px;
}
.divmed1 .txtpurple{
	color:#43bc7b;
}
#line{
margin-top:3px;
margin-bottom:3px;
border-top: solid 1px #F3F3F3;}
/*******END OF PHASE 1 B************/

/*******EVENT CALENDAR***/
#calendar td {
	font-family: "Trebuchet MS", Arial, sans-serif;
}

#calback {
	clear: both;
	width: 100%;
	height: 100%;
	background: url('http://okoncepts.com/okoncepts/calendar/images/calWaiting.gif') no-repeat center;
}

#calendar {
	background: #FFF;
	width: 100%;
	height: 100%;
}

.cal {
	width: 400px;
	border: 1px solid #CCC;
	margin: 0 auto;
}

.cal a {
	border:none;
	background:none;
	color: #0C0;
	text-decoration: none;
	border-bottom: 1px dashed #CCC;
	font-size: 9px;
}

.calevent a {
	border:none;
	background:none;
	color: #0C0;
	text-decoration: none;
	border-bottom: 1px dashed #CCC;
	font-size: 12px;
	font-weight:bold;
}

.cal a:hover {
	color: #0E0;
}
.show_event a {
	border:none;
	background:none;
	color: #0082BF;
	text-decoration: none;
	font-size: 12px;
	border:none;
}
.show_event a:hover{color: #0082BF; border-bottom: 1px solid #0082BF;}
.calhead {
	width: 100%;
	font-weight: bold;
	color: #FFF;
	font-size: 20px;  
	background: url('http://okoncepts.com/okoncepts/calendar/images/calBack.gif') repeat center left;
	padding: 5px;
}

.calhead img {
	border: none;
}

.calhead table {
	width: 100%;
}

.calhead a {
	border:none;
	background:none;
	text-decoration: none;
	border: none;
}

.dayhead {
	height: 25px;
	background: #EEE;
}

.dayhead td {
	text-align: center;
	color: #000;
}
.dayhead_big {
	height: 30px;
	background: #EEE;
}

.dayhead_big td {
	text-align: center;
	color: #000;
	font-size:14px;
}

.dayrow {
	background: #FFF;
	height: 20px;
}

.dayrow td {
	width: 14%;
	font-size: 12px;
	color: #656551;
	padding: 3px;
	border: 1px solid #DDD;
}

.day {
	float: right;
}

.day_big {
	float: right;
	font-size:12px;
	height:40px;
}

.dayover {
	background: #F4F4F4;
}

.dayout {
	background: #FFF;
}

#event {
	font-family: Arial, sans-serif;
	width: 100%;
	height: 100%;
	border-top: 1px solid #727260;
	border-bottom: 1px solid #727260;
}

#event .heading {
	padding: 10px;
	position: relative;
	background: url('http://okoncepts.com/okoncepts/calendar/images/calEvent.gif') repeat-x top left;
	border-bottom: 1px dotted #CCC;
}

#event .title {
	color: #656551;
	font-size: 16px;
	font-weight: bold;
}

#event .posted {
	color: #8C8C73;
	font-size: 10px;
}

#event .back {
	position: absolute;
	top: 10px;
	right: 10px;
}

#event .back a {
	border:none;
	background:none;
	color: #0C0;
	text-decoration: underline;
	border: none;
	font-size: 10px;
}

#event .back a:hover {
	color: #0E0;
}

#event .line {
	padding: 10px;
	overflow: auto;
	text-align:left;
}

#event .line_big {
	padding: 10px;
	overflow: auto;
	text-align:left;
}

.error {
	color: #C00;
	font-size: 14px;
	font-weight: bold;
}

#jump {
	z-index: 100;
	line-height: 30px;
	padding: 5px;
	background: #F6F6F6;
	border: 1px solid #888;
}

#jump a {
	border:none;
	background:none;
	text-decoration: none;
	border: none;
}

#jump img {
	border: none;
}
/*******END OF EVENT CALENDAR***/