html { overflow-y:scroll; }

body {
	background:#fb7400 url(../images/gradient.png) repeat-x;
	font:13px/18px Arial,sans-serif;
}


#container {
	margin:-60px auto 0;
	width:752px;
/*	min-height:500px;*/
/*	outline:1px solid black;*/
	position:relative;
}

#circle1 {
/*	outline:1px solid red;*/
	background: url(../images/circle1.png) no-repeat;
	width:305px;
	height:317px;
	position:absolute;
	z-index:-1;
	right:-55px;
	top:150px;
/*	display:none;*/
}
#circle_login {
/*	outline:1px solid red;*/
	background: url(../images/circle1.png) no-repeat;
	width:305px;
	height:317px;
	z-index:-1;
	position:absolute;
	/*right:390px;*/
	top:120px;
	right:-115px;
/*	margin-left:400px;
	margin-top:-400px;*/
/*	display:none;*/
}
#circle2 {
/*	outline:1px solid red;*/
	background:url(../images/circle2.png) no-repeat;
	width:308px;
	height:304px;
	position:absolute;
	z-index:-1;
	left:-85px;
	bottom:0px;
	
/*	display:none;*/
/*	display:none;*/
}
#circle3 {
/*	outline:1px solid red;*/
	background:url(../images/circle2.png) no-repeat;
	width:308px;
	height:304px;
	position:absolute;
	z-index:-1;
	left:-85px;
	bottom:35em;
	
/*	display:none;*/
/*	display:none;*/
}
#circle4 {
/*	outline:1px solid red;*/      /* 24.06.09 updated - susanta*/
	background:url(../images/circle2.png) no-repeat;
	width:308px;
	height:304px;
	position:absolute;
	z-index:-1;
	left:-110px;
	margin-top:35em;
/*	display:none;*/
/*	display:none;*/
}
#circle2_login{
/*	outline:1px solid red;*/
	background:url(../images/circle2.png) no-repeat;
	width:308px;
	height:304px;
	position:absolute;
	z-index:-1;
	left:-25px;
	/*left:320px;*/
	top:390px;
}
#top {
	height:194px;
	width:980px;
	background:url(../images/rn_logo.png) no-repeat left 27px;
	position:absolute;
	/*	position:relative;*/
	z-index:5;
	top:20px;
	left:-235px;
	overflow:hidden;
/*	outline:1px solid red;*/

}

#top ul{list-style:none}

#header_button {
background:url(../images/buutton_uitloggen.gif);
width:130px;
height:32px;
float:right;

}


/*	outline:1px solid red;*/

#main_container {
/*	outline:1px solid red;*/
/*	position:relative;*/
/*	top:120px;*/
/*	top:-40px;*/
	padding-top:120px;
	z-index:1;
/*	padding-bottom:120px;*/
}

#main {
	background:white;
	width:752px;
	overflow:auto;
/*	overflow:hidden;*/
}

#nav_content {
	width:190px;
/*	outline:1px solid red;*/
	float:left;
	display:inline;
/*	margin:0 30px;*/
	margin-left:30px;
/*	padding-bottom:3em;*/
/*	padding-right:20px;*/
	overflow:hidden;
	/*background:#9fdb00 url(../images/menu_refl_trans.png) repeat-x left -10px;*/
/*	border-right:1px solid #9fdb00;*/
}

#nav_content ul {
	margin-bottom:-1px;
/*	overflow:hidden;*/
/*	outline:1px solid red;*/
}

#nav_content li {
	border-bottom:1px solid #9fdb00;
	border-bottom:3px solid white;
}

#nav_content li a {
	display:block;
/*	outline:1px solid red;*/
	padding:1em 20px 1em;
	line-height:1em;
/*	text-transform:uppercase;*/
	background:#9fdb00 url(../images/menu_refl_trans.png) repeat-x left -10px;
	overflow:hidden;
	white-space:nowrap;
}

#nav_content li a:hover {
	background-color:#1a1a1a;
	color:white;
	text-decoration:none;
}

#nav_content li#activepage a {
	background-color:#1a1a1a;
	color:white;
	text-decoration:underline;
}

#nav_content li#activepage a span {
	text-decoration:none !important;
	position:absolute;
	left:210px;
}

#nav_content a.ronding {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}
#nav_content a.ronding2 {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}


#copy {
	text-align:right;
	padding:1em 50px 2em;
}

#copy a {
	color:inherit;
	text-decoration:none;
}

#copy a:hover {
	text-decoration:underline;
}

small {
	font-size:0.85em;
}

a {
	text-decoration:none;
	font-size:inherit;
	color:#1a1a1a;
}

a:hover {
	text-decoration:underline;
}

p {
	margin-bottom:2em;
	color:#1a1a1a;
}

#content {
	width:660px;
	min-height:300px;
	margin:0 20px 3em 44px;
	float: left;
	display:inline;
}
*:first-child+html #content {
	width:660px;
	min-height:300px;
	margin:0 20px 1.5em 44px;
	float: left;
	display:inline;
}

#content a {
	text-decoration:none;
	/*color:#8ac440;*/
	
}

#content a:hover {
	text-decoration:none;
	/*color:#b90000;
	color:#8ac440;*/
}

#content a.external { 
	background:transparent url(../images/external.png) no-repeat right center;
	padding-right:13px;
}


#navhead ul {position:absolute; top:72px; right:-10px; }
#navhead ul a {/*color:white;*/}
#navhead ul #activepage a, #navheader ul #activepage a:visited {text-decoration:none;}
#navhead li {font-size:15px; float:left; padding:0 8px; border-right:#1a1a1a 1px solid;}


h1, h3, h4, h5, h6 {
	color:#8ac440;
	text-transform:uppercase;
	line-height:1em;
}

h1 {
	font-size:2em;
	margin-bottom:0.5em;
}

h2 {
    color:#8ac440;
	/*text-transform:capitalize;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:3em;
	font-style: normal;
	margin:1em 1em 1em 1.4em;
}

h3, .faq dt {
	font-size:1.25em;
	margin:1em 0 0.5em;
	color:#9fdb00;
}

h4 {
	font-size:1.1em;
	margin:1em 0 0.5em;
	color:#9fdb00;
}

h5 {
	font-size:1em;
	margin:1em 0 0.5em;
	color:#9fdb00;
}

h6 {
	font-size:1.0em;
	margin:1em 0 0.5em;
	color:#9fdb00;
}

#main_top {
	height:10px;
	background:#9fdb00 url(../images/gradient2.jpg);
	border:3px solid white;
	border-bottom:none;

/*	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
*/	
	
	border:none;
	background:url(../images/main_top.png) no-repeat bottom;
	padding-top:50px;
}

