html, body {color: #000; background-color: #ebebeb;background-image:url(images/bg.png); background-repeat:repeat-x;color: #363636; margin: 0; padding: 0; font-size:9pt; font-family: Verdana, Arial, Helvetica, sans-serif;}

table {width: 100%;}
table td {padding: 0; border-width: 0; vertical-align: top; }

div.wrapper { 

    width:923px; 
    margin:0 auto; 
    padding:0;
} 
 
.myBox {

	background-color:#FFFFFF;

}

a {color: #666; text-decoration: none; font-weight:normal; background-color: transparent;}
a:hover {color: #b4230b;}

h1 {font-size:1.4em;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h5 {font-size:1em;}


input.formButton {}


input[type=button], input[type=submit], input[type=reset] { 
    PADDING-RIGHT: 0.5em;
    PADDING-LEFT: 0.5em;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    BACKGROUND: url(images/submit.png) repeat-x;
    COLOR: #fff;
    CURSOR: pointer;
    BORDER-LEFT: 1px solid #464646;
	BORDER-RIGHT: 1px solid #464646;
	BORDER-BOTTOM: none;
	BORDER-TOP: none;
}


.item {}
.itemHead {color: #000;padding: 5px;background-image:url(images/bg_center.jpg); background-repeat:repeat-x;font-weight:bold;}
.itemHead a{color: #000;text-decoration:none;}
.itemInfo {text-align: left; padding: 3px; background-color: #efefef}
.itemTitle  {font-size: 1.2em; font-weight: color: #000; background-color: transparent;}
.itemTitle a {font-size: 1.2em; font-weight: color: #000; background-color: transparent;}
.itemPoster {font-size: .9em;}
.itemPostDate {font-size: .9em;}
.itemStats {font-size: .9em;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemFoot {text-align: right; padding: 3px;}
.itemAdminLink {font-size: .9em;}
.itemPermaLink {font-size: .9em;}

#header {
    margin :                0;
    padding :               0;
    height:                 75px;

    padding:                0px;
    color:                  #fff;

}
#headerbanner {width: 100%; vertical-align: middle; text-align:center;}
/* fix for banner */
#xo-bannerfix {
    /*position:               absolute;*/
	position: relative;
	float: right;
    top:                    5px;
    right:                  25px;
    width:                  480px;
    height:                 72px;
    background:             url(bg-ad-top.png) no-repeat;
	padding:				6px;
	z-index:99;
}
#xo-bannerfix object, #xo-bannerfix img {display: block;}
/* end fix for banner */
#headerlogo img {padding-top: 2px;}
#headerbar {border-bottom: 1px solid #ddd; background-image: url(hbar.gif);}



#leftcolumn {width: 170px; font-size:1em;}
#leftcolumn th {background-color: #4e4e4e; color: #fff; vertical-align: middle;}
#leftcolumn .blockTitle {padding: 3px;background-image:url(images/left.jpg); background-repeat:repeat-x; color: #000; font-weight: bold;}
#leftcolumn .blockContent {padding: 4px; line-height: 1.2em;}


#centercolumn {font-size: 1em; padding: 0 0 0 1px;}
#centercolumn th {background-color: #000; color: #fff; vertical-align: middle;}

#centerCcolumn, #bottomCcolumn {padding: 0 3px 1px 3px;}
#centerCcolumn .blockTitle, #bottomCcolumn .blockTitle {padding:3px; color: #000;border-bottom: 1px dotted #000; font-weight: bold; margin-top: 0; margin-right: 0;  margin-left: 0; font-size:13px;height:40px;}
#centerCcolumn .blockContent, #bottomCcolumn .blockContent {padding: 3px; margin-right: 0;  margin-left: 0; margin-bottom: 2px; line-height: 1.2em;}

#centerLcolumn, #bottomLcolumn, #centerRcolumn, #bottomRcolumn {
        width: 50%; padding: 0 3px 0 0;
}
#centerLcolumn .blockTitle, #bottomLcolumn .blockTitle, #centerRcolumn .blockTitle, #bottomRcolumn .blockTitle {
        padding:3px; color: #000;border-bottom: 1px dotted #000; font-weight: bold; margin-top: 0; margin-right: 0;  margin-left: 0; font-size:14px;height:40px;;
}
#centerLcolumn .blockContent, #centerRcolumn .blockContent, #bottomLcolumn .blockContent, #bottomRcolumn .blockContent {
       padding: 3px; margin-right: 0;  margin-left: 0; margin-bottom: 2px; line-height: 1.2em;
}

#content {text-align: left; padding: 8px;}

#rightcolumn {width: 290px;font-size:1em;}
#rightcolumn th {background-color: #000; color: #fff; vertical-align: middle;padding-right:4px;}
#rightcolumn .blockTitle {padding:3px; background-color:#000;font-weight:normal;color: #fff;vertical-align: middle; }
#rightcolumn .blockContent {padding: 5px; line-height: 1.2em;}

#maitsco_footer_wrapper {
	clear: both;
	width: 100%;
	background: #222222;
}

#maitsco_footer {
	width: 923px;
	margin: 0 auto;
	padding: 50px 0 30px 0;
	text-align: center;
	color: #bdbdbd;
	background:  url(images/footer.png) top center no-repeat;
	font-size: 11px;
}

#maitsco_footer a { color: #ebebeb; font-weight: normal; }

#maitsco_footer a:hover { color: #FFFFFF; }

#mainmenu a {
	display: block;
	margin: 0;
	padding: 4px;
	background: url(images/icon_menu.png) no-repeat left center;
	border-bottom: 1px dotted #1d2122;
	color: #1d2122;
	font-weight:normal;
	text-decoration: none;

}
#mainmenu a:hover {
	text-decoration: none;
	color: #b4230b;
}
#mainmenu a.menuTop, #mainmenu a.menuMain {padding-left: 11px; }
#mainmenu a.menuSub {
	padding-left: 11px;
	background: url(none);
	font-size: 80%;
	color: #b4230b;
	text-decoration: none;

}

