body, html{
	margin:0;
	padding:0;
}

#wapper{
	width:960px;
	margin:0 auto;
}

h1{
    background: #309;
	color:#fff;
	padding:20px;
	margin:0;
	font-size:30px;
}

#login{
    text-align: right;
	margin:10px 0 0 0;
}

ul#menu{
    list-style: none;
}
ul#menu li{
	width: 192px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #309;
    text-align: center;
    float: left;
    margin-top: 50px;
    margin-left: 150px;

}
ul#menu li.blank{
    background: #fff;
}
ul#menu li a{
	color:#fff;
}

h2{
	border:1px solid #ccc;
	padding:20px;
    margin: 20px 0 0 0;
}

table#menu{
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
    width: 100%;
    margin-top:10px;
}
table#menu td{
	padding: 4px;
	background-color: #309;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    text-align: center;
}
table#menu td a{
	color:#fff;
    text-decoration: none;
}


table#st{
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	/*border-left: 1px solid #ccc;*/
    width: 100%;
}
table#st th{
	padding: 4px;
	text-align: left;
	color: #444;
	background-color: #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table#st td{
	padding: 4px;
	background-color: #fafafa;
	/*border-right: 1px solid #ccc;*/
	border-bottom: 1px solid #ccc;
}
table#st td{
	line-height:1.5;
}

.btn{
	background-color: #ccc;
	padding:20px;
	width:100px;
	text-align: center;
	margin:20px auto;
}

.tab{overflow:hidden; margin: 20px 0 0 0; }
.tab li{background:#ccc; padding:5px 25px; float:left; margin-right:1px;}
.tab li.select{background:#eee;}
.tabcontent { margin: 0; padding-left: 0; }
.tabcontent li{background:#eee; padding:20px; list-style: none;}
.hide {display:none;}

#inline_content table{
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	/*border-left: 1px solid #ccc;*/
    width: 100%;
}

#inline_content table th{
	padding: 4px;
	text-align: left;
	color: #444;
	background-color: #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#inline_content table td{
	padding: 4px;
	background-color: #fafafa;
	/*border-right: 1px solid #ccc;*/
	border-bottom: 1px solid #ccc;
}

/* */
.w10{ width:10px; }
.w20{ width:20px; }
.w30{ width:30px; }
.w40{ width:40px; }
.w50{ width:50px; }
.w60{ width:60px; }
.w70{ width:70px; }
.w80{ width:80px; }
.w90{ width:90px; }
.w100{ width:100px; }
.w150{ width:150px; }
.w200{ width:200px; }
.w250{ width:250px; }
.w300{ width:300px; }
.w350{ width:350px; }
.w400{ width:400px; }
.w450{ width:450px; }
.w500{ width:500px; }
.al-c{ text-align: center!important; }
.al-r{ text-align: right!important; }
.al-l{ text-align: left!important; }

.m0{ margin: 0px!important; }
.m0-t{ margin-top: 0px!important; }
.m0-r{ margin-right: 0px!important; }
.m0-b{ margin-bottom: 0px!important; }
.m0-l{ margin-left: 0px!important; }

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }

.h5   { height:  5px!important; }
.h10  { height: 10px!important; }
.h20  { height: 20px!important; }
.h30  { height: 30px!important; }
.h40  { height: 40px!important; }
.h50  { height: 50px!important; }
.h60  { height: 60px!important; }
.h70  { height: 70px!important; }
.h80  { height: 80px!important; }
.h90  { height: 90px!important; }
.h100 { height:100px!important; }
.h150 { height:150px!important; }
.h200 { height:200px!important; }
.h250 { height:250px!important; }
.h300 { height:300px!important; }
.h350 { height:350px!important; }
.h400 { height:400px!important; }
.h450 { height:450px!important; }
.h500 { height:500px!important; }
.h550 { height:550px!important; }
.h600 { height:600px!important; }
.h650 { height:650px!important; }
.h700 { height:700px!important; }