/*FOR TABS*/
@media only screen and (max-width: 1025px)
{
	
	#wrap
	{ 
		width:100%;
		margin:0 auto;
		/*margin-top:10px;*/
		min-height:300px;
		height:100%;
		margin-top:0;
	}
	.top
	{
		width:100%;
		float:left;
		position:relative;
		height:auto;
	}
	.left-side
	{
		width:100%;
		float:left;
		line-height:50px;
		text-align:center;
		min-height:100px;
	}
	.right-side
	{
		width:100%;
		float:left;
		text-align:center;
		line-height:60px;
	}
	body
	{
		font-size:26px;
	}
	.navigation_menu
	{
		float:left;
		width:100%;
		background-color:#eaeaea;
		height:60px;
		line-height:55px;
	}
	
	.navigation_button
	{
		width:40%;
		background-color:#3B5F81;
		height:60px;
		line-height:55px;
		text-align:center;
		border-radius:5px;
		border:2px solid #eaeaea;
	}
	.navigation_a
	{
		font-size:30px;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
	}
	.navigation_a:hover
	{
		font-size:30px;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
	}
	
	.row-header .item
	{
		display:none;
	}
	.row-tr .item
	{
		display:none;
	}
	.row-footer .item
	{
		display:none;
	}
	.list
	{
		font-size:26px;
	}
	
	.row-header .title, .row-header .command
	{
		border-bottom: 3px solid #000;
	}
	.row-tr .title,.row-tr .command
	{
		padding: 10px 4px 10px 4px;
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
	}
	.row-tr .edit, .row-tr .hide, .row-tr .show, .row-tr .delete
	{
		padding: 10px 4px 10px 4px;
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
	}
	.row-footer .title, .row-footer .command
	{
		border-top: 3px solid #000;
	}
	
	.text
	{
		width:100%;
		height:50px;
	}
	.text-area
	{
		width:100%;
		height:100px;
	}
	.radio-button
	{
		width:30px;
		height:30px;
	}
	.image-header
	{
		width:50px;
		height:50px;
	}
	.paging-table
	{
		font-size:30px;
		width:100%;
	}
	.page-title
	{
		font-size:30px;
		line-height:54px;
		font-weight:bold;
		float:left;
	}
	.add-new-page-title
	{
		float:left;
		font-size:30px;
		line-height:54px;
	}
	div.contentwrapper div.content input.submit, div.contentwrapper div.content input.cancel, div.contentwrapper div.content input.button, .input_button
	{
		border-width: 2px;
		border-style: solid;
		border-color: #fff #000 #000 #fff;
		font-size: 30px;
		color:#FFFFFF;
		background-color: #666666;
		padding:2px 10px;
		margin: 10px 0 0px 0px;
	}
	.span-header
	{
		font-size:40px;
	}
	.p
	{
		margin-top:7px;
		margin-bottom: 5px;
		font-weight:bold;
	}
	.editstudent_left{width:100%;}
	.editstudent_right{width:100%;}
	.editstudent_right_inner{width:100%;}
	.editstudent_right_div{width:100%;}
	.div{width:100%;text-align:left;}
	.div2{width:100%;}
	.text_box1{width:100%;border:1px solid #000000;line-height:normal;}
	.textareawidth{width:100%;}
	.payment_total{width:100%;}
	.payment_total_inner{width:100%;}
	.payment_total_inner_title{width:50%;text-align:left;}
	.payment_total_inner_text{width:50%;text-align:left;}
}

/*FOR TABS*/
@media only screen and (max-width: 768px)
{
	
	#wrap
	{ 
		width:100%;
		margin:0 auto;
		/*margin-top:10px;*/
		min-height:300px;
		height:100%;
		margin-top:0;
	}
	.top
	{
		width:100%;
		float:left;
		position:relative;
		height:auto;
	}
	.left-side
	{
		width:100%;
		float:left;
		line-height:50px;
		text-align:center;
	}
	.right-side
	{
		width:100%;
		float:left;
		text-align:center;
		line-height:60px;
		height:30px;
	}
	body
	{
		font-size:20px;
	}
	.navigation_menu
	{
		float:left;
		width:100%;
		background-color:#eaeaea;
		height:60px;
		line-height:55px;
	}
	
	.navigation_button
	{
		width:40%;
		background-color:#3B5F81;
		height:60px;
		line-height:55px;
		text-align:center;
		border-radius:5px;
		border:2px solid #eaeaea;
	}
	.navigation_a
	{
		font-size:30px;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
	}
	.navigation_a:hover
	{
		font-size:30px;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
	}
	
	.row-header .item
	{
		display:none;
	}
	.row-tr .item
	{
		display:none;
	}
	.row-footer .item
	{
		display:none;
	}
	.list
	{
		font-size:20px;
	}
	
	.row-header .title, .row-header .command
	{
		border-bottom: 3px solid #000;
	}
	.row-tr .title,.row-tr .command
	{
		padding: 10px 4px 10px 4px;
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
	}
	.row-tr .edit, .row-tr .hide, .row-tr .show, .row-tr .delete
	{
		padding: 10px 4px 10px 4px;
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
	}
	.row-footer .title, .row-footer .command
	{
		border-top: 3px solid #000;
	}
	
	.text
	{
		width:100%;
		height:25px;
	}
	.text-area
	{
		width:100%;
		height:200px;
	}
	.radio-button
	{
		width:30px;
		height:30px;
	}
	.image-header
	{
		width:50px;
		height:50px;
	}
	.paging-table
	{
		font-size:30px;
		width:100%;
	}
	.page-title
	{
		font-size:30px;
		line-height:54px;
		font-weight:bold;
		float:left;
	}
	.add-new-page-title
	{
		float:left;
		font-size:30px;
		line-height:54px;
	}
	div.contentwrapper div.content input.submit, div.contentwrapper div.content input.cancel, div.contentwrapper div.content input.button, .input_button
	{
		border-width: 2px;
		border-style: solid;
		border-color: #fff #000 #000 #fff;
		font-size: 30px;
		color:#FFFFFF;
		background-color: #666666;
		padding:2px 10px;
		margin: 10px 0 0px 0px;
	}
	.span-header
	{
		font-size:20px;
	}
	.image-header
	{
		width:15px;
		height:15px;
	}
}


/*FOR MOBILE*/
@media only screen and (max-width: 550px)
{
	#wrap
	{ 
		width:100%;
		margin:0;
		/*margin-top:10px;*/
		min-height:150px;
		height:100%;
		margin-top:0;
	}
	.top
	{
		width:100%;
		float:left;
		position:relative;
		min-height:10px;
	}
	.left-side
	{
		width:100%;
		float:left;
		line-height:50px;
		text-align:center;
		min-height:20px;
	}
	.right-side
	{
		width:100%;
		float:left;
		text-align:center;
		line-height:25px;
		height:25px;
	}
	.inner_part
	{
		min-height:530px;
	}

	body
	{
		font-size:18px;
		margin:0px;
	}
	.navigation_menu
	{
		float:left;
		width:100%;
		background-color:#eaeaea;
		height:30px;
		line-height:25px;
	}
	
	.navigation_button
	{
		width:100%;
		background-color:#3B5F81;
		height:30px;
		line-height:25px;
		text-align:right;
		border-radius:5px;
		border:2px solid #eaeaea;
	}
	.navigation_a
	{
		font-size:16px;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
	}
	.navigation_a:hover
	{
		font-size:16px;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
	}
	.img-res
	{
		height:20px;
	}
	
	.row-header .item
	{
		display:none;
	}
	.row-tr .item
	{
		display:none;
	}
	.row-footer .item
	{
		display:none;
	}
	.list
	{
		font-size:14px;
	}
	
	.row-header .title, .row-header .command
	{
		border-bottom: 3px solid #000;
	}
	.row-tr .title,.row-tr .command
	{
		padding: 5px 2px 5px 2px;
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
	}
	.row-tr .edit, .row-tr .hide, .row-tr .show, .row-tr .delete
	{
		padding: 5px 2px 5px 2px;
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
	}
	.row-footer .title, .row-footer .command
	{
		border-top: 3px solid #000;
	}
	.text
	{
		width:100%;
		height:25px;
	}
	.text-area
	{
		width:100%;
		height:50px;
	}
	.radio-button
	{
		width:30px;
		height:30px;
	}
	.image-header
	{
		width:20px;
		height:20px;
	}
	.paging-table
	{
		font-size:18px;
		width:100%;
	}
	.page-title
	{
		font-size:22px;
		line-height:16px;
		font-weight:bold;
		float:left;
		padding-top:3px;
		padding-bottom:3px;
	}
	.add-new-page-title
	{
		float:left;
		font-size:16px;
		line-height:14px;
	}
	.inner-page-title
	{
		float:left;
		width:100%;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #4d5660;
		margin: 0px;
	}
	.span-header
	{
		font-size:14px;
	}
	div.contentwrapper div.content input.submit, div.contentwrapper div.content input.cancel, div.contentwrapper div.content input.button, .input_button
	{
		border-width: 2px;
		border-style: solid;
		border-color: #CCC #000 #000 #CCC;
		font-size: 14px;
		color:#FFFFFF;
		background-color: #B12C3D;
		padding:5px 10px;
		margin: 10px 0 0px 0px;
		font-weight:bold;
	}
	.a_admin
	{
		font-size:14px;
		text-decoration:none;
	}
	.image-header
	{
		width:15px;
		height:15px;
	}
	.inner_part
	{
		float:left;
		width:100%;
		min-height:530px;
		height:auto;
		padding-left:2px;
		padding-top:2px;
		padding-bottom:2px;
		background-color:#FFFFFF;
	}
	.Payment_note{display:none;}
	.Payment_item{width:25%;}
	input[type=file] {display:block;width:100%;}
	
}
@media only screen and (max-width: 320px)
{
	#wrap
	{ 
		width:100%;
		margin:0;
		/*margin-top:10px;*/
		min-height:150px;
		height:100%;
		margin-top:0;
	}
	.top
	{
		width:100%;
		float:left;
		position:relative;
		min-height:10px;
	}
	.left-side
	{
		width:100%;
		float:left;
		line-height:50px;
		text-align:center;
		min-height:20px;
	}
	.right-side
	{
		width:100%;
		float:left;
		text-align:center;
		line-height:25px;
		height:25px;
	}
	.inner_part
	{
		min-height:530px;
	}

	body
	{
		font-size:18px;
		margin:0px;
	}
	.navigation_menu
	{
		float:left;
		width:100%;
		background-color:#eaeaea;
		height:30px;
		line-height:25px;
	}
	
	.navigation_button
	{
		width:100%;
		background-color:#3B5F81;
		height:30px;
		line-height:30px;
		text-align:right;
		border-radius:10px;
		border:2px solid #eaeaea;
	}
	.navigation_a
	{
		font-size:20px;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
	}
	.navigation_a:hover
	{
		font-size:20px;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
	}
	.img-res
	{
		height:20px;
	}
	
	.row-header .item
	{
		display:none;
	}
	.row-tr .item
	{
		display:none;
	}
	.row-footer .item
	{
		display:none;
	}
	.list
	{
		font-size:14px;
	}
	
	.row-header .title, .row-header .command
	{
		border-bottom: 3px solid #000;
	}
	.row-tr .title,.row-tr .command
	{
		padding: 5px 2px 5px 2px;
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
	}
	.row-tr .edit, .row-tr .hide, .row-tr .show, .row-tr .delete
	{
		padding: 5px 2px 5px 2px;
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
	}
	.row-footer .title, .row-footer .command
	{
		border-top: 3px solid #000;
	}
	.text
	{
		width:100%;
		height:25px;
	}
	.text-area
	{
		width:100%;
		height:50px;
	}
	.radio-button
	{
		width:30px;
		height:30px;
	}
	.image-header
	{
		width:20px;
		height:20px;
	}
	.paging-table
	{
		font-size:18px;
		width:100%;
	}
	.page-title
	{
		font-size:22px;
		line-height:16px;
		font-weight:bold;
		float:left;
		padding-top:3px;
		padding-bottom:3px;
	}
	.add-new-page-title
	{
		float:left;
		font-size:16px;
		line-height:14px;
	}
	.inner-page-title
	{
		float:left;
		width:100%;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #4d5660;
		margin: 0px;
	}
	.span-header
	{
		font-size:10px;
	}
	div.contentwrapper div.content input.submit, div.contentwrapper div.content input.cancel, div.contentwrapper div.content input.button, .input_button
	{
		border-width: 2px;
		border-style: solid;
		border-color: #CCC #000 #000 #CCC;
		font-size: 14px;
		color:#FFFFFF;
		background-color: #B12C3D;
		padding:5px 10px;
		margin: 10px 0 0px 0px;
		font-weight:bold;
	}
	.a_admin
	{
		font-size:14px;
		text-decoration:none;
	}
	.image-header
	{
		width:15px;
		height:15px;
	}
	.inner_part
	{
		float:left;
		width:100%;
		min-height:530px;
		height:auto;
		padding-left:2px;
		padding-top:2px;
		padding-bottom:2px;
		background-color:#FFFFFF;
	}
	
}