/* CSS Document */

/*--yellow round box start--*/
.yellowRound {
	width: 200px;
	background-color: #FFCC00;
	color: #fff;
	font-family: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}
.yellowRound p {
	margin: 0 10px; text-align:left; color:#333333
}
.yellowRoundtop { 
	background: url(../images/y-tr.gif) no-repeat top right; text-align:left; 
}
.yellowRoundbottom {
	background: url(../images/y-br.gif) no-repeat top right; text-align:left; 
}
.yellowRound img		{
	border: #fff 2px solid;
}
.yellowRound img.corner {
   width: 9px;
   height: 9px;
   border: none;
   display: block !important;
}
/*--yellow round box end--*/

/*--green round box start--*/
.greenRound {
	width: 200px;
	background-color: #AED125;
	color: #fff;
	font-family: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}
.greenRound p {
	margin: 0 10px; text-align:left;
}
.greenRoundtop { 
	background: url(../images/gr-tr.gif) no-repeat top right; text-align:left; 
}
.greenRoundbottom {
	background: url(../images/gr-br.gif) no-repeat top right; text-align:left; 
}
.greenRound	img		{
	border: #fff 2px solid;
}
.greenRound img.corner {
   width: 9px;
   height: 9px;
   border: none;
   display: block !important;
}
/*--green round box end--*/


/*----GREEN button or green BG links start--*/

.greenbut	{
	width:100%;
	height:34px;
	background: url(../images/butt-green-bg.jpg) repeat-x;
	text-align:center;
	display:block;
	font: bold 16px Helvetica, Arial, sans-serif;
	line-height:32px;
}
.greenbut a	{
	color:#FF6A00;
	width:100%;
	text-decoration:none;
}
.greenbut a:hover	{
	color: #FF6A00;
	background: #D4E88D;
	display:block;
	height:34px;
	text-decoration:underline;
}
/*----GREEN button or green BG links end--*/

/*----Gbutton start--*/
.gButton	{
	background:url(../images/b_green.jpg) no-repeat top left;
	width:106px;
	height:59px;
	text-align:center;
	display:block;
	font: bold 1.8em Helvetica, Arial, sans-serif;
	line-height:36px;
}
/*.gButton:hover	{
	background:url(../images/b_green.jpg) no-repeat bottom left;
	cursor:default;
}*/
.gButton a	{
	color:#FFFFFF;
	text-decoration:none;
}
.gButton a:hover{
	background:url(../images/b_green.jpg) no-repeat bottom left;
	height:59px;
	display:block;
	color:#333333;
}
/*----Gbutton end--*/
/*----buycredit button start--*/
.buycr_Button	{
float:right;
	background:url(../images/b_buycredit.jpg) no-repeat top left;
	width:196px;
	height:64px;
	text-align:center;
	display:block;
	font: bold 1.8em Helvetica, Arial, sans-serif;
	line-height:36px;
}
.buycr_Button:hover{
	background:url(../images/b_buycredit.jpg) no-repeat bottom left;
	height:64px;
	display:block;
	color:#333333;
	cursor:hand;
}
.buycr_Button span{
	display:none;
}
/*----buycredit button end--*/


/*--payment page start--*/
#pay	{
	float:left;
	width:95%;
	padding:10px;
	margin-bottom:20px;
}
#pay select	{
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:1px 2px 1px 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	padding: 1px ;
	border: 1px #B9C29D solid;
	background: #E9EFD6;
	height:20px;
	font-size:12px;  
}
input.borderless	{
	border: 0px #FFFFFF solid;
}
/*--payment page end--*/

/*--other technical start--*/
img.mid{
	margin-bottom:-11px;
	margin-right:5px;
	margin-left:5px;
}

/*----ERROR Ring start------*/
#erbox-success	{
	width:95%;
	height:35px;
	float:left;
	background:url(../images/er-success-l.gif) no-repeat;
	background-position:left top;
	margin-bottom:20px;
}
#erbox-success .inbox {
	width:96%;
	margin-left:35px;
	height:35px;
	background:url(../images/er-success-bg.gif) repeat-x;
}
#erbox-success p	{
	height:35px;
	background:url(../images/er-success-r.gif) right top no-repeat;
	line-height:34px;
	font-weight:bold;
}
/*----ERROR Ring end------*/
/*--button demo start--*/
#demo	{
margin: 0;
width: 214px;
text-align: left;
}

#demo li {
padding: 0;
width:214px;
list-style: none;
}

#demo a {
width: 214px;
height: 42px;
background: url(../images/but_account.gif) no-repeat;
color: #fff;
display: block;
font: 1.2em Helvetica, Arial, sans-serif;
font-weight:bold;
text-decoration:none;
text-indent: 10px; 
padding-top:8px;
}

