@import url("nsdl_style.css");

@font-face {
    font-family: impact;
    src: url(impact.ttf);
}

.logoText {
  font-size: 48px;
  font-family: impact;
  color: #85231B;
  text-shadow: 2px 1px #F1CC69;
  margin: 0px 0px 0px 170px;
}

.logoTextAck {
  font-size: 48px;
  font-family: impact;
  color: #85231B;
  text-shadow: 2px 1px #F1CC69;
  margin: 0px 0px 0px 170px;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
.clear
{
	clear:both;
	float:none;
	height:0px;
}

/* Bottom Tab Menu Navigation  */

  
  
  
.navigationLinks input{  font-weight: bold;
  font-size: 65px;
  height: 75px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  z-index: 9;  
	border: none;
  background: none;
  color: #333;
  cursor: pointer;
  } 
  .onlinepopReg td{
   width: 200px;
    padding: 5px;
  }
  .onlinepopReg table{
   width: 100%;

  }
  
.navigationLinks .prev_btn_wrapper:hover span,
.navigationLinks .next_btn_wrapper:hover span
 {text-decoration: none;color: #802319; box-shadow:none;}
 
 .navigationLinks input:focus{ box-shadow:none;}
 
.navigationLinks .prev_btn_wrapper span.back_text, 
.navigationLinks .next_btn_wrapper span.next_text {
	position: absolute;
	top: 35px;
	font-size: 17px;
	width: auto;
	opacity: 0;
	transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;  
}

 .navigationLinks .prev_btn_wrapper span.back_text,
 .navigationLinks .next_btn_wrapper span.next_text {
 font-size: 17px;
 color: #333;
 font-weight: bold;
 position: absolute;
 top: 20px;
 opacity: 0;}









.navigationLinks{
    display: block;
  overflow: hidden;
  margin: 0;
  padding: 30px 0;
  clear: both;
  position: relative;
  z-index: 0;
  
  
 }
  
.prev_btn_wrapper {
  left: 0;
  position: absolute;
  margin: -45px 0 0;
}
.next_btn_wrapper {
    margin: -45px 0 0;
  position: absolute;
  right: 0;
} 

.navigationLinks .prev_btn_wrapper:hover span,
.navigationLinks .next_btn_wrapper:hover span  {opacity: 1;}

.navigationLinks .prev_btn_wrapper span.back_text {left: 15px;top: 40px;}
.navigationLinks .prev_btn_wrapper:hover span.back_text {left: 40px;}

.navigationLinks .next_btn_wrapper span.next_text  {right: 15px;  text-align: right;top: 40px;}
.navigationLinks .next_btn_wrapper:hover span.next_text {right: 40px;}




ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


header > nav
{
	background:transparent url(../images/craNavBG.png) top center repeat-x;
	height:40px;
}
header > nav > ul 
{
	margin:0;
	padding:0;
	list-style:none
}
header > nav > ul > li
{
	margin:0;
	padding:0;
	display:inline;
	background:transparent url(../images/craNavBGSprt.png) top left no-repeat;
	padding:0 15px;
	height:40px;
	float:left
}
header > nav > ul > li:first-child
{
	background:none
}

header > nav > ul > li > a
{
	text-align:center;
	padding:0px 20px;
	font-size:14px;
	color:#FFF;
	line-height:29px;
	text-decoration:none;
	float:left;
	margin-top:7px;
	height:33px;
	text-transform:uppercase
	
}
header > nav > ul > li > a:hover, header > nav > ul > li > a.active 
{
	background-color:#e8ae28;
	border-radius:5px 5px 0 0;
	color:#8a231d;

	line-height:35px;
}




.formContainer
{
    background: #FFFFFF;
    /* border: 1px solid #0C2446; */
    border-radius: 10px;
    /* box-shadow: 0px 0px 10px #0E284C; */
    margin: 0px 25px 25px;
    overflow: hidden;
    padding: 15px 13px;
    position: relative;
    min-height: 350px;
}
/* .pageContainer, .formContainer
{
	background:#fcf9f1;
	border:1px solid #e6ac2b;
	border-radius:10px;
	box-shadow:0px 0px 10px #AAA;
	margin:32px;
	overflow:hidden;
	padding:15px 13px;
	} */
.formContainer h1
{
    font-size: 22px;
    color: #fff;
    font-family:Arial;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

footer
{
    background: #0380BA; Old browsers */
    background: -moz-linear-gradient(top, #0380BA 0%, #59210a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0583BE ), color-stop(100%,#0583BE)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0583BE  0%,#0583BE 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0583BE  0%,#0583BE 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0583BE  0%,#0583BE 100%); /* IE10+ */
    /*background: linear-gradient(to bottom, #0380BA 0%,#59210a 100%);*/ /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0583BE ', endColorstr='#0583BE',GradientType=0 ); /* IE6-9 */
    text-align: center;
    margin-top: 5px;
    
}
footer > ul
{
	padding:15px 0;
	font-size:14px;
}
footer > ul > li > a, footer > ul > li 
{
	color:#e8af26;
	display:inline
}
footer div
{
	color:#FFF;
	padding-bottom:10px;
	font-size:12px;
}
input, label
{
	float:left;


}
#tabForm1 select{
	float: left;
}
#tabForm2 select{
	float: left;
}
#tabForm3 select{
	float: left;
}
#tabForm4 select{
	float: left;
}

