/*Global Loader*/
#loader{

  position: fixed;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  z-index: 9999;
  background: url('../../image/loadingq.gif') 
  50% 50% no-repeat;;
}
/*container_reg_form*/
/* نموذج التسجيل 1-68*/
#container_reg_form {
	width:800px;
	/*height:100%*/;
	margin:auto;
	padding:-5px;
}
.white{color:#FFF;}
.blue{color:#3366FF;}
.red{color:#FF0000;}
.yellow{color:#FFCC00;}
.green{color:#669900;}
#container_reg_form .font_0{	
	font-size:1.5em;
	background-color:#FC0;
}
#container_reg_form td{
	font-size:1.2em;
	background-color:#CCC;
	
}
#container_reg_form select{
	width:75%;
	font-size:1.2em;
	-moz-border-radius:8px;
	}
#container_reg_form select2{
	width:150px;
	font-size:1.2em;
	padding:5px;
	-moz-border-radius:8px;
	}
#container_reg_form option{
	width:220px;
	font-size:1.1em
    border: 1px solid #9C0;}
	
#container_reg_form select:hover {
	background-color:#FFCCFF;
}
#container_reg_form input[type="text"]{
	position:relative;
	width:97%;
	background-color:#FFF;
	border:1px solid #39F;
	-moz-border-radius:6px;
	font-size:1.2em;
	padding:5px;
}
#container_reg_form input[type="text"]:hover {
	background-color:#FFCCFF;
}
#container_reg_form input[type="file"]{
position:relative;
	width:90%;
	background-color:#FFF;
	border:2px solid #FFF;
	-moz-border-radius:6px;
	font-size:1.2em;
	padding:5px;	
	}
/*-end container_reg_form-------*/	

.riguer{
	position:absolute;
	font-size:50px;
	top:5px;
	left:10px;
	z-index:1;
	color:#006699;
	}
.admission_no{
		background-color:#FF9900;
		
		}
#pages {
	background-color: #CCC;
	width:800px;
	margin:0px auto;
	background-image: url(../../image/bg-grid.jpg);	
	}


.dia_box{
 background-image: url(../../image/grids2.gif);display:none;}
.size2_5{width:25px;}	
.size3{width:30px;}		 
.size5{width:50px;}
.size7{width:75px;}
.size10{width:100px;}
.size15{width:150px;}
.b-w5{width:500px;}
.w7{width:700px;}
.w8{width:800px;}
.w10{width:1000px;}
/******************************style forme********************/

body {	
background-image:url("../../image/graphy_@2X.png");/*graphy_@2X.png-grey-blocks.png*/
background-attachment:fixed;
font-family: Arial, sans-serif;
}
/*صفحات العرض 173-*/
#bacth_bage {
	background-color: #CCC;
	width:800px;
	margin:0px auto;
	background-image: url(../../image/bg-grid.jpg.png);	
	
}
.bacth_bage2 {
	
	width:800px;
	margin:0px auto;
	background-image: url(../../image/bg-grid.jpg.png);
		
	
}
.batch_bage {
	background-color: #CCC;
	width:800px;
	margin:0px auto;
	background-image: url(../../image/bg-grid.jpg.png);	
	
}
.batch_page {
	width:800px;
	margin:0px auto;
	background-image: url(../../image/bg-grid.jpg.png);
	border-left:1px solid rgba(0,0,255,1);border-right:1px solid rgba(0,0,255,1)		
}
.Page_privilege {
	
	width:800px;
	margin:0px auto;
	background-image: url(../../image/bg2.png);
	border-left:1px solid rgba(0,0,255,1);border-right:1px solid rgba(0,0,255,1)		
}
.calculate_page{
	width:800px;
	margin:0px auto;
	background-image: url(../../image/bg.png);		
}

#bacth_page {
	background-color: #CCC;
	width:800px;
	margin:0px auto;
	background-image: url(../../image/bg-grid.jpg.png);		
}
#search_page{
	
	width:1000px;
	margin:0px auto;
	background-color:#FFF;
		
}
#result_page{	
	width:1200px;
	margin:0px auto;
	background-color:#FFF;
		
}
.resulte_view{
	position:relative;
	cursor:pointer;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../../image/top_table_larg2.png);
	width:1200px;
	height:60px;		
}
.resulte_view h2{
	padding-top:15px;
	color:#FFFFFF;
	margin:0px;
	}
