/********************************************/
/*****  All styles used in  i_headfoot ******/
/********************************************/

body {
    margin: 0;
    background-color: #D7D7D7;
}

#container {
    width: 850px;
    margin: 0 auto;
    background-color: #fff;
}

#header {
    margin: 0px;
}

#divider
{
    height: 20px;
    background: #D7D7D7;
}

li
{
    margin: 15px 0px;
}



#navigation {
    border-top: 1px solid #6f2b04;
    border-bottom: 1px solid #6f2b04;
    background-color: #97522b;
    color: #fff;
    padding: 6px;
}
#navigation a {
    color: #fff;
}
#navigation a:hover {
    color: #cdab99;
}

#content {
    padding: 0px 20px 0px 20px;
}

#default_left {
    width: 180px;
    float: left;
}
#default_center {
    width: 600px;
    float: left;
}
#default_right {
    width: 180px;
    float: right;
}

#left_menu
{
    background: #D3D96B;
    float: left;
    width: 176px;
    min-height: 400px;
}

.leftmenuitemon
{
    padding-left:20px;
    padding-top: 10px;
    font-size: 17px;
    color: #889332;
    font-weight: bold;
}

.leftsubmenuitemon
{
    padding-left:30px;
    padding-top: 5px;
    font-size: 15px;
    color: #889332;
    font-weight: bold;
}

.leftmenuitem a, .leftsubmenuitem a
{
    color:#ffffff;
    text-decoration: none;
    border: none;
}

.leftmenuitem a:hover, .leftsubmenuitem a:hover, .leftmenuitemon a:hover, .leftsubmenuitemon a:hover
{
    color:#889332;
    font-weight:bold;
    text-decoration: none;
    border: 0px;
}

.leftmenuitem
{
    padding-left:20px;
    padding-top: 10px;
    font-size: 17px;
    height: 20px;
}

.leftsubmenuitem
{
    padding-left:30px;
    padding-top: 5px;
    font-size: 15px;
    height: 15px;
}

.debug      /* standard Oxebiz debugging information area */
{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.outer      /* outer page containing table */
{
	width: 820px;
	
}

.outercontent
{
	
	background: url('/app/images/structure/leftpanel_bg.gif') repeat-y #e0e0e0;
}

.cmalogo
{
	vertical-align: middle;
	text-align: center;
	height: 115px;
	width: 200px;
}

#titlepane
{
    padding: 0px 0px 10px 0px;
}

.leftpanel
{
	width: 200px;
	height: 100%;
	
}



.homepagerightpanel
{
	width: 200px;
	background: url('/app/images/structure/panelshadowgg.jpg') repeat-x #a5d5a5;
}

.homepagerightpanel .title
{
	font-size: 0.8em;
	padding: 5px;
}

.homepagerightpanel .button
{
	height: 50px;
	background: url('/app/images/structure/panelshadowgg.jpg') repeat-x #a5d5a5;
	padding: 10px 0px 10px 5px;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
}

.homepagerightpanel .button img
{
	vertical-align: middle;
}

.homepagerightpanel .button:hover
{
	background: url('/app/images/structure/panelshadowgg.jpg') repeat-x #a5d5a5;
	padding: 10px 0px 10px 5px;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
}

.homepagerightpanel .button a:hover
{
	color: #990000;
	text-decoration: none;
}

.bannerpanel
{
	width: 820px;
	height: 80px;
	padding: 0px 0px 3px 0px;
}

.bannerpanelinner
{
	height: 100%;
	width: 100%;
	text-align: center;
}

.menupanel
{
	float: left;
	width: 200px;
	padding: 3px 3px 3px 0px;
	border-right: 2px solid #ffffff;
}

.menupanelinner
{
	height: 100%;
}

.featurespanel
{
	float: right;
	width: 200px;
	padding: 3px 0px 3px 3px;
}

.featurespanelinner
{
	height: 100%;
	width: 100%;
}


.outer .cell
{
    margin: 0px;
    padding: 3px;
    background: #ffffff;
    border: 1px solid #5f5f5f;
}

.webware
{
	font-size:0.8em;
    color:white;
    float:right;
    font-size:0.8em;
    margin:0 auto;
    position:relative;
    text-align:right;
    top:10px;
    right: 5px;
}

.webware a
{
    color: white;
}



/*** Top Menu ***/


.topmenuitem,
.topmenuitemon,
.topmenuitemhover
{
	padding: 0 10px 0 5px;
	margin-right: 2px;
	text-align: left;
	vertical-align:middle;
	height:22px;
	//*border:1px 0px 0px 1px;
	//border-color:white;
	//border-style:solid;*/
}

.topmenuitemon,
.topmenuitemon div a,
.topmenuitemon div a:visited
{
	color:#000000;
	font-weight:bold;
}

.topmenuitemhover
{
	background: url('/app/images/structure/topmenuon.jpg') top left repeat-x;
	color:#000000;
	font-weight:bold;
	
}

.topmenuitem a:visited
{
	color: #ffffff;
}



.topmenu a
{
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 100%;
	white-space: nowrap;
}

.topmenu a:hover,
.topmenu a:active,
.topmenu a:focus,
.topmenuitemhover a
{
	color:#000000;
	font-weight:bold;
}

.topmenuheadon a
{
	color:#990000;
}

td.topmenuitem div
{
	color:white;
	font-weight:bold;
}

.submenu
{
	position: absolute;
	top: 132px;
	visibility: hidden;
	not-border-left:1px solid #cca761;
	border-bottom:1px solid #05a761;
	border-right:1px solid #05a761;
	margin: 2px 0 0 -5px;
	text-align: left;
}

.submenu div
{
	width: 220px;           /* the menu item width */
	height: 18px;
	background: #e6d0a7 url('/app/images/structure/topmenusub.jpg') top left repeat-x;
}

.submenu div.last
{
	background: url('/app/images/structure/topmenusublast.jpg') top left repeat-x;
	height: 20px;
}

.submenu a,
.submenu a:visited
{
	display: block;
	padding: 0px 3px 3px 3px;
	white-space: nowrap;
	color: #990000;
}

.submenu a:hover
{
	not-text-decoration: underline;
	color: #000000;
}

/*submenu at bottom of page if no js*/

#pagesubmenu
{
	margin:20px 0px 10px 0px;
	border-style:solid;
	border-color:#cccccc;
	border-width:1px 0px 0px 0px;
}

/*   DROP DOWN MENU */
ul.jd_menu, 
ul.jd_menu_vertical {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	display: none;
}
ul.jd_menu li {
	float: left;
}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 10000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
	float: none;
	margin: 0px;
}

