/*
.xoopsCode
.xoopsQuote
Are core specific, but may also be overridden in here to your taste.
.banner
.redirect
.bg1
.bg2
.bg3
.bg4
.prenext
Are E-Xoops Specific, all others are freestyle depending on your theme.
--------
This is how you can set css styles on a per/module basis.
.<modulename>_css is the name of the module (if any).
These are refered to as contextual css styles.
--------
.newbb_css .bg3 {
	background-color: #C0C0C0;
}

Controls different form element styles:
.text, .radio, .checkbox, .select, .button, .textarea, .image, .file {
	somestyle: somevalue;
}
*/
/* 
the new menu's style er locate in yourtheme/menu/styles/

you can add controll of it to you own theme by simply import the directory
to your theme and include and ad this line in the top off 
your theme/styles/styles.css
----> to ad <---
@import url(../menu/menu_style.css);
--------------------------------------

to manipulate the color / or graphic you use menu_styles.css 
locatet in  yourtheme/menu/styles/

*/

/* CSS Document */
/* new menu import */
@import url(../menu/menu_style.css);


/* new added to core  */
.prenext{
	background-color: #F5F5F5;
	color: black;
	border-bottom:solid;
	border-top:solid; 
	border-width:1px;
}
/* prenext*/
body {
	background-color: #ffffff;
	border: 1px inset #ffffff;
	color: #434951;
	font-family: Tahoma,Verdana,Arial;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	scrollbar-face-color: #5cd2e2;
	scrollbar-highlight-color: #ddecf5;
	scrollbar-shadow-color: #0e558f;
	scrollbar-3dlight-color: #60baf0;
	scrollbar-arrow-color:  #106aa0;
	scrollbar-track-color: #c1dced;
	scrollbar-darkshadow-color: #348ec4;
}
a:link, a:visited, a:active {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #D33939;
	text-decoration: none;
}

td {
	font-size: 11px;
}
.bg1 {
	background-color: #e8f2f8;
}
.bg2 {
	background-color: #c1dced;
}
.bg4 {
	background-color: #c1dced;
}
.bg3 {
	background-color: #ddecf5;
}
.menu01 {
	color : #FFFFFF;
	margin-top : 0px;
	padding-bottom : 0px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.menu01 a:link, .menu01 a:visited, .menu01 a:active {
	color : #FFFFFF;
	text-decoration: none;
}
.menu01 a:hover {
	color : #D33939;
}
.sidebar1 {
	background-color: white;
	background-image: url(../images/fon02.gif);
	border-left: 1px solid #c1dced;
	border-right: 1px solid #60baf0;
}
.sidebar2 {
	background-color: white;
	background-image: url(../images/fon02.gif);
	border-left: 1px solid #c1dced;
	border-right: 1px solid #60baf0;
}

.banner {
	background: #e8f2f8;
	border: 3px double #c1dced;
}

.leftsidboxtitle {
	background-image: url(../images/fon01.gif);
	color : #ffffff;
	text-decoration: none;
	padding-top: 6px;
	padding-left: 25px;
	vertical-align: middle;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	line-height: 25px;
}
.leftsideboxcontent {
	color : #000000;
	text-decoration: none;
	padding-top : 6px;
	padding-bottom : 10px;
	padding-left : 6px;
	padding-right : 6px;
	margin-top : 5px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.rightsidboxtitle {
	background-image: url(../images/fon01.gif);
	color : #ffffff;
	text-decoration: none;
	padding-top: 6px;
	padding-left: 25px;
	vertical-align: middle;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	line-height: 25px;
}
.rightsideboxcontent {
	color : #000000;
	text-decoration: none;
	padding-top : 6px;
	padding-bottom : 10px;
	padding-left : 6px;
	padding-right : 6px;
	margin-top : 5px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.centerblocktitle{
	color : #000000;
	vertical-align: middle;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	line-height: 27px;
	width: 100%;
	padding-top: 7px;
	padding-left: 0px;
}
.centerblockcontent{
	background-image: url(../images/fon01.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	padding: 6px 6px 6px 6px;
}
.news {
	margin-left: 2px;
	margin-right: 2px;
	width:100%;
}
.indextitle {
	color : #000000;
	vertical-align: middle;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
	line-height: 27px;
	width: 100%;
	padding-top: 7px;
	padding-left: 0px;
}
.indextable {
	background-image: url(../images/fon01.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	padding: 1px 1px 1px 3px;
}

.indextable2 {
	background-image: url(../images/fon01.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	padding: 1px 1px 1px 3px;
}
.postedby {
	background-image: url(../images/fon01.jpg);
	background-position: right bottom;
	background-repeat: repeat-y;
	padding: 1px 1px 1px 1px;
	width: 100%;
	text-align: left;
}
.indextext {
	background-image: url(../images/fon01.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	padding-top: 12px;
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom: 5px;
}
.more {
	background-image: url(../images/fon01.jpg);
	background-position: right bottom;
	background-repeat: repeat-y;
	padding:6px 6px 6px 6px;
	text-decoration: none;
}

.xoopscode, .xoopsquote {
	background: #FCFCFC;
}

img {border: 0px;}
.form { 
	font-size: 9px;
	font-family: verdana, helvetica, sans-serif;
	MARGIN-top:3px;
	MARGIN-bottom:2px;
}

.footer {
	background-color: #ffffff;
}

.debug {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C95D01;
}
select, input, option, textarea {
	font-family : Verdana, Tamoha, Helvetica, sans-Serif;
	font-size : 12px;
}