select.error {
/* border: 1px solid #f00; */
}
/* label strong
{
	color:#CB171C
} */
input.bigSize
{
	width:230px;
}
select.htmlOptions, select.bigSize
{
	width:242px;   text-transform: uppercase;
}

input.inputCal
{
	background:#fff url(../images/inputCal.png) right center no-repeat;   width: 135px;	
}
input[type=radio] , input[type=checkbox]
{
	width:auto;
	box-shadow:none;
	border: none;
	padding: 0px 5px 0 0;
	margin-right:5px;
}

.inputCal
{
box-shadow: 0px 0px 0px 4px #F2F5F7;
width: 200px;
height: 33px;
padding: 0px 10px;
margin: 0px auto;
color: #808080;
border: 1px solid #BEC2C4;
    }

input[type=radio] + label, input[type=checkbox] + label
{
	margin-right:30px;
	margin-left:5px;
	line-height:0px;
}

fieldset
{
	border:1px solid #bdbdbd;
	border-radius:10px;
	padding:10px;
	margin:10px 0;	
}
fieldset legend
{
	font-weight:bold;
	font-size:16px;
	color:#8c8c8c;
	padding:5px 10px;
}
.formTable input[type=text], .formTable textarea
{
	    text-transform: uppercase;
}
.formTable input.emailtxt[type=text]
{
	    text-transform: none;
}


.formTable,.nominee
{
	width:70%;
	margin:20px auto;
	  position: relative;
}
.formTable tr {
  display: block;
  margin-bottom: 5px;
}
/* .formTable th, .nominee th
{
	  width: 165px;
} */
.formTable td, .formTable th
{
	padding:1px 10px;
	vertical-align:middle;
	
}
.formTable .buttons td,.nominee .buttons td
{
	padding-top:20px;
}

.formTable.btm_btn_wrapper {
   width: 72%;
  margin: 0 10%;
  text-align: center;
  z-index: 9;
  position: absolute;
  bottom: 15px;
}


#tabs-1 .formTable .buttons td,
#tabs-2 .formTable .buttons td,
#tabs-3 .formTable .buttons td,
#tabs-4 .formTable .buttons td,
#tabs-5 .formTable .buttons td,
#tabs-6 .formTable .buttons td,
#tabs-7 .formTable .buttons td
 {
  text-align: center;
  display: block;
  margin: 0 auto;
  height: auto;
  width: 100%;
  padding: 10px 0;
}
.formTable .buttons a, .nominee .buttons a
{
	margin-right:20px;	
}

.formTable input[type=text], .formTable textarea
{
	    text-transform: uppercase;
}
.formTable input.emailtxt[type=text]
{
	    text-transform: none;
}


