html {height:100%;padding-bottom:1px;}
body {margin: 0;padding: 0;color: #252525;font-family: Tahoma, Geneva, sans-serif;font-size: 13px;line-height:18px;background-color: #fff;background-repeat: repeat-x;background-position: top;}
a, a:link, a:visited {color: #2a65c6;font-weight: 400;text-decoration: none;}
a:hover {text-decoration: underline;}
p {margin: 0 0 10px 0;padding: 0;line-height:18px;}
img {border: none;}
em {color: #000;font-style: italic;}
h1, h2, h3, h4, h5, h6 {color: #38527d;font-weight: normal;font-family: 'Doppio One', sans-serif;line-height:120%;}
h1 {font-size: 48px;margin: 0 0 10px 0;	padding: 5px 0;}
h1 span {color:#252525;font-size:22px;font-weight:bold;line-height:30px;letter-spacing:-1px;}
h2 {font-size: 32px;margin: 0 0 15px 0;padding: 5px 0;}
h3 {color:#1f3252;font-size: 24px;margin: 0 0 15px;padding: 0;color:#1f3252;letter-spacing:-1px;}
h4 {font-size: 22px;margin: 0 0 15px;padding: 0;color:#252525;}
h5 {font-size: 18px;margin: 0 0 10px;padding: 0;}
h6 {font-size: 14px;margin: 0 0 5px;padding: 0;}
select { width:120px;}
textarea { width:300px; height:80px;}
table{}
table th {}
table tr td {}
.cleaner {clear: both;}
.h10 {height: 10px;}
.h15 {height: 16px;}
.h20 {height: 20px;}
.h30 {height: 30px;}
.h40 {height: 40px;}
.h50 {height: 50px;}
.h60 {height: 60px;}
.hr-divider{ background:#d9d9d9; height:1px; margin:30px 0; clear:both;}
.hr-divider-small{ background:#d9d9d9; height:1px; margin:12px 0; clear:both;}

.float_l {float: left;}
.float_r {float: right;}
.image_wrapper {display: inline-block;border: 5px solid #fff;background: none;margin-bottom: 5px;}
.image_fl {float: left;margin: 3px 15px 0 0;}
.image_fr {float: right;margin: 3px 0 0 15px;}
/* ------------------ */

#wrapper {width: 1172px;padding: 0 10px;margin: 0 auto;}
#header {width: 960px;height: 170px;}
#inner-header{width: 960px;height: 70px;}
#site_title {float: left;margin-top:6px;}
#site_title h1 {margin:0;padding: 0;}
#site_title h1 a {display: block;width: 960px;height: 99px;color: #fff;text-indent: -10000px;background: url(images/logo.png) no-repeat;}
/* top menu */
#top-links {float: right;padding:5px 0;width:100%;}
#top-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#top-links ul li {
	padding: 0;
	margin: 0;
	display: inline;
	color:#8f99a9;
	font-size: 12px;
	float: right;
	display: block;
	line-height: 14px;
	padding: 0 10px;
	border-right: 1px solid #8f99a9;
}
#top-links ul li a {
	line-height: 14px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	color: #ff920d;
	font-weight: 400;
	outline: none;
}
#top-links ul li a:hover, #top-links ul li .current {
	color: #fff
}
#top-links ul .last {
	border: none;
	padding-right: 0
}
/* end of top menu */
#font-size .small {
	font-size:11px;
}
#font-size .medium {
	font-size:13px;
}
#font-size .big {
	font-size:15px;
}
#theme-style a {
	text-indent:-99999px;
}
#theme-style .theme1 {
	background:#000;
	color:#FF33FF;
	font-weight:bold;
	border:1px solid #FF33FF;
	padding:0 4px;
	font-size:10px;
}
#theme-style .theme1:hover {
	background:#FF33FF;
	color:#000;
	font-weight:bold;
	border:1px solid #000;
	padding:0 4px;
	font-size:10px;
}
#theme-style .theme2 {
	background:#000;
	color:#fdeb44;
	font-weight:bold;
	border:1px solid #fdeb44;
	padding:0 4px;
	font-size:10px;
}
#theme-style .theme2:hover {
	background:#fdeb44;
	color:#000;
	font-weight:bold;
	border:1px solid #000;
	padding:0 4px;
	font-size:10px;
}
#theme-style .theme3 {
	background:#0000ff;
	color:#fdeb44;
	font-weight:bold;
	border:1px solid #fdeb44;
	padding:0 4px;
	font-size:10px;
}
#theme-style .theme3:hover {
	background:#fdeb44;
	color:#0000ff;
	font-weight:bold;
	border:1px solid #0000ff;
	padding:0 4px;
	font-size:10px;
}
#theme-style .theme4 {
	background:#fff;
	color:#000;
	font-weight:bold;
	border:1px solid #fff;
	padding:0 4px;
	font-size:10px;
}
#theme-style .theme4:hover {
	background:#000;
	color:#fff;
	font-weight:bold;
	border:1px solid #000;
	padding:0 4px;
	font-size:10px;
}
#home-icon {
	background:url(images/home-icon.gif) no-repeat left top;
	width:11px;
	height:12px;
	text-indent:-9999px;
	display:block;
}
#home-icon:hover {
	background:url(images/home-icon.gif) no-repeat left -12px;
}