ul.jd_menu_slate {
	height: 19px;
	background-color: #536393;
	background: url(gradient.png) repeat-x;
	border: 1px solid #70777D;
	border-top: 1px solid #536393;
	border-left: 1px solid #536393;
	clear: both;
}

ul.jd_menu_vertical {
	width: 200px;
	height: auto;
	clear: both;
	background: url(gradient-vertical.png) repeat-x;
	background-color: #536393;
}


ul.jd_menu_slate a, 
ul.jd_menu_slate a:active,
ul.jd_menu_slate a:link,
ul.jd_menu_slate a:visited {
	text-decoration: none;
	color: #FFF;
}
ul.jd_menu_slate ul li a,
ul.jd_menu_slate ul li a:active,
ul.jd_menu_slate ul li a:link,
ul.jd_menu_slate ul li a:visited {
	color: #70777D;
}
ul.jd_menu_slate li {
/*	font-family: Tahoma, sans-serif;*/
	font-size: 10pt;
	padding: 2px 6px 4px 6px;
	cursor: pointer;
	white-space: nowrap;
	color: #FFF;
}
ul.jd_menu_slate li.jd_menu_active_menubar,
ul.jd_menu_slate li.jd_menu_hover_menubar {
	padding-left: 5px;
	border-left: 1px solid #ABB5BC;
	padding-right: 5px;
	border-right: 1px solid #929AA1;
	border-right: 1px solid #70777D;
	color: #FFF;
	background: url(/app/images/structure/gradient-alt.png) repeat-x;
}

ul.jd_menu_vertical li.jd_menu_active_menubar,
ul.jd_menu_vertical li.jd_menu_hover_menubar {
	padding-left: 6px;
	padding-top: 1px;
	border-top: 1px solid #70777D;
	border-left: 0px;
	border-right: 0px;
}

ul.jd_menu_slate ul {
	background: #ABB5BC;
	border: 1px solid #70777D;
}
ul.jd_menu_slate ul li {
	padding: 3px 10px 3px 4px;
	background: #536393;
	border: none;
	color: #70777D;
}
ul.jd_menu_slate ul li.jd_menu_active,
ul.jd_menu_slate ul li.jd_menu_hover {
	background: url(/app/images/structure/gradient.png) repeat-x;
	padding-top: 2px;
	border-top: 1px solid #ABB5BC;
	padding-bottom: 2px;
	border-bottom: 1px solid #929AA1;
	color: #FFF;
}
ul.jd_menu_slate ul li.jd_menu_active a.jd_menu_active,
ul.jd_menu_slate ul li.jd_menu_hover a.jd_menu_hover {
	color: #FFF;
}

/** BUTTONS **/

.smalleditbutton {
    width: 16px;
    height: 16px;
    float: right;
    background-image: url(../../app/images/buttons/new-small-edit.gif);
    background-repeat: no-repeat;
    margin-right: 3px;
    cursor: pointer;
}

.smalladdbutton {
    width: 16px;
    height: 16px;
    float: right;
    background-image: url(../../app/images/buttons/test-smalladd.jpg);
    background-repeat: no-repeat;
    margin-right: 3px;
    cursor: pointer;
}

/** FOOTER **/
.footer-top
{
    height: 30px;
    background: white;
    text-align: center;
}

.footer-top .footer-links
{
    position: relative;
    top: 5px;
    margin: 0px 30px;
    display:inline;
}

.footer-top .footer-links a
{
    color: #114688;
    font-weight: bold;
    font-size: 8pt;
}

.footer-top .footer-links a:hover
{
    text-decoration: none;
    border-bottom: 1px dotted #114688;
}

.footer-bottom
{
    height: 30px;
    background: #114688;
}

.footer-bottom .footer-links
{
    position: relative;
    top: 7px;
    margin: 0px 30px;
    display:inline;
}

.footer-bottom .footer-links a
{
    color: white;
    font-weight: bold;
    font-size: 8pt;
}

.footer-bottom .footer-links a:hover
{
    text-decoration: none;
    border-bottom: 1px dotted white;
}

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