body {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
h1
{
	color: #85bb34;
}
h3
{
	color: #4586d3;
}
h4
{
	color: #004da1;
}
h1, h2, h3, h4{font-family:Calibri; margin:7px 0;}

h1
{
	color: #242425;
	font-size:26px;	
	text-transform:uppercase;
}
h2
{	
	color: #444444;
	font-size:22px;
}
.mediumbluebox h4
{
	color: #363636;
	font-size:18px;
	text-transform:uppercase;
	padding:5px 8px 19px 8px;
	background-image:url(../images/bg/ordebgImg.png);
	background-position:0 -25px;	
}/*
#mainContentRight h1, h2, h3, h4{font-family:Calibri; margin:7px 0;}

#mainContentRight h1
{
	color: #242425;
	font-size:26px;	
	text-transform:uppercase;
}
#mainContentRight h2
{	
	color: #444444;
	font-size:22px;
}
#mainContentRight h4
{
	color: #363636;
	font-size:18px;
	text-transform:uppercase;
	padding:5px 8px 19px 8px;
	background-image:url(../images/bg/ordebgImg.png);
	background-position:0 -25px;	
}*/
h3{font-size:18px; text-transform:uppercase;color:#004a9c;font-weight:bold;}



	
a { 
	color:#000;
}
a:hover {
	color:#CC6600;
}

img
{
  border-width: 0;
}
hr.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0; padding:0;
	border:none;
	visibility: hidden;
	}
	
.imginfo{
    padding-left:3px;
}

.spacing{
    padding-left:10px;
}

.floatleft{
    float:left;
    margin-left:10px;
}
.floatright{
    float:right;
    margin-right:80px;
}


#commonHeading {
	background:url(../images/myrim_head_bg.gif) no-repeat left center;
	padding:18px 0 12px 50px;
	font:bold 24px arial;
	color:#F68B00;
	margin:10px 0;
}
#commonHeading span {
	color:#969894;
}

.BigGreen
{
	font-size: 15px;
	color: #006600;
}
.BigBlue {
	font-size: large;
	color: #5C8AD6;
	font-weight:bold;
}
.BigOrange {
	font-size: large;
	color: #FA9A0C;
}
.MidBlue {
	font-size: 16px;
	color: #5C8AD6;
	font-weight: bold;
}
.MidOrange {
	font-size: 16px;
	color: #FA9A0C;
	font-weight: bold;
}
.MidRed {
	font-size: 16px;
	color: #EC562B;
	font-weight: bold;
}
.SmallBlueTitle {
	font-size: 12px;
	color: #3E74CE;
	font-weight: bold;
}
.SmallOrangeTitle {
	font-size: 12px;
	color: #CC3300;
	font-weight: bold;
}
.SmallGrayTitle {
	font-size: 12px;
	color: #808080;
	font-weight: bold;
}
.SmallGreenTitle {
	font-size: 12px;
	color: #009933;
	font-weight: bold;
}
.ThickGray {
	color:#666666;
}
.SmallGray {
	font-size:11px;
	color:#808080;
}
.noborder {
	border-width:0;
}
.BigViolet {
 font-size: large;
 color: #333399;
}
.orderPrice
{
	font-size: 18px;
	color: #38a000;
}

.SmallOrange {
	font-size: 14px;
	color:#FF9900;
	font-weight: bold;
}
#mypageHeading
{
	padding: 18px 0 12px 50px;
	font: bold 24px arial;
	color: #85bb34;
	margin: 10px 0;
	
}
.SubProjects
{
	font-family: Tahoma, Arial, Verdana;
	font-size: 18px;
	font-weight: normal;
	color: green;
}

.pending
{
	color: Gray;
}
.started
{
	color: Blue;
}
.finished
{
	color: Green;
}
.notstarted
{
	color: Red;
}
.onhold
{
	color: #9A4E16;
}
.forApprovel
{
	color: Orange;
}
.reOpen
{
}
.pmbattach
{
	float: right;
}