.result_end{
	width:1200px;
	margin:0px auto;
	background-image: url(../../image/bottom_table_larg.png);
	height:75px;
	background-repeat: repeat-x;
	margin-bottom:10px;
}
.college_page {
	width:800px;
	margin:0px auto;	
	background-color:rgba(255,255,255,0.5)
	
}
.college_pagex10{
	width:1000px;
	margin:0px auto;	
	background-color:rgba(255,255,255,0.5)
	
}
.college_pagex12{
	width:1200px;
	margin:0px auto;	
	background-color:rgba(255,255,255,0.5)
	
}
.college_pagexall{
	margin:0px auto;	
	background-color:rgba(255,255,255,0.5)
	
}/* CSS Document */

#container_form {
	width:800px;
	/*height:100%;*/
	margin:auto;
	padding:-5px;
}

.form_view_min{
	position:relative;
	cursor:pointer;
	margin-top:0px;
	background-image: url(../../image/top_tablel_mini_full.png);
	height:15px;
	background-color: #CFF;	
}

	
.BackHead{
position:absolute;
width:50px;height:50px;
/*left:30px*/;
top:8px;	
background-image: url(../../image/back_icon_48.png);	
	}
	
.PrintIcon{
position:absolute;
top:8px;	
	
	}
/*عرض المعلومات  302-362*/		
.form_view1{
	position:relative;
	cursor:pointer;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../../image/header3.png);
	width:800px;
	height:30px;
		
}
.form_view2{
	position:relative;
	margin-top:-18px;
	background-image: url(../../image/header3.png);
	height:30px;	
}

.form_view h2{
	padding-top:20px;
	padding-right:80px;
	color:#FFFFFF
	}

.ro_up{
	position:absolute;
	background-image: url(../../image/RO_up.png);
	width:29px;height:35px;
	z-index:1;
	top:25px;left:100px;
	}

.icon_up{
	background-image: url(../../image/icon_up.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	}
.icon_down{
	background-image: url(../../image/icon_down.png);
	background-repeat: no-repeat;
	background-position: 30px 10px;
	}
/* مشاهد المعلومات في جداول 343-*/	
.table_view{
	cursor:pointer;
	margin-top:-17px;
	background-image: url(../../image/top_table.png);
	height:82px;
    background-color: #CFF;
}
.table_view2{
	cursor:pointer;
	
	background-image: url(../../image/top_table.png);
	height:20px;
    background-color: #CFF;
}
.table_view h2{
	padding-top:20px;
	padding-right:80px;
	color:#FFFFFF
	}

.table_view_mini{
	cursor:pointer;
	margin:auto;
	background-image: url(../../image/table_view_mini.png);
	height:15px;
   width:700px;
}
.table_view_mini_body{
	background-color:#FFFFFF;
	margin:0px auto 20px auto;
	padding-bottom:20px;
    width:700px;
	border:1px solid #060;
	border-top:none;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	
    -moz-box-shadow: 3px 6px 5px #000000;
    -webkit-box-shadow: 3px 6px 5px #000000;
    box-shadow: 3px 6px 5px #000000;


	
}
.end{
	width:800px;
	margin:0px auto;
	background-image: url(../../image/top_table2.png);
	height:75px;
	
	background-repeat: repeat-x;
	margin-bottom:10px;
}
.end2{
	width:1000px;
	margin:0px auto;
	background-image: url(../../image/top_table_larg.png);
	height:75px;
	
	background-repeat: repeat-x;
	margin-bottom:10px;
}

#container_form fieldset {
	margin:0px auto;
	width:750px;
	border:1px solid #CCC;
	padding-top:10px;
} 
 

#container_form legend {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	background: #666;
	border: 1px solid #333;
	padding: 2px 6px;
}
#container_form h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 175%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#333;
}

#container_form label {
	width:142px;
	height:32px;
	margin-top:3px;
	margin-left:2px;
	padding-top:11px;
	padding-right:6px;
	background-color:#CCCCCC;
	float:right;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: normal;
	line-height: 1.1;
}

