@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0;}

form {
    margin-bottom: 0;
    min-width: 1200px;
}

#clr { clear:both;}

#mainwrap { width:100%; float:left;}
#top      { width:100%; background-image:url(../newuiimages/top-bg.jpg); background-position:left top; background-repeat: repeat-x; margin:0 0 10px; float:left;}
#top-bg   { width:98%; background-image:url(../newuiimages/top-cor.jpg); background-position:left top; background-repeat: no-repeat; float:left; height:96px;}
#top-mid  { width: auto /*1200px*/; margin-left:20px; max-width: 1210px;}
#logo     { margin:8px 0 17px 11px; float:left;}
#logo1    { width:210px; margin:8px 0 17px 11px; float:left;}

#right-side{ width: 743px/*790px*/; float:right;}
#menu    { width:auto; margin:40px 0 0 5px; float:left;}

/*#icon1            { width:70px; margin-right:0px; float:left;}*/
#icon1            { width:70px; max-width: 70px; margin-right:0px; float:left;}
#icon1 #icon-img  { text-align:center; margin:0px 0 1px;}
#icon1 #icon-txt  { text-align:center;}
#icon1 .icon-txt a:link  { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px; text-decoration:none;}
#icon1 .icon-txt a:hover, .icon-txt a:active, .icon-txt a:visited { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px;  text-decoration:underline;}

#alertnotificationicon            { width:70px; max-width: 70px; margin-right:0px; float:left;}
#alertnotificationicon #icon-img  { text-align:center; margin:0px 0 1px;}
#alertnotificationicon #icon-txt  { text-align:center;}
#alertnotificationicon .icon-txt a:link  { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px; text-decoration:none;}
#alertnotificationicon .icon-txt a:hover, .icon-txt a:active, .icon-txt a:visited { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px;  text-decoration:underline;}

.topLink.small1 {
    margin-left: 9px!important;
	margin-top: 7px;
}
.topLink.small {
	margin-top: 7px;
}
.topLink.small1 a, .topLink.small a {
    min-height: inherit !important;
}
.small #icon1 {
    width: 30px;
}
.small1 #icon1 {
    width: 56px;
}

.small #alertnotificationicon {
    width: 30px;
}
.small1 #alertnotificationicon {
    width: 56px;
}

#icon2            { width:50px/*46px*/; margin-right:0px; float:left;}
#icon2 #icon-img  { text-align:center; margin:0px 0 1px;}
#icon2 #icon-txt  { text-align:center;}
#icon2 .icon-txt a:link  { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px; text-decoration:none;}
#icon2 .icon-txt a:hover, .icon-txt a:active, .icon-txt a:visited { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px;  text-decoration:underline;}

#icon3            { width:75px; margin-right:10px; float:left;}
#icon3 #icon-img  { text-align:center; margin:20px 0 1px;}
#icon3 #icon-txt  { text-align:center;}
#icon3 .icon-txt a:link  { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px;text-decoration:none;}
#icon3 .icon-txt a:hover, .icon-txt a:active, .icon-txt a:visited { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px;  text-decoration:underline;}

#icon4            { width:75px; margin-right:20px; float:left;}
#icon4 #icon-img  { text-align:center; margin:20px 0 1px;}
#icon4 #icon-txt  { text-align:center;}
#icon4 .icon-txt a:link  { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px; text-decoration:none;}
#icon4 .icon-txt a:hover, .icon-txt a:active, .icon-txt a:visited { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px;  text-decoration:underline;}

#icon-set  { width:60px; float:right;}
#icon-set1 { width:56px; margin:25px 0 2px; float:right;}
#icon-set2 { width:56px; float:right;}

#title-pane{ width:1200px; max-width: 100%; margin-left: 20px; margin-bottom:10px; float:left;
/*background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(45%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(242,242,242,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(242,242,242,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(242,242,242,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 );*/
height:50px; border:1px solid #d0d0d0;}

#title-left    { width:auto; float:left;}
.title         { font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; color:#2f3976; background-image:url(../newuiimages/dot.png); background-position:left; background-repeat:no-repeat; padding:0 0 0 25px; margin:12px 0 0 20px; text-decoration:none;} 

#title-right   { width:260px; float:right;}


#title-sub     { width: auto; float:left;}
.title-sub     { font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#2f3976; background-image:url(../newuiimages/video.png); background-position:left; background-repeat:no-repeat; padding:5px 0 0 30px; margin:10px 0 0; height: 24px;text-decoration:none;}
.title-sub a:link{ font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#2f3976; text-decoration: none; }  
.title-sub a:hover, .title-sub a:active, .title-sub a:visited { font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#2f3976; text-decoration: underline;}  

#help          { width:76px; background-image:url(../newuiimages/help-cor.gif); background-position:left; background-repeat:no-repeat; background-color:#2f3976; margin-left:20px; float:right;}
.help-title        {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#fff;padding:15px 15px 0px 0px; height:35px;text-decoration:none;}
.help-title a:link {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#fff;padding:16px 0 0 25px;height:35px;text-decoration:none;}
.help-title a:hover, .help-title a:active, .help-title a:visited { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#fff;padding:16px 0 0 25px;height:35px;text-decoration:none;}

#cat-title    { width:1200px; max-width: 100%; margin-left: 20px; float:left;}
#cat-left     { width:530px; height:49px; float:left;}
#cat-cor-l    { width:5px; background-image:url(../newuiimages/cat-cor-l.gif); background-repeat:no-repeat; background-position:left; height:49px; float:left;}
#cat-cor-m    { width:auto; border-top:1px solid #768ca5; float:left;}
.cat-title    { background-image:url(../newuiimages/cat-title-icon.gif); background-repeat:no-repeat; background-position:left; font-family:Arial, Helvetica, sans-serif; font-size:19px; padding:12px 0 0 37px; height:35px; color:#2f3976; }
#cat-cor-r    { width:37px; background-image:url(../newuiimages/cat-cor-r.gif); background-repeat:no-repeat; background-position:left; height:49px; float:left;}

#cat-right    { width:265px; padding-top:13px; float:right;  position: relative; z-index: 34;}
#filter       { width:auto; padding:8px 8px 5px 0; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#5d5d5d; font-weight:normal; text-decoration:none;}
.filedbox     { width:125px; padding:4px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#5d5d5d; font-weight:normal; text-decoration:none; border:1px solid #d5d5d5; }
#filter-dropdown { width:180px; float:right; }
#filter-dropdown select {
	width: 180px;
	border: 1px solid #d4d4d4;
	padding: 5px;
}
#filter-dropdown option 
{
    margin-top:10px;
	height:20px;
}
#search       { float:left;}



#search-topnew1 {
    float: left;
    margin-left: 70px;
    margin-top: 12px;
    width: 652px;
}

#imagebox     { width:1200px; max-width: 100%;  margin-left: 29px; margin-bottom:0px; float:left; /*margin-top:-43px;*/  /*margin-top: 18px!important;*/ min-height:/*500px*/332px;}


.errormessage {
border:1px #CCCCCC solid;
color:#FF0000;
background-color:#FAE1E4;
font-weight:bold;
padding:6px;
}

#imagebox img {
    height: auto;
    max-width: 100%;
}

#copyright    { width:1180px;margin-left: 40px; max-width: 100%; border-top:1px solid #EEEEEE; padding:11px 0 15px 5px; float:left;}
.copyright    { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2f3976; font-weight:normal; text-decoration:none; }


#footer #foot-int {
   margin: 0 auto 0 38px;
   padding: 13px 0;
   width: 100% /*1200px*/;
   max-width: 1180px;
}

#footer #foot-int #foot-links {
    float: left;
    margin-top: 10px;
}
#footer #foot-int #foot-links, #footer #foot-int #foot-links a {
	color: #2F3976;
    text-decoration: none;
	font-size: 12px;
}
#footer #foot-int #foot-links a:hover, #footer #foot-int #foot-links a:active {
	color: #2F3976;
    text-decoration: underline;
	font-size: 12px;
}
#footer #foot-int #foot-logo {
	float: right;
	margin-right: 30px;
}
#footer #foot-int #foot-links #copyright-1 {
	color: #2F3976;
    text-decoration: none;
	font-size: 12px;
	margin-top: 20px;
}



#footer #foot-list {
    width: 1200px;
	max-width: 100%;
	margin-left: 20px;
	padding: 25px 0 10px;
}

#footer #foot-list li {
    display: list-item;
    float: left;
    list-style-image: url("../newuiimages/foot-bullet.png");
    margin-left: 25px;
    width: 22%;
	list-style-position: inside;
	font-size: 12px;
	color: #2f3976;
	margin-bottom: 10px;
}
#footer #foot-list li a, #footer #foot-list li a:visited {
	text-decoration: none;
	color: #2f3976;
}
/* Css For Responsive */

#expandicon2 {
    left: 6px;
    position: relative;
    top: 10px;
}
#collapsicon2 {
    left: 6px;
    position: relative;
    top: 10px;
}
#copyright {
    border-top: 1px solid #EEEEEE;
    float: left;
    margin-left: 40px;
    max-width: 100%;
    padding: 11px 0 15px 5px;
    width: 948px;
}


/* new css on 18th April */

#search-top {
	float: left;
	margin-left: 106px;
	margin-top: 12px;
	width: 601px;
}

#cat-title #search-top {
	border: 0px solid #ff0000;
	color: #2F3976;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
	width: 50%;
	margin: 0 auto;
}
#search-top #txt-lable {
	float: left;
	margin-right: 10px;
	line-height: 24px;
	color:#2f3976;
	font-size:12px;
	font-weight:bold;
}
#search-top #txt-inptut {
    float: left;
    margin-right: 10px;
    max-width: 100%;
}
#search-top #txt-inptut input {
	background: #f8f8f8;
	border: 1px solid #cad2d7;
	height: 23px;
	width: 400px;
	max-width: 100%;
}
#search-top #button {
	float: left;
}

/**************NEW CSS 7/25/2014*****************/
#cat-title #search-topnew {
	border: 0px solid #ff0000;
	color: #2F3976;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
	width: 70%;
	margin: 0 auto;
}

#search-topnew #txt-lable {
	float: left;
	margin-right: 10px;
	line-height: 24px;
}
#search-topnew #txt-inptut {
    float: left;
    margin-right: 10px;
    max-width: 100%;
}
#search-topnew #txt-inptut input {
	background: #f8f8f8;
	border: 1px solid #cad2d7;
	height: 23px;
	width: 400px;
	max-width: 100%;
}
#search-topnew #button {
	float: left;
}








#imagebox #left {
	width: 419px;
	float: left;
	border: 0px solid #ff0000;
	margin-right: 8px;
	margin-bottom: 10px;
}


#imagebox #middle-1 {
	width: 895px;
	float: left;
	border: 0px solid #ff0000;
	margin-right: 8px;
	margin-bottom: 0;
}
#imagebox #middle-1 #one-third {
	float: left;
	width: 32%;
	margin-left: 1%;
	color: #2f3976;
	font-size: 13px;
	text-transform: none;
	font-weight: bold;
	margin-top: 15px;
	min-height: 35px;
}
#imagebox #middle-1 #one-third img {
	margin-right: 5px;
	padding-bottom: 0/*30px*/;
	width: auto;
	float: left;
	margin-top: -8px;
}

#imagebox #middle-1 #one-fourth {
	float: left;
	width: 24%;
	margin-left: 1%;
	color: #2f3976;
	font-size: 13px;
	text-transform: none;
	font-weight: bold;
	margin-top: 15px;
}
#imagebox #middle-1 #one-fourth img {
	margin-right: 5px;
	padding-bottom: 0/*30px*/;
	width: auto;
	float: left;
	margin-top: -8px;
}