.formTable,.nominee
{
	width:70%;
	margin:20px auto;
	  position: relative;
	  z-index: 10;
	  
}
.formTable tr {
  display: block;
  margin-bottom: 5px;
}
/* .formTable th, .nominee th
{
	  width: 165px;
} */
.formTable td, .formTable th, .nominee td, .nominee th
{
	padding:1px 10px;
	vertical-align:middle;
	
}
.formTable .buttons td,
{
	padding-top:20px;
}

.formTable.btm_btn_wrapper {
   width: 72%;
  margin: 0 10%;
  text-align: center;
  z-index: 9;
  position: absolute;
  bottom: 15px;
}


#tabs-1 .formTable .buttons td,
#tabs-2 .formTable .buttons td,
#tabs-3 .formTable .buttons td,
#tabs-4 .formTable .buttons td,
#tabs-5 .formTable .buttons td,
#tabs-6 .formTable .buttons td,
#tabs-7 .formTable .buttons td
 {
  text-align: center;
  display: block;
  margin: 0 auto;
  height: auto;
  width: 100%;
  padding: 10px 0;
}
.formTable .buttons a, .nominee .buttons a
{
	margin-right:20px;	
}


.formTableKyc input[type=text], .formTableKyc textarea
{
	    text-transform: uppercase;
}
.formTableKyc input.emailtxt[type=text]
{
	    text-transform: none;
}

.formTableKyc tbody
{
	padding:1px 10px;
	vertical-align:middle;
	  width: 100%;
}
.formTableKyc
{
	width:95%;
	margin:4px 50px auto;
	  position: relative;
}

.formTableKyc div
{
	  position: inherit;
}
.formTableKyc tr {
  display: block;
  margin-bottom: 3px;
  margin-left: 10px;
}
/* .formTableKyc th, .nominee th
{
	  width: 165px;
} */
.formTableKyc td, .formTableKyc th
{
	padding:4px 60px;
	vertical-align:top;
	  
}

.bigSizekyc{
	width: 213px;	
}


.formTableKyc.btm_btn_wrapper {
   width: 72%;
  margin: 0 10%;
  text-align: center;
  z-index: 9;
  position: absolute;
  bottom: 15px;
}

.confirm_details .formTableKyconfirm {
   border-top: 1px solid #FFDAA9;
  width: 630px;
  position: relative;
  margin: 4px auto;
}
.confirm_details .formTableKyconfirm tr {
  margin-bottom: 0px;
}
.confirm_details .formTableKyconfirm th {
  background: rgb(253, 242, 212);
  border-bottom: 1px solid #FFDAA9;
  border-right: 1px solid #FFDAA9;
  border-left: 1px solid #FFDAA9;
  width:25%;
}
.confirm_details .formTableKyconfirm th label {
  font-weight: bold;
  font-size: 12px;
  color: rgb(133, 35, 27);
}
.confirm_details .formTableKyconfirm td {
  border-bottom: 1px solid #FFDAA9;
  border-right: 1px solid #FFDAA9;
  /*width:100px;*/
}
.confirm_details .formTableKyconfirm td label {
  font-weight: bold;
  font-size: 12px;
  word-wrap: break-word;
  margin-right: 0;
}



.checkerKyc {
   border-top: 1px solid #FFDAA9;
  width: 630px;
  position: relative;
  margin: 4px auto;
}
.checkerKyc tr {
  margin-bottom: 0px;
}
.checkerKyc th {
  background: rgb(253, 242, 212);
  border-bottom: 1px solid #FFDAA9;
  border-right: 1px solid #FFDAA9;
  border-left: 1px solid #FFDAA9;
  width:25%;
}
.checkerKyc th label {
  font-weight: bold;
  font-size: 12px;
  color: rgb(133, 35, 27);
}
.checkerKyc td {
  border-bottom: 1px solid #FFDAA9;
  border-right: 1px solid #FFDAA9;
  /*width:100px;*/
}
.checkerKyc td label {
  font-weight: bold;
  font-size: 12px;
  word-wrap: break-word;
  margin-right: 0;
}



