/*The CSS styling below is only for the demonstration.
You do NOT need any of this to make the duplicated
form, though you are welcome to use it.

Original jQuery by Charlie Griefer
http://charlie.griefer.com/blog/index.cfm/2009/9/17/jQuery--Dynamically-Adding-Form-Elements

jQuery modified by Tristan Denyer
http://www.tristandenyer.com

ver 0.7, last updated Jan 15, 2012
*/

html,body {
	margin:0 auto;
	padding:0;
	height:100%; /* needed for container min-height */
	color:#000;
	background:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url(../images/website-bg.jpg);
	background-position:top left;
	font-size:14px;
}


div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	background:#fff;
}

div#header {

	margin-bottom:0px;
	background:url(../images/header-bg.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	height:127px;
	border-radius:0px 0px 0px 0px;
	-webkit-border-radius:0px 0px 0px 0px;
	-moz-border-radius:0px 0px 0px 0px;
	-o-border-radius:0px 0px 0px 0px;
	/*border-bottom:6px double gray;*/
	
}


div#content {
	padding:; /* bottom padding for footer */
	width:100%;
	

	
    /*background:#fff;*/
}


	div#content p {
		text-align:justify;
		padding:0 1em;
	}


/*Login part*/


#login-div{
	background:url(../images/login-screen.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:283px;
	height:309px;
	margin-left:auto;
	margin-right:auto;
	padding-top:60px;
	margin-top:50px;
}

#login-box{
	margin-top:0px;
	width:200px;
}

/*End Login part*/







div#footer {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	padding-top:3px;
	height:15px;
	background:#5f7e06;
	bottom:0px;
	position:relative;
	border-top:solid 2px #9dc628;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:10px;
	text-align:center;
	vertical-align:middle;

}




	
#reg-code{
	width:336px;
	height:91px;
	float:right;
	padding-top:0px;
	padding-right:15px;
	background:url(../images/reg-bg.png);
	background-position:top right;
	background-repeat:no-repeat;
}

#logo{
	width:265px;
	height:82px;
	background:url(../images/logo.png);
	background-position:top right;
	background-repeat:no-repeat;
	float:left;
	
}

#menu{
	height:15px;
	width:98%;
	float:left;
	padding-bottom:px;
	
}


/*this div top margin adjustable after menu replacing*/
#menu-shadow{
	
	height:23px;
	background:url(../images/shadow.png);
	background-position:top center;
	background-repeat:no-repeat;
}

.simple-black-12px{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.simple-white-12px{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}

.heading1-black-12pxbold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#9dc628;
}
	



.text-box-1{
	width:200px;
	height:14px;
	border:#a6c1e8 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	 border-radius: 4px;
	padding:11px 5px;
	
}

.table-heading-2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

	padding:5px 5px 5px 10px;
	color:#fff;
	font-weight:bold;
	border-radius:3px 3px 0px 0px;
	-webkit-border-radius:3px 3px 0px 0px;
	-moz-border-radius:3px 3px 0px 0px;
	-o-border-radius:3px 3px 0px 0px;
    /*background:url(../images/head-bg.jpg);*/
	background:#4a4f5d;
	}

.table_border{
	border-left:1px #CCC solid;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	padding:5px;
	border-radius:0px 0px 0px 0px;
	-webkit-border-radius:0px 0px 0px 0px;
	-moz-border-radius:0px 0px 0px 0px;
	-o-border-radius:0px 0px 0px 0px;
}




/*css for text field*/

.text-field1{
	width:250px;
	height:px;
	margin-top:5px;
	margin-bottom:5px;
	border:#CCCCCC 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	 border-radius:2px;
	-webkit-border-radius:2px;
     -moz-border-radius:2px;
	 -o-border-radius: 2px;
	padding:2px;
	
}

.text-field1:focus{
	color:#000;
	background:#EFEFEF;

		
}

.textfieldcmsreg{
	width:250px;
	height:20px;
	margin-top:5px;
	margin-bottom:5px;
	border:#CCCCCC 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	 border-radius:2px;
	-webkit-border-radius:2px;
     -moz-border-radius:2px;
	 -o-border-radius: 2px;
	padding:5px;
}

.button-register{
	width:100px;
	padding:5px;
	border-radius:5px;
	background:#000080;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	
}
.levelclass{

font-size:14px;}