#main_bottom {
	height:10px;
	background:white;
/*	border:3px solid white;*/
	border-top:none;
/*	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
*/	
	
	background:url(../images/main_bottom.png) no-repeat;
}

#content ul {
	margin-bottom:2em;
}

#content ul li {
	background:url(../images/bullet.png) no-repeat 0.5em 0.5em;
	padding:0 0 0.5em 1.5em;
}

#itp_top_menu {
	position:relative;
	z-index:100;
}

#active a, #activepage a {
	cursor:default;
}

#picture2 {
	background:url(../images/screen.png) no-repeat;
/*	outline:1px solid red;*/
	width:371px;
	height:243px;
	position:absolute;
	top:107px;
	top:98px;
	right:10px;
	z-index:9;
/*	display:none;*/
}

#header {
	height:140px;
	background:#9fdb00 url(../images/gradient2.jpg) no-repeat left -10px;
	border-left:3px solid white;
	border-right:3px solid white;
}

#header p {
	color:white;
	font-size:2.7em;
	letter-spacing:3px;
	text-transform: capitalize;
	line-height:1em;
	padding-left:60px;
	padding-top:30px;
	margin:0;
	width:450px;
	cursor:default;
/*	display:none;*/
}

#footer {
	clear:both;
	display:none;
	height:1em;
}

hr {
	height:0; border:0; border-top:1px solid #7a0000; margin-bottom:1.5em;
}

#home {
	display:block;
/*	outline:1px solid blue;*/
	text-indent:-9999px;
	height:110px;
	width:440px;
	outline:none;
}

.faq dd {
	margin-bottom:2em;
}
#table { 

}
.tableheader_color 
{
background-color:#9fdb00;
height:40px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
#text_color{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
float:left;
padding-left:5px;

}
.tabletr {
padding:5px;
background-color:#fcfef7;
}
.tabletr_2nd {
padding:5px;
background-color:#f1fad9;
}
.hight_td {
height:35px;
padding-left:5px;

}

.image_icon_mody {
background: url(../images/icon_view-modify.jpg); height:15px; width:15px;
float:left;
margin-left:40px;
}
.image_icon_delte {
background: url(../images/icon_view-modify.jpg); height:15px; width:15px;
float:left;
margin-left:20px;
}
.image_icon_allocate {
background: url(../images/icon_view-modify.jpg); height:15px; width:15px;
float:left;
margin-left:30px;
}
.image_icon_portal {
background: url(../images/icon_view-modify.jpg); height:15px; width:15px;
float:left;
margin-left:60px;
}
/*NAV MAIN*/
.menu {
/*	float:right;*/
	text-transform:uppercase;
	background:#1a1a1a url(../images/menu_refl_trans.png) repeat-x left -4px;
/*	background-color:#b90000;*/
	margin-bottom:1em;
/*	margin-top:-50px;*/
/*	-moz-border-radius-topleft:10px;*/
/*	-moz-border-radius-topright:10px;*/
/*	-webkit-border-top-left-radius:10px;*/
/*	-webkit-border-top-right-radius:10px;*/
	border:3px solid white;
/*	overflow:auto;*/

	height:52px;
}

.menu ul {

	float:left;
}

.menu li {
	float: left;
/*	outline:1px solid red;*/
/*	border-right:1px solid white;*/
}



.menu li a {
/*	text-indent:-9999px;*/
	display: block;
	overflow: hidden;
	padding:16px;
	font-size:18px;
	line-height:20px;
	color:white;
/*	font-weight:bold;*/
	text-align:center;
	background:#1a1a1a url(../images/menu_refl_trans.png) repeat-x left -4px;
}

.menu li a:hover {
	background-color:#b90000;
	text-decoration:none;
}


ul#navmenu {
	margin: 0;
	border: 0 none;
	padding: 0;
 /*For KHTML*/
	list-style: none;
	height: 0px;
	float: left;	
}

ul#navmenu li {
	margin: 0;
	border: 0 none;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	line-height: 31px;
	z-index:990;
}

ul#navmenu ul {
  margin: 0;
  border: 0px solid #fff;
  padding: 5px 0;
  width: 186px;
  list-style: none;
  display: none;
  position: absolute;
  top: 52px;
  left: 0;
  z-index:999;
  background:#1a1a1a;
}

ul#navmenu ul li {
	float: none; /*For Gecko*/
	display: block !important;
	display:block;
	width:185px;
	float:left;
}


/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	display:block;
	float:left;
	padding:0;
	text-align:left;
	color:#fff;
	font-size:17px;
	width:186px;
	background:none;
	text-transform: none;
	line-height:35px;
	text-indent:15px;
	text-decoration:none;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	color: #89c041;
	text-decoration: none;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,

ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}
#button_tiff {
background:url(../images/uitloggen_button.png);

}

/* 08.06.09 Susanta Login window start */

.text_uesrname {
float:left;

}
#loginform {
float: left;
padding-left:450px;
margin-top:-250px;

}
#textfeild_uesrname {
float:left;
}

