* {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/* [disabled]color:#666666; */
}
a img {
	border:0px;
}

#wrapper {
	width: 1022px;
	margin: auto;
}
#wrapper #logoheader {
	height: 70px;
	width: 1022px;
	margin-top: 1px;
	margin-bottom:10px; /* reduced from 4px to 1px on 20/9/13 */ 
	margin-right:50px;
	margin-left:20px;
}
#wrapper #logoheader .fbandcontactblock {
	text-align: right;
	/*padding-right: 20px;*/
	padding-left:2px; /*20px*/
	float:right;
	
	/*margin-bottom: 3px; */  /* commented - on 20/9/13 */
}
#wrapper #logoheader .topnavigation {
	/*padding-right:7px;*/
	width:1002px;
	/*margin-left:1px;*/
	text-align: center;
	/*text-align: left;*/
	padding-top: 1px;
	color: #333;
	font-size: 17px;
	height: 28px;

	/*background-color: #BB201C;*/
	/*background-color: #F6650A;*/
	background-image: url(../images/header2.png);
	background-repeat: no-repeat;
}
#wrapper #logoheader .topnavigation a {
	color: #FFF;
	font-size: 15px;
	padding-left: 13px;
	padding-right: 5px;
	text-decoration: none;
}
#wrapper #logoheader .topnavigation a:hover {
	color: #FC0;
}

#wrapper #mainheader {
	width: 100%;
	padding-top:2px;
	
	
	
	/* [disabled]height: 318px; */
}
/* added on dec 17 2013*/
#wrapper #mainheader_t {
	width: 100%;
	padding-top:2px;
	
	
	
	/* [disabled]height: 318px; */
}
/* end of dec 17 2013*/
#wrapper #mainheader .registerloginpanel {
	width: 250px;
	height: 410px;
	background-color: #118EEB;
	background-image: url(../images/blue_bg.jpg);
	background-repeat: no-repeat;
	text-align: center;
	margin-top:11px;
}
#wrapper #mainheader .submenu {
	width: 305px;
	height: 420px;
	background-image: url(../images/blue_bg.jpg);
	background-repeat: no-repeat;
	/* [disabled]text-align: center; */
	background-color: #118EEB;
	margin-left:10px;
		
}
#wrapper #mainheader .submenu a.menuitem{

   	font-family: Tahoma, Geneva, sans-serif;
    text-decoration: none;
	color: #FFF;
   	font-size: 13px;
    display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
   	width: auto;
    padding-left: 12px;
	padding-bottom: 7px;
	padding-top: 7px;
}

#wrapper #mainheader .submenu  a.menuitem:visited, .sidebar1 .menuitem:active{

text-decoration: none;
color: #FFF;
font-weight: bold;
}

#wrapper #mainheader .submenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/

position: absolute;

top: 6px;

right: 5px;

border: none;

}

#wrapper #mainheader .submenu a.menuitem:hover{

    background:none;

	color:#333;

	font-weight:bold;

}
#wrapper #mainheader .submenu  a.submenuheader {
                   	padding-left: 12px;
                   	list-style-type: none;
                   	padding-bottom: 5px;
                   	text-decoration: none;
	                color: #FFF;
	                padding-top: 7px;
                     /*border-top: 1px solid skyblue;*/
/*border-top: 1px solid #A1E1F6;*/
                   }
#wrapper #mainheader .submenu  div.leftnavigationmenu {
	padding: 7px;
	display: none;
}
#wrapper #mainheader .submenu div.leftnavigationmenu ul {

	padding: 0px;
	list-style-type: none;
}
#wrapper #mainheader .submenu div.leftnavigationmenu ul li {
	padding-bottom: 5px;
 	padding-top: 5px;
 	padding-left: 10px;

}
#wrapper #mainheader .submenu div.leftnavigationmenu ul li a {
	text-decoration: none;
	color: #FFF;
	letter-spacing: 1.2px;
	font-size: 13px;
	display: block;

}
#wrapper #mainheader .submenu div.leftnavigationmenu ul li a:hover {
	/* [disabled]text-decoration: none; */
	color: #FC0;
	/* [disabled]letter-spacing: 1.2px; */
}

