/* CSS Document */

body {
    background-color: #636060;
    font-family: tahoma, geneva, sans-serif;
}

h2 {
    color: #676868;
    font-family: tahoma, geneva, sans-serif;
    font-size: 13px;
}

h3 {
    color: #333333;
    font-family: tahoma, geneva, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

body.home {
    background-color: white;
}

* {
    padding: 0px;
    margin: 0px;
    outline: none;
}

.Row {
    clear: both;
}

.FL {
    float: left !important;
    padding-bottom: 15px;
}

.FR {
    float: right !important;
}

.Cls {
    clear: both;
    font-size: 1px;
}

#SMain {
    width: 96%;
    clear: both;
    padding: 0px 2%;
}

#SMain .Bar {
    width: 100%;
    clear: both;
    height: 27px;
    line-height: 27px;
}

#SMain .Bar a {
    color: #25cc4c;
    text-decoration: none;
    padding: 0px 6px;
}

#SMain .Bar a:hover {
    text-decoration: underline;
}

#SMain .Search {
    width: 700px;
    clear: both;
    margin: 0px auto;
    overflow: hidden;
}

.bgimage {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: -1;
}

.stretch {
    width:100%;
    height:100%;
}

#SMain .Search .Sbar {
    width: 100%;
    clear: both;
    background: url(../../../images/bg2-1.jpg) left center no-repeat;
    height: 40px;
    line-height: 40px;
}

#SMain .Search .Sbar input[id="q"] {
    float: left;
    width: 267px;
    border: 0px;
    margin-top: 7px;
    margin-left: 38px;
    height: 20px;
    line-height: 20px;
    padding-top: 6px;
    padding-bottom: 4px;
}

#SMain .Search .Sbar input[id="phone"] {
    float: left;
    width: 267px;
    border: 0px;
    margin-top: 7px;
    margin-left: 38px;
    height: 20px;
    line-height: 20px;
    padding-top: 6px;
    padding-bottom: 4px;
}

#SMain .Search .Sbar input[id="search_code"] {
    float: left;
    width: 50px;
    border: 0px;
    margin-top: 7px;
    margin-left: 38px;
    height: 20px;
    line-height: 20px;
    padding-top: 6px;
    padding-bottom: 4px;
}

#SMain .Search .Sbar select {
    float: left;
    width: 90px;
    border: #FFF 1px solid;
    margin-left: 20px;
    margin-top: 12px;
    outline: 0px;
    padding: 0px;
}


#SMain .Search .HotKey {
    width: 472px;
    clear: both;
    margin: 0px auto;
    overflow: hidden;
    color: #565656;
}

#SMain .Search .HotKey a {
    padding: 0px 3px;
    line-height: 44px;
    color: #006cff;
}

.Sfoot {
    width: 100%;
    clear: both;
    text-align: center;
    line-height: 14px;
    color: #666666;
    padding-top: 50px;
    font-size: 12px;
}

.Sfoot a{
    color: #666666;
    text-decoration: none;
}

#Main {
    width: 892px;
    height: 530px;
    clear: both;
    margin: 0px auto;
    overflow: hidden;
    background: url(../../../images/login-bg.jpg) center no-repeat;
    margin-top: 10px;
}

.login-label {
    text-align: left;
    padding-left: 35px;
    font-size: 15px;
    font-weight: normal;
    color: #666666;
    font-family: tahoma, geneva, sans-serif;
}

.login-button{
    padding-top: 0px;
}

td.login-label {
    width: 150px;
    height: 40px;
}
.login-input {
    width: 250px;
    height:24px;
    font-size: 14px;
    color: #666666;
}
a.login-label {
    color: #acacac;
    font-size: 14px;
    margin-left: 0px;
    padding-left: 0px;
}

#Foot {
    width: 100%;
    clear: both;
    text-align: center;
    font-family: tahoma, geneva, sans-serif;
    font-size: 11px;
    color: #666666;
    margin-top: 180px;
}

#Main .Cnt {
    float: right;
    text-align: right;
    padding-right: 50px;
    padding-top: 104px;
    width: 114px;
}

#Main .Cnt input {
    width: 113px;
    height: 17px;
    border: 1px solid #a6a6a6;
    padding: 0px;
    float: left;
    margin-bottom: 4px;
}

#Main .Cnt select {
    width: 115px;
    height: 20px;
    border: 1px solid #a6a6a6;
    padding: 0px;
    float: left;
}

#Main .Btn {
    width: 200px;
    text-align: center;
    clear: both;
    padding-left: 225px;
    padding-top: 15px;
}

#Main .Btn a {
    padding: 0px 6px;
}

#login {
    float: right;
    color: #FFF;
    margin-top: 10px;
    margin-right: 10px
}

#login a {
    color: #fff
}

#MMain {
    width: 1200px;
    background-color: white;
    clear: both;
    margin: 0px auto;
    overflow: hidden;
    padding-top: 5px;
    font-family: tahoma, geneva, sans-serif;
    font-size: 12px;
}

.top {
    width: 100%;
    clear: both;
    background: url(../../../images/banner-logo.jpg) top no-repeat;
    height: 220px;
}

.top .Menu {
    float: right;
    color: #FFF;
    padding-top: 64px;
    padding-right: 13px;
}

.top .Menu a {
    text-decoration: none;
    color: #FFF;
    padding: 0px 6px;
}

.top .Menu a:hover {
    text-decoration: underline;
}

.Content {
    width: 1175px;
    clear: both;
    background-color: white;
    padding: 0px 12px;
    padding-top: 10px;
}

.Content .Left {
    width: 960px;
    float: left;
    overflow: hidden;
}

.Content .Right {
    width: 203px;
    float: right;
    overflow: hidden;
}

.Content .Right .Tools {
    width: 100%;
    clear: both;
}