.login-panel{
background-image:url(../images/login_background.png);
background-repeat:no-repeat;
width:777px;
height:440px;
position:absolute;
top:170px;
left:40px;
z-index: -1;
}
.logo{float:right; padding-right: 40px; padding-top: 20px;}
#login-area h2{ padding-top:15px; padding-bottom:35px;}
#login-area span{ padding-left:95px; font-weight:bold;}
#login-area input[type="text"]{ background-color: #fbed1f; font-size:1em; font-weight:bold; border: 1px solid #e4d903; height:25px; width: 300px;}
#login-area input[type="password"]{ background-color: #fbed1f; font-size:1em; font-weight:bold; border: 1px solid #e4d903; height:25px; width: 300px;}
#login-area{ padding:15px; font-size: 11px;}
.line{ border-bottom: 1px solid #800000; margin: 10px; padding-left:20px;}
.line_admin{ border-bottom: 1px solid #800000; margin-left:45px; float:left; position:relative; width:662px;}
.line_login{ border-bottom: 1px solid #800000; margin-left:45px; float:left; position:relative; width:500px;}

#top-logo {
	height:194px;
	width:980px;
	background:url(../images/rn_logo.png) no-repeat left 27px;
	position:absolute;
	z-index:5;
	top:20px;
	left:-135px;
	overflow:hidden;
}

.base 
{
padding-bottom: 20px;
margin-left:45px;
}

div.labeltwo {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
float: left;
width: 100px;
padding-top: 7px;
}
.label {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333333;
float: left;
width: 70px;
white-space:nowrap;
padding-top: 7px;
font-size:19px;
}
.base span.button {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
float: left;
width: 100px;
padding-top: 0px;
}
.alert{ float:left; margin-left: 45em; margin-top: -40px; position:relative; color:#FF0000; font-size: 10px; text-align:left;}
.base span.formv {
font-size:19px;
font-weight:bold;
margin-top: 6px;
position:relative;
height: 10px; /* Decrease the height to add more textfields */
width: 210px;
margin-left:30px;
}
.base1
{
padding-bottom: 20px;
}
.base1 span.formv1 input{
background-color: #fbed1f; 
border: 1px solid #e4d903;
height: 24px;
} 

.base1 span.formv1 {
margin-left: 2.7em;
*margin-left: 7px;
margin-top: 5px;
position:relative;
} 
*:first-child+html .base1 span.formv1
{
padding-left: 2.3em;
margin-top: 5px;
position:relative;
}
.base span.formvtwo {
margin-left: 4px;
margin-top: 6px;
}
.base span.formv2 {
float: left;
margin-top: 8px;
margin-left: 10px;
position:relative;
height: 30px; /* Decrease the height to add more textfields */
width: 310px;
font-family: Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
text-decoration: none;
}
*:first-child+html #copyrighttext{
font-family: Arial, Helvetica, sans-serif;
color:#1a1a1a;
font-size:11px;
float:right;
position: absolute;
margin-left:442px;
margin-top:110px;
}

#copyrighttext{
font-family: Arial, Helvetica, sans-serif;
color:#1a1a1a;
font-size:11px;
float:right;
position: absolute;
margin-left:442px;
margin-top:170px;
}

/*start forms*/

.text_feild {
font-family:Arial, Helvetica, sans-serif;
color:#1a1a1a;
font-size: 12px;
float: left;
width: 100px;
padding-top: 7px;
}
.text_feild .inputs{
font-family:Arial, Helvetica, sans-serif;
color:#1a1a1a;
float:right;
width:50%;
background-color: #fbed1f;
border: 1px solid #e4d903;
}

.lable_feild {
float:left;
padding-left: 12em;
padding-top:-20px;
}

.form_base 
{
padding-bottom: 20px;
margin-left: 25px;
font-size:20px;
}

#text_box textArea{
font-family:Arial, Helvetica, sans-serif;
color:#1a1a1a;
background-color: #fbed1f;
border: 1px solid #e4d903;
}
#text_box {
padding-left:10.5em;
margin-top:-15px;

}#check_box {
padding-left:10.3em;
margin-top:-20px;

}
.space {
margin-bottom:40px;
}




/*--------------------------------------------------------------------------- CSS Code for Thema -Menu Page Written by Kheema----------------------------------------------------------------*/

/*-----------------------------
Top menu Button Code added here
-------------------------------*/

h5 {
	margin:1em 0 0.5em 0.7em;
	color:#9fdb00;
	font-size:2.3em;
	text-transform:capitalize;
}
*:first-child+html #topmenu { position:relative; float:right; margin-right: 25px;}
#topmenu { position:relative; float:right; margin-right: 25px; margin-top: -15px;}
#topmenu ul #activepage a, #navheader ul #activepage a:visited {text-decoration:none;}
#topmenu li {float:left; display:inline;}

#topmenu .servicedesk{background:url(../images/service-desk.png) no-repeat; width:145px; height:34px; text-indent: -99999px; overflow:hidden;}
#topmenu .login{background:url(../images/login-butt.png) no-repeat;  width:145px; height:34px; text-indent: -99999px; overflow:hidden;}
#topmenu .myprofile{background:url(../images/login-butt.png) no-repeat;  width:145px; height:34px; text-indent: -99999px; overflow:hidden;}

#middlecontainer{
width: 777px;
height:auto;
/*min-height: 730px;*/
min-height: 700px; !important
height:100%;
/*padding-right: 20px;
background-color:#009900;*/
}
.mid-section
{
padding-top: 172px;
width: 777px;
float:left;
margin-left: -50px;
}
.inst-mid-section
{
width: 750px;
margin-left: -50px;
}


/*-----------For Footer Section new CSS code inserted here ----------------*/
.clear{ float:none;}