#mainmenu a.menuSub:hover {
	color: #b4230b;
}
#mainmenu a.maincurrent {background: url(images/icon_menu.png) no-repeat left center;color:#b4230b;}

#usermenu { font-size : .9em;}
#usermenu a {display : block;margin-bottom : 4px;background-color : #f5f5f5;padding : 4px;color : #222;text-decoration : none;border : 1px solid #b4230b; font-weight : normal;}
#usermenu a:hover { background-color : #b4230b;color : #fff;border : 1px solid #252525;}
#usermenu a.menuTop {padding-left : 5px;}
#usermenu a.menuMain {padding-left : 5px;}
#usermenu a.highlight {color : #ff6600;text-decoration : none;}


caption {font-weight: bold;}

table td, table th, table thead { border: 0;}
.head {padding: 5px; font-weight: bold;}
.even {
	background-color: 		#f7f7f7;
	color: 					inherit;
}
.odd {
	background-color: 		#f9f9f9;
	color: 					inherit;
}
tr.even td {
	background-color: 		#f7f7f7;
	color: 					inherit;
}
tr.odd td {
	background-color: 		#f9f9f9;
	color: 					inherit;
}
.foot, #xo-page tfoot {
	background-color : 		#f4f4f4;
	padding: 				2px;
	color: 					inherit;
	font-weight: 			bolder;
	text-align: 			center;
}
tr.even:hover, tr.odd:hover {
	background-color: #ebebeb;
}