#tabs-1 .formTableKyc .buttons td,
#tabs-2 .formTableKyc .buttons td,
#tabs-3 .formTableKyc .buttons td,
#tabs-4 .formTableKyc .buttons td,
#tabs-5 .formTableKyc .buttons td,
#tabs-6 .formTableKyc .buttons td,
#tabs-7 .formTableKyc .buttons td
 {
  text-align: center;
  display: block;
  margin: 0 auto;
  height: auto;
  width: 100%;
  padding: 10px 0;
}
.formTableKyc .buttons a, .nominee .buttons a
{
	margin-right:20px;	
}



.tabs
{
	margin-top:10px;
}
/* .labelonly, .labelonly + label
{
	width:200px;
	line-height:30px;
} */
.formLinks_wrapper {
  width: 100%;
  position: relative;
  margin: 25px 0 40px;
}
.formLinks a
{
	font-size: 13px;
  color: #0a6aa7 !important;
  font-weight: bold;
  padding: 5px 10px;
  display: inline-block;
}
.formLinks a:hover{text-decoration: none;}
span.arrow {
  color: #0a6aa7;
  font-size: 45px;
}

.formLinks td
{
	  position: absolute;
  top: 35%;
  right: 0;
  width: auto;
}
.formLinks td.flt {
  left: 0;  border: none;
}

.formLinks td.frt {
  border: none;
}




.notes
{
	font-size: 12px;
  color: #8c8c8c;
  margin: 0 auto 25px;
  padding: 5px 25px;
  width: 895px;
  border: 1px dashed #666;
  border-radius: 5px;
}
.notes strong
{
	color:#000;
	font-weight:bold;
	display: block;
  padding-bottom: 3px;
}
.notes ul
{	
	/* margin-left:30px; */
}
.notes li
{
	  padding: 5px;
  list-style: disc;
  list-style-position: inside;
}

/* .grid
{
	border:1px solid #e6ac2b;
	box-shadow:0px 0px 10px #CCC;
	border-collapse:collapse;
	width: 94%;
  	margin: 0 3%;
}
.grid td
{
	padding:5px 5px;
	border:1px solid #AAA;
	vertical-align:middle;
	font-size: 12px;
}
.grid th
{
	background: #802319;
  color: #ecb41f;
  font-weight: bold;
  padding: 10px 5px;
  border: 1px solid #AAA;
  font-size: 12px;
  text-align: center;
}

.grid input, .grid select
{
	float:left;
} */
/* 
input[type=button], input[type=reset], input[type=submit]
{
	border-radius:5px;
	background:#ecb41f;
	border:1px solid #802319;
	padding:5px 10px;
	width:auto;
	color:#802319;
	font-weight:bold;
	height:auto;
	margin:5px;
	margin-right:10px;
}
 */
 .ExistingUserLink, .NewUserLink
{
	height:45px;
	width:250px;
	position:absolute;
	top : 103px;
	left:355px;
	
}
.ExistingUserLink
{
		top : 168px;

}
.brandingFirstLink, .brandingSecondLink
{
	height:45px;
	width:250px;
	position:absolute;
	top : 103px;
	left:355px;
	
}
.brandingFirstLink
{
		top : 168px;

}

/* .loginForm input.submit{top: 225px;right: 55px;} 
.loginForm input.password
{
	top:172px;
}
.loginForm .loginButton
{
	height:40px;
	width:120px;
	position:absolute;
	top : 230px;
	right:118px;
} */

/* Popup Window */

.popupContainer  {
	display: none;
}

.popupContainer.popup_small{top:25%; width: 250px; left: 40%; padding: 25px; margin: 0; display: block;}
.popupContainer.popup_small .popupWindow {
  top: 25%;
  width: 250px;
  left: 40%;
  padding: 25px;
  margin: 0;
  display: block;
}