.Content .Right .Tools a {
    display: block;
    /*width: 100%;*/
    clear: both;
    /*text-align: left;*/
    padding-left: 40px;
    background: url(../../../images/list-item-background.jpg) center no-repeat;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.Content .Right .Tools a:hover {
    background: url(../../../images/list-item-background.jpg) center no-repeat;
    color: #20d742;
}

.Content .Right .Tools .ahover {
    background: url(../../../images/list-item-background.jpg) center no-repeat;
    color: #2491df;
}

.Content .Right .Box {
    width: 100%;
    clear: both;
    overflow: hidden;
    /*padding-bottom: 20px;*/
    margin-bottom: 25px;
}

.Content .Right .Box .BTitle {
    width: 100%;
    clear: both;
    background: url(../../../images/bt2.jpg) top left no-repeat;
    padding-left: 50px;
    line-height: 26px;
    height: 26px;
    color: #1ab737;
    font-weight: bold;
}



.Content .Right .Box .BC {
    width: 100%;
    clear: both;
    background: url(../../../images/bc2.jpg) left repeat-y;
    padding: 7px 0px;
    padding-bottom: 7px;
}

.Content .Right .Box .BC table {
    width: 186px;
    clear: both;
    overflow: hidden;
    margin: 0px auto;
}

.Content .Right .Box .BC table td {
    padding-bottom: 6px;
    color: #676868;
}

.Content .Right .Box .BC table td input {
    padding: 0px;
    border: 1px solid #C1C1C1;
    width: 109px;
    height: 18px;
    margin-left: 4px;
    font-size: 11px;
}

.Content .Right .Box .BC table .date {
    background: url(../../../images/ico.jpg) right center no-repeat #FFF;
}

.Content .Right .Box .BC table td textarea {
    padding: 0px;
    border: 1px solid #C1C1C1;
    width: 109px;
    height: 100px;
    margin-left: 4px;
    overflow: auto;
    font-size: 11px;
}

.Content .Right .Foot {
    width: 100%;
    clear: both;
    text-align: center;
    font-family: tahoma, geneva, sans-serif;
    font-size: 10px;
    color: #666666;
    line-height: 31px;
}

.Content .Left .Box {
    width: 100%;
    clear: both;
    overflow: hidden;
    background-color: #FFFFFF;
}

.Content .Left .Box .BTitle {
    width: 100%;
    clear: both;
    background: url(../../../images/bt1.jpg) left top no-repeat;
    height: 25px;
    line-height: 25px;
    padding-left: 30px;
    color: #1ab737;
    font-weight: bold;
}

.Content .Left .Box .BTitle1 {
    width: 100%;
    clear: both;
    background: url(../../../images/bt4.jpg) left top no-repeat;
    height: 25px;
    line-height: 25px;
    padding-left: 30px;
    color: #1ab737;
    font-weight: bold;
}

.Content .Left .Box .BTitle .DisplayAmount {
	padding-right: 450px;
    text-align: right;
	color: black;
	font-weight: normal;
	font-style: italic;
	font-size: 10px;
}

.Content .Left .Box .BTitle .DisplayTechAmount {
	text-align: right;
	color: black;
	font-weight: normal;
	font-style: italic;
	font-size: 10px;
    margin-left: 20px;
}

.Content .Left .Box .BC {
    width: 100%;
    clear: both;
    background: url(../../../images/bc1.jpg) left repeat-y;
}

.Content .Left .img1 {
    background: url(../../../images/img2.jpg) top center no-repeat;
    height: 104px;
}

.Content .Left .Box .Box1 {
    width: 920px;
    clear: both;
    margin: 0px auto;
    overflow: hidden;
}

.Content .Left .Box .Box1 .B1Title {
    width: 100%;
    clear: both;
    background: url(../../../images/bt3.jpg) left top no-repeat;
    padding-left: 25px;
    color: #333333;
    line-height: 25px;
    height: 25px;
    font-weight: normal;
}

.Content .Left .Box .Box1 .B1C {
    width: 100%;
    float: left;
    background: url(../../../images/bc3.jpg) left top repeat-y #f8f8f9;
}

.Content .Left .Box .Box1 .B1C .BItem {
    width: 868px;
    clear: both;
    margin: 0px auto;
    overflow: hidden;
    background-color: #ffffff;
    border-bottom: 0px solid #e3e3e3;
    margin-top: 4px;
}

.Content .Left .Box .Box1 .B1C .BItem .Bititle {
    width: 100%;
    clear: both;
    background: url(../../../images/img3.jpg) left top no-repeat;
    height: 20px;
    line-height: 20px;
    padding-left: 80px;
    padding-bottom: 10px;
    font-size: 13px;
    letter-spacing: 3px;
	color: white;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;

}

 .Bititle {
     font-weight: normal;
     color: #333333;
}


.BItem .Row {
    width: 788px;
    padding: 10px 30px;
    color: #676868;
    font-weight: bold;
    font-size: 11px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.BItem .Row1 {
    width: 788px;
    text-align: center;
    color: #676868;
    font-weight: bold;
    font-size: 11px;
	padding: 10px 30px;
	margin-top: 10px;
	margin-bottom: 20px;
}


.BItem .Row .title{

 	font-size: 14px;
	font-weight: normal;
}

.BItem .Row .details{

 	font-size: 12px;
	font-weight: normal;
	padding-left: 10px;
}

.BItem .Row .icon{

	padding-right: 5px;
}


.BItem .Row .part_title{

	padding-left: 10px;
	padding-bottom: 10px;
}

.BItem .Row .part_textarea{

	padding-left: 10px;
	width: 600px;
	height: 50px;
	margin-bottom: 5px;
}


.BItem .close_button {
    text-align: right !important;
}

.BItem .update_button{
	padding-left: 720px;
}


.BItem .ActionRow {
    width: 860px;
    padding: 10px 5px;
    color: #676868;
    font-weight: bold;
    font-size: 11px;
}

.BItem .Content {
    width: 568px;
    padding: 10px 30px;
    color: #676868;
    font-weight: normal;
    font-size: 12px;
	line-height:   1.5;
}

.BItem .Wizard {
    width: 568px;
    padding: 10px 30px;
    color: #676868;
    font-weight: normal;
    font-size: 14px;
}


/* tech report section */

.BItem .Row table#report-section {
    width: 100%;
    clear: both;
	/*border: 2px solid #C1C1C1;
	margin-bottom: 10px;
	*/

}

.BItem .Row table#appointment-section {
    width: 100%;
    clear: both;
}

.BItem .Row table#appointment-section .header {
    background-color: #DBEAF9;
    text-align: left;
}

.BItem .Row table#appointment-section .list {
    text-align: left;
    font-weight: normal;
}

.BItem .Row table#appointment-section .note {
    text-align: left;
    font-weight: normal;
}

.BItem .Row table#appointment-section .note td {
    border-bottom: 1px solid #0019FB;
}



.BItem .Row table#report-section .report-header {
    background-color: #DBEAF9;
	text-align: center;
}



.BItem .Row table#report-section .report-list {
    background-color: #f8f8f8;
    font-weight: normal;
	text-align: center;
}


#report-sum-header {
    background-color: #FAF9DB;
    text-align: center;
    font-style: italic;
    font-weight: normal;
}



#report-sum-list {
    background-color: #FAF9DB;
    font-weight: normal;
    text-align: center;
    font-style: italic;

}




.report-template-photo {
    background-color: #FBFBFD;
    text-align: center;
    font-style: italic;
    font-weight: normal;
    padding: 10px;
    border: 1px solid #E3E3E3;
    border-right: 0px;
}

.report-template-number {

    padding: 10px;
    border: 1px solid #E3E3E3;
    border-right: 0px;

}

.report-template-list {
    background-color: #FBFBFD;
    text-align: left;
    font-weight: normal;
    padding-left: 40px;
    border: 1px solid #E3E3E3;
    border-left: 0px;
    font-size: 18px;
    color: #8E929C;
}

.report-template-select {
    text-align: center;
    padding: 10px;
    border: 1px solid #E3E3E3;
    border-right: 0px;
    font-size: 18px;
    color: #4673E5;
}


#issue-table {


	padding-bottom: 10px;

}


.report-item-header {
    background-color: #EAF4FD;
	text-align: center;
}

.report-item-detail {
    background-color: #EAF4FD;
	font-style: italic;
	text-align: center;
	font-weight: normal;
}



