/* CSS Document */
/*rewrite default brower setting*/
* {
	margin: 0;
	padding: 0;
}
body{
	font-size:12px;
	line-height:16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#747474;
	width:100%;
	height:100%;
	min-width:1300px;
}
body{	background:#fff url(images/pagebg.png) repeat-x;}
ul{ list-style:none;}
/*-----  Clear Fix  ------*/
.clearfix:after {  visibility: hidden;display: block; font-size: 0; line-height:0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }/*IE/Mac*/
* html .clearfix { height: 1%; }/*IE*/
.clearfix { display: block; }

.clearer {
	height: 0px;
	font-size:0;
	line-height:0;
	clear: both;
}
.blue{ color:#3ca2cd;  }
.alert{ color:#fa0707;}
.normal{ font-weight:normal; color:#747474; font-size:12px;}
.leftFloat{ float:left}
.rightFloat{ float:right}

a {
	color:#4059AD;
	text-decoration:underline;
}
a:hover{
	color:#002ec8;
	}
a img{ 
	border:0;
	}
.button, input.button, 
input[type="button"].button,
input[type="submit"].button{display:block; padding:0 10px; line-height: 25px;   height:25px;  margin:5px;    background:#2086c6; text-decoration:none; border:none; outline:none; color:#fff; cursor: pointer; box-shadow:0 2px 2px #aaa}
.button:hover, input.button:hover{color:#fff; text-decoration:none;    background:#02589c;}


table {
	border-collapse:collapse;
}
p{ 
	margin:5px 0 10px 0;
	}
h1 {
	font-size:24px;
	line-height:30px;
	margin:20px 0 10px 0;
}	

h2 {
	font-size:20px;
	line-height:24px;
	font-weight:normal;
	margin:20px 0 10px 0;
}
h3 {
	font-size:15px;
	line-height:20px;
	margin:15px 0 5px 0;
}
h4 {
	font-size:14px;
	margin:8px 0 5px 0;
	font-size:13px;
}
h5 {
	font-size:12px;
	margin:10px 0 5px 0;
	font-size:12px;
}
hr {margin:0px; padding:0px; background-color:transparent;border:0px solid; border:none; opacity:0;}

 table, table td, table th {border: 0px solid;border:none;}
 
 .gridHeader th table td, .gridRow td table td, .gridHeaderLight th table td, .gridSelected td table td, .gridAlternating td table td, .gridHighlight td table td { border:1px solid #eee; }
 .gridHeader th, .gridHeaderLight th, .gridRow td, .gridSelected td, .gridAlternating td, .gridHighlight td {padding:0 5px; vertical-align:middle; border:1px solid #eee;}
 .gridHeader {background: #efefef url(images/table-th.gif) repeat-x center center; border-bottom:1px solid #d7d7d7; height:40px;color:#fff;}
 .gridHeader th, .gridHeader th a {color:#fff;}
 .gridHeaderLight {background: #f8f8f8 url(images/table-th-light.png) repeat-x 0 0; border-bottom:1px solid #efefef; height:40px;}
 .gridRow {background-color:#fff; color:#585858;}
 .gridRow td, .gridSelected td, .gridAlternating td, .gridHighlight td {border:1px solid #eee;  word-wrap: break-word; -ms-word-wrap: break-word; padding:3px; font-size:11px;}
 .gridSelected td{background-color:#f0f5f5; color:#000;}
 .gridAlternating td{background-color:#fcfefe;color:#3f3f3f}
 .gridHighlight td{background-color:#ffff00; color:#000;}
.gridPager {background-color:#f0f0f0; border:1px solid #eee;}
.gridPager td {}
.gridPager td span {display:block; padding: 0 4px;font-weight:bold; color:#333;}
.gridPager A {display:block; padding: 0 4px;}
.gridPager A:visited {}
.gridPager A:active {}
.gridPager A:hover {text-decoration:none; }
.gridRefund {float:left;width:110px;}
/*popup iframe page table setting*/
td.productName{width:215px;word-wrap: break-word; -ms-word-wrap: break-word; padding: 0 2px;}
th.productName{width:215px;word-wrap: break-word; -ms-word-wrap: break-word; padding: 0 2px;}
td.Balance, th.Balance{width:65px; padding: 0 2px;}
th.Downloads{width:30px; padding: 0 2px; background-image: url(images/icon_download.png); background-repeat:no-repeat;background-position: center center; }
td.Downloads{width:30px; padding: 0 2px;}
th.addLicense{width:30px; padding: 0 2px; background-image: url(images/icon_key.png); background-repeat:no-repeat;background-position: center center; }
td.addLicense{width:30px; padding: 0 2px;}
td.refundedAmount, th.refundedAmount{width:110px; padding: 0 2px;}
td.refundedDate, th.refundedDate{width:80px; padding: 0 2px;}
td.refundedBy, th.refundedBy{width:90px;  padding: 0 2px;}
.nestTable td table{margin:-3px;}
.refundName{word-wrap: break-word; -ms-word-wrap: break-word; white-space:normal; }
.totalAmountRefunded{border-top:1px dotted #bbb; border-bottom:1px dotted #bbb; background-color:#fcfefe; font-weight:bold; text-align:center; padding:5px 0;}
/*.gridPrice {white-space:nowrap; float:left;}*/
.validatorStar {float:left;width:10px; font-size:14px; color:#cc0000;}

.gridPrice { width:60px; white-space:nowrap;}

.status_message{ font-size: 14px;color:#000000;letter-spacing:5pt; font-weight:bold;
padding:5px 0px 5px 0px; background-color: #cccccc; border: solid 1px #000000; margin: 2px 0px 2px 0px;}

/*Extended Product Info popup*/
td.productCreateDate,th.productCreateDate,
td.productDownloadID,th.productDownloadID,
td.productDownloadLink, th.productDownloadLink{word-wrap: break-word; -ms-word-wrap: break-word; padding: 0 2px;}
.productCreateDate{width:130px}
.productDownloadID{width:130px}
.productDownloadLink{width:390px}

/* TOOL TIP BEGIN
.leftline {width:3px; background-image:url(images/panel/leftline-bcg.gif); background-repeat:repeat-y; background-position:bottom; vertical-align:bottom!important;}
.leftcorner {background-image: url("images/panel/leftcorner.gif"); background-repeat:no-repeat; background-position:top left; width:3px; height:3px;}
.topline {background-image: url("Images/panel/topline.gif"); background-repeat:repeat-x; background-position:top left; height:3px;}
.rightcorner {background-image: url("Images/panel/rightcorner.gif"); background-repeat:no-repeat; background-position:top right; width:3px; height:3px;}
.leftline {background-color:#f8f8f8;background-image: url("Images/panel/leftline-bcg.gif"); background-repeat:repeat-y; background-position:top left; width:3px;}
.center {background-color:#ffffff;background-image: url("Images/panel/center.gif"); background-repeat:repeat-x; background-position:top left;}
.rightline {background-color:#f8f8f8;background-image: url("Images/panel/rightline-bcg.gif"); background-repeat:repeat-y; background-position:top right; width:3px;}
.leftbottomcorner {background-image: url("Images/panel/leftbottomcorner.gif"); background-repeat:no-repeat; background-position:bottom left; width:3px; height:5px;}
.bottomline {background-image: url("Images/panel/bottomline.gif"); background-repeat:repeat-x; background-position:bottom left; height:5px;}
.rightbottomcorner {background-image: url("Images/panel/rightbottomcorner.gif"); background-repeat:no-repeat; background-position:bottom right; width:3px; height:5px;}

.tooltip .leftcorner {z-index:1000;background-image: url("Images/tooltip/panel-float/leftcorner.gif"); background-repeat:no-repeat; background-position:top left; width:3px; height:3px;}
.tooltip .topline {z-index:1000;background-image: url("Images/tooltip/panel-float/topline.gif"); background-repeat:repeat-x; background-position:top left; height:3px;}
.tooltip .topline img {z-index:1000;width:193px;}
.tooltip .rightcorner {z-index:1000;background-image: url("Images/tooltip/panel-float/rightcorner.gif"); background-repeat:no-repeat; background-position:top right; width:4px; height:3px;}
.tooltip .leftline {z-index:1000;background-image: url("Images/tooltip/panel-float/leftline-bcg.gif"); background-repeat:repeat-y; background-position:bottom left; width:3px;}
.tooltip .center {z-index:1000;background-image: url("Images/tooltip/panel-float/center.gif"); background-repeat:repeat-x; background-position:bottom left; font-size:7pt; color:#939393; padding:0px 4px 10px 6px; font-weight:normal;}
.tooltip .center h4 {z-index:1000;color:#4DA70A;font-size:11pt; margin:4px 0px 10px 0px; }
.tooltip .center strong {z-index:1000;font-size:7pt;}
.tooltip .center ul {z-index:1000;margin-top:0px; margin-bottom:0px;}
.tooltip .rightline {z-index:1000;background-color:#f8f8f8;background-image: url("Images/tooltip/panel-float/rightline-bcg.gif"); background-repeat:repeat-y; background-position:bottom right; width:4px;}
.tooltip .leftbottomcorner {z-index:1000;background-image: url("Images/tooltip/panel-float/leftbottomcorner.gif"); background-repeat:no-repeat; background-position:bottom left; width:3px; height:5px;}
.tooltip .bottomline {z-index:1000;background-image: url("Images/tooltip/panel-float/bottomline.gif"); background-repeat:repeat-x; background-position:bottom left; height:5px;}
.tooltip .rightbottomcorner {z-index:1000;background-image: url("Images/tooltip/panel-float/rightbottomcorner.gif"); background-repeat:no-repeat; background-position:bottom right; width:4px; height:5px;}
.tooltip, table.tooltip {z-index:1000;display:none; visibility:visible;position:absolute;filter:alpha(opacity:0);KHTMLOpacity:0.0;opacity: 0.0;-moz-opacity: 0.0;}


.tooltipcontainer {}
.tooltipcontainer h3 {margin-top:0; padding-top:0;}
.tooltipcontainer span {position: absolute;z-index:auto;text-transform:none!important;}
.tooltipcontainer table span {position: relative;z-index:0; }
 TOOL TIP END  */
 
 
/* Display Image TOOLTIP divWindow BEGIN 
.displayImgWindow {  
cursor:wait;
z-index: 102;
filter: alpha(opacity=97);
-moz-opacity: .97;            
opacity: .97; 
width: 100%; 
height:1200px;  
position: absolute; 
left: 0px; 
top: 0;             
display:none ;
background-color:Gray;
text-align:center;
padding-top:50px;            
}
.internalDisplay
{
position: relative;
width: 750px; 
border-style: solid; 
border-width: 2px;
padding:10px;
cursor: default; 
z-index: 102;
background-color:White; 
filter: alpha(opacity=100);
-moz-opacity: 1.0; 
opacity: 1.0;
text-align: center; 
margin:0 auto;
}
.closeImgDisplay
{
background-image: url('Images/popup-btnClose.gif');                        
background-position: right top; 
background-repeat: no-repeat; 
margin-bottom: 2px;                        
height: 25px;
text-align:right;
}


 display image TOOL TIP END  */


/* PADDING */
.pad0 {padding: 0px 0px 0px 0px;}
.pad10{padding: 10px 10px 10px 10px;}
.pad5{padding: 5px 5px 5px 5px;}
.lpad10{padding-left: 10px;}
.rpad10{padding-right: 10px;}
.tpad10{padding-top: 10px;}
.bpad10{padding-bottom: 10px;}
.tpad15{padding-top: 15px;}
.pad3{padding: 3px 3px 3px 3px;}
.pad0{padding: 0px;}
.rpad2{padding-right: 2px;}
.lpad2{padding-left: 2px;}
.rpad5{padding-right: 5px;}
.lpad5{padding-left: 5px;}
.tpad5{padding-top: 5px;}
.bpad5{padding-bottom: 5px;}

/* ALING */
.r{text-align: right;}
.l{text-align: left;}

.copyright{font-family: Verdana;color: #000000;font-size: 11px;}
.bold{font-size: 11px;color: #000000;font-weight: bold;}
.bold_only{font-weight: bold;}
.bold_underline{font-size: 11px;color: #000000;font-weight: bold; }
.bold_underline_only{font-weight: bold; text-decoration:underline}
.normal{font-size: 11px;color: #000000;}
.normal_lowercase {font-size: 11px;color: #000000;letter-spacing: 0px; text-transform:lowercase; }
.passed_status{font-size: 11px;color: #000000;letter-spacing: 0px;color: #990000;}
.normal_status{font-size: 11px;color: #000000;letter-spacing: 0px;color: green;}
.nowrap{white-space:nowrap}
.text{font-size: 12px;color: #000000;letter-spacing: 0px; line-height: 20px;}
.small_text{font-size: 9px;color: #000000;letter-spacing: 0px; line-height: 12px;}
.border{border-width: 1px 1px 1px 1px;border-style: solid;border-color: #4B8DD9;}
.rborder{border-right-width: 1px;border-right-style: solid;border-right-color: #4B8DD9;}
.lborder{border-left-width: 1px;border-left-style: solid;border-left-color: #4B8DD9;}
.tborder{border-top-width: 1px;border-top-style: solid;border-top-color: #4B8DD9;}
.tborder_1{border-top-width: 1px;border-top-style: solid;border-top-color: #4B8DD9;}
.bborder{border-bottom-width: 3px;border-bottom-style: solid;border-bottom-color: #4B8DD9;}
.bborder_thin{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #4B8DD9;}
.double_border{border-width: 3px 3px 3px 3px;border-style: double;border-color: #4B8DD9;}

.error_message{font-size:11px; color:#FF0000; vertical-align:super;}
.error_summary{font-size:11px; color:#991111; padding:5px;}

/*Modal Popup*/

.modalBackground {background-color:Gray;filter:alpha(opacity=70);opacity:0.7;
}
.modalPopup {
background-color:#ffffdd;
border-width:3px;
border-style:solid;
border-color:Gray;
padding:3px;
width:250px;
}
.header
{
background-color:#DDDDDD;
border-width:0px;
border-style:solid;
border-color:Gray;
padding:5px;
font-weight:bold;
letter-spacing:1px;
}


.closedialog_image
{
    cursor:hand; margin:4px;
}


/*page elements setting*/

.content {margin:0px 15px; min-width:1350px; position:relative}

/*top row setting*/
.top {height:50px; margin-bottom:8px; min-width:1150px;}
.topLine{min-width:800px;}
h1.nameCSPortal {display:block; width:210px; height:50px; background:url(images/Customer_report.png) no-repeat; text-indent:-1000px; overflow:hidden; margin:0 0 0 80px; float:left;}

.loginInfo {  float:right; text-align:right;  margin-top:20px;}
.loginInfo span.label {color:#fff; display:block; float:right;}
.loginInfo span.value {color:#dcdcdc; padding:0 15px 0 3px; display:block; float:right;}
.loginInfo span.topLink{color:#b0d5ff; cursor:pointer;}
.loginInfo .border{border:0; border-right:1px solid #efefef; margin-right:15px;}
.loginInfo a {color:#b0d5ff; margin:0 8px; text-decoration:none; cursor:pointer}
.loginInfo a:hover {color:#fff;}
.loginInfo a.contact{ display:block; float:right; background:url(images/icon_contact.png) no-repeat left center; padding:0 0 0 20px;  font-weight:bold;}
.loginInfo a.help{ display:block; float:right; background:url(images/icon_help.png) no-repeat left center; padding:0 0 0 20px;  font-weight:bold;}
.loginInfo a.logout{ display:block; float:right; background:url(images/icon_out.png) no-repeat left center; padding:0 0 0 20px; font-weight:bold;}
.loginInfo a.PCsupport{ display:block; float:right; background:url(images/icon_support.png) no-repeat left center; padding:0 0 0 20px; font-weight:bold;}
.loginInfo a.memberPCsupport{ display:block; float:right; background:url(images/icon_member_support.png) no-repeat left center; padding:0 0 0 20px; font-weight:bold;}

.loginInfo a.tools{ display:block; float:right; background:url(images/icon_wrench.png) no-repeat left center; padding:0 0 0 20px; font-weight:bold;}
.loginInfo a.reports{ display:block; float:right; background:url(images/chart_pie.png) no-repeat left center; padding:0 0 0 20px; font-weight:bold;}
.loginInfo a.phone{ display:block; float:right; background:url(images/icon_phone.png) no-repeat left center; padding:0 0 0 20px; font-weight:bold;}
/*pop-up help info setting*/
.helpInfo{ position:absolute; right:20px; top:65px; width:280px; padding:10px 15px; text-align:left; border:1px dotted #ddd; background:#fefefe; display:none;}
.helpInfo ul{ font-weight:bold; color:#aaa;}
.helpInfo li{ padding:2px 0;}
.helpInfo a.close{float:right; display:block; background:url(images/icon_close.png) no-repeat center top; width:20px; height:17px; font-size:0; color:#fefefe; margin:0 -8px 0 0;}
.helpInfo a.close:hover{border-bottom:1px solid #ececec;}
.helpInfo a{font-weight:normal; color:#2483c5}
.helpInfo a:hover{ color:#444;}

/*login form setting*/
.formLogin, .formConfirmationCode { width: 400px; margin: 70px auto; }
.formLogin .formRow, .searchForm .formRow, .requestForm .formRow, .requestForm .formRow, .formRow  {height:30px;}
.formLogin .formRow{height:36px;}
.formBankTrans .formRow {height:42px;}
.requestForm .formRow {text-align:left;}
.requestRightBlock .formRow {text-align: right; }
.requestRightBlock .formRow .OptionCBRequest{ text-align: left;line-height: 16px;}
.requestRightBlock .OptionCBRequest label {width: 45px; text-align: left;line-height: 16px;height: 16px}
.requestRightBlock .OptionCBRequest input {width: 20px;}
.requestRightBlockBR .formRow {text-align: right; }
.formRowMessage {height:120px; line-height:120px;}


.formLogin label, .searchForm label, .requestForm label, .updatePW label, .CustomerInfoEdit label, .formConfirmationCode label {display:inline-block; width:75px; line-height:30px; height:30px; margin-right:3px; text-align:right;}
.searchForm label{margin-left:-10px; width:85px; white-space:nowrap}
.updatePW label{width:110px}
.CustomerInfoEdit label{width:90px;}
.CustomerInfoEdit .forButton{margin-left:120px}
.updatePW .formBtnRow{ padding:7px 0 10px 113px; }
.formBankTrans label {display:inline-block; width:340px; line-height:30px; height:30px; margin-right:3px; text-align:right;}
.btnLogin, .btnConfirmationCodeSubmit {float:right; width:70px; margin-right:10px;}
.btnConfirmationCodeSubmit { margin-right: 40px; margin-top: 10px; }

.errorMsg{background:#f8f8f8; padding:10px 15px; color:#f75c07; text-align:center;}

/*jQuery tooltip setting*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #ececec;
	background-color:#f8f8f8;
	padding: 5px 5px 5px 10px;
	opacity: 0.95;
	width:280px;	
}
#tooltip h3, #tooltip div { margin: 0;font-size:12px; line-height:16px; font-weight:normal;}
input.tooltipIcon, a.tooltipIcon, a.tooltipIcon:hover{ display:inline-block;  padding:5px; width:16px; height:16px; background:url(images/icon_help.png) no-repeat center center; text-decoration:none; border:0; outline:none; padding:0;}

/*form setting*/
.search {height:auto;}
.searchMargin{  margin:0 210px 0 0}
.searchForm { padding:0 15px 0 0; float:left; margin:10px 0 20px 0px;}
.searchForm #tblSearchBox{ width:305px; border-right:1px dotted #ddd;}
.searchForm .searchFormRow .searchFormOptions {margin-top:10px;}

.searchForm .calendarLabel {width:15px; text-align:center;margin:0}
.searchForm .calendarInput { font-size:10px; width:55px; margin-right:3px; }
.ui-datepicker-trigger {border:0; outline:none; background:transparent url(images/calendar.png) no-repeat left center; width:16px; height:16px; display:inline-block; cursor:pointer}

textarea{background:url(images/TextfieldBg.gif) no-repeat; border:1px solid #ececec; padding:3px;}
input[type="text"], input[type="password"], .input300, .input200, .input180, .input70, .input60, .input50, .input40, .calendarInput , select, .money, .moneyBlank
{	background:url(images/TextfieldBg.gif) no-repeat; border:1px solid #ececec; height:18px; padding:3px;}
.input300 {width:300px;}
.input200 {width:200px;}
.input180 { width:180px;  }
.input70 { width:70px;  }
.input60 { width:60px; }
.input50 { width:52px; }
.input40 {width:40px; }
 select{ height:25px;}
 .select180{width:188px;}
.formLabelSpacer {line-height:12px!important; height:18px!important; width:75px!important}
.formLabelDeclines {line-height:12px!important; height:12px!important;width: 85px!important;padding-left: 75px!important;}
.formLabelDeclines span {float:left;}
.formLabelDeclines input {float:left; margin-left:8px;}
.formLabelApproved {line-height:12px!important; height:12px!important; width:135px!important}
.formLabelApproved span {float:left;}
.formLabelApproved input {float:left; margin-left:8px;}
.btnSave {width:100px; font-size:11px!important;}
.btnSearch {width:90px; font-size:11px!important;}
.btnCancel {margin:0 14px 0 0px; width:80px; font-size:11px!important;font-weight: normal!important;}

#searchResultRightBlock, #searchResultBlock{display:none;}

.searchResult {margin: 0 0 0 320px; padding-left:1px; }
.searchResult table {width:100%; height:auto; max-height:200px;}
.searchResult table td table{ width:auto;}
.searchResult table td{line-height:1em; height:22px}
.searchResult td.status{max-width:91px;width:80px; text-align:center}
.searchResult td.number{max-width:40px;width:30px;}
.searchResult td.amount{max-width:91px;width:80px;}
.searchResult td.view{max-width:81px;width:70px;}
.searchResult td.purchaseDate{max-width:221px;width:220px;}
.searchResult td.fullName{max-width:301px;width:300px;}
.searchResult td.fullName div,
.searchResult td.email div,
.searchResult td.website div {width:95%; overflow:hidden; display:block; word-wrap: break-word; -ms-word-wrap: break-word; }
.searchResult td, .searchResult .gridRow td { padding:3px; font-size:11px;}
.searchResult td.email, .searchResult td.website{ max-width:501px; width:500px; text-transform:lowercase; }
.searchResult td.orderID{max-width:171px;width:170px; overflow:hidden; text-align:center; }
.searchResult td.orderID a{ width:95%; overflow:hidden; display:block; word-wrap: break-word; -ms-word-wrap: break-word; text-align:center;}

 
.requestFormPopup {background-color:#fff; border:1px solid #d9d9d9; height: 475px;}
.autoHeight{height:auto!important}
.requestFormPopup .header {cursor: move; background-color: #e3e3e3; height: 32px; border-bottom: 1px solid #d9d9d9;}
.requestForm {margin:8px 10px; background-color:#fff;}
.requestForm .formRow {height:24px; }

.requestFormPopup h4 {width:200px; margin-left:10px; float:left;}
.requestFormPopup .requestFormPopupHeader {display:inline;}
.reqiestFormBlock {height:250px; overflow:hidden;}
.reqiestFormBlock fieldset {padding:4px 0px 8px 20px; margin-bottom:6px; background-color:#fcfcfc; border:1px solid #a8c5e2; border-top:2px solid #a8c5e2;}
.reqiestFormBlock fieldset legend{font-weight:bold; margin-left:10px;}
.reqiestFormBlock fieldset .formRow {height:24px; line-height:24px;}
.reqiestFormBlock fieldset .formRowTextarea {height:200px; line-height:200px;}
.reqiestFormBlock fieldset .formCol1 {width:280px; float:left;}
.reqiestFormBlock fieldset .formCol2 {width:320px; float:left;}
.requestLeftBlock {width:368px; float:left; padding-left:20px;}
.requestLeftBlock select {width:250px;}
.requestRightBlock {width:270px; float:right; text-align:right;}
.requestRightBlock input {width:140px;}
.requestRightBlockBR {width:270px; float:right; text-align:right;}
.requestRightBlockBR input {width:140px;}
.gridRequestControl {height: 110px; overflow: hidden; overflow-y: auto; margin: 10px 0 ; padding:1px; background-color:#fcfcfc;}
.gridRequestControlDetail {height: 100%;max-height: 200px; overflow-x: hidden; overflow-y: auto; margin: 10px 0; padding:1px;}
.gridRequestControl table{font-size:11px;}
.gridRequestControl .gridHeader, .gridRequestControlDetail .gridHeaderLight,
.gridRequestControl table .gridHeader, .gridRequestControlDetail table .gridHeaderLight,
.gridRequestControl table .gridHeader th, .gridRequestControlDetail table .gridHeaderLight th {height:24px; line-height:24px;}


#transferToAgentDialog {margin:40px 0 20px 20px;}
#transferToAgentDialog p {font-size:14px;font-weight:bold; color:#777;}
#transferToAgentDialog input.assignAgent {margin-left:20px;}
#transferToAgentDialog label {width:240px; float:left;}
.transferToAgent .forButton {float:right; margin-right:20px;}
.transferToAgent .reqiestFormBlock {height:150px; margin:20px; overflow:hidden; overflow-y:auto;}
.NotMember .reqiestFormBlock {height:410px; margin:20px 0 20px 40px;}
.NotMember .formRowTextarea {height:140px;   }


.personalInfoEditContainer .reqiestFormBlock{ height:auto}
.personalInfoEdit{cursor: move; background-color: #e3e3e3; height: 32px; border-bottom: 1px solid #d9d9d9;}

.CustomerInfoEdit {padding-top:10px; padding-left:20px;}
 

 

.formOrderInfo {width:99%;  margin:15px 0 6px 0; border:1px solid #a8c5e2; border-top:2px solid #a8c5e2; background-color:#fcfcfc; padding:0px 0 6px 10px; font-size:11px; min-width:750px;}
.formOrderInfo legend {padding:0px 10px; font-weight:bold; font-size:13px;}
.formOrderInfo .formColumn label{color:#000;}
.formOrderInfo .formRow {height:20px;}
.formOrderInfo .formColumn {float:left; width:23%;}
.formOrderInfo .formColumnButton {float:right; width:8%;}
.formOrderInfo .formColumnButton input {float:right; padding-left:10px; padding-right:10px; margin-right:10px;}
.formOrderInfo .formColumnButton label{color:#000;}
.formOrderInfo .formColumn label {text-align:left;}

.CustomerDetail {margin:8px 0; padding:1px;   border:1px solid #A8C5E2; border-top:2px solid #A8C5E2;}
.CustomerDetail table{width:100%;}
.CustomerDetail td, .Requests td{padding:3px;}
.CustomerDetail td.link, .CustomerDetail td.linkProduct, .CustomerDetail td.license span, .CustomerDetail td.productName span{overflow:hidden; word-wrap: break-word; -ms-word-wrap: break-word; }
.CustomerDetail td.license span{display:block; width:80px;}

.CustomerDetail td.productName span{display:block; min-width:80px;max-width:180px;}
td.linkProduct a, td.link a {display:block; word-wrap: break-word; -ms-word-wrap: break-word; height:100%; min-width:150px; max-width:250px; overflow:hidden;}
.Requests table{float:left;}

.Requests {clear:both;}
.divRequestButtons {width:220px; height:100px; float:right;}
.newRequest{width:200px;display:block; margin: 0 0 10px 10px; padding:2px 8px; font-weight:bold;  }


/*Pop up style*/
#pnlCreateRequest{ border:4px solid #898989;}
/* jQuerry Calendar style */
#PopupHeader {margin:2px 0 8px 10px;}
.formCommetnDialog {padding:10px 0 0 10px;}
.formCommetnDialog textarea {width:660px; height:290px;}
.formCommetnDialog .forButton {float:right; margin:10px 20px 10px 0;}
.popupAction {margin:10px 20px 10px 10px; text-align:right;}

#ticketHeadPanel {float:left; margin:18px 0 0 40px;line-height:20px;}
#ticketHeadPanel span {color:#fcfcfc;}
#ticketHeadPanel strong {color:#fff;}
#ticketHeadPanel input {font-size:11px; margin-left:10px; padding-left:4px; padding-right:4px;}
input[type="button"], input[type="submit"]  {padding:2px 10px; color:#747474;font-weight: bold;font-size:13px; cursor:pointer}
input[type="button"].reload {border:none;margin:0px; padding:0px;cursor:pointer;float:right; width:24px; height:24px; background:url(images/reload.png) no-repeat 0 0;}
input[type="button"].reload:active {background:url(images/reload.png) no-repeat bottom left;}
#ticketHeadPanel #getNewTicketButton:disabled, #ticketHeadPanel #getPendingTicketButton:disabled, #ticketHeadPanel #getNewTicketButton[disabled], #ticketHeadPanel #getPendingTicketButton[disabled] {color:#9f9f9f;}

#notMemberMessage {width:260px; height:120px; float:right; margin-right:20px; line-height:normal;}
#notMemberMessage .formRow label {float:left; width:120px;}
#ticketContainer .ticketPanelForm .formRowMessage { height: 32px!important;}
#ticketContainer .ticketTemplate .formRowMessage {line-height:normal; clear:both; height:140px;overflow:hidden;}
#ticketContainer .ticketTemplate .formRowMessage .formTicketMessage {float:left; width:340px; height:120px;overflow:auto; padding:4px; border:1px solid #eee;}
#ticketContainer .ticketTemplate .formRow label, .ticketTemplate .formRowMessage label {float:left; width:80px;}
.NotMember .formRowMessage .formTicketMessage {height:120px; line-height:normal; width:260px; margin-right:20px; overflow:hidden; overflow-y:auto; float:right;}
.sendEmailButton {position: relative; top: -40px;}
.formRowTextarea1 {position: relative; top: -66px;}

#sendNotMemberMessage {margin-left:70px;}
.containerLinks{margin:10px;text-align:center; }
/*under basic customer Information block*/
.emailContainer{float: left;padding: 0 10px 0 0;line-height: 24px;}
.upsellContainer{display: block;float: left;padding: 0 10px 0 0;line-height: 24px;}

.containerLinks a.button{display:inline-block; vertical-align:middle}
.containerLinks a.highlight{ background:#dd7128}
.containerLinks a.highlight:hover{ background:#fc6702}

.toggler {width: 610px; float: left; position: relative;}
#effect {position: relative; width: 100%;}
textarea.effecttxt{width: 90%;height:220px; padding: 0 5px; }
/*Agent Management page*/
body.iframePage{ background-image:none; min-width:770px}
.iframePage h3{ margin:0; color:#444}
.borderLine{border-bottom:1px solid #ececec;  padding: 0 25px 5px 0px;}
.management td,.management td input, .management td select{ font-size:11px; line-height:20px; color:#747474; max-width:100px;}
.management td input[type="button"],.management td input[type="submit"]{ padding:0 5px; font-weight:normal; color:#555}
.management td input{ height:20px;}
.lastLoginDate, .startDate,.createDate{ width:130px; display:block; text-align:center}
.endDate{ display:block; width:70px; text-align:center}
.userManagement  .startDate, .userManagement  .endDate{ display:block; width:60px; text-align:center}
.userManagement  .createDate{width:115px; }
td.isActive{ text-align:center;}
.errortxt { left: 458px; position: absolute; font-size: 10px; }
.errortxtUpdatePassword { left: 266px; position: absolute; font-size: 10px; }
td.teamRule { width:15%}

.panelLabel, .panel label{ display:inline-block; padding:5px; width:130px; text-align:right; margin:3px 0; }
.panel select{ width:308PX;}
.panelMargin{margin: 0 0 0 140px}
.panelAction{ margin:5px 0 5px 140px; }
.panel{
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgb(255,255,255) 6%, rgb(242,242,242) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,rgb(255,255,255)), color-stop(100%,rgb(242,242,242))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(255,255,255) 6%,rgb(242,242,242) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(255,255,255) 6%,rgb(242,242,242) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(255,255,255) 6%,rgb(242,242,242) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(255,255,255) 6%,rgb(242,242,242) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */

box-shadow:  0 5px 5px #ddd;
padding:10px 0;
margin:0 0 15px 0;
width:740px;
position:relative;
}
.panelClose{ position:absolute; right:15px; bottom:10px;}

/*iframe page*/
body.blank{	background:#fff; min-width:500px}
h2.pageTitle{ margin:0 0 10px 0;}
.infoList td{height:20px; vertical-align:middle; border-bottom:1px solid #ececec;}
.blank .gridHeaderLight{height:24px; line-height:24px; text-align:left}
#lblerror{ color:Red; }
/*clickSolve checkout pop-up*/
.optionRow{ margin:10px 0}
.optionRow input { margin:0  10px 0 0}
.actionBtnRow{ margin:10px 0}
.actionBtnRow input { margin:0  10px 0 0}
/*User Management*/


/*pop user information on Orders.aspx */
.CampaignNotes{background:#e9f6d4;width: 200px; margin:22px 0 0 0; float:right; font-size:11px;}

#popupUserInfo{line-height:1.2em; background:#474747; border:1px dotted #888; padding:5px 8px; color:#fff}
#popupUserInfo label{ display:inline-block; width:63px;}
#popupUserInfo.clicksolve{ color:#fff}
#popupUserInfo.members{color:#8de505}
#popupUserInfo.nonMembers{ color:#f6b247}
#popupUserInfo.checkout{ color:#66CCFF}
#popupUserInfo label{ font-weight:bold}
#popupUserInfoContent{overflow-y:auto;line-height:1.1em; color: Black; border:1px dotted #888; padding:3px 8px; height:233px }

.ui-dialog { z-index: 100000 !important ; position:absolute;left:52%;top:25%;margin-left:-350px}
.ui-widget-overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: #aaaaaa;
    opacity: 0.3;
}
/*active or Inactive */
.imgStatus{ margin:-10px 10px}

/**report page**/
html  .condition .RadPicker_SkyBlue td a,
html  .condition .RadPicker_SkyBlue td a:hover{ background:transparent url(images/calendar.png) no-repeat left center; margin-left:6px}
html body .condition .RadInput_SkyBlue .riHover,
html body .condition .RadInput_SkyBlue .riTextBox,
html body .condition .RadInputMgr_SkyBlue
html body .condition .RadInput_Hover_SkyBlue{background:url(images/TextfieldBg.gif) no-repeat; border:1px solid #ececec; height:18px; padding:3px;}

/*Email Queue*/
.emailItem{ clear:both; padding:15px 0;  margin:10px 0 0 0}
.emailInfo{ padding:10px; margin-bottom:15px; border-top:1px solid #cbd8ca; background:#f0f9ee }
.emailAction{ float:right; width:150px; text-align:right; margin:10px}
.emailAction input[type=button],
.emailAction input[type=submit]{ display:block; width:150px; margin:0 0 3px 0}

/*page links (email history)**/
.pageLinks{ background:#f3f3f3; height:30px; }
.pageLinks a{ line-height:30px; height:30px; padding:0 5px;  text-align:center; display:inline-block}
.pageLinks a:hover{background:#fff}


/**Subscript Rebill Context**/
label.InlineBlockLabel{ display:inline-block; width:100px; }
Input.hasDatepicker, input.rebillAmountInput{ width:110px; margin-right:10px;}
.actionRow input{ width:118px;margin:20px 0 5px 105px;}
.ui-dialog .ui-dialog-titlebar-close span.ui-button-text{ display:none;}

/** right button*/
.rightButton{
    display:block;
    height:25px; 
    line-height:25px;
    padding:0 15px;
    background:#2086c6;
    color:#fff;
    text-decoration:none;
    float:right;
    margin:8px 0 5px 10px;
    box-shadow:0 2px 3px #aaa;
}
.rightButton:hover{
    background:#02589c;
    color:#fff;
}

.fullWidthTable{width:100%}

/*Custom paging repeater*/
.pagination {
    background: #f2f2f2;
    padding: 20px;
    margin-bottom: 20px;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active a{
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}