.popupContainer .popupOverlay, .popupContainer.popup_small .popupOverlay  {
	position:fixed;
	top:0;
	left:0;
	background:#000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	z-index:5;
	width:100%;
	height:100%;
	z-index: 9999999;
}
.popupContainer .popupWindow{
	margin:0 auto;
	position:absolute;
	z-index:9999999999999999999999;
	top: 200px;
	left: 50%;
	width: 800px;
	margin-left: -400px;
	border:1px solid #6a0f07;
	/* padding-bottom: 40px; */
	padding:0px 25px 10px;
	background: #fcf9f1;
	color: #6a0f07;
	font-size: 14px;
	text-align: center;

}
.popupContainer .popupWindowForm {
	position:absolute;
	top: 200px;
	left: 28%;
	width: 400px;
	border:1px solid #6a0f07;
	padding-bottom: 40px;
	padding-left:20px;
	background: #FFF;
	color: #6a0f07;
	font-size: 14px;
	text-align: center;
	padding-right: 20px;

}
.popUpForm:input{
	width:300px;
}
.popupWindowForm select{
	width:180px;
}
.popupContainer .popupWindow .popupCloseBtn,.popupContainer .popupWindowForm .popupCloseBtn  {
	background: transparent url(../images/popupCloseBtn.png) 0 0 no-repeat;
	height: 20px;
	width: 20px;
	float: right;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 1001
}

input.close_popup1 {
  position: absolute;
  right: 69px;
  top: -30px;
  height: 29px;
  border: none;
  background: #732214;
  font-weight: bold;
  color: #E6AC2B;
  box-shadow: none;
  font-size: 14px;
  width: 726px;
  text-align: center;
  margin: 0px;
  cursor: pointer;
  display: block;
  border-radius: 0;
}
input.close_popup {
    position: absolute;
  right: -1px;
  top: -30px;
  height: 30px;
  border: none;
  background: #732214;
  font-weight: bold;
  color: #E6AC2B;
  box-shadow: none;
  font-size: 20px;
  width: 34px;
  text-align: center;
  margin: 0px;
  cursor: pointer;
  display: block;
  border-radius: 0;
}



.mandatoryField
{
	color: red;
	display: inline;
}
.ui-accordion-content
{
	background:#FFF !important
}
.ui-accordion-header 
{
}



#tooltip
{
	top: -10px;
left: 265px;
font-size:11px;
line-height:15px;
	background: transparent url(../images/tooltip.png) 0 0 no-repeat;
	color:#542803;
	padding-top:16px;
	height:53px;
	padding-left:31px;
	padding-right:20px;
	width:166px;
	display:none;
	position:absolute
	
	
}
#tooltipAge
{
	  top: -15px;
  left: 255px;
font-size:11px;
line-height:15px;
	background: transparent url(../images/tooltip.png) 0 0 no-repeat;
	color:#542803;
	padding-top:16px;
	height:53px;
	padding-left:31px;
	padding-right:20px;
	width:166px;
	display:none;
	position:absolute
	
	
}
#tooltipServiceChargeIcici
{
	top: 163px;
left: 300px;
font-size:11px;
line-height:15px;
	background: transparent url(../images/tooltip.png) 0 0 no-repeat;
	color:#542803;
	padding-top:16px;
	height:53px;
	padding-left:31px;
	padding-right:20px;
	width:166px;
	display:none;
	position:absolute
	
	
}
#tooltipServiceChargeHdfc
{
	top: 690px;
left: 505px;
font-size:11px;
line-height:15px;
	background: transparent url(../images/tooltip.png) 0 0 no-repeat;
	color:#542803;
	padding-top:16px;
	height:53px;
	padding-left:31px;
	padding-right:20px;
	width:166px;
	display:none;
	position:absolute
	
	
}

.success {
  border: 1px solid #732228;
  font-size: 14px;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  width: 80%;
  margin: 0px auto;
  font-weight: bold;
}

.service_links > ul
{
	
	color:#551919;
	margin-left:10px;
}
.service_links > ul > li
{
	padding-left:7px;
	display:inline;
	font-size:14px;
	line-height:34px;
}
.service_links > ul > li > a
{
	margin-right:7px;
	color:#551919;
}


