/* Designed by W. Chen, Created 2006-02-09, Modified 2007-03-03 */

@import url(common.css); 

#wrapper { width: 770px; margin: 0 auto; border:solid 1px #B1C4D4;}
li.outside{ list-style: none url(images/arrow.gif) outside; margin: 2px 0 2px 12px; }
div.expand{ margin: 3px 0; clear: both;}
div.summary{margin: 5px 10px; display: none;}

/*-- header style --*/
#header { width:100%; background: url(images/headerbg.jpg) top left repeat-x; }

#headerlogo {
	float: left;
	height:65px;
	margin-top: 0px;
}
#xxxa {
	width:100%;
	background-image: url(images/banner.jpg);
	background-repeat: repeat;
	height: 116px;
}
/*#headerlogo img { border: none; width: 286px; height: 65px;}*/

#menu_user { float: right; padding: 10px 10px 0 0; text-align:right;}
#menu_user input#uname { width:8px; }
#menu_user input#pass { width:80px; }
.longinlabel { color:#013584;}
#menu_user .user_commander{ margin-left: 3px;} 

/*FF/IE6/IE7*/
ul#menu_header { float: left; margin:0; padding:0; list-style: none;}
* html ul#menu_header { float: left; margin:-2px 0px 0px 0px; list-style: none;}
* +html ul#menu_header!important { float: left; margin:-4px 0px 0px 0px; list-style: none;}

ul#menu_header li { padding:0px; margin:0px; float: left; font-size: 14px; font-weight:bold; background: url(images/navigation.jpg) top left no-repeat;}
ul#menu_header a { display: block; padding: 0px 0.85em ; line-height: 25px; color:#e7f8fd; text-decoration:none;}
ul#menu_header a:hover { background: url(images/navigation_over.jpg) top left no-repeat; }
ul#menu_header li.first { }
ul#menu_header li.first a { padding: 0 1.9em;}

ul#menu_header li.current { background: url(images/navigation_down.gif) top left no-repeat; }
ul#menu_header li.current a { color:#014fc5; }
ul#menu_header li.current a:hover { background: none; }

/*FF/IE6/IE7*/
#sitesearch { float: right; width:266px; height:24px; padding: 0; background: url(images/search.jpg) top left no-repeat;}
* html #sitesearch { float: right; width:266px; height:22px; padding: 0; background: url(images/search.jpg) top left no-repeat;margin:-2px 0px 0px 0px ;}
* +html #sitesearch!important  { float: right; width:266px; height:24px; padding: 0; background: url(images/search.jpg) top left no-repeat;}

#sitesearch form { margin:0; padding:0; }
#sitesearch input { float: left; margin:0; padding:0;}

/*FF/IE6/IE7*/
#sitesearch input.searchtext { width:190px; height:15px; margin: 3px 5px 1px 20px;}
* html #sitesearch input.searchtext{ width:190px; height:15px; margin: 3px 5px 1px 20px;}
* +html #sitesearch input.searchtext!important{ width:190px; height:15px; margin: 3px 5px 1px 20px;}

/*FF/IE6/IE7*/
#sitesearch input.submit { margin: 0px 0px 0px 5px ; }
* html #sitesearch input.submit { margin: 0px 0px 0px 10px ; }
* +html #sitesearch input.submit!important  { margin: -2px 0px 0px 10px ; }

/*-- subnav style --*/
#subnav { margin:0; padding:0; background: url(images/submenu.jpg) bottom left repeat-x;}
#subnav a:link {color: #1f62bd;}
#subnav a:visited{ color: #1f62bd; }
#subnav a:hover{ color: #0188de;}
#subnav a:active{ color: #0188de; }

ul#submenu { margin:0; padding: 5px 0 0 30px; list-style: none; }
* html ul#submenu { margin:0px ; padding: 5px 0 0 30px; list-style: none; }
* +html ul#submenu!important { margin:0; padding: 5px 0 0 30px; list-style: none; }

ul#submenu li { margin:0; float: left; font-weight: bold; }
* html ul#submenu li { margin:0; float: left; font-weight: bold; }
* +html ul#submenu li!important { margin:0; float: left; font-weight: bold; }

ul#submenu a { float: left; display: block; padding: 0 1em;  text-decoration:none;}
div#hbar {clear:both; width:100%; font-size:0px; padding:1px 0; margin:3px auto 0; background: url(images/subnavline.jpg) top left no-repeat;  }

#breadcrumbs{ margin:0 ; padding: 1px 0 7px 42px; color: #1f62bd;}
* html #breadcrumbs{ margin:0 ; padding: 1px 0 7px 42px;}
* +html #breadcrumbs!important { padding: 1px 0 7px 42px;}

/*-- main style --*/
#maintable {
	width:100%;
}
div.blockTitle { padding: 3px 5px 3px 10px; background-color: #D8D8D8; font-size: 13.333px; font-weight: bold;}
div.blockContent { padding: 5px 3px 5px 3px;}

/*-- leftcolumn --*/
#leftcolumn { width: 155px; }
td#leftcolumn {vertical-align: top;}

/*-- centercolumn --*/
td#centercolumn {vertical-align: top;}
#centercolumn { background: #fafcff url(images/maintablebg.jpg) top left repeat-x; }

/*-- center (top) Center column --*/
#centerCcolumn {padding: 25px 10px 0 10px;}
#centercolumn th { vertical-align: middle;}
div.blockTitleCenter{ padding: 3px 5px 3px 45px; color:#e7f8fd; font-size: 14px; font-weight: bold; background: url(images/blocktitlecenter.gif) top left no-repeat;}
div.blockContentCenter { margin: 10px; }

div.blockTitleCenter .blockTitle { float:left;}
div.blockTitleCenter .blockTitleMore { float:right; margin-right: 8px; font-size: 12px; font-weight:normal; letter-spacing: 3px; }

/*-- center (top) Left column --*/
#centerLcolumn {
	vertical-align: top;
}

/*-- center (top) Right column --*/
#centerRcolumn {
		vertical-align: top;
		}