#wrapper #mainheader .registerloginpanel .registercontent {
	color: #FFF;
	margin-bottom: 8px;
	text-align:center;
	
}
.formlabels {
	color: #333;
	margin-bottom: 8px;
	text-align:center;
}
#wrapper #mainheader .registerloginpanel a  {
	color: #FF0;
	font-size: 16px;
}
#wrapper #mainheader .registerloginpanel .login {
	text-align: center;
	color: #FFF;
	font-size: 12px;
}
#wrapper #mainheader .registerloginpanel .login a {
	text-align: center;
	color:#FFFF33;
	font-size: 16px;
	font-weight:bold;
	text-decoration:none;
}
#reg_reg
{
	text-align: center;
	color: #FFF;
	font-size: 12px;
	}
	#reg_reg a
	{
	text-align: center;
	color:#FFFF33;
	font-size: 16px;
	font-weight:bold;
	text-decoration:none;
	}
	.login1
{
	text-align: center;
	color: #FFF;
	font-size: 12px;
	}
	.login1 a
	{
		text-align: center;
	color:#FFFF33;
	font-size: 16px;
	font-weight:bold;
	text-decoration:none;
	}
	.demo_view
    {
	text-align: center;
	color: #FFF;
	font-size: 12px;
	}
	.demo_view a
	{
	text-align: center;
	color:#FFFF33;
	font-size: 16px;
	font-weight:bold;
	text-decoration:none;
	}
	#reg_reg1
{
	text-align: center;
	color: #FFF;
	font-size: 12px;
	}
	#reg_reg1 a
	{
	text-align: center;
	color:#FFFF33;
	font-size: 16px;
	font-weight:bold;
	text-decoration:none;
	}
/*	.fgtpass
	{
	text-align: center;
	color: #FFF;
	font-size: 12px;
	}
#fgtpass a
{
	text-align: center;
	color:#FFFF33;
	font-size: 16px;
	font-weight:bold;
	text-decoration:none;
}*/
#wrapper #mainpanels {
	height: 245px;
}
#wrapper #mainpanels1 {
	height: 245px;
}
#wrapper #mainpanels21 {
	height: 291px;
}
#wrapper #mainpanels h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1.2px;
	margin-bottom: 5px;
}
#wrapper #mainpanels p { 
	font-weight: normal;
	/* [disabled]letter-spacing: 1.2px; */
	margin-bottom: 5px;
	text-align: justify;
	line-height: 20px;
	color: #666;
}
#wrapper #mainpanels21 .mainpanelorange1 .tb2 h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1.2px;
	margin-bottom: 5px;
	padding-top:7px;
}
#wrapper #mainpanels21 .mainpanelorange1 p { 
	font-weight: normal;
	/* [disabled]letter-spacing: 1.2px; */
	margin-bottom: 5px;
	text-align: justify;
	line-height: 20px;
	color: #666;
}
/* oct 8 changes */

#wrapper #mainpanels21 .mainpanelorange2 .tb2 h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1.2px;
	margin-bottom: 5px;
	padding-top:7px;
}
#wrapper #mainpanels21 .mainpanelorange2 p { 
	font-weight: normal;
	/* [disabled]letter-spacing: 1.2px; */
	margin-bottom: 5px;
	text-align: justify;
	line-height: 20px;
	color: #666;
}

#wrapper #mainpanels21 .mainpanelorange2 .more {
	text-align: right;
}	
#wrapper #mainpanels21 .mainpanelorange2 {
	width: 305px;
	height: 291px; 
	background-image: url(../images/orangepanel_puzzle.png);
	background-repeat: no-repeat;
	overflow: hidden;
	margin-left:15px;
	
}

/* end of oct 8 changes */
#wrapper #mainpanels .more {
	text-align: right;
}
#wrapper #mainpanels21 .mainpanelorange1 .more {
	text-align: right;
}
#wrapper #mainpanels .mainpanelred {
	width: 330px; /*302px; */
	height: 244px;
	background-image: url(../images/redpanel_bg1.png);
	background-repeat: no-repeat;
	overflow: hidden;
	margin-left:8px;
}
#wrapper #mainpanels .mainpanelpurple {
	/*width: 313px;
	height: 253px;
	background-image: url(../images/panelpurp.png);
	background-repeat: no-repeat;
	overflow: hidden;*/
	
	width: 305px;
	height: 244px;
	background-image: url(../images/panelpurp.png);
	background-repeat: no-repeat;
	min-height: 200px;
	border: 1px solid #e1e7ef;
	margin-bottom: 10px;
	background-color: #FFF;
	margin-top:1px;
	
}

#wrapper #mainpanels21 .mainpanelorange1 {
	width: 305px;
	height: 291px; 
	background-image: url(../images/orangepanel_puzzle.png);
	background-repeat: no-repeat;
	overflow: hidden;
	margin-left:10px;
	
}