.logoImg
{
	background:#ededed url(../images/craLogo.jpg) top center no-repeat;
	width:1000px;	
	height:80px;
}
.popLogoImg
{
	background:#ededed url(../images/craLogoHDFC.jpg) top center no-repeat;
	width:1000px;	
	height:80px;
}
.block1 {
	width: 23%;
	float: left;
	border-radius: 13px;
	margin-top: 70px;
	margin-left: 25px;
	margin-right: 18px;
	height: 265px;
	box-shadow: 2px 2px 12px #AAA;
	
	background: rgb(169, 3, 41); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 5%, rgba(109, 0, 25, 1) 100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(169,
		3, 41, 1) ), color-stop(5%, rgba(143, 2, 34, 1) ),
		color-stop(100%, rgba(109, 0, 25, 1) ) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 5%, rgba(109, 0, 25, 1) 100% );
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 5%, rgba(109, 0, 25, 1) 100% ); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 5%, rgba(109, 0, 25, 1) 100% ); /* IE10+ */
	background: linear-gradient(to bottom, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 5%, rgba(109, 0, 25, 1) 100% ); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#a90329',
		endColorstr='#6d0019', GradientType=0 ); /* IE6-9 */
}

.block2 {
	width: 70%;
	float: left;
	border-radius: 13px;
	margin-top: 15px;
	margin-right: 18px;
	height: 265px;
	box-shadow: 2px 2px 12px #AAA;
	
	background: rgb(252, 205, 77); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252, 205, 77, 1) 0%,
		rgba(248, 181, 0, 1) 0%, rgba(252, 234, 187, 1) 18% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252,
		205, 77, 1) ), color-stop(0%, rgba(248, 181, 0, 1) ),
		color-stop(18%, rgba(252, 234, 187, 1) ) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(252, 205, 77, 1) 0%,
		rgba(248, 181, 0, 1) 0%, rgba(252, 234, 187, 1) 18% );
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(252, 205, 77, 1) 0%,
		rgba(248, 181, 0, 1) 0%, rgba(252, 234, 187, 1) 18% );
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(252, 205, 77, 1) 0%,
		rgba(248, 181, 0, 1) 0%, rgba(252, 234, 187, 1) 18% ); /* IE10+ */
	background: linear-gradient(to bottom, rgba(252, 205, 77, 1) 0%,
		rgba(248, 181, 0, 1) 0%, rgba(252, 234, 187, 1) 18% ); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#fccd4d',
		endColorstr='#fceabb', GradientType=0 ); /* IE6-9 */
}

.block3 {
	background: rgb(225, 225, 225); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(225, 225, 225, 1) 7%,
		rgba(255, 255, 255, 1) 19%, rgba(241, 241, 241, 1) 30%,
		rgba(246, 246, 246, 1) 100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(7%, rgba(225,
		225, 225, 1) ), color-stop(19%, rgba(255, 255, 255, 1) ),
		color-stop(30%, rgba(241, 241, 241, 1) ),
		color-stop(100%, rgba(246, 246, 246, 1) ) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(225, 225, 225, 1) 7%,
		rgba(255, 255, 255, 1) 19%, rgba(241, 241, 241, 1) 30%,
		rgba(246, 246, 246, 1) 100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(225, 225, 225, 1) 7%,
		rgba(255, 255, 255, 1) 19%, rgba(241, 241, 241, 1) 30%,
		rgba(246, 246, 246, 1) 100% ); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(225, 225, 225, 1) 7%,
		rgba(255, 255, 255, 1) 19%, rgba(241, 241, 241, 1) 30%,
		rgba(246, 246, 246, 1) 100% ); /* IE10+ */
	background: linear-gradient(to bottom, rgba(225, 225, 225, 1) 7%,
		rgba(255, 255, 255, 1) 19%, rgba(241, 241, 241, 1) 30%,
		rgba(246, 246, 246, 1) 100% ); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#e1e1e1',
		endColorstr='#f6f6f6', GradientType=0 ); /* IE6-9 */
}


.dashboardOptions
{
	line-height: 20px;
}
#menu { /* width: 550px; */
	height: 40px;
	font-size: 16px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	text-align: center;
	text-shadow: 3px 2px 3px #333333;
	background: transparent url(../images/craNavBG.png) top center repeat-x;
}

#menu li {
	margin: 0;
	display: inline;
	background: transparent url(../images/craNavBGSprt.png) top left
		no-repeat;
	padding: 0 15px;
	height: 40px;
	float: left
}

