@import url("nsdl_style.css");

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

.logoTextAck {
  font-size: 48px;
  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;
}



/* Progress Steps Starts */

.stepwizard-step p {
    margin-top: 10px;    
	font-size:14px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;     
    width: 100%;
    position: relative;
	margin:10px auto;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 15px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 86%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
    left:90px;
    
}
.btn-default{
color: #fff;
    background-color: #04366e;
    border-color: #ccc;
	padding:5px;
	font-size:11px;
}
.stepwizard-step {    
    display: table-cell;
    text-align: center;
    position: relative;
    width:17%;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 30px;
}
.btn-primary{background:green;border-color:green;font-size:12px;font-weight:bold;}
.btn-primary:hover{background:green;border-color:green;}
.btn-default{background:#CCC;font-size:12px;}
.btn-default:hover{background:#CCC;}
/* Progress Steps Ends */




/* Bottom Tab Menu Navigation  */

  
  
  
 
  .onlinepopReg td{
   width: 200px;
    padding: 5px;
  }
  .onlinepopReg table{
   width: 100%;

  }
  .onlinepopRegUpper input[type=text], .formTable textarea{
	    text-transform: uppercase;
  }
  
.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 .next_btn_wrapper span.next_text {
 font-size: 17px;
 color: #333;
 font-weight: bold;
 position: relative;
 
 right:-35px;
 opacity: 0;
 
 }


.navigationLinks .prev_btn_wrapper span.back_text

{
 font-size: 17px;
 color: #333;
 font-weight: bold;
 position: relative;
 
 left:-35px;
 opacity: 0;
 float:left;
 }

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

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

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





/* .navigationLinks{
    display: block;
  overflow: hidden;
  margin: 0;
  padding: 30px 0;
  clear: both;
  position: relative;
  z-index: 0;
  
  
 } */
  



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:#fcf9f1;
	border:1px solid #e6ac2b;
	border-radius:10px;
	box-shadow:0px 0px 10px #AAA;
	margin:0px 25px 25px;
	overflow:hidden;
	padding:15px 13px;
	position: relative;
	
 	}
/* .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:24px;
	color:#8b231d;
	font-weight:bold;
	border-bottom:1px solid #ead28f;
	padding-bottom:10px;
	margin-bottom:20px;
}

/* footer 
{
	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
	text-align:center;
	
	
} */
footer > ul
{
	padding-bottom:10px;
	font-size:14px;
}
footer > ul > li > a, footer > ul > li 
{
	color:#e8af26;
	display:inline
}

i
#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:100%;
} */
select.htmlOptions, select.bigSize
{
	   text-transform: uppercase; 
}


input[type=radio] , input[type=checkbox]
{
	width:auto !important;
	box-shadow:none;
	border: none;
	padding: 0px 5px 0 0;
	margin:0px 5px;
}
/* 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;
	width:auto;
}
.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 {
  
  margin-bottom: 5px;
}
/* .formTable th, .nominee th
{
	  width: 165px;
} */
.formTable td, .formTable th
{
	padding:1px 10px;
	vertical-align:middle;
	width: 50%;
}
.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 {
  
  margin-bottom: 5px;
}
/* .formTable th, .nominee th
{
	  width: 165px;
} */
.formTable td, .formTable th, .nominee td, .nominee th
{
	padding:1px 10px;
	vertical-align:middle;
	  width: 50%;
}
.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:100%;
	margin:4px 2px 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
{
	vertical-align:top;
	  width: 245px;
	  padding-left: 31px;
}
.formTableKyc td label
{
	margin: 7px 25px 7px 0;
	font-weight: bold;
}

.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: 25px auto;
  padding: 5px 25px;
  width: 95%;
  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;
}


 .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;

}



.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: #8b231d;
	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;
	  
}

#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: #f88d2a; /* 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: #f88d2a; /* 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: 200px;
	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: #f7f7f4; /* 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: #f7f7f4; /* 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: #f7f7f4; /* 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;
}
@media (max-width: 800px){
#cssmenu>ul li.has-sub ul{width:100%}
 #cssmenu>ul li{display:block}
}