.report-issue-detail {
    background-color: #F7F6F2;
	font-style: italic;
	text-align: left;
	font-weight: normal;
}

.report-part-detail {
    background-color: #F5FAEE;
    font-style: italic;
    text-align: left;
    font-weight: normal;
}

.report-issue-photo {
    background-color: #F7F6F2;
	font-style: italic;
	text-align: center;
	font-weight: normal;
}

.report-issue-photo-header {
    background-color: #F8F8FA;
	text-align: center;
}

.report-issue-header {
    background-color: #F8F8FA;
	text-align: left;
}

.report-part-header {
    background-color: #F5FAEE;
    text-align: center;
}

#report-detail-info{

    width: 95%;
	border: 1px solid #C1C1C1;
	margin-top: 5px;
    margin-left: 20px;

}

#report-detail-info-part{
    width: 100%;
    border: 1px solid #C1C1C1;
    margin-bottom: 10px;

}

#overview-table {

	border: 1px solid #C1C1C1;

	margin-top: 30px;
	margin-bottom: 5px;

}

.report-row-header {

	background-color: #F5ECF7;
    font-weight: bold;
    font-style: normal;
    text-align: center;

}


.report-row1 {
    background-color: #f2f2fe;
    font-weight: normal;
    font-style: italic;
    text-align: left;
}

.report-row0 {
    background-color: #F8F8F8;
    font-weight: normal;
    font-style: italic;
    text-align: left;

}


.report_with_issue table {

    margin-top: 30px;
    margin-bottom: 10px;


}

.report_with_issue table td {

    padding-bottom: 30px;
    background-color: #F4F5F9;

    border-bottom: 10px solid #FFFFFF;
    padding-top: 10px;
    padding-left: 10px;

}

.report_with_issue table td input[type="checkbox"] {

    padding: 20px;
    border: 1px;

}


.light-box a:hover, a:visited, a:link, a:active{

	text-decoration: none;

}


/* tech report section end*/

.BItem .Row table {
    width: 100%;
    clear: both;
}

.Row table td {
    padding: 4px 2px;
}


.BItem .Row table td input[type="text"] {
    height: 18px;
    padding: 0px;
    width: 100%;
    border: 1px solid #C1C1C1;
}

.BItem .Row table td input[type="submit"] {
    padding: 0px 10px;
}

.BItem .Row table td textarea {
    padding: 5px 5px 20px 5px;
    border: 1px solid #C1C1C1;
    height: 100px;
    width: 98.5%;
    overflow: hidden;
}

.Content .Left .Search {
    width: 644px;
    clear: both;
    overflow: hidden;
    margin: 0px auto;
    padding-top: 36px;
    padding-bottom: 0px;
}

.Content .Left .Search .SBar {
    width: 100%;
    clear: both;
}

.Content .Left .Search .SBar span {
    float: left;
    background: url(../../../images/bg7.jpg) left no-repeat;
    width: 406px;
    height: 36px;
    overflow: hidden;
    margin-left: 75px;
}

.Content .Left .Search .SBar span input {
    border: 0px;
    height: 24px;
    line-height: 20px;
    width: 390px;
    background-color: #f8f8f9;
    margin-top: 10px;
    margin-left: 8px;
}

.Content .Left .Search .Table {
    width: 100%;
    clear: both;
    padding-top: 30px;
}

.Content .Left .Search .Table table {
    width: 100%;
    clear: both;
    line-height: 26px;
    color: #000000;
}

.Control {
    width: 1180px;
    clear: both;
    /*background: url(../../../images/toolbar-bg.jpg) top repeat-x;*/
    background: url(../../../images/control-bg.png) top no-repeat;
    height: 50px;
    line-height: 50px;
    color: #010101;
    margin-bottom: 10px;
    margin-top: 10px;
}

.Control span {
    float: right;
}

.Control span.left {
    float: left;
    margin-left: 250px;
}

.Control span a {
    padding: 0px 5px;
    text-decoration: none;
    color: #333333;
    background: url(../../../images/control-link-bg.png) top repeat-x;
    padding: 5px;
}

.Control span a:hover {
    text-decoration: underline;
}

.ControlSearch {
    width: 565px;
    clear: both;
    margin: 0px auto;
    overflow: hidden;
}

.ControlSearch .Sbar {
    width: 100%;
    clear: both;
    background: url(../../../images/bg2.jpg) left center no-repeat;
    height: 40px;
    line-height: 40px;
}

.ControlSearch .Sbar input {
    float: left;
    width: 267px;
    border: 0px;
    margin-top: 7px;
    margin-left: 73px;
    height: 20px;
    line-height: 20px;
    padding-top: 6px;
    padding-bottom: 4px;
}

.ControlSearch .Sbar select {
    float: left;
    width: 92px;
    border: #FFF 1px solid;
    margin: 0px;
    margin-left: 24px;
    margin-top: 12px;
    outline: 0px;
    padding: 0px;
}

.ControlSearch .Sbar img {
    padding-top: 2px;
}

.ControlSearch .HotKey {
    width: 472px;
    clear: both;
    margin: 0px auto;
    overflow: hidden;
    color: #565656;
}

.ControlSearch .HotKey a {
    padding: 0px 3px;
    line-height: 44px;
    color: #006cff;
}

.ReportPage {
    width: 360px;
    clear: both;
    overflow: hidden;
    margin: 0px auto;
    padding-top: 10px;
}

.reportChart {
	width: 60%;
	text-align: left;
	vertical-align: middle;
}

.reportDiscription {
	width: 32%;
	text-align: left;
	vertical-align: middle;
}
.reportNumber {
	font-weight: bold;
    color: #686868;

}

.reportNumber_status {
    font-weight: bold;
    color: #686868;
    padding-left: 60px;
}

.Relist {
    width: 957px;
    clear: both;
    overflow: hidden;
    margin: 0px auto;
    padding-top: 10px;
}

.Relist .BListititle {
    width: 100%;
    clear: both;
    background: url(../../../images/bto1.jpg) left top no-repeat;
    height: 20px;
    line-height: 20px;
    padding-left: 50px;
}

.Relist .BListititle[id="close"] {
    width: 100%;
    clear: both;
    background: url(../../../images/bb5.jpg) left top no-repeat;
    height: 20px;
    line-height: 20px;
    padding-left: 26px;
}

.Relist .ReContent {
    width: 937px;
    clear: both;
    margin: 0px auto;
    overflow: hidden;
    padding: 6px 0px;
}

.td_breadcrumb{
	height:20px;
	background-color: #CEE3FE;
	padding: 1px 4px 1px 4px;
	text-align:center;
	border-right: 10px solid #F8F8FA;
}


.breadCrumb_filter {

	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
}

.breadCrumb_title {
	font-size: 11px;
}

.breadCrumb_value {
	font-size: 10px;
	font-style: italic;
}

.breadCrumb_remove{

	width: 15px;
	height: 15px;
	vertical-align: middle;
}

.breadCrumb_remove:hover{
	width: 20px;
	height: 20px;
}