/****************************************************
Page Navigation start
******************************************************/
.user_nav {padding:0;width:1000px;height:40px;float:left;}
.user_nav ul {margin:0;padding:0;list-style-type: none;}
/*Top level list items*/
.user_nav ul li {position:relative;display: inline;float: left;}
/*Top level menu link items style*/
.user_nav ul li a {float: left;display: block;padding: 11px 14px;font-family: 'Doppio One', sans-serif;font-size: 14px; text-decoration: none;color: #ff920d;outline: none;border-right: 1px solid #587298;text-transform:uppercase;}
* html .user_nav ul li a {
	/*IE6 hack to get sub menu links to behave correctly*/
display:inline-block;color:#fff;}
.user_nav ul li a:link, .user_nav ul li a:visited {color:#fff;}
.user_nav ul li a:hover {/*tab link background during hover state*/
color: #fff;background:#ff920d;}
/*1st sub level menu*/
.user_nav ul li ul {position: absolute;left:0px;display: block;	border-bottom: 3px solid #C0C0C0;z-index:100000;background:#38527D;}
/*Sub level menu list items (undo style from Top level List Items)*/
.user_nav ul li ul li {display: list-item;float: none;background:#ff920d;display:block;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.user_nav ul li ul li ul {position: absolute;left:0;top:0;text-align:left;width:100%;}
/* Sub level menu links style */
.user_nav ul li ul li a {font-family: 'Doppio One', sans-serif;text-transform:uppercase;width: 190px;
/*width of sub menus*/
padding:5px 5px 5px 10px;margin: 0;border-top:none;border-bottom: 1px solid #C0C0C0;}
.user_nav ul li ul li a:hover { 
/*sub menus hover style*/
color: #1f3252;background:#ff920d;}
/* ######### CSS classes applied to down and right arrow images  ######### */
.user_nav .downarrowclass {position: absolute;top: 15px;right: 7px;}
.user_nav .rightarrowclass {position: absolute;top: 10px;right: 5px;}
#current {color: #1f3252;background:#ff920d;}
#current-sub {color: #1f3252;background:#ff920d;}
/* end of menu */
#user-links .user-fname {font-weight:bold;}
#user-links {float:right;width:35%;height:40px;text-align:right;color:#b6d2ff;line-height:150%;font-size: 14px;}
#user-links p {padding:11px 0;}
#user-links a {padding: 12px 10px;font-family: 'Doppio One', sans-serif;font-size: 14px;text-decoration: none;color: #FFF;outline: none;}
#user-links a:hover {/*tab link background during hover state*/
	color: #fff;background:#ff920d;}
#main {clear: both;width: 960px;padding: 30px 0 0;}
#main-wide {clear: both;width: 97%;padding: 30px 0 0;}
.content_box {margin-bottom: 40px;}
.whatis{ width:260px; float:left;height:101px;}
.questionmark{ float:left;width:45px; height:56px; font-family:"Times New Roman", Times, serif; font-size:102px; padding-top:45px; color:#38527d;}
.whatis-text{ float:right;width:593px; border-left: 1px solid #d9d9d9; margin-left:30px; padding:10px 0 10px 30px;height:81px;}

.body-column{width:265px; float:left;}
.body-column p{ margin-left:80px; text-align:left;}
.body-column img{float:left;}
.body-column a.more {margin-top:30px;clear: both;display: block;padding:7px;font-family: 'Doppio One', sans-serif;font-size: 16px;text-align: center;color: #FFF;	font-weight: 400;background:#ff920d;}
.body-column a.more:hover {text-decoration: none;color: #FFF;background:#ffa93f;}
.body-column table tr td { padding:2px 5px;}


/* Vertical Slider Container */
.verticalslider {border: 1px solid #e5e5e5; background:#f1f1f1; overflow: hidden; width: 960px; margin: 0 auto; margin-bottom:20px; }

/* Tabs */
.verticalslider_tabs {float: left;width: 320px;}
.verticalslider_tabs, .verticalslider_tabs li{margin: 0px; padding: 0px;}
.verticalslider_tabs li{list-style-type: none;}
.verticalslider_tabs a:link, .verticalslider_tabs a:visited{display: block; width: 300px; height: 35px; padding: 30px 10px 30px 10px; background:#FFF; font-family: 'Doppio One', sans-serif;font-size:20px;font-weight: bold;color: #888888;  border-right: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; text-decoration: none;}

.verticalslider_tabs a:hover, .verticalslider_tabs a:active{background-color: #f1f1f1;color:#38527d;}
.verticalslider_tabs li:first-child a:link, .verticalslider_tabs li:first-child a:visited{border-top: none; height: 30px;}
.verticalslider_tabs .activeTab a:link, .verticalslider_tabs .activeTab a:visited{background: #f1f1f1; border-right: 1px solid #e5e5e5; color:#38527d;}
.verticalslider_tabs.activeTab a:hover, .verticalslider_tabs .activeTab a:active{background: #f1f1f1; border-right: 1px solid #e5e5e5; color:#38527d;}
.verticalslider .arrow { background:url(images/arrow.png) no-repeat; width: 27px; height: 93px; position: absolute; z-index: 1000; margin-left: 320px; margin-top: -91px; }

.verticalslider_tabs li a.candidates{ background: url(images/icons/jobseekers-icon.png) no-repeat 10px 0px;width: 205px; height:40px; display:block; margin:0; padding:35px 15px 15px 100px;}
{ background-position:10px -90px;}
.verticalslider_tabs li a.pia{ background: url(images/icons/pia-icon.png) no-repeat 10px 0px;width: 205px; height:40px; display:block; margin:0; padding:35px 15px 15px 100px;}
.verticalslider_tabs li a.center{ background: url(images/icons/tc-icon.png) no-repeat 10px 0px;width: 205px; height:50px; display:block; margin:0; padding:35px 15px 15px 100px;}
.verticalslider_tabs li a.osem{ background: url(images/icons/osem-icon.png) no-repeat 10px 0px;width: 205px; height:40px; display:block; margin:0; padding:35px 15px 15px 100px;}

.verticalslider_tabs li a.candidates:hover,
.verticalslider_tabs li a.pia:hover,
.verticalslider_tabs li a.center:hover,
.verticalslider_tabs li a.osem:hover,
.verticalslider_tabs li.activeTab a.candidates
{ background-position:10px -90px;}
.activeTab{ background-image:inherit;background-position:10px -90px;}

/* Contents */
.verticalslider_contents{float: left;width: 582px;display: inline; margin: 0px; padding: 15px; padding-left:30px; }
.verticalslider_contents li{margin: 0px; padding: 0px;width: 582px;overflow: hidden; padding: 0px;display: none;position: absolute;list-style-type: none; }
.verticalslider_contents .activeContent{display: inline;}

.login-box{ border-left:1px solid #d9d9d9; padding:10px 0; padding-left:30px; margin-left:30px; float:right;width:280px;}
.register-box{ float:left; width:240px; text-align:center; padding:10px 0 0 0;}
a.register-link{ border:1px solid #e87f00; color:#FFF;background:#ff920d; font-family: 'Doppio One', sans-serif; font-size:16px; font-weight:normal; line-height:32px; padding:5px 10px;}
a.register-link:hover{background:#ffa93f; text-decoration:none;}
.howto-icon{ background:url(images/lists/li_questions.png) no-repeat left center; padding-left:20px;}


#footer_wrapper {clear: both;width: 100%;background: url(images/apps_footer.png) repeat-x}
/* #footer {width: 960px;height: 240px;padding: 40px 0 0 0;margin: 0 auto;color: #fff;} */
#copyright {clear: both;width: 960px;height: 35px;padding: 10px 0;margin: 0 auto;text-align: center;color: #929cb2;font-size:11px;line-height: 15px;}
#copyright a {color: #fff;}

/*dashboard sidebar*/
ul.menu, ul.menu ul {list-style-type:none;margin: 0; padding: 0;background:#e6e6e6; border:1px solid #e6e6e6;}
ul.menu ul{ background:none; border:none;}
ul.menu a {padding:5px 10px;background:#fff;margin: 1px 0;text-decoration:none;display: block;}
ul.menu a:hover{background:#f8f8f8;}
ul.menu li .parent{ background:#38527d url(images/lists/right-arrow-icon.gif) no-repeat center right; background-position: 185px center; padding:5px 10px;color:#fff;margin: 1px 0;}
ul.menu li .parent:hover{background:#4e7ecc url(images/lists/right-arrow-icon.gif) no-repeat center right; background-position: 185px center;}
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover {background:#4e7ecc url(images/lists/down-arrow-icon.gif) no-repeat center right; background-position: 185px center;}

/* Floats */
.left {float: left;}
.right {float: right;}
.clearer {clear: both;display: block;font-size: 0;height: 0;line-height: 0;}
/* Misc
------------------------------------------------------------------- */
.hidden {display: none;}
/* Example specifics
------------------------------------------------------------------- */
/* Content & sidebar */
#content,#sidebar {}
#sidebar {display: none;}
#content {width: 97%;}
.use-sidebar #content {width: 73%;}
.use-sidebar #sidebar {display: block;width: 22%;}
.sidebar-at-left #sidebar {margin-right: 1%;}
.sidebar-at-right #sidebar {margin-left: 1%;}
.sidebar-at-left #content, .use-sidebar.sidebar-at-right #sidebar, .sidebar-at-right #separator {float: right;}
.sidebar-at-right #content, .use-sidebar.sidebar-at-left #sidebar, .sidebar-at-left #separator {float: left;}
#separator {background: url(images/lists/show-sidebar.gif) no-repeat center top; border-right:1px solid #d9d9d9;display: block;outline: none;width: 2%;}
#separator:hover {background: url(images/lists/show-sidebar-over.gif) no-repeat center top; border-right:1px solid #d9d9d9;display: block;outline: none;width: 2%;}
/*.use-sidebar #separator {background: url('images/vertical-separator.gif') repeat-y center top;border-color: #FFF;}*/
.use-sidebar #separator {background: url(images/lists/hide-sidebar.gif) no-repeat center top;}
.use-sidebar #separator:hover {background: url(images/lists/hide-sidebar-over.gif) no-repeat center top;}

/*USER DEFINED CSS*/
table.gridview{margin-bottom:20px; }
table.gridview em{font-weight:normal;}
table.gridview th { font-size:14px; font:normal  'Doppio One', sans-serif; color:#fff;background:#A9C1E4; padding:5px 10px; border:1px solid #e6e7e2; text-align:left;}
table.gridview tr td {font-size:13px; font-family:13px Tahoma, Geneva, sans-serif;background:#fafcf7; padding:5px 10px;border:1px solid #e6e7e2; border-top:none;}
table.gridview tr:hover td {background:#f8f8f8;}
table.gridview .tr1 td{ background:#fff; color:#000;font: normal normal 110% 'Doppio One', sans-serif;}
table.gridview .tr1:hover td{ background:#fff;}

/*coloured Text*/
.red{color:#ff0000; font:bold 16px Georgia, "Times New Roman", Times, serif;}
.green{color:#008000;font:bold 16px Georgia, "Times New Roman", Times, serif;}
.orange{color:#ff8400;font:bold 16px Georgia, "Times New Roman", Times, serif;}
.black{color:#000;font:bold 16px Georgia, "Times New Roman", Times, serif;}


/*Form elements*/
{margin:0;height:auto;}
table{margin:0; padding:0; border-spacing:0;}
label{display:block; margin:5px 0 5px 0; font-weight:bold;}
 small{color:#888; line-height:125%;}
.field {border:1px #d9d9d9 solid;background:#FFF;color:#888; padding:5px;width:206px;}
.field1 {border:1px #d9d9d9 solid;background:#FFF;color:#888; padding:5px;width:280px;}
.listfield {border:1px #d9d9d9 solid;background:#FFF;color:#888; padding:5px;width:auto;}
.textarea {border:1px #d9d9d9 solid;background:#FFF;color:#888;height:100px; padding:5px; width:268px; font-family:Tahoma, Geneva, sans-serif;}
.m-field{width:185px;}
.field:focus, .field1:focus, .textarea:focus {border:1px solid #c0c0c0; background:#FFF; color:#000;}
.field:onblur, .field1:onblur, .textarea:focus {border:1px solid #c0c0c0; background:#FFF; color:#000;}
.submit-btn{ border:1px solid #4a638e; color:#FFF;background:#5475ac; font-family: 'Doppio One', sans-serif; font-size:16px; font-weight:normal; padding:5px 10px; margin:10px 0; cursor:pointer;}
.go-btn{ border:1px solid #4a638e; color:#FFF;background:#5475ac; font-family: 'Doppio One', sans-serif; font-size:16px; font-weight:normal; padding:2px 5px; margin:0 0 0 2px; cursor:pointer;}
.submit-btn:hover, .go-btn:hover{background:#4e7ecc; text-decoration:none;}


/*error styles*/
.msg-error{padding:5px 5px 5px 30px; border:1px solid #ef0000; color:#ef0000; font:normal 14px "Courier New", Courier, monospace; background:#ffcece url(images/lists/error-wrong.png) no-repeat 5px center;margin:10px 0;}
.msg-warning{padding:5px 5px 5px 30px; border:1px solid #f09301; color:#f09301; font:normal 14px "Courier New", Courier, monospace; background:#ffffd8 url(images/lists/error-warning.png) no-repeat 5px center;margin:10px 0;}
.msg-success{padding:5px 5px 5px 30px; border:1px solid #8ce000; color:#1fb200; font:normal 14px "Courier New", Courier, monospace; background:#eaffc6 url(images/lists/error-success.png) no-repeat 5px center; margin:10px 0;}

/*different sized DIV*/
.div15{ width:15%;}
.div30{ width:30%;}
.div35{ width:35%;}
.div40{ width:40%;}
.div45{ width:45%;}
.div48{ width:48%;}
.div55{ width:55%;}
.div65{ width:65%;}
.div75{ width:75%;}
.div85{ width:85%;}
.div-center{width:35%; text-align:left; margin:0 auto;}

.date-of-registration{
	background:#A9C1E4;
	margin-top:20px;
	margin-bottom:20px;
	padding:0px 20px 0 20px ;
	}
.registration{ float:left;}
.apply-mode{ float:right; margin-right:200px; }

.select{ width:200px; height:27px; border: 1px solid #CCC;}

/*Candidate Acknowledgement style*/
.Acknowledgement{ background:#CCC; margin:0 100px 0 100px; }
.Acknowledgement label{ text-align:right}

/*directorate employeement style*/
#site_title_1 {float: left;margin-top:6px;}
#site_title_1 h1 {margin:0;padding: 0;}
#site_title_1 h1 a {display: block;width: 960px;height: 99px;color: #fff;text-indent: -10000px;background: url(images/header_bg_01.png) no-repeat;}

.slider{ background:url(images/banner.png) no-repeat; width:900px; height:258px; margin:15px 0 40px 0; padding:24px 0px 0 60px;}
.welcome-content{ width:960px; }
.exchange{ width:440px; float:left; }
.exchange h4{ color:#3d4d69; font-weight:bold; font-size:20px; }
.exchange .float_l{ float:left; margin-right:10px;}
.mission{ width:440px; float:right; }
.mission h4{ color:#3d4d69; font-weight:bold; font-size:20px; }
.mission .float_l{ float:left; margin-right:10px;}
.click { background: #ff920d; width:150px; height:33px; margin-top:20px; float:right; border:1px solid #b26302;   }
.click a{font-family: 'Doppio One', sans-serif; font-size:18px; color:#FFF; text-decoration:none; height:43px; padding-top:5px; display:block; }
.click a:hover{  color:#e8e8e8;}
/********slider style**********/

#middle {
	clear: both;
	width: 960px;
	height: 325px;
	padding: 30px 0 0;/*background: url(images/middle.jpg) no-repeat */
}
#mid_img_wrap {
	float: left;
	position: relative;
	width: 491px;
	height: 282px;
	padding: 24px 50px;
}
#mid_img_wrap span {
	position: absolute;
	width: 591px;
	height: 282px;
	top: 0;
	left: 0;
	z-index: 10;
	background: url(images/slider_frame.png) no-repeat
}
#mid_right {
	float: right;
	width: 360px;
	color: #fff;
}
#mid_right a {
	color: #FFFF00;
}
#mid_right p {
	margin-bottom: 20px;
	font-size: 18px;
	font-family: 'Handlee', cursive;
	font-weight:400;
	line-height:17px;
	padding-left:30px;
}
#mid_title {
	color: #fff;
	font-size: 18px;
	font-family: 'Doppio One', sans-serif;
	margin-bottom: 20px;
	text-align:center;
	line-height:0px;
}
#mid_right a.view_port {
	display: block;
	float: right;
	width: 110px;
	height: 37px;
	background: url(images/view_port.png.html) no-repeat
}

.jobportal-link ul{
			list-style:none;
			
			}
			.jobportal-link ul li a{
			
			float:left;
			padding:5px 16px;
			font-size:11px;
			text-decoration:none;
			color:#5a5959; 
			font-weight:bold;
			}
			.jobportal-link ul li a:hover{
			color:#414040;
			
			}

#gallery{max-width:1100px; margin:0 auto; padding-left:5px; padding-right:5px;}
#gallery ul {list-style: none; width:100%;}
#gallery ul li{float: left;  display:inline; padding:5px; margin:5px; line-height:2; border: 1px solid #ddd; width:252px; height:212px; overflow: hidden;}
#gallery img{max-width:100%; margin:0 auto; display:block;  border: 1px solid #ddd;}

#gallery h5{font-size: 13px;
       text-align: center;
    font-weight: 100;}
.large p,
.small p									{ text-align: left; }
.large										{ background: white; }

.large p									{ font-size: 24px;  }

/* Added by rama for new and event 1.08.2015	 */		
.news-event{border:1px solid #dddddd; padding:10px 0px 0 148px; margin-top:10px; position:relative; }
.news-event-position{ position:absolute; top:0px; left:0px; background:#293F6E; padding:12px; font-weaight:bold; color:#FFF;font-weight: bold;font-size: 16px;}

.tender-notice{border:1px solid #dddddd; padding:10px 0px 0 148px; margin-top:10px; position:relative; }
.tender-notice-position{ position:absolute; top:0px; left:0px; background:#293F6E; padding:12px; font-weaight:bold; color:#FFF;font-weight: bold;font-size: 16px;}



/* end by rama for new and event 1.08.2015 	 */

/* FOR IMAGE DEMO */
.large img								{ width: 200px; height: 150px; }
.large h4 {font-size: 25px;margin: 0 0 15px;padding: 0;color:#252525;}
.large a {font-size: 24px;   }