@media print {
.height400 {height:100%;}
}
@media screen {
.height400 {height:340px;}
}
.page-title {
    padding-right: 80px;
}
*{margin:0; padding:0;}
body{color:#000; font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:125%; text-align:center;}
/*======================================== Common Classes ==============================*/
img	     {border:0;}
a             { color:#303030; text-decoration:none; }
a:hover       { text-decoration:underline; }
:focus        { outline:0; }
/* Headings */
h1          { font-size:2em; font-weight:normal; line-height:0.15; }
h2          { font-size:1.4em; line-height:0.45; margin-bottom:.45em; font-weight:normal; padding-top:7px;}
h3          { font-size:1.1em; line-height:0.25; margin-bottom:.20em; font-weight:bold; }
h4          { font-size:1.05em; line-height:1.35; margin-bottom:.45em; }
h5          { font-size:1.05em; line-height:1.35; margin-bottom:.45em; }
h6          { font-size:1em; line-height:1.35; margin-bottom:1em; }
/* Forms */
form          { display:inline; margin:0; padding:0;}
fieldset      { border:0; }
legend        { display:none; }
/* Table */
.left{float:left;}
.right{float:right;}
table         { border:0; /*border-collapse:collapse; border-spacing:0;*/ empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:center; font-weight:normal; }
/* Content */
p             { margin:0 0 1em; }
strong        { font-weight:bold; }
address       { font-style:normal; line-height:1.35; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small         { font-size:1em; }
big           { font-size:1.15em; }
td.element{padding-bottom:4px;}
/* Lists */
ul,ol         { list-style:none; }
.clear{clear:both; height:0; font-size:0; line-height:0; content:".";}

#msg{ display:block;}
#msg ul{display:block; margin:0; padding:0; list-style:none; padding:5px 15px; background:#d9e9dc; border:1px solid #a9bfad;}
#msg ul li{display:block; width:100%; color:#111; line-height:22px;}


/* Buttons */
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button{ -webkit-border-fit:box; } /* <- Safari & Google Chrome Fix */
button.button{ margin:0; border:0; cursor:pointer; background:none;}
.button span{float: left;background:url(../images/btn_bg.png) no-repeat 0 0; padding:0 0 0 10px;display:block; font:bold 12px Arial; height:25px; line-height:25px; color:#fff;}
.button span span{background-position:100% 0; padding:0 15px 0 5px;float: left;}
.right-add-enrollment{float:right;width:240px;}
.right-add-enrollment button{}
.right-add-enrollment button.enrollment{width:120px;}
.right-add-enrollment button#next{width:90px;margin: 0 0 0 5px ;}
button#prev{width: 110px;margin-right: 5px;}
#prev span span{background-position:100% 0; padding:0 15px 0 5px;width: 80px;}/* CSS Document */
button.payment{width: 260px;}
button.payment span span{background-position:100% 0; padding:0 15px 0 5px;width: 230px;}

.white span{background-image:url(../images/btn_bg-w.png);font:normal 12px Arial; height:23px; line-height:23px; color:#333;}
.disable span{background-image:url(../images/btn_bg-d.png); font:normal 12px Arial; height:23px; line-height:23px; color:#333;}
.red span{background-image:url(../images/btn_bg-r.png); font:normal 12px Arial; height:23px; line-height:23px; color:#333;}
.green span{background-image:url(../images/btn_bg-g.png); font:normal 12px Arial; height:23px; line-height:23px; color:#333;}
.blue span{background-image:url(../images/btn_bg-b.png); font:normal 12px Arial; height:23px; line-height:23px; color:#333;}
.cur span{background-image:url(../images/btn_bg-y.png); font:normal 12px Arial; height:23px; line-height:23px; color:#333;}

.big span{background-image:url(../images/btn_big.png); font:normal 24px Tahoma, Geneva, sans-serif; line-height:50px; height:50px; padding:0 0 0 28px;} .big span span{padding: 0 28px 0 0;}

.button:hover span{background-position: 0 100%;}
.button:hover span span{background-position: 100% 100%;}


/*========================== Form Data ==============================*/
input, select, textarea, button {color:#2F2F2F;font:12px/15px Arial,Helvetica,sans-serif;vertical-align:middle;}
select{padding:2px;}

input.input-text, select, textarea {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #888888; border-radius:}
input.input-text, textarea {padding:2px;width:300px;}
p.required  {color:#EB340A;font-size:11px;text-align:right; margin:-25px 0 0;}

.act-btn .button{width:75px; margin:0 0px 5px;}
.act-btn .big-btn .button{ width:250px;}
.act-btn1 .button{width:162px; margin:0 0px 5px;}
.act-btn1 .big-btn .button{ width:250px;}
.button-set{margin:0;padding:10px 15px 10px; border:1px solid #ccc; background:#f7f7f7; text-align:right;overflow: hidden;}
.fieldset{margin:0px 0 0;padding:20px 15px 20px; border:1px solid #ccc; background:#f7f7f7;  overflow:hidden; }

.fieldset.left{float:left; width:45%;}
.fieldset.right{float:right; width:46%;}
.fieldset .right-area{position:absolute; right:10px; top:10px;}
.place-img{ margin:10px 0 0; border:1px solid #ccc;}

.fieldset .legend {background: #eee;border:1px solid #ccc;color:#303030;float:left;font-size:13px;font-weight:bold;margin:-32px 0 0 -8px;padding:2px 8px;position:relative;}
.form-list li {margin:0 0 5px;display:block; clear:both;overflow: hidden;}

.left .form-list li {margin:0 0 5px;display:block; clear:both; float:left;}

.form-list .field {float:left; margin-right:30px;}
.form-list .input-box {display:block;margin-left:0px;float: left;}
.form-list .one .input-box, .form-list .three .input-box, .form-list li .profile{ margin:0 0 0 0px;}
.form-list .two .input-box{ margin:0 5px; 0 0px;}

.pay .input-box {display:block;}
.form-list .input-box2 {display:block;margin-left:40px;}
.form-list .input-box3 {display:block;margin-left:150px;}
.form-list li .one, .form-list li .two, .form-list li .three, .form-list li .profile{ float:left;}
.form-list .one{ width: 500px; margin-right:25px;}
.form-list .two{}
.multi .two {}
.form-list .one select{margin-right:5px; min-width:125px;}



.form-list li.left{clear:none; margin-right:35px;}

.form-list label{color:#444;float:left;font-weight:bold;position:relative;z-index:0;line-height:21px;width: 170px;}
.form-list label.required em{color:#f00;float:right;font-weight:bold; font-size:18px;left:100%;position:absolute;top:0;}
.form-list .input-box label{float:none; margin-right:2px;}

.form-list li label{float:left;font-weight:bold;position:relative;z-index:0;line-height:21px;width: 140px;}

.form-list li .one label{color:#444;float:left;font-weight:bold;position:relative;z-index:0;line-height:21px;width: 120px;}


.form-list input.input-text {width:254px; margin:1px 5px 1px 0;}
.form-list textarea{width:254px; height:50px;}
.form-list textarea.big{width:337px; height:100px;}
.form-list input.input-small {width:100px; margin:3px 5px 3px 0;}
input.input-min {width:30px; margin:1px 5px 1px 0;}

.errorind{ margin:0 0 0 4px; font-size:13px; color:red;}
.form-list label.error{ margin:0 0 0 4px; font-size:10px;}
.form-list li.wide textarea {width:254px;}

.enroll-data{margin-bottom:10px; position:relative;width:100%; text-align:center; height:50px;}
.enroll-name{ display:block; float:left;}

.enroll-chk{ padding:10px; background:#b2d4eb; border:#86b3d1 1px solid; width:40%; margin:0 0 0 20%; top:0;float:left; }

.enroll-add{ padding:10px; background:#c2e4fb; border:#86b3d1 1px solid; margin:10px 0; clear:both;}

.buttons-set{padding:5px 10px 5px; clear:both;}
.buttons-set p.required {float:left;}
.buttons-set .right-btn{float:right;}
.buttons-set .right-btn .button{float:left; margin-left:15px;}

input{padding:2px; background:#fff; border:1px solid #aaa;}
input.nochange{padding:2px; background:#aaa; border:1px solid #000;}
input[type="image"]{background:none; border:0;}
input[type="checkbox"]{margin-right:4px;border: medium none;background:none;}
input[type="radio"]{margin-right:4px;border: medium none;background:none;}
/*=======*/

/*=============================== common Form =================================*/
fieldset{padding:10px 15px 15px; border-top:1px solid #ccc; background:#f7f7f7; text-align:left;}
fieldset dt {float: left;}
fieldset dt label{ font-weight:bold;}
fieldset dt label.required{ padding-right:10px; background:url(../images/req.png) 100% 2px no-repeat; line-height:20px;}
fieldset dd {margin: 0 0 5px 140px;}
fieldset dd input,
fieldset dd textarea{width:98%;}
fieldset dd select{width:100%;}

fieldset dd label{float:left; margin-right:15px;}
fieldset dd label input{float:left; width:auto;}

dd input[type="button"],
dd input[type="submit"],
dd input[type="reset"]{width:auto; background:#2976a4; border:1px #1979b4 solid; color:#fff; -moz-border-radius: 8px; border-radius: 8px; padding:3px 13px; font-size:13px; font-weight:bold; font-family:verdana; cursor:pointer;}

dd input[type="button"]:hover,
dd input[type="submit"]:hover,
dd input[type="reset"]:hover{ background:#095684;}

/*----------------------- CFSP -----------------------------------*/
#sel_student-element{margin-left:0;}
/*================================= Containers ======================================*/
.wrapper{width:100%; text-align:center; margin:0 auto;}
.header-container{width:100%; clear:both; text-align:left; background:#fff;}
.nav-container{background: url(../images/nav-bg.png) 0 0 repeat-x; min-height:27px;width:100%; text-align:Left;}
.main-container{width:100%; clear:both; padding:0px; text-align:left; background:#fff;}


.ui-datepicker {display: none;}
/*================================ Cotents Boxes ====================================*/
/*===== Header Section ======*/
.logo{position: absolute; right: 0; background: #fff; padding: 0 2px;}
/*=======*/

.reg-level{display:block;}
.reg-level ul li{float:left; display:block; line-height:36px; padding:0 45px 0 30px; font-size:15px; font-weight:bold; color:#666; background:#b7d3e4 url(../images/reg-l-bg.png) 100% 50% no-repeat;}
.reg-level ul li.last{background-color: transparent;}
.reg-level ul li.prev{background-color: #20416e;}
.reg-level ul li.cur{background-image: url(../images/reg-c-bg.png); color:#fff;}

.chk-group1, .chk-group{width:640px; margin-bottom:15px;}
.chk-group ul li{display:block;float:left; min-width:160px; line-height:24px;}
.chk-group1 ul li{display:block;float:left; margin-right:25px; line-height:24px;}
.chk-group ul li .input-text{width:240px;}

.grid-nav{margin-left:470px; margin-top:-12px;}
.grid-nav a{margin:0 5px;}

.grid-total{font-size:16px; font-weight:bold; margin:25px 0 0; text-align:right;}
/*====== Navigation =========*/
.nav-container .navigation{float:left;}
#nav {margin:0; padding:0;}
/* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left;	z-index:9; }
#nav li.over { }
#nav a,
#nav a:hover { display:block;text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav ul span {white-space:normal; }
/* top Level */
#nav li { float:left; margin:0; background:url(../images/nav-sep.jpg) 100% 50% no-repeat; padding:0; position:relative;}
#nav li.last{background:none;}
#nav a {font-size:13px; padding:0 14px; color:#fff; font-family:Arial; font-weight:bold; line-height:27px; }
#nav li.over a, #nav li.active a{}
#nav a:hover {background:url(../images/nav-over.jpg) 0 0 repeat-x; color:#a2dcff;}

#nav ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 27px;
	left: 0;
	background:#1d85c2;
	border:1px solid #1b77ad;
	float: left;
	width: 220px;height:auto !important;
	z-index: 99;
}
#nav ul li {
	min-width: 220px;
	z-index: 999;
}
#nav ul ul {
	left: 100%;
	top: 0;
}
#nav ul a {
	background: #1d85c2;
	line-height: 1em;
	padding: 6px 10px;
	font-size:13px;
	font-weight:normal;
	width: 200px;
	border-bottom:1px solid #1b77ad;
	text-transform:none;
	height: auto;
}
#nav li:hover > a{background:#1d85c2;}
#nav ul :hover > a {
	color: #fff; background:#1b77ad;
}
#nav li:hover > ul {
	display: block;
}
/*=======*/


/*===== Icon  Navigation ====*/
.icon-nav{float:right; clear:right; margin:5px -6px -10px}
.inav {margin:0; padding:0 8px 0 0;}
/* Style consistent throughout all nav levels */
.inav li { position:relative; text-align:left;	}
.inav li.over { z-index:999; }
.inav a,
.inav a:hover { display:block;text-decoration:none; }
.inav span { display:block; cursor:pointer; white-space:nowrap; }
.inav span img {float:left; margin:0px 2px 0 0;}
/* top Level */
.inav li { float:left; margin:0; padding:0;}
.inav a {font-size:12px; padding:0 0 0 20px; color:#404040; font-family:Arial; font-weight:bold; line-height:20px; }
.inav li.over a,
.inav a:hover { color:#58c;}
.rbox{
margin-left: 15px; 
width: 370px;
}
.lbox{

width: 100%;
}

/*================== Page Title ==========================*/
.page-title{height:30px; background:url(../images/title-bg.jpg) 0 0 repeat-x;}
.page-title h1{color:#fff; font-size:17px; float:left; padding:15px 15px 8px;}

.page-title .buttons{ float:right;}
.page-title .buttons li{float:left;margin-left:2px; display:block;background:url(../images/title-button-bg.jpg) 0 0 repeat-x #4fade5;}
.page-title .buttons li a{display:block; color:#f00; font-size:15px; font-weight:bold; padding:15px 10px 0; line-height:33px;}
.page-title .buttons li a img{ padding:7px 0 7px;}


.page-title .buttons1{ float:right;}
.page-title .buttons1 li{float:left;margin-left:2px; display:block;background:url(../images/title-button-bg.jpg) 0 0 repeat-x #4fade5;}
.page-title .buttons1 li a{display:block; color:#f00; font-size:15px; font-weight:bold; padding:15px 10px 0; line-height:33px;}
.page-title .buttons1 li a img{  float: left;padding-bottom: 7px;padding-left: 0;padding-right: 5px;padding-top: 7px;}
/*=========================== Tool BAR ==========================*/
.toolbar{background:#eee;}
.toolbar-1{background:#eee;border-bottom:1px solid #ccc; height:26px;  background-repeat:repeat-x;}



/*=========================== Toolbar Buttons ========================*/
.button-box {float:left; text-align:center; line-height:22px; margin-right:5px; padding-top:1px;}
.button-box .btn-row {display:block; padding-left:4px;}
.button-box p {margin:0;}
.button-box.wait {background:#f6f6f6;  margin:0 15px 0 0;}
/*.btn-row.full .button {width:100%;}*/
.btn-row .button span{padding:0 0px 0 8px;}
.btn-row .button span span{padding:0 8px 0 0; color:#FFFFFF;}



/*========================== Shiow Grid ===========================*/
.show-grid{ /*width:100%;*/ width:99.3% text-align:left;}
.show-grid .grid-container{overflow-x:auto; overflow-y:none; width:100%;
height:449px; position:relative;z-index: 0; border:1px }
.show-grid .grid-container .webmodule{overflow-x:auto; overflow-y:auto; width:100%; position:relative;}
.show-grid .grid-content{width:auto; padding-top:34px; padding-left:0px; border-left: 1px solid #888888;}
.show-grid .grid-head{width:auto; position:absolute; top:0; left:0px; border-left: 1px solid #888888;}

.show-grid li{display:block; float:left;}
.show-grid li.enroll{display:block; float:none;}
.show-grid .w50{width:50px;}
.show-grid .w80{width:80px;}
.show-grid .w68{width:68px;}
.show-grid .w54{width:54px;}
.show-grid .w100{width:100px;}
.show-grid .w120{width:120px;}
.show-grid .w150{width:150px;}
.show-grid .w170{width:170px;}
.show-grid .w200{width:200px;}
.show-grid .w225{width:225px;}
.show-grid .w250{width:250px;}
.show-grid .w300{width:300px;}
.show-grid .w400{width:200px;}
.show-grid .w500{width:500px;}
.show-grid .w600{width:600px;}
.show-grid .w700{width:700px;}


.show-grid .wp117{width:117px;}
.show-grid .wp135{width:135px;}
.show-grid .wp90{width:90px;}
.show-grid .wp70{width:70px;}


.show-grid ul{ display:table-row; width:auto;max-width:none;width:-Moz-Max-Content;}
tbody.scrollContent tr:hover, .show-grid ul:hover{background:#d8e4ed;}

.show-grid ul.heading{background:url(../images/grid-col-head.jpg) 0 100% repeat-x; height:34px;}
.show-grid ul.heading li{ padding:8px 10px; border-top:1px solid #92a9c8; border-right:1px solid #92a9c8;overflow: hidden; white-space: nowrap; float:left; display:block;}

.show-grid ul.grid-row{ height:24px;}
.show-grid ul.grid-row li{font-weight:normal; height:19px; line-height:20px; overflow:hidden;padding:2px 10px; border-right:1px solid #888; border-bottom:1px solid #888;}

.show-grid .row-head{position:absolute; top:0; left:0; width:54px; font-size:10px; z-index:1;}
.show-grid .row-head ul.row-heading{ width:54px;}
.show-grid .row-head ul.row-heading li{float:none; display:block; padding:2px 4px; width:46px; background:#ddd; border-left:1px solid #888; border-right:1px solid #888; border-bottom:1px solid #888; height:19px; line-height:19px; font-size: 10px;}
.show-grid .row-head ul.row-heading li.corner{border-bottom:2px solid #92A9C8; border-top:1px solid #888; line-height:13px; height:27px;}
.show-grid .row-head ul.row-heading li.corner span{background:#dddfff; margin:0 -4px; padding: 1px 4px; display:block;}


.book-grid .grid-content{ padding-left:55px; width:1275px !important; font-size:12px; border:0;}
.book-grid .grid-head{ left:55px;  !important; border:0;z-index: 1;}
.book-grid .grid-content ul.grid-row{float:left; width:85px; background:#fff;}
.book-grid .grid-content ul.grid-row li{float:none; display:block; position:relative; overflow: hidden; white-space: nowrap;}
.book-grid .grid-content ul.grid-row li .apt{position:absolute; top:0; left:5px; width:150px; padding:0 5px; z-index:5; background:#dfdfdf; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px;}
.book-grid ul.heading li{font-size: 9px; padding: 0px 5px; width: 74px;}

.book-grid ul.listday li{width:925px;}  
.book-grid .grid-content ul.listcol{width:116px;}


/*========== For Wide Screen Monitor ==========================*/
.widescr .grid-content{ padding-left:55px; width:1277px !important; font-size:12px;}
.widescr .grid-head{ left:55px; !important;}
.widescr .grid-content ul.grid-row{float:left; width:98px; background:#fff;}
.widescr .grid-content ul.grid-row li{float:none; display:block; position:relative; overflow: hidden; white-space: nowrap;}
.widescr .grid-content ul.grid-row li .apt{position:absolute; top:0; left:5px; width:150px; padding:0 5px; z-index:5; background:#dfdfdf; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px;}
.widescr ul.heading li{font-size: 11px; padding: 1px 5px; width: 87px;}

.widescr ul.listday li{width:1266px;}
.widescr .grid-content ul.listcol{width:1277px;}

.book-grid ul li:hover{background:#d8e4ed;}

/*============================ Table Grid ===================================*/

table.show-grid {width: 100%; margin-bottom:10px; border: 1px solid #92A9C8;background: #fff; margin-left:0; margin-top:0px;}

#grid_header_container{z-index:1;}
thead.fixedHeader{background:#fff url(../images/grid-col-head.jpg) 0 -9px repeat-x;}
thead.fixedHeader tr {/*border-left:1px solid #92a9c8;border-top:1px solid #92a9c8;*/ }
thead.fixedHeader tr { position: relative; height:32px; }
thead.fixedHeader th, thead.fixedHeader td {font-weight:bold; padding:0px 10px; /*border-right:1px solid #92a9c8;*/overflow: hidden; white-space: nowrap; overflow:visible;line-height: 32px;border-left: 1px solid #92A9C8 ;}
thead.fixedHeader td a{text-align:left;}
tbody.scrollContent {overflow: auto; width: 100%; }

/*tbody.scrollContent td, tbody.scrollContent th{ position:relative; overflow: hidden; white-space: nowrap;}*/
tbody.scrollContent tr{width:100%; /*border-left:1px solid #888; */}
tbody.scrollContent td, tbody.scrollContent th {font-weight:normal; line-height:19px; overflow:hidden;padding:2px 10px;border-left:1px solid #888; border-bottom:1px solid #888; /*border:1px solid #888888*/}


/*===== Login Page Clases =====*/
.login-container{width:520px; margin:auto; background:url(../images/login-bg-bot.png) 0 100% no-repeat; padding:30px 0 33px;}

.login-container .main{background:url(../images/login-bg.png) 0 0 no-repeat; min-height:250px; padding:35px 35px 0; position:relative;}
.login-title{background:url(../images/login-title_bg.png) 0 0 no-repeat; padding: 0 0 32px 70px;}
.login-title h1{color:#2e3e50; font-size:28px;}
.login-body .login-type{ position:absolute; top:75px; left:101px;}
.login-body .login-type label{display:block; float:left; margin-right:12px; font-size:16px; font-weight:bold;color:#505050;}
.login-body .login-type label input[type="radio"]{float:left; margin:2px 5px 0 0; }

.login-body .fieldset{background:url(../images/login-box-bg.png) 0 0 no-repeat; padding:15px 25px 0; min-height:105px; display:block; clear:both;position:relative;}
.login-body .fieldset .zend_form{}
.login-body .fieldset dt{padding:12px 0 0;}
.login-body .fieldset dd{ position:relative; text-align:right;}

.login-body .fieldset label{font-size:24px; line-height:40px; font-family:Tahoma, Geneva, sans-serif; color:#303030; display:block; position:absolute; left:30px;}
.login-body .fieldset #login-element{margin-bottom:0;}
.login-body .fieldset input{width:250px; height:24px; padding:8px 5px; font-size:24px; vertical-align:baseline;}
.login-body .fieldset input[type="image"]{margin-right:-10px; width:auto; width:141px; height:54px;}
.login-body .fieldset ul.errors{position:absolute; background:url(../images/error-bck.png) 0px 0; width:250px; left:390px; top:0px; padding
:0 0 0 10px;}
.login-body .fieldset ul.errors li{ border-bottom:#bbb 1px solid; padding:10px; color:#f00;}

.login-body .action{margin-top:15px; padding:0 10px;}
.login-body .action button.button{float:right;}
.action .left-box{float:left;}
.action .left-box a{color:#123f62;}
.action .left-box label,
.action .left-box p{margin:0; font-size:14px; line-height:22px;color:#123f62;}

.show-grid ul.grid-row li.selected { border-color:#177cb7; background:url(../images/sel-bg.png) 0 100% repeat-y; margin-bottom: -4px;z-index: 1;
    padding: 4px 10px;}
.show-grid ul.grid-row li.start.selected {border-top:3px solid #71acd9; margin-top:-3px;}
.show-grid ul.grid-row li.start.locked{background:url(../images/lock.png) 0 0 no-repeat; padding-left:24px;}
.show-grid ul.grid-row li.start.locked.selected{background:url(../images/sel-lock.png) 0 0 no-repeat;}

.widescr ul.grid-row li.selected { border-color:#177cb7; background:url(../images/sel-bg-w.png) 0 100% repeat-y; margin-bottom: -4px;z-index: 1;
    padding: 4px 10px;}

.widescr ul.grid-row li.start.locked.selected{background:url(../images/sel-lock-w.png) 0 0 no-repeat;}
/* ===========   Added For Tabber on Enrollment Section  ============  */
		
		div.domtab{
			font-size:12px; margin-top:5px;
		}
		ul.domtabs{
			float:none;
			padding:0;
			margin:0 !important;list-style:none;			
		}
		ul.domtabs li{
			float:left;
			padding:0;margin-right: -1px;
		}
		ul.domtabs li.lastx{margin-right:0;}
		ul.domtabs a:link,
		ul.domtabs a:visited,
		ul.domtabs a:active,
		ul.domtabs a:hover{			
			/*padding: 5px 13px 5px 13px;*/
			display:block;
			background:#eee;
			border:1px solid #ccc; border-bottom:0;
			color:#555;border-radius:5px 5px 0 0;
			font-weight:bold;
			text-decoration:none;
		}
		ul.domtabs a:hover{
			background:#1d4d7d;color:#ddd;
		}
		div.domtab div.tab{
			clear:both;
			width:auto;
			padding:0;
		}
		ul.domtabs li a{
		padding: 5px 10px 5px 10px;
		}
		ul.domtabs li.active{}
		ul.domtabs li.active a:link,
		ul.domtabs li.active a:visited,
		ul.domtabs li.active a:active,
		ul.domtabs li.active a:hover{
			background:#004375;
			color:#fff;
			
		}
		
		div.domtab div h2{font-size:20px; text-align:left;}
		div.domtab div h2.tab a{display:none;}
.widescr ul.grid-row li.start.locked.selected{background:url(../images/sel-lock-w.png) 0 0 no-repeat;}
/*==========================================================================*/
/*----------------------------------- Show Grid End ------------------------*/
/*==========================================================================*/
.left-profile{width:265px; float:left; margin-right:15px; position:relative; z-index:2;line-height:25px;}
.left-profile .boxx{padding:5px; margin-bottom:5px;clear:both;}
.boxx .input-small, .left-profile select{width:100px; /*float:right; clear:both;*/ margin:2px 0 0;}
.boxx p{margin:0 0 2px; display:block; clear:both;}
.boxx p label{float: left;width: 135px;}
.right-profile{width:230px; float:left; margin-top:35px; position:relative; z-index:0;line-height:25px; text-align:right;}
.right-profile p{margin: 0 0 5px;}

.left-finance{width:250px; float:left; margin-right:15px; position:relative; z-index:2;}
.balance{padding:5px; background:#9df; border:1px solid #369; line-height:26px; margin-bottom:25px;}
.balance .input-small{width:130px; float:right; clear:both; margin:2px 0 0;}
.balance .input-text{width:232px; clear:both;}
.gray{background:#ddd; border:1px solid #aaa;clear:both;}

.right-finance{/*float:right; margin:0 -265px 0 0px;*/ width:75%;}
/*.rt-main{margin:0 265px 0 0px;}*/
.right-form{margin:10px 0 0; float: left;}
.right-form .fr-box{ float:left; margin-right:19px; line-height:26px; font-size:12px; width:150px;}
.right-form .last{ margin-right:0px; width:170px;}
.right-form .fr-box label{display:block; float:left; clear:left;}
.right-form .fr-box input.input-small{width:60px; float:right; clear:right; margin:2px 0 0 2px;}
.right-form .fr-box input.rec{clear:none;}
.clr-box{width:100%; padding-top:10px; clear:both;}

.ui-autocomplete{ width:258px !important;}
.ui-autocomplete a{display: block; padding: 3px; text-align: left;}
.form-list input.ui-autocomplete-loading {background: url(../images/ui-anim_basic_16x16.gif) no-repeat scroll 100% 50% white;}
#interviewer, #specialist, #counsellor{
    padding: 2px;
    width: 130px;
}

/* set datepicker image to the textbox  */
.hasDatepicker{ background: url("../images/calendar.png") no-repeat scroll right center #FFFFFF;}

.form-list .enroll{ width: 250px;}
.intial-plan{float:left;width:30%;}
.intial-add{ background: #C2E4FB;
    border: 1px solid #86B3D1;
    margin:0;
    padding: 10px;
}
.intial-radio{background: #C2E4FB;
    border: 1px solid #86B3D1;
    margin: 10px 0;
    padding: 10px;}
.intial-add input{margin: 3px 5px 3px 0;width: 100px;}
.intial-add .hasDatepicker{padding-right:2px !important;}
.add-enroll .add-enroll-right{ border: 1px solid #20416E;
    float: right;
    margin: 0 !important;
    padding: 8px;
    width: 67%;}
ul.intial-payment .input-box {
    width: 110px;
}
.enroll-table{width: 100%;}
.enroll-table td{border-bottom: 1px dotted #888;}
.enroll-table tr td:last-child{border-right:none;}
.treeview ul{margin: 0 !important;}
ul.treeview li {padding: 0 !important;}
.treeview ul.ul-enrollments{margin: 0 ;}
.treeview ul.ul-enrollments li{padding: 0px;background-position: -22px -67px;}
.type-name{margin: 0 0 0 18px;}
.type-name-one{margin: 0 0 0 28px;}
.table-row{}
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea{ margin: 0 0 0 0 !important;  position: absolute;}
.ul-enrollments input[type="checkbox"], input[type="radio"]{margin: 0 0 0 35px;}
.big-btn  { margin-left:765px;}
.form-list .input-box .one-gift { float:left; width: 435px;}
.form-list .input-box  .two-gift { float:right;}
.form-list .input-box  .one-gift .one-label { width:110px; float:left;}
.form-list .input-box  .one-gift .one-text-input { }
.form-list .input-box  .phone-left{ float:left; width: 110px;}
.form-list .input-box  .phone-right{ float:right;}
.form-list .input-box  .two-gift .two-label { float: left;width: 100px;}
.form-list .input-box  .two-gift .two-text-input { float:right;}
#gift-class{padding:30px 15px 40px;}
#dis_content{ padding:20px 15px;}
/*.show-grid { margin:10px 0 0 10px;}*/
#User_text{margin-top:-54px !important;width: 265px !important;}
@media \0screen {
  #User_text{margin-top:-38px !important; height:10px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ #User_text{margin-top:-36px !important; height:7px;width: 265px !important;} }
.form-list .profile{ width: 425px;}
.form-list .profile .input-profile-box{display: block;float: left;margin-left: 0;width: 140px;}
.profile-widget-header { border: 0px solid #4297d7; background: #5c9ccc url(redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; height:30px;}
fixedHeader

.bullet{float:left;}

.page-title .nav-button  {
	  float: right;
    padding-right: 30px;
    text-align: right;
    width: 410px;
}

.page-title .nav-button button {
	  margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 3px;
    width: 64px;
}

#dialog-message {
	/*background-color: #D9E9DC;*/
}