.ACT	{
	background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
	color: white;
	/* text-shadow:#555 1px 1px; */
}

.DEL {
	background-image: linear-gradient(to bottom, #d44b47 0%, #b92c28 100%);
	color: white;
	/* text-shadow:#555 1px 1px; */
}
.BORDER_ACT {border:2px solid #336699;}
.BG_ACT {background-color:#336699}

/*
#largeTitle	{color: #336699}
#smallTitle	{float:left;  font-size: 20px; color: #336699; letter-spacing:-1px;}
*/

#branchHead	{ 
	background:#e9f9fe; border: 2px solid #0d527c;
}

#t_Title		{text-align:left;  font-size: 30px; color: #6699CC; letter-spacing:-1px;}
#s_Title		{text-align:left;  font-size: 16px; color: #666; padding-top:20px; letter-spacing:-0.5px;}
#p_Title		{float:right; padding:30px 0 0 0;}

.subTitle			{font-size:15px;  color:#666; vertical-align:top;}
.subTitle2			{font-size:16px; font-weight:bold; color:#6699CC; vertical-align:top;}
/*ACT page */

#odd { 
	width:100%; 
	padding:0px 20px 10px 20px; 
	border:1px solid #CCC; /*336699*/ 
	/* border-left:5px solid #CCC;  */
	font-family: Verdana; 
	font-size:8pt;
}

#odd:after{ content: ""; display: block; clear: both }

.odd { padding-left:20px; }

#postTitle{text-align:left; padding-top:20px; font-size: 14px; color: #C6657B; font-weight:bold; }
#postMenu	{float:left; width:270px; padding:5px; height:20px; font-weight:bold; background-color:#c7e4ff; border:1px solid #CCCCCC;}
#postContent{float:left; width:590px;  padding:5px; border:1px solid #CCCCCC; text-align:left;}

#postForm #odd { width:948px; padding:5px; background-color:#F2F2F2}
#postForm #even {width:948px; padding:7px;}

.input_m	{ border:1px solid #CCCCCC;  font-size: 12px; padding:1px; width:96px; height:17px; background-color:#F1F1F1;} 
.input_s	{ border:1px solid #CCCCCC;  font-size: 12px; padding:1px; width:30px} 

.select_test	{  background:#87B3D6;   border:none;  margin:0px;  padding:0px;  color:#e9e9e9;  font-size:14px;  width:171px; font-family:'Nanum Gothic';}

/***********************************/
.essaySum	{ border:0px;  text-align:center; color:#FFF; font-weight:bold; font-size: 18px; padding:10px; width:50px; background:#26A69A; } 
.inputEssay	{ border:1px solid #009933;  font-size: 13px; padding:3px; width:36px; height:24px; background:#f6feff;} 

.selectType	{
	border:1px solid #CCCCCC;  	
	width: 100px; 
	height: 23px; 
	padding:0px;
/*	font-family: verdana;*/
	font-size: 8pt;
	background:#FFF;
}

.selectType:focus{
	border:2px solid #6699cc;
/*	font-family: verdana; */
	font-size: 8pt;	
}

.bx {
	border:1px solid #CCC;
	width:30px;
	height:24px; 
	background:#f6feff;
}

.bx2 {
	border:1px solid #CCC;
	width:45px;
	height:24px;
	background:#f6feff;
}

.bx3 {
	border:1px solid #CCC;
	width:72px;
	height:24px;
	background:#f6feff;
}

input.bx3 {
	border:1px solid #CCC;
	width:72px;
	height:24px;
	background:#f6feff;
}

.bxTitle {
	border:1px solid #6c757d;
	width:48px;
	height:24px;
	background:#6c757d;
	text-align:center;
	color:white;
}


.bxTitle2 {
	border:1px solid #6c757d;
	width:50px;
	height:24px;
	background:#6c757d;
	text-align:center;
	color:white;
}

.bx3 {
	border:1px solid #CCC;
	width:45px;
	height:24px;
	background:#fff6fb;
	text-align:center;
	font-family:bold;
}

.bx4 {
	border:1px solid #CCC;
	width:50px;
	height:24px;
	background:#f6feff;
	text-align:center;
}


.bxTitle5 {
	border:1px solid #6c757d;
	width:50px;
	height:24px;
	background:#6c757d;
	text-align:center;
	color:white;
}

.bxTitle6 {
	border:1px solid #6c757d;
	width:86px;
	height:24px;
	background:#6c757d;
	text-align:center;
	color:white;
}

.bx5 {
	border:1px solid #CCC;
	width:50px;
	height:24px;
	background:#f6feff;
	text-align:center;
}

.bx6 {
	border:1px solid #CCC;
	width:86px;
	height:24px;
	background:#f6feff;
	text-align:center;
}

.scale-no-s {
	border:1px solid #CCC;
	width:48px;
	height:24px;
	background:#fff6fb;
	text-align:center;
	font-family:bold;
}


.bxTitle2 {
	border:1px solid #6c757d;
	width:86px;
	height:24px;
	background:#6c757d;
	text-align:center;
	color:white;
}

.bx4 {
	border:1px solid #CCC;
	width:86px;
	height:24px;
	background:#f6feff;
	text-align:center;
	font-family:bold;
}

.bx5 {
	border:1px solid #CCC;
	width:50px;
	height:24px;
	background:#f6feff;
	text-align:center;
}


.select_sm_new	{border:1px solid #CCCCCC;  color:#999999;  font-size:12px;  width:90px; height:20px; padding:0px;}

.select_act{
	background-color:#dfeefd;
	border:1px solid #CCCCCC;
	height:28px;
}

#secTitle	{
	text-align:left; 
	margin-top:20px;
	padding:10px;  
	font-size: 15px; 
	font-weight:bold; 
}

#q_no {float:left; width:25px; height:20px; padding:2px;}
#q_con {width:130px; padding:1px;}
#q_con_act {width:130px; padding:1px;}

#question 	{float:left; width:138px; padding: 10px 0px }
#question2 	{float:left; width:186px; padding: 10px 0px}
#question3 	{float:left; width:280px; padding: 10px 0px } /*math 5Ao¼±´UCu*/

#qInput 	{float:left; height:27px; }

#s_input {height:20px; width:80px;}

table .table_noB {	
	border-style:none;
	text-align:center;
}

table .table_noB td, th	{	
	color:#6A6A6A;
	border-style:none;
}

#title_head	{
	width:940px; 
	text-align:left;  
	line-height:30px;  font-size: 14px; color: #669966; font-weight:bold;
}

.title_sc	{
	font-size:16px; 
	font-weight:bold;
	color:#c6657b;
	vertical-align:top;
}

/* viewbody */
.CR		{ background-color:#F9F9F9; /*background:#ddddff*/ }
.WR		{ background-color:#F9F9F9; /* background:#c1e0c1 */}
.MATH	{ background-color:#F9F9F9; /* background:#ffe0e0 */}
.subCR	{ background-color:#F9F9F9; /* background:#eeeeff */}
.subWR	{ background-color:#F9F9F9; /* background:#ddeedd */}
.subMATH	{ background-color:#F9F9F9; /* background:#ffeeee */}

.viewTable {
	width:100%;	
	background-color: red;
	/*BACKGROUND: url("../../score/img/table_head.gif") repeat-x;*/
	table-layout:	 fixed;	border-collapse:	collapse; 
}

.viewTable  td	{
	width:25%;
	height:37px;
}

.viewTable  td.odd	{
	background:#f4f4f4;
}
.viewTable  td.even	{
	background:#eaeaea;
}

.viewTable2 {
	width:100%;	
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;	
	table-layout:	 fixed;	
	border-collapse:	collapse; 
}

.viewTable2  td, th	{
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.viewTable2  td.CR	{
	background:#ddddff;
	font-size:13px;

}
.viewTable2  td.WR	{
	background:#c1e0c1;
	font-size:13px;
}

.viewTable2  td.MATH	{
	background:#ffe0e0;
	font-size:13px;
}

.checkAnswerTable {
	width:774px;;	
	border-collapse:	collapse; 
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;

}
.checkAnswerTable  th		{border: 0px}
.checkAnswerTable  td.CR	{background:#ddddff}
.checkAnswerTable  td.WR	{background:#c1e0c1}
.checkAnswerTable  td.MATH	{background:#ffe0e0}

.shortAnswer {
		
	table-layout:	 fixed;	
	border-collapse:	collapse; 
	border: 1px solid #CCC;
}
.shortAnswer  th.MATH	{
	background:#ffe0e0;
	font-size:14px;
}

.viewList	{
	width:97%; clear:both; text-align:right; padding:10px;
}
/* viewbody */

.table1 {
	border-collapse:	collapse; 
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align:center;
}

.table1 td, th	{	
	color:#6A6A6A;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.table1 th	{
	background-color:#c7e4ff;
	font-size:14px;
}

.table1 .CR {
	width:100px;
	background-color:#ddddff; /*<?=$FORM_ITEM_BG_CR?>*/
}

.table1 .SC, .PBR {
	background-color:#eeeeff; /*<?=$FORM_ITEM_BG_CR?>*/
	height:20px;
}

.table1 .data {
	width:8%;
	background-color:#FFFFF; /*<?=$FORM_ITEM_BG_CR?>*/
	height:20px;
}

/*Math*/
.table1 .MATH {
	background-color:#ffe0e0; /*<?=$FORM_ITEM_BG_CR?>*/
}

.table1 .NNO, .ANF, .GNM, .DNP  {
	background-color:#ffeeee; /*<?=$FORM_ITEM_BG_CR?>*/
	height:20px;
}

/*WR*/
.table1 .WR {
	background-color:#c1e0c1; /*<?=$FORM_ITEM_BG_CR?>*/
}

.table1 .SI, .PI, .ESSAY  {
	background-color:#ddeedd; /*<?=$FORM_ITEM_BG_CR?>*/
	height:20px;
}

.head{
	/*background-color:#336699;*/
	font-size: 8pt;
	/* background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%); */  
}

.head2{
	border-style:solid;
	border-width:1px;
	border-color:#c6657b;
	padding:5px;
	background-color:#c6657b;
	color:#FFFFFF;
	text-align:center;
}

.head3{
	border-style:solid;
	border-width:1px;
	border-color:#F1C40F;
	padding:5px;
	background-color:#F1C40F;
	color:#FFFFFF;
	text-align:center;
}

.head4{
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	padding:5px;
	background-color:#F1F1F1;
	font-size:14px;
	text-align:center;
	font-weight:bold;
}

.head4.blue{
	font-size:13px;
	color: #3366cc;
	font-weight:bold;
}

.head4.red{
	font-size:13px;
	color: red;
	font-weight:bold;
}

.head4.yellow{
	font-size:13px;
	color: #ff9900;
	font-weight:bold;
}

.head4.grey{
	font-size:13px;
	color: #666666;
	font-weight:bold;
}

.head5{
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	padding:5px;
	font-size:13px;
	text-align:center;
	font-weight:bold;
}

.head6{
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	background-color:#F1F1F1;
	font-size:12px;
	height:38px;
}

.head7{

	background-color:#F1F1F1;
	padding:5px;
	font-size:12px;
	text-align:center;
}

/*Explanation */
/*viewbody*/
#exp_wrap	{width:100%; text-align:left; }

#test{background:#ff6600;  height:22px; padding:10px; color:#FFFFFF; font-weight:bold;}
#test .testName{color:#FFFFFF; width:210px; font-size:30px;   float:left;}
#test .section	{float:left;  padding:15px 0 0 0; font-size:16px;}

#exp_wrap .no			{float:right; }
#exp_wrap .question {border:2px solid #CCCCCC; padding:15px 20px; background:#f2f2f2; margin:10px;}

/*Explanation  : post,  modify*/

#expPost {width:100%; text-align:left; padding:10px;}
#expPost .Title {background:#87B3D6;  color:#FFFFFF;  font-size:14px;  width:100%;}
#expPost .ta1 {
	table-layout:	 fixed;	border-collapse:	collapse; 
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align:center;
	width:950px;
}

#expPost .ta1 td, th	{
	font-size:12px; color:#6A6A6A;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding:5px;
}

#expPost .item{ /*¿ÞAE*/
	width:15%;
}

#expPost .content{ /*¿A¸￥AE*/
	text-align:left;
	width:85%;
}
/*admin*/
.pop_p				     {width:800px; text-align:left; word-break:break-all;  background-color:#F2F2F2; padding:5px;}
.title_green_14		{text-align:left;  line-height:40px;  font-size: 14px; color: green; font-weight:bold;}

@media print {
	#header { display:none; }
}

.head_new{
	padding:5px;
	background-color:#c6657b;
	color:#FFFFFF;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

.actCR	{
	background:#c7e4ff;
	font-size:14px;	
}

.actCRcon{
	padding-left:20px;
	text-align:left;
}

.actPercentilesMain{
	border:1px solid white; 
	margin:10px 10px 5px 10px; 
	text-align:left;
}

.actPercentiles{
	border:1px solid #CCC; 
	margin:10px 10px 5px 10px; 
	text-align:left;
}

.b1{ border:1px solid #CCC;}
.br1{ border-right:1px solid #CCC;}
.bt1{ border-top:1px solid #CCC;}

.actSubject{
	width:200px;	
	font-size:15px;
}

.Lfield{
	width:300px;	
}

.READING {
	background-color:#ddddff; 
}

.SC, .PBR {
	background-color:#eeeeff; 
	font-size:13px;
	width:25%;
}

.data {
	width:8%;
	background-color:#FFFFF; /*<?=$FORM_ITEM_BG_CR?>*/
	height:20px;
}

/*Math*/
.MATH {
	/* background-color:#ffe0e0; */ /*<?=$FORM_ITEM_BG_CR?>*/
}

.NNO, .ANF, .GNM, .DNP  {
	width:25%;
	font-size:13px;
	background-color:#ffeeee; /*<?=$FORM_ITEM_BG_CR?>*/
}

.ENGLISH {
	background-color:#c1e0c1;
}


/*WR*/
.SCIENCE {
	background-color:#c1e0c1;
	font-size:14px;
}

.DRP, .RSP, .CVP  {
	width:25%;
	font-size:13px;
	background-color:#ddeedd; 
}


.SI, .PI, .ESSAY  {
	width:25%;
	font-size:14px;
	background-color:#eeeeff; 
}

.WEI, .WSC  {
	width:25%;
	font-size:13px;
	background-color:#ddeedd; 
}

.viewMine {
    border-collapse: collapse;
}

.viewMine,  td {
    border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.viewMineContent {
    border-collapse: collapse;
	font-size:8pt;
	font-family:arial;
	color:#6A6A6A;
}

.viewMineContent, th, td {
     border: 0px;
}

.viewMine .r1{
	border-right:1px solid #CCCCCC;
}

/************************************/
.head_grey{
	background-color:#F1F1F1;
	height:38px;
}


#container, #container2 {
	width:100%;
	margin: 10px auto; 
	padding: 20px;
	min-width: 400px; 
	height: 330px;
	border:1px solid #EEE;
	border-left:5px solid #336699; 
}

.canvasBox {
	width:100%;
	margin: 30px auto; 
	min-width: 380px;
	padding: 20px 0 10px 15px; 
}

/*#pagination*/

ul.pagination li a.active {
    background-color: #535661; /*#4CAF50*/
    color: white;
    border: 1px solid #535661;
}


#s_number{
    background-color: #535661;
}


/* input - register */
.btn-input {
    color: #f1f1f1;
    background-color: #0d527c;
    border-color: #999;
}

.btn-input:hover {
  color: #FFF;
  background-color: #0a3d5c;
  border-color: #666;
}
/*  */
.year_title {
	font-size: 18px;
	padding: 5px 10px 30px 10px;
	color: white;
	background-color: #FF9999;
}

.year_test {
	width:100%;
	padding: 10px;	
}

.test_title {
	float:left;
	margin:5px;
	width: 19%;
	border: 1px solid #CCC;
}