.Relist .ReContent .chart {
    float:left;
    border:1px solid #ccc;
    margin:3px 3px;
    padding:2px;
    display: inline;

}


.Relist .ReContent .Tools {
    width: 100%;
    clear: both;
    background: url(../../../images/bg8.jpg) top repeat-x #f1f1f2;
    border: 0px solid #e2e2e2;
    line-height: 18px;
    padding: 10px 10px 0px 10px;
    height: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.Relist .ReContent .Tools .defaultButton {

   width: 100%;
   text-align: center;
   font-size: 15px;
}

.Relist .ReContent .Tools * {
    float: left;
}

.Relist .ReContent .Tools span {
    padding-left: 10px;
}

.Relist .ReContent .Tools input {
    padding: 0px;
    border: 1px solid #C1C1C1;
    width: 98px;
    height: 18px;
    margin-left: 4px;
    font-size: 11px; /*margin-top: 4px;*/
}

.Relist .ReContent .Tools input[type="submit"] {
    width: 65px;
}


.Relist .ReContent .part-filter{
	padding-left: 10px;
}


.Relist .ReContent .tag-filter input[type="checkbox"] {
}

.Relist .ReContent .status-filter {
    width: 97%;
    clear: both;
    background: #F5F5F7;
    border: 1px solid #e2e2e2;
    line-height: 18px;
    padding: 10px 10px 0px 10px;
    height: 60px;
}


.Relist .ReContent .status-filter-Call {
    height: 150px !important;
    padding-top: 10px;
    padding-bottom: 0px;
}

.Relist .ReContent .status-filter-Service {
    height: 150px !important;
    padding-top: 10px;
    padding-bottom: 0px;
}

.Relist .ReContent .status-filter input[type="button"] {
    padding: 0px 3px;
    border: 1px solid #C1C1C1;
    height: 20px;
    margin-left: 6px;
    font-size: 11px;
}

.Relist .ReContent .status-filter input[type="button"]:hover {
    padding: 0px 3px;
    border: 1px solid #C1C1C1;
    height: 20px;
    margin-left: 6px;
    font-size: 11px;
    background-color:#C7EDCC;
    cursor: pointer;
}

.Relist .ReContent .status-filter-Service input[type="submit"] {
    margin-bottom: 5px;
}

.Relist .ReContent .Tools img {
    padding-left: 5px;
    padding-top: 3px;
}

.Relist .ReContent .Tools a {
    text-decoration: none;
    color: #000;
    padding: 0px 5px;
}

.Relist .ReContent .table {
    width: 100%;
    clear: both;
    overflow: hidden;
    line-height: 22px;
}

.Relist .ReContent .table table {
    margin-top: 7px;
    width: 100%;
    background-color: #d7d7d7;
}

.Relist .ReContent .table table .Theaer td {
    background-image: url(../../../images/bg4.jpg);
	background-repeat: repeat;
	text-align: center;
}


.Relist .ReContent .table table td {
	background-color: #fffefe;
	text-align: left;
	color: #666666;
	padding-left: 5px;
	height: 40px;
}



.Relist .ReContent .table table td img {
    padding-top: 3px;
}

.Relist .ReContent .account-info {
    width: 100%;
    clear: both;
    overflow: hidden;
    line-height: 18px;
}

.Relist .ReContent .account-info table {
    margin-top: 15px;
    width: 100%;
    background-color: #d7d7d7;
}

.Relist .ReContent .account-info table td.FormHeader {
	background: #E8E6FB;
    font-weight: normal;
    color: #666666;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}

.Relist .ReContent .account-info table td {
    background-color: #fffefe;
    text-align: center;
    color: #666666;
	border-bottom: 1px solid;
	padding-top: 10px;
	padding-bottom: 30px;
}


/*tech report*/

.Relist .ReContent .tech-report-info {
    width: 100%;
    clear: both;
    overflow: hidden;
    line-height: 18px;
}

.Relist .ReContent .tech-report-info table {
    margin-top: 15px;
    width: 100%;
    background-color: #d7d7d7;
}

.Relist .ReContent .tech-report-info table td.FormHeader {
	background: #E8E6FB;
    font-weight: normal;
    color: #666666;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}

.Relist .ReContent .tech-report-info table td {
    background-color: #fffefe;
    text-align: left;
    color: #666666;
	border-bottom: 1px solid;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;

}

.Relist .ReContent .tech-report-info .photo-title {

	font-style: italic;
	font-size: 10px;


}

.Relist .ReContent .tech-report-info .item-name {

	font-style: bold;
	font-size: 14px;
	background-color: #F3F1AB;
	text-align: left;

}

/*tech report edit page*/

.Relist .ReContent .tech-report-edit {
    width: 100%;
    clear: both;
    overflow: hidden;
    line-height: 18px;
}

.Relist .ReContent .tech-report-edit table {
    margin-top: 15px;
    width: 100%;
    background-color: #d7d7d7;
}


.Relist .ReContent .tech-report-edit table td {
    background-color: #fffefe;
    text-align: left;
    color: #666666;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}


.Relist .ReContent .tech-report-edit table td.FormHeader {
	background: #DED1F3;
    font-weight: normal;
    color: #666666;
	padding-top: 10px;
	text-align: left;
}

.Relist .ReContent .tech-report-edit table td.IssueHeader {
    background: #DBEAF9;
    font-weight: normal;
    color: #666666;
    padding-top: 5px;
    text-align: left;
    border-bottom: 5px solid #ffffff;
}

.Relist .ReContent .tech-report-edit table td.item {
	background: #F4F5F9;
    font-weight: normal;
    color: #666666;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
	border-bottom: 0px;
}

.Relist .ReContent .tech-report-edit table td.issue {
	background: #FFFEFE;
    font-weight: normal;
    color: #666666;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
    border-bottom: 0px solid #ffffff;
}

.Relist .ReContent .tech-report-edit table td.morephotos {
	background: #FFFEFE;
    font-weight: normal;
    color: #666666;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
    border-bottom: 0px solid #ffffff;
}



.Relist .ReContent .tech-report-edit .photo-title {

	font-style: italic;
	font-size: 10px;


}

.Relist .ReContent .tech-report-edit .item-name {

	font-style: bold;
	font-size: 14px;
	color: #0B22F0;
	text-align: left;

}


/*tech report edit page*/




.Relist .ReContent .button {
	margin-left: 780px;
	margin-top: 10px;
}

.ABtn a {
    text-decoration: none;
    color: #000;
    padding: 0px 6px;
}

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

textarea.direction {
    width: 100%;
    height: 100px;
}



div.error {
    color: red;
}

div.error a {
    color: #336699;
    font-size: 12px;
    text-decoration: underline
}

label.error {
    display: block;
    color: red;
    font-style: italic;
    font-weight: normal;
    font-size: 12px; /*border: 2px solid red;*/
}

input.error {
    border: 2px solid red;
}

span.form-item {
    font-weight: normal;
    color: #676868;
	font-size: 12px;
	padding-left: 10px;
}

.company_info{
	padding-left: 10px;

}

span.form-item[id="case_status"] {
    font-weight: normal;
    color: #676868;
	font-size: 14px;
}

span.form-item-done {
    font-weight: normal;
    color: #676868;
	font-size: 12px;
}

td.field input.error, td.field select.error, tr.errorRow td.field input, tr.errorRow td.field select {
    border: 2px solid red;
    background-color: #FFFFD5;
    margin: 0px;
    color: red;
}


.table-overview{

	border: 0.5px solid;
	width: 100%;

}

.table-report-header{

	border: 0.5px solid;
	width: 100%;

}

.dialog-photo {
    width: 150px;
    height:100px;
    padding: 5px;
}


.detail-photo {
    width: 218px;
    height:145px;
}

.tech-photo {
    width: 30px;
    height:30px;
    margin-top: 5px;
}

.login-photo {
    width: 45px;
    height:45px;
    margin-top: 5px;
}
.member-photo {
    width: 120px;
    height:90px;
}

.report-overview-photo {
    width: 90px;
	heigth: 60px;
}

.work-order-photo {
    width: 18px;
}

.thumb-photo {
    width: 80px;
}


/*report edit page*/



ul.contact-board-abbr {
    width: 100%;
    margin: 8px;
    padding-top: 10px;
    font-size: 10px;
    font-weight: normal;
    list-style: none;
    list-style-type: none;
}

ul.contact-board-abbr li {
    margin: 2px;
    padding: 2px;
    display: inline;
    border: solid 1px; /*line-height:28px;*/
}

ul.contact-board-abbr li a {
    text-decoration: none;
}

div.contact-board-content {
    border: solid 2px;
    padding: 4px;
    width: 100%;
    height: 100px;
    overflow: auto;
}

.select_contact_message{

    padding-top: 5px;
    font-size: 12px;
}



div.message-content {
    padding: 4px;
    width: 93%;
    height: 180px;
    overflow: auto;
}

div.filer-content[id="status"] {
    padding: 0px;
    width: 100%;
    height: auto;
    overflow: auto;
}

div.filer-content[id="service"] {
    padding: 0px;
    width: 100%;
    height: auto;
    overflow: auto;
}

div.filer-content[id="part"] {
    padding: 0px;
    width: 100%;
    height: auto;
    overflow: auto;
}

div.filer-content[id="report"] {
    padding: 0px;
    width: 100%;
    height: auto;
    overflow: auto;
}

div.filer-content[id="message"] {
    padding: 0px;
    width: 100%;
    height: auto;
    overflow: auto;
}

div.filer-content[id="payment"] {
    padding: 0px;
    width: 100%;
    height: auto;
    overflow: auto;
}

div.filer-content input {
    width: 70%;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
	margin-left: 4px;
	margin-bottom: 10px;
	border: 1px solid silver;
	font-size: 10px;
}


div.filer-content button {
	margin-left: 2px;
	padding: 1px;
	font-size: 10px;
	background-color: #CEE3FE;
	border: 1px solid silver;
}

div.filer-content button:hover {
	margin-left: 4px;
	padding: 1px;
	font-size: 10px;
	border: 1px solid blue;
}

div.filer-content select {
    width: 72%;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
	margin-left: 4px;
	margin-bottom: 10px;
	border: 1px solid silver;
	font-size: 10px;
}

span.cb-phone {
    color: #686868;
	font-style: normal;
}

span.cb-date {
    color: #686868;
	font-style: italic;
	font-size: 11px;
}

span.cb-name {
    color: #686868;
    font-style: italic;
    font-size: 11px;
    text-decoration: underline;
}

span.cb-content {
    font-weight: bold;
    color: #686868;
}

span.cb-content-to-me {
    font-weight: bold;
    color: #0070AF;
}

ul.action {
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none;
    list-style-type: none;
}

ul.action li {
    margin: 3px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    display: inline;
    border:0px;
    line-height: 28px;
}

ul.action li a {
    text-decoration: underline;
    color: #008f08;
    font-family: tahoma, geneva, sans-serif;
    font-weight: normal;
    font-size: 13px;
}

ul.action li a:hover {
    color: #3399FF;
    font-family: tahoma, geneva, sans-serif;
    font-weight: normal;
    font-size: 13px;
    text-decoration: none;

}

ul.part_action {
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none;
    list-style-type: none;
}

ul.part_action li {
    margin: 3px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    display: inline;
    border:0px;
    line-height: 28px;
}

ul.part_action li a {
    text-decoration: underline;
    color: #008f08;
    font-family: tahoma, geneva, sans-serif;
    font-weight: normal;
    font-size: 13px;
}

ul.part_action li a:hover {
    color: #008f08;
    font-family: tahoma, geneva, sans-serif;
    font-weight: normal;
    font-size: 16px;
}

.search-button {
    font-weight: bold;
    color: green !important;
    border: #a9a9a9 solid 1px;
    width: 40px;
    margin-left: 5px;
}

.search-button-message {
    color: green !important;
    border: #a9a9a9 solid 1px;
    width: 90px;
    margin-left: 5px;
}

.selected-status-filter {
    color: blue;
    background-color: #ffffdd;     /* green: 83b45c blue: b0cce1*/
}

/*load images*/
/*
Uploadify v2.1.0
Release Date: August 24, 2009

Copyright (c) 2009 Ronnie Garcia, Travis Nickels

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
.uploadifyQueueItem {
    font: 11px tahoma, geneva, sans-serif;
    border: 2px solid #E5E5E5;
    background-color: #F5F5F5;
    margin-top: 5px;
    padding: 10px;
    width: 350px;
}

.uploadifyError {
    border: 2px solid #FBCBBC !important;
    background-color: #FDE5DD !important;
}

.uploadifyQueueItem .cancel {
    float: right;
}

.uploadifyProgress {
    background-color: #FFFFFF;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    margin-top: 10px;
    width: 100%;
}

.uploadifyProgressBar {
    background-color: #0099FF;
    width: 1px;
    height: 3px;
}

#fileQueue {
    width: 400px;
    height: 300px;
    overflow: auto;
    border: 1px solid #E5E5E5;
    margin-bottom: 10px;
}

#msg-header {
    color:#666666;
	font: bold 11px tahoma, geneva, sans-serif;
    border-color:#01b009;
    background-image: url(../images/default/panel/white-top-bottom.gif);
    overflow:hidden;
    zoom:1;
    padding:5px 3px 4px 3px;
    border-width:0 0 1px;
    border-style:solid;
}

div#msg-body {
    border-color:#99bbe8;
    background-color:#fff;
    /*padding: 4px;*/
    /*width: 93%;*/
    height: 750px;
    overflow: auto;
}

#msg-body table, #msg-body table {
    border-spacing: 0px;
}

#msg-body td, #msg-body td {
    padding-left: 5px;
}

#view-message-count {
    position: absolute;
    color: red;
}

