/*  High contrast style, to somewhat emulate Google'ish and Yahoo'ish simplicity */

/*
with the styleswitcher in this theme we mainly need to override/modify 
those attributes which influence colours, like color, background-color 
and background-image.. although it's possible to alter any other rule here,
lets keep these alternative stylesheets relatively small and easy to work with.
------------------------------------------------------------------[important note] */

body {
	color: #FFFFFF;
	background-color: #000000;
	background-image: none;
}

/*  a { color: #5B3D74; } 
a:link:hover, a:visited:hover { color: #CD2000; } */
a { color: #57f3ea; }
a:link:hover, a:visited:hover { color: #f3c157; }

.xar-menu-section { color: #f3ed3f;}

.xar-mod-head {
	color: #FFFFFF;
	background-color: #707876;
	border-color: #FFFFFF;
}

.xar-mod-body h2 { 
	color: #75f8ce;
	border-bottom: #75f8ce; 
}

th {
	color: #FFFFFF;
	background-color: #75747d;
}
.xar-alt { background-color: #EEE7EC; }
.xar-accent { background-color: #707876; }
.xar-alt-outline { border-color: #b4f9fd; }
.xar-accent-outline { border-color: #1876f6; }
.xar-norm-outline { border-color: #edcaf6; }
.xar-norm { background-color: #000000; }

.xar-block-title {
	color: #fff71b;
}

/* MENUS */
ul.xar-menu-section, ul.xar-menu-item, ul.xar-menu-subitem { background-color: #000000; }

.xar-menu-section a { color: #FFFFFF; }

ul li.xar-menu-section {
	color: #FFFFFF;
	border-color: #F2F2F2;
	border-style: none none solid none;
}
.xar-menu-section h4 { 
	color: #75f8ce;
	border-bottom: #75f8ce; 
}

.xar-menu-section a:hover {
	color: #000000;
	background-color: #FFFFFF;
}

.xar-menu-section ul ul a {
	color: #FFFFFF ;
	background-color: #868080;
}

.xar-menu-section ul ul a:hover {
	color: #FFFFFF;
	background-color: #696262;
}


li.xar-menu-section-current a {
	color: #AAAAAA;
	background-color: #000000;
}

li.xar-menu-item-current {
	color: #cfcccc;
	background-color: #000000;
}

li li.xar-menu-subitem-current a, li.xar-menu-item-current a {
	color: #de01ec;
	background-color: #a49b9b;
}
/* THEME SPECIFIC ANONYMOUS CLASSES  [gen_heading] */

div#classicheader {
	background-image: url(../images/headercasola_black.gif);
}

td#leftmenus, td#rightmenus, td#maincontent, div#classicfooter {
	color: #FFFFFF;
	background-color: #000000;
	background-image: none;
}