/*Button css*/


.button-black, .additem, .savebtn, .view_r {
	background: -moz-linear-gradient(center bottom, #0078b6 0%,#004c7b 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0078b6),color-stop(1, #004c7b ));
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	border:solid 1px #999999;
	background:url(../images/button-bg.jpg);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius:4px;
	-o-border-radius: 4px;
	margin:5px;
}
	

.button-black:hover {
	color:#ffffff;
	/* border:1px solid #CCC;*/
	 background:#333333;
	}
	
	
	
	
/*Headings*/

.heading-1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	padding:5px 5px 5px 5px;
	font-weight:bold;
}


.heading-2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding:5px;
	font-weight:bold;
}


.heading-3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	padding:5px;
	font-weight:bold;
}


.heading-4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	padding:5px;
	font-weight:bold;
}

.heading-5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#000;
	padding:5px;
	font-weight:bold;
}




.normal-font{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	padding:5px;
	line-height:18px;
}

.link{
	font-family:Arial, Helvetica, sans-serif;
	color:#374545;
	font-size:12px;
	text-decoration:none;
}

.link:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	text-decoration:underline;
}




.border-top{
	border-top:dotted 1px #000;
	background:#000;
	
}

.border2{
	background:url(../images/border.jpg);
	background-position:left;
	vertical-align:middle;
	background-repeat:repeat-x;
	padding:10px;
}


.mandatory-field{
	font-family:Arial, Helvetica, sans-serif;
	color:#F00;
	font-size:15px;
	font-weight:bold;
	padding:2px;
}

.mandatory-field-text{
	font-family:Arial, Helvetica, sans-serif;
	color:#F00;
	font-size:12px;
	font-weight:normal;
	padding:2px;
}


p, ul {width:100%;}





#input2, #input3, #input4, #input5 {border-top:1px solid #ccc;padding-top:15px;}

#input_fn input, #input_ln input, #input_eao input {width:300px; font-size:15px;padding:5px;}

#select_broadarea select, #select_topic select, #select_concept select, #select_subtopic select, #select_subconcept select {width:250px; font-size:15px;}

#input_no_of_que input {width: 50px; font-size:15px;}

#sign-up_area td, #sign-up_area tr {padding:4px 0 4px 2px;color:#34567b;}

.error {color:#FF0000;}



#spacer {
height:8px;
}


.btnbutton {
text-decoration:none;
font-weight:bold;
}

.bc16 {
font-size:16px; 
text-align:center; 
font-weight:bold; 
}




.tcenter {
text-align:center;
}

.redcolor {
color:#FF0000;
}

.greencolor {
color:#00CC33;
}

	#ad{
		padding-top:220px;
		padding-left:10px;
	}
	
.even_row:hover{
	cursor:pointer;
	background-color:#CCCCCC;
}

.odd_row:hover{
	background-color:#CCCCCC;
}
.odd_col:hover{
	cursor:pointer;
	background-color:#DDD;
}

.approve {
	cursor:pointer;
	text-decoration:underline;
	color:#0000CC;
}
.approve:hover {
	cursor:pointer;
	color:red;
}

.qno {
	width:40px;
	text-align:center;
}



/* popup_box DIV-Styles*/
#popup_box { 
	display:none; /* Hide the DIV */
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6 */  
	height:400px;
	width:90%;
	background:#FFFFFF;  
	top: 150px;
	z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
	margin-left: 15px;
	
	/* additional features, can be omitted */
	border:2px solid #ff0000;  	
	padding:15px;  
	font-size:15px;  
	-moz-box-shadow: 0 0 5px #ff0000;
	-webkit-box-shadow: 0 0 5px #ff0000;
	box-shadow: 0 0 5px #ff0000;
	overflow:auto;
		
}

#container {
	background: #d2d2d2; /*Sample*/
	width:100%;
	height:100%;
	overflow:auto;
}

#containerpop {
	background: #d2d2d2; /*Sample*/
	width:100%;
	height:100%;
}

a{  
cursor: pointer;  
text-decoration:none;  
} 

/* This is for the positioning of the Close Link */
#popupBoxClose {
	font-size:20px;
	line-height:15px;
	right:65px;
	top: 125px;
	position:fixed;
	color:#6fa5e2;
	font-weight:500;
}