#address-header table {
    font-weight: bold;
    border-bottom:#ffe4c4 dashed thin;
}
#address-body table, #address-header table {
    border-spacing: 0px;
    margin: 0px;
}

tr.odd {
    background-color: #f0ffff;
}

tr.even {
    background-color: #dcdcdc;
}

.hide {
    display: none;
}

.date-set {
    border-size: 1px;
}
/* message */
#system-message dd.message ul {
    background-position: 99% center;
}

#system-message dd {
    text-indent: 35px;
}

/* debug */
#system-debug ol,
#system-debug ul {
    direction: ltr;
}

/* System Messages */
#system-message {
    margin-bottom: 10px;
    padding: 0;
}

#system-message dt {
    font-weight: bold;
}

#system-message dd {
    margin: 0;
    font-weight: bold;
    text-indent: 30px;
}

#system-message dd ul {
    color: #0055BB;
    margin-bottom: 10px;
    list-style: none;
    padding: 10px;
    border-top: 3px solid #84A7DB;
    border-bottom: 3px solid #84A7DB;
}

/* System Standard Messages */
#system-message dt.message {
    display: none;
}

#system-message dd.message {
}

/* System Error Messages */
#system-message dt.error {
    display: none;
}

#system-message dd.error ul {
    color: #c00;
    background-color: #E6C0C0;
    border-top: 3px solid #DE7A7B;
    border-bottom: 3px solid #DE7A7B;
}

