/* ---------

 -- All main style for the system goes here --

--------- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,600);

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0;}

strong, b {
	font-weight: bold;
}
.clear {
	clear: both !important;
	font-size: 13px;
}
.grouplist {
	width: 555px;
	float: left;
	border: 2px solid #eee;
	padding: 5px;
	margin-right: 5px;
	font-size: 13px;
}
.grouplist input[type=text] {
	width: 80px;
}
.grouplist .btn {
	padding: 4px 7px 4px 7px;
}

/* POP Box */
#popbox_sh {
	background: #000;
	opacity: 0.50;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99997;
	top: 0%;
}
#popbox {
	position: fixed;
	z-index: 99998;
	width: 1200px;
	height: 600px;
	overflow-y: scroll;
	background: #fff;
	border: 3px solid #555;
	top: 30%;
	left: 38%;
	margin-top: -200px;
	margin-left: -400px;
	padding: 20px;
}
#popbox input[type=text] {
	margin-right: 5px;
}
#popbox p {
	margin-top: 3px;
	margin-bottom: 6px;
	margin-left: 0px;
	font-size: 14px;
}
#popbox_head {
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}
#popbox_close {
	position: absolute;
	top: 90%;
	left: 77.8%;
	margin-top: -24px;
	margin-left: -24px;
	border-radius: 50px;
	background: #fff;
	border: 1px solid #444;
	padding: 5px 7px 3px 7px;
	cursor: pointer;
	
}
#popbox_close:hover {
	background: #f9f9f9;
	color: #888;
	border: 1px solid #000;
}

#popbox_hidd {
	position: fixed;
	width: 800px;
	height: 20px;
	top: 30%;
	left: 50%;
	margin-top: -200px;
	z-index: 999999;
}
#left_popbox {
	float: left;
	width: 160px;
	border-right: 1px solid #bbb;
	margin-right: 15px;
}
#right_popbox {

	float: left;
	width: 220px;
}
#right_popbox h3 {
	font-weight: normal;
}
/* END - PopBox */



html, body {
	width: 100%;
	height: 100%;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight: 300;
	font-size: 12px;
	background: #f9f9f9;
}
h2	{
	font-size: 22px;
}
a {
	color: ForestGreen;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
input[type=text], input[type=password] {
	width: 175px;
	height: 25px;
	line-height: 25px;
	padding-left: 5px;
	padding-right: 5px;
	background: #fff;
	border: 0px;
	box-shadow: 0px 0px 1px #888;
	border: 1px solid #888;
}
input[type=text]:focus, input[type=password]:focus {
	outline: 0;
	border: 1px solid #888;
}
p {
	margin: 5px;
}
.btn {
	background: #fff;
	border: 1px solid #999;
	border-radius: 4px;
	padding: 6px 9px 6px 9px;
	box-shadow: 0px 0px 1px #888;
	cursor: pointer;
}
.btn:hover {
	color: ForestGreen;
}

#logo {
	position: relative;
	top: 20px;
}
#menu {
	position: absolute;
	right: 10px;
	top: 20px;
}


#loginbox {
	width: 400px;
	height: 220px;
	background: #fefefe;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -120px;
	box-shadow: 0px 0px 3px #999;
	border-radius: 10px
}
#loginbox h2 {
	text-align: center;
	margin-top: 20px;
}
#loginbox form {
	width: 100%;
	text-align: center;
	position: relative;
	top: 30px;
}
#loginbox .btn {
	margin-top: 10px;
}
#login_msg {
	color: tomato;
}

#wrap {
	margin: 0 auto;
	width: 1240px;
	min-height: 100%;
	box-shadow: 0px 2px 4px #888;
	background: #fff;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
}
#header {
	position: relative;
	height: 90px;
}