#imagebox #right #one-full {
	color: #2f3976;
	font-size: 13px;
	text-transform: none;
	font-weight: bold;
	margin-top: 50px;
}
#imagebox #right #one-full img {
	margin-right: 5px;
	padding-bottom: 0/*30px*/;
	width: auto;
	float: left;
	margin-top: -8px;
}
#imagebox #middle {
	width: 466px;
	float: left;
	border: 0px solid #ff0000;
	margin-right: 8px;
	margin-bottom: 10px;
}
#imagebox #right {
	width: 293px;
	float: left;
	border: 0px solid #ff0000;
	margin-bottom: 0;
}

#imagebox #box p {
	color: #2f3976;
	font-size: 12px;
	line-height: 18px;
	padding: 10px 12px 0 12px;
}
#imagebox #box #title {
	background: #BBE3C1;
	font-family: Arial, Helvetica, sans-serif;
	color: #2f3976;
	font-weight: bold;
	font-size: 15px;
	padding: 8px 8px 3px;
}
#imagebox #box #title img {
	margin: 0 5px 5px 0;
	width: auto;
}
#imagebox #box ul {
	width: 100%;
}
#imagebox #box ul li {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #2f3976;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid #eeeeee;
	line-height: 46px;
	padding-left: 8px;
}
#imagebox #box ul li img {
	width: auto;
	margin-right: 8px;
}
#imagebox #box .button1 {
	background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmUyZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #DEE4FE 0%, #BFCAE7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DEE4FE), color-stop(100%,#BFCAE7));
background: -webkit-linear-gradient(top, #DEE4FE 0%,#BFCAE7 100%);
background: -o-linear-gradient(top, #DEE4FE 0%,#BFCAE7 100%);
background: -ms-linear-gradient(top, #DEE4FE 0%,#BFCAE7 100%);
background: linear-gradient(to bottom, #DEE4FE 0%,#BFCAE7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DEE4FE', endColorstr='#dbe2e8',GradientType=0 );

border-radius: 8px;
border: 1px solid #bdbdbe;
color: #2f3976;
font-size: 12px;
text-transform: none;
font-weight: normal;
padding: 10px 8px 10px 8px;
text-align: center;
margin: 10px 0 0 0px;
float: left;
}

#imagebox #box .button1 a, #imagebox #box .button2 a {
color: #2f3976;
font-weight: bold;
}

#imagebox #box .button2 {
color: #2f3976;
font-size: 14px;
text-transform: none;
font-weight: normal;
padding: 0px 8px 0px 8px;
text-align: center;
margin: 5px 0 0 0px;
float: right;
}
#imagebox #box .button2 img {
	width: auto;
	margin-right: 8px;
}
#imagebox #box .left {
	float: left;
}
#imagebox #box .button1 img {
	width: auto;
	margin-right: 8px;
}


#imagebox #middle #small {
    min-height: 225px;
	height: expression( this.scrollHeight < 274 ? "275px" : "auto" );
}
#imagebox #small {
	font-size: 12px;
}
#imagebox #small a {
	color: #2F3976;
	font-weight: bold;
}
#imagebox #small ul li {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #2f3976;
	font-weight: normal;
	font-size: 12px;
	border-bottom: 1px solid #eeeeee;
	line-height: 18px;
	padding-left: 8px;
	padding-bottom: 10px;
	padding-top: 10px;
}
/* new css on 18th April */



/* steps styles start */
/* .................. start tap Css .......... */
.active-start {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-image:url("../newuiimages/ai_1.jpg");
	height:51px;
	border-top: 1px solid #8EA0B6;
	border-bottom: 1px solid #8EA0B6;
	border-left: 1px solid #8EA0B6;
	background-repeat:no-repeat;
	width:230px;
	background-position:right center;
	border-top-left-radius: 9px;
	line-height: 49px;
	float: left;	
}
.active-start a
{
	padding-left: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #485085;
	font-size: 18px;
	font-weight: bold;
}
.in-active-start {
	background-color: #E8E6E7;
    background-image: url("../newuiimages/gray-corner.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #8EA0B6;
    border-left: 1px solid #8EA0B6;
    border-top: 1px solid #8EA0B6;
    border-top-left-radius: 9px;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    width: 230px;
}
.in-active-start a
{
	color: #C0C0C0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
    text-decoration: none;
    text-shadow: 1px 1px #FFFFFF, 0 0 #444444;
}
.in-active-start1 {
    background-color: #E8E6E7;
    background-image: url("../newuiimages/gray-wht-corner.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #8EA0B6;
    border-left: 1px solid #8EA0B6;
    border-top: 1px solid #8EA0B6;
    border-top-left-radius: 9px;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    width: 230px;
}
.in-active-start1 a
{
	color: #C0C0C0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
    text-decoration: none;
    text-shadow: 1px 1px #FFFFFF, 0 0 #444444;
}
/* .................. start tap end .......... */
/* .................. Mid tap Css .......... */
.active-mid {
    background-image: url("../newuiimages/ai_1.jpg");
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #8EA0B6;
    border-top: 1px solid #8EA0B6;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    width: 130px;
}
.active-mid a
{
	padding-left: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #485085;
	font-size: 18px;
	font-weight: bold;
}
.in-active-mid
{
	background-color: #E8E6E7;
    background-image: url("../newuiimages/gray-corner.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #8EA0B6;
    border-top: 1px solid #8EA0B6;
    color: #C0C0C0;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    width: 200px;
	
}
.in-active-mid a
{
	padding-left: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #C0C0C0;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 1px 1px #FFFFFF, 0 0 #444444;
}
.in-active-mid1 {
    background-color: #E8E6E7;
    background-image: url("../newuiimages/gray-wht-corner.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #8EA0B6;
    border-top: 1px solid #8EA0B6;
    color: #C0C0C0;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    width: 130px;
}
.in-active-mid1 a
{
	padding-left: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #C0C0C0;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 1px 1px #FFFFFF, 0 0 #444444;
}

/*******NEW FOR Education Module Page */
.active-mided {
    background-image: url("../newuiimages/ai_1.jpg");
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #8EA0B6;
    border-top: 1px solid #8EA0B6;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    width: 200px;
}
.active-mided a
{
	padding-left: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #485085;
	font-size: 18px;
	font-weight: bold;
}

.in-active-mided
{
	background-color: #E8E6E7;
    background-image: url("../newuiimages/gray-corner.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #8EA0B6;
    border-top: 1px solid #8EA0B6;
    color: #C0C0C0;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    width: 200px;
	
}
.in-active-mided a
{
	padding-left: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #C0C0C0;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 1px 1px #FFFFFF, 0 0 #444444;
}

.in-active-mided1 {
    background-color: #E8E6E7;
    background-image: url("../newuiimages/gray-wht-corner.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #8EA0B6;
    border-top: 1px solid #8EA0B6;
    color: #C0C0C0;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    width: 200px;
}
.in-active-mided1 a
{
	padding-left: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #C0C0C0;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 1px 1px #FFFFFF, 0 0 #444444;
}
.step-box-mid
{
    background: #eaf1f7;
	border-bottom: 0px solid #7a8b9d;
	border-top:  1px solid #7a8b9d;
	color: #2c356f;
	font-size: 13px;
	line-height: 22px;
	padding: 25px 15px;
}

/* NEW CLASS 6/6/2014*/
.step-box-midst
{
    background: #eaf1f7;
 border-bottom: 0px solid #7a8b9d;
 border-top:  1px solid #7a8b9d;
 color: #2c356f;
 font-size: 13px; 
 padding: 10px 10px;
}
/* NEW CLASS 6/6/2014*/

/**********************************************/
/* .................. Mid tap Css End.......... */
/* .................. End tap Css .......... */
.in-active-end
{
	  background-image: url("../newuiimages/gray-right-cornr.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    padding-bottom: 1px;
    padding-top: 1px;
    width: 150px;
	}
.in-active-end a
{
	padding-left: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #C0C0C0;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 1px 1px #FFFFFF, 0 0 #444444;
}
.active-end
{
	  background-image: url("../newuiimages/wht-right-cornr.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    padding-bottom: 1px;
    padding-top: 1px;
    width: 150px;
	}
.active-end a
{
	padding-left: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #485085;
	font-size: 18px;
	font-weight: bold;
}


#step-box {
	border: 1px solid #7a8b9d;
	border-left: 60px solid #7a8b9d;
	padding: 0;
}
#step-box .black-txt {
	color: #1c1c1c;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 10px 10px 0 10px;
}
#step-box .blue-txt {
	color: #2c356e;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0 10px 10px 10px;
}

#step-box .black-txt1 {
	color: #1c1c1c;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 10px 10px 0 10px;
}
#step-box .blue-txt1 {
	color: #2c356e;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0 10px 10px 10px;
}

#step-box #step-box-mid {
	background: #eaf1f7;
	border-bottom: 0px solid #7a8b9d;
	border-top:  1px solid #7a8b9d;
	color: #2c356f;
	font-size: 13px;
	line-height: 22px;
	padding: 25px 15px;
}

#step-box-1 #step-box-middle {
	background: #eaf1f7;
	border-bottom: 0px solid #7a8b9d;
	border-top:  1px solid #7a8b9d;
	color: #2c356f;
	font-size: 14px;	
	padding: 10px 15px;
}

#step-box #step-box-mid input {
	margin-right: 8px;
	border: 1px solid #7a8b9d;
}

#blue-botton {
	background: #2f3976;
	border-radius: 7px;
	float: left;
	padding: 10px;
	font-size: 17px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 10px;
}
/**************NEW blue-botton Class *************/
.blue-botton {
	background: #2f3976;
	border-radius: 7px;
	float: left;
	padding: 10px;
	font-size: 17px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 10px;
}
.blue-botton a {
	font-size: 17px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.blue-botton img {
	width: auto;
	margin-right: 10px;
}
/**************NEW blue-botton Class *************/
#blue-botton a {
	font-size: 17px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#blue-botton img {
	width: auto;
	margin-right: 10px;
}




/* steps styles end  */




.altrowa {
	color: #2F3976;
	font-size: 12px;
	line-height: 20px;
}
.fieldtitle {
	color: #2F3976;
	font-size: 12px;
	line-height: 30px;
}

.altrowa .lable {
    float: left;
    width: 130px;
	color: #2F3976;
	font-size: 12px;
	line-height: 30px;
}
.altrowa .fieldtitle {
    float: left;  
	color: #2F3976;
	font-size: 12px;
	line-height: 30px;
	margin-right: 10px;
	min-width: 10px;
}

.altrowa .fieldtitleright {
 float: right;    
 color: #2F3976;
 font-size: 12px;
 line-height: 30px;
 margin-right: 10px;
 min-width: 10px;
}

/******NEW CSS 7/25/2014 **************/
.altrowa .fieldtitlerightsmall {
 float: right;    
 color: #2F3976;
 font-size: 10px; 
 margin-right: 10px;
 min-width: 10px;
}


.logintitle {
	color: #2F3976;
	font-size: 14px;
	line-height: 30px;
	margin-right: 10px;
	min-width: 10px;

}

.altrowa .fieldtitle1 {
    float: left;
    width: 100px;
	color: #2F3976;
	font-size: 12px;
	line-height: 30px;
}
.altrowa .fieldtitle2 {
    float: left;
    width: 150px;
	color: #2F3976;
	font-size: 12px;
	line-height: 30px;
}
.altrowa .fieldtitle3 {
    float: left;
    width: 180px;
	color: #2F3976;
	font-size: 12px;
	line-height: 30px;
}

.altrowa .largefieldtitle {
    float: left;
    width: 250px;
	color: #2F3976;
	font-size: 12px;
	line-height: 30px;
}
.altrowa .largefieldtitle1 {
    float: left;
    width: 280px;
	color: #2F3976;
	font-size: 12px;
	line-height: 30px;
}

.altrowa .smallfieldtitle {
    float: left;
    width: auto;
	color: #2F3976;
	font-size: 12px;
	line-height: 30px;
}