#wrapper #mainpanels .mainpanelorange {
	width: 305px;
	height: 244px;
	background-image: url(../images/orangepanel_bg.png);
	background-repeat: no-repeat;
	overflow: hidden;
	margin-left:10px;
	
}
#wrapper #mainpanels .mainpanelgreen {
	width: 330px;
	height: 244px;
	background-image: url(../images/greenpanel_bg.png);
	background-repeat: no-repeat;
	overflow: hidden;
	margin-left:12px;
}
#wrapper #content {
	margin-top: 2px;
	/*border-bottom: 1px solid #c3c3c3;*/
	margin-left:5px;
}
#wrapper #ct {
	margin-top: 2px;
	/*border-bottom: 1px solid #c3c3c3;*/
	margin-left:5px;
}
#wrapper #content .leftpanel {
	/*	width: 311px;*/
	/*background-image: url(../images/leftpanel_bg.jpg);*/
	/*background-image: url(../images/panelpurp.png);
	background-repeat: no-repeat;
	//min-height: 200px;
	border: 1px solid #e1e7ef;
	margin-bottom: 15px;
	background-color: #FFF;
	margin-top:1px;
	height: 253px;*/
	width: 302px;
	height: 244px;
	background-image: url(../images/panelpurp.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
#wrapper #content .leftpanel .test{
font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1.2px;
	margin-bottom: 5px;
}
#wrapper #content .leftpanel .p1{
font-weight: normal;
	/* [disabled]letter-spacing: 1.2px; */
	margin-bottom: 5px;
	text-align: justify;
	line-height: 20px;
	color: #666;
}

#wrapper #content .leftpanelann {
	width: 303px;
	background-image: url(../images/leftpanel_bg_s.jpg);  
	background-repeat: no-repeat;
	min-height: 95px;
	border: 1px solid #e1e7ef;
	margin-bottom: 10px; /*15px;*/
	background-color: #FFF;
	margin-top:1px;
}
#wrapper #content .contentmainpanel_index {
    border: 1px solid #e1e7ef;
	padding: 1px;
	margin-bottom: 15px;
	margin-top:1px;
	margin-left:5px;
}
#wrapper #content .contentpanelbdr_index {

width: 671px;
height:240px;
	padding: 1px;
	margin-left:5px;
	background-image: url(../images/content_panels_bg.jpg);
	background-repeat: repeat-x;
}

#wrapper #content .contentpanelbdr_index p {
font-weight: normal;
	/* [disabled]letter-spacing: 1.2px; */
	margin-bottom: 5px;
	text-align: justify;
	line-height: 20px;
	color: #666;
}

#wrapper #content .contentmainpanel_index .contentpanelbdr_index .header {
	height: 34px;
	/* [disabled]padding-top: 20px; */
	padding-bottom: 2px;
	color: #09C;
	font-size: 20px;
	/* [disabled]margin-left: 23px; */
	text-align: left;
	margin-bottom: 15px;
	border-bottom: 1px solid #c6c6c6;
}
#wrapper #content .contentmainpanel {
border: 1px solid #e1e7ef;
	padding: 1px;
	margin-bottom: 15px;
	width: 677px;
	margin-top:4px; /*  14px */
	margin-left:15px;
}
#wrapper #content .contentpanelbdr {

    width: 675px;
	padding: 1px;
	background-image: url(../images/content_panels_bg.jpg);
	background-repeat: repeat-x;
}

#wrapper #content .contentpanelbdr p {
font-weight: normal;
	/* [disabled]letter-spacing: 1.2px; */
	margin-bottom: 5px;
	text-align: justify;
	line-height: 20px;
	color: #666;
}

#wrapper #content .contentmainpanel_w {
border: 1px solid #e1e7ef;
	padding: 1px;
	margin-bottom: 15px;
	margin-top:30px; /*  14px */
	margin-left:292px;
}
#wrapper #content .contentpanelbdr_w {

    width: 675px;
	padding: 1px;
	background-image: url(../images/content_panels_bg.jpg);
	background-repeat: repeat-x;
}

#wrapper #content .contentpanelbdr_w p {
font-weight: normal;
	/* [disabled]letter-spacing: 1.2px; */
	margin-bottom: 5px;
	text-align: justify;
	line-height: 20px;
	color: #666;
}
#wrapper #content .contentpanelbdr_reg{
    width: 950px;
	padding: 1px;
	background-image: url(../images/content_panels_bg.jpg);
	background-repeat: repeat-x;
}
#wrapper #content .contentmainpanel .contentpanelbdr_reg .header {
	height: 25px;
	/* [disabled]padding-top: 20px; */
	padding-bottom: 15px;
	color: #09C;
	font-size: 20px;
	/* [disabled]margin-left: 23px; */
	text-align: left;
	margin-bottom: 15px;
	border-bottom: 1px solid #c6c6c6;
}
#wrapper #content .contentmainpanel .contentpanelbdr_reg .header1 {
	height: 25px;
	/* [disabled]padding-top: 20px; */
	padding-bottom: 15px;
	color: #09C;
	font-size: 20px;
	/* [disabled]margin-left: 23px; */
	text-align: left;
	margin-bottom: 15px;
	border-bottom: 1px solid #c6c6c6;
}
#wrapper #content .contentpanelbdr_reg p {
font-weight: normal;
	/* [disabled]letter-spacing: 1.2px; */
	margin-bottom: 5px;
	text-align: justify;
	line-height: 20px;
	color: #666;
}
#wrapper #content .contentpanelbdr .formlabel2 {
font-weight: normal;
	/* [disabled]letter-spacing: 1.2px; */
	text-align: left;
	color: #666;
	}