#eqlist {
	width: 1244px;
	margin-top: 20px;
}
#eqlist_table {
	width: inherit;
	max-width: 100%;
}
.eqlist_header {
	height: 25px;
	background: #48c784;
	font-weight: 600;
}
.eqlist_content {
	height: 25px;
	background: #fefefe;
}
.eqlist_header td {

	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 2px;
	margin-left: -4px;
	border: 1px solid #32a468;
	color: white;
	font-size: 13px;
}
.eqlist_content td {
	/*width: 100px;*/
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: -4px;
	border: 1px solid #999;
	font-size: 13px;
}
#pagination_section {
	margin-top: 30px;
	text-align: center;
	position: relative;
}
#pagination_section a {
	text-decoration: none;
	color: #000;
}
#pagination_section .btn:hover {
	position: absolute;
	top: 1px;
}
.next_pagination {
	position: absolute;
	right: 0px;
}
.prev_pagination {
	position: absolute;
	left: 0px;
}
#pagination_page {
	position: relative;
	top: 7px;
}
#pagination_page input[type=text] {
	width: 35px;
	text-align: center;
}
#pagination_page .btn {
	background: #fff;
	border: 1px solid #999;
	border-radius: 4px;
	padding: 4px 7px 4px 7px;
	box-shadow: 0px 0px 1px #888;
	cursor: pointer;
	margin-left: 5px;
}
#pagination_page .btn:hover {
	position: relative;
	top: 0px;
	left: 0px;
}
.add_analysis {
	position: relative;
	left: 1168px;
	top: -15px;
}
.add_analysis:hover, .statistic_page:hover {
	top: -14px;
}
.statistic_page {
	position: relative;
	left: 1008px;
	top: -15px;	
}

#eq_slist {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 340px;
	border-bottom: 1px solid #bbb;
	overflow-y: scroll;
	border: 1px solid #bbb;
	padding: 5px;
}
#eq_slist tr:hover {
	background: #f9f9f9;
}
#eq_slist a {
	cursor: pointer;
}
#eq_slist span {
	display: block;
	margin-bottom: 3px;
}
#add_analysis_msg {
	color: tomato;
	position: relative;
	left: 10px;
}
#analysis_msg {
	color: ForestGreen;
	font-size: 13px;
}
#analysis_msg span {
	color: black;
	font-size: 15px;
	position: relative;
	left: 3px;
	cursor: pointer;
}
.group_name {
	font-weight: 600;
	font-size: 14px;
}
.group_text {
	font-size: 14px;
}
.s_bigtd {
	width: 475px;
}
.s_smalltd {
	width: 100px;
}
table.search {
  table-layout:fixed;
  overflow:hidden;
  white-space: nowrap;
  width:0px;
}
td.search {
  overflow:hidden;
  white-space: nowrap;
  height: 18px;
  padding-left: 10px;
  padding-top: 5px;
}
td.search:first-child {
	padding-left: 0px;
}
a.green {
	color: ForestGreen;
	text-decoration: none;
}
a.red {
	color: tomato;
	text-decoration: none;
}

.menu_list {
	float: left;
}
.menu_list li {
	padding: 5px;
	width: 200px;
	border: 1px solid #999;
	margin-bottom: -1px;
	cursor: pointer;
}
.menu_list li:hover {
	background: #f8f8f8;
}
#admin_edit_box {
	position: relative;
  float: left;
  background: #fefefe;
  border: 1px solid #bbb;
  width: 810px;
  min-height: 400px;
  margin-left: 50px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