#demo a:hover {
background-position: 0 -51px;
color: #fff;
font: 1.2em Helvetica, Arial, sans-serif;
font-weight:bold;
text-decoration: none;
}
/*--button demo end--*/

/*-------column start-------------*/
.column1	{
	width:75%;
	float:left;
	padding: 3px 10px 3px 3px;
	border-bottom: #CCCCCC 1px solid;
	}
.column2	{
	width:20%;
	float:left;
	padding: 3px 5px 3px 5px;
	border-bottom: #CCCCCC 1px solid;
	}
.clear	{
	clear:both;
}
/*-------column end-------------*/

/*-------payment column start-------------*/
#paydetails	{
		margin:10px;
}
#phead { 
	background: url(../images/reg_bg.jpg);
	font-size:1em;
}
#phead .pLeft { 
	background: url(../images/corL.gif) top left no-repeat; 
	height: 26px; 
}
#phead .pRight { 
	background: url(../images/corR.gif) top right no-repeat; 
	height: 23px;
	padding:3px 0px 0px 10px;
}
.pcol_dark	{
	background:#E7EDE2;
	border-bottom:#B5BE93 1px solid;
	padding:3px 0 3px 10px;
	font-size:1em;
}
.pcol_light	{
	background:#FAFAF5;
	border-bottom:#B5BE93 1px solid; 
	padding:3px 0 3px 10px;
	font-size:1em;
} 
.pcol_dark:hover	{
	background:#FCFCC6;
}
.pcol_light:hover	{
	background:#E8F1C6;
} 
.pOrder	{
	width:15%;
	float:left;
	}
.pDate	{
	width:15%;
	float:left;
	padding-left:5px;
}	
.pItem	{
	width:40%;
	float:left;
	padding-left:5px;
}
.pAmount	{
	width:15%;
	float:left;
	padding-left:5px;
}
.pStatus	{
	width:11%;
	float:left;
	padding-left:5px;
}


			
.page	{
	float:right;
	margin:10px 10px 10px 0;
	font-size:12px;
}
.page a{
	color:#0099CC;
	text-decoration:underline;
	}
.page a:hover{
	color:#FF9900;
	text-decoration: blink;
	}
.page span	{
	padding-left:3px;
	padding-right:3px;
	color:#FFFFFF;
	background:#A2CD18;
	font-weight:bold;
	}	

/*-------payment column end-------------*/

/*-------call column start-------------*/
#calltable	{
	margin:10px;
}

.submit_tab	{
	padding:0px; height:19px;
	background:#625C00; border:#3C3800 1px solid;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
.submit_tab:hover	{
	background:#C8C053;
	border:#B9AF27 1px solid;
	cursor:pointer;
	color:#5A091E;
}
#calltable a	{
	color:#746C00; text-decoration:none;
}
#calltable a:hover	{
	color: #A7002B; text-decoration: underline;;
}


/*#phead { 
	background: url(../images/reg_bg.jpg);
	font-size:1em;
}
#phead .pLeft { 
	background: url(../images/corL.gif) top left no-repeat; 
	height: 26px; 
}
#phead .pRight { 
	background: url(../images/corR.gif) top right no-repeat; 
	height: 23px;
	padding:3px 0px 0px 10px;
}*/


.call_dark	{
	background:#ECF7C3;
	border-bottom:#B5BE93 1px solid;
	padding:3px 0 3px 10px;
	font-size:1em;
}
.call_light	{
	background:#F6F6F4;
	border-bottom:#B5BE93 1px solid; 
	padding:3px 0 3px 10px;
	font-size:1em;
} 
.call_dark:hover	{
	background:#CFD9BD;
}
.call_light:hover	{
	background:#CFD9BD;
} 
.phone	{
	width:5%;
	float:left;
	}
.number	{
	width:31%;
	float:left;
	padding-left:5px;
}	
.name	{
	width:31%;
	float:left;
	padding-left:5px;
}
.date	{
	width:25%;
	float:left;
	padding-left:5px;
}
.sign	{
	width:5%;
	float:left;
	padding-left:5px;
}

.but_go A	{
	width:200px; display:block; text-indent:-9999px;
	background: url(../images/but_go.jpg) no-repeat top left;
	height:102px;
}
.but_go	A:hover{
	width:200px;
	background: url(../images/but_go.jpg) no-repeat bottom left;
	height:102px;
}

.input_tab	{
	font-size:11px; color:#746C00; height:14px; font-weight:bold;
	border:#A79C00 1px solid; padding:2px; margin:0px;
}
.input_big {
	background-color : #EEF1EC;
	border : 1px solid #746C00;
	color : #000;
	height : 25px;
	font-family : Verdana, Tahoma, Helvetica, sans-serif;
	font-size : 1.8em;
	margin : 0;
	padding : 2px;
	font-weight : normal;
}