#wrapper #content .contentpanelbdr_w .formlabel2 {
font-weight: normal;
	/* [disabled]letter-spacing: 1.2px; */
	text-align: left;
	color: #666;
	}

#wrapper #content .contentmainpanel1 {
border: 1px solid #e1e7ef;


	padding: 1px;
	margin-bottom: 15px;
	margin-top:5px;
	margin-left:5px;
}
#wrapper #content .contentpanelbdr1 {
    width: 750px;
	padding: 1px;
	background-image: url(../images/content_panels_bg.jpg);
	background-repeat: repeat-x;
}	
#wrapper #content .contentpanelbdr1 p {
font-weight: normal;
	/* [disabled]letter-spacing: 1.2px; */
	margin-bottom: 5px;
	text-align: justify;
	line-height: 20px;
	color: #666;
}
#wrapper #content .contentpanelbdr_reg1{

width: 950px;
	padding: 1px;
	
	background-image: url(../images/content_panels_bg.jpg);
	background-repeat: repeat-x;
}
#wrapper #content .contentmainpanel1 .contentpanelbdr_reg1 .header {
	height: 25px;
	/* [disabled]padding-top: 20px; */
	padding-bottom: 15px;
	color: #09C;
	font-size: 20px;
	/* [disabled]margin-left: 23px; */
	text-align: left;
	margin-bottom: 15px;
	border-bottom: 1px solid #c6c6c6;
}
#wrapper #content .contentpanelbdr_reg1 p {
font-weight: normal;
	/* [disabled]letter-spacing: 1.2px; */
	margin-bottom: 5px;
	text-align: justify;
	line-height: 20px;
	color: #666;
}
#wrapper #content .contentpanelbdr1 .formlabel2 {
font-weight: normal;
	/* [disabled]letter-spacing: 1.2px; */
	text-align: left;
	color: #666;
	}
	#block
{
/*font-family:Verdana, Arial, Tahoma;
font-size:14px;
*/

}
#leftcolumn { 
display: inline;
margin-left: 2px;
 padding: 0px;
 width:70%;
 float: left;
}

/*#checktext a {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}*/

#rightcolumn { 
margin-left: 2px;
position:relative;
width:25%;
padding: 0px;
float:right;
}

#wrapper #content .contentmainpanel .contentpanelbdr .header {
	height: 25px;
	/* [disabled]padding-top: 20px; */
	padding-bottom: 15px;
	color: #09C;
	font-size: 20px;
	/* [disabled]margin-left: 23px; */
	text-align: left;
	margin-bottom: 15px;
	border-bottom: 1px solid #c6c6c6;
}
#wrapper #content .contentmainpanel .contentpanelbdr .header a {
	height: 25px;
	/* [disabled]padding-top: 20px; */
	padding-bottom: 15px;
	color: #09C;
	font-size: 14px;
	font-weight:bold;
	/* [disabled]margin-left: 23px; */
	text-align: left;
	margin-bottom: 15px;
	
}
#wrapper #content .contentmainpanel_w .contentpanelbdr_w .header {
	height: 25px;
	/* [disabled]padding-top: 20px; */
	padding-bottom: 15px;
	color: #09C;
	font-size: 20px;
	/* [disabled]margin-left: 23px; */
	text-align: left;
	margin-bottom: 15px;
	border-bottom: 1px solid #c6c6c6;
}
#wrapper #content .contentmainpanel_w .contentpanelbdr_w .header a {
	height: 25px;
	/* [disabled]padding-top: 20px; */
	padding-bottom: 15px;
	color: #09C;
	font-size: 14px;
	font-weight:bold;
	/* [disabled]margin-left: 23px; */
	text-align: left;
	margin-bottom: 15px;
	
}
#wrapper #content .contentmainpanel_graph {
	padding: 1px;
	margin-bottom: 15px;
	margin-top:10px;
	margin-left:15px;
	padding-left:50px;
/*	padding-left:250px;*/
}
#wrapper #content .contentpanelbdr_graph {
	border: 1px solid #e1e7ef;
	width: 950px;
	padding: 1px;
	background-image: url(../images/content_panels_bg.jpg);
	background-repeat: repeat-x;
}
/* nov 27 2013 */
#wrapper #content_technical {
	/*margin-top: 2px;*/
	/*border-bottom: 1px solid #c3c3c3;*/
float:right;
}

#wrapper #content_technical .contentmainpanel_graph_technical {
	padding: 1px;
	margin-bottom: 15px;
	margin-top:1px;
	margin-left:15px;
	/*padding-left:50px;*/ 
	width:750px;