/* System Notice Messages */
#system-message dt.notice {
    display: none;
}

#system-message dd.notice ul {
    color: #c00;
    background: #EFE7B8;
    border-top: 3px solid #F0DC7E;
    border-bottom: 3px solid #F0DC7E;
}

/* System Standard Messages */
#system-message dd.message ul {
    background: #C3D2E5 url(../images/notice-info.png) 4px center no-repeat;
}

/* System Error Messages */
#system-message dd.error ul {
    color: #c00;
    background: #E6C0C0 url(../images/notice-alert.png) 4px top no-repeat;
    border-top: 3px solid #DE7A7B;
    border-bottom: 3px solid #DE7A7B;
}

/* System Notice Messages */
#system-message dd.notice ul {
    color: #c00;
    background: #EFE7B8 url(../images/notice-note.png) 4px top no-repeat;
    border-top: 3px solid #F0DC7E;
    border-bottom: 3px solid #F0DC7E;
}

table.map-filter  {
    border: 1px;
}

.company-dialog {
    font-size: 13px;
}
.company-dialog table {
    border-spacing: 4px;
}
.company-dialog table tr td.label {
    font-weight: bold;
    width: 19%;
}
.company-dialog table tr {
    border-bottom: #f0f8ff solid thick;
}

.height200 {
    height: 200px;
    width: 100%;
}

.contactus-label {
    width: 150px;
    font-weight: bold;
}

.contactus-content {
    width: 350px
}

.contactus-content input {
    text-align: left;
    width: 100%;
}

.contactus-content textarea {
    width: 100%;
    height: 250px;
}

.extra-note {
	font-style: italic;
	color: #040404;
    font-family: tahoma, geneva, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.dis-action {

	color: #676868;
    font-family: tahoma, geneva, sans-serif;
    font-size: 11px;
    font-weight: normal;

}


.Content .Right .PostMessage {
    width: 100%;
    clear: both;
}

.Content .Right .PostMessage a {
    display: block;
    /*width: 100%;*/
    clear: both;
    /*text-align: left;*/
    padding-left: 50px;
    background: url(../../../images/post-message-background.jpg) center no-repeat;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.Content .Right .PostMessage a:hover {
    background: url(../../../images/post-message-background.jpg) center no-repeat;
    color: #20d742;
}

.Content .Right .PostMessage .ahover {
    background: url(../../../images/post-message-background.jpg) center no-repeat;
    color: #2491df;
}

.reportDetailCount{
	padding-left: 600px;
    height: 10px;
    color: #1ab737;
    font-weight: bold;
}

.billingInfoBoxTitle{
    font-weight: bold;
    color: #666666;
}

.billingInfoBoxContent{
    font-style: italic;
    color: #666666;
}

.billingInfoBoxBalance{
    font-style: italic;
    color: #DD172C;
}

.mapListButton{
    background-color:#FFFFDD;

    border:1px solid #dbdbdb;

    padding:3px;

    border-radius:5px;

    color: #000;

    font-style:italic;

    font-weight:normal;

    font-size: 7px !important;

}

.mapListButton:hover{
    background-color:#94DE74;

    border:1px solid #dbdbdb;

    padding:3px;

    border-radius:5px;

    color: #000;

    font-style:italic;

    font-weight:normal;

    font-size: 7px !important;

}

.listButton{
	background-color:#FFFFDD;

	border:1px solid #dbdbdb;

	padding:5px;

	border-radius:5px;

	color: #000;

	font-style:italic;

	font-weight:normal;

	font-size: 12px;

}

.buttonList{
    background-color:#FFFFDD;

    border:1px solid #dbdbdb;

    padding:3px;

    border-radius:5px;

    color: #000;

    font-style:italic;

    font-weight:normal;

    font-size: 10px;

    margin: 20px;

}

.buttonList:hover{
    background-color:#dcdcdc;

    border:1px solid #dbdbdb;

    padding:3px;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    color: #000;

    font-style:italic;

    font-weight:normal;

    font-size: 10px;

}

.listButtonConfirm{
    background-color:#f7f7f7;
    border:1px solid #dbdbdb;
    padding:3px;
    border-radius:5px;
    color: #000;
    font-style:italic;
    font-weight:normal;
    font-size: 10px;
}

.listButtonConfirm:hover{
    background-color:#dcdcdc;
    border:1px solid #dbdbdb;
    padding:3px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    color: #000;
    font-style:italic;
    font-weight:normal;
    font-size: 10px;
    text-align: center;
}


.listButton:hover{
	background-color:#dcdcdc;

	border:1px solid #dbdbdb;

	padding:5px;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	color: #000;

	font-style:italic;

	font-weight:normal;

	font-size: 12px;

}


.log-button:hover{

}
.log-button{

    width: 30px;
    height: 30px;
    padding: 2px;
}

.listMsgUnRead{

    font-weight:bold;
    color: #0070AF;
}

.labelTitle{

    font-size: 12px;
    padding-left: 12px;
    padding-right: 30px;

}

.lableDescription{

    font-size: 10px;
    padding-left: 2px;
    padding-right: 12px;
    font-weight: normal;

}

.listLabelListPage{
     width: 24px;
     height: 24px;
     padding-top: 5px;
     padding-left: 20px;
}

.listLabelFilterBox{
     width: 24px;
     height: 24px;
}

.listClientIcon{
     width: 30px;
     height: 30px;
     padding-top: 5px;
     padding-left: 5px;
}

.listClientIconMap{
     width: 20px;
     height: 20px;
}

.listTagLog{
     width: 90px;
     height: 30px;
     padding-top: 5px;
     padding-left: 5px;
}

.listLabel{
     width: 25px;
     height: 25px;
}

.listSignature{
     width: 25px;
     height: 25px;
}

.listIcon{
     width: 35px;
     height: 25px;
}

.listPartIconOfList{
     width: 20px;
     height: 15px;
}

.listIconForReportDispaly_3{
     width: 25px;
     height: 25px;
     padding-left: 10px;
}

.listHighLightMark{
    width: 24px;
    height: 16px;
	margin-right: 10px;
	padding-top: 10px;

}

.callingCount{

    font-size: 10px;
    color: #666666;
}

.partStatus{
    font-size: 12px;
    font-weight: normal;

}

/* map funciton */


.mapSideBar{

    text-decoration: underline;
    color: #4444ff;
    width: 150px;
    padding-top: 5px;
    padding-left: 25px;
    border: #D8D8D8 1px solid;
}

.mapSearch{
    padding-left: 30px;
}

.mapView-filter{
    width: 100%;
    height: 120px;
    background: #E6F5FD;
    margin-bottom: 10px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;

}

.mapView-filter .filter-title{
    font-size: 12px;
    font-weight: bold;
    color: #687582;
    text-align: center;

}

.mapView-filter .filter-title-area{
    font-size: 12px;
    font-weight: bold;
    color: #687582;
    text-align: center;
}

.mapView-filter table{
   width: 95%;
}

.mapView-filter table td {
   /*border-right: 1px solid #a6a6a6;
   border-left: 1px solid #a6a6a6; */
   padding-top: 5px;
   padding-bottom: 5px;
   text-align: right;
   margin-right: 5px;
}

.mapView-filter .mileage-info {
   font-size: 12px;
    text-align: left;
}

.mapView-filter .mileage-note {
   font-size: 14px;
   color: #1410FB;
}

.mapView-filter .mileage-info .title {
    padding-left: 20px;
    padding-right: 5px;
    font-size: 12px;
}

.mapView-filter .mileage-info .text {
    font-weight: bold;
    color: #687597;
    background: #F0E266;
    padding: 8px;
}

#map-table-list{
    width: 1155px;
    height: 200px;
    overflow-y: scroll;
}

#tabs-mapView .map-google{
    width: 1155px;
    height: 650px;
}