.ar {
	position:absolute;
	width:24px;
	height:24px;
	/*left:41px;*/
	top:3px;
	background-image: url(../../image/arab24.png);
}

.en {
	position:absolute;
	width:24px;
	height:24px;
	right:1px;
	top:3px;
	background-image: url(../../image/en24.png);
	}
#name_en{
	text-align:left;
}
.lable_ar_en{position:relative;}
.r_ar {
	position:absolute;
	width:24px;
	height:24px;
	top:3px;
	background-image: url(../../image/arab24.png);
	z-index:1;
}
.r_en {
	position:absolute;
	width:24px;
	height:24px;
	right:10px;
	top:3px;
	background-image: url(../../image/en24.png);
	z-index:1;
}
.red{
	color:#FF0000;
    font-size:1.2em;
	margin-right:5px;
}
.div_texbox {
	position:relative;
	float:right;
	width:347px;
	background-color:#E6E6E6;
	border:1px solid #666666;
	height:35px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}

#select-from{
	width:270px;
	 -moz-border-radius: 10px 10px 10px 10px;
	 height:300px; 
	}

#select-to{
	width:270px;
	height:250px;
	 -moz-border-radius: 10px 10px 10px 10px;
	}

.div_texareabox{
    width:347px;
	float:right;
	background-color:#E6E6E6;
	border:1px solid #666666;
	height:100px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;	
}
.textbox {
	/*background-image: url(../../image/table.png);*/
	background-repeat: no-repeat;
	background-position:left;
	width:285px;
	color: #000000;
	padding:3px 5px 3px 19px;
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.select {
	background-repeat: no-repeat;
	background-position:left;
	width:300px;
	color: #000000;
	padding:3px 5px 3px 19px;
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
input[type="text"]{position:relative;}
/*input[type="text"]:focus{z-index:1;}*/
.textbox:focus, .textbox:hover {
	background-color:#F0FFE6;
	
}
.textbox:hover {
	color:#FF0000;
	
}
.textbox:normal {
	color:#000000;
	
}
.button_div {
	width:498px;	
	background-image: url(../../image/headerTexture.png);
	border:1px solid #000;
	height:70px;
    
	
}
.button_div2 {
    width:400px;
	float:right;
    padding-left:0px;
	margin-top:0px;
}

.bluebutton button 
{ background: none repeat scroll 0% 0% rgb(65, 98, 168); 
    border: 1px solid rgb(25, 37, 63); 
    -moz-border-radius: 5px 5px 5px 5px; 
    -moz-box-shadow: 0pt 1px 5px 1px rgb(92, 139, 238) inset, 0px 1px 0pt rgb(29, 44, 77), 0pt 6px 0px rgb(31, 48, 83), 0pt 8px 4px 1px rgb(17, 17, 17); color: rgb(255, 255, 255); 
    
    -webkit-border-radius: 5px 5px 5px 5px; 
    -webkit-box-shadow: 0pt 1px 5px 1px rgb(92, 139, 238) inset, 0px 1px 0pt rgb(29, 44, 77), 0pt 6px 0px rgb(31, 48, 83), 0pt 8px 4px 1px rgb(17, 17, 17); color: rgb(255, 255, 255); 
    
    font-family: Arial; font-size: 20px; font-weight: bold; line-height: 1; margin-bottom: 10px; padding:3px 7px 7px; text-align: center; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
	  }

.bluebutton button:hover { 
-moz-box-shadow: 0pt 1px 5px 1px rgb(92, 139, 238) inset, 0px 1px 0pt rgb(29, 44, 77), 0pt 3px 0px rgb(31, 48, 83), 0pt 3px 4px 1px rgb(17, 17, 17); margin-bottom: 6px; margin-top: 14px;
 -webkit-box-shadow: 0pt 1px 5px 1px rgb(92, 139, 238) inset, 0px 1px 0pt rgb(29, 44, 77), 0pt 3px 0px rgb(31, 48, 83), 0pt 3px 4px 1px rgb(17, 17, 17);}
 

.bluebutton button { margin-top: 5px; }

/*---------------------------------------------------------------------------------------------------
 ---------------------------------this for Study plan only Form Table------------------------------ 
 --------------------------------------------------------------------------------------------------*/
 @charset "utf-8";

#plan_bage {
	position:relative;
	background-color: #CCC;
	width:800px;
	/*height:100%;*/
	margin:0px auto;
	background-image: url(../../image/bg-grid.jpg.png);	
}

.plan_tdbtn{
display:block;
cursor:alias;
background-color:#FCF;	
	}
	
#grade_vlue{
	background:#FFCCCC;
	border:1px solid #066;
	margin:0;
	}