/*	padding-left:250px;*/
}
#wrapper #content_technical .contentpanelbdr_graph_technical {
	border: 1px solid #e1e7ef;
	width: 750px;
	padding: 1px;
	background-image: url(../images/content_panels_bg.jpg);
	background-repeat: repeat-x;
	/*margin-left:250px;*/
}
#wrapper #content_technical .contentmainpanel_graph_technical .contentpanelbdr_graph_technical .header_technical {
	height: 18px;
	/* [disabled]padding-top: 20px; */
	padding-bottom: 15px;
	color: #09C;
	font-size: 20px;
	/* [disabled]margin-left: 23px; */
	text-align: left;
	margin-bottom: 15px;
	border-bottom: 1px solid #c6c6c6;
}
/* end of nov 27 2013 */

#wrapper #content .contentpanelbdr_graph p {
font-weight: normal;
	/* [disabled]letter-spacing: 1.2px; */
	margin-bottom: 5px;
	text-align: justify;
	line-height: 20px;
	color: #666;
}
#wrapper #content .contentmainpanel_graph .contentpanelbdr_graph .header {
	height: 25px;
	/* [disabled]padding-top: 20px; */
	padding-bottom: 15px;
	color: #09C;
	font-size: 20px;
	/* [disabled]margin-left: 23px; */
	text-align: left;
	margin-bottom: 15px;
	border-bottom: 1px solid #c6c6c6;
}
#wrapper #content .leftpanelann .leftpanellist  a{
font-weight: normal;
	/* [disabled]letter-spacing: 1.2px; */
	margin-bottom: 5px;
	text-align: justify;
	line-height: 20px;
	color: #666;
	text-decoration:none;
	}
#wrapper #content .leftpanel .leftpanellist  p{
font-weight: normal;
	/* [disabled]letter-spacing: 1.2px; */
	margin-bottom: 5px;
	text-align: justify;
	line-height: 20px;
	color: #666;
	text-decoration:none;
}
#wrapper #content .leftpanel .leftpanellist ul {
	list-style-type: square;
	font-size: 5px;
	color: #693;
}
#wrapper #content .leftpanel .leftpanellist ul li {
	list-style-type: square;
	padding-bottom: 11px;
}
#wrapper #content .leftpanel .leftpanellist ul li a {
	list-style-type: square;
	padding-bottom: 11px;
	color: #666;
}
#wrapper #content .leftpanel .leftpanellist ul li a:hover {
	color: #F60;
}

#wrapper #footer {
    border-top: 1px solid #c3c3c3;
	height: 50px;
	color: #666;
	/*margin-left:100px;*/
	padding-right:10px;
	/*padding-left:30px;*/
	text-align:center;
	width:100%;
	margin-left:19px;
	}
#wrapper #footer a {
	color: #09C; 

}
.panelheader1 {
	height: 25px;
	padding-top: 13px;
	padding-bottom: 7px;
	color: #FFF;
	font-size: 18px;
	margin-left: 40px;
	text-align: left;
}
.panelheader {
	height: 25px;
	padding-top: 13px;
	padding-bottom: 7px;
	color: #FFF;
	font-size: 18px;
	margin-left: 40px;
	text-align: left;
}

.panelheader2 {
	height: 25px;
	padding-top: 13px;
	padding-bottom: 7px;
	color: #FFF;
	font-size: 20px;
	margin-left: 40px;
	text-align: left;
}

.leftpanelheaderann {
	height: 13px;
	padding-top: 10px;
	padding-bottom: 8px;
	color: #693;
	font-size: 20px;
	margin-left: 23px;
	text-align: left;
	margin-bottom: 15px;
}
.leftpanelheader {
	height: 25px;
	padding-top: 20px;
	padding-bottom: 15px;
	color: #693;
	font-size: 20px;
	margin-left: 23px;
	text-align: left;
	margin-bottom: 15px;
}
.gridtable {
	border: 1px solid #c4c4c4;
	border-left: 0px;
	
}
.gridtable th {
	border: 1px solid #c4c4c4;
	background-color: #069;
	height: 25px;
	padding-top: 10px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-bottom: 10px;
}
.gridtable td {
	height: 25px;
	padding-top: 5px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 5px;
	border-left: 1px solid #c4c4c4;
	/* [disabled]border-right: 1px solid #c4c4c4; */
	padding-left: 5px;
}
/* new try for gridtable nov 27 */
.gridtable_technical {
	border: 1px solid #c4c4c4;
	border-left: 0px;
	
}
.gridtable_technical th {
	border: 1px solid #c4c4c4;
	background-color: #069;
	height: 25px;
	padding-top: 3px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-bottom: 3px;
}
.gridtable_technical td {
	height: 22px;
	padding-top: 3px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 5px;
	border-left: 1px solid #c4c4c4;
	/* [disabled]border-right: 1px solid #c4c4c4; */
	padding-left: 3px;
}

/* end of new try for gridtable  */

.altrow {
	background-color: #E8E8E8;

}