*:first-child+html .base-footer
{
background-image: url(../images/base-footer.png);
background-repeat:no-repeat;
width:777px;
height:135px;
position:relative;
bottom: -62em;
/*bottom: -64em;*/
left: -50px;
}
.base-footer
{
background-image: url(../images/base-footer.png);
background-repeat:no-repeat;
width:777px;
height:135px;
position:absolute;
bottom: -85em;
/*bottom: -87em;*/
left: -50px;
}
.footer-heading{
	color:#9fdb00;
	font-size: 28px;
	font-weight: bold;
	text-transform:uppercase;
	padding-bottom: 11px;
	margin-left:18px; /* 24.06.09 updated - susanta*/
}
.footer-heading a{
	color:#9fdb00;
	font-size: 28px;
	font-weight: bold;
	text-transform:uppercase;
	padding-bottom: 11px;
}
.footer-heading span{color:#b40000;}

/*---------------------small Progress bar Code start from here------------------------*/

.progressbar
{
width: 337px;
height: 30px;
margin: 5px;
}
.progressbar-grey
{
background-image:url(../images/small-greybar.png);
background-repeat:no-repeat;
position:absolute;
width: 327px;
height: 19px;
}

.progressbar-green
{
background-image:url(../images/small-green-bar.png);
background-repeat:no-repeat;
position:absolute;
width: 327px;
height: 19px;
}

.progressbar-white-arrow
{
background-image:url(../images/small-white-arrow.png);
background-repeat:no-repeat;
position:absolute;
width: 4px;
height: 19px;
cursor:pointer;
margin-left:100px;
} 
 
.progressbar-footer-heading{
	color:#9fdb00;
	font-size: 14px;
	font-weight: bold;
	text-transform:uppercase;
	padding-top: 15px;
	padding-bottom: 15px;
}

.progressbar-footer-heading span{color:#b40000;}

/*---------------------small Progress bar Code Ends here------------------------------*/
 
.progress-section
{
background-image: url(../images/content_bg_bottom.png);
background-repeat:no-repeat;
height:123px;
width:777px;
clear: both;
text-align:left;
}
.progress-container
{padding-top: 35px;
padding-left: 20px;}

.grey-bar
{
background-image:url(../images/greybar.png);
background-repeat:no-repeat;
position:absolute;
width: 700px;
height: 39px;
margin-left:18px; /* 24.06.09 updated - susanta*/
}
.green-bar
{
background-image:url(../images/green-bar.png);
background-repeat:no-repeat;
position:absolute;
width: 700px;
height: 39px;
margin-left:18px; /* 24.06.09 updated - susanta*/
}
.white-arrow
{
background-image:url(../images/white-arrow.png);
background-repeat:no-repeat;
position:absolute;
width: 5px;
height: 39px;
cursor:pointer;
margin-left:118px; /* 24.06.09 updated - susanta*/
}
/*-----------For Footer SEction New CSS Code Ends here ----------------------*/
.mid-section-header
{
background-image: url(../images/content_bg_header.png);
background-repeat:no-repeat;
width:777px;
height:13px;
position:absolute;
}

.middle-section-repeater{
background-image: url(../images/content_bg_mid-repeater.png);
background-repeat:repeat-y;
width:777px;
margin-top: 12px;
position:absolute;
/*background-color:#FF0099;*/
}

.middle-section-bottom{
background-image: url(../images/content_bg_mid-bottom.png);
background-repeat:no-repeat;
height:13px;
width:777px;
position:absolute;
/*margin-top:47.2em;*/
/*background-color: #00FF00;*/
}


/*---------------------------------------------- CSS Code for button presenting as a listing ----------------------------------*/
.red-heading
{
color:#b40000;
font-size:1.5em;
font-weight: bold;
text-transform:uppercase;
/*----Added on 24th June 09----*/
padding-bottom: 10px;

}
.green-heading{
color:#9fdb00;
text-transform:uppercase;
/*----Added on 24th June 09----*/
line-height: .9em;
font-size:1.8em;
}

.list{padding-left: 30px;}
.list ul{
padding: 0;
margin: 0;
}
.list ol{
padding: 0;
margin: 0;
}

.list li{padding: 1px; }
.list li a{text-decoration: none; color: #333333;}
.list li a:hover{text-decoration: underline; color: #333333;}

.rightsection ul{
list-style-type: none;
padding: 0;
margin: 0;
}
.rightsection ol{
list-style-type: none;
padding: 0;
margin: 0;
}
.inst-rightsection ol{
list-style-type: none;
padding: 0;
margin: 0;
}
.inst-rightsection li{padding: 1px;}
.rightsection li{padding: 1px;}
.rightsection li a{text-decoration: none;}
.rightsection li a:hover{text-decoration: none;}

.rightsection
{
float:left;
/*width: 366px;*/
width: 345px;
padding-top: .1em;
margin-left: 3.5em;
/*background-color:#000000;*/
}
.inst-rightsection{
float:left;
width: 345px;
padding-top: .1em;
margin-left: 3.5em;}

.inst-rightsection .imgholder
{
background-image:url(../images/ing-holder.png);
background-repeat:no-repeat;
width:345px;
height:263px;
}

.rightsection .imgholder
{
background-image:url(../images/ing-holder.png);
background-repeat:no-repeat;
width:345px;
height:263px;
}

.rightsection .textcontainer{
	padding:1em 0 0 .6em ;
	color:#9fdb00;
	/*overflow:auto;*/
}
 .heading{
	color:#9fdb00;
	font-size: 28px;
	font-weight: bold;
	text-transform:uppercase;
}
.rightsection-normaltext{ color: #1a1a1a; margin-top: 15px; margin-bottom: 15px; width: 90%; text-align:justify;}

.leftsection
{
float:left;
width: 320px;
height: auto;
height: 100%;
padding-top: .1em;
padding-left: 1.5em;
border-right: 1px solid #e5e5e5;
}
.leftsection ul{
list-style-type: none;
padding: 0;
margin: 0;
}
.leftsection ol{
list-style-type: none;
padding: 0;
margin: 0;
}
.leftsection li
{
/*background-image:url(../images/button-normal.png);
background-repeat:no-repeat;
background-position: 20% 10%;
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
color:#FFFFFF;
width:301px;
height:65px;
line-height: 380%;
text-indent: 15px;*/
padding: 1px;
text-transform:capitalize;
}

.leftsection li a
{
text-decoration: none;
color: #FFFFFF;
}

.leftsection li a:hover
{
text-decoration: none;
color: #FFFFFF;
}

/*-----------------------CSS Style give here to fix the  listing text to fix  in 2 line Code Start here------------------------------*/


/*-------------------Right Area Sing button code here for mutliline text---------------*/
a.rightsection .red-button span{
font-family:Arial, Helvetica, sans-serif;
font-size:13.5pt;
color:#FFFFFF;
text-transform:uppercase;   
text-decoration:none;
line-height:1.2;
position:absolute;
margin-top: 7px;
width: 35%;
}
.rightsection .red-button span{
font-family:Arial, Helvetica, sans-serif;
font-size:13.5pt;
color:#FFFFFF;
text-transform:uppercase;   
text-decoration:none;
line-height:1.2;
position:absolute;
margin-top: 7px;
width: 35%;
}
/*-------------------Right Area Sing button code here for mutliline text---------------*/
a.red-button span{
font-family:Arial, Helvetica, sans-serif;
font-size:13.5pt;
color:#FFFFFF;
text-transform:uppercase;   
text-decoration:none;
padding: 1px;
line-height:1.2;
position:absolute;
margin-top: 7px;
width: 35%;
cursor:hand;
}
/* ---- sanjay */
a.green-button span{
font-family:Arial, Helvetica, sans-serif;
font-size:13.5pt;
color:#FFFFFF;
text-transform:uppercase;   
text-decoration:none;
padding: 1px;
line-height:1.2;
position:absolute;
margin-top: 7px;
width: 35%;
}
/*----------*/
a.dark-button span{
font-family:Arial, Helvetica, sans-serif;
font-size:13.5pt;
color:#FFFFFF;
text-transform:uppercase;   
text-decoration:none;
line-height:1.2;
position:absolute;
margin-top: 7px;
width: 35%;
}
a.orange-button span{
font-family:Arial, Helvetica, sans-serif;
font-size:13.5pt;
color:#FFFFFF;
text-transform:uppercase;   
text-decoration:none;
line-height:1.2;
position:absolute;
margin-top: 7px;
width: 35%;
}

/*-----------------------CSS Style give here to fix the  listing text to fix  in 2 line Code Ends here------------------------------*/


/*---------------------------------------------- CSS Code for button presenting as a listing ----------------------------------*/
a.red-button
{
display:block;
background-image:url(../images/button-normal.png);
background-repeat:no-repeat;
background-position: 20% 45%;
width:301px;
height:65px;
font-family:Arial, Helvetica, sans-serif;
font-size:13.5pt;
color:#FFFFFF;
/* -------------------------------use below code if don't want to use UL and LI--------------------------------------------*/
text-transform:uppercase;   
text-decoration:none;
/*text-indent: 10px; ----REmove the Indentation and add padding due to text is enlarge --24th June----*/
padding-left:10px;
line-height:3.0;
z-index:100;
}
a:hover.red-button
{
display:block;
background-image:url(../images/button-normal-orange.png);
background-repeat:no-repeat;
background-position: 20% 45%;
width:301px;
height:65px;
font-family:Arial, Helvetica, sans-serif;
font-size:13.5pt;
color:#FFFFFF;
/* -------------------------------use below code if don't want to use UL and LI--------------------------------------------*/
text-transform:uppercase;   
text-decoration:none;
/*text-indent: 10px; ----REmove the Indentation and add padding due to text is enlarge for over condition --24th June----*/
padding-left:10px;
line-height:3.0;
z-index:100;
}
a.green-button
{
display:block;
background-image:url(../images/button-normal-Green.png);
background-repeat:no-repeat;
background-position: 20% 45%;
width:301px;
height:65px;
font-family:Arial, Helvetica, sans-serif;
font-size:13.5pt;
color:#FFFFFF;
/* -------------------------------use below code if don't want to use UL and LI--------------------------------------------*/
text-transform:uppercase;   
text-decoration:none;
/*text-indent: 10px; ----REmove the Indentation and add padding due to text is enlarge --24th June----*/
padding-left:10px;
line-height:3.0;
z-index:100;
}
a:hover.green-button
{
display:block;
background-image:url(../images/button-normal-Green_over.png);
background-repeat:no-repeat;
background-position: 20% 45%;
width:301px;
height:65px;
font-family:Arial, Helvetica, sans-serif;
font-size:13.5pt;
color:#FFFFFF;
/* -------------------------------use below code if don't want to use UL and LI--------------------------------------------*/
text-transform:uppercase;   
text-decoration:none;
/*text-indent: 10px; ----REmove the Indentation and add padding due to text is enlarge for over condition --24th June----*/
padding-left:10px;
line-height:3.0;
z-index:100;
}
.dark-button
{
display:block;
background-image:url(../images/down.png);
background-repeat:no-repeat;
background-position: 20% 45%;
width:301px;
height:65px;
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
color:#FFFFFF;
text-decoration:none;
text-transform:uppercase;
text-indent: 10px;
line-height: 3.0;
z-index:100;
}

.orange-button
{
display:block;
background-image:url(../images/button-normal-orange.png);
background-repeat:no-repeat;
background-position: 20% 45%;
width:301px;
height:65px;
font-family:Arial, Helvetica, sans-serif;
font-size:14pt;
/*font-weight:bold;*/
font-variant:normal;
color:#FFFFFF;
text-transform:uppercase;
text-indent: 10px;
line-height: 3.0;
z-index:100;
}

#copyright{
font-family: Arial, Helvetica, sans-serif;
color:#1a1a1a;
font-size:11px;
font-weight:bold;
float:right;
position: absolute;
margin-left:402px;
margin-top:80px;
padding-bottom:10px;
}
#copyrightone{
font-family: Arial, Helvetica, sans-serif;
color:#1a1a1a;
font-size:11px;
font-weight:bold;
float:right;
position:relative;
margin-right:50px;
margin-top:74em;
padding: 5px;
}
#copyrighttwo{
font-family: Arial, Helvetica, sans-serif;
color:#1a1a1a;
font-size:11px;
font-weight:bold;
float:right;
position:relative;
margin-right:50px;
margin-top:88em;
padding: 5px;
}

#copyrightthree{
font-family: Arial, Helvetica, sans-serif;
color:#1a1a1a;
font-size:11px;
font-weight:bold;
float:right;
position:relative;
margin-right:50px;
margin-top:45em;
padding: 5px;
}

/*---------------------------------------CSS Code for Tabular Grid Data Start here-----------------------------------------------------*/
#tabular-data{
margin:20px;
}