/* popup_box DIV-Styles*/
#popup_box_allo { 
	display:none; /* Hide the DIV */
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6 */  
	height:280px;  
	width:50%;  
	background:#FFFFFF;  
	top: 150px;
	z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */ 
	right: 73px;
	
	/* additional features, can be omitted */
	border:2px solid #ff0000;  	
	padding:35px;  
	font-size:15px;  
	-moz-box-shadow: 0 0 5px #ff0000;
	-webkit-box-shadow: 0 0 5px #ff0000;
	box-shadow: 0 0 5px #ff0000;
	overflow:auto;
		
}

#showpage {
	font-size:16px;  
	line-height:15px;  
	right:5px;  
	top:5px;  
	position:absolute;  
	color:#6fa5e2;  
	font-weight:500; 
}

.bar {
background-color:#317E90;
height:25px
}

td {
vertical-align:top;
}

.optbutton
{
margin-right:30px;
margin-bottom:5px;
}

.rtalign
{
text-align:right;
font-weight:bold;
}


#leftpart {
width:49%;
float:left;
height: 350px;
overflow:auto;
padding-right:5px;
}
#rightpart {
	padding-left:5px;
	width:49%;
	float:right;
	height: 350px;
	overflow:auto;
	border-left:  solid  #CCCCCC ;
}
#leftpart1 {
	width:49%;
	float:left;
	height: 250px;
	overflow:auto;
	padding-right:5px;
}


#rightpart1 {
padding-left:5px;
width:49%;
float:right;
height: 250px;
overflow:auto;
border-left:  solid  #CCCCCC ;
}


#nextbtn, #backbtn,#pgo{
cursor:pointer;
text-decoration:underline;
}

#pageno,#pagenogo {
width:30px;
text-align:center;
}

.caption {
width: 150px;
padding:5px;
display:inline-block;
}

.btn4menu {
padding:5px;
background-color:#5a6f5e;
display:block;
width:180px;
margin-left:auto;
margin-right:auto;
border-radius:5px;
box-shadow: 0 0 5px #333;
text-align:center;
}
.btn4menu a {color : #fff;}

.btn4menu:hover {
background-color:#666;
display:block;

}

.tdred {
color:#FF0000;
}
.tdgreen {
color:#009900;
}
.textbold{
font-weight:bold;
}
.menuselected
{ 
margin:10px;
display:inline;
padding:5px;
background-color: #5F7E06;
border-radius:5px;
}
#popup_box_Auth{ 
	display:none; /* Hide the DIV */
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6 */  
	height:480px;  
	width:80%;  
	background:#FFFFFF;  
	top: 20px;
	z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */ 
	right:100px;
	
	/* additional features, can be omitted */
	border:2px solid #ff0000;  	
	padding:15px;  
	font-size:15px;  
	-moz-box-shadow: 0 0 5px #ff0000;
	-webkit-box-shadow: 0 0 5px #ff0000;
	box-shadow: 0 0 5px #ff0000;
	overflow:auto;		
}
#popup_box_video{ 
	display:none; /* Hide the DIV */
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6 */  
	height:200px;  
	width:50%;  
	background:#FFFFFF;  
	top: 20px;
	z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */ 
	right:100px;
	
	/* additional features, can be omitted */
	border:2px solid #ff0000;  	
	padding:15px;  
	font-size:15px;  
	-moz-box-shadow: 0 0 5px #ff0000;
	-webkit-box-shadow: 0 0 5px #ff0000;
	box-shadow: 0 0 5px #ff0000;
	overflow:auto;		
}
#popupBoxCloseAuth {
	font-size:20px;  
	line-height:15px;  
	right:100px;  
	top: 23px;
	position:fixed;  
	color:#6fa5e2;  
	font-weight:500;  	
}
#popupBoxClosevideo {
	font-size:20px;  
	line-height:15px;  
	right:100px;  
	top: 23px;
	position:fixed;  
	color:#6fa5e2;  
	font-weight:500;  	
}


.submitclass, .editclass ,.proofclass,.viewclass,.delclass,.emailclass{
	text-decoration:underline;
	cursor:pointer;
}
.bootstrap-select{
    width: 100% !important;
    background: white;
    border: 1px solid #e1e1e1;
}
.bootstrap-select button{
	background: white !important;
    color: #111 !important;
}
.bootstrap-select .filter-option{
	top: -4px !important;
}