/* graph highlight  aug 29,2011*/
.WP_underPercentage {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.15em;
color: #0050AF;
line-height: 2em;
text-align: left;
/*margin-top:10px;*/
border:solid;
border-color:#96BDE0;
width:735px;
margin-left:15px;
height:450px;
}
#wp_cut {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.15em;
color: #0050AF;
line-height: 2em;
text-align: left;
/*margin-top:10px;*/
border:solid;
border-color:#96BDE0;
width:675px;
margin-left:15px;
height:450px;
}
.WP_underPercentageCut {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
background-color: #0050AF;
line-height: 2em;
text-align: left;
padding: 0.3em 0.6em;
color: white;
margin-left:20px;
}

.welcometxt
{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.05em;
font-weight:bold;
color:#016fa0;
/*padding-left:625px;*/
text-align: right;
padding-left:170px;
position:absolute;

/*padding-top:13px;*/
	/*padding-right: 20px;*/
/*	padding-left:20px;
	margin-bottom: 5px;*/
}
#score 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.05em;
text-align:left;
font-weight:bold;
cursor: pointer;
margin-left:20px;

}
.score 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.05em;
text-align:left;
font-weight:bold;
cursor: pointer;
margin-left:20px;

}
#duration
{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.05em;
text-align:center;
font-weight:bold;
cursor: pointer;

}
#time
{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.05em;
text-align:center;
font-weight:bold;
cursor: pointer;
margin-left:20px;
}
.time
{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.05em;
text-align:center;
font-weight:bold;
cursor: pointer;
margin-left:20px;
}
#analy
{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.05em;
text-align:center;
font-weight:bold;
cursor: pointer;

}
#t1
{
padding-left:10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
text-align:center;
font-weight:bold;
cursor: pointer;
}
#t2
{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
text-align:center;
font-weight:bold;
cursor: pointer;

}
#t3
{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
text-align:center;
font-weight:bold;
cursor: pointer;

}

.altrow {
	background-color: #E8E8E8;

}

.topics li {
	background-image: url(../images/pinicon.gif);
	background-repeat: no-repeat;
	list-style: none outside none;
	margin-left: -10px;
	padding-bottom: 15px;
	padding-left: 40px;
}
.topics li a {
	color: #F30;

}
.topics li a:hover {
	color: #333;
}


/* CSS button  */