.arrow-container
{
height: 30px;
width: 13px;
background: url(../images/arrow.png) no-repeat 80% 50%;
float:right;
padding-right:12px;
background-color:#c0dae9;

}
.down-arrow-container
{
height: 30px;
width: 13px;
background: url(../images/down-arrow.png) no-repeat 80% 50%;
float:right;
padding-right:12px;
background-color:#c0dae9;
}

.unitcontainer
{
height: 30px;
text-align:left;
display:block;
background-color:#c0dae9;
cursor: hand;
text-decoration: none;
border-bottom: 1px solid #FFF;
}
.lesson{ position:static;}

.unit-heading
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #10709f;
margin-left: 15px;
padding-top: 5px; /* don't touch it its affect the height */
text-decoration: none;
width: 40%;
float:left; 
}
.unit-heading a{text-decoration: none;} 

.unit-heading-two{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #10709f;
float:left;
padding-top: 5px; 
}

.percentage{
float:right; 
margin-right: 35px;
padding-top: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #10709f;
}


.holding-data
{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}

/*--------------------------------------Table Design Code Start here-------------------------------*/
table.gridview{ table-layout:fixed;}
table.gridview th
{
/*border-bottom:1px solid #6f9dd9;  
border-right:1px solid #6f9dd9;*/
background-color:#9fdb00;
height:30px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
vertical-align:middle;
}

.gridview td
{
padding:10px; 
line-height:18px; 
/*border-left:1px solid #ccc; 
border-bottom:1px solid #ccc;*/ 
vertical-align:top;
text-align:center;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
}

table.gridview .row{
padding:10px;
background-color:#fcfef7;
}
table.gridview .alt-row{
padding:10px;
background-color:#f1fad9;
}
/*--------------------------------------Table Design Code Ends
 here-------------------------------*/