#tab-address .map-google{
    width: 98%;
    height: 400px;
}


#tabs-mapView .map-calendar{
    width: 100%;
    height: 500px;
}

#tabs-mapView .map-list{
    width: 100%;
}


#tabs-mapView .map-list table{
    background-color: #E7E7E7;
    border-spacing: 1px;
    color: #666666;
    width: 100%;
}

#tabs-mapView .map-list table td {

    padding: 4px;
    background: none repeat scroll 0 0 #F0F0F0;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #FFFFFF;
    color: #666666;
    text-align: left;
    margin-bottom: 5px;

}

#tabs-mapView .map-list table td a {

     text-decoration: none;

}


/* map funciton end */

.chartReportDetailTitle{

    padding-left: 10px;

}

.click_toggle{
    width: 30px;
    height: 30px;
}

.suggest_message{

	color: #246CB3;
	font-size: 14px;


}

#ui-datepicker-div { display: none; }

#add_new {

	padding: 10px 0 10px 100px;

}

.checkbox_detail{

	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 10px;

}

.report_detail {

	padding-bottom: 20px;
}

.report_detail_title {

	font-weight: bold;
	padding-bottom: 20px;
}


.nube{

    width: 600px;
    height: 55px;

    position: absolute;
    z-index: 100;
    top: 2px;
    left: 300px;

    font-size: 13px;

    background-color:#dcdcdc;

    border:1px solid #dbdbdb;

    padding:10px;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    color: #000;


}

.status_a{

	width: 120px;
    height: 80px;
    font-size: 14px;
	text-align: center;
    background-color:#EFE7B8;
    border:1px solid #dbdbdb;
	border-radius:10px;
    color: #686880;
	padding: 10% 0;

}

.status_u{
	width: 120px;
    height: 80px;
    font-size: 14px;
	text-align: center;
    background-color:#dcdcdc;
    border:1px solid #dbdbdb;
	border-radius:10px;
    color: #F7F6F1;
	padding: 10% 0;
}

.part_a{

	width: 120px;
    height: 80px;
    font-size: 14px;
	text-align: center;
    background-color:#EFE7B8;
    border:1px solid #dbdbdb;
	border-radius:10px;
    color: #686880;
	padding: 10% 0;
}

.part_u{
	width: 120px;
    height: 80px;
    font-size: 14px;
	text-align: center;
    background-color:#dcdcdc;
    border:1px solid #dbdbdb;
	border-radius:10px;
    color: #F7F6F1;
	padding: 10% 0;
}

.part_np{

	width: 120px;
    height: 60px;
	padding: 10% 0;

}

.status_arrow{
    width: 80px;
    height: 30px;
	background: url(../../../images/status_arrow.png) center no-repeat;
}

.status_text{
    padding: 5% 0;
}

.followup_a{
    font-size: 13px;
	text-align: left;
    background-color:#EFE7B8;
    border:1px solid #dbdbdb;
	border-radius:10px;
    color: #686880;
	padding: 15px;

}

.followup_u{
    font-size: 13px;
	text-align: left;
    background-color:#dcdcdc;
    border:1px solid #dbdbdb;
	border-radius:10px;
    color: #F7F6F1;
	padding: 15px;

}

.box_icon{
	vertical-align: middle;
	padding-right: 10px;
}

.check_icon{
	width: 25px;
	height: 20px;
	padding-left: 20px;
}

.dialog_table {
    width: 400px;
    clear: both;
    overflow: hidden;
    margin: 0px auto;
}

.dialog_table td {
    padding-bottom: 6px;
    color: #676868;
	font-size: 12px;
}

#part-table-list {
    width: 100%;
}

#part-table-list .header{
    font-weight: bold;
    text-align: center;
}


#part-table-list td {
    background-color: #f2f2fe;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    word-wrap: break-word;
    border: none;
}


#part-table-category {
    width: 100%;
}

#part-table-category .header{
    font-weight: bold;
    text-align: center;
}


#part-table-category td {
    background-color: #f2fff2;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    word-wrap: break-word;
    border: none;
}

#map-table-list {

    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    width: 97%;
}

#map-table-list td {
    background-color: #f2f2fe;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    word-wrap: break-word;
}

#map-table-list .header {
    background-color: #f2f2fe;
    font-weight: bold;
    font-size: 10px;
    word-wrap: break-word;
}



.multi-text {

	width: 100%;
	margin-left: 70px;
	padding: 5px 5px 5px 5px;

}


#tabs-detail-report .ui-widget-header {

	border: 1px solid #C3E5F3; background: #C3E5F3 !important;
    color: #ffffff;
    font-weight: bold;

}


#tabs-overview .ui-widget-header {
	border: 1px solid #E5E8D2; background: #E5E8D2; color: #ffffff; font-weight: bold;
}


#tabs-part-report .ui-widget-header {
	border: 1px solid #E5E8D2; background: #E5E8D2; color: #ffffff; font-weight: bold;
}


#tabs-detail .ui-widget-header {
	border: 1px solid #E5E8D2; background: #E5E8D2; color: #ffffff; font-weight: bold;
}

#tabs-others .ui-widget-header {
	border: 1px solid #E5E8D2; background: #E5E8D2; color: #ffffff; font-weight: bold;
}