a.button {
	/* Sliding right image */
    background: transparent url('../images/button_right.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 34px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
text-decoration: none;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
a.button:hover {
	/* Sliding right image */
    background: transparent url('../images/button_right_over.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 34px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
text-decoration: none;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

/*a.button span {
	
background: transparent url('../images/button_left.png') no-repeat;
	display: block;
	line-height: 22px; 
	padding: 7px 0 5px 18px;
		_position:relative;
	cursor:pointer;
	text-decoration:none;
} */
a.button span:hover {
	/* Background left image */ 
background: transparent url('../images/button_left_over.png') no-repeat;
	display: block;
	line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 7px 0 5px 18px;
}

a.button:hover span{
text-decoration:underline;
}


/* formula css */

.sq-root {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

background-image: url('../images/sqroot.gif');

background-position: top left;

background-repeat: no-repeat;

padding-left: 10px;

padding-top: 1px;

}

upp {

vertical-align: super;

font-size: smaller;

}

.exp-var {

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

/*font-style: italic;

*/margin-left: 1px;

margin-right: 1px;

}

.small-let {

font-family: Arial, Helvetica, sans-serif;

font-size: 9px;

/*font-style: italic;

*/
margin-left:1px;
margin-right:1px;
}

#block
{

font-family:Verdana, Arial, Tahoma;
font-size:14px;
}

/*practice test css*/

.question 
{
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 20px;
font-weight:600;

}
.option1 {

color: #333;

font-family: Arial, Helvetica, sans-serif;

font-size:12px;
line-height: 20px;
}

.option3 {

color: #333;

font-family: Arial, Helvetica, sans-serif;

font-size:12px;
line-height: 20px;
}
.option2 {

color: #333;

font-family: Arial, Helvetica, sans-serif;

font-size:12px;
line-height: 20px;
}
.option4 {

color: #333;

font-family: Arial, Helvetica, sans-serif;

font-size:12px;
line-height: 20px;
}
.show_answer
{
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
cursor:pointer;
color: #444;
line-height: 20px;
}

.registrationbtn {
width:80px;
height:40px;
background-image: url(../images/register_btn.png);
border: none;
}
.d {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
cursor:pointer;
color: #fff;
}

.question_sample
{
color: #333;
 font-family: verdana,arial,sans-serif;
	font-size:12px;
line-height:20px;
font-weight:600;
margin-bottom:12px;
margin-top:8px;
}
.q1{
font-family: verdana,arial,sans-serif;
	font-size:11px;
	line-height: 20px;
	font-weight:200;
    margin-bottom:5px;
	}

.s1{
margin-top:15px;

}
.mandatory{
color:#FF0000;
}
.bt_login {
display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: .4em 1.1em .4em 1.1em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
/*	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;*/
	border-radius: .5em;
	/*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	display: inline-block;
	/*zoom: 1;*/ /* zoom and *display = ie7 hack for display:inline-block */

}

.bt {
display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .6em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
/*	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;*/
	border-radius: .5em;
	/*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	display: inline-block;
	/*zoom: 1;*/ /* zoom and *display = ie7 hack for display:inline-block */

}
.bt:hover {
	text-decoration: none;
}
.bt:active {
	position: relative;
	top: 1px;
}
.red {
	color: #ffffff;
	border: solid 1px #F9D7D8;
	background:-ms-linear-gradient(top, #EB756A 0%, #C61F0B 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#EB756A), to(#C61F0B));
	background: -moz-linear-gradient(top,  #EB756A,  #C61F0B);
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EB756A', endColorstr='#C61F0B');*/
	background:#D94B3C;
}
.red:hover {
	background:-ms-linear-gradient(top, #EB756A 0%, #C61F0B 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#EB756A), to(#C61F0B));
	background: -moz-linear-gradient(top,  #EB756A,  #C61F0B);
		background:#D94B3C;
}
.red:active {
	color: #fff;
	background:-ms-linear-gradient(top, #EB756A 0%, #C61F0B 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#EB756A), to(#C61F0B));
	background: -moz-linear-gradient(top,  #EB756A,  #C61F0B);
		background:#D94B3C;
}

.tooltip{
    display: inline;
    position: relative;
}
.tooltip:hover:after{
    background-color:#BA67F1;
  
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}
.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}
.contentxt_grey {

COLOR: #474747;
font-size:8pt;
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
}
.centerdiv{ /*IE method of centering a relative div*/
text-align:left;
padding-left:57px;
}
.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}
.vat{
vertical-align:top;

}
.vab{
vertical-align:bottom;
}
.vs{
padding-top:25px;
}
.vam{
vertical-align:middle;
}
.tb {
width:100%;
border-collapse:separate; 
border-spacing: 0px;
	
}
.tba {
width:100%;
border-collapse:separate; 
border-spacing:5px;
border:none;
}
.art {
width:305px;
vertical-align:top;
}
.tb{
width:100%;
border-collapse:separate; 
border-spacing: 0px;
}
.tb_f{
width:100%;
border-collapse:separate; 
border-spacing: 0px;
padding:10px;
	
}
.tb_i{
width:100%;
border-collapse:separate; 
border-spacing: 0px;
padding:17px;
	
}
.tb_i_technical{
width:100%;
border-collapse:separate; 
border-spacing: 0px;
padding:10px;
	
}
.tb_k{
width:100%;
border-collapse:separate; 
border-spacing: 7px;
padding:10px;
	
}
.tb_regwork{
width:100%;
border-collapse:separate; 
border-spacing: 8px;
padding:8px;
	
}
.tb .s {
vertical-align:bottom;
text-align:left;
width:160px;
}
.tb1 {
width:99%;
border-collapse:separate; 
border-spacing: 15px;
}

.tb1 .w1 {
width:319px;
vertical-align:top;
}
.tb2 {
width:100%;
border-collapse:separate; 
border-spacing: 10px;
}
.tb2 .w2 {
width:229px;
vertical-align:top;
text-align:left;
}
.tb3 {
width:100%;
border-collapse:separate;
border-spacing:15px;
}

.tb4 {
width:100%;
border-collapse:separate; 
border-spacing: 17px;

}
.right{
text-align:right;
}
.left{
text-align:left;
}
.puzzle{
text-align:left;
vertical-align:top;
padding-top:10px;
}
.g1 {
margin-left:7px;
}
.reg {
text-align:center;
vertical-align:top;
margin-right:7px;
padding-top:10px;
/*margin-left:8px;*/
}
.img
{
width:155px;
height:70px;
}
.img1{
height:28px; 
width:70px;
}
.imgf{
width:40px;
height:30px;
vertical-align:bottom;
}
.imgk{
width:40px;
height:30px;
vertical-align:bottom;
}
.c {
vertical-align:bottom;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}
.r{
vertical-align:bottom;
color: #333333  /*#ffffff*/;
	border: solid 1px #999999;
	background:-ms-linear-gradient(top, #999999 0%, #CCCCCC 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#999999), to(#CCCCCC));
	background: -moz-linear-gradient(top,  #999999,  #CCCCCC);
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#CCCCCC');*/
	background:#999999;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: .1em .7em .1em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
/*	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;*/
	border-radius: .5em;
	/*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	display: inline-block;
}
.r:hover {
	background:-ms-linear-gradient(top, #999999 0%, #CCCCCC 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#999999), to(#CCCCCC));
	background: -moz-linear-gradient(top,  #999999,  #CCCCCC);
		background:#999999;
}
.r:active {
	color: #333333;
	background:-ms-linear-gradient(top, #999999 0%, #CCCCCC 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#999999), to(#CCCCCC));
	background: -moz-linear-gradient(top,  #999999,  #CCCCCC);
		background:#999999;
}
.w13{
width:13px;
}
.w15 {
width:198px;
text-align:right;
}
.w16{
width:16px;
text-align:center;
}
.w5{
width:594px;
}
.w_2{
width:1000px;
vertical-align:top;

}
.w_1{
width:750px;

}
#w_3
{

float:right;
width:100%;
border-collapse:separate; 
border-spacing: 0px;
/*border-padding: 0px;*/
}
.w_88{
width:476px;
vertical-align:top;
}

.w_99{
width:1000px;
vertical-align:top;

}
#up_d{
float:left;
border-collapse:separate; 
border-spacing: 10px;
padding: 3px;
}
#score_graph{
padding-left:20px;
padding-top:30px;


}
#time_graph{
padding-left:20px;
padding-top:30px;

}

#analy_graph{
padding-left:20px;
padding-top:30px;

}

/* new addition on nov 27 */

#score_graph_technical{
padding-left:20px; 
padding-top:10px;



}
#time_graph_technical{
padding-left:20px;
padding-top:10px;

}

#analy_graph_technical{
padding-left:20px;
padding-top:30px;

}

/* end of new addition on nov 27 */

.tk{
text-align:center;
}
.fsgn{
float:left;
width:75px;

}
.fsgnu{

width:60px;


}
.wsign{
width:148px;
}
.fsg{
float:left;


}
.fright{

float:right;
}
.hrst{
width:90%;
float:left;
}

.fntst{
color:#cc6600;
}

.cpa{
font-weight: normal;
	/* [disabled]letter-spacing: 1.2px; */
	margin-bottom: 5px;
	text-align: justify;
	line-height: 20px;
	color: #666;

}

.cpa a
{
	text-decoration:none;
	font-weight: normal;
	/* [disabled]letter-spacing: 1.2px; */
	margin-bottom: 5px;
	text-align: justify;
	line-height: 20px;
	color: #666;
}

.vv{
vertical-align:middle; 
}

.side {
height:300px;
 width:305px;
}
.side a {
text-decoration:none;
}
.sideorange{
background-image:url(../images/orange_lm.png);

}

.sideblue{
background-image:url(../images/blue_lm.png);

}
.sidered{
background-image:url(../images/red_lm.png);

}
.sidegreen{
background-image:url(../images/green_lm.png);

}
.date {
float: left;
width: 12.9em;
padding: 2em 0 2em 2em;
color:#FFFFFF;
}
.date .ds {
background: url(../images/ribbon.jpg) left no-repeat;
display: block;
height: 36px;
width: 125px;
float: right;
text-align: center;
padding-top:23px;
color:#FFFFFF;

}
.WP_underPercentageCut_new {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
background-color: #0050AF;
line-height: 2em;
padding: 0.1em 0.1em;

color: white;

}
.test_menu {
margin-left:15px;
background: url(../images/menu_test.png) left no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;


font-size: 1em;

line-height: 2em;
text-align: left;
padding: 0.3em 0.6em;
color: white;
margin-left:20px;

}

/* new css on Nov 18 */


/* Let's import the lovely google font, please keep this line at the top of your stylesheet */
/* Menu CSS */
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  padding: 0;
  margin: 0;
  line-height: 1;
  font-family: "Times New Roman", Times, serif, 'Capriola';
}
#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {
  content: '';
  display: table;
}
#cssmenu:after,
#cssmenu > ul:after {
  clear: both;
}
#cssmenu {
  /*zoom: 1;*/
  height: 40px;
  background: url(../images/bottom-bg2.png) repeat-x center bottom;
  border-radius: 2px;
  width: 666px;
  margin-left:13px;
}
#cssmenu ul {
  background: url(../images/nav-bg2.png) repeat-x 0px 4px;
  height: 40px;
}
#cssmenu ul li {
  float: left;
  list-style: none;
}
#cssmenu ul li a {
  display: block;
  height: 29px;
  /*padding: 22px 30px 0;*/
  margin: 4px 2px 0;
  border-radius: 2px 2px 0 0;
  text-decoration: none;
  font-size: 25px;
  font-weight:bold;
  color:#587386;
 /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);*/
  font-weight: bold;
  opacity: .9;
  padding-top:3px;
  padding-left:34px;
  padding-right:34px;
  padding-bottom:13px;
}
#cssmenu ul li:first-child a {
  margin: 4px 2px 0 0;
}
#cssmenu ul li a:hover,
#cssmenu ul li.active a {
  background: url(../images/color2.png) center bottom;
  display: block;
  height: 22px;
  margin-top: 0px;
  padding-top: 5px;
  color: white;
 /* color: #004f7c;*/
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.55);
  font-size: 25px;
  font-weight:bold;
  opacity: 1;
}

.se {
  background: url(../images/color2.png) center bottom;

}
/* End new css */