#menu a {
	text-decoration: none;
	color: #FFF;
	padding: 8px 8px 8px 8px;
	text-transform: uppercase;
	line-height: 29px;
	height: 33px;
	text-align: center;
	padding: 0px 20px;
	font-size: 14px;
}

#footer
{
    background: #0583BE;
    text-align: center;
    margin-top: 5px;
}

#footer ul {
	padding: 15px 0;
	font-size: 14px;
}

#footer a,#footer li {
	color: #e8af26;
	display: inline
}

#footer div {
	color: #FFF;
	padding-bottom: 10px;
	font-size: 12px;
}

#toplinks {
	background: transparent url(../images/craToplinksBG.png) top center
		repeat-x;
	height: 32px;
	color: #551919;
	font-size: 12px;
}


#cssmenu {
	/* font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif; */
	font-size: 10px;
	line-height: 15px;
	text-transform: uppercase;
	text-align: left;
	  margin-bottom: 15px;
}

#cssmenu>ul {
/* 	width: auto; */
	width:inherit;
	list-style-type: none;
	padding: 0 5px;
	margin: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
		
	background: #89231c; /* Old browsers */
	background: -moz-linear-gradient(top, #89231c 0%, #59210a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89231c), color-stop(100%,#59210a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #89231c 0%,#59210a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #89231c 0%,#59210a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #89231c 0%,#59210a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #89231c 0%,#59210a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89231c', endColorstr='#59210a',GradientType=0 ); /* IE6-9 */
}

/* #cssmenu>ul li#responsive-tab {
	display: none;
	Hide for large screens
} */

#cssmenu>ul li {
	display: inline-block;
/* 	*display: inline;
	zoom: 1; */
}

#cssmenu>ul li.right {
	float: right;
}

#cssmenu>ul li.has-sub {
	position: relative;
}

#cssmenu>ul li.has-sub:hover ul {
	/* display: block;  */
	overflow: hidden;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    height: auto;
  opacity: 1;
  z-index: 999;
}

#cssmenu>ul li.has-sub ul {
	background: #FFD156; /* Old browsers */
	background: -moz-linear-gradient(top, #FFD156 0%,#E6AC24 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFD156), color-stop(100%,#E6AC24)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFD156 0%,#E6AC24 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FFD156 0%,#E6AC24 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FFD156 0%,#E6AC24 100%); /* IE10+ */
	background: linear-gradient(to bottom, #FFD156 0%,#E6AC24 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFD156', endColorstr='#E6AC24',GradientType=0 ); /* IE6-9 */
	
	/* display: none; */
	width: 250px;
	position: absolute;
	margin: 0;
	padding: 0;
	list-style-type: none;
	/* background: #ffffff; */
	border: none;
	/* border-bottom: 3px solid #d9ced2; */
	border-top: 0 none;
	z-index: -999;
	
	left:-1px;
	
	-moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-right: 1px solid #D1913A;
    border-left: 1px solid #D1913A;
    border-bottom: 1px solid #D1913A;
    -moz-box-shadow: 0 3px 5px #999;
    -webkit-box-shadow: 0 3px 5px #999;
    box-shadow: 0 3px 5px #999;
    
    
   height: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  opacity: 0;
	
}

#cssmenu>ul li.has-sub ul li {
	display: block;   border-bottom: 1px solid #D1913A; text-align: left;  opacity: 0;
}
#cssmenu>ul li.has-sub:hover ul li {
  opacity: 1;
}
#cssmenu>ul li.has-sub ul li:last-child {
  border-bottom: none;
}

#cssmenu>ul li.has-sub>a {
	background-image: url('../images/caret.png');
	background-repeat: no-repeat;
	/* background-position: 100% -95%; */
	background-position: 98% -35px;	
}

#cssmenu>ul li.has-sub>a.active, #cssmenu>ul li.has-sub>a:hover, #cssmenu>ul li.has-sub:hover {
	/* background: #0D2A7A url('../images/caret.png') no-repeat; */
	background: #FFD156; /* Old browsers */
	background: -moz-linear-gradient(top, #E6AC24 0%,#FFD156 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6AC24), color-stop(100%,#FFD156)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #E6AC24 0%,#FFD156 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #E6AC24 0%,#FFD156 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #E6AC24 0%,#FFD156 100%); /* IE10+ */
	background: linear-gradient(to bottom, #E6AC24 0%,#FFD156 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6AC24', endColorstr='#FFD156',GradientType=0 ); /* IE6-9 */
	background-position: 100% -95%;
}

 #cssmenu>ul li.has-sub:hover > a > span{
	  color: #732214;
  /* text-shadow: 0px 1px 0px #000; */}