#admin_edit_box p {
  margin-left: 0px;
}
#admin_edit_box h2 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.heading {
  font-weight: 600;
  font-size: 14px;
}
.msg_eqimp {
	color: tomato;
}
.msg_recalc {
	color: tomato;
}
.green {
	color: ForestGreen;
}
.red {
	color: tomato;
}
.add_btn {
	position: absolute;
	left: 250px;
	top: 20px;
}
#edit_produnit {
	display: none;
	width: 400px;
	min-height: 150px;
	border: 1px dashed #bbb;
	margin-top: 20px;
	padding: 10px;
}
#user_edit_box {
	display: none;
	width: 400px;
	min-height: 150px;
	border: 1px dashed #bbb;
	margin-top: 20px;
	padding: 10px;
}
.prodbtns {
	margin-top: 20px;
}
.prodbtns .btn {
	margin-right: 10px;
}
.delbtn {
	background: #FF6969;
	color: #fff;
	box-shadow: 0px 0px 1px #da3636;
	border: 1px solid #da3636;
}
.delbtn:hover {
	color: #eee !important;
}
#produnit_msg {
	color: ForestGreen;
	margin-top: 20px;
}
.box_btn {
	font-size: 12px;
	position: relative;
	top: 20px;
}
#msg_add_produnit {
	color: tomato;
	margin-top: 40px !important;
}
.class_level_box {
	border: 1px dashed #bbb;
	min-height: 100px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
}
.class_level_box textarea {
	width: 400px;
	height: 60px;
}
.class_level_box input[type=text] {
	width: 137px;
}
.classlevel_btn {
	position: relative;
	top: 20px;
	left: 0px;
}
.clear_classlevel {
	margin-top: 50px;
}
.lvltext {
	width: 400px;
	margin-bottom: 10px;
}
.classlevel_save_btn {
	position: relative;
	top: 10px;
}
.classlevel_delbtn {
	position: relative;
	left: 420px;
	top: -37px;
}
.save_level_msg {
	display: block;
	color: green;
}
#add_classgroup_box {
	margin-top: 20px;
}
#add_classgroup_box textarea {
	width: 370px;
	height: 90px;
}
#add_classgroup_msg {
	margin-top: 40px !important;
	font-size: 12px !important;
	color: tomato;
}
.add_classgroup_btn {
	position: relative;
	top: 15px;
}
.break_btn {
	margin-top: 40px;
}
.classgrouptext {
	margin-top: 10px;
	width: 100%;
	margin-bottom: 5px;
	border-bottom: 1px solid #bbb;
	padding-bottom: 10px;
}
#classgroup_box {
	display: none;
	width: 400px;
	min-height: 150px;
	border: 1px dashed #bbb;
	margin-top: 20px;
	padding: 10px;	
}
#classgroup_box textarea {
	width: 340px;
	height: 70px;
}
#classgroup_box p {
	margin-top: 5px;
}
.classlevel_heading {
	margin-top: 50px;
}
.classgroup_btn {
	position: relative;
	top: 20px;
}
.classgroup_delbtn {
	position: relative;
	left: 110px;
	top: 3px;
}
.save_classgroup_msg {
	margin-top: 40px !important;
	color: tomato;
}
.eq_btns {
	position: relative;
	top: 5px;
	cursor: pointer;
	margin-right: 5px;
}
.del_eq_btn {
	position: absolute;
	top: 50%;
	left: 10%;
	margin-top: -13px
}
.del_analysis_btn {
	position: absolute;
	top: 50%;
	right: 15%;
	margin-top: -13px
}
#user_add_msg {
	position: relative;
	top: 15px;
}

#rule_box {
	width: 600px;
	min-height: 250px;
	margin-top: 20px;
}
.add_rule_msg {
	color: tomato;
	font-size: 13px !important;
}
#rule_box table {
	width: 830px;
}
.table_heading {
	font-weight: bold;
}
.table_content td, .table_heading td {
	width: 40px;
}
.del_rule {
	cursor: pointer;
}
.piechart {
	float: left;
	width: 610px;
	height: 280px;
	margin-bottom: 5px;
	margin-right: 5px;
	background: transparant;
	border: 1px solid #eee;
}
.footer {
	position: fixed;
	bottom: 10px;
	right: 20px;
}
.left {
	float: left;
}
.checkbox_search {
	margin-right: 10px;
	position: relative;
	top: -3px;
}