#grade_marks{
	background:#FFCCFF;
	border:1px solid #066;
	margin:0;
	
	}
#grade_desc{
	background:#FFCCFF;
	border:1px solid #066;
	margin:0;
	}
	
	
.jumpToSem{position:absolute;
            height:25px;
			border:1px solid #000000;
           -moz-border-radius: 5px 20px 20px 5px;
           -webkit-border-radius: 5px 20px 20px 5px;
            border-radius: 5px 20px 20px 5px;}	

.jumpToSem3{
	display:inline-block;
            height:25px;
			border:1px solid #000000;
           -moz-border-radius: 5px 20px 20px 5px;
           -webkit-border-radius: 5px 20px 20px 5px;
            border-radius: 5px 20px 20px 5px;}		
/*==========================enter_grade_sub.php=====+++++++++++++++++++++++++++++++++++++*/	
.count {
    border-radius: 9px 9px 9px 9px;
    border-style: solid;
    border-width: 1px;
   /* box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 3px rgba(0, 0, 0, 0.75);*/
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    min-width: 12px;
    padding: 0 2px;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    z-index: 1;/*88*/
	
}
.redStar{
    color: red;
	font-weight:bold;
}
.red{
    background: -moz-linear-gradient(center top , #E24913, #D52607) repeat scroll 0 0 transparent;
    border-color: #931A03;
    color: white;
}
.orange {
	background: rgba(255,175,75,1);
	background: -moz-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(255,146,10,1)));
	background: -webkit-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: -o-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: linear-gradient(to right, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=1 );
	color: white;
}
.orange2 {
	background:-moz-linear-gradient( center top, #fddd00 5%, #e89100 100% );
	background:-ms-linear-gradient( top, #ffe004 5%, #e89100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe006', endColorstr='#e89100');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffe006), color-stop(100%, #e89100) );
	background-color:#ffec64;
    color: white;
}
.purple {
    	background:-moz-linear-gradient( center top, #c123de 5%, #a20dbd 100% );
    background-color:#c123de;
    color: white;
}
.blue{
    background: -moz-linear-gradient(center top , #006AAC, #00438D) repeat scroll 0 0 transparent;
    border-color: #004795;
    color: white;
}
.attend{display:none;}

.Try{display:none;}

.level{display:none;}

#enterAll table
{
	margin:auto;
	width:100%;
	border:1px solid #646464;
	position:relative;
}
#enterAll input{border:none;}
#enterAll .allgrade{width:45px;
                    padding:0px;
					height:30px;
					text-align:center;
					font-weight:bold;
					font-size:1.2em;
					background-color:rgba(255,255,255,0)
					}
#enterAll input[type="text"]:focus{color:#006600;}


#button_SUB{cursor:pointer;}
#enterAll td{border: 1px solid #06F;
             /*position:relative;*/}
#enterAll th{border: 1px solid #CCC;
             font-size:0.9em;
			 font-weight:normal;
             /*position:relative;*/
			 padding-top:10px;}	
/*#enterAll .heading{
	padding-top:10px;
    background-image: -moz-linear-gradient(center top , #ededed, #cecece);
}
#enterAll .heading{color:#FFFFFF;padding-top:10px;
                   /*background-image:url(../../image/top_form250.png)
				   background-image:url(../../image/top_form.png);}

    background-image: -moz-linear-gradient(center top , #ededed, #cecece);
}*/
.rotat{font-size:0.6em;text-align: center;
       vertical-align: middle;height:150px;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}
#thumbs { margin:auto; padding:5px;
          width:1000px; 
		  background-color:#eee; 
		  border:1px solid #ccc; }
#thumbs h2{padding:0px;}
.last { border-bottom:1px solid #ccc; }
.plName{border:2px solid #06F;margin:5px;padding:3px; font-size:1.2em;}
.btn_1{border:1px solid #06F;padding:4px;margin:5px;cursor:pointer;background-color:#FFCC33;}
.btn_1:hover{border:1px solid #06F;background-color:#09F;cursor:pointer;}
/***********Pagination*******************/	
.pager
{
   /* width: 720px;*/
    height: 30px;
    padding: 0;
    margin: 0;
    padding-top: 10px;
    padding-left: 10px; /*border-radius: 8px; 	-moz-border-radius: 8px;*/
}
.pager div.short
{
    float: right;
    margin: 0;
    padding: 0;
    margin-right: 10px;
    width: 74px;
}
.pager div.short input
{
    width: 28px;
    height: 18px;
    border: none;
    margin-left: 8px;
    float: left;
}
.pager ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    margin-right: 4px;
}
.pager ul li
{
    display: inline;
    margin-left: 2px;
}
.pager ul li a
{
    text-decoration: none;
    display: inline-table;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

.pager span
{
    margin-left: 4px;
    color: White;
    float: left;
}
.pager .btn
{
    display: block;
    width: 40px;
    text-align: center;
    float: left;
    padding: 0;
    margin: 0;
    margin-left: 4px;
    cursor: pointer;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.pager .disabled
{
    color: #A0A0A0 !important;
    text-shadow: 1px 1px 1px #FFFFFF;
}
/*green*/.green
{
    background-color: #4f7305;
}
.green.normal
{
    background-color: #588500;
    color: White;
    border: solid 1px #5f9000;
}
.green.active
{
    background-color: #003366;
    color: #F8EB00;
    border: solid 1px #5f9000;
}
.pager.green .btn
{
    background-color: #588500;
    color: White;
    border: solid 1px #5f9000;
}
/*-------------------------------Blue*/
.blue
{
	background-color: #3399FF;
}
.blue.normal
{
	background-color: #0066FF;
	color: White;
	border: solid 1px #5f9000;
}
.blue.active
{
	background-color: #0000FF;
	color: #F8EB00;
	border: solid 1px #5f9000;
}
.blue.green .btn
{
	background-color: #0066FF;
	color: White;
	border: solid 1px #5f9000;
}	
	
/*============================================================================*/
/*Abdulla UI */	
	
.abdu-my-header {
	border: 1px solid #0b3e6f;
	color: #f6f6f6;
	font-weight: bold;
	background-color: #666666;
	background-image: url(../../image/ui-bg_highlight-soft_75_cccccc_1x100.png);
	background-repeat: repeat;
	background-position: 50% 50%;
}
.abdu-corner-all { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
@charset "UTF-8";
/* CSS Document */

/*
DEMO 3
*/
.abdu_btn_blue {

	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.abdu_btn_blue_2 {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:1.1em;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	border-right:solid 1px #2ab7ec;
	margin-right:35px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.abdu_btn_blue_2:hover {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	cursor: pointer;
}

.abdu_btn_blue_2::before {
	background-color:#2561b4;
	content:"*";
	width:35px;
	max-height:29px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:8px;
	top:0px;
	left:-36px;
	font-size:16px;
	font-weight:bold;
	color:#8fd1ea;
	text-shadow:1px 1px 0px #07526e;
	border-right:solid 1px #07526e;
	background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(10,94,125)),
	color-stop(1, rgb(14,139,184))
	);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
}

.abdu_btn_blue_2:active::before {
	top:-3px;
	-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
}

/*////////////////////////////////////////////////////////////////////////////////*/
.abdu_btn_blue_3 button {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	padding-right:50px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.abdu_btn_blue_3 button:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.abdu_btn_blue_3 button::before {
	background-color:#2591b4;
	background-image:url(image/right_arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}

.abdu_btn_blue_3 button:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}
.ba{background:#CCFFFF}
/*=========================================Yellow Button============================*/
#abdu_btn_yellow{}
#abdu_btn_yellow.main {  
        width: 400px;  
        height: 50px;  
        background: #f2f2f2;  
        padding: 6px 10px;  
        border: 1px solid #b5b5b5;  
      
        -moz-border-radius: 5px;  
        -webkit-border-radius: 5px;  
        border-radius: 5px;  
        -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8), inset 0 2px 2px rgba(255, 255, 255, 1), 0 5px 0 #ccc, 0 6px 0 #989898, 0 13px 0       #dfdede;  
        -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8), inset 0 2px 2px rgba(255, 255, 255, 1), 0 5px 0 #ccc, 0 6px 0 #989898, 0 13px 0 #dfdede;  
        box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8), inset 0 2px 2px rgba(255, 255, 255, 1), 0 5px 0 #ccc, 0 6px 0 #989898, 0 13px 0 #dfdede;  
    }  
	    input[type="text"].btn_yellow {  
        float: left;  
        width: 230px;  
        padding: 15px 5px 5px 5px;  
        margin-top: 5px;  
        margin-left: 3px;  
        border: 1px solid #999999;   
      
        -moz-border-radius: 5px;  
        -webkit-border-radius: 5px;  
        border-radius: 5px;   
      
        -moz-box-shadow: inset 0 5px 0 #ccc, inset 0 6px 0 #989898, inset 0 13px 0 #dfdede;  
        -webkit-box-shadow: inset 0 5px 0 #ccc, inset 0 6px 0 #989898, inset 0 13px 0 #dfdede;  
        box-shadow: inset 0 5px 0 #ccc, inset 0 6px 0 #989898, inset 0 13px 0 #dfdede;  
    }  
input[type="submit"].solid {  
        
        cursor: pointer;  
        width: 130px;  
        padding: 8px 6px;  
        margin-left: 20px;  
        background-color: #f8b838;  
        color: rgba(134, 79, 11, 0.8);  
        text-transform: uppercase;  
        font-weight: bold;  
        border: 1px solid #99631d;   
      
        -moz-border-radius: 5px;  
        -webkit-border-radius: 5px;  
        border-radius: 5px;   
      
        text-shadow: 0 1px 2px rgba(255, 255, 255, 0.7), 0 -1px 0 rgba(64, 38, 5, 0.9);    
      
        -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 5px 0 #b8882a, 0 6px 0 #593a11, 0 13px 0 #ccc;  
        -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 5px 0 #b8882a, 0 6px 0 #593a11, 0 13px 0 #ccc;  
        box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 5px 0 #b8882a, 0 6px 0 #593a11, 0 13px 0 #ccc;  
        -webkit-transition: background 0.2s ease-out;  
    }
input[type="submit"].solid:active {  
        background: #f6a000;  
        position: relative;  
        top: 5px;  
        border: 1px solid #702d00;   
      
        -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 3px 0 #b8882a, 0 4px 0 #593a11, 0 8px 0 #ccc;  
        -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 3px 0 #b8882a, 0 4px 0 #593a11, 0 8px 0 #ccc;  
        box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 3px 0 #b8882a, 0 4px 0 #593a11, 0 8px 0 #ccc;  
    } 
	
button.solid {  
        
        cursor: pointer;  
        width: 130px;  
        padding: 8px 6px;  
        margin-left: 20px;  
        background-color: #f8b838;  
        color: rgba(134, 79, 11, 0.8);  
        text-transform: uppercase;  
        font-weight: bold;  
        border: 1px solid #99631d;   
      
        -moz-border-radius: 5px;  
        -webkit-border-radius: 5px;  
        border-radius: 5px;   
      
        text-shadow: 0 1px 2px rgba(255, 255, 255, 0.7), 0 -1px 0 rgba(64, 38, 5, 0.9);    
      
        -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 5px 0 #b8882a, 0 6px 0 #593a11, 0 13px 0 #ccc;  
        -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 5px 0 #b8882a, 0 6px 0 #593a11, 0 13px 0 #ccc;  
        box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 5px 0 #b8882a, 0 6px 0 #593a11, 0 13px 0 #ccc;  
        -webkit-transition: background 0.2s ease-out;  
    }    
 
	
button.solid:active {  
        background: #f6a000;  
        position: relative;  
        top: 5px;  
        border: 1px solid #702d00;   
      
        -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 3px 0 #b8882a, 0 4px 0 #593a11, 0 8px 0 #ccc;  
        -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 3px 0 #b8882a, 0 4px 0 #593a11, 0 8px 0 #ccc;  
        box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 3px 0 #b8882a, 0 4px 0 #593a11, 0 8px 0 #ccc;  
    }


.paginate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
}
a.paginate {
	border: 1px solid #000080;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	color: #000080;
}
a.paginate:hover {
	background-color: #000080;
	color: #FFF;
	text-decoration: underline;
}
a.current {
	border: 1px solid #000080;
	font: bold .7em Arial, Helvetica, sans-serif;
	padding: 2px 6px 2px 6px;
	cursor: default;
	background:#000080;
	color: #FFF;
	text-decoration: none;
}
span.inactive {
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	padding: 2px 6px 2px 6px;
	color: #999;
	cursor: default;
}
/*td {
	border: 1px solid #060;
}*/
a.nam {
	display: block;
	font-size: 120%;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
a.fullnam {
	display: block;
	font-size: 80%;
	color: #000;
	text-decoration: none;
}
a.nam:hover {
	font-size: 140%;
	background-color: #FF6;
}
option {
	border-bottom:1px solid #096;
}	
/*/////////////////////////////*/	
#tabl_dital {
	position:relative;
	width: 700px;
	margin:1px auto;
	border-right-width: 2px;
	border-right-style: dashed;
	border-left-width: 2px;
	border-left-style: dashed;
	border-right-color: #F90;
	border-left-color: #F90;
	border-bottom-style: dashed;
	border-bottom-width: 2px;
	border-bottom-color: #F90;
}
#t_stu_detail,.t_stu_detail {
	position:relative;
	border:1px solid #646464;
	width:100%;
	background-color:#FFF;
}
.t_stu_detail {
	position:relative;
}
#t_stu_detail tr td  ,.t_stu_detail tr td {
	border:1px solid #ccc;
}
#t_stu_detail th  ,.t_stu_detail th {
	background:#ccc;
}
#t_stu_detail tr  ,.t_stu_detail tr {
	background:#dae6ff;
}
#t_stu_detail tr td input[type=text]  ,.t_stu_detail tr td input[type=text] {
	width:50%;
	font-size:1.2em;
	border:0px;
	background:#dae6ff;
	padding:3px;
}
#t_stu_detail tr td input[type=date]  ,.t_stu_detail tr td input[type=date] {
	width:50%;
	font-size:1.2em;
	border:0px;
	background:#dae6ff;
	padding:3px;
}
#t_stu_detail tr td input[type=password]  ,.t_stu_detail tr td input[type=password] {
	width:50%;
	font-size:1.2em;
	border:0px;
	background:#dae6ff;
	padding:3px;
}
#t_stu_detail tr td select ,.t_stu_detail tr td select{
	width:50%;
	font-size:1.2em;
	border:0px;
	background:#dae6ff;
	padding:3px;
}
#t_stu_detail tr td input[type=text]:hover ,.t_stu_detail tr td input[type=text]:hover {
	background:#8DEB8F;
	/*border-bottom:2px solid #060;*/
	border-right:2px solid #060
}
#t_stu_detail tr td input[type=date]:hover ,.t_stu_detail tr td input[type=date]:hover {
	background:#8DEB8F;
	/*border-bottom:2px solid #060;*/
	border-right:2px solid #060
}
.stuName{
	padding-right:5px;
	font-size: 1.2em;
	font-weight: bold;

	}
	.stuName a{
	text-decoration: none;
	}