.errorMsg,.confirmMsg, .resultMsg  { padding: .8em; text-align:center; margin-bottom: 1em; border: 2px solid #ddd;}
.errorMsg  { background-color: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.confirmMsg { background-color: #FFF6BF; color: #817134; border-color: #FFD324; }
.resultMsg { background-color: #E6EFC2; color: #529214; border-color: #C6D880; }
.errorMsg a { background-color: transparent; color: #D12F19; }
.confirmMsg a { background-color: transparent; color: #817134; }
.successMsg a { background-color: transparent; color: #529214; }

.xoopsCode { background: #fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0 6px 6px 6px; height: 200px; overflow: auto; font-size:.9em;}
.xoopsQuote { background: #fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0 6px 6px 6px; font-size:.9em;}
blockquote {font-style : italic; line-height:1.4em;}

.xoopsCode {display:block; width:90%; max-height:300px;margin-left:.5em;overflow:auto;background-color:#fff;padding:.5em;color:#555;font-size:1.1em;font-family:monospace;border:1px solid #d0d0d0;text-align:left;}
.xoopsQuote { background: #fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0 6px 6px 6px; font-size:.9em;}
blockquote {font-style : italic; line-height:1.4em;}
.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #e9e9e9; font-weight:bold; border: 1px solid #c0c0c0; background-color: #fff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #e9e9e9; font-weight:bold; font-size: .9em;}

.comUserRank {margin:2px;}
.comUserRankText {margin-left:5px;font-size:.9em;font-weight:bold;}
.comUserRankImg {border:0;}
.comUserName a { color: #fff;font-weight: bold;}
.comUserImg {margin:5px 0 10px 5px;padding:3px;border:1px solid #ddd !important;box-shadow: 2px 3px 4px rgba(0,0,0,0.5);
		-moz-box-shadow: 		2px 3px 4px rgba(0,0,0,0.5);
		-webkit-box-shadow: 	2px 3px 4px rgba(0,0,0,0.5);
}
.comUserImg:hover {opacity:.5; filter: alpha(opacity=50);}}
.comDate {font-weight: normal; font-style: italic; font-size: .8em;}
.comDateCaption {font-weight: bold; font-style: normal;}

/*============== Styles for system_siteclosed.html  (override system module) =================*/
#xo-siteclose {
    width:                  400px;
    margin:                 100px auto;
    background-color:       #e2e2e2;
    padding:                30px;
    color:                  #000;
    font-size:              1.2em;
    font-weight:            bold;
    text-align:             center;
    border:                 1px solid #666;
	
}
#xo-userbar_siteclosed {
    display:                block;
    padding-top:            8px;
    padding-right:          1em;
    color:                  #fff;
    font-size :             .8em;
    text-align :            center;
	
}
#xo-userbar_siteclosed form {
    display:                inline;
    padding:                0;
}

#xo-userbar_siteclosed input, #xo-userbar_siteclosed button {
    width:                  100px;
    background-color:       transparent;
    color:                  #fff;
    font-size :             .9em;
    margin:                 2px;
}
#xo-userbar_siteclosed input:hover {}

/*============== Styles for system_redirect.html (override system module) =================*/
#xo-redirect {
    width:                  780px;
    margin:                 50px auto;
    padding:                1em;
    font-weight:            bold;
    text-align:             center;
	background-color:       transparent;
	padding-bottom: 40px;
	padding-top: 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	border: 5px solid #dbdbdb;
}
#xo-redirect .notreload {
    height:                 28px;
    background-color:       inherit;
    padding-top:            2px;
    color:                  #000;
}
#xo-redirect .notreload a {
    background-color:       inherit;
    color:                  #ff0000;
    font-weight:            bold;
    text-decoration:        none;
}
#xo-redirect .message {
    min-height:             60px;
    background-color:       #f3f3f3;
    padding:                1em;
    color:                  #333;
    font-size:              1.2em;
    text-align:             center;
    border:                 1px solid #666;
}
#xo-redirect .message img{
    padding:                1em;
}
/*============== Styles for pagenav =================*/
#xo-pagenav {
    margin:                 7px 0;
    text-align:             center;
    font-size:              1.05em;
}
#xo-pagenav a {
    text-decoration:        none;
}
#xo-pagenav a:hover {
    color:                  #fff;
    background-color:       #000;
    border:                 1px solid #fff;
}
.xo-pagact {
    margin:                 0;
    padding:                .2em .5em;
    color:                  #fff;
    background-color:       #000;
    border:                 1px solid #fff;
}
.xo-counterpage, .xo-pagarrow {
    margin:                 0;
    padding:                .2em .5em;
    color:                  #000;
    background-color:       #fff;
    border:                 1px solid #000;
}
.xo-counterpage:hover {}
.xo-pagarrow {
    letter-spacing:         0.2em;
}
/*======= Tinymce background textarea ========*/
body.mceContentBody {
    margin:                 0;
    padding:                0;
    background-color:       #fff;
    background-image:       none;
    color:                  #000;
}
#search_system {
float:right;
height:26px;
margin-top:2px;
width:240px;
margin-left:3px;
background: url(images/search.png) no-repeat;
}