/* New Profile UI */

.altrowa .fieldtitleReview {
    float: left;  
	color: #2F3976;
	font-size: 12px;	
	margin-right: 10px;
	min-width: 10px;
}
.altrowa .fieldtitlePCM {
    float: left;  
	color: #2F3976;
	font-size: 12px;	
	margin-right: 10px;
	min-width: 10px;
}

.altrowa .largefieldtitleBOLD {
    float: left;
    width: 250px;
	color: #2F3976;
	font-size: 13px;
	font-weight:bold;	
	}
.altrowa .largefieldtitleHeading {
    float: left;    
	color: #2F3976;
	font-size: 13px;	
	font-weight:bold;
}

/*---------------  New ------------------*/

.altrowa a {
	color: #2F3976;
	text-decoration: underline;
	font-size: 12px;
}
.altrowa a:hover {
	color: #2F3976;
	text-decoration: none;
}

.altrowa .input-area {
    float: left;
    min-width: 10px;
	padding-right:10px;
}

.altrowa .input-datefield {
    float: left;
    width: 100px;
}

.altrowa .input-datefield input {
    max-width: 90px;
	width: 90px!important;
	height: 26px;
	border: 1px solid #768ca4;
	padding: 3px;
	font-size: 12px;
}

.altrowa .input-area select, .altrowa .input-area input {
    max-width: 130px;
	width: 130px!important;
	height: auto;
	border: 1px solid #768ca4;
	padding: 3px;
	font-size: 12px;
}

#radSearchResults textarea {
	border: 1px solid #768ca4;
	padding: 3px;
	font-size: 12px;
}

.altrowa .input-area-freesize select, .altrowa .input-area-freesize input {    	
	
	height: 26px;
	border: 1px solid #768ca4;
	padding: 3px;
	font-size: 12px;
}

.logintext {
    max-width: 200px!important;
	width: 200px!important;
	background: url(..../newuiimages/input-bg.png) repeat-x center top;
	height: 26px;
	border: 1px solid #768ca4;
	padding: 3px;
	font-size: 13px;
}

.altrowa input, .altrowa select, .altrowa textarea {
}

/****************NEW CSS 7/25/2014***********************/
.altrowa .input-area1 {
    float: left;
    min-width: 10px;
	padding-right:10px;
}
.altrowa .input-area1 select, .altrowa .input-area1 input {
    /*max-width: 130px;
	width: 130px!important;*/
	height: 26px;
	border: 1px solid #768ca4;
	padding: 3px;
	font-size: 12px;
}

.altrowa .input-area1-freesize select, .altrowa .input-area1-freesize input {    	
	
	height: 26px;
	border: 1px solid #768ca4;
	padding: 3px;
	font-size: 12px;
}
/***************************************/
.altrowa strong {
    font-size: 14px;
	color: #2F3976;
}

.table-last {
	width: auto;
	/*margin: 10px auto 10px -20px;*/
	margin: 0px auto 0px 0px;
}
.table-last .lable, .table-last .input-area {
	margin: 2px 0 0;
}

.ButtonPrimary {
    background: none repeat scroll 0 0 #2F3976;
    border-radius: 7px;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 17px;
    margin-right: 10px;
    margin-top: 0px;
    padding: 10px;
	border-width: 0;
	width: auto !important;
}

.ButtonSecondary {
    background: linear-gradient(to bottom, #FFFFFF 0%, #DBE2E8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #BDBDBE;
    border-radius: 8px;
    color: #2F3976;
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0 0;
    padding: 10px 8px;
    text-align: center;
    text-transform: none;
}

.ButtonExport {
    background: url("../newuiimages/button-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 17px;
    height: 42px;
    margin-right: 0;
    margin-top: 0;
    padding: 15px 0 10px 40px;
    width: 217px;
	border-width: 0;
}


.Buttontsmall {
    background: none repeat scroll 0 0 #2F3976 !important;
    border-radius: 5px;
    border-width: 0;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px !important;
    line-height: normal !important;
    margin-right: 10px;
    margin-top: 0;
    padding: 6px !important;
    font-weight: bold;
}

/****************NEW CSS 7/25/2014***********************/
.Buttontsmallnew {
    background: none repeat scroll 0 0 #2F3976 !important;
    border-radius: 5px;
    border-width: 0;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px !important;
    line-height: normal !important;
    margin-right: 10px;
    margin-top: 0;
    padding: 6px !important;
    font-weight: bold;
}

.SearchCriteriaTable {
    background: none repeat scroll 0 0 #EEEEEE;
    font-size: 11px;
    margin: 0 auto;
    padding: 8px;
    width: auto;
}
.SearchCriteriaTable .lable {
	width: 150px;
}
.SearchCriteriaTable .input-area {
	width: 190px;
}


#title-pane{ 
width:1200px;
max-width: 100%;
margin-left: 29px;
margin-bottom:10px;
float:left;
background-image: url(..../newuiimages/help-bg.png);
background-repeat: repeat-x;
background-position: center top;
background-size: auto 100%;
/*background: rgba(188,199,229,1);
background: -moz-linear-gradient(top, rgba(188,199,229,1) 0%, rgba(188,199,229,1) 45%, rgba(207,218,249,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(188,199,229,1)), color-stop(45%, rgba(188,199,229,1)), color-stop(100%, rgba(207,218,249,1)));
background: -webkit-linear-gradient(top, rgba(207,218,249,1) 0%, rgba(188,199,229,1) 45%, rgba(207,218,249,1) 100%);
background: -o-linear-gradient(top, rgba(207,218,249,1) 0%, rgba(188,199,229,1) 45%, rgba(207,218,249,1) 100%);
background: -ms-linear-gradient(top, rgba(207,218,249,1) 0%, rgba(188,199,229,1) 45%, rgba(207,218,249,1) 100%);
background: linear-gradient(to bottom, rgba(207,218,249,1) 0%, rgba(188,199,229,1) 45%, rgba(207,218,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BCC7E5', endColorstr='#CFDAF9', GradientType=0 );*/
height:50px;
border:1px solid #d0d0d0;
}

.title {
    background-image: url("..../newuiimages/dot.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 21px;
    font-weight: bold;
    margin: 12px 0 0 20px;
    padding: 0 0 0 25px;
    text-decoration: none;
}


.button2
{
	border-right: black 2px solid;
	font-weight: bold;
	color: black;
	background: #51D18E;
	border-bottom: black 2px solid;
}

.normal
{
	font-weight: normal;
	color: black;
}
.normalBold
{
	font-weight: bold;
}
.required
{
	font-weight: bold;
	color: Red;
}
.aqrequired
{
	font-weight: bold;
	color: Blue;
}
.arequired
{
	font-weight: bold;
	color: Green;
}
.redBold
{
	font-weight: bold;
	color: Red;
}
.orangeBold
{
	font-weight: bold;
	color: Orange;
}
.lightGray
{
	background: #eee;
}
.message
{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: Navy;
}

#content
{
	padding: 20px;
	background: #fff;
	height: auto !important;
	max-width: 1200px;
    padding: 0;
	clear: both;
	margin: 0 auto;
	float: none;
}

/*#content
{
	padding: 20px;
	background: #fff;
	height: auto !important;
	height: 500px;	
}*/

#content a {
	color: #2F3976;
}

#contentFooter
{
	padding: 20px 0 0;
	background: #fff;
}
h1
{
	font-size: 20px;
	font-weight: normal;
	border-bottom: 1px solid #000;
	padding: 0 0 3px 0;
	margin: 0 0 10px 0;
	position: relative;
}
.button
{
	background: #ddd;
	font-weight: bold;
}

h1
{
	font-size: 20px;
	font-weight: normal;
	border-bottom: 1px solid #000;
	padding: 0 0 3px 0;
	margin: 0 0 10px 0;
	position: relative;
}
.topLink h1 {
	border-bottom: 0 none;
}
.button
{
	background: #ddd;
	font-weight: bold;
}

/* LISTING TABLE */

.listingtable
{
	margin-bottom: 25px;
}
.listingtable th, .listingtable td
{
	padding: 5px 8px;
	text-align: left;
}
.listingtable thead th
{
	background-color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}
.listingtable thead td
{
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.listingtable tfoot td
{
	background-color: #A6B1C4;
	padding: 5px;
	text-align: right;
}
.listingtable tfoot td input
{
	background-color: #4E6489;
	color: #fff;
	font-weight: bold;
}
.listingtable tr.altrow
{
	background: #EFF4FA;
}


/* TEST TABLE */

.testtable
{
	margin-bottom: 25px;
}
.testtable th
{
	padding: 5px 8px;
	text-align: right;
	font-weight: normal;
}
.testtable td
{
	padding: 5px 8px 5px 0;
	text-align: left;
}
.testtable thead td
{
	font-weight: bold;
}
.testtable tr.altrow th
{
	padding: 5px 8px;
	border-bottom: 15px solid #fff;
}
.testtable tr.altrow td
{
	background: #eee;
	padding: 5px 8px;
	border-bottom: 15px solid #fff;
}
.testtable input
{
	vertical-align: middle;
}
.testtable tfoot td
{
	border-top: 1px solid #ccc;
}
.testtable tfoot td .button
{
	margin: 3px 0;
}


/* INPUT TABLE */

.inputtable
{
	margin-bottom: 25px;
}
.inputtable th
{
	padding: 5px 8px 5px 2px;
	font-weight: bold;
	text-align: left;
}
.inputtable td
{
	padding: 5px 8px;
	text-align: left;	
}
.inputtable thead td
{
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	padding: 20px 8px 5px 0;
}
.inputtable tr.altrowa td
{
	background: #eee;
}
.inputtable tr.yhighlight td
{
	background-color: #FFFFC0;
}

.inputtable tr.altrowaPassQuestion td
{
	background: #CEF6F5;
}
.inputtable tr.altrowb td
{
	background: #ddd;
	border-top: 1px solid #ccc;
	border-bottom: 15px solid #fff;
}

.inputtable tr.altrowbNew td
{
	background: #ddd;
	border-top: 0px solid #ccc;
	border-bottom: 15px solid #fff;
}


.inputtable tr.altrowb td .textfield
{
	width: 80px;
}
.inputtable input
{
	vertical-align: middle;
}
.inputtable .textfield
{
	width: 200px;
}
.inputtable tfoot td
{
	border-top: 1px solid #ccc;
}
.inputtable tfoot td .button
{
	margin: 3px 0;
}


/* INPUT TABLE inputtableNew1 */

.inputtableNew1
{
	margin-bottom: 1px;
}
.inputtableNew1 th
{
	padding: 5px 8px 5px 2px;
	font-weight: bold;
	text-align: left;
}
.inputtableNew1 td
{
	padding: 5px 8px;
	text-align: left;
}
.inputtableNew1 thead td
{
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	padding: 20px 8px 5px 0;
}
.inputtableNew1 tr.altrowa td
{
	background: #eee;
}
.inputtableNew1 tr.yhighlight td
{
	background-color: #FFFFC0;
}
.inputtableNew1 tr.altrowaPassQuestion td
{
	background: #CEF6F5;
}
.inputtableNew1 tr.altrowb td
{
	background: #ddd;
	border-top: 1px solid #ccc;
	border-bottom: 15px solid #fff;
}
.inputtableNew1 tr.altrowb td .textfield
{
	width: 80px;
}
.inputtableNew1 input
{
	vertical-align: middle;
}
.inputtableNew1 .textfield
{
	width: 200px;
}
.inputtableNew1 tfoot td
{
	border-top: 1px solid #ccc;
}
.inputtableNew1 tfoot td .button
{
	margin: 3px 0;
}
/* INPUT TABLE NEW */

.inputtableNew
{
	margin-bottom: 1px;
}
.inputtableNew th
{
	padding: 5px 8px 5px 2px;
	font-weight: bold;
	text-align: left;
}
.inputtableNew td
{
	padding: 5px 8px;
	text-align: left;
}
.inputtableNew thead td
{
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	padding: 20px 8px 5px 0;
}
.inputtableNew tr.altrowa td
{
	background: #eee;
}
.inputtableNew tr.yhighlight td
{
	background-color: #FFFFC0;
}

.inputtableNew tr.altrowaPassQuestion td
{
	background: #CEF6F5;
}
.inputtableNew tr.altrowb td
{
	background: #ddd;
	border-top: 1px solid #ccc;
	border-bottom: 15px solid #fff;
}
.inputtableNew tr.altrowb td .textfield
{
	width: 80px;
}
.inputtableNew input
{
	vertical-align: middle;
}
.inputtableNew .textfield
{
	width: 200px;
}
.inputtableNew tfoot td
{
	border-top: 1px solid #ccc;
}
.inputtableNew tfoot td .button
{
	margin: 3px 0;
}


/* INPUT TABLE 2 */

.inputtable2
{
	margin-bottom: 5px;
}
.inputtable2 th
{
	padding: 5px 3px 5px 2px;
	font-weight: bold;
	text-align: left;
}
.inputtable2 td
{
	padding: 5px 1px 3px 8px;
	text-align: left;
}
.inputtable2 thead td
{
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	padding: 20px 8px 5px 0;
}
.inputtable2 tr.altrowa td
{
	background: #eee;
}
.inputtable2 tr.yhighlight td
{
	background-color: #FFFFC0;
}
.inputtable2 tr.altrowb td
{
	background: #ddd;
	border-top: 1px solid #ccc;
	border-bottom: 15px solid #fff;
}
.inputtable2 tr.altrowb td .textfield
{
	width: 80px;
}
.inputtable2 input
{
	vertical-align: middle;
}
.inputtable2 .textfield
{
	width: 200px;
}
.inputtable2 tfoot td
{
	border-top: 1px solid #ccc;
}
.inputtable2 tfoot td .button
{
	margin: 3px 0;
}

/* TABLE 3 */

.inputtable3
{
	margin-bottom: 0px;
}
.inputtable3 th
{
	padding: 5px 3px 5px 2px;
	font-weight: bold;
	text-align: left;
}
.inputtable3 td
{
	padding: 5px 1px 3px 8px;
	/*text-align: left;*/
}
.inputtable3 thead td
{
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	padding: 20px 8px 5px 0;
}
.inputtable3 tr.altrowa td
{
	background: #F8F8F8;
}
.inputtable3 tr.yhighlight td
{
	background-color: #FFFFC0;
}

.inputtable3 tr.altrowb td
{
	background: #ddd;
	border-top: 1px solid #ccc;
	border-bottom: 7px solid #fff;
}
.inputtable3 tr.altrowb td .textfield
{
	width: 80px;
}

.inputtable3 tr.altrowa td label
{
    display:inline-block;
    margin-bottom:5px;
    font-weight:normal; 
    color:#2F3976; 
    font-size:12px; 
    margin-left:0px; 
    margin-right:5px;
}
.Buttontsmall label {
	color: #fff!important;
}

.inputtable tr.altrowbExchange td
{
	background: #ddd;
	border-top: 1px solid #ccc;
}
.inputtable tr.altrowbExchange td .textfield
{
	width: 80px;
}
.inputtable3 input
{
	vertical-align: middle;
	/*margin-bottom: 5px !important;
	float: left;*/
}
#tableManage .pro-spons input {
	background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #cad2d7;
    height: 23px;
    max-width: 100%;
	font-size: 12px;
}
/*.inputtable3 input[type="checkbox"] {
    float: left;
    margin-bottom: 10px;
}*/

.inputtable3 .textfield
{
	width: 200px;
}
.inputtable3 tfoot td
{
	border-top: 1px solid #ccc;
}
.inputtable3 tfoot td .button
{
	margin: 3px 0;
}

/* TABLE 4 */

.inputtable4
{
	margin-bottom: 2px;
}
.inputtable4 th
{
	padding: 5px 3px 5px 2px;
	font-weight: bold;
}
.inputtable4 td
{
	padding: 5px 1px 3px 8px;
	text-align: left;
}
.inputtable4 thead td
{
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	padding: 20px 8px 5px 0;
}
.inputtable4 tr.altrowa td
{
	background: #eee;
}
.inputtable4 tr.yhighlight td
{
	background-color: #FFFFC0;
}

.inputtable4 tr.altrowb td
{
	background: #ddd;
	border-top: 1px solid #ccc;
	border-bottom: 15px solid #fff;
}
.inputtable4 tr.altrowb td .textfield
{
	width: 80px;
}
.inputtable4 input
{
	vertical-align: middle;
}
.inputtable4 .textfield
{
	width: 200px;
}
.inputtable4 tfoot td
{
	border-top: 1px solid #ccc;
}
.inputtable4 tfoot td .button
{
	margin: 3px 0;
}

.inputtable5
{
	margin-bottom: 2px;
}
.inputtable5 th
{
	padding: 5px 3px 5px 2px;
	font-weight: bold;
}
.inputtable5 td
{
	padding: 5px 1px 3px 8px;
	text-align: left;
}
.inputtable5 thead td
{
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	padding: 20px 8px 5px 0;
}
.inputtable5 tr.altrowa td
{
	background: #eee;
}
.inputtable5 tr.yhighlight td
{
	background-color: #FFFFC0;
}

.inputtable5 tr.altrowb td
{
	background: #ddd;
	border-top: 1px solid #ccc;
	border-bottom: 0px solid #fff;
}
.inputtable5 tr.altrowb td .textfield
{
	width: 80px;
}
.inputtable5 input
{
	vertical-align: middle;
}
.inputtable5 .textfield
{
	width: 200px;
}
.inputtable5 tfoot td
{
	border-top: 1px solid #ccc;
}
.inputtable5 tfoot td .button
{
	margin: 3px 0;
}

.DGPaging
{
	margin-bottom: 0px;
}
.DGPaging th
{
	padding: 5px 3px 5px 2px;
	font-weight: bold;
	text-align: left;
}
.DGPaging td
{
	padding: 5px 1px 3px 8px;
	color: #2f3976
}
.DGPaging thead td
{
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	padding: 20px 8px 5px 0;
}
.DGPaging tr.altrowa td
{
	background: #eee;
}
.DGPaging tr.altrowb td
{
	background: #ddd;
	border-top: 1px solid #ccc;
	border-bottom: 7px solid #fff;
}
.DGPaging tr.altrowb td .textfield
{
	width: 80px;
}
.DGPaging tr.altrowbExchange td
{
	background: #ddd;
	border-top: 1px solid #ccc;
}
.DGPaging tr.altrowbExchange td .textfield
{
	width: 80px;
}
.DGPaging input
{
	vertical-align: middle;
}
.DGPaging .textfield
{
	width: 200px;
}
.DGPaging tfoot td
{
	border-top: 1px solid #ccc;
}
.DGPaging tfoot td .button
{
	margin: 3px 0;
}

/* MANAGE TESTS TABLE */

#content .manageteststabs
{
	height: 20px;
	margin: 0;
	padding: 5px 0 0 0;
	list-style: none;
	border-bottom: 3px solid #2F3976;
}
#content .manageteststabs li
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 0;
	margin: 0 3px 0 0;
}
#content .manageteststabs a
{
	display: block;
	text-decoration: none;
	text-align: center;
	color: #2F3976;
	background: #B6D4E5 url(..../newuiimages/corner-3x3-left.gif) no-repeat;
}
#content .manageteststabs li.on a
{
	background: #2F3976 url(..../newuiimages/corner-3x3-left.gif) no-repeat;
	color: Black;
}
#content .manageteststabs li a:hover
{
	background-color: #D0E1ED;
	cursor: pointer;
	cursor: hand;
}
#content .manageteststabs li.on a:hover
{
	background-color: #2F3976;
	color: #fff;
}
#content .manageteststabs span
{
	display: block;
	width: 250px;
	height: 18px;
	padding: 2px 10px 0 10px;
	line-height: 18px;
	background: url(..../newuiimages/corner-3x3-right.gif) top right no-repeat;
}

