body { font-size:8pt; font-family: Arial, Verdana,sans-serif; word-wrap:break-word; margin:0;padding:0;  width:100%; background:#696969; top:0px; position:absolute; }

:focus { -moz-outline-style: none }



input[type=text], input[type=password]{height:17px; font-size:8pt; background:#fff; BORDER-BOTTOM: #d5dddd thin solid; BORDER-LEFT: #aab3b3 thin solid;  BORDER-TOP: #999 thin solid; BORDER-RIGHT: #aab3b3 thin solid; }


.MultitexBox{height:60px; font-size:8pt; BORDER-BOTTOM: #d5dddd thin solid; BORDER-LEFT: #aab3b3 thin solid; BACKGROUND-COLOR: #f7f7f7; BORDER-TOP: #999 thin solid; BORDER-RIGHT: #aab3b3 thin solid; background:#E5E5E5
}
.MultitexBox:hover{
	BORDER-BOTTOM-COLOR:#3097fe; BORDER-TOP-COLOR: #1c5690; BORDER-RIGHT-COLOR: #2675c4; BORDER-LEFT-COLOR:#2675c4;
}
.MultitexBox:focus
{
	BORDER-BOTTOM-COLOR:#3097fe; BORDER-TOP-COLOR: #1c5690;BORDER-RIGHT-COLOR: #2675c4; BORDER-LEFT-COLOR:#2675c4; background:#FFF
}

.AgentTextBox{ margin-top:5pt; width:150px; }
.CompanyDownField{	height: 22px; width:350px; margin-top:7px;}
.AgentDropDown{ margin-top:5pt; font-size:8pt; height:20px;}

.SearchBox{ Width:100px; Height:18; background:#383838; border:#383838 1px inset; background:url(image/icon_search.gif) #fff no-repeat; background-position:15px;}
.PageTitle{ color:#333; width:100%; float:left; font-size:10pt;  font-weight:bold; padding-bottom:20px; padding-top:30px; height:18px; line-height:18px; }
.PageTitleP2{color:#333; width:100%; float:left; font-size: 10.5pt; font-weight:bold; padding-bottom:10px; padding-top:20px; height:18px; line-height:18px; }
.PageTitleBlack{color:#ccc; font-size: 11pt;  margin-bottom:15px; }
.FamilyTitle{color:#ccc; font-size: 12pt;  height:30px;width:86%;  margin-left:auto; margin-right:auto;}
.YellowFont{ color:#fdb31d}

.PageTitle3CT{ color:#333; width:100%; float:left; font-size:10pt; margin-top:10px; margin-bottom:10px;font-weight:bold; height:18px; line-height:18px; }

.AgentPageContainer{ width:1205px;  background:#b1bac0;  height:840px; margin:0 auto;}
.AgentMasterHead{ width:100%; float:left; height:65px; background:#191919; border-bottom:1px #335c7e solid}
.MPlogo{ width:300px; float:left;}
.MPLogo img { margin-left:25px; margin-top:22px;}

.AgentMenuCon{ width:100%; float:left; background:#000000; height:40px;}
.AgentMasterMenu{ width:650px; float:left;}
.AgentMasterMenu ul { padding:0; margin:0; list-style-type: none;padding-top:10px; padding-bottom:10px }
.AgentMasterMenu ul li{ display:inline;  margin-left:25px; margin-right:25px;  }
.AgentMasterMenu ul li a{ font-size:13px;  color:#ccc; text-decoration:none;font-weight:bold  }
.AgentMasterMenu ul li a:hover{ color:#579bd4; }

.AgentMasterLogout{ width:200px; float:right; color:#ccc; margin-top:10px; }
.AgentMasterLogout a{color:#ccc;text-decoration:none; }
.AgentMasterLogout a:hover{ text-decoration:underline; }



.AgentMasterFoot{ width:100%; float:left;  background:#b1bac0;  }
.CopyRight{ text-align:center;font-size:8pt; color:#666; padding-top:15px; }
.CopyRight a{ color:#666; text-decoration:none; font-size:8pt;}
.CopyRight a:hover{ text-decoration:underline;}

			
.awesome, .awesome:visited { width:100%;
	background: #222 url(/images/alert-overlay.png) repeat-x; padding-top:10px; padding-bottom:10px;
	display: inline-block; 

	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	   padding-left:18px
}
 
	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ width:100%; font-size: 11px; font-weight: bold; line-height:1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); color:ccc }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #6B8E23; }
	.green.awesome:hover							{ background-color: #556B2F; }
    .grey.awesome, .grey.awesome:visited		{ background-color: #808080; }
	.grey.awesome:hover							{ background-color: #696969; }
	
	

#AgentMasterBody{ width:99%; float:left; margin-top:7px; background:#FFFFFF; overflow:hidden; height:650px; }
.MenuBar{ width:18%; float:left; background:#aaa;height:650px;  }
.RightFrame{ width:81.9%;  float:left; background:#fff; overflow-y:auto; overflow-x:hidden; height:650px;  }



.MenuBar ul{margin:0px; padding:0px;  list-style-type: none; width:196px; }
.MenuBar ul li{ padding-bottom:8px;}

	
.CenterFrame{ width:55%; margin:0 auto; height:500px; background:#fff; overflow:auto; padding-top:100px;  }

.AccountTitle{ width:400px;  font-size:18px; margin-left:40px; margin-top:20px; }


.AccountFrame {width: 97%; float:left; margin-left:15px; margin-top:15px; }
        


        
        
        
.NoteBox{display:block}
.NoteBox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#D3D3D3}
.NoteBox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ececec;
  border-right:1px solid #ececec;
  background:#dedede}
.NoteBox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fafafa;
  border-right:1px solid #fafafa;
  background:#dbdbdb}
.NoteBox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #dbdbdb;
  border-right:1px solid #dbdbdb;}
.NoteBox4{
  border-left:1px solid #ececec;
  border-right:1px solid #ececec}
.NoteBox5{
  border-left:1px solid #dedede;
  border-right:1px solid #dedede}
.NoteBoxfg{ padding:15px;  padding-bottom:30px; background:#D3D3D3; height:150px; color:#666  }
.NoteBoxPay{ padding:15px;  padding-bottom:30px; background:#D3D3D3; height:80px; color:#666  }


.RoundedFrame{ width:92%; float:left; margin-left:40px; margin-top:20px;}

.RoundedFrame_small{ width:65%; float:left; margin-left:20px; margin-top:20px;}

.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#aaa; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#aaa; border-right:2px solid #aaa; border-left:2px solid #aaa; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #F5F5F5;}
.headh {background: #aaa; border-right:1px solid #aaa; border-left:1px solid #aaa;}
.headhtitle {margin: 0px 10px 0px 18px; font-size:12px; color:#333; font-weight:bolder; height:22px; line-height:20px;}
.contenth {background: #F5F5F5; border-right:1px solid #aaa; border-left:1px solid #aaa; min-height:75px; }
.contenth .contentframe {margin-left: 20px; width:96%;  border-bottom:1px #ccc solid;  height:33px;  color:#333; font-weight:bold; }
.contenth .contentframe ul { list-style-type:none; margin:0; padding:0; }
.contenth .contentframe ul li{ width:49%; float:left;  }
.contenth .contentframe ul li .Idtitle , .contenth .contentframe .Idtitle{ width:150px; float:left; text-align:right; display:inline; font-weight:bold;  height:33px; line-height:33px;  }

.contenth .contentframe .Idtitle2{ width:150px; float:left; text-align:right; display:inline; font-weight:bold;  height:33px; line-height:15px;  }

.contenth .contentframe ul li .ProfileText, .contenth .contentframe .ProfileText{ float:left; text-align:left; margin-left:30px;  font-weight:normal;  height:33px; line-height:33px;  }

.contenth .contentframe ul li .PwHint, .contenth .contentframe .PwHint{ float:right; color:Red; text-align:left; margin-left:30px;  font-weight:normal; height:33px; display:inline; line-height:33px; }






.contenth .contentframe2 {margin-left: 20px; width:96%;  border-bottom:1px #ccc solid;  height:33px;  color:#333; font-weight:bold; }
.contenth .contentframe2 ul { list-style-type:none; margin:0; padding:0; }
.contenth .contentframe2 ul li{ width:99%; float:left; }
.contenth .contentframe2 ul li .Idtitle , .contenth .contentframe .Idtitle{ width:150px; float:left; text-align:right; display:inline; font-weight:bold;  height:33px; line-height:33px;  }
.contenth .contentframe2 ul li .ProfileText, .contenth .contentframe .ProfileText{ float:left; text-align:left; margin-left:30px;  font-weight:normal;  height:33px; line-height:33px;  }







#AgentListTable {
    WIDTH: 92%;
    FONT-FAMILY: Arial, sans-serif;
    FONT-SIZE: 11px;
    CURSOR: default;
    -moz-user-select: none;
    -khtml-user-select: none;
    margin-left: 30px;
    margin-top: 20px;
    border-left:solid 1px #C0C0C0;;
    }


#AgentListTable TH { text-align:center;	 BORDER-LEFT: #ccc 1px solid;  BACKGROUND: #A9A9A9; COLOR: #333; CURSOR: pointer; height:22px; }
#AgentListTable TR:hover { background:#F5F5F5}
#AgentListTable table { width:100%; }
#AgentListTable tr td { BORDER-right: #d9d9d9 1px solid; BORDER-bottom:#d9d9d9 1px solid; height:22px; font-weight:normal; text-align:center;}





.InternalFormContenth { margin-left:30px; margin-top:10px;  min-height:80px; }


.InternalFormTable {
	WIDTH: 70%; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 11px; CURSOR: default; -moz-user-select: none; -khtml-user-select: none; user-select: none
}
.InternalFormTable TH#hoverTH {
	BACKGROUND: #555;
}
.InternalFormTable TH {
	BORDER-BOTTOM: #444 1px solid; TEXT-ALIGN: left; BORDER-LEFT: #555 1px solid;  PADDING-BOTTOM: 4px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px; BACKGROUND: #666; COLOR: #fff; BORDER-TOP: #444 1px solid; CURSOR: pointer; PADDING-TOP: 4px
}
.InternalFormTable TH SPAN {
	COLOR: #aaa
}

.InternalFormTable TR#hover TD {
	BORDER-BOTTOM: #888 1px solid; BORDER-LEFT: #888 1px solid; BACKGROUND-COLOR: #777; COLOR: #fff; BORDER-TOP: #888 1px solid; BORDER-RIGHT: #777 1px solid
}
.InternalFormTable TR TD {
	BORDER-BOTTOM: #d9d9d9 1px solid; BORDER-LEFT: #d9d9d9 1px solid; BORDER-RIGHT: #d9d9d9 1px solid;  PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BORDER-TOP: #fff 1px solid; height:22px;
}

.InternalFormTable TR:hover {
	BORDER-BOTTOM: #d9d9d9 1px solid; background:#3d80df; BORDER-LEFT: #d9d9d9 1px solid;  PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BORDER-TOP: #fff 1px solid; height:22px;
}


.InternalFormTable TR.even TD {
	BORDER-BOTTOM: #e8f0ff 1px solid; BACKGROUND: #edf3fe; BORDER-TOP: #e8f0ff 1px solid; BORDER-RIGHT: #fff 1px solid
}
.InternalFormTable TR.odd TD {
	BORDER-BOTTOM: #fff 1px solid; BACKGROUND: #fff; BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid
}


.InternalFormTable .asc{ height:20px;}












.CommonContent { margin-top:30px;  margin-left:35px; width:90%;  }




.MediaContent{ width:92%; float:left; margin-bottom:20px; border-bottom:1px #EFEFEF solid}
.MediaPic{ width:11%; float:left; margin-bottom:10px;}
.MediaNews{ width:89%; float:right; margin-bottom:10px;}

.MediaPressTitle { width:100%; float:left; margin-bottom:5px; color: black; font-size: 9pt; font-weight:bold}
.MediaPressTitle a{ float:left; color: black; font-size: 9pt; cursor:hand; }
.MediaPressTitle a:hover {  text-decoration: underline }
.MediaPressTitle img{ float:left; padding-left:10px; border:0px; }


.MediaDown {  width:400px; float:left; font-size: 8pt;  width: 100%; color: #666;  margin-bottom: 5px; margin-top: 5px; }
.MediaDown ul { margin:0px; padding:0px; float:left;} 
.MediaDown ul li { width:300px; float:left; line-height:20px; display:inline;}
.MediaDown img{ border:0px;}

.MediaDown p { width:90%; float:left }



.MediaBlock{ width:100%; float:left; padding:0px; margin:0px; margin-bottom:3px; }

.MediaBlock .lable { float:left; width:300px;  color:#000}
.MediaBlock .lablePresent { float:left; width:100px;  color:#000}


.MediaBlock .lable a{ float:left; color:#000}

.MediaBlock .lablePresentation { float:left; width:300px;  color:#000}



.MediaBlock .textbox { float:left; margin-left:10px;  }
.MediaBlock .textbox img { border:0px; }

.MediaBlock DT {
	MARGIN-TOP: 0px; 
}
.MediaBlock DD {
	MARGIN-LEFT: 0px
}











.ProgramDown {  width:100%; float:left; font-size: 8pt;  width: 100%; color: #666; }
.ProgramDown ul { margin:0px; padding:0px;} 
.ProgramDown ul li { width:90px; float:left; line-height:20px; display:inline; margin-bottom: 5px;}
.ProgramDown ul li img{ border:0px;}

.MediaDate {  width:100%; float:left; font-size: 8pt; line-height: 16px; width: 100%; color: #666; margin-bottom: 7px; margin-top: 2px; }
.MediaText {  width:100%; float:left; font-size: 9pt; line-height: 15px; width: 100%; color: #666; margin-bottom: 5px; }


.FormsBorder{ width:100%; float:left;border-bottom:1px #dcdcdc solid; margin-bottom:20px;}
.FormsContent{ width:48%; float:left; margin-bottom:10px; }
.FormsTitle{ width:100%; font-size:11pt; font-weight:bold; margin-bottom:20px; color:#666}
.FormsPic{ width:22%; float:left; margin-bottom:10px;}
.FormsNews{ width:77.9%; float:right; margin-bottom:10px;}
.FormsDown {  width:100%; float:left; font-size: 8pt;  width: 100%; color: #666;  margin-bottom: 5px; margin-top: 5px; }


.FormsBlock{ width:100%; float:left; padding:0px; margin:0px; margin-bottom:5px; }

.FormsBlock .lable { float:left; width:70px;}

.FormsBlock .textbox { float:left; margin-left:10px; }
.FormsBlock .textbox img { border:0px; }

.FormsBlock DT {
	MARGIN-TOP: 0px; 
}
.FormsBlock DD {
	MARGIN-LEFT: 0px
}









.AgentListCon{ float:left; margin-left:40px; width:96%}
.AgentListBox{ width:25%;  margin-top:20px;  float:left; font-size:8pt; color:#666; background:#f3f7fd;border:1px #dcdcdc solid; margin-right:25px;}
.AgentListBoxPadding { padding:12px;  padding-top:33px; }

.AgentListBox .AgentName{float:left; font-size:9pt; color:#333; width:100%; margin:0px;  padding:0px; margin-bottom:5px; width:90%; padding-left:12px;}

.AgentListBox a{ text-decoration:underline;font-size:8pt; color:#666}



/* Button Styles */

.BtnView{background:url(../images/RecordDetails.png) no-repeat; width:16px;height:16px; border:0px; cursor:hand;} 
.BtnView:hover{background:url(../images/RecordDetails_hover.png) no-repeat;} 

.BtnEdit{background:url(../images/RecordEdit.png) no-repeat; width:16px;height:16px; border:0px; cursor:hand;} 
.BtnEdit:hover{background:url(../images/RecordEdit_hover.png) no-repeat;} 

.BtnDel{background:url(../images/RecordDelete.png) no-repeat; width:16px;height:16px; border:0px; cursor:hand;} 
.BtnDel:hover{background:url(../images/RecordDelete_hover.png) no-repeat;} 

.ButtonFrame{ width:85%; float:left; margin-left:40px; margin-top:15px;  }
.ButtonFrame ul { margin:0px; padding:0px; list-style-type: none; float:right; }
.ButtonFrame ul li  {FONT-SIZE:90%; margin-left:20px; display:inline; float:left  }
.ButtonFrame ul li a{ text-decoration:none; color:#fff}

.TextBoxAddress{ width:300px; border:1px #ccc solid; margin-top:9px; float:left}

.CheckListFunction{ float:left; margin:0px; padding:0px; width:400px; }


.AgentListButton{ width:100%; background:#ccc; float:left; margin-top:20px; height:22px; line-height:25px;}
.AgentListButton ul { margin:0px; padding:0px; list-style-type: none; float:right; padding-left:20px; }
.AgentListButton ul li  {FONT-SIZE:90%; margin-right:10px; display:inline; float:left  }
.AgentListButton ul li a{ text-decoration:none; color:#0066cc; font-size:9pt;}
.AgentListButton ul li a:hover{ text-decoration:none; text-decoration:underline;}



.AgentServingArea{ width:100%; background:#bbd8fb; float:left; min-height:22px; padding-top:5px; line-height:13px; word-wrap:break-word;}



input.Button {
    
   
    height:23px;
    color:#FFFFFF;
    background:#808080;
    cursor:pointer;
    border:none;
    font:normal 12px/20px "Trebuchet MS", Helvetica, sans-serif;
    margin-top:6px; 
    border-top : 1px solid #eaedf4;
   border-left : 1px solid #eaedf4;
   border-bottom : 1px solid #224059;
   border-right : 1px solid #224059; padding-left:20px; padding-right:20px;


    }
    
.RequiredHint{color:#000; font-weight:bold}


/*News Styles */

NewsTextbox{ font-family:Arial, Verdana;}

.NewsContent { margin-top:10px;  margin-left:35px; width:92%;  }


/*View SampleOrders */

.SampleListView { font-family:Arial; font-size:9pt;}
.SampleListView a{ color:Red;}



/*Admin OfficeInfo */


.OfficeInfoNote{ width:100%; padding:5px;  font-size:9pt; margin-left:40px; margin-top:20px; border:1px #bbd8fb solid; background:#f3f7fd;  line-height:18px;}
.OfficeInfoNote img{ margin-right:6px; }
.ServingProvinces{ background:red; width:200px;}



input.TextBtnBlue, A.TextBtnBlue {font: 11px/2.0em verdana;color:#222;text-decoration: none;text-align:center; padding-left:10px; padding-right:10px; height:20px; padding-bottom:3px; line-height:16px; 
Border:1px solid #333; overflow:hidden;cursor:pointer; }


input.TextBtnBlue, A.TextBtnBlue {background: url( '../images/bg-ltbluegrad.gif' ) 0px 0px repeat-x;background-color:#D3D3D3;}
input.TextBtnBlue:hover, A.TextBtnBlue:hover {background: url( '../images/bg-ltbluegrad.gif' ) 0px -70px repeat-x;background-color:#F3F3F3;}

.CommandRowFont{ color:Red}
.CommandRowFont a:hover{ color:Green}

.fieldrow{ width:100%; float:left; height:40px;}

div.fieldrow label, div.fieldRow label, div.fieldrow span.label {display:block;float:left;width:120px; margin:0 5px 0 0;padding:0 0 0 2px; font-size:9pt;}

.CopyPayment{ font-size:7pt; color:#666;   text-align:center; padding-top:10px; }


.PayInfoNote{ width:92%; padding:5px; float:left;  font-size:9pt; margin-bottom:25px; border:1px #ccc solid; background:#f5f5f5;  line-height:18px;}
.PayInfoNote a{color:#000; text-decoration:underline;}
.PayInfoNote a:hover{color:#000; text-decoration:underline;}