#search_keywords {
		background:transparent none repeat scroll 0 0;
		border:medium none;
		color:#fff;
		font-size:12px;
		font-style:italic;
		height:18px;
		margin-top:3px;
		padding-top:4px;
		width:198px;
}

 .red .blocktitle {height: 55px; text-align: center; background: transparent url(images/red_01.png) top center no-repeat; font-size: 15px; font-family:"Time New Roman";font-weight: bold;color:#fff;padding-top:30px;}
.red .blocktitle h3 {padding-top: 20px;}
.red .blockcontent {background: transparent url(images/block_02.png) top center repeat-y; color: #000000; padding: 20px}
.red .blockfoot {height: 15px; background: transparent url(images/block_03.png) top center no-repeat; margin-bottom: 5px;}

 .purple .blocktitle {height: 55px; text-align: center; background: transparent url(images/purple_01.png) top center no-repeat; font-size: 15px; font-family:"Time New Roman";font-weight: bold;color:#fff;padding-top:30px;}
.purple .blocktitle h3 {padding-top: 20px;}
.purple .blockcontent {background: transparent url(images/block_02.png) top center repeat-y; color: #000000; padding: 20px}
.purple .blockfoot {height: 15px; background: transparent url(images/block_03.png) top center no-repeat; margin-bottom: 5px;}

 .yellow .blocktitle {height: 55px; text-align: center; background: transparent url(images/yellow_01.png) top center no-repeat; font-size: 15px; font-family:"Time New Roman";font-weight: bold;color:#fff;padding-top:30px;}
.yellow .blocktitle h3 {padding-top: 20px;}
.yellow .blockcontent {background: transparent url(images/block_02.png) top center repeat-y; color: #000000; padding: 20px}
.yellow .blockfoot {height: 15px; background: transparent url(images/block_03.png) top center no-repeat; margin-bottom: 5px;}
/* Slider */

#slider { position: relative; width: 923px; height: 294px; background: url(images/slider_bg.png) no-repeat 0 0; }

#next,
#prev { position: absolute; top: 115px; display: block; width:  64px; height: 64px; z-index: 10; }
#next {     position: absolute;
    top: 145px;
    left: 0px;
    width: 35px;
    height: 69px;
    cursor: pointer;
    background: transparent url(images/next.png) no-repeat 0 0; }
#prev {     position: absolute;
    top: 145px;
    right: 1px;
    width: 35px;
    height: 69px;
    cursor: pointer;
    background: transparent url(images/prev.png) no-repeat 0 0; }

#slider-content { position: relative; width: 923x; height: 294px; overflow: hidden; }
#slider-content ul { position: relative; list-style: none outside none; overflow: hidden; }
#slider-content ul li,
.jcarousel-clip { position: relative; width: 923px; height: 294px; }

#slider-content ul li .left-side,
#slider-content ul li .right-side { float: left; display: inline; }

#slider-content ul li .left-side { width: 381px; padding: 54px 0 0 77px;  z-index: 2; }

#slider-content ul li .right-side { float: left; display: inline; position: relative; width: 400px; line-height: 18px; padding: 34px 0 0 0; left: -9px;  z-index: 5; }
#slider-content ul li .right-side h2 { font-size: 22px; color: #fff; text-transform: uppercase; line-height: 20px; padding-bottom: 10px; }
#slider-content ul li .right-side { color: #ebe8e8;}
#slider-content ul li .right-side a { color: #ebe8e8;  text-decoration: underline;}
#slider-content ul li .right-side a:hover { color: #ff0000;  text-decoration: none; }

.slider .item p { color: #fff; text-align: justify; padding: 0 0 18px 40px; }
.slider .item .btn-more { background: url(images/slide-more.gif) no-repeat 0 0; width: 125px; height: 40px; font-size: 13px; line-height: 40px; color: #fff; font-weight: bold; text-align: center; display: block; position: absolute; bottom:10px;right:0;float:right; }



/* End Slider */

/*-- Bottom Toolbar --*/

div#toolbar, div#toolbarbut {
  position: fixed; /* set fixed position for the bar */
  bottom: 0px;
  right: 0px;
  z-index: 9999; /* keep the bar on top  */
  height: 36px;
  background: url(images/bcktool.png);
  /* CSS3 */
  -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-khtml-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-box-shadow: 0px 1px 10px #666, inset 1px 1px 0px #a4a4a4; /* inset creates a inner-shadow */
  -khtml-box-shadow: 0px 1px 10px #666;
  -webkit-box-shadow: 0px 1px 10px #666;
  /* CSS3 end */
	border-top: 1px solid #eee;
  border-left: 1px solid #eee; 
  border-right: 1px solid #eee;  
}

div#toolbar {
  width: 85%;
  min-width: 700px; /* to limit the width when an excessive window resize */
  margin: 0px auto; /* centered toolbar */
  left: 0px;
}

div#toolbarbut { /* div for the 'hide status' */
  width: 60px;
  height: 15px;
  margin-right: 3%;
  display: none;
}

span.showbar a { /* show button */
  padding: 5px;  
  font-size: 10px;
  color: #fff;
}

.leftside {
  float: left;
}

.rightside {
  float: right;
}

/*-- Left Side --*/

ul#social{
	margin-top: 4px;
}

ul#social li {
  display: inline;
  padding: 5px;
}

a.rss {
  display: inline-block;
  width: 104px;
  height: 35px;
  margin-left: 5px;
  background: url(images/rss.png) no-repeat;
}

a.facebook, a.twitter, a.digg, a.delicious, a.stumble {
  display: inline-block;
  width: 40px;
  height: 35px;        
  margin-top: 1px;
}

a.rss:hover, a.facebook:hover, a.twitter:hover, a.digg:hover, a.delicious:hover, a.stumble:hover {
  background-position: 1px 1px; /* simple css hover effect */
}

a.facebook {
  background: url(images/facebook.png) no-repeat;
}

a.twitter {
  background: url(images/twitter.png) no-repeat;
}

a.delicious {
  background: url(images/delicious.png) no-repeat;
}

a.digg {
  background: url(images/digg.png) no-repeat;
}

a.stumble {
  background: url(images/stumble.png) no-repeat;
}

.tip {
  position: absolute; /* important */
  top: -75px;
  width: 250px;
  height: 78px;
  background: url(images/tip.png) no-repeat;
  float: left;
  display: none;
}

/* custom distances for the icons */
#rss {
  left: 8px; 
}
#tipfacebook {
  left: 133px; 
}

