/*
Last committed		: $Revision: 347 $
Last changed by		: $Author: Pradnya_v $
Last changed date	: $Date: 2016-02-22 14:35:28 +0530 (Mon, 22 Feb 2016) $
*/
/*--- style for internal pages content ---*/

html{ height:100%;}
body{color:#333; margin:0 auto !important; width:1000px; font-family: Calibri; font-size:14px; text-align:left; height:100%; background:transparent; }
img{border:0px; max-width:100%;}
#top-strip{ width:100%; height:auto; min-height:25px; float:left;
/* fallback */ background-color: #8D541E;  background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8D541E), to(#FF8000)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #8D541E, #FF8000); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #8D541E, #FF8000); /* IE 10 */ background: -ms-linear-gradient(top, #8D541E, #FF8000); /* Opera 11.10+ */ background: -o-linear-gradient(top, #8D541E, #FF8000);  color:#fff;}
#top-main{width:100%; height:auto; float:left;
background: -webkit-linear-gradient(#D2D2D2, #f6f6f6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#D2D2D2, #f6f6f6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#D2D2D2, #f6f6f6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#D2D2D2, #f6f6f6); /* Standard syntax (must be last)*/
}
#top{width:1000px; height:auto; margin:5px auto; clear:both;}
#top2{width:80%; height:auto; margin:5px auto;}
#top2 img{max-width:100%; width:100%;}
#top2 #logo{ width: 100%; height:auto; float:left;}
#top #logo{ width: auto; height:auto; float:left;}
#top #topright{ width:auto; height:auto; float:right;}
#top #topright .left-colum1{ width:300px; height:auto; float:right;}
.top-strip-rightlink-main{ width:1000px; height:auto; margin:0 auto;}
.top-strip-rightlink{width:auto; height:auto; float:right; padding:5px 5px; margin:2px 5px; color:#fff; text-decoration:none;font-size:0.9em;}
.top-strip-rightlink:hover{ background:#EB9102; color:#333;}
#container{width:100%; height:auto; margin:0px auto;}
#container-main-page{width:100%; height:auto; margin:0px auto;}

#container-in{width:100%; height:auto; float:left;}
#container-main-cont{width:100%; height:auto; float:left;}
#content{width:1000px; height:auto; margin:0 auto; text-align:left;}
#contentin{width:978px; height:auto; float:left; text-align:left; background:#EDEDEE;}
#body{width:1000px; height:auto; float:left;}
#inner-body{ width:978px; height:auto; min-height:400px; float:left; border:1px solid #999; border-radius:0 0 1em 1em; background:#F6F6F6; padding:10px; }
.logout-links{ width:auto; height:auto; float:right; padding:0;}
.logout-links a{ width:auto; height:auto; float:right; padding:3px 7px; color:#fff; background:#2F0387; margin-left:3px; text-decoration:none; font-size:0.9em;}
.logout-links a:hover{ background:#EB9102;}
#textsearch {
	z-index: 129; 
	position: absolute; 
	margin-top: -3px; 
	margin-left: -7px; 
	background: none repeat scroll 0px 0px rgb(102, 102, 102); 
	opacity: 0.60; 
	color: rgb(255, 255, 255);
}

.menu-head{ background:#2D0382 !important}

#textsearch table td {

}
.error {color:#FF0000; font-size:1em;}
.success{ color:#00CC00; font-size:1em;}
 
#footer{ width:100%; height:auto; float:left; color:#333; text-align:left;}
#footer .footer{ width:1000px; height:auto; margin:0px auto;}
#footer .footer .left{ width:650px; height:auto; float:left; margin:10px; }
#footer .footer .left .menu{ width:650px; height:auto; float:left;}
#footer .footer .left .menu a{ color:#333; text-decoration:none;}
#footer .footer .left .menu a:hover{ text-decoration:underline; color:#000;}
#footer .footer .left .text{ width:650px; height:auto; float:left; margin-top:5px;}
#footer .footer .left .text img{ width:35px; height:35px; float:left; margin-right:10px;}
#footer .footer .left .text a{ color:#2F0387; text-decoration:none; font-weight:bold;}
#footer .footer .left .text a:hover{ color:#B86E02;}

#footer .footer .right{ width:300px; height:auto; float:right; margin:10px;  text-align:right; line-height:14pt;}

#inner-footer{ width:98%; height:20px; padding:5px 1%; font-size:1em; text-align:left; bottom:-1px;  float:left; background:#2F0387; clear:both; color:#fff;}

#gras_inner_page_content{width:100%; height:auto;border-radius:0 0 1em 1em; float:left; border:1px solid #999; }
#gras_inner_page_content2{width:100%; height:auto; float:left; }
#gras_inner_page_content_left{width:auto; height:auto; float:left; padding:10px;  }
#gras_inner_page_content_right{width:75%; height:auto; float:left; padding:10px;  }
.inner_page_content{ width:100%; height:auto; float:left; margin:0 1%;} 
.submit-button{
	/* fallback */ background-color: #1100BB;  background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1100BB), to(#C15B1A)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #1100BB, #C15B1A); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #1100BB, #C15B1A); /* IE 10 */ background: -ms-linear-gradient(top, #1100BB, #C15B1A); /* Opera 11.10+ */ background: -o-linear-gradient(top, #1100BB, #C15B1A); 
}

.payment-mode-select{ width:978px; height:auto; float:left;  color:#333; }
.payment-mode-heading{ width:95%; float:left; height:auto; font-weight:bold; color:#000; padding:0.5% 2.3%; margin-top:15px; margin-bottom:5px; }
.payment-mode-heading2{ width:96%; float:left; height:auto; font-weight:bold; color:#000; padding:0.5% 2%; margin-top:5px; margin-bottom:5px; text-align:center;}
.payment-mode-select-home{ width:978px; height:auto; float:left;  color:#333; }
.payment-mode-heading-home{ width:96%; float:left; height:auto; font-weight:bold; color:#fff; padding:0.5% 2%; margin-top:5px; border-bottom:3px solid #EB9102; background:#666;}
.payment-mode-select-heading-home{ width:140px; float:left; height:auto; font-weight:bold; color:#2F0387; padding:3px 10px; border-right:1px solid #999; }
.pay-content-home{ width:978px; height:auto; float:left; margin-top:10px;}
.pay-content-heading-home{ width:958px; height:auto; float:left;  color:#333; padding:8px 5px 5px 5px;}
.pay-content-heading-registered-home{ width:968px; height:5px; float:left; background:#EB9102; color:#fff; padding:0px 5px; margin-bottom:5px;}

.page-heading{ width:93%; float:left; height:auto; color:#2F0387; font-size:1.2em; padding:0px 2%; margin-top:5px; text-align:center; }
.page-heading2{ width:968px; float:left; height:auto; color:#2F0387; font-size:1.6em; padding:0 5px 10px 5px; text-align:center; border-bottom:1px solid #EB9102; }
.payment-mode-select-heading{ width:140px; float:left; height:auto; font-weight:bold; color:#333; padding:3px 10px; border-right:1px solid #999; }
.payment-mode-select-block{ width:auto; height:auto; float:left; margin-right:10px; padding:2px 5px; font-weight:bold;}
.payment-mode-select-block:hover{background:#EB9102; color:#fff;}
.pay-content{ width:978px; height:auto; float:left;}
.pay-content-heading{ width:958px; height:auto; float:left;  color:#333; padding:8px 5px 5px 5px;}
.pay-content-heading-registered{ width:968px; height:auto; float:left; background:#EB9102; color:#fff; padding:2px 5px; margin-bottom:15px;}
.pay-content-heading .left-text{ width:160px; height:auto; float:left; margin-right:5px; font-weight:bold; font-size:1.1em;}
.pay-content-heading .left-text2{ width:360px; height:auto; float:left; margin-right:5px; font-weight:bold; font-size:1.1em;}
#left-box{ width:956px; height:auto; float:left; background:#EDEDED;}
.left-box{ width:954px; height:auto; float:left; border:1px solid #ccc;  margin-left:10px;}
.left-boxalt{ width:954px; height:auto; float:left; border:1px solid #ccc; background:#fff;}
.left-box-text{ width:147px; height:auto; float:left;  font-size:1.1em; padding:8px 5px;}



.left-box-text a.tooltip {outline:none; }
.left-box-text a.tooltip strong {line-height:30px;}
.left-box-text a.tooltip:hover {text-decoration:none;} 
.left-box-text a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-70px; margin-left:-100px;
    width:200px; line-height:16px;
}
.left-box-text a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.left-box-text .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
.left-box-text a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}


.left-box-input{ width:308px; float:left;  min-height:36px; height:auto; border-left:1px solid #999; border-right:1px solid #999; padding:8px 5px;}
.left-box-input-3cols{width:785px; float:left; height:auto; border-left:1px solid #999; border-right:1px solid #999; padding:5px;}
.input-boxes{ max-width:80%; width:150px; height:25px; margin-left:5px; margin-right:5px; margin-bottom:3px; border:1px solid #D1C7AC; font-family:Calibri; font-size:1em; border-radius:0.4em; padding:0 3px;}

.input-boxes:focus{border:1px solid #EB9102;}

.input-boxes-small{ width:70%; height:25px; margin-left:5px; margin-bottom:3px; border:1px solid #D1C7AC; font-family:Calibri; font-size:1em; border-radius:0.4em}
.input-boxes-small:focus{border:1px solid #EB9102;}

.input-boxes-texarea{ width:70%; min-height:25px ; margin-left:5px; margin-bottom:3px; border:1px solid #D1C7AC; font-family:Calibri; font-size:1em; border-radius:0.4em}
.input-boxes-texarea:focus{border:1px solid #EB9102;}


.input-boxes-large{ width:90%; min-height:17px; height:25px; margin-left:5px; margin-bottom:3px; border:1px solid #D1C7AC; font-family:Calibri; font-size:1em; border-radius:0.4em}
.input-boxes-large:focus{border:1px solid #EB9102;}
.input-boxes-right{ width:150px; min-height:17px; height:25px; margin-left:5px; margin-bottom:3px; border:1px solid #D1C7AC; font-family:Calibri; font-size:1em; border-radius:0.4em}
.input-boxes-right:focus{border:1px solid #EB9102;}
.red{color:#FF0000;}
.grey{ color:#333333;}
.orange{ color:#EB9102;}
.purple{ color:#2F0387;}
.pay-content-heading-registered-home{ width:968px; height:5px; float:left; background:#EB9102; color:#fff; padding:0px 5px; margin-bottom:15px;}

.texttable{ width:937px; height:auto; float:left; margin-top:10px; margin-left:18px; }
.texttable-main{ width:954px; height:auto; float:left; border:1px solid #ccc; border-top:none; border-bottom:none; text-align:center}
.texttable-row{ width:954px; height:auto; float:left; background:#ccc; border:1px solid #999; color:#333; text-align:center}
.texttable-box{width:460px; height:30px; float:left; padding:2px 5px; text-align:center; }
.texttable-box1{width:500px; height:30px; float:left; padding:2px 5px; text-align:center; }
.texttable-box2{width:420px; height:30px; float:left; padding:2px 5px; text-align:center; }
.texttable-innerbox1{width:120px; height:30px; float:left; text-align:left; padding-left:30px;}
.texttable-innerbox2{width:320px; height:30px; float:left; text-align:left; padding-left:30px;}
.texttable-innerbox{width:200px; height:30px; float:left; text-align:left; padding-left:30px;}
.texttable-box img{ width:12px;}
#right-box{ width:975px; height:auto; border:1px solid #ccc; max-height:518px; float:left; background:#EDEDED;}
.right-box{ width:976px; height:auto; float:left; border-bottom:1px solid #ccc;}

.right-box-text{ width:125px; min-height:22px; float:left;   font-size:1.1em; padding:4px;}
.right-box-input{ width:180px; float:left; min-height:22px; border-left:1px solid #999;  padding:4px;}
#select-bank{ width:936px; height:auto; float:left; }
.select-bank{ width:936px; height:auto; float:left;}
.select-bank-row{width:936px; height:auto; float:left; background:#F2ECFF url(../images/abanks-bg.gif) repeat-x;}
.select-bank-row2{width:936px; height:auto; float:left; margin-top:20px;}
.select-bank-text{  width:140px; float:left; height:auto; font-weight:bold; color:#333; padding:3px 10px }
.select-bank-text2{ width:160px; min-height:25px; float:left; padding:5px; }
.select-bank-text3{ width:240px; min-height:25px; float:left; padding:5px; }
.select-bank-input{ width:782px; float:left; height:auto; border-left:1px solid #999; border-right:1px solid #999; padding:5px;}
.select-bank-input img{ float:left; width:80px; height:30px; margin-left:5px;}
.mark{ width:930px; height:auto; color:#333; float:left; font-weight:bold; text-align:right;}
.submit-button{ min-width:70px; height:25px; color:#fff; font-weight:bold; font-style:italic; margin-right:5px; margin-bottom:10px;
border-radius: 7px;border: 1px solid #49226C;
}
.center{ width:90%; height:auto; float:left; text-align:center;}
.alignright{ width:90%; height:auto; float:left; text-align:right;}
/*--- style for internal pages content(registered user payment) ---*/
.info-block{ width:938px; height:auto; float:left; margin-left:20px; }
.info-block2{ width:938px; height:auto; float:left; margin-left:10px;}
.info-block-main{ width:936px; height:auto; float:left; border:1px solid #999; border-bottom:none;}
.info-block-main2{ width:936px; height:auto; float:left;}
.info-block-row{ width:936px; height:auto; float:left; border-bottom:1px solid #999;}
.info-block-rowalt{ width:936px; height:auto; float:left; border-bottom:1px solid #999;}
.info-block-left{ width:270px; height:auto; float:left; font-size:14px; color:#333;  padding:8px 10px;}
.info-block-right{ width:603px; height:auto; float:left; font-size:14px; color:#333; padding:8px 10px;  border-left:1px solid #999;}

.info-block-left-text{width:138px; height:auto; float:left;  font-size:1.1em;padding:8px 5px;}
.info-block-right-text{ width:308px; float:left; height:auto; min-height:36px; border-left:1px solid #999; border-right:1px solid #999; padding:8px 5px;}
.info-block-right-3cols{width:776px; float:left; height:auto;  min-height:36px; border-left:1px solid #999; border-right:1px solid #999;padding:8px 5px;}


.info-block-full-length{ width:927px; height:auto; float:left; font-size:14px; color:#333; font-weight:bold; padding:5px;}
.info-block-row a{ color:#2F0387; text-decoration:none; font-weight:bold; padding-left:10px;}
.info-block-row a:hover{ color:#EB9102;}
.internal-text{ width:98%; height:auto; float:left; font-size:1.1em; color:#333; padding:1%; min-height:320px;}
.internal-text ul li { padding:5px; list-style-image:url(../images/round_button1.png)}
.internal-text ul li a{ color:#2F0387; text-decoration:none; font-weight:bold; }
.internal-text ul li a:hover{color:#333; text-decoration:underline;}
.cont{ width:46%; min-height:200px; height:auto; float:left; margin:1%; box-shadow:0 0 20px #ccc inset; padding:1%;}
.cont2{ width:40%; min-height:170px; height:auto;margin:1% auto; box-shadow:0 0 20px #ccc inset; padding:1%;}
.alt{ background:#ededed;}
.alt2{ background:#fff;}
h4{ color:#2F0387; margin:0px;}
.submit-btn-right{ min-width:70px; width:auto; height:25px; float:right; color:#2F0387; font-weight:bold; font-style:italic; margin-right:5px;}


.transaction-info{ width:936px; height:auto; float:left; border-bottom:1px solid #ccc; /*display:none;*/ margin-left:10px;}
.transaction-info2{ width:936px; height:auto; float:left; border-bottom:1px solid #ccc; display:none; margin-left:20px;}
.table-container{ width:100%; height:auto; float:left;}
table{word-wrap:break-word;  }
table th{background:#CCCCCC; color:#333; font-weight:bold; text-align:center; border:1px solid #999;}
table tr, table tr td{ color:#333; border-color:#999;}
table a { color:#2F0387; font-weight:bold; text-decoration:none; }
table a:hover{ color:#333; text-decoration:underline;}
table a.tooltip {outline:none; }
table a.tooltip strong {line-height:30px;}
table a.tooltip:hover {text-decoration:none;} 
table a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:20px; margin-left:-180px;
    width:200px; line-height:16px;
}
table a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
table .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
table a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
 a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-160px; margin-left:-180px;
    width:200px; line-height:16px;
}
 a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
 a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}


.challanlayout{}
.challanlayout table{ border:1px solid #ccc; word-wrap:break-word;  }
.challanlayout table th{background:#CCCCCC; color:#333; font-weight:bold; text-align:center; border:1px solid #999;}

/*.challanlayout table tr, table tr td{ border:1px solid #ccc; color:#333;}*/

.challanlayout table tr{ border:1px solid #ccc; color:#333;}

.challanlayout table a { color:#2F0387; font-weight:bold; text-decoration:none; }
.challanlayout table a:hover{ color:#333; text-decoration:underline;}



.buttons-box{width:100%; height:auto; float:left;}
.pagination-links{ width:auto; max-width:300px; height:auto; float:left;}
.page-link{ width:auto; height:auto; float:left; color:#333; border:1px solid #ccc; border-radius:0.2em; background:#ededed; padding:3px 5px; margin:2px 3px; text-decoration:none;}
.page-link:hover{ background:#EB9102; color:#fff; border:1px solid #955C02;}
.page-link-active{ width:auto; height:auto; float:left; color:#fff; border:1px solid #955C02; border-radius:0.2em; background:#EB9102; padding:3px 5px; margin:2px 3px; text-decoration:none;}

.accordion{
width:100%; float:left; height:auto;
}
.accordion h5{ border:1px solid #ccc; border-radius:0.5em; background:#fff; font-size:1em; margin:2px 0; font-weight:bold; color:#2F0387; cursor:pointer; padding:7px 10px;}
.accordion h5:hover{border:1px solid #999; }
.accordion h5:focus{border:1px solid #999; }


.tablecontainer{width:100%;  min-height:560px; }
.tablecontainer table{border:1px solid #ccc; word-wrap:break-word; border-collapse:collapse}
.tablecontainer table th{background:#666; color:#fff; font-weight:bold; text-align:center; border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:3px solid #EB9102; border-right:1px solid #ccc; padding:5px;}
/*.tablecontainer table tr, table tr td{ border:1px solid #ccc; color:#333; padding:3px;}*/
.tablecontainer table tr{ border:1px solid #ccc; color:#333; padding:3px;}
.tablecontainer table a { color:#2F0387; font-weight:bold; text-decoration:none; }
.tablecontainer table a:hover{ color:#C97B00; text-decoration:underline;}
.gray-bg{ background:#999; color:#fff; font-weight:bold; text-align:center;}
.td-orange{margin-left:1%;width:96%;background-color:#FDDCC2; padding:1%; text-align:center;}
.td-purple{margin-left:1%;width:96%;background-color:#E5D8FD; padding:1%; text-align:center;}
.evenrowcolor{ background:#EDEDED;}
.oddrowcolor{ background:#fff;}

.menu-heading{background:#2F0387; color:#fff; font-weight:bold; border-bottom:3px solid #EB9102; padding:3px; text-align:center; width:170px;  padding:5px; }

.graph-block{ width:450px; height:340px; float:left;}
.graph-block-head{ background:#2F0387; color:#fff; float:left; width:430px; height:25px; margin:10px; border-radius:0.5em; text-align:center; font-weight:bold; padding-top:5px;}
.graph-block-cont{ width:450px; height:300px; float:left;}
.loader {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.loader img{
    left: 43%;
    position: absolute;
    top: 29%;
}

/* For 1100px and above */
@media screen and (min-width: 1100px) {
#container-main-page{width:80%; height:auto; float:none; margin:0 auto; max-width:80%; font-size:1em; }
#dhtmlgoodies_menu{font-size:0.8em;}
}
/* For 800px to 1100px and above */
@media screen and (min-width: 800px) and (max-width: 1100px) {
#container-main-page{width:97%; height:auto; float:none; margin:0 auto; font-size:1em;}
#dhtmlgoodies_menu{font-size:0.8em;}
}