/*-- center (bottom) Center column --*/
#bottomCcolumn { }

/*-- center (bottom) Left column --*/
#bottomLcolumn { }

/*-- center (bottom) Right column --*/
#bottomRcolumn { }

/*-- right column --*/
#rightcolumn{ width: 210px; background: #DEEFFD url(images/rightcolbg.jpg) top left repeat-y;}
td#rightcolumn {vertical-align: top;}
div.blockTitleRight{ padding: 3px 5px 3px 25px; color:#e7f8fd; font-size: 14px; font-weight: bold; background: url(images/rightcoltitle.jpg) top left no-repeat;}
div.blockContentRight { margin: 10px; }

div.blockTitleRight .blockTitle { float:left;}
div.blockTitleRight .blockTitleMore { float:right; margin-right: 8px; font-size: 12px; font-weight:normal; letter-spacing: 3px;}
div.blockTitleRight .blockTitleMore a { color:#e7f8fd;}
div.blockTitleRight .blockTitleMore a:hover {color:#94ff94;}

/*-- content --*/
div#content { }
.article-title { color:#013584; }

/*-- footer style --*/
#footer { margin: 0 auto; padding: 0; height:80px; text-align: center; color:#e7f8fd; background: #5ea7f2 url(images/footerbg.gif) top left repeat-x;}
#footer a {color:#e7f8fd;}
#menufooter{ height: 24px; margin:0; padding: 2px 0 0 263px;}
#xoopsfooter{ font-size:12px; line-height:16px;}

ul#menu_footer { float: left; margin:0; padding: 0; list-style: none;}
ul#menu_footer li { float: left; font-size: 14px; font-weight:bold;}
ul#menu_footer a { display: block; float: left; padding: 0 0.7em; line-height: 24px; text-decoration:none;}
ul#menu_footer a:hover { color:#bbf4fc; text-decoration:none;}

/*-- comment --*/
td.head a { font-weight:bold; color:#013584;}
td.head a:hover {color:#0188de;}
/*---menu--*/
#mainmenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px;}

#mainmenu a:hover {background-color: #fff;}

#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid #c0c0c0; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #c0c0c0;}

#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #c0c0c0;}

#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #c0c0c0;}



#usermenu {	font-size : .9em;}

#usermenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 2px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #c0c0c0; font-weight : normal;}

#usermenu a:hover {background-color: #fff;}

#usermenu a.menuTop {border-top: 1px solid #c0c0c0;}

#usermenu a.highlight {background-color: #fcc;}