﻿@charset "utf-8";

/*---DEFAULT--*/

	* html li {vertical-align: bottom;} 
	* html img {vertical-align: middle;} 
	* html input {vertical-align: middle;} 
 
	body {font-family: Arial, Verdana,Helvetica, sans-serif; font-size:11px; text-decoration:none; background:#ffffff url(images/bg.png) repeat-x top;}
	input {/*border: 0px;*/} 
	img {border: 0px;}  
	ul {padding: 0px; margin: 0px;} 
	li {padding: 0px; margin: 0px; list-style: none;} 
	* html li {vertical-align: bottom;} 
	a {color:#333333; text-decoration: none;} 
	a:hover {color:red; text-decoration: none;} 
	p {margin: 0px; padding: 0px; line-height:1.5em; }
	p a{ color:#fb7802;}
	.clear {clear: both; height:0px; display:block; font-size:0px;} 
	.left {float:left;} 
	.right {float:right;} 
	 
	
	h1{ color:#000000; font-size:20px;}
	h2{ font-size:24px; color:#c6391e; font-weight:normal; line-height:24px;}
	h3{ font-size:18px; color:#888888; font-weight:normal; line-height:20px;}
	h4{ font-size:1.3em;  font-weight:600; color:#4e758e; line-height:20px;}
	h5{ color:#009cff; font-size:1.2em; line-height:18px;  font-weight:600;} 
	
	
	#wrapper{ width:100%; margin:auto; clear:both; text-align:left;}
	 #header{ width:944px; margin:auto; clear:both;} 
	  #branding{ width:960px; margin:auto; clear:both;}
	   
	   #header-topbar{ width:940px; margin:auto; clear:both; height:35px;}
	   .nav{width:590px; float:left;}
	   .nav li{float:left; line-height:40px;}
	   .nav li a{ font-size:11px;/* font-weight: 600;*/ color:#0183c1; font-family:verdana;}
	   .nav-spacer{ color:#0183c1; padding:0px 6px;} 
	   .header-search-bar{ float:right; padding-top:7px; width:340px;}
		.header-search{ background:url(images/search-header-m.png)  repeat-x; height:25px; display:inline-block; line-height:25px;}
		.header-search-l{ background:url(images/search-header-l.png) no-repeat left; padding-left:6px; height:25px; display:inline-block; line-height:25px;}
		.header-search-r{ background:url(images/search-header-r.png) no-repeat right; padding-left:0px; padding-right:26px; height:25px; display:inline-block; line-height:25px;}
		.header-search-textbox{ background:#ffffff; font-size:13px; color:#4cbbf5; border:0px; width:300px; height:20px; padding-top:2px;}
 
		.logo{ background:url(images/logo.png) no-repeat; width:559px; height:89px; float:left;}
		.logo a{ width:559px; height:89px; text-indent:-999999px; display:block;}
		.header-right{float:right;padding: 25px 30px 0px 0px;}  
		.add{border:1px solid #000000; width:464px; height:56px; background:#ffffff; padding:1px; margin-top:15px;}
		
		.navigation-m{background:url(images/navbar-bg.png) repeat-x; height:41px; display:inline-block; line-height:41px;}
		.navigation-l{background:url(images/left-side-bg.png) no-repeat left; padding-left:2px; height:41px; display:inline-block; line-height:41px;}
		.navigation-r{background:url(images/right-side-bg.png) no-repeat right; padding-left:0px; padding-right:2px; height:41px; display:inline-block; line-height:41px;}  
	
		.nav-bar{width:960px; height:41px; }
		.nav-bar li{ float:left; }
		.nav-bar li a{ font-size:12px; line-height:41px; color:#038fd8; padding:0px 14px; font-weight:bold; letter-spacing:.04em;}
		.nav-bar a:hover{ background:url(images/nav-hover.png) repeat-x; height:41px; display:inline-block; padding:0px 14px; color:#ef6b00;}
		.nav-bar a.active{ background:url(images/nav-hover.png) repeat-x; height:41px; display:inline-block; padding:0px 14px; color:#ef6b00;}
		.nav-bar-spacer{ background:url(images/nav-split.png) no-repeat; height:40px; width:2px; text-indent:-999999px; display:block;}
		
	#container{ border:1px solid #8ccce7; margin:10px auto;  width:960px; clear:both; background: #ffffff;}
	 .container-bot{ background:url(images/container-bg2.png) no-repeat bottom left; padding:20px 0px 20px 20px ; width:940px;}
	   #content{ width:708px; float:left; margin-right:2px; background:#ffffff url(images/content-bg.png) repeat-x top;} 
	   .content-details{ padding:20px 20px 20px 20px;}
	    .content-details-l{ width:400px; margin-right:20px; float:left;}
	     .directory-title{ padding:6px 0px 3px 100px;}
		 .headline-block{ border-bottom:1px solid #b3a6a6; padding-bottom:13px; margin:35px 0px 0px 0px; }
		 .headline-block-title{color:#009cff;}
		 .viewall a{ color:#009cff; font-size:12px; line-height:18px; padding-top:8px; font-family:verdana; }
		 .arw{ background:url(images/up-arw.png) no-repeat; width:11px; height:6px; position:relative; top:34px; _top:44px; left:15px;}
		 
		 .cont-category{ padding:20px;}
		 .cont-category li{ float:left; width:170px; line-height:24px;_line-height:16px; }
		 .cont-category li a{color:#000cff; font-size:13px; /*font-size:1.2em; */font-weight:600; }
		 .cont-category a:hover{color:#00a8ff;} 
		 .cont-category a.active{color:#00a8ff;}
		 .cont-category li a span{color:#ff9000; padding-left:3px; }
		 .conten-articles-title { padding:10px 0px 2px 0px;}
		 .conten-articles-title a{ color:#009cff;}
		 .conten-articles p{color:#5d5d5d; font-size:11px; line-height:18px; padding:5px 0px; font-family: verdana;}
		 .meta-date{color:#5d5d5d; font-size:11px; line-height:18px;}
		 
		 .content-details-r{ width:230px; float:left; background:#fbfafa; border:1px dotted #d1ecf5; padding:8px;} 
		 .content-feature li{ float:left; width:180px; padding-left:15px;}
	     .content-feature li a{ font-size:11px; line-height:20px; color:#6f7477; font-family: verdana;}
	     .con-headline-border{ background:url(images/bot-border.png) no-repeat bottom; padding-bottom:5px; margin-bottom:5px;}
	     .con-featured{ padding:5px 0px 20px 0px;} 
	   
	   #sidebar{width:230px; float:left; background:url(images/sidebar-up.png) repeat-x;} 
	   .side-content{ padding-bottom:20px;}
	   .sidebar-heading-up{ padding:7px 10px 20px 10px;}
	   .sidebar-heading-title-up{ color:#0076ca; background:url(images/arw1.png) no-repeat right; padding-right:10px;}
	   .acount-info-check{ float:left; width:220px; padding:5px 0px 5px 10px;}
	   .acount-info-check li{ float:left; font-size:11px; line-height:18px; color:#00b4ff; margin:3px 0px;}
	   .acount-info-check li a{ color:#9f0001; font-size:10px; padding-right:1px; font-weight:bold;}
	   .input-label{ width:75px;}
	   .input-box{ width:135px;}
	   .btn{ background:url(images/btn.png) no-repeat; width:70px; height:20px; text-align:center; font-size:11px; border:0px; color:#ffffff; padding-bottom:4px; _padding-bottom:0px;}
	   
	   .txt-box{ background:url(images/box-m.png) repeat-x; height:20px; line-height:20px; display:inline-block;}
	   .txt-box-l{ background:url(images/box-l.png) no-repeat left; padding-left:4px; height:20px; line-height:20px; display:inline-block;}
	   .txt-box-r{ background:url(images/box-r.png) no-repeat right; padding-left:0px; padding-right:4px; height:20px; line-height:20px; display:inline-block;}
	   .txtbox{ background:#ffffff; height:16px; border:0px; font-size:12px; color:#333333; }
	  
	   .sidebar-heading{ background:url(images/right-side-headline-bg.png) repeat-x; padding:5px 10px 30px 10px;} 
	   .sidebar-heading-title{ color:#0076ca; background:url(images/right-down-arw.png) no-repeat right; padding-right:10px;} 
	   
	   .sidebr-feature li{ float:left; width:200px; padding-left:15px;}
	   .sidebr-feature li a{ font-size:11px; line-height:20px; color:#178281; font-family: verdana;}
	   .sidebar-add{ width:202px; height:122px; margin:0px auto 20px auto;} 
		 
	
	#footer{ width:100%; background:url(images/footer.png) repeat-x bottom;} 
	 .footer-content{ background:url(images/footer-bg.png) repeat-x; height:80px; display:inline-block; width:960px; margin: 0px auto;}
	 .footer-content-l{ padding-left:2px; height:66px;display:inline-block;}
     .footer-content-r{ padding-left:0px; padding-right:2px; height:66px;display:inline-block;} 
	    .footer-con{width:938px; margin:auto; }
		.footer-list{ width:260px; margin:auto; clear:both;}
		.footer-list li{float:left; padding-top:25px;}
		.footer-list li a{ font-size:12px; color:#ffffff; }
		.footer-list a:hover{ color:#0290cb;}
		.footer-list a.active{ color:#0290cb;}
		.fot-spacer{ padding:0px 3px; color:#ffffff;}
		.copyright{ font-size:13px; color:black; line-height:18px; padding:30px 0px 30px 30px; }
       .copyright a { color: red;}

	
	
	
/* Text Box CSS */	
	
	  .txtboxcss { 
    /*border: 1px solid #c4c4c4; 
    height: 23px; 
    width: 221px; 
    font-size: 13px; 
    padding: 6px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
    margin-top:5px;*/
    border: 1px solid #C4C4C4;
    border-radius: 4px;
    box-shadow: 0 0 8px #D9D9D9;
    font-size: 13px;
    height: 14px;
    margin-top: 5px;
    padding: 6px 4px 4px 5px;
    width: 221px;
} 
 
.txtboxcss:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;  
} 
  .txtboxcsss {  border: 1px solid #C4C4C4;
    border-radius: 4px;
    box-shadow: 0 0 8px #D9D9D9;
    font-size: 13px;
    margin-top: 5px;
    padding: 6px 4px 4px 5px;
    } 

/* Dropdown List CSS */	

 .ddlboxcss { 
  
    border: 1px solid #C4C4C4;
    border-radius: 4px;
    box-shadow: 0 0 8px #D9D9D9;
    font-size: 13px;
    height: 26px;
    margin-top: 5px;
    padding: 2px;
    width: 230px;
} 
 
.ddlboxcss:focus { 
   outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 
	
/* Insert Button CSS */	
	
	.btnInsert {
	font-size:15px;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	padding: 0 12px;
	text-decoration:none;
	color:black;
	display:inline-block;
	margin-top: 5px;
	    margin-left: 155px;
	
 	
}.btnInsert:hover {
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(29%, #77a809), color-stop(76%, #89c403) );
	background:-moz-linear-gradient( center top, #77a809 29%, #89c403 76% );
	background:-ms-linear-gradient( top, #77a809 29%, #89c403 76% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color:#77a809;*/
}.btnInsert:active {
	position:relative;
	top:1px;
}

/* Update Button CSS */	
/**/
.btnUpdate 
{font-size:15px;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	padding: 0 12px;
	text-decoration:none;
	color:black;
	display:inline-block;
	margin-top: 5px;
	    margin-left: 155px;
	/*border-radius:5px;
	border:0px solid #74b807;
    font-family:Trebuchet MS;
	font-weight:normal;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(29%, #89c403), color-stop(76%, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 29%, #77a809 76% );
	background:-ms-linear-gradient( top, #89c403 29%, #77a809 76% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;*/
	
	/*text-shadow:0px 1px 0px #528009;
 	-webkit-box-shadow: 1px 1px 0px 0px #a4e271;
 	-moz-box-shadow: 1px 1px 0px 0px #a4e271;
 	box-shadow: 1px 1px 0px 0px #a4e271;*/


    
   /* ----------------------------PREVIOUS CODE-------------------------------------------------------*/
	/*font-size:19px;
	font-family:Trebuchet MS;
	font-weight:normal;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:0px solid #337fed;
	padding:6px 16px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(29%, #3d94f6), color-stop(76%, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 29%, #1e62d0 76% );
	background:-ms-linear-gradient( top, #3d94f6 29%, #1e62d0 76% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	color:#ffffff;
	display:inline-block;
	text-shadow:0px 1px 0px #1570cd;
 	-webkit-box-shadow: 1px 1px 0px 0px #97c4fe;
 	-moz-box-shadow: 1px 1px 0px 0px #97c4fe;
 	box-shadow: 1px 1px 0px 0px #97c4fe;
 	margin-top: 5px;*/
}.btnUpdate:hover {
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(29%, #1e62d0), color-stop(76%, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 29%, #3d94f6 76% );
	background:-ms-linear-gradient( top, #1e62d0 29%, #3d94f6 76% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;*/
}.btnUpdate:active {
	position:relative;
	top:1px;
}

/* Delete Button CSS */	

.btnDelete 
{
    font-size:15px;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	padding: 0 12px;
	text-decoration:none;
	color:black;
	display:inline-block;
	margin-top: 5px;
	    margin-left: 155px;
	/*border-radius:5px;
	border:0px solid #74b807;
    font-family:Trebuchet MS;
	font-weight:normal;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(29%, #89c403), color-stop(76%, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 29%, #77a809 76% );
	background:-ms-linear-gradient( top, #89c403 29%, #77a809 76% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;*/
	
	/*text-shadow:0px 1px 0px #528009;
 	-webkit-box-shadow: 1px 1px 0px 0px #a4e271;
 	-moz-box-shadow: 1px 1px 0px 0px #a4e271;
 	box-shadow: 1px 1px 0px 0px #a4e271;*/
    
    
    /*----------------------------------------------Previous code-------------------------------------------------------------------*/
    /*margin:0px 0px 0px 10px;
	font-size:19px;
	font-family:Trebuchet MS;
	font-weight:normal;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:0px solid #d83526;
	padding:6px 16px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(29%, #fe1a00), color-stop(76%, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 29%, #ce0100 76% );
	background:-ms-linear-gradient( top, #fe1a00 29%, #ce0100 76% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	color:#ffffff;
	display:inline-block;
	text-shadow:0px 1px 0px #b23e35;
 	-webkit-box-shadow: 1px 1px 0px 0px #f29c93;
 	-moz-box-shadow: 1px 1px 0px 0px #f29c93;
 	box-shadow: 1px 1px 0px 0px #f29c93;
 	margin-top: 5px;*/
}.btnDelete:hover {
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(29%, #ce0100), color-stop(76%, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 29%, #fe1a00 76% );
	background:-ms-linear-gradient( top, #ce0100 29%, #fe1a00 76% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;*/
}.btnDelete:active {
	position:relative;
	top:1px;
}

/* GridView CSS */	

/*.mGrid { width: 100%; 
         background-color: #fff;
          margin: 5px 0 5px 0; 
          border: solid 1px #525252; 
          border-collapse:collapse;
          
    }*/


.treeGrid {
    width: 100%;
    background-color: white;
    margin: 5px 0 10px 0; 
    border: dotted 1px #525252; 
          border-collapse:collapse;

}
.treeGrid th{background-color: highlight;
    color: highlighttext;
    text-align: center;
    min-height: 20px;
    color: #2461BF;
}

.treeGrid th td {
    border: medium none;
    padding: 3px;
}


/*.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid .pgr {background: #424242 url(grd_pgr.png) repeat-x top; }
    .mGrid .pgr table { margin: 5px 0; }
    .mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
    .mGrid .pgr a { color: #FFF; text-decoration: none; }
    .mGrid .pgr a:hover { color: #000; text-decoration: none; }*/
  
    
    
    
 .admngridCss th { 
        text-align: left;
    }
	    
	 .admngridCss td {
         text-align: left;
         color: #000000;
    }         
	
     
	       
   /* inputs:-webkit-input-placeholder { 
    color:    #b5b5b5; 
} 
 
inputs-moz-placeholder { 
    color:    #b5b5b5; 
} */
 
 /* Login Page CSS */	
 .inputs  { 
    background: #f5f5f5; 
    font-size: 0.8rem; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border-radius: 3px; 
    border: none; 
    padding: 13px 10px; 
    width:270px; 
    margin-bottom: 20px; 
    box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 ); 
    clear: both; 
} 
.inputs:focus { 
    background: #fff; 
    box-shadow: 0px 0px 0px 3px #fff38e, inset 0px 2px 3px rgba( 0,0,0,0.2 ), 0px 5px 5px rgba( 0,0,0,0.15 ); 
    outline: none;    
} 

.Welcome{ margin:0px auto;
         
          padding:30px;}
          

 .maincontainer {
             width: 960px; 
         }
          
/* ============= CSS form "<Div>" =================== */
/* ================================================== */
/*Basic common div style*/
.emsdiv {
    border: 1px solid #C2EDFD;
    border-radius: 5px;
    height: auto;
    padding: 5px 5px 5px 5px;       /* Top Right Bottom Left*/
    margin: 0px 0px 5px 0px;        /* Top Right Bottom Left*/
}

/*Additional div style for Syllabus*/
.syllabus {
    width: 900px;
}

/*Additional div style for Content Title tree of Syllabus page*/
.fixed{
    width: 900px;
}
.submit {
    height: 60px;
    margin-left: 810px;
}
  
.basicinfo {
    border: 2px solid #C2EDFD;
    border-radius: 5px;
    height: auto;
}
.lefTtree {
    width: 400px;
    float: left;
    height: 400px;
    max-height: 400px;
    overflow: scroll;
}
.rightTree {
    width: 406px;
    float: right;
    height: 400px;
    max-height: 400px;
    overflow: scroll;
}
.trSyllabusContent {
    width: 600px;
    float: left;
    /*height: 100px;*/
    max-height: 225px;
    overflow: scroll;
}
    
.divTree {
    width: 200px;
    float: left;
    height: 300px;
    max-height: 300px;
    overflow: scroll;
     border: 1px solid #C2EDFD;
    border-radius: 5px;
    height: auto;
    padding: 5px 5px 5px 5px;       /* Top Right Bottom Left*/
    margin-left:10px; 
    display:none;
}

.hidden {
    overflow: hidden;
}        
        
.mGridv {
    width: 100%; 
    background-color: #fff;
    margin: 5px 0 10px 0; 
    border: solid 1px #525252; 
    border-collapse:collapse;
    margin-left: 25px
}

.mGridv td {
    padding: 2px; 
    border: solid 1px #c1c1c1;
    text-align: left;
}

.mGridv th { 
    font-size: 14px;
    /*background: #424242 url(grd_head.png) repeat-x top;padding: 4px 2px;*/
    background-color: gainsboro;
    height:25px ;
    border: solid 1px #525252;
    font-family:verdana;
    font-weight:normal;
    color: black;
    text-align: center
}
          

.txtbox-gd{ background:#ffffff; height:16px; border:0px; font-size:12px; color:#333333; text-align:center; margin-left: 10px; }

.txtbox-gdv {text-align:center; margin-left: 30px;
}
.imgDelete{text-align:center; margin-left: 15px;}
.txtbox-gview { margin-left: 2px;width: 180px;border: 1px solid #C4C4C4;
    border-radius: 4px;
    box-shadow: 0 0 8px #D9D9D9;
    height: 25px
}

.txtbox-gview:focus{
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}
.textCss{font-size: 11px;
         font-weight: 600;
         color:#0183c1;
          font-family:Verdana;

}
.Tempinfo{}
.Tempinfo tr{padding: 10px}
.tempTable{}
.tempTable tr{padding: 10px}
.txtbox-gdvw{text-align:center;
    margin-left: 30px
}
.tableOne{ float: left;width: 350px}
.tableTwo{ float: left;width: 400px}
.gvCss{margin-left: 25px}
.imageButtonCss {
    padding-left: 10px
}
.lbltdCss {
    width: 120px;
        }
.ExTempCss{}

/*------------------------------------------New Css-------------------------------------*/ 
/* ========== CSS for Legend =========== */
/* ===================================== */
.spanOneCss{
    /*clear: both;*/
    font-size: 18px;
    font-family: verdana;
    /*color: #575757;*/
    color: #555555;
    }

.spanTwoCss{
    /*color: coral;*/
    font-size: 18px;
    font-family: verdana;
    color: #ff0000;
    }

.fieldsetDiv {
    padding: 20px;
    width: 850px;
}
.btnSave {
    background: #81D5F8;
  background-image: -webkit-linear-gradient(top, #81D5F8, #EDFAFF);
  background-image: -moz-linear-gradient(top, #81D5F8, #EDFAFF);
  background-image: -ms-linear-gradient(top, #81D5F8, #EDFAFF);
  background-image: -o-linear-gradient(top, #81D5F8, #EDFAFF);
  background-image: linear-gradient(to bottom, #81D5F8, #EDFAFF);


  font-family: verdana;
  color: #666e6b;
  font-size: 20px;
  padding: 0px 10px 0px 10px;
  text-decoration: none;
}
.btnSave:hover {
    background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

/* ============= CSS form "<Fieldset>" =================== */
/* ================================================== */
/*Basic common Fieldset style*/
.emsfieldset {
    border: 1px solid #C2EDFD;
    border-radius: 5px;
    height: auto;
    padding: 5px 5px 5px 5px;       /* Top Right Bottom Left*/
    margin: 0px 0px 5px 0px;        /* Top Right Bottom Left*/
}
.fieldsetCssOne{
    position: static;
    width:  900px;
    margin-left: 5px;
}


.fieldsetCss{
    position: static;
    color: #C2EDFD;
    width:  900px;
    height: 400px;
    margin-left: 5px;
}

/* ============= CSS form "<Legend>" =================== */
/* ================================================== */
/*Basic common Legend style*/

.emslegend {
    margin-left: 10px;
}
.cssParentTreePanel{
    height: 300px;
    width: 232px;
    background-color: #FFF3DB;
    overflow: scroll;
    border: 1px solid #C2EDFD;
    border-radius: 5px;
}

/* ============= CSS GridView =================== */
/* ================================================== */
.emsGrid {
    width:900px; 
    margin: 5px 0 5px 0; 
    /*border-collapse:collapse;*/
    /*border: 1px solid red*/
    background-color: #f4f4f4;
    border: 1px solid #ffffff;
     
}
.emsGrid td {        
    padding: 0 5px; 
    text-align: left;
    font-weight: normal;
    border: 1px solid #fff;
    
    /*color: #000000;*/
}
.emsGrid th { 
    margin: 5px 0 5px 0;
    font-size: 14px;                 
    /*background-color: #A0E5FC;*/
    background-color: #A0E5FC;
    font-family: verdana;
    font-weight:bolder;
    text-align: center;
    color: #787878;
    border: 1px solid #ffffff;
}

.emsGrid tr {
    /*border: 1px solid #FFF555 ;*/
    /*border: 1px solid orange ;*/
}

.emsGrid tr:hover {
    background-color: #CCEAF4;
}
.emsGridFooter {
    
}

.emsGridHeader {
    font-size: 14px;                 
    /*background-color: #A0E5FC;*/
    font-family: verdana;
    font-weight:bold;
    text-align: center;
}

.emsGridAlternateRows {
    /*background-color: #edfaff;*/
    /*background-color: #e6e6fa;*/
    /*border: 1px solid  #EDFAFF;*/
}



.emsTree {
    width:900px; 
    margin: 5px 0 5px 0; 
    /*border-collapse:collapse;*/
    /*border: 1px solid red*/
    background-color: #fff;
    /*border: 1px solid #ffffff;*/
     
}
.emsTree td {        
    padding: 0 5px; 
    text-align: left;
    font-weight: normal;
    /*border: 1px solid #fff;*/
    
    /*color: #000000;*/
}
.emsTree td:hover {
    background-color: #CCEAF4;
}

.emsTree tr:hover {
    background-color: #CCEAF4;
}
.QPGModifiedCss {
    padding: 0 1px
}

.emsRequiredField {
    background-image: none;
    background-color: #FAFFBD;
}
/*=========================================Ext Css=================================================*/
.extTextbox {
    border: 1px solid #C4C4C4;
    border-radius: 4px;
    box-shadow: 0 0 8px #D9D9D9;
    font-size: 13px;
    height: 14px;
    margin-top: 5px;
    padding: 6px 4px 4px 5px;
    width: 221px;
    /*background-image: none;*/
}
.extTextbox:focus {
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
    background-color: #FAFFBD;
}
.extddlbox {
    border: 1px solid #C4C4C4;
    border-radius: 4px;
    box-shadow: 0 0 8px #D9D9D9;
    font-size: 13px;
    height: 36px;
    width: 230px;
}

.extddlbox:focus {
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}

/*=========================================EMS SearchBox=================================================*/
.emsSearchBox {
    width: 300px;
    border: 2px solid #BCEDFE;
    margin-bottom: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
/* ============================GridView Pagination=========================*/
.displaypaging
{
    float:right;   
}