/*---------------------------------------CSS Code for Tabular Grid Data Start here-----------------------------------------------------*/

table.formfields
{
border-collapse:separate;
margin-left:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:40px;

}

table.formfields td .input-field
{background-color: #fbed1f; 
border: 1px solid #e4d903;
height: 24px;

}
table.formfields td .textarea
{background-color: #fbed1f; 
border: 1px solid #e4d903;
}

table.textfields {
margin-left:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:19px;

}


table.lablefields {
float:left;
margin-left:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:19px;

}

.startxt
{
	font-size: 18px;
	text-decoration:none;
	color: Red;
	font-weight: normal;
}

.link
{
	color:#8ac440;
	font-size:12px;
	font-weight:bold;
}

.message
{
	color:red;
	font-size:12px;
	margin-left:100px;
}

/*-------------------Search word start here-----------------------*/

.wordlistbody {
scrollbar-face-color:#D7D5D5; 
scrollbar-arrow-color:#5b5f4b; 
scrollbar-track-color:#858b6f; 
scrollbar-shadow-color:#B3ADAD; 
scrollbar-highlight-color:#e3e9e9; 
scrollbar-3dlight-color:#6d7359; 
scrollbar-darkshadow-color:#6c6d68;
margin: 0;
padding: 0;
height: 100%;
max-height: 100%;
background-color: #FFFFFF;

}

#maincontainer
{
background-image: url(../images/background.png);
background-repeat: no-repeat;
width: 800px;
height: 600px;
}

/*---------------------------------topl links with search field section code start from here---------------------------------------------*/
#menucontainer
{
background-color:#000;
border: 1px solid #000;
position:relative;
top: 45px;
margin-left: 5px;
margin-right: 5px;
}

#top_menu
{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-style:normal;
color:#1e2700;
height: 32px;
padding-top: 8px;
}
.left-menu{
width:240px;
float:left;}

.right-menu{
width:420px; 
float:right;}

/*----------------------------------Printing or Search button code start from here-----------------*/
.bg-button
{
background-image: url(../images/bg-button.png);
background-repeat: no-repeat;
height: 45px;
width: 80px;
font-family:Arial, Helvetica, sans-serif;
font-size: 17px;
line-height: 25px;
text-indent: 12px;
font-weight: 100;
color:#fff;
float:right;
padding-right:15px;
padding-top:0px;
cursor:hand;
}
.bg-button2
{
background-image: url(../images/bg-button.png);
background-repeat: no-repeat;
height: 45px;
width: 80px;
font-family:Arial, Helvetica, sans-serif;
font-size: 17px;
line-height: 25px;
text-indent: 12px;
font-weight: 100;
color:#fff;
float:left;
padding-right:15px;

}
.bg-button1
{
background-image: url(../images/bg-button1.png);
background-repeat: no-repeat;
height: 45px;
width: 60px;
font-family:Arial, Helvetica, sans-serif;
font-size: 17px;
line-height: 20px;
text-indent: 10px;
font-weight: 100;
color:#fff;
float:right;
padding-right:2px;
padding-top:3px;
}

