@charset "utf-8";
/* CSS Document */
*{
	padding:0px;
	margin:0px;
	outline:none;
 }
img{
	border:none;
	}
	
body{
	background:url(../images/bg_inner.png) repeat-x #dbeaf8 ;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	min-height:500px !important;
	margin:0px;
	padding:0px;
	}
	
#main_warp{
	width:980px;
	margin:0 auto;}
	
/* Headings css Start */
h1 { font-size:24px; color:#073564; font-weight:bold;  }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size:18px; color:#073564; font-weight: normal; margin:0px; padding:0px; }
h5 { font-size:16px; color:#0079c2; font-weight: normal; margin:0px; padding:0px; }
h6 { font-size: 15px; font-family: "Trajan Pro"; font-weight: 700; text-transform: uppercase; } 
/* Headings css End */

:not(.tablesorter thead tr) .header{
	width:980px;
	float:left;
	height: auto;
	}
	
.logo_img{
	width:233px;
	height:42px;
	float:left;
	margin:13px 0px 0px 7px;
	}
	
	
.login_area{
	width:355px;
	height:42px;
	float: right;
	margin:24px 0px 0px 0px;
	color:#FFFFFF;
	}		
.nav{
	width:980px;
	height: 59px; 
	float: left;
	margin:13px 0px 0px 0px;
	background:#000000;}
	
.banner{
	width:980px;
	height:352px; 
	float: left;
	}

.whiterbg{
	width:990px;
	background:url(../images/bg_white.png) no-repeat top center;
	padding:40px 0 0 17px;}
	
.shadow_twocl{
	width:976px;
	background:url(../images/shadow_left.png) no-repeat top center;
	height:auto;
	padding:0 0 0 12px !important;
	margin:0 0 0 0;
	_padding:0 0 0 0;/* IE8 */

	}
	
.shadow_twocl_myhome{
	width:976px;
	background:url(../images/shadow_left.png) no-repeat top center;
	height:auto;
	padding:0 0 0 7px;
	}
	
.center_imgcolleft{
	width:271px;
	background:url(../images/left_center_img.png) repeat-y ;
	/*height:500px;*/
	padding:0 0 169px 18px;
	}

.header_imgagricultur{
	width:678px;
	height:140px;
	/*background:url(../images/header_img.png) no-repeat top;*/
	color:#073564;
	font-size:30px;
	font-weight:900;
	padding:5px 0 0 12px;
	}
		/*width:966px;*/
.header_myhomepage{
	
	height:99px;
	background:url(../images/header_img_myhome.png) no-repeat;
	color:#073564;
	font-size:30px;
	font-weight:900;
	padding:5px 0 0 10px;
	}
	
.header_myhomepage_center{
	
	height: auto;
	background:url(../images/center_large_img.png) repeat-y ;
	padding-left:33px;
	padding-top:53px;
	padding:0 0 250px 25px !important;
	
	}
	
.header_agriculture_center{
	
	height: auto;
	background:url(../images/center_large_img.png) repeat-y ;
	padding:10px 12px 10px 12px;
	
	}
	
.imgfirst{
	width:360px;
	height:276px;
	background:url(../images/takeatour_n.png) no-repeat;}

.imgsecond{
	width:313px;
	height:276px;
	background:url(../images/agsamples_n.png) no-repeat center;}
	
.imgthired{
	width:360px;
	height:276px;
	background:url(../images/careertech_new.png) no-repeat;}
	
.sample
{
  display: block;
  width: 313px;
  height: 55px;
  background: url(../images/viewsamp.png) no-repeat;
  border:none;
  margin:10px 10px 0 10px;
  float:left;
}
.sample:hover
{ 
  background-position: 0 -55px;
  float:left;
}

.taket
{
  display: block;
  width: 313px;
  height: 55px;
  background: url(../images/takeat.png) no-repeat 0 0;
  border:none;
  margin:10px 0 0 0px;
}
.taket:hover
{ 
  background-position: 0 -55px;
}

.whati
{
  display: block;
  width: 311px;
  height: 55px;
  background: url(../images/what.png) no-repeat 0 0;
  border:none;
  margin:10px 0 0 0px;
}
.whati:hover
{ 
  background-position: 0 -55px;
}
	
.footer{
	width:100%;
	/*background:url(../images/footer.png) repeat-x;*/
	margin:0 auto;
	padding:20px 0 50px 0;
	color:#9a9a9a;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;}	
	
.footer_inner{
	margin:0 auto !important;
	height:40px !important;
	width:970px !important;
	}	
	
.viewlink
{
  display: block;
  width:100%;
  height:100%;
  /*background: url(../images/view_img.png) no-repeat 0 0;*/
  border:none;
  /*margin:246px 17px 0 0;*/
  float:right;
}
.viewlink:hover
{ 
  background-position: 0 -18px;
}

.vedio
{
  display: block;
  width:100%;
  height:100%;
  /*background: url(../images/play_btn.png) no-repeat 0 0;*/
  border:none;
  margin:10px 17px 0 100px;
}
.vedio:hover
{ 
  background-position: 0 -90px;
}

.hoverbox
{
  display: block;
  width:285px;
  height:60px;
  background: url(../images/regular_new.png) no-repeat 0 0;
  border:none;
  margin:10px 0px 5px 0px;
  color:#3a3a3a;
  font-size:16px;
  font-weight:normal;
  padding:15px 0 0 10px;
  text-decoration:none;
  background-position: 0 -75px;
  text-align:center;
   cursor:pointer;
   vertical-align:middle;
}

.ruglarbox
{
  display: block;
  width:285px;
  height:60px;
  background: url(../images/regular_new.png) no-repeat 0 0;
  border:none;
  margin:10px 0px 5px 0px;
  color:#3a3a3a;
  font-size:16px;
  font-weight:normal;
  padding:15px 0 0 10px;
  text-decoration:none;
  text-align:center !important;  
  vertical-align:middle;
}
.ruglarbox:hover
{ 
  background-position: 0 -75px;
  color:#073564;
  font-size:16px;
  font-weight:normal;
  padding:15px 0 0 10px;
  text-decoration:none;
  text-align:center !important;
  cursor:pointer;
  vertical-align:middle;

}



a.edit:link, a.edit:visited {
	font-size:14px;
	color:#0079c2;
	text-decoration:underline;
	line-height:20px;
	font-weight:bold;
	}
	
a.edit:hover{
	font-size:14px;
	color:#0079c2;
	text-decoration:underline;
	line-height:20px;
	font-weight:bold;
	}
	
.smallboxihover
{
  display: block;
  width:45px;
  height:38px;
  background: url(../images/small_box_hover.png) no-repeat 0 0;
  border:none;
  color:#3a3a3a;
  font-size:12px;
  font-weight:normal;
  text-decoration:none;
  padding:15px 0 0 15px;
  margin:3px 0 0 0;
  
}
.smallboxihover:hover
{ 
  background-position: 0 -52px;
  color:#073564;
  font-size:12px;
  font-weight:normal;
  padding:15px 0 0 15px;
}

.na_bar_bg{
	width:967px;
	height:59px;
	background:url(../images/nav_bg_top.png) no-repeat;
	background-position:center;
	}
	

a.loginst:link, a.loginst:visited {color:White !important; font-size:14px; text-decoration:none; margin-left:8px;}
a.loginst:hover {color:#ffd331; font-size:14px; text-decoration:none; margin-left:8px;}

a.loginl:link, a.loginl:visited {color:#fff; font-size:18px; text-decoration:none; margin-left:8px;}
a.loginl:hover {color:#ffd331; font-size:18px; text-decoration:none; margin-left:8px;}

a.interior:link, a.interior:visited { font-size:16px; color:#3a3a3a; text-decoration:none; outline:none !important;}
a.interior:hover {font-size:16px; color:#073564; text-decoration:underline; outline:none !important;  }

a.calanderli:link, a.calanderli:visited {color:#4e54be; font-size:14px;  text-decoration: underline; text-align:center; }
a.calanderli:hover {color:#4e54be; font-size:14px;  text-decoration: none; text-align:center;}

.bluebtn{
	width:133px;
	height:30px;
	background: url(../images/blue_btn.jpg) no-repeat center;
	text-align:center;
	margin:0 0px 0 0px;}
	
.drowp_down_top{
	width:206px;
	float: left; 
	height:26px;
	background: url(../images/arow_down.jpg) no-repeat; 
	margin:0px 0 0 20px;
	}

styled-select select {
   background: none !important;
   width: 200px;
   font-size: 12px;
   border:none;
   letter-spacing:-1.5px;
   padding:0px 0 0 0;
}

.styled-select {
   width: 181px;
   overflow: hidden;
   background: url(../images/down_arrow_select.jpg) no-repeat right ;
   margin:5px 0 0 5px;
}

/* Navbar.css starts */
#navbar{
	width: auto;
	height:56px !important;
	margin-top:3px !important;
	margin-left:7px !important;
	/*background:url(../images/navbar-bg.png) left top repeat-x;*/
}
#navbar .inbar{
	display: inline-block;
	height:59px;
	/*background:url(../images/right-round.png) right top no-repeat;*/
}
#navbar ul, #navbar ul li{
	border:0px;
	margin:0px;
	padding:0px;
	list-style:none;
	height:48px;
	line-height:52px;
}
#navbar ul{
	/*background:url(../images/left-round.png) left top no-repeat;*/
	
}
#navbar ul li{
	float:left;
	display: inline-block;
	line-height:52px;
	background:url(../images/two_line.jpg) no-repeat right;
}
#navbar ul li a{
	color:#fff;
	text-decoration:none;
	font-weight: normal;
	display: inline-block;
	font-size:18px;
	margin-left:0px;
	
}
#navbar ul li a span{
	padding:0 20px 0 0;
	height:52px;
	line-height:52px;
	display: inline-block; 
	margin-left:20px;
}
#navbar .navhome a, #navbar .navhome a:hover{
	background:url(../images/a-bg.png) left top no-repeat;
	height:52px;
	line-height:52px;
}
#navbar .navhome a span, #navbar .navhome a:hover span{
	color:#FFFFFF;
	background: url(../images/span-bg.jpg) right top no-repeat;
	height:52px;
	line-height:52px;
	margin-left:51px;
	padding-left:12px;
	width:auto;
	
}
#navbar ul li a:hover{
	/*background:url(../images/ahover-bg.png) left top no-repeat;*/
	height:52px;
	line-height:52px;
	background:#032d5d;
	width:auto;

}
#navbar ul li a:hover span{
	background:url(../images/spanhover-bg.png) right top no-repeat;
	height:36px;
	line-height:52px;
	cursor:pointer;
}