.manageteststable
{
	clear: left;
	margin: 15px 0;
}
.manageteststable th, .manageteststable td
{
	padding: 5px 8px;
	text-align: left;
	border-top: 1px solid #fff;
}
.manageteststable th
{
	text-align: left;
}
.manageteststable thead td
{
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	text-align: left;
}
.manageteststable tfoot td
{
	background-color: #A6B1C4;
	padding: 5px;
	text-align: right;
}
.manageteststable tfoot td input
{
	background-color: #4E6489;
	color: #fff;
	font-weight: bold;
}
.manageteststable tr.altrow
{
	background: #EFF4FA;
}
.manageteststable tr.altrowE
{
	background: #B6C2E3;
}
.manageteststable tr.altrowW
{
	background: White;
}
.manageteststable tr.altrowCR
{
	background: White;
}
.manageteststable tr.altrow th
{
	font-weight: normal;
}

.manageteststableNew
{
	clear: left;
	/*margin: 0 0 15px 0;*/
	margin: 0;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.manageteststableNew th, .manageteststableNew td
{
	padding: 5px 8px;
	text-align: left;
	border-top: 1px solid #fff;
}
.manageteststableNew th
{
	text-align: left;
}
.manageteststableNew td {
	color: #2f3976;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	line-height: 26px;
	border-left: 1px solid #ececec;
}
.manageteststableNew td a {
	color: #2f3976;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
.manageteststableNew thead td
{
	color: #2f3976;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	text-align: left;
	background: #f6f6f6;
}
.manageteststableNew tfoot td
{
	background-color: #DAE2E8;
	padding: 5px;
	text-align: right;
}
.manageteststableNew tfoot td input
{
	background-color: #DAE2E8;
	color: #fff;
	font-weight: bold;
}
.manageteststableNew tr.altrow
{
	background: #DAE2E8;
}
.manageteststableNew tr.altrowE
{
	/*background: #DAE2E8;*/
}
.manageteststableNew tr.altrowW
{
	background: DAE2E8;
}
.manageteststableNew tr.altrowCR
{
	background: DAE2E8;
}
.manageteststableNew tr.altrow th
{
	font-weight: normal;
}

.ALink
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}
.error1
{
	font-weight: normal;
	color: red;
	font-size: 12;
}
.error2
{
	font-weight: normal;
	color: red;
	font-size: 17;
}
.msg
{
	font-weight: bold;
	color: #0099cc;
}
.small
{
	font-weight: normal;
	font-size: 11;
}

.smallbold
{
	font-weight: bold;
	font-size: 11;
}
.smallitalic
{
	font-size: 11;
	font-style: italic;
}
.smallbolditalic
{
	font-weight: bold;
	font-size: 11;
	font-style: italic;
}
.large1
{
	font-weight: normal;
	font-size: 14;
}
.largebold1
{
	font-weight: bold;
	font-size: 14;
}
.navyinfo
{
	font-weight: normal;
	color: Blue;
	font-size: 12;
	font-weight: bold;
}
.navyinfoNormal
{
	font-weight: normal;
	color: Blue;
	font-size: 12;
}
.navyinfosmall
{
	font-weight: normal;
	color: Blue;
	font-size: 10;
}
.yellowhighlight
{
	background-color: #FFFFC0;
}
.redhighlight
{
	background-color: #FF3D60;
}

.masterback
{
	background-color: #C0DEFF;
}
.bdback
{
	background-color: #CEFFCF;
}
.smallfont{font-size:xx-small;font-weight:bold;}

.greenfont{color:Green;}

.greenfont2{color:#6DB271;}

.bluehighlight
{
	background-color: #E0E9F2;
}
.orangehighlight
{
	background-color: #FFE0C0;
}
.grayhighlight
{
 color:Gray; 
}

.greenhighlight
{
 background-color: #CEFFCF; 
}

.medium
{
	font-weight: normal;
	font-size: 13;
}
.mediumbold
{
	font-weight: bold;
	font-size: 13;
	background-color: #ffffa3 !important;
    border: 1px solid #f1d031;
	color: #555555;
    font-size: 13px;
}


.panelBackground
{
	background-color: #FFFFC0;border:1px solid black;font-size:14px;padding:10px;
	
}
A.delete:Link,A.delete:hover,A.delete:visited,A.delete:active
{
	color: OrangeRed;
}

.dvaltrowE
{
	background: #B6C2E3;
}
.dvaltrowCR
{
	background: White;
}
.trCurrentUpdatesAdmin
{
	background: #C0DEFF;
}
.trCurrentUpdatesSponsor
{
	background: #FFE0C0;
}
.dvClonedTests
{
	background: NavajoWhite;
}

.categoryback
{
	background-color: #FFE0C0;
}

.inputtable tr.altrowDUColor
{
	background: #FFE4E1;
}

.OptionalQuestions
{
	font-weight: normal;
	color: Blue;
	font-size: 12;
	font-weight: bold;
}

.RequiredQuestions
{
	font-weight: normal;
	color: OrangeRed;
	font-size: 12;
	font-weight: bold;
}
.normalfontnew
{
	font-size:11px;
	
}
.smarttestmessage
{
	font-weight: bold;
	font-size: 16px;
	color: Blue;
}

#dhtmltooltip {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: black 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; Z-INDEX: 100; FILTER: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); LEFT: -300px; VISIBILITY: hidden; PADDING-BOTTOM: 2px; BORDER-LEFT: black 1px solid; WIDTH: 150px; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Arial, Lucida Grande, Lucida Sans, Verdana, sans-serif; POSITION: absolute; BACKGROUND-COLOR: lightyellow
}
#dhtmlpointer {
	Z-INDEX: 101; LEFT: -300px; VISIBILITY: hidden; POSITION: absolute
}
.tip_icon {
	MARGIN: 5px 5px 5px 0px; VERTICAL-ALIGN: middle; CURSOR: help; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}