#tabs-mapView .ui-widget-header {
    border: 1px solid #E5E8D2; background: #E5E8D2; color: #ffffff; font-weight: bold;
}


.line-space{

	padding-left: 10px;
	padding-right: 10px;
}

.detail-click-info a {
    text-decoration: underline;
    padding-left: 10px;
    color: #008F5A !important;
}

.detail-click-info a:hover {

    cursor: pointer;
}


.cross-close-button {

    padding-left: 890px;
    padding-bottom: 10px;
}

.report_comment {

    width: 400px;
    height: 150px;

}

.text_input_filed{
    width: 220px;
    height: 60px;


}


.rate_quick_input {

    padding-right: 10px;
    font-size: 13px;
}

.serv_hour {

    width: 200px;
}




.float-right-container {
    display: inline-block;
    background:#F8FA6E; border: 1px solid #ccc;
    padding: 5px;
    border-radius:5px;
    width: 150px;
    height: 50px;
    margin-left: 4px;
    margin-bottom: 20px;
}


div.floating-right-menu {
    position:fixed;
    border-radius:5px;
    width:35px;
    height: 400px;
    z-index:100;
    padding: 10px;
    top: 100px;
    right: 50px;
    background-color: #636060;

}

div.floating-right-menu .displayIcon {
    width:35px;
    height: 35px;
    padding-bottom: 10px;

}

div.floating-right-menu .displayButton {
    width:35px;
    height: 35px;
    padding-bottom: 10px;

}

div.floating-process {
    position:fixed;
    background:#393939; border:1px solid #A6C9E2;
    border-radius:5px;
    width:100px;
    height:100px;
    z-index:100;
    padding: 10px;
    margin-top:600px;
    display: none;
}

.process-container {
    display: inline-block;
    background:#FFFFFF; border: 1px solid #ccc;
    padding: 5px;
    border-radius:8px;
    width: 50px;
    height: 50px;
    margin-left: 4px;
}


div.floating-menu {
    position:fixed;
    background:#393939; border:1px solid #A6C9E2;
    border-radius:5px;
    width:1154px;
    height: 63px;
    z-index:100;
    padding: 10px;
    margin-top:1200px;
    display: none;
}

div.floating-menu .title {
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 10px;
    color: #686868;
}

div.floating-menu .icon {
     width: 50px;
     height: 50px;
}


.float-container {
    display: inline-block;
    background:#FFFFFF; border: 1px solid #ccc;
    padding: 5px;
    border-radius:8px;
    width: 126px;
    height: 50px;
    margin-left: 4px;
}

div.floating-menu .float-container .icon {
    vertical-align: middle;
    font-size: 20px;
}

div.floating-menu .float-container .icon .displayIcon {
     width: 20px;
     height: 20px;
}



div.floating-menu .float-container .title {
    font-weight: bold;
    font-size: 10px;
    padding-top: 5px;
    color: #686868;

}

div.floating-menu .float-container .info {
    font-weight: normal;
    font-size: 10px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #686868;
}





.dialog_table{
    border: 0;
    width: 100%;
}

.dialog_table tr{
    padding: 5px;
}

.dialog_table input[type="radio"]{
    margin-right: 5px;
    margin-left: 10px;
}

.dialog_table textarea{
    width: 180px;
    height: 60px;
}

.dialog_table .title{
    font-size: 12px;
    font-weight: bold;
}

.dialog_table .numbersOnly{
     width: 50px;
}



.list-row-info td{
    border-bottom:  #FAD160 1px solid !important; 
}

.more_info {

    margin-right: 5px;
}

.detailTabs{
   min-height:150px;
   max-height:800px;
   overflow-y:auto;
}

/* new report css */

.new_report_button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 12px;
    border: 1px solid #ac730b;
    border-radius: 8px;
    background: #ffbd12;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffbd12), to(#ac730b));
    background: -moz-linear-gradient(top, #ffbd12, #ac730b);
    background: linear-gradient(to bottom, #ffbd12, #ac730b);
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
.new_report_button:hover,
.new_report_button:focus {
    border: 1px solid #f6a410;
    background: #ffe316;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe316), to(#ce8a0d));
    background: -moz-linear-gradient(top, #ffe316, #ce8a0d);
    background: linear-gradient(to bottom, #ffe316, #ce8a0d);
    color: #ffffff;
    text-decoration: none;
}
.new_report_button:active {
    background: #ac730b;
    background: -webkit-gradient(linear, left top, left bottom, from(#ac730b), to(#ac730b));
    background: -moz-linear-gradient(top, #ac730b, #ac730b);
    background: linear-gradient(to bottom, #ac730b, #ac730b);
}

/* standard filter select */
.standard-filter-select{
    margin: 5px;
}


/* page layout  center */


.Content .Center {
    width: 100%;
    float: left;
    overflow: hidden;
}
.Content .Center .Box {
    width: 100%;
    clear: both;
    overflow: hidden;
    background-color: #FFFFFF;
}
.Content .Center .Box .BTitle {
    width: 100%;
    clear: both;
    background: url(../../../images/bt1.jpg) left top no-repeat;
    height: 25px;
    line-height: 25px;
    padding-left: 30px;
    color: #1ab737;
    font-weight: bold;
}

.Content .Center .Box .BTitle1 {
    width: 100%;
    clear: both;
    background: url(../../../images/bt4.jpg) left top no-repeat;
    height: 25px;
    line-height: 25px;
    padding-left: 30px;
    color: #1ab737;
    font-weight: bold;
}

.Content .Center .Box .BC {
    width: 100%;
    clear: both;
    background: url(../../../images/bc1.jpg) left repeat-y;
}

.Content .Center .img1 {
    background: url(../../../images/img2.jpg) top center no-repeat;
    height: 104px;
}

.Content .Center .Box .BC .Box1 {
    width: 100%;
    clear: both;
    margin: 0px auto;
    overflow: hidden;
}

.Content .Center .Box .BC .Box1 .B1Title {
    width: 100%;
    clear: both;
    background: url(../../../images/bt3.jpg) left top no-repeat;
    padding-left: 25px;
    color: #333333;
    line-height: 25px;
    height: 25px;
    font-weight: normal;
}

.Content .Center .Box .BC .Box1 .B1C {
    width: 100%;
    float: left;
    background: url(../../../images/bc3.jpg) left top repeat-y #f8f8f9;
}

.Content .Center .Box .BC .Box1 .B1C .BItem {
    width: 100%;
    clear: both;
    margin: 0px auto;
    overflow: hidden;
    background-color: #ffffff;
    border-bottom: 0px solid #e3e3e3;
    margin-top: 4px;
}


.Content .Center .Box .BC .Box1 .B1C .BItem .Row {
    width: 95%;
    padding: 10px 30px;
    color: #676868;
    font-weight: bold;
    font-size: 11px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.Content .Center .Box .BC .Box1 .B1C .BItem .Row1 {
    width: 95%;
    text-align: center;
    color: #676868;
    font-weight: bold;
    font-size: 11px;
    padding: 10px 30px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.tab_button{
    width: 25px;
    height: 25px;
    margin-right: 10px;
}