.plustext{
	width:215px;
	height:25px;
	float:left;
	font-size:14px;
	color:#0079c2;
	text-decoration:underline;
	font-weight:bold;
	}
	
.plustext_inner{
	width:950px;
	height:45px;
	float:left;
	font-size:14px;
	color:#0079c2;
	text-decoration:underline;
	}	
	
.navbar_colourf{
	height:59px;
	/*float:left;*/
	background: url(../images/colourfull_tab.png) no-repeat center;
	padding:5px 0 5px 0 !important;
	margin:0 0 0 12px;
	width:967px !important;
	}
	
/*----------------------------------------------Navbar.css Ends-------------------------------------------------------*/

/*----------------------------------------------Style_Inner.css Start-------------------------------------------------*/
div.wrap {
	width : 980px;
	float:left;
	text-align : left;
}
div#top div#nav {
	float : left;
	clear : both;
	width : 980px;
	height : 52px;
	margin : 22px 0 0;
}
div#top div#nav ul {
	float : left;
	width : 700px;
	height : 52px;
	list-style-type : none;
}
div#nav ul li {
	float : left;
	height : 52px;
}
div#nav ul li a {
	border : 0;
	height : 52px;
	display : block;
	line-height : 52px;
	text-indent : -9999px;
}
div#header {
	margin :-54px 0 0;
}
div#video-header {
	height : 683px;
	margin : 0px 0 0;
}
div#header div.wrap {
	height : 299px;
}
div#header div#slide-holder {
	z-index : 40;
	width : 980px;
	height : 352px;
	position : absolute;
}
div#header div#slide-holder div#slide-runner {
	width : 980px;
	height : 352px;
	overflow : hidden;
	position : absolute;
	margin:2px 0 0 0 !important;
}
div#header div#slide-holder img {
	margin : 0;
	display : none;
	position : absolute;
}
div#header div#slide-holder div#slide-controls {
	left : 0;
	bottom : 228px;
	width : 973px;
	height : 46px;
	display : none;
	position : absolute;
	top:86px !important;
}
div#header div#slide-holder div#slide-controls p.text {
	float : left;
	color : #fff;
	display : inline;
	font-size : 10px;
	line-height : 16px;
	margin : 15px 0 0 20px;
	text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
	float: left;   
	height : 24px;
	display : inline;
	margin:20px 15px 0 145px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
	float : left;
	width : 24px;
	height : 24px;
	display : inline;
	font-size : 11px;
	margin : 0 5px 0 0;
	line-height : 24px;
	font-weight : bold;
	text-align : center;
	text-decoration : none;
	background-position : 0 0;
	background-repeat : no-repeat;
	color:#0d3e70;
}
div#header div#slide-holder div#slide-controls p#slide-nav a:hover {
	
	background: url(../images/graybox_bg.png) repeat-x;
	color:#0d4176;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
	background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
	width:20px;
	height:20px;
	border:1px solid #0d3e70;
	background:url(../images/box-bg.PNG) repeat;
}
div#nav ul li a {
	background : url(../images/nav.png) no-repeat;
}

