/* CSS Document */

.container { width:100%; }

/* HEADER
-----------------------------*/
.header { background-image:url(Images/header800-70.jpg); background-repeat:no-repeat; width:800px; height:70px; }
.headercontrols{ width:575px; padding-top:50px; }

.print a
{
	float:right;
	background-image:url(Images/print.jpg);
	background-repeat:no-repeat;
	width:21px;
	height:36px;
	display:block;
	margin-right:5px;
}

.close a
{
	float:right;
	background-image:url(Images/close.jpg);
	background-repeat:no-repeat;
	width:19px;
	height:36px;
	display:block;
	margin-right:15px;
}


/* CONTENT
-----------------------------*/

.contentContainer { width:800px; }

.pageTitle
{
	float:left;
	width:170px;
	height:70px;
	margin-left:10px;
}

.pageTitleLogo
{
	margin:5px auto 5px 200px;
	height:50px;
}

.contentInstructionArea
{
	background-image:url(Images/BGinstruction.jpg);
	background-repeat:no-repeat;
	width:167px;
	height:260px;
	margin-top:18px;
}

.contentInstruction
{
	margin:5px;
	clear:both;
	font-size:8pt;
	width:165px;
}

.contentInstructionTitle
{
	background-image:url('Images/littleGuy.gif');
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:19px;
	padding-top:4px;
	width:143px;
	height:19px;
	font-weight:bold;
	color:#3399cc;
}

.contentInstructionText
{
	background-image:url(Images/lineDots.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-bottom:4px;
}

.contentInstructionData { margin-top:7px; }

.contentInstructionData a
{
	background-image:url(Images/arrowGreen.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-left:14px;
	width:157px;
	height:11px;
}

.contentDetail
{
	float:left;
	background-image:url(Images/BGContent.jpg);
	background-repeat:no-repeat;
	width:595px;
	height:313px;
	margin-left:20px;
	margin-top:10px;
}

.codedetail
{
	margin:15px 10px 10px 10px;
}

			
table.coupontable 
{ 
	width:100%; 
	padding:0px; 
	border:none; 
}

.couponTableCell 
{ 
	border:none; 
	vertical-align:top; 
	padding:3px; 
	float:left;
}

.couponTableCell a:hover
{
	text-decoration:underline;
}


.couponTableHeader
{
	font-weight:bold;
	font-size:11pt;
	color:#48B52D;
	border-bottom: 1px solid #e2e2e2;  
	width:580px;
	padding-bottom:10px;
}
.couponTableContainer
{
	width:590px;
	
}
.couponTableSeparator
{
	border-bottom:1px solid #e2e2e2;  
}

.inputGroupContainer
{
	height:auto;
	width:550px;
	padding-bottom:10px;
}
.labelContainer
{
	width:150px;	
	float:left;

	height:25px;
}
.inputControlContainer
{
	width:350px;
}

tr.couponGridRow td
{
   border-bottom:1px solid #e2e2e2;
}

.borderbottom

{
	border-left:none 0% #000000; 
	border-top:none 0% #000000; 
	border-right:none 0px #000000; 
	border-bottom:1px solid #e2e2e2;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=50);
	/*opacity:0.5;*/
}

.modalPopup {
	background-color:#D8EBBE;
	border-width:2px;
	border-style:solid;
	border-color:#5F81C1;
	padding:3px;
	width:410px;
	height:430px;
	
}