#cssmenu>ul li > a,
#cssmenu>ul li > a span,
#cssmenu>ul li.has-sub>a span {
	display: block;
	padding: 12px 10px 12px 10px;
	text-decoration: none;
	/* color: #005593;
	text-shadow: 0px 1px 0px #fff; */
	color:#fff;
	font-size: 11px;
	transition: none;
	 -webkit-transition: none;
  	-moz-transition: none;
  	-o-transition: none;
  	-ms-transition: none;
}

#cssmenu>ul li > a:hover,
#cssmenu>ul li.has-sub > a:hover span,
#cssmenu>ul li > a:hover span,
#cssmenu>ul li > a.active span {
	 color: #732214;
	/* background: #0D2A7A;
	color: #ffffff;
	text-shadow: 0px 1px 0px #000; */
}
#cssmenu>ul li > a span,
#cssmenu>ul li.has-sub >  a span
{padding: 0px;}


/* kam css */

#cssmenu > ul li.has-sub:hover ul li a:hover {
  background: #89231c; /* Old browsers */
	background: -moz-linear-gradient(top, #89231c 0%, #59210a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89231c), color-stop(100%,#59210a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #89231c 0%,#59210a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #89231c 0%,#59210a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #89231c 0%,#59210a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #89231c 0%,#59210a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89231c', endColorstr='#59210a',GradientType=0 ); /* IE6-9 */
}
#cssmenu > ul li.has-sub:hover ul li a:hover span {
  color:#E6AC2B;
}
#cssmenu > ul ul li > a span, #cssmenu > ul  ul li.has-sub > a span {
  color: #732214;
}

#cssmenu > ul li > a:hover {
  background: #FFD156; /* Old browsers */
	background: -moz-linear-gradient(top, #FFD156 0%,#E6AC24 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFD156), color-stop(100%,#E6AC24)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFD156 0%,#E6AC24 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FFD156 0%,#E6AC24 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FFD156 0%,#E6AC24 100%); /* IE10+ */
	background: linear-gradient(to bottom, #FFD156 0%,#E6AC24 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFD156', endColorstr='#E6AC24',GradientType=0 ); /* IE6-9 */
	
}


/* Right Menu css   */
#cssmenu.rt_menu {
    text-align: right;
}



.ddl
{
box-shadow: 0px 0px 0px 4px #F2F5F7;
width: 158px;
height: 33px;
padding: 0px 10px;
margin: 0px auto;
color: #808080;
border: 1px solid #BEC2C4;
}

/*popup*/
.overlay { z-index: 999; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; }
.overlay:target { visibility: visible; opacity: 1; }
.popup { margin: 70px auto; padding: 20px; background: #fff; border-radius: 5px; width: 70%; position: relative; transition: all 5s ease-in-out; }
.popup h2 { margin: 10px; color color: #333;
font-family: Tahoma, Arial, sans-serif; }
.popup .close { position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; }
.popup .close:hover { color: #014282; }
.popup .content { max-height: 30%; overflow: auto; }

@media screen and (max-width: 700px) {
.box { width: 70%; }
.popup { width: 70%; }
}
.tablep { border-collapse: collapse; width: 100%; }
.tablep td, .tablep th { border: 1px solid #ddd; padding: 8px; }
.tablep tr:nth-child(even) { background-color: #f2f2f2; }
.tablep tr:hover { background-color: #ddd; }
.tablep th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #014282; color: white; }
.txtamount { border: solid 1px #77cdfb; background: #b8e6ff; padding: 5px; font-size: 12px; color: #333; font-family: Arial, Helvetica, sans-serif; width: 200px; }
.popup h1 { margin: 0px 0 16px 0; padding: 0; font-size: 19px; color: #000; background: none; }