a.one:link, a.one:visited {color:#483800; font-size:22px; text-decoration:none;}
a.one:hover {color:#000; font-size:22px; text-decoration:none;}

a.two:link, a.two:visited {color:#9a9a9a; font-size:11px; text-decoration:none;}
a.two:hover {color:#1c5287; font-size:11px; text-decoration: underline;}

#slide-controls{
	margin-left:27px;}
	
.jumpMenu{
	border: 1px solid #CCCCCC;
    height: 28px;
    margin: 15px 0 5px;
    width: 243px;
	background:#FFFFFF;
	color:#808080;
	display:block !important;
	}

.acpro_inp0{
	width:238px;
	border: 1px solid #CCCCCC;
    height: 24px;
    margin: 0px 0 5px;
}

.acpro_inp1{
	width:238px;
	border: 1px solid #CCCCCC;
    height: 24px;
    margin: 0px 0 5px;
}

.loginbtn{
	width:96px;
	height:44px;	
	border:none;
	float:right;
	margin:15px 12px 0 0;
	border:none !important;
	outline:none !important;
	border-style: none !important;
	cursor: pointer;}
	
	
button{
	border:none !important;
	outline:none !important;}

/*-------JQuerry Login box CSS-------*/
#mask
{
    
    background-color: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;  
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);    
    opacity:0.8;          
    z-index: 999;
}

.login-popup
{
    display: none;
    background-color:White;
    padding: 10px;
    border: 4px solid #29AAE3;
    border-radius:5px;
    float: left;
    font-size: 12px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
}

.btn_Close
{
float: right; 
margin: -28px -25px 0 0;
 border:none;    
}

.class_GenerateList
{
    color:#2771BA;
    font-family:Arial;
    font-size: 10pt;
}

.class_SelectGrade
{
    font-family:Arial;
    font-size:13px;
    color:#666666;    
}

.class_TableMainContent
{
    width:100%;
    background-color:#879DB4;
    line-height:24px;
}

.class_TableMain_Font
{
     color:#FFFFFF;
     font-size:13px;
     font-family:Arial;     
}

.TableGeneral
{
    border:none;
    width:100%;    
}

.class_ChooseAncher
{
    color:#FFFFFF;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;     
}

.LeftNavUl
{
    line-height:21px;    
    margin-left:13px;
}

.LeftNavUl li
{
    color:#0079C2;    
}

.LeftNavUl li a
{
    color:#0079C2;    
}

.Heading_Red a
{
    color:#BF030A !important;
    font-size:21px !important;    
}

.Ancher_Red
{
    font-size: 14px !important; 
    color: #bf030a !important; 
    text-decoration: none !important;    
}
/*------------------------------------------------------Style_Inner.css Ends--------------------------------------------*/

/*------------------------------------------------------Style.css start------------------------------------------------*/
hr {
  border: 0;
  width: 930px;
  color: #f00;
	background-color: #f1f1f1;
	height: 1px;
	margin:0 0 0 25px;
}

.input {
   border: 1px solid #CCCCCC;
    height: 24px;
    margin: 0 0 5px;
    width: 239px;
	padding:2px 0 0 2px;
	color:Gray;
}
/*---------------------------------------------------------Style.css End------------------------------------------------*/

/*---------------------------------------------------------Basic.css start----------------------------------------------*/
#basic-modal-content {display:none; width:250px !important;
	height:225px!important; margin:74px 0 0 76px !important;}

/* Overlay */
#simplemodal-overlay {background-color:#000; }

/* Container */
#simplemodal-container{width:404px !important; height:315px !important;color:#bbb; background:url(../images/pop_bg.png) no-repeat bottom; 
 overflow:hidden !important; }