/******************************************************/
.css_btn {font-weight:bold;	
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #337fed;
	padding:2px 3px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(6%, #3d94f6), color-stop(99%, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 6%, #1e62d0 99% );
	background:-ms-linear-gradient( top, #3d94f6 6%, #1e62d0 99% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 4px 0px #1570cd;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	-moz-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	box-shadow:inset 1px 1px 0px 0px #97c4fe;
}.css_btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(6%, #1e62d0), color-stop(99%, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 6%, #3d94f6 99% );
	background:-ms-linear-gradient( top, #1e62d0 6%, #3d94f6 99% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
	cursor:pointer;
}
/******************************************************/
.css_btnRed {font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #d83526;
	padding:2px 3px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(6%, #fe1a00), color-stop(99%, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 6%, #ce0100 99% );
	background:-ms-linear-gradient( top, #fe1a00 6%, #ce0100 99% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 4px 0px #b23e35;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #f29c93;
 	-moz-box-shadow:inset 1px 1px 0px 0px #f29c93;
 	box-shadow:inset 1px 1px 0px 0px #f29c93;
}.css_btnRed:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(6%, #ce0100), color-stop(99%, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 6%, #fe1a00 99% );
	background:-ms-linear-gradient( top, #ce0100 6%, #fe1a00 99% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
	cursor:pointer;
}

.css_btnGreen {font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #268a16;
	padding:2px 3px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(6%, #77d42a), color-stop(99%, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 6%, #5cb811 99% );
	background:-ms-linear-gradient( top, #77d42a 6%, #5cb811 99% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	color:#ffffff;
	display:inline-block;
 	box-shadow:inset 1px 1px 0px 0px #caefab;
}.css_btnGreen:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(6%, #5cb811), color-stop(99%, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 6%, #77d42a 99% );
	background:-ms-linear-gradient( top, #5cb811 6%, #77d42a 99% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
	cursor:pointer;
}

.css_btnYellow {
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #ffaa22;
	padding:2px 3px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(6%, #ffec64), color-stop(99%, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 6%, #ffab23 99% );
	background:-ms-linear-gradient( top, #ffec64 6%, #ffab23 99% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	color:#ffffff;
	display:inline-block;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fff6af;
 	box-shadow:inset 1px 1px 0px 0px #fff6af;
}.css_btnYellow:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(6%, #ffab23), color-stop(99%, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 6%, #ffec64 99% );
	background:-ms-linear-gradient( top, #ffab23 6%, #ffec64 99% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
	cursor:pointer;
}
.css_btnGery {
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #000000;
	padding:2px 3px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background-color:#f9f9f9;
	color:#666666;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
 }
 .css_btnGery:hover{
 	background:-moz-linear-gradient( center top, #e9e9e9, #f9f9f9 5% 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background-color:#efefef;
 	cursor: pointer;

 	
 }
.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
	background-color:#e9e9e9;
	cursor:pointer;
}


/**---------------------------------------------------------*/

/*.headPanl {
	width:800px;margin:0px auto;
    height: 50px;   	
	background-image: -moz-linear-gradient(center top , #EDEDED, #CECECE);
    border: 1px solid #999999;
    border-radius: 15px 15px 0px 0px;
    box-shadow: 0 0 3px #999999; 
    position: relative;
    
}*/

.pages{
	width:800px;margin:auto;border:1px solid #666;
	background-image:url(../../image/backgroun_color_3.jpg)		
	}
.box{
	width:200px;height:200px;	
	border-radius:15px;	
	border:1px solid #FFF;	
	display:inline-block;
 	box-shadow: 3px 2px 2px 1px #666;padding:5px;
}

.blue{background-image: -moz-linear-gradient(center top , #62A0D4, #4785B9 55%, #2D6B9F 55%, #19578A);}
.green{background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);}
.pink{background: -moz-linear-gradient(top, #cb60b3 0%, #c146a1 50%, #a80077 51%, #db36a4 100%);}	
.red{background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); }
.codeButton {
    background-image: -moz-linear-gradient(center top ,#62A0D4, #EDEDED, #CECECE);
    border: 1px solid #999999;
    border-radius: 32px 8px 8px 32px;
    box-shadow: 0 0 3px #999999;
    height: 55px;
    margin: 20px auto 40px;
    position: relative;
    width: 650px;
}

.getCode {
    background-color: #3A78AC;
    background-image: -moz-linear-gradient(center top , #62A0D4, #4785B9 55%, #2D6B9F 55%, #19578A);
    border: 1px solid #333333;
    border-radius: 18px 18px 18px 18px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.6) inset;
    color: #FFFFFF;
    
    font-size:1.2em;
    
    height: 35px;
    left: 9px;
    line-height: 35px;
    position: absolute;
    text-align: center;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    top: 9px;
    width: 227px;
}
.even {
    background-color: #DAE6FF;
}

.getCode:hover{cursor:pointer;font-size:1.3em;color:#FFCC00}
.hand{cursor:pointer;}