#footer {
    background: none repeat scroll 0 0 #F8F8F8;
    border-top: 1px solid #D6D6D6;
    margin-top: 40px;    
}










#blue-botton3 {
	background: #2f3976;
	border-radius: 7px;
	float: left;
	padding: 10px;
	font-size: 17px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 10px;
}
#blue-botton3 a {
	font-size: 17px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#blue-botton3 img {
	width: auto;
	margin-left: 10px;
}

#blue-botton4 {
	background: url(../newuiimages/button-right.png) no-repeat;
	border-radius: 0px;
	float: left;
	padding: 15px 0 10px 40px;
	font-size: 17px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	width: 217px;
	height: 42px;
}
#blue-botton4 a {
	font-size: 17px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#blue-botton4 img {
	width: auto;
	margin-right: 10px;
}

#blue-botton5 {
	background: #2f3976;
	border-radius: 7px;	
	padding: 10px;
	font-size: 17px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	width:125px;
}
/**************NEW blue-botton Class *************/
.blue-botton5 {
	background: #2f3976;
	border-radius: 7px;	
	padding: 10px;
	font-size: 17px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;		
}
.blue-botton5 a {
	font-size: 17px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.blue-botton5 img {
	width: auto;	
}





#step-box-1 {
	border: 1px solid #7a8b9d;
	border-left: 1px solid #7a8b9d;
	padding: 0;
}
#step-box-1 .black-txt {
	color: #1c1c1c;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 10px 10px 0 10px;
}
#step-box-1 .blue-txt {
	color: #2c356e;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0 10px 10px 10px;
}

#step-box-1 .black-txt1 {
	color: #1c1c1c;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 10px 10px 0 10px;
}
#step-box-1 .blue-txt1 {
	color: #2c356e;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0 10px 10px 10px;
}

#step-box-1 #step-box-mid {
	background: #eaf1f7;
	border-bottom: 1px solid #7a8b9d;
	border-top:  0px solid #7a8b9d;
	color: #2c356f;
	font-size: 13px;
	line-height: 22px;
	padding: 25px 15px;
}
#step-box-1 #step-box-mid input {
	margin-right: 8px;
	border: 1px solid #7a8b9d;
}

/*#question-main .right-button {
	float: right;
}*/

#question-main .right-button {
    float: none;
    margin-left: 75px;
}
#question-main #question {
	color: #2f3976;
	font-size: 18px;
	font-family: arial;
	font-weight: normal;
	border-bottom: 1px solid #dbdadb;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	margin-left: 76px;
	margin-right: 15px;
}



#question-main #question .q-number {
    background: url("images/circle.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #4F5D6A;
    display: inline-block;
    height: 32px;
    line-height: 33px;
    margin-left: -57px;
    margin-right: 20px;
    text-align: center;
    width: 32px;
}
#question-main #question .q-number-1 {
	background: #bbcfe3;
	color: #4f5d6a;
	padding: 5px 6px;
	border-radius: 45px;
	border: 1px solid #4f5d6a;
	margin-right: 20px;
	margin-left: -57px;
}

#question-main #options {
	font-family: Arial;
	font-size: 12px;
	color: #2f3976;
	/*margin-left: 25px;*/
	line-height: 28px;
	margin-left: 75px;
}
#question-main #options label {
    color: #2F3976;
    font-family: Arial;
    font-size: 12px;
    line-height: 28px;
	font-weight: normal;
	margin-bottom: 0;
}
#question-main #options .abcd {
	font-family: Arial;
	font-size: 15px;
	color: #2f3976;
	font-weight: bold;
	margin-right: 10px;
	float:left;
	width: 15px;
	margin-left: -45px;
}
#question-main #options input {
	margin-right: 10px;
	margin-left: -25px;
}
#question-main #references {
	background: #e8e6e7;
	padding: 0px 0px 0px 20px;
	margin: 10px 0 0;
	font-size: 11px;
	color: #2f3976;
	font-family: arial;
}
#question-main #references #left {
	float: left;
	width: 70%;
	margin: 0;
	border: 0px solid #ff0000;
	padding: 5px 0;
}
#question-main #references #left a {
	text-decoration: underline;
	color: #2f3976;
}
#question-main #references #left a:hover {
	text-decoration: none;
	color: #2f3976;
}
#question-main #references #right {
	float: right;
	width: 15%;
	margin: 0;
	border-left: 2px solid #B5BCBF;
	width: 150px;
}
#question-main #references #right a {
	color: #2F3976;
    line-height: 42px;
	display: block;
}
#question-main #references #right img {
	width: auto;
	margin: 8px 8px;
}


#question-main #offer-text {
    clear: both;
    padding-right: 140px;
    text-align: right;
	color: #2f3976;
	font-size: 11px;
	font-family: arial;
}

#question-top {
	
}
#question-top #left {
	float: left;	
}
#question-top #right {
	float: right;	
	text-align: right;
}
#question-top .numbers {
	background: #4e5c69;
	color: #fff;
	padding: 8px;
	border-radius: 20px;
}

#question-top .blue-txt {
    color: #2C356E;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 0 0px 10px;
    text-decoration: none;
}



#question-left {
	float: left;
}
#question-right {
	float: right;
}

#result-top {
	padding: 15px;
	font-size: 13px;
	color: #2b346d;
}
/* steps styles end  */



/* lightbox iframe */


/* lightbox iframe */

.right-img {
	position: fixed;
	top: 220px;
	left:0px;

}

#top-logo {
	background: #fff /*url(..../newuiimages/top-logo.png) no-repeat center center*/;
	background-size: 100% 100%;
    border: 3px solid #8cc0d8;
    float: left;
	
	width: auto;
	max-width: 240px;
	margin-top: 10px;	
	padding: 5px;
	border-bottom: 3px #8cc0d8 solid;
	border-right: 3px #8cc0d8 solid;
	border-radius: 7px;
	box-shadow: 2px 2px 2px #888888;
	display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
	display: table-cell;
    display: flex;
    align-items: center;
	flex-direction: row;
	vertical-align: middle;
}
#top-logo span {
    color: #2e3778;
    float: right;
    font-size: 11px;
	font-weight: bold;
    margin-top: -7px;
    position: relative;
}
#top-logo img {
    max-width: 100%;
	/*max-height: 50px;*/
}

/* style for 1250px */

@media only screen and (max-width : 1250px)   
{
#imagebox #left {
    border: 0 solid #FF0000;
    float: left;
    margin-bottom: 10px;
    margin-right: 8px;
    width: 49%;
	min-height: 340px;
}

#imagebox #middle {
    border: 0 solid #FF0000;
    float: left;
    margin-bottom: 10px;
    margin-right: 8px;
    width: 49%;
	min-height: 340px;
}

#imagebox #middle-1 {
	margin-bottom: 10px;
	width: 100%;
}

#imagebox #right {
    border: 0 solid #FF0000;
    float: left;
    margin-bottom: 0;
    margin-right: 8px;
    width: 49%;
	min-height: 340px;
}

#imagebox .right1 {
    min-height: 20px !important;
	width: 100% !important;
}
#imagebox #middle-1 #one-third {
	width: 48%;
}
#title-pane {
	max-width: 98%;
}

.right-img {
	position: fixed;
	top: 220px;
	left:0px;

}


}

/* style for 1250px end */


/*  ipad css */
@media only screen and (max-width : 1024px)   
{
    form {
    margin: 0 auto;
    min-width: 1002px;
}
/*........ Newly added ...... */



#search-top #txt-inptut input {
width:275px;

}

#search-top {
 width: 480px;
 margin-left: 50px;
}


#logo  img {
    height: auto;
    width: 94%;
}
#top-mid {
    margin-left: 20px;
    max-width: 100%;
    width: 970px;
}
#title-pane {
    /*background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 45%, #F2F2F2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    border: 1px solid #D0D0D0;
    float: left;
    height: 50px;
    margin-bottom: 10px;
    margin-left: 20px;
    max-width: 100%;
    width: 976px;
}
#imagebox {
    float: left;
    margin-bottom: 10px;
    margin-left: 20px;
    max-width: 100%;
    width: 965px;        
}

#footer {
    background: none repeat scroll 0 0 #F8F8F8;
    border-top: 1px solid #D6D6D6;
    margin-top: 36px;    
}


#footer #foot-list {
    margin-left: 20px;
    max-width: 100%;
    padding: 25px 0 10px;
    width: 976px;
}
#cat-title {
    float: left;
    margin-left: 20px;
    max-width: 100%;
    width: 970px;
}
#footer #foot-int {
	text-align: center;
	margin: 0;
    max-width: 100%;
}
#title-pane {
	background-image: url(..../newuiimages/help-bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	background-size: auto 100%;
    /*background: rgba(188,199,229,1);
	background: -moz-linear-gradient(top, rgba(188,199,229,1) 0%, rgba(188,199,229,1) 45%, rgba(207,218,249,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(188,199,229,1)), color-stop(45%, rgba(188,199,229,1)), color-stop(100%, rgba(207,218,249,1)));
	background: -webkit-linear-gradient(top, rgba(207,218,249,1) 0%, rgba(188,199,229,1) 45%, rgba(207,218,249,1) 100%);
	background: -o-linear-gradient(top, rgba(207,218,249,1) 0%, rgba(188,199,229,1) 45%, rgba(207,218,249,1) 100%);
	background: -ms-linear-gradient(top, rgba(207,218,249,1) 0%, rgba(188,199,229,1) 45%, rgba(207,218,249,1) 100%);
	background: linear-gradient(to bottom, rgba(207,218,249,1) 0%, rgba(188,199,229,1) 45%, rgba(207,218,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BCC7E5', endColorstr='#CFDAF9', GradientType=0 );*/
    border: 1px solid #D0D0D0;
    float: left;
    height: 50px;
    margin-bottom: 10px;
    margin-left: 8px;
    max-width: 98%;
    width: 976px;
}
#imagebox {
    float: left;
    margin-bottom: 10px;
    margin-left: 8px;
    max-width: 98%;
    width: 965px;
}
#cat-title {
    float: left;
    margin-left: 0px;
    max-width: 99%;
    width: 970px;
}
#footer #foot-list {
    margin-left: 5px;
    max-width: 99%;
    padding: 25px 0 10px;
    width: 976px;
}
#copyright {
    border-top: 1px solid #EEEEEE;
    float: left;
    margin-left: 5px;
    max-width: 98%;
    padding: 11px 0 15px 5px;
    width: 948px;
}
#top-mid {
    margin-left: 20px;
    max-width: 97%;
    width: 970px;
}
#right-side {
    float: left;
    width: 730px;
	
}
#cat-left {
    float: left;
    width: 530px;
	height: 9px;
}