.ConfirmationBox
{
	margin: 20px 100px;
	padding: 5px;
	border: solid 5px #F4F4F4;
}
.textcontent { line-height:25px;color:#444444; font-size:14px;}

.contentText { line-height:25px;color:#444444; font-size:14px;}

/*.FormTitle {
	background-color:#E1E1E1;
	font-weight:bold;
	padding-left:18px;
	color:#000000;
	border-top:solid 3px #F0F0F0;
	border-bottom:solid 1px #CCCCCC;
}
.FormLeft {
	background-color:#F0F0F0;
	text-align:right;
}
.FormRight {
	text-align:left;
	background-color:#FCFCFC;
}*/
.FormLeft {
    background-color: #EFF8FF;
    text-align: right;
	width:30%;
	padding:10px;
	border-bottom:1px solid #DCEBF6;
}
.FormRight {
    background-color: #f8f8f8;
    text-align: left;
	padding:10px;
	border-bottom:1px solid #f1f1f1;
}
.FormTitle {
    background:url(../images/bg/formtitbg.jpg) repeat-x;
	background-color:#FFF !important;
    border-bottom:1px solid #72b6d9;
	border-top:none;
    color: #000000;
    font-weight: bold;
    padding-left: 18px;
	padding:6px;
	text-transform:uppercase;
}
.mandtry {
	font-weight: bold;
	color: tomato;
}
.hidevisible
{
	display: none;
}

/* Order Details */

.myPageListHeader
{
	background-color: #e7e7e7;
	border-bottom: solid 1px #c4c4c4;
	padding: 4px 0;
	font: 12px arial;
	color: #666666;
	font-weight: bold;
}
.myPageListItem
{
	border-top: solid 1px #e7e7e7;
	font-size: 12px;
}
.centerOrderbox {margin:0 auto; width:80%}



/*.PMBCommon
{
	font: 11px arial;
	font-weight: bold;
}
.PMBFormLeft
{
	text-align: right;
	font: bold 12px arial;
	color: Black;
}
.PMBFormRight
{
	text-align: left;
	font-weight: normal;
}


.pmb3
{
	border: solid 1px #fdf086;
	margin: 10px 5px;
	background-color: #fffdf1;
}
.pmb2
{
	border: solid 1px #afc5d4;
	margin: 10px 5px;
	background-color: #eaf0f3;
}
.pmb1
{
	border: solid 1px #9EC665;
	margin: 10px 5px;
	background-color: #EAFFBE;
}

.pmb3 p
{
	padding: 10px;
}
.pmb2 p
{
	padding: 10px;
}
.pmb1 p
{
	padding: 10px;
}
.pmb1 .postInfo
{
	padding: 5px 10px;
	background-color: #D5F889;
	font: 11px arial;
	border-top: 3px solid #CEF085;
	border-bottom: 3px solid #9EC665;
}

.pmb3 .postInfo
{
	padding: 5px 10px;
	background-color: #fef7bc;
	font: 11px arial;
	border-top: 3px solid #fefae0;
	border-bottom: 3px solid #fdf086;
}
.pmb2 .postInfo
{
	padding: 5px 10px;
	background-color: #d2dee7;
	font: 11px arial;
	border-top: 3px solid #eaf0f3;
	border-bottom: 3px solid #afc5d4;
}*/
.postMsg{float:left; padding:10px 8px; }

.postHm{-moz-box-shadow:0 2px 1px #EEEEEE;-webkit-box-shadow:0 2px 1px #EEEEEE; box-shadow:0 2px 1px #EEEEEE; background:#EFEFEF; padding:10px; border:1px solid #B5B5B5; margin-bottom:10px;}
.postHm textarea {height: 180px; width:666px; max-width:666px !important; max-height:180px !important;}

.pmb1 {background-color: #eef6f8 !important;border-top: 1px solid #2e9ab9 !important;border-bottom:none !important;border-left:1px solid #2e9ab9 !important;border-right:1px solid #2e9ab9 !important;margin: 10px 0 !important; background:url(../images/mypage/line-transparent.png) repeat;}
.pmb1 p {padding: 10px;}
.pmb1 .postInfo { color:#FFF;border-top: 3px solid #2e9ab9;border-bottom:none !important;font: 11px arial;padding: 13px 10px 8px 10px;background:url(../images/mypage/post-arrow.png) no-repeat 15px 0 #77BED2}
.pmb1 .postInfo {font: 11px arial;}

.pmb2 {background-color: #FFF !important;border-top: 1px solid #cacaca !important;border-bottom:none !important;border-left: 1px solid #cacaca !important;border-right: 1px solid #cacaca !important;margin: 10px 0 !important; background:url(../images/mypage/line-transparent.png) repeat;}
.pmb2 p {padding: 10px;}
.pmb2 .postInfo { color:#000;border-top: 3px solid #b2b2b2;border-bottom:none !important;font: 11px arial;padding: 15px 10px 8px 10px; background:url(../images/mypage/post-arrow-gray.png) no-repeat 15px 0 #dbdbdb}
.pmb2 .postInfo {font: 11px arial;}

.pmb3 {background-color: #F7F3E8 !important;border-top: 1px solid #cfc095 !important; border-bottom:none !important;border-left:1px solid #cfc095 !important;border-right:1px solid #cfc095 !important;margin: 10px 0 !important; background:url(../images/mypage/line-transparent.png) repeat;}
.pmb3 p {padding: 10px;}
.pmb3 .postInfo { color:#000;border-top: 3px solid #bca972;border-bottom:none !important;font: 11px arial;padding: 15px 10px 8px 10px; background:url(../images/mypage/post-arrow-yellow.png) no-repeat 15px 0 #e8ddc0}}
.pmb3 .postInfo {font: 11px arial;}

.panelMaxBor{ width:100%; border:1px solid #D3DDE6; background:url(../images/mypage/blue-gradient.jpg) repeat-x top; -moz-box-shadow:0 0 2px #CDCDCD;-webkit-box-shadow: 0 0 2px #CDCDCD;
        box-shadow: 0 0 2px #CDCDCD; margin-bottom:15px;}

.PMBCommon {margin:0;overflow: hidden;color:#000; font-size:13px; font-weight:bold; text-align:left; padding:25px; }
.PMBFormLeft { text-align:right; margin: 0 0 10px; width:120px;}
.PMBFormRight { text-align:left; margin: -25px 0 8px; overflow: hidden; padding: 0 0 1% 25px; font-weight:normal !important;}
.PMBFormRights{ width:500px;}

.halfCol{ width:50%; float:left;}

.progressList{margin:0;overflow: hidden;color:#000; font-size:13px; font-weight:bold; text-align:left; padding:15px; }
.progressList dt{margin: 0 0 10px;width:170px;}
.progressList dd{margin: -25px 0 2px;overflow: hidden;padding: 0 0 1% 170px; font-weight:normal !important;}
.progressList dd select{ padding:5px}
.progressList ul{margin:0;padding:0;}
.progressList ul li{margin:0;padding:0; background:none; min-height:0; border:none; list-style:none;}

#pmbHeader
{
	padding: 3px;
	text-align: center;
	font: bold 1em arial;
	background-color: #E7E8E6;
	border-bottom: solid 2px #A3DD77;
	font-variant: small-caps;
	letter-spacing: 1px;
	margin: 0 5px;
}

.bfont{ font-weight:bold;}
.Nodata{ color:Red; font-size: 14px; padding-left:25px;}
.hasdata{ color:Green; font-size: 14px; padding-left:25px;}

.bgcaptcha {background:url(../images/bg/formtitbg.jpg) repeat-x;}

/* My Orders */

table.tableBorder{border-collapse: collapse; background:#f8fafc; margin-bottom:10px;}
/*table.tableBorder th {padding: 3px;}*/
table.tableBorder td {border:1px solid #DDDDDD;padding:4px 5px;}/*c6d6b7*/
.subHeaderTit{ border-collapse: collapse; border-right:1px solid #cbd3d9;}
table.subHeaderTit th{color:#283034;}
.titleImgBg{ background:url(../images/mypage/title-bg-Img.jpg) no-repeat; padding:3px 5px;}
.headTit{ font-size:25px; color:#000 !important; padding-bottom:8px; margin-bottom:8px; border-bottom:1px dotted #333;}
.SubProjectsTitle{ background:url(../images/mypage/subProjectbg.jpg) no-repeat; padding:10px 5px;}
.newfill{ color:#3f8bbc; font-weight:bold; font-size:14px; padding:0 !important;margin:20px 0 !important;}
/* Order Details */
#mainContentRight #panelArea ul { width:500px; }

.SubProjectsListItem td {border-left:1px solid #DDDDDD;padding:8px 5px; border-bottom:1px solid #DDDDDD; border-collapse: collapse; background:#fdfef6; }


/* Attached */

.AttachedPanel{ width:100%; margin-bottom:10px;}
.twoColA{ width:100%; margin-bottom:10px;}
.colTitle{ background:url(../images/mypage/att-subTit-bg.jpg) repeat-x; height:33px; font-size:14px; border-bottom:1px solid #A5BFCE; text-align:center; line-height:33px; color:#223355; font-weight:bold;}
.twoCol-Sub{ border:4px solid #E0EFFD;}
.twoColB{width:100%;}
.twoCol-Sub ul{ border:1px solid #2E5186; overflow:hidden; padding:0 !important; margin:0 !important; width:auto !important;}
.twoCol-Sub ul li{ background:url(../images/mypage/att-blue-li.jpg) repeat-x bottom !important; padding:10px 5px 4px 10px; !important; border-bottom:1px solid #98c2d2 !important; line-height:18px !important; font-size:12px !important; margin:0 !important; list-style:none !important;}
.txtConArea{ left:15px; width:550px; overflow:hidden; float:left;}


/*Custom Order */
.formBox{ margin:0 auto;width:600px; padding:15px 0;}
.formSingle{ margin-bottom:25px;width:600px;}
.detailTxt{ width:130px; color:#3b3e42; float:left;}
.enterArea{float:left; margin-left:17px;}
.flotr{float:right;}
.fl{float:left;}
.formsearch{width:380px;}

/*Only For U */

.o4uHeader{ background:#eff6e8; border-bottom:1px solid #c6d6b7; padding:7px 15px; color:#212121; display:block; height:100%; width:700px; overflow:hidden;}
.o4uDate{float:left; width:100px; }
.o4uDetails{float:left;width:400px;}
.o4uRate{float:left;width:100px;}
.o4uOrderNow{float:left;width:100px;}
.o4usubTit{ color:#3f8bbc; font-weight:bold; font-size:16px; padding:0 !important;margin:0 0 5px 0 !important;}
.pmb1, .pmb2, .pmb3, .pmb4{ word-break:break-all;}


/*reasssign*/

.reasssign{ background:#222; padding:20px;}
.reasssign #pnlDetails{ background:#fff; width:98%; margin:0 auto; border:1px solid #eeeeee;}
.reasssign #pnlDetails #lblOrderID, #lblMsg{ display:block; padding:10px 10px 0 10px; color:#0697B4; font-size:16px; font-weight:bold;}
.reasssign #pnlDetails h1{ margin:10px 10px 5px 10px; background:#f4f4f4; border-radius:5px; color:#e15d42; padding:10px 15px; font-size:22px;}
.reasssign #pnlDetails p{ margin:0;}
.reasssign #pnlDetails p a{ background:#0697B4; padding:2px 8px; color:#fff; border:1px solid #06849d; margin:0 0 0 10px; text-decoration:none; font-weight:bold; display:inline-block;border-radius:5px;}
.reasssign #pnlDetails p a:hover{ background:#21abc7; color:#0a5b6b;}

.reasssign #pnlDetails table{ width:100%;}
.reasssign #pnlDetails .paymentPanel{ border:#f4f4f4 3px solid;margin:10px;    padding: 10px;}
.reasssign #pnlDetails .paymentPanel hr{ background:#f4f4f4; color:#f4f4f4;}

.reasssign #pnlDetails .paymentPanel table tr:nth-child(1) td, .reasssign #pnlDetails .paymentPanel table tr:nth-child(2) td, .reasssign #pnlDetails .paymentPanel table tr:nth-child(3) td{ }

.reasssign #pnlDetails .paymentPanel input[type="submit"]{background-color: #5cb85c; border:1px solid #4cae4c;color: #fff; padding:10px 25px; margin:10px 5px; font-weight:bold; cursor:pointer;}
	
	.reasssign #pnlDetails .paymentPanel input[type="submit"]:hover, reasssign #pnlDetails .paymentPanel input[type="submit"]:active, reasssign #pnlDetails .paymentPanel input[type="submit"].active, reasssign #pnlDetails .paymentPanel input[type="submit"]:focus, reasssign #pnlDetails .paymentPanel input[type="submit"].focus{   background-color: #449d44; border-color: #398439;}
	
.reasssign #pnlDetails .paymentPanel span label{ color:#999;}

/*Other*/

.reasssign #pnlDetails label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 20px;
	margin-right: 15px;
	font-size: 16px;
}
.reasssign #pnlDetails #tblMain input[type=radio],
.reasssign #pnlDetails input[type=checkbox] {
	display: none;
}
.reasssign #pnlDetails label:before {
	content: "";
	display: inline-block;

	width: 16px;
	height: 16px;

	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background-color: #e65a39;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.reasssign #pnlDetails .radio label:before {
	border-radius: 8px;
}
.reasssign #pnlDetails label {
	margin-bottom: 10px;
}
.reasssign #pnlDetails  label:before {
    border-radius: 3px;
}

.reasssign #pnlDetails  input[type=radio]:checked + label:before {
    content: "\2022";
    color: #0697B4;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
}

.reasssign #pnlDetails input[type=checkbox]:checked + label:before {
	content: "\2713";
	font-size: 15px;
	color: #fff;
	text-align: center;
    line-height: 15px;
	font-weight:bold;
}
/*End Other*/

.reasssign #pnlDetails #tblMain label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 20px;
	margin-right: 15px;
	font-size: 16px;
}
.reasssign #pnlDetails #tblMain input[type=radio],
.reasssign #pnlDetails input[type=checkbox] {
	display: none;
}
.reasssign #pnlDetails #tblMain label:before {
	content: "";
	display: inline-block;

	width: 16px;
	height: 16px;

	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background-color: #f3f3f3;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.reasssign #pnlDetails .radio label:before {
	border-radius: 8px;
}
.reasssign #pnlDetails #tblMain label {
	margin-bottom: 10px;
}
.reasssign #pnlDetails #tblMain label:before {
    border-radius: 3px;
}

.reasssign #pnlDetails #tblMain input[type=radio]:checked + label:before {
    content: "\2022";
    color: #0697B4;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
}

.reasssign #pnlDetails #tblMain input[type=checkbox]:checked + label:before {
	content: "\2713";
	font-size: 15px;
	color: #0697B4;
	text-align: center;
    line-height: 15px;
	font-weight:bold;
}
	.reasssign #pnlDetails #tblMain span input[type=checkbox]:checked + label:before {color: #999;}
	
	@media(max-width:568px){.trmain td{ display:block;}.trmain td span{ font-weight:bold;}  #rpAssignMore_ctl01_lblID, #rpAssignMore_ctl01_lblDuration, #rpAssignMore_ctl01_lblOrderType, #rpAssignMore_ctl01_lblDependency, #rpAssignMore_ctl01_lblTaskType, #rpAssignMore_ctl01_lblQuantity{ display:none;}}