.bg-button a { color:#FFFFFF; text-decoration:none;}
.bg-button a:hover {
color: #9fdb00;
}
.bg-button1 a { color:#FFFFFF; text-decoration:none;}
.bg-button1 a:hover {
color: #9fdb00;
}
.bg-button2 a { color:#FFFFFF; text-decoration:none;}
.bg-button2 a:hover {
color: #9fdb00;
}
/*----------------------------------Printing or Search button code start from here-----------------*/
.heading-text
{
font-family:Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight:100;
color:#fff;
padding-top: 6px;
float:left;
margin-left: 15px;
}
.heading-text1
{
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight:100;
color:#fff;
padding-top: 6px;
float:left;
padding-left:10px;
}

.heading-text2
{
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight:100;
color:#fff;
padding-top: 6px;
float:right;
margin-right:-110px;
}
.heading-text1 a { color:#FFFFFF; text-decoration:none;}
.heading-text1 a:hover {
color: #9fdb00;
}
.heading-text2 a { color:#FFFFFF; text-decoration:none;}
.heading-text2 a:hover {
color: #9fdb00;
}

.searchfield
{font-family:Arial, Helvetica, sans-serif;
font-size: 17px;
color:#fff;
background-image: url(../images/search-icon.png);
background-repeat: no-repeat;
background-position:35% 90%; /*search icon position set*/
margin-left: 20px;
position:absolute;
}
.searchfield span.text{position:absolute; margin-top: 4px;}
.searchfield input{margin-left: 100px;}

.searchinput{
border: 1px solid #b5c485;
background-color: #FFFFFF;
width: 130px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
height: 20px;
color:#1e2700;
margin-left: 25px;
}

/*---------------------------------topl links with search field section code start from here---------------------------------------------*/


/*---------------------------------middle section code ends here---------------------------------------------*/
#middlecontainer1
{ background-color:#FFFFFF;
background-repeat: no-repeat;
width: 780px;
height: 471px;
position:relative;/*remove this if right section is not working properly*/
top: 70px;/* top will be 200px if remove positioning*/
margin-left: 10px;
margin-right: 10px;
}
.left-section
{
margin-left: 14px;
padding-right:3px;
margin-top: 10px;
float: left;
overflow:scroll;
height: 455px;
width: 220px;
}

.left-section a
{
color:#000;
}
.left-section a:hover
{
color:#006600;
}

/**:first-child+html .lefttext { font-family:Arial, Helvetica, sans-serif; font-size:12px; float:right; margin-left:-15em; margin-top:-17px;}*/
.lefttext1 { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:20px; padding:4px;} /* modify date 9th July 2009 */

/*.lefttext { font:Arial, Helvetica, sans-serif; color:#000; text-decoration:none; font-size:13px;}*/
.lefttext { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left;margin-left:20px;  margin-top:-17px;}

.span { padding-left:30px; float: right;}



.right-section
{
float:right;
margin-right: 2px;/*Adjust the scroll bar position*/
margin-top: 10px;
overflow:auto;
height: 455px;
width: 530px;
}
/*---------------------------------middle section code ends here---------------------------------------------*/
.right-holder{
margin: 8px;/* Remove this margin to take the div on top*/
padding: 6px; /* decrease the padding to insert more data*/
width: 94%;
/*min-height: 40px;
height: 40px;*/
float:left;/* do not delete this float*/
border-bottom: 1px dashed #af0700;
}
html>body.right-holder{height:auto;}
*html body.right-holder{height:auto;}

.header{
background-color: #9fdb00;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-align:center;
text-transform: uppercase;
color:#FFFFFF;
height:	22px;/*if height is increasing have to insert line-height*/
line-height: 22px;
float:left;
}
.soundon{
float:right;
width: 20%;	
padding-right: 10px;
background-image: url(../images/sound-on.gif);
background-repeat:no-repeat;
width: 23px;
height: 24px;
}
.soundoff{
float:right;
/*width: 20%;	
padding-right: 10px;
background-image:url(../images/Wordlistimage/sound-off.gif);
background-repeat:no-repeat;
width: 23px;
height: 24px;*/
}
.text-holder{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#1e2700;
width: 90%;
padding-left: 50px;
}
.normaltext 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration: none;
padding-top: 30px;
}

a.title {
background-color: #FFCC00;
}

.green-heading1
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 100;
color: #000;
padding-top: 20px;
}

.tab ul
{
display: inline-block;
}
.tab li{
list-style-type: none;
padding: 4px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
}
/*-------------------Search word end here------------------------*/

/*-------------------service desk start here------------------------*/
.servicedesk
{
	color:#1a1a1a;
	float:right; 
	margin-right : 460px; 
	margin-top: 40px;
	cursor:hand;
	text-decoration:underline;
}

.bodybgReplace
{
background: #fb7600 url(../images/servicedesk_bg.png) no-repeat;
width:100%;
height:650px;
position:fixed;
bottom:0;
left:0;
z-index:0;
}
/*body{font:normal 12px Arial, Helvetica, sans-serif; color:#4e6501; background: #fb7600 url(../images/servicedesk_bg.jpg) no-repeat; width:733px; height:432px; position:absolute; top:0px;
left:0px; }*/
.body{ background-color:#fffffa; font:normal 12px Arial, Helvetica, sans-serif; color:#4e6501; }
.body h1{color:#fff; font:normal 30px Arial, Helvetica, sans-serif; background:url(../images/rn_logo_small.png) no-repeat top left; line-height:78px; margin:7px 0 0 8px; width:230px; height:90px; padding:80px 0 0 85px; margin:0; padding:0; 

/*-----------New code Added, pelase don't modify it--------*/

z-index:100; position:absolute;
}

.body h3{color:#fff; font:normal 30px Arial, Helvetica, sans-serif; line-height:78px; text-indent:25px; margin:0; padding:0; }
.body h2{font:normal 15px Arial, Helvetica, sans-serif; float:left; padding:10px 0 0 0; width:490px; margin:0; padding:0; }
.body h2 a{color:#8ac440; font-weight:bold; text-decoration:underline;}
.body h2 a:hover{text-decoration:none; font-weight:bold;}
.body p{float:left; padding:0 0 10px 0; width:460px; margin:0; padding:0; }

div#wrapper{margin:0 auto; width:621px; height:325px; color:#464646; background:url(../images/servicedesk_text_base.png) no-repeat; margin-left: 90px; margin-top: 80px;

/*-----------New code Added, pelase don't modify it--------*/

z-index:100; position:relative;
}

/*-----------For Repeater new code Added here -----*/
div#top-header{margin:0 auto; width:621px; height:108px; color:#464646; background:url(../images/servicedesk_text_base.png) no-repeat; margin-left: 90px; margin-top: 80px;
z-index:100; position:absolute;}
div#repeater{background:url(../images/servicedesk_text_base-repeater.png) repeat-y; margin-top:20px; }
div#image-footer{background:url(../images/servicedesk_text_base-bottom.png) no-repeat; height:17px; }
/*---Code for Repeation Ends here ---------------*/


div#wrapper div{width:600px; float:left; padding:10px 0 0 20px;}
div#top-header div{width:600px; float:left; padding:10px 0 0 20px;}

.body span{width:100px; height:62px; float:left; margin-bottom:7px;}
.body span.veelges{background:url(../images/veelges.png) no-repeat top left;}
.body span.systeem{background:url(../images/systeem.png) no-repeat top left}
.body span.support_ticket{background:url(../images/support_ticket.png) no-repeat top left}

.body span.elearning{background:url(../images/e-learning.png) no-repeat top left}
.body span.systeembeheer{background:url(../images/systeembeheer.png) no-repeat top left}
.body span.sd{background:url(../images/sd.png) no-repeat top left}


.container{width: 100%; margin-bottom:12px;}
table.system{ width: 90%; border:0; border-collapse:collapse; margin-bottom: 15px; }
table.system th{ background-color:#658300; color:#FFFFFF; padding:8px; text-align:left;} 
table.system td { padding:9px; background-color:#f0f7d9;} 
table.system td.check-mark { background:url(../images/check.png) no-repeat top center; background-color:#f0f7d9;} 
table.system td.cancel { background:url(../images/cancel.png) no-repeat top center; background-color:#f0f7d9;} 

div#repeater div.backSD
{
margin-top:-20px;
float:right;
width:70%; 
text-align:right;
padding-right:10px;
color: #000000; 
font-size: 14px; 
font-weight: normal; 
font-family: Arial, Helvetica, sans-serif;
} 

.greenboxSD
{
height: 20px;

background-color: #658300;
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
cursor:pointer;
border:1px dotted #ffffff;

}
.faq-containerSD
{
color: #000000;
font-size: 12px;
}
.reportSD{
width: 85%;
color: #000000;
font-size: 13px;
font-weight:normal;
}

/*-------------------service desk end here------------------------*/

/*new css for div start here*/

#content1 {width:710px;	}
#content1 h1{padding-left:22px;	}
.base3 .labelone                    { width: 230px;}
.base3								{ padding-bottom: 20px;}
.base3 span.formv3       			{ float:right; margin-top:-25px; padding-right:20px; }
.base3 span.formv3  img     		{ padding-top: 6px;}

.base4 .labelone                    { width: 230px;}
.base4								{ padding-bottom: 20px;}
.base4 span.formv3       			{ float:right; margin-top:-25px; padding-right:20px; }
.base4 span.formv3  img     		{ padding-top: 6px;}

.address 							{ font-size:1.25em;color:#8ac440;margin:1em 0 0.5em;text-transform:uppercase;line-height:1em; padding-right:20px; font-weight:bold}


*:first-child+html .base3 span.formv3  { float:right; margin-top:-35px; }
*:first-child+html .base3 span.formv3 img {margin-right:-20px; padding-top: 6px;}

.base3 span.formv3 textArea			{ background-color: #fbed1f;border: 1px solid #e4d903; height: 100px;}  

.base2								{ padding-bottom: 20px;}
.base2 #text_boxs1					{ margin-left:9.4em; width: float:right; margin-top: -20px;}
.base2 #text_boxs11					{ margin-left:9.4em; width: float:right; margin-top: 0px;}
.base2 #text_boxs11 span			{font-size: 14px;}
.base2 #text_boxs1 span				{font-size: 14px;}
.base2 #text_boxs 					{ margin-left:9.4em;margin-top:15px;}
.base2 #text_boxs span				{font-size: 14px;}
.base2 span.formv1 input			{ background-color: #fbed1f; border: 1px solid #e4d903;height: 24px;} 
.base2 span.formv1 					{ margin-top: 5px;position:relative; margin-left:70px} 

.text_feild 						{ font-family:Arial, Helvetica, sans-serif;color:#1a1a1a;font-size: 12px;float: left;width: 100px;padding-top: 7px;}
										/* class for text feild */		
.text_feild .inputs					{ font-family:Arial, Helvetica, sans-serif;color:#1a1a1a;float:right;width:50%;background-color: #fbed1f;border: 1px solid #e4d903;}
										/* class for lable feild */	
.lable_feild 						{ float:left;padding-left: 12em;padding-top:-20px;}
										/* class for whole forms alignment */
.form_base 							{ padding-bottom: 20px;margin-left: 25px;font-size:18px;} 
.form_basemody 						{ padding-bottom: 20px;margin-left: 6em;font-size:18px;}/*mody 07.07.09*/
.span.changepassword						{ font:Arial, Helvetica, sans-serif; font-size:13px; color: #990000; padding-left:250px; margin-top:-200px}/*mody 07.07.09*/
.photo								{ float:left; padding-left:30px;}
										/* class for text area */
#text_box textarea					{ font-family:Arial, Helvetica, sans-serif;color:#1a1a1a;background-color: #fbed1f;border: 1px solid #e4d903; width:50%; height: 80px;} /*mody 07.07.09*/
										/* class for text box */
#text_box 							{ padding-left:10.5em;margin-top:-15px; width:}
#text_box input  					{ padding-left:0;margin-top:-15px;background-color: #fbed1f; border: 1px solid #e4d903;height: 24px;}
#text1_box 							{ padding-left:12.5em;margin-top:-15px; }/*mody 07.07.09*/
#text1_box input  					{ padding-left:0;margin-top:-15px;background-color: #fbed1f; border: 1px solid #e4d903;height: 24px; width:17em;}/*--on 10th July by Kheema*/

#text1_box select  					{ padding-left:0;margin-top:-10px;background-color: #fbed1f; border: 1px solid #e4d903;height: 24px; width:17em;}
/*#text3_box 							{ padding-left:8.5em;margin-top:-15px; }/*mody 07.07.09*/
#text3_box 							{ padding-left:12.5em;margin-top:-15px;}/*update by mahendra*/


#text_box2 textarea					{ font-family:Arial, Helvetica, sans-serif;color:#1a1a1a;background-color: #fbed1f;border: 1px solid #e4d903; width:135px;  height: 80px;} /*mody 02.07.09*/
										/* class for text box */
#text_box2 							{ margin-left:3em; margin-top:-15px; width: 300px}

#text_box3 textarea					{ font-family:Arial, Helvetica, sans-serif;color:#1a1a1a;background-color: #fbed1f;border: 1px solid #e4d903; width:135px; height: 80px;} /*mody 02.07.09*/
										/* class for text box */
#text_box3 							{margin-top:-15px;  padding-left: .2em;  }

.space1								{ margin-bottom:17px;} /* 08.07.09*/

.add_learner{float:right; width:288px; margin-top: -30px; text-align:right;}
#text6_box{ padding-left:9.2em;margin-top:-15px; }
#text6_box .radiotext	{ width:30px;}	
#date_field_contaienr{ padding-left:9.2em;margin-top:15px; }	

.bulkinput-field
{background-color: #fbed1f; 
border: 1px solid #e4d903;
}

/*new css for div end here*/

/*-------------------------------------------------------------------------------------
For Instructor Page  Progress Section New CSS Code Ends here - created on August 17 2009
---------------------------------------------------------------------------------------*/
.inst-progress-container{margin-top: 45px; margin-left:-18px;}
.inst-grey-bar
{
background-image:url(../images/greybar.png);
background-repeat:no-repeat;
position:absolute;
width: 700px;
height: 39px;
}
.inst-green-bar
{
background-image:url(../images/green-bar.png);
background-repeat:no-repeat;
position:absolute;
width: 700px;
height: 39px;
}
.inst-white-arrow
{
background-image:url(../images/white-arrow.png);
background-repeat:no-repeat;
position:absolute;
width: 5px;
height: 39px;
cursor:pointer;
}

.list ol{
padding: 0;
margin: 0;
}
.leftsection ol{
list-style-type: none;
padding: 0;
margin: 0;
}
/*-------------------------------------------------------------------------------------
For Instructor Page Progress Section New CSS Code Ends here - created on August 17 2009
---------------------------------------------------------------------------------------*/

#middlecontainer3{
width: 777px;
height:auto;
/*min-height: 730px;*/
min-height: 500px; !important
height:100%;
/*padding-right: 20px;
background-color:#009900;*/
}
#copyrightfour{
font-family: Arial, Helvetica, sans-serif;
color:#1a1a1a;
font-size:11px;
font-weight:bold;
float:right;
position:relative;
margin-right:50px;
margin-top:56em;
padding: 5px;
}
/* CSS aadeed for learner profile section on 18 -09-09 by surender--*/
#text7_box 							{ padding-left:12.5em;margin-top:-15px; }/*mody 07.07.09*/
#text7_box select  					{ padding-left:0;margin-top:-15px;background-color: #fbed1f; border: 1px solid #e4d903;height: 24px; }/*--on 10th July by Kheema*/
#text7_box  select .inputs1 { padding-left:0;margin-top:-15px;background-color: #fbed1f; border: 1px solid #e4d903;height: 24px;}/*--on 10th July by Kheema*/

/* till here*/