#simplemodal-container .simplemodal-data {overflow:hidden !important; }
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; }
#simplemodal-container a {color:#6c6c6c;}
#simplemodal-container a.modalCloseImg {background:url(../images/cross_btn.png) no-repeat; width:26px; height:26px; display:inline; z-index:3200; position:absolute; float:right; top:0px; right:0px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}

#teacher{
	width:250px !important;
	height:225px!important;
	margin:0 auto;
	}	

a.clikc:link, a.clikc:visited {color: #999999; font-size:12px; text-decoration:none; margin-left:8px;}
a.clikc:hover {color:#999999; font-size:12px; text-decoration: underline; margin-left:8px;}
/*---------------------------------------------------------Basic.css start------------------------------------------------*/

/*-------------------nasir-------------*/

a.greentext:link, a.greentext:visited {font-size:22px; color:#00853e; font-weight:bold; text-decoration:none;}
a.greentext:hover {font-size:22px; color:#00853e; font-weight:bold; text-decoration:underline;}

a.browntext:link, a.browntext:visited {font-size:22px; color:#8a1e04; font-weight:bold; text-decoration:none;}
a.browntext:hover {font-size:22px; color:#8a1e04; font-weight:bold; text-decoration:underline;}

a.orangtext:link, a.orangtext:visited {font-size:22px; color:#ea7f1e; font-weight:bold; text-decoration:none;}
a.orangtext:hover {font-size:22px; color:#ea7f1e; font-weight:bold; text-decoration:underline;}

a.darkgreentext:link, a.darkgreentext:visited {font-size:22px; color:#00788a; font-weight:bold; text-decoration:none;}
a.darkgreentext:hover {font-size:22px; color:#00788a; font-weight:bold; text-decoration:underline;}

a.bluetext:link, a.bluetext:visited {font-size:22px; color:#073564; font-weight:bold; text-decoration:none;}
a.bluetext:hover {font-size:22px; color:#073564; font-weight:bold; text-decoration:underline;}


a.skybtext:link, a.skybtext:visited {font-size:22px; color:#0079c2; font-weight:bold; text-decoration:none;}
a.skybtext:hover {font-size:22px; color:#0079c2; font-weight:bold; text-decoration:underline;}


.career_profile
{
    line-height: 25px;
}

.career_profile a
{
    color:Gray;
    font-size:11pt;    
}

.plusButton
{
    width: 45px;    
}

.sectionHeading
{
    font-family:Arial;
    font-size: 12pt;
    color:white;
    padding-left:5px;
    /*font-weight: 700;*/
}
.sectionDescription
{
    font-family:Arial;
    font-size: 10pt;
    color:#000;
}

.subHeaderReports
{
    text-align:left;
    margin-bottom:2px; 
    background-color:#acacac;
}
.CourseHeader
{
    border-bottom:1px solid white;    
}

/*table sorter*/

table.tablesorter {
	font-family:arial;	
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	/*background:#cee2fd;*/
	font-size: 8pt;
	height:30px;
	padding: 2px;	
	/*border-bottom:5px solid #a4c4f5;*/
	font-weight:bold;
	/*color:#0043a4;
	background-image: url(/images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;*/
	cursor: pointer;
}
table.tablesorter thead .header 
{
    width:none;
	/*background:#cee2fd;*/
	height:30px;	
	/*border-bottom:5px solid #a4c4f5;*/
	font-size:12px;
	font-weight:bold;
	color:#0043a4;
	background-image: url(/images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	padding: 4px;
	vertical-align: top;
	/*border-right:1px solid #a4c4f5;  
	border-bottom:1px solid #a4c4f5;	
	border-left:1px solid #a4c4f5;*/
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    /*background-color: #8dbdd8;*/
}

.subRows
{
    background-image:url(/images/yallow_arow.png);
    background-position:left top;
    background-repeat:no-repeat;
    padding:0 0 0 18px !important;
    /*content: ">";*/
    
}

.tblLoader
{
    width:100%; 
    vertical-align:middle;
    text-align:center;
    height: 72%;
    /*padding-top: 13%;*/
}

/*--------------------for bpopup in Assign eUnits------*/
/*.popups
{
    background-color: #FFFFFF !important;
    border-radius: 25px 25px 25px 25px; 
    color: #000000;
    display: none;
    min-width: 450px;
    padding: 25px;
    border: 13px Solid;
    border-color: #363636;
    font-size:12px;
    opacity: 1 !important;
}

.lt-ie9 .bModal
{
    background-color: #000;
}

.button.bClose {
    border-radius: 7px 7px 7px 7px;
    box-shadow: none;
    font-size: 14px;
    font-weight: bold;
    padding: 0 6px 2px;
    position: absolute;
    right: 12px;
    top: 8px;
}

.button {
    background-color: gray;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}*/