#imagebox #left, #imagebox #middle, #imagebox #right, #imagebox #middle-1 {
	width: 100%;
	max-width: 100%;
}
#right-side {
	max-width: 100%;
}
#cat-title #search-top {
	width: 100%;
}


#imagebox #left {
    border: 0 solid #FF0000;
    float: left;
    margin-bottom: 10px;
    margin-right: 8px;
    /*width: 49%;*/
	width: 48%;
	min-height: 340px;
}

#imagebox #middle {
    border: 0 solid #FF0000;
    float: left;
    margin-bottom: 10px;
    margin-right: 8px;
    /*width: 49%;*/
	width: 48%;
	min-height: 340px;
}

#imagebox #middle-1 {
	margin-bottom: 10px;
	width: 100%;
}

#imagebox #right {
    border: 0 solid #FF0000;
    float: left;
    margin-bottom: 0;
    margin-right: 8px;
    /*width: 49%;*/
	width: 48%;
	min-height: 340px;
}

#imagebox .right1 {
    min-height: 20px !important;
	width: 100% !important;
}

#title-pane {
	max-width: 98%;
}


#alert-pane {

	margin-left: 7px!important;
	width: 975px!important;
}


	
	#cat-title #search-topnew {
		width: 80%;
	}
	


#question-top #left, #question-top #right {
	min-height: inherit;
    width: 32%;
}
#question-main #references #left, #question-main #references #right {
	min-height: inherit;
}


}
/*........ Newly added End...... */


@media only screen and (max-width : 965px)   
{

#alert-pane {


	width: 735px!important;
}


#footer #foot-int {
	text-align: center;
	margin: 0;
    max-width: 100%;
}
#footer #foot-int #foot-logo {
    float: none;
    margin: 0 auto;
}
#footer #foot-int #foot-links {
    float: none;
    margin-top: 10px;
}

}




/*  ipad css end */

@media only screen and (max-width : 780px)   {



       #footer #foot-int #foot-logo {
               clear: both;
               float: none;
               margin-right: 0;
               text-align: center;
       }
       #footer #foot-int #foot-links {
               float: none;
               margin-bottom: 10px;
               margin-top: 10px;
               text-align: center;
       }
	
		#cat-title #search-topnew {
			width: 100%;
		}
		
		
#search-top {
    margin-left: 15px;
    width: 320px;
}

#search-top #txt-inptut input {
    width: 130px;
}
#title-right {
	width: 257px;
}


#imagebox .edu-module {
	height: 350px!important;
}

#imagebox .compliance-l {
    height: 350px !important;
}

#cat-right {
	padding-bottom: 15px;
    padding-top: 0;
}
#imagebox table {
    max-width: 99% !important;
}
.fieldtitleTextComp {
	max-width: 100%;
}

	   
}

@media only screen and (max-width : 768px)   {


form {
    margin: 0 auto;
    min-width: 750px;
}

#footer #foot-int {
	text-align: center;
	margin: 0;
    max-width: 100%;
}
}


@media only screen and (max-width : 680px)   {


#top      { width:100%; background-image:url(../newuiimages/top-bg.jpg); background-position:left top; background-repeat: repeat-x; margin:0 0 10px; float:left;}
#top-bg   { width:100%; background-image:none; float:left;}
#top-mid  { width:100%; margin:0 5px; }
#logo     { width: auto; margin:10px 2px 16px; text-align:center; float:left;}
#logo1    { width: auto; padding:0 0 0 0px; text-align:center; float:left;}

#right-side{ width:100%; margin:-71px 0 0;  float:left;}
#menu    { width:auto; margin:40px 0 0 5px; float:left;}

#icon1            { width:70px; margin-right:15px; float:left;  display:none; }
#icon1 #icon-img  { text-align:center; margin:20px 0 1px; display:none;}
#icon1 #icon-txt  { margin: 30px 0 0 5px;  text-align: center;}
#icon1 .icon-txt a:link  { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px; text-decoration:none;}
#icon1 .icon-txt a:hover, .icon-txt a:active, .icon-txt a:visited { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px;  text-decoration:underline;}

#alertnotificationicon            { width:70px; margin-right:15px; float:left;  display:none; }
#alertnotificationicon #icon-img  { text-align:center; margin:20px 0 1px; display:none;}
#alertnotificationicon #icon-txt  { margin: 30px 0 0 5px;  text-align: center;}
#alertnotificationicon .icon-txt a:link  { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px; text-decoration:none;}
#alertnotificationicon .icon-txt a:hover, .icon-txt a:active, .icon-txt a:visited { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px;  text-decoration:underline;}


#icon2            { width:70px; margin-right:15px; float:left;  display:none;}
#icon2 #icon-img  { text-align:center; margin:20px 0 1px; display:none;}
#icon2 #icon-txt  { text-align:center; margin: 30px 0 0 5px;}
#icon2 .icon-txt a:link  { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px; text-decoration:none;}
#icon2 .icon-txt a:hover, .icon-txt a:active, .icon-txt a:visited { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px;  text-decoration:underline;}

#icon3            { width:75px; margin-right:10px; float:left;  display:none;}
#icon3 #icon-img  { text-align:center; margin:20px 0 1px; display:none;}
#icon3 #icon-txt  {  margin: 30px 0 0 5px; text-align:center;}
#icon3 .icon-txt a:link  { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px;text-decoration:none;}
#icon3 .icon-txt a:hover, .icon-txt a:active, .icon-txt a:visited { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px;  text-decoration:underline;}

#icon4            { width:75px; margin-right:20px; float:left;  display:none;}
#icon4 #icon-img  { text-align:center; margin:20px 0 1px; display:none;}
#icon4 #icon-txt  {  margin: 30px 0 0 5px; text-align:center;}
#icon4 .icon-txt a:link  { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px; text-decoration:none;}
#icon4 .icon-txt a:hover, .icon-txt a:active, .icon-txt a:visited { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px;  text-decoration:underline;}

#icon-set  { width: auto; padding:10px; float: left;  display:none;}
#icon-set1 { width: auto; float: left;  margin:0px;}
#icon-set2 { width: auto; float:right;}

#title-pane{ width: 98%; margin: 5px;float:left; border:1px solid #d0d0d0; 
/*background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(45%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(242,242,242,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(242,242,242,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(242,242,242,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 );*/
}