#tiptwitter {
  left: 175px; 
}

#tipdelicious {
  left: 220px; 
}

#tipdigg {
  left: 300px; 
}

#tipstumble {
  left: 330px; 
}

.tip ul {
  padding: 22px 0 0 25px;
}

.tip ul li {
  display: inline;
  padding-left: 3px;
}

.tip ul li a {
  font-size: 18px;
  color: #989898;
}       

.tip ul li a:hover {
  color: #666;
}

.tip ul li small {
  font-size: 10px;
}

/*-- Right Side --*/

span.downarr { /* hide button */ 
  float: right;
  border-left: 1px solid #a4a4a4;
}

span.downarr a {
  display: block;
  width: 36px;
  height: 26px;
  padding: 25px 0 0 10px;
  background: url(images/downarrow.png) no-repeat 5px 7px;
}

span.menu_title {
  background: #e4e4e4;
  border-left: 1px solid #a4a4a4;
  padding: 10px;
}

span.menu_title a {
  font-size: 16px;
  line-height: 34px;
  color: #9a9a9a;
}

.quickmenu {
  position: absolute; /* important */
  top: -251px;
  right: 46px;
  width: 260px;
  height: 250px;
  background: #e4e4e4;
	border-top: 1px solid #a4a4a4;
  border-left: 1px solid #a4a4a4; 
  border-right: 1px solid #a4a4a4;
  /* CSS3 */
  -moz-box-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;
  -khtml-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;
  -webkit-box-shadow: 2px -3px 5px #c5c5c5, -3px 0px 5px #cdcdcd;
  /* CSS3 end */
  display: none; /* important */
}

.quickmenu ul {
  padding-top: 12px;
}

.quickmenu ul li {
  border-bottom: 1px solid #989898;    
  padding: 5px 10px;
  margin: 3px 15px 0 15px;
}

.quickmenu ul li a {
  font-size: 12px;
  color: #989898;
  display: block;
}

.quickmenu ul li a:hover {
  color: #666;
}