/*
	2014-12-1 通用模板框架,使模板不用从开始做起!
	这个文件分别根据body的id来区分不同版式.分别定义出不同版式的基本框架.以后做特别模板时只需要更改相对应的宽度就可以啦!
*/
@import "tree/jquery.lightTreeview.css";
/*最经常使用的html样式*/
html,body{font-size:10pt;padding:0;margin:0;}
ul,li{list-style:none;margin:0;padding:0;}
table{border-collapse:collapse;}
th{text-align:center;background:#eee;}
th,td{padding:2px;}
a {text-decoration: none;}
a:hover{text-decoration: underline;}
input,select,btn{cursor:pointer;}
img{border:0;}
h2 .more{float:right;}

/*最经常使用的html样式*/
.hidden{display:none;}
.relative{position:relative;}
.absolute{position:absolute;}


#container{width:1000px;margin:0 auto;}
#container #main{overflow:hidden;zoom:1;}

/*左侧两栏,body id 为:DEFAULT*/
#DEFAULT #Content{float:right;width:100%;margin-left:-240px;}
#DEFAULT #Content1{margin-left:240px;}
#DEFAULT #Content2{padding-left:10px;}
#DEFAULT #PageLeft{width:240px;float:left;}

/*右侧两栏,body id 为:THREE-RIGHT/*/
#THREE-RIGHT #Content{float:left;width:100%;margin-right:-240px;}
#THREE-RIGHT #Content1{margin-right:240px;}
#THREE-RIGHT #Content2{padding-right:10px;}
#THREE-RIGHT #PageRight{width:240px;float:right;}

/*三栏,body id 为:THREE-RIGHT/*/
#THREE-THREE #main2{position:relative;}
#THREE-THREE #Content{float:right;width:100%;margin-left:-240px;}
#THREE-THREE #Content1{margin-left:240px;margin-right:240px;}
#THREE-THREE #Content2{padding-left:10px;padding-right:10px;}
#THREE-THREE #PageRight{width:240px;position:absolute;right:0;}
#THREE-THREE #PageLeft{width:240px;float:left;}
/*一栏,body id 为:THREE/*/
#THREE #Content{}

/*内容区域的一些常用设定*/
#PageLeft .content{padding:10px;min-height:150px;_height:150px;}
#PageRight .content{padding:10px;min-height:150px;_height:150px;}
#Content .content{padding:10px;min-height:370px;_height:370px;}
#THREE-THREE #Content .content{min-height:150px;_height:150px;}

/*容器数量的一些设置*/
#Content .frame .content{padding:0px;min-height:100px;_height:100px;}
#Content .frame .control .content{padding:10px;min-height:100px;_height:100px;}

#PageTop .frame .control{width:25%;float:left;}
#THREE-RIGHT #Content .frame .control{width:50%;float:left;}
#DEFAULT #Content .frame .control{width:50%;float:left;}
#THREE #Content .frame .control{width:33%;float:left;}

.pagenav{clear:both;height:50px; margin-top:15px auto 0;}
.pagenav table{margin:0 auto;}
.pagenav table td{padding:2px;}
.pagenav table a{color:#333;}
/* 选项卡 */
.usertab h2 span.tabActive{background:#eee;}
/*productsolid*/
#btnfront{width:20px;height:100px;float:left;background:url(../../UFOUI/images/prebtn.html) no-repeat center center;cursor:pointer;}
#productsolidcontent{width:500px;float:left;}
#productsolidcontent ul{margin:0px;padding:5px;overflow:hidden;white-space:nowrap;list-style:none;}
#productsolidcontent ul li{margin:4px;padding:2px;display:block;}
#btnlast{width:20px;height:100px;float:left;background:url(../../UFOUI/images/nextbtn.html) no-repeat center center;cursor:pointer;}