#title-left    { width:auto; float:left; margin: 15px 15px 0;}
.title         { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#2f3976; background-image: none; background-position:left; background-repeat:no-repeat; padding:0px; margin:5px; text-decoration:none;} 

#title-right   { width: auto; float: right;}



#title-sub {
    float: left;
    margin: 15px 15px 0 0;
    width: auto;
}
.title-sub     { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#2f3976; background-image: none; background-position:left; background-repeat:no-repeat; padding:0px; margin:0 0 0 5px; height:auto; text-decoration:none;}
.title-sub a:link{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#2f3976; text-decoration: none; }  
.title-sub a:hover, .title-sub a:active, .title-sub a:visited { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#2f3976; text-decoration: underline;}  

#help          { width:80px; background-image:url(../newuiimages/help-cor.gif); background-position:left; background-repeat:no-repeat; background-color:#2f3976; margin-left:0; margin-top:0px; float: right;}
.help-title        {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#fff;padding:15px 15px 0px 0px; height:35px;text-decoration:none;}
.help-title a:link {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#fff;padding:16px 0 0 25px;height:35px;text-decoration:none;}
.help-title a:hover, .help-title a:active, .help-title a:visited { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#fff;padding:16px 0 0 25px;height:35px;text-decoration:underline;}

#cat-title    { width: auto; margin:5px; float:left;}
#cat-left     { width: auto; height: auto; float:left;}
#cat-cor-l    { width:5px; background-image: none; background-repeat:no-repeat; background-position:left; height: auto; float:left;}
#cat-cor-m    { width:auto; border: none; float:left;}
.cat-title    { background-image: none; background-repeat:no-repeat; background-position:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; padding:0px; height: auto; color:#2f3976; text-align:center; }
#cat-cor-r    { width: 5px; background-image: none; background-repeat:no-repeat; background-position:left; height: auto; float:left;}

#cat-right    { width: auto; padding-top:6px; float: left;}
#filter       { width:auto; padding:5px 0 10px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#5d5d5d; font-weight:normal; text-decoration:none;}
.filedbox     { width:122px; padding:4px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#5d5d5d; font-weight:normal; text-decoration:none; border:1px solid #d5d5d5; }

#filter-dropdown { float: left;  margin-left: 5px; margin-right: 5px; width: auto; }
#search       { float:left;}

#imagebox     { width: auto;  margin:5px; float:left;}
#imagebox img { width:100%; }


#copyright    { border-top: 1px solid #EEEEEE; float: left; margin: 5px; padding: 5px; text-align: center; width: auto;}
.copyright    { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000; font-weight:normal; text-decoration:none; }

#footer #foot-list {
	margin-left: 20px;
	padding: 15px 0 0px;
	width: auto;
}

#footer #foot-list li {
    display: list-item;
    float: none;
    list-style-image: url("../newuiimages/foot-bullet.png");
    margin-left: 0px;
    width: 100%;
	list-style-position: inside;
	margin-bottom: 10px;
}

#imagebox #middle-1 #one-third {
	width: 100%;
	margin-right: 0;
	float: none;
	margin-left: 0;
	min-height: 40px;
}

#blue-botton img {
	width: auto!important;
}

}
@media only screen and (max-width : 470px)   {



#top      { width:100%; background-image:url(../newuiimages/top-bg.jpg); background-position:left top; background-repeat: repeat-x; margin:0 0 10px; float:left;}
#top-bg   { width:100%; background-image:none; float:left;}
#top-mid  { width:100%; margin:0 5px; }
#logo     { width: auto; margin:10px 2px 16px; text-align:center; float:left;}
#logo1    { width: auto; padding:0 0 0 0px; text-align:center; float:left;}

#right-side{ width:100%; margin:-71px 0 0;  float:left;}
#menu    { width:auto; margin:40px 0 0 5px; float:left;}

#icon1            { width:70px; margin-right:15px; float:left;  display:none; }
#icon1 #icon-img  { text-align:center; margin:20px 0 1px; display:none;}
#icon1 #icon-txt  { margin: 30px 0 0 5px;  text-align: center;}
#icon1 .icon-txt a:link  { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px; text-decoration:none;}
#icon1 .icon-txt a:hover, .icon-txt a:active, .icon-txt a:visited { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px;  text-decoration:underline;}

#alertnotificationicon            { width:70px; margin-right:15px; float:left;  display:none; }
#alertnotificationicon #icon-img  { text-align:center; margin:20px 0 1px; display:none;}
#alertnotificationicon #icon-txt  { margin: 30px 0 0 5px;  text-align: center;}
#alertnotificationicon .icon-txt a:link  { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px; text-decoration:none;}
#alertnotificationicon .icon-txt a:hover, .icon-txt a:active, .icon-txt a:visited { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px;  text-decoration:underline;}


#icon2            { width:70px; margin-right:15px; float:left;  display:none;}
#icon2 #icon-img  { text-align:center; margin:20px 0 1px; display:none;}
#icon2 #icon-txt  { text-align:center; margin: 30px 0 0 5px;}
#icon2 .icon-txt a:link  { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px; text-decoration:none;}
#icon2 .icon-txt a:hover, .icon-txt a:active, .icon-txt a:visited { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px;  text-decoration:underline;}

#icon3            { width:75px; margin-right:10px; float:left;  display:none;}
#icon3 #icon-img  { text-align:center; margin:20px 0 1px; display:none;}
#icon3 #icon-txt  {  margin: 30px 0 0 5px; text-align:center;}
#icon3 .icon-txt a:link  { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px;text-decoration:none;}
#icon3 .icon-txt a:hover, .icon-txt a:active, .icon-txt a:visited { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px;  text-decoration:underline;}

#icon4            { width:75px; margin-right:20px; float:left;  display:none;}
#icon4 #icon-img  { text-align:center; margin:20px 0 1px; display:none;}
#icon4 #icon-txt  {  margin: 30px 0 0 5px; text-align:center;}
#icon4 .icon-txt a:link  { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px; text-decoration:none;}
#icon4 .icon-txt a:hover, .icon-txt a:active, .icon-txt a:visited { font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; color:#2f3976; line-height:15px;  text-decoration:underline;}

#icon-set  { width: auto; padding:10px; float: left;  display:none;}
#icon-set1 { width: auto; float: left;  margin:0px;}
#icon-set2 { width: auto; float:right;}

#title-pane{ width: auto; margin: 5px;float:left; border:1px solid #d0d0d0; 
/*background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(45%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(242,242,242,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(242,242,242,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(242,242,242,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 );*/
}

#title-left    { width:auto; float:left;}
.title         { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#2f3976; background-image: none; background-position:left; background-repeat:no-repeat; padding:0px; margin:5px; text-decoration:none;} 

#title-right   { width: auto; float: left;}


#title-sub     { width: auto; float:left;}
.title-sub     { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#2f3976; background-image: none; background-position:left; background-repeat:no-repeat; padding:0px; margin:0 0 0 5px; height:auto; text-decoration:none;}
.title-sub a:link{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#2f3976; text-decoration: none; }  
.title-sub a:hover, .title-sub a:active, .title-sub a:visited { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#2f3976; text-decoration: underline;}  

#help          { width:80px; background-image:url(../newuiimages/help-cor.gif); background-position:left; background-repeat:no-repeat; background-color:#2f3976; margin-left:119px; margin-top:-50px; float: right;}
.help-title        {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#fff;padding:15px 15px 0px 0px; height:35px;text-decoration:none;}
.help-title a:link {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#fff;padding:16px 0 0 25px;height:35px;text-decoration:none;}
.help-title a:hover, .help-title a:active, .help-title a:visited { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#fff;padding:16px 0 0 25px;height:35px;text-decoration:underline;}

#cat-title    { width: auto; margin:5px; float:left;}
#cat-left     { width: auto; height: auto; float:left;}
#cat-cor-l    { width:5px; background-image: none; background-repeat:no-repeat; background-position:left; height: auto; float:left;}
#cat-cor-m    { width:auto; border: none; float:left;}
.cat-title    { background-image: none; background-repeat:no-repeat; background-position:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; padding:0px; height: auto; color:#2f3976; text-align:center; }
#cat-cor-r    { width: 5px; background-image: none; background-repeat:no-repeat; background-position:left; height: auto; float:left;}

#cat-right    { width: auto; padding-top:6px; float: left;}
#filter       { width:auto; padding:5px 0 10px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#5d5d5d; font-weight:normal; text-decoration:none;}
.filedbox     { width:122px; padding:4px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#5d5d5d; font-weight:normal; text-decoration:none; border:1px solid #d5d5d5; }

#filter-dropdown { float: left;  margin-left: 5px; margin-right: 5px; width: auto; }
#search       { float:left;}

#imagebox     { width: auto;  margin:5px; float:left;}
#imagebox img { width:100%; }


#copyright    { border-top: 1px solid #EEEEEE; float: left; margin: 5px; padding: 5px; text-align: center; width: auto;}
.copyright    { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000; font-weight:normal; text-decoration:none; }

#footer #foot-list {
	margin-left: 20px;
	padding: 15px 0 0px;
	width: auto;
}

#footer #foot-list li {
    display: list-item;
    float: none;
    list-style-image: url("../newuiimages/foot-bullet.png");
    margin-left: 0px;
    width: 100%;
	list-style-position: inside;
	margin-bottom: 10px;
}

}

 .loading
    {
        background-color: #E8EFF6;
        border-width: 1px;
        border-style: solid;
        border-color: Gray;
        height: 100%;
        width: 100%;
    }
    
    
    
    
    /* styles.css */

/* ------------------------------------------
  DEMO PAGE'S STYLES
--------------------------------------------- */


@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.nav-collapse li {
  float: left;
  width: 100%;
}

@media screen and (min-width: 40em) {
  .nav-collapse li {
    width: 25%;
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack */
  }
}

.nav-collapse a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  background: #f4421a;
  border-bottom: 1px solid white;
  padding: 0.7em 1em;
  float: left;
}

@media screen and (min-width: 40em) {
  .nav-collapse a {
    margin: 0;
    padding: 1em;
    float: left;
    text-align: center;
    border-bottom: 0;
    border-right: 1px solid white;
  }
}

.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

@media screen and (min-width: 40em) {
  .nav-collapse ul ul a {
    display: none;
  }
}

.nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 90px;
  height: 38px;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  background: #fff url("../newuiimages/hamburger.gif") no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .nav-toggle {
    background-image: url("../newuiimages/hamburger-retina.gif1");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}



/*  For Message */
.MsgBackground {
 background: #F0DC82;
  height: 25px;
}


.msgBackground {
 background: #F0DC82;
  height: 20px;
}

.msgData
{
	font-weight: bold;
	color: #2f3976;
	font-size:12px;
}

/* End For Message */


/*......... newly updated answersheet css ....... */
#step-box-top {
    border-bottom: 1px solid #7A8B9D;
    color: #2C356F;
    font-size: 14px;
    padding: 10px 15px;
}
#step-box-score-detail {
    border-bottom: 1px solid #7A8B9D;
    color: #2C356F;
    font-size: 14px;
    padding: 10px 15px;
	background-color:#b2dfb4;
}
.gray-text
{
	color: #4a5a6a;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    padding: 0 20px 10px;
    text-decoration: none;
}
.circle-list
{
	background: none repeat scroll 0 0 #4E5C69;
	border-radius: 20px;
	color: #FFFFFF;
	padding: 8px;
}
#answersheet-tble-wrapper
{
    border-bottom: 1px solid #7A8B9D;
    color: #2F3976;
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
   
}
#answersheet-tble-wrapper td {font-size:14px;}
.left-spacing{ padding-left:7px; padding-bottom: 6px; padding-top:6px;}
#ansersheet-table
{
	color: #2F3976;
    font-family: Arial;
    font-size: 12px;
    line-height: 28px;
    margin-left: 10px;
}
.light-gray-background{  background-color: #E0E7ED; border-bottom: 1px solid #7A8B9D; }
.wht-background{border-bottom: 1px solid #7A8B9D; }
.question-num 
{ background: none repeat scroll 0 0 #BBCFE3;
    border: 1px solid #4F5D6A;
    border-radius: 45px;
    color: #4F5D6A;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-right: 7px;
    margin-top: 10px;
	margin-left:17px;
    padding: 2px 7px;
}
#answersheet-tble-wrapper p
{
    font-size: 12px !important;
    width: auto;
	 padding-top: 10px;
}
.first-row-spacing
{ 
	 border-right: 1px solid #7A8B9D;
     width: 6%;
}
.second-row-spacing
{ 
	 border-right: 1px solid #7A8B9D;
     width: 30%;
	 padding-left: 7px;
}
.third-row-spacing
{ 
	 border-right: 1px solid #7A8B9D;
     width: 17%;
	 padding-left: 7px;
	 padding-right:3px;
}
.dark-gray-background {
    background-color: #e8e6e7;
    border-bottom: 1px solid #7A8B9D;
	padding:18px;
}
.dark-gray-background span
{
	 color: #2F3976;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
}
.left-spacing a {
	color: #2F3976;
	text-decoration: underline;
}
#answesheet-mainwrap {
    float: left;
    width: 97%;
}

.standardnewfont
{
    font-size:12px;
    color: #2F3976;
   
    
}

/*.........answersheet css end ....... */

/* NEW CLASS blue-txt */
.blue-txtnew {
	color: #2c356e;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
}

/* NEW CLASS */
.question-main #question {
	color: #2f3976;
	font-size: 18px;
	font-family: arial;
	font-weight: bold;
	border-bottom: 1px solid #dbdadb;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	margin-left: 76px;
	margin-right: 15px;
}
/* NEW CLASS */

/* NEW CLASS */
#question-main #AnswerNarrative {
	font-family: Arial;	
	padding: 0px 0px 0px 20px;
	margin: 10px 0 0;
	font-size: 12px;
	color: #2f3976;
	font-weight:bold;
	
}



/* .................. Comparative Search START.......... */
.active-startComp {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-image:url("../newuiimages/ai_1.jpg");
	height:51px;
	border-top: 1px solid #8EA0B6;
	border-bottom: 1px solid #8EA0B6;
	border-left: 1px solid #8EA0B6;
	background-repeat:no-repeat;
	width:160px;
	background-position:right center;
	border-top-left-radius: 9px;
	line-height: 49px;
	float: left;	
}
.active-startComp a
{
	padding-left: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #485085;
	font-size: 18px;
	font-weight: bold;
}
.in-active-startComp {
	background-color: #E8E6E7;
    background-image: url("../newuiimages/gray-wht-corner.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #8EA0B6;
    border-left: 1px solid #8EA0B6;
    border-top: 1px solid #8EA0B6;
    border-top-left-radius: 9px;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    width: 160px;
}
.in-active-startComp a
{
	color: #C0C0C0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
    text-decoration: none;
    text-shadow: 1px 1px #FFFFFF, 0 0 #444444;
}

.in-active-startComp1 {
	background-color: #E8E6E7;
    background-image: url("../newuiimages/gray-corner.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #8EA0B6;
    border-left: 1px solid #8EA0B6;
    border-top: 1px solid #8EA0B6;
    border-top-left-radius: 9px;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    width: 160px;
}
.in-active-startComp1 a
{
	color: #C0C0C0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
    text-decoration: none;
    text-shadow: 1px 1px #FFFFFF, 0 0 #444444;
}

.in-active-endComp
{
	  background-image: url("../newuiimages/gray-right-cornr.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    padding-bottom: 1px;
    padding-top: 1px;
    width: 300px;
	}
.in-active-endComp a
{
	padding-left: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #C0C0C0;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 1px 1px #FFFFFF, 0 0 #444444;
}
.active-endComp
{
	  background-image: url("../newuiimages/wht-right-cornr.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    padding-bottom: 1px;
    padding-top: 1px;
    width: 300px;
	}
.active-endComp a
{
	padding-left: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #485085;
	font-size: 18px;
	font-weight: bold;
}


.active-midComp {
    background-image: url("../newuiimages/ai_1.jpg");
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #8EA0B6;
    border-top: 1px solid #8EA0B6;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    width: 190px;
}
.active-midComp a
{
	padding-left: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #485085;
	font-size: 18px;
	font-weight: bold;
}
.in-active-midComp
{
	background-color: #E8E6E7;
    background-image: url("../newuiimages/gray-corner.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #8EA0B6;
    border-top: 1px solid #8EA0B6;
    color: #C0C0C0;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    width: 190px;
	
}
.in-active-midComp a
{
	padding-left: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #C0C0C0;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 1px 1px #FFFFFF, 0 0 #444444;
}


.in-active-midComp1
{
	background-color: #E8E6E7;
    background-image: url("../newuiimages/gray-wht-corner.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #8EA0B6;
    border-top: 1px solid #8EA0B6;
    color: #C0C0C0;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    width: 190px;
	
}
.in-active-midComp1 a
{
	padding-left: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #C0C0C0;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 1px 1px #FFFFFF, 0 0 #444444;
}


#blue-botton4Comp {
	background: url(../newuiimages/button-right_new.png) no-repeat;
	border-radius: 0px;
	float: left;
	padding: 15px 0 10px 40px;
	font-size: 17px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	width: 320px;
	height: 42px;
}
#blue-botton4Comp a {
	font-size: 17px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#blue-botton4Comp img {
	width: auto;
	margin-right: 10px;
}

/* ................ June 12 2014 ......... */
#answersheet-report-tble
{
    border-bottom: 1px solid #7A8B9D;
	border-top: 1px solid #7A8B9D;
    color: #2F3976;
    font-family: arial;
    font-size: 14px;
    font-weight: normal !important;
    margin: 0;
	overflow-y: scroll;
	overflow-x: scroll;
	height:479px;
}
#answersheet-report-tble-scroll-xy
{
    border-bottom: 1px solid #7A8B9D;
	border-top: 1px solid #7A8B9D;
    color: #2F3976;
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
	overflow-y: scroll;
	overflow-x: scroll;
	height:602px;
   
}

#answersheet-report-tbleComp
{
    font-family: arial;
    font-size: 14px;
    font-weight: normal !important;
    margin: 0;
	overflow-y: scroll;
	overflow-x: scroll;
	height:600px;
	
}
#answersheet-report-tbleComp-scroll-xy
{
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
	overflow-y: scroll;
	overflow-x: scroll;
	height:602px;
   
}


#report-blue-strip {
    background-color: #DAE2E8;
    color: #424B82;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    padding: 10px;
}

.altrowa .fieldtitleComp {
    float: left;  
	color: #2F3976;
	font-size: 12px;
	margin-right: 10px;
	min-width: 10px;
}

.altrowa .fieldtitleCompHead {    
	color: #2F3976;
    font-family: arial;
     font-size: 15px;
    font-weight: bold;
}

.fieldtitleBlueComp {    
	color: Blue;
    float: left;  
	font-size: 12px;
	margin-right: 10px;
	min-width: 10px;
	font-weight: bold;
}

.fieldtitleHeadingBlueComp {    
	color: Blue;
    float: left;  
	font-size: 15px;
	margin-right: 10px;
	min-width: 10px;
	font-weight: bold;
}

/*................. June 12 2014 ......... */

.heading-blue
{
	color: #2F3976;
    font-family: arial;
     font-size: 15px;
    font-weight: bold;
}

.blue-cercle
{
	background: none repeat scroll 0 0 #424B82;
    border-radius: 45px;
    color: #FFFFFF;
    margin-right: 20px;
    padding: 5px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
}

#reoprt-top
{
	 border-top: 1px solid #7A8B9D;
    color: #2B346D;
    font-size: 13px;
    padding: 0px;
}

#report-form-box {
	margin-bottom: 0px;
	color: #2F3976;
	font-family: Arial;
	font-size: 13px;
	padding-top: 0px;
}

#report-form-box #checkbox {
	margin-top: 8px;
	margin-bottom: 8px;
}


#answersheet-tableComp
{
	color: #2F3976;
    font-family: Arial;
    font-size: 12px;
    line-height: 28px;
    margin-left: 0px;
}


.result-grid-background{  background-color: #dae2e8;}

.fieldtitleTextComp {
	color: #2F3976;
	font-size: 12px;
}

.blue-bottonComp {
	background: url(../newuiimages/button-right.png) no-repeat;
	border-radius: 0px;
	float: left;
	padding: 15px 0 10px 40px;
	font-size: 17px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	width: 120px;
	height: 42px;
}

.blue-bottonComp a:link {	
	color: #fff;
}


.blue-bottonComp a:hover {	
	color: #fff;
}




#answersheet-report-tbleCompNew
{
    border-bottom: 1px solid #7A8B9D;
	border-top: 1px solid #7A8B9D;
    color: #2F3976;
    font-family: arial;
    font-size: 14px;
    font-weight: normal !important;
    margin: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	max-height:479px;
}

#answersheet-report-tbleCompNew-scroll-xy
{
    border-bottom: 1px solid #7A8B9D;
	border-top: 1px solid #7A8B9D;
    color: #2F3976;
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
	overflow-y: scroll;
	overflow-x: scroll;
	max-height:602px;
   
}

.export-botton {
	background: #3EAC3E;
	border-radius: 7px;
	float: left;
	padding: 10px;
	font-size: 17px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 10px;
}
.export-botton a {
	font-size: 17px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.export-botton img {
	width: auto;
	margin-right: 10px;
}

/* .................. Comparative Search END .......... */


/* ...................Profile START .....................*/

.in-active-midprofile
{
	background-color: #E8E6E7;
    background-image: url("../newuiimages/gray-corner.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #8EA0B6;
    border-top: 1px solid #8EA0B6;
    color: #C0C0C0;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    width: 130px;
	
}
.in-active-midprofile a
{
	padding-left: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #C0C0C0;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 1px 1px #FFFFFF, 0 0 #444444;
}

.in-active-endprofile
{
	  background-image: url("../newuiimages/gray-right-cornr.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    padding-bottom: 1px;
    padding-top: 1px;
    width: 180px;
	}
.in-active-endprofile a
{
	padding-left: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #C0C0C0;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 1px 1px #FFFFFF, 0 0 #444444;
}

.active-endprofile
{
	  background-image: url("../newuiimages/wht-right-cornr.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    padding-bottom: 1px;
    padding-top: 1px;
    width: 180px;
	}
.active-endprofile a
{
	padding-left: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #485085;
	font-size: 18px;
	font-weight: bold;
}

/**************NEW CSS 7/25/2014***********/
.resumetest
{
	font-weight: bold;
	color: Red;
}
.starttest
{
	font-weight: bold;
	color: #9CD3B4;
}


.infoMsg
{
	font-size: 13px;
	font-weight: bold;
	color:#2F3976
}

/* ...................Profile END .....................*/


/*........... ALT INV CSS .........*/
#expnd-collaps-tab {
	height: auto;
	width: auto;
	padding-top: 6px;
	padding-right: 18px;
	padding-bottom: 6px;
	padding-left: 18px;
	background-color: #dae1e7;
	border: 1px solid #768ca5;
}
#expnd-collaps-tab td >p {
	font-size: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}
#expand-sheet-wrapper {
	height: auto;
	width: 100%;
}
#expand-sheet-wrapper .td-bg {
	background-color: #dae1e7;
    border-left: 1px solid #768ca5;
    border-right: 1px solid #768ca5;
}
#expand-sheet-wrapper
.text-box {
	border: 1px solid #768ca4;
	padding: 5px;
	width: 50.45%;
}
#expand-sheet-wrapper
.input-area {
    float: left;
    min-width: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    width: 50%;
}
.blue-line
{
	background-image: url(../images/blue-line.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}


.td-bg1 {
	background-color: #dae1e7;
    border-left: 1px solid #768ca5;
    border-right: 1px solid #768ca5;
    width:2px;
}

.tr-bg1 {
	background-color: #dae1e7;
    border: 1px solid #768ca5;
    line-height:15px;
}

/*........... ALT INV CSS .........*/
.alert-border {
border: 1px solid #d0d0d0;
}

/*ALERT PANE */
#alert-pane {
	float: left;
	height: auto;
	margin-left: 29px;
	max-width: 100%;
	width: 1200px;
	margin-top: 10px;
}
#alert-pane table {
	background:#fdf7d0;
	border: 1px solid #d0d0d0;
	float: left;
	height: auto;
	margin-bottom: 10px;
}

#alert-box {
    float: none;
    height: auto;
    margin: 8px;
    width: 94%;
}
/*#alert-pane {
    background: none repeat scroll 0 0 #fdf7d0;
    border: 1px solid #d0d0d0;
    float: left;
    height: auto;
    margin-bottom: 10px;
    margin-left: 7px;
    max-width: 98%;
    width: auto;
}*/

/* ALERT PANE END*/


#contentmain {
    margin-left: 9px;
}


.aligncenterdiv
{
    width:100%;
    text-align:center;
}

.disabledtextbox
{
    background-color:#fff;
    color:#ACA899; 
    border: 1px solid #7A96DF;   
}

.norecords {
	color: #2F3976 !important;
	font: "segoe ui",arial,sans-serif important;
	font-size: 13px !important;
	font-weight:bold !important;	
}

/* ---------  8-22-2014  START ---------------- */

.fieldtitlebold {
	color: #2F3976;
	font-size: 12px;
	line-height: 20px;
	font-weight:bold;
}

.in-active-startCompNew {
	background-color: #E8E6E7;
    background-image: url("../newuiimages/gray-corner.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #8EA0B6;
    border-left: 1px solid #8EA0B6;
    border-top: 1px solid #8EA0B6;
    border-top-left-radius: 9px;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    width: 160px;
}
.in-active-startCompNew a
{
	color: #C0C0C0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
    text-decoration: none;
    text-shadow: 1px 1px #FFFFFF, 0 0 #444444;
}

.in-active-midCompNew
{
	background-color: #E8E6E7;
    background-image: url("../newuiimages/gray-wht-corner.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #8EA0B6;
    border-top: 1px solid #8EA0B6;
    color: #C0C0C0;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 51px;
    line-height: 49px;
    width: 190px;
	
}
.in-active-midCompNew a
{
	padding-left: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #C0C0C0;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 1px 1px #FFFFFF, 0 0 #444444;
}


/* ----------  8-22-2014 END ---------------- */

#question-top #left, #question-top #right {
	min-height: inherit;
    width: 32%;
}

#question-main #references #left, #question-main #references #right {
    min-height: inherit;
}




/************************************************/
.norecordslink {
	text-decoration:none !important;
}

.smallerforgrid
{
    font-size: 11px;    
}
/************************************************/

#toggle-pane{ 
width:1200px;
max-width: 100%;
margin-left: 29px;
margin-bottom:10px;
float:left;
background-position: center top;
background-size: auto 100%;
/*background: rgba(188,199,229,1);
background: -moz-linear-gradient(top, rgba(188,199,229,1) 0%, rgba(188,199,229,1) 45%, rgba(207,218,249,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(188,199,229,1)), color-stop(45%, rgba(188,199,229,1)), color-stop(100%, rgba(207,218,249,1)));
background: -webkit-linear-gradient(top, rgba(207,218,249,1) 0%, rgba(188,199,229,1) 45%, rgba(207,218,249,1) 100%);
background: -o-linear-gradient(top, rgba(207,218,249,1) 0%, rgba(188,199,229,1) 45%, rgba(207,218,249,1) 100%);
background: -ms-linear-gradient(top, rgba(207,218,249,1) 0%, rgba(188,199,229,1) 45%, rgba(207,218,249,1) 100%);
background: linear-gradient(to bottom, rgba(207,218,249,1) 0%, rgba(188,199,229,1) 45%, rgba(207,218,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BCC7E5', endColorstr='#CFDAF9', GradientType=0 );*/
height:25px;
border:0;
}

#toggle-title-right   {float: left;}




.right_padding{padding-right:15px; }

/* ................ New Css ............ */

.status-gridbox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:1px #b1b1b1 solid !important;
	text-align:center;
}

.status-gridbox th
{
	background-color:#e4e4e4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.status-gridbox td
{
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b1b1b1;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b1